From 085fa2fb257e9f11f8f6d34bf12e2dc281c36b4d Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期四, 09 二月 2023 11:28:21 +0800
Subject: [PATCH] 2023/2/9 肖辉 修改部门管理

---
 src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue |   76 +++++++++++++-------------------------
 1 files changed, 26 insertions(+), 50 deletions(-)

diff --git a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue
index 4a76757..e0d7f0b 100644
--- a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue
+++ b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue
@@ -5,7 +5,7 @@
             <el-form ref="arriveForm" label-width="160px" :model="arrive" :rules="arriveRules" autoComplete="on">
                 <!-- 鍒拌揪鏃堕棿 -->
                 <el-form-item label="鍒拌揪鏃堕棿:" prop="arrivalTime">
-                    <el-date-picker v-model="arrive.arrivalTime" type="datetime" placeholder="閫夋嫨鍒拌揪鏃堕棿">
+                    <el-date-picker v-model="arrive.arrivalTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="閫夋嫨鍒拌揪鏃堕棿">
                     </el-date-picker>
                 </el-form-item>
                 <!-- 鍒拌揪鍦板潃 -->
@@ -25,22 +25,7 @@
                 <!-- 鐜板満鎯呭喌鐓х墖 -->
                 <el-form-item label="鐜板満鎯呭喌鐓х墖:" prop="situationPic">
                     <div class="upImg" >
-                        <!-- <div class="img-list" v-if="arrive.situationPic.length!==0">
-                            <div class="img" v-for="(item,index) in arrive.situationPic" :key="index">
-                                <img :src="item" alt="">
-                                <i class="el-icon-close myicon" @click="handleRemove(index)"></i>
-                            </div>
-                        </div> -->
-                
-                            <MyUpload @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload>
-                    
-                        <!-- <div class="upload" v-if="arrive.situationPic.length<4">
-                            <el-upload :file-list="fileList" class="upload-demo"
-                                action="/sccg/file/medias" multiple :show-file-list="false"
-                                :limit="50" :on-success="handleSuccess" list-type="picture" :headers="getToken()">
-                                <i class="el-icon-plus"></i>
-                            </el-upload>
-                        </div> -->
+                            <MyUpload :picture-list="arrive.situationPic" @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload>
                         <div class="tip">{{ arrive.situationPic.length }} / 4</div>
                     </div>
                 </el-form-item>
@@ -50,10 +35,17 @@
 </template>
 <script>
 import MyUpload from "@/components/myUpload"
+import { deepClone } from "@/utils/helper";
 export default {
     components: {
         MyUpload
     },
+  props: {
+    arriveData: {
+      type: Object,
+      default: () => null
+    }
+  },
     data() {
         const checkTime = (rule, value, callback) => {
             if (value) {
@@ -74,13 +66,6 @@
                 callback()
             } else {
                 callback(new Error('鐜板満鎯呭喌璇存槑涓嶈兘涓虹┖'));
-            }
-        }
-        const checkReplay = (rule, value, callback) => {
-            if (value) {
-                callback()
-            } else {
-                callback(new Error('淇¤鍥炲璇存槑涓嶈兘涓虹┖'));
             }
         }
         const checkSitPic = (rule, value, callback) => {
@@ -104,9 +89,6 @@
                 situationExplain: [
                     { trigger: 'blur', validator: checkSit }
                 ],
-                // replyExplain: [
-                //     { trigger: 'blur', validator: checkReplay }
-                // ],
                 situationPic: [
                     { trigger: 'blur', validator: checkSitPic }
                 ],
@@ -114,10 +96,15 @@
             fileList: [],
         }
     },
-    methods: {
+  created() {
+      if (this.arriveData) {
+        this.arrive = deepClone(this.arriveData);
+        this.arrive.situationPic = this.arriveData.situationPic.split(',');
+      }
+  },
+  methods: {
         handleSuccess(res, file, filelist) {
             const baseUrl = 'http://140.143.152.226:8410/';
-            console.log(this.fileList);
             if (this.arrive.situationPic.length < 4) {
                 this.arrive.situationPic.push(baseUrl + res.data.url1)
             }
@@ -149,17 +136,6 @@
         delPicUrl({url}){
             const baseUrl = 'http://140.143.152.226:8410/';
             this.arrive.situationPic.splice(this.arrive.situationPic.indexOf(baseUrl + url),1);
-            console.log(this.arrive.situationPic);
-        }
-    },
-    watch: {
-        'arrive.situationPic.length': {
-            handler(newLen, oldLen) {
-                if (newLen !== 0) {
-                    this.$refs.arriveForm.validateField('situationPic');
-                }
-            },
-            deep: true,
         }
     }
 }
@@ -220,16 +196,16 @@
     border-radius: 4px;
 }
 
-::v-deep .el-textarea__inner {
-    background-color: #09152f;
-    border: 1px solid #17324c;
-}
+// ::v-deep .el-textarea__inner {
+//     // background-color: #09152f;
+//     border: 1px solid #17324c;
+// }
 
-::v-deep .el-input__count {
-    background-color: #09152f;
-}
+// ::v-deep .el-input__count {
+//     // background-color: #09152f;
+// }
 
-::v-deep .el-form-item__label {
-    color: #4b9bb7;
-}
+// ::v-deep .el-form-item__label {
+//     color: #4b9bb7;
+// }
 </style>
\ No newline at end of file

--
Gitblit v1.8.0