From 31c9c1d214f17a9e6a060565ada7937741c4bca5 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期二, 04 三月 2025 14:21:46 +0800
Subject: [PATCH] 搬迁管理体系文件的控制
---
src/views/standard/model/index.vue | 115 -
src/components/UpPdfStamp/index.vue | 165 +++
src/views/CNAS/systemManagement/customerManagement/base.vue | 11
src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue | 596 +++++++++++
src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue | 703 +++++++++++++
src/views/CNAS/systemManagement/documentControl/index.vue | 67 +
src/api/standard/model.js | 9
src/views/CNAS/systemManagement/documentControl/components/FileList.vue | 438 ++++++++
src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue | 578 ++++++++++
src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue | 492 +++++++++
10 files changed, 3,066 insertions(+), 108 deletions(-)
diff --git a/src/api/standard/model.js b/src/api/standard/model.js
index 5bbe405..ae5648b 100644
--- a/src/api/standard/model.js
+++ b/src/api/standard/model.js
@@ -9,15 +9,6 @@
});
}
-// 妯＄増澶嶅埗
-export function copyStandardTemplate(data) {
- return request({
- url: "/StandardTemplate/copyStandardTemplate",
- method: "post",
- data: data,
- });
-}
-
// 娣诲姞妫�楠屾ā鏉�
export function addStandardTemplate(data) {
return request({
diff --git a/src/components/UpPdfStamp/index.vue b/src/components/UpPdfStamp/index.vue
new file mode 100644
index 0000000..9b8fe8c
--- /dev/null
+++ b/src/components/UpPdfStamp/index.vue
@@ -0,0 +1,165 @@
+<template>
+ <div class="up-pdf-stamp">
+ <div class="work" style="display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;"
+ v-if="isUpFile">
+ <input type="file" @change="handleFileUpload" accept="application/pdf" ref="fileInput" />
+ </div>
+ <p style="color: red;font-size: 12px;margin: 16px 0;" v-if="canvasNumPages > 0">鎻愮ず锛氬湪鏂囦欢鑼冨洿鍐咃紝鍗曞嚮榧犳爣鐩栫珷锛屽弻鍑婚紶鏍囧凡鐩栧ソ绔犲鍙垹闄ゅ綋鍓嶇珷</p>
+ <canvas ref="pdfCanvas" @click="e => handleCanvasClick(e, index)" style="border: 1px solid #000;"
+ @dblclick="e => removeStamp(e, index)" v-for="(item, index) in canvasNumPages" :key="index"></canvas>
+ </div>
+</template>
+
+<script>
+import jsPDF from "jspdf";
+import file from '@/utils/file.js'
+export default {
+ props: ['isUpFile'],
+ data() {
+ return {
+ pdfDoc: null, // 瀛樺偍涓婁紶鐨� PDF 鏁版嵁
+ stamps: [], // 璁板綍鐩栫珷鐨勪綅缃�
+ contextList: [],//canvas鍒楄〃
+ canvasNumPages: 0,// 瀛樺偍 PDF 鎬婚〉鏁�
+ stampWidth: 120, // 鐩栫珷瀹藉害
+ stampHeight: 80, // 鐩栫珷楂樺害
+ stampsName: '',
+ stampsList: ['涓讳换', '璐ㄩ噺璐熻矗浜�', '鎶�鏈礋璐ｄ汉', '缁煎悎瀹�', '閫氫俊', '鐢靛姏', '瑁呭', '鍌ㄨ兘', '灏勯'],
+ fileName: '鏂囦欢鍚�'
+ };
+ },
+ methods: {
+ handleFileUpload(event) {
+ const file = event.target.files[0];
+ if (file.size > 20 * 1024 * 1024) {
+ this.$refs.fileInput.value = ""; // 娓呯┖鏂囦欢杈撳叆妗嗗唴瀹�
+ return this.$message.error('鏂囦欢澶у皬涓嶈兘瓒呰繃20M')
+ }
+ this.lookFile(file)
+ },
+ lookFile(file, currentStamp) {
+ this.fileName = file.name
+ if (currentStamp) {
+ this.stampsName = currentStamp
+ } else {
+ const index = this.stampsList.indexOf(m => file.name.includes(m))
+ if (index > -1) {
+ this.stampsName = this.stampsList[index]
+ } else {
+ this.stampsName = '缁煎悎瀹�'
+ }
+ }
+ if (file && file.type === 'application/pdf') {
+ const reader = new FileReader();
+ reader.onload = (e) => {
+ const typedArray = new Uint8Array(e.target.result);
+ this.loadPDF(typedArray);
+ };
+ reader.readAsArrayBuffer(file);
+ } else {
+ this.$message.error('璇烽�夋嫨 PDF 鏂囦欢');
+ }
+ },
+ loadPDF(typedArray) {
+ pdfjsLib.getDocument(typedArray).promise.then(pdfDoc_ => {
+ this.pdfDoc = pdfDoc_;
+ this.canvasNumPages = this.pdfDoc._pdfInfo.numPages
+ this.stamps = []
+ this.contextList = []
+ for (let i = 1; i <= this.canvasNumPages; i++) {
+ this.$nextTick(() => {
+ this.renderPage(i); // 娓叉煋椤甸潰
+ });
+ this.stamps.push([])
+ }
+ });
+ },
+ // 娓叉煋鎸囧畾椤甸潰
+ renderPage(pageNum) {
+ this.pdfDoc.getPage(pageNum).then(page => {
+ const canvas = this.$refs.pdfCanvas[pageNum - 1];
+ this.contextList.push(canvas.getContext("2d"))
+ const viewport = page.getViewport({ scale: 1.5 });
+
+ canvas.width = viewport.width;
+ canvas.height = viewport.height;
+
+ page.render({
+ canvasContext: this.contextList[pageNum - 1],
+ viewport: viewport
+ }).promise.then(() => {
+ this.stamps[pageNum - 1].forEach(m => {
+ this.drawStamps(m.x, m.y, pageNum - 1)
+ })
+ });
+ });
+ },
+ // 鍗曞嚮--娣诲姞绔�
+ handleCanvasClick(event, i) {
+ const x = event.offsetX;
+ const y = event.offsetY;
+ const index = this.stamps[i].findIndex(stamp => {
+ let x0 = x - stamp.x;
+ let y0 = y - stamp.y;
+ return x0 > 0 && x0 < this.stampWidth && y0 > 0 && y0 < this.stampHeight;
+ });
+ if (index > -1) return;
+ this.drawStamps(x, y, i)
+ this.stamps[i].push({ x, y });
+ },
+ // 鍙屽嚮--鍒犻櫎鐩栫珷
+ removeStamp(event, i) {
+ const x = event.offsetX;
+ const y = event.offsetY;
+ // 鏌ユ壘琚弻鍑荤殑鐩栫珷
+ const index = this.stamps[i].findIndex(stamp => {
+ let x0 = x - stamp.x;
+ let y0 = y - stamp.y;
+ return x0 > 0 && x0 < this.stampWidth && y0 > 0 && y0 < this.stampHeight;
+ });
+ if (index === -1) return;
+ this.stamps[i].splice(index, 1); // 鍒犻櫎鎸囧畾鐨勭洊绔�
+ this.contextList[i].clearRect(0, 0, this.contextList[i].width, this.contextList[i].height);
+ this.renderPage(i + 1)
+ },
+ // 娓叉煋绔�
+ drawStamps(x, y, index) {
+ var img = new Image();
+ console.log(this.stampsName)
+ // 璁剧疆鍥剧墖婧�
+ img.src = require("@/assets/stamps/" + this.stampsName + ".png"); // 鏇挎崲涓轰綘鐨勫浘鐗囬摼鎺�
+ let that = this
+ img.onload = function () {
+ // 鍥剧墖鍔犺浇瀹屾垚鍚庯紝灏嗗浘鐗囩粯鍒跺埌canvas涓�
+ that.contextList[index].drawImage(img, x, y, that.stampWidth, that.stampHeight);
+ };
+ },
+ // 鐢熸垚 PDF 鐨勫嚱鏁�
+ async generatePDF() {
+ if (this.contextList.length === 0) {
+ this.$message({ message: '璇峰厛涓婁紶PDF鏂囦欢', type: 'error' });
+ this.$emit('uploadPDFErr')
+ return false
+ }
+ const pdf = new jsPDF("p", "mm", "a4");
+ for (let i = 0; i < this.contextList.length; i++) {
+ const imgData = this.$refs.pdfCanvas[i].toDataURL('image/jpeg', 0.7);
+ const pdfWidth = pdf.internal.pageSize.getWidth();
+ const pdfHeight = (this.$refs.pdfCanvas[i].height * pdfWidth) / this.$refs.pdfCanvas[i].width;
+ pdf.addImage(imgData, "JPEG", 0, 0, pdfWidth, pdfHeight); // 灏嗗浘鐗囨坊鍔犲埌 PDF
+ if (i !== this.contextList.length - 1) {
+ pdf.addPage(); // 娣诲姞鏂扮殑涓�椤�
+ }
+ }
+
+ // 灏� PDF 鏂囦欢淇濆瓨鎴栦笂浼�
+ const pdfOutput = pdf.output('blob'); // 鑾峰彇 PDF 鏂囦欢鐨� Blob 瀵硅薄
+
+ // 涓婁紶鍒板悗绔�
+ return this.$emit('uploadPDF', pdfOutput, this.fileName)
+ },
+ }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/CNAS/systemManagement/customerManagement/base.vue b/src/views/CNAS/systemManagement/customerManagement/base.vue
new file mode 100644
index 0000000..3292b73
--- /dev/null
+++ b/src/views/CNAS/systemManagement/customerManagement/base.vue
@@ -0,0 +1,11 @@
+<template>
+ <div>瀹㈡埛鍩烘湰淇℃伅绠＄悊</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue b/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue
new file mode 100644
index 0000000..85dd9a0
--- /dev/null
+++ b/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue
@@ -0,0 +1,578 @@
+<template>
+ <!-- 鏂囦欢鍙楁帶鐢宠 -->
+ <div class="controlled-file-application" style="height: 100%;">
+ <div class="search">
+ <div class="search_thing">
+ <div class="search_label">鐢宠鏂囦欢缂栧彿锛�</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.documentCode"
+ @keyup.enter.native="refreshTable()"></el-input></div>
+ </div>
+ <!-- <div class="search_thing">
+ <div class="search_label">鐢宠浜猴細</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="queryParams.createUserName" @keyup.enter.native="refreshTable()"></el-input></div>
+ </div> -->
+ <div class="search_thing" style="padding-left: 30px;">
+ <el-button size="small" @click="refresh()">閲� 缃�</el-button>
+ <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
+ </div>
+ <div class="btns" style="padding-left: 30px;">
+ <el-button size="small" type="primary"
+ @click="addDialogVisible = true, addInfo = {}, file = null">鏂囦欢鍙楁帶鐢宠</el-button>
+ </div>
+ </div>
+ <div class="table">
+ <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading"
+ :height="'calc(100vh - 290px)'" @pagination="pagination"></lims-table>
+ </div>
+ <el-dialog title="鏂囦欢鍙楁帶鐢宠" :visible.sync="addDialogVisible" width="800px" top="10vh">
+ <el-row>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label"><span style="color:red;margin-right: 4px;">*</span>鐢宠缂栧彿锛�</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="addInfo.documentCode"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">璐ｄ换浜猴細</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.dutyUser" size="small" style="width: 100%;" filterable>
+ <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢绫诲埆锛�</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.type" size="small" style="width: 100%;">
+ <el-option v-for="item in fileType" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鍚嶇О锛�</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="addInfo.name"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鐗堟湰锛�</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="addInfo.version"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">涓婁紶闄勪欢锛�</div>
+ <div class="search_input"><el-upload style="margin: 8px 0 0px 50px;" action="#" :auto-upload="false"
+ :multiple="false" accept='.pdf' :on-change="handleChangeUpload" v-if="addDialogVisible">
+ <el-button size="small" type="primary">涓婁紶闄勪欢</el-button>
+ </el-upload></div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">浣滆�咃細</div>
+ <div class="search_input">
+ <!-- <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="addInfo.writer"></el-input> -->
+ <el-select v-model="addInfo.writer" size="small" style="width: 100%;" filterable>
+ <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.label">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鎻愪氦鏃ユ湡锛�</div>
+ <div class="search_input">
+ <el-date-picker v-model="addInfo.submitDate" type="date" size="small" placeholder="閫夋嫨鏃ユ湡"
+ format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 100%;">
+ </el-date-picker>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">璇存槑锛�</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="addInfo.instructions"
+ type="textarea" :rows="2"></el-input></div>
+ </div>
+ </el-col>
+ </el-row>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="addDialogVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="handleAdd" :loading="addLoading">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog title="鏌ョ湅闄勪欢" :visible.sync="lookDialogVisible" width="800px" top="5vh" fullscreen>
+ <filePreview v-if="lookDialogVisible" :fileUrl="javaApi + '/word/' + currentInfo.url" :currentFile="{}"
+ style="height: 90vh;overflow-y: auto;" />
+ </el-dialog>
+ <el-dialog title="瀹℃牳" :visible.sync="checkDialogVisible" width="1000px" top="5vh">
+ <UpPdfStamp ref="UpPdfStamp" v-if="checkDialogVisible" @uploadPDF="uploadPDF" :isUpFile="false"></UpPdfStamp>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="handleCheckSub('涓嶉�氳繃')" :loading="noCheckLoading">涓嶉�氳繃</el-button>
+ <el-button type="primary" @click="handleCheckSub('閫氳繃')" :loading="checkLoading">閫� 杩�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog title="閫夋嫨鍙楁帶绔�" :visible.sync="checkStampDialogVisible" width="600px" top="5vh">
+ <div class="stamp-list">
+ <img :src="require('@/assets/stamps/' + item + '.png')" alt="" v-for="(item, index) in stampsList" :key="index"
+ style="width: 120px;height: 80px;margin: 6px;" class="stamp" :class="{ active: currentStamp == item }"
+ @click="currentStamp = item">
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="checkStampDialogVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="handleCheck0(currentInfo)">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import UpPdfStamp from '@/components/UpPdfStamp/index.vue'
+import filePreview from '@/components/Preview/filePreview.vue'
+import limsTable from "@/components/Table/lims-table.vue";
+import {
+ selectUserCondition,
+} from "@/api/system/user.js";
+import {
+ addManageDocumentControlled,
+ doManageDocumentControlled,
+ checkManageDocumentControlledPdf,
+ delManageDocumentControlled,
+ pageManageDocumentControlled,
+ checkManageDocumentControlled,
+} from '@/api/cnas/systemManagement/documentControl.js'
+import { mapGetters } from "vuex";
+export default {
+ components: {
+ filePreview,
+ UpPdfStamp,
+ limsTable
+ },
+ computed: {
+ ...mapGetters(["nickName"]),
+ },
+ data() {
+ return {
+ upLoading: false,
+ addPower: false,
+ addDialogVisible: false,
+ addLoading: false,
+ lookDialogVisible: false,
+ checkDialogVisible: false,
+ checkStampDialogVisible: false,
+ addInfo: {},
+ personList: [],
+ fileType: [],
+ file: null,
+ currentInfo: {},
+ checkLoading: false,
+ noCheckLoading: false,
+ type: '',
+ stampsList: ['涓讳换', '璐ㄩ噺璐熻矗浜�', '鎶�鏈礋璐ｄ汉', '缁煎悎瀹�', '閫氫俊', '鐢靛姏', '瑁呭', '鍌ㄨ兘', '灏勯'],
+ currentStamp: '涓讳换',
+ queryParams: {},
+ tableData: [],
+ column: [
+ { label: "鐢宠鏂囦欢缂栧彿", prop: "documentCode" },
+ {
+ label: "鏂囦欢绫诲埆", prop: "type", width: "120px", dataType: "tag",
+ formatData: (params) => {
+ return this.fileType.find((m) => m.value == params).label;
+ },
+ formatType: (params) => {
+ return this.fileType.find((m) => m.value == params).type;
+ },
+ },
+ {
+ label: "鐢宠浜�",
+ prop: "createUserName",
+ },
+ { label: "鐢宠鏃堕棿", prop: "createTime" },
+ { label: "璇存槑", prop: "instructions" },
+ { label: "鎻愪氦鏃ユ湡", prop: "submitDate" },
+ { label: "璐ｄ换浜�", prop: "dutyUserName" },
+ {
+ label: "鐢宠鐘舵��", prop: "state", dataType: "tag",
+ formatData: (params) => {
+ return params;
+ },
+ formatType: (params) => {
+ if (params == '閫氳繃') {
+ return 'success'
+ } else {
+ return 'danger'
+ }
+ },
+ },
+ {
+ dataType: "action",
+ fixed: "right",
+ label: "鎿嶄綔",
+ operation: [
+ {
+ name: "缂栬緫",
+ type: "text",
+ clickFun: (row) => {
+ this.handleUpdate(row);
+ },
+ disabled: (row) => {
+ return row.state == '閫氳繃'
+ }
+ },
+ {
+ name: "瀹℃牳",
+ type: "text",
+ clickFun: (row) => {
+ this.handleCheck(row);
+ },
+ disabled: (row) => {
+ return !row.dutyUserName.includes(this.nickName) || row.state == '閫氳繃'
+ }
+ },
+ {
+ name: "鏌ョ湅闄勪欢",
+ type: "text",
+ clickFun: (row) => {
+ this.handleLook(row);
+ },
+ },
+ {
+ name: "涓嬭浇",
+ type: "text",
+ clickFun: (row) => {
+ this.handleDown(row);
+ },
+ },
+
+ {
+ name: "鍒犻櫎",
+ type: "text",
+ clickFun: (row) => {
+ this.handleDelete(row);
+ },
+ disabled: (row, index) => {
+ return row.state == '閫氳繃'
+ }
+ },
+ ],
+ },
+ ],
+ page: {
+ total: 0,
+ size: 10,
+ current: 0,
+ },
+ tableLoading: false,
+ }
+ },
+ mounted() {
+ this.getList()
+ this.getAuthorizedPerson()
+ this.selectEnumByCategory()
+ },
+ methods: {
+ getList() {
+ this.tableLoading = true;
+ let param = { ...this.queryParams, ...this.page };
+ delete param.total;
+ pageManageDocumentControlled({ ...param })
+ .then((res) => {
+ this.tableLoading = false;
+ if (res.code === 200) {
+ this.tableData = res.data.records;
+ this.page.total = res.data.total;
+ }
+ })
+ .catch((err) => {
+ this.tableLoading = false;
+ });
+ },
+ pagination({ page, limit }) {
+ this.page.current = page;
+ this.page.size = limit;
+ this.getList();
+ },
+ refreshTable() {
+ this.page.current = 1;
+ this.getList();
+ },
+ refresh() {
+ this.queryParams = {};
+ this.page.current = 1;
+ this.getList();
+ },
+ getPower() {
+ let power = JSON.parse(sessionStorage.getItem('power'))
+ let up = false
+ let del = false
+ let add = false
+ // let check = false
+ for (var i = 0; i < power.length; i++) {
+ if (power[i].menuMethod == 'addManageDocumentControlled') {
+ up = true
+ }
+ if (power[i].menuMethod == 'addManageDocumentControlled') {
+ add = true
+ }
+ if (power[i].menuMethod == 'delManageDocumentControlled') {
+ del = true
+ }
+ // if (power[i].menuMethod == 'checkManageDocumentControlled') {
+ // check = true
+ // }
+ }
+ // if (!check) {
+ // this.componentData.do.splice(2, 1)
+ // }
+ if (!del) {
+ this.componentData.do.splice(1, 1)
+ }
+ if (!up) {
+ this.componentData.do.splice(0, 1)
+ }
+ this.addPower = add
+ },
+ getAuthorizedPerson() {
+ selectUserCondition().then(res => {
+ let data = []
+ res.data.forEach(a => {
+ data.push({
+ label: a.name,
+ value: a.id
+ })
+ })
+ this.personList = data
+ })
+ },
+ selectEnumByCategory() {
+ // 鏂囦欢绫诲埆
+ this.getDicts("document_type").then((response) => {
+ this.fileType = this.dictToValue(response.data);
+ });
+ },
+ // 鎻愪氦
+ handleAdd() {
+ if (!this.addInfo.documentCode) return this.$message({ type: 'error', message: "璇疯緭鍏ョ紪鍙�" })
+ if (!this.addInfo.id) {
+ // 鏂板
+ let fd = new FormData();
+ //鏂囦欢淇℃伅涓璻aw鎵嶆槸鐪熺殑鏂囦欢
+ if (this.file) {
+ fd.append("file", this.file.raw);
+ }
+ for (let m in this.addInfo) {
+ fd.append(m, this.addInfo[m])
+ }
+ this.addLoading = true
+ addManageDocumentControlled(fd).then(res => {
+ this.addLoading = false
+ if (res.code == 200) {
+ this.$message({
+ type: 'success',
+ message: '娣诲姞鎴愬姛'
+ })
+ this.refreshTable()
+ this.addDialogVisible = false
+ } else {
+ this.$message({
+ type: 'error',
+ message: '娣诲姞澶辫触'
+ })
+ }
+ })
+ } else {
+ // 淇敼
+ let { id, documentCode, dutyUser, type, name, version, writer, submitDate, instructions } = this.addInfo
+ let fd = new FormData();
+ //鏂囦欢淇℃伅涓璻aw鎵嶆槸鐪熺殑鏂囦欢
+ if (this.file) {
+ fd.append("file", this.file.raw);
+ }
+ fd.append("id", id);
+ fd.append("documentCode", documentCode);
+ fd.append("dutyUser", dutyUser);
+ fd.append("type", type);
+ fd.append("name", name);
+ fd.append("version", version);
+ fd.append("writer", writer);
+ fd.append("submitDate", submitDate);
+ fd.append("instructions", instructions);
+ this.addLoading = true
+ doManageDocumentControlled(fd).then(res => {
+ this.addLoading = false
+ if (res.code == 200) {
+ this.refreshTable()
+ this.addDialogVisible = false
+ } else {
+ this.$message({
+ type: 'error',
+ message: '娣诲姞澶辫触'
+ })
+ }
+ })
+ }
+ },
+ handleChangeUpload(file, fileLists) {
+ this.file = file
+ this.$set(this.addInfo, 'name', file.name)
+ },
+ // 缂栬緫
+ handleUpdate(row) {
+ this.title = '鏂囦欢鍙樻洿鐢宠'
+ this.addInfo = this.HaveJson(row)
+ this.addDialogVisible = true
+ },
+ // 鏌ョ湅闄勪欢
+ handleLook(row) {
+ this.currentInfo = row
+ this.lookDialogVisible = true
+ },
+ // 瀹℃牳
+ handleCheck(row) {
+ this.title = '瀹℃牳'
+ this.currentInfo = row
+ if (!row.url) return this.$message.warning('鏂囦欢鏈笂浼�')
+ this.checkStampDialogVisible = true
+ },
+ handleCheck0(row) {
+ this.checkStampDialogVisible = false
+ this.checkDialogVisible = true
+ checkManageDocumentControlledPdf({ id: row.id }).then(res => {
+ const blob = new Blob([res]);
+ const file = new File([blob], row.name, { type: 'application/pdf' })
+ this.$refs.UpPdfStamp.lookFile(file, this.currentStamp)
+ }).catch(err => {
+ console.log(err)
+ })
+ },
+ handleDown(row) {
+ if (!row.url) return this.$message.warning('鏂囦欢鏈笂浼�')
+ let url = this.javaApi + '/word/' + row.url
+ this.$download.saveAs(url, row.url);
+ },
+ async uploadPDF(pdfBlob) {
+ const formData = new FormData();
+ formData.append('file', pdfBlob, this.fileName + '.pdf'); // 鏂囦欢瀛楁
+ formData.append('id', this.currentInfo.id); // 鏂囦欢鍚嶅瓧娈�
+ formData.append('state', this.type); // 鏂囦欢鍚嶅瓧娈�
+ formData.append('writer', this.currentInfo.writer); // 鏂囦欢鍚嶅瓧娈�
+
+ try {
+ let res = await checkManageDocumentControlled(formData)
+ this.checkLoading = false
+ this.noCheckLoading = false
+ if (res.code == 200) {
+ this.$message({ message: '鎿嶄綔鎴愬姛', type: 'success' });
+ this.checkDialogVisible = false;
+ this.refreshTable()
+ return true
+ } else {
+ this.$message({ message: '鎿嶄綔澶辫触', type: 'error' });
+ return false
+ }
+ } catch (e) {
+ this.checkLoading = false
+ this.noCheckLoading = false
+ }
+
+
+ },
+ handleCheckSub(type) {
+ this.type = type
+ if (type == '閫氳繃') {
+ this.checkLoading = true
+ } else {
+ this.noCheckLoading = true
+ }
+ this.addLoading = true
+ this.$refs['UpPdfStamp'].generatePDF()
+ },
+ handleDelete(row) {
+ this.$confirm("鏄惁鍒犻櫎璇ユ潯鏁版嵁?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ delManageDocumentControlled({ id: row.id }).then((res) => {
+ if (res.code == 201) return;
+ this.$message.success("鍒犻櫎鎴愬姛");
+ this.refresh();
+ });
+ })
+ .catch(() => { });
+ },
+ }
+}
+</script>
+
+<style scoped>
+.title {
+ height: 60px;
+ line-height: 60px;
+}
+
+.search {
+ background-color: #fff;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ position: relative;
+}
+
+.search_thing {
+ width: 350px;
+ display: flex;
+ align-items: center;
+}
+
+.search_label {
+ width: 110px;
+ font-size: 14px;
+ text-align: right;
+}
+
+.search_input {
+ width: calc(100% - 110px);
+}
+
+.table {
+ background-color: #fff;
+ height: calc(100% - 60px - 80px);
+ padding: 20px;
+}
+
+.btns {
+ position: absolute;
+ right: 20px;
+ top: 5px;
+}
+
+.stamp {
+ cursor: pointer;
+ border: #fff 1px solid;
+}
+
+.stamp:hover {
+ border: #3A7BFA 1px solid;
+ box-shadow: inset 0px 0px 15px #3A7BFA;
+}
+
+.stamp.active {
+ border: #3A7BFA 1px solid;
+ box-shadow: inset 0px 0px 15px #3A7BFA;
+}
+</style>
diff --git a/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue b/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue
new file mode 100644
index 0000000..887fbfb
--- /dev/null
+++ b/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue
@@ -0,0 +1,596 @@
+<template>
+ <!-- 鍙戞斁鍥炴敹璁板綍 -->
+ <div class="distribution-collection-record" style="height: 100%;">
+ <div class="search">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢缂栧彿锛�</div>
+ <div class="search_input"><el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small"
+ @keyup.enter.native="refreshTable()"></el-input></div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鍚嶇О锛�</div>
+ <div class="search_input"><el-input v-model="queryParams.name" clearable placeholder="璇疯緭鍏�" size="small"
+ @keyup.enter.native="refreshTable()"></el-input></div>
+ </div>
+ <div class="search_thing" style="padding-left: 30px;">
+ <el-button size="small" @click="refresh()">閲� 缃�</el-button>
+ <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
+ </div>
+ <div class="btns" style="padding-left: 30px;">
+ <el-button v-if="addPower" size="small" type="primary"
+ @click="addDialogVisible = true, addInfo = {}, radio = '鍙戞斁'">娣诲姞鍙戞斁璁板綍</el-button>
+ <el-button v-if="outPower" :loading="outLoading" size="small" type="primary" @click="handleOut">瀵煎嚭</el-button>
+ </div>
+ </div>
+ <div class="table">
+ <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading"
+ :height="'calc(100vh - 290px)'" @pagination="pagination"></lims-table>
+ </div>
+ <el-dialog :title="'娣诲姞' + radio + '璁板綍'" :visible.sync="addDialogVisible" top="10vh" width="800px">
+ <el-row v-if="addDialogVisible">
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label"><span style="color:red;margin-right: 4px;">*</span>鐢宠缂栧彿锛�</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.documentCode" :disabled="radio == '鍥炴敹'" allow-create clearable filterable
+ size="small" style="width: 100%;" @change="changeFileList">
+ <el-option v-for="item in fileList" :key="item.documentCode" :label="item.documentCode"
+ :value="item.documentCode">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col v-if="radio == '鍙戞斁'" :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label"><span style="color:red;margin-right: 4px;">*</span>鍙戞斁浜猴細</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.issueUser" filterable size="small" style="width: 100%;">
+ <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col v-else :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label"><span style="color:red;margin-right: 4px;">*</span>鍥炴敹浜猴細</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.recycleUser" filterable size="small" style="width: 100%;">
+ <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label"><span style="color:red;margin-right: 4px;">*</span>瀹℃壒浜猴細</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.receiveUser" :disabled="radio != '鍙戞斁'" filterable size="small"
+ style="width: 100%;">
+ <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鍚嶇О锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.name" :disabled="radio == '鍥炴敹'" clearable
+ placeholder="璇疯緭鍏�" size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鐗堟湰锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.version" :disabled="radio == '鍥炴敹'" clearable
+ placeholder="璇疯緭鍏�" size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鐘舵�侊細</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.state" :disabled="radio == '鍥炴敹'" size="small" style="width: 100%;">
+ <el-option v-for="(item, index) in fileState" :key="index" :label="item.label"
+ :value="item.value"></el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col v-if="radio == '鍙戞斁'" :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鍙戞斁缂栧彿锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.issueCode" clearable placeholder="璇疯緭鍏�"
+ size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col v-else :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鍥炴敹缂栧彿锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.recycleCode" clearable placeholder="璇疯緭鍏�"
+ size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col v-if="radio == '鍙戞斁'" :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鍙戞斁鏃堕棿锛�</div>
+ <div class="search_input">
+ <el-date-picker v-model="addInfo.issueDate" format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" size="small"
+ style="width: 100%;" type="date" value-format="yyyy-MM-dd">
+ </el-date-picker>
+ </div>
+ </div>
+ </el-col>
+ <el-col v-else :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鍥炴敹鏃堕棿锛�</div>
+ <div class="search_input">
+ <el-date-picker v-model="addInfo.recycleDate" format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" size="small"
+ style="width: 100%;" type="date" value-format="yyyy-MM-dd">
+ </el-date-picker>
+ </div>
+ </div>
+ </el-col>
+ <el-col v-if="radio == '鍙戞斁'" :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鍙戞斁璇存槑锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.issueNote" :rows="2" clearable placeholder="璇疯緭鍏�"
+ size="small" type="textarea"></el-input></div>
+ </div>
+ </el-col>
+ <el-col v-else :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鍥炴敹璇存槑锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.recycleNote" :rows="2" clearable placeholder="璇疯緭鍏�"
+ size="small" type="textarea"></el-input></div>
+ </div>
+ </el-col>
+ <el-col v-if="radio == '鍙戞斁'" :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">涓婁紶闄勪欢锛�</div>
+ <div class="search_input"><el-upload :auto-upload="false" :multiple="false" :on-change="handleChangeUpload"
+ accept='.pdf,.doc,.docx,.xls,.xlsx' action="#" style="margin: 8px 0 0px 50px;">
+ <el-button size="small" type="primary">涓婁紶闄勪欢</el-button>
+ </el-upload></div>
+ </div>
+ </el-col>
+ </el-row>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="addDialogVisible = false">鍙� 娑�</el-button>
+ <el-button :loading="addLoading" type="primary" @click="handleAdd">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog :visible.sync="lookDialogVisible" fullscreen title="鏌ョ湅闄勪欢" top="5vh" width="800px">
+ <filePreview v-if="lookDialogVisible" :currentFile="{}" :fileUrl="javaApi + '/word/' + currentInfo.url"
+ style="height: 90vh;overflow-y: auto;" />
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import limsTable from "@/components/Table/lims-table.vue";
+import filePreview from '@/components/Preview/filePreview.vue'
+import {
+ selectUserCondition,
+} from "@/api/system/user.js";
+import {
+ pageManageDocumentList,
+ pageManageDocumentCancel,
+ exportManageDocumentIssueRecycle,
+ addManageDocumentIssueRecycle,
+ doManageDocumentIssueRecycle,
+ checkManageDocumentIssueRecycle,
+ pageManageDocumentIssueRecycle,
+ delManageDocumentIssueRecycle,
+} from '@/api/cnas/systemManagement/documentControl.js'
+import { mapGetters } from "vuex";
+export default {
+ components: {
+ filePreview,
+ limsTable
+ },
+ computed: {
+ ...mapGetters(["userId"]),
+ },
+ data() {
+ return {
+ ddPower: false,
+ outPower: true,
+ addInfo: {},
+ addPower: true,
+ addLoading: false,
+ addDialogVisible: false,
+ outLoading: false,
+ personList: [],
+ fileList: [],
+ fileList0: [],
+ radio: '鍙戞斁',
+ fileState: [],
+ file: null,
+ currentInfo: {},
+ lookDialogVisible: false,
+ queryParams: {},
+ tableData: [],
+ column: [
+ { label: "鏂囦欢缂栧彿", prop: "documentCode" },
+ { label: "鏂囦欢鍚嶇О", prop: "name" },
+ {
+ label: "鏂囦欢鐗堟湰",
+ prop: "version",
+ },
+ { label: "鏂囦欢鐘舵��", prop: "documentState" },
+ { label: "鍙戞斁缂栧彿", prop: "issueCode" },
+ { label: "鍙戞斁浜�", prop: "issueUserName" },
+ { label: "鍙戞斁鏃ユ湡", prop: "issueDate" },
+ { label: "鍥炴敹浜�", prop: "recycleUserName" },
+ { label: "鍥炴敹鏃ユ湡", prop: "recycleDate" },
+ {
+ dataType: "action",
+ fixed: "right",
+ label: "鎿嶄綔",
+ operation: [
+ {
+ name: "鍥炴敹璁板綍",
+ type: "text",
+ clickFun: (row) => {
+ this.handleUpdate(row);
+ }
+ },
+ {
+ name: "鍒犻櫎",
+ type: "text",
+ clickFun: (row) => {
+ this.handleDelete(row);
+ },
+ disabFun: (row, index) => {
+ return row.documentState == '閫氳繃'
+ }
+ },
+ {
+ name: "鏌ョ湅闄勪欢",
+ type: "text",
+ clickFun: (row) => {
+ this.handleLook(row);
+ },
+ disabFun: (row, index) => {
+ return !row.url
+ }
+ },
+ {
+ name: "瀹℃牳",
+ type: "text",
+ clickFun: (row) => {
+ this.handleCheck(row);
+ },
+ disabFun: (row, index) => {
+ return row.receiveUser != this.userId || row.documentState == '閫氳繃'
+ }
+ },
+ ],
+ },
+ ],
+ page: {
+ total: 0,
+ size: 10,
+ current: 0,
+ },
+ tableLoading: false,
+ }
+ },
+ mounted() {
+ this.getList()
+ this.getAuthorizedPerson()
+ this.getFileList()
+ this.getFileList0()
+ this.selectEnumByCategory()
+ },
+ methods: {
+ getPower() {
+ let power = JSON.parse(sessionStorage.getItem('power'))
+ let out = false
+ let del = false
+ let add = false
+ // let check = false
+ for (var i = 0; i < power.length; i++) {
+ if (power[i].menuMethod == 'exportManageDocumentIssueRecycle') {
+ out = true
+ }
+ if (power[i].menuMethod == 'addManageDocumentIssueRecycle') {
+ add = true
+ }
+ if (power[i].menuMethod == 'delManageDocumentIssueRecycle') {
+ del = true
+ }
+ // if (power[i].menuMethod == 'checkManageDocumentControlled') {
+ // check = true
+ // }
+ }
+ // if (!check) {
+ // this.componentData.do.splice(2, 1)
+ // }
+ if (!del) {
+ this.componentData.do.splice(1, 1)
+ }
+ if (!add) {
+ this.componentData.do.splice(0, 1)
+ }
+ this.addPower = add
+ this.outPower = out
+ },
+ getList() {
+ this.tableLoading = true;
+ let param = { ...this.queryParams, ...this.page };
+ delete param.total;
+ pageManageDocumentIssueRecycle({ ...param })
+ .then((res) => {
+ this.tableLoading = false;
+ if (res.code === 200) {
+ this.tableData = res.data.records;
+ this.page.total = res.data.total;
+ }
+ })
+ .catch((err) => {
+ this.tableLoading = false;
+ });
+ },
+ pagination({ page, limit }) {
+ this.page.current = page;
+ this.page.size = limit;
+ this.getList();
+ },
+ refresh() {
+ this.queryParams = {};
+ this.page.current = 1;
+ this.getList();
+ },
+ refreshTable() {
+ this.page.current = 1;
+ this.getList();
+ },
+ selectEnumByCategory() {
+ // 鏂囦欢鐘舵��
+ this.getDicts("document_state").then((response) => {
+ this.fileState = this.dictToValue(response.data);
+ });
+ },
+ // 鑾峰彇浜哄憳鍒楄〃
+ getAuthorizedPerson() {
+ selectUserCondition().then(res => {
+ let data = []
+ res.data.forEach(a => {
+ data.push({
+ label: a.name,
+ value: a.id
+ })
+ })
+ this.personList = data
+ })
+ },
+ // 鑾峰彇鏂囦欢鍒楄〃--鏂囦欢娓呭崟
+ getFileList() {
+ pageManageDocumentList({
+ current: -1,
+ size: -1
+ }).then(res => {
+ this.fileList = res.data.records
+ }).catch(err => { })
+ },
+ // 鑾峰彇鏂囦欢鍒楄〃--浣滃簾鏂囦欢
+ getFileList0() {
+ pageManageDocumentCancel({
+ current: -1,
+ size: -1
+ }).then(res => {
+ this.fileList0 = res.data.records
+ }).catch(err => { })
+ },
+ // 瀵煎嚭
+ handleOut() {
+ this.outLoading = true
+ // queryParams
+ exportManageDocumentIssueRecycle(this.queryParams).then(res => {
+ this.outLoading = false
+ const blob = new Blob([res], { type: 'application/octet-stream' });
+ this.$download.saveAs(blob, '鍙戞斁鍥炴敹璁板綍.xlsx');
+ })
+ },
+ changeFileList(e) {
+ if (e) {
+ let obj = this.fileList.find(a => a.documentCode == e)
+ if (obj) {
+ this.addInfo.name = obj.name
+ this.addInfo.version = obj.version
+ this.addInfo.state = obj.state
+ }
+ }
+ },
+ // 鎻愪氦
+ handleAdd() {
+ if (!this.addInfo.documentCode) {
+ this.$message.error('璇烽�夋嫨鏂囦欢')
+ return
+ }
+ if (!this.addInfo.receiveUser) {
+ this.$message.error('璇烽�夋嫨瀹℃壒浜�')
+ return
+ }
+ if (this.radio == '鍙戞斁') {
+ if (!this.addInfo.issueUser) {
+ this.$message.error('璇烽�夋嫨鍙戞斁浜�')
+ return
+ }
+ } else {
+ if (!this.addInfo.recycleUser) {
+ this.$message.error('璇烽�夋嫨鍥炴敹浜�')
+ return
+ }
+ }
+ this.addLoading = true;
+ if (!this.addInfo.id) {
+ // 鏂板鍙戞斁璁板綍
+ let fd = new FormData();
+ //鏂囦欢淇℃伅涓璻aw鎵嶆槸鐪熺殑鏂囦欢
+ if (this.file) {
+ fd.append("file", this.file.raw);
+ }
+ for (let key in this.addInfo) {
+ fd.append(key, this.addInfo[key])
+ }
+ addManageDocumentIssueRecycle(fd).then(res => {
+ this.addLoading = false;
+ if (res.code == 200) {
+ this.$message.success('鍙戞斁鎴愬姛')
+ this.addDialogVisible = false
+ this.refreshTable()
+ }
+ })
+ } else {
+ let { documentCode, id, issueUser, recycleUser, receiveUser, name, version, documentState, issueCode, recycleCode, issueDate, recycleDate, issueNote, recycleNote } = this.addInfo
+ // 娣诲姞鍥炴敹璁板綍
+ doManageDocumentIssueRecycle({
+ documentCode,
+ id,
+ issueUser,
+ recycleUser,
+ receiveUser,
+ name,
+ version,
+ documentState,
+ issueCode,
+ recycleCode,
+ issueDate,
+ recycleDate,
+ issueNote,
+ recycleNote
+ }).then(res => {
+ this.addLoading = false;
+ if (res.code == 200) {
+ this.$message.success('鎻愪氦鎴愬姛')
+ this.addDialogVisible = false
+ this.refreshTable()
+ }
+ })
+ }
+ },
+ // 娣诲姞鍥炴敹
+ handleUpdate(row) {
+ this.addInfo = this.HaveJson(row)
+ this.radio = '鍥炴敹'
+ this.addDialogVisible = true
+ },
+ // 瀹℃牳
+ handleCheck(row) {
+ this.$confirm('鏄惁瀹℃牳閫氳繃?', '鎻愮ず', {
+ confirmButtonText: '閫氳繃',
+ cancelButtonText: '涓嶉�氳繃',
+ type: 'warning',
+ closeOnClickModal: false, // 绂佹鐐瑰嚮閬僵灞傚叧闂�
+ distinguishCancelAndClose: true,
+ beforeClose: (action, instance, done) => {
+ if (action === 'confirm') {
+ // 鐐瑰嚮鈥滅‘瀹氣�濇寜閽紝鍏佽鍏抽棴
+ checkManageDocumentIssueRecycle({ id: row.id, documentState: '閫氳繃' }).then(res => {
+ this.refreshTable()
+ done();
+ this.$message({
+ type: 'success',
+ message: '鎻愪氦鎴愬姛'
+ })
+ })
+ .catch(err => {
+
+ })
+ } else if (action === 'cancel') {
+ // 鐐瑰嚮鈥滃彇娑堚�濇寜閽紝涓嶅厑璁稿叧闂�
+ checkManageDocumentIssueRecycle({ id: row.id, documentState: '涓嶉�氳繃' }).then(res => {
+ this.refreshTable()
+ done();
+ this.$message({
+ type: 'success',
+ message: '鎻愪氦鎴愬姛'
+ })
+ })
+ .catch(err => {
+
+ })
+ } else if (action === 'close') {
+ // 鐐瑰嚮鈥溍椻�濇寜閽紝涓嶅厑璁稿叧闂�
+ done();
+ console.log("脳鎸夐挳鐐瑰嚮浜嬩欢锛屼笉鍏抽棴寮规");
+ }
+ }
+ })
+ },
+ handleChangeUpload(file, fileLists) {
+ this.file = file
+ this.$set(this.addInfo, 'name', file.name)
+ },
+ // 鏌ョ湅闄勪欢
+ handleLook(row) {
+ this.currentInfo = this.HaveJson(row)
+ this.lookDialogVisible = true
+ },
+ handleDelete(row) {
+ this.$confirm("鏄惁鍒犻櫎璇ユ潯鏁版嵁?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ delManageDocumentIssueRecycle({ id: row.id }).then((res) => {
+ if (res.code == 201) return;
+ this.$message.success("鍒犻櫎鎴愬姛");
+ this.refresh();
+ });
+ })
+ .catch(() => { });
+ },
+ }
+}
+</script>
+
+<style scoped>
+.title {
+ height: 60px;
+ line-height: 60px;
+}
+
+.search {
+ background-color: #fff;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ position: relative;
+}
+
+.search_thing {
+ width: 350px;
+ display: flex;
+ align-items: center;
+}
+
+.search_label {
+ width: 110px;
+ font-size: 14px;
+ text-align: right;
+}
+
+.search_input {
+ width: calc(100% - 110px);
+}
+
+.table {
+ background-color: #fff;
+ height: calc(100% - 60px - 80px);
+ padding: 20px;
+}
+
+.btns {
+ position: absolute;
+ right: 20px;
+ top: 5px;
+}
+</style>
diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue b/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue
new file mode 100644
index 0000000..e61df1a
--- /dev/null
+++ b/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue
@@ -0,0 +1,703 @@
+<template>
+ <!-- 鏂囦欢鍙樻洿鐢宠 -->
+ <div class="file-change-request" style="height: 100%;">
+ <div class="search">
+ <div class="search_thing">
+ <div class="search_label">鐢宠鏂囦欢缂栧彿锛�</div>
+ <div class="search_input"><el-input v-model="queryParams.code" clearable placeholder="璇疯緭鍏�" size="small"
+ @keyup.enter.native="refreshTable()"></el-input></div>
+ </div>
+ <div class="search_thing" style="padding-left: 30px;">
+ <el-button size="small" @click="refresh()">閲� 缃�</el-button>
+ <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
+ </div>
+ <div class="btns">
+ <el-button size="small" type="primary"
+ @click="addDialogVisible = true, addInfo = {}, currentFile = {}, title = '鏂囦欢鍙樻洿鐢宠'">鏂囦欢鍙樻洿鐢宠</el-button>
+ <el-button :loading="outLoading" size="small" type="primary" @click="handleOut">瀵煎嚭</el-button>
+ </div>
+ </div>
+ <div class="table">
+ <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading"
+ :height="'calc(100vh - 290px)'" @pagination="pagination"></lims-table>
+ </div>
+ <el-dialog :title="title" :visible.sync="addDialogVisible" top="0vh" width="950px">
+ <el-row>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label"><span style="color:red;margin-right: 4px;">*</span>鐢宠缂栧彿锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.code" :disabled="title == '瀹℃牳'" clearable
+ placeholder="璇疯緭鍏�" size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">瀹℃壒浜猴細</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.checkUser" :disabled="title == '瀹℃牳'" filterable size="small"
+ style="width: 100%;">
+ <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏈熸湜鍙樻洿鏃堕棿锛�</div>
+ <div class="search_input">
+ <el-date-picker v-model="addInfo.expectAlterDate" :disabled="title == '瀹℃牳'" format="yyyy-MM-dd"
+ placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 100%;" type="date" value-format="yyyy-MM-dd">
+ </el-date-picker>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">瀹為檯鍙樻洿鏃堕棿锛�</div>
+ <div class="search_input">
+ <el-date-picker v-model="addInfo.actuallyAlterDate" :disabled="title == '瀹℃牳'" format="yyyy-MM-dd"
+ placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 100%;" type="date" value-format="yyyy-MM-dd">
+ </el-date-picker>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="24" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">閫夋嫨鏂囦欢锛�</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.alterBeforeCode" :disabled="title == '瀹℃牳'" allow-create clearable filterable
+ size="small" style="width: 100%;" @change="getCurrentFile">
+ <el-option v-for="item in fileList" :key="item.documentCode" :label="item.title"
+ :value="item.documentCode">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="24">
+ <h4 class="title">褰撳墠鏂囦欢淇℃伅</h4>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鏂囦欢缂栧彿锛�</div>
+ <div class="search_input"><el-input v-model="currentFile.documentCode" :disabled="title == '瀹℃牳'" clearable
+ placeholder="璇疯緭鍏�" size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鏂囦欢鍚嶇О锛�</div>
+ <div class="search_input"><el-input v-model="currentFile.name" :disabled="title == '瀹℃牳'" clearable
+ placeholder="璇疯緭鍏�" size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鏂囦欢鐗堟湰锛�</div>
+ <div class="search_input"><el-input v-model="currentFile.version" :disabled="title == '瀹℃牳'" clearable
+ placeholder="璇疯緭鍏�" size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鎻愪氦浜猴細</div>
+ <div class="search_input"><el-select v-model="currentFile.createUser" disabled filterable size="small"
+ style="width: 100%;">
+ <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select></div>
+ </div>
+ </el-col>
+ <!-- <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">瀹℃牳浜猴細</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="addInfo.version" disabled></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">浣滃簾浜猴細</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="addInfo.version" disabled></el-input></div>
+ </div>
+ </el-col> -->
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鎻愪氦鏃堕棿锛�</div>
+ <div class="search_input"><el-input v-model="currentFile.createTime" clearable disabled placeholder="璇疯緭鍏�"
+ size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">瀹℃牳鏃堕棿锛�</div>
+ <div class="search_input"><el-input v-model="currentFile.effectiveDate" clearable disabled placeholder="璇疯緭鍏�"
+ size="small"></el-input></div>
+ </div>
+ </el-col>
+ <!-- <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">浣滃簾鏃堕棿锛�</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="addInfo.version" disabled></el-input></div>
+ </div>
+ </el-col> -->
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鏂囦欢鐘舵�侊細</div>
+ <div class="search_input">
+ <el-select v-model="currentFile.state" disabled size="small" style="width: 100%;">
+ <el-option v-for="item in fileState" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <!-- <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鏂囦欢璇存槑锛�</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="addInfo.instructions" type="textarea"
+ :rows="2" disabled></el-input></div>
+ </div>
+ </el-col> -->
+ <el-col :span="24">
+ <h4 class="title">鏂囦欢鍙樻洿鐢宠</h4>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鍙樻洿鍚庣紪鍙凤細</div>
+ <div class="search_input"><el-input v-model="addInfo.alterAfterCode" :disabled="title == '瀹℃牳'" clearable
+ placeholder="璇疯緭鍏�" size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鍙樻洿鍚庡悕绉帮細</div>
+ <div class="search_input"><el-input v-model="addInfo.alterAfterName" :disabled="title == '瀹℃牳'" clearable
+ placeholder="璇疯緭鍏�" size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鍓嶄竴鐗堟湰澶勭悊锛�</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.method" :disabled="title == '瀹℃牳'" size="small" style="width: 100%;">
+ <el-option label="浣滃簾" value="浣滃簾"></el-option>
+ <el-option label="瀛樻。涓嶅彲鐢�" value="瀛樻。涓嶅彲鐢�">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="8" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鍙樻洿鍚庣増鏈細</div>
+ <div class="search_input"><el-input v-model="addInfo.alterAfterVersion" :disabled="title == '瀹℃牳'" clearable
+ placeholder="璇疯緭鍏�" size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="16" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鍙樻洿璇存槑锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.alterNote" :disabled="title == '瀹℃牳'" :rows="2"
+ clearable placeholder="璇疯緭鍏�" size="small" type="textarea"></el-input></div>
+ </div>
+ </el-col>
+ <el-col v-if="title != '瀹℃牳'" :span="24" style="margin-bottom: 16px;">
+ <div class="search_thing" style="width: 100%;">
+ <div class="search_label">鐩稿叧闄勪欢锛�</div>
+ <div class="search_input"><el-upload v-if="addDialogVisible" :auto-upload="false" :multiple="false"
+ :on-change="handleChangeUpload" accept='.pdf' action="#" style="margin: 8px 0 0px 50px;">
+ <el-button size="small" type="primary">涓婁紶闄勪欢</el-button>
+ </el-upload></div>
+ </div>
+ </el-col>
+ <UpPdfStamp v-if="title == '瀹℃牳' && addDialogVisible" ref="UpPdfStamp" :isUpFile="false" @uploadPDF="uploadPDF">
+ </UpPdfStamp>
+ </el-row>
+ <span v-if="title != '瀹℃牳'" slot="footer" class="dialog-footer">
+ <el-button @click="addDialogVisible = false">鍙� 娑�</el-button>
+ <el-button :loading="addLoading" type="primary" @click="handleAdd">纭� 瀹�</el-button>
+ </span>
+ <span v-else slot="footer" class="dialog-footer">
+ <el-button :loading="noCheckLoading" @click="handleCheckSub('涓嶉�氳繃')">涓嶉�氳繃</el-button>
+ <el-button :loading="checkLoading" type="primary" @click="handleCheckSub('閫氳繃')">閫� 杩�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog :visible.sync="lookDialogVisible" fullscreen title="鏌ョ湅闄勪欢" top="5vh" width="800px">
+ <filePreview v-if="lookDialogVisible" :currentFile="{}" :fileUrl="javaApi + '/word/' + currentInfo.alterAfterUrl"
+ style="height: 90vh;overflow-y: auto;" />
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import limsTable from "@/components/Table/lims-table.vue";
+import UpPdfStamp from '@/components/UpPdfStamp/index.vue'
+import filePreview from '@/components/Preview/filePreview.vue'
+import {
+ selectUserCondition,
+} from "@/api/system/user.js";
+import {
+ exportManageDocumentAlter,
+ pageManageDocumentList,
+ addManageDocumentAlter,
+ doManageDocumentAlter,
+ checkManageDocumentAlterPdf,
+ checkManageDocumentAlter,
+ delManageDocumentAlter,
+ pageManageDocumentAlter,
+} from '@/api/cnas/systemManagement/documentControl.js'
+import { mapGetters } from "vuex";
+export default {
+ components: {
+ limsTable,
+ filePreview,
+ UpPdfStamp,
+ },
+ computed: {
+ ...mapGetters(["userId"]),
+ },
+ data() {
+ return {
+ title: '鏂囦欢鍙樻洿鐢宠',
+ noCheckLoading: false,
+ checkLoading: false,
+ addDialogVisible: false,
+ addInfo: {},
+ addPower: false,
+ outPower: false,
+ outLoading: false,
+ personList: [],
+ fileList: [],
+ currentFile: {},
+ fileState: [],
+ file: null,
+ addLoading: false,
+ lookDialogVisible: false,
+ currentInfo: {
+ },
+ type: null,
+ fileName: null,
+ queryParams: {},
+ tableData: [],
+ column: [
+ { label: "鐢宠缂栧彿", prop: "code" },
+ { label: "鐢宠浜�", prop: "createUserName", width: "120px" },
+ {
+ label: "鍙樻洿璇存槑",
+ prop: "alterNote",
+ },
+ { label: "鏈熸湜鍙樻洿鏃堕棿", prop: "expectAlterDate" },
+ { label: "瀹為檯鍙樻洿鏃堕棿", prop: "actuallyAlterDate" },
+ {
+ label: "鐘舵��", prop: "state", dataType: "tag",
+ formatData: (params) => {
+ return params;
+ },
+ formatType: (params) => {
+ if (params == '閫氳繃') {
+ return 'success'
+ } else {
+ return 'danger'
+ }
+ },
+ },
+ {
+ dataType: "action",
+ fixed: "right",
+ label: "鎿嶄綔",
+ operation: [
+ {
+ name: "缂栬緫",
+ type: "text",
+ clickFun: (row) => {
+ this.handleUpdate(row);
+ },
+ disabled: (row, index) => {
+ return row.state == '閫氳繃'
+ }
+ },
+ {
+ name: "鍒犻櫎",
+ type: "text",
+ clickFun: (row) => {
+ this.handleDelete(row);
+ },
+ disabled: (row, index) => {
+ return row.state == '閫氳繃'
+ }
+ },
+ {
+ name: "瀹℃牳",
+ type: "text",
+ clickFun: (row) => {
+ this.handleCheck(row);
+ },
+ disabled: (row, index) => {
+ return row.checkUser != this.userId || row.state == '閫氳繃'
+ }
+ },
+ {
+ name: "鏌ョ湅闄勪欢",
+ type: "text",
+ clickFun: (row) => {
+ this.handleLook(row);
+ },
+ },
+ {
+ name: "涓嬭浇闄勪欢",
+ type: "text",
+ clickFun: (row) => {
+ this.handleDown(row);
+ },
+ },
+ ],
+ },
+ ],
+ page: {
+ total: 0,
+ size: 10,
+ current: 0,
+ },
+ tableLoading: false,
+ }
+ },
+ mounted() {
+ this.getList()
+ this.getAuthorizedPerson()
+ this.getFileList()
+ this.selectEnumByCategory()
+ },
+ methods: {
+ getPower() {
+ let power = JSON.parse(sessionStorage.getItem('power'))
+ let up = false
+ let del = false
+ let add = false
+ let out = false
+ for (var i = 0; i < power.length; i++) {
+ if (power[i].menuMethod == 'addManageDocumentAlter') {
+ up = true
+ }
+ if (power[i].menuMethod == 'addManageDocumentAlter') {
+ add = true
+ }
+ if (power[i].menuMethod == 'delManageDocumentAlter') {
+ del = true
+ }
+ if (power[i].menuMethod == 'exportManageDocumentAlter') {
+ out = true
+ }
+ }
+ if (!del) {
+ this.componentData.do.splice(1, 1)
+ }
+ if (!up) {
+ this.componentData.do.splice(0, 1)
+ }
+ this.addPower = add
+ this.outPower = out
+ },
+ getList() {
+ this.tableLoading = true;
+ let param = { ...this.queryParams, ...this.page };
+ delete param.total;
+ pageManageDocumentAlter({ ...param })
+ .then((res) => {
+ this.tableLoading = false;
+ if (res.code === 200) {
+ this.tableData = res.data.records;
+ this.page.total = res.data.total;
+ }
+ })
+ .catch((err) => {
+ this.tableLoading = false;
+ });
+ },
+ pagination({ page, limit }) {
+ this.page.current = page;
+ this.page.size = limit;
+ this.getList();
+ },
+ refresh() {
+ this.queryParams = {};
+ this.page.current = 1;
+ this.getList();
+ },
+ refreshTable() {
+ this.page.current = 1;
+ this.getList();
+ },
+ // 瀵煎嚭
+ handleOut() {
+ this.outLoading = true
+ exportManageDocumentAlter(this.queryParams).then(res => {
+ this.outLoading = false
+ const blob = new Blob([res], { type: 'application/octet-stream' });
+ this.$download.saveAs(blob, '鏂囦欢鍙樻洿璁板綍.xlsx')
+ })
+ },
+ getAuthorizedPerson() {
+ selectUserCondition().then(res => {
+ let data = []
+ res.data.forEach(a => {
+ data.push({
+ label: a.name,
+ value: a.id
+ })
+ })
+ this.personList = data
+ })
+ },
+ // 鑾峰彇鏂囦欢鍒楄〃--鏂囦欢娓呭崟
+ getFileList() {
+ pageManageDocumentList({
+ current: -1,
+ size: -1
+ }).then(res => {
+ this.fileList = res.data.records.map(m => {
+ m.title = m.documentCode + ':' + m.name
+ return m
+ })
+ }).catch(err => { })
+ },
+ // 褰撳墠鏂囦欢
+ getCurrentFile(e) {
+ this.currentFile = this.fileList.find(m => m.documentCode == e)
+ if (!this.currentFile) {
+ this.currentFile = {}
+ }
+ },
+ selectEnumByCategory() {
+ // 鏂囦欢鐘舵��
+ this.getDicts("document_state").then((response) => {
+ this.fileState = this.dictToValue(response.data);
+ });
+ },
+ handleChangeUpload(file, fileLists) {
+ this.file = file
+ this.$set(this.addInfo, 'alterAfterName', file.name)
+ },
+ handleAdd() {
+ if (!this.addInfo.code) return this.$message({ type: 'error', message: "璇疯緭鍏ョ敵璇风紪鍙�" })
+ if (!this.addInfo.id) {
+ // 鏂板
+ let fd = new FormData();
+ //鏂囦欢淇℃伅涓璻aw鎵嶆槸鐪熺殑鏂囦欢
+ if (this.file) {
+ fd.append("file", this.file.raw);
+ }
+ for (let m in this.addInfo) {
+ fd.append(m, this.addInfo[m])
+ }
+ let { name, version, documentCode } = this.currentFile;
+ fd.append("alterBeforeName", name);
+ fd.append("alterBeforeVersion", version);
+ // fd.append("alterBeforeCode",documentCode);
+ this.addLoading = true
+ addManageDocumentAlter(fd).then(res => {
+ this.addLoading = false
+ if (res.code == 200) {
+ this.$message({
+ type: 'success',
+ message: '娣诲姞鎴愬姛'
+ })
+ this.refreshTable()
+ this.addDialogVisible = false
+ } else {
+ this.$message({
+ type: 'error',
+ message: '娣诲姞澶辫触'
+ })
+ }
+ })
+ } else {
+ // 淇敼
+ let fd = new FormData();
+ //鏂囦欢淇℃伅涓璻aw鎵嶆槸鐪熺殑鏂囦欢
+ if (this.file) {
+ fd.append("file", this.file.raw);
+ }
+ let { name, version } = this.currentFile;
+ fd.append("alterBeforeName", name);
+ fd.append("alterBeforeVersion", version);
+ let { code, checkUser, expectAlterDate, actuallyAlterDate, alterAfterCode, method, alterAfterVersion, alterNote, alterAfterName, id } = this.addInfo
+ fd.append("code", code);
+ fd.append("checkUser", checkUser);
+ fd.append("expectAlterDate", expectAlterDate);
+ fd.append("actuallyAlterDate", actuallyAlterDate);
+ fd.append("alterAfterCode", alterAfterCode);
+ fd.append("method", method);
+ fd.append("alterAfterVersion", alterAfterVersion);
+ fd.append("alterNote", alterNote);
+ fd.append("alterAfterName", alterAfterName);
+ fd.append("id", id);
+ this.addLoading = true
+ doManageDocumentAlter(fd).then(res => {
+ this.addLoading = false
+ if (res.code == 200) {
+ this.$message({
+ type: 'success',
+ message: '淇敼鎴愬姛'
+ })
+ this.refreshTable()
+ this.addDialogVisible = false
+ } else {
+ this.$message({
+ type: 'error',
+ message: '淇敼澶辫触'
+ })
+ }
+ })
+ }
+ },
+ // 缂栬緫
+ handleUpdate(row) {
+ this.title = '鏂囦欢鍙樻洿鐢宠'
+ this.addInfo = this.HaveJson(row)
+ let alterBeforeCode = this.addInfo.alterBeforeCode
+ this.getCurrentFile(alterBeforeCode)
+ this.addDialogVisible = true
+ },
+ // 棰勮
+ handleLook(row) {
+ this.currentInfo = this.HaveJson(row)
+ this.lookDialogVisible = true
+ },
+ // 涓嬭浇闄勪欢
+ handleDown(row) {
+ if (!row.alterAfterUrl) return this.$message.warning('鏂囦欢鏈笂浼�')
+ let url = this.javaApi + '/word/' + row.alterAfterUrl
+ this.$download.saveAs(url, row.alterAfterUrl)
+ },
+ // 鎵撳紑瀹℃牳寮规
+ handleCheck(row) {
+ this.title = '瀹℃牳'
+ this.fileName = row.alterAfterName
+ if (!row.alterAfterUrl) return this.$message.warning('鏂囦欢鏈笂浼�')
+ this.addInfo = this.HaveJson(row)
+ let alterBeforeCode = this.addInfo.alterBeforeCode
+ this.getCurrentFile(alterBeforeCode)
+ this.addDialogVisible = true
+ checkManageDocumentAlterPdf({ id: row.id }).then(res => {
+ //
+ const blob = new Blob([res]);
+ const file = new File([blob], row.name, { type: 'application/pdf' })
+ this.$refs.UpPdfStamp.lookFile(file)
+ this.currentInfo = row
+ }).catch(err => {
+ console.log(err)
+ })
+ },
+ // 瀹℃牳淇濆瓨
+ async uploadPDF(pdfBlob) {
+ const formData = new FormData();
+ formData.append('file', pdfBlob, this.fileName + '.pdf'); // 鏂囦欢瀛楁
+ formData.append('id', this.currentInfo.id); // 鏂囦欢鍚嶅瓧娈�
+ formData.append('state', this.type); // 鏂囦欢鍚嶅瓧娈�
+
+ let res = await checkManageDocumentAlter(formData)
+ this.checkLoading = false
+ this.noCheckLoading = false
+ if (res.code == 200) {
+ this.$message({ message: '鎿嶄綔鎴愬姛', type: 'success' });
+ this.addDialogVisible = false;
+ this.refreshTable()
+ return true
+ } else {
+ this.$message({ message: '鎿嶄綔澶辫触', type: 'error' });
+ return false
+ }
+ },
+ // 鎻愪氦瀹℃牳
+ handleCheckSub(type) {
+ this.type = type
+ if (type == '閫氳繃') {
+ this.checkLoading = true
+ } else {
+ this.noCheckLoading = true
+ }
+ this.addLoading = true
+ this.$refs['UpPdfStamp'].generatePDF()
+ },
+ handleDelete(row) {
+ this.$confirm("鏄惁鍒犻櫎璇ユ潯鏁版嵁?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ delManageDocumentAlter({ id: row.id }).then((res) => {
+ if (res.code == 201) return;
+ this.$message.success("鍒犻櫎鎴愬姛");
+ this.refresh();
+ });
+ })
+ .catch(() => { });
+ },
+ }
+}
+</script>
+
+<style scoped>
+.title {
+ height: 60px;
+ line-height: 60px;
+}
+
+.search {
+ background-color: #fff;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ position: relative;
+}
+
+.search_thing {
+ width: 350px;
+ display: flex;
+ align-items: center;
+}
+
+.search_label {
+ width: 110px;
+ font-size: 14px;
+ text-align: right;
+}
+
+.search_input {
+ width: calc(100% - 110px);
+}
+
+.table {
+ background-color: #fff;
+ height: calc(100% - 60px - 80px);
+ padding: 20px;
+}
+
+.btns {
+ position: absolute;
+ right: 20px;
+ top: 5px;
+}
+
+h4.title {
+ position: relative;
+ height: 30px;
+ line-height: 30px;
+ box-sizing: border-box;
+ padding-left: 16px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+}
+
+h4.title::after {
+ content: '';
+ width: 4px;
+ height: 20px;
+ background: #3A7BFA;
+ position: absolute;
+ top: 5px;
+ left: 0;
+}
+</style>
diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileList.vue b/src/views/CNAS/systemManagement/documentControl/components/FileList.vue
new file mode 100644
index 0000000..88bc13d
--- /dev/null
+++ b/src/views/CNAS/systemManagement/documentControl/components/FileList.vue
@@ -0,0 +1,438 @@
+<template>
+ <!-- 鏂囦欢娓呭崟 -->
+ <div class="file-list" style="height: 100%;">
+ <div class="search">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鍚嶇О锛�</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.name"
+ @keyup.enter.native="refreshTable()"></el-input></div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鐘舵�侊細</div>
+ <div class="search_input">
+ <el-select v-model="queryParams.state" size="small" @change="refreshTable()">
+ <el-option :label="item.label" :value="item.value" v-for="(item, index) in fileState"
+ :key="index"></el-option>
+ </el-select>
+ </div>
+ </div>
+ <div class="search_thing" style="padding-left: 30px;">
+ <el-button size="small" @click="refresh()">閲� 缃�</el-button>
+ <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
+ </div>
+ <div class="btns" style="padding-left: 30px;">
+ <el-upload :action="action" :multiple="false" accept='.xls,.xlsx' :headers="uploadHeader"
+ :on-change="beforeUpload" :on-error="onError" ref='upload' :on-success="handleSuccessUp"
+ :show-file-list="false">
+ <el-button size="small" type="primary" :loading="upLoading">瀵煎叆</el-button></el-upload>
+ </div>
+ </div>
+ <div class="table">
+ <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading"
+ :height="'calc(100vh - 290px)'" @pagination="pagination"></lims-table>
+ </div>
+ <el-dialog title="涓婁紶" :visible.sync="addDialogVisible" width="1000px" top="3vh">
+ <UpPdfStamp ref="UpPdfStamp" v-if="addDialogVisible" @uploadPDF="uploadPDF" :isUpFile="true"
+ @uploadPDFErr="uploadPDFErr"></UpPdfStamp>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="addDialogVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="handleAdd" v-loading="addLoading">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog title="鏌ョ湅闄勪欢" :visible.sync="lookDialogVisible" width="800px" top="5vh" fullscreen>
+ <filePreview v-if="lookDialogVisible" :fileUrl="javaApi + '/word/' + currentInfo.url" :currentFile="{}"
+ style="max-height: 90vh;overflow-y: auto;" />
+ </el-dialog>
+ <!-- 鏂板/缂栬緫 -->
+ <el-dialog :title="title" :visible.sync="addDia" width="500px">
+ <el-form :model="currentInfo" ref="currentInfoForm" :rules="rules" label-position="right" label-width="120px">
+ <el-form-item label="鏂囦欢缂栧彿" prop="documentCode">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="currentInfo.documentCode"></el-input>
+ </el-form-item>
+ <el-form-item label="绫诲埆" prop="type">
+ <el-select v-model="currentInfo.type" size="small" clearable placeholder="璇烽�夋嫨" style="width: 100%">
+ <el-option v-for="item in fileType" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鍚嶇О" prop="name">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="currentInfo.name">
+ </el-input>
+ </el-form-item>
+ <el-form-item label="鏂囦欢鐗堟湰" prop="version">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="currentInfo.version">
+ </el-input>
+ </el-form-item>
+ <el-form-item label="浣滆��" prop="writer">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="currentInfo.writer">
+ </el-input>
+ </el-form-item>
+ <el-form-item label="鐢熸晥鏃ユ湡" prop="effectiveDate">
+ <el-date-picker v-model="currentInfo.effectiveDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date"
+ size="small" placeholder="閫夋嫨鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="鏂囦欢鐘舵��" prop="state">
+ <el-select v-model="currentInfo.state" size="small" clearable placeholder="璇烽�夋嫨" style="width: 100%">
+ <el-option v-for="item in fileState" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="addDia = false">鍙� 娑�</el-button>
+ <el-button :loading="uploading" type="primary" @click="submitProduct('currentInfoForm')">纭� 璁�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import UpPdfStamp from '@/components/UpPdfStamp/index.vue'
+import filePreview from '@/components/Preview/filePreview.vue'
+import limsTable from "@/components/Table/lims-table.vue";
+import {
+ uploadFileManageDocumentList,
+ pageManageDocumentList,
+ delManageDocumentList,
+ doManageDocumentList,
+} from '@/api/cnas/systemManagement/documentControl.js'
+export default {
+ components: {
+ UpPdfStamp,
+ filePreview,
+ limsTable,
+ },
+ data() {
+ return {
+ addDialogVisible: false,
+ lookDialogVisible: false,
+ addPower: false,
+ upLoading: false,
+ addLoading: false,
+ currentInfo: {},
+ fileType: [],
+ fileState: [],
+ title: '鏂板',
+ queryParams: {},
+ tableData: [],
+ column: [
+ { label: "鏂囦欢缂栧彿", prop: "documentCode" },
+ {
+ label: "绫诲埆", prop: "type", width: "120px", dataType: "tag",
+ formatData: (params) => {
+ return this.fileType.find((m) => m.value == params).label;
+ },
+ formatType: (params) => {
+ return this.fileType.find((m) => m.value == params).type;
+ },
+ },
+ {
+ label: "鍚嶇О",
+ prop: "name",
+ },
+ { label: "鏂囦欢鐗堟湰", prop: "version" },
+ { label: "浣滆��", prop: "writer" },
+ { label: "鐢熸晥鏃ユ湡", prop: "effectiveDate" },
+ {
+ label: "鏂囦欢鐘舵��", prop: "state", dataType: "tag",
+ formatData: (params) => {
+ return this.fileState.find((m) => m.value == params).label;
+ },
+ formatType: (params) => {
+ return this.fileState.find((m) => m.value == params).type;
+ },
+ },
+ {
+ dataType: "action",
+ fixed: "right",
+ label: "鎿嶄綔",
+ operation: [
+ {
+ name: "缂栬緫",
+ type: "text",
+ clickFun: (row) => {
+ this.openAdd("缂栬緫", row);
+ },
+ },
+ {
+ name: "涓婁紶",
+ type: "text",
+ clickFun: (row) => {
+ this.handleUp(row);
+ },
+ },
+ {
+ name: "涓嬭浇",
+ type: "text",
+ clickFun: (row) => {
+ this.handleDown(row);
+ },
+ },
+ {
+ name: "鏌ョ湅闄勪欢",
+ type: "text",
+ clickFun: (row) => {
+ this.handleLook(row);
+ },
+ },
+ {
+ name: "鍒犻櫎",
+ type: "text",
+ clickFun: (row) => {
+ this.handleDelete(row);
+ },
+ },
+ ],
+ },
+ ],
+ page: {
+ total: 0,
+ size: 10,
+ current: 0,
+ },
+ tableLoading: false,
+ addDia: false,
+ rules: {
+ documentCode: [{ required: true, message: "璇疯緭鍏ユ枃浠剁紪鍙�", trigger: "blur" }],
+ },
+ uploading: false,
+ }
+ },
+ // 鐢ㄤ簬涓婁紶鏂囦欢鐨勪俊鎭�
+ computed: {
+ action() {
+ return this.javaApi + '/manageDocumentList/exportManageDocumentList'
+ }
+ },
+ mounted() {
+ this.getList()
+ this.selectEnumByCategory()
+ },
+ methods: {
+ getList() {
+ this.tableLoading = true;
+ let param = { ...this.queryParams, ...this.page };
+ delete param.total;
+ pageManageDocumentList({ ...param })
+ .then((res) => {
+ this.tableLoading = false;
+ if (res.code === 200) {
+ this.tableData = res.data.records;
+ this.page.total = res.data.total;
+ }
+ })
+ .catch((err) => {
+ this.tableLoading = false;
+ });
+ },
+ pagination({ page, limit }) {
+ this.page.current = page;
+ this.page.size = limit;
+ this.getList();
+ },
+ refreshTable() {
+ this.page.current = 1;
+ this.getList();
+ },
+ refresh() {
+ this.queryParams = {};
+ this.page.current = 1;
+ this.getList();
+ },
+ openAdd(title, row) {
+ this.title = title;
+ if (row) {
+ this.currentInfo = row;
+ } else {
+ this.currentInfo = {};
+ }
+ this.addDia = true;
+ },
+ // 涓嬭浇鏂囦欢
+ handleDown(row) {
+ if (!row.url) return this.$message.warning('鏂囦欢鏈笂浼�')
+ let url = this.javaApi + '/word/' + row.url
+ this.$download.saveAs(url, row.url);
+ },
+ // 鏌ョ湅鏂囦欢
+ handleLook(row) {
+ if (!row.url) return this.$message.warning('鏂囦欢鏈笂浼�')
+ this.currentInfo = row
+ this.lookDialogVisible = true
+ },
+ getPower() {
+ let power = JSON.parse(sessionStorage.getItem('power'))
+ let up = false
+ let upFile = false
+ let add = false
+ for (var i = 0; i < power.length; i++) {
+ if (power[i].menuMethod == 'doManageDocumentList') {
+ up = true
+ }
+ if (power[i].menuMethod == 'exportManageDocumentList') {
+ add = true
+ }
+ if (power[i].menuMethod == 'uploadFileManageDocumentList') {
+ upFile = true
+ }
+ }
+ if (!upFile) {
+ this.componentData.do.splice(1, 1)
+ }
+ if (!up) {
+ this.componentData.do.splice(0, 1)
+ }
+ this.addPower = add
+ },
+ // 涓婁紶鏂囦欢
+ handleUp(row) {
+ this.currentInfo = row
+ this.addDialogVisible = true;
+ },
+ // 鎻愪氦涓婁紶
+ handleAdd() {
+ this.addLoading = true
+ this.$refs['UpPdfStamp'].generatePDF()
+ },
+ uploadPDFErr() {
+ this.addLoading = false
+ },
+ beforeUpload(file) {
+ if (file.size > 1024 * 1024 * 10) {
+ this.$message.error('涓婁紶鏂囦欢涓嶈秴杩�10M');
+ this.$refs.upload.clearFiles()
+ return false;
+ } else {
+ // this.upLoading = true;
+ return true;
+ }
+ },
+ onError(err, file, fileList) {
+ this.$message.error('涓婁紶澶辫触')
+ this.$refs.upload.clearFiles()
+ },
+ handleSuccessUp(response) {
+ this.upLoading = false;
+ if (response.code == 200) {
+ this.$message.success('涓婁紶鎴愬姛');
+ this.refreshTable()
+ }else {
+ this.$message.error(response.msg);
+ }
+ },
+ selectEnumByCategory() {
+ // 鏂囦欢绫诲埆
+ this.getDicts("document_type").then((response) => {
+ this.fileType = this.dictToValue(response.data);
+ });
+ // 鏂囦欢鐘舵��
+ this.getDicts("document_state").then((response) => {
+ this.fileState = this.dictToValue(response.data);
+ });
+ },
+ async uploadPDF(pdfBlob, fileName) {
+ const formData = new FormData();
+ formData.append('file', pdfBlob, fileName); // 鏂囦欢瀛楁
+ formData.append('id', this.currentInfo.id); // 鏂囦欢鍚嶅瓧娈�
+
+ try {
+ let res = await uploadFileManageDocumentList(formData)
+ this.addLoading = false
+ if (res.code == 200) {
+ this.$message({ message: '涓婁紶鎴愬姛', type: 'success' });
+ this.addDialogVisible = false;
+ this.refreshTable()
+ return true
+ } else {
+ this.$message({ message: '涓婁紶澶辫触', type: 'error' });
+ return false
+ }
+ } catch (e) {
+ this.addLoading = false
+ }
+
+ },
+ handleDelete(row) {
+ this.$confirm("鏄惁鍒犻櫎璇ユ潯鏁版嵁?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ delManageDocumentList({ id: row.id }).then((res) => {
+ if (res.code == 201) return;
+ this.$message.success("鍒犻櫎鎴愬姛");
+ this.refresh();
+ });
+ })
+ .catch(() => { });
+ },
+ submitProduct(formName) {
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ this.uploading = true;
+ doManageDocumentList(this.currentInfo)
+ .then((res) => {
+ this.uploading = false;
+ if (res.code != 200) {
+ return;
+ }
+ this.$message.success("鎻愪氦鎴愬姛");
+ this.refresh();
+ this.addDia = false;
+ })
+ .catch((err) => {
+ this.uploading = false;
+ });
+ } else {
+ return false;
+ }
+ });
+ },
+ }
+}
+</script>
+
+<style scoped>
+.title {
+ height: 60px;
+ line-height: 60px;
+}
+
+.search {
+ background-color: #fff;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ position: relative;
+}
+
+.search_thing {
+ width: 350px;
+ display: flex;
+ align-items: center;
+}
+
+.search_label {
+ width: 110px;
+ font-size: 14px;
+ text-align: right;
+}
+
+.search_input {
+ width: calc(100% - 110px);
+}
+
+.table {
+ background-color: #fff;
+ height: calc(100% - 60px - 80px);
+ padding: 20px;
+}
+
+.btns {
+ position: absolute;
+ right: 20px;
+ top: 5px;
+}
+</style>
diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue b/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue
new file mode 100644
index 0000000..2ce1df6
--- /dev/null
+++ b/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue
@@ -0,0 +1,492 @@
+<template>
+ <!-- 鏂囦欢浣滃簾鐢宠 -->
+ <div class="file-obsoletion-request" style="height: 100%;">
+ <div class="search">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢缂栧彿锛�</div>
+ <div class="search_input"><el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small"
+ @keyup.enter.native="refreshTable()"></el-input></div>
+ </div>
+ <div class="search_thing" style="padding-left: 30px;">
+ <el-button size="small" @click="refresh()">閲� 缃�</el-button>
+ <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
+ </div>
+ <div class="btns" style="padding-left: 30px;">
+ <el-button size="small" type="primary" @click="addDialogVisible = true, addInfo = {}">鏂囦欢浣滃簾鐢宠</el-button>
+ <el-button :loading="outLoading" size="small" type="primary" @click="handleOut">瀵煎嚭</el-button>
+ </div>
+ </div>
+ <div class="table">
+ <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading"
+ :height="'calc(100vh - 290px)'" @pagination="pagination"></lims-table>
+ </div>
+ <el-dialog :visible.sync="addDialogVisible" title="鏂囦欢浣滃簾鐢宠" top="10vh" width="800px">
+ <el-row>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label"><span style="color:red;margin-right: 4px;">*</span>鐢宠缂栧彿锛�</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.documentCode" allow-create clearable filterable size="small"
+ style="width: 100%;" @change="changeFileList">
+ <el-option v-for="item in fileList" :key="item.documentCode" :label="item.documentCode"
+ :value="item.documentCode">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">瀹℃壒浜猴細</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.checkUser" filterable size="small" style="width: 100%;">
+ <el-option v-for="item in personList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鍚嶇О锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.name" clearable placeholder="璇疯緭鍏�"
+ size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鐗堟湰锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.version" clearable placeholder="璇疯緭鍏�"
+ size="small"></el-input></div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏂囦欢鐘舵�侊細</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.state" size="small" style="width: 100%;">
+ <el-option v-for="(item, index) in fileState" :key="index" :label="item.label"
+ :value="item.value"></el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col>
+ <!-- <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">浣滃簾鏂瑰紡锛�</div>
+ <div class="search_input">
+ <el-select v-model="addInfo.method" size="small" style="width: 100%;">
+ <el-option label="浣滃簾" value="浣滃簾"></el-option>
+ <el-option label="鏃犳晥" value="鏃犳晥"></el-option>
+ </el-select>
+ </div>
+ </div>
+ </el-col> -->
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">鏈熸湜浣滃簾鏃堕棿锛�</div>
+ <div class="search_input">
+ <el-date-picker v-model="addInfo.expectCancelDate" format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" size="small"
+ style="width: 100%;" type="date" value-format="yyyy-MM-dd">
+ </el-date-picker>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">瀹為檯浣滃簾鏃堕棿锛�</div>
+ <div class="search_input">
+ <el-date-picker v-model="addInfo.actuallyCancelDate" format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡" size="small"
+ style="width: 100%;" type="date" value-format="yyyy-MM-dd">
+ </el-date-picker>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="12" style="margin-bottom: 16px;">
+ <div class="search_thing">
+ <div class="search_label">浣滃簾璇存槑锛�</div>
+ <div class="search_input"><el-input v-model="addInfo.cancelNote" :rows="2" clearable placeholder="璇疯緭鍏�"
+ size="small" type="textarea"></el-input></div>
+ </div>
+ </el-col>
+ </el-row>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="addDialogVisible = false">鍙� 娑�</el-button>
+ <el-button :loading="addLoading" type="primary" @click="handleAdd">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import limsTable from "@/components/Table/lims-table.vue";
+import {
+ selectUserCondition,
+} from "@/api/system/user.js";
+import {
+ addManageDocumentCancel,
+ pageManageDocumentList,
+ doManageDocumentCancel,
+ checkManageDocumentCancel,
+ exportManageDocumentCancel,
+ delManageDocumentCancel,
+ pageManageDocumentCancel,
+} from '@/api/cnas/systemManagement/documentControl.js'
+import { mapGetters } from "vuex";
+export default {
+ components: {
+ limsTable
+ },
+ computed: {
+ ...mapGetters(["userId"]),
+ },
+ data() {
+ return {
+ addPower: false,
+ outPower: false,
+ addInfo: {},
+ addLoading: false,
+ addDialogVisible: false,
+ personList: [],
+ fileList: [],
+ outLoading: false,
+ fileState: [],
+ queryParams: {},
+ tableData: [],
+ column: [
+ { label: "鏂囦欢缂栧彿", prop: "documentCode" },
+ { label: "鐢宠浜�", prop: "createUserName", width: "120px" },
+ {
+ label: "浣滃簾璇存槑",
+ prop: "cancelNote",
+ },
+ { label: "鏈熸湜浣滃簾鏃堕棿", prop: "expectCancelDate" },
+ { label: "瀹為檯浣滃簾鏃ユ湡", prop: "actuallyCancelDate" },
+ {
+ label: "浣滃簾鐘舵��", prop: "state", dataType: "tag",
+ formatData: (params) => {
+ return params;
+ },
+ formatType: (params) => {
+ if (params == '閫氳繃') {
+ return 'success'
+ } else {
+ return 'danger'
+ }
+ }
+ },
+ {
+ dataType: "action",
+ fixed: "right",
+ label: "鎿嶄綔",
+ operation: [
+ {
+ name: "缂栬緫",
+ type: "text",
+ clickFun: (row) => {
+ this.handleUpdate(row);
+ },
+ disabled: (row, index) => {
+ return row.state == '閫氳繃'
+ }
+ },
+ {
+ name: "鍒犻櫎",
+ type: "text",
+ clickFun: (row) => {
+ this.handleDelete(row);
+ },
+ disabled: (row, index) => {
+ return row.state == '閫氳繃'
+ }
+ },
+ {
+ name: "瀹℃牳",
+ type: "text",
+ clickFun: (row) => {
+ this.handleCheck(row);
+ },
+ disabled: (row, index) => {
+ return row.checkUser != this.userId || row.state == '閫氳繃'
+ }
+ },
+ ],
+ },
+ ],
+ page: {
+ total: 0,
+ size: 10,
+ current: 0,
+ },
+ tableLoading: false,
+ }
+ },
+ mounted() {
+ this.getList()
+ this.getAuthorizedPerson()
+ this.getFileList()
+ this.selectEnumByCategory()
+ },
+ methods: {
+ getPower() {
+ let power = JSON.parse(sessionStorage.getItem('power'))
+ let out = false
+ let del = false
+ let add = false
+ // let check = false
+ for (var i = 0; i < power.length; i++) {
+ if (power[i].menuMethod == 'exportManageDocumentCancel') {
+ out = true
+ }
+ if (power[i].menuMethod == 'addManageDocumentCancel') {
+ add = true
+ }
+ if (power[i].menuMethod == 'delManageDocumentCancel') {
+ del = true
+ }
+ // if (power[i].menuMethod == 'checkManageDocumentControlled') {
+ // check = true
+ // }
+ }
+ // if (!check) {
+ // this.componentData.do.splice(2, 1)
+ // }
+ if (!del) {
+ this.componentData.do.splice(1, 1)
+ }
+ if (!add) {
+ this.componentData.do.splice(0, 1)
+ }
+ this.addPower = add
+ this.outPower = out
+ },
+ getList() {
+ this.tableLoading = true;
+ let param = { ...this.queryParams, ...this.page };
+ delete param.total;
+ pageManageDocumentCancel({ ...param })
+ .then((res) => {
+ this.tableLoading = false;
+ if (res.code === 200) {
+ this.tableData = res.data.records;
+ this.page.total = res.data.total;
+ }
+ })
+ .catch((err) => {
+ this.tableLoading = false;
+ });
+ },
+ pagination({ page, limit }) {
+ this.page.current = page;
+ this.page.size = limit;
+ this.getList();
+ },
+ refresh() {
+ this.queryParams = {};
+ this.page.current = 1;
+ this.getList();
+ },
+ refreshTable() {
+ this.page.current = 1;
+ this.getList();
+ },
+ selectEnumByCategory() {
+ // 鏂囦欢鐘舵��
+ this.getDicts("document_state").then((response) => {
+ this.fileState = this.dictToValue(response.data);
+ });
+ },
+ // 鑾峰彇浜哄憳鍒楄〃
+ getAuthorizedPerson() {
+ selectUserCondition().then(res => {
+ let data = []
+ res.data.forEach(a => {
+ data.push({
+ label: a.name,
+ value: a.id
+ })
+ })
+ this.personList = data
+ })
+ },
+ // 鑾峰彇鏂囦欢鍒楄〃
+ getFileList() {
+ pageManageDocumentList({
+ current: -1,
+ size: -1
+ }).then(res => {
+ this.fileList = res.data.records
+ }).catch(err => { })
+ },
+ // 鎻愪氦
+ handleAdd() {
+ if (!this.addInfo.documentCode) {
+ this.$message.error('璇疯緭鍏ョ敵璇风紪鍙�')
+ return false
+ }
+ this.addInfo.method = '浣滃簾'
+ this.addLoading = true
+ if (!this.addInfo.id) {
+ // 鏂板
+ addManageDocumentCancel(this.addInfo).then(res => {
+ this.addLoading = false
+ this.refreshTable()
+ this.$message({
+ type: 'success',
+ message: '鎻愪氦鎴愬姛'
+ })
+ this.addDialogVisible = false
+ }).catch(err => { })
+ } else {
+ // 缂栬緫
+ doManageDocumentCancel({
+ id: this.addInfo.id,
+ method: '浣滃簾',
+ documentCode: this.addInfo.documentCode,
+ checkUser: this.addInfo.checkUser,
+ name: this.addInfo.name,
+ version: this.addInfo.version,
+ documentState: this.addInfo.documentState,
+ expectCancelDate: this.addInfo.expectCancelDate,
+ actuallyCancelDate: this.addInfo.actuallyCancelDate,
+ cancelNote: this.addInfo.cancelNote,
+ }).then(res => {
+ this.addLoading = false
+ this.refreshTable()
+ this.$message({
+ type: 'success',
+ message: '鎻愪氦鎴愬姛'
+ })
+ this.addDialogVisible = false
+ }).catch(err => { })
+ }
+
+ },
+ // 閫変腑鏂囦欢
+ changeFileList(e) {
+ if (e) {
+ let obj = this.fileList.find(a => a.documentCode == e)
+ if (obj) {
+ this.addInfo.name = obj.name
+ this.addInfo.version = obj.version
+ this.addInfo.documentState = obj.state
+ }
+ }
+ },
+ handleUpdate(row) {
+ this.addInfo = this.HaveJson(row)
+ this.addDialogVisible = true
+ },
+ // 瀹℃牳
+ handleCheck(row) {
+ this.$confirm('鏄惁瀹℃牳閫氳繃?', '鎻愮ず', {
+ confirmButtonText: '閫氳繃',
+ cancelButtonText: '涓嶉�氳繃',
+ type: 'warning',
+ closeOnClickModal: false, // 绂佹鐐瑰嚮閬僵灞傚叧闂�
+ distinguishCancelAndClose: true,
+ beforeClose: (action, instance, done) => {
+ if (action === 'confirm') {
+ // 鐐瑰嚮鈥滅‘瀹氣�濇寜閽紝鍏佽鍏抽棴
+ checkManageDocumentCancel({ id: row.id, state: '閫氳繃' }).then(res => {
+ this.refreshTable()
+ done();
+ this.$message({
+ type: 'success',
+ message: '鎻愪氦鎴愬姛'
+ })
+ })
+ .catch(err => {
+
+ })
+ } else if (action === 'cancel') {
+ // 鐐瑰嚮鈥滃彇娑堚�濇寜閽紝涓嶅厑璁稿叧闂�
+ checkManageDocumentCancel({ id: row.id, state: '涓嶉�氳繃' }).then(res => {
+ this.refreshTable()
+ done();
+ this.$message({
+ type: 'success',
+ message: '鎻愪氦鎴愬姛'
+ })
+ })
+ .catch(err => {
+
+ })
+ } else if (action === 'close') {
+ // 鐐瑰嚮鈥溍椻�濇寜閽紝涓嶅厑璁稿叧闂�
+ done();
+ console.log("脳鎸夐挳鐐瑰嚮浜嬩欢锛屼笉鍏抽棴寮规");
+ }
+ }
+ })
+ },
+ // 瀵煎嚭
+ handleOut() {
+ this.outLoading = true
+ exportManageDocumentCancel(this.queryParams).then(res => {
+ this.outLoading = false
+ const blob = new Blob([res], { type: 'application/octet-stream' });
+ this.$download.saveAs(blob, '鏂囦欢浣滃簾琛�.xlsx')
+ })
+ },
+ handleDelete(row) {
+ this.$confirm("鏄惁鍒犻櫎璇ユ潯鏁版嵁?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(() => {
+ delManageDocumentCancel({ id: row.id }).then((res) => {
+ if (res.code == 201) return;
+ this.$message.success("鍒犻櫎鎴愬姛");
+ this.refresh();
+ });
+ })
+ .catch(() => { });
+ },
+ }
+}
+</script>
+
+<style scoped>
+.title {
+ height: 60px;
+ line-height: 60px;
+}
+
+.search {
+ background-color: #fff;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ position: relative;
+}
+
+.search_thing {
+ width: 350px;
+ display: flex;
+ align-items: center;
+}
+
+.search_label {
+ width: 110px;
+ font-size: 14px;
+ text-align: right;
+}
+
+.search_input {
+ width: calc(100% - 110px);
+}
+
+.table {
+ background-color: #fff;
+ height: calc(100% - 60px - 80px);
+ padding: 20px;
+}
+
+.btns {
+ position: absolute;
+ right: 20px;
+ top: 5px;
+}
+</style>
diff --git a/src/views/CNAS/systemManagement/documentControl/index.vue b/src/views/CNAS/systemManagement/documentControl/index.vue
new file mode 100644
index 0000000..5062e5c
--- /dev/null
+++ b/src/views/CNAS/systemManagement/documentControl/index.vue
@@ -0,0 +1,67 @@
+<template>
+ <div class="file-handling">
+ <el-tabs type="border-card" v-model="activeName" style="height: 100%;">
+ <el-tab-pane :label="item.name" :name="item.component" v-for="(item, index) in tabList" :key="index"
+ style="height: 100%;">
+ <component :is="item.component" :key="item.component"></component>
+ </el-tab-pane>
+ </el-tabs>
+ </div>
+</template>
+
+<script>
+import FileList from './components/FileList.vue'
+import ControlledFileApplication from './components/ControlledFileApplication.vue'
+import DistributionCollectionRecord from './components/DistributionCollectionRecord.vue'
+import FileChangeRequest from './components/FileChangeRequest.vue'
+import FileObsoletionRequest from './components/FileObsoletionRequest.vue'
+export default {
+ components: {
+ FileList,
+ ControlledFileApplication,
+ DistributionCollectionRecord,
+ FileChangeRequest,
+ FileObsoletionRequest
+ },
+ data() {
+ return {
+ tabList: [
+ {
+ name: '鏂囦欢娓呭崟',
+ component: 'FileList'
+ },
+ {
+ name: '鏂囦欢鍙楁帶鐢宠',
+ component: 'ControlledFileApplication'
+ },
+ {
+ name: '鍙戞斁鍥炴敹璁板綍',
+ component: 'DistributionCollectionRecord'
+ },
+ {
+ name: '鏂囦欢鍙樻洿鐢宠',
+ component: 'FileChangeRequest'
+ },
+ {
+ name: '鏂囦欢浣滃簾鐢宠',
+ component: 'FileObsoletionRequest'
+ },
+ ],
+ activeName: 'FileList'
+ };
+ },
+}
+</script>
+
+<style scoped>
+.file-handling {
+ margin-top: 10px;
+ height: calc(100% - 20px);
+}
+
+>>>.el-tabs__content {
+ height: 100%;
+ padding: 0;
+ padding-top: 10px;
+}
+</style>
diff --git a/src/views/standard/model/index.vue b/src/views/standard/model/index.vue
index 2cfb231..b310c5a 100644
--- a/src/views/standard/model/index.vue
+++ b/src/views/standard/model/index.vue
@@ -4,77 +4,29 @@
<div class="search_thing">
<div class="search_label">妯℃澘鍚嶇О锛�</div>
<div class="search_input">
- <el-input
- v-model="queryParams.name"
- clearable
- placeholder="璇疯緭鍏�"
- size="small"
- @keyup.enter.native="refreshTable()"
- ></el-input>
+ <el-input v-model="queryParams.name" clearable placeholder="璇疯緭鍏�" size="small"
+ @keyup.enter.native="refreshTable()"></el-input>
</div>
</div>
<div class="search_thing" style="padding-left: 30px">
<el-button size="small" @click="refresh()">閲� 缃�</el-button>
- <el-button size="small" type="primary" @click="refreshTable()"
- >鏌� 璇�</el-button
- >
+ <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
</div>
<div class="btn">
- <el-button
- v-if="checkPermi(['standard:model:add'])"
- size="small"
- type="primary"
- @click="openAdd"
- >鏂板</el-button
- >
- <!-- <el-button
- v-if="checkPermi(['standard:model:copy'])"
- size="small"
- @click="copyTemplate"
- >澶嶅埗妯＄増</el-button
- > -->
+ <el-button v-if="checkPermi(['standard:model:add'])" size="small" type="primary" @click="openAdd">鏂板</el-button>
</div>
</div>
- <lims-table
- :tableData="tableData"
- :column="column"
- :page="page"
- :tableLoading="tableLoading"
- :height="'calc(100vh - 240px)'"
- style="padding: 20px; padding-top: 0"
- @pagination="pagination"
- ></lims-table>
- <el-dialog
- :before-close="isClose"
- :close-on-click-modal="false"
- :close-on-press-escape="false"
- :visible.sync="isShow"
- title="妯℃澘缂栧埗"
- width="85%"
- >
+ <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading"
+ :height="'calc(100vh - 240px)'" style="padding: 20px; padding-top: 0" @pagination="pagination"></lims-table>
+ <el-dialog :before-close="isClose" :close-on-click-modal="false" :close-on-press-escape="false"
+ :visible.sync="isShow" title="妯℃澘缂栧埗" width="85%">
<div v-if="isShow" style="width: 100%; height: 82vh; overflow: auto">
- <Excel
- v-loading="loading"
- :data="row.thing"
- :execlTitle="row.name"
- ></Excel>
+ <Excel v-loading="loading" :data="row.thing" :execlTitle="row.name"></Excel>
</div>
</el-dialog>
- <el-dialog
- :before-close="closeCopyTem"
- :close-on-click-modal="false"
- :close-on-press-escape="false"
- :visible.sync="isShowCopyTem"
- :title="title"
- width="35%"
- >
- <el-form
- ref="copyForm"
- :model="copyForm"
- :rules="copyFormRules"
- label-position="right"
- label-width="80px"
- >
+ <el-dialog :before-close="closeCopyTem" :close-on-click-modal="false" :close-on-press-escape="false"
+ :visible.sync="isShowCopyTem" :title="title" width="35%">
+ <el-form ref="copyForm" :model="copyForm" :rules="copyFormRules" label-position="right" label-width="80px">
<el-form-item label="妯＄増缂栧彿" prop="number">
<el-input v-model="copyForm.number" clearable size="small"></el-input>
</el-form-item>
@@ -87,12 +39,7 @@
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="closeCopyTem">鍙� 娑�</el-button>
- <el-button
- :loading="submitCopyInfoLoading"
- type="primary"
- @click="submitCopyInfo"
- >纭� 瀹�</el-button
- >
+ <el-button :loading="submitCopyInfoLoading" type="primary" @click="submitCopyInfo">纭� 瀹�</el-button>
</span>
</el-dialog>
</div>
@@ -103,7 +50,6 @@
import Excel from "@/components/Excel/luckysheet.vue";
import {
selectStandardTemplatePageList,
- copyStandardTemplate,
addStandardTemplate,
upStandardTemplate,
delStandardTemplate,
@@ -177,16 +123,6 @@
return this.checkPermi(["standard:model:del"]);
},
},
- // {
- // name: "澶嶅埗妯℃澘",
- // type: "text",
- // clickFun: (row) => {
- // this.copyTemplate(row);
- // },
- // showHide: (row) => {
- // return this.checkPermi(["standard:model:copy"]);
- // },
- // },
{
name: "妯℃澘缂栧埗",
type: "text",
@@ -253,12 +189,6 @@
this.copyForm = {};
this.isShowCopyTem = true;
},
- // 澶嶅埗妯＄増
- copyTemplate(row) {
- this.title = "澶嶅埗妯＄増";
- this.isShowCopyTem = true;
- this.copyForm.id = row.id;
- },
// 鏂板/缂栬緫/澶嶅埗妯℃澘
submitCopyInfo() {
this.$refs["copyForm"].validate((valid) => {
@@ -301,20 +231,6 @@
this.submitCopyInfoLoading = false;
});
break;
- case "澶嶅埗妯＄増":
- copyStandardTemplate(params)
- .then((res) => {
- if (res.code == 201) return;
- this.isShowCopyTem = false;
- this.submitCopyInfoLoading = false;
- this.$message.success("澶嶅埗鎴愬姛");
- this.refreshTable("page");
- })
- .catch((err) => {
- console.log("copyTemplate----", err);
- this.submitCopyInfoLoading = false;
- });
- break;
}
} else {
console.log("error submit!!");
@@ -340,7 +256,7 @@
this.refreshTable("page");
});
})
- .catch(() => {});
+ .catch(() => { });
},
templateWrite(row) {
getEditTemplatePreparation({ id: row.id }).then((res) => {
@@ -364,7 +280,7 @@
.then(() => {
this.closed();
})
- .catch(() => {});
+ .catch(() => { });
},
closed() {
this.loading = true;
@@ -456,6 +372,7 @@
.search_input {
width: calc(100% - 110px);
}
+
.btn {
position: absolute;
right: 14px;
--
Gitblit v1.9.3