From 2abaf1a68cc38303724d7aa74d2d3ed81af6466f Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期日, 31 三月 2024 22:09:30 +0800
Subject: [PATCH] bug修改

---
 src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue |  192 ++++++++++++++++++++++++++++++-----------------
 1 files changed, 123 insertions(+), 69 deletions(-)

diff --git a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue
index c2507ef..5c7570b 100644
--- a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue
+++ b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue
@@ -2,78 +2,136 @@
     <div class="book">
         <div class="book-title">鏂囩涔︾被</div>
         <div class="book-form">
-            <el-form ref="bookForm" label-width="120px" :model="book" :rules="bookRules" autoComplete="on">
+            <el-form
+                ref="bookForm"
+                label-width="120px"
+                :model="book"
+                :rules="bookRules"
+                autoComplete="on"
+            >
                 <div class="book-item">
                     <!-- 鏂囦功绉嶇被 -->
                     <el-form-item label="鏂囦功绉嶇被:" prop="writType">
-                        <el-select v-model="book.writType" placeholder="璇疯緭鍏ユ枃涔︾绫�">
-                            <el-option v-for="item in kindList" :key="item.id" :label="item.name"
-                                :value="item.id">
+                        <el-select
+                            v-model="book.writType"
+                            placeholder="璇疯緭鍏ユ枃涔︾绫�"
+                        >
+                            <el-option
+                                v-for="item in kindList"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item.id"
+                            >
                             </el-option>
                         </el-select>
                     </el-form-item>
                     <!-- 鏂囦功缂栧彿 -->
                     <el-form-item label="鏂囦功缂栧彿:" prop="writCode">
-                        <el-input v-model="book.writCode" placeholder="璇疯緭鍏ユ枃涔︾紪鍙�"></el-input>
+                        <el-input
+                            v-model="book.writCode"
+                            placeholder="璇疯緭鍏ユ枃涔︾紪鍙�"
+                        ></el-input>
                     </el-form-item>
                 </div>
                 <!-- 杩濇硶绫诲瀷 -->
-                <el-form-item label="杩濇硶绫诲瀷:" prop="illegalType" >
-                    <el-input v-model="basecase" ></el-input>
+                <el-form-item label="杩濇硶绫诲瀷:" prop="illegalType">
+                    <el-input v-model="basecase"></el-input>
                 </el-form-item>
                 <!-- 鏂囦功鍙戞斁鏃堕棿 -->
                 <el-form-item label="鏂囦功鍙戞斁鏃堕棿:" prop="sendTime">
-                    <el-date-picker v-model="book.sendTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="璇烽�夋嫨骞存湀鏃�">
+                    <el-date-picker
+                        v-model="book.sendTime"
+                        type="datetime"
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        placeholder="璇烽�夋嫨骞存湀鏃�"
+                    >
                     </el-date-picker>
                 </el-form-item>
                 <!-- 鏂囦功闄愬畾鏃堕棿 -->
                 <el-form-item label="鏂囦功闄愬畾鏃堕棿" prop="limitTime">
-                    <el-date-picker v-model="book.limitTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="璇烽�夋嫨骞存湀鏃�">
+                    <el-date-picker
+                        v-model="book.limitTime"
+                        type="datetime"
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        placeholder="璇烽�夋嫨骞存湀鏃�"
+                    >
                     </el-date-picker>
                 </el-form-item>
                 <!-- 鏂囦功鍙戞斁鍐呭 -->
                 <el-form-item label="鏂囦功鍙戞斁鍐呭:" prop="sendContent">
-                    <el-input v-model="book.sendContent" placeholder="璇疯緭鍏ユ枃涔﹀彂鏀惧唴瀹�"></el-input>
+                    <el-input
+                        v-model="book.sendContent"
+                        placeholder="璇疯緭鍏ユ枃涔﹀彂鏀惧唴瀹�"
+                    ></el-input>
                 </el-form-item>
                 <!-- 瀹為檯鏁存敼鏃堕棿 -->
                 <el-form-item label="瀹為檯鏁存敼鏃堕棿:" prop="rectifyTime">
-                    <el-date-picker v-model="book.rectifyTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="璇烽�夋嫨骞存湀鏃�">
+                    <el-date-picker
+                        v-model="book.rectifyTime"
+                        type="datetime"
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        placeholder="璇烽�夋嫨骞存湀鏃�"
+                    >
                     </el-date-picker>
                 </el-form-item>
                 <!-- 鏁存敼鎯呭喌 -->
                 <el-form-item label="鏁存敼鎯呭喌:" prop="rectifySituation">
-                    <el-input v-model="book.rectifySituation" placeholder="璇疯緭鍏ユ暣鏀规儏鍐�"></el-input>
+                    <el-input
+                        v-model="book.rectifySituation"
+                        placeholder="璇疯緭鍏ユ暣鏀规儏鍐�"
+                    ></el-input>
                 </el-form-item>
                 <!-- 澶囨敞 -->
                 <el-form-item label="澶囨敞:" prop="remark">
-                    <el-input v-model="book.remark" placeholder="璇疯緭鍏ュ娉�"></el-input>
+                    <el-input
+                        v-model="book.remark"
+                        placeholder="璇疯緭鍏ュ娉�"
+                    ></el-input>
                 </el-form-item>
                 <!-- 鏂囦功鐓х墖涓婁紶 -->
                 <el-form-item label="鏂囦功鐓х墖涓婁紶:" prop="writPic">
                     <div class="upImg">
-                        <MyUpload  @setPictureUrl="writPic" @delPictureUrl="delWritPic" :picture-list="book.writPic"></MyUpload>
-                        <div class="tip">{{book.writPic.length}} / 4</div>
+                        <MyUpload
+                            @setPictureUrl="writPic"
+                            @delPictureUrl="delWritPic"
+                            :picture-list="book.writPic"
+                        ></MyUpload>
+                        <div class="tip">{{ book.writPic.length }} / 4</div>
                     </div>
                 </el-form-item>
                 <!-- 鏁存敼鍓嶇収鐗� -->
                 <el-form-item label="鏁存敼鍓嶇収鐗�:" prop="originalPic">
-                     <div class="upImg">
-                        <MyUpload  @setPictureUrl="originalPic" @delPictureUrl="delOriginalPic" :picture-list="book.originalPic"></MyUpload>
-                        <div class="tip">{{book.originalPic.length}} / 4</div>
+                    <div class="upImg">
+                        <MyUpload
+                            @setPictureUrl="originalPic"
+                            @delPictureUrl="delOriginalPic"
+                            :picture-list="book.originalPic"
+                        ></MyUpload>
+                        <div class="tip">{{ book.originalPic.length }} / 4</div>
                     </div>
                 </el-form-item>
                 <!-- 鏁存敼鍚庣収鐗� -->
                 <el-form-item label="鏁存敼鍚庣収鐗�:" prop="rectifiedPic">
                     <div class="upImg">
-                        <MyUpload  @setPictureUrl="rectifiedPic" @delPictureUrl="delRectifiedPic" :picture-list="book.rectifiedPic"></MyUpload>
-                        <div class="tip">{{book.rectifiedPic.length}} / 4</div>
+                        <MyUpload
+                            @setPictureUrl="rectifiedPic"
+                            @delPictureUrl="delRectifiedPic"
+                            :picture-list="book.rectifiedPic"
+                        ></MyUpload>
+                        <div class="tip">
+                            {{ book.rectifiedPic.length }} / 4
+                        </div>
                     </div>
                 </el-form-item>
                 <!-- 鍏朵粬鐓х墖 -->
                 <el-form-item label="鍏朵粬:" prop="otherPic">
                     <div class="upImg">
-                        <MyUpload  @setPictureUrl="otherPic" @delPictureUrl="delOtherPic" :picture-list="book.otherPic"></MyUpload>
-                        <div class="tip">{{book.otherPic.length}} / 4</div>
+                        <MyUpload
+                            @setPictureUrl="otherPic"
+                            @delPictureUrl="delOtherPic"
+                            :picture-list="book.otherPic"
+                        ></MyUpload>
+                        <div class="tip">{{ book.otherPic.length }} / 4</div>
                     </div>
                 </el-form-item>
             </el-form>
@@ -81,9 +139,9 @@
     </div>
 </template>
 <script>
-import {deepClone, getCodeList} from '@/utils/helper'
+import { deepClone, getCodeList } from '@/utils/helper'
 import MyUpload from "@/components/myUpload"
-import { FILE_ORIGINAL_URL } from "@/utils";
+import { FILE_ORIGINAL_PATH } from "@/utils";
 export default {
     components: {
         MyUpload
@@ -153,21 +211,21 @@
             }
         }
         const checkRectPic = (rule, value, callback) => {
-            if (value.length!==0) {
+            if (value.length !== 0) {
                 callback();
             } else {
                 callback(new Error('鏁存敼鍚庣収鐗囦笉鑳戒负绌�'));
             }
         }
         const checkWritPic = (rule, value, callback) => {
-            if (value.length!==0) {
+            if (value.length !== 0) {
                 callback();
             } else {
                 callback(new Error('鏂囦功鐓х墖涓嶈兘涓虹┖'));
             }
         }
         const checkOrgPic = (rule, value, callback) => {
-            if (value.length !==0) {
+            if (value.length !== 0) {
                 callback();
             } else {
                 callback(new Error('鏁存敼鍓嶇収鐗囦笉鑳戒负绌�'));
@@ -246,21 +304,21 @@
                     value: 2,
                 },
             ],
-            basecase:""
+            basecase: ""
         }
     },
     created() {
-      this.getBookType();
-      this.basecase = this.illegalType;
-      if (this.writ) {
-        this.book = deepClone(this.writ);
-        this.book.originalPic = this.writ.originalPic.split(',');
-        this.book.writPic = this.writ.writPic.split(',');
-        this.book.otherPic = this.writ.otherPic.split(',');
-        this.book.rectifiedPic = this.writ.rectifiedPic.split(',');
-      }
+        this.getBookType();
+        this.basecase = this.illegalType;
+        if (this.writ) {
+            this.book = deepClone(this.writ);
+            this.book.originalPic = this.writ.originalPic.split(',');
+            this.book.writPic = this.writ.writPic.split(',');
+            this.book.otherPic = this.writ.otherPic.split(',');
+            this.book.rectifiedPic = this.writ.rectifiedPic.split(',');
+        }
     },
-    props: ['caseId', 'closeDialog','mycode', 'writ', 'illegalType'],
+    props: ['caseId', 'closeDialog', 'mycode', 'writ', 'illegalType'],
     methods: {
         handleSuccess1(res, file, filelist) {
             const baseUrl = '';
@@ -293,69 +351,65 @@
                 return { Authorization: tokenHead + token }
             }
         },
-       
-            // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
-            writPic({ url }) {
+
+        // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+        writPic({ url }) {
             const baseUrl = '';
             if (this.book.originalPic.length < 4) {
-                
-                url = url.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","")
-                this.book.writPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)
+
+                this.book.writPic.push(FILE_ORIGINAL_PATH + url)
             }
         },
         //鍒犻櫎鍥剧墖
-        delWritPic({url}){
+        delWritPic({ url }) {
             const baseUrl = '';
-            this.book.writPic.splice(this.book.writPic.indexOf(baseUrl + url),1);
+            this.book.writPic.splice(this.book.writPic.indexOf(baseUrl + url), 1);
         },
 
- // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+        // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
         otherPic({ url }) {
             const baseUrl = '';
             if (this.book.otherPic.length < 4) {
-                
-                url = url.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","")
-                this.book.otherPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)
+
+                this.book.otherPic.push(FILE_ORIGINAL_PATH + url)
             }
         },
         //鍒犻櫎鍥剧墖
-        delOtherPic({url}){
+        delOtherPic({ url }) {
             const baseUrl = '';
-            this.book.otherPic.splice(this.book.otherPic.indexOf(baseUrl + url),1);
+            this.book.otherPic.splice(this.book.otherPic.indexOf(baseUrl + url), 1);
         },
-         
-         // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
-         rectifiedPic({ url }) {
+
+        // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+        rectifiedPic({ url }) {
             const baseUrl = '';
             if (this.book.otherPic.length < 4) {
-                
-                url = url.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","")
-                this.book.rectifiedPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)
+
+                this.book.rectifiedPic.push(FILE_ORIGINAL_PATH + url)
             }
         },
         //鍒犻櫎鍥剧墖
-        delRectifiedPic({url}){
+        delRectifiedPic({ url }) {
             const baseUrl = '';
-            this.book.rectifiedPic.splice(this.book.rectifiedPic.indexOf(baseUrl + url),1);
+            this.book.rectifiedPic.splice(this.book.rectifiedPic.indexOf(baseUrl + url), 1);
         },
-         // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
-         originalPic({ url }) {
+        // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+        originalPic({ url }) {
             const baseUrl = '';
             if (this.book.otherPic.length < 4) {
-                
-                url = url.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","")
-                this.book.originalPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)
+
+                this.book.originalPic.push(FILE_ORIGINAL_PATH + url)
             }
         },
         //鍒犻櫎鍥剧墖
-        delOriginalPic({url}){
+        delOriginalPic({ url }) {
             const baseUrl = '';
-            this.book.originalPic.splice(this.book.originalPic.indexOf(baseUrl + url),1);
+            this.book.originalPic.splice(this.book.originalPic.indexOf(baseUrl + url), 1);
         },
 
         // 鑾峰彇鏂囦功绉嶇被
-        async getBookType(){
-            let arr 
+        async getBookType() {
+            let arr
             arr = await getCodeList('15');
             this.kindList = arr;
         }

--
Gitblit v1.8.0