From 1728168d92227ca3c214448c05e3531b519dd27f Mon Sep 17 00:00:00 2001 From: zzl <961867786@qq.com> Date: Wed, 10 Sep 2025 14:10:12 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B0=9A=E5=BF=97=EF=BC=9A=E6=89=BF=E5=8C=85?= =?UTF-8?q?=E6=96=B9=E5=AE=B6=E5=BA=AD=E6=88=90=E5=91=98=E6=B7=BB=E5=8A=A0?= =?UTF-8?q?=E5=AD=97=E6=AE=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../contractor/contractorFamilyDetail.vue | 47 +++++++++++++++++++ 1 file changed, 47 insertions(+) diff --git a/src/views/contracted/village/contractor/contractorFamilyDetail.vue b/src/views/contracted/village/contractor/contractorFamilyDetail.vue index dfe1cb91..ed1afb1e 100644 --- a/src/views/contracted/village/contractor/contractorFamilyDetail.vue +++ b/src/views/contracted/village/contractor/contractorFamilyDetail.vue @@ -170,6 +170,14 @@ + + + + + +

保存

@@ -183,6 +191,7 @@ import FieldSelect from "@/components/form/FieldSelect"; import FieldDatePicker from "@/components/form/FieldDatePicker"; import { getJtcy, addJtcy, updateJtcy } from "@/api/contracted/cbfjtcy"; + import {commonUpload} from "@/api/sunVillage_info/fixedAssets"; export default { name: "contractedVillageContractor", @@ -208,6 +217,8 @@ showNewAt: false, // 控制新建日期弹出层的显示和隐藏 minDate: new Date(1978, 0, 1), maxDate: new Date(2100, 11, 31), + cyImg:[], + cyImg2:[], }; }, created() { @@ -242,6 +253,14 @@ methods: { getDetail(){ getJtcy(this.$route.params.id).then(response => { + if (response.data.cyImg!='' && response.data.cyImg != null && response.data.cyImg != undefined){ + this.cyImg = response.data.cyImg.split(',') + this.cyImg2 = response.data.cyImg.split(',') + this.cyImg.map((rrr,i)=>{ + this.cyImg[i] = {url:'/api'+rrr} + }) + } + this.form = response.data; this.familyStatusText = this.selectDictLabel(this.familyStatusOptions, response.data.yhzgx); this.cyzjlxText = this.selectDictLabel(this.cyzjlxOptions, response.data.cyzjlx); @@ -292,6 +311,7 @@ } } this.$refs.formData.validate().then(() => { + this.form.cyImg = this.cyImg2.join(',') if (this.$route.params.id) { updateJtcy(this.form).then(response => { if (response.code == 200) { @@ -331,6 +351,32 @@ this.$notify({ type: 'danger', message: '请填写完整的表单项' }); }); }, + deleteFile(file,detail){ + this.cyImg2.splice(detail.index,1) + }, + afterRead(file) { + this.$toast.loading({ + message: "上传中...", + forbidClick: true, + duration: 0, + }); + // 此时可以自行将文件上传至服务器 + if (file instanceof Array){//判断是否为数组,单张图片为array,多张为数组,数组返回true否则为false + file.map(res=>{ + let params1 = new FormData(); + params1.append("file", res.file); + commonUpload(params1).then((r1) => { + this.cyImg2.push(r1.fileName); + }) + }) + }else{ + let params1 = new FormData(); + params1.append("file", file.file); + commonUpload(params1).then((r1) => { + this.cyImg2.push(r1.fileName); + }) + } + }, resetForm() { this.form = { deptId: null, @@ -353,6 +399,7 @@ wdyy: null, sfhdr: 'N', // householdStatus: '1', + cyImg: null }; this.cyzjlxText = '居民身份证'; }