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

Merge remote-tracking branch 'origin/master'

zhanglei
God 3 years ago
parent
9c33f4aac5 baf4c8f415
commit
ce560c0467
17 changed files with 3221 additions and 3804 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. 33
      anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/crmvehicle.js
  2. 260
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiu.vue
  3. 632
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue
  4. 409
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuinfo.vue
  5. 213
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/modelsToChoose.vue
  6. 271
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudangan.vue
  7. 482
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganAdd.vue
  8. 287
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganinfo.vue
  9. 201
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiliAdd.vue
  10. 215
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiluguanli.vue
  11. 224
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuziliao/kehudanganziliao.vue
  12. 180
      anrui-buscenter/anrui-buscenter-ui/src/views/teshushenpi/qiankuanticheguanli/jiansuocheliang.vue
  13. 2
      anrui-buscenter/anrui-buscenter-ui/src/views/teshushenpi/qiankuanticheguanli/qiankuanticheguanli.vue
  14. 2
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshouzhengce/xiaoshouzhengce.vue
  15. 73
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingdanguanli.vue
  16. 193
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingjinAdd.vue
  17. 58
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingjininfo.vue

33
anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/crmvehicle.js
View File

@ -1,13 +1,23 @@
import request from '@/utils/request' import request from '@/utils/request'
import qs from 'qs'
// Pc端客户基础信息条件分页查询数据的列表
//Pc端客户基础信息条件分页查询数据的列表
export function pagerList(data) { export function pagerList(data) {
return request({ return request({
url: '/crm/v1/crmvehicledemand/listPage',data, url: '/crm/v1/crmvehicledemand/listPage',
data,
method: 'post',
headers: {
'Content-Type': 'application/json'
}
})
}
// 客户管理--意向车型--车型选择
export function listPageByVehmodel(data) {
return request({
url: '/base/v1/basevehiclemodel/listPageByVehmodel',
data,
method: 'post', method: 'post',
// data: data,
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
@ -17,7 +27,8 @@ export function pagerList(data) {
// 添加 -- 修改 // 添加 -- 修改
export function saveOrUpdatePcCrmVehicleInfo(data) { export function saveOrUpdatePcCrmVehicleInfo(data) {
return request({ return request({
url: '/crm/v1/crmvehicledemand/save',data, url: '/crm/v1/crmvehicledemand/save',
data,
method: 'post', method: 'post',
data1: data, data1: data,
headers: { headers: {
@ -28,7 +39,7 @@ export function saveOrUpdatePcCrmVehicleInfo(data) {
export function UpdatePcCrmVehicleInfo(data) { export function UpdatePcCrmVehicleInfo(data) {
return request({ return request({
url: '/crm/v1/crmvehicledemand/update/'+data.sid, url: '/crm/v1/crmvehicledemand/update/' + data.sid,
method: 'post', method: 'post',
data: data, data: data,
headers: { headers: {
@ -38,15 +49,14 @@ export function UpdatePcCrmVehicleInfo(data) {
} }
// 回显 // 回显
export function getPcVehicleInfoBySid(data,user) { export function getPcVehicleInfoBySid(data, user) {
return request({ return request({
url: '/crm/v1/crmvehicledemand/fetchSid/'+ data, url: '/crm/v1/crmvehicledemand/fetchSid/' + data,
method: 'get', method: 'get',
data:data, data: data
}) })
} }
// 删除 // 删除
export function delBySids(data) { export function delBySids(data) {
return request({ return request({
@ -55,4 +65,3 @@ export function delBySids(data) {
data: data data: data
}) })
} }

260
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiu.vue
View File

@ -1,12 +1,14 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="visible"> <div v-show="viewState ==1">
<div class="tab-header webtop"> <div class="tab-header webtop">
<div>{{this.customerName}}客户-意向车型</div> <div>{{ this.customerName }}客户-意向车型</div>
<div> <div>
<el-button type="primary" size="small" icon="el-icon-plus" @click="handleCreate()">新增</el-button> <el-button v-show="btnVisible" type="primary" size="small" icon="el-icon-plus" @click="handleCreate()">新增
</el-button>
<!-- <el-button type="primary" size="small" @click="handleUpdate()">编辑</el-button> --> <!-- <el-button type="primary" size="small" @click="handleUpdate()">编辑</el-button> -->
<el-button type="danger" size="small" icon="el-icon-delete" @click="handleDelete()">删除</el-button> <el-button v-show="btnVisible" type="danger" size="small" icon="el-icon-delete" @click="handleDelete()">删除
</el-button>
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
</div> </div>
</div> </div>
@ -22,8 +24,7 @@
</el-form-item> </el-form-item>
<el-form-item label="车型"> <el-form-item label="车型">
<el-select v-model="listQuery.params.modelName" class="addinputw" placeholder="请选择" @change="getName" style="width:300px"> <el-select v-model="listQuery.params.modelName" class="addinputw" placeholder="请选择" @change="getName" style="width:300px">
<el-option v-for="(item, index) in figuration" :key="index" :label="item.modelName" <el-option v-for="(item, index) in figuration" :key="index" :label="item.modelName" :value="item.sid"/>
:value="item.sid"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="购买方式"> <el-form-item label="购买方式">
@ -33,11 +34,9 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="formItem" label="创建时间"> <el-form-item class="formItem" label="创建时间">
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeStart" clearable <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeStart" clearable style="width: 160px;" type="date" placeholder="开始日期"/>
style="width: 160px;" type="date" placeholder="开始日期"/>
<div class="line">至</div> <div class="line">至</div>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeEnd" clearable <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeEnd" clearable style="width: 160px;" type="date" placeholder="结束日期"/>
style="width: 160px;" type="date" placeholder="结束日期"/>
</el-form-item> </el-form-item>
<div class="searchbtns"> <div class="searchbtns">
<el-button type="primary" icon="el-icon-search" @click="handleFilter">查询</el-button> <el-button type="primary" icon="el-icon-search" @click="handleFilter">查询</el-button>
@ -48,17 +47,15 @@
</div> </div>
<div class="listtop"> <div class="listtop">
<div class="tit">意向车型列表</div> <div class="tit">意向车型列表</div>
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" <pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
class="pagination" @pagination="getList"/>
</div> </div>
<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">
@selection-change="handleSelectionChange">
<el-table-column width="50px" type="selection" align="center"/> <el-table-column width="50px" type="selection" align="center"/>
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/> <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="品牌" align="center"> <el-table-column label="品牌" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.brandName}}</span> <span>{{ scope.row.brandName }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="车型" align="center"> <el-table-column label="车型" align="center">
@ -68,37 +65,37 @@
</el-table-column> </el-table-column>
<el-table-column label="购车方式" align="center"> <el-table-column label="购车方式" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.purchaseMethodValue}}</span> <span>{{ scope.row.purchaseMethodValue }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="销售指导价" align="center"> <el-table-column label="销售指导价(万元)" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.saleReferencePrice}}</span> <span>{{ scope.row.saleReferencePrice }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="车型报价" align="center"> <el-table-column label="车型报价" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.vehicleModelOffer}}</span> <span>{{ scope.row.vehicleModelOffer }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="数量" align="center"> <el-table-column label="数量" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.number}}</span> <span>{{ scope.row.number }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="预提车日期" align="center"> <el-table-column label="预提车日期" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.estimatedPickupDate}}</span> <span>{{ scope.row.estimatedPickupDate }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="创建时间" align="center"> <el-table-column label="创建时间" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.createTime}}</span> <span>{{ scope.row.createTime }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="备注" align="center"> <el-table-column label="备注" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.remarks}}</span> <span>{{ scope.row.remarks }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -106,30 +103,28 @@
<div class="pages"> <div class="pages">
<div class="tit"/> <div class="tit"/>
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="total > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" <pagination v-show="total > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
class="pagination" @pagination="getList"/>
</div> </div>
</div> </div>
</div> </div>
<cheliangxuqiuAdd @handleReturn="handleReturn_copy" ref="divadd"/> <cheliangxuqiuAdd v-show="viewState ==2" ref="divadd" @handleReturn="handleReturn_copy"/>
<cheliangxuqiuinfo ref="divinfo" @handleReturn="visible=true"/> <cheliangxuqiuinfo v-show="viewState ==3" ref="divinfo" @handleReturn="handleReturn_copy"/>
</div> </div>
</template> </template>
<script> <script>
import {mapGetters} from 'vuex' import { pagerList, delBySids } from '@/api/jichuxinxi/crmvehicle'
import {pagerList, delBySids} from '@/api/jichuxinxi/crmvehicle' import Pagination from '@/components/pagination'
import Pagination from '@/components/pagination' import pageye from '@/components/pagination/pageye'
import pageye from '@/components/pagination/pageye' import { getNamesDownBySid, getPinpai, getSelectDown } from '@/api/dictcommons/basemanufacturer'
import {getNamesDownBySid,getPinpai,getSelectDown} from '@/api/dictcommons/basemanufacturer' import { typeValues } from '@/api/dictcommons/shujuzidian'
import {typeValues} from '@/api/dictcommons/shujuzidian' import { loginDetails } from '@/api/dictcommons/basemanufacturer'
import {loginDetails} from '@/api/dictcommons/basemanufacturer' import { getStorage } from '@/utils/auth'
import {getStorage} from '@/utils/auth' import cheliangxuqiuAdd from './cheliangxuqiuAdd'
import cheliangxuqiuAdd from "./cheliangxuqiuAdd"; import cheliangxuqiuinfo from './cheliangxuqiuinfo'
import cheliangxuqiuinfo from "./cheliangxuqiuinfo";
export default { export default {
name: "cheliangxuqiu", name: 'cheliangxuqiu',
components: { components: {
cheliangxuqiuAdd, cheliangxuqiuAdd,
cheliangxuqiuinfo, cheliangxuqiuinfo,
@ -138,12 +133,13 @@
}, },
data() { data() {
return { return {
viewState: 1,
btnVisible: false,
customerSid: '', customerSid: '',
customerName:'', customerName: '',
isSearchShow: false, isSearchShow: false,
searchxianshitit: '隐藏查询条件', searchxianshitit: '隐藏查询条件',
btndisabled: false, btndisabled: false,
visible: false,
tableKey: 0, tableKey: 0,
sids: [], sids: [],
list: [], list: [],
@ -153,9 +149,9 @@
figuration: [], figuration: [],
listQuery: { listQuery: {
current: 1, current: 1,
size: 20, size: 10,
total:0, total: 0,
params:{ params: {
brandName: '', brandName: '',
comonConfigSid: '', comonConfigSid: '',
createTimeEnd: '', createTimeEnd: '',
@ -170,22 +166,12 @@
stateId: '', stateId: '',
upLevel: '', upLevel: '',
YongHuid: [], YongHuid: [],
brand_list:[], brand_list: [],
orgSid_list:[], orgSid_list: [],
selectDate: undefined, selectDate: undefined,
temp: {}, // 添加和修改 temp: {} // 添加和修改
// ------------------------------------
} }
}, },
// computed: {
// ...mapGetters([
// 'id',
// 'roles',
// 'rolesIds',
// 'departmentId',
// 'departmentCode',
// ]),
// },
created() { created() {
// 初始化变量 // 初始化变量
this.init() this.init()
@ -207,7 +193,7 @@
this.getShuJUZiDian() this.getShuJUZiDian()
}, },
getShuJUZiDian() { getShuJUZiDian() {
typeValues({type: 'purchaseType'}).then((res) => { typeValues({ type: 'purchaseType' }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.orgSid_list = res.data this.orgSid_list = res.data
} }
@ -217,42 +203,41 @@
}, },
// 车辆品牌 // 车辆品牌
chePinPai(){ chePinPai() {
getPinpai().then((response) =>{ getPinpai().then((response) => {
if (response.code === '200') { if (response.code === '200') {
this.brand_list = response.data this.brand_list = response.data
} }
}) })
}, },
changePinPai(value){ changePinPai(value) {
let bb = [] let bb = []
this.brand_list.forEach((e) => { this.brand_list.forEach((e) => {
if (e.sid == value) { if (e.sid === value) {
bb = { bb = {
name: e.brandName, name: e.brandName,
sid: e.sid, sid: e.sid
} }
} }
}) })
this.listQuery.params.brandName = bb.name this.listQuery.params.brandName = bb.name
this.getCheXingName(bb.sid) this.getCheXingName(bb.sid)
}, },
//接收客户管理值 // 接收客户管理值
cheLiang(sid, upLevel,name, showed) { cheLiang(sid, upLevel, name, status) {
if (status !== '02') {
this.btnVisible = true
}
this.customerName = name this.customerName = name
this.stateId = sid this.stateId = sid
this.upLevel = upLevel // 关闭所需判断属性 this.upLevel = upLevel // 关闭所需判断属性
this.visible = true; this.getList()
this.getList();
if (showed && typeof showed === 'function') {
showed()
}
}, },
// ----------功能打开开始-------- // ----------功能打开开始--------
// 品牌 // 品牌
getPinPai(sid) { getPinPai(sid) {
var manufacturerSid = { var manufacturerSid = {
manufacturerSid: sid, manufacturerSid: sid
} }
getNamesDownBySid(manufacturerSid).then((response) => { getNamesDownBySid(manufacturerSid).then((response) => {
if (response.code === '200') { if (response.code === '200') {
@ -263,7 +248,7 @@
// 车型名称 // 车型名称
getCheXingName(brandSid) { getCheXingName(brandSid) {
var sid = { var sid = {
sid: brandSid, sid: brandSid
} }
getSelectDown(sid).then((response) => { getSelectDown(sid).then((response) => {
if (response.code === '200') { if (response.code === '200') {
@ -275,10 +260,10 @@
let bb = null let bb = null
this.figuration.forEach((e) => { this.figuration.forEach((e) => {
console.log('999', e) console.log('999', e)
if (e.sid == value) { if (e.sid === value) {
bb = { bb = {
name: e.modelName, name: e.modelName,
vaule: e.sid, vaule: e.sid
} }
} }
}) })
@ -293,65 +278,60 @@
} }
}) })
}, },
handleReturn_copy(){ handleReturn_copy() {
this.visible=true this.viewState = 1
this.getList() this.getList()
}, },
// 勾选 // 勾选
handleSelectionChange(row) { handleSelectionChange(row) {
const aa = []; const aa = []
const bb = []; const bb = []
const cc = []; const cc = []
console.log('112233', row) console.log('112233', row)
row.forEach((element) => { row.forEach((element) => {
aa.push(element.sid) aa.push(element.sid)
}); })
row.forEach((element) => { row.forEach((element) => {
bb.push(element.name, element.mobile) bb.push(element.name, element.mobile)
}); })
this.sids = aa this.sids = aa
row.forEach((element) => { row.forEach((element) => {
cc.push(element.name) cc.push(element.name)
}); })
this.names = cc this.names = cc
console.log('勾选记录',this.sids) console.log('勾选记录', this.sids)
}, },
// 打开添加 // 打开添加
handleCreate() { handleCreate() {
this.visible = false this.viewState = 2
this.$refs.divadd.openCreate(this.stateId, () => { this.$refs.divadd.openCreate(this.stateId)
this.visible = false
})
}, },
// 打开修改 // 打开修改
handleUpdate() { handleUpdate() {
if (this.sids.length === 1){ if (this.sids.length === 1) {
this.visible = false
this.$refs.divadd.openUpdate(this.sids[0], this.stateId, () => { this.$refs.divadd.openUpdate(this.sids[0], this.stateId, () => {
this.visible = false
}) })
}else if (this.sids.length > 1) { } else if (this.sids.length > 1) {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '不能选中多个修改!', message: '不能选中多个修改!',
type: 'info', type: 'info',
duration: 2000, duration: 2000
}) })
} else { } else {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '没有选择信息!', message: '没有选择信息!',
type: 'error', type: 'error',
duration: 2000, duration: 2000
}) })
return return
} }
}, },
// 打开查看详情 // 打开查看详情
handleCheck(row) { handleCheck(row) {
this.$refs.divinfo.openinfo(row.sid, this.stateId, () => { this.viewState = 3
this.visible = false this.$refs['divinfo'].openinfo(row.sid, this.stateId)
})
}, },
// ----------功能打开结束-------- // ----------功能打开结束--------
// 序号 // 序号
@ -362,18 +342,17 @@
}, },
// 返回 // 返回
handleReturn() { handleReturn() {
this.btnVisible = false
if (this.upLevel == '0') { if (this.upLevel == '0') {
this.visible = false
this.$emit('handleReturn') this.$emit('handleReturn')
} else if (this.upLevel == '1') { } else if (this.upLevel == '1') {
this.visible = false
this.$emit('handleReturn') this.$emit('handleReturn')
} }
}, },
// 查询列表信息 // 查询列表信息
getList() { getList() {
this.listLoading = true this.listLoading = true
this.listQuery.params.customerSid=this.stateId this.listQuery.params.customerSid = this.stateId
pagerList(this.listQuery).then((response) => { pagerList(this.listQuery).then((response) => {
this.listLoading = false this.listLoading = false
if (response.code === '200') { if (response.code === '200') {
@ -381,12 +360,12 @@
} }
}) })
}, },
resetSearch(){ resetSearch() {
this.listQuery={ this.listQuery = {
current: 1, current: 1,
size: 20, size: 20,
total:0, total: 0,
params:{ params: {
brandName: '', brandName: '',
comonConfigSid: '', comonConfigSid: '',
createTimeEnd: '', createTimeEnd: '',
@ -398,7 +377,7 @@
visitSid: '' visitSid: ''
} }
} }
this.figuration=[] this.figuration = []
this.getList() this.getList()
}, },
// 查询按钮 // 查询按钮
@ -409,20 +388,20 @@
}, },
// 根据本行ID删除数据 // 根据本行ID删除数据
handleDelete() { handleDelete() {
if(this.sids.length==0){ if (this.sids.length == 0) {
this.$message({ this.$message({
showClose: true, showClose: true,
type: "error", type: 'error',
message: "请选择至少一条记录进行删除操作", message: '请选择至少一条记录进行删除操作'
}); })
return; return
} }
const tip = "请确认是否删除所选 " + this.sids.length + " 条记录?"; const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, "提示", { this.$confirm(tip, '提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then(()=>{ }).then(() => {
if (this.sids.length > 0) { if (this.sids.length > 0) {
delBySids(this.sids).then((response) => { delBySids(this.sids).then((response) => {
console.log('3455', response) console.log('3455', response)
@ -431,59 +410,22 @@
title: '提示', title: '提示',
message: '删除成功', message: '删除成功',
type: 'success', type: 'success',
duration: 2000, duration: 2000
}) })
this.getList() this.getList()
} else { } else {
this.$notify({ this.$notify({
title: '删除失败', title: '删除失败',
message: response.msg, message: response.msg,
type: 'error', type: 'error'
}) })
} }
}) })
} }
}) })
},
// 导出
handleDaoChu() {
// this.$confirm('确定要导出数据, 是否继续?', '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// })
basefinbankExportExcel(this.sids).then((res) => {
const blob = new Blob([res], {
type: 'application/vnd.ms-excel',
})
const objectUrl = URL.createObjectURL(blob)
window.location.href = objectUrl
this.$notify({
title: '提示',
message: '导出成功',
type: 'success',
duration: 2000,
})
})
},
// 添加修改返回
AddUpdateReturn() {
this.visible = true
},
// 添加保存完成
dataCreated() {
window.location.reload()
this.visible = true
this.handleFilter()
},
// 修改保存完成
dataUpdated() {
window.location.reload()
this.visible = true
this.getList()
},
},
} }
}
}
</script> </script>
<style scoped> <style scoped>
@ -497,16 +439,20 @@
border: 1px solid #dfe4ed; border: 1px solid #dfe4ed;
height: 40px; height: 40px;
} }
.tit { .tit {
margin-bottom: -10px; margin-bottom: -10px;
} }
.pagination { .pagination {
margin-bottom: -10px; margin-bottom: -10px;
} }
.line { .line {
display: inline-block; display: inline-block;
margin: 0px 15px; margin: 0px 15px;
} }
.searchbtn { .searchbtn {
border: #2cab69 1px solid; border: #2cab69 1px solid;
color: #2cab69; color: #2cab69;

632
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="visible"> <div v-show="viewState == 1">
<div class="tab-header webtop"> <div class="tab-header webtop">
<div v-if="stateId === '0'">【新增】车辆需求</div> <div v-if="stateId === '0'">【新增】车辆需求</div>
<div v-else>【修改】车辆需求</div> <div v-else>【修改】车辆需求</div>
@ -13,7 +13,7 @@
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" style="height:100%" class="formadd" :rules="rules"> <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" style="height:100%" class="formadd" :rules="rules">
<div class="title" style="height:40px">车辆需求</div> <div class="title" style="height:40px">车辆需求</div>
<el-row> <el-row>
<el-col :span="4" class="el-form-item-right"> 购车方式 </el-col> <el-col :span="4" class="el-form-item-right"> 购车方式</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="purchaseMethodValue"> <el-form-item prop="purchaseMethodValue">
<el-checkbox-group v-if="aseType.length > 0" v-model="aseTypeBox" @change="getGouche"> <el-checkbox-group v-if="aseType.length > 0" v-model="aseTypeBox" @change="getGouche">
@ -21,7 +21,7 @@
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> 品牌 </el-col> <el-col :span="4" class="el-form-item-right"> 品牌</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-select v-model="temp.brandSid" style="width:50%" placeholder="请选择" @change="changePinPai"> <el-select v-model="temp.brandSid" style="width:50%" placeholder="请选择" @change="changePinPai">
@ -31,12 +31,42 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="el-form-item-right"> 车型 </el-col> <el-col :span="4" class="el-form-item-right"> 车型</el-col>
<el-col :span="20"> <el-col :span="20">
<el-form-item prop="modelName"> <el-form-item prop="modelName">
<el-select v-model="temp.modelName" placeholder="请选择" @change="getName" style="width:19%"> <!-- <el-select v-model="temp.modelName" placeholder="请选择" @change="getName" style="width:19%">-->
<el-option v-for="(item, index) in figuration" :key="index" :label="item.modelName" :value="item.sid"/> <!-- <el-option v-for="(item, index) in figuration" :key="index" :label="item.modelName" :value="item.sid"/>-->
</el-select> <!-- </el-select>-->
<div class="vehicle">
<span>{{ temp.modelName }}</span>
<div>
<el-button type="primary" size="small" @click="handSelect">车型选择</el-button>
</div>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right"> 车型常用配置</el-col>
<el-col :span="20">
<el-form-item>
{{ temp.sketChconfiguration }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right"> 其他配置说明</el-col>
<el-col :span="20">
<el-form-item>
{{ temp.otherConfig }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right"> 换、选装内容</el-col>
<el-col :span="20">
<el-form-item>
<el-input v-model="temp.changeOptions" placeholder="" style="width:81%" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -47,7 +77,7 @@
<el-input v-model="temp.saleReferencePrice" maxlength="20" placeholder="" style="width:50%" clearable/> <el-input v-model="temp.saleReferencePrice" maxlength="20" placeholder="" style="width:50%" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> 车型报价 </el-col> <el-col :span="4" class="el-form-item-right">车型报价</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="vehicleModelOffer"> <el-form-item prop="vehicleModelOffer">
<el-input v-model="temp.vehicleModelOffer" maxlength="20" placeholder="" style="width:50%" clearable/> <el-input v-model="temp.vehicleModelOffer" maxlength="20" placeholder="" style="width:50%" clearable/>
@ -55,13 +85,13 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="el-form-item-right"> 数量 </el-col> <el-col :span="4" class="el-form-item-right">数量</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="number"> <el-form-item prop="number">
<el-input v-model="temp.number" maxlength="20" placeholder="" style="width:50%" clearable/> <el-input v-model="temp.number" maxlength="20" placeholder="" style="width:50%" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> 预提车日期 </el-col> <el-col :span="4" class="el-form-item-right">预提车日期</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="estimatedPickupDate"> <el-form-item prop="estimatedPickupDate">
<el-date-picker v-model="temp.estimatedPickupDate" type="date" format="yyyy-MM-dd" style="width:50%" value-format="yyyy-MM-dd" placeholder="请选择"/> <el-date-picker v-model="temp.estimatedPickupDate" type="date" format="yyyy-MM-dd" style="width:50%" value-format="yyyy-MM-dd" placeholder="请选择"/>
@ -69,14 +99,13 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="el-form-item-right"> 备注 </el-col> <el-col :span="4" class="el-form-item-right"> 备注</el-col>
<el-col :span="20"> <el-col :span="20">
<el-form-item prop="remarks"> <el-form-item prop="remarks">
<el-input v-model="temp.remarks" maxlength="13" placeholder="" style="width:81%" clearable/> <el-input v-model="temp.remarks" maxlength="13" placeholder="" style="width:81%" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div v-if="this.ifdictKey"> <div v-if="this.ifdictKey">
<div class="title" style="40px">金融需求</div> <div class="title" style="40px">金融需求</div>
<el-form ref="dataForm" :model="crmFindemandVo_copy" label-position="right" label-width="190px" :rules="rules"> <el-form ref="dataForm" :model="crmFindemandVo_copy" label-position="right" label-width="190px" :rules="rules">
@ -93,7 +122,7 @@
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> 资方 </el-col> <el-col :span="4" class="el-form-item-right"> 资方</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-select v-model="crmFindemandVo_copy.managementName" placeholder="请选择" style="width:50%"> <el-select v-model="crmFindemandVo_copy.managementName" placeholder="请选择" style="width:50%">
@ -103,7 +132,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="el-form-item-right"> 是否打包 </el-col> <el-col :span="4" class="el-form-item-right"> 是否打包</el-col>
<el-col :span="20"> <el-col :span="20">
<el-form-item> <el-form-item>
<el-radio v-model="crmFindemandVo_copy.isnoPackaging" label="是">是</el-radio> <el-radio v-model="crmFindemandVo_copy.isnoPackaging" label="是">是</el-radio>
@ -112,7 +141,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="el-form-item-right"> 首付比例 </el-col> <el-col :span="4" class="el-form-item-right"> 首付比例</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="downpayment"> <el-form-item prop="downpayment">
<el-input v-model="crmFindemandVo_copy.downpayment" maxlength="5" placeholder="" style="width:50%" class="addinputw" clearable/> <el-input v-model="crmFindemandVo_copy.downpayment" maxlength="5" placeholder="" style="width:50%" class="addinputw" clearable/>
@ -128,13 +157,13 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="el-form-item-right"> 贷款期数 </el-col> <el-col :span="4" class="el-form-item-right"> 贷款期数</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="loanStageNumber"> <el-form-item prop="loanStageNumber">
<el-input v-model="crmFindemandVo_copy.loanStageNumber" maxlength="5" placeholder="" style="width:50%" class="addinputw" clearable/> <el-input v-model="crmFindemandVo_copy.loanStageNumber" maxlength="5" placeholder="" style="width:50%" class="addinputw" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> 月还金额 </el-col> <el-col :span="4" class="el-form-item-right"> 月还金额</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="acceptMonthAmount"> <el-form-item prop="acceptMonthAmount">
<el-input v-model="crmFindemandVo_copy.acceptMonthAmount" maxlength="5" placeholder="" style="width:50%" class="addinputw" clearable/> <el-input v-model="crmFindemandVo_copy.acceptMonthAmount" maxlength="5" placeholder="" style="width:50%" class="addinputw" clearable/>
@ -142,7 +171,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="el-form-item-right"> 备注 </el-col> <el-col :span="4" class="el-form-item-right"> 备注</el-col>
<el-col :span="20"> <el-col :span="20">
<el-form-item prop=""> <el-form-item prop="">
<el-input v-model="crmFindemandVo_copy.remarks" maxlength="5" placeholder="" style="width:81%" class="addinputw" clearable/> <el-input v-model="crmFindemandVo_copy.remarks" maxlength="5" placeholder="" style="width:81%" class="addinputw" clearable/>
@ -154,214 +183,208 @@
</el-form> </el-form>
</div> </div>
</div> </div>
<models-to-choose v-show="viewState ==2" ref="divSelect" @handleReturn="resetState" @handleReturnSelect="handleReturnSelect"/>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from "vuex"; import { typeValues } from '@/api/dictcommons/shujuzidian'
import { typeValues } from "@/api/dictcommons/shujuzidian";
import { import {
getNamesDown, getNamesDown,
getNamesDownBySid, getNamesDownBySid,
getNamesDownlist, getNamesDownlist,
getPinpai, getPinpai
} from "@/api/dictcommons/basemanufacturer"; } from '@/api/dictcommons/basemanufacturer'
import { import {
loginDetails, loginDetails,
getSelectDown, getSelectDown
} from "@/api/dictcommons/basemanufacturer"; } from '@/api/dictcommons/basemanufacturer'
import { getStorage } from "@/utils/auth"; import { getStorage } from '@/utils/auth'
// import jsCookie from 'js-cookie'
import { import {
saveOrUpdatePcCrmVehicleInfo, saveOrUpdatePcCrmVehicleInfo,
getPcVehicleInfoBySid, getPcVehicleInfoBySid,
UpdatePcCrmVehicleInfo, UpdatePcCrmVehicleInfo
} from "@/api/jichuxinxi/crmvehicle"; } from '@/api/jichuxinxi/crmvehicle'
import modelsToChoose from './modelsToChoose.vue'
export default { export default {
name: "CheliangxuqiuAdd", name: 'CheliangxuqiuAdd',
components: {
modelsToChoose
},
data() { data() {
return { return {
// --按钮菜单------- // --按钮菜单-------
viewState: 1,
FormLoading: false, FormLoading: false,
crmFindemandVo_copy: { crmFindemandVo_copy: {
customerSid: this.kehusid, customerSid: this.kehusid,
demandSid: "", demandSid: '',
loanSubjectType: "", loanSubjectType: '',
managementName: "", managementName: '',
isnoPackaging: "", isnoPackaging: '',
downpayment: "", downpayment: '',
marginLevel: "", marginLevel: '',
loanStageNumber: "", loanStageNumber: '',
acceptMonthAmount: "", acceptMonthAmount: '',
recording: "", recording: '',
remarks: "", remarks: ''
}, },
temp: { temp: {
sid: "", sid: '',
createTime: "", createTime: '',
customerSid: "", customerSid: '',
purchaseMethod: "", purchaseMethod: '',
brandSid: "", brandSid: '',
brandName: "", brandName: '',
modelSid: "", modelSid: '',
modelName: "", modelName: '',
sketChconfiguration: "", sketChconfiguration: '',
otherConfig: "", otherConfig: '',
vehicleModelOffer: "", changeOptions: '',
number: "", vehicleModelOffer: '',
estimatedPickupDate: "", number: '',
states: "", estimatedPickupDate: '',
comonConfigSid: "", states: '',
purchaseMethodValue: "", comonConfigSid: '',
remarks: "", purchaseMethodValue: '',
saleReferencePrice: "", remarks: '',
saleReferencePrice: '',
crmFindemandDto: { crmFindemandDto: {
customerSid: "", customerSid: '',
demandSid: "", demandSid: '',
loanSubjectType: "", loanSubjectType: '',
managementName: "", managementName: '',
isnoPackaging: "", isnoPackaging: '',
downpayment: "", downpayment: '',
marginLevel: "", marginLevel: '',
loanStageNumber: "", loanStageNumber: '',
acceptMonthAmount: "", acceptMonthAmount: '',
recording: "", recording: '',
remarks: "", remarks: ''
}, }
}, // 添加和修改 }, // 添加和修改
// tempKelsit: {},
templook: {}, // 查看实体 templook: {}, // 查看实体
textMap: { textMap: {
update: "修改", update: '修改',
create: "新增", create: '新增'
}, },
enter: "", enter: '',
visible: false,
stateId: 0, stateId: 0,
kehusid: "", kehusid: '',
dialogStatus: "", // 对话框状态 dialogStatus: '', // 对话框状态
brandSid: "", brandSid: '',
ifdictKey: false, ifdictKey: false,
purchaseType: "purchaseType", purchaseType: 'purchaseType',
brand_list: [], // 品牌 brand_list: [], // 品牌
aseType: [], aseType: [],
aseTypeBox: [], aseTypeBox: [],
vendor: [], vendor: [],
branddate: [], branddate: [],
figuration: [], figuration: [],
loanType: "loanType", loanType: 'loanType',
principal: [], principal: [],
loanSubjectType: [], loanSubjectType: [],
packagingProject: "packagingProject", packagingProject: 'packagingProject',
typeOptions: [], typeOptions: [],
countId: 0, countId: 0,
supplier: [], supplier: [],
grouping: [], grouping: [],
CustomerSid: "", CustomerSid: '',
YongHuid: [], YongHuid: [],
userSidL: "", userSidL: '',
// packaging_project: [], // packaging_project: [],
packaging_projectt: [], packaging_projectt: [],
packaging_projects: [], packaging_projects: [],
rules: {}, rules: {}
}; }
}, },
// computed: {
// ...mapGetters([
// 'id',
// 'roles',
// 'rolesIds',
// 'departmentId',
// 'departmentCode',
// ]),
// },
// 页面加载 // 页面加载
created() { created() {
this.init(); this.init()
}, },
methods: { methods: {
// --------------------------初始话-------------------------------- // --------------------------初始话--------------------------------
init() { init() {
this.getShuJUZiDian(); this.getShuJUZiDian()
this.getChangShang(); this.getChangShang()
this.getZifang(); this.getZifang()
// this.postHuoquyonghu() // this.postHuoquyonghu()
this.chePinPai(); this.chePinPai()
}, },
openUpdate(sid, user, checkin, showed) { openUpdate(sid, user, checkin, showed) {
// this.kehusid = sid // this.kehusid = sid
this.stateId = sid; this.stateId = sid
this.userSidL = user; this.userSidL = user
this.enter = checkin; this.enter = checkin
if (this.stateId !== "0") { if (this.stateId !== '0') {
getPcVehicleInfoBySid(this.stateId, this.userSidL).then((response) => { getPcVehicleInfoBySid(this.stateId, this.userSidL).then((response) => {
if (response.code === "200") { if (response.code === '200') {
// this.$refs['dataForm'].clearValidate() // this.$refs['dataForm'].clearValidate()
this.temp = response.data; this.temp = response.data
this.crmFindemandVo_copy = this.temp.crmFindemandVo; this.crmFindemandVo_copy = this.temp.crmFindemandVo
this.aseTypeBox = [this.temp.purchaseMethod]; this.aseTypeBox = [this.temp.purchaseMethod]
if (this.temp.purchaseMethodValue == "贷款") { if (this.temp.purchaseMethodValue == '贷款') {
this.ifdictKey = true; this.ifdictKey = true
} else { } else {
this.ifdictKey = false; this.ifdictKey = false
} }
if (this.temp.crmFindemandVo.loanSubjectType !== "") { if (this.temp.crmFindemandVo.loanSubjectType !== '') {
this.principal.forEach((e) => { this.principal.forEach((e) => {
if (e.dictValue == this.temp.crmFindemandVo.loanSubjectType) { if (e.dictValue == this.temp.crmFindemandVo.loanSubjectType) {
this.loanSubjectType = [e.dictKey]; this.loanSubjectType = [e.dictKey]
} }
}); })
} }
this.getCheXingName(response.data.brandSid); this.getCheXingName(response.data.brandSid)
this.visible = true; if (showed && typeof showed === 'function') {
if (showed && typeof showed === "function") { showed()
showed();
} }
} }
}); })
} }
}, },
openCreate(sid, checkin, showed) { openCreate(sid, checkin) {
this.kehusid = sid; this.kehusid = sid
this.enter = checkin; this.enter = checkin
console.log("852", this.enter);
// this.$refs['dataForm'].clearValidate() // this.$refs['dataForm'].clearValidate()
this.stateId = "0"; this.stateId = '0'
this.resetTemp(); this.resetTemp()
this.visible = true;
if (showed && typeof showed === "function") {
showed();
}
}, },
// ------------------------------------------------------------------
// -----------------------------方法---------------------------------
// ------------------------------------------------------------------
// 返回 // 返回
handleReturn() { handleReturn() {
this.visible = false; this.ifdictKey = false
this.ifdictKey = false;
// this.$refs['dataForm'].resetFields() // // this.$refs['dataForm'].resetFields() //
this.temp = {}; this.temp = {}
this.figuration = []; this.figuration = []
this.crmFindemandVo_copy = {}; this.crmFindemandVo_copy = {}
this.$emit("handleReturn"); this.$emit('handleReturn')
}, },
// 获取用户信息 // 获取用户信息
postHuoquyonghu() { postHuoquyonghu() {
var token = getStorage(); var token = getStorage()
loginDetails(token).then((response) => { loginDetails(token).then((response) => {
if (response.code === "200") { if (response.code === '200') {
this.YongHuid = response.data; this.YongHuid = response.data
}
})
},
handSelect() {
if (this.temp.brandSid !== '' && this.temp.brandSid !== undefined) {
this.viewState = 2
this.$refs['divSelect'].showInfo(this.temp.brandSid)
} else {
this.$message({
message: '请选择品牌!',
type: 'success'
})
} }
});
}, },
// 添加前数据初始化 // 添加前数据初始化
resetTemp() { resetTemp() {
this.temp = {}; this.temp = {}
this.loanSubjectType = []; this.loanSubjectType = []
this.aseTypeBox = []; this.aseTypeBox = []
this.packaging_projectt = []; this.packaging_projectt = []
}, },
// 添加数据 // 添加数据
handleCreate() { handleCreate() {
@ -369,173 +392,167 @@ export default {
// }) // })
// if (valid) { // if (valid) {
// } // }
this.FormLoading = true; this.FormLoading = true
this.dialogStatus = "create"; this.dialogStatus = 'create'
if (this.stateId === "0") { if (this.stateId === '0') {
this.temp.customerSid = this.kehusid; this.temp.customerSid = this.kehusid
this.crmFindemandVo_copy.customerSid = this.kehusid; this.crmFindemandVo_copy.customerSid = this.kehusid
this.temp.crmFindemandDto = this.crmFindemandVo_copy; this.temp.crmFindemandDto = this.crmFindemandVo_copy
saveOrUpdatePcCrmVehicleInfo(this.temp).then((response) => { saveOrUpdatePcCrmVehicleInfo(this.temp).then((response) => {
this.FormLoading = false; this.FormLoading = false
if (response.code === "200") { if (response.code === '200') {
if (this.enter === "dj") { if (this.enter === 'dj') {
console.log("22222222");
this.$notify({ this.$notify({
title: "提示", title: '提示',
message: "添加成功", message: '添加成功',
type: "success", type: 'success',
duration: 2000, duration: 2000
}); })
this.$emit("doback"); this.$emit('doback')
} else { } else {
console.log("33333333");
this.$notify({ this.$notify({
title: "提示", title: '提示',
message: "添加成功", message: '添加成功',
type: "success", type: 'success',
duration: 2000, duration: 2000
}); })
// this.$emit('created') // this.$emit('created')
// this.$refs['dataForm'].resetFields() // // this.$refs['dataForm'].resetFields() //
this.handleReturn(); this.handleReturn()
// this.temp = {} // this.temp = {}
} }
} else if (response.code === "500") { } else if (response.code === '500') {
// this.$notify({ // this.$notify({
// title: "提示", // title: "提示",
// message: response.msg, // message: response.msg,
// type: "success", // type: "success",
// duration: 2000, // duration: 2000,
// }); // });
this.handleReturn(); this.handleReturn()
} } else {
else {
this.$notify({ this.$notify({
title: "提示", title: '提示',
message: "添加失败", message: '添加失败',
type: "error", type: 'error',
duration: 2000, duration: 2000
}); })
} }
}); })
} else { } else {
this.temp.customerSid = this.userSidL; this.temp.customerSid = this.userSidL
this.temp.crmFindemandDto = this.crmFindemandVo_copy; this.temp.crmFindemandDto = this.crmFindemandVo_copy
UpdatePcCrmVehicleInfo(this.temp).then((response) => { UpdatePcCrmVehicleInfo(this.temp).then((response) => {
this.dialogStatus = "update"; this.dialogStatus = 'update'
this.FormLoading = false; this.FormLoading = false
if (response.code === "200") { if (response.code === '200') {
console.log("852", this.enter); if (this.enter === 'dj') {
if (this.enter === "dj") {
this.$notify({ this.$notify({
title: "提示", title: '提示',
message: "修改成功", message: '修改成功',
type: "success", type: 'success',
duration: 2000, duration: 2000
}); })
this.$emit("modify"); this.$emit('modify')
} else { } else {
this.$notify({ this.$notify({
title: "提示", title: '提示',
message: "修改成功", message: '修改成功',
type: "success", type: 'success',
duration: 2000, duration: 2000
}); })
// this.$emit('created') // this.$emit('created')
this.handleReturn(); this.handleReturn()
} }
} else { } else {
this.$notify({ this.$notify({
title: "失败", title: '失败',
message: "修改失败", message: '修改失败',
type: "error", type: 'error'
}); })
} }
}); })
} }
}, },
// ---------------------------------模糊搜索和联动搜索------------------------------------------------ // ---------------------------------模糊搜索和联动搜索------------------------------------------------
// 厂商 // 厂商
getChangShang() { getChangShang() {
getNamesDown({ name: this.temp.vendorSid }).then((response) => { getNamesDown({ name: this.temp.vendorSid }).then((response) => {
if (response.code === "200") { if (response.code === '200') {
this.vendor = response.data; this.vendor = response.data
} }
}); })
}, },
// 厂商模糊查询 // 厂商模糊查询
querySearchAsync(queryString, cb) { querySearchAsync(queryString, cb) {
if (queryString != null) { if (queryString != null) {
// this.searchData({ name: queryString }) // this.searchData({ name: queryString })
getNamesDown({ name: queryString }).then((response) => { getNamesDown({ name: queryString }).then((response) => {
if (response.code === "200") { if (response.code === '200') {
response.data; response.data
cb(response.data); cb(response.data)
} }
}); })
} else { } else {
cb(this.vendor); cb(this.vendor)
} }
}, },
// 厂商选择： // 厂商选择：
handleSelect(e) { handleSelect(e) {
this.temp.vendorSid = e.sid; this.temp.vendorSid = e.sid
this.temp.vendorName = e.manufacturerName; this.temp.vendorName = e.manufacturerName
this.getPinPai(this.temp.vendorSid); this.getPinPai(this.temp.vendorSid)
}, },
// 厂商 清空信息 // 厂商 清空信息
inputclear() { inputclear() {
this.temp.vendorName = ""; this.temp.vendorName = ''
}, },
// 车辆品牌 // 车辆品牌
chePinPai() { chePinPai() {
getPinpai().then((response) => { getPinpai().then((response) => {
if (response.code === "200") { if (response.code === '200') {
this.brand_list = response.data; this.brand_list = response.data
} }
}); });
}, },
changePinPai(value) { changePinPai(value) {
let bb = []; let bb = []
this.brand_list.forEach((e) => { this.brand_list.forEach((e) => {
if (e.sid == value) { if (e.sid === value) {
bb = { bb = {
name: e.brandName, name: e.brandName,
sid: e.sid, sid: e.sid
};
} }
}); }
this.temp.brandName = bb.name; })
this.temp.brandSid = bb.sid; this.temp.brandName = bb.name
this.getCheXingName(this.temp.brandSid); this.temp.brandSid = bb.sid
console.log("8888888888888", bb.name); this.getCheXingName(this.temp.brandSid)
}, },
// 品牌 // 品牌
getPinPai(sid) { getPinPai(sid) {
var manufacturerSid = { var manufacturerSid = {
manufacturerSid: sid, manufacturerSid: sid
}; }
getNamesDownBySid(manufacturerSid).then((response) => { getNamesDownBySid(manufacturerSid).then((response) => {
if (response.code === "200") { if (response.code === '200') {
this.branddate = response.data; this.branddate = response.data
console.log("品牌数组", this.branddate);
} }
}); })
}, },
// 品牌处理 // 品牌处理
BrandProcessing(value) { BrandProcessing(value) {
let bb = null; let bb = null
this.branddate.forEach((e) => { this.branddate.forEach((e) => {
if (e.sid == value) { if (e.sid === value) {
bb = { bb = {
sid: e.sid, sid: e.sid,
name: e.brandName, name: e.brandName
};
} }
}); }
this.temp.brandSid = bb.sid; })
this.temp.brandName = bb.name; this.temp.brandSid = bb.sid
this.temp.brandName = bb.names
}, },
// 车型名称 // 车型名称
// getCheXing() { // getCheXing() {
@ -548,43 +565,41 @@ export default {
getCheXingName(brandSid) { getCheXingName(brandSid) {
var sid = { var sid = {
sid: brandSid, sid: brandSid
}; }
getSelectDown(sid).then((response) => { getSelectDown(sid).then((response) => {
if (response.code === "200") { if (response.code === '200') {
this.figuration = response.data; this.figuration = response.data
} }
}); })
}, },
// 资方 // 资方
getZifang() { getZifang() {
getNamesDownlist().then( getNamesDownlist().then(
(response) => { (response) => {
if (response.code === "200") { if (response.code === '200') {
this.supplier = response.data; this.supplier = response.data
} }
} }
); )
}, },
// --------------------------------------------------------------------------------- // 数据字典的处理
// ---------------------------数据字典的处理------------------------------------------------------
// ---------------------------------------------------------------------------------
getShuJUZiDian() { getShuJUZiDian() {
typeValues({ type: this.purchaseType }).then((res) => { typeValues({ type: this.purchaseType }).then((res) => {
if (res.code === "200") { if (res.code === '200') {
this.aseType = res.data; this.aseType = res.data
} }
}); })
typeValues({ type: this.loanType }).then((res) => { typeValues({ type: this.loanType }).then((res) => {
if (res.code === "200") { if (res.code === '200') {
this.principal = res.data; this.principal = res.data
} }
}); })
typeValues({ type: this.packagingProject }).then((res) => { typeValues({ type: this.packagingProject }).then((res) => {
if (res.code === "200") { if (res.code === '200') {
this.typeOptions = res.data; this.typeOptions = res.data
} }
}); })
// typeValues({type: this.vehicleType}).then((res) => { // typeValues({type: this.vehicleType}).then((res) => {
// if (res.code === '200') { // if (res.code === '200') {
// this.figuration = res.data // this.figuration = res.data
@ -592,89 +607,95 @@ export default {
// }) // })
}, },
getName(value) { getName(value) {
let bb = null; let bb = null
this.figuration.forEach((e) => { this.figuration.forEach((e) => {
console.log("999", e); if (e.sid === value) {
if (e.sid == value) {
bb = { bb = {
name: e.modelName, name: e.modelName,
vaule: e.sid, vaule: e.sid
};
} }
}); }
this.temp.modelName = bb.name; })
this.temp.modelSid = bb.vaule; this.temp.modelName = bb.name
this.temp.modelSid = bb.vaule
}, },
// 购车方式 // 购车方式
findselect(list, value) { findselect(list, value) {
var item = null; var item = null
for (var i = 0; i < list.length; i++) { for (var i = 0; i < list.length; i++) {
if (list[i].dictKey == value) { if (list[i].dictKey === value) {
item = list[i]; item = list[i]
break; break
} }
} }
return item; return item
}, },
// 购车方式 // 购车方式
getGouche() { getGouche() {
this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]]; this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]]
console.log("点击事件:", JSON.stringify(this.aseTypeBox)); console.log('点击事件:', JSON.stringify(this.aseTypeBox))
var item = this.findselect(this.aseType, this.aseTypeBox[0]); var item = this.findselect(this.aseType, this.aseTypeBox[0])
console.log("点击事件找到选项:", JSON.stringify(item)); console.log('点击事件找到选项:', JSON.stringify(item))
if (this.aseTypeBox == 2) { if (this.aseTypeBox == 2) {
this.ifdictKey = true; this.ifdictKey = true
} else if (this.aseTypeBox != 2) { } else if (this.aseTypeBox !== 2) {
this.ifdictKey = false; this.ifdictKey = false
} }
if (item != null) { if (item != null) {
this.temp.purchaseMethodValue = item.dictValue; this.temp.purchaseMethodValue = item.dictValue
this.temp.purchaseMethod = item.dictKey; this.temp.purchaseMethod = item.dictKey
} }
console.log(item, this.aseTypeBox); console.log(item, this.aseTypeBox)
}, },
// 贷款主体类型（个人/企业） // 贷款主体类型（个人/企业）
findselectestry(list, value) { findselectestry(list, value) {
var item = null; var item = null
for (var i = 0; i < list.length; i++) { for (var i = 0; i < list.length; i++) {
if (list[i].dictKey == value) { if (list[i].dictKey == value) {
item = list[i]; item = list[i]
break; break
} }
} }
return item; return item
}, },
// 贷款主体类型（个人/企业） // 贷款主体类型（个人/企业）
getDaiKuang() { getDaiKuang() {
this.loanSubjectType = [ this.loanSubjectType = [
this.loanSubjectType[this.loanSubjectType.length - 1], this.loanSubjectType[this.loanSubjectType.length - 1]
]; ]
console.log("点击事件:", JSON.stringify(this.loanSubjectType)); console.log('点击事件:', JSON.stringify(this.loanSubjectType))
var item = this.findselectestry(this.principal, this.loanSubjectType[0]); var item = this.findselectestry(this.principal, this.loanSubjectType[0])
console.log("点击事件找到选项:", JSON.stringify(item)); console.log('点击事件找到选项:', JSON.stringify(item))
if (item != null) { if (item != null) {
this.crmFindemandVo_copy.loanSubjectType = item.dictValue; this.crmFindemandVo_copy.loanSubjectType = item.dictValue
} }
}, },
// finArry(list, value) {},
// 打包项目 // 打包项目
getDaoBao() { getDaoBao() {
this.packaging_projects = []; this.packaging_projects = []
const bb = null;
this.typeOptions.forEach((e) => { this.typeOptions.forEach((e) => {
this.packaging_projectt.forEach((a) => { this.packaging_projectt.forEach((a) => {
if (e.dictKey == a) { if (e.dictKey == a) {
this.packaging_projects.push(e.dictValue); this.packaging_projects.push(e.dictValue)
} }
}); })
}); })
console.log(this.packaging_projects.join(","), 11111111111); this.temp.packaging_project = this.packaging_projects.join(',')
console.log(this.packaging_projectt.join(","), 2222222222); this.temp.packaging_project_key = this.packaging_projectt.join(',')
this.temp.packaging_project = this.packaging_projects.join(",");
this.temp.packaging_project_key = this.packaging_projectt.join(",");
}, },
handleReturnSelect(value) {
this.viewState = 1
var arrayList = []
arrayList = value
this.temp.modelName = arrayList[0].modelName
this.temp.sketChconfiguration = arrayList[0].configName
this.temp.otherConfig = arrayList[0].otherConfig
}, },
}; resetState() {
this.viewState = 1
}
}
}
</script> </script>
<style scoped> <style scoped>
.el-form-item-right { .el-form-item-right {
@ -684,7 +705,14 @@ export default {
line-height: 3 !important; line-height: 3 !important;
text-align: right; text-align: right;
} }
/deep/ .el-form-item__content { /deep/ .el-form-item__content {
margin-left: 0 !important; margin-left: 0 !important;
} }
.vehicle {
display: flex;
justify-content: space-between;
align-items: center;
}
</style> </style>

409
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuinfo.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="visible"> <div>
<div class="tab-header webtop"> <div class="tab-header webtop">
<div>车型需求详情</div> <div>车型需求详情</div>
<div> <div>
@ -15,13 +15,13 @@
购车方式 购车方式
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{temp.purchaseMethodValue}} {{ temp.purchaseMethodValue }}
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> <el-col :span="4" class="el-form-item-right">
品牌 品牌
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{temp.brandName}} {{ temp.brandName }}
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@ -29,7 +29,31 @@
车型 车型
</el-col> </el-col>
<el-col :span="20" class="el-form-item-left"> <el-col :span="20" class="el-form-item-left">
{{temp.modelName}} {{ temp.modelName }}
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right">
车型常用配置
</el-col>
<el-col :span="20" class="el-form-item-left">
{{ temp.sketChconfiguration }}
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right">
其他配置说明
</el-col>
<el-col :span="20" class="el-form-item-left">
{{ temp.otherConfig }}
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right">
换、选装内容
</el-col>
<el-col :span="20" class="el-form-item-left">
{{ temp.changeOptions }}
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@ -37,13 +61,13 @@
销售参考价 销售参考价
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{temp.saleReferencePrice}} {{ temp.saleReferencePrice }}
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> <el-col :span="4" class="el-form-item-right">
车型报价 车型报价
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{temp.vehicleModelOffer}} {{ temp.vehicleModelOffer }}
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@ -51,13 +75,13 @@
数量 数量
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{temp.number}} {{ temp.number }}
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> <el-col :span="4" class="el-form-item-right">
预提车日期 预提车日期
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{temp.estimatedPickupDate}} {{ temp.estimatedPickupDate }}
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@ -65,24 +89,25 @@
备注 备注
</el-col> </el-col>
<el-col :span="20" class="el-form-item-left"> <el-col :span="20" class="el-form-item-left">
{{temp.remarks}} {{ temp.remarks }}
</el-col> </el-col>
</el-row> </el-row>
<div v-if="this.ifdictKey"> <div v-if="this.ifdictKey">
<div class="title">金融需求</div> <div class="title">金融需求</div>
<el-form ref="dataForm" :model="crmFindemandVo_copy" label-position="right" label-width="190px" :rules="rules"> <el-form ref="dataForm" :model="crmFindemandVo_copy" label-position="right" label-width="190px"
:rules="rules">
<el-row> <el-row>
<el-col :span="4" class="el-form-item-right"> <el-col :span="4" class="el-form-item-right">
贷款主体类型 贷款主体类型
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.loanSubjectType}} {{ crmFindemandVo_copy.loanSubjectType }}
</el-col> </el-col>
<el-col :span=" 4" class="el-form-item-right"> <el-col :span=" 4" class="el-form-item-right">
资方 资方
</el-col> </el-col>
<el-col :span=" 8" class="el-form-item-left"> <el-col :span=" 8" class="el-form-item-left">
{{crmFindemandVo_copy.managementName}} {{ crmFindemandVo_copy.managementName }}
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@ -90,7 +115,7 @@
是否打包 是否打包
</el-col> </el-col>
<el-col :span="20" class="el-form-item-left"> <el-col :span="20" class="el-form-item-left">
{{crmFindemandVo_copy.isnoPackaging}} {{ crmFindemandVo_copy.isnoPackaging }}
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@ -98,13 +123,13 @@
首付比例 首付比例
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.downpayment}} {{ crmFindemandVo_copy.downpayment }}
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> <el-col :span="4" class="el-form-item-right">
保证金比例 保证金比例
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.marginLevel}} {{ crmFindemandVo_copy.marginLevel }}
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@ -112,13 +137,13 @@
贷款期数 贷款期数
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.loanStageNumber}} {{ crmFindemandVo_copy.loanStageNumber }}
</el-col> </el-col>
<el-col :span="4" class="el-form-item-right"> <el-col :span="4" class="el-form-item-right">
月还金额 月还金额
</el-col> </el-col>
<el-col :span="8" class="el-form-item-left"> <el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.acceptMonthAmount}} {{ crmFindemandVo_copy.acceptMonthAmount }}
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
@ -126,7 +151,7 @@
备注 备注
</el-col> </el-col>
<el-col :span="20" class="el-form-item-left"> <el-col :span="20" class="el-form-item-left">
{{crmFindemandVo_copy.remarks}} {{ crmFindemandVo_copy.remarks }}
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
@ -138,20 +163,8 @@
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import { getPcVehicleInfoBySid } from '@/api/jichuxinxi/crmvehicle'
import { typeValues } from '@/api/dictcommons/shujuzidian'
import {
getNamesDown,
getNamesDownBySid,
getNamesDownlist,
} from '@/api/dictcommons/basemanufacturer'
import { loginDetails,getSelectDown } from '@/api/dictcommons/basemanufacturer'
import { getStorage } from '@/utils/auth'
// import jsCookie from 'js-cookie'
import {
saveOrUpdatePcCrmVehicleInfo,
getPcVehicleInfoBySid,
} from '@/api/jichuxinxi/crmvehicle'
export default { export default {
name: 'Cheliangxuqiuinfo', name: 'Cheliangxuqiuinfo',
data() { data() {
@ -160,14 +173,13 @@ export default {
edit: true, edit: true,
FormLoading: false, FormLoading: false,
temp: {}, // 添加和修改 temp: {}, // 添加和修改
crmFindemandVo_copy:{}, crmFindemandVo_copy: {},
// tempKelsit: {}, // tempKelsit: {},
templook: {}, // 查看实体 templook: {}, // 查看实体
textMap: { textMap: {
update: '修改', update: '修改',
create: '新增', create: '新增'
}, },
visible: false,
stateId: 0, stateId: 0,
kehusid: '', kehusid: '',
dialogStatus: '', // 对话框状态 dialogStatus: '', // 对话框状态
@ -194,31 +206,11 @@ export default {
// packaging_project: [], // packaging_project: [],
packaging_projectt: [], packaging_projectt: [],
packaging_projects: [], packaging_projects: [],
rules: {}, rules: {}
} }
}, },
// computed: {
// ...mapGetters([
// 'id',
// 'roles',
// 'rolesIds',
// 'departmentId',
// 'departmentCode',
// ]),
// },
// 页面加载
created() {
this.init()
},
methods: { methods: {
// --------------------------初始话-------------------------------- openinfo(sid, user) {
init() {
this.getShuJUZiDian()
this.getChangShang()
this.getZifang()
this.postHuoquyonghu()
},
openinfo(sid, user, showed) {
this.stateId = sid this.stateId = sid
this.userSidL = user this.userSidL = user
if (this.stateId !== '0') { if (this.stateId !== '0') {
@ -226,321 +218,21 @@ export default {
if (response.code === '200') { if (response.code === '200') {
this.$refs['dataForm'].clearValidate() this.$refs['dataForm'].clearValidate()
this.temp = response.data this.temp = response.data
this.crmFindemandVo_copy=this.temp.crmFindemandVo this.crmFindemandVo_copy = this.temp.crmFindemandVo
if (this.temp.purchaseMethodValue == '贷款') { if (this.temp.purchaseMethodValue == '贷款') {
this.ifdictKey = true this.ifdictKey = true
} else { } else {
this.ifdictKey = false this.ifdictKey = false
} }
this.visible = true
if (showed && typeof showed === 'function') {
showed()
}
} }
}) })
} }
}, },
// ------------------------------------------------------------------
// -----------------------------方法---------------------------------
// ------------------------------------------------------------------
// 返回 // 返回
handleReturn() { handleReturn() {
this.visible = false
this.$emit('handleReturn') this.$emit('handleReturn')
},
// 获取用户信息
postHuoquyonghu() {
var token = getStorage()
loginDetails(token).then((response) => {
if (response.code === '200') {
this.YongHuid = response.data
}
})
},
// 添加前数据初始化
resetTemp() {
this.temp = {}
},
// 添加数据
handleCreate() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.FormLoading = true
this.dialogStatus = 'create'
if (this.countId === 0) {
this.temp.customerSid = this.kehusid
this.temp.userSid = this.YongHuid.sid
this.temp.staffSid = this.YongHuid.staffSid
saveOrUpdatePcCrmVehicleInfo(this.temp).then((response) => {
this.FormLoading = false
if (response.code === '200') {
this.$notify({
title: '提示',
message: '添加成功',
type: 'success',
duration: 2000,
})
this.$emit('created')
} else {
this.$notify({
title: '提示',
message: '添加失败',
type: 'error',
duration: 2000,
})
}
})
} else {
this.temp.customerSid = this.kehusid
this.temp.userSid = this.YongHuid.sid
this.temp.staffSid = this.YongHuid.staffSid
this.temp.name = this.YongHuid.name
Update(this.temp).then((response) => {
this.dialogStatus = 'update'
console.log('response', response)
this.FormLoading = false
if (response.code === '200') {
this.$notify({
title: '提示',
message: '修改成功',
type: 'success',
duration: 2000,
})
this.$router.push({
path: '/KeHuguanli/kehudangan',
})
} else {
this.$notify({
title: '失败',
message: '修改失败',
type: 'error',
})
}
})
} }
} }
})
},
// ---------------------------------模糊搜索和联动搜索------------------------------------------------
// 厂商
getChangShang() {
getNamesDown({ name: this.temp.vendorSid }).then((response) => {
if (response.code === '200') {
this.vendor = response.data
}
})
},
// 厂商模糊查询
querySearchAsync(queryString, cb) {
if (
queryString != null &&
queryString != undefined &&
queryString !== ''
) {
// this.searchData({ name: queryString })
getNamesDown({ name: queryString }).then((response) => {
if (response.code === '200') {
response.data
cb(response.data)
}
})
} else {
cb(this.vendor)
}
},
// 厂商选择：
handleSelect(e) {
this.temp.vendorSid = e.sid
this.temp.vendorName = e.manufacturerName
this.getPinPai(this.temp.vendorSid)
},
// 厂商 清空信息
inputclear() {
this.temp.vendorName = ''
},
// 品牌
getPinPai(sid) {
var manufacturerSid = {
manufacturerSid: sid,
}
getNamesDownBySid(manufacturerSid).then((response) => {
// console.log('品牌数据:', response)
if (response.code === '200') {
this.branddate = response.data
}
})
},
// 品牌处理
BrandProcessing(value) {
let bb = null
this.branddate.forEach((e) => {
if (e.sid == value) {
bb = {
sid: e.sid,
name: e.brandName,
}
}
})
this.temp.brandSid = bb.sid
this.temp.brandName = bb.name
this.getCheXingName(this.temp.brandSid)
},
// 车型名称
getCheXingName(brandSid) {
var sid = {
sid: brandSid,
}
getSelectDown(sid).then((response) => {
if (response.code === '200') {
this.figuration = response.data
}
})
},
// 资方
getZifang() {
getNamesDownlist({ managgeName: this.temp.capitalSid }).then(
(response) => {
if (response.code === '200') {
this.supplier = response.data
}
}
)
},
// 资方模糊查询
querySearchAsync2(queryString, cb) {
if (
queryString != null &&
queryString != undefined &&
queryString !== ''
) {
getNamesDownlist({ name: queryString }).then((response) => {
if (response.code === '200') {
response.data
cb(response.data)
}
})
} else {
cb(this.supplier)
}
},
// 资方选择：
handleSelect2(e) {
this.temp.capitalSid = e.sid
this.temp.capitalName = e.manageName
},
// 资方 清空信息
inputclear2() {
this.temp.capitalSid = ''
this.temp.capitalName = ''
},
// ---------------------------------------------------------------------------------
// ---------------------------数据字典的处理------------------------------------------------------
// ---------------------------------------------------------------------------------
getShuJUZiDian() {
typeValues({ type: this.purchaseType }).then((res) => {
if (res.code === '200') {
this.aseType = res.data
// for (var i = 0; i < res.data.length; i++) {
// console.log('res.data' + JSON.stringify(res.data[i]))
// this.aseType.push(res.data[i].dictValue)
// }
}
})
typeValues({ type: this.loanType }).then((res) => {
if (res.code === '200') {
this.principal = res.data
}
})
typeValues({ type: this.packagingProject }).then((res) => {
if (res.code === '200') {
this.typeOptions = res.data
}
})
typeValues({ type: this.vehicleType }).then((res) => {
if (res.code === '200') {
this.figuration = res.data
}
})
},
getName(value) {
let bb = null
this.figuration.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: 'vehicleType',
name: e.dictValue,
vaule: e.dictKey,
}
}
})
this.temp.vehicleType = bb.name
this.temp.vehicleTypeKey = bb.vaule
},
// 购车方式
findselect(list, value) {
var item = null
for (var i = 0; i < list.length; i++) {
if (list[i].dictKey == value) {
item = list[i]
break
}
}
return item
},
// 购车方式
getGouche() {
this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]]
console.log('点击事件:', JSON.stringify(this.aseTypeBox))
var item = this.findselect(this.aseType, this.aseTypeBox[0])
console.log('点击事件找到选项:', JSON.stringify(item))
if (this.aseTypeBox == 2) {
this.ifdictKey = true
} else if (this.aseTypeBox != 2) {
this.ifdictKey = false
}
this.temp.purchaseType = item.dictValue
this.temp.purchaseTypeKey = item.dictKey
},
// 贷款主体类型（个人/企业）
findselectestry(list, value) {
var item = null
for (var i = 0; i < list.length; i++) {
if (list[i].dictKey == value) {
item = list[i]
break
}
}
return item
},
// 贷款主体类型（个人/企业）
getDaiKuang() {
this.loan_principal = [
this.loan_principal[this.loan_principal.length - 1],
]
console.log('点击事件:', JSON.stringify(this.loan_principal))
var item = this.findselectestry(this.principal, this.loan_principal[0])
console.log('点击事件找到选项:', JSON.stringify(item))
this.temp.loan_principal_type = item.dictValue
this.temp.loan_principal_type_key = item.dictKey
},
// finArry(list, value) {},
// 打包项目
getDaoBao() {
this.packaging_projects = []
const bb = null
this.typeOptions.forEach((e) => {
this.packaging_projectt.forEach((a) => {
if (e.dictKey == a) {
this.packaging_projects.push(e.dictValue)
}
})
})
console.log(this.packaging_projects.join(','), 11111111111)
console.log(this.packaging_projectt.join(','), 2222222222)
this.temp.packaging_project = this.packaging_projects.join(',')
this.temp.packaging_project_key = this.packaging_projectt.join(',')
},
},
} }
</script> </script>
<style scoped> <style scoped>
@ -548,6 +240,7 @@ export default {
line-height: 3 !important; line-height: 3 !important;
text-align: right; text-align: right;
} }
.el-form-item-left { .el-form-item-left {
line-height: 3 !important; line-height: 3 !important;
text-align: left; text-align: left;

213
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/modelsToChoose.vue
View File

@ -0,0 +1,213 @@
<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="handleSelect()">确认</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="webcon">
<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="100px" class="tab-header">
<el-row>
<el-form-item label="车型:" class="searchlist">
<el-input v-model="listQuery.params.modelName" placeholder="" clearable style="width: 150px"/>
</el-form-item>
<el-form-item label="车型配置:" class="searchlist">
<el-input v-model="listQuery.params.configName" placeholder="" clearable style="width: 150px"/>
</el-form-item>
</el-row>
<div class="searchbtns">
<el-button type="primary" @click="handleFilter">查询</el-button>
<el-button type="primary" @click="handReset">重置</el-button>
</div>
</el-form>
</div>
</div>
<div>
<div class="listtop">
<div class="tit">车型列表</div>
<pageye v-show="list.length > 0" :total="listQuery.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 type="selection" align="center" width="50"/>
<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.modelName }}</span>
</template>
</el-table-column>
<el-table-column label="常用配置" align="center">
<template slot-scope="scope">
<span>{{ scope.row.configName }}</span>
</template>
</el-table-column>
<el-table-column label="预计订金日期" align="center">
<template slot-scope="scope">
<span>{{ scope.row.sealTypeValue }}</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pages">
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { listPageByVehmodel } from '@/api/jichuxinxi/crmvehicle'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
export default {
name: 'chexingxuanze',
components: {
Pagination,
pageye
},
data() {
return {
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
viewState: 1,
tableKey: 0,
list: [],
sids: [],
listLoading: false,
listQuery: {
current: 1,
size: 10,
params: {
modelName: '',
configName: '',
brandSid: '',
},
total: 0
}
}
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 勾选
handleSelectionChange(row) {
const aa = []
row.forEach((element) => {
aa.push({
modelName: element.modelName,
configName: element.configName,
otherConfig: element.otherConfig
})
})
this.sids = aa
console.log('勾选记录', this.sids)
},
showInfo(brandSid) {
console.log(brandSid, 99999)
if (brandSid !== '') {
this.listQuery.params.brandSid = brandSid
this.getList()
}
},
// 查询列表信息
getList() {
this.listLoading = true
listPageByVehmodel(this.listQuery).then((response) => {
this.listLoading = false
if (response.success) {
this.listQuery.total = response.data.total
this.list = response.data.records
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
handReset() {
this.listQuery = {
current: 1,
size: 10,
params: {
modelName: '',
configName: '',
brandSid: ''
},
total: 0
}
this.getList()
},
handleSelect() {
if (this.sids.length === 1) {
this.$emit('handleReturnSelect', this.sids)
} else if (this.sids.length > 1) {
this.$notify({
title: '提示',
message: '不能选中多个!',
type: 'error',
duration: 2000
})
} else {
this.$notify({
title: '提示',
message: '没有选择信息!',
type: 'error',
duration: 2000
})
return
}
},
handleReturn() {
this.$emit('handleReturn')
}
}
}
</script>
<style scoped>
.listtop {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #dfe4ed;
height: 40px;
}
.tit {
margin-bottom: -10px;
}
.pagination {
margin-bottom: -10px;
}
.line {
display: inline-block;
margin: 0px 15px;
}
</style>

271
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudangan.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="visible"> <div v-show="viewState ==1">
<div class="tab-header webtop"> <div class="tab-header webtop">
<div>客户管理</div> <div>客户管理</div>
<div> <div>
@ -22,8 +22,7 @@
<el-form :model="customerTypeList"> <el-form :model="customerTypeList">
<el-form-item label="联络方式" :label-width="formLabelWidth" class="diaForm"> <el-form-item label="联络方式" :label-width="formLabelWidth" class="diaForm">
<el-select v-model="customerTypeList.visitWay" placeholder="请选择联络方式" @change="getVisitWay"> <el-select v-model="customerTypeList.visitWay" placeholder="请选择联络方式" @change="getVisitWay">
<el-option v-for="(item) in visitWay_list" :key="item.dictKey" :label="item.dictValue" <el-option v-for="(item) in visitWay_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
:value="item.dictKey"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户类型" :label-width="formLabelWidth" class="diaForm"> <el-form-item label="客户类型" :label-width="formLabelWidth" class="diaForm">
@ -33,7 +32,7 @@
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button class="el-button-sure" type="primary" @click="handleOpen()">确 定</el-button> <el-button class="el-button-sure" type="primary" @click="handleOpen()">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">关 闭</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
@ -47,8 +46,7 @@
</el-form-item> </el-form-item>
<el-form-item label="客户类型" class="searchlist"> <el-form-item label="客户类型" class="searchlist">
<el-select v-model="listQuery.params.customerType" class="addinputw" placeholder="请选择" @change="getKeHu"> <el-select v-model="listQuery.params.customerType" class="addinputw" placeholder="请选择" @change="getKeHu">
<el-option v-for="(item, index) in merType" :key="index.dictKey" :label="item.dictValue" <el-option v-for="(item, index) in merType" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
:value="item.dictKey"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" class="searchlist"> <el-form-item label="联系电话" class="searchlist">
@ -67,12 +65,10 @@
<div class="listtop"> <div class="listtop">
<div class="tit">客户信息列表</div> <div class="tit">客户信息列表</div>
<!-- 翻页分页 --> <!-- 翻页分页 -->
<pageye v-show="listQuery.total>0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" <pageye v-show="listQuery.total>0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
class="pagination" @pagination="getList"/>
</div> </div>
<div class=""> <div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row <el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange">
style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/> <el-table-column type="selection" align="center" width="50"/>
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/> <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column label="客户编号" align="center"> <el-table-column label="客户编号" align="center">
@ -95,7 +91,7 @@
<span>{{ scope.row.mobile }}</span> <span>{{ scope.row.mobile }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="微信号码" align="center"> <el-table-column label="微信号" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.weixin }}</span> <span>{{ scope.row.weixin }}</span>
</template> </template>
@ -112,47 +108,43 @@
</el-table-column> </el-table-column>
<el-table-column label="意向车型" align="center"> <el-table-column label="意向车型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="bluezi" @click="handleCheliang(scope.row)">{{ scope.row.yxcounts}}</span> <span class="bluezi" @click="handleCheliang(scope.row)">{{ scope.row.yxcounts }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="跟进记录" align="center"> <el-table-column label="跟进记录" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="bluezi" @click="handleJiLu(scope.row)">{{ scope.row.gjcounts}}</span> <span class="bluezi" @click="handleJiLu(scope.row)">{{ scope.row.gjcounts }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="pages"> <div class="pages">
<pagination v-show="listQuery.total > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" <pagination v-show="listQuery.total > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
class="pagination" @pagination="getList"/>
</div> </div>
</div> </div>
</div> </div>
<div></div> <div></div>
<kehudangan-add ref="addAndUpdate" @handleReturn="handleReturn"/> <kehudangan-add v-show="viewState ==2 || viewState ==3" ref="addAndUpdate" @handleReturn="handleReturn"/>
<kehudangan-info ref="Info" @handleReturn="handleReturn"/> <kehudangan-info v-show="viewState ==4" ref="Info" @handleReturn="handleReturn"/>
<genjinjiluguanli ref="Newpage" @handleReturn="genjinfanhui"/> <genjinjiluguanli v-show="viewState ==5" ref="Newpage" @handleReturn="genjinfanhui"/>
<cheliangxuqiu ref="openCheXu" @handleReturn="cheliangxuqiu"/> <cheliangxuqiu v-show="viewState ==6" ref="openCheXu" @handleReturn="cheliangxuqiu"/>
<kehudanganziliao ref="openZiliao" @handleReturn="kehudanganziliao"/> <kehudanganziliao v-show="viewState ==7" ref="openZiliao" @handleReturn="kehudanganziliao"/>
</div> </div>
</template> </template>
<script> <script>
// import {mapGetters} from 'vuex' import { namesDown, getPcDistributorList } from '@/api/jichuxinxi/crmcustomer'
import {namesDown, getPcDistributorList} from '@/api/jichuxinxi/crmcustomer' import { pagerList, deleteBySids } from '@/api/jichuxinxi/crmcustomer'
import {pagerList, deleteBySids} from '@/api/jichuxinxi/crmcustomer' import { typeValues } from '@/api/dictcommons/shujuzidian'
import {typeValues} from '@/api/dictcommons/shujuzidian' import Pagination from '@/components/pagination'
import {loginDetails} from '@/api/dictcommons/basemanufacturer' import pageye from '@/components/pagination/pageye'
import {getStorage} from '@/utils/auth' import kehudanganAdd from './kehudanganAdd.vue'
import Pagination from '@/components/pagination' import kehudanganInfo from './kehudanganinfo.vue'
import pageye from '@/components/pagination/pageye' import genjinjiluguanli from '@/views/kehuguanli/kehugenjinjilu/genjinjiluguanli.vue'
import kehudanganAdd from './kehudanganAdd.vue' import cheliangxuqiu from '../cheliangxuqiu/cheliangxuqiu'
import kehudanganInfo from './kehudanganinfo.vue' import kehudanganziliao from '@/views/kehuguanli/kehuziliao/kehudanganziliao'
import genjinjiluguanli from '@/views/kehuguanli/kehugenjinjilu/genjinjiluguanli.vue'
import cheliangxuqiu from "../cheliangxuqiu/cheliangxuqiu";
import kehudanganziliao from "@/views/kehuguanli/kehuziliao/kehudanganziliao"
export default { export default {
name: 'Kehudangan', name: 'Kehudangan',
components: { components: {
Pagination, Pagination,
@ -166,7 +158,7 @@
data() { data() {
return { return {
upLevel:'0', upLevel: '0',
dialogVisible: false, // 弹窗 dialogVisible: false, // 弹窗
formLabelWidth: '110px', formLabelWidth: '110px',
customerTypeList: { customerTypeList: {
@ -194,7 +186,7 @@
listLoading: false, listLoading: false,
listQuery: { listQuery: {
current: 1, current: 1,
size: 20, size: 10,
params: { params: {
affiliatedOrgName: '', affiliatedOrgName: '',
affiliatedOrgSid: '', affiliatedOrgSid: '',
@ -211,24 +203,15 @@
name: '', name: '',
source: '', source: '',
sourceKey: '', sourceKey: '',
staffSid: window.sessionStorage.getItem('staffSid'), staffSid: window.sessionStorage.getItem('staffSid')
}, },
total: 1, total: 1
}, },
temp: {}, // 添加和修改 temp: {}, // 添加和修改
visible: true, viewState: 1
// ------------------------------------ // ------------------------------------
} }
}, },
computed: {
// ...mapGetters([
// 'id',
// 'roles',
// 'rolesIds',
// 'departmentId',
// 'departmentCode',
// ]),
},
created() { created() {
// 初始化变量 // 初始化变量
this.init() this.init()
@ -244,7 +227,7 @@
this.searchxianshitit = '显示查询条件' this.searchxianshitit = '显示查询条件'
} }
}, },
//初始化 // 初始化
init() { init() {
this.getList() this.getList()
this.getShuJUZiDian() this.getShuJUZiDian()
@ -281,7 +264,7 @@
this.listQuery.current = 1 this.listQuery.current = 1
this.getList() this.getList()
}, },
//重置 // 重置
handleFilter() { handleFilter() {
this.listQuery = { this.listQuery = {
current: 1, current: 1,
@ -302,8 +285,8 @@
name: '', name: '',
source: '', source: '',
sourceKey: '', sourceKey: '',
staffSid: window.sessionStorage.getItem('staffSid'), staffSid: window.sessionStorage.getItem('staffSid')
}, }
} }
this.getList() this.getList()
}, },
@ -315,72 +298,68 @@
if (this.customerTypeList.visitWay !== '' && this.customerTypeList.customerType !== '') { if (this.customerTypeList.visitWay !== '' && this.customerTypeList.customerType !== '') {
this.dialogVisible = false this.dialogVisible = false
const customerTypeList = this.customerTypeList const customerTypeList = this.customerTypeList
this.$refs.addAndUpdate.openCreate(customerTypeList, () => { this.viewState = 2
this.visible = false this.$refs['addAndUpdate'].openCreate(customerTypeList)
this.customerTypeList = { this.customerTypeList = {
visitWay: '', visitWay: '',
visitWayKey: '', visitWayKey: '',
customerType: '' customerType: ''
} }
})
} else { } else {
this.$message({ this.$message({
message: '请填写联络方式和客户类型', message: '请填写联络方式和客户类型',
type: 'warning' type: 'warning'
}); })
} }
}, },
// 打开意向车型(车辆需求) // 打开意向车型(车辆需求)
handleCheliang(row) { handleCheliang(row) {
this.$refs.openCheXu.cheLiang(row.sid,this.upLevel,row.name, () => { this.viewState = 6
this.visible = false this.$refs['openCheXu'].cheLiang(row.sid, this.upLevel, row.name, '01')
})
}, },
//打开跟进记录 // 打开跟进记录
handleJiLu(row) { handleJiLu(row) {
this.$refs.Newpage.newpage(row.sid, row.name, () => { this.viewState = 5
this.visible = false this.$refs.Newpage.newpage(row.sid, row.name, '02')
})
}, },
// 勾选 // 勾选
handleSelectionChange(row) { handleSelectionChange(row) {
const aa = []; const aa = []
const bb = []; const bb = []
const cc = []; const cc = []
console.log('112233', row) console.log('112233', row)
row.forEach((element) => { row.forEach((element) => {
aa.push(element.sid) aa.push(element.sid)
}); })
row.forEach((element) => { row.forEach((element) => {
bb.push(element.name, element.mobile) bb.push(element.name, element.mobile)
}); })
this.sids = aa this.sids = aa
row.forEach((element) => { row.forEach((element) => {
cc.push(element.name) cc.push(element.name)
}); })
this.names = cc this.names = cc
console.log('勾选记录',this.sids) console.log('勾选记录', this.sids)
}, },
// 打开修改 // 打开修改
handleUpdate() { handleUpdate() {
if (this.sids.length === 1) { if (this.sids.length === 1) {
this.dialogStatus = 'update' this.dialogStatus = 'update'
this.$refs.addAndUpdate.openUpdate(this.sids[0], () => { this.viewState = 3
this.visible = false this.$refs['addAndUpdate'].openUpdate(this.sids[0])
})
} else if (this.sids.length > 1) { } else if (this.sids.length > 1) {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '不能选中多个修改!!', message: '不能选中多个修改!',
type: 'info', type: 'info',
duration: 2000, duration: 2000
}) })
} else { } else {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '没有选择信息!!', message: '没有选择信息!!',
type: 'error', type: 'error',
duration: 2000, duration: 2000
}) })
return return
} }
@ -389,55 +368,52 @@
handleGenjin() { handleGenjin() {
if (this.sids.length === 1) { if (this.sids.length === 1) {
this.dialogStatus = 'update' this.dialogStatus = 'update'
this.$refs.Newpage.newpage(this.sids[0], this.names[0], () => { this.viewState = 5
this.visible = false this.$refs['Newpage'].newpage(this.sids[0], this.names[0], '01')
})
} else if (this.sids.length > 1) { } else if (this.sids.length > 1) {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '不能选中多个客户!!', message: '不能选中多个客户!!',
type: 'info', type: 'info',
duration: 2000, duration: 2000
}) })
} else { } else {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '请选择客户!!', message: '请选择客户!!',
type: 'error', type: 'error',
duration: 2000, duration: 2000
}) })
return return
} }
}, },
// //
handleZiliao(){ handleZiliao() {
if (this.sids.length === 1) { if (this.sids.length === 1) {
this.dialogStatus = 'update' this.dialogStatus = 'update'
this.$refs.openZiliao.newpage(this.sids[0], this.names[0],() => { this.viewState = 7
this.visible = false this.$refs.openZiliao.newpage(this.sids[0], this.names[0])
})
} else if (this.sids.length > 1) { } else if (this.sids.length > 1) {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '不能选中多个客户!!', message: '不能选中多个客户!!',
type: 'info', type: 'info',
duration: 2000, duration: 2000
}) })
} else { } else {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '请选择客户!!', message: '请选择客户!!',
type: 'error', type: 'error',
duration: 2000, duration: 2000
}) })
return return
} }
}, },
// 查看詳情 // 查看詳情
handleCheck(row) { handleCheck(row) {
this.$refs.Info.openInfo(row.sid, () => { this.viewState = 4
this.visible = false this.$refs['Info'].openInfo(row.sid)
})
}, },
// 根据本行ID删除数据 // 根据本行ID删除数据
handleDelete() { handleDelete() {
@ -449,23 +425,23 @@
title: '提示', title: '提示',
message: '删除成功', message: '删除成功',
type: 'success', type: 'success',
duration: 2000, duration: 2000
}) })
this.getList() this.getList()
} else { } else {
this.$notify({ this.$notify({
title: '删除失败', title: '删除失败',
message: response.msg, message: response.msg,
type: 'error', type: 'error'
}) })
} }
}) })
} else { } else {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '没有选择信息!!', message: '没有选择信息!',
type: 'error', type: 'error',
duration: 2000, duration: 2000
}) })
return return
} }
@ -482,57 +458,52 @@
}, },
// 添加修改返回 // 添加修改返回
AddUpdateReturn() { AddUpdateReturn() {
this.visible = true this.viewState = 1
}, },
handleReturn() { handleReturn() {
this.visible = true this.viewState = 1
this.getList() this.getList()
// window.location.reload()
}, },
//跟进记录返回 // 跟进记录返回
genjinfanhui() { genjinfanhui() {
// window.location.reload() this.viewState = 1
this.visible = true
this.getList() this.getList()
}, },
cheliangxuqiu(){ cheliangxuqiu() {
this.visible = true this.viewState = 1
this.getList() this.getList()
}, },
//客户档案返回 // 客户档案返回
kehudanganziliao(){ kehudanganziliao() {
this.visible = true this.viewState = 1
this.getList() this.getList()
}, },
// ---------------------数据字典---------------------------------------- // ---------------------数据字典----------------------------------------
// 下拉卡框 数据字典 // 下拉卡框 数据字典
getShuJUZiDian() { getShuJUZiDian() {
typeValues({ typeValues({
type: 'customerType', type: 'customerType'
}).then((res) => { }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.merType = res.data this.merType = res.data
} }
}) })
//
typeValues({ typeValues({
type: 'customerSource', type: 'customerSource'
}).then((res) => { }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.sourceLisst = res.data this.sourceLisst = res.data
} }
}) })
//
typeValues({ typeValues({
type: 'customerLevel', type: 'customerLevel'
}).then((res) => { }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.induslevel = res.data this.induslevel = res.data
} }
}) })
//
typeValues({ typeValues({
type: 'visitWay', type: 'visitWay'
}).then((res) => { }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.visitWay_list = res.data this.visitWay_list = res.data
@ -543,12 +514,12 @@
getKeHu(value) { getKeHu(value) {
let bb = null let bb = null
this.merType.forEach((e) => { this.merType.forEach((e) => {
if (e.dictKey == value) { if (e.dictKey === value) {
bb = { bb = {
type: 'customerType', type: 'customerType',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey,
sid: e.sid, sid: e.sid
} }
} }
}) })
@ -561,12 +532,12 @@
getVisitWay(value) { getVisitWay(value) {
let bb = null let bb = null
this.visitWay_list.forEach((e) => { this.visitWay_list.forEach((e) => {
if (e.dictKey == value) { if (e.dictKey === value) {
bb = { bb = {
type: 'visitWay', type: 'visitWay',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey,
sid: e.sid, sid: e.sid
} }
} }
}) })
@ -576,8 +547,7 @@
// 客户分类 // 客户分类
getKeHufenlei(kehusid) { getKeHufenlei(kehusid) {
typeValues({ typeValues({
psid: kehusid, psid: kehusid, type: 'customerClass'
type: 'customerClass',
}).then((res) => { }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.merClass = res.data this.merClass = res.data
@ -587,7 +557,7 @@
// 挂靠单位 // 挂靠单位
getGuaKao() { getGuaKao() {
namesDown({ namesDown({
name: this.listQuery.params.affiliatedOrgSid, name: this.listQuery.params.affiliatedOrgSid
}).then((response) => { }).then((response) => {
if (response.code === '200') { if (response.code === '200') {
this.edOrgSid = response.data this.edOrgSid = response.data
@ -600,8 +570,8 @@
current: this.listQuery.current, current: this.listQuery.current,
size: this.listQuery.size, size: this.listQuery.size,
params: { params: {
distributorName: this.agencySid, distributorName: this.agencySid
}, }
}).then((response) => { }).then((response) => {
if (response.code === '200') { if (response.code === '200') {
this.ncySid = response.data this.ncySid = response.data
@ -612,11 +582,11 @@
getFenLei(value) { getFenLei(value) {
let bb = null let bb = null
this.merClass.forEach((e) => { this.merClass.forEach((e) => {
if (e.dictKey == value) { if (e.dictKey === value) {
bb = { bb = {
type: 'customerClass', type: 'customerClass',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
@ -627,11 +597,11 @@
getKeHuLaiYUan(value) { getKeHuLaiYUan(value) {
let bb = null let bb = null
this.sourceLisst.forEach((e) => { this.sourceLisst.forEach((e) => {
if (e.dictKey == value) { if (e.dictKey === value) {
bb = { bb = {
type: 'customerSource', type: 'customerSource',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
@ -642,56 +612,61 @@
getJiBie(value) { getJiBie(value) {
let bb = null let bb = null
this.induslevel.forEach((e) => { this.induslevel.forEach((e) => {
if (e.dictKey == value) { if (e.dictKey === value) {
bb = { bb = {
type: 'customerLevel', type: 'customerLevel',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
this.listQuery.params.level = bb.name this.listQuery.params.level = bb.name
this.listQuery.params.levelKey = bb.vaule this.listQuery.params.levelKey = bb.vaule
},
},
} }
}
}
</script> </script>
<style scoped> <style scoped>
/* .listcon { /* .listcon {
height: calc(100vh - 520px); height: calc(100vh - 520px);
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
} */ } */
.diaForm { .diaForm {
margin-bottom: 8px; margin-bottom: 8px;
} }
.searchbtn {
.searchbtn {
border: #2cab69 1px solid; border: #2cab69 1px solid;
color: #2cab69; color: #2cab69;
} }
.listtop {
.listtop {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border: 1px solid #dfe4ed; border: 1px solid #dfe4ed;
height: 40px; height: 40px;
} }
.tit {
.tit {
margin-bottom: -10px; margin-bottom: -10px;
} }
.pagination {
.pagination {
margin-bottom: -10px; margin-bottom: -10px;
} }
/* >>>操作符影响子组件 */
.diaForm >>> .el-form-item__label { /* >>>操作符影响子组件 */
.diaForm >>> .el-form-item__label {
margin-right: 16px; margin-right: 16px;
} }
/deep/ .el-dialog__footer { /deep/ .el-dialog__footer {
text-align: center; text-align: center;
} }
.el-button-sure { .el-button-sure {
margin-right: 10%; margin-right: 10%;
} }
</style> </style>

482
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganAdd.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="visible"> <div>
<div class="tab-header webtop"> <div class="tab-header webtop">
<div v-if="stateId === '0'">【新增】客户信息</div> <div v-if="stateId === '0'">【新增】客户信息</div>
<div v-else>【修改】客户信息</div> <div v-else>【修改】客户信息</div>
@ -10,8 +10,7 @@
</div> </div>
</div> </div>
<div class="listconadd"> <div class="listconadd">
<el-form ref="dataForm" :model="temp" label-position="top" label-width="190px" class="formadd " <el-form ref="dataForm" :model="temp" label-position="top" label-width="190px" class="formadd " :rules="rules">
:rules="rules">
<div class="titwu">客户信息</div> <div class="titwu">客户信息</div>
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px"> <div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
<div>基础信息</div> <div>基础信息</div>
@ -205,7 +204,7 @@
</el-col> </el-col>
<el-col :span="4" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
<span slot="label">电子邮件</span> <span slot="label">电子邮箱</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -302,10 +301,8 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-select v-model="templooke.consignment" style="width:50%" class="addinputw" placeholder="请选择承运货物" <el-select v-model="templooke.consignment" style="width:50%" class="addinputw" placeholder="请选择承运货物" @change="getHuoWu">
@change="getHuoWu"> <el-option v-for="(item, index) in consign" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
<el-option v-for="(item, index) in consign" :key="index.dictKey" :label="item.dictValue"
:value="item.dictKey"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -331,7 +328,7 @@
<div class="yihang"> <div class="yihang">
<el-checkbox-group v-if="aseType.length>0" v-model="aseTypeBox" @change="changexuanze"> <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"> <el-checkbox v-for="item in aseType" :key="item.divtkey" :label="item.divtkey">
{{item.dictValue }} {{ item.dictValue }}
</el-checkbox> </el-checkbox>
</el-checkbox-group> </el-checkbox-group>
<div class="mw">第 <div class="mw">第
@ -350,9 +347,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-input style="width:50%" v-model="templooke.existing_vehicles" maxlength="20" placeholder="请输入现有车辆" <el-input style="width:50%" v-model="templooke.existing_vehicles" maxlength="20" placeholder="请输入现有车辆" class="addinputw" clearable/>
class="addinputw"
clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="trightb"> <el-col :span="4" class="trightb">
@ -362,8 +357,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-input style="width:50%" v-model="templooke.existing_vehiclesBrand" maxlength="20" placeholder="请输入现有车辆品牌" <el-input style="width:50%" v-model="templooke.existing_vehiclesBrand" maxlength="20" placeholder="请输入现有车辆品牌" class="addinputw" clearable/>
class="addinputw" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -375,8 +369,7 @@
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<el-form-item> <el-form-item>
<el-input style="width:81%" v-model="templooke.remarks" maxlength="20" placeholder="请输入备注" class="addinputw" <el-input style="width:81%" v-model="templooke.remarks" maxlength="20" placeholder="请输入备注" class="addinputw" clearable/>
clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -397,12 +390,8 @@
</el-collapse-item> </el-collapse-item>
</el-collapse> </el-collapse>
</el-form> </el-form>
</div> </div>
</div> </div>
<cheliangxuqiu-add ref="addAndUpdate" @handleReturn="visible=true" @created="dataCreated" @updated="dataUpdated"
@doback="dataDengJi" @modify="dataModify"/>
<cheliangxuqiuinfo ref="Info" @handleReturn="visible=true"/>
<!-- 弹框提示 --> <!-- 弹框提示 -->
<el-dialog :visible.sync="dialogFormVisible" width="300px" :close-on-click-modal="false"> <el-dialog :visible.sync="dialogFormVisible" width="300px" :close-on-click-modal="false">
<div class="result-cont"> <div class="result-cont">
@ -417,35 +406,29 @@
</template> </template>
<script> <script>
import {mapGetters} from 'vuex' import {
import {
savePcCustomerInfo, savePcCustomerInfo,
namesDown, namesDown,
getPcCustomerInfoBySid, getPcCustomerInfoBySid,
getPcDistributorList, getPcDistributorList,
updatePcCustomerInfo, updatePcCustomerInfo,
getPcCustomerMobileAndName, } from '@/api/jichuxinxi/crmcustomer'
} from '@/api/jichuxinxi/crmcustomer' import {
import {
getProvince, getProvince,
getCity, getCity,
getCounty getCounty
} from '@/api/portal/areaPicker' // 省市区 } from '@/api/portal/areaPicker' // 省市区
import {typeValues} from '@/api/dictcommons/shujuzidian' import { typeValues } from '@/api/dictcommons/shujuzidian'
import {loginDetails} from '@/api/dictcommons/basemanufacturer' import { loginDetails } from '@/api/dictcommons/basemanufacturer'
import {getStorage} from '@/utils/auth' import { getStorage } from '@/utils/auth'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' import pageye from '@/components/pagination/pageye'
import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue' import { getPcBusinessInfoBySid } from '@/api/jichuxinxi/crmbusiness'
import cheliangxuqiuinfo from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuinfo.vue' import Upload from '@/components/uploadFile/upload.vue' // 上传文件
import {pagerList, delBySids} from '@/api/jichuxinxi/crmvehicle'
import {getPcBusinessInfoBySid} from '@/api/jichuxinxi/crmbusiness'
import Upload from '@/components/uploadFile/upload.vue' // 上传文件
import rules from '@/utils/roles'
export default { export default {
name: 'KehudanganAdd', name: 'KehudanganAdd',
components: {Pagination, pageye, cheliangxuqiuAdd, cheliangxuqiuinfo, Upload}, components: { Pagination, pageye, Upload },
data() { data() {
var checkSubmit = (rule, value, callback) => { var checkSubmit = (rule, value, callback) => {
const Submit = const Submit =
@ -497,17 +480,17 @@
consign: [], consign: [],
industrytype: 'industrytype', industrytype: 'industrytype',
industry_type: [], industry_type: [],
customerType_list:[], customerType_list: [],
sex_list:[], sex_list: [],
aseTypeBox: [], aseTypeBox: [],
aseType: [ aseType: [
{ {
dictValue: '首次购车', dictValue: '首次购车',
divtkey: 0, divtkey: 0
}, },
{ {
dictValue: '续购', dictValue: '续购',
divtkey: 1, divtkey: 1
}, },
], ],
Customeryou: '', Customeryou: '',
@ -515,20 +498,19 @@
kehusid: '', kehusid: '',
customerType: '', customerType: '',
YongHuid: [], YongHuid: [],
visible: false,
stateId: 0, stateId: 0,
FormLoading: false, FormLoading: false,
listLoading: false, listLoading: false,
tempdaat: {}, tempdaat: {},
crmVisitAppendixDtoList:[], crmVisitAppendixDtoList: [],
temp: { temp: {
crmBusinessDto: {}, crmBusinessDto: {},
crmVisitAppendixDtoList: [], crmVisitAppendixDtoList: [],
customerType: '', //客户类型 customerType: '', // 客户类型
visitWay: '', // 见面方式 visitWay: '', // 见面方式
visitWayKey: '', visitWayKey: '',
userSid: '', userSid: '',
orgSid:'' orgSid: ''
}, // 添加和修改 }, // 添加和修改
templooke: {}, templooke: {},
tempmore: {}, tempmore: {},
@ -544,8 +526,8 @@
current: 1, current: 1,
size: 20, size: 20,
params: { params: {
distributorName: '', distributorName: ''
}, }
}, },
clientSid: '', clientSid: '',
rules: { rules: {
@ -553,16 +535,16 @@
{ {
required: true, required: true,
message: '请填写客户名称', message: '请填写客户名称',
trigger: 'blur', trigger: 'blur'
}, }
], ],
address: [ address: [
{ {
required: true, required: true,
message: '请填写客户地址', message: '请填写客户地址',
trigger: 'blur', trigger: 'blur'
}, }
], ]
// mobile: [ // mobile: [
// { // {
// required: true, // required: true,
@ -577,17 +559,8 @@
// trigger: 'blur', // trigger: 'blur',
// }, // },
// ], // ],
},
} }
}, }
computed: {
...mapGetters([
'id',
'roles',
'rolesIds',
'departmentId',
'departmentCode',
]),
}, },
created() { created() {
// 初始化变量 // 初始化变量
@ -595,27 +568,18 @@
this.huoquSheng() //获取省 this.huoquSheng() //获取省
}, },
methods: { methods: {
//初始 // 初始
init() { init() {
this.getShuJUZiDian() this.getShuJUZiDian()
this.getGuaKao() this.getGuaKao()
this.postHuoquyonghu() this.postHuoquyonghu()
this.getZhongJie() this.getZhongJie()
}, },
// 序号 // 修改回显
indexMethod(index) { openUpdate(sid) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
//修改回显
openUpdate(sid, showed) {
this.clientSid = sid this.clientSid = sid
this.stateId = sid this.stateId = sid
console.log('888888888888', this.stateId) this.isOnRemind = '否'
this.isOnRemind='否'
// this.client = customer.name
// this.clientphone = customer.mobile
if (this.stateId !== '0') { if (this.stateId !== '0') {
getPcCustomerInfoBySid(this.stateId).then((response) => { getPcCustomerInfoBySid(this.stateId).then((response) => {
console.log(response.data) console.log(response.data)
@ -623,23 +587,20 @@
this.$refs['dataForm'].clearValidate() this.$refs['dataForm'].clearValidate()
this.temp = response.data this.temp = response.data
this.temp.birthday = this.getDates(this.temp.birthday) this.temp.birthday = this.getDates(this.temp.birthday)
// this.temp.address=this.temp.province+this.temp.city+this.temp.county if (this.temp.customerType !== '') {
this.visible = true
if(this.temp.customerType!==''){
typeValues({type: 'customerType'}).then((res) => { typeValues({type: 'customerType'}).then((res) => {
if (res.code === '200') { if (res.code === '200') {
if(this.temp.customerType=='个人'){ if (this.temp.customerType === '个人') {
this.temp.certificateType='身份证' this.temp.certificateType = '身份证'
this.temp.certificateTypeKey='01' this.temp.certificateTypeKey = '01'
} } else {
else{ this.temp.certificateType = '营业执照'
this.temp.certificateType='营业执照' this.temp.certificateTypeKey = '02'
this.temp.certificateTypeKey='02'
} }
this.customerType_list = res.data this.customerType_list = res.data
this.customerType_list.forEach((e) => { this.customerType_list.forEach((e) => {
if (e.dictValue == this.temp.customerType) { if (e.dictValue == this.temp.customerType) {
typeValues({psid: e.sid, type: this.customerClass}).then((res)=>{ typeValues({psid: e.sid, type: this.customerClass}).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.merClass = res.data this.merClass = res.data
} }
@ -649,47 +610,40 @@
} }
}) })
} }
if (showed && typeof showed === 'function') {
showed()
}
} }
}) })
getPcBusinessInfoBySid(this.stateId).then((response) => { getPcBusinessInfoBySid(this.stateId).then((response) => {
if (response.code === '200') { if (response.code === '200') {
this.templooke = response.data this.templooke = response.data
//选择框回显
const Arry = [] const Arry = []
Arry.push(parseInt(response.data.purchase_time)) Arry.push(parseInt(response.data.purchase_time))
this.aseTypeBox = Arry this.aseTypeBox = Arry
} }
}) })
} }
// this.getChelianglsit()
}, },
//新增 // 新增
openCreate(customerTypeList, showed) { openCreate(customerTypeList) {
this.resetTemp() this.resetTemp()
this.temp.customerType = customerTypeList.customerType this.temp.customerType = customerTypeList.customerType
this.temp.visitWay = customerTypeList.visitWay this.temp.visitWay = customerTypeList.visitWay
this.temp.visitWayKey = customerTypeList.visitWayKey this.temp.visitWayKey = customerTypeList.visitWayKey
this.$refs['dataForm'].clearValidate() this.$refs['dataForm'].clearValidate()
this.stateId = '0' this.stateId = '0'
this.visible = true if (this.temp.customerType !== '') {
if(this.temp.customerType!==''){ if (this.temp.customerType === '个人') {
if(this.temp.customerType=='个人'){ this.temp.certificateType = '身份证'
this.temp.certificateType='身份证' this.temp.certificateTypeKey = '01'
this.temp.certificateTypeKey='01' } else {
} this.temp.certificateType = '营业执照'
else{ this.temp.certificateTypeKey = '02'
this.temp.certificateType='营业执照'
this.temp.certificateTypeKey='02'
} }
typeValues({type: 'customerType'}).then((res) => { typeValues({ type: 'customerType' }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.customerType_list = res.data this.customerType_list = res.data
this.customerType_list.forEach((e) => { this.customerType_list.forEach((e) => {
if (e.dictValue == this.temp.customerType) { if (e.dictValue == this.temp.customerType) {
typeValues({psid: e.sid, type: this.customerClass}).then((res)=>{ typeValues({ psid: e.sid, type: this.customerClass }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.merClass = res.data this.merClass = res.data
} }
@ -699,63 +653,57 @@
} }
}) })
} }
if (showed && typeof showed === 'function') {
showed()
}
}, },
// ---------------------------------------------------------------------------------
// ---------------------------客户基础信息方法------------------------------------------------------
// ---------------------------------------------------------------------------------
// 下拉卡框 数据字典 // 下拉卡框 数据字典
getShuJUZiDian() { getShuJUZiDian() {
typeValues({type: this.documenttype}).then((res) => { typeValues({ type: this.documenttype }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.cateType = res.data this.cateType = res.data
} }
}) })
typeValues({type: this.customerType}).then((res) => { typeValues({ type: this.customerType }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.merType = res.data this.merType = res.data
} }
}) })
// //
typeValues({type: this.customerSource}).then((res) => { typeValues({ type: this.customerSource }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.sourceLisst = res.data this.sourceLisst = res.data
} }
}) })
// //
typeValues({type: this.customerLevel}).then((res) => { typeValues({ type: this.customerLevel }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.induslevel = res.data this.induslevel = res.data
} }
}) })
// //
typeValues({type: this.visitWay}).then((res) => { typeValues({ type: this.visitWay }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.industway = res.data this.industway = res.data
} }
}) })
// //
typeValues({type: this.industrytype}).then((res) => { typeValues({ type: this.industrytype }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.industry_type = res.data this.industry_type = res.data
} }
}) })
// //
typeValues({type: this.consignmentType}).then((res) => { typeValues({ type: this.consignmentType }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.signmentT = res.data this.signmentT = res.data
} }
}) })
// //
typeValues({type: this.consignment}).then((res) => { typeValues({ type: this.consignment }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.consign = res.data this.consign = res.data
} }
}) })
// //
typeValues({type: 'sex'}).then((res) => { typeValues({ type: 'sex' }).then((res) => {
if (res.code === '200') { if (res.code === '200') {
this.sex_list = res.data this.sex_list = res.data
} }
@ -772,7 +720,7 @@
// }, // },
// 挂靠单位 // 挂靠单位
getGuaKao() { getGuaKao() {
namesDown({name: this.temp.affiliatedOrgSid}).then((response) => { namesDown({ name: this.temp.affiliatedOrgSid }).then((response) => {
if (response.code === '200') { if (response.code === '200') {
this.edOrgSid = response.data this.edOrgSid = response.data
} }
@ -791,7 +739,7 @@
getShen(value) { getShen(value) {
let bb = '' let bb = ''
this.inputProvinceList.forEach((e) => { this.inputProvinceList.forEach((e) => {
if (e.sid == value) { if (e.sid === value) {
bb = { bb = {
name: e.name, name: e.name,
districtCode: e.districtCode, districtCode: e.districtCode,
@ -817,7 +765,7 @@
getShi(value) { getShi(value) {
let bb = '' let bb = ''
this.inputCityList.forEach((e) => { this.inputCityList.forEach((e) => {
if (e.sid == value) { if (e.sid === value) {
bb = { bb = {
name: e.name, name: e.name,
districtCode: e.districtCode, districtCode: e.districtCode,
@ -842,7 +790,7 @@
getQu(value) { getQu(value) {
let bb = '' let bb = ''
this.inputCountyList.forEach((e) => { this.inputCountyList.forEach((e) => {
if (e.sid == value) { if (e.sid === value) {
bb = { bb = {
name: e.name, name: e.name,
districtCode: e.districtCode, districtCode: e.districtCode,
@ -858,7 +806,7 @@
// ----------------------------------方法-------------------- // ----------------------------------方法--------------------
// 组件返回 // 组件返回
handleReturn() { handleReturn() {
this.activeNames=['1'] this.activeNames = ['1']
this.$emit('handleReturn') this.$emit('handleReturn')
}, },
// 添加前数据初始化 // 添加前数据初始化
@ -866,7 +814,7 @@
this.temp = {} this.temp = {}
this.templooke = {} this.templooke = {}
this.aseTypeBox = [] this.aseTypeBox = []
this.list1=[] this.list1 = []
}, },
// 获取用户信息 // 获取用户信息
postHuoquyonghu() { postHuoquyonghu() {
@ -904,7 +852,7 @@
findselect(list, value) { findselect(list, value) {
var item = null var item = null
for (var i = 0; i < list.length; i++) { for (var i = 0; i < list.length; i++) {
if (list[i].divtkey == value) { if (list[i].divtkey === value) {
item = list[i] item = list[i]
break break
} }
@ -922,21 +870,20 @@
this.$refs['dataForm'].validate((valid) => { this.$refs['dataForm'].validate((valid) => {
if (valid) { if (valid) {
this.FormLoading = true this.FormLoading = true
if(this.temp.sex!==''){ if (this.temp.sex !== '') {
this.sex_list.forEach((e)=>{ this.sex_list.forEach((e) => {
if(e.dictValue==this.temp.sex){ if (e.dictValue == this.temp.sex) {
this.temp.sexKey=e.dictKey this.temp.sexKey = e.dictKey
} }
}) })
} }
if(this.temp.isOnRemind!=='' && this.temp.isOnRemind=='是'){ if (this.temp.isOnRemind !== '' && this.temp.isOnRemind == '是') {
this.temp.isOnRemindkey=1 this.temp.isOnRemindkey = 1
} } else {
else{ this.temp.isOnRemindkey = 0
this.temp.isOnRemindkey=0
} }
if(this.temp.customerType!==''){ if (this.temp.customerType !== '') {
let bb='' let bb = ''
this.merType.forEach((e) => { this.merType.forEach((e) => {
if (e.dictValue == this.temp.customerType) { if (e.dictValue == this.temp.customerType) {
bb = { bb = {
@ -947,7 +894,7 @@
} }
} }
}) })
this.temp.customerTypeKey=bb.value this.temp.customerTypeKey = bb.value
} }
if (this.stateId === '0') { if (this.stateId === '0') {
this.temp.dto1 = this.templooke // this.templooke这个是运营的数据源 this.temp.dto1 = this.templooke // this.templooke这个是运营的数据源
@ -956,31 +903,29 @@
this.temp.orgSid = this.YongHuid.organizationSid this.temp.orgSid = this.YongHuid.organizationSid
this.temp.crmBusinessDto = this.templooke this.temp.crmBusinessDto = this.templooke
this.getUrl() this.getUrl()
this.temp.crmVisitAppendixDtoList=this.crmVisitAppendixDtoList this.temp.crmVisitAppendixDtoList = this.crmVisitAppendixDtoList
savePcCustomerInfo(this.temp).then((response)=>{ savePcCustomerInfo(this.temp).then((response) => {
this.FormLoading = false this.FormLoading = false
if(response.code=== '200'){ if (response.code === '200') {
// this.clientSid = response.data // this.clientSid = response.data
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '添加成功', message: '添加成功',
type: 'success', type: 'success',
duration: 2000, duration: 2000
}) })
this.templooke = {} this.templooke = {}
this.visible = false this.activeNames = ['1']
this.activeNames=['1'] this.list1 = []
this.list1=[]
this.$emit('handleReturn') this.$emit('handleReturn')
} else if (response.code === '511' || response.code === '513') {
}else if('511'===response.code || '513'===response.code){
this.FormLoading = false this.FormLoading = false
this.dialogFormVisible = true this.dialogFormVisible = true
this.stateId=response.data this.stateId = response.data
}else{ } else {
alert(200); alert(200)
} }
}).catch(function(reson,data){ }).catch(function(reson, data) {
}) })
} else { } else {
@ -999,8 +944,7 @@
duration: 2000, duration: 2000,
}) })
this.templooke = {} this.templooke = {}
this.visible = false this.activeNames = ['1']
this.activeNames=['1']
this.$emit('handleReturn') this.$emit('handleReturn')
} else { } else {
this.$notify({ this.$notify({
@ -1018,55 +962,6 @@
dialogStatus() { dialogStatus() {
this.dialogFormVisible = false this.dialogFormVisible = false
this.openUpdate(this.stateId) this.openUpdate(this.stateId)
// this.$refs['dataForm'].validate((valid) => {
// if (valid) {
// this.FormLoading = true
// console.log('77777777777777777777777777777777')
// this.temp.dto1 = this.templooke // this.templooke这个是运营的数据源
// this.temp.userSid = this.YongHuid.sid
// this.temp.staffSid = this.YongHuid.staffSid
// this.temp.orgSid = this.YongHuid.organizationSid
// this.temp.userSid = this.YongHuid.sid
// this.temp.crmBusinessDto = this.templooke
// 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
// }
// this.getUrl()
// savePcCustomerInfo(this.temp).then((response) => {
// this.FormLoading = false
// if (response.code === '200') {
// this.clientSid = response.data
// this.$notify({
// title: '提示',
// message: '添加成功',
// type: 'success',
// duration: 2000,
// })
// this.templooke = []
// this.dialogFormVisible = false
// this.visible = false
// this.$emit('handleReturn')
// } else {
// this.$notify({
// title: '提示',
// message: '添加失败',
// type: 'error',
// duration: 2000,
// })
// }
// })
// }
// })
}, },
dialogFormVisibl() { dialogFormVisibl() {
this.$notify({ this.$notify({
@ -1078,9 +973,6 @@
this.dialogFormVisible = false this.dialogFormVisible = false
return return
}, },
// ----------------------------------------------------------------------------------
// ---------------------------模糊搜索------------------------------------------------------
// ---------------------------------------------------------------------------------
// 中介单位 // 中介单位
getZhongJie() { getZhongJie() {
getPcDistributorList().then((response) => { getPcDistributorList().then((response) => {
@ -1148,7 +1040,7 @@
bb = { bb = {
type: 'customerClass', type: 'customerClass',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
@ -1163,7 +1055,7 @@
bb = { bb = {
type: 'customerSource', type: 'customerSource',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
@ -1178,7 +1070,7 @@
bb = { bb = {
type: 'customerLevel', type: 'customerLevel',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
@ -1193,7 +1085,7 @@
bb = { bb = {
type: 'visitWay', type: 'visitWay',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
@ -1208,7 +1100,7 @@
bb = { bb = {
type: 'industrytype', type: 'industrytype',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
@ -1223,7 +1115,7 @@
bb = { bb = {
type: 'consignmentType', type: 'consignmentType',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
@ -1238,81 +1130,13 @@
bb = { bb = {
type: 'consignment', type: 'consignment',
name: e.dictValue, name: e.dictValue,
vaule: e.dictKey, vaule: e.dictKey
} }
} }
}) })
this.templooke.consignment = bb.name this.templooke.consignment = bb.name
this.templooke.consignmentKey = bb.vaule this.templooke.consignmentKey = bb.vaule
}, },
// ---------------------------------------------------------------------------------
// ---------------------------车辆需求方法------------------------------------------------------
// ---------------------------------------------------------------------------------
//车辆列表查询
getChelianglsit() {
var query = {
customerSid: this.stateId,
staffSid: this.YongHuid.staffSid,
}
pagerList(query).then((response) => {
if (response.code === '200') {
this.list = response.data
}
})
},
// 添加保存完成
dataCreated() {
this.visible = true
this.$refs['dataForm'].resetFields() //
this.temp = []
this.$refs['datufrom'].resetFields() //
this.templooke = []
this.$emit('created')
},
// 修改保存完成
dataUpdated() {
this.visible = true
this.getList()
},
//查看
handlelooke(row) {
this.$refs.Info.openinfo(row.sid, this.stateId, () => {
debugger
this.visible = false
})
},
// 打开修改
handleUpdate(row) {
this.$refs.addAndUpdate.openUpdate(
row.sid,
this.stateId,
this.checkin,
() => {
this.visible = false
}
)
},
// 根据本行ID删除数据
handleDelete(row) {
delBySids(row.sid).then((response) => {
if (response.code === '200') {
this.$notify({
title: '提示',
message: '删除成功',
type: 'success',
duration: 2000,
})
this.getChelianglsit()
} else {
this.$notify({
title: '删除失败',
message: response.msg,
type: 'error',
})
}
})
},
//------------------------------见证材料--------------------------------
getUrl() { getUrl() {
for (var i = 0; i < this.list1.length; i++) { for (var i = 0; i < this.list1.length; i++) {
var namese = this.list1[i].name var namese = this.list1[i].name
@ -1328,102 +1152,48 @@
}) })
console.log('11223344', this.crmVisitAppendixDtoList) console.log('11223344', this.crmVisitAppendixDtoList)
} }
},
//------------------------------客户登记--------------------------------
//新增
showAdd(register, showed) {
this.checkin = register
console.log('852', this.checkin)
this.$refs['dataForm'].clearValidate()
this.stateId = '0'
// this.resetTemp()
this.visible = true
if (showed && typeof showed === 'function') {
showed()
}
},
showEdit(sid, register, showed) {
this.clientSid = sid
this.stateId = sid
this.checkin = register
if (this.stateId !== '0') {
getPcCustomerInfoBySid(this.stateId).then((response) => {
if (response.code === '200') {
this.$refs['dataForm'].clearValidate()
this.temp = response.data
this.temp.birthday = this.getDates(this.temp.birthday)
this.visible = true
if (showed && typeof showed === 'function') {
showed()
}
} }
})
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
}
})
}
this.getChelianglsit()
},
// 添加保存完成
dataDengJi() {
this.visible = true
this.$emit('doback')
},
dataModify() {
this.visible = true
// this.$emit('doback')
},
},
} }
}
</script> </script>
<style scoped> <style scoped>
.yulan { .yulan {
text-align: right; text-align: right;
margin-top: 15px; margin-top: 15px;
} }
.tleftb{
.tleftb {
text-align: left; text-align: left;
} }
.trightb{
.trightb {
text-align: right; text-align: right;
} }
.hang {
.hang {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 20px 10px; padding: 20px 10px;
} }
.addinputwduan { .addinputwduan {
width: 80px; width: 80px;
margin: 0 5px; margin: 0 5px;
} }
/*.formadd02 {*/
/* padding-top: 20px;*/
/*}*/
/*.formadd03 {*/
/* padding-top: 20px;*/
/*}*/
/deep/ .el-collapse-item__header { /deep/ .el-collapse-item__header {
height:40px; height: 40px;
padding: 10px; padding: 10px;
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 20px;
text-align: left; text-align: left;
color: #ffffff; color: #ffffff;
background-color: #0294d7; background-color: #0294d7;
} }
/deep/ .el-collapse-item__content{
/deep/ .el-collapse-item__content {
padding-bottom: 0; padding-bottom: 0;
} }
</style> </style>

287
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganinfo.vue
View File

@ -1,16 +1,10 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="visible"> <div>
<div class="tab-header webtop"> <div class="tab-header webtop">
<div>【查看】客户信息</div> <div>【查看】客户信息</div>
<div> <div>
<el-button <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
type="info"
size="small"
icon="el-icon-close"
@click="handleReturn()"
>关闭</el-button
>
</div> </div>
</div> </div>
<div class="listconadd"> <div class="listconadd">
@ -134,14 +128,7 @@
<!--更多信息--> <!--更多信息-->
<el-collapse v-model="activeNames"> <el-collapse v-model="activeNames">
<el-collapse-item title="更多信息" name="2"> <el-collapse-item title="更多信息" name="2">
<el-form <el-form ref="datufrom" :model="temp" label-position="top" label-width="190px" class="formadd02">
ref="datufrom"
:model="temp"
label-position="top"
label-width="190px"
class="formadd02"
>
<!-- <div class="titleleft">更多信息</div> -->
<el-row v-show="temp.customerType === '个人'"> <el-row v-show="temp.customerType === '个人'">
<el-col :span="4" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
@ -199,7 +186,7 @@
</el-col> </el-col>
<el-col :span="4" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
<span slot="label">电子邮件</span> <span slot="label">电子邮箱</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -270,14 +257,7 @@
<!--运营情况--> <!--运营情况-->
<el-collapse v-model="activeNames"> <el-collapse v-model="activeNames">
<el-collapse-item title="运营情况" name="3"> <el-collapse-item title="运营情况" name="3">
<el-form <el-form ref="datufrom" :model="templooke" label-position="top" label-width="190px" class="formadd03">
ref="datufrom"
:model="templooke"
label-position="top"
label-width="190px"
class="formadd03"
>
<!-- <div class="titleleft">运营情况</div> -->
<el-row> <el-row>
<el-col :span="4" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
@ -319,17 +299,8 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<div class="yihang"> <div class="yihang">
<el-checkbox-group <el-checkbox-group v-if="aseType.length > 0" v-model="aseTypeBox">
v-if="aseType.length > 0" <el-checkbox v-for="item in aseType" :key="item.divtkey" :label="item.divtkey">{{ item.dictValue }}</el-checkbox>
v-model="aseTypeBox"
>
<el-checkbox
v-for="item in aseType"
:key="item.divtkey"
:label="item.divtkey"
>
{{ item.dictValue }}
</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
<div class="mw"> <div class="mw">
第 第
@ -380,249 +351,61 @@
</el-form> </el-form>
</div> </div>
</div> </div>
<cheliangxuqiu-add
ref="addAndUpdate"
@handleReturn="visible = true"
@created="dataCreated"
@updated="dataUpdated"
/>
<cheliangxuqiuinfo ref="Info" @handleReturn="visible = true" />
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from "vuex"; import { getPcCustomerInfoBySid } from '@/api/jichuxinxi/crmcustomer'
import { import { getPcBusinessInfoBySid } from '@/api/jichuxinxi/crmbusiness'
savePcCustomerInfo,
namesDown,
getPcCustomerInfoBySid,
getPcDistributorList,
updatePcCustomerInfo,
} from "@/api/jichuxinxi/crmcustomer";
import { typeValues } from "@/api/dictcommons/shujuzidian";
import { loginDetails } from "@/api/dictcommons/basemanufacturer";
import { getStorage } from "@/utils/auth";
import Pagination from "@/components/pagination";
import pageye from "@/components/pagination/pageye";
import cheliangxuqiuAdd from "@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue";
import cheliangxuqiuinfo from "@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuinfo.vue";
import { pagerList, delBySids } from "@/api/jichuxinxi/crmvehicle";
import { getPcBusinessInfoBySid } from "@/api/jichuxinxi/crmbusiness";
import rules from "@/utils/roles";
export default { export default {
name: "Kehudanganinfo", name: 'Kehudanganinfo',
components: { Pagination, pageye, cheliangxuqiuAdd, cheliangxuqiuinfo },
data() { data() {
return { return {
// --按钮菜单-------
edit: true,
list: [],
customerClass: "customerClass",
merClass: [],
sourceLisst: [],
induslevel: [],
industway: [],
cateType: [],
customerType: "customerType",
merType: [],
ncySid: [],
edOrgSid: [],
consignmentType: "consignmentType",
signmentT: [],
consignment: "consignment",
consign: [],
industry_type: [],
aseTypeBox: [], aseTypeBox: [],
activeNames: ["1"], activeNames: ['1'],
aseType: [ aseType: [
{ {
dictValue: "首次购车", dictValue: '首次购车',
divtkey: 0, divtkey: 0
}, },
{ {
dictValue: "续购", dictValue: '续购',
divtkey: 1, divtkey: 1
}, }
], ],
kehusid: "",
YongHuid: [],
visible: false,
stateId: 0, stateId: 0,
FormLoading: false, temp: {}, // 添加和修改
listLoading: false, templooke: {}
temp: { }
dto1: "",
}, // 添加和修改
templooke: {},
tempmore: {},
sids: [],
listQuery: {
current: 1,
size: 20,
params: {
distributorName: "",
},
},
dialogStatus: "", // 对话框状态
clientSid: "",
};
},
computed: {
...mapGetters([
"id",
"roles",
"rolesIds",
"departmentId",
"departmentCode",
]),
},
created() {
// 初始化变量
this.init();
}, },
methods: { methods: {
//初始 // 修改回显
init() { openInfo(sid) {
this.postHuoquyonghu(); this.stateId = sid
this.getGuaKao(); if (this.stateId !== '0') {
this.getZhongJie();
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size;
var pageindex = index + 1 + pagestart;
return pageindex;
},
//修改回显
openInfo(sid, showed) {
this.stateId = sid;
if (this.stateId !== "0") {
getPcCustomerInfoBySid(this.stateId).then((response) => { getPcCustomerInfoBySid(this.stateId).then((response) => {
if (response.code === "200") { if (response.code === '200') {
this.$refs["dataForm"].clearValidate(); this.$refs['dataForm'].clearValidate()
this.temp = response.data; this.temp = response.data
this.visible = true;
if (showed && typeof showed === "function") {
showed();
}
} }
}); })
getPcBusinessInfoBySid(this.stateId).then((response) => { getPcBusinessInfoBySid(this.stateId).then((response) => {
if (response.code === "200") { if (response.code === '200') {
this.templooke = response.data; this.templooke = response.data
//选择框回显 const Arry = []
const Arry = []; Arry.push(parseInt(response.data.purchase_time))
Arry.push(parseInt(response.data.purchase_time)); this.aseTypeBox = Arry
this.aseTypeBox = Arry;
} }
}); })
} }
// this.getChelianglsit()
}, },
// ----------------------------------方法--------------------
// 组件返回 // 组件返回
handleReturn() { handleReturn() {
this.visible = false; this.$emit('handleReturn')
this.$emit("handleReturn");
},
// 添加前数据初始化
resetTemp() {
this.temp = {};
},
// 获取用户信息
postHuoquyonghu() {
var token = getStorage();
loginDetails(token).then((response) => {
if (response.code === "200") {
this.YongHuid = response.data;
} }
});
},
// 转换时间格式
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;
},
// 挂靠单位
getGuaKao() {
namesDown({ name: this.temp.affiliatedOrgSid }).then((response) => {
if (response.code === "200") {
this.edOrgSid = response.data;
}
});
},
// 中介单位
getZhongJie() {
getPcDistributorList().then((response) => {
if (response.code === "200") {
this.ncySid = response.data;
}
});
},
// 中介单位处理
getZongjieDanwei(value) {
let bb = null;
this.ncySid.forEach((e) => {
if (e.sid == value) {
bb = {
name: e.distributorName,
};
}
});
this.temp.agencyName = bb.name;
},
// ---------------------------------------------------------------------------------
// ---------------------------车辆需求方法------------------------------------------------------
// ---------------------------------------------------------------------------------
//车辆列表查询
getChelianglsit() {
var query = {
customerSid: this.stateId,
staffSid: this.YongHuid.staffSid,
};
pagerList(query).then((response) => {
if (response.code === "200") {
this.list = response.data;
} }
}); }
},
// // 添加保存完成
dataCreated() {
this.visible = true;
this.$emit("created");
},
// 修改保存完成
dataUpdated() {
this.visible = true;
this.getList();
},
//查看
handlelooke(row) {
this.$refs.Info.openinfo(row.sid, this.stateId, () => {
this.visible = false;
});
},
},
};
</script> </script>
<style scoped> <style scoped>
.yulan { .yulan {

201
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiliAdd.vue
View File

@ -1,8 +1,7 @@
<template> <template>
<div v-show="visible" class="app-container"> <div class="app-container">
<div class="tab-header webtop"> <div class="tab-header webtop">
<div>【新增】客户跟进记录</div> <div>【新增】客户跟进记录</div>
<!-- <div v-else>【修改】客户信息</div> -->
<div> <div>
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> <el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
<!-- <el-button type="primary" size="small">下载</el-button> --> <!-- <el-button type="primary" size="small">下载</el-button> -->
@ -10,22 +9,21 @@
</div> </div>
</div> </div>
<div class="listconadd"> <div class="listconadd">
<el-form ref="dataForm" :model="temp" label-position="top" label-width="260px" class="formadd widthxiaox" <el-form ref="dataForm" :model="temp" label-position="top" label-width="260px" class="formadd widthxiaox" :rules="rules">
:rules="rules"> <div class="titwu">{{ customerName }}客户跟进记录</div>
<div class="titwu">{{customerName}}客户跟进记录</div> <!-- <el-row class="bordertopline">-->
<!-- <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>-->
<!-- {{ customerName }}-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<el-row class="bordertopline"> <el-row class="bordertopline">
<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>
{{customerName}}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item prop="follow_form"> <el-form-item prop="follow_form">
<span slot="label">跟进形式</span> <span slot="label">跟进形式</span>
@ -34,8 +32,7 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="follow_form"> <el-form-item prop="follow_form">
<el-select v-model="temp.follow_form" class="addinputw" placeholder="" style="width:60%" @change="getXingshi"> <el-select v-model="temp.follow_form" class="addinputw" placeholder="" style="width:60%" @change="getXingshi">
<el-option v-for="(item, index) in followupform" :key="index.dictKey" :label="item.dictValue" <el-option v-for="(item, index) in followupform" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
:value="item.dictKey" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -46,8 +43,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item> <el-form-item>
<el-date-picker v-model="temp.follow_time" type="date" format="yyyy-MM-dd" style="width:60%" class="addinputw" <el-date-picker v-model="temp.follow_time" type="date" format="yyyy-MM-dd" style="width:60%" class="addinputw" value-format="yyyy-MM-dd" placeholder="请选择"/>
value-format="yyyy-MM-dd" placeholder="请选择" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -59,7 +55,7 @@
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<el-form-item prop="follow_result"> <el-form-item prop="follow_result">
<el-input v-model="temp.follow_result" maxlength="20" placeholder="" style="width:23%" class="addinputw" clearable /> <el-input v-model="temp.follow_result" maxlength="20" placeholder="" style="width:23%" class="addinputw" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -72,8 +68,7 @@
<el-col :span="20"> <el-col :span="20">
<el-form-item> <el-form-item>
<el-select v-model="temp.follow_state" class="addinputw" placeholder="" style="width:23%" @change="getZhuaangtai"> <el-select v-model="temp.follow_state" class="addinputw" placeholder="" style="width:23%" @change="getZhuaangtai">
<el-option v-for="(item, index) in followupstatus" :key="index.dictKey" :label="item.dictValue" <el-option v-for="(item, index) in followupstatus" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
:value="item.dictKey" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -100,8 +95,7 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="remind_day" v-show="temp.isOnRemind=='是'"> <el-form-item prop="remind_day" v-show="temp.isOnRemind=='是'">
<el-select v-model="temp.remind_day" class="addinputw" placeholder="" style="width:60%" @change="gettime"> <el-select v-model="temp.remind_day" class="addinputw" placeholder="" style="width:60%" @change="gettime">
<el-option v-for="(item, index) in reminderdate" :key="index.dictKey" :label="item.dictValue" <el-option v-for="(item, index) in reminderdate" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
:value="item.dictKey" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -114,7 +108,7 @@
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<el-form-item> <el-form-item>
<el-input v-model="temp.remarks" maxlength="20" placeholder="" style="width:85%" class="addinputw" clearable /> <el-input v-model="temp.remarks" maxlength="20" placeholder="" style="width:85%" class="addinputw" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -126,7 +120,7 @@
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<el-form-item> <el-form-item>
<ManyImageUpload types="0001" :upload-data="{type:'0004'}" style="float:left;" v-model="list1" /> <ManyImageUpload types="0001" :upload-data="{type:'0004'}" style="float:left;" v-model="list1"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -135,32 +129,20 @@
</div> </div>
</template> </template>
<script> <script>
import { import {
mapGetters
} from 'vuex'
import {
save, save,
update, update,
fetchSid fetchSid
} from '@/api/jichuxinxi/crmvisit' } from '@/api/jichuxinxi/crmvisit'
import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue' import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue'
import { import { typeValues } from '@/api/dictcommons/shujuzidian'
typeValues import { loginDetails } from '@/api/dictcommons/basemanufacturer'
} from '@/api/dictcommons/shujuzidian' import { getStorage } from '@/utils/auth'
import { import { deleteFilesOss } from '@/api/jichuxinxi/contract'
loginDetails import { getPcAppendix } from '@/api/jichuxinxi/commonappendix.js'
} from '@/api/dictcommons/basemanufacturer' import ManyImageUpload from '@/components/uploadFile/ManyImageUpload'
import {
getStorage export default {
} from '@/utils/auth'
import {
deleteFilesOss
} from '@/api/jichuxinxi/contract'
import {
getPcAppendix
} from '@/api/jichuxinxi/commonappendix.js'
import ManyImageUpload from '@/components/uploadFile/ManyImageUpload'
export default {
name: 'KehugenzongAdd', name: 'KehugenzongAdd',
components: { components: {
cheliangxuqiuAdd, cheliangxuqiuAdd,
@ -168,8 +150,6 @@
}, },
data() { data() {
return { return {
// --按钮菜单-------
visible: false,
stateId: 0, stateId: 0,
FormLoading: false, FormLoading: false,
followupform: [], followupform: [],
@ -185,7 +165,7 @@
// customerSides: '', // customerSides: '',
file_list: { file_list: {
attachType: '0004', attachType: '0004',
linkSid: '', linkSid: ''
}, },
list1: [], list1: [],
// list2: [], // list2: [],
@ -195,41 +175,31 @@
aseTypeBox: [], aseTypeBox: [],
aseType: [{ aseType: [{
dictValue: '是', dictValue: '是',
divtkey: 0, divtkey: 1
}, },
{ {
dictValue: '否', dictValue: '否',
divtkey: 1, divtkey: 0
}, }
], ],
rules: { rules: {
remind_day: [{ remind_day: [{
required: true, required: true,
message: '请填写', message: '请填写',
trigger: 'blur', trigger: 'blur'
}, ], }],
follow_form: [{ follow_form: [{
required: true, required: true,
message: '请填写', message: '请填写',
trigger: 'blur', trigger: 'blur'
}, ], }],
follow_result: [{ follow_result: [{
required: true, required: true,
message: '请填写', message: '请填写',
trigger: 'blur', trigger: 'blur'
}, ], }]
}, }
// ------------------------------------
} }
},
computed: {
...mapGetters([
'id',
'roles',
'rolesIds',
'departmentId',
'departmentCode',
]),
}, },
created() { created() {
// 初始化变量 // 初始化变量
@ -241,30 +211,21 @@
this.postHuoquyonghu() this.postHuoquyonghu()
}, },
// 修改回显 // 修改回显
openUpdate(sid, cusid, showed) { openUpdate(sid, cusid) {
this.list1 = [] this.list1 = []
this.stateId = sid this.stateId = sid
this.customerSid = cusid this.customerSid = cusid
this.file_list.linkSid = sid this.file_list.linkSid = sid
if (this.stateId !== '0') { if (this.stateId !== '0') {
// this.list3 = []
// this.list2 = []
fetchSid(this.stateId).then((response) => { fetchSid(this.stateId).then((response) => {
if (response.code === '200') { if (response.code === '200') {
this.$refs['dataForm'].clearValidate() this.$refs['dataForm'].clearValidate()
this.customerName = response.data.data.customerName this.customerName = response.data.data.customerName
const Arry = [] const Arry = []
Arry.push(parseInt(response.data.data.isOnRemind)) Arry.push(parseInt(response.data.data.isOnRemindkey))
console.log(Arry, 78787878)
this.aseTypeBox = Arry this.aseTypeBox = Arry
// this.list1 = []
// for (var i = 0; i < response.data.data.list.length; i++) {
// this.list1.push(response.data.data.list[i].fileUrl)
// }
this.temp = response.data.data this.temp = response.data.data
this.visible = true
if (showed && typeof showed === 'function') {
showed()
}
} }
}) })
this.getImagelook() this.getImagelook()
@ -279,25 +240,21 @@
url: w.filePath, url: w.filePath,
fullUrl: '', fullUrl: '',
size: w.fileSize, size: w.fileSize,
fileType: w.fileType, fileType: w.fileType
}) })
}) })
} }
}) })
}, },
// 新增 // 新增
openCreate(bname, sid, showed) { openCreate(bname, sid) {
this.list1 = [] this.list1 = []
this.customerName = bname this.customerName = bname
this.customerSid = sid this.customerSid = sid
this.$refs['dataForm'].clearValidate() this.$refs['dataForm'].clearValidate()
this.stateId = '0' this.stateId = '0'
this.resetTemp() this.resetTemp()
this.visible = true
this.aseTypeBox = [] this.aseTypeBox = []
if (showed && typeof showed === 'function') {
showed()
}
}, },
// 删除文件 // 删除文件
deleteFile(url, index) { deleteFile(url, index) {
@ -307,7 +264,7 @@
title: '提示', title: '提示',
message: '删除成功', message: '删除成功',
type: 'success', type: 'success',
duration: 2000, duration: 2000
}) })
this.list3.splice(index, 1) this.list3.splice(index, 1)
var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => { var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
@ -326,7 +283,7 @@
title: '提示', title: '提示',
message: '删除成功', message: '删除成功',
type: 'success', type: 'success',
duration: 2000, duration: 2000
}) })
this.list2.splice(index, 1) this.list2.splice(index, 1)
var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => { var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
@ -342,7 +299,6 @@
// 返回 // 返回
handleReturn() { handleReturn() {
this.list1 = [] this.list1 = []
this.visible = false
this.$emit('handleReturn') this.$emit('handleReturn')
}, },
// 获取用户信息 // 获取用户信息
@ -367,8 +323,8 @@
this.temp.orgSid = this.YongHuid.organizationSid this.temp.orgSid = this.YongHuid.organizationSid
this.temp.staffSid = this.YongHuid.staffSid this.temp.staffSid = this.YongHuid.staffSid
this.temp.customerSid = this.customerSid this.temp.customerSid = this.customerSid
console.log('客户sid',this.temp.customerSid) console.log('客户sid', this.temp.customerSid)
console.log('这是用户信息',this.YongHuid) console.log('这是用户信息', this.YongHuid)
// debugger // debugger
this.temp.list = [] this.temp.list = []
// this.temp.list.push(list1) // this.temp.list.push(list1)
@ -382,7 +338,7 @@
filePath: this.list1[i].url, filePath: this.list1[i].url,
fileSize: this.list1[i].size, fileSize: this.list1[i].size,
createBySid: this.YongHuid.sid, createBySid: this.YongHuid.sid,
fileType: nameArr[nameArr.length - 1], fileType: nameArr[nameArr.length - 1]
}) })
} }
save(this.temp).then((response) => { save(this.temp).then((response) => {
@ -392,7 +348,7 @@
title: '提示', title: '提示',
message: '添加成功', message: '添加成功',
type: 'success', type: 'success',
duration: 2000, duration: 2000
}) })
this.handleReturn() this.handleReturn()
this.$emit('created') this.$emit('created')
@ -401,7 +357,7 @@
title: '提示', title: '提示',
message: '添加失败', message: '添加失败',
type: 'error', type: 'error',
duration: 2000, duration: 2000
}) })
} }
}) })
@ -410,8 +366,6 @@
this.temp.customerSid = this.customerSid this.temp.customerSid = this.customerSid
this.temp.list = [] this.temp.list = []
for (var i = 0; i < this.list1.length; i++) { for (var i = 0; i < this.list1.length; i++) {
// debugger
// console.log('照片数据',this.list1)
var namese = this.list1[i].name var namese = this.list1[i].name
var nameArr = namese.split('.') var nameArr = namese.split('.')
this.temp.list.push({ this.temp.list.push({
@ -421,7 +375,7 @@
fileSize: this.list1[i].size, fileSize: this.list1[i].size,
// linkSid: this.temp.customerSid, // linkSid: this.temp.customerSid,
createBySid: this.YongHuid.sid, createBySid: this.YongHuid.sid,
fileType: nameArr[nameArr.length - 1], fileType: nameArr[nameArr.length - 1]
}) })
} }
update(this.temp).then((response) => { update(this.temp).then((response) => {
@ -431,14 +385,14 @@
title: '提示', title: '提示',
message: '修改成功', message: '修改成功',
type: 'success', type: 'success',
duration: 2000, duration: 2000
}) })
this.$emit('updated') this.$emit('updated')
} else { } else {
this.$notify({ this.$notify({
title: '失败', title: '失败',
message: '修改失败', message: '修改失败',
type: 'error', type: 'error'
}) })
} }
}) })
@ -450,7 +404,7 @@
findselect(list, value) { findselect(list, value) {
var item = null var item = null
for (var i = 0; i < list.length; i++) { for (var i = 0; i < list.length; i++) {
if (list[i].divtkey == value) { if (list[i].divtkey === value) {
item = list[i] item = list[i]
break break
} }
@ -460,15 +414,13 @@
// 是否 处理 // 是否 处理
changexuanze() { changexuanze() {
this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]] this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]]
console.log(this.aseTypeBox, 999)
var item = this.findselect(this.aseType, this.aseTypeBox[0]) var item = this.findselect(this.aseType, this.aseTypeBox[0])
if(item!=null){ if (item != null) {
this.temp.isOnRemind = item.dictValue this.temp.isOnRemind = item.dictValue
this.temp.isOnRemindkey = item.divtkey this.temp.isOnRemindkey = item.divtkey
} }
}, },
// ---------------------------------------------------------------------------------
// ---------------------------数据字典------------------------------------------------------
// ---------------------------------------------------------------------------------
// 数据字典 // 数据字典
getShuJuZiDian() { getShuJuZiDian() {
typeValues({ typeValues({
@ -504,11 +456,11 @@
getXingshi(value) { getXingshi(value) {
let bb = null let bb = null
this.followupform.forEach((e) => { this.followupform.forEach((e) => {
if (e.dictKey == value) { if (e.dictKey === value) {
bb = { bb = {
type: 'followForm', type: 'followForm',
key: e.dictKey, key: e.dictKey,
value: e.dictValue, value: e.dictValue
} }
} }
}) })
@ -523,7 +475,7 @@
bb = { bb = {
type: 'followType', type: 'followType',
key: e.dictKey, key: e.dictKey,
value: e.dictValue, value: e.dictValue
} }
} }
}) })
@ -538,7 +490,7 @@
bb = { bb = {
type: 'followState', type: 'followState',
key: e.dictKey, key: e.dictKey,
value: e.dictValue, value: e.dictValue
} }
} }
}) })
@ -553,7 +505,7 @@
bb = { bb = {
type: 'remindDay', type: 'remindDay',
key: e.dictKey, key: e.dictKey,
value: e.dictValue, value: e.dictValue
} }
} }
}) })
@ -561,25 +513,26 @@
this.temp.remind_day_key = bb.key this.temp.remind_day_key = bb.key
}, },
}, },
} }
</script> </script>
<style scoped> <style scoped>
.dtp { .dtp {
z-index: 999; z-index: 999;
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
right: 0px; right: 0px;
} }
.imgcontent { .imgcontent {
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
.nameStyle { .nameStyle {
cursor: pointer; cursor: pointer;
} }
.trightb{
.trightb {
text-align: right; text-align: right;
} }
</style> </style>

215
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiluguanli.vue
View File

@ -1,11 +1,12 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="visible"> <div v-show="viewState == 1">
<div class="tab-header webtop"> <div class="tab-header webtop">
<div>客户跟进记录</div> <div>客户跟进记录</div>
<div> <div>
<el-button type="primary" size="small" icon="el-icon-plus" @click="handleCreate()">新增</el-button> <el-button v-show="btnVisible" type="primary" size="small" icon="el-icon-plus" @click="handleCreate()">新增
<!-- <el-button type="primary" size="small" icon="" @click="handleUpdate()">编辑</el-button> --> </el-button>
<el-button v-show="btnVisible" type="primary" size="small" icon="" @click="handleUpdate()">编辑</el-button>
<!-- <el-button type="danger" size="small" @click="handleDelete()">删除</el-button> --> <!-- <el-button type="danger" size="small" @click="handleDelete()">删除</el-button> -->
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
</div> </div>
@ -16,64 +17,47 @@
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item class="formItem" label="跟进时间"> <el-form-item class="formItem" label="跟进时间">
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.start_follow_time" clearable <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.start_follow_time" clearable style="width: 160px;" type="date" placeholder="开始日期"/>
style="width: 160px;" type="date" placeholder="开始日期"/>
<div class="line">至</div> <div class="line">至</div>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.end_follow_time" clearable <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.end_follow_time" clearable style="width: 160px;" type="date" placeholder="结束日期"/>
style="width: 160px;" type="date" placeholder="结束日期"/>
</el-form-item> </el-form-item>
<el-form-item label="跟进形式"> <el-form-item label="跟进形式">
<el-select v-model="listQuery.params.follow_form" class="addinputw" placeholder="请输入" @change="getXingshi"> <el-select v-model="listQuery.params.follow_form" class="addinputw" placeholder="请输入" @change="getXingshi">
<el-option v-for="(item, index) in followupform" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey" /> <el-option v-for="(item, index) in followupform" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="跟进状态"> <!--follow_state --> <el-form-item label="跟进状态"> <!--follow_state -->
<el-select v-model="listQuery.params.follow_state" class="addinputw" placeholder="" @change="getZhuaangtai"> <el-select v-model="listQuery.params.follow_state" class="addinputw" placeholder="" @change="getZhuaangtai">
<el-option v-for="(item, index) in followupstatus" :key="index.dictKey" :label="item.dictValue" <el-option v-for="(item, index) in followupstatus" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
:value="item.dictKey" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<div class="searchbtns"> <div class="searchbtns">
<el-button type="primary" icon="el-icon-search" @click="handleReset()">查询</el-button> <el-button type="primary" icon="el-icon-search" @click="handleReset()">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleFilter()">重置</el-button> <el-button type="primary" icon="el-icon-refresh" @click="handleFilter()">重置</el-button>
</div> </div>
<!-- <el-select v-model="listQuery.follow_type" class="addinputw" placeholder="请输入" @change="getLeiBie">-->
<!-- <el-option v-for="(item, index) in followupcategory" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey" />-->
<!-- </el-select>-->
<!-- <el-form-item label="客户状态">-->
<!-- <el-select v-model="listQuery.follow_state" class="addinputw" placeholder="请输入选择" @change="getZhuaangtai">-->
<!-- <el-option v-for="(item, index) in followupstatus" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
</el-form> </el-form>
</div> </div>
</div> </div>
<div class="listtop"> <div class="listtop">
<div class="tit">客户跟进记录列表</div> <div class="tit">客户跟进记录列表</div>
<!-- 翻页分页 --> <!-- 翻页分页 -->
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList" /> <pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div> </div>
<div class=""> <div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange"> <el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" /> <el-table-column type="selection" align="center" width="50"/>
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" /> <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column label="跟进形式" align="center"> <el-table-column label="跟进形式" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.follow_form }}</span> <span>{{ scope.row.follow_form }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="跟进类别" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.follow_type }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="跟进时间" align="center"> <el-table-column label="跟进时间" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.follow_time }}</span> <span>{{ scope.row.follow_time }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="跟进结果" align="center"> <el-table-column label="跟进效果" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.follow_result }}</span> <span>{{ scope.row.follow_result }}</span>
</template> </template>
@ -90,7 +74,7 @@
</el-table-column> </el-table-column>
<el-table-column label="是否开启提醒" align="center"> <el-table-column label="是否开启提醒" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.isOnRemind == 0? '是': '否' }}</span> <span>{{ scope.row.isOnRemind == 0 ? '是' : '否' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="提醒日期" align="center"> <el-table-column label="提醒日期" align="center">
@ -105,51 +89,20 @@
</el-table-column> </el-table-column>
<el-table-column label="车辆需求" align="center"> <el-table-column label="车辆需求" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="bluezi" @click="handleCheliang(scope.row)">{{scope.row.xqcounts}}</span> <span class="bluezi" @click="handleCheliang(scope.row)">{{ scope.row.xqcounts }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="pages"> <div class="pages">
<div class="tit" /> <div class="tit"/>
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList" /> <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div> </div>
<!-- 添加弹出窗口 -->
<!-- <el-dialog :visible.sync="dialogFormVisible" width="1000px" :close-on-click-modal="false">
<div class="result-cont">
<el-table v-loading="listLoading" :data="material" border fit highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50" />
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" />
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button type="primary" size="small">下载</el-button>
<el-button type="danger" size="small">删除</el-button>
</template>
</el-table-column>
<el-table-column label="附件名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileName }}</span>
</template>
</el-table-column>
<el-table-column label="文件格式" align="center">
<template slot-scope="scope">
<span>{{ scope.row.fileType }}</span>
</template>
</el-table-column>
<el-table-column label="上传人" align="center">
<template slot-scope="scope">
<span>{{ scope.row.follow_result }}</span>
</template>
</el-table-column>
</el-table>
</div>
</el-dialog> -->
<el-dialog :visible.sync="dialogFormVisible" width="1000px" :close-on-click-modal="false"> <el-dialog :visible.sync="dialogFormVisible" width="1000px" :close-on-click-modal="false">
<div class="result-cont"> <div class="result-cont">
<el-carousel indicator-position="outside" style="height: 500px;"> <el-carousel indicator-position="outside" style="height: 500px;">
<el-carousel-item v-for="(item,index) in material" :key="index" style="height: 500px;"> <el-carousel-item v-for="(item,index) in material" :key="index" style="height: 500px;">
<!-- <h3>{{ item }}</h3> -->
<img style="width: 100%; height: 500px;" :src="item.filePath"> <img style="width: 100%; height: 500px;" :src="item.filePath">
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
@ -157,15 +110,14 @@
</el-dialog> </el-dialog>
</div> </div>
</div> </div>
<genjinjilu-add ref="addAndUpdate" @handleReturn="visible=true" @created="dataCreated" @updated="dataUpdated" /> <genjinjilu-add ref="addAndUpdate" v-show="viewState == 2 ||viewState == 3" @handleReturn="resetState" @created="dataCreated" @updated="dataUpdated"/>
<genjinjilu-info ref="openInfo" @handleReturn="visible = true" /> <genjinjilu-info ref="openInfo" v-show="viewState == 4" @handleReturn="resetState"/>
<!--车辆需求--> <!--车辆需求-->
<cheliangxuqiu ref="openCheXu" @handleReturn="cheliangxuqiu"></cheliangxuqiu> <cheliangxuqiu ref="openCheXu" v-show="viewState ==5" @handleReturn="cheliangxuqiu"/>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex'
import { pagerList, del } from '@/api/jichuxinxi/crmvisit' import { pagerList, del } from '@/api/jichuxinxi/crmvisit'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' import pageye from '@/components/pagination/pageye'
@ -175,8 +127,7 @@ import genjinjiluInfo from './genjinjiluinfo.vue'
import { loginDetails } from '@/api/dictcommons/basemanufacturer' import { loginDetails } from '@/api/dictcommons/basemanufacturer'
import { getStorage } from '@/utils/auth' import { getStorage } from '@/utils/auth'
import { getPcAppendix } from '@/api/jichuxinxi/commonappendix' import { getPcAppendix } from '@/api/jichuxinxi/commonappendix'
import cheliangxuqiu from "../cheliangxuqiu/cheliangxuqiu"; import cheliangxuqiu from '../cheliangxuqiu/cheliangxuqiu'
export default { export default {
name: 'Genjinjiluguanli', name: 'Genjinjiluguanli',
@ -187,10 +138,11 @@ export default {
genjinjiluInfo, genjinjiluInfo,
cheliangxuqiu cheliangxuqiu
}, },
data() { data() {
return { return {
upLevel:'1', viewState: 1,
btnVisible: false,
upLevel: '1',
isSearchShow: false, isSearchShow: false,
searchxianshitit: '隐藏查询条件', searchxianshitit: '隐藏查询条件',
// 查询 ----------- // 查询 -----------
@ -203,22 +155,22 @@ export default {
YongHuid: [], YongHuid: [],
listQuery: { listQuery: {
current: 1, current: 1,
size: 20, size: 10,
params: { params: {
start_follow_time: '', start_follow_time: '',
follow_type: '', follow_type: '',
follow_form: '', follow_form: '',
follow_form_key:'', follow_form_key: '',
end_follow_time: '', end_follow_time: '',
follow_state: '', follow_state: '',
follow_state_key:'', follow_state_key: '',
customerSid: '', customerSid: '',
staffSid: '', staffSid: ''
}, }
}, },
makings: { makings: {
attachType: '0004', attachType: '0004',
linkSid: '', linkSid: ''
}, },
material: [], material: [],
Kehu_Name: '', Kehu_Name: '',
@ -227,19 +179,9 @@ export default {
followupcategory: [], followupcategory: [],
followupstatus: [], followupstatus: [],
temp: {}, // 添加和修改 temp: {}, // 添加和修改
visible: false, dialogFormVisible: false
dialogFormVisible: false,
} }
}, },
computed: {
...mapGetters([
'id',
'roles',
'rolesIds',
'departmentId',
'departmentCode',
]),
},
created() { created() {
// 初始化变量 // 初始化变量
this.init() this.init()
@ -254,34 +196,32 @@ export default {
this.searchxianshitit = '显示查询条件' this.searchxianshitit = '显示查询条件'
} }
}, },
//初始 // 初始
init() { init() {
this.getShuJuZiDian() this.getShuJuZiDian()
this.postHuoquyonghu() this.postHuoquyonghu()
}, },
//接收客户管理值 // 接收客户管理值
newpage(sid, name, showed) { newpage(sid, name, status) {
if (status !== '02') {
this.btnVisible = true
}
this.Kehu_Name = name this.Kehu_Name = name
this.kehu_uesrsid = sid this.kehu_uesrsid = sid
this.visible = true
this.getList() this.getList()
if (showed && typeof showed === 'function') {
showed()
}
}, },
// 查询 // 查询
handleReset() { handleReset() {
this.listQuery.current = 1 this.listQuery.current = 1
this.getList() this.getList()
}, },
cheliangxuqiu(){ cheliangxuqiu() {
this.visible=true this.viewState = 1
this.getList() this.getList()
}, },
// 返回 // 返回
handleReturn() { handleReturn() {
// window.location.reload() this.btnVisible = false
this.visible = false
this.$emit('handleReturn') this.$emit('handleReturn')
}, },
// 序号 // 序号
@ -328,25 +268,20 @@ export default {
start_follow_time: '', start_follow_time: '',
follow_type: '', follow_type: '',
follow_form: '', follow_form: '',
follow_form_key:'', follow_form_key: '',
end_follow_time: '', end_follow_time: '',
follow_state: '', follow_state: '',
follow_state_key:'', follow_state_key: '',
customerSid: '', customerSid: '',
staffSid: '', staffSid: ''
}, }
} }
this.getList() this.getList()
}, },
// 打开添加 // 打开添加
handleCreate() { handleCreate() {
this.$refs.addAndUpdate.openCreate( this.viewState = 2
this.Kehu_Name, this.$refs['addAndUpdate'].openCreate(this.Kehu_Name, this.kehu_uesrsid)
this.kehu_uesrsid,
() => {
this.visible = false
}
)
}, },
// 勾选 // 勾选
handleSelectionChange(row) { handleSelectionChange(row) {
@ -360,30 +295,28 @@ export default {
handleUpdate() { handleUpdate() {
if (this.sids.length === 1) { if (this.sids.length === 1) {
this.dialogStatus = 'update' this.dialogStatus = 'update'
this.$refs.addAndUpdate.openUpdate( this.viewState = 3
this.sids[0], this.$refs['addAndUpdate'].openUpdate(this.sids[0], this.kehu_uesrsid)
this.kehu_uesrsid,
() => {
this.visible = false
}
)
} else if (this.sids.length > 1) { } else if (this.sids.length > 1) {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '不能选中多个信息修改!!', message: '不能选中多个信息修改!!',
type: 'info', type: 'info',
duration: 2000, duration: 2000
}) })
} else { } else {
this.$notify({ this.$notify({
title: '提示', title: '提示',
message: '没有选择信息!!', message: '没有选择信息!!',
type: 'error', type: 'error',
duration: 2000, duration: 2000
}) })
return return
} }
}, },
resetState() {
this.viewState = 1
},
// 查看詳情 // 查看詳情
handleCheck(row) { handleCheck(row) {
this.dialogFormVisible = true this.dialogFormVisible = true
@ -397,9 +330,8 @@ export default {
}, },
// 查看车辆需求详情 // 查看车辆需求详情
handleCheliang(row) { handleCheliang(row) {
this.$refs.openCheXu.cheLiang(this.kehu_uesrsid,this.upLevel,this.Kehu_Name,() => { this.viewState = 5
this.visible = false this.$refs.openCheXu.cheLiang(this.kehu_uesrsid, this.upLevel, this.Kehu_Name, '02')
})
}, },
// 根据本行ID删除数据 // 根据本行ID删除数据
handleDelete() { handleDelete() {
@ -409,14 +341,14 @@ export default {
title: '提示', title: '提示',
message: '删除成功', message: '删除成功',
type: 'success', type: 'success',
duration: 2000, duration: 2000
}) })
this.getList() this.getList()
} else { } else {
this.$notify({ this.$notify({
title: '删除失败', title: '删除失败',
message: response.msg, message: response.msg,
type: 'error', type: 'error'
}) })
} }
}) })
@ -426,24 +358,18 @@ export default {
this.$confirm('确定要导出数据, 是否继续?', '提示', { this.$confirm('确定要导出数据, 是否继续?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning'
}) })
}, },
// 添加保存完成 // 添加保存完成
dataCreated() { dataCreated() {
// window.location.reload()
this.visible = true
this.getList() this.getList()
}, },
// 修改保存完成 // 修改保存完成
dataUpdated() { dataUpdated() {
window.location.reload()
this.visible = true
this.getList() this.getList()
}, },
//----------------------------------------------- // 数据字典
//--------------------数据字典---------------------------
//-----------------------------------------------
getShuJuZiDian() { getShuJuZiDian() {
typeValues({ type: 'followForm' }).then((response) => { typeValues({ type: 'followForm' }).then((response) => {
if (response.code === '200') { if (response.code === '200') {
@ -465,26 +391,26 @@ export default {
getXingshi(value) { getXingshi(value) {
let bb = null let bb = null
this.followupform.forEach((e) => { this.followupform.forEach((e) => {
if (e.dictKey == value) { if (e.dictKey === value) {
bb = { bb = {
type: 'followForm', type: 'followForm',
key: e.dictKey, key: e.dictKey,
value: e.dictValue, value: e.dictValue
} }
} }
}) })
this.listQuery.params.follow_form = bb.value this.listQuery.params.follow_form = bb.value
this.listQuery.params.follow_form_key=bb.key this.listQuery.params.follow_form_key = bb.key
}, },
// 跟进类别 处理 // 跟进类别 处理
getLeiBie(value) { getLeiBie(value) {
let bb = null let bb = null
this.followupcategory.forEach((e) => { this.followupcategory.forEach((e) => {
if (e.dictKey == value) { if (e.dictKey === value) {
bb = { bb = {
type: 'followType', type: 'followType',
key: e.dictKey, key: e.dictKey,
value: e.dictValue, value: e.dictValue
} }
} }
}) })
@ -495,24 +421,25 @@ export default {
getZhuaangtai(value) { getZhuaangtai(value) {
let bb = null let bb = null
this.followupstatus.forEach((e) => { this.followupstatus.forEach((e) => {
if (e.dictKey == value) { if (e.dictKey === value) {
bb = { bb = {
type: 'followState', type: 'followState',
key: e.dictKey, key: e.dictKey,
value: e.dictValue, value: e.dictValue
} }
} }
}) })
this.listQuery.params.follow_state = bb.value this.listQuery.params.follow_state = bb.value
this.listQuery.params.follow_state_key=bb.key this.listQuery.params.follow_state_key = bb.key
}, }
}, }
} }
</script> </script>
<style scoped> <style scoped>
/deep/ .el-input__icon { /deep/ .el-input__icon {
width: 40px; width: 40px;
} }
.listtop { .listtop {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -520,16 +447,20 @@ export default {
border: 1px solid #dfe4ed; border: 1px solid #dfe4ed;
height: 40px; height: 40px;
} }
.tit { .tit {
margin-bottom: -10px; margin-bottom: -10px;
} }
.pagination { .pagination {
margin-bottom: -10px; margin-bottom: -10px;
} }
.line { .line {
display: inline-block; display: inline-block;
margin: 0px 15px; margin: 0px 15px;
} }
.searchbtn { .searchbtn {
border: #2cab69 1px solid; border: #2cab69 1px solid;
color: #2cab69; color: #2cab69;

224
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuziliao/kehudanganziliao.vue
View File

@ -122,110 +122,97 @@
</template> </template>
<script> <script>
import { import { pagerList, save, fetchFileListBySid, deleteFilesOss } from '@/api/jichuxinxi/crmfile'
pagerList, import Pagination from '@/components/pagination'
save, import pageye from '@/components/pagination/pageye'
fetchFileListBySid, import Upload from '@/components/uploadFile/FileUpload' // 上传文件
deleteFilesOss,
} from "@/api/jichuxinxi/crmfile";
import Pagination from "@/components/pagination";
import pageye from "@/components/pagination/pageye";
import Upload from "@/components/uploadFile/FileUpload"; // 上传文件
export default { export default {
name: "KeHuDangAnZiLiao", name: 'KeHuDangAnZiLiao',
components: { components: { pagerList, save, fetchFileListBySid, deleteFilesOss, Pagination, pageye, Upload },
pagerList,
save,
fetchFileListBySid,
deleteFilesOss,
Pagination,
pageye,
Upload,
},
data() { data() {
return { return {
btndisabled: false, btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 viewState: 1, // 1、列表 2、添加 3、修改 4、查看
viewPhoto: 1, //1.上传 2.查看 viewPhoto: 1, // 1.上传 2.查看
isSearchShow: false, isSearchShow: false,
dialogVisible: false, dialogVisible: false,
dialogVisiblePhoto: false, dialogVisiblePhoto: false,
dialogImageUrl: "", dialogImageUrl: '',
tableLoading: false, tableLoading: false,
activeName: "first", activeName: 'first',
dataList: [], dataList: [],
PhotoList: [], PhotoList: [],
imglist: [], imglist: [],
listphoto: [], listphoto: [],
customerName: "", customerName: '',
temp: { temp: {
fileName: "", fileName: '',
attachType: "", attachType: '',
filePath: [], filePath: [],
linkSid: "", linkSid: '',
name: window.sessionStorage.getItem("name"), name: window.sessionStorage.getItem('name')
}, },
queryParams: { queryParams: {
current: 1, current: 1,
size: 10, size: 10,
total: 10, total: 10,
params: { params: {
fileName: "", fileName: '',
attachType: "", attachType: '',
linkSid: "", linkSid: ''
}, }
}, },
multipleSelection: [], multipleSelection: []
}; }
}, },
created() { created() {
this.loadList(); this.loadList()
}, },
methods: { methods: {
Img(val) { Img(val) {
this.dialogVisiblePhoto = true; this.dialogVisiblePhoto = true
this.dialogImageUrl = val; this.dialogImageUrl = val
}, },
imgdata(item) { imgdata(item) {
this.PhotoList.push(item.data); this.PhotoList.push(item.data)
}, },
removeIds(ids) { removeIds(ids) {
if (ids.status == "ready") { if (ids.status == 'ready') {
this.PhotoList.forEach((e, index) => { this.PhotoList.forEach((e, index) => {
if (e.indexOf(ids.name) == -1) { if (e.indexOf(ids.name) == -1) {
this.PhotoList.splice(index, 1); this.PhotoList.splice(index, 1)
} }
}); })
} else { } else {
deleteFilesOss({ fullPath: ids.url }).then((res) => { deleteFilesOss({ fullPath: ids.url }).then((res) => {
if (res.code == "200") { if (res.code === '200') {
this.listphoto.forEach((e, index) => { this.listphoto.forEach((e, index) => {
if ((e.url = ids.url)) { if ((e.url = ids.url)) {
this.listphoto.splice(index, 1); this.listphoto.splice(index, 1)
} }
}); })
} }
}); })
} }
}, },
resetState() { resetState() {
this.viewState = 1; this.viewState = 1
this.queryParams = { this.queryParams = {
current: 1, current: 1,
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
fileName: "", fileName: '',
attachType: "", attachType: '',
linkSid: "", linkSid: ''
}, }
}; }
this.loadList(); this.loadList()
}, },
dosearch() { dosearch() {
this.queryParams.current = 1; this.queryParams.current = 1
this.loadList(); this.loadList()
}, },
resetQuery() { resetQuery() {
this.queryParams = { this.queryParams = {
@ -233,50 +220,47 @@ export default {
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
fileName: "", fileName: '',
attachType: "", attachType: '',
linkSid: "", linkSid: ''
}, }
}; }
this.loadList(); this.loadList()
}, },
loadList() { loadList() {
this.tableLoading = true; this.tableLoading = true;
pagerList(this.queryParams).then((resp) => { pagerList(this.queryParams).then((resp) => {
if (resp.code == "200") { if (resp.code === '200') {
this.tableLoading = false; this.tableLoading = false
const data = resp.data; const data = resp.data
this.queryParams.total = data.total; this.queryParams.total = data.total
this.dataList = data.records; this.dataList = data.records
} }
}).catch(() => { }).catch(() => {
this.tableLoading = false; this.tableLoading = false
}); });
}, },
newpage(sid, name, showed) { newpage(sid, name) {
this.viewState = 2; this.viewState = 2
this.loadList(); this.loadList()
if (showed && typeof showed === "function") {
showed();
}
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
console.log(val); console.log(val)
this.multipleSelection = val; this.multipleSelection = val
}, },
// 序号 // 序号
indexMethod(index) { indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size; var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart; var pageindex = index + 1 + pagestart
return pageindex; return pageindex
}, },
handleAdd(row) { handleAdd(row) {
this.dialogVisible = true; this.dialogVisible = true
this.temp.linkSid = row.sid; this.temp.linkSid = row.sid
this.temp.fileName = row.fileName; this.temp.fileName = row.fileName
this.temp.attachType = row.attachType; this.temp.attachType = row.attachType
fetchFileListBySid(row.sid).then((res) => { fetchFileListBySid(row.sid).then((res) => {
if (res.code == "200") { if (res.code === '200') {
this.imglist = res.data.crmFileDetailsVoList; this.imglist = res.data.crmFileDetailsVoList;
if (this.imglist.length > 0) { if (this.imglist.length > 0) {
for (var i = 0; i < this.imglist.length; i++) { for (var i = 0; i < this.imglist.length; i++) {
@ -284,71 +268,71 @@ export default {
name: this.imglist[i].fileName, name: this.imglist[i].fileName,
url: this.imglist[i].filePath, url: this.imglist[i].filePath,
sid: this.imglist[i].sid, sid: this.imglist[i].sid,
isDel: this.imglist[i].isDel, isDel: this.imglist[i].isDel
}); })
} }
} }
this.$nextTick(() => { this.$nextTick(() => {
this.$refs["UploadImg"].show(this.listphoto); this.$refs["UploadImg"].show(this.listphoto)
}); })
} }
}); })
}, },
handleLook(row) { handleLook(row) {
this.dialogVisible = true; this.dialogVisible = true
this.viewPhoto = 2; this.viewPhoto = 2
this.temp.linkSid = row.sid; this.temp.linkSid = row.sid
this.temp.fileName = row.fileName; this.temp.fileName = row.fileName
this.temp.attachType = row.attachType; this.temp.attachType = row.attachType
fetchFileListBySid(row.sid).then((res) => { fetchFileListBySid(row.sid).then((res) => {
if (res.code == "200") { if (res.code === '200') {
this.imglist = res.data.crmFileDetailsVoList; this.imglist = res.data.crmFileDetailsVoList
} }
}); });
}, },
handleSave() { handleSave() {
if (this.PhotoList.length > 0) { if (this.PhotoList.length > 0) {
for (var i = 0; i < this.PhotoList.length; i++) { for (var i = 0; i < this.PhotoList.length; i++) {
this.temp.filePath.push(this.PhotoList[i].toString()); this.temp.filePath.push(this.PhotoList[i].toString())
} }
} }
if (this.listphoto.length > 0) { if (this.listphoto.length > 0) {
for (var i = 0; i < this.listphoto.length; i++) { for (var i = 0; i < this.listphoto.length; i++) {
this.temp.filePath.push(this.listphoto[i].url); this.temp.filePath.push(this.listphoto[i].url)
} }
} }
save(this.temp).then((resp) => { save(this.temp).then((resp) => {
if (resp.code == "200") { if (resp.code === '200') {
this.$notify({ this.$notify({
title: "提示", title: '提示',
message: "添加成功", message: '添加成功',
type: "success", type: 'success',
duration: 2000, duration: 2000
}); })
this.dialogVisible = false; this.dialogVisible = false
this.temp.filePath = []; this.temp.filePath = []
this.PhotoList = []; this.PhotoList = []
this.imglist = []; this.imglist = []
this.listphoto = []; this.listphoto = []
this.loadList(); this.loadList()
} }
}); })
}, },
dialogColse() { dialogColse() {
this.viewPhoto = 1; this.viewPhoto = 1
this.dialogVisible = false; this.dialogVisible = false
this.temp.filePath = []; this.temp.filePath = []
this.PhotoList = []; this.PhotoList = []
this.imglist = []; this.imglist = []
this.listphoto = []; this.listphoto = []
this.loadList(); this.loadList()
}, },
Colse() { Colse() {
this.viewState = 1; this.viewState = 1
this.$emit("handleReturn"); this.$emit("handleReturn")
}, }
}, }
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.operate { .operate {

180
anrui-buscenter/anrui-buscenter-ui/src/views/teshushenpi/qiankuanticheguanli/jiansuocheliang.vue
View File

@ -4,7 +4,7 @@
<div class="tab-header webtop"> <div class="tab-header webtop">
<div>检索车辆信息</div> <div>检索车辆信息</div>
<div> <div>
<el-button type="primary" size="small" @click="AddUpdateReturn">确定</el-button> <el-button type="primary" size="small" @click="AddUpdateReturn">确认</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
</div> </div>
@ -19,6 +19,9 @@
<el-form-item label="合同编号:"> <el-form-item label="合同编号:">
<el-input v-model="listQuery.params.contractNo" placeholder="" clearable class="filter-item"/> <el-input v-model="listQuery.params.contractNo" placeholder="" clearable class="filter-item"/>
</el-form-item> </el-form-item>
<el-form-item label="车架号:">
<el-input v-model="listQuery.params.VINNo" placeholder="" clearable class="filter-item"/>
</el-form-item>
<div class="searchbtns"> <div class="searchbtns">
<el-button type="primary" @click="handleFilter">查询</el-button> <el-button type="primary" @click="handleFilter">查询</el-button>
<el-button type="primary" @click="handresetting">重置</el-button> <el-button type="primary" @click="handresetting">重置</el-button>
@ -26,6 +29,11 @@
</el-form> </el-form>
</div> </div>
</div> </div>
<div>
<div class="listtop">
<div class="tit">车辆列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<div class=""> <div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange"> <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="50px" type="selection" align="center" />
@ -47,6 +55,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</div>
<div class="pages"> <div class="pages">
<div class="tit" /> <div class="tit" />
<!-- 翻页 --> <!-- 翻页 -->
@ -62,14 +71,14 @@
<script> <script>
import { import {
getArrearsVehicleList, getArrearsVehicleList,
arrearsVehicleApply, arrearsVehicleApply
} from "@/api/tesheshenpi/qiankuantiche"; } from '@/api/tesheshenpi/qiankuantiche'
import Pagination from "@/components/pagination"; import Pagination from '@/components/pagination'
import pageye from "@/components/pagination/pageye"; import pageye from '@/components/pagination/pageye'
// import qiankuanticheshenqing from './qiankuanticheshenqing.vue' // import qiankuanticheshenqing from './qiankuanticheshenqing.vue'
export default { export default {
name: "jiansuocheliang", name: 'jiansuocheliang',
components: { components: {
Pagination, Pagination,
pageye, pageye,
@ -80,7 +89,7 @@ export default {
data() { data() {
return { return {
isSearchShow: false, isSearchShow: false,
searchxianshitit: "隐藏查询条件", searchxianshitit: '隐藏查询条件',
btndisabled: false, btndisabled: false,
viewState: 2, viewState: 2,
tableKey: 0, tableKey: 0,
@ -88,81 +97,83 @@ export default {
sids: [], sids: [],
list: [], list: [],
datalist: [], datalist: [],
number: "", number: '',
listLoading: false, listLoading: false,
listQuery: { listQuery: {
current: 1, current: 1,
size: 10, size: 10,
params: { params: {
contractNo: "", contractNo: '',
customerName: "", customerName: '',
VINNo: ''
}, },
total: 1, total: 1
}, },
stateId: "", stateId: '',
YongHuid: [], YongHuid: [],
temp: {}, // 添加和修改 temp: {} // 添加和修改
}; }
}, },
created() { created() {
// 初始化变量 // 初始化变量
this.init(); this.init()
// 加载列表 // 加载列表
}, },
methods: { methods: {
// 搜索条件效果 // 搜索条件效果
clicksearchShow() { clicksearchShow() {
this.isSearchShow = !this.isSearchShow; this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) { if (this.isSearchShow) {
this.searchxianshitit = "隐藏查询条件"; this.searchxianshitit = '隐藏查询条件'
} else { } else {
this.searchxianshitit = "显示查询条件"; this.searchxianshitit = '显示查询条件'
} }
}, },
init() { init() {
this.getList(); this.getList()
}, },
indexMethod(index) { indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size; var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart; var pageindex = index + 1 + pagestart
return pageindex; return pageindex
}, },
// 返回 // 返回
handleReturn() { handleReturn() {
this.$emit("doback", this.showbackState); this.$emit('doback', this.showbackState)
}, },
// 查询列表信息 // 查询列表信息
getList() { getList() {
this.listLoading = true; this.listLoading = true
getArrearsVehicleList(this.listQuery).then((response) => { getArrearsVehicleList(this.listQuery).then((response) => {
this.listLoading = false; this.listLoading = false
if (response.code === "200") { if (response.code === '200') {
this.listQuery.total = response.data.total; this.listQuery.total = response.data.total
this.list = response.data.records; this.list = response.data.records
} }
}); })
}, },
// 查询按钮 // 查询按钮
handleFilter() { handleFilter() {
this.getList(); this.getList()
}, },
//重置按钮 // 重置按钮
handresetting() { handresetting() {
this.listQuery = { this.listQuery = {
current: 1, current: 1,
size: 10, size: 10,
params: { params: {
contractNo: "", contractNo: '',
customerName: "", customerName: '',
VINNo: ''
}, },
total: 0, total: 0
}; }
this.getList(); this.getList()
}, },
//勾选 // 勾选
handleSelectionChange(row) { handleSelectionChange(row) {
this.sids = []; this.sids = []
const aa = []; const aa = []
row.forEach((element) => { row.forEach((element) => {
aa.push({ aa.push({
vinNo: element.VINNo, vinNo: element.VINNo,
@ -174,76 +185,89 @@ export default {
modelSid: element.modelSid, modelSid: element.modelSid,
dealMoney: element.dealMoney, dealMoney: element.dealMoney,
applyDate: element.applyDate, applyDate: element.applyDate,
arrearsVehicleSid: "", arrearsVehicleSid: ''
}); })
}); })
this.sids = aa; this.sids = aa
}, },
// //
showback(val) { showback(val) {
this.showbackState = val; this.showbackState = val
}, },
//欠款提车修改--车辆信息添加 // 欠款提车修改--车辆信息添加
show(val, contractNo) { show(val, contractNo) {
this.number = contractNo; this.number = contractNo
if (contractNo !== "") { if (contractNo !== '') {
this.getList(); this.getList()
} }
if (val.length > 0) { if (val.length > 0) {
val.forEach((element) => { val.forEach((element) => {
this.datalist.push({ this.datalist.push({
vinNo: element.vinNo, vinNo: element.vinNo
}); })
}); })
} }
}, },
// 添加修改返回 // 添加修改返回
AddUpdateReturn() { AddUpdateReturn() {
if (this.sids.length > 0) { if (this.sids.length > 0) {
if (this.number !== "") { if (this.number !== '') {
this.sids.forEach((e) => { this.sids.forEach((e) => {
if (e.contractNo !== this.number) { if (e.contractNo !== this.number) {
this.$notify({ this.$notify({
title: "提示", title: '提示',
message: "所选车辆合同编号不一致，请重新选择!", message: '所选车辆合同编号不一致，请重新选择!',
type: "success", type: 'success',
duration: 2000, duration: 2000
}); })
return; return
} }
}); })
for (var i = 0; i < this.datalist.length; i++) { for (var i = 0; i < this.datalist.length; i++) {
for (var j = 0; j < this.sids.length; j++) { for (var j = 0; j < this.sids.length; j++) {
if (this.datalist[i].vinNo == this.sids[j].vinNo) { if (this.datalist[i].vinNo === this.sids[j].vinNo) {
this.$notify({ this.$notify({
title: "提示", title: '提示',
message: "所选车架号已存在，请取消后重新选择!", message: '所选车架号已存在，请取消后重新选择!',
type: "success", type: 'success',
duration: 2000, duration: 2000
}); })
return; return
} }
} }
} }
this.$emit("return", this.sids, 1); this.$emit('return', this.sids, 1)
} else { } else {
arrearsVehicleApply(this.sids).then((res) => { arrearsVehicleApply(this.sids).then((res) => {
if (res.code == "200") { if (res.code === '200') {
this.$emit("return", this.sids, 2); this.$emit('return', this.sids, 2)
} }
}); })
} }
} else { } else {
this.$notify({ this.$notify({
title: "提示", title: '提示',
message: "请选择至少一条记录进行删除操作!", message: '请选择至少一条记录进行删除操作!',
type: "error", type: 'error',
duration: 2000, duration: 2000
}); })
} }
}, }
}, }
}; }
</script> </script>
<style scoped> <style scoped>
.listtop {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #dfe4ed;
height: 40px;
}
.tit {
margin-bottom: -10px;
}
.pagination {
margin-bottom: -10px;
}
</style> </style>

2
anrui-buscenter/anrui-buscenter-ui/src/views/teshushenpi/qiankuanticheguanli/qiankuanticheguanli.vue
View File

@ -70,7 +70,7 @@
<span>{{ scope.row.modelName }}</span> <span>{{ scope.row.modelName }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="累计欠款金额" align="center"> <el-table-column label="欠款金额" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.cumulativeArrearsMoney }}</span> <span>{{ scope.row.cumulativeArrearsMoney }}</span>
</template> </template>

2
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshouzhengce/xiaoshouzhengce.vue
View File

@ -80,8 +80,8 @@
<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"> @selection-change="handleSelectionChange">
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column width="50px" type="selection" align="center"/> <el-table-column width="50px" type="selection" align="center"/>
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/>
<el-table-column width="150px" label="操作" align="center"> <el-table-column width="150px" label="操作" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="searchbtns"> <!--:disabled=""--> <div class="searchbtns"> <!--:disabled=""-->

73
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingdanguanli.vue
View File

@ -4,11 +4,11 @@
<div class="tab-header webtop"> <div class="tab-header webtop">
<div>销售虚拟订单管理</div> <div>销售虚拟订单管理</div>
<div> <div>
<el-button type="primary" size="small" @click="handleGenerate()">生成销售订单</el-button> <!-- <el-button type="primary" size="small" @click="handleGenerate()">生成销售订单</el-button>-->
<el-button type="primary" size="small" @click="handleCreate()">新增</el-button> <el-button type="primary" size="small" @click="handleCreate()">新增</el-button>
<el-button type="primary" size="small" @click="handleUpdate()">编辑</el-button> <el-button type="primary" size="small" @click="handleUpdate()">编辑</el-button>
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button> <el-button type="danger" size="small" @click="handleDelete()">删除</el-button>
<el-button type="primary" size="small">打印</el-button> <!-- <el-button type="primary" size="small">打印</el-button>-->
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
<el-dialog <el-dialog
@ -21,7 +21,7 @@
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button type="primary" @click="handleConfirm()">确 定</el-button> <el-button type="primary" @click="handleConfirm()">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">退 出</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
@ -73,20 +73,16 @@
</div> </div>
<div class="listtop"> <div class="listtop">
<div class="tit">销售虚拟订车单列表</div> <div class="tit">销售虚拟订车单列表</div>
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" <pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
class="pagination" @pagination="getList"/>
</div> </div>
<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">
@selection-change="handleSelectionChange">
<el-table-column width="50px" type="selection" align="center"/> <el-table-column width="50px" type="selection" align="center"/>
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/> <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column width="150px" label="操作" align="center"> <el-table-column width="150px" label="操作" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="searchbtns"> <div class="searchbtns">
<el-button size="small" type="primary" <el-button size="small" type="primary" :disabled="scope.row.nodeState == '' ? false:scope.row.nodeState == '发起订单'?false : true" @click="changeNodeState(scope.row)">办理
:disabled="scope.row.nodeState == '' ? false:scope.row.nodeState == '发起订单'?false : true"
@click="changeNodeState(scope.row)">办理
</el-button> </el-button>
<el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button> <el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button>
</div> </div>
@ -97,7 +93,7 @@
<span>{{ scope.row.nodeState }}</span> <span>{{ scope.row.nodeState }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="虚拟订单类型" align="center"> <el-table-column label="单据类型" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.depositBillType }}</span> <span>{{ scope.row.depositBillType }}</span>
</template> </template>
@ -147,8 +143,7 @@
<div class="pages"> <div class="pages">
<div class="tit"/> <div class="tit"/>
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
class="pagination" @pagination="getList"/>
</div> </div>
</div> </div>
</div> </div>
@ -173,8 +168,8 @@
import pageye from '@/components/pagination/pageye' import pageye from '@/components/pagination/pageye'
import divAdd from './xunidingdanAdd.vue' import divAdd from './xunidingdanAdd.vue'
import divInfo from './xunidingdaninfo.vue' import divInfo from './xunidingdaninfo.vue'
import xunidingjinAdd from "./xunidingjinAdd"; import xunidingjinAdd from './xunidingjinAdd'
import xunidingjininfo from "./xunidingjininfo"; import xunidingjininfo from './xunidingjininfo'
import hetongdanganguanliInfo from '@/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue' import hetongdanganguanliInfo from '@/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue'
@ -218,22 +213,22 @@
customerName: '', customerName: '',
billType: '', billType: '',
startTime: '', startTime: '',
endTime: '', endTime: ''
}, }
}, },
submitDto: { submitDto: {
businessSid: '', businessSid: '',
userSid: window.sessionStorage.getItem('userSid'), userSid: window.sessionStorage.getItem('userSid')
}, },
updateDto: { updateDto: {
nodeState: '', nodeState: '',
sid: '', sid: ''
}, },
nodeState: '', nodeState: '',
selectDate: undefined, selectDate: undefined,
temp: {}, // 添加和编辑 temp: {}, // 添加和编辑
visible: true, visible: true,
hetongdanganguanliInfoShow: false, hetongdanganguanliInfoShow: false
// ------------------------------------ // ------------------------------------
} }
}, },
@ -243,8 +238,8 @@
'roles', 'roles',
'rolesIds', 'rolesIds',
'departmentId', 'departmentId',
'departmentCode', 'departmentCode'
]), ])
}, },
created() { created() {
// 初始化变量 // 初始化变量
@ -273,7 +268,7 @@
handleReset() { handleReset() {
this.listQuery = { this.listQuery = {
current: 1, current: 1,
size: 20, size: 20
} }
}, },
@ -330,31 +325,31 @@
const billType = bb.name const billType = bb.name
if (this.billTypeKey == '01') { if (this.billTypeKey == '01') {
this.dialogVisible = false; this.dialogVisible = false;
this.viewState = 5; this.viewState = 5
this.$refs['divDing'].showAdd(billType, this.billTypeKey) this.$refs['divDing'].showAdd(billType, this.billTypeKey)
} else if (this.billTypeKey == '02') { } else if (this.billTypeKey == '02') {
this.dialogVisible = false; this.dialogVisible = false
this.viewState = 2; this.viewState = 2
this.$refs['divadd'].showAdd(billType, this.billTypeKey) this.$refs['divadd'].showAdd(billType, this.billTypeKey)
} }
} else { } else {
this.$message({ this.$message({
message: '请选择虚拟订车单类型', message: '请选择虚拟订车单类型',
type: 'warning' type: 'warning'
}); })
} }
}, },
// 打开编辑 // 打开编辑
handleUpdate() { handleUpdate() {
if (this.sids.length == 1) { if (this.sids.length == 1) {
if (this.billType[0] == '01') { if (this.billType[0] == '01') {
this.viewState = 5; this.viewState = 5
this.dialogStatus = 'edit' this.dialogStatus = 'edit'
const sid = this.sids[0] const sid = this.sids[0]
const nodeState = this.nodeState_list[0] const nodeState = this.nodeState_list[0]
this.$refs['divDing'].showEdit(sid, nodeState) this.$refs['divDing'].showEdit(sid, nodeState)
} else { } else {
this.viewState = 3; this.viewState = 3
this.dialogStatus = 'edit' this.dialogStatus = 'edit'
const sid = this.sids[0] const sid = this.sids[0]
const nodeState = this.nodeState_list[0] const nodeState = this.nodeState_list[0]
@ -363,12 +358,12 @@
} else if (this.sids.length == 0) { } else if (this.sids.length == 0) {
this.$notify({ this.$notify({
title: '您还未选择，请选择数据！！！', title: '您还未选择，请选择数据！！！',
type: 'error', type: 'error'
}) })
} else if (this.sids.length > 1) { } else if (this.sids.length > 1) {
this.$notify({ this.$notify({
title: '您未选择的数据过多，请选择一条数据编辑！！', title: '您未选择的数据过多，请选择一条数据编辑！！',
type: 'error', type: 'error'
}) })
} }
}, },
@ -468,14 +463,14 @@
title: '提示', title: '提示',
message: '删除成功', message: '删除成功',
type: 'success', type: 'success',
duration: 2000, duration: 2000
}) })
this.getList() this.getList()
} else { } else {
this.$notify({ this.$notify({
title: '删除失败', title: '删除失败',
message: response.msg, message: response.msg,
type: 'error', type: 'error'
}) })
} }
}) })
@ -484,7 +479,7 @@
title: '提示', title: '提示',
message: '没有选择资方信息!!', message: '没有选择资方信息!!',
type: 'error', type: 'error',
duration: 2000, duration: 2000
}) })
return return
} }
@ -495,11 +490,11 @@
console.log('111', row) console.log('111', row)
if (row.nodeState == '' || row.nodeState == '发起订单') { if (row.nodeState == '' || row.nodeState == '发起订单') {
if (row.depositBillTypeKey == '01') { if (row.depositBillTypeKey == '01') {
this.viewState = 5; this.viewState = 5
this.dialogStatus = 'edit' this.dialogStatus = 'edit'
this.$refs['divDing'].showEdit(row.sid, row.nodeState) this.$refs['divDing'].showEdit(row.sid, row.nodeState)
} else if (row.depositBillTypeKey == '02') { } else if (row.depositBillTypeKey == '02') {
this.viewState = 3; this.viewState = 3
this.dialogStatus = 'edit' this.dialogStatus = 'edit'
this.$refs['divadd'].showEdit(row.sid, row.nodeState) this.$refs['divadd'].showEdit(row.sid, row.nodeState)
} }
@ -520,8 +515,8 @@
// duration: 2000, // duration: 2000,
// }) // })
// }) // })
}, }
}, }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

193
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingjinAdd.vue
View File

@ -7,7 +7,7 @@
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> <el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
<el-button type="primary" size="small" :disabled="disabled" @click="handleSubmit()">提交 <el-button type="primary" size="small" :disabled="disabled" @click="handleSubmit()">提交
</el-button> </el-button>
<el-button type="primary" size="small">打印</el-button> <!-- <el-button type="primary" size="small">打印</el-button>-->
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
</div> </div>
@ -24,35 +24,43 @@
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label">部门名称</span></el-form-item> <el-form-item><span slot="label">部门名称</span></el-form-item>
</el-col> </el-col>
<el-col :span="8" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
{{ temp.orgName }} {{ temp.orgName }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label">业务员</span></el-form-item> <el-form-item><span slot="label">销售专员</span></el-form-item>
</el-col> </el-col>
<el-col :span="8" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
{{ temp.staffName }} <!-- ?? --> {{ temp.staffName }} <!-- ?? -->
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label">虚拟订单类型</span></el-form-item> <el-form-item><span slot="label">虚拟订单类型</span></el-form-item>
</el-col> </el-col>
<el-col :span="20" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
<span>{{temp.depositBillType}}</span> <span>{{temp.depositBillType}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-row>-->
<!-- <el-col :span="4" class="tleftb">-->
<!-- <el-form-item><span slot="label">虚拟订单类型</span></el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="20" class="trightb">-->
<!-- <el-form-item>-->
<!-- <span>{{temp.depositBillType}}</span>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款人</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>付款人</span></el-form-item>
</el-col> </el-col>
<el-col :span="8" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
<el-input v-model="temp.draweeName" class="addinputw" placeholder="" <el-input v-model="temp.draweeName" class="addinputw" placeholder=""
clearable/> clearable/>
@ -61,7 +69,7 @@
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>联系电话</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>联系电话</span></el-form-item>
</el-col> </el-col>
<el-col :span="8" class="trightb"> <el-col :span="12" class="trightb">
<el-form-item> <el-form-item>
<el-input v-model="temp.draweeMobile" class="addinputw" placeholder="" clearable/> <el-input v-model="temp.draweeMobile" class="addinputw" placeholder="" clearable/>
</el-form-item> </el-form-item>
@ -71,7 +79,7 @@
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label">车辆台数</span></el-form-item> <el-form-item><span slot="label">车辆台数</span></el-form-item>
</el-col> </el-col>
<el-col :span="8" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
<el-input v-model="temp.vehicleNum" class="addinputw" placeholder="" <el-input v-model="temp.vehicleNum" class="addinputw" placeholder=""
clearable/> clearable/>
@ -80,7 +88,7 @@
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>订金金额</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>订金金额</span></el-form-item>
</el-col> </el-col>
<el-col :span="8" class="trightb"> <el-col :span="12" class="trightb">
<el-form-item> <el-form-item>
<el-input v-model="temp.deposit" class="addinputw" placeholder="" clearable/> <el-input v-model="temp.deposit" class="addinputw" placeholder="" clearable/>
</el-form-item> </el-form-item>
@ -88,10 +96,10 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="3" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款日期</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>付款日期</span></el-form-item>
</el-col> </el-col>
<el-col :span="5" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
<el-date-picker <el-date-picker
v-model="temp.paymentDate" v-model="temp.paymentDate"
@ -101,26 +109,48 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="3" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款方式</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>付款方式</span></el-form-item>
</el-col> </el-col>
<el-col :span="5" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
<el-select v-model="temp.payType" class="addinputw" placeholder="" @change="changePaymentType"> <el-select v-model="temp.payType" class="addinputw" placeholder="" @change="changePaymentType">
<el-option v-for="(item, index) in paymentType_list" :key="index.dictKey" :label="item.dictValue" <el-option v-for="(item, index) in paymentType_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
:value="item.dictKey"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="3" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款银行账号</span></el-form-item>
</el-col>
<el-col :span="4" class="trightb">
<el-form-item>
<el-input v-model="temp.payBankAcc" class="addinputw" placeholder="" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>收款银行</span></el-form-item>
</el-col>
<el-col :span="4" class="trightb">
<el-select v-model="temp.proBankValue" class="addinputw" placeholder="" @change="changeproBank">
<el-option v-for="(item, index) in proBank_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-col>
<el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>收款银行账号</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>收款银行账号</span></el-form-item>
</el-col> </el-col>
<el-col :span="5" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
<el-input v-model="temp.proBankAcc" class="addinputw" placeholder="" <el-select v-model="temp.proBankAccValue" class="addinputw" placeholder="" @change="changeProBankAccValue">
clearable/> <el-option v-for="(item, index) in ProBankAcc_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb">
</el-col>
<el-col :span="4" class="trightb">
</el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
@ -128,8 +158,7 @@
</el-col> </el-col>
<el-col :span="20" class="trightb"> <el-col :span="20" class="trightb">
<el-form-item> <el-form-item>
<el-input v-model="temp.remarks" class="addinputw" placeholder="" <el-input v-model="temp.remarks" class="addinputw" placeholder="" clearable/>
clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -218,6 +247,8 @@
list: [], list: [],
paymentType_list: [], paymentType_list: [],
customer_list: [], customer_list: [],
proBank_list: [],
ProBankAcc_list: [],
temp: { temp: {
sid: '', sid: '',
billNo: '', billNo: '',
@ -272,8 +303,9 @@
}, },
created() { created() {
// 初始化变量 // 初始化变量
this.init(); this.init()
this.getPaymentType(); this.getPaymentType()
this.getProBank()
}, },
methods: { methods: {
// --------------页面初始化-------------- // --------------页面初始化--------------
@ -402,7 +434,57 @@
this.temp.payTypeKey = bb.key this.temp.payTypeKey = bb.key
console.log('name', this.temp.payType) console.log('name', this.temp.payType)
}, },
//--------------功能实现-------------- getProBank() {
typeValues({
type: 'receiptBank'
}).then((res) => {
if (res.code === '200') {
this.proBank_list = res.data
console.log('下拉框请求111', res.data)
}
})
},
changeproBank(value) {
console.log('触发下拉框按钮')
let bb = null
this.proBank_list.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: e.dictType,
name: e.dictValue,
key: e.dictKey,
sid: e.sid
}
}
})
this.temp.proBankValue = bb.name
this.temp.proBankKey = bb.key
this.getProBankAcc(bb.sid)
},
getProBankAcc(sid) {
typeValues({ psid: sid, type: 'receiptAccount' }).then((res) => {
if (res.code === '200') {
this.ProBankAcc_list = res.data
console.log('下拉框请求111', res.data)
}
})
},
changeProBankAccValue(value) {
console.log('触发下拉框按钮')
let bb = null
this.ProBankAcc_list.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: e.dictType,
name: e.dictValue,
key: e.dictKey,
sid: e.sid
}
}
})
this.temp.proBankAccValue = bb.name
this.temp.proBankAccKey = bb.key
},
// 添加数据 // 添加数据
handleCreate() { handleCreate() {
this.$refs['dataForm'].validate((valid) => { this.$refs['dataForm'].validate((valid) => {
@ -411,7 +493,7 @@
if (valid) { if (valid) {
this.FormLoading = true this.FormLoading = true
this.dialogStatus = 'create' this.dialogStatus = 'create'
if (this.stateId === '0') { // if (this.stateId === '0') {
this.temp.staffSid = this.YongHuid.staffSid this.temp.staffSid = this.YongHuid.staffSid
this.temp.staffName = this.staffName this.temp.staffName = this.staffName
this.temp.orgName = this.orgName this.temp.orgName = this.orgName
@ -437,34 +519,35 @@
}) })
} }
}) })
} else { // }
this.temp.staffSid = this.YongHuid.staffSid // else {
this.temp.orgSid = this.YongHuid.organizationSid // this.temp.staffSid = this.YongHuid.staffSid
this.temp.orgName = this.orgName // this.temp.orgSid = this.YongHuid.organizationSid
this.temp.staffName = this.staffName // this.temp.orgName = this.orgName
this.temp.userSid = window.sessionStorage.getItem('userSid') // this.temp.staffName = this.staffName
this.temp.customerList = this.list // this.temp.userSid = window.sessionStorage.getItem('userSid')
this.getUrl() // this.temp.customerList = this.list
update(this.temp).then((response) => { // this.getUrl()
this.dialogStatus = 'update' // update(this.temp).then((response) => {
this.FormLoading = false // this.dialogStatus = 'update'
if (response.code === '200') { // this.FormLoading = false
this.$notify({ // if (response.code === '200') {
title: '提示', // this.$notify({
message: '修改成功', // title: '提示',
type: 'success', // message: '修改成功',
duration: 2000, // type: 'success',
}) // duration: 2000,
this.handleReturn('true') // })
} else { // this.handleReturn('true')
this.$notify({ // } else {
title: '失败', // this.$notify({
message: '修改失败', // title: '失败',
type: 'error', // message: '修改失败',
}) // type: 'error',
} // })
}) // }
} // })
// }
} }
}) })
}, },

58
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingjininfo.vue
View File

@ -8,7 +8,7 @@
:disabled="this.nodeState == '' ? false : this.nodeState == '发起订单' ? false : true" :disabled="this.nodeState == '' ? false : this.nodeState == '发起订单' ? false : true"
@click="handleSubmit()">提交 @click="handleSubmit()">提交
</el-button> </el-button>
<el-button type="primary" size="small">打印</el-button> <!-- <el-button type="primary" size="small">打印</el-button>-->
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
</div> </div>
@ -25,30 +25,38 @@
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label">部门名称</span></el-form-item> <el-form-item><span slot="label">部门名称</span></el-form-item>
</el-col> </el-col>
<el-col :span="8" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
{{ temp.orgName }} {{ temp.orgName }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label">业务员</span></el-form-item> <el-form-item><span slot="label">销售专员</span></el-form-item>
</el-col> </el-col>
<el-col :span="8" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
{{ temp.staffName }} {{ temp.staffName }}
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label">虚拟订单类型</span></el-form-item> <el-form-item><span slot="label">虚拟订单类型</span></el-form-item>
</el-col> </el-col>
<el-col :span="20" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
<span>{{temp.depositBillType}}</span> <span>{{temp.depositBillType}}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-row>-->
<!-- <el-col :span="4" class="tleftb">-->
<!-- <el-form-item><span slot="label">虚拟订单类型</span></el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="20" class="trightb">-->
<!-- <el-form-item>-->
<!-- <span>{{temp.depositBillType}}</span>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款人</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>付款人</span></el-form-item>
@ -87,30 +95,52 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="3" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款日期</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>付款日期</span></el-form-item>
</el-col> </el-col>
<el-col :span="5" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
{{ temp.paymentDate }} {{ temp.paymentDate }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="3" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款方式</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>付款方式</span></el-form-item>
</el-col> </el-col>
<el-col :span="5" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
{{ temp.payType }} {{ temp.payType }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="3" class="tleftb"> <el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款银行账号</span></el-form-item>
</el-col>
<el-col :span="4" class="trightb">
<el-form-item>
{{ temp.payBankAcc }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>收款银行</span></el-form-item>
</el-col>
<el-col :span="4" class="trightb">
<el-form-item>
{{ temp.proBankValue }}
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>收款银行账号</span></el-form-item> <el-form-item><span slot="label"><span class="icon">*</span>收款银行账号</span></el-form-item>
</el-col> </el-col>
<el-col :span="5" class="trightb"> <el-col :span="4" class="trightb">
<el-form-item> <el-form-item>
{{ temp.proBankAcc }} {{ temp.proBankAccValue }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4" class="tleftb">
</el-col>
<el-col :span="4" class="trightb">
</el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4" class="tleftb"> <el-col :span="4" class="tleftb">

Write Preview
Loading…
Cancel
Save