<template>
|
<div>
|
<el-form ref="Fromspirit" :inline="true" :rules="rules" :model="Fromspirit" label-width="110px">
|
<div>
|
<el-form-item label="经济状况">
|
<el-select :disabled="true" placeholder="" v-model="Fromspirit.economicCondition">
|
<el-option v-for="item in economicConditions" :key="item.value"
|
:label="item.label" :value="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="监护人居住祥址">
|
<el-input :disabled="true" placeholder="" v-model="Fromspirit.custodyAddress" maxlength="50" show-word-limit></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="人员类型">
|
<el-select :disabled="true" placeholder="" v-model="Fromspirit.personType">
|
<el-option v-for="item in personTypeList" :key="item.value"
|
:label="item.label" :value="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="帮扶人姓名">
|
<el-input :disabled="true" placeholder="" v-model="Fromspirit.helpPerson" maxlength="10" show-word-limit></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="家庭情况">
|
<el-input :disabled="true" type="textarea" v-model="Fromspirit.familySituation" placeholder="" maxlength="200" show-word-limit></el-input>
|
</el-form-item>
|
<el-form-item label="帮扶人联系方式" prop="helpPersonPhone">
|
<el-input :disabled="true" placeholder="" v-model="Fromspirit.helpPersonPhone"></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="监护人姓名">
|
<el-input :disabled="true" placeholder="" v-model="Fromspirit.custodyPerson" maxlength="10" show-word-limit></el-input>
|
</el-form-item>
|
<el-form-item label="帮扶手段">
|
<el-input :disabled="true" placeholder="" v-model="Fromspirit.helpMethod" maxlength="50" show-word-limit></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="与监护人关系">
|
<el-select :disabled="true" placeholder="" v-model="Fromspirit.custodyRelation">
|
<el-option v-for="li in relation" :key="li.value" :label="li.name" :value="li.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="帮扶情况">
|
<el-input :disabled="true" type="textarea" v-model="Fromspirit.helpSituation" placeholder="" maxlength="200" show-word-limit></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="监护人公民身份号码" prop="custodyCardNo">
|
<el-input :disabled="true" placeholder="" v-model="Fromspirit.custodyCardNo"></el-input>
|
</el-form-item>
|
<el-form-item label="是否违法犯罪">
|
<el-select :disabled="true" placeholder="" v-model="Fromspirit.isCrime">
|
<el-option label="是" value="1"></el-option>
|
<el-option label="否" value="0"></el-option>
|
</el-select>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="监护人联系方式" prop="custodyPersonPhone">
|
<el-input :disabled="true" placeholder="" v-model="Fromspirit.custodyPersonPhone"></el-input>
|
</el-form-item>
|
<el-form-item label="违法犯罪情况">
|
<el-input :disabled="true" type="textarea" v-model="Fromspirit.crimeSutiation" placeholder="" maxlength="200" show-word-limit></el-input>
|
</el-form-item>
|
</div>
|
<!-- <el-form-item>
|
<el-button type="primary" @click="onSubmitspirit('Fromspirit')">保存</el-button>
|
</el-form-item> -->
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
import {isvalidPhone,isIdcard} from '../../../../assets/js/fromValidate';
|
|
var validIdcrad=(rule, value,callback)=>{
|
if (!value){
|
callback(new Error('请输入身份证号码'))
|
}else if (!isIdcard(value)){
|
callback(new Error('请输入正确的身份证号码'))
|
}else {
|
callback()
|
}
|
};
|
var validPhone=(rule, value,callback)=>{
|
if (!value){
|
callback(new Error('请输入电话号码'))
|
}else if (!isvalidPhone(value)){
|
callback(new Error('请输入正确的11位手机号码'))
|
}else {
|
callback()
|
}
|
}
|
export default {
|
props:['selectData','editId'],
|
data() {
|
return{
|
Fromspirit:{
|
crimeSutiation: "",
|
custodyAddress: "",
|
custodyCardNo: "",
|
custodyPerson: "",
|
custodyPersonPhone: "",
|
custodyRelation: "",
|
economicCondition: "",
|
familySituation: "",
|
helpMethod: "",
|
helpPerson: "",
|
helpPersonPhone: "",
|
helpSituation: "",
|
isCrime: '',
|
personType: "",
|
populationId: '',
|
communityId:0
|
},
|
rules: {
|
custodyCardNo:[
|
{required: true, validator: validIdcrad, trigger: 'blur' }
|
],
|
custodyPersonPhone:[
|
{required: true, validator: validPhone, trigger: 'blur' }
|
],
|
helpPersonPhone:[
|
{required: true, validator: validPhone, trigger: 'blur' }
|
],
|
},
|
economicConditions:[],
|
personTypeList:[],
|
relation:[],
|
}
|
},
|
watch: {
|
selectData (val) {
|
if(val) {
|
//经济状况
|
this.economicConditions = val.economicsStatusList.map(d=> {
|
return {
|
label:d.value,
|
value:d.id.toString(),
|
}
|
});
|
|
//人员类型
|
this.personTypeList = val.personnelTypeList.map(d=> {
|
return {
|
label:d.value,
|
value:d.id.toString(),
|
}
|
});
|
|
}
|
|
},
|
editId(val) {
|
this.Fromspirit.populationId =val;
|
}
|
},
|
mounted() {
|
/** populationId:获取人口ID */
|
if(this.$route.query.id) {
|
this.Fromspirit.populationId = this.$route.query.id;
|
this.Fromspirit.communityId = this.$route.query.com;
|
this.getDetails();
|
}
|
this.householder();
|
|
},
|
methods: {
|
/** 获取精神障碍信息 populationId：人口id
|
* id:主键id 有id编辑 无id新增 */
|
getDetails() {
|
this.$api.get("population/major/detail",{populationId:this.Fromspirit.populationId,communityId:this.Fromspirit.communityId},e=> {
|
if(e.id) {
|
this.Fromspirit = e;
|
}
|
})
|
},
|
//与户主关系
|
householder() {
|
let params = {
|
key:'GB/T4761'
|
}
|
this.$api.get('dictionary/listDictionaryByKey',params,e=>{
|
this.relation = e.map(d=> {
|
return {
|
value:d.dictValue,
|
name:d.dictName
|
}
|
})
|
})
|
},
|
|
onSubmitspirit(formName) {
|
if(this.Fromspirit.populationId == '') {
|
return this.$message({
|
message: '请先填写完基础信息',
|
type: 'warning'
|
});
|
}
|
if (this.Fromspirit.custodyCardNo == '') {
|
return this.$message({
|
message: '请输入监护人公民身份号码',
|
type: 'warning'
|
});
|
}
|
if (this.Fromspirit.custodyPersonPhone == '') {
|
return this.$message({
|
message: '请输入监护人联系方式',
|
type: 'warning'
|
});
|
}
|
if (this.Fromspirit.helpPersonPhone == '') {
|
return this.$message({
|
message: '请输入帮扶人联系方式',
|
type: 'warning'
|
});
|
}
|
if( this.Fromspirit.id) {
|
//编辑
|
this.$api.post("population/major/edit",this.Fromspirit,e=> {
|
demo.toast("编辑成功")
|
})
|
}else {
|
//新增
|
this.$api.post("population/major/add",this.Fromspirit,e=> {
|
demo.toast("保存成功")
|
})
|
}
|
|
},
|
}
|
}
|
</script>
|
|
<style>
|
|
</style>
|
