| | |
| | | <template> |
| | | <el-main style="width: 60vw;margin: 0 auto"> |
| | | <el-form ref="form" :model="form" label-width="85px" size="medium"> |
| | | <el-main style="width: 100%;margin: 0 auto"> |
| | | <el-form ref="form" :model="form" label-width="110px" size="medium"> |
| | | |
| | | <el-form-item label="案由"> |
| | | <el-input v-model="form.casePoint" placeholder="请填写案由"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="当事人姓名"> |
| | | <el-input v-model="form.litigant" placeholder="请填写当事人姓名" ></el-input> |
| | | |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="当事人姓名"> |
| | | <el-select v-model="form.litigant" placeholder="请选择当事人" |
| | | style="width: 100%;" @change="marketChange"> |
| | | <el-option |
| | | v-for="item in marketList" |
| | | :key="item.subjectName" |
| | | :label="item.subjectName" |
| | | :value="item"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="法人"> |
| | | <el-input v-model="form.legalPerson" placeholder="请填写法人姓名"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="证件号/信用码"> |
| | | <el-input v-model="form.certNo" placeholder="请填写证件号/信用码" ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系电话"> |
| | | <el-input v-model="form.phone" placeholder="请填写当事人电话"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-form-item label="住址"> |
| | | <el-input v-model="form.address" placeholder="请填写当事人住址"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话"> |
| | | <el-input v-model="form.phone" placeholder="请填写当事人电话"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="办案人员" prop="hanlderIds"> |
| | | <el-select v-model="form.hanlderIds" clearable filterable multiple :multiple-limit="2" |
| | | placeholder="请选择" style="width: 100%;" @change="setPersonname($event)"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import {easycase,marketb} from '../../api/News/pad' |
| | | import {easycase,getMarketList,getIdByToken} from '../../api/News/pad' |
| | | import {getfindAll} from "../../api/News/useres"; |
| | | export default { |
| | | name: "padFrom", |
| | |
| | | form:{ |
| | | casePoint:'', |
| | | litigant:"", |
| | | legalPerson:"", |
| | | certNo:"", |
| | | phone:"", |
| | | hanlderIds:"", |
| | | address:"", |
| | | hanlderIds:[], |
| | | }, |
| | | organPersons:[] |
| | | //办案人员数据 |
| | | organPersons:[], |
| | | //当事人数据 |
| | | marketList:[], |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | methods:{ |
| | | init(){ |
| | | // this.$nextTick(()=>{ |
| | | //查询当事人信息 |
| | | getIdByToken().then(res =>{ |
| | | console.log(res,'getIdByToken') |
| | | let a = res.data.data; |
| | | this.form.hanlderIds.push(a) |
| | | }) |
| | | //查询当事人 |
| | | getMarketList().then((res) => { |
| | | this.marketList = res.data.data; |
| | | }) |
| | | //查询办案人员信息 |
| | | getfindAll().then((res) => { |
| | | this.organPersons = res.data.data; |
| | | }) |
| | | |
| | | // }) |
| | | }, |
| | | marketb(){}, |
| | | marketChange(item){ |
| | | this.form.litigant = ""; |
| | | this.form.legalPerson = ""; |
| | | this.form.litigantCert = ""; |
| | | this.form.certNo = ""; |
| | | this.form.address = ""; |
| | | this.form.phone = ""; |
| | | this.form.litigantId = item.id; |
| | | if ("经营者" == item.subjectType || "个体工商户" == item.subjectType) { |
| | | this.form.litigant = item.subjectName; |
| | | this.form.legalPerson = item.legalPerson; |
| | | this.form.litigantCert = "营业执照"; |
| | | this.form.certNo = item.idCard; |
| | | this.form.address = item.address; |
| | | this.form.phone = item.phone; |
| | | } else if ("公民" == item.subjectType) { |
| | | this.form.litigant = item.subjectName; |
| | | this.form.litigantCert = "居民身份证"; |
| | | this.form.certNo = item.idCard; |
| | | this.form.address = item.address; |
| | | this.form.phone = item.phone; |
| | | } else if ("其他组织" == item.subjectType) { |
| | | this.form.litigant = item.subjectName; |
| | | this.form.legalPerson = item.legalPerson; |
| | | this.form.certNo = item.idCard; |
| | | this.form.address = item.address; |
| | | this.form.phone = item.phone; |
| | | } |
| | | }, |
| | | backAll(){ |
| | | this.$router.push({ |
| | | path: '/pad', |
| | |
| | | } |
| | | }, |
| | | onSubmit(){ |
| | | console.log(this.form.hanlderIds,'this.form.hanlderIds') |
| | | this.form.hanlderIds=this.form.hanlderIds.toString() |
| | | if (this.form.hanlderIds.length < 1) { |
| | | this.form.hanlders = ''; |