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

Merge remote-tracking branch 'origin/master'

master
hanlinghao 3 years ago
parent
b3af44868d e3eab187fd
commit
62e24750ad
22 changed files with 3317 additions and 3864 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. 21
      anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/baseoutsourcingapplication/BaseOutsourcingApplicationService.java
  2. 33
      anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/crmvehicle.js
  3. 702
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiu.vue
  4. 640
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue
  5. 513
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuinfo.vue
  6. 213
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/modelsToChoose.vue
  7. 1065
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudangan.vue
  8. 1726
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganAdd.vue
  9. 291
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganinfo.vue
  10. 851
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiliAdd.vue
  11. 219
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiluguanli.vue
  12. 226
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuziliao/kehudanganziliao.vue
  13. 220
      anrui-buscenter/anrui-buscenter-ui/src/views/teshushenpi/qiankuanticheguanli/jiansuocheliang.vue
  14. 2
      anrui-buscenter/anrui-buscenter-ui/src/views/teshushenpi/qiankuanticheguanli/qiankuanticheguanli.vue
  15. 8
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/modellibrary.vue
  16. 16
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/vehiclelibraryconfiguration.vue
  17. 1
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/yixiangchexingxuanze.vue
  18. 108
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue
  19. 2
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshouzhengce/xiaoshouzhengce.vue
  20. 73
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingdanguanli.vue
  21. 193
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingjinAdd.vue
  22. 58
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingjininfo.vue

21
anrui-base/anrui-base-biz/src/main/java/com/yxt/anrui/base/biz/baseoutsourcingapplication/BaseOutsourcingApplicationService.java
View File

@ -161,6 +161,27 @@ public class BaseOutsourcingApplicationService extends MybatisBaseService<BaseOu
entity.setSid(sid1); entity.setSid(sid1);
entity.setApplicationDate(new SimpleDateFormat("yyyy-MM-dd").format(new Date())); entity.setApplicationDate(new SimpleDateFormat("yyyy-MM-dd").format(new Date()));
entity.setApplicationCode(generateBillNo(dto.getUserSid()).get("billNo_Num")); entity.setApplicationCode(generateBillNo(dto.getUserSid()).get("billNo_Num"));
String staffSid = dto.getStaffSid();
ResultBean<List<SysStaffOrgVo>> sysStaffOrgListByStaffSid = sysStaffOrgFeign.getSysStaffOrgListByStaffSid(staffSid);
List<SysStaffOrgVo> data = sysStaffOrgListByStaffSid.getData();
String orgSidPath = "";
for (SysStaffOrgVo datum : data) {
orgSidPath = datum.getOrgSidPath();
String[] split = orgSidPath.split("/");
for (String s : split) {
ResultBean<SysOrganizationVo> sysOrganizationVoResultBean = sysOrganizationFeign.fetchBySid(s);
SysOrganizationVo data1 = sysOrganizationVoResultBean.getData();
Integer isDept = data1.getIsDept();
String psid = data1.getPsid();
if (isDept != null){
if (isDept == 0 && !psid.equals(0)) {
orgSidPath = s;
break;
}
}
}
}
entity.setUseOrgSid(orgSidPath);
save(entity); save(entity);
for (BaseOutsourcingApplicationVehicleDto baseOutsourcingApplicationVehicleDto : baseOutsourcingApplicationVehicleDtos) { for (BaseOutsourcingApplicationVehicleDto baseOutsourcingApplicationVehicleDto : baseOutsourcingApplicationVehicleDtos) {
BaseOutsourcingApplicationVehicle baseOutsourcingApplicationVehicle = new BaseOutsourcingApplicationVehicle(); BaseOutsourcingApplicationVehicle baseOutsourcingApplicationVehicle = new BaseOutsourcingApplicationVehicle();

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
}) })
} }

702
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>
@ -14,7 +16,7 @@
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header"> <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
<el-form-item label="品牌"> <el-form-item label="品牌">
<el-select v-model="listQuery.params.brandName" class="addinputw" placeholder="请选择" @change="changePinPai" style="width:200px"> <el-select v-model="listQuery.params.brandName" class="addinputw" placeholder="请选择" @change="changePinPai" style="width:200px">
<el-option v-for="(item, index) in brand_list" :key="index" :label="item.brandName" :value="item.sid"/> <el-option v-for="(item, index) in brand_list" :key="index" :label="item.brandName" :value="item.sid"/>
@ -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,384 +103,329 @@
<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,
Pagination, Pagination,
pageye pageye
}, },
data() { data() {
return { return {
customerSid: '', viewState: 1,
customerName:'', btnVisible: false,
isSearchShow: false, customerSid: '',
searchxianshitit: '隐藏查询条件', customerName: '',
btndisabled: false, isSearchShow: false,
visible: false, searchxianshitit: '隐藏查询条件',
tableKey: 0, btndisabled: false,
sids: [], tableKey: 0,
list: [], sids: [],
total: 1, list: [],
FormLoading: false, total: 1,
listLoading: false, FormLoading: false,
figuration: [], listLoading: false,
listQuery: { figuration: [],
current: 1, listQuery: {
size: 20, current: 1,
total:0, size: 10,
params:{ total: 0,
brandName: '', params: {
comonConfigSid: '', brandName: '',
createTimeEnd: '', comonConfigSid: '',
createTimeStart: '', createTimeEnd: '',
customerSid: '', createTimeStart: '',
modelName: '', customerSid: '',
purchaseMethodValue: '', modelName: '',
saleReferencePrice: '', purchaseMethodValue: '',
visitSid: '' saleReferencePrice: '',
} visitSid: ''
}, }
stateId: '', },
upLevel: '', stateId: '',
YongHuid: [], upLevel: '',
brand_list:[], YongHuid: [],
orgSid_list:[], brand_list: [],
selectDate: undefined, orgSid_list: [],
temp: {}, // 添加和修改 selectDate: undefined,
// ------------------------------------ temp: {} // 添加和修改
}
},
created() {
// 初始化变量
this.init()
// 加载列表
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
} }
}, },
// computed: { init() {
// ...mapGetters([ this.postHuoquyonghu()
// 'id', this.chePinPai()
// 'roles', this.getShuJUZiDian()
// 'rolesIds',
// 'departmentId',
// 'departmentCode',
// ]),
// },
created() {
// 初始化变量
this.init()
// 加载列表
}, },
methods: { getShuJUZiDian() {
// 搜索条件效果 typeValues({ type: 'purchaseType' }).then((res) => {
clicksearchShow() { if (res.code === '200') {
this.isSearchShow = !this.isSearchShow this.orgSid_list = res.data
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
} }
}, })
init() { },
this.postHuoquyonghu() getGouche(value) {
this.chePinPai()
this.getShuJUZiDian() },
}, // 车辆品牌
getShuJUZiDian() { chePinPai() {
typeValues({type: 'purchaseType'}).then((res) => { getPinpai().then((response) => {
if (res.code === '200') { if (response.code === '200') {
this.orgSid_list = res.data this.brand_list = response.data
} }
}) })
}, },
getGouche(value) { changePinPai(value) {
let bb = []
}, this.brand_list.forEach((e) => {
// 车辆品牌 if (e.sid === value) {
chePinPai(){ bb = {
getPinpai().then((response) =>{ name: e.brandName,
if (response.code === '200') { sid: e.sid
this.brand_list = response.data
}
})
},
changePinPai(value){
let bb = []
this.brand_list.forEach((e) => {
if (e.sid == value) {
bb = {
name: e.brandName,
sid: e.sid,
}
} }
})
this.listQuery.params.brandName = bb.name
this.getCheXingName(bb.sid)
},
//接收客户管理值
cheLiang(sid, upLevel,name, showed) {
this.customerName = name
this.stateId = sid
this.upLevel = upLevel // 关闭所需判断属性
this.visible = true;
this.getList();
if (showed && typeof showed === 'function') {
showed()
} }
}, })
// ----------功能打开开始-------- this.listQuery.params.brandName = bb.name
// 品牌 this.getCheXingName(bb.sid)
getPinPai(sid) { },
var manufacturerSid = { // 接收客户管理值
manufacturerSid: sid, cheLiang(sid, upLevel, name, status) {
if (status !== '02') {
this.btnVisible = true
}
this.customerName = name
this.stateId = sid
this.upLevel = upLevel // 关闭所需判断属性
this.getList()
},
// ----------功能打开开始--------
// 品牌
getPinPai(sid) {
var manufacturerSid = {
manufacturerSid: sid
}
getNamesDownBySid(manufacturerSid).then((response) => {
if (response.code === '200') {
this.branddate = response.data
} }
getNamesDownBySid(manufacturerSid).then((response) => { })
if (response.code === '200') { },
this.branddate = response.data // 车型名称
} getCheXingName(brandSid) {
}) var sid = {
}, sid: brandSid
// 车型名称 }
getCheXingName(brandSid) { getSelectDown(sid).then((response) => {
var sid = { if (response.code === '200') {
sid: brandSid, this.figuration = response.data
} }
getSelectDown(sid).then((response) => { })
if (response.code === '200') { },
this.figuration = response.data getName(value) {
} let bb = null
}) this.figuration.forEach((e) => {
}, console.log('999', e)
getName(value) { if (e.sid === value) {
let bb = null bb = {
this.figuration.forEach((e) => { name: e.modelName,
console.log('999', e) vaule: e.sid
if (e.sid == value) {
bb = {
name: e.modelName,
vaule: e.sid,
}
}
})
this.listQuery.params.modelName = bb.name
},
// 获取用户信息
postHuoquyonghu() {
var token = getStorage()
loginDetails(token).then((response) => {
if (response.code === '200') {
this.YongHuid = response.data
} }
})
},
handleReturn_copy(){
this.visible=true
this.getList()
},
// 勾选
handleSelectionChange(row) {
const aa = [];
const bb = [];
const cc = [];
console.log('112233', row)
row.forEach((element) => {
aa.push(element.sid)
});
row.forEach((element) => {
bb.push(element.name, element.mobile)
});
this.sids = aa
row.forEach((element) => {
cc.push(element.name)
});
this.names = cc
console.log('勾选记录',this.sids)
},
// 打开添加
handleCreate() {
this.visible = false
this.$refs.divadd.openCreate(this.stateId, () => {
this.visible = false
})
},
// 打开修改
handleUpdate() {
if (this.sids.length === 1){
this.visible = false
this.$refs.divadd.openUpdate(this.sids[0], this.stateId, () => {
this.visible = false
})
}else if (this.sids.length > 1) {
this.$notify({
title: '提示',
message: '不能选中多个修改!',
type: 'info',
duration: 2000,
})
} else {
this.$notify({
title: '提示',
message: '没有选择信息!',
type: 'error',
duration: 2000,
})
return
} }
}, })
// 打开查看详情 this.listQuery.params.modelName = bb.name
handleCheck(row) { },
this.$refs.divinfo.openinfo(row.sid, this.stateId, () => { // 获取用户信息
this.visible = false postHuoquyonghu() {
}) var token = getStorage()
}, loginDetails(token).then((response) => {
// ----------功能打开结束-------- if (response.code === '200') {
// 序号 this.YongHuid = response.data
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 返回
handleReturn() {
if (this.upLevel == '0') {
this.visible = false
this.$emit('handleReturn')
} else if (this.upLevel == '1') {
this.visible = false
this.$emit('handleReturn')
} }
}, })
// 查询列表信息 },
getList() { handleReturn_copy() {
this.listLoading = true this.viewState = 1
this.listQuery.params.customerSid=this.stateId this.getList()
pagerList(this.listQuery).then((response) => { },
this.listLoading = false // 勾选
if (response.code === '200') { handleSelectionChange(row) {
this.list = response.data.records const aa = []
} const bb = []
const cc = []
console.log('112233', row)
row.forEach((element) => {
aa.push(element.sid)
})
row.forEach((element) => {
bb.push(element.name, element.mobile)
})
this.sids = aa
row.forEach((element) => {
cc.push(element.name)
})
this.names = cc
console.log('勾选记录', this.sids)
},
// 打开添加
handleCreate() {
this.viewState = 2
this.$refs.divadd.openCreate(this.stateId)
},
// 打开修改
handleUpdate() {
if (this.sids.length === 1) {
this.$refs.divadd.openUpdate(this.sids[0], this.stateId, () => {
}) })
}, } else if (this.sids.length > 1) {
resetSearch(){ this.$notify({
this.listQuery={ title: '提示',
current: 1, message: '不能选中多个修改!',
size: 20, type: 'info',
total:0, duration: 2000
params:{ })
brandName: '', } else {
comonConfigSid: '', this.$notify({
createTimeEnd: '', title: '提示',
createTimeStart: '', message: '没有选择信息!',
customerSid: '', type: 'error',
modelName: '', duration: 2000
purchaseMethodValue: '', })
saleReferencePrice: '', return
visitSid: '' }
} },
// 打开查看详情
handleCheck(row) {
this.viewState = 3
this.$refs['divinfo'].openinfo(row.sid, this.stateId)
},
// ----------功能打开结束--------
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 返回
handleReturn() {
this.btnVisible = false
if (this.upLevel == '0') {
this.$emit('handleReturn')
} else if (this.upLevel == '1') {
this.$emit('handleReturn')
}
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.customerSid = this.stateId
pagerList(this.listQuery).then((response) => {
this.listLoading = false
if (response.code === '200') {
this.list = response.data.records
} }
this.figuration=[] })
this.getList() },
}, resetSearch() {
// 查询按钮 this.listQuery = {
handleFilter() { current: 1,
this.listQuery.current = 1 size: 20,
console.log(this.listQuery) total: 0,
this.getList() params: {
}, brandName: '',
// 根据本行ID删除数据 comonConfigSid: '',
handleDelete() { createTimeEnd: '',
if(this.sids.length==0){ createTimeStart: '',
this.$message({ customerSid: '',
showClose: true, modelName: '',
type: "error", purchaseMethodValue: '',
message: "请选择至少一条记录进行删除操作", saleReferencePrice: '',
}); visitSid: ''
return;
} }
const tip = "请确认是否删除所选 " + this.sids.length + " 条记录?"; }
this.$confirm(tip, "提示", { this.figuration = []
confirmButtonText: "确定", this.getList()
cancelButtonText: "取消", },
type: "warning", // 查询按钮
}).then(()=>{ handleFilter() {
if (this.sids.length > 0) { this.listQuery.current = 1
delBySids(this.sids).then((response) => { console.log(this.listQuery)
console.log('3455', response) this.getList()
if (response.code === '200') { },
this.$notify({ // 根据本行ID删除数据
title: '提示', handleDelete() {
message: '删除成功', if (this.sids.length == 0) {
type: 'success', this.$message({
duration: 2000, showClose: true,
}) type: 'error',
this.getList() message: '请选择至少一条记录进行删除操作'
} else {
this.$notify({
title: '删除失败',
message: response.msg,
type: 'error',
})
}
})
}
}) })
}, return
// 导出 }
handleDaoChu() { const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
// this.$confirm('确定要导出数据, 是否继续?', '提示', { this.$confirm(tip, '提示', {
// confirmButtonText: '确定', confirmButtonText: '确定',
// cancelButtonText: '取消', cancelButtonText: '取消',
// type: 'warning' type: 'warning'
// }) }).then(() => {
basefinbankExportExcel(this.sids).then((res) => { if (this.sids.length > 0) {
const blob = new Blob([res], { delBySids(this.sids).then((response) => {
type: 'application/vnd.ms-excel', console.log('3455', response)
}) if (response.code === '200') {
const objectUrl = URL.createObjectURL(blob) this.$notify({
window.location.href = objectUrl title: '提示',
this.$notify({ message: '删除成功',
title: '提示', type: 'success',
message: '导出成功', duration: 2000
type: 'success', })
duration: 2000, this.getList()
} else {
this.$notify({
title: '删除失败',
message: response.msg,
type: 'error'
})
}
}) })
}) }
}, })
// 添加修改返回 }
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;

640
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,17 +122,17 @@
</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%">
<el-option v-for="(item, index) in supplier" :key="index" :label="item.manageName" :value="item.manageName"/> <el-option v-for="(item, index) in supplier" :key="index" :label="item.manageName" :value="item.manageName"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</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/>
@ -123,18 +152,18 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="marginLevel"> <el-form-item prop="marginLevel">
<el-input v-model="crmFindemandVo_copy.marginLevel" maxlength="5" style="width:50%" placeholder="" class="addinputw" clearable/> <el-input v-model="crmFindemandVo_copy.marginLevel" maxlength="5" style="width:50%" placeholder="" class="addinputw" clearable/>
</el-form-item> </el-form-item>
</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.brandName = bb.name
this.temp.brandSid = bb.sid; this.temp.brandSid = bb.sid
this.getCheXingName(this.temp.brandSid); this.getCheXingName(this.temp.brandSid)
console.log("8888888888888", bb.name);
}, },
// 品牌 // 品牌
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.brandSid = bb.sid
this.temp.brandName = bb.name; 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.modelName = bb.name
this.temp.modelSid = bb.vaule; 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>

513
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>
@ -8,20 +8,20 @@
</div> </div>
</div> </div>
<div class="listconsub"> <div class="listconsub">
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules">
<div class="title">车型详情</div> <div class="title">车型详情</div>
<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">
{{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,70 +89,71 @@
备注 备注
</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>
<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="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>
<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.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>
<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.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>
<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="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>
</div> </div>
</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>

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

File diff suppressed because it is too large

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

File diff suppressed because it is too large

291
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 {

851
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,451 +129,410 @@
</div> </div>
</template> </template>
<script> <script>
import { import {
mapGetters save,
} from 'vuex' update,
import { fetchSid
save, } from '@/api/jichuxinxi/crmvisit'
update, import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue'
fetchSid import { typeValues } from '@/api/dictcommons/shujuzidian'
} from '@/api/jichuxinxi/crmvisit' import { loginDetails } from '@/api/dictcommons/basemanufacturer'
import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue' import { getStorage } from '@/utils/auth'
import { import { deleteFilesOss } from '@/api/jichuxinxi/contract'
typeValues import { getPcAppendix } from '@/api/jichuxinxi/commonappendix.js'
} from '@/api/dictcommons/shujuzidian' import ManyImageUpload from '@/components/uploadFile/ManyImageUpload'
import {
loginDetails export default {
} from '@/api/dictcommons/basemanufacturer' name: 'KehugenzongAdd',
import { components: {
getStorage cheliangxuqiuAdd,
} from '@/utils/auth' ManyImageUpload
import { },
deleteFilesOss data() {
} from '@/api/jichuxinxi/contract' return {
import { stateId: 0,
getPcAppendix FormLoading: false,
} from '@/api/jichuxinxi/commonappendix.js' followupform: [],
import ManyImageUpload from '@/components/uploadFile/ManyImageUpload' followupcategory: [],
export default { followupstatus: [],
name: 'KehugenzongAdd', reminderdate: [],
components: { temp: {
cheliangxuqiuAdd, list: []
ManyImageUpload }, // 添加和修改
customerName: '',
customerSid: '',
deleteTubiaoStyle: false,
// customerSides: '',
file_list: {
attachType: '0004',
linkSid: ''
},
list1: [],
// list2: [],
// list3: [],
YongHuid: [],
user_name: '',
aseTypeBox: [],
aseType: [{
dictValue: '是',
divtkey: 1
},
{
dictValue: '否',
divtkey: 0
}
],
rules: {
remind_day: [{
required: true,
message: '请填写',
trigger: 'blur'
}],
follow_form: [{
required: true,
message: '请填写',
trigger: 'blur'
}],
follow_result: [{
required: true,
message: '请填写',
trigger: 'blur'
}]
}
}
},
created() {
// 初始化变量
this.init()
},
methods: {
init() {
this.getShuJuZiDian()
this.postHuoquyonghu()
}, },
data() { // 修改回显
return { openUpdate(sid, cusid) {
// --按钮菜单------- this.list1 = []
visible: false, this.stateId = sid
stateId: 0, this.customerSid = cusid
FormLoading: false, this.file_list.linkSid = sid
followupform: [], if (this.stateId !== '0') {
followupcategory: [], fetchSid(this.stateId).then((response) => {
followupstatus: [], if (response.code === '200') {
reminderdate: [], this.$refs['dataForm'].clearValidate()
temp: { this.customerName = response.data.data.customerName
list: [] const Arry = []
}, // 添加和修改 Arry.push(parseInt(response.data.data.isOnRemindkey))
customerName: '', console.log(Arry, 78787878)
customerSid: '', this.aseTypeBox = Arry
deleteTubiaoStyle: false, this.temp = response.data.data
// customerSides: '', }
file_list: { })
attachType: '0004', this.getImagelook()
linkSid: '',
},
list1: [],
// list2: [],
// list3: [],
YongHuid: [],
user_name: '',
aseTypeBox: [],
aseType: [{
dictValue: '是',
divtkey: 0,
},
{
dictValue: '否',
divtkey: 1,
},
],
rules: {
remind_day: [{
required: true,
message: '请填写',
trigger: 'blur',
}, ],
follow_form: [{
required: true,
message: '请填写',
trigger: 'blur',
}, ],
follow_result: [{
required: true,
message: '请填写',
trigger: 'blur',
}, ],
},
// ------------------------------------
} }
}, },
computed: { getImagelook() {
...mapGetters([ getPcAppendix(this.file_list).then((response) => {
'id', if (response.code === '200') {
'roles', response.data.forEach((w) => {
'rolesIds', this.list1.push({
'departmentId', name: w.fileName,
'departmentCode', url: w.filePath,
]), fullUrl: '',
size: w.fileSize,
fileType: w.fileType
})
})
}
})
}, },
created() { // 新增
// 初始化变量 openCreate(bname, sid) {
this.init() this.list1 = []
this.customerName = bname
this.customerSid = sid
this.$refs['dataForm'].clearValidate()
this.stateId = '0'
this.resetTemp()
this.aseTypeBox = []
}, },
methods: { // 删除文件
init() { deleteFile(url, index) {
this.getShuJuZiDian() deleteFilesOss(url).then((re) => {
this.postHuoquyonghu() if (re.code === '200') {
}, this.$notify({
// 修改回显 title: '提示',
openUpdate(sid, cusid, showed) { message: '删除成功',
this.list1 = [] type: 'success',
this.stateId = sid duration: 2000
this.customerSid = cusid })
this.file_list.linkSid = sid this.list3.splice(index, 1)
if (this.stateId !== '0') { var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
// this.list3 = [] if (item.filePath === url) {
// this.list2 = [] return true
fetchSid(this.stateId).then((response) => {
if (response.code === '200') {
this.$refs['dataForm'].clearValidate()
this.customerName = response.data.data.customerName
const Arry = []
Arry.push(parseInt(response.data.data.isOnRemind))
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.visible = true
if (showed && typeof showed === 'function') {
showed()
}
} }
}) })
this.getImagelook() this.temp.pcCommonAppendixDtoList.splice(index2, 1)
} }
}, })
getImagelook() { },
getPcAppendix(this.file_list).then((response) => { deleteJpg(url, index) {
if (response.code === '200') { deleteFilesOss(url).then((re) => {
response.data.forEach((w) => { if (re.code === '200') {
this.list1.push({ this.$notify({
name: w.fileName, title: '提示',
url: w.filePath, message: '删除成功',
fullUrl: '', type: 'success',
size: w.fileSize, duration: 2000
fileType: w.fileType, })
}) this.list2.splice(index, 1)
}) var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
} if (item.filePath === url) {
}) return true
}, }
// 新增 })
openCreate(bname, sid, showed) { this.temp.pcCommonAppendixDtoList.splice(index2, 1)
this.list1 = []
this.customerName = bname
this.customerSid = sid
this.$refs['dataForm'].clearValidate()
this.stateId = '0'
this.resetTemp()
this.visible = true
this.aseTypeBox = []
if (showed && typeof showed === 'function') {
showed()
} }
}, })
// 删除文件 },
deleteFile(url, index) { // ----------------------------------方法--------------------
deleteFilesOss(url).then((re) => { // 返回
if (re.code === '200') { handleReturn() {
this.$notify({ this.list1 = []
title: '提示', this.$emit('handleReturn')
message: '删除成功', },
type: 'success', // 获取用户信息
duration: 2000, postHuoquyonghu() {
}) var token = getStorage()
this.list3.splice(index, 1) loginDetails(token).then((response) => {
var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => { if (response.code === '200') {
if (item.filePath === url) { this.YongHuid = response.data
return true }
} })
}) },
this.temp.pcCommonAppendixDtoList.splice(index2, 1) // 添加前数据初始化
} resetTemp() {
}) this.temp = {}
}, },
deleteJpg(url, index) { // 添加数据
deleteFilesOss(url).then((re) => { handleCreate() {
if (re.code === '200') { this.$refs['dataForm'].validate((valid) => {
this.$notify({ if (valid) {
title: '提示', this.FormLoading = true
message: '删除成功', if (this.stateId === '0') {
type: 'success', this.temp.orgSid = this.YongHuid.organizationSid
duration: 2000, this.temp.staffSid = this.YongHuid.staffSid
}) this.temp.customerSid = this.customerSid
this.list2.splice(index, 1) console.log('客户sid', this.temp.customerSid)
var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => { console.log('这是用户信息', this.YongHuid)
if (item.filePath === url) { // debugger
return true this.temp.list = []
} // this.temp.list.push(list1)
}) // debugger
this.temp.pcCommonAppendixDtoList.splice(index2, 1) for (var i = 0; i < this.list1.length; i++) {
} var namese = this.list1[i].name
}) var nameArr = namese.split('.')
}, this.temp.list.push({
// ----------------------------------方法-------------------- // attachType: '0004',
// 返回 fileName: this.list1[i].name,
handleReturn() { filePath: this.list1[i].url,
this.list1 = [] fileSize: this.list1[i].size,
this.visible = false createBySid: this.YongHuid.sid,
this.$emit('handleReturn') fileType: nameArr[nameArr.length - 1]
},
// 获取用户信息
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
if (this.stateId === '0') {
this.temp.orgSid = this.YongHuid.organizationSid
this.temp.staffSid = this.YongHuid.staffSid
this.temp.customerSid = this.customerSid
console.log('客户sid',this.temp.customerSid)
console.log('这是用户信息',this.YongHuid)
// debugger
this.temp.list = []
// this.temp.list.push(list1)
// debugger
for (var i = 0; i < this.list1.length; i++) {
var namese = this.list1[i].name
var nameArr = namese.split('.')
this.temp.list.push({
// attachType: '0004',
fileName: this.list1[i].name,
filePath: this.list1[i].url,
fileSize: this.list1[i].size,
createBySid: this.YongHuid.sid,
fileType: nameArr[nameArr.length - 1],
})
}
save(this.temp).then((response) => {
this.FormLoading = false
if (response.code === '200') {
this.$notify({
title: '提示',
message: '添加成功',
type: 'success',
duration: 2000,
})
this.handleReturn()
this.$emit('created')
} else {
this.$notify({
title: '提示',
message: '添加失败',
type: 'error',
duration: 2000,
})
}
}) })
} else { }
this.temp.staffSid = this.YongHuid.staffSid save(this.temp).then((response) => {
this.temp.customerSid = this.customerSid this.FormLoading = false
this.temp.list = [] if (response.code === '200') {
for (var i = 0; i < this.list1.length; i++) { this.$notify({
// debugger title: '提示',
// console.log('照片数据',this.list1) message: '添加成功',
var namese = this.list1[i].name type: 'success',
var nameArr = namese.split('.') duration: 2000
this.temp.list.push({ })
attachType: '0004', this.handleReturn()
fileName: this.list1[i].name, this.$emit('created')
filePath: this.list1[i].url, } else {
fileSize: this.list1[i].size, this.$notify({
// linkSid: this.temp.customerSid, title: '提示',
createBySid: this.YongHuid.sid, message: '添加失败',
fileType: nameArr[nameArr.length - 1], type: 'error',
duration: 2000
}) })
} }
update(this.temp).then((response) => { })
this.FormLoading = false } else {
if (response.code === '200') { this.temp.staffSid = this.YongHuid.staffSid
this.$notify({ this.temp.customerSid = this.customerSid
title: '提示', this.temp.list = []
message: '修改成功', for (var i = 0; i < this.list1.length; i++) {
type: 'success', var namese = this.list1[i].name
duration: 2000, var nameArr = namese.split('.')
}) this.temp.list.push({
this.$emit('updated') attachType: '0004',
} else { fileName: this.list1[i].name,
this.$notify({ filePath: this.list1[i].url,
title: '失败', fileSize: this.list1[i].size,
message: '修改失败', // linkSid: this.temp.customerSid,
type: 'error', createBySid: this.YongHuid.sid,
}) fileType: nameArr[nameArr.length - 1]
}
}) })
} }
} update(this.temp).then((response) => {
}) this.FormLoading = false
}, if (response.code === '200') {
// 是否 this.$notify({
findselect(list, value) { title: '提示',
var item = null message: '修改成功',
for (var i = 0; i < list.length; i++) { type: 'success',
if (list[i].divtkey == value) { duration: 2000
item = list[i] })
break this.$emit('updated')
} else {
this.$notify({
title: '失败',
message: '修改失败',
type: 'error'
})
}
})
} }
} }
return item })
}, },
// 是否 处理 // 是否
changexuanze() { findselect(list, value) {
this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]] var item = null
var item = this.findselect(this.aseType, this.aseTypeBox[0]) for (var i = 0; i < list.length; i++) {
if(item!=null){ if (list[i].divtkey === value) {
this.temp.isOnRemind = item.dictValue item = list[i]
this.temp.isOnRemindkey = item.divtkey break
} }
}, }
// --------------------------------------------------------------------------------- return item
// ---------------------------数据字典------------------------------------------------------ },
// --------------------------------------------------------------------------------- // 是否 处理
// 数据字典 changexuanze() {
getShuJuZiDian() { this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]]
typeValues({ console.log(this.aseTypeBox, 999)
type: 'followForm' var item = this.findselect(this.aseType, this.aseTypeBox[0])
}).then((response) => { if (item != null) {
if (response.code === '200') { this.temp.isOnRemind = item.dictValue
this.followupform = response.data this.temp.isOnRemindkey = item.divtkey
} }
}) },
typeValues({ // 数据字典
type: 'followType' getShuJuZiDian() {
}).then((response) => { typeValues({
if (response.code === '200') { type: 'followForm'
this.followupcategory = response.data }).then((response) => {
} if (response.code === '200') {
}) this.followupform = response.data
typeValues({ }
type: 'followState' })
}).then((response) => { typeValues({
if (response.code === '200') { type: 'followType'
this.followupstatus = response.data }).then((response) => {
} if (response.code === '200') {
}) this.followupcategory = response.data
typeValues({ }
type: 'remindDay' })
}).then((response) => { typeValues({
if (response.code === '200') { type: 'followState'
this.reminderdate = response.data }).then((response) => {
} if (response.code === '200') {
}) this.followupstatus = response.data
}, }
// 跟进形式 处理 })
getXingshi(value) { typeValues({
let bb = null type: 'remindDay'
this.followupform.forEach((e) => { }).then((response) => {
if (e.dictKey == value) { if (response.code === '200') {
bb = { this.reminderdate = response.data
type: 'followForm', }
key: e.dictKey, })
value: e.dictValue, },
} // 跟进形式 处理
getXingshi(value) {
let bb = null
this.followupform.forEach((e) => {
if (e.dictKey === value) {
bb = {
type: 'followForm',
key: e.dictKey,
value: e.dictValue
} }
}) }
this.temp.follow_form = bb.value })
this.temp.follow_form_key = bb.key this.temp.follow_form = bb.value
}, this.temp.follow_form_key = bb.key
// 跟进类别 处理 },
getLeiBie(value) { // 跟进类别 处理
let bb = null getLeiBie(value) {
this.followupcategory.forEach((e) => { let bb = null
if (e.dictKey == value) { this.followupcategory.forEach((e) => {
bb = { if (e.dictKey == value) {
type: 'followType', bb = {
key: e.dictKey, type: 'followType',
value: e.dictValue, key: e.dictKey,
} value: e.dictValue
} }
}) }
this.temp.follow_type = bb.value })
this.temp.follow_type_key = bb.key this.temp.follow_type = bb.value
}, this.temp.follow_type_key = bb.key
// 跟进状态 处理 },
getZhuaangtai(value) { // 跟进状态 处理
let bb = null getZhuaangtai(value) {
this.followupstatus.forEach((e) => { let bb = null
if (e.dictKey == value) { this.followupstatus.forEach((e) => {
bb = { if (e.dictKey == value) {
type: 'followState', bb = {
key: e.dictKey, type: 'followState',
value: e.dictValue, key: e.dictKey,
} value: e.dictValue
} }
}) }
this.temp.follow_state = bb.value })
this.temp.follow_state_key = bb.key this.temp.follow_state = bb.value
}, this.temp.follow_state_key = bb.key
// 跟进时间 处理 },
gettime(value) { // 跟进时间 处理
let bb = null gettime(value) {
this.reminderdate.forEach((e) => { let bb = null
if (e.dictKey == value) { this.reminderdate.forEach((e) => {
bb = { if (e.dictKey == value) {
type: 'remindDay', bb = {
key: e.dictKey, type: 'remindDay',
value: e.dictValue, key: e.dictKey,
} value: e.dictValue
} }
}) }
this.temp.remind_day = bb.value })
this.temp.remind_day_key = bb.key this.temp.remind_day = bb.value
}, 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 {
position: relative;
display: inline-block;
}
.imgcontent { .nameStyle {
position: relative; cursor: pointer;
display: inline-block; }
}
.nameStyle { .trightb {
cursor: pointer; text-align: right;
} }
.trightb{
text-align: right;
}
</style> </style>

219
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;

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

@ -95,7 +95,7 @@
<div style="width:102%;height:300px;overflow-x:auto"> <div style="width:102%;height:300px;overflow-x:auto">
<Upload style="float: left" ref="UploadImg" @handleSuccess="imgdata" @handleRemove="removeIds"/> <Upload style="float: left" ref="UploadImg" @handleSuccess="imgdata" @handleRemove="removeIds"/>
</div> </div>
<!-- </el-form-item> --> <!-- </el-form-item> -->
</el-col> </el-col>
<el-col :span="20" v-show="viewPhoto == 2"> <el-col :span="20" v-show="viewPhoto == 2">
@ -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 {

220
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,26 +29,32 @@
</el-form> </el-form>
</div> </div>
</div> </div>
<div class=""> <div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange"> <div class="listtop">
<el-table-column width="50px" type="selection" align="center" /> <div class="tit">车辆列表</div>
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/> <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
<el-table-column label="合同编号" align="center"> </div>
<template slot-scope="scope"> <div class="">
<span>{{ scope.row.contractNo }}</span> <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
</template> <el-table-column width="50px" type="selection" align="center" />
</el-table-column> <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.customerName }}</span> <span>{{ scope.row.contractNo }}</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.VINNo }}</span> <span>{{ scope.row.customerName }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> <el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.VINNo }}</span>
</template>
</el-table-column>
</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>

8
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/modellibrary.vue
View File

@ -178,7 +178,7 @@
</el-table> </el-table>
</el-dialog> </el-dialog>
<!-- 车型配置分页列表 --> <!-- 车型配置分页列表 -->
<configuration v-show="viewState == 2" ref="divConfiguration" @doback="resetState"/> <configuration v-show="viewState == 2" ref="divConfiguration" @handleChexing="selectChexing" @doback="resetState"/>
</div> </div>
</template> </template>
@ -397,8 +397,12 @@
}, },
handleReturn() { handleReturn() {
this.$emit('handleReturn') // 返回到销售订单新增 this.$emit('handleReturn') // 返回到销售订单新增
},
// 传递参数
selectChexing(modelData){
this.$emit('handleChexing', modelData)
this.handleReturn()
} }
} }
} }
</script> </script>

16
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/vehiclelibraryconfiguration.vue
View File

@ -318,7 +318,7 @@ export default {
total: 0 total: 0
}, },
row: {},// 车型所选数据 row: {},// 车型所选数据
peiZhiList: {} // 配置所选数据 peiZhiList: [] // 配置所选数据
} }
}, },
methods: { methods: {
@ -421,6 +421,7 @@ export default {
}, },
showData(row) { showData(row) {
console.log('所选车型', row) console.log('所选车型', row)
this.row = row
this.listQuery.params.modelSid = row.sid this.listQuery.params.modelSid = row.sid
this.modelSid = row.sid this.modelSid = row.sid
this.modelName = row.vehicleAlias this.modelName = row.vehicleAlias
@ -485,7 +486,6 @@ export default {
}) })
}, },
handleSelectionChange(row) { handleSelectionChange(row) {
console.log('选择', row)
if (row.length > 1) { if (row.length > 1) {
this.$message({ this.$message({
showClose: true, showClose: true,
@ -496,6 +496,7 @@ export default {
return return
} }
this.peiZhiList = row this.peiZhiList = row
console.log('选择车型配置peiZhiList', this.peiZhiList)
}, },
handleConfirm() { handleConfirm() {
if (this.peiZhiList.length > 0) { if (this.peiZhiList.length > 0) {
@ -505,17 +506,16 @@ export default {
brandName: this.row.brandName, brandName: this.row.brandName,
brandSid: this.row.brandSid, brandSid: this.row.brandSid,
config: element.configName, //常用配置 config: element.configName, //常用配置
guildPrice: element.guidedPrice, //单台指导价 guildPrice: element.guidedPrice, //单台指导价
modelConfig: this.row.modelName, //车型配置名称 modelConfig: this.row.modelName, //车型配置名称
modelConfigSid: element.sid, //配置sid modelConfigSid: element.sid, //配置sid
// modelName: element, //车型名称 // modelName: element, //车型名称
modelSid: this.row.sid, //车型sid modelSid: this.row.sid, //车型sid
moreConfig: element.otherConfig, //更多配置 moreConfig: element.otherConfig, //更多配置
} }
}) })
const type = 2 console.log('车型配置页面确认',modelData)
this.$emit('handleChexing', modelData,type) this.$emit('handleChexing', modelData)
this.handleReturn()
} else { } else {
this.$message({ this.$message({
showClose: true, showClose: true,

1
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/yixiangchexingxuanze.vue
View File

@ -141,7 +141,6 @@ export default {
showYixiang(sid) { showYixiang(sid) {
console.log('意向车型', sid) console.log('意向车型', sid)
this.listQuery.params.customerSid = sid this.listQuery.params.customerSid = sid
console.log('意向车型', this.listQuery.params.customerSid)
this.getList() this.getList()
}, },
// ----------功能打开开始-------- // ----------功能打开开始--------

108
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue
View File

@ -195,7 +195,7 @@
<div class="chosseBtn"> <div class="chosseBtn">
<el-row> <el-row>
<el-col :span="4"> <el-col :span="4">
<el-radio v-model="isXuanzeShow" label="1">现车({{ xiancheCount }})</el-radio> <el-radio @change="isXuanzeChange" v-model="isXuanzeShow" label="1">现车({{ xiancheCount }})</el-radio>
<span v-show="isXuanzeShow == '1'" class="bluezi" @click="openXianche()">选择</span> <span v-show="isXuanzeShow == '1'" class="bluezi" @click="openXianche()">选择</span>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
@ -211,7 +211,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4"> <el-col :span="4">
<el-radio v-model="isXuanzeShow" label="2">采购订单({{ caigouCount }})</el-radio> <el-radio @change="isXuanzeChange" v-model="isXuanzeShow" label="2">采购订单({{ caigouCount }})</el-radio>
<span v-show="isXuanzeShow == '2'" class="bluezi" @click="openCaigou()">选择</span> <span v-show="isXuanzeShow == '2'" class="bluezi" @click="openCaigou()">选择</span>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
@ -226,7 +226,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="4"> <el-col :span="4">
<el-radio v-model="isXuanzeShow" label="3">排产()</el-radio> <el-radio @change="isXuanzeChange" v-model="isXuanzeShow" label="3">排产()</el-radio>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<el-form-item> <el-form-item>
@ -237,7 +237,7 @@
<!-- ==================== 上装 ======================================== --> <!-- ==================== 上装 ======================================== -->
<div class="titleleft"> <div class="titleleft">
<el-checkbox v-model="checked">上装</el-checkbox> <el-checkbox @change="shangzhuangChange" v-model="checked">上装</el-checkbox>
</div> </div>
<div v-show="checked" class="shangzhuangstyle"> <div v-show="checked" class="shangzhuangstyle">
<el-row> <el-row>
@ -396,7 +396,7 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="2"> <el-col :span="2">
<span>车架合计</span> <span>车价合计</span>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<el-form-item> <el-form-item>
@ -563,10 +563,10 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="2">
<span>需补交订金</span> <span v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">需补交订金</span>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item> <el-form-item v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">
<span>{{ NumberMakeUpDeposit() }}</span> <span>{{ NumberMakeUpDeposit() }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -789,14 +789,13 @@
import {mapGetters} from 'vuex' import {mapGetters} from 'vuex'
import { import {
dictType, dictType,
fetchDetailsBySid,
getGuaKaoCompanyType, getGuaKaoCompanyType,
getOneBillNo, getOneBillNo,
getOneOrder,
getPdfByOrderSid, getPdfByOrderSid,
getXianList, getXianList,
saveOrderForm, saveOrderForm,
selectCount, selectCount
fetchDetailsBySid
} from '@/api/salesManagement/orderManagement' } from '@/api/salesManagement/orderManagement'
import {getNamesDown,} from '@/api/dictcommons/basemanufacturer' import {getNamesDown,} from '@/api/dictcommons/basemanufacturer'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
@ -964,6 +963,7 @@ export default {
// 车型确认块信息 // 车型确认块信息
modelData: {}, modelData: {},
isXuanzeShow: '', isXuanzeShow: '',
radioTimes: 0,
// 现车列表 // 现车列表
xianchetotal: 1, xianchetotal: 1,
xiancheLoading: false, xiancheLoading: false,
@ -1321,16 +1321,14 @@ export default {
}, },
// 车架合计 // 车架合计
NumberMulFour() { NumberMulFour() {
console.log('tai shu',111111)
// 单台成交价 // 单台成交价
if (this.temp.busSalesOrderPrice.singleFinalPrice == '') { if (this.temp.busSalesOrderPrice.singleFinalPrice == '') {
return 0 return 0
} }
// 台数 // 台数
if (this.temp.busSalesOrderPrice.quantity == '' && this.quantity == '') { if (this.temp.busSalesOrderPrice.quantity == '' || this.quantity == '') {
return 0 return 0
} }
console.log('tai shu',222222)
var singleFinalPrice = 0 var singleFinalPrice = 0
var quantity = 0 var quantity = 0
singleFinalPrice = parseFloat(this.temp.busSalesOrderPrice.singleFinalPrice) singleFinalPrice = parseFloat(this.temp.busSalesOrderPrice.singleFinalPrice)
@ -1339,15 +1337,10 @@ export default {
} else { } else {
quantity = parseFloat(this.temp.busSalesOrderPrice.quantity) quantity = parseFloat(this.temp.busSalesOrderPrice.quantity)
} }
console.log('tai shu', quantity)
console.log('11111', this.temp.busSalesOrderPrice.singleFinalPrice, singleFinalPrice, quantity)
console.log('11111.22', this.temp.busSalesOrderPrice.singleFinalPrice, singleFinalPrice, quantity)
const chejia1 = singleFinalPrice.toString() const chejia1 = singleFinalPrice.toString()
const chejia2 = quantity.toString() const chejia2 = quantity.toString()
console.log('22222', chejia1, chejia2)
const value = Number(chejia1.replace(',', '')) * Number(chejia2.replace(',', '')) const value = Number(chejia1.replace(',', '')) * Number(chejia2.replace(',', ''))
this.temp.busSalesOrderPrice.priceSum = value.toString() this.temp.busSalesOrderPrice.priceSum = value.toString()
console.log('33333', value)
if (this.temp.busSalesOrderPrice.priceSum == '0') { if (this.temp.busSalesOrderPrice.priceSum == '0') {
this.temp.busSalesOrderPrice.priceSum = '0' this.temp.busSalesOrderPrice.priceSum = '0'
return this.temp.busSalesOrderPrice.priceSum return this.temp.busSalesOrderPrice.priceSum
@ -1398,7 +1391,6 @@ export default {
// 主车优惠数量变化 // 主车优惠数量变化
handleChangeNum(num, row) { handleChangeNum(num, row) {
const value = Number(num) * Number(row.price) const value = Number(num) * Number(row.price)
console.log('数量改变' + num)
row.totalValue = value row.totalValue = value
return row.totalValue return row.totalValue
}, },
@ -1436,13 +1428,11 @@ export default {
} else { } else {
depositAll = 0 depositAll = 0
} }
console.log('aaaaaaaa', depositAll)
if (this.temp.busDepositFictitiousList.length > 0) { if (this.temp.busDepositFictitiousList.length > 0) {
const jiezhuanAll = [] const jiezhuanAll = []
this.temp.busDepositFictitiousList.forEach((element) => { this.temp.busDepositFictitiousList.forEach((element) => {
jiezhuanAll.push(element.price) jiezhuanAll.push(element.price)
}) })
console.log('bbbbbbbb020202', jiezhuanAll)
if (jiezhuanAll[0] == '') { if (jiezhuanAll[0] == '') {
jiezhuan = 0 jiezhuan = 0
} else { } else {
@ -1452,10 +1442,8 @@ export default {
} else { } else {
jiezhuan = 0 jiezhuan = 0
} }
console.log('bbbbbbbb', jiezhuan)
const s1 = depositAll.toString() const s1 = depositAll.toString()
const s2 = jiezhuan.toString() const s2 = jiezhuan.toString()
console.log('cccccccc', s1, s2)
const value = Number(s1.replace(',', '')) - Number(s2.replace(',', '')) const value = Number(s1.replace(',', '')) - Number(s2.replace(',', ''))
this.temp.busSalesOrderDeposit.makeUpDeposit = value.toString() this.temp.busSalesOrderDeposit.makeUpDeposit = value.toString()
return this.temp.busSalesOrderDeposit.makeUpDeposit return this.temp.busSalesOrderDeposit.makeUpDeposit
@ -1485,14 +1473,12 @@ export default {
} else { } else {
this.temp.busSalesOrderPrice.quantity = Number(this.temp.busSalesOrderPrice.quantity) this.temp.busSalesOrderPrice.quantity = Number(this.temp.busSalesOrderPrice.quantity)
} }
console.log('type', this.isXuanzeShow)
this.temp.type = this.isXuanzeShow this.temp.type = this.isXuanzeShow
const priceList = [] const priceList = []
this.temp.busSalesOrderDiscountList.forEach((element) => { this.temp.busSalesOrderDiscountList.forEach((element) => {
priceList.push(element.totalValue) priceList.push(element.totalValue)
}) })
this.temp.priceList = priceList this.temp.priceList = priceList
console.log(this.temp)
this.$refs['dataForm'].validate((valid) => { this.$refs['dataForm'].validate((valid) => {
if (valid) { if (valid) {
this.FormLoading = true this.FormLoading = true
@ -1703,19 +1689,16 @@ export default {
message: '请选择一个车型！', message: '请选择一个车型！',
type: 'error' type: 'error'
}); });
} }
}, },
// 主车优惠 // 主车优惠
openZhuche() { openZhuche() {
this.relState = '4.1' this.relState = '4.1'
this.$refs['zhucheyouhui'].showZhuche(this.temp.busSalesOrderDiscountList) this.$refs['zhucheyouhui'].showZhuche(this.temp.busSalesOrderDiscountList)
}, },
// 虚拟订单列表 // 虚拟订单列表
openXunidingdanList(index) { openXunidingdanList(index) {
console.log('虚拟订单', index)
this.relState = '5.1' this.relState = '5.1'
this.$refs['xuniList'].showXuni(this.temp.customerSid, index) this.$refs['xuniList'].showXuni(this.temp.customerSid, index)
}, },
@ -1732,6 +1715,47 @@ export default {
}); });
} }
}, },
// 车辆信息
isXuanzeChange(value) {
this.radioTimes++
if (this.radioTimes > 1) {
this.$confirm('已选择的车辆信息将会清空, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.temp.busSalesOrderVehicleList = []//现车车辆信息
this.temp.busSalesVehicleOrderList = [] //采购订单信息
}).catch(() => {
// this.isXuanzeShow = '0'
if (this.temp.busSalesOrderVehicleList.length > 0){
this.isXuanzeShow = '1'
}else if (this.temp.busSalesVehicleOrderList.length > 0){
this.isXuanzeShow = '2'
}
});
}
console.log('车型确定选择变化值', value)
},
// 上装
shangzhuangChange(value){
if (value == false){
this.temp.busSalesOrderMakeup = {
announcementModel: '', //公告型号
contractPath: '', //合同上传
moreConfig: '', //更多配置
overallDimension: '', //外廓尺寸
plateMaterial: '', //板材材质
plateThickness: '', //板材厚度
refitFactory: '', //委改厂
refitMethod: '', //委改方式
topName: '', //上装名称
topPrice: '', //上装价格
}
}
},
// ---------------- 弹窗上列表数据加载 ---------------- // ---------------- 弹窗上列表数据加载 ----------------
// 现车序号 // 现车序号
xiancheindexMethod(index) { xiancheindexMethod(index) {
@ -1747,7 +1771,6 @@ export default {
}, },
// 现车查询 // 现车查询
getXiancheList() { getXiancheList() {
console.log('现车查询', this.xiancheList)
this.xiancheLoading = true this.xiancheLoading = true
this.xiancheList.params.customerSid = this.temp.customerSid this.xiancheList.params.customerSid = this.temp.customerSid
this.xiancheList.params.modelConfigSid = this.temp.busSalesOrderModel.modelConfigSid this.xiancheList.params.modelConfigSid = this.temp.busSalesOrderModel.modelConfigSid
@ -1826,9 +1849,10 @@ export default {
// 确当选择现车 // 确当选择现车
selectionXianche() { selectionXianche() {
if (this.xiancheChoice.length > 0) { if (this.xiancheChoice.length > 0) {
this.temp.busSalesOrderVehicleList = this.xiancheChoice // this.temp.busSalesOrderVehicleList = this.xiancheChoice
const xincheSids = [] const xincheSids = []
this.xiancheChoice.forEach((element) => { this.xiancheChoice.forEach((element) => {
this.temp.busSalesOrderVehicleList.push(element)
xincheSids.push(element.linkSid) xincheSids.push(element.linkSid)
}) })
this.xiancheList.params.sidList = xincheSids this.xiancheList.params.sidList = xincheSids
@ -1845,9 +1869,10 @@ export default {
// 确定选择采购 // 确定选择采购
selectionCaigou() { selectionCaigou() {
if (this.caigouChoice.length > 0) { if (this.caigouChoice.length > 0) {
this.temp.busSalesVehicleOrderList = this.caigouChoice // this.temp.busSalesVehicleOrderList = this.caigouChoice
const caigouSids = [] const caigouSids = []
this.caigouChoice.forEach((element) => { this.caigouChoice.forEach((element) => {
this.temp.busSalesVehicleOrderList.push(element)
caigouSids.push(element.linkSid) caigouSids.push(element.linkSid)
}) })
this.caigouList.params.sidList = caigouSids this.caigouList.params.sidList = caigouSids
@ -1875,7 +1900,6 @@ export default {
this.temp.customerClassKey = row.customerTypeKey this.temp.customerClassKey = row.customerTypeKey
this.temp.customerPhoto = row.customerPhoto this.temp.customerPhoto = row.customerPhoto
this.customerList = row this.customerList = row
console.log('选择客户',this.temp)
}, },
// 新增客户 // 新增客户
addCustomer() { addCustomer() {
@ -1909,7 +1933,6 @@ export default {
selectCount(countList).then((response) => { selectCount(countList).then((response) => {
if (response.success) { if (response.success) {
this.xiancheCount = response.data this.xiancheCount = response.data
console.log('数量', response.data)
} }
}) })
}, },
@ -1941,14 +1964,13 @@ export default {
selectCount(countList).then((response) => { selectCount(countList).then((response) => {
if (response.success) { if (response.success) {
this.xiancheCount = response.data this.xiancheCount = response.data
console.log('数量', response.data)
} }
}) })
}, },
// 选择车型 // 选择车型
selectChexing(modelData, type) { selectChexing(modelData) {
console.log('所得到的车型', modelData) console.log('选择车型', modelData)
this.xiancheList.params.type = type this.xiancheList.params.type = 3
this.modelData = modelData this.modelData = modelData
this.temp.busSalesOrderModel = { this.temp.busSalesOrderModel = {
brandName: modelData.brandName, brandName: modelData.brandName,
@ -1973,10 +1995,8 @@ export default {
selectCount(countList).then((response) => { selectCount(countList).then((response) => {
if (response.success) { if (response.success) {
this.xiancheCount = response.data this.xiancheCount = response.data
console.log('数量', response.data)
} }
}) })
}, },
selectYouhui(row) { selectYouhui(row) {
@ -2019,21 +2039,13 @@ export default {
}, },
// 删除现车数据 // 删除现车数据
delXianche(index) { delXianche(index) {
console.log('对应索引', index)
this.temp.busSalesOrderVehicleList.splice(index, 1) this.temp.busSalesOrderVehicleList.splice(index, 1)
}, },
// 删除采购订单数据 // 删除采购订单数据
delCaigou(index) { delCaigou(index) {
console.log('对应索引', index)
this.temp.busSalesOrderVehicleList.splice(index, 1) this.temp.busSalesOrderVehicleList.splice(index, 1)
}, },
// handleDelete(row) {
// getDelDis(row.orderSid).then((response) => {
// if (response.code === '200') {
// this.temp.busOrderDiscountDtoList = response.data
// }
// })
// },
addXunidingjin() { addXunidingjin() {
this.temp.busDepositFictitiousList.push({ this.temp.busDepositFictitiousList.push({
depositBillNo: '', //虚拟订单编号 depositBillNo: '', //虚拟订单编号

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