<template>
|
<div>
|
<el-form ref="Fromdrug" :inline="true" :rules="rules" :model="Fromdrug" class="demo-form-inline" label-width="110px">
|
<div>
|
<el-form-item label="初次发现日期">
|
<el-date-picker
|
v-model="Fromdrug.firstDate"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="吸毒原因">
|
<el-select placeholder="请选择" v-model="Fromdrug.drugReason">
|
<el-option v-for="item in drugReasonList" :key="item.value"
|
:label="item.label" :value="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="管控情况">
|
<el-select placeholder="请选择" v-model="Fromdrug.controlSituation">
|
<el-option v-for="item in controlSituationList" :key="item.value"
|
:label="item.label" :value="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="吸毒后果">
|
<el-select placeholder="请选择" v-model="Fromdrug.drugResult">
|
<el-option v-for="item in drugResultList" :key="item.value"
|
:label="item.label" :value="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="管控人姓名">
|
<el-input v-model="Fromdrug.controlPerson" placeholder="请输入-不超过10字" maxlength="10" show-word-limit></el-input>
|
</el-form-item>
|
<el-form-item label="有无犯罪史">
|
<el-select placeholder="请选择" v-model="Fromdrug.haveCrime">
|
<el-option v-for="item in haveCrimeList" :key="item.value"
|
:label="item.label" :value="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="管控人联系方式" prop="controlPersonPhone">
|
<el-input placeholder="请输入11位有效手机号码" v-model="Fromdrug.controlPersonPhone"></el-input>
|
</el-form-item>
|
<el-form-item label="违法犯罪情况">
|
<el-input type="textarea" v-model="Fromdrug.crimeSutiation" placeholder="请输入-不超过200字" maxlength="200" show-word-limit></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="帮扶情况">
|
<el-input type="textarea" v-model="Fromdrug.helpSituation" placeholder="请输入-不超过200字" maxlength="200" show-word-limit></el-input>
|
</el-form-item>
|
<el-form-item label="备注">
|
<el-input type="textarea" v-model="Fromdrug.remark" placeholder="请输入-不超过200字" maxlength="200" show-word-limit></el-input>
|
</el-form-item>
|
</div>
|
<div>
|
<el-form-item label="帮扶人姓名">
|
<el-input placeholder="请输入-不超过10字" v-model="Fromdrug.helpPerson" maxlength="10" show-word-limit></el-input>
|
</el-form-item>
|
<el-form-item label="帮扶人联系方式" prop="helpPersonPhone">
|
<el-input placeholder="请输入11位有效手机号码" v-model="Fromdrug.helpPersonPhone"></el-input>
|
</el-form-item>
|
</div>
|
<el-form-item>
|
<el-button type="primary" @click="onSubmitdrug('Fromdrug')">保存</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
import {isvalidPhone,isIdcard} from '../../../../assets/js/fromValidate';
|
|
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{
|
Fromdrug:{
|
firstDate:'',
|
populationId:"",
|
controlSituation:"",
|
controlPerson:"",
|
controlPersonPhone:"",
|
helpSituation:"",
|
helpPerson:"",
|
helpPersonPhone:"",
|
drugReason:"",
|
drugResult:"",
|
haveCrime:"",
|
crimeSutiation:"",
|
remark:""
|
},
|
rules: {
|
controlPersonPhone:[
|
{required: true, validator: validPhone, trigger: 'blur' }
|
],
|
helpPersonPhone:[
|
{required: true, validator: validPhone, trigger: 'blur' }
|
],
|
},
|
drugReasonList:[],
|
controlSituationList:[],
|
drugResultList:[],
|
haveCrimeList:[],
|
}
|
},
|
watch: {
|
selectData (val) {
|
if(val) {
|
this.init();
|
}
|
},
|
editId(val) {
|
this.Fromdrug.populationId =val;
|
}
|
},
|
mounted() {
|
|
/** populationId:获取人口ID */
|
if(this.$route.query.id) {
|
this.Fromdrug.populationId = this.$route.query.id;
|
this.getDetails();
|
|
}
|
},
|
methods: {
|
/** 获取吸毒信息 populationId：人口id
|
* id:主键id 有id编辑 无id新增 */
|
getDetails() {
|
this.$api.get("population/drug/detail",{populationId:this.Fromdrug.populationId},e=> {
|
if(e.id) {
|
this.Fromdrug = e;
|
}
|
})
|
},
|
|
init() {
|
this.drugReasonList = this.selectData.drugReasonList.map(d=> {
|
return {
|
label:d.value,
|
value:d.id,
|
}
|
});
|
|
this.controlSituationList = this.selectData.controlSituationList.map(d=> {
|
return {
|
label:d.value,
|
value:d.id,
|
}
|
});
|
|
this.drugResultList = this.selectData.drugConsequenceList.map(d=> {
|
return {
|
label:d.value,
|
value:d.id,
|
}
|
});
|
|
this.haveCrimeList = this.selectData.criminalHistoryList.map(d=> {
|
return {
|
label:d.value,
|
value:d.id,
|
}
|
});
|
},
|
|
onSubmitdrug(formName) {
|
if(this.Fromdrug.populationId == '') {
|
return this.$message({
|
message: '请先填写完基础信息',
|
type: 'warning'
|
});
|
}
|
if (!this.Fromdrug.controlPersonPhone) {
|
return this.$message({
|
message: '请输入管控人联系方式',
|
type: 'warning'
|
});
|
}
|
if (!this.Fromdrug.helpPersonPhone) {
|
return this.$message({
|
message: '请输入帮扶人联系方式',
|
type: 'warning'
|
});
|
}
|
this.Fromdrug.firstDate.toString();
|
if( this.Fromdrug.id) {
|
//编辑
|
this.$api.post("population/drug/edit",this.Fromdrug,e=> {
|
demo.toast("编辑成功")
|
})
|
}else {
|
//新增
|
this.$api.post("population/drug/add",this.Fromdrug,e=> {
|
demo.toast("保存成功")
|
})
|
}
|
},
|
}
|
}
|
</script>
|
|
<style lang="less" scoped>
|
/deep/.el-date-editor.el-input {
|
width: 260px;
|
}
|
</style>
|
