| | |
| | | <template> |
| | | <el-main style="width: 100%;margin: 0 auto"> |
| | | <el-form ref="form" :rules="dataRules" :model="form" label-width="120px" size="medium"> |
| | | <el-form ref="form" :rules="dataRules" :model="form" label-width="130px" size="medium"> |
| | | <el-form-item label="案由" prop="casePoint"> |
| | | <el-input v-model="form.casePoint" placeholder="请填写案由"></el-input> |
| | | </el-form-item> |
| | |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="当事人姓名" prop="litigant"> |
| | | <el-select v-model="form.litigant" placeholder="请选择当事人" |
| | | <el-autocomplete |
| | | style="width: 100%!important;" |
| | | v-model="form.litigant" |
| | | filterable |
| | | :fetch-suggestions="querySearchHandle" |
| | | placeholder="当事人姓名" |
| | | :trigger-on-focus="false" |
| | | @select="handleSelect" |
| | | > |
| | | </el-autocomplete> |
| | | <!-- <el-select v-model="form.litigant" placeholder="请选择当事人" |
| | | style="width: 100%;" @change="marketChange"> |
| | | <el-option |
| | | v-for="item in marketList" |
| | |
| | | :label="item.subjectName" |
| | | :value="item"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-select>--> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="证件号/信用码" prop="certNo"> |
| | | <el-input v-model="form.certNo" placeholder="请填写证件号/信用码"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input v-model="form.phone" placeholder="请填写当事人电话"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item label="证件号/信用码" prop="certNo"> |
| | | <el-input v-model="form.certNo" placeholder="请填写证件号/信用码"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input v-model="form.phone" placeholder="请填写当事人电话"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="住址" prop="address"> |
| | | <el-input v-model="form.address" placeholder="请填写当事人住址"></el-input> |
| | |
| | | city: "", |
| | | latitude:"", |
| | | }, |
| | | latlng:'', |
| | | //办案人员数据 |
| | | organPersons: [], |
| | | //当事人数据 |
| | |
| | | litigant: [ |
| | | {required: true, message: "当事人姓名不能为空", trigger: "blur"}, |
| | | ], |
| | | legalPerson: [ |
| | | /*legalPerson: [ |
| | | {required: true, message: "法定代表人姓名不能为空", trigger: "blur"}, |
| | | ], |
| | | ],*/ |
| | | certNo: [ |
| | | {required: true, message: "当事人证件号码不能为空", trigger: "blur"}, |
| | | ], |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | // this.latlng = window.android.getAddress(); |
| | | this.init() |
| | | }, |
| | | methods: { |
| | |
| | | }) |
| | | }, |
| | | init() { |
| | | // let all = window.android.getAddress(); |
| | | // let all1 = all.splice('') |
| | | // this.form.place = window.android.getAddress(); |
| | | // this.$nextTick(()=>{ |
| | | getIdByToken().then(res => { |
| | | console.log(res, 'getIdByToken') |
| | | let a = res.data.data; |
| | | let b = parseInt(a) |
| | | this.form.hanlderIds.push(b) |
| | | }) |
| | | //查询当事人 |
| | | getMarketList().then((res) => { |
| | | this.marketList = res.data.data; |
| | | // let b = parseInt(a) |
| | | this.form.hanlderIds.push(a) |
| | | }) |
| | | //查询办案人员信息 |
| | | getfindAll().then((res) => { |
| | |
| | | remote('area_address').then(res => { |
| | | this.areaList = res.data.data; |
| | | }) |
| | | |
| | | /*let obj = this.latlng.split(','); |
| | | this.form.place = obj[2]; |
| | | let arr =[]; |
| | | arr.push(obj[0]); |
| | | arr.push(obj[1]) |
| | | this.form.latitude = arr.join(',');*/ |
| | | // }) |
| | | }, |
| | | //模糊搜索查询当事人 |
| | | querySearchHandle(queryString, cb) { //模糊搜素 |
| | | getMarketList(queryString).then(res => { |
| | | console.log(res.data.data,'res-------') |
| | | this.marketList = [] |
| | | let resultList = res.data.data |
| | | resultList.forEach(item => { |
| | | this.marketList.push({ |
| | | value: item.subjectName, |
| | | address:item.address, |
| | | legalPerson:item.legalPerson, |
| | | idCard:item.idCard, |
| | | subjectType:item.subjectType, |
| | | phone:item.phone |
| | | // id: item.id |
| | | }) |
| | | }) |
| | | cb(this.marketList) |
| | | }) |
| | | }, |
| | | handleSelect(item) { |
| | | console.log(item,'item') |
| | | this.form.litigant = item.value; |
| | | this.form.phone = item.phone; |
| | | this.form.subjectType = item.subjectType; |
| | | this.form.certNo = item.idCard; |
| | | this.form.legalPerson = item.legalPerson; |
| | | this.form.address = item.address; |
| | | }, |
| | | marketChange(item) { |
| | | this.form.litigant = ""; |
| | | this.form.legalPerson = ""; |