From 10fae4d51875e2604607e29e6ee6f71adb587acb Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Thu, 17 Oct 2024 15:04:00 +0800
Subject: [PATCH] =?UTF-8?q?12345=E4=BA=8B=E4=BB=B6=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E9=99=84=E4=BB=B6=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shequzhili/event/cpts/event-info.vue      | 24 +++--
 .../event/cpts/process-form-complete.vue      | 51 +++++++++-
 .../event/cpts/process-form-contact.vue       | 41 ++++++++
 .../event/cpts/process-form-process.vue       | 95 ++++++++++++-------
 .../shequzhili/event/cpts/process-form.vue    |  6 +-
 5 files changed, 172 insertions(+), 45 deletions(-)

diff --git a/src/views/modules/shequzhili/event/cpts/event-info.vue b/src/views/modules/shequzhili/event/cpts/event-info.vue
index aae8e5624..b04a7a8cb 100644
--- a/src/views/modules/shequzhili/event/cpts/event-info.vue
+++ b/src/views/modules/shequzhili/event/cpts/event-info.vue
@@ -211,7 +211,7 @@
                                                         @click="watchImg(i.attachmentUrl)" />
                                                 </div>
                                             </template>
-                                            <template v-if="i.attachmentType === 'voice' || i.attachmentType === 'video'">
+                                            <template v-else-if="i.attachmentType === 'voice' || i.attachmentType === 'video'">
                                                 <div
                                                     :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
                                                     <span class="u-info-title-2">录音：</span>
@@ -220,13 +220,11 @@
                                                     </audio>
                                                 </div>
                                             </template>
-                                            <template v-if="i.attachmentType === 'doc'">
+                                            <template v-else-if="i.attachmentType === 'doc'">
                                                 <div
-                                                    :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' },]">
-                                                    <span class="u-info-title-2">录音：</span>
-                                                    <audio controls>
-                                                        <source :src="i.attachmentUrl" type="" :key="i.attachmentUrl" />
-                                                    </audio>
+                                                    :class="['m-info-prop', { 'm-info-prop-vis': source === 'visiual' }]">
+                                                    <span class="u-info-title-2">附件：</span>
+                                                   <a  @click="aTagDownload(i.attachmentUrl,i.attachmentName)" style="cursor: pointer">{{i.attachmentName}}}</a>
                                                 </div>
                                             </template>
                                         </template>
@@ -353,7 +351,17 @@ export default {
     },
     methods: {
 
-        changeName(val) {
+      aTagDownload(url, filename){
+          const a = document.createElement("a"); // 创建 a 标签
+          a.href = url; // 下载路径
+          a.download = filename;  // 下载属性，文件名
+          a.style.display = "none"; // 不可见
+          document.body.appendChild(a); // 挂载
+          a.click(); // 触发点击事件
+          document.body.removeChild(a); // 移除
+        },
+
+changeName(val) {
             this.demandUserName = val;
         },
         changeMobile(val) {
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-complete.vue b/src/views/modules/shequzhili/event/cpts/process-form-complete.vue
index 211bca87e..c9ae197f8 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form-complete.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form-complete.vue
@@ -41,6 +41,22 @@
                     </div>
                 </section>
       </el-form-item>
+      <el-form-item label="上传附件" label-width="118px" :class="{ 'form-item': source === 'visiual' }" prop="luyin"
+      >
+        <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr"
+                   accept=".doc,.pdf,.xls,.docx,.xlsx"  :show-file-list="false"
+                   :data="{ customerId: customerId }"  :on-success="handleDocSuccess"
+                   :on-remove="handleDocRemove" :before-upload="beforeDocUpload">
+          <el-button  type="primary" :disabled="pageType === 'check'" >上传附件<i class="el-icon-upload el-icon--right"></i></el-button>
+        </el-upload>
+        <section  class="uploadList">
+          <div v-for="file in docList" :key="file.attachmentUrl" :file="file"
+               :style="{cursor:pageType === 'check'? 'no-drop':'pointer'}">
+            <span>{{ file.attachmentName }}</span>
+            <span type="text" @click="handleDocRemove(file)" class="el-icon-close"> </span>
+          </div>
+        </section>
+      </el-form-item>
       <el-divider></el-divider>
       <div class="flex">
         <div class="item">
@@ -404,6 +420,7 @@ export default {
       },
       imgList: [],
       audioList: [],
+      docList:[],
       examineImgList:[]
     };
   },
@@ -442,10 +459,10 @@ export default {
       console.log(newVal,'bianle');
      if(this.pageType === 'check'){
       this.formData = newVal;
-      console.log(this.formData);
       if(this.formData.internalFile){
         this.imgList = this.formData.internalFile.filter(item=>item.attachmentType==='image')
         this.audioList = this.formData.internalFile.filter(item=>item.attachmentType==='voice')
+        this.docList = this.formData.internalFile.filter(item=>item.attachmentType == 'doc')
       }
      }
     },
@@ -557,6 +574,38 @@ export default {
       this.imgList.splice(index, 1);
       console.log(this.imgList);
     },
+    beforeDocUpload(file) {
+      const isLt1M = file.size / 1024 / 1024 < 10;
+
+      if (!isLt1M) {
+        this.$message.error("上传文件大小不能超过 10MB!");
+      }
+      return isLt1M;
+    },
+    handleDocSuccess(res, file, fileList) {
+      console.log("res.data.url", file);
+      if (res.code === 0 && res.msg === "success") {
+        console.log("res.data.url", res.data.url);
+        this.docList.push({
+          attachmentFormat: file.name.split(".").pop(),
+          attachmentName: file.name,
+          size: file.size,
+          attachmentType: file.raw.type,
+          attachmentUrl: res.data.url,
+        });
+        console.log(this.docList);
+      } else {
+        this.$message.error(res.msg);
+      }
+    },
+
+    handleDocRemove(file) {
+      let index = this.formData.files.findIndex(
+              (item) => item.url == file.response.data.url
+      );
+      this.formData.files.splice(index, 1);
+      console.log(this.formData.files);
+    },
     async getReplayInfo() {
       this.okflag = false;
       this.$refs["ref_form"].validate((valid, messageObj) => {
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-contact.vue b/src/views/modules/shequzhili/event/cpts/process-form-contact.vue
index 0b229209f..ea9805847 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form-contact.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form-contact.vue
@@ -26,6 +26,16 @@
                     <el-button  type="primary" >上传图片<i class="el-icon-upload el-icon--right"></i></el-button>
                 </el-upload>
             </el-form-item>
+            <el-form-item label="上传附件" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            >
+                <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr"
+                           accept=".doc,.pdf,.xls,.docx,.xlsx"
+                           :data="{ customerId: customerId }" :show-file-list="true" :on-success="handleDocSuccess"
+                           :on-remove="handleDocRemove" :before-upload="beforeDocUpload">
+                    <el-button  type="primary" >上传附件<i class="el-icon-upload el-icon--right"></i></el-button>
+                </el-upload>
+            </el-form-item>
+
 
             <el-divider></el-divider>
             <div class="flex">
@@ -250,7 +260,38 @@ export default {
             console.log(this.imgList);
         },
 
+      beforeDocUpload(file) {
+        const isLt1M = file.size / 1024 / 1024 < 10;
+
+        if (!isLt1M) {
+          this.$message.error("上传文件大小不能超过 10MB!");
+        }
+        return isLt1M;
+      },
+      handleDocSuccess(res, file, fileList) {
+        console.log("res.data.url", file);
+        if (res.code === 0 && res.msg === "success") {
+          console.log("res.data.url", res.data.url);
+          this.docList.push({
+            attachmentFormat: file.name.split(".").pop(),
+            attachmentName: file.name,
+            size: file.size,
+            attachmentType: file.raw.type,
+            attachmentUrl: res.data.url,
+          });
+          console.log(this.docList);
+        } else {
+          this.$message.error(res.msg);
+        }
+      },
 
+      handleDocRemove(file) {
+        let index = this.formData.files.findIndex(
+          (item) => item.url == file.response.data.url
+        );
+        this.formData.files.splice(index, 1);
+        console.log(this.formData.files);
+      },
         async getReplayInfo() {
             this.okflag = false;
             this.$refs['ref_form2'].validate((valid, messageObj) => {
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-process.vue b/src/views/modules/shequzhili/event/cpts/process-form-process.vue
index 8ec623f18..a46350189 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form-process.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form-process.vue
@@ -32,7 +32,15 @@
                     <el-button type="primary">上传图片<i class="el-icon-upload el-icon--right"></i></el-button>
                 </el-upload>
             </el-form-item>
-
+            <el-form-item label="上传附件" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
+            >
+                <el-upload :headers="$getElUploadHeaders()" class="avatar-uploader" :action="uploadUlr"
+                           accept=".doc,.pdf,.xls,.docx,.xlsx"
+                           :data="{ customerId: customerId }" :show-file-list="true" :on-success="handleDocSuccess"
+                           :on-remove="handleDocRemove" :before-upload="beforeDocUpload">
+                    <el-button  type="primary" >上传附件<i class="el-icon-upload el-icon--right"></i></el-button>
+                </el-upload>
+            </el-form-item>
             <el-divider></el-divider>
             <div class="flex">
                 <div class="item">
@@ -158,7 +166,8 @@ export default {
             },
             selectList: [{ label: '属实', value: 1 }, { label: '不属实', value: 0 }],
             imgList: [],
-            audioList: []
+            audioList: [],
+            docList:[]
         };
     },
     components: {},
@@ -198,38 +207,10 @@ export default {
                 }
             });
         },
-        beforeImgUpload(file) {
-            const isLt1M = file.size / 1024 / 1024 < 10;
 
-            if (!isLt1M) {
-                this.$message.error("上传文件大小不能超过 10MB!");
-            }
-            return isLt1M;
-        },
-        handleImgSuccess(res, file, fileList) {
-            console.log("res.data.url", file);
-            if (res.code === 0 && res.msg === "success") {
-                console.log("res.data.url", res.data.url);
-                this.imgList.push({
-                    attachmentFormat: file.name.split(".").pop(),
-                    attachmentName: file.name,
-                    size: file.size,
-                    attachmentType: file.raw.type,
-                    attachmentUrl: res.data.url,
-                });
-                console.log(this.imgList);
-            } else {
-                this.$message.error(res.msg);
-            }
-        },
 
-        handleImgRemove(file) {
-            let index = this.imgList.findIndex(
-                (item) => item.url == file.response.data.url
-            );
-            this.imgList.splice(index, 1);
-            console.log(this.imgList);
-        },
+
+
         beforeAudioUpload(file) {
             const isLt1M = file.size / 1024 / 1024 < 10;
             if (!isLt1M) {
@@ -269,7 +250,22 @@ export default {
             }
             return isLt1M;
         },
-      
+         handleImgSuccess(res, file, fileList) {
+            console.log("res.data.url", file);
+            if (res.code === 0 && res.msg === "success") {
+              console.log("res.data.url", res.data.url);
+              this.imgList.push({
+                attachmentFormat: file.name.split(".").pop(),
+                attachmentName: file.name,
+                size: file.size,
+                attachmentType: file.raw.type,
+                attachmentUrl: res.data.url,
+              });
+              console.log(this.imgList);
+            } else {
+              this.$message.error(res.msg);
+            }
+          },
 
         handleImgRemove(file) {
             let index = this.formData.files.findIndex(
@@ -278,6 +274,39 @@ export default {
             this.formData.files.splice(index, 1);
             console.log(this.formData.files);
         },
+
+      beforeDocUpload(file) {
+        const isLt1M = file.size / 1024 / 1024 < 10;
+
+        if (!isLt1M) {
+          this.$message.error("上传文件大小不能超过 10MB!");
+        }
+        return isLt1M;
+      },
+      handleDocSuccess(res, file, fileList) {
+        console.log("res.data.url", file);
+        if (res.code === 0 && res.msg === "success") {
+          console.log("res.data.url", res.data.url);
+          this.docList.push({
+            attachmentFormat: file.name.split(".").pop(),
+            attachmentName: file.name,
+            size: file.size,
+            attachmentType: file.raw.type,
+            attachmentUrl: res.data.url,
+          });
+          console.log(this.docList);
+        } else {
+          this.$message.error(res.msg);
+        }
+      },
+
+      handleDocRemove(file) {
+        let index = this.formData.files.findIndex(
+          (item) => item.url == file.response.data.url
+        );
+        this.formData.files.splice(index, 1);
+        console.log(this.formData.files);
+      },
         // 开启加载动画
         startLoading() {
             loading = Loading.service({
diff --git a/src/views/modules/shequzhili/event/cpts/process-form.vue b/src/views/modules/shequzhili/event/cpts/process-form.vue
index 6f2d8b88a..d4885fad1 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form.vue
@@ -156,7 +156,7 @@ export default {
             if (this.operationType === '9') {
                 this.$refs.process_form_contact.getReplayInfo()
                 this.replayInfo = this.$refs.process_form_contact.formData;
-                this.replayInfo.files = [...this.$refs.process_form_contact.imgList,...this.$refs.process_form_contact.audioList]
+                this.replayInfo.files = [...this.$refs.process_form_contact.imgList,...this.$refs.process_form_contact.audioList,...this.$refs.process_form_contact.docList]
                 if (this.$refs.process_form_contact.okflag) {
                     this.replayInfo = this.$refs.process_form_contact.formData
                     this.okflag = true
@@ -164,7 +164,7 @@ export default {
             } else if (this.operationType === '10') {
                 this.$refs.ref_process_form_process.getReplayInfo()
                 this.replayInfo = this.$refs.ref_process_form_process.formData;
-                this.replayInfo.files = [...this.$refs.ref_process_form_process.imgList,...this.$refs.ref_process_form_process.audioList]
+                this.replayInfo.files = [...this.$refs.ref_process_form_process.imgList,...this.$refs.ref_process_form_process.audioList,...this.$refs.ref_process_form_process.docList]
                 if (this.$refs.ref_process_form_process.okflag) {
                     this.replayInfo = this.$refs.ref_process_form_process.formData
                     this.okflag = true
@@ -172,7 +172,7 @@ export default {
             } else if (this.operationType === '11' || this.pageType === 'check') {
                 this.$refs.ref_process_form_complete.getReplayInfo()
                 this.replayInfo = this.$refs.ref_process_form_complete.formData;
-                this.replayInfo.files = [...this.$refs.ref_process_form_complete.imgList,...this.$refs.ref_process_form_complete.audioList]
+                this.replayInfo.files = [...this.$refs.ref_process_form_complete.imgList,...this.$refs.ref_process_form_complete.audioList,...this.$refs.ref_process_form_complete.docList]
                 if(this.pageType === 'check'){
                     this.replayInfo.operationType = '12';
                     this.replayInfo.files = [...this.replayInfo.files,...this.$refs.ref_process_form_complete.examineImgList]