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/evidence/index.vue | 119 ++++++++++++++++++++++++++++++++---------------------------
1 files changed, 64 insertions(+), 55 deletions(-)
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 437565c..102aeaf 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
@@ -15,7 +15,8 @@
</div>
<!-- 鏃堕棿 -->
<el-form-item label="鏃堕棿:" prop="investigationTime">
- <el-date-picker v-model="evidence.investigationTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="閫夋嫨鏃堕棿">
+ <el-date-picker v-model="evidence.investigationTime" value-format="yyyy-MM-dd HH:mm:ss"
+ type="datetime" placeholder="閫夋嫨鏃堕棿">
</el-date-picker>
</el-form-item>
<!-- 鍦板潃 -->
@@ -38,8 +39,9 @@
<!-- 鐓х墖闄勪欢 -->
<el-form-item label="鐓х墖闄勪欢:" prop="pic">
<div class="upImg">
- <MyUpload :picture-list="evidence.pic" @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload>
- <div class="tip">{{evidence.pic.length}} / 4</div>
+ <MyUpload :picture-list="evidence.pic" @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl">
+ </MyUpload>
+ <div class="tip">{{ evidence.pic.length }} / 4</div>
</div>
</el-form-item>
</el-form>
@@ -134,6 +136,7 @@
import { deepClone, getTypeList } from '@/utils/helper'
import { validateName, validatePhone, validateCardId } from '@/utils/validate'
import MyUpload from "@/components/myUpload"
+import { FILE_ORIGINAL_PATH } from "@/utils";
export default {
components: {
MyUpload
@@ -219,10 +222,10 @@
},
userRules: {
illegalType: [{ trigger: ['change', 'blur'], message: '妗堜欢绫诲瀷涓嶈兘涓虹┖', required: true }],
- name: [{ required: true,trigger: ['change', 'blur'], validator: checkUserName }],
- phoneCode: [{ required: true,trigger: ['change', 'blur'], validator: checkPhone }],
+ name: [{ required: true, trigger: ['change', 'blur'], validator: checkUserName }],
+ phoneCode: [{ required: true, trigger: ['change', 'blur'], validator: checkPhone }],
certificateType: [{ trigger: ['change', 'blur'], validator: checkCard }],
- certificateCode: [{ required: true,trigger: ['change', 'blur'], validator: checkCode }],
+ certificateCode: [{ required: true, trigger: ['change', 'blur'], validator: checkCode }],
educationDegree: [{ required: true, trigger: ['change', 'blur'], message: '鏂囧寲绋嬪害涓嶈兘涓虹┖' }],
nation: [{ required: true, trigger: ['change', 'blur'], message: '姘戞棌涓嶈兘涓虹┖' }],
liveAddress: [{ required: true, trigger: ['change', 'blur'], message: '鐜颁綇鍧�涓嶈兘涓虹┖' }],
@@ -271,20 +274,22 @@
}
},
async created() {
- await this.getCardTypeList();
- await this.getSchoolList();
- await this.getNationList();
- this.$set(this.user, 'illegalType', this.illegalType);
- if (this.evidenceData) {
- this.evidence = deepClone(this.evidenceData);
- this.evidence.pic = this.evidenceData.pic.split(',');
- this.user = this.evidence.partyInfo;
- this.evidence.userInfo = this.evidence.partyInfo.name;
+ await this.getCardTypeList();
+ await this.getSchoolList();
+ await this.getNationList();
+ this.$set(this.user, 'illegalType', this.illegalType);
+ if (this.evidenceData) {
+ this.evidence = deepClone(this.evidenceData);
+ console.log(this.evidenceData.pic);
+
+ this.evidence.pic = this.evidenceData.pic.split(',');
+ this.user = this.evidence.partyInfo;
+ this.evidence.userInfo = this.evidence.partyInfo.name;
}
},
methods: {
handleSuccess2(res, file, filelist) {
- const baseUrl = 'http://140.143.152.226:8410/';
+ const baseUrl = '';
if (this.evidence.pic.length < 4) {
this.evidence.pic.push(baseUrl + res.data.url1)
}
@@ -306,8 +311,8 @@
checkUser() {
this.$refs.userForm.validate((valid) => {
if (valid) {
- this.evidence.userInfo = this.user.name + '...';
- this.userFlag = false;
+ this.evidence.userInfo = this.user.name + '...';
+ this.userFlag = false;
} else {
this.evidence.userInfo = null;
this.$message.warning('璇锋鏌ュ繀濉」');
@@ -339,29 +344,31 @@
async getNationList() {
this.nationOptions = await getTypeList(1, '05');
},
- // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
- setPicUrl({ url }) {
- const baseUrl = 'http://140.143.152.226:8410/';
+ // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+ setPicUrl({ url }) {
+ const baseUrl = '';
if (this.evidence.pic.length < 4) {
- this.evidence.pic.push(baseUrl + url);
+ this.evidence.pic.push(url)
}
},
//鍒犻櫎鍥剧墖
- delPicUrl({url}){
- const baseUrl = 'http://140.143.152.226:8410/';
- this.evidence.pic.splice(this.evidence.pic.indexOf(baseUrl + url),1);
+ delPicUrl({ url }) {
+ const baseUrl = '';
+ this.evidence.pic.splice(this.evidence.pic.indexOf(baseUrl + url), 1);
}
},
- props:['evidenceData', 'illegalType']
+ props: ['evidenceData', 'illegalType']
}
</script>
<style lang="scss" scoped>
.evidence {
line-height: 60px;
position: relative;
- .evidence-item{
+
+ .evidence-item {
display: flex;
}
+
.evidence-title {
line-height: 60px;
font-weight: 650;
@@ -421,7 +428,7 @@
position: absolute;
top: 0;
z-index: 3000;
- background-color: #06122c;
+ background-color: #fff;
.user-form-header {
background-color: #fff;
@@ -434,11 +441,13 @@
padding-bottom: 60px;
}
-.sp-user-info{
- ::v-deep .el-input{
+
+.sp-user-info {
+ ::v-deep .el-input {
width: 200px;
}
}
+
.user-form-content {
padding-top: 20px;
@@ -453,29 +462,29 @@
.el-select {
flex: 1;
- :deep(.el-input__inner){
+ :deep(.el-input__inner) {
padding: 0px 15px;
}
}
}
- ::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;
- }
+ // ::v-deep .el-form-item__label {
+ // color: #4b9bb7;
+ // }
- ::v-deep .el-input__inner {
- background-color: #09152f;
- border: 1px solid #17324c;
- }
+ // ::v-deep .el-input__inner {
+ // background-color: #09152f;
+ // border: 1px solid #17324c;
+ // }
}
.user-form-footer {
@@ -483,18 +492,18 @@
justify-content: flex-end;
}
-::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;
-}
+// ::v-deep .el-form-item__label {
+// color: #4b9bb7;
+// }
::v-deep .el-dialog__header,
::v-deep .el-dialog__body {
--
Gitblit v1.8.0