From 122faf2b3a03f7ef381d70a38684fe0b70d42ebc Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期二, 12 十二月 2023 22:17:39 +0800 Subject: [PATCH] 图片上传显示bug --- src/views/operate/disposal/casepool/learn/updateUser/uploadResult/components/arrive/index.vue | 4 + src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue | 85 +++++++++++++++++++++++++++++------------- src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue | 9 ++-- src/views/intelligentPatrol/studyJudge/index.vue | 2 src/components/dispatch/index.vue | 6 +- src/utils/index.js | 2 src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue | 3 + src/views/operate/disposal/casepool/notDeal/updateUser/uploadResult/components/arrive/index.vue | 4 + 8 files changed, 77 insertions(+), 38 deletions(-) diff --git a/src/components/dispatch/index.vue b/src/components/dispatch/index.vue index 844362f..e660525 100644 --- a/src/components/dispatch/index.vue +++ b/src/components/dispatch/index.vue @@ -125,9 +125,9 @@ props: ["id", "changeDialog", "refresh", "mytype", "isGetData"], created() { // 鍒ゆ柇杞﹁締绫诲瀷 - this.mytype === 1 ? this.getLawCarList() : this.getSoilCarList(); - this.isGetDispatchData = this.isGetData ? this.isGetData : false; - this.getDepartList(); + // this.mytype === 1 ? this.getLawCarList() : this.getSoilCarList(); + // this.isGetDispatchData = this.isGetData ? this.isGetData : false; + // this.getDepartList(); }, data() { const checkPhone = (rule, value, callback) => { diff --git a/src/utils/index.js b/src/utils/index.js index e05bee1..3083bd8 100644 --- a/src/utils/index.js +++ b/src/utils/index.js @@ -55,4 +55,4 @@ export const SUCCESS_CODE = 200; -export const FILE_ORIGINAL_URL = 'http://10.53.157.24:8001/' +export const FILE_ORIGINAL_URL = 'http://111.1.140.92:28081/' diff --git a/src/views/intelligentPatrol/studyJudge/index.vue b/src/views/intelligentPatrol/studyJudge/index.vue index 4d133db..46ba559 100644 --- a/src/views/intelligentPatrol/studyJudge/index.vue +++ b/src/views/intelligentPatrol/studyJudge/index.vue @@ -233,7 +233,7 @@ </div> </div> </div> - <el-dialog :visible="isShowDialog" title="璋冨害淇℃伅"> + <el-dialog :append-to-body="true" :visible.sync="isShowDialog" title="璋冨害淇℃伅"> <MyDispatch v-if="isShowDialog" :mytype="1" 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 92a489b..092f8f3 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 @@ -2,31 +2,63 @@ <div class="arrive"> <div class="arrive-title">鍒拌揪鐜板満鎯呭喌</div> <div class="arrive-form"> - <el-form ref="arriveForm" label-width="160px" :model="arrive" :rules="arriveRules" autoComplete="on"> + <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" value-format="yyyy-MM-dd HH:mm:ss" 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> <!-- 鍒拌揪鍦板潃 --> <el-form-item label="鍒拌揪鍦板潃:" prop="arrivalAddress"> - <el-input v-model="arrive.arrivalAddress" placeholder="璇疯緭鍏ュ湴鍧�"></el-input> + <el-input + v-model="arrive.arrivalAddress" + placeholder="璇疯緭鍏ュ湴鍧�" + ></el-input> </el-form-item> <!-- 鐜板満鎯呭喌璇存槑 --> <el-form-item label="鐜板満鎯呭喌璇存槑:" prop="situationExplain"> - <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="200" show-word-limit - v-model="arrive.situationExplain" placeholder="璇疯緭鍏ユ儏鍐佃鏄�,闄愬埗200瀛椾互鍐�"></el-input> + <el-input + type="textarea" + :autosize="{ minRows: 2, maxRows: 4 }" + maxlength="200" + show-word-limit + v-model="arrive.situationExplain" + placeholder="璇疯緭鍏ユ儏鍐佃鏄�,闄愬埗200瀛椾互鍐�" + ></el-input> </el-form-item> <!-- 淇¤鍥炲璇存槑 --> <el-form-item label="淇¤鍥炲璇存槑:" prop="replyExplain"> - <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="200" show-word-limit - v-model="arrive.replyExplain" placeholder="璇疯緭鍏ュ洖璁胯鏄�,闄愬埗200瀛椾互鍐�"></el-input> + <el-input + type="textarea" + :autosize="{ minRows: 2, maxRows: 4 }" + maxlength="200" + show-word-limit + v-model="arrive.replyExplain" + placeholder="璇疯緭鍏ュ洖璁胯鏄�,闄愬埗200瀛椾互鍐�" + ></el-input> </el-form-item> <!-- 鐜板満鎯呭喌鐓х墖 --> <el-form-item label="鐜板満鎯呭喌鐓х墖:" prop="situationPic"> - <div class="upImg" > - <MyUpload :picture-list="arrive.situationPic" @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload> - <div class="tip">{{ arrive.situationPic.length }} / 4</div> + <div class="upImg"> + <MyUpload + :picture-list="arrive.situationPic" + @setPictureUrl="setPicUrl" + @delPictureUrl="delPicUrl" + ></MyUpload> + <div class="tip"> + {{ arrive.situationPic.length }} / 4 + </div> </div> </el-form-item> </el-form> @@ -36,16 +68,17 @@ <script> import MyUpload from "@/components/myUpload" import { deepClone } from "@/utils/helper"; +import { FILE_ORIGINAL_URL } from "@/utils"; export default { components: { MyUpload }, - props: { - arriveData: { - type: Object, - default: () => null - } - }, + props: { + arriveData: { + type: Object, + default: () => null + } + }, data() { const checkTime = (rule, value, callback) => { if (value) { @@ -96,13 +129,13 @@ fileList: [], } }, - created() { - if (this.arriveData) { - this.arrive = deepClone(this.arriveData); - this.arrive.situationPic = this.arriveData.situationPic.split(','); - } - }, - methods: { + created() { + if (this.arriveData) { + this.arrive = deepClone(this.arriveData); + this.arrive.situationPic = this.arriveData.situationPic.split(','); + } + }, + methods: { handleSuccess(res, file, filelist) { const baseUrl = ''; if (this.arrive.situationPic.length < 4) { @@ -129,13 +162,13 @@ setPicUrl({ url }) { const baseUrl = ''; if (this.arrive.situationPic.length < 4) { - this.arrive.situationPic.push(baseUrl + url) + this.arrive.situationPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`) } }, //鍒犻櫎鍥剧墖 - delPicUrl({url}){ + delPicUrl({ url }) { const baseUrl = ''; - this.arrive.situationPic.splice(this.arrive.situationPic.indexOf(baseUrl + url),1); + this.arrive.situationPic.splice(this.arrive.situationPic.indexOf(baseUrl + url), 1); } } } 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 8d828fd..63bd3a8 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 @@ -83,6 +83,7 @@ <script> import {deepClone, getCodeList} from '@/utils/helper' import MyUpload from "@/components/myUpload" +import { FILE_ORIGINAL_URL } from "@/utils"; export default { components: { MyUpload @@ -297,7 +298,7 @@ writPic({ url }) { const baseUrl = ''; if (this.book.originalPic.length < 4) { - this.book.writPic.push(baseUrl + url) + this.book.writPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`) } }, //鍒犻櫎鍥剧墖 @@ -310,7 +311,7 @@ otherPic({ url }) { const baseUrl = ''; if (this.book.otherPic.length < 4) { - this.book.otherPic.push(baseUrl + url) + this.book.otherPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`) } }, //鍒犻櫎鍥剧墖 @@ -323,7 +324,7 @@ rectifiedPic({ url }) { const baseUrl = ''; if (this.book.otherPic.length < 4) { - this.book.rectifiedPic.push(baseUrl + url) + this.book.rectifiedPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`) } }, //鍒犻櫎鍥剧墖 @@ -335,7 +336,7 @@ originalPic({ url }) { const baseUrl = ''; if (this.book.otherPic.length < 4) { - this.book.originalPic.push(baseUrl + url) + this.book.originalPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`) } }, //鍒犻櫎鍥剧墖 diff --git a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue index 77e36f7..b79daa5 100644 --- a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue +++ b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue @@ -134,6 +134,7 @@ import { deepClone, getTypeList } from '@/utils/helper' import { validateName, validatePhone, validateCardId } from '@/utils/validate' import MyUpload from "@/components/myUpload" +import { FILE_ORIGINAL_URL } from "@/utils"; export default { components: { MyUpload @@ -343,7 +344,7 @@ setPicUrl({ url }) { const baseUrl = ''; if (this.evidence.pic.length < 4) { - this.evidence.pic.push(baseUrl + url); + this.evidence.pic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`) } }, //鍒犻櫎鍥剧墖 diff --git a/src/views/operate/disposal/casepool/learn/updateUser/uploadResult/components/arrive/index.vue b/src/views/operate/disposal/casepool/learn/updateUser/uploadResult/components/arrive/index.vue index c08b555..916579e 100644 --- a/src/views/operate/disposal/casepool/learn/updateUser/uploadResult/components/arrive/index.vue +++ b/src/views/operate/disposal/casepool/learn/updateUser/uploadResult/components/arrive/index.vue @@ -43,6 +43,7 @@ </div> </template> <script> +import { FILE_ORIGINAL_URL } from "@/utils"; export default { data() { const checkTime = (rule, value, callback) => { @@ -108,8 +109,9 @@ methods: { handleSuccess(res, file, filelist) { const baseUrl = ''; + if (this.arrive.situationPic.length < 4) { - this.arrive.situationPic.push(baseUrl + res.data.url1) + this.arrive.situationPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${ res.data.url1}`) } }, getToken() { diff --git a/src/views/operate/disposal/casepool/notDeal/updateUser/uploadResult/components/arrive/index.vue b/src/views/operate/disposal/casepool/notDeal/updateUser/uploadResult/components/arrive/index.vue index c08b555..c740818 100644 --- a/src/views/operate/disposal/casepool/notDeal/updateUser/uploadResult/components/arrive/index.vue +++ b/src/views/operate/disposal/casepool/notDeal/updateUser/uploadResult/components/arrive/index.vue @@ -43,6 +43,7 @@ </div> </template> <script> +import { FILE_ORIGINAL_URL } from "@/utils"; export default { data() { const checkTime = (rule, value, callback) => { @@ -107,9 +108,10 @@ props:['getArrive'], methods: { handleSuccess(res, file, filelist) { + const baseUrl = ''; if (this.arrive.situationPic.length < 4) { - this.arrive.situationPic.push(baseUrl + res.data.url1) + this.arrive.situationPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${ res.data.url1}`) } }, getToken() { -- Gitblit v1.8.0