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/learn/updateUser/uploadResult/components/arrive/index.vue | 85 +++++++++++++++++++++++++++++++----------- 1 files changed, 63 insertions(+), 22 deletions(-) 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 8b97ddd..854a9ec 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 @@ -2,40 +2,82 @@ <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" type="datetime" placeholder="閫夋嫨鍒拌揪鏃堕棿"> + <el-date-picker + v-model="arrive.arrivalTime" + 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"> <div class="img-list"> - <img :src="item" alt="" v-for="(item,index) in arrive.situationPic" :key="index"> + <img + :src="item" + alt="" + v-for="(item, index) in arrive.situationPic" + :key="index" + /> </div> - <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="4" :on-success="handleSuccess" :headers="getToken()"> + <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="4" + :on-success="handleSuccess" + :headers="getToken()" + > <i class="el-icon-plus"></i> </el-upload> </div> - <div class="tip">{{arrive.situationPic.length}} / 4</div> + <div class="tip"> + {{ arrive.situationPic.length }} / 4 + </div> </div> </el-form-item> </el-form> @@ -43,7 +85,7 @@ </div> </template> <script> -import { FILE_ORIGINAL_URL } from "@/utils"; +import { FILE_ORIGINAL_PATH } from "@/utils"; export default { data() { const checkTime = (rule, value, callback) => { @@ -105,15 +147,14 @@ fileList: [], } }, - props:['getArrive'], + props: ['getArrive'], methods: { handleSuccess(res, file, filelist) { const baseUrl = ''; - + if (this.arrive.situationPic.length < 4) { - - res.data.url1 = res.data.url1.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","") - this.arrive.situationPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${ res.data.url1}`) + + this.arrive.situationPic.push(FILE_ORIGINAL_PATH + res.data.url1) } }, getToken() { @@ -124,15 +165,15 @@ } }, // 鑾峰彇arrive瀵硅薄 - backData(){ + backData() { const { arrive } = this; - this.$emit('getArrive',{arrive}); + this.$emit('getArrive', { arrive }); } } } </script> <style lang="scss" scoped> -.arrive-title{ +.arrive-title { line-height: 60px; font-weight: 650; font-size: 20px; -- Gitblit v1.8.0