From a8e77f3b05d6d96c9bc64f550651b153d8238e88 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期日, 01 九月 2024 21:54:07 +0800
Subject: [PATCH] 报备功能优化

---
 src/views/system/work-order/index.vue |   37 +++++++++++++++++++++++++------------
 1 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/views/system/work-order/index.vue b/src/views/system/work-order/index.vue
index 3ee036a..1ae8310 100644
--- a/src/views/system/work-order/index.vue
+++ b/src/views/system/work-order/index.vue
@@ -11,7 +11,7 @@
         />
       </el-form-item>
       <el-form-item label="鏁呴殰绫诲瀷" prop="errorTypeList">
-        <el-select v-model="queryParams.errorTypeList" multiple placeholder="鏁呴殰绫诲瀷" clearable @clear="handleQuery">
+        <el-select v-model="queryParams.errorTypeList" multiple @change="handleQuery" placeholder="鏁呴殰绫诲瀷" clearable @clear="handleQuery">
           <el-option v-for="dict in dict.type.error_type" :value="dict.value" :key="dict.value" :label="dict.label" />
         </el-select>
       </el-form-item>
@@ -64,10 +64,21 @@
               <div class="card">
                 <div class="card-left">
                   <el-image
-                    :preview-src-list="['https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357']"
-                    fit="cover" src="https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357"
+                    v-if="item.imgList && item.imgList.length > 0"
+                    :preview-src-list="item.imgList"
+                    fit="cover" :src="item.imgList[0]"
                     class="image"
-                  />
+                    style="display: flex;justify-content: center;align-items: center;"
+                  >
+                    <div slot="error" class="image-slot">
+                      <i class="el-icon-picture-outline">鍔犺浇澶辫触</i>
+                    </div>
+                  </el-image>
+                  <el-image class="image" style="display: flex;justify-content: center;align-items: center;" v-else>
+                    <div slot="error" class="image-slot">
+                      <i class="el-icon-picture-outline" style="color: gray;font-size: 14px">鏈彇鍒板浘鐗�</i>
+                    </div>
+                  </el-image>
                 </div>
                 <div class="work-order">
                   <el-row class="work-order-item">
@@ -161,7 +172,7 @@
         <el-form-item label="鎶ュ鍐呭" prop="reportContent">
           <editor v-model="reportForm.reportContent" :min-height="192"/>
         </el-form-item>
-        <el-form-item label="涓婃姤鏉愭枡" prop="reportMaterials">
+        <el-form-item label="鎶ュ鏉愭枡" prop="reportMaterials">
           <file-upload v-model="reportForm.reportMaterials"/>
         </el-form-item>
       </el-form>
@@ -454,7 +465,7 @@
           { required: true, message: '鎶ュ鍐呭涓嶈兘涓虹┖', trigger: 'blur' }
         ],
         reportMaterials: [
-          { required: true, message: '涓婃姤鏉愭枡涓嶈兘涓虹┖', trigger: 'blur' }
+          { required: true, message: '鎶ュ鏉愭枡涓嶈兘涓虹┖', trigger: 'blur' }
         ]
       },
       reportOpen: false,
@@ -546,7 +557,7 @@
       // 杩愮淮鎯呭喌
       ywData: {
         content: '',
-        fileList: ''
+        fileList: 'process.env.VUE_APP_BASE_API'
       }
     }
   },
@@ -719,11 +730,13 @@
       this.queryParams['end'] = this.daterangeYwHandleTime ? this.daterangeYwHandleTime[1] : null
 
       listWorkOrder(this.queryParams).then(response => {
-        // response.data.forEach(item => {
-        //   if (item.errorType) {
-        //     item.errorTypeList = item.errorTypeList.split(",")
-        //   }
-        // })
+        response.data.forEach(item => {
+          if (item.imgList) {
+            item.imgList = item.imgList.map(img => {
+              return this.$img + img
+            })
+          }
+        })
         this.workOrderList = response.data
         this.total = response.total
         this.loading = false

--
Gitblit v1.8.0