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 | 64 ++++++++++++++++++--------------
1 files changed, 36 insertions(+), 28 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 f5ccbdb..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,7 +136,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";
+import { FILE_ORIGINAL_PATH } from "@/utils";
export default {
components: {
MyUpload
@@ -220,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: '鐜颁綇鍧�涓嶈兘涓虹┖' }],
@@ -272,15 +274,17 @@
}
},
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: {
@@ -307,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('璇锋鏌ュ繀濉」');
@@ -340,29 +344,31 @@
async getNationList() {
this.nationOptions = await getTypeList(1, '05');
},
- // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
- setPicUrl({ url }) {
+ // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+ setPicUrl({ url }) {
const baseUrl = '';
if (this.evidence.pic.length < 4) {
- this.evidence.pic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)
+ this.evidence.pic.push(url)
}
},
//鍒犻櫎鍥剧墖
- delPicUrl({url}){
+ delPicUrl({ url }) {
const baseUrl = '';
- this.evidence.pic.splice(this.evidence.pic.indexOf(baseUrl + url),1);
+ 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;
@@ -435,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;
@@ -454,7 +462,7 @@
.el-select {
flex: 1;
- :deep(.el-input__inner){
+ :deep(.el-input__inner) {
padding: 0px 15px;
}
}
--
Gitblit v1.8.0