|
@@ -2,7 +2,7 @@
|
|
|
* @Author: wj 1454560336@qq.com
|
|
|
* @Date: 2023-09-18 10:57:47
|
|
|
* @LastEditors: wenjie 1454560336@qq.com
|
|
|
- * @LastEditTime: 2024-03-29 14:18:59
|
|
|
+ * @LastEditTime: 2024-04-12 15:22:27
|
|
|
* @FilePath: \admin-manage\src\views\operationManage\shopManage\shopAdd3.vue
|
|
|
* @Description:
|
|
|
*
|
|
@@ -74,6 +74,7 @@
|
|
|
<el-select
|
|
|
v-model="setQuery.mccCode"
|
|
|
class="item-width-300"
|
|
|
+ filterable
|
|
|
placeholder="请选择所属行业"
|
|
|
>
|
|
|
<el-option
|
|
@@ -346,48 +347,54 @@
|
|
|
|
|
|
<div class="line"></div>
|
|
|
|
|
|
- <div class="title">受益人1</div>
|
|
|
- <el-form-item label="受益人:" prop="bnfName">
|
|
|
- <el-input
|
|
|
- v-model="setQuery.bnfList[0].bnfName"
|
|
|
- size="small"
|
|
|
- class="item-width-300"
|
|
|
- placeholder="请输入受益人姓名"
|
|
|
- ></el-input>
|
|
|
- <el-button type="text" class="ml10" @click="handleCopy(2)"
|
|
|
- >同步股东信息</el-button
|
|
|
- >
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="身份证号码:" prop="bnfCertno">
|
|
|
- <el-input
|
|
|
- v-model="setQuery.bnfList[0].bnfCertno"
|
|
|
- size="small"
|
|
|
- :maxlength="18"
|
|
|
- class="item-width-300"
|
|
|
- placeholder="请输入受益人身份证号码"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="身份证有效期:" prop="bnfCertExpire">
|
|
|
- <el-date-picker
|
|
|
- v-model="date2"
|
|
|
- :disabled="checked2"
|
|
|
- size="small"
|
|
|
- type="daterange"
|
|
|
- range-separator="至"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
- <el-checkbox v-model="checked2">长期</el-checkbox>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="家庭地址:" prop="legal_idcard_no">
|
|
|
- <el-input
|
|
|
- v-model="setQuery.bnfList[0].bnfHomeAddr"
|
|
|
- size="small"
|
|
|
- class="item-width-300"
|
|
|
- placeholder="请输入受益人家庭地址"
|
|
|
- ></el-input>
|
|
|
+ <div v-for="(item,index) in setQuery.bnfList" :key="index">
|
|
|
+ <div class="title">受益人{{index+1}}</div>
|
|
|
+ <el-form-item label="受益人:" :prop="'bnfList.'+index+'.bnfName'" :rules="{ required: true, message: '请输入受益人', trigger: 'blur' }">
|
|
|
+ <el-input
|
|
|
+ v-model="item.bnfName"
|
|
|
+ size="small"
|
|
|
+ class="item-width-300"
|
|
|
+ placeholder="请输入受益人姓名"
|
|
|
+ ></el-input>
|
|
|
+ <el-button type="text" class="ml10" v-if="index == 0" @click="handleCopy(2)"
|
|
|
+ >同步股东信息</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证号码:" :prop="'bnfList.'+index+'.bnfCertno'" :rules="{ required: true, message: '请输入身份证号', trigger: 'blur' }">
|
|
|
+ <el-input
|
|
|
+ v-model="item.bnfCertno"
|
|
|
+ size="small"
|
|
|
+ :maxlength="18"
|
|
|
+ class="item-width-300"
|
|
|
+ placeholder="请输入受益人身份证号码"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证有效期:" :prop="'bnfList.'+index+'.bnfCertExpire'" :rules="{ required: true, message: '请输选择身份证有效期', trigger: 'change' }">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="perSonObj['date'+(index+1)]"
|
|
|
+ :disabled="perSonObj['checked'+(index+1)]"
|
|
|
+ size="small"
|
|
|
+ type="daterange"
|
|
|
+ @change="changeTime($event,index)"
|
|
|
+ range-separator="至"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ <el-checkbox v-model="perSonObj['checked'+(index+1)]" @change="checkChange($event,index)"> 长期</el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="家庭地址:" :prop="'bnfList.'+index+'.bnfHomeAddr'" :rules="{ required: true, message: '请输入家庭地址', trigger: 'blur' }">
|
|
|
+ <el-input
|
|
|
+ v-model="item.bnfHomeAddr"
|
|
|
+ size="small"
|
|
|
+ class="item-width-300"
|
|
|
+ placeholder="请输入受益人家庭地址"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button @click="addPerson">添加受益人</el-button>
|
|
|
</el-form-item>
|
|
|
</template>
|
|
|
|
|
@@ -595,14 +602,16 @@ export default {
|
|
|
showMap: false, //地图显示
|
|
|
checked: false,
|
|
|
checked1: false,
|
|
|
- checked2: false,
|
|
|
+ perSonObj:{
|
|
|
+ checked1: false,
|
|
|
+ date1: [],
|
|
|
+ },
|
|
|
showSign: false, //控制签约按钮页面
|
|
|
signLoading: false,
|
|
|
loading: false,
|
|
|
imgList: [],
|
|
|
date: [],
|
|
|
date1: [],
|
|
|
- date2: [],
|
|
|
accesseId:'',
|
|
|
setQuery: {
|
|
|
accesser_user_id: "",
|
|
@@ -638,7 +647,7 @@ export default {
|
|
|
legal_sex: "1",
|
|
|
legalmanCareerDesc: "",
|
|
|
legalmanHomeAddr: "",
|
|
|
- mccCode: "8041",
|
|
|
+ mccCode: "",
|
|
|
mchntType: "",
|
|
|
pic_list: [
|
|
|
{
|
|
@@ -768,6 +777,30 @@ export default {
|
|
|
agreement: [
|
|
|
{ required: true, message: "请上传租聘协议", trigger: "change" },
|
|
|
],
|
|
|
+ shareholderHomeAddr: [
|
|
|
+ { required: true, message: "请输入家庭地址", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ shareholderCertno: [
|
|
|
+ { required: true, message: "请输入身份证号", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ shareholderName: [
|
|
|
+ { required: true, message: "请输入股东姓名", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ shareholderCertExpire: [
|
|
|
+ { required: true, message: "请输选择身份证有效期", trigger: "change" },
|
|
|
+ ],
|
|
|
+ // 'bnfList.0.bnfHomeAddr': [
|
|
|
+ // { required: true, message: "请输入家庭地址", trigger: "blur" },
|
|
|
+ // ],
|
|
|
+ // 'bnfList.0.bnfCertno': [
|
|
|
+ // { required: true, message: "请输入身份证号", trigger: "blur" },
|
|
|
+ // ],
|
|
|
+ // 'bnfList.0.bnfName': [
|
|
|
+ // { required: true, message: "请输入受益人", trigger: "blur" },
|
|
|
+ // ],
|
|
|
+ // 'bnfList.0.bnfCertExpire': [
|
|
|
+ // { required: true, message: "请输选择身份证有效期", trigger: "change" },
|
|
|
+ // ],
|
|
|
// bnfList: [
|
|
|
// { required: true, message: "请上传租聘协议", trigger: "change" },
|
|
|
// ],
|
|
@@ -929,26 +962,26 @@ export default {
|
|
|
|
|
|
}
|
|
|
},
|
|
|
- date2(val) {
|
|
|
- if (val == null) {
|
|
|
- this.setQuery.bnfList[0].bnfCertBeginDate = ''
|
|
|
- this.setQuery.bnfList[0].bnfCertExpire = ''
|
|
|
- } else {
|
|
|
- this.setQuery.bnfList[0].bnfCertBeginDate = val[0]
|
|
|
- this.setQuery.bnfList[0].bnfCertExpire = val[1]
|
|
|
- }
|
|
|
- },
|
|
|
- checked2(val) {
|
|
|
- if (val) {
|
|
|
- this.setQuery.bnfList[0].bnfCertBeginDate = "9999-12-31"
|
|
|
- this.setQuery.bnfList[0].bnfCertExpire = "9999-12-31"
|
|
|
- this.date2 = ["9999-12-31", "9999-12-31"];
|
|
|
+ // date2(val) {
|
|
|
+ // if (val == null) {
|
|
|
+ // this.setQuery.bnfList[0].bnfCertBeginDate = ''
|
|
|
+ // this.setQuery.bnfList[0].bnfCertExpire = ''
|
|
|
+ // } else {
|
|
|
+ // this.setQuery.bnfList[0].bnfCertBeginDate = val[0]
|
|
|
+ // this.setQuery.bnfList[0].bnfCertExpire = val[1]
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // checked2(val) {
|
|
|
+ // if (val) {
|
|
|
+ // this.setQuery.bnfList[0].bnfCertBeginDate = "9999-12-31"
|
|
|
+ // this.setQuery.bnfList[0].bnfCertExpire = "9999-12-31"
|
|
|
+ // this.date2 = ["9999-12-31", "9999-12-31"];
|
|
|
|
|
|
- } else {
|
|
|
- this.date2 = [];
|
|
|
+ // } else {
|
|
|
+ // this.date2 = [];
|
|
|
|
|
|
- }
|
|
|
- },
|
|
|
+ // }
|
|
|
+ // },
|
|
|
"setQuery.bank_province_id": function (val, old) {
|
|
|
if (val) {
|
|
|
this.getRegion("city");
|
|
@@ -958,21 +991,55 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
+ // "setQuery.shop_addr_ext": debounce(function (val) {
|
|
|
+ // if (this.map) {
|
|
|
+ // let that = this;
|
|
|
+ // //创建地址解析器实例
|
|
|
+ // var myGeo = new BMapGL.Geocoder();
|
|
|
+ // that.marker ? that.map.removeOverlay(that.marker) : "";
|
|
|
+ // // 将地址解析结果显示在地图上,并调整地图视野
|
|
|
+ // myGeo.getPoint(
|
|
|
+ // val,
|
|
|
+ // function (point) {
|
|
|
+ // if (point) {
|
|
|
+ // that.marker = new BMapGL.Marker(point, { title: val });
|
|
|
+ // if (that.map) {
|
|
|
+ // that.map.centerAndZoom(point, 16);
|
|
|
+ // that.map.addOverlay(that.marker);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // that.city
|
|
|
+ // );
|
|
|
+ // }
|
|
|
+ // }),
|
|
|
"setQuery.shop_addr_ext": debounce(function (val) {
|
|
|
if (this.map) {
|
|
|
let that = this;
|
|
|
//创建地址解析器实例
|
|
|
var myGeo = new BMapGL.Geocoder();
|
|
|
that.marker ? that.map.removeOverlay(that.marker) : "";
|
|
|
+
|
|
|
// 将地址解析结果显示在地图上,并调整地图视野
|
|
|
myGeo.getPoint(
|
|
|
val,
|
|
|
function (point) {
|
|
|
+ console.log(point);
|
|
|
if (point) {
|
|
|
that.marker = new BMapGL.Marker(point, { title: val });
|
|
|
if (that.map) {
|
|
|
that.map.centerAndZoom(point, 16);
|
|
|
that.map.addOverlay(that.marker);
|
|
|
+ // 根据坐标得到地址描述
|
|
|
+ myGeo.getLocation(new BMapGL.Point(point.lng, point.lat), function(result){
|
|
|
+ if (result){
|
|
|
+ console.log(result);
|
|
|
+ // 选择营业地址时保存省市区
|
|
|
+ that.province = result.addressComponents.province;
|
|
|
+ that.city = result.addressComponents.city;
|
|
|
+ that.district = result.addressComponents.district;
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -982,6 +1049,49 @@ export default {
|
|
|
}),
|
|
|
},
|
|
|
methods: {
|
|
|
+ changeTime(val,index){
|
|
|
+ console.log(val,index);
|
|
|
+ if (val == null) {
|
|
|
+ this.setQuery.bnfList[index].bnfCertBeginDate = ''
|
|
|
+ this.setQuery.bnfList[index].bnfCertExpire = ''
|
|
|
+ } else {
|
|
|
+ this.setQuery.bnfList[index].bnfCertBeginDate = val[0]
|
|
|
+ this.setQuery.bnfList[index].bnfCertExpire = val[1]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 受益人身份证是否长期
|
|
|
+ checkChange(val,index){
|
|
|
+ console.log(val,index);
|
|
|
+ if (val) {
|
|
|
+ this.setQuery.bnfList[index].bnfCertBeginDate = "9999-12-31"
|
|
|
+ this.setQuery.bnfList[index].bnfCertExpire = "9999-12-31"
|
|
|
+ this.perSonObj['date'+(index+1)]= ["9999-12-31", "9999-12-31"];
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.perSonObj['date'+(index+1)]= [];
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 添加受益人
|
|
|
+ addPerson(){
|
|
|
+ this.setQuery.bnfList.push(
|
|
|
+ {
|
|
|
+ bnfCertBeginDate: "",
|
|
|
+ bnfCertExpire: "",
|
|
|
+ bnfCertType: "1",
|
|
|
+ bnfCertno: "",
|
|
|
+ bnfName: "",
|
|
|
+ bnfHomeAddr: "",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ this.$nextTick(()=>{
|
|
|
+ // this['date'+(2+this.setQuery.bnfList.length -1)] = []
|
|
|
+ // this['checked'+(2+this.setQuery.bnfList.length -1)] = false
|
|
|
+ // this.perSonObj['date'+(1+this.setQuery.bnfList.length -1)] = []
|
|
|
+ // this.perSonObj['checked'+(1+this.setQuery.bnfList.length -1)] = false
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
// 同步信息
|
|
|
handleCopy(type) {
|
|
|
if (type == 1) {
|
|
@@ -996,12 +1106,12 @@ export default {
|
|
|
this.setQuery.shareholderName = this.setQuery.legal_name;
|
|
|
} else {
|
|
|
if (this.setQuery.legal_card_deadline == "9999-12-31") {
|
|
|
- this.checked2 = true;
|
|
|
+ this.perSonObj.checked1 = true;
|
|
|
} else {
|
|
|
// this.setQuery.bnfList[0].bnfCertExpire =
|
|
|
// this.setQuery.legal_card_deadline;
|
|
|
}
|
|
|
- this.date2 = this.date1
|
|
|
+ this.perSonObj.date1 = this.date1
|
|
|
this.setQuery.bnfList[0].bnfCertExpire =this.setQuery.shareholderCertExpire;
|
|
|
this.setQuery.bnfList[0].bnfCertno = this.setQuery.shareholderCertno;
|
|
|
this.setQuery.bnfList[0].bnfHomeAddr = this.setQuery.shareholderHomeAddr;
|
|
@@ -1210,13 +1320,21 @@ export default {
|
|
|
bnfHomeAddr: "",
|
|
|
},
|
|
|
];
|
|
|
- }else if (this.setQuery.bnfList[0].bnfCertExpire == "9999-12-31") {
|
|
|
- this.checked2 = true;
|
|
|
- } else if (this.setQuery.shareholderCertExpire) {
|
|
|
- this.date2 = [
|
|
|
- this.setQuery.bnfList[0].bnfCertBeginDate,
|
|
|
- this.setQuery.bnfList[0].bnfCertExpire
|
|
|
- ];
|
|
|
+ }else{
|
|
|
+ this.setQuery.bnfList.map((item,index)=>{
|
|
|
+ if (item.bnfCertExpire == "9999-12-31") {
|
|
|
+ this.perSonObj['checked'+(index+1)] = true;
|
|
|
+ this.perSonObj['date'+(index+1)] = [
|
|
|
+ "9999-12-31",
|
|
|
+ "9999-12-31"
|
|
|
+ ];
|
|
|
+ } else if (item.bnfCertExpire) {
|
|
|
+ this.perSonObj['date'+(index+1)] = [
|
|
|
+ item.bnfCertBeginDate,
|
|
|
+ item.bnfCertExpire
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
// 提取图片
|