From 5e2aafeede13d337380f736567caf74f49713be7 Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Fri, 09 Aug 2024 14:38:32 +0800
Subject: [PATCH] 代码优化

---
 src/views/publicSecurity/noExplosionManage.vue |  112 ++++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 81 insertions(+), 31 deletions(-)

diff --git a/src/views/publicSecurity/noExplosionManage.vue b/src/views/publicSecurity/noExplosionManage.vue
index 4537628..9857a15 100644
--- a/src/views/publicSecurity/noExplosionManage.vue
+++ b/src/views/publicSecurity/noExplosionManage.vue
@@ -43,6 +43,11 @@
       <audit-base ref="auditBase" @handleSubmit="submitAudit"></audit-base>
     </el-dialog>
 
+    <el-dialog :visible.sync="visibleWord" append-to-body destroy-on-close title="审核" width="50%"
+      custom-class="flow-design-dialog" :before-close="handleCloseWord">
+      <word ref="word"></word>
+    </el-dialog>
+
 
     <el-drawer title="无诈申请" :visible.sync="isDetail" :append-to-body="true" size="40%" direction="rtl">
       <div class="title">
@@ -68,7 +73,12 @@
         </div>
         <div class="info-item">
           <div class="info-name">门牌二维码</div>
-          <div class="info-value"><img style="width: 60px;height: 60px;" :src="rowDetail.qrImg" alt="" /></div>
+          <div class="info-value">
+            <!-- <img style="width: 60px;height: 60px;" :src="rowDetail.qrImg" alt="" /> -->
+            <el-image v-if="rowDetail.qrImg" style="width: 60px; height: 60px" :src="rowDetail.qrImg"
+              @click="loockImag(rowDetail.qrImg)" :preview-src-list="srcList">
+            </el-image>
+          </div>
         </div>
       </div>
       <div class="title">
@@ -103,7 +113,11 @@
               </div>
 
               <div v-if="type === 2" style="line-height: 100px;" v-for="pic in item.imageUrlsList">
-                <el-button @click="downloadFile(item.imageUrls)" type="primary">下载</el-button>
+                <el-button @click="lookFile(item.imageUrls)" type="primary">查看附件</el-button>
+              </div>
+
+              <div v-if="type === 2" style="line-height: 100px;" v-for="pic in item.imageUrlsList">
+                <el-button @click="downloadFile(item.imageUrls)" type="primary">下载附件</el-button>
               </div>
 
             </div>
@@ -124,6 +138,7 @@
   } from "@/api/task/task"
 
   import auditBase from './components/auditBase'
+  import word from '../../components/offce/word'
   import {
     mapGetters
   } from "vuex"
@@ -172,6 +187,7 @@
         isDetail: false,
         refreshNum: 1,
         rowDetail: [],
+        srcList: [],
         auditRules: {
           status: [{
             required: true,
@@ -183,6 +199,7 @@
           }],
         },
         visible: false,
+        visibleWord: false,
         taskType: 0,
         curRow: {},
         roleBox: false,
@@ -266,37 +283,69 @@
               search: true,
               searchSpan: 4,
               searchLabelWidth: 96,
-            }, {
+            },
+
+            {
               label: "所属街道",
               prop: "streetName",
               span: 24,
               row: true,
               searchSpan: 4,
-              search: true,
+              // search: true,
               align: 'center'
             },
             {
+              parent: false,
               label: "所属社区",
               prop: "communityName",
-              span: 24,
-              row: true,
-              searchSpan: 4,
+              width: 150,
               search: true,
-              width: 160,
-              overHidden: true,
-              align: 'center'
+              type: "tree",
+              searchSpan: 4,
+              dicUrl: "/api/blade-system/region/treeToCommunity",
+              props: {
+                label: "name",
+                value: "name",
+              },
+              cascader: ["gridCode"],
+              rules: [{
+                required: true,
+                message: "请选择所属社区",
+                trigger: "blur",
+              }, ],
             },
+
+            // {
+            //   label: "派出所",
+            //   prop: "pcsName",
+            //   span: 24,
+            //   row: true,
+            //   searchSpan: 4,
+            //   search: true,
+            //   align: 'center'
+            // },
             {
-              label: "派出所",
-              prop: "pcsName",
-              span: 24,
-              row: true,
-              searchSpan: 4,
+              searchLabelWidth: 90,
+              label: "辖区派出所",
               search: true,
-              align: 'center'
+              searchSpan: 4,
+              // parent: false,
+              prop: "pcsName",
+              type: "tree",
+              dicUrl: "/api/blade-system/dept/treeByDept?deptId=1727974759086493697",
+              props: {
+                label: "title",
+                value: "title"
+              },
+              rules: [{
+                required: true,
+                message: "请选择辖区派出所",
+                trigger: "blur",
+              }, ],
             },
 
             {
+              searchLabelWidth: 90,
               label: "场所负责人",
               prop: "principal",
               span: 24,
@@ -314,15 +363,7 @@
               searchSpan: 4,
               align: 'center'
             },
-            // {
-            //   label: "无诈上报数量",
-            //   prop: "number",
-            //   span: 24,
-            //   row: true,
-            //   slot: true,
-            //   searchSpan: 4,
-            //   align: 'center'
-            // },
+
             {
               width: 110,
               label: "审核状态",
@@ -361,6 +402,7 @@
 
     components: {
       auditBase,
+      word,
       campusReporting,
       hotelReporting,
       labelReporting,
@@ -435,15 +477,19 @@
 
 
     methods: {
+      loockImag(img) {
+        console.log("**************", img)
+        this.srcList = []
+        this.srcList.push(img)
+      },
+
+      lookFile(url) {
+        this.visibleWord = true
+        this.$refs.word.initWord(url)
+      },
 
       downloadFile(url) {
         window.location.href = url
-        // window.open(url);
-        // const link = document.createElement('a');
-        // link.href = url;
-        // link.download = "";
-        // link.target = "_blank"; // 可选,如果希望在新窗口中下载文件,请取消注释此行
-        // link.click();
       },
       // 点击展开收缩
       flodQL(index) {
@@ -575,6 +621,10 @@
         this.cancelAudit()
       },
 
+      handleCloseWord() {
+        this.visibleWord = false
+      },
+
       // 取消审核
       cancelAudit() {
         this.visible = false

--
Gitblit v1.9.3