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/dispatch/updateUser/uploadResult/components/evidence/index.vue | 177 ++++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 126 insertions(+), 51 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 2b4aba6..8e3c37d 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
@@ -2,44 +2,89 @@
<div class="evidence">
<div class="evidence-title">璋冩煡鍙栬瘉</div>
<div class="evidence-form">
- <el-form ref="evidenceForm" label-width="160px" :model="evidence" :rules="evidenceRules" autoComplete="on">
+ <el-form
+ ref="evidenceForm"
+ label-width="160px"
+ :model="evidence"
+ :rules="evidenceRules"
+ autoComplete="on"
+ >
<div class="evidence-item">
<!-- 鎵垮姙闃熷憳 -->
<el-form-item label="鎵垮姙闃熷憳:" prop="undertaker">
- <el-input v-model="evidence.undertaker" placeholder="璇疯緭鍏ュ鍚�"></el-input>
+ <el-input
+ v-model="evidence.undertaker"
+ placeholder="璇疯緭鍏ュ鍚�"
+ ></el-input>
</el-form-item>
<!-- 鍗忓姙闃熷憳 -->
- <el-form-item label="鍗忓姙闃熷憳:" label-width="100px" prop="assistant">
- <el-input v-model="evidence.assistant" placeholder="璇疯緭鍏ュ鍚�"></el-input>
+ <el-form-item
+ label="鍗忓姙闃熷憳:"
+ label-width="100px"
+ prop="assistant"
+ >
+ <el-input
+ v-model="evidence.assistant"
+ placeholder="璇疯緭鍏ュ鍚�"
+ ></el-input>
</el-form-item>
</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>
<!-- 鍦板潃 -->
<el-form-item label="鍦板潃:" prop="address">
- <el-input v-model="evidence.address" placeholder="璇疯緭鍏ュ湴鍧�"></el-input>
+ <el-input
+ v-model="evidence.address"
+ placeholder="璇疯緭鍏ュ湴鍧�"
+ ></el-input>
</el-form-item>
<!-- 妗堢敱 -->
<el-form-item label="妗堢敱:" prop="caseAction">
- <el-input v-model="evidence.caseAction" placeholder="璇疯緭鍏ユ鐢�"></el-input>
+ <el-input
+ v-model="evidence.caseAction"
+ placeholder="璇疯緭鍏ユ鐢�"
+ ></el-input>
</el-form-item>
<!-- 褰撲簨浜轰俊鎭� -->
- <el-form-item label="褰撲簨浜轰俊鎭�:" prop="userInfo" class="sp-user-info">
- <el-input suffix-icon="el-icon-s-order" v-model="evidence.userInfo" @focus="openDialog"></el-input>
+ <el-form-item
+ label="褰撲簨浜轰俊鎭�:"
+ prop="userInfo"
+ class="sp-user-info"
+ >
+ <el-input
+ suffix-icon="el-icon-s-order"
+ v-model="evidence.userInfo"
+ @focus="openDialog"
+ ></el-input>
</el-form-item>
<!-- 鎯呭喌鎻忚堪 -->
<el-form-item label="澶勭疆缁撴灉:" prop="description">
- <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="200" show-word-limit
- v-model="evidence.description" placeholder="璇疯緭鍏ュ缃粨鏋�,闄愬埗200瀛椾互鍐�"></el-input>
+ <el-input
+ type="textarea"
+ :autosize="{ minRows: 2, maxRows: 4 }"
+ maxlength="200"
+ show-word-limit
+ v-model="evidence.description"
+ placeholder="璇疯緭鍏ュ缃粨鏋�,闄愬埗200瀛椾互鍐�"
+ ></el-input>
</el-form-item>
<!-- 鐓х墖闄勪欢 -->
<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>
@@ -50,9 +95,19 @@
<i class="el-icon-close" @click="closeUserForm"></i>
</div>
<div class="user-form-content">
- <el-form ref="userForm" label-width="120px" :model="user" :rules="userRules" autoComplete="on">
+ <el-form
+ ref="userForm"
+ label-width="120px"
+ :model="user"
+ :rules="userRules"
+ autoComplete="on"
+ >
<!-- 绫诲瀷 -->
- <el-form-item label="绫诲瀷:" prop="illegalType" :disabled="true">
+ <el-form-item
+ label="绫诲瀷:"
+ prop="illegalType"
+ :disabled="true"
+ >
<el-input v-model="user.illegalType"></el-input>
</el-form-item>
<!-- 濮撳悕銆佹墜鏈哄彿 -->
@@ -69,9 +124,16 @@
<!-- 璇佷欢 -->
<div class="user-item">
<el-form-item label="璇佷欢绫诲瀷:" prop="certificateType">
- <el-select v-model="user.certificateType" placeholder="璇烽�夋嫨">
- <el-option v-for="item in cardOptions" :key="item.id" :label="item.name"
- :value="item.id">
+ <el-select
+ v-model="user.certificateType"
+ placeholder="璇烽�夋嫨"
+ >
+ <el-option
+ v-for="item in cardOptions"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ >
</el-option>
</el-select>
</el-form-item>
@@ -83,9 +145,16 @@
<div class="user-item">
<!-- 鏂囧寲绋嬪害 -->
<el-form-item label="鏂囧寲绋嬪害:" prop="educationDegree">
- <el-select v-model="user.educationDegree" placeholder="璇烽�夋嫨">
- <el-option v-for="item in degreeOptions" :key="item.id" :label="item.name"
- :value="item.id">
+ <el-select
+ v-model="user.educationDegree"
+ placeholder="璇烽�夋嫨"
+ >
+ <el-option
+ v-for="item in degreeOptions"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ >
</el-option>
</el-select>
</el-form-item>
@@ -102,9 +171,16 @@
<div class="user-item">
<!-- 姘戞棌 -->
<el-form-item label="姘戞棌:" prop="nation">
- <el-select v-model="user.nation" placeholder="璇烽�夋嫨">
- <el-option v-for="item in nationOptions" :key="item.id" :label="item.name"
- :value="item.id">
+ <el-select
+ v-model="user.nation"
+ placeholder="璇烽�夋嫨"
+ >
+ <el-option
+ v-for="item in nationOptions"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ >
</el-option>
</el-select>
</el-form-item>
@@ -134,7 +210,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 +296,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 +348,15 @@
}
},
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);
+ this.evidence.pic = this.evidenceData.pic.split(',');
+ this.user = this.evidence.partyInfo;
+ this.evidence.userInfo = this.evidence.partyInfo.name;
}
},
methods: {
@@ -307,8 +383,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 +416,28 @@
async getNationList() {
this.nationOptions = await getTypeList(1, '05');
},
- // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
- setPicUrl({ url }) {
+ // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧�
+ setPicUrl({ url }) {
const baseUrl = '';
if (this.evidence.pic.length < 4) {
-
- url = url.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","")
- this.evidence.pic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)
+
+ this.evidence.pic.push(FILE_ORIGINAL_PATH + 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 {
@@ -437,8 +512,8 @@
padding-bottom: 60px;
}
-.sp-user-info{
- ::v-deep .el-input{
+.sp-user-info {
+ ::v-deep .el-input {
width: 200px;
}
}
@@ -456,7 +531,7 @@
.el-select {
flex: 1;
- :deep(.el-input__inner){
+ :deep(.el-input__inner) {
padding: 0px 15px;
}
}
--
Gitblit v1.8.0