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/dispatch/updateUser/uploadResult/components/arrive/index.vue | 85 +++++++++++++++++++++++++++++-------------
1 files changed, 59 insertions(+), 26 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 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);
}
}
}
--
Gitblit v1.8.0