yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

选择客户--快捷新增客户

master
yunuo970428 11 months ago
parent
e8db74d471
commit
d46442683a
2 changed files with 702 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 652
      yxt-as-ui/src/components/publicPage/quickAddCustomer.vue
  2. 54
      yxt-as-ui/src/components/publicPage/selectCustomer.vue

652
yxt-as-ui/src/components/publicPage/quickAddCustomer.vue
View File

@ -0,0 +1,652 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>客户名称</div>
<el-form-item prop="name"><el-input class="addinputInfo addinputw" :disabled="formobj.sid !== ''" v-model="formobj.name" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">客户类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerType }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>联系电话</div>
<el-form-item prop="mobile"><el-input class="addinputInfo" :disabled="formobj.sid !== ''" style="width: 30%" v-model="formobj.mobile" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">微信号</div>
<el-form-item><el-input class="addinputInfo" style="width: 30%" v-model="formobj.weixin" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.customerType == '个人'">
<el-col :span="24">
<div class="span-sty">公司名称</div>
<el-form-item>
<el-select class="addinputInfo" style="width: 40%" v-model="formobj.customerOrgSid" filterable clearable placeholder="" @change="customerOrgChange">
<el-option v-for="item in customerOrg_list" :key="item.sid" :label="item.orgName" :value="item.sid"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">客户地址</div>
<el-form-item>
<div class="addinputInfo" style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center">
<el-select v-model="formobj.province" filterable clearable placeholder="请选择省" style="width:160px" @change="provinceChange">
<el-option v-for="item in province_list" :key="item.sid" :label="item.name" :value="item.name"/>
</el-select>
<el-select v-model="formobj.city" filterable placeholder="请选择市" style="width:160px" @change="cityChange">
<el-option v-for="item in city_list" :key="item.sid" :label="item.name" :value="item.name"/>
</el-select>
<el-select v-model="formobj.county" filterable placeholder="请选择县" style="width:160px" @change="countyChange">
<el-option v-for="item in county_list" :key="item.sid" :label="item.name" :value="item.name"/>
</el-select>
<el-input style="width: 30%" v-model="formobj.address" clearable placeholder=""/>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">客户级别</div>
<el-form-item>
<el-select v-model="formobj.levelKey" class="addinputInfo" clearable filterable placeholder="" @change="levelChange">
<el-option v-for="item in level_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">是否开启提醒</div>
<el-form-item>
<el-radio-group class="addinputInfo" :disabled="formobj.sid !== ''" v-model="formobj.isOnRemind" @change="isOnRemindChange">
<el-radio label="是">是</el-radio>
<el-radio label="否">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row v-show="formobj.isOnRemind == '是'">
<el-col :span="12">
<div class="span-sty">提醒日期</div>
<el-form-item><el-date-picker class="addinputInfo" v-model="formobj.remind_day" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">提醒备注</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remind_remark" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<div class="title">更多信息</div>
<el-row v-if="formobj.customerType == '个人'">
<el-col :span="12">
<div class="span-sty">客户生日</div>
<el-form-item><el-date-picker class="addinputInfo" v-model="formobj.birthday" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">性别</div>
<el-form-item>
<el-radio-group class="addinputInfo" v-model="formobj.sex" @change="sexChange">
<el-radio v-for="item in sex_list" :key="item.dictKey" :label="item.dictValue">{{ item.dictValue }}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">证件类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.certificateType }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">证件号码</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.idnumber" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">证件有效期</div>
<el-form-item><el-date-picker class="addinputInfo" v-model="formobj.endDate" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">电子邮箱</div>
<el-form-item><el-input class="addinputInfo addinputw" style="width: 30%" v-model="formobj.e_mail" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">紧急联系人</div>
<el-form-item><el-input class="addinputInfo addinputw" style="width: 30%" v-model="formobj.emergencyContact" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">紧急联系电话</div>
<el-form-item><el-input class="addinputInfo addinputw" style="width: 30%" v-model="formobj.emergencyMobile" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">客户来源</div>
<el-form-item>
<el-select v-model="formobj.sourceKey" class="addinputInfo" clearable filterable placeholder="" @change="sourceChange">
<el-option v-for="item in source_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">客户分类</div>
<el-form-item>
<el-select v-model="formobj.customerClassKey" class="addinputInfo" clearable filterable placeholder="" @change="customerClassChange">
<el-option v-for="item in customerClass_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<div class="title">车辆信息</div>
<el-row>
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>车牌号</div>
<el-form-item prop="vehMark"><el-input class="addinputInfo" :disabled="isDesignatedEnterprise" style="width: 40%" v-model="formobj.vehMark" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>车架号</div>
<el-form-item prop="vinNo"><el-input class="addinputInfo" :disabled="isDesignatedEnterprise" style="width: 40%" v-model="formobj.vinNo" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">发动机号</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" :disabled="isDesignatedEnterprise" v-model="formobj.engineNo" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">车型</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" v-model="formobj.vehModel" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">购车日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.buyDate" clearable type="date" placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">行驶里程(Km)</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.mileage = getNumber(formobj.mileage, 2)" v-model="formobj.mileage" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">上次保养里程(Km)</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.lastMileage = getNumber(formobj.lastMileage, 2)" v-model="formobj.lastMileage" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">下次保养日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.nextMaintainDate" clearable type="date" placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">商业险到期日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.commercialInsuranceEndDate" clearable type="date" placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">交强险到期日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.compulsoryInsuranceEndDate" clearable type="date" placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.carRemarks" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<div class="title">保养到期明细</div>
<el-row>
<el-col :span="12">
<div class="span-sty">行驶里程(Km)</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.currentMileage = getNumber(formobj.currentMileage, 2)" v-model="formobj.currentMileage" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">每月公里</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.monthKm = getNumber(formobj.monthKm, 2)" v-model="formobj.monthKm" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">滤芯到期公里</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.filter_km = getNumber(formobj.filter_km, 2)" v-model="formobj.filter_km" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">滤芯到期日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.filter_date" clearable type="date" placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">机油到期公里</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.engineoil_km = getNumber(formobj.engineoil_km, 2)" v-model="formobj.engineoil_km" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">机油到期日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.engineoil_date" clearable type="date" placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">齿轮油到期公里</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.gearoil_km = getNumber(formobj.gearoil_km, 2)" v-model="formobj.gearoil_km" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">齿轮油到期日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.gearoil_date" clearable type="date" placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">宝轮到期公里</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.treasurewheel_km = getNumber(formobj.treasurewheel_km, 2)" v-model="formobj.treasurewheel_km" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">宝轮到期日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.treasurewheel_date" clearable type="date" placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">风扇皮带到期公里</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.fanbelt_km = getNumber(formobj.fanbelt_km, 2)" v-model="formobj.fanbelt_km" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">风扇皮带到期日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.fanbelt_date" clearable type="date" placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">刹车片到期公里</div>
<el-form-item><el-input class="addinputInfo" style="width: 40%" @keyup.native="formobj.brakepads_km = getNumber(formobj.brakepads_km, 2)" v-model="formobj.brakepads_km" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">刹车片到期日期</div>
<el-form-item> <el-date-picker class="addinputInfo" value-format="yyyy-MM-dd" v-model="formobj.brakepads_date" clearable type="date" placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">备注</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.byRemarks" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/client/customermanagement'
import { getProvince, getCity, getCounty, typeValues } from '@/api/Common/dictcommons'
export default {
name: 'CustomerManagementAdd',
data() {
return {
viewTitle: '',
viewState: 1,
submitdisabled: false,
customerOrg_list: [],
province_list: [],
city_list: [],
county_list: [],
level_list: [],
sex_list: [],
source_list: [],
customerClass_list: [],
formobj: {
name: '',
customerType: '',
customerTypeKey: '',
visitWay: '',
visitWayKey: '',
mobile: '',
weixin: '',
province: '',
city: '',
county: '',
address: '',
level: '',
levelKey: '',
isOnRemind: '',
isOnRemindKey: '',
remind_day: '',
remind_remark: '',
birthday: '',
sex: '',
sexKey: '',
certificateType: '',
certificateTypeKey: '',
idnumber: '',
endDate: '',
e_mail: '',
emergencyContact: '',
emergencyMobile: '',
source: '',
sourceKey: '',
customerClass: '',
customerClassKey: '',
remarks: '',
userSid: '',
orgPath: '',
useOrgSid: '',
sid: '',
customerOrgName: '',
customerOrgSid: '',
customerVehSid: '',
customerSid: '',
vehMark: '',
vinNo: '',
engineNo: '',
vehModelSid: '',
vehModel: '',
mileage: '',
lastMileage: '',
nextMaintainDate: '',
buyDate: '',
commercialInsuranceEndDate: '',
compulsoryInsuranceEndDate: '',
currentMileage: '',
monthKm: '',
filter_km: '',
filter_date: '',
engineoil_km: '',
engineoil_date: '',
gearoil_km: '',
gearoil_date: '',
treasurewheel_km: '',
treasurewheel_date: '',
fanbelt_km: '',
fanbelt_date: '',
brakepads_km: '',
brakepads_date: '',
carRemarks: '',
byRemarks: ''
},
rules: {
name: [{ required: true, message: '客户名称不能为空', trigger: 'blur' }],
mobile: [{ required: true, message: '联系电话不能为空', trigger: 'blur' }],
vehMark: [{ required: true, message: '车牌号不能为空', trigger: 'blur' }],
vinNo: [{ required: true, message: '车架号不能为空', trigger: 'blur' }]
}
}
},
methods: {
init() {
getProvince().then((res) => {
if (res.success) {
this.province_list = res.data
}
})
typeValues({ type: 'customerLevel' }).then((res) => {
if (res.success) {
this.level_list = res.data
}
})
typeValues({ type: 'sex' }).then((res) => {
if (res.success) {
this.sex_list = res.data
}
})
typeValues({ type: 'customerSource' }).then((res) => {
if (res.success) {
this.source_list = res.data
}
})
req.selCustomerOrgList({ useOrgSid: window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem('defaultOrgPath').lastIndexOf('/') + 1) }).then((res) => {
if (res.success) {
this.customerOrg_list = res.data
}
})
},
customerOrgChange(value) {
const choose = this.customerOrg_list.filter((item) => item.sid === value)
if (choose.length > 0 && choose !== null) {
this.formobj.customerOrgName = choose[0].orgName
} else {
this.formobj.customerOrgName = ''
}
},
provinceChange(value) {
const choose = this.province_list.filter((item) => item.name === value)
if (choose !== null && choose.length > 0) {
this.formobj.provinceSid = choose[0].sid
this.getCity(this.formobj.provinceSid)
} else {
this.formobj.provinceSid = ''
this.formobj.citySid = ''
this.formobj.city = ''
this.city_list = []
this.formobj.county = ''
this.formobj.countySid = ''
this.county_list = []
}
},
getCity(val) {
getCity({ sid: val }).then((res) => {
if (res.success) {
this.city_list = res.data
}
})
},
cityChange(value) {
const choose = this.city_list.filter((item) => item.name === value)
if (choose !== null && choose.length > 0) {
this.formobj.citySid = choose[0].sid
this.getCounty(this.formobj.citySid)
}
},
getCounty(val) {
getCounty({ sid: val }).then((res) => {
if (res.success) {
this.county_list = res.data
}
})
},
countyChange(value) {
const choose = this.county_list.filter((item) => item.name === value)
if (choose !== null && choose.length > 0) {
this.formobj.countySid = choose[0].sid
}
},
getNumber(val, limit) {
val = val.replace(/[^0-9.]/g, '') // 保留数字
val = val.replace(/^00/, '0.') // 开头不能有两个0
val = val.replace(/^\./g, '0.') // 开头为小数点转换为0.
val = val.replace(/\.{2,}/g, '.') // 两个以上的小数点转换成一个
val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只保留一个小数点
/^0\d+/.test(val) ? val = val.slice(1) : '' // 两位以上数字开头不能为0
const str = '^(\\d+)\\.(\\d{' + limit + '}).*$'
const reg = new RegExp(str)
if (limit === 0) {
// 不需要小数点
val = val.replace(reg, '$1')
} else {
// 通过正则保留小数点后指定的位数
val = val.replace(reg, '$1.$2')
}
return val
},
showAdd(value, sid) {
this.viewTitle = '【快捷新增】客户信息'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.init()
req.quickAddInit({ sid: sid }).then((res) => {
if (res.success) {
this.formobj = res.data
this.formobj.isOnRemind = '否'
this.formobj.isOnRemindKey = '0'
this.formobj.customerType = value.customerType
this.formobj.customerTypeKey = value.customerTypeKey
this.formobj.visitWay = value.visitWay
this.formobj.visitWayKey = value.visitWayKey
this.formobj.userSid = window.sessionStorage.getItem('userSid')
this.formobj.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.formobj.useOrgSid = window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem('defaultOrgPath').lastIndexOf('/') + 1)
if (this.formobj.customerType === '个人') {
this.formobj.certificateType = '身份证'
this.formobj.certificateTypeKey = '01'
} else {
this.formobj.certificateType = '营业执照'
this.formobj.certificateTypeKey = '02'
}
typeValues({ psid: value.psid, type: 'customerClass' }).then((res) => {
if (res.success) {
this.customerClass_list = res.data
}
})
}
})
},
levelChange(value) {
const choose = this.level_list.filter((item) => item.dictKey === value)
if (choose.length > 0 && choose !== null) {
this.formobj.level = choose[0].dictValue
} else {
this.formobj.level = ''
}
},
isOnRemindChange(val) {
if (val === '是') {
this.formobj.isOnRemindKey = '1'
} else if (val === '否') {
this.formobj.isOnRemindKey = '0'
}
},
sexChange(value) {
const choose = this.sex_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
this.formobj.sexKey = choose[0].dictKey
}
},
sourceChange(value) {
const choose = this.source_list.filter((item) => item.dictKey === value)
if (choose.length > 0 && choose !== null) {
this.formobj.source = choose[0].dictValue
} else {
this.formobj.source = ''
}
},
customerClassChange(value) {
const choose = this.customerClass_list.filter((item) => item.dictKey === value)
if (choose.length > 0 && choose !== null) {
this.formobj.customerClass = choose[0].dictValue
} else {
this.formobj.customerClass = ''
}
},
saveOrUpdate() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
if (this.formobj.customerType === '企业' && this.formobj.name.length < 5) {
this.$message({ showClose: true, type: 'error', message: '因客户类型为企业,客户名称的长度应不少于5个汉字' })
return
}
this.submitdisabled = true
req.saveCustomerVeh(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '保存成功' })
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
name: '',
customerType: '',
customerTypeKey: '',
visitWay: '',
visitWayKey: '',
mobile: '',
weixin: '',
province: '',
city: '',
county: '',
address: '',
level: '',
levelKey: '',
isOnRemind: '',
isOnRemindKey: '',
remind_day: '',
remind_remark: '',
birthday: '',
sex: '',
sexKey: '',
certificateType: '',
certificateTypeKey: '',
idnumber: '',
endDate: '',
e_mail: '',
emergencyContact: '',
emergencyMobile: '',
source: '',
sourceKey: '',
customerClass: '',
customerClassKey: '',
remarks: '',
userSid: '',
orgPath: '',
useOrgSid: '',
sid: '',
customerOrgName: '',
customerOrgSid: ''
}
this.submitdisabled = false
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 120px !important;
width: calc(100% - 115px);
}
/deep/ .el-form-item__error {
margin-left: 120px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group {
display: inline;
line-height: 1px;
vertical-align: middle;
}
</style>

54
yxt-as-ui/src/components/publicPage/selectCustomer.vue
View File

@ -40,7 +40,8 @@
</div> </div>
<!--Start 主页面主要部分 --> <!--Start 主页面主要部分 -->
<div class=""> <div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"> <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" />
<el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/> <el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column fixed label="操作" width="100" align="center"> <el-table-column fixed label="操作" width="100" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
@ -66,6 +67,8 @@
</div> </div>
<!-- 新增客户 --> <!-- 新增客户 -->
<customermanagementAdd ref="divAdd" v-show="viewState == 2" @doback="resetState" @reloadlist="getList" /> <customermanagementAdd ref="divAdd" v-show="viewState == 2" @doback="resetState" @reloadlist="getList" />
<!-- 快捷新增客户 -->
<quickAddCustomer ref="divQuickAdd" v-show="viewState == 3" @doback="resetState" @reloadlist="getList" />
<!-- 客户登记 --> <!-- 客户登记 -->
<el-dialog :visible.sync="dialogVisible" width="30%" :show-close="false"> <el-dialog :visible.sync="dialogVisible" width="30%" :show-close="false">
<el-form ref="form_obj" v-model="formobj" class="formaddcopy02"> <el-form ref="form_obj" v-model="formobj" class="formaddcopy02">
@ -102,6 +105,7 @@ import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import { customerList, typeValues } from '@/api/Common/dictcommons' import { customerList, typeValues } from '@/api/Common/dictcommons'
import customermanagementAdd from '@/views/client/customermanagement/customermanagementAdd' import customermanagementAdd from '@/views/client/customermanagement/customermanagementAdd'
import quickAddCustomer from './quickAddCustomer'
export default { export default {
name: 'Customer', name: 'Customer',
@ -109,12 +113,21 @@ export default {
Pagination, Pagination,
pageye, pageye,
ButtonBar, ButtonBar,
customermanagementAdd customermanagementAdd,
quickAddCustomer
}, },
data() { data() {
return { return {
btndisabled: false, btndisabled: false,
isQuickAdd: false, // 是否快捷新增
btnList: [ btnList: [
{
type: 'primary',
size: 'small',
icon: 'plus',
btnKey: 'toQuickAdd',
btnLabel: '快捷新增客户'
},
{ {
type: 'primary', type: 'primary',
size: 'small', size: 'small',
@ -193,6 +206,9 @@ export default {
btnHandle(btnKey) { btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey) console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) { switch (btnKey) {
case 'toQuickAdd':
this.toQuickAdd()
break
case 'toAdd': case 'toAdd':
this.toAdd() this.toAdd()
break break
@ -203,6 +219,15 @@ export default {
break break
} }
}, },
// 信息条数 获取点击时当前的sid
handleSelectionChange(row) {
const aa = []
this.multipleSelection = row
row.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
},
// 表中序号 // 表中序号
indexMethod(index) { indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size var pagestart = (this.listQuery.current - 1) * this.listQuery.size
@ -246,8 +271,24 @@ export default {
this.listQuery.params.customerTypeKey = '' this.listQuery.params.customerTypeKey = ''
this.getList() this.getList()
}, },
toQuickAdd() {
if (this.sids.length === 1) {
this.dialogVisible = true
this.isQuickAdd = true
this.formobj = {
visitWay: '', // 联络方式
visitWayKey: '',
customerType: '', // 客户类型
customerTypeKey: '',
psid: ''
}
} else {
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行操作' })
}
},
toAdd() { toAdd() {
this.dialogVisible = true this.dialogVisible = true
this.isQuickAdd = false
this.formobj = { this.formobj = {
visitWay: '', // 联络方式 visitWay: '', // 联络方式
visitWayKey: '', visitWayKey: '',
@ -272,8 +313,13 @@ export default {
handleConfirm() { handleConfirm() {
if (this.formobj.customerType !== '' && this.formobj.visitWay !== '') { if (this.formobj.customerType !== '' && this.formobj.visitWay !== '') {
this.dialogVisible = false this.dialogVisible = false
this.viewState = 2 if (this.isQuickAdd) {
this.$refs['divAdd'].showAdd(this.formobj) this.viewState = 2
this.$refs['divQuickAdd'].showAdd(this.formobj, this.sids[0])
} else {
this.viewState = 2
this.$refs['divAdd'].showAdd(this.formobj)
}
} else { } else {
this.$message({ showClose: true, message: '请填写联络方式和客户类型', type: 'warning' }) this.$message({ showClose: true, message: '请填写联络方式和客户类型', type: 'warning' })
} }

Write Preview
Loading…
Cancel
Save