From f798ddf028ff583492cfec9d04d2530de54f46eb Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期四, 11 四月 2024 14:28:10 +0800 Subject: [PATCH] 完成检验项目统计前端页面 --- src/components/view/b1-report-preparation.vue | 106 ++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 92 insertions(+), 14 deletions(-) diff --git a/src/components/view/b1-report-preparation.vue b/src/components/view/b1-report-preparation.vue index d56cb4d..eca96af 100644 --- a/src/components/view/b1-report-preparation.vue +++ b/src/components/view/b1-report-preparation.vue @@ -44,6 +44,16 @@ right: 52px; top: 22px; } + + .btns{ + position: absolute; + right: 100px; + top: 17px; + } + + .fullscreen{ + height:82vh + } </style> <template> @@ -78,16 +88,36 @@ :key="upIndex"/> </div> </div> - <el-dialog title="鍦ㄧ嚎缂栧埗" :visible.sync="claimVisible" width="25cm" :modal-append-to-body="false" :fullscreen="fullscreen"> + <el-dialog title="鍦ㄧ嚎缂栧埗" :visible.sync="claimVisible" width="22cm" :modal-append-to-body="false" :fullscreen="fullscreen"> <div class="full-screen"> <i class="el-icon-full-screen" style="cursor: pointer;font-size: 18px" @click="fullscreen=true;" v-if="!fullscreen"></i> <img src="../../../static/img/no-full.svg" alt="" v-else style="cursor: pointer;" @click="fullscreen=false;" > </div> - <Word :style="{height:fullscreen?'82':'70'+'vh'}" v-if="claimVisible" ref="Word" :value="value"/> + <Word style="height:70vh" :class="{fullscreen:fullscreen}" v-if="claimVisible" ref="Word" :value="value"/> <span slot="footer" class="dialog-footer"> <el-button @click="claimVisible = false">鍙� 娑�</el-button> <el-button type="primary" @click="confirmClaim">纭� 瀹�</el-button> </span> + </el-dialog> + <el-dialog title="鎶ュ憡瀹℃牳" :visible.sync="issuedVisible" width="22cm" :modal-append-to-body="false" :fullscreen="fullscreen"> + <div class="full-screen"> + <i class="el-icon-full-screen" style="cursor: pointer;font-size: 18px" @click="fullscreen=true;" v-if="!fullscreen"></i> + <img src="../../../static/img/no-full.svg" alt="" v-else style="cursor: pointer;" @click="fullscreen=false;" > + </div> + <div class="btns"> + <el-button type="primary" size="small">閫氳繃</el-button> + <el-button size="small">涓嶉�氳繃</el-button> + </div> + </el-dialog> + <el-dialog title="鎶ュ憡鎵瑰噯" :visible.sync="approveVisible" width="22cm" :modal-append-to-body="false" :fullscreen="fullscreen"> + <div class="full-screen"> + <i class="el-icon-full-screen" style="cursor: pointer;font-size: 18px" @click="fullscreen=true;" v-if="!fullscreen"></i> + <img src="../../../static/img/no-full.svg" alt="" v-else style="cursor: pointer;" @click="fullscreen=false;" > + </div> + <div class="btns"> + <el-button type="primary" size="small">鎵瑰噯</el-button> + <el-button size="small">涓嶆壒鍑�</el-button> + </div> </el-dialog> </div> </template> @@ -132,13 +162,17 @@ }, { id: 'handleUpload', font: '涓婁紶', - type: 'text', + type: 'upload', + uploadConfig:{ + url:this.$api.insReport.inReport, + accept:'.docx' + }, method: 'handleUpload', disabFun: (row, index) => { return row.isExamine != null } }, { - id: 'handlRestore', + id: 'handleRestore', font: '杩樺師', type: 'text', method: 'handleRestore', @@ -199,6 +233,8 @@ upIndex: 0, statusList: [], claimVisible: false, + issuedVisible: false, + approveVisible: false, fullscreen:false, value:`` } @@ -246,12 +282,14 @@ // this.value = await file.convertFileToHtml(row.url) // this.claimVisible = true; this.$axios.post(this.$api.insReport.wordToHtml, { - path:row.url + path:row.urlS?row.urlS:row.url }).then(res => { if (res.code === 200) { // console.log(11111111,res.data) - this.value = res.data.replace(/<a [^>]*>/g, "") - .replace(/<\/a>/g, "").replace(/ /g, " "); + this.value = res.data + .replace(/<a [^>]*>/g, "") + .replace(/<\/a>/g, "") + .replace(/ /g, " "); this.claimVisible = true; } @@ -262,19 +300,36 @@ // 鏉冮檺鍒嗛厤 getPower(radio) { let power = JSON.parse(sessionStorage.getItem('power')) + let edit = false let up = false - let del = false - let add = false + let res = false + let issued = false + let approve = false for (var i = 0; i < power.length; i++) { - if (power[i].menuMethod == 'upInsOrder') { + if (power[i].menuMethod == 'upReportFile') { + edit = true + } + if (power[i].menuMethod == 'inReport') { up = true } - if (power[i].menuMethod == 'addInsOrder') { - add = true + if (power[i].menuMethod == 'upReportUrl') { + res = true } } - if (!up) { + if (!approve) { + this.componentData.do.splice(5, 1) + } + if (!issued) { this.componentData.do.splice(4, 1) + } + if (!res) { + this.componentData.do.splice(3, 1) + } + if (!up) { + this.componentData.do.splice(2, 1) + } + if (!edit) { + this.componentData.do.splice(0, 1) } }, handleClose() { @@ -285,7 +340,30 @@ }, async selectAllByOne(row){ console.log(row,await file.convertFileToHtml(row.url)); - } + }, + download(row){ + let url = row.urlS?row.urlS:row.url; + const link = document.createElement('a'); + link.href = this.javaApi + url; + document.body.appendChild(link); + link.click(); + }, + handleRestore(row){ + this.$axios.post(this.$api.insReport.upReportUrl, { + id:row.id + }).then(res => { + if (res.code === 200) { + this.$message.success('鎿嶄綔鎴愬姛') + this.refreshTable() + } + }) + }, + handleIssued(row){ + this.issuedVisible = true; + }, + handleApprove(row){ + this.approveVisible = true; + }, } } </script> -- Gitblit v1.9.3