From 3b1fc9088c6efc28bbfdab55b61b1626a863036d Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期二, 03 一月 2023 14:42:14 +0800
Subject: [PATCH] 布局调整
---
src/views/padSunmaryProcedure/padFrom.vue | 94 +++++++++++++++++++++++++++++++++--------------
1 files changed, 66 insertions(+), 28 deletions(-)
diff --git a/src/views/padSunmaryProcedure/padFrom.vue b/src/views/padSunmaryProcedure/padFrom.vue
index 20bd51e..1f30d69 100644
--- a/src/views/padSunmaryProcedure/padFrom.vue
+++ b/src/views/padSunmaryProcedure/padFrom.vue
@@ -1,6 +1,6 @@
<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>
@@ -8,7 +8,17 @@
<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"
@@ -16,7 +26,7 @@
:label="item.subjectName"
:value="item">
</el-option>
- </el-select>
+ </el-select>-->
</el-form-item>
</el-col>
<el-col :span="12">
@@ -25,19 +35,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>
@@ -123,6 +126,7 @@
city: "",
latitude:"",
},
+ latlng:'',
//鍔炴浜哄憳鏁版嵁
organPersons: [],
//褰撲簨浜烘暟鎹�
@@ -139,9 +143,9 @@
litigant: [
{required: true, message: "褰撲簨浜哄鍚嶄笉鑳戒负绌�", trigger: "blur"},
],
- legalPerson: [
+ /*legalPerson: [
{required: true, message: "娉曞畾浠ｈ〃浜哄鍚嶄笉鑳戒负绌�", trigger: "blur"},
- ],
+ ],*/
certNo: [
{required: true, message: "褰撲簨浜鸿瘉浠跺彿鐮佷笉鑳戒负绌�", trigger: "blur"},
],
@@ -169,6 +173,7 @@
}
},
created() {
+ // this.latlng = window.android.getAddress();
this.init()
},
methods: {
@@ -179,16 +184,12 @@
},
init() {
// 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;
- })
+ // getIdByToken().then(res => {
+ // console.log(res, 'getIdByToken')
+ // let a = res.data.data;
+ // let b = parseInt(a)
+ // this.form.hanlderIds.push(a)
+ // })
//鏌ヨ鍔炴浜哄憳淇℃伅
getfindAll().then((res) => {
this.organPersons = res.data.data;
@@ -201,7 +202,43 @@
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 = "";
@@ -246,6 +283,7 @@
}
if (names != "") {
this.form.hanlders = names.substring(0, names.length - 1);
+ console.log(this.form.hanlders,'this.form.hanlders')
}
},
onSubmit() {
--
Gitblit v1.9.1