From e5454b769d44a34af423bf87ac8a740bf8c20341 Mon Sep 17 00:00:00 2001 From: Crunchy <3114200645@qq.com> Date: 星期二, 29 四月 2025 13:25:29 +0800 Subject: [PATCH] Merge branch 'dev' into dev_tides --- src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue | 562 ++++++++++++++++++++++++++----------------------------- 1 files changed, 267 insertions(+), 295 deletions(-) diff --git a/src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue b/src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue index 5e9b191..85fc6b4 100644 --- a/src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue +++ b/src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue @@ -1,68 +1,55 @@ <template> <!-- 鏂囦欢瀹氭湡瀹℃煡璁板綍 --> - <div class="PeriodicDocumentReviewRecords"> - <el-row class="title"> - <el-col :span="12" style="padding-left: 20px;text-align: left;">鏂囦欢瀹氭湡瀹℃煡璁板綍</el-col> - <!-- <el-col :span="12" style="text-align: right;"> - <el-button size="medium" type="primary" @click="openAdd" v-if="addPower">鏂板</el-button> - <el-upload :action="action" :show-file-list="false" - accept='.doc,.docx' :headers="headers" :on-change="beforeUpload" - :on-error="onError" ref='upload' v-if="upPower" :on-success="handleSuccessUp" style="display:inline-block;margin-left: 20px;"> - <el-button type="primary" size="medium">瀵煎叆</el-button></el-upload> - <el-button size="medium" type="primary" @click="handleDown" :loading="outLoading" v-if="outPower" style="display:inline-block;margin-left: 20px;">瀵煎嚭</el-button> - </el-col> --> - </el-row> + <div class="capacity-scope"> <el-tabs type="border-card" v-model="activeName" style="height: 100%;"> <el-tab-pane label="濉啓" name="濉啓" 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="componentData.entity.documentName" @keyup.enter.native="refreshTable()"></el-input></div> + <div> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="鏂囦欢鍚嶇О" prop="documentName"> + <el-input size="small" placeholder="璇疯緭鍏�" clearable + v-model="queryParams.documentName" @keyup.enter.native="refreshTable()"></el-input> + </el-form-item> + <el-form-item label="鏂囦欢缂栧彿" prop="documentCode"> + <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.documentCode" + @keyup.enter.native="refreshTable()"></el-input> + </el-form-item> + <el-form-item> + <el-button type="primary" size="mini" @click="refreshTable">鏌ヨ</el-button> + <el-button size="mini" @click="refresh">閲嶇疆</el-button> + </el-form-item> + </el-form> </div> - <div class="search_thing"> - <div class="search_label">鏂囦欢缂栧彿锛�</div> - <div class="search_input"> - <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.documentCode" - @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="medium" type="primary" @click="openAdd" v-if="addPower">鏂板</el-button> - <el-upload :action="action" :multiple="false" :show-file-list="false" accept='.doc,.docx' :headers="headers" - :on-change="beforeUpload" :on-error="onError" ref='upload' v-if="upPower" :on-success="handleSuccessUp" - style="display:inline-block;margin-left: 20px;"> - <el-button type="primary" size="medium">瀵煎叆</el-button></el-upload> + <div> + <el-button size="small" type="primary" @click="openAdd" v-if="addPower">鏂板</el-button> + <el-upload :action="action" :multiple="false" :show-file-list="false" accept='.doc,.docx' + :headers="uploadHeader" :on-change="beforeUpload" :on-error="onError" ref='upload' v-if="upPower" + :on-success="handleSuccessUp" style="display:inline-block;margin-left: 20px;"> + <el-button type="primary" size="small">瀵煎叆</el-button></el-upload> </div> </div> <div class="table"> - <ValueTable ref="ValueTable" :url="$api.manageRecordIntervals.pageManageRecordIntervals" - :delUrl="$api.manageRecordIntervals.delManageRecordIntervals" :componentData="componentData" - :upUrl="$api.manageRecordIssueRecycle.doManageRecordIssueRecycle" :key="upIndex" /> + <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading" + :height="'calc(100vh - 290px)'" @pagination="pagination"></lims-table> </div> </el-tab-pane> <el-tab-pane label="鍘嗗彶璁板綍" name="鍘嗗彶璁板綍" style="height: 100%;"> - <div class="search"> - <div class="search_thing"> - <div class="search_label">骞达細</div> - <div class="search_input"> - <el-date-picker v-model="componentData0.entity.year" type="year" placeholder="閫夋嫨骞�" format="yyyy" - value-format="yyyy" size="small" @change="refreshTable()"> + <div> + <el-form :model="queryParams0" ref="queryParams0" size="small" :inline="true"> + <el-form-item label="骞�" prop="year"> + <el-date-picker v-model="queryParams0.year" type="year" placeholder="閫夋嫨骞�" format="yyyy" + value-format="yyyy" size="small" @change="refreshTable(1)"> </el-date-picker> - </div> - </div> - <div class="search_thing" style="padding-left: 30px;"> - <el-button size="small" @click="refresh(1)">閲� 缃�</el-button> - <el-button size="small" type="primary" @click="refreshTable(1)">鏌� 璇�</el-button> - </div> + </el-form-item> + <el-form-item> + <el-button type="primary" size="mini" @click="refreshTable(1)">鏌ヨ</el-button> + <el-button size="mini" @click="refresh(1)">閲嶇疆</el-button> + </el-form-item> + </el-form> </div> <div class="table"> - <ValueTable ref="ValueTable0" :url="$api.manageRecordIntervals.pageManageRecordIntervalsTotal" - :componentData="componentData0" :key="upIndex" /> + <lims-table :tableData="tableData0" :column="column0" :page="page0" :tableLoading="tableLoading" + :height="'calc(100vh - 290px)'" @pagination="pagination0"></lims-table> </div> </el-tab-pane> </el-tabs> @@ -139,12 +126,25 @@ </template> <script> -import ValueTable from '@/components/Table/value-table.vue' +import limsTable from "@/components/Table/lims-table.vue"; import filePreview from '@/components/Preview/filePreview.vue' -import { getToken } from "@/utils/auth"; +import { + exportOutManageRecordIntervals, + addManageRecordIntervals, + doManageRecordIntervals, + ratifyManageRecordIntervalsTotal, + submitManageRecordIntervalsTotal, + pageManageRecordIntervals, + pageManageRecordIntervalsTotal, + delManageRecordIntervals, +} from '@/api/cnas/systemManagement/documentRecords.js' +import { + pageManageDocumentList, +} from '@/api/cnas/systemManagement/documentControl.js' export default { + name: 'RegularReviewsRecord', components: { - ValueTable, + limsTable, filePreview }, data() { @@ -159,110 +159,6 @@ lookDialogVisible: false, noCheckLoading: false, checkLoading: false, - componentData: { - entity: { - documentName: null, - documentCode: null, - orderBy: { - field: 'id', - order: 'desc' - } - }, - isIndex: true, - showSelect: false, - select: false, - // selectMethod: 'handleChangeTask', - do: [{ - id: 'handleEdit', - font: '淇敼', - type: 'text', - method: 'handleEdit', - field: [], - }, { - id: 'delete', - font: '鍒犻櫎', - type: 'text', - method: 'doDiy', - }], - tagField: { - // documentType:{ - // select: [] - // }, - // receiveUserName:{ - // select: [] - // }, - }, - selectField: { - // documentType:{ - // select: [] - // }, - // receiveUserName:{ - // select: [] - // }, - }, - addUpload: ['signatoryUrl'], - requiredAdd: [], - requiredUp: [], - datePicker: ['receiveDate'], - noHead: ['signedUserName', 'signedDate', 'departLims'],//涓嶅弬涓庢柊澧炵紪杈戠殑瀛楁 - needSort: [], - inputType: '' - }, - componentData0: { - entity: { - year: null, - orderBy: { - field: 'id', - order: 'desc' - } - }, - isIndex: true, - showSelect: false, - select: false, - do: [{ - id: 'handleLook', - font: '鏌ョ湅', - type: 'text', - method: 'handleLook', - disabFun: (row, index) => { - return !row.url - } - }, { - id: 'handleDown0', - font: '涓嬭浇', - type: 'text', - method: 'handleDown0', - disabFun: (row, index) => { - return !row.url - } - }, - { - id: 'handleSubmit', - font: '鎻愪氦', - type: 'text', - method: 'handleSubmit', - disabFun: (row, index) => { - return !!row.submitUserName - } - }, { - id: 'handleApproval', - font: '鎵瑰噯', - type: 'text', - method: 'handleApproval', - disabFun: (row, index) => { - return !row.submitUserName || !!row.ratifyUserName - } - }], - tagField: {}, - selectField: {}, - requiredAdd: [], - requiredUp: [], - needSort: [], - inputType: '' - }, - entityCopy: {}, - entityCopy0: {}, - upIndex: 0, addInfo: {}, title: '鏂板', addInfo: {}, @@ -270,74 +166,129 @@ fileList: [], typeList: [], currentInfo: {}, + queryParams: {}, + tableData: [], + column: [ + { label: "鏂囦欢鍚嶇О", prop: "documentName" }, + { label: "鏂囦欢缂栧彿", prop: "documentCode", width: "120px" }, + { + label: "鐗堟湰鍙�", + prop: "documentVersion", + }, + { label: "淇鍙�", prop: "revision" }, + { label: "閫傚疁鎬�", prop: "suitability" }, + { label: "澶囨敞", prop: "remark" }, + { + dataType: "action", + fixed: "right", + label: "鎿嶄綔", + operation: [ + { + name: "缂栬緫", + type: "text", + clickFun: (row) => { + this.handleEdit(row); + }, + }, + { + name: "鍒犻櫎", + type: "text", + clickFun: (row) => { + this.handleDelete(row); + }, + }, + ], + }, + ], + page: { + total: 0, + size: 10, + current: 0, + }, + tableLoading: false, + queryParams0: {}, + tableData0: [], + column0: [ + { label: "骞翠唤", prop: "year" }, + { label: "鎬绘暟閲�", prop: "totalNum", width: "120px" }, + { + label: "鎷熷埗浜�", + prop: "submitUserName", + }, + { label: "鎷熷埗鏃ユ湡", prop: "submitDate" }, + { label: "鎵瑰噯浜�", prop: "ratifyUserName" }, + { label: "鎵瑰噯鏃ユ湡", prop: "ratifyDate" }, + { label: "鎵瑰噯缁撴灉", prop: "ratifyState" }, + { + dataType: "action", + fixed: "right", + label: "鎿嶄綔", + operation: [ + { + name: "鏌ョ湅", + type: "text", + clickFun: (row) => { + this.handleLook(row); + }, + disabled: (row) => { + return !row.url + }, + }, + { + name: "涓嬭浇", + type: "text", + clickFun: (row) => { + this.handleDown0(row); + }, + disabled: (row) => { + return !row.url + }, + }, + { + name: "鎻愪氦", + type: "text", + clickFun: (row) => { + this.handleSubmit(row); + }, + disabled: (row) => { + return !!row.submitUserName && row.ratifyState != '涓嶉�氳繃' + }, + }, + { + name: "鎵瑰噯", + type: "text", + clickFun: (row) => { + this.handleApproval(row); + }, + disabled: (row) => { + return (!row.submitUserName || !!row.ratifyUserName) && row.ratifyState != '涓嶉�氳繃' + }, + }, + ], + }, + ], + page0: { + total: 0, + size: 10, + current: 0, + }, } }, // 鐢ㄤ簬涓婁紶鏂囦欢鐨勪俊鎭� computed: { - headers() { - return { - 'Authorization': "Bearer " + getToken() - } - }, action() { - return this.javaApi + this.$api.manageRecordIntervals.exportInManageRecordIntervals + return this.javaApi + '/manageRecordIntervals/exportInManageRecordIntervals' } }, mounted() { - this.entityCopy = this.HaveJson(this.componentData.entity); - this.entityCopy0 = this.HaveJson(this.componentData0.entity); - this.getPower() + this.getList() + this.getList0() this.getFileList() this.selectEnumByCategory() }, methods: { - getPower() { - let power = JSON.parse(sessionStorage.getItem('power')) - let add = false - let del = false - let up = false; - let out = false; - let submit = false - let ratify = false - for (var i = 0; i < power.length; i++) { - if (power[i].menuMethod == 'addManageRecordIntervals') { - add = true - } - if (power[i].menuMethod == 'delManageRecordIntervals') { - del = true - } - if (power[i].menuMethod == 'exportInManageRecordIntervals') { - up = true - } - if (power[i].menuMethod == 'exportOutManageRecordIntervals') { - out = true - } - if (power[i].menuMethod == 'submitManageRecordIntervalsTotal') { - submit = true - } - if (power[i].menuMethod == 'ratifyManageRecordIntervalsTotal') { - ratify = true - } - } - if (!ratify) { - this.componentData0.do.splice(3, 1) - } - if (!submit) { - this.componentData0.do.splice(2, 1) - } - if (!add) { - this.componentData.do.splice(1, 1) - } - if (!del) { - this.componentData.do.splice(0, 1) - } - this.addPower = add - this.outPower = out - this.upPower = up - }, // 鏂板 openAdd() { - // this.$refs.ValueTable.openAddDia(this.$api.manageRecordIssueRecycle.addManageRecordIssueRecycle); this.addInfo = {} this.title = '鏂板' this.addDialogVisible = true; @@ -345,31 +296,71 @@ // 瀵煎嚭 handleDown() { this.outLoading = true - this.$axios.post(this.$api.manageRecordIntervals.exportOutManageRecordIntervals, { entity: this.componentData.entity }, { headers: { 'Content-Type': 'application/json' } }).then(res => { + exportOutManageRecordIntervals(this.queryParams).then(res => { this.outLoading = false - if (res.code == 201) return this.$message.error('瀵煎嚭澶辫触') - this.$message.success('瀵煎嚭鎴愬姛') - let url = this.javaApi + 'word/' + res.message - const link = document.createElement('a'); - link.href = url; - link.download = '鏂囦欢瀹氭湡瀹℃煡璁板綍'; - link.click(); + this.$download.saveAs(res.message, "鏂囦欢瀹氭湡瀹℃煡璁板綍"); }) + }, + getList() { + this.tableLoading = true; + let param = { ...this.queryParams, ...this.page }; + delete param.total; + pageManageRecordIntervals({ ...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(); + }, + getList0() { + this.tableLoading = true; + let param = { ...this.queryParams0, ...this.page0 }; + delete param.total; + pageManageRecordIntervalsTotal({ ...param }) + .then((res) => { + this.tableLoading = false; + if (res.code === 200) { + this.tableData0 = res.data.records; + this.page0.total = res.data.total; + } + }) + .catch((err) => { + this.tableLoading = false; + }); + }, + pagination0({ page, limit }) { + this.page0.current = page; + this.page0.size = limit; + this.getList0(); }, refreshTable(num) { if (num) { - this.$refs['ValueTable0'].selectList() + this.page0.current = 1; + this.getList0(); } else { - this.refreshTable()() + this.page.current = 1; + this.getList(); } }, refresh(num) { if (num) { - this.componentData0.entity = this.HaveJson(this.entityCopy0) - this.upIndex++ + this.queryParams0 = {}; + this.page0.current = 1; + this.getList0(); } else { - this.componentData.entity = this.HaveJson(this.entityCopy) - this.upIndex++ + this.queryParams = {}; + this.page.current = 1; + this.getList(); } }, beforeUpload(file) { @@ -390,7 +381,7 @@ this.upLoading = false; if (response.code == 200) { this.$message.success('涓婁紶鎴愬姛'); - this.refreshTable()() + this.refreshTable() } else { this.$message.error('涓婁紶澶辫触'); } @@ -406,34 +397,21 @@ }, // 鑾峰彇鏂囦欢鍒楄〃--鏂囦欢娓呭崟 getFileList() { - this.$axios.post(this.$api.manageDocumentList.pageManageDocumentList, { - entity: { - orderBy: { - field: 'id', - order: 'asc' - } - }, - page: { - current: -1, - size: -1 - } - }, { - headers: { - 'Content-Type': 'application/json' - } + pageManageDocumentList({ + current: -1, + size: -1 }).then(res => { - this.fileList = res.data.body.records.map(m => { + this.fileList = res.data.records.map(m => { m.title = m.documentCode return m }) }).catch(err => { }) }, selectEnumByCategory() { - this.$axios.post(this.$api.enums.selectEnumByCategory, { - category: "閫傚疁鎬�" - }).then(res => { - this.typeList = res.data - }) + // 鏂囦欢绫诲埆 + this.getDicts("suitability").then((response) => { + this.typeList = this.dictToValue(response.data); + }); }, // 鎻愪氦 handleAdd() { @@ -446,18 +424,27 @@ let { id, documentCode, documentName, documentVersion, revision, suitability, remark } = this.addInfo obj = { id, documentCode, documentName, documentVersion, revision, suitability, remark } } - this.$axios.post(this.$api.manageRecordIntervals[this.title == '鏂板' ? 'addManageRecordIntervals' : 'doManageRecordIntervals'], obj, { headers: { 'Content-Type': 'application/json' }, noQs: true }).then(res => { - this.addLoading = false - if (res.code == 201) { - return - } - this.addDialogVisible = false - this.$message({ - type: 'success', - message: '鎿嶄綔鎴愬姛!' - }); - this.refreshTable() - }).catch(err => { }) + if (this.title == '鏂板') { + addManageRecordIntervals(obj).then(res => { + this.addLoading = false + this.addDialogVisible = false + this.$message({ + type: 'success', + message: '鎿嶄綔鎴愬姛!' + }); + this.refreshTable() + }).catch(err => { }) + } else { + doManageRecordIntervals(obj).then(res => { + this.addLoading = false + this.addDialogVisible = false + this.$message({ + type: 'success', + message: '鎿嶄綔鎴愬姛!' + }); + this.refreshTable() + }).catch(err => { }) + } }, // 淇敼 handleEdit(row) { @@ -471,20 +458,17 @@ } else { this.noCheckLoading = true } - this.$axios.post(this.$api.manageRecordIntervals.ratifyManageRecordIntervalsTotal, { + ratifyManageRecordIntervalsTotal({ id: this.currentInfo.id, ratifyState: state }).then(res => { this.checkLoading = false - if (res.code == 201) { - return - } this.noCheckLoading = false this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛!' }); - this.$refs['ValueTable0'].selectList() + this.refreshTable(1); this.lookDialogVisible = false }).catch(err => { }); }, @@ -501,11 +485,7 @@ } }, handleDown0(row) { - let url = this.javaApi + 'word/' + row.url - const link = document.createElement('a'); - link.href = url; - link.download = row.month + ' 鎵�鏈夋枃浠跺畾鏈熸鏌ヨ褰�'; - link.click(); + this.$download.saveAs(row.url, "鎵�鏈夋枃浠跺畾鏈熸鏌ヨ褰�"); }, // 鎻愪氦 handleSubmit(row) { @@ -514,15 +494,14 @@ cancelButtonText: '鍙栨秷', type: 'warning' }).then(() => { - this.$axios.post(this.$api.manageRecordIntervals.submitManageRecordIntervalsTotal, { + submitManageRecordIntervalsTotal({ id: row.id }).then(res => { - if (res.code === 201) return this.$message({ type: 'success', message: '鎻愪氦鎴愬姛!' }); - this.$refs['ValueTable0'].selectList() + this.refreshTable(1); }).catch(err => { }); }) }, @@ -531,22 +510,29 @@ this.title0 = '鎵瑰噯' this.commonFun(row) }, + handleDelete(row) { + this.$confirm("鏄惁鍒犻櫎璇ユ潯鏁版嵁?", "鎻愮ず", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + delManageRecordIntervals({ id: row.id }).then((res) => { + this.$message.success("鍒犻櫎鎴愬姛"); + this.refreshTable(); + }); + }) + .catch(() => { }); + }, } } </script> <style scoped> -.title { - height: 60px; - line-height: 60px; -} - .search { - background-color: #fff; - height: 40px; + height: 46px; display: flex; - align-items: center; - position: relative; + justify-content: space-between; } .search_thing { @@ -565,21 +551,7 @@ width: calc(100% - 110px); } -.table { - margin-top: 10px; - background-color: #fff; - width: calc(100% - 40px); - height: calc(100% - 60px - 140px); - padding: 20px; -} - >>>.el-tabs__content { height: 100%; -} - -.btns { - position: absolute; - right: 20px; - top: 5px; } </style> -- Gitblit v1.9.3