From c1e5dfb4c72a0ab2478d3b7295ab7deecd3f8c8c Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期二, 16 四月 2024 16:47:36 +0800
Subject: [PATCH] 修改样式
---
src/components/view/b1-report-preparation.vue | 224 ++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 195 insertions(+), 29 deletions(-)
diff --git a/src/components/view/b1-report-preparation.vue b/src/components/view/b1-report-preparation.vue
index d56cb4d..b3a289a 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,15 +88,65 @@
: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="400px" :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> -->
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="issuedReasonVisible=true">涓嶉�氳繃</el-button>
+ <el-button type="primary" @click="subIssued" :loading="loadingIssued">閫� 杩�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog title="涓嶉�氳繃鍘熷洜" :visible.sync="issuedReasonVisible" width="400px" :modal-append-to-body="false">
+ <div class="search_thing">
+ <div class="search_label">涓嶉�氳繃鍘熷洜锛�</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="reason"></el-input></div>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="issuedReasonVisible=false">鍙栨秷</el-button>
+ <el-button type="primary" @click="handleIssuedReason" :loading="loadingIssuedReason">纭畾</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog title="鎶ュ憡鎵瑰噯" :visible.sync="approveVisible" width="400px" :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> -->
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="approveReasonVisible=true">涓嶆壒鍑�</el-button>
+ <el-button type="primary" @click="subApprove" :loading="loadingApprove">鎵� 鍑�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog title="涓嶆壒鍑嗗師鍥�" :visible.sync="approveReasonVisible" width="400px" :modal-append-to-body="false">
+ <div class="search_thing">
+ <div class="search_label">涓嶆壒鍑嗗師鍥狅細</div>
+ <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="reason"></el-input></div>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="approveReasonVisible=false">鍙栨秷</el-button>
+ <el-button type="primary" @click="handleApproveReason" :loading="loadingApproveReason">纭畾</el-button>
</span>
</el-dialog>
</div>
@@ -116,15 +176,17 @@
isIndex: true,
showSelect: false,
select: false,
- do: [{
- id: 'handleWeave',
- font: '鍦ㄧ嚎缂栧埗',
- type: 'text',
- method: 'handleWeave',
- disabFun: (row, index) => {
- return row.isExamine != null
- }
- }, {
+ do: [
+ // {
+ // id: 'handleWeave',
+ // font: '鍦ㄧ嚎缂栧埗',
+ // type: 'text',
+ // method: 'handleWeave',
+ // disabFun: (row, index) => {
+ // return row.isExamine != null
+ // }
+ // },
+ {
id: 'download',
font: '涓嬭浇',
type: 'text',
@@ -132,16 +194,28 @@
}, {
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',
+ disabFun: (row, index) => {
+ return row.isExamine != null
+ }
+ },{
+ id: 'handleSubmit',
+ font: '鎻愪氦',
+ type: 'text',
+ method: 'handleSubmit',
disabFun: (row, index) => {
return row.isExamine != null
}
@@ -163,9 +237,9 @@
}
}],
linkEvent: {
- code: {
- method: 'selectAllByOne'
- }
+ // code: {
+ // method: 'selectAllByOne'
+ // }
},
tagField: {
isRatify: {
@@ -199,8 +273,18 @@
upIndex: 0,
statusList: [],
claimVisible: false,
+ issuedVisible: false,
+ issuedReasonVisible:false,
+ approveVisible: false,
+ approveReasonVisible:false,
fullscreen:false,
- value:``
+ loadingApproveReason:false,
+ loadingApprove:false,
+ loadingIssuedReason:false,
+ loadingIssued:false,
+ value:``,
+ reason:'',
+ currentInfo:null,
}
},
mounted() {
@@ -246,12 +330,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,29 +348,109 @@
// 鏉冮檺鍒嗛厤
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 sub = true
+ let issued = true
+ let approve = true
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)
}
- },
- handleClose() {
- this.upLoad = false;
+ if (!sub) {
+ this.componentData.do.splice(3, 1)
+ }
+ if (!res) {
+ this.componentData.do.splice(2, 1)
+ }
+ if (!up) {
+ this.componentData.do.splice(1, 1)
+ }
+ // if (!edit) {
+ // this.componentData.do.splice(0, 1)
+ // }
},
confirmClaim() {
// console.log(this.$refs.Word.getValue())
},
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.currentInfo = row;
+ this.issuedVisible = true;
+ },
+ subIssued(){
+ this.loadingIssued = true;
+ },
+ handleApprove(row){
+ this.currentInfo = row;
+ this.approveVisible = true;
+ },
+ subApprove(){
+ this.loadingApprove = true;
+ },
+ handleSubmit(row){
+ this.$confirm('鏄惁鎻愪氦褰撳墠鎶ュ憡?', "鎻愪氦", {
+ confirmButtonText: "鎻愪氦",
+ cancelButtonText: "鍙栨秷",
+ type: "success"
+ }).then(() => {
+ this.$axios.post(this.delUrl, {
+ id: row.id
+ }).then(res => {
+ if (res.code === 201) {
+ return
+ }
+ this.$message.success('鎻愪氦鎴愬姛')
+ this.selectList()
+ }).catch(e => {
+ this.$message.error('鎻愪氦澶辫触')
+ })
+ }).catch(() => {})
+ },
+ handleIssuedReason(){
+ if(!this.reason){
+ return this.$message.error('璇疯緭鍏ュ師鍥�')
+ }
+ this.loadingIssuedReason = true;
+ },
+ handleApproveReason(){
+ if(!this.reason){
+ return this.$message.error('璇疯緭鍏ュ師鍥�')
+ }
+ this.loadingApproveReason = true
}
}
}
--
Gitblit v1.9.3