From 829f5116884f98643ffc5b2a548a600d40c0cedb Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 14 四月 2025 23:09:32 +0800
Subject: [PATCH] 处理图片显示问题
---
src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/arrive/index.vue | 93 ++++++++++++++++++++++------------------------
1 files changed, 44 insertions(+), 49 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 7597782..2cc2cf0 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
@@ -5,7 +5,8 @@
<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" value-format="yyyy-MM-dd HH:mm:ss" type="datetime"
+ placeholder="閫夋嫨鍒拌揪鏃堕棿">
</el-date-picker>
</el-form-item>
<!-- 鍒拌揪鍦板潃 -->
@@ -24,9 +25,12 @@
</el-form-item>
<!-- 鐜板満鎯呭喌鐓х墖 -->
<el-form-item label="鐜板満鎯呭喌鐓х墖:" prop="situationPic">
- <div class="upImg" >
- <MyUpload @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>
@@ -35,16 +39,18 @@
</template>
<script>
import MyUpload from "@/components/myUpload"
+import { deepClone } from "@/utils/helper";
+import { FILE_ORIGINAL_PATH } 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) {
@@ -65,13 +71,6 @@
callback()
} else {
callback(new Error('鐜板満鎯呭喌璇存槑涓嶈兘涓虹┖'));
- }
- }
- const checkReplay = (rule, value, callback) => {
- if (value) {
- callback()
- } else {
- callback(new Error('淇¤鍥炲璇存槑涓嶈兘涓虹┖'));
}
}
const checkSitPic = (rule, value, callback) => {
@@ -102,12 +101,19 @@
fileList: [],
}
},
- created() {
- this.arrive = this.arriveData;
- },
- methods: {
+ created() {
+ if (this.arriveData) {
+ this.arrive = deepClone(this.arriveData);
+ this.arrive.situationPic = this.arriveData.situationPic.split(',');
+ this.arrive.situationPic.forEach(item => {
+ item = FILE_ORIGINAL_PATH + item
+ });
+
+ }
+ },
+ methods: {
handleSuccess(res, file, filelist) {
- const baseUrl = 'http://140.143.152.226:8410/';
+ const baseUrl = '';
if (this.arrive.situationPic.length < 4) {
this.arrive.situationPic.push(baseUrl + res.data.url1)
}
@@ -130,26 +136,15 @@
},
// 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
setPicUrl({ url }) {
- const baseUrl = 'http://140.143.152.226:8410/';
+ const baseUrl = '';
if (this.arrive.situationPic.length < 4) {
- this.arrive.situationPic.push(baseUrl + url)
+ this.arrive.situationPic.push(url)
}
},
//鍒犻櫎鍥剧墖
- delPicUrl({url}){
- const baseUrl = 'http://140.143.152.226:8410/';
- this.arrive.situationPic.splice(this.arrive.situationPic.indexOf(baseUrl + url),1);
- console.log(this.arrive.situationPic);
- }
- },
- watch: {
- 'arrive.situationPic.length': {
- handler(newLen, oldLen) {
- if (newLen !== 0) {
- this.$refs.arriveForm.validateField('situationPic');
- }
- },
- deep: true,
+ delPicUrl({ url }) {
+ const baseUrl = '';
+ this.arrive.situationPic.splice(this.arrive.situationPic.indexOf(baseUrl + url), 1);
}
}
}
@@ -167,6 +162,7 @@
.upImg {
display: flex;
+ overflow: auto;
.tip {
position: absolute;
@@ -210,16 +206,15 @@
border-radius: 4px;
}
-::v-deep .el-textarea__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
-}
+// ::v-deep .el-textarea__inner {
+// // background-color: #09152f;
+// border: 1px solid #17324c;
+// }
-::v-deep .el-input__count {
- background-color: #09152f;
-}
+// ::v-deep .el-input__count {
+// // background-color: #09152f;
+// }
-::v-deep .el-form-item__label {
- color: #4b9bb7;
-}
-</style>
\ No newline at end of file
+// ::v-deep .el-form-item__label {
+// color: #4b9bb7;
+// }</style>
--
Gitblit v1.8.0