From f2f643a5884d0b0cb4a9467e8b230f8c072eb9ab Mon Sep 17 00:00:00 2001 From: super_liu <396572590@qq.com> Date: Tue, 13 Jul 2021 16:13:55 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=87=E5=87=86=E5=85=A5=E5=BA=93=20?= =?UTF-8?q?=E6=96=87=E4=BB=B6=E4=BF=A1=E6=81=AF=E5=8A=9F=E8=83=BD=E5=AE=8C?= =?UTF-8?q?=E5=96=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../pages/creatProcess/bzrk/step1.vue | 316 +++++++++++++-- .../pages/creatProcess/bzrk/step2.vue | 70 ++-- .../pages/creatProcess/bzrk/step3.vue | 70 ++-- .../pages/creatProcess/bzrk/step4.vue | 374 ++++++++++++++++-- 4 files changed, 689 insertions(+), 141 deletions(-) diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue index 1b41ace11..30b380397 100644 --- a/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue +++ b/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue @@ -195,73 +195,141 @@ - -
- {{ form.xgd }} + +
+ {{ form.xgdName }} + + 重新上传 +
+ size="mini" + @click="fileUpload('xgd')"> 点击上传
-
- {{ form.fbgbjbd }} + +
+ {{ form.fbgbjbdName }} + + 重新上传 +
+ size="mini" + @click="fileUpload('fbgbjbd')"> 点击上传
-
- {{ form.zbjbd }} + +
+ {{ form.zbjbdName }} + + 重新上传 +
+ size="mini" + @click="fileUpload('zbjbd')"> 点击上传
-
- {{ form.bpg }} + +
+ {{ form.bpgName }} + + 重新上传 +
+ size="mini" + @click="fileUpload('bpg')"> 点击上传
-
- {{ form.ssg }} + +
+ {{ form.ssgName }} + + 重新上传 +
+ size="mini" + @click="fileUpload('ssg')"> 点击上传
@@ -269,53 +337,113 @@ -
- {{ form.kwj }} + +
+ {{ form.kwjName }} + + 重新上传 +
+ size="mini" + @click="fileUpload('kwj')"> 点击上传
-
- {{ form.zqyjg }} + +
+ {{ form.zqyjgName }} + + 重新上传 +
+ size="mini" + @click="fileUpload('zqyjg')"> 点击上传
-
- {{ form.ca }} + +
+ {{ form.caName }} + + 重新上传 +
+ size="mini" + @click="fileUpload('ca')"> 点击上传
-
- {{ form.jdwj }} + +
+ {{ form.jdwjName }} + + 重新上传 +
+ size="mini" + @click="fileUpload('jdwj')"> 点击上传
@@ -508,14 +636,21 @@ > -
- {{ form.glwj }} + +
+ {{ form.glwjName }}
+ size="mini" + @click="fileUpload('glwj')"> 点击上传
@@ -624,6 +759,24 @@ @submit="handleSubmit" > + + +
+ +

点击或拖拽上传文件

+
+ +
@@ -633,8 +786,6 @@ import ProcessTitle from '../../components/ProcessTitle' import {saveTaskFirst} from "api/process"; import TreeSelect from '@/components/treeSelect/treeSelect.vue'; - import CustomFile from '@/components/CustomFormComponents/File' - export default { name: "bzrkStep1", @@ -652,6 +803,9 @@ }, nodeKey: 'id', defaultCheckedKeys: [], + fileUrl: 'api/att/attFile/upload', + fileMadel: false, + fileType: '', form: { // 基础信息 textStatus: '', // 文本状态 @@ -685,6 +839,16 @@ jdwj: '', // 解读文件 zbjbd: '', // 增补件 kwj: '', // 勘误件 + caName: '', // 草案 + fbgbjbdName: '', // 发布稿 + xgdName: '', // 修改单 + bpgName: '', // 报批稿 + ssgName: '', // 送审稿 + zqyjgName: '', // 征求意见稿 + jdwjName: '', // 解读文件 + zbjbdName: '', // 增补件 + kwjName: '', // 勘误件 + glwjName: '', // 关联文件 // 适用范围 txlb: '', // 体系类别 gkdw: '', // 归口管理部门 @@ -738,10 +902,80 @@ ProcessHeader, ProcessFooter, ProcessTitle, - TreeSelect, - CustomFile + TreeSelect }, methods: { + beginImportFile (file) { + var filename = file.name + var index1 = filename.lastIndexOf('.') + var index2 = filename.length + var fileSuffix = filename.substring(index1, index2) + // const fileSuffix = file.name.split('.')[1] // 后缀名 + // 判断上传文件格式 + if (fileSuffix === '.ZIP' || fileSuffix === '.doc' || fileSuffix === '.DOC' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') { + return true + } else { + this.spinShow = false + this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOC/DOCX或XLS文件') + return false + } + // 判断文件上传大小 + // eslint-disable-next-line no-unreachable + if (file.size / 1024 / 1024 <= 200) { + return true + } else { + this.$message.error('文件' + file.name + '大小不超过200M') + return false + } + return true + }, + // 导入标准数据成功后执行 + importFileSuccess (response, file) { + if (response.ok) { + this.fileMadel = false + if(this.fileType === 'fbgbjbd'){ + this.form.fbgbjbd = response.data.id; + this.form.fbgbjbdName = response.data.name; + }else if(this.fileType === 'xgd'){ + this.form.xgd = response.data.id; + this.form.xgdName = response.data.name; + }else if(this.fileType === 'bpg'){ + this.form.bpg = response.data.id; + this.form.bpgName = response.data.name; + }else if(this.fileType === 'ssg'){ + this.form.ssg = response.data.id; + this.form.ssgName = response.data.name; + }else if(this.fileType === 'zqyjg'){ + this.form.zqyjg = response.data.id; + this.form.zqyjgName = response.data.name; + }else if(this.fileType === 'jdwj'){ + this.form.jdwj = response.data.id; + this.form.jdwjName = response.data.name; + }else if(this.fileType === 'kwj'){ + this.form.kwj = response.data.id; + this.form.kwjName = response.data.name; + }else if(this.fileType === 'xgd'){ + this.form.xgd = response.data.id; + this.form.xgdName = response.data.name; + }else if(this.fileType === 'glwj'){ + this.form.glwj = response.data.id; + this.form.glwjName = response.data.name; + }else if(this.fileType === 'ca'){ + this.form.ca = response.data.id; + this.form.caName = response.data.name; + } + this.$message({ + showClose: true, + message: response.message, + type: 'success' + }) + } + }, + fileUpload (type) { + this.fileType = ''; + this.fileMadel = true + this.fileType = type; + }, popoverHide (checkedIds, checkedData) { console.log(checkedIds); console.log(checkedData); diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue index 49023f76b..06544ba2a 100644 --- a/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue +++ b/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue @@ -208,41 +208,41 @@
- -
- {{ form.xgd }} + +
+ {{ form.xgdName }}
- -
- -
- {{ form.fbgbjbd }} + +
+ {{ form.fbgbjbdName }}
- -
- -
- {{ form.zbjbd }} + +
+ {{ form.zbjbdName }}
- -
- -
- {{ form.bpg }} + +
+ {{ form.bpgName }}
- -
- -
- {{ form.ssg }} + +
+ {{ form.ssgName }}
- - @@ -250,33 +250,33 @@ - -
- {{ form.kwj }} + +
+ {{ form.kwjName }}
- -
- -
- {{ form.zqyjg }} + +
+ {{ form.zqyjgName }}
- -
- -
- {{ form.ca }} + +
+ {{ form.caName }}
- -
- -
- {{ form.jdwj }} + +
+ {{ form.jdwjName }}
- - @@ -473,9 +473,9 @@ clearable > - -
- {{ form.glwj }} + +
+ {{ form.glwjName }}
- - @@ -730,6 +730,16 @@ jdwj: '', // 解读文件 zbjbd: '', // 增补件 kwj: '', // 勘误件 + caName: '', // 草案 + fbgbjbdName: '', // 发布稿 + xgdName: '', // 修改单 + bpgName: '', // 报批稿 + ssgName: '', // 送审稿 + zqyjgName: '', // 征求意见稿 + jdwjName: '', // 解读文件 + zbjbdName: '', // 增补件 + kwjName: '', // 勘误件 + glwjName: '', // 关联文件 // 适用范围 txlb: '', // 体系类别 gkdw: '', // 归口管理部门 diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step3.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step3.vue index b60c5d0f9..652ca5446 100644 --- a/src/pages/processCenter/pages/creatProcess/bzrk/step3.vue +++ b/src/pages/processCenter/pages/creatProcess/bzrk/step3.vue @@ -201,41 +201,41 @@
- -
- {{ form.xgd }} + +
+ {{ form.xgdName }}
- -
- -
- {{ form.fbgbjbd }} + +
+ {{ form.fbgbjbdName }}
- -
- -
- {{ form.zbjbd }} + +
+ {{ form.zbjbdName }}
- -
- -
- {{ form.bpg }} + +
+ {{ form.bpgName }}
- -
- -
- {{ form.ssg }} + +
+ {{ form.ssgName }}
- - @@ -243,33 +243,33 @@ - -
- {{ form.kwj }} + +
+ {{ form.kwjName }}
- -
- -
- {{ form.zqyjg }} + +
+ {{ form.zqyjgName }}
- -
- -
- {{ form.ca }} + +
+ {{ form.caName }}
- -
- -
- {{ form.jdwj }} + +
+ {{ form.jdwjName }}
- - @@ -466,9 +466,9 @@ clearable > - -
- {{ form.glwj }} + +
+ {{ form.glwjName }}
- - @@ -722,6 +722,16 @@ export default { jdwj: '', // 解读文件 zbjbd: '', // 增补件 kwj: '', // 勘误件 + caName: '', // 草案 + fbgbjbdName: '', // 发布稿 + xgdName: '', // 修改单 + bpgName: '', // 报批稿 + ssgName: '', // 送审稿 + zqyjgName: '', // 征求意见稿 + jdwjName: '', // 解读文件 + zbjbdName: '', // 增补件 + kwjName: '', // 勘误件 + glwjName: '', // 关联文件 // 适用范围 txlb: '', // 体系类别 gkdw: '', // 归口管理部门 diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue index 4be4dffe5..ed2fbb46f 100644 --- a/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue +++ b/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue @@ -188,78 +188,258 @@
- -
- {{ form.xgd }} + + +
+ {{ form.xgdName }} + + 重新上传 +
- - - + + 点击上传 +
- -
- {{ form.fbgbjbd }} + + +
+ {{ form.fbgbjbdName }} + + 重新上传 +
- - - + + 点击上传 +
- -
- {{ form.zbjbd }} + + +
+ {{ form.zbjbdName }} + + 重新上传 +
- - - + + 点击上传 +
- -
- {{ form.bpg }} + + +
+ {{ form.bpgName }} + + 重新上传 +
- - - + + 点击上传 +
- -
- {{ form.ssg }} + + +
+ {{ form.ssgName }} + + 重新上传 +
- - - + + 点击上传 +
- -
- {{ form.kwj }} + + +
+ {{ form.kwjName }} + + 重新上传 +
- - - + + 点击上传 +
- -
- {{ form.zqyjg }} + + +
+ {{ form.zqyjgName }} + + 重新上传 +
- - - + + 点击上传 +
- -
- {{ form.ca }} + + +
+ {{ form.caName }} + + 重新上传 +
- - - + + 点击上传 +
- -
- {{ form.jdwj }} + + +
+ {{ form.jdwjName }} + + 重新上传 +
- - - + + 点击上传 +
@@ -446,12 +626,24 @@ clearable > - -
- {{ form.glwj }} + + +
+ {{ form.glwjName }}
- - - + + 点击上传 +
@@ -633,6 +825,24 @@ @submit="handleSubmit" > + + +
+ +

点击或拖拽上传文件

+
+ +
@@ -667,6 +877,9 @@ export default { nodeKey: 'id', defaultCheckedKeys: [], treeStatus:false, + fileUrl: 'api/att/attFile/upload', + fileMadel: false, + fileType: '', form: { // 基础信息 textStatus: '', // 文本状态 @@ -700,6 +913,16 @@ export default { jdwj: '', // 解读文件 zbjbd: '', // 增补件 kwj: '', // 勘误件 + caName: '', // 草案 + fbgbjbdName: '', // 发布稿 + xgdName: '', // 修改单 + bpgName: '', // 报批稿 + ssgName: '', // 送审稿 + zqyjgName: '', // 征求意见稿 + jdwjName: '', // 解读文件 + zbjbdName: '', // 增补件 + kwjName: '', // 勘误件 + glwjName: '', // 关联文件 // 适用范围 txlb: '', // 体系类别 gkdw: '', // 归口管理部门 @@ -769,6 +992,77 @@ export default { }, }, methods: { + beginImportFile (file) { + var filename = file.name + var index1 = filename.lastIndexOf('.') + var index2 = filename.length + var fileSuffix = filename.substring(index1, index2) + // const fileSuffix = file.name.split('.')[1] // 后缀名 + // 判断上传文件格式 + if (fileSuffix === '.ZIP' || fileSuffix === '.doc' || fileSuffix === '.DOC' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') { + return true + } else { + this.spinShow = false + this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOC/DOCX或XLS文件') + return false + } + // 判断文件上传大小 + // eslint-disable-next-line no-unreachable + if (file.size / 1024 / 1024 <= 200) { + return true + } else { + this.$message.error('文件' + file.name + '大小不超过200M') + return false + } + return true + }, + // 导入标准数据成功后执行 + importFileSuccess (response, file) { + if (response.ok) { + this.fileMadel = false + if(this.fileType === 'fbgbjbd'){ + this.form.fbgbjbd = response.data.id; + this.form.fbgbjbdName = response.data.name; + }else if(this.fileType === 'xgd'){ + this.form.xgd = response.data.id; + this.form.xgdName = response.data.name; + }else if(this.fileType === 'bpg'){ + this.form.bpg = response.data.id; + this.form.bpgName = response.data.name; + }else if(this.fileType === 'ssg'){ + this.form.ssg = response.data.id; + this.form.ssgName = response.data.name; + }else if(this.fileType === 'zqyjg'){ + this.form.zqyjg = response.data.id; + this.form.zqyjgName = response.data.name; + }else if(this.fileType === 'jdwj'){ + this.form.jdwj = response.data.id; + this.form.jdwjName = response.data.name; + }else if(this.fileType === 'kwj'){ + this.form.kwj = response.data.id; + this.form.kwjName = response.data.name; + }else if(this.fileType === 'xgd'){ + this.form.xgd = response.data.id; + this.form.xgdName = response.data.name; + }else if(this.fileType === 'glwj'){ + this.form.glwj = response.data.id; + this.form.glwjName = response.data.name; + }else if(this.fileType === 'ca'){ + this.form.ca = response.data.id; + this.form.caName = response.data.name; + } + this.$message({ + showClose: true, + message: response.message, + type: 'success' + }) + } + }, + fileUpload (type) { + this.fileType = ''; + this.fileMadel = true + this.fileType = type; + }, popoverHide (checkedIds, checkedData) { console.log(checkedIds); console.log(checkedData);