Browse Source

完善经销商管理--新增/编辑时身份证号码改为不必填项

zhanglei
yunuo970428 3 years ago
parent
commit
34257063cf
  1. 328
      anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiAdd.vue

328
anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiAdd.vue

@ -18,10 +18,8 @@
</el-col>
<el-col :span="20">
<el-form-item prop="">
<el-select v-model="temp.pDistributorName" class="addinputw" placeholder="请选择"
@change="pDistributorSidChange" clearable>
<el-option v-for="(item,index) in pDistributorSid_list" :key="item.sid" :label="item.disName"
:value="item.disName"/>
<el-select v-model="temp.pDistributorName" class="addinputw" placeholder="请选择" @change="pDistributorSidChange" clearable>
<el-option v-for="item in pDistributorSid_list" :key="item.sid" :label="item.disName" :value="item.disName"/>
</el-select>
</el-form-item>
</el-col>
@ -50,23 +48,22 @@
</el-col>
<el-col :span="20"> <!--@change="getShen" @change="getShen" @change="getQu"-->
<el-form-item prop="registDetailAddress">
<!-- <el-select v-model="registProvinceSid" filterable placeholder="请选择省" class="filter-item" style="width:12%"-->
<!-- @change="getShen">-->
<!-- <el-option v-for="item in inputProvinceList" :key="item.sid" :label="item.name" :value="item.sid"/>-->
<!-- </el-select>-->
<!-- <el-select v-model="registcitySid" filterable placeholder="请选择市" class="filter-item" style="width:12%"-->
<!-- @change="getShi">-->
<!-- <el-option v-for="item in inputCityList" :key="item.sid" :label="item.name" :value="item.sid"/>-->
<!-- </el-select>-->
<!-- <el-select v-model="registcountSid" filterable placeholder="请选择县" class="filter-item" style="width:12%"-->
<!-- @change="getQu">-->
<!-- <el-option v-for="item in inputCountyList" :key="item.sid" :label="item.name" :value="item.sid"/>-->
<!-- </el-select>-->
<el-input v-model="temp.registDetailAddress" maxlength="125" placeholder="请填写详细地址" style="width:63%"
clearable/> <!-- temp.registDetailAddress -->
<!-- <el-select v-model="registProvinceSid" filterable placeholder="请选择省" class="filter-item" style="width:12%"-->
<!-- @change="getShen">-->
<!-- <el-option v-for="item in inputProvinceList" :key="item.sid" :label="item.name" :value="item.sid"/>-->
<!-- </el-select>-->
<!-- <el-select v-model="registcitySid" filterable placeholder="请选择市" class="filter-item" style="width:12%"-->
<!-- @change="getShi">-->
<!-- <el-option v-for="item in inputCityList" :key="item.sid" :label="item.name" :value="item.sid"/>-->
<!-- </el-select>-->
<!-- <el-select v-model="registcountSid" filterable placeholder="请选择县" class="filter-item" style="width:12%"-->
<!-- @change="getQu">-->
<!-- <el-option v-for="item in inputCountyList" :key="item.sid" :label="item.name" :value="item.sid"/>-->
<!-- </el-select>-->
<el-input v-model="temp.registDetailAddress" maxlength="125" placeholder="请填写详细地址" style="width:63%" clearable/> <!-- temp.registDetailAddress -->
</el-form-item>
<!-- </el-col>-->
<!-- <el-col :span="12">-->
<!-- </el-col>-->
<!-- <el-col :span="12">-->
</el-col>
</el-row>
@ -76,29 +73,19 @@
</el-col>
<el-col :span="20">
<el-form-item prop=""> <!-- -->
<el-select v-model="managementProvinceCode" filterable placeholder="请选择省" class="filter-item"
style="width: 12%"
@change="getSheng02">
<el-option v-for="item in inputProvinceList02" :key="item.sid" :label="item.name"
:value="item.districtCode"/>
<el-select v-model="managementProvinceCode" filterable placeholder="请选择省" class="filter-item" style="width: 12%" @change="getSheng02">
<el-option v-for="item in inputProvinceList02" :key="item.sid" :label="item.name" :value="item.districtCode"/>
</el-select>
<el-select v-model="managementcityCode" filterable placeholder="请选择市" class="filter-item"
style="width: 12%"
@change="getShi02">
<el-option v-for="item in inputCityList02" :key="item.sid" :label="item.name"
:value="item.districtCode"/>
<el-select v-model="managementcityCode" filterable placeholder="请选择市" class="filter-item" style="width: 12%" @change="getShi02">
<el-option v-for="item in inputCityList02" :key="item.sid" :label="item.name" :value="item.districtCode"/>
</el-select>
<el-select v-model="managementcountCode" filterable placeholder="请选择县" class="filter-item"
style="width: 12%"
@change="getQu02">
<el-option v-for="item in inputCountyList02" :key="item.sid" :label="item.name"
:value="item.districtCode"/>
<el-select v-model="managementcountCode" filterable placeholder="请选择县" class="filter-item" style="width: 12%" @change="getQu02">
<el-option v-for="item in inputCountyList02" :key="item.sid" :label="item.name" :value="item.districtCode"/>
</el-select>
<el-input v-model="temp.managementDetailAddress" maxlength="125" placeholder="请填写详细地址" style="width:63%"
clearable/> <!-- temp.managementDetailAddress -->
<el-input v-model="temp.managementDetailAddress" maxlength="125" placeholder="请填写详细地址" style="width:63%" clearable/> <!-- temp.managementDetailAddress -->
</el-form-item>
<!-- </el-col>-->
<!-- <el-col :span="12">-->
<!-- </el-col>-->
<!-- <el-col :span="12">-->
</el-col>
</el-row>
@ -114,7 +101,8 @@
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期"
:picker-options="pickerOptions">
:picker-options="pickerOptions"
>
</el-date-picker>
</el-form-item>
</el-col>
@ -128,7 +116,8 @@
v-model="temp.startCoopDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
</el-col>
@ -152,10 +141,10 @@
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span><span style="color: red">*</span>身份证号码</span>
<span>身份证号码</span>
</el-col>
<el-col :span="4">
<el-form-item prop="legalIdCard">
<el-form-item>
<el-input v-model="temp.legalIdCard" maxlength="125" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
@ -215,8 +204,8 @@
</el-col>
<el-col :span="8">
<el-form-item prop="">
<span>{{temp.registDetailAddress}}</span>
<!-- <span>{{ registProvince + registcity + registcount + temp.registDetailAddress}}</span>-->
<span>{{ temp.registDetailAddress }}</span>
<!-- <span>{{ registProvince + registcity + registcount + temp.registDetailAddress}}</span>-->
<!-- <el-input v-model="" readonly maxlength="125" placeholder="" class="addinputw"/>-->
</el-form-item>
</el-col>
@ -268,10 +257,8 @@
</el-table-column>
<el-table-column label="身份" align="center">
<template slot-scope="scope">
<el-select v-model="scope.row.identityKey" class="addinputw" placeholder="请选择身份"
@change="identityChange(scope.row,scope.row.identityKey)" clearable>
<el-option v-for="(item,index) in identity_list" :key="item.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
<el-select v-model="scope.row.identityKey" class="addinputw" placeholder="请选择身份" @change="identityChange(scope.row,scope.row.identityKey)" clearable>
<el-option v-for="item in identity_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
<!-- <el-input v-model="scope.row.linkType" maxlength="125" placeholder="" class="addinputw" clearable/>-->
</template>
@ -292,7 +279,8 @@
<div style="margin-left: 5px;font-weight: bold">营业执照</div>
<div>
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false"
@handleSuccess="filesAdd($event, '0001')" @handleRemove="filesRemove"/>
@handleSuccess="filesAdd($event, '0001')" @handleRemove="filesRemove"
/>
</div>
</div>
<el-table :key="businessLicenseKey" :data="list1" border style="width: 100%">
@ -328,7 +316,7 @@
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">道路运输许可证</div>
<div>
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false" @handleSuccess="filesAdd($event, '0002')" @handleRemove="filesRemove" />
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false" @handleSuccess="filesAdd($event, '0002')" @handleRemove="filesRemove"/>
</div>
</div>
<el-table :key="roadTransportKey" :data="list2" border style="width: 100%">
@ -364,7 +352,7 @@
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">法人身份证</div>
<div>
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false" @handleSuccess="filesAdd($event, '0003')" @handleRemove="filesRemove" />
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false" @handleSuccess="filesAdd($event, '0003')" @handleRemove="filesRemove"/>
</div>
</div>
<el-table :key="corporateIdentityCardKey" :data="list3" border style="width: 100%">
@ -400,8 +388,7 @@
<div class="headline">
<div style="margin-left: 5px;font-weight: bold">其他资料</div>
<div>
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false"
@handleSuccess="filesAdd($event, '0004')" @handleRemove="filesRemove"/>
<multifileUpload :accept="accept" ref="divUpload" :reminder="false" :showfile="false" @handleSuccess="filesAdd($event, '0004')" @handleRemove="filesRemove"/>
</div>
</div>
<el-table :key="otherDetailsKey" :data="list4" border style="width: 100%">
@ -446,13 +433,13 @@
</template>
<script>
import {details, getOneLevelList, SaveList, Update} from '@/api/jichuxinxi/baseaffiliatcompany'
import {getCity, getCounty, getProvince} from '@/api/portal/areaPicker' //
import {selectListOrg} from '@/api/jichuxinxi/basemanufacturer'
import {typeValues} from '@/api/jichuxinxi/dictcommons'
import {deleteFilesOss} from '@/api/jichuxinxi/baseaffiliatcompany.js'
import { details, getOneLevelList, SaveList, Update } from '@/api/jichuxinxi/baseaffiliatcompany'
import { getCity, getCounty, getProvince } from '@/api/portal/areaPicker' //
import { selectListOrg } from '@/api/jichuxinxi/basemanufacturer'
import { typeValues } from '@/api/jichuxinxi/dictcommons'
import { deleteFilesOss } from '@/api/jichuxinxi/baseaffiliatcompany.js'
import multifileUpload from '@/components/uploadFile/multifileUpload.vue'
import {getUseOrgByUserSid} from "@/api/jichuxinxi/brandManagement";
import { getUseOrgByUserSid } from '@/api/jichuxinxi/brandManagement'
export default {
name: 'GuakaogongsiAdd',
@ -466,33 +453,33 @@ export default {
} else {
callback()
}
};
}
var checkSubmit = (rule, value, callback) => {
const Submit = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
const Submit = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
if (Submit.test(value)) {
return callback();
return callback()
}
callback(new Error("请输入正确的手机号"));
};
callback(new Error('请输入正确的手机号'))
}
var checkIDcard = (rule, value, callback) => {
const Submit = /^[1-9]\d{5}[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}(\d|x|X)$/;
const Submit = /^[1-9]\d{5}[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}(\d|x|X)$/
if (Submit.test(value)) {
return callback();
return callback()
}
callback(new Error("请输入正确的身份证号"));
};
callback(new Error('请输入正确的身份证号'))
}
var checkKaipiaoDianhua = (rule, value, callback) => {
const BanGongDianHua = /\d{3}-\d{8}|\d{4}-\d{7}/;
const BanGongDianHua = /\d{3}-\d{8}|\d{4}-\d{7}/
if (BanGongDianHua.test(value)) {
return callback();
return callback()
}
callback(new Error("请输入单位开票信息联系电话"));
};
callback(new Error('请输入单位开票信息联系电话'))
}
return {
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
},
return time.getTime() > Date.now()
}
},
disabled: true,
list: [], //
@ -517,50 +504,50 @@ export default {
registDetailAddress: '', //
managementAll: '', //
registProvince: '', // name
registcity: '',//
registcount: '',//
registcity: '', //
registcount: '', //
registProvinceSid: '', // sid
registcitySid: '',//
registcountSid: '',//
registcitySid: '', //
registcountSid: '', //
managementProvince: '', //
managementcity: '',//
managementcount: '',//
managementcity: '', //
managementcount: '', //
managementProvinceCode: '', // code
managementcityCode: '',// code
managementcountCode: '',// code
managementcityCode: '', // code
managementcountCode: '', // code
pDistributorSid_list: [],
temp: {
sid: '',
contract: '', //
createOrg: '', //
createOrgName: '', //
disName: '', //
invoBank: '', //
invoBankNum: '', //
invoPhone: '', //
isGuarantee: '',// 0/:'1,//
legalIdCard: '', //
legalMobile: '', //
legalName: '', //
managementAddress: '',// :',//
managementDetailAddress: '', //
contract: '', //
createOrg: '', //
createOrgName: '', //
disName: '', //
invoBank: '', //
invoBankNum: '', //
invoPhone: '', //
isGuarantee: '', // 0/:'1,//
legalIdCard: '', //
legalMobile: '', //
legalName: '', //
managementAddress: '', // :',//
managementDetailAddress: '', //
managementAddressCode: '',
mobile: '', //
pDistributorName: '',//
mobile: '', //
pDistributorName: '', //
pDistributorSid: '', // sid
registAddress: '',// false
registAddress: '', // false
registDetailAddress: '', //
registNum: '', //
setUpTime: '', //
useOrg: '', // 使
useOrgName: '', // 使
userSid: window.sessionStorage.getItem('userSid'), // sid
perList: [], //list
yyzzList: [], //list
dlysxkzList: [], //list//
frsfzList: [], //list//
qtzlList: [], //list array
perList: [], // list
yyzzList: [], // list
dlysxkzList: [], // list//
frsfzList: [], // list//
qtzlList: [] // list array
},
viewTitle: '',
province: [],
@ -589,15 +576,14 @@ export default {
dialogVisible: false,
dataArr: [],
rules: {
disName: [{required: true, message: '请填写经销商名称', trigger: 'blur'}],
registNum: [{required: true, message: '请填写统一社会信用代码', trigger: 'blur'}],
registAll: [{required: true, message: '请填写注册地址', trigger: 'blur'}],
legalName: [{required: true, message: '请填写实际控制人姓名', trigger: 'blur'}],
legalIdCard: [{required: true, validator:checkIDcard,message: '请填写实际控制人身份证号码', trigger: 'blur'}],
legalMobile: [{required: true, validator: checkSubmit, message: '请填写实际控制人联系电话', trigger: 'blur'}],
invoPhone: [{required: true, validator: checkKaipiaoDianhua, message: '请填写单位开票信息联系电话', trigger: 'change'}],
invoBank: [{required: true, message: '请填写开户行', trigger: 'blur'}],
invoBankNum: [{required: true, message: '请填写银行账号', trigger: 'blur'}],
disName: [{ required: true, message: '请填写经销商名称', trigger: 'blur' }],
registNum: [{ required: true, message: '请填写统一社会信用代码', trigger: 'blur' }],
registAll: [{ required: true, message: '请填写注册地址', trigger: 'blur' }],
legalName: [{ required: true, message: '请填写实际控制人姓名', trigger: 'blur' }],
legalMobile: [{ required: true, validator: checkSubmit, message: '请填写实际控制人联系电话', trigger: 'blur' }],
invoPhone: [{ required: true, validator: checkKaipiaoDianhua, message: '请填写单位开票信息联系电话', trigger: 'change' }],
invoBank: [{ required: true, message: '请填写开户行', trigger: 'blur' }],
invoBankNum: [{ required: true, message: '请填写银行账号', trigger: 'blur' }]
// setUpTime: [{required: true, message: '', trigger: 'blur'}],
}
// ------------------------------------
@ -616,7 +602,7 @@ export default {
this.dialogStatus = 'add'
this.init()
this.getLevelList(this.temp.pDistributorSid)
console.log('新增进去的页面',this.temp)
console.log('新增进去的页面', this.temp)
},
showEdit(sids) {
this.init()
@ -705,7 +691,7 @@ export default {
},
getListOrgAll() {
const userSid = window.sessionStorage.getItem('userSid')
getUseOrgByUserSid({userSid: userSid}).then((res) => {
getUseOrgByUserSid({ userSid: userSid }).then((res) => {
if (res.success) {
console.log('获取当前使用人分公司', res.data)
this.temp.createOrg = res.data.sid
@ -715,8 +701,8 @@ export default {
}
})
},
getLevelList(sid){
getOneLevelList({sid:sid}).then((res) => {
getLevelList(sid) {
getOneLevelList({ sid: sid }).then((res) => {
if (res.code === '200') {
this.pDistributorSid_list = res.data
}
@ -744,7 +730,7 @@ export default {
})
// codeprovince
this.registProvince = bb.name
console.log('注册地址-省',this.registProvince)
console.log('注册地址-省', this.registProvince)
this.huoquShi(bb.sid)
},
huoquShi(sid1) {
@ -770,7 +756,7 @@ export default {
}
})
this.registcity = bb.name
console.log('注册地址-市',this.registcity)
console.log('注册地址-市', this.registcity)
this.huoquXian(bb.sid)
},
huoquXian(sid1) {
@ -796,11 +782,10 @@ export default {
}
})
this.registcount = bb.name
console.log('注册地址-区/县',this.registcount)
console.log('注册地址-区/县', this.registcount)
this.deCode.push(bb.districtCode)
},
// --------------------------------
huoquSheng02() {
getProvince().then((res) => {
@ -961,7 +946,7 @@ export default {
},
zuzhi0(data) {
data.forEach((e) => {
if (e.children){
if (e.children) {
if (e.children.length !== 0) {
this.zuzhi0(e.children)
} else {
@ -988,24 +973,24 @@ export default {
filesAdd(item, val) {
var arrayList = []
arrayList = item.data
var nowDate = new Date();
var nowDate = new Date()
var date = {
year: nowDate.getFullYear(),
month: nowDate.getMonth() + 1,
day: nowDate.getDate(),
day: nowDate.getDate()
}
var dayDate = date.year + '-' + (date.month >= 10 ? date.month : '0' + date.month) + '-' + (date.day >= 10 ? date.day : '0' + date.day)
console.log(dayDate);
console.log(dayDate)
if (val === '0001') {
this.list1.push({
name: window.sessionStorage.getItem('name'),
fileName: arrayList.sourceFileName.substr(0, arrayList.sourceFileName.lastIndexOf('.')),
fileType: arrayList.sourceFileName.substr(arrayList.sourceFileName.lastIndexOf('.')),
attachType: val,
fileSize: arrayList.size,
filePath: arrayList.fullUrl,
createTime:dayDate
})
this.list1.push({
name: window.sessionStorage.getItem('name'),
fileName: arrayList.sourceFileName.substr(0, arrayList.sourceFileName.lastIndexOf('.')),
fileType: arrayList.sourceFileName.substr(arrayList.sourceFileName.lastIndexOf('.')),
attachType: val,
fileSize: arrayList.size,
filePath: arrayList.fullUrl,
createTime: dayDate
})
} else if (val === '0002') {
this.list2.push({
name: window.sessionStorage.getItem('name'),
@ -1014,7 +999,7 @@ export default {
attachType: val,
fileSize: arrayList.size,
filePath: arrayList.fullUrl,
createTime:dayDate
createTime: dayDate
})
} else if (val === '0003') {
this.list3.push({
@ -1024,7 +1009,7 @@ export default {
attachType: val,
fileSize: arrayList.size,
filePath: arrayList.fullUrl,
createTime:dayDate
createTime: dayDate
})
} else if (val === '0004') {
this.list4.push({
@ -1034,7 +1019,7 @@ export default {
attachType: val,
fileSize: arrayList.size,
filePath: arrayList.fullUrl,
createTime:dayDate
createTime: dayDate
})
}
console.log(this.list4, 856856)
@ -1108,15 +1093,15 @@ export default {
this.temp.managementDetailAddressCity = this.managementcity
this.temp.managementDetailAddressCounty = this.managementcount
// if (this.dialogStatus == 'add') {
// if (!this.temp.registAddress) {
// this.temp.registAddress = this.registProvince + '-' + this.registcity + '-' + this.registcount
// console.log('', this.temp.registAddress)
//
// }
// if (!this.temp.managementAddress && this.managementProvince && this.managementcity && this.managementcount) {
// this.temp.managementAddress = this.managementProvince + this.managementcity + this.managementcount
console.log('新增、编辑经营地址', this.temp.managementAddress)
// }
// if (!this.temp.registAddress) {
// this.temp.registAddress = this.registProvince + '-' + this.registcity + '-' + this.registcount
// console.log('', this.temp.registAddress)
//
// }
// if (!this.temp.managementAddress && this.managementProvince && this.managementcity && this.managementcount) {
// this.temp.managementAddress = this.managementProvince + this.managementcity + this.managementcount
console.log('新增、编辑经营地址', this.temp.managementAddress)
// }
// }
// if (this.dialogStatus == 'edit') {
// if (!this.registProvince) {
@ -1220,7 +1205,6 @@ export default {
}
}
})
},
//
handleReturn(isreload) {
@ -1240,35 +1224,35 @@ export default {
this.managementAll = ''
this.temp = {
sid: '',
contract: '', //
createOrg: '', //
createOrgName: '', //
disName: '', //
invoBank: '', //
invoBankNum: '', //
invoPhone: '', //
isGuarantee: '',// 0/:'1,//
legalIdCard: '', //
legalMobile: '', //
legalName: '', //
managementAddress: '',// :',//
managementDetailAddress: '', //
contract: '', //
createOrg: '', //
createOrgName: '', //
disName: '', //
invoBank: '', //
invoBankNum: '', //
invoPhone: '', //
isGuarantee: '', // 0/:'1,//
legalIdCard: '', //
legalMobile: '', //
legalName: '', //
managementAddress: '', // :',//
managementDetailAddress: '', //
managementAddressCode: '',
mobile: '', //
pDistributorName: '',//
mobile: '', //
pDistributorName: '', //
pDistributorSid: '', // sid
registAddress: '',// false
registAddress: '', // false
registDetailAddress: '', //
registNum: '', //
setUpTime: '', //
useOrg: '', // 使
useOrgName: '', // 使
userSid: window.sessionStorage.getItem('userSid'), // sid
perList: [], //list
yyzzList: [], //list
dlysxkzList: [], //list//
frsfzList: [], //list//
qtzlList: [] //list array
perList: [], // list
yyzzList: [], // list
dlysxkzList: [], // list//
frsfzList: [], // list//
qtzlList: [] // list array
}
this.list = []
this.list1 = []
@ -1299,9 +1283,10 @@ export default {
}
</script>
<style scoped>
.title{
.title {
text-align: left;
}
.tleftb {
text-align: right;
float: left;
@ -1338,7 +1323,8 @@ export default {
.listconadd {
padding: 0 20px;
}
.addinputw{
width: 90%!important;
.addinputw {
width: 90% !important;
}
</style>

Loading…
Cancel
Save