|
@@ -50,6 +50,20 @@ |
|
|
<van-field v-model="form.lxdh" label="联系电话:" placeholder="请输入联系电话" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" maxlength="15" /> |
|
|
<van-field v-model="form.lxdh" label="联系电话:" placeholder="请输入联系电话" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" maxlength="15" /> |
|
|
<van-field v-model="form.fbfdz" label="地址:" placeholder="请输入地址" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" maxlength="100" /> |
|
|
<van-field v-model="form.fbfdz" label="地址:" placeholder="请输入地址" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" maxlength="100" /> |
|
|
<van-field v-model="form.yzbm" label="邮政编码:" placeholder="请输入邮政编码" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" maxlength="6" /> |
|
|
<van-field v-model="form.yzbm" label="邮政编码:" placeholder="请输入邮政编码" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" maxlength="6" /> |
|
|
|
|
|
<van-field v-model="form.fbfdcy" label="调查员:" placeholder="请输入调查员" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" maxlength="30" /> |
|
|
|
|
|
<van-field v-model="form.fbfdcrq" label="调查日期:" placeholder="请选择调查日期" required :rules="[{ required: true }]" |
|
|
|
|
|
:border="false" input-align="right" right-icon="arrow-down" readonly clickable @click="showDcrq = true" /> |
|
|
|
|
|
<van-popup v-model="showDcrq" position="bottom"> |
|
|
|
|
|
<van-datetime-picker |
|
|
|
|
|
:value="form.fbfdcrq ? new Date(form.fbfdcrq) : new Date()" |
|
|
|
|
|
type="date" |
|
|
|
|
|
title="请选择调查日期" |
|
|
|
|
|
:min-date="minDate" |
|
|
|
|
|
:max-date="maxDate" |
|
|
|
|
|
@confirm="onConfirmDcrq" |
|
|
|
|
|
@cancel="showDcrq = false" |
|
|
|
|
|
/> |
|
|
|
|
|
</van-popup> |
|
|
<van-field v-model="form.fbfdcjs" label="调查记事:" placeholder="请输入调查记事" type="textarea" rows="3" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" maxlength="200" /> |
|
|
<van-field v-model="form.fbfdcjs" label="调查记事:" placeholder="请输入调查记事" type="textarea" rows="3" required :rules="[{ required: true }]" :border="false" input-align="right" label-width="auto" maxlength="200" /> |
|
|
<van-field label="签字图片:" readonly :border="false" label-width="auto" /> |
|
|
<van-field label="签字图片:" readonly :border="false" label-width="auto" /> |
|
|
<img :src="'/api'+form.fbfdcqz" width="100%" alt="" /> |
|
|
<img :src="'/api'+form.fbfdcqz" width="100%" alt="" /> |
|
@@ -115,6 +129,10 @@ |
|
|
resultImg: "", // 最终画布生成的base64图片 |
|
|
resultImg: "", // 最终画布生成的base64图片 |
|
|
isCrop: false, // 是否裁剪,在画布设定尺寸基础上裁掉四周空白部分 |
|
|
isCrop: false, // 是否裁剪,在画布设定尺寸基础上裁掉四周空白部分 |
|
|
}, |
|
|
}, |
|
|
|
|
|
// 调查日期弹出层 |
|
|
|
|
|
showDcrq: false, |
|
|
|
|
|
minDate: new Date(1978, 0, 1), |
|
|
|
|
|
maxDate: new Date(2100, 11, 31), |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
@@ -123,6 +141,8 @@ |
|
|
this.getDicts("cert_type").then(response => { |
|
|
this.getDicts("cert_type").then(response => { |
|
|
this.credentialTypeOptions = response.data; |
|
|
this.credentialTypeOptions = response.data; |
|
|
}); |
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
mounted() { |
|
|
this.getDetail(); |
|
|
this.getDetail(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
@@ -150,6 +170,10 @@ |
|
|
this.credentialTypeText = value.dictLabel; |
|
|
this.credentialTypeText = value.dictLabel; |
|
|
this.showCredentialType = false; |
|
|
this.showCredentialType = false; |
|
|
}, |
|
|
}, |
|
|
|
|
|
onConfirmDcrq(data) { |
|
|
|
|
|
this.form.fbfdcrq = this.format(data, 'yyyy-MM-dd'); |
|
|
|
|
|
this.showDcrq = false; |
|
|
|
|
|
}, |
|
|
submitForm() { |
|
|
submitForm() { |
|
|
this.$refs.formData.validate().then(() => { |
|
|
this.$refs.formData.validate().then(() => { |
|
|
if (this.form.id) { |
|
|
if (this.form.id) { |
|
@@ -192,6 +216,8 @@ |
|
|
lxdh: null, |
|
|
lxdh: null, |
|
|
fbfdz: null, |
|
|
fbfdz: null, |
|
|
yzbm: null, |
|
|
yzbm: null, |
|
|
|
|
|
fbfdcy: null, |
|
|
|
|
|
fbfdcrq: null, |
|
|
fbfdcjs: null, |
|
|
fbfdcjs: null, |
|
|
fbfdcqz: null |
|
|
fbfdcqz: null |
|
|
}; |
|
|
}; |
|
|