From 6416b40cf242340eaa163c498bd49d8103e73610 Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Mon, 29 Jul 2024 17:01:52 +0800
Subject: [PATCH] 代码优化

---
 src/views/publicSecurity/noExplosionManage.vue |  142 ++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 108 insertions(+), 34 deletions(-)

diff --git a/src/views/publicSecurity/noExplosionManage.vue b/src/views/publicSecurity/noExplosionManage.vue
index 911e00e..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">
@@ -54,10 +59,10 @@
           <div class="info-name">场所名称</div>
           <div class="info-value">{{ rowDetail.placeName }}</div>
         </div>
-        <!-- <div class="info-item">
-          <div class="info-name">场所类别</div>
-          <div class="info-value">{{ rowDetail.noExplosionCategoryName }}</div>
-        </div> -->
+        <div class="info-item">
+          <div class="info-name">场所标准地址</div>
+          <div class="info-value">{{ rowDetail.addressName }}</div>
+        </div>
         <div class="info-item">
           <div class="info-name">上报人</div>
           <div class="info-value">{{ rowDetail.name }}</div>
@@ -65,6 +70,15 @@
         <div class="info-item">
           <div class="info-name">上报时间</div>
           <div class="info-value">{{ rowDetail.createTime }}</div>
+        </div>
+        <div class="info-item">
+          <div class="info-name">门牌二维码</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">
@@ -99,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>
@@ -120,6 +138,7 @@
   } from "@/api/task/task"
 
   import auditBase from './components/auditBase'
+  import word from '../../components/offce/word'
   import {
     mapGetters
   } from "vuex"
@@ -168,6 +187,7 @@
         isDetail: false,
         refreshNum: 1,
         rowDetail: [],
+        srcList: [],
         auditRules: {
           status: [{
             required: true,
@@ -179,6 +199,7 @@
           }],
         },
         visible: false,
+        visibleWord: false,
         taskType: 0,
         curRow: {},
         roleBox: false,
@@ -218,6 +239,20 @@
           columnBtn: false,
           dialogClickModal: false,
           column: [{
+              label: "创建时间",
+              prop: "dateRange",
+              type: "daterange",
+              format: "yyyy-MM-dd",
+              valueFormat: "yyyy-MM-dd",
+              searchRange: true,
+              startPlaceholder: '开始日期',
+              endPlaceholder: '结束日期',
+              align: 'center',
+              search: true,
+              hide: true,
+              searchSpan: 5,
+              searchLabelWidth: 76,
+            }, {
               label: "场所名称",
               prop: "placeName",
               span: 24,
@@ -248,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,
@@ -296,15 +363,7 @@
               searchSpan: 4,
               align: 'center'
             },
-            // {
-            //   label: "无诈上报数量",
-            //   prop: "number",
-            //   span: 24,
-            //   row: true,
-            //   slot: true,
-            //   searchSpan: 4,
-            //   align: 'center'
-            // },
+
             {
               width: 110,
               label: "审核状态",
@@ -343,6 +402,7 @@
 
     components: {
       auditBase,
+      word,
       campusReporting,
       hotelReporting,
       labelReporting,
@@ -417,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) {
@@ -555,6 +619,10 @@
       // 弹窗关闭回调
       handleClose() {
         this.cancelAudit()
+      },
+
+      handleCloseWord() {
+        this.visibleWord = false
       },
 
       // 取消审核
@@ -736,6 +804,12 @@
       searchChange(params, done) {
         this.query = params
         this.page.currentPage = 1
+        let dateRange = params.dateRange
+        if (params.dateRange) {
+          params.startTime = dateRange[0] + " 00:00:00"
+          params.endTime = dateRange[1] + " 23:59:59"
+          delete params.dateRange
+        }
         this.onLoad(this.page, params)
         done()
       },

--
Gitblit v1.9.3