20 changed files with 4359 additions and 3684 deletions
@ -0,0 +1,299 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>现车库存</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleConfirm()">确定</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class=""> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="130px" class="tab-header"> |
|||
<el-form-item label="品牌"> |
|||
<el-select v-model="listQuery.params.carbrand" class="addinputw" placeholder="请选择" @change="changeCarbrand"> |
|||
<el-option v-for="(item, index) in carbrand_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="功能"> |
|||
<el-input v-model="listQuery.params.vehicleType" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="系列"> |
|||
<el-input v-model="listQuery.params.productLine" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="变速箱"> |
|||
<el-input v-model="listQuery.params.gearboxType" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="驱动"> |
|||
<el-input v-model="listQuery.params.driveForm" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="排放标准"> |
|||
<el-input v-model="listQuery.params.emissionStandard" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="马力"> |
|||
<el-input v-model="listQuery.params.power" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="燃料"> |
|||
<el-input v-model="listQuery.params.fuelType" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="版本"> |
|||
<el-input v-model="listQuery.params.vehicleVersion" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">现车库存列表</div> |
|||
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="品牌" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.brandName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleAlias }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车架号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vinNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="颜色" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.carColor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="存放地点" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.location }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="销售指导价(万元)" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.guidedPrice }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import { getList } from '@/api/jichuxinxi/busdepositvehicle' |
|||
|
|||
export default { |
|||
name: "xuanzecheliang", |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
createPage: '', |
|||
dialogVisible: false, // 弹窗 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加-车辆预定 3、编辑 4、查看 5、订金-定金收取 |
|||
// 查询 ----------- |
|||
carbrand_list: [], // 品牌 |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 5, |
|||
params: { |
|||
carbrand: '', |
|||
driveForm: '', |
|||
emissionStandard: '', |
|||
fuelType: '', |
|||
gearboxType: '', |
|||
lockedState: '', |
|||
power: '', |
|||
productLine: '', |
|||
vehicleState: '', |
|||
vehicleType: '', |
|||
vehicleVersion: '' |
|||
} |
|||
}, |
|||
selectDate: undefined, |
|||
temp: {}, // 添加和编辑 |
|||
depositVehicleList: [], |
|||
visible: true, |
|||
hetongdanganguanliInfoShow: false |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
// 初始化 |
|||
init() { |
|||
this.handleFilter() |
|||
this.getcarbrand() |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// 重置 |
|||
handleReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 5, |
|||
params: { |
|||
carbrand: '', |
|||
driveForm: '', |
|||
emissionStandard: '', |
|||
fuelType: '', |
|||
gearboxType: '', |
|||
lockedState: '', |
|||
power: '', |
|||
productLine: '', |
|||
vehicleState: '', |
|||
vehicleType: '', |
|||
vehicleVersion: '' |
|||
} |
|||
} |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
console.log('row', row) |
|||
this.depositVehicleList = row |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
console.log('选择sid', this.sids) |
|||
}, |
|||
// 品牌下拉 |
|||
getcarbrand() { |
|||
// selectBrand().then((res) => { |
|||
// if (res.code === '200') { |
|||
// this.carbrand_list = res.data |
|||
// console.log('下拉框请求品牌', res.data) |
|||
// } |
|||
// }) |
|||
}, |
|||
changeCarbrand(value) { |
|||
let bb = {} |
|||
this.carbrand_list.forEach((e) => { |
|||
// eslint-disable-next-line eqeqeq |
|||
if (e.dictKey == value) { |
|||
bb = { |
|||
name: e.dictValue, |
|||
key: e.dictKey, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.listQuery.params.carbrand = bb.name |
|||
console.log('name', this.listQuery.params.carbrand) |
|||
}, |
|||
// 确认 |
|||
handleConfirm() { |
|||
if (this.sids.length > 0) { |
|||
this.$emit('handleVehicle', this.depositVehicleList) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择车辆!', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('yudingcheliangfanhui') // 到父页面 |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
getList({ |
|||
current: this.listQuery.current, |
|||
size: this.listQuery.size, |
|||
params: { |
|||
modelName: this.listQuery.modelName, |
|||
carModel: this.listQuery.carModel, |
|||
brandName: this.listQuery.brandName |
|||
} |
|||
}).then((response) => { |
|||
console.log('列表查询结果：', response) |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
.el-input__icon { |
|||
width: 40px; |
|||
} |
|||
|
|||
.el-form-item .el-form-item__label { |
|||
width: 100% !important; |
|||
} |
|||
|
|||
.block { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.el-form-item__content label { |
|||
padding: 0 5px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,269 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>选择客户</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleCreate()">新增客户</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class=""> |
|||
<div class="searchcon"> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-form-item label="客户姓名"> |
|||
<el-input v-model="listQuery.params.name" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>--> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange"> |
|||
<el-table-column fixed width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column fixed label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div class="searchbtns"> |
|||
<el-button size="small" type="primary" @click="handleConfirm(scope.row)">选择</el-button> |
|||
<el-button size="small" type="primary" @click="handleUpdate(scope.row)">编辑</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="登记日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.createTime }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="客户名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="手机号码" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.mobile }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="微信号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.weixin }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="客户类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.customerType }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="客户级别" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.level }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<xuanzekehu-add v-show="viewState == 2 || viewState == 3" ref="addAndUpdate" @reloadlist="resetState" @doback="resetState"/> |
|||
<el-dialog title="客户登记-类型" :visible.sync="dialogVisible" width="28%" top="13%"> |
|||
<el-form :model="customerTypeList"> |
|||
<el-form-item label="联络方式" :label-width="formLabelWidth" class="diaForm"> |
|||
<el-select v-model="customerTypeList.visitWay" placeholder="请选择" @change="getVisitWay"> |
|||
<el-option v-for="(item) in visitWay_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="客户类型" :label-width="formLabelWidth" class="diaForm"> |
|||
<el-select v-model="customerTypeList.customerType" placeholder="请选择" @change="getCustomerType"> |
|||
<el-option v-for="(item) in customertype_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button class="el-button-sure" type="primary" @click="handleOpen()">确 定</el-button> |
|||
<el-button @click="dialogVisible = false">取 消</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import { pagerList, typeValues } from '@/api/jichuxinxi/busdepositvehicle' |
|||
import xuanzekehuAdd from './xuanzekehuAdd.vue' |
|||
|
|||
export default { |
|||
name: 'xuanzekehu', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
xuanzekehuAdd |
|||
}, |
|||
data() { |
|||
return { |
|||
dialogVisible: false, // 弹窗 |
|||
formLabelWidth: '110px', |
|||
isSearchShow: true, |
|||
viewState: 1, // 1、列表 2、添加-车辆预定 3、编辑 4、查看 5、订金-定金收取 |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
customerTypeList: { |
|||
visitWay: '', // 联络方式 |
|||
visitWayKey: '', // 联络方式--Key |
|||
customerType: '', // 客户类型 |
|||
customerTypeKey: '', // 客户类型--Key |
|||
psid: '' |
|||
}, |
|||
visitWay_list: [], |
|||
customertype_list: [], |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
name: '', |
|||
userSid: '' |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.getList() |
|||
this.getShuJUZiDian() |
|||
}, |
|||
getShuJUZiDian() { |
|||
typeValues({ type: 'visitWay' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.visitWay_list = res.data |
|||
} |
|||
}) |
|||
typeValues({ type: 'customertype' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.customertype_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
handleOpen() { |
|||
this.viewState = 2 |
|||
if (this.customerTypeList.visitWay !== '' && this.customerTypeList.customerType !== '') { |
|||
this.dialogVisible = false |
|||
const customerTypeList = this.customerTypeList |
|||
this.$refs['addAndUpdate'].openCreate(customerTypeList) |
|||
this.customerTypeList = { |
|||
visitWay: '', // 联络方式 |
|||
visitWayKey: '', // 联络方式--Key |
|||
customerType: '', // 客户类型 |
|||
customerTypeKey: '', // 客户类型--Key |
|||
psid: '' |
|||
} |
|||
} else { |
|||
this.$message({ |
|||
message: '请填写联络方式和客户类型', |
|||
type: 'warning' |
|||
}) |
|||
} |
|||
}, |
|||
getVisitWay(value) { |
|||
let bb = null |
|||
this.visitWay_list.forEach((e) => { |
|||
if (e.dictValue === value) { |
|||
bb = { |
|||
value: e.dictValue, |
|||
key: e.dictKey |
|||
} |
|||
} |
|||
}) |
|||
this.customerTypeList.visitWay = bb.value |
|||
this.customerTypeList.visitWayKey = bb.key |
|||
}, |
|||
getCustomerType(value) { |
|||
let bb = null |
|||
this.customertype_list.forEach((e) => { |
|||
if (e.dictValue === value) { |
|||
bb= { |
|||
value: e.dictValue, |
|||
key: e.dictKey, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.customerTypeList.customerType = bb.value |
|||
this.customerTypeList.customerTypeKey = bb.key |
|||
this.customerTypeList.psid = bb.sid |
|||
}, |
|||
// ----------功能打开开始-------- |
|||
handleCreate() { |
|||
this.dialogVisible = true |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.getList() |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid') |
|||
pagerList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.code === '200' && response.data && response.data.total > 0) { |
|||
this.list = response.data.records |
|||
this.listQuery.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.listQuery.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
console.log('选择sid', this.sids) |
|||
}, |
|||
// 确认选择客户 |
|||
handleConfirm(row) { |
|||
this.$emit('handleCustomer', row) |
|||
}, |
|||
handleUpdate(row) { |
|||
this.viewState = 3 |
|||
this.$refs['addAndUpdate'].openUpdate(row.sid) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.searchcon { |
|||
margin-top: 8px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,948 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>【新增】客户信息</div> |
|||
<div> |
|||
<el-button type="primary" size="small" icon="" @click="handleJUBuCun()">保存</el-button> |
|||
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class=""> |
|||
<div class="titwu">客户信息</div> |
|||
<el-form ref="dataForm" :model="temp" label-position="top" class="formadd" :rules="rules"> |
|||
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px"> |
|||
<div>基础信息</div> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">客户名称</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="name"> |
|||
<el-input v-model="temp.name" maxlength="20" placeholder="请输入客户名称" style="width:50%" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">客户类型</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="weChatID"> |
|||
<span>{{ temp.customerType }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">联系电话</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="mobile"> |
|||
<el-input v-model="temp.mobile" maxlength="20" placeholder="请输入联系电话" style="width:50%" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">微信号</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="weixin"> |
|||
<el-input v-model="temp.weixin" maxlength="20" placeholder="请输入微信号" style="width:50%" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-show="temp.customerType==='个人'"> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">公司名称</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item prop="company"> |
|||
<el-input v-model="temp.companyName" maxlength="20" placeholder="请输入公司名称" style="width:81%" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">客户地址</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<el-select v-model="temp.province" filterable placeholder="请选择省" class="addinputw" style="width:160px" @change="getShen"> |
|||
<el-option v-for="item in inputProvinceList" :key="item.sid" :label="item.name" :value="item.sid"/> |
|||
</el-select> |
|||
<el-select v-model="temp.city" filterable placeholder="请选择市" class="addinputw" style="width:160px" @change="getShi"> |
|||
<el-option v-for="item in inputCityList" :key="item.sid" :label="item.name" :value="item.sid"/> |
|||
</el-select> |
|||
<el-select v-model="temp.county" filterable placeholder="请选择县" class="addinputw" style="width:160px" @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.address" style="width:46%" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">客户级别</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="level"> |
|||
<el-select v-model="temp.level" class="addinputw" placeholder="请选择客户级别" style="width:50%" @change="getJiBie"> |
|||
<el-option v-for="(item, index) in induslevel" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" v-show="stateId=='0'" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">是否开启提醒</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" v-show="stateId=='0'"> |
|||
<el-form-item> |
|||
<el-radio v-model="temp.isOnRemind" label="是">是</el-radio> |
|||
<el-radio v-model="temp.isOnRemind" label="否">否</el-radio> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-show="temp.isOnRemind=='是'"> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">提醒日期</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-date-picker v-model="temp.remind_day" type="date" style="width:50%" value-format="yyyy-MM-dd" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">提醒备注</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.remind_remark" maxlength="20" style="width:50%" placeholder="请输入提醒备注" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!--更多信息--> |
|||
<el-collapse v-model="activeNames"> |
|||
<el-collapse-item title="更多信息" name="2"> |
|||
<el-row v-show="temp.customerType==='个人'"> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">客户生日</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-date-picker v-model="temp.birthday" style="width:50%" type="date" format="yyyy-MM-dd" class="addinputw" value-format="yyyy-MM-dd" placeholder="请选择"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">性别</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-radio v-model="temp.sex" label="男">男</el-radio> |
|||
<el-radio v-model="temp.sex" label="女">女</el-radio> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">证件类型</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.certificateType" style="width:50%" maxlength="20" :readonly="true" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">证件号码</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.idnumber" style="width:50%" maxlength="20" placeholder="请输入证件号码" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">证件有效期</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-date-picker v-model="temp.endDate" style="width:50%" type="date" format="yyyy-MM-dd" class="addinputw" value-format="yyyy-MM-dd" placeholder="请选择"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">电子邮件</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.e_mail" maxlength="20" style="width:50%" placeholder="请输入电子邮箱" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">紧急联系人</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.contacts" maxlength="20" style="width:50%" placeholder="请输入紧急联系人" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">紧急联系电话</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.emergencyMobile" maxlength="20" style="width:50%" placeholder="请输入紧急联系电话" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">客户来源</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-select v-model="temp.source" class="addinputw" style="width:50%" placeholder="请选择客户来源" @change="getKeHuLaiYUan"> |
|||
<el-option v-for="(item, index) in sourceLisst" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">客户分类</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-select v-model="temp.customerClass" style="width:50%" class="addinputw" placeholder="请选择客户分类" @change="getFenLei"> |
|||
<el-option v-for="(item, index) in merClass" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">备注</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.remarks" style="width:81%" maxlength="20" placeholder="请输入备注" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- </el-form>--> |
|||
</el-collapse-item> |
|||
</el-collapse> |
|||
<!--运营情况--> |
|||
<el-collapse v-model="activeNames"> |
|||
<el-collapse-item title="运营情况" name="3"> |
|||
<el-form ref="datufrom" :model="templooke" label-position="top" label-width="190px" class="formadd03"> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">承运货物类型</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-select v-model="templooke.consignmentType" style="width:50%" class="addinputw" placeholder="请选择承运货物类型" @change="getHuoWuLeiXing"> |
|||
<el-option v-for="(item, index) in signmentT" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">承运货物</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-select v-model="templooke.consignment" style="width:50%" class="addinputw" placeholder="请选择承运货物" @change="getHuoWu"> |
|||
<el-option v-for="(item, index) in consign" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">运输路线</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-input v-model="templooke.hallway_state" style="width:50%" maxlength="20" placeholder="请输入运输路线" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">购车状态</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<div class="yihang"> |
|||
<el-checkbox-group v-if="aseType.length > 0" v-model="aseTypeBox" @change="changexuanze"> |
|||
<el-checkbox v-for="item in aseType" :key="item.divtkey" :label="item.divtkey"> |
|||
{{ item.dictValue }} |
|||
</el-checkbox> |
|||
</el-checkbox-group> |
|||
<div class="mw">第<el-input v-model="templooke.purchase_num" :disabled="templooke.purchase_num == '0'" maxlength="10" class="addinputwduan" clearable/>辆</div> |
|||
</div> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">现有车辆</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-input style="width:50%" v-model="templooke.existing_vehicles" maxlength="20" placeholder="请输入现有车辆" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">现有车辆品牌</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-input style="width:50%" v-model="templooke.existing_vehiclesBrand" maxlength="20" placeholder="请输入现有车辆品牌" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span slot="label">备注</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<el-input style="width:81%" v-model="templooke.remarks" maxlength="20" placeholder="请输入备注" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-collapse-item> |
|||
</el-collapse> |
|||
<!--见证材料--> |
|||
<el-collapse v-model="activeNames" v-show="stateId=='0'"> |
|||
<el-collapse-item title="见证材料" name="4"> |
|||
<el-form ref="datufrom" :model="templooke" label-position="right" label-width="190px" class="formadd03"> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<span slot="label">文件</span> |
|||
<Upload ref="uploadImg" v-model="list1" :limit="1" bucket="map" :upload-data="{type:'0001'}"/> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-collapse-item> |
|||
</el-collapse> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!-- 弹框提示 --> |
|||
<el-dialog :visible.sync="dialogFormVisible" width="300px" :close-on-click-modal="false"> |
|||
<div class="result-cont"> |
|||
是否更新用户 |
|||
</div> |
|||
<div slot="footer" v-loading="FormLoading" class="dialog-footer"> |
|||
<el-button @click="dialogFormVisibl()">否</el-button> |
|||
<el-button type="primary" @click="dialogStatus()">是</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { savePcCustomerInfo, getPcCustomerInfoBySid, updatePcCustomerInfo } from '@/api/jichuxinxi/crmcustomer' |
|||
import { getProvince, getCity, getCounty } from '@/api/portal/areaPicker' // 省市区 |
|||
import { typeValues } from '@/api/dictcommons/shujuzidian' |
|||
import { getPcBusinessInfoBySid } from '@/api/jichuxinxi/crmbusiness' |
|||
import Upload from '@/components/uploadFile/upload.vue' // 上传文件 |
|||
|
|||
export default { |
|||
name: 'xuanzekehuAdd', |
|||
components: { Upload }, |
|||
data() { |
|||
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}$/ |
|||
if (Submit.test(value)) { |
|||
return callback() |
|||
} |
|||
callback(new Error('请输入手机号')) |
|||
} |
|||
var identitycard = (rules, value, callback) => { |
|||
const card = |
|||
/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ |
|||
if (card.test(value)) { |
|||
return callback() |
|||
} |
|||
callback(new Error('请输入身份证号码')) |
|||
} |
|||
return { |
|||
// ---见证材料 |
|||
list1: [], |
|||
province: [], |
|||
city: [], |
|||
county: [], |
|||
inputProvinceList: [], |
|||
inputCityList: [], |
|||
inputCountyList: [], |
|||
list: [], |
|||
activeNames: ['1'], |
|||
// --按钮菜单------- |
|||
customerClass: 'customerClass', |
|||
merClass: [], |
|||
customerSource: 'customerSource', |
|||
sourceLisst: [], |
|||
customerLevel: 'customerLevel', |
|||
induslevel: [], |
|||
visitWay: 'visitWay', |
|||
industway: [], |
|||
documenttype: 'documenttype', |
|||
cateType: [], |
|||
consignmentType: 'consignmentType', |
|||
signmentT: [], |
|||
consignment: 'consignment', |
|||
consign: [], |
|||
industrytype: 'industrytype', |
|||
industry_type: [], |
|||
customerType_list: [], |
|||
sex_list: [], |
|||
aseTypeBox: [], |
|||
aseType: [ |
|||
{ |
|||
dictValue: '首次购车', |
|||
divtkey: 0 |
|||
}, |
|||
{ |
|||
dictValue: '续购', |
|||
divtkey: 1 |
|||
} |
|||
], |
|||
stateId: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
crmVisitAppendixDtoList: [], |
|||
temp: { |
|||
crmBusinessDto: {}, |
|||
crmVisitAppendixDtoList: [], |
|||
customerType: '', // 客户类型 |
|||
visitWay: '', // 见面方式 |
|||
visitWayKey: '', |
|||
userSid: '' |
|||
}, // 添加和修改 |
|||
templooke: {}, |
|||
dialogFormVisible: false, |
|||
rules: { |
|||
name: [{ required: true, message: '请填写客户名称', trigger: 'blur' }], |
|||
address: [{ required: true, message: '请填写客户地址', trigger: 'blur' }] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 初始 |
|||
init() { |
|||
this.getShuJUZiDian() |
|||
this.huoquSheng() |
|||
}, |
|||
// 修改回显 |
|||
openUpdate(sid) { |
|||
this.stateId = sid |
|||
this.isOnRemind = '否' |
|||
this.init() |
|||
if (this.stateId !== '0') { |
|||
getPcCustomerInfoBySid(this.stateId).then((response) => { |
|||
console.log(response.data) |
|||
if (response.code === '200') { |
|||
this.$refs['dataForm'].clearValidate() |
|||
this.temp = response.data |
|||
this.temp.birthday = this.getDates(this.temp.birthday) |
|||
if (this.temp.customerType !== '') { |
|||
typeValues({ type: 'customerType' }).then((res) => { |
|||
if (res.code === '200') { |
|||
if (this.temp.customerType === '个人') { |
|||
this.temp.certificateType = '身份证' |
|||
this.temp.certificateTypeKey = '01' |
|||
} else { |
|||
this.temp.certificateType = '营业执照' |
|||
this.temp.certificateTypeKey = '02' |
|||
} |
|||
this.customerType_list = res.data |
|||
this.customerType_list.forEach((e) => { |
|||
if (e.dictValue === this.temp.customerType) { |
|||
typeValues({ psid: e.sid, type: this.customerClass }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.merClass = res.data |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
getPcBusinessInfoBySid(this.stateId).then((response) => { |
|||
if (response.code === '200') { |
|||
this.templooke = response.data |
|||
// 选择框回显 |
|||
const Arry = [] |
|||
Arry.push(parseInt(response.data.purchase_time)) |
|||
this.aseTypeBox = Arry |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
// 新增 |
|||
openCreate(customerTypeList) { |
|||
this.temp.customerType = customerTypeList.customerType |
|||
this.temp.customerTypeKey = customerTypeList.customerTypeKey |
|||
this.temp.visitWay = customerTypeList.visitWay |
|||
this.temp.visitWayKey = customerTypeList.visitWayKey |
|||
this.$refs['dataForm'].clearValidate() |
|||
this.stateId = '0' |
|||
this.init() |
|||
if (this.temp.customerType !== '') { |
|||
if (this.temp.customerType === '个人') { |
|||
this.temp.certificateType = '身份证' |
|||
this.temp.certificateTypeKey = '01' |
|||
} else { |
|||
this.temp.certificateType = '营业执照' |
|||
this.temp.certificateTypeKey = '02' |
|||
} |
|||
typeValues({ psid: customerTypeList.psid, type: this.customerClass }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.merClass = res.data |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
// --------------------------------------------------------------------------------- |
|||
// ---------------------------客户基础信息方法------------------------------------------------------ |
|||
// --------------------------------------------------------------------------------- |
|||
// 下拉卡框 数据字典 |
|||
getShuJUZiDian() { |
|||
typeValues({ type: this.documenttype }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.cateType = res.data |
|||
} |
|||
}) |
|||
// |
|||
typeValues({ type: this.customerSource }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.sourceLisst = res.data |
|||
} |
|||
}) |
|||
// |
|||
typeValues({ type: this.customerLevel }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.induslevel = res.data |
|||
} |
|||
}) |
|||
// |
|||
typeValues({ type: this.visitWay }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.industway = res.data |
|||
} |
|||
}) |
|||
// |
|||
typeValues({ type: this.industrytype }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.industry_type = res.data |
|||
} |
|||
}) |
|||
// |
|||
typeValues({ type: this.consignmentType }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.signmentT = res.data |
|||
} |
|||
}) |
|||
// |
|||
typeValues({ type: this.consignment }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.consign = res.data |
|||
} |
|||
}) |
|||
// |
|||
typeValues({ type: 'sex' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.sex_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// -------------------------获取省市县方法------------------------- |
|||
huoquSheng() { |
|||
getProvince().then((res) => { |
|||
if (res.code === '200') { |
|||
this.inputProvinceList = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getShen(value) { |
|||
let bb = '' |
|||
this.inputProvinceList.forEach((e) => { |
|||
if (e.sid === value) { |
|||
bb = { |
|||
name: e.name, |
|||
districtCode: e.districtCode, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
// 这里是把code的值赋给province省字段 |
|||
this.temp.province = bb.name |
|||
this.huoquShi(bb.sid) |
|||
}, |
|||
huoquShi(sid1) { |
|||
var sid = { |
|||
sid: sid1 |
|||
} |
|||
getCity(sid).then((res) => { |
|||
console.log('2222市', res) |
|||
if (res.code === '200') { |
|||
this.inputCityList = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getShi(value) { |
|||
let bb = '' |
|||
this.inputCityList.forEach((e) => { |
|||
if (e.sid === value) { |
|||
bb = { |
|||
name: e.name, |
|||
districtCode: e.districtCode, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.temp.city = bb.name |
|||
this.huoquXian(bb.sid) |
|||
}, |
|||
huoquXian(sid1) { |
|||
var sid = { |
|||
sid: sid1 |
|||
} |
|||
getCounty(sid).then((res) => { |
|||
console.log('333县', res) |
|||
if (res.code === '200') { |
|||
this.inputCountyList = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getQu(value) { |
|||
let bb = '' |
|||
this.inputCountyList.forEach((e) => { |
|||
if (e.sid === value) { |
|||
bb = { |
|||
name: e.name, |
|||
districtCode: e.districtCode, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.temp.county = bb.name |
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 组件返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.activeNames = ['1'] |
|||
this.templooke = {} |
|||
this.temp = {} |
|||
this.aseTypeBox = [] |
|||
this.$emit('doback') |
|||
}, |
|||
// 转换时间格式 |
|||
getDates(v) { |
|||
var now = new Date(v) |
|||
var year = now.getFullYear() // 年 |
|||
var month = now.getMonth() + 1 // 月 |
|||
var day = now.getDate() // 日 |
|||
var hh = now.getHours() // 时 |
|||
var mm = now.getMinutes() // 分 |
|||
var ss = now.getSeconds() // 分 |
|||
var clock = year + '-' |
|||
if (month < 10) clock += '0' |
|||
clock += month + '-' |
|||
if (day < 10) clock += '0' |
|||
clock += day + ' ' |
|||
if (hh < 10) clock += '0' |
|||
clock += hh + ':' |
|||
if (mm < 10) clock += '0' |
|||
clock += mm + ':' |
|||
if (ss < 10) clock += '0' |
|||
clock += ss |
|||
return clock |
|||
}, |
|||
// 首次 续购 处理 |
|||
findselect(list, value) { |
|||
var item = null |
|||
for (var i = 0; i < list.length; i++) { |
|||
if (list[i].divtkey === value) { |
|||
item = list[i] |
|||
break |
|||
} |
|||
} |
|||
return item |
|||
}, |
|||
// 首次 续购 |
|||
changexuanze() { |
|||
this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]] |
|||
const item = this.findselect(this.aseType, this.aseTypeBox[0]) |
|||
this.templooke.purchase_time = item.divtkey |
|||
}, |
|||
// 保存客户运营数据 |
|||
handleJUBuCun() { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.FormLoading = true |
|||
if (this.temp.sex !== '') { |
|||
this.sex_list.forEach((e) => { |
|||
if (e.dictValue === this.temp.sex) { |
|||
this.temp.sexKey = e.dictKey |
|||
} |
|||
}) |
|||
} |
|||
if (this.temp.isOnRemind !== '' && this.temp.isOnRemind === '是') { |
|||
this.temp.isOnRemindkey = 1 |
|||
} else { |
|||
this.temp.isOnRemindkey = 0 |
|||
} |
|||
if (!this.temp.birthday) { |
|||
this.temp.birthday = '' |
|||
} |
|||
if (this.stateId === '0') { |
|||
this.temp.userSid = window.sessionStorage.getItem('userSid') |
|||
this.temp.crmBusinessDto = this.templooke |
|||
this.getUrl() |
|||
this.temp.crmVisitAppendixDtoList = this.crmVisitAppendixDtoList |
|||
savePcCustomerInfo(this.temp).then((response) => { |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '添加成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
this.list1 = [] |
|||
this.handleReturn('true') |
|||
} else if ('511' === response.code || '513' === response.code) { |
|||
this.FormLoading = false |
|||
this.dialogFormVisible = true |
|||
this.stateId = response.data |
|||
} else { |
|||
alert(200) |
|||
} |
|||
}).catch(() => {}) |
|||
} else { |
|||
this.temp.userSid = window.sessionStorage.getItem('userSid') |
|||
this.temp.crmBusinessDto = this.templooke |
|||
updatePcCustomerInfo(this.temp).then((res) => { |
|||
this.FormLoading = false |
|||
if (res.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '修改成功', |
|||
type: 'success', |
|||
duration: 2000 |
|||
}) |
|||
this.handleReturn('true') |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '修改失败', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
dialogStatus() { |
|||
this.dialogFormVisible = false |
|||
this.openUpdate(this.stateId) |
|||
}, |
|||
dialogFormVisibl() { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '用户名手机号重复', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
this.dialogFormVisible = false |
|||
return |
|||
}, |
|||
// 客户分类 |
|||
getFenLei(value) { |
|||
let bb = null |
|||
this.merClass.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
type: 'customerClass', |
|||
name: e.dictValue, |
|||
vaule: e.dictKey |
|||
} |
|||
} |
|||
}) |
|||
this.temp.customerClass = bb.name |
|||
this.temp.customerClassKey = bb.vaule |
|||
}, |
|||
// 客户来源 |
|||
getKeHuLaiYUan(value) { |
|||
let bb = null |
|||
this.sourceLisst.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
type: 'customerSource', |
|||
name: e.dictValue, |
|||
vaule: e.dictKey |
|||
} |
|||
} |
|||
}) |
|||
this.temp.source = bb.name |
|||
this.temp.sourceKey = bb.vaule |
|||
}, |
|||
// 客户级别 |
|||
getJiBie(value) { |
|||
let bb = null |
|||
this.induslevel.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
type: 'customerLevel', |
|||
name: e.dictValue, |
|||
vaule: e.dictKey |
|||
} |
|||
} |
|||
}) |
|||
this.temp.level = bb.name |
|||
this.temp.levelKey = bb.vaule |
|||
}, |
|||
// 货物类别 |
|||
getHuoWuLeiXing(value) { |
|||
let bb = null |
|||
this.signmentT.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
type: 'consignmentType', |
|||
name: e.dictValue, |
|||
vaule: e.dictKey |
|||
} |
|||
} |
|||
}) |
|||
this.templooke.consignmentType = bb.name |
|||
this.templooke.consignmentTypeKey = bb.vaule |
|||
}, |
|||
// 货物 |
|||
getHuoWu(value) { |
|||
let bb = null |
|||
this.consign.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
type: 'consignment', |
|||
name: e.dictValue, |
|||
vaule: e.dictKey |
|||
} |
|||
} |
|||
}) |
|||
this.templooke.consignment = bb.name |
|||
this.templooke.consignmentKey = bb.vaule |
|||
}, |
|||
// ------------------------------见证材料-------------------------------- |
|||
getUrl() { |
|||
for (var i = 0; i < this.list1.length; i++) { |
|||
var namese = this.list1[i].name |
|||
var nameArr = namese.split('.') |
|||
this.crmVisitAppendixDtoList.push({ |
|||
// attachType: '0001', |
|||
fileName: this.list1[i].name, |
|||
filePath: this.list1[i].url, |
|||
fileSize: this.list1[i].size, |
|||
// linkSid: this.temp.customerSid, |
|||
createBySid: window.sessionStorage.getItem('userSid'), |
|||
fileType: nameArr[nameArr.length - 1] |
|||
}) |
|||
console.log('11223344', this.crmVisitAppendixDtoList) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
.trightb { |
|||
text-align: right; |
|||
} |
|||
|
|||
.addinputwduan { |
|||
width: 80px; |
|||
margin: 0 5px; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
background-color: #0294d7; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
padding-bottom: 0; |
|||
} |
|||
.titwu { |
|||
font-size: 28px; |
|||
text-align: center; |
|||
padding: 30px 0 20px 0; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue