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