Browse Source

Merge remote-tracking branch 'origin/master'

master
God 3 years ago
parent
commit
ce560c0467
  1. 33
      anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/crmvehicle.js
  2. 702
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiu.vue
  3. 640
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue
  4. 513
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuinfo.vue
  5. 213
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/modelsToChoose.vue
  6. 1063
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudangan.vue
  7. 1726
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganAdd.vue
  8. 291
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganinfo.vue
  9. 851
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiliAdd.vue
  10. 219
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiluguanli.vue
  11. 226
      anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuziliao/kehudanganziliao.vue
  12. 220
      anrui-buscenter/anrui-buscenter-ui/src/views/teshushenpi/qiankuanticheguanli/jiansuocheliang.vue
  13. 2
      anrui-buscenter/anrui-buscenter-ui/src/views/teshushenpi/qiankuanticheguanli/qiankuanticheguanli.vue
  14. 2
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshouzhengce/xiaoshouzhengce.vue
  15. 73
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingdanguanli.vue
  16. 193
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingjinAdd.vue
  17. 58
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xunidingdan/xunidingjininfo.vue

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

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

702
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiu.vue

@ -1,12 +1,14 @@
<template>
<div class="app-container">
<div v-show="visible">
<div v-show="viewState ==1">
<div class="tab-header webtop">
<div>{{this.customerName}}客户-意向车型</div>
<div>{{ this.customerName }}客户-意向车型</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="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>
</div>
</div>
@ -14,7 +16,7 @@
<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" class="tab-header">
<el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
<el-form-item label="品牌">
<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"/>
@ -22,8 +24,7 @@
</el-form-item>
<el-form-item label="车型">
<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"
:value="item.sid"/>
<el-option v-for="(item, index) in figuration" :key="index" :label="item.modelName" :value="item.sid"/>
</el-select>
</el-form-item>
<el-form-item label="购买方式">
@ -33,11 +34,9 @@
</el-select>
</el-form-item>
<el-form-item class="formItem" label="创建时间">
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeStart" clearable
style="width: 160px;" type="date" placeholder="开始日期"/>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeStart" clearable style="width: 160px;" type="date" placeholder="开始日期"/>
<div class="line"></div>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeEnd" clearable
style="width: 160px;" type="date" placeholder="结束日期"/>
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeEnd" clearable style="width: 160px;" type="date" placeholder="结束日期"/>
</el-form-item>
<div class="searchbtns">
<el-button type="primary" icon="el-icon-search" @click="handleFilter">查询</el-button>
@ -48,17 +47,15 @@
</div>
<div class="listtop">
<div class="tit">意向车型列表</div>
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
class="pagination" @pagination="getList"/>
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"
@selection-change="handleSelectionChange">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column width="50px" type="selection" align="center"/>
<el-table-column width="80px" label="号" type="index" :index="indexMethod" align="center"/>
<el-table-column width="80px" label="号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="品牌" align="center">
<template slot-scope="scope">
<span>{{scope.row.brandName}}</span>
<span>{{ scope.row.brandName }}</span>
</template>
</el-table-column>
<el-table-column label="车型" align="center">
@ -68,37 +65,37 @@
</el-table-column>
<el-table-column label="购车方式" align="center">
<template slot-scope="scope">
<span>{{scope.row.purchaseMethodValue}}</span>
<span>{{ scope.row.purchaseMethodValue }}</span>
</template>
</el-table-column>
<el-table-column label="销售指导价" align="center">
<el-table-column label="销售指导价(万元)" align="center">
<template slot-scope="scope">
<span>{{scope.row.saleReferencePrice}}</span>
<span>{{ scope.row.saleReferencePrice }}</span>
</template>
</el-table-column>
<el-table-column label="车型报价" align="center">
<template slot-scope="scope">
<span>{{scope.row.vehicleModelOffer}}</span>
<span>{{ scope.row.vehicleModelOffer }}</span>
</template>
</el-table-column>
<el-table-column label="数量" align="center">
<template slot-scope="scope">
<span>{{scope.row.number}}</span>
<span>{{ scope.row.number }}</span>
</template>
</el-table-column>
<el-table-column label="预提车日期" align="center">
<template slot-scope="scope">
<span>{{scope.row.estimatedPickupDate}}</span>
<span>{{ scope.row.estimatedPickupDate }}</span>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center">
<template slot-scope="scope">
<span>{{scope.row.createTime}}</span>
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<span>{{scope.row.remarks}}</span>
<span>{{ scope.row.remarks }}</span>
</template>
</el-table-column>
</el-table>
@ -106,384 +103,329 @@
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="total > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
class="pagination" @pagination="getList"/>
<pagination v-show="total > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<cheliangxuqiuAdd @handleReturn="handleReturn_copy" ref="divadd"/>
<cheliangxuqiuinfo ref="divinfo" @handleReturn="visible=true"/>
<cheliangxuqiuAdd v-show="viewState ==2" ref="divadd" @handleReturn="handleReturn_copy"/>
<cheliangxuqiuinfo v-show="viewState ==3" ref="divinfo" @handleReturn="handleReturn_copy"/>
</div>
</template>
<script>
import {mapGetters} from 'vuex'
import {pagerList, delBySids} from '@/api/jichuxinxi/crmvehicle'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import {getNamesDownBySid,getPinpai,getSelectDown} from '@/api/dictcommons/basemanufacturer'
import {typeValues} from '@/api/dictcommons/shujuzidian'
import {loginDetails} from '@/api/dictcommons/basemanufacturer'
import {getStorage} from '@/utils/auth'
import cheliangxuqiuAdd from "./cheliangxuqiuAdd";
import cheliangxuqiuinfo from "./cheliangxuqiuinfo";
import { pagerList, delBySids } from '@/api/jichuxinxi/crmvehicle'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import { getNamesDownBySid, getPinpai, getSelectDown } from '@/api/dictcommons/basemanufacturer'
import { typeValues } from '@/api/dictcommons/shujuzidian'
import { loginDetails } from '@/api/dictcommons/basemanufacturer'
import { getStorage } from '@/utils/auth'
import cheliangxuqiuAdd from './cheliangxuqiuAdd'
import cheliangxuqiuinfo from './cheliangxuqiuinfo'
export default {
name: "cheliangxuqiu",
components: {
cheliangxuqiuAdd,
cheliangxuqiuinfo,
Pagination,
pageye
},
data() {
return {
customerSid: '',
customerName:'',
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
btndisabled: false,
visible: false,
tableKey: 0,
sids: [],
list: [],
total: 1,
FormLoading: false,
listLoading: false,
figuration: [],
listQuery: {
current: 1,
size: 20,
total:0,
params:{
brandName: '',
comonConfigSid: '',
createTimeEnd: '',
createTimeStart: '',
customerSid: '',
modelName: '',
purchaseMethodValue: '',
saleReferencePrice: '',
visitSid: ''
}
},
stateId: '',
upLevel: '',
YongHuid: [],
brand_list:[],
orgSid_list:[],
selectDate: undefined,
temp: {}, //
// ------------------------------------
export default {
name: 'cheliangxuqiu',
components: {
cheliangxuqiuAdd,
cheliangxuqiuinfo,
Pagination,
pageye
},
data() {
return {
viewState: 1,
btnVisible: false,
customerSid: '',
customerName: '',
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
btndisabled: false,
tableKey: 0,
sids: [],
list: [],
total: 1,
FormLoading: false,
listLoading: false,
figuration: [],
listQuery: {
current: 1,
size: 10,
total: 0,
params: {
brandName: '',
comonConfigSid: '',
createTimeEnd: '',
createTimeStart: '',
customerSid: '',
modelName: '',
purchaseMethodValue: '',
saleReferencePrice: '',
visitSid: ''
}
},
stateId: '',
upLevel: '',
YongHuid: [],
brand_list: [],
orgSid_list: [],
selectDate: undefined,
temp: {} //
}
},
created() {
//
this.init()
//
},
methods: {
//
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
// computed: {
// ...mapGetters([
// 'id',
// 'roles',
// 'rolesIds',
// 'departmentId',
// 'departmentCode',
// ]),
// },
created() {
//
this.init()
//
init() {
this.postHuoquyonghu()
this.chePinPai()
this.getShuJUZiDian()
},
methods: {
//
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
getShuJUZiDian() {
typeValues({ type: 'purchaseType' }).then((res) => {
if (res.code === '200') {
this.orgSid_list = res.data
}
},
init() {
this.postHuoquyonghu()
this.chePinPai()
this.getShuJUZiDian()
},
getShuJUZiDian() {
typeValues({type: 'purchaseType'}).then((res) => {
if (res.code === '200') {
this.orgSid_list = res.data
}
})
},
getGouche(value) {
},
//
chePinPai(){
getPinpai().then((response) =>{
if (response.code === '200') {
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,
}
})
},
getGouche(value) {
},
//
chePinPai() {
getPinpai().then((response) => {
if (response.code === '200') {
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()
}
},
// ------------------
//
getPinPai(sid) {
var manufacturerSid = {
manufacturerSid: sid,
})
this.listQuery.params.brandName = bb.name
this.getCheXingName(bb.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) {
var sid = {
sid: brandSid
}
getSelectDown(sid).then((response) => {
if (response.code === '200') {
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)
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
})
},
getName(value) {
let bb = null
this.figuration.forEach((e) => {
console.log('999', e)
if (e.sid === value) {
bb = {
name: e.modelName,
vaule: e.sid
}
})
},
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
}
},
//
handleCheck(row) {
this.$refs.divinfo.openinfo(row.sid, this.stateId, () => {
this.visible = false
})
},
// ------------------
//
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')
})
this.listQuery.params.modelName = bb.name
},
//
postHuoquyonghu() {
var token = getStorage()
loginDetails(token).then((response) => {
if (response.code === '200') {
this.YongHuid = response.data
}
},
//
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
}
})
},
handleReturn_copy() {
this.viewState = 1
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.viewState = 2
this.$refs.divadd.openCreate(this.stateId)
},
//
handleUpdate() {
if (this.sids.length === 1) {
this.$refs.divadd.openUpdate(this.sids[0], this.stateId, () => {
})
},
resetSearch(){
this.listQuery={
current: 1,
size: 20,
total:0,
params:{
brandName: '',
comonConfigSid: '',
createTimeEnd: '',
createTimeStart: '',
customerSid: '',
modelName: '',
purchaseMethodValue: '',
saleReferencePrice: '',
visitSid: ''
}
} else if (this.sids.length > 1) {
this.$notify({
title: '提示',
message: '不能选中多个修改!',
type: 'info',
duration: 2000
})
} else {
this.$notify({
title: '提示',
message: '没有选择信息!',
type: 'error',
duration: 2000
})
return
}
},
//
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()
},
//
handleFilter() {
this.listQuery.current = 1
console.log(this.listQuery)
this.getList()
},
// ID
handleDelete() {
if(this.sids.length==0){
this.$message({
showClose: true,
type: "error",
message: "请选择至少一条记录进行删除操作",
});
return;
})
},
resetSearch() {
this.listQuery = {
current: 1,
size: 20,
total: 0,
params: {
brandName: '',
comonConfigSid: '',
createTimeEnd: '',
createTimeStart: '',
customerSid: '',
modelName: '',
purchaseMethodValue: '',
saleReferencePrice: '',
visitSid: ''
}
const tip = "请确认是否删除所选 " + this.sids.length + " 条记录?";
this.$confirm(tip, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(()=>{
if (this.sids.length > 0) {
delBySids(this.sids).then((response) => {
console.log('3455', response)
if (response.code === '200') {
this.$notify({
title: '提示',
message: '删除成功',
type: 'success',
duration: 2000,
})
this.getList()
} else {
this.$notify({
title: '删除失败',
message: response.msg,
type: 'error',
})
}
})
}
}
this.figuration = []
this.getList()
},
//
handleFilter() {
this.listQuery.current = 1
console.log(this.listQuery)
this.getList()
},
// ID
handleDelete() {
if (this.sids.length == 0) {
this.$message({
showClose: true,
type: 'error',
message: '请选择至少一条记录进行删除操作'
})
},
//
handleDaoChu() {
// this.$confirm(', ?', '', {
// confirmButtonText: '',
// cancelButtonText: '',
// type: 'warning'
// })
basefinbankExportExcel(this.sids).then((res) => {
const blob = new Blob([res], {
type: 'application/vnd.ms-excel',
})
const objectUrl = URL.createObjectURL(blob)
window.location.href = objectUrl
this.$notify({
title: '提示',
message: '导出成功',
type: 'success',
duration: 2000,
return
}
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
if (this.sids.length > 0) {
delBySids(this.sids).then((response) => {
console.log('3455', response)
if (response.code === '200') {
this.$notify({
title: '提示',
message: '删除成功',
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>
<style scoped>
@ -497,16 +439,20 @@
border: 1px solid #dfe4ed;
height: 40px;
}
.tit {
margin-bottom: -10px;
}
.pagination {
margin-bottom: -10px;
}
.line {
display: inline-block;
margin: 0px 15px;
}
.searchbtn {
border: #2cab69 1px solid;
color: #2cab69;

640
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div v-show="visible">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div v-if="stateId === '0'">新增车辆需求</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">
<div class="title" style="height:40px">车辆需求</div>
<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-form-item prop="purchaseMethodValue">
<el-checkbox-group v-if="aseType.length > 0" v-model="aseTypeBox" @change="getGouche">
@ -21,7 +21,7 @@
</el-checkbox-group>
</el-form-item>
</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-form-item>
<el-select v-model="temp.brandSid" style="width:50%" placeholder="请选择" @change="changePinPai">
@ -31,12 +31,42 @@
</el-col>
</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-form-item prop="modelName">
<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-select>
<!-- <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-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-col>
</el-row>
@ -47,7 +77,7 @@
<el-input v-model="temp.saleReferencePrice" maxlength="20" placeholder="" style="width:50%" clearable/>
</el-form-item>
</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-form-item prop="vehicleModelOffer">
<el-input v-model="temp.vehicleModelOffer" maxlength="20" placeholder="" style="width:50%" clearable/>
@ -55,13 +85,13 @@
</el-col>
</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-form-item prop="number">
<el-input v-model="temp.number" maxlength="20" placeholder="" style="width:50%" clearable/>
</el-form-item>
</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-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="请选择"/>
@ -69,14 +99,13 @@
</el-col>
</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-form-item prop="remarks">
<el-input v-model="temp.remarks" maxlength="13" placeholder="" style="width:81%" clearable/>
</el-form-item>
</el-col>
</el-row>
<div v-if="this.ifdictKey">
<div class="title" style="40px">金融需求</div>
<el-form ref="dataForm" :model="crmFindemandVo_copy" label-position="right" label-width="190px" :rules="rules">
@ -93,17 +122,17 @@
</el-checkbox-group>
</el-form-item>
</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-form-item>
<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-select>
<el-option v-for="(item, index) in supplier" :key="index" :label="item.manageName" :value="item.manageName"/>
</el-select>
</el-form-item>
</el-col>
</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-form-item>
<el-radio v-model="crmFindemandVo_copy.isnoPackaging" label="是"></el-radio>
@ -112,7 +141,7 @@
</el-col>
</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-form-item prop="downpayment">
<el-input v-model="crmFindemandVo_copy.downpayment" maxlength="5" placeholder="" style="width:50%" class="addinputw" clearable/>
@ -123,18 +152,18 @@
</el-col>
<el-col :span="8">
<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-col>
</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-form-item prop="loanStageNumber">
<el-input v-model="crmFindemandVo_copy.loanStageNumber" maxlength="5" placeholder="" style="width:50%" class="addinputw" clearable/>
</el-form-item>
</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-form-item prop="acceptMonthAmount">
<el-input v-model="crmFindemandVo_copy.acceptMonthAmount" maxlength="5" placeholder="" style="width:50%" class="addinputw" clearable/>
@ -142,7 +171,7 @@
</el-col>
</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-form-item prop="">
<el-input v-model="crmFindemandVo_copy.remarks" maxlength="5" placeholder="" style="width:81%" class="addinputw" clearable/>
@ -154,214 +183,208 @@
</el-form>
</div>
</div>
<models-to-choose v-show="viewState ==2" ref="divSelect" @handleReturn="resetState" @handleReturnSelect="handleReturnSelect"/>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { typeValues } from "@/api/dictcommons/shujuzidian";
import { typeValues } from '@/api/dictcommons/shujuzidian'
import {
getNamesDown,
getNamesDownBySid,
getNamesDownlist,
getPinpai,
} from "@/api/dictcommons/basemanufacturer";
getPinpai
} from '@/api/dictcommons/basemanufacturer'
import {
loginDetails,
getSelectDown,
} from "@/api/dictcommons/basemanufacturer";
import { getStorage } from "@/utils/auth";
// import jsCookie from 'js-cookie'
getSelectDown
} from '@/api/dictcommons/basemanufacturer'
import { getStorage } from '@/utils/auth'
import {
saveOrUpdatePcCrmVehicleInfo,
getPcVehicleInfoBySid,
UpdatePcCrmVehicleInfo,
} from "@/api/jichuxinxi/crmvehicle";
UpdatePcCrmVehicleInfo
} from '@/api/jichuxinxi/crmvehicle'
import modelsToChoose from './modelsToChoose.vue'
export default {
name: "CheliangxuqiuAdd",
name: 'CheliangxuqiuAdd',
components: {
modelsToChoose
},
data() {
return {
// ---------
viewState: 1,
FormLoading: false,
crmFindemandVo_copy: {
customerSid: this.kehusid,
demandSid: "",
loanSubjectType: "",
managementName: "",
isnoPackaging: "",
downpayment: "",
marginLevel: "",
loanStageNumber: "",
acceptMonthAmount: "",
recording: "",
remarks: "",
demandSid: '',
loanSubjectType: '',
managementName: '',
isnoPackaging: '',
downpayment: '',
marginLevel: '',
loanStageNumber: '',
acceptMonthAmount: '',
recording: '',
remarks: ''
},
temp: {
sid: "",
createTime: "",
customerSid: "",
purchaseMethod: "",
brandSid: "",
brandName: "",
modelSid: "",
modelName: "",
sketChconfiguration: "",
otherConfig: "",
vehicleModelOffer: "",
number: "",
estimatedPickupDate: "",
states: "",
comonConfigSid: "",
purchaseMethodValue: "",
remarks: "",
saleReferencePrice: "",
sid: '',
createTime: '',
customerSid: '',
purchaseMethod: '',
brandSid: '',
brandName: '',
modelSid: '',
modelName: '',
sketChconfiguration: '',
otherConfig: '',
changeOptions: '',
vehicleModelOffer: '',
number: '',
estimatedPickupDate: '',
states: '',
comonConfigSid: '',
purchaseMethodValue: '',
remarks: '',
saleReferencePrice: '',
crmFindemandDto: {
customerSid: "",
demandSid: "",
loanSubjectType: "",
managementName: "",
isnoPackaging: "",
downpayment: "",
marginLevel: "",
loanStageNumber: "",
acceptMonthAmount: "",
recording: "",
remarks: "",
},
customerSid: '',
demandSid: '',
loanSubjectType: '',
managementName: '',
isnoPackaging: '',
downpayment: '',
marginLevel: '',
loanStageNumber: '',
acceptMonthAmount: '',
recording: '',
remarks: ''
}
}, //
// tempKelsit: {},
templook: {}, //
textMap: {
update: "修改",
create: "新增",
update: '修改',
create: '新增'
},
enter: "",
visible: false,
enter: '',
stateId: 0,
kehusid: "",
dialogStatus: "", //
brandSid: "",
kehusid: '',
dialogStatus: '', //
brandSid: '',
ifdictKey: false,
purchaseType: "purchaseType",
purchaseType: 'purchaseType',
brand_list: [], //
aseType: [],
aseTypeBox: [],
vendor: [],
branddate: [],
figuration: [],
loanType: "loanType",
loanType: 'loanType',
principal: [],
loanSubjectType: [],
packagingProject: "packagingProject",
packagingProject: 'packagingProject',
typeOptions: [],
countId: 0,
supplier: [],
grouping: [],
CustomerSid: "",
CustomerSid: '',
YongHuid: [],
userSidL: "",
userSidL: '',
// packaging_project: [],
packaging_projectt: [],
packaging_projects: [],
rules: {},
};
rules: {}
}
},
// computed: {
// ...mapGetters([
// 'id',
// 'roles',
// 'rolesIds',
// 'departmentId',
// 'departmentCode',
// ]),
// },
//
created() {
this.init();
this.init()
},
methods: {
// ----------------------------------------------------------
init() {
this.getShuJUZiDian();
this.getChangShang();
this.getZifang();
this.getShuJUZiDian()
this.getChangShang()
this.getZifang()
// this.postHuoquyonghu()
this.chePinPai();
this.chePinPai()
},
openUpdate(sid, user, checkin, showed) {
// this.kehusid = sid
this.stateId = sid;
this.userSidL = user;
this.enter = checkin;
if (this.stateId !== "0") {
this.stateId = sid
this.userSidL = user
this.enter = checkin
if (this.stateId !== '0') {
getPcVehicleInfoBySid(this.stateId, this.userSidL).then((response) => {
if (response.code === "200") {
if (response.code === '200') {
// this.$refs['dataForm'].clearValidate()
this.temp = response.data;
this.crmFindemandVo_copy = this.temp.crmFindemandVo;
this.aseTypeBox = [this.temp.purchaseMethod];
if (this.temp.purchaseMethodValue == "贷款") {
this.ifdictKey = true;
this.temp = response.data
this.crmFindemandVo_copy = this.temp.crmFindemandVo
this.aseTypeBox = [this.temp.purchaseMethod]
if (this.temp.purchaseMethodValue == '贷款') {
this.ifdictKey = true
} else {
this.ifdictKey = false;
this.ifdictKey = false
}
if (this.temp.crmFindemandVo.loanSubjectType !== "") {
if (this.temp.crmFindemandVo.loanSubjectType !== '') {
this.principal.forEach((e) => {
if (e.dictValue == this.temp.crmFindemandVo.loanSubjectType) {
this.loanSubjectType = [e.dictKey];
this.loanSubjectType = [e.dictKey]
}
});
})
}
this.getCheXingName(response.data.brandSid);
this.visible = true;
if (showed && typeof showed === "function") {
showed();
this.getCheXingName(response.data.brandSid)
if (showed && typeof showed === 'function') {
showed()
}
}
});
})
}
},
openCreate(sid, checkin, showed) {
this.kehusid = sid;
this.enter = checkin;
console.log("852", this.enter);
openCreate(sid, checkin) {
this.kehusid = sid
this.enter = checkin
// this.$refs['dataForm'].clearValidate()
this.stateId = "0";
this.resetTemp();
this.visible = true;
if (showed && typeof showed === "function") {
showed();
}
this.stateId = '0'
this.resetTemp()
},
// ------------------------------------------------------------------
// --------------------------------------------------------------
// ------------------------------------------------------------------
//
handleReturn() {
this.visible = false;
this.ifdictKey = false;
this.ifdictKey = false
// this.$refs['dataForm'].resetFields() //
this.temp = {};
this.figuration = [];
this.crmFindemandVo_copy = {};
this.$emit("handleReturn");
this.temp = {}
this.figuration = []
this.crmFindemandVo_copy = {}
this.$emit('handleReturn')
},
//
postHuoquyonghu() {
var token = getStorage();
var token = getStorage()
loginDetails(token).then((response) => {
if (response.code === "200") {
this.YongHuid = response.data;
if (response.code === '200') {
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() {
this.temp = {};
this.loanSubjectType = [];
this.aseTypeBox = [];
this.packaging_projectt = [];
this.temp = {}
this.loanSubjectType = []
this.aseTypeBox = []
this.packaging_projectt = []
},
//
handleCreate() {
@ -369,173 +392,167 @@ export default {
// })
// if (valid) {
// }
this.FormLoading = true;
this.dialogStatus = "create";
if (this.stateId === "0") {
this.temp.customerSid = this.kehusid;
this.crmFindemandVo_copy.customerSid = this.kehusid;
this.temp.crmFindemandDto = this.crmFindemandVo_copy;
this.FormLoading = true
this.dialogStatus = 'create'
if (this.stateId === '0') {
this.temp.customerSid = this.kehusid
this.crmFindemandVo_copy.customerSid = this.kehusid
this.temp.crmFindemandDto = this.crmFindemandVo_copy
saveOrUpdatePcCrmVehicleInfo(this.temp).then((response) => {
this.FormLoading = false;
if (response.code === "200") {
if (this.enter === "dj") {
console.log("22222222");
this.FormLoading = false
if (response.code === '200') {
if (this.enter === 'dj') {
this.$notify({
title: "提示",
message: "添加成功",
type: "success",
duration: 2000,
});
this.$emit("doback");
title: '提示',
message: '添加成功',
type: 'success',
duration: 2000
})
this.$emit('doback')
} else {
console.log("33333333");
this.$notify({
title: "提示",
message: "添加成功",
type: "success",
duration: 2000,
});
title: '提示',
message: '添加成功',
type: 'success',
duration: 2000
})
// this.$emit('created')
// this.$refs['dataForm'].resetFields() //
this.handleReturn();
this.handleReturn()
// this.temp = {}
}
} else if (response.code === "500") {
} else if (response.code === '500') {
// this.$notify({
// title: "",
// message: response.msg,
// type: "success",
// duration: 2000,
// });
this.handleReturn();
}
else {
this.handleReturn()
} else {
this.$notify({
title: "提示",
message: "添加失败",
type: "error",
duration: 2000,
});
title: '提示',
message: '添加失败',
type: 'error',
duration: 2000
})
}
});
})
} else {
this.temp.customerSid = this.userSidL;
this.temp.crmFindemandDto = this.crmFindemandVo_copy;
this.temp.customerSid = this.userSidL
this.temp.crmFindemandDto = this.crmFindemandVo_copy
UpdatePcCrmVehicleInfo(this.temp).then((response) => {
this.dialogStatus = "update";
this.FormLoading = false;
if (response.code === "200") {
console.log("852", this.enter);
if (this.enter === "dj") {
this.dialogStatus = 'update'
this.FormLoading = false
if (response.code === '200') {
if (this.enter === 'dj') {
this.$notify({
title: "提示",
message: "修改成功",
type: "success",
duration: 2000,
});
this.$emit("modify");
title: '提示',
message: '修改成功',
type: 'success',
duration: 2000
})
this.$emit('modify')
} else {
this.$notify({
title: "提示",
message: "修改成功",
type: "success",
duration: 2000,
});
title: '提示',
message: '修改成功',
type: 'success',
duration: 2000
})
// this.$emit('created')
this.handleReturn();
this.handleReturn()
}
} else {
this.$notify({
title: "失败",
message: "修改失败",
type: "error",
});
title: '失败',
message: '修改失败',
type: 'error'
})
}
});
})
}
},
// ---------------------------------------------------------------------------------
//
getChangShang() {
getNamesDown({ name: this.temp.vendorSid }).then((response) => {
if (response.code === "200") {
this.vendor = response.data;
if (response.code === '200') {
this.vendor = response.data
}
});
})
},
//
querySearchAsync(queryString, cb) {
if (queryString != null) {
// this.searchData({ name: queryString })
getNamesDown({ name: queryString }).then((response) => {
if (response.code === "200") {
response.data;
cb(response.data);
if (response.code === '200') {
response.data
cb(response.data)
}
});
})
} else {
cb(this.vendor);
cb(this.vendor)
}
},
//
handleSelect(e) {
this.temp.vendorSid = e.sid;
this.temp.vendorName = e.manufacturerName;
this.getPinPai(this.temp.vendorSid);
this.temp.vendorSid = e.sid
this.temp.vendorName = e.manufacturerName
this.getPinPai(this.temp.vendorSid)
},
//
inputclear() {
this.temp.vendorName = "";
this.temp.vendorName = ''
},
//
chePinPai() {
getPinpai().then((response) => {
if (response.code === "200") {
this.brand_list = response.data;
if (response.code === '200') {
this.brand_list = response.data
}
});
},
changePinPai(value) {
let bb = [];
let bb = []
this.brand_list.forEach((e) => {
if (e.sid == value) {
if (e.sid === value) {
bb = {
name: e.brandName,
sid: e.sid,
};
sid: e.sid
}
}
});
this.temp.brandName = bb.name;
this.temp.brandSid = bb.sid;
this.getCheXingName(this.temp.brandSid);
console.log("8888888888888", bb.name);
})
this.temp.brandName = bb.name
this.temp.brandSid = bb.sid
this.getCheXingName(this.temp.brandSid)
},
//
getPinPai(sid) {
var manufacturerSid = {
manufacturerSid: sid,
};
manufacturerSid: sid
}
getNamesDownBySid(manufacturerSid).then((response) => {
if (response.code === "200") {
this.branddate = response.data;
console.log("品牌数组", this.branddate);
if (response.code === '200') {
this.branddate = response.data
}
});
})
},
//
BrandProcessing(value) {
let bb = null;
let bb = null
this.branddate.forEach((e) => {
if (e.sid == value) {
if (e.sid === value) {
bb = {
sid: e.sid,
name: e.brandName,
};
name: e.brandName
}
}
});
this.temp.brandSid = bb.sid;
this.temp.brandName = bb.name;
})
this.temp.brandSid = bb.sid
this.temp.brandName = bb.names
},
//
// getCheXing() {
@ -548,43 +565,41 @@ export default {
getCheXingName(brandSid) {
var sid = {
sid: brandSid,
};
sid: brandSid
}
getSelectDown(sid).then((response) => {
if (response.code === "200") {
this.figuration = response.data;
if (response.code === '200') {
this.figuration = response.data
}
});
})
},
//
getZifang() {
getNamesDownlist().then(
(response) => {
if (response.code === "200") {
this.supplier = response.data;
if (response.code === '200') {
this.supplier = response.data
}
}
);
)
},
// ---------------------------------------------------------------------------------
// ---------------------------------------------------------------------------------
// ---------------------------------------------------------------------------------
//
getShuJUZiDian() {
typeValues({ type: this.purchaseType }).then((res) => {
if (res.code === "200") {
this.aseType = res.data;
if (res.code === '200') {
this.aseType = res.data
}
});
})
typeValues({ type: this.loanType }).then((res) => {
if (res.code === "200") {
this.principal = res.data;
if (res.code === '200') {
this.principal = res.data
}
});
})
typeValues({ type: this.packagingProject }).then((res) => {
if (res.code === "200") {
this.typeOptions = res.data;
if (res.code === '200') {
this.typeOptions = res.data
}
});
})
// typeValues({type: this.vehicleType}).then((res) => {
// if (res.code === '200') {
// this.figuration = res.data
@ -592,89 +607,95 @@ export default {
// })
},
getName(value) {
let bb = null;
let bb = null
this.figuration.forEach((e) => {
console.log("999", e);
if (e.sid == value) {
if (e.sid === value) {
bb = {
name: e.modelName,
vaule: e.sid,
};
vaule: e.sid
}
}
});
this.temp.modelName = bb.name;
this.temp.modelSid = bb.vaule;
})
this.temp.modelName = bb.name
this.temp.modelSid = bb.vaule
},
//
findselect(list, value) {
var item = null;
var item = null
for (var i = 0; i < list.length; i++) {
if (list[i].dictKey == value) {
item = list[i];
break;
if (list[i].dictKey === value) {
item = list[i]
break
}
}
return item;
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));
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.ifdictKey = true
} else if (this.aseTypeBox !== 2) {
this.ifdictKey = false
}
if (item != null) {
this.temp.purchaseMethodValue = item.dictValue;
this.temp.purchaseMethod = item.dictKey;
this.temp.purchaseMethodValue = item.dictValue
this.temp.purchaseMethod = item.dictKey
}
console.log(item, this.aseTypeBox);
console.log(item, this.aseTypeBox)
},
// /
findselectestry(list, value) {
var item = null;
var item = null
for (var i = 0; i < list.length; i++) {
if (list[i].dictKey == value) {
item = list[i];
break;
item = list[i]
break
}
}
return item;
return item
},
// /
getDaiKuang() {
this.loanSubjectType = [
this.loanSubjectType[this.loanSubjectType.length - 1],
];
console.log("点击事件:", JSON.stringify(this.loanSubjectType));
var item = this.findselectestry(this.principal, this.loanSubjectType[0]);
console.log("点击事件找到选项:", JSON.stringify(item));
this.loanSubjectType[this.loanSubjectType.length - 1]
]
console.log('点击事件:', JSON.stringify(this.loanSubjectType))
var item = this.findselectestry(this.principal, this.loanSubjectType[0])
console.log('点击事件找到选项:', JSON.stringify(item))
if (item != null) {
this.crmFindemandVo_copy.loanSubjectType = item.dictValue;
this.crmFindemandVo_copy.loanSubjectType = item.dictValue
}
},
// finArry(list, value) {},
//
getDaoBao() {
this.packaging_projects = [];
const bb = null;
this.packaging_projects = []
this.typeOptions.forEach((e) => {
this.packaging_projectt.forEach((a) => {
if (e.dictKey == a) {
this.packaging_projects.push(e.dictValue);
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(",");
})
})
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>
<style scoped>
.el-form-item-right {
@ -684,7 +705,14 @@ export default {
line-height: 3 !important;
text-align: right;
}
/deep/ .el-form-item__content {
margin-left: 0 !important;
}
.vehicle {
display: flex;
justify-content: space-between;
align-items: center;
}
</style>

513
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/cheliangxuqiu/cheliangxuqiuinfo.vue

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div v-show="visible">
<div>
<div class="tab-header webtop">
<div>车型需求详情</div>
<div>
@ -8,20 +8,20 @@
</div>
</div>
<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>
<el-row>
<el-col :span="4" class="el-form-item-right">
购车方式
</el-col>
<el-col :span="8" class="el-form-item-left">
{{temp.purchaseMethodValue}}
{{ temp.purchaseMethodValue }}
</el-col>
<el-col :span="4" class="el-form-item-right">
品牌
</el-col>
<el-col :span="8" class="el-form-item-left">
{{temp.brandName}}
{{ temp.brandName }}
</el-col>
</el-row>
<el-row>
@ -29,7 +29,31 @@
车型
</el-col>
<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-row>
<el-row>
@ -37,13 +61,13 @@
销售参考价
</el-col>
<el-col :span="8" class="el-form-item-left">
{{temp.saleReferencePrice}}
{{ temp.saleReferencePrice }}
</el-col>
<el-col :span="4" class="el-form-item-right">
车型报价
</el-col>
<el-col :span="8" class="el-form-item-left">
{{temp.vehicleModelOffer}}
{{ temp.vehicleModelOffer }}
</el-col>
</el-row>
<el-row>
@ -51,13 +75,13 @@
数量
</el-col>
<el-col :span="8" class="el-form-item-left">
{{temp.number}}
{{ temp.number }}
</el-col>
<el-col :span="4" class="el-form-item-right">
预提车日期
</el-col>
<el-col :span="8" class="el-form-item-left">
{{temp.estimatedPickupDate}}
{{ temp.estimatedPickupDate }}
</el-col>
</el-row>
<el-row>
@ -65,70 +89,71 @@
备注
</el-col>
<el-col :span="20" class="el-form-item-left">
{{temp.remarks}}
{{ temp.remarks }}
</el-col>
</el-row>
<div v-if="this.ifdictKey">
<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-col :span="4" class="el-form-item-right">
贷款主体类型
</el-col>
<el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.loanSubjectType}}
</el-col>
<el-col :span=" 4" class="el-form-item-right">
资方
</el-col>
<el-col :span=" 8" class="el-form-item-left">
{{crmFindemandVo_copy.managementName}}
</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">
{{crmFindemandVo_copy.isnoPackaging}}
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right">
首付比例
</el-col>
<el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.downpayment}}
</el-col>
<el-col :span="4" class="el-form-item-right">
保证金比例
</el-col>
<el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.marginLevel}}
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right">
贷款期数
</el-col>
<el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.loanStageNumber}}
</el-col>
<el-col :span="4" class="el-form-item-right">
月还金额
</el-col>
<el-col :span="8" class="el-form-item-left">
{{crmFindemandVo_copy.acceptMonthAmount}}
</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">
{{crmFindemandVo_copy.remarks}}
</el-col>
</el-row>
<el-col :span="4" class="el-form-item-right">
贷款主体类型
</el-col>
<el-col :span="8" class="el-form-item-left">
{{ crmFindemandVo_copy.loanSubjectType }}
</el-col>
<el-col :span=" 4" class="el-form-item-right">
资方
</el-col>
<el-col :span=" 8" class="el-form-item-left">
{{ crmFindemandVo_copy.managementName }}
</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">
{{ crmFindemandVo_copy.isnoPackaging }}
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right">
首付比例
</el-col>
<el-col :span="8" class="el-form-item-left">
{{ crmFindemandVo_copy.downpayment }}
</el-col>
<el-col :span="4" class="el-form-item-right">
保证金比例
</el-col>
<el-col :span="8" class="el-form-item-left">
{{ crmFindemandVo_copy.marginLevel }}
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="el-form-item-right">
贷款期数
</el-col>
<el-col :span="8" class="el-form-item-left">
{{ crmFindemandVo_copy.loanStageNumber }}
</el-col>
<el-col :span="4" class="el-form-item-right">
月还金额
</el-col>
<el-col :span="8" class="el-form-item-left">
{{ crmFindemandVo_copy.acceptMonthAmount }}
</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">
{{ crmFindemandVo_copy.remarks }}
</el-col>
</el-row>
</el-form>
</div>
</el-form>
@ -138,20 +163,8 @@
</template>
<script>
import { mapGetters } from 'vuex'
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'
import { getPcVehicleInfoBySid } from '@/api/jichuxinxi/crmvehicle'
export default {
name: 'Cheliangxuqiuinfo',
data() {
@ -160,14 +173,13 @@ export default {
edit: true,
FormLoading: false,
temp: {}, //
crmFindemandVo_copy:{},
crmFindemandVo_copy: {},
// tempKelsit: {},
templook: {}, //
textMap: {
update: '修改',
create: '新增',
create: '新增'
},
visible: false,
stateId: 0,
kehusid: '',
dialogStatus: '', //
@ -194,31 +206,11 @@ export default {
// packaging_project: [],
packaging_projectt: [],
packaging_projects: [],
rules: {},
rules: {}
}
},
// computed: {
// ...mapGetters([
// 'id',
// 'roles',
// 'rolesIds',
// 'departmentId',
// 'departmentCode',
// ]),
// },
//
created() {
this.init()
},
methods: {
// ----------------------------------------------------------
init() {
this.getShuJUZiDian()
this.getChangShang()
this.getZifang()
this.postHuoquyonghu()
},
openinfo(sid, user, showed) {
openinfo(sid, user) {
this.stateId = sid
this.userSidL = user
if (this.stateId !== '0') {
@ -226,321 +218,21 @@ export default {
if (response.code === '200') {
this.$refs['dataForm'].clearValidate()
this.temp = response.data
this.crmFindemandVo_copy=this.temp.crmFindemandVo
this.crmFindemandVo_copy = this.temp.crmFindemandVo
if (this.temp.purchaseMethodValue == '贷款') {
this.ifdictKey = true
} else {
this.ifdictKey = false
}
this.visible = true
if (showed && typeof showed === 'function') {
showed()
}
}
})
}
},
// ------------------------------------------------------------------
// --------------------------------------------------------------
// ------------------------------------------------------------------
//
handleReturn() {
this.visible = false
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>
<style scoped>
@ -548,6 +240,7 @@ export default {
line-height: 3 !important;
text-align: right;
}
.el-form-item-left {
line-height: 3 !important;
text-align: left;

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

@ -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>

1063
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudangan.vue

File diff suppressed because it is too large

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

File diff suppressed because it is too large

291
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganinfo.vue

@ -1,16 +1,10 @@
<template>
<div class="app-container">
<div v-show="visible">
<div>
<div class="tab-header webtop">
<div>查看客户信息</div>
<div>
<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 class="listconadd">
@ -134,14 +128,7 @@
<!--更多信息-->
<el-collapse v-model="activeNames">
<el-collapse-item title="更多信息" name="2">
<el-form
ref="datufrom"
:model="temp"
label-position="top"
label-width="190px"
class="formadd02"
>
<!-- <div class="titleleft">更多信息</div> -->
<el-form ref="datufrom" :model="temp" label-position="top" label-width="190px" class="formadd02">
<el-row v-show="temp.customerType === '个人'">
<el-col :span="4" class="trightb">
<el-form-item>
@ -199,7 +186,7 @@
</el-col>
<el-col :span="4" class="trightb">
<el-form-item>
<span slot="label">电子邮</span>
<span slot="label">电子邮</span>
</el-form-item>
</el-col>
<el-col :span="8">
@ -270,14 +257,7 @@
<!--运营情况-->
<el-collapse v-model="activeNames">
<el-collapse-item title="运营情况" name="3">
<el-form
ref="datufrom"
:model="templooke"
label-position="top"
label-width="190px"
class="formadd03"
>
<!-- <div class="titleleft">运营情况</div> -->
<el-form ref="datufrom" :model="templooke" label-position="top" label-width="190px" class="formadd03">
<el-row>
<el-col :span="4" class="trightb">
<el-form-item>
@ -319,17 +299,8 @@
<el-col :span="8">
<el-form-item>
<div class="yihang">
<el-checkbox-group
v-if="aseType.length > 0"
v-model="aseTypeBox"
>
<el-checkbox
v-for="item in aseType"
:key="item.divtkey"
:label="item.divtkey"
>
{{ item.dictValue }}
</el-checkbox>
<el-checkbox-group v-if="aseType.length > 0" v-model="aseTypeBox">
<el-checkbox v-for="item in aseType" :key="item.divtkey" :label="item.divtkey">{{ item.dictValue }}</el-checkbox>
</el-checkbox-group>
<div class="mw">
@ -380,249 +351,61 @@
</el-form>
</div>
</div>
<cheliangxuqiu-add
ref="addAndUpdate"
@handleReturn="visible = true"
@created="dataCreated"
@updated="dataUpdated"
/>
<cheliangxuqiuinfo ref="Info" @handleReturn="visible = true" />
</div>
</template>
<script>
import { mapGetters } from "vuex";
import {
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";
import { getPcCustomerInfoBySid } from '@/api/jichuxinxi/crmcustomer'
import { getPcBusinessInfoBySid } from '@/api/jichuxinxi/crmbusiness'
export default {
name: "Kehudanganinfo",
components: { Pagination, pageye, cheliangxuqiuAdd, cheliangxuqiuinfo },
name: 'Kehudanganinfo',
data() {
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: [],
activeNames: ["1"],
activeNames: ['1'],
aseType: [
{
dictValue: "首次购车",
divtkey: 0,
dictValue: '首次购车',
divtkey: 0
},
{
dictValue: "续购",
divtkey: 1,
},
dictValue: '续购',
divtkey: 1
}
],
kehusid: "",
YongHuid: [],
visible: false,
stateId: 0,
FormLoading: false,
listLoading: false,
temp: {
dto1: "",
}, //
templooke: {},
tempmore: {},
sids: [],
listQuery: {
current: 1,
size: 20,
params: {
distributorName: "",
},
},
dialogStatus: "", //
clientSid: "",
};
},
computed: {
...mapGetters([
"id",
"roles",
"rolesIds",
"departmentId",
"departmentCode",
]),
},
created() {
//
this.init();
temp: {}, //
templooke: {}
}
},
methods: {
//
init() {
this.postHuoquyonghu();
this.getGuaKao();
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") {
//
openInfo(sid) {
this.stateId = sid
if (this.stateId !== '0') {
getPcCustomerInfoBySid(this.stateId).then((response) => {
if (response.code === "200") {
this.$refs["dataForm"].clearValidate();
this.temp = response.data;
this.visible = true;
if (showed && typeof showed === "function") {
showed();
}
if (response.code === '200') {
this.$refs['dataForm'].clearValidate()
this.temp = response.data
}
});
})
getPcBusinessInfoBySid(this.stateId).then((response) => {
if (response.code === "200") {
this.templooke = response.data;
//
const Arry = [];
Arry.push(parseInt(response.data.purchase_time));
this.aseTypeBox = Arry;
if (response.code === '200') {
this.templooke = response.data
const Arry = []
Arry.push(parseInt(response.data.purchase_time))
this.aseTypeBox = Arry
}
});
})
}
// this.getChelianglsit()
},
// ------------------------------------------------------
//
handleReturn() {
this.visible = false;
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;
});
},
},
};
this.$emit('handleReturn')
}
}
}
</script>
<style scoped>
.yulan {

851
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiliAdd.vue

@ -1,8 +1,7 @@
<template>
<div v-show="visible" class="app-container">
<div class="app-container">
<div class="tab-header webtop">
<div>新增客户跟进记录</div>
<!-- <div v-else>修改客户信息</div> -->
<div>
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
<!-- <el-button type="primary" size="small">下载</el-button> -->
@ -10,22 +9,21 @@
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="temp" label-position="top" label-width="260px" class="formadd widthxiaox"
:rules="rules">
<div class="titwu">{{customerName}}客户跟进记录</div>
<el-form ref="dataForm" :model="temp" label-position="top" label-width="260px" class="formadd widthxiaox" :rules="rules">
<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-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-form-item prop="follow_form">
<span slot="label">跟进形式</span>
@ -34,8 +32,7 @@
<el-col :span="8">
<el-form-item prop="follow_form">
<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"
:value="item.dictKey" />
<el-option v-for="(item, index) in followupform" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
@ -46,8 +43,7 @@
</el-col>
<el-col :span="8">
<el-form-item>
<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="请选择" />
<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="请选择"/>
</el-form-item>
</el-col>
</el-row>
@ -59,7 +55,7 @@
</el-col>
<el-col :span="20">
<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-col>
</el-row>
@ -72,8 +68,7 @@
<el-col :span="20">
<el-form-item>
<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"
:value="item.dictKey" />
<el-option v-for="(item, index) in followupstatus" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
@ -100,8 +95,7 @@
<el-col :span="8">
<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-option v-for="(item, index) in reminderdate" :key="index.dictKey" :label="item.dictValue"
:value="item.dictKey" />
<el-option v-for="(item, index) in reminderdate" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
@ -114,7 +108,7 @@
</el-col>
<el-col :span="20">
<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-col>
</el-row>
@ -126,7 +120,7 @@
</el-col>
<el-col :span="20">
<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-col>
</el-row>
@ -135,451 +129,410 @@
</div>
</template>
<script>
import {
mapGetters
} from 'vuex'
import {
save,
update,
fetchSid
} from '@/api/jichuxinxi/crmvisit'
import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue'
import {
typeValues
} from '@/api/dictcommons/shujuzidian'
import {
loginDetails
} from '@/api/dictcommons/basemanufacturer'
import {
getStorage
} from '@/utils/auth'
import {
deleteFilesOss
} from '@/api/jichuxinxi/contract'
import {
getPcAppendix
} from '@/api/jichuxinxi/commonappendix.js'
import ManyImageUpload from '@/components/uploadFile/ManyImageUpload'
export default {
name: 'KehugenzongAdd',
components: {
cheliangxuqiuAdd,
ManyImageUpload
import {
save,
update,
fetchSid
} from '@/api/jichuxinxi/crmvisit'
import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue'
import { typeValues } from '@/api/dictcommons/shujuzidian'
import { loginDetails } from '@/api/dictcommons/basemanufacturer'
import { getStorage } from '@/utils/auth'
import { deleteFilesOss } from '@/api/jichuxinxi/contract'
import { getPcAppendix } from '@/api/jichuxinxi/commonappendix.js'
import ManyImageUpload from '@/components/uploadFile/ManyImageUpload'
export default {
name: 'KehugenzongAdd',
components: {
cheliangxuqiuAdd,
ManyImageUpload
},
data() {
return {
stateId: 0,
FormLoading: false,
followupform: [],
followupcategory: [],
followupstatus: [],
reminderdate: [],
temp: {
list: []
}, //
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 {
// ---------
visible: false,
stateId: 0,
FormLoading: false,
followupform: [],
followupcategory: [],
followupstatus: [],
reminderdate: [],
temp: {
list: []
}, //
customerName: '',
customerSid: '',
deleteTubiaoStyle: false,
// customerSides: '',
file_list: {
attachType: '0004',
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',
}, ],
},
// ------------------------------------
//
openUpdate(sid, cusid) {
this.list1 = []
this.stateId = sid
this.customerSid = cusid
this.file_list.linkSid = sid
if (this.stateId !== '0') {
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.isOnRemindkey))
console.log(Arry, 78787878)
this.aseTypeBox = Arry
this.temp = response.data.data
}
})
this.getImagelook()
}
},
computed: {
...mapGetters([
'id',
'roles',
'rolesIds',
'departmentId',
'departmentCode',
]),
getImagelook() {
getPcAppendix(this.file_list).then((response) => {
if (response.code === '200') {
response.data.forEach((w) => {
this.list1.push({
name: w.fileName,
url: w.filePath,
fullUrl: '',
size: w.fileSize,
fileType: w.fileType
})
})
}
})
},
created() {
//
this.init()
//
openCreate(bname, sid) {
this.list1 = []
this.customerName = bname
this.customerSid = sid
this.$refs['dataForm'].clearValidate()
this.stateId = '0'
this.resetTemp()
this.aseTypeBox = []
},
methods: {
init() {
this.getShuJuZiDian()
this.postHuoquyonghu()
},
//
openUpdate(sid, cusid, showed) {
this.list1 = []
this.stateId = sid
this.customerSid = cusid
this.file_list.linkSid = sid
if (this.stateId !== '0') {
// this.list3 = []
// this.list2 = []
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()
}
//
deleteFile(url, index) {
deleteFilesOss(url).then((re) => {
if (re.code === '200') {
this.$notify({
title: '提示',
message: '删除成功',
type: 'success',
duration: 2000
})
this.list3.splice(index, 1)
var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
if (item.filePath === url) {
return true
}
})
this.getImagelook()
this.temp.pcCommonAppendixDtoList.splice(index2, 1)
}
},
getImagelook() {
getPcAppendix(this.file_list).then((response) => {
if (response.code === '200') {
response.data.forEach((w) => {
this.list1.push({
name: w.fileName,
url: w.filePath,
fullUrl: '',
size: w.fileSize,
fileType: w.fileType,
})
})
}
})
},
//
openCreate(bname, sid, showed) {
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()
})
},
deleteJpg(url, index) {
deleteFilesOss(url).then((re) => {
if (re.code === '200') {
this.$notify({
title: '提示',
message: '删除成功',
type: 'success',
duration: 2000
})
this.list2.splice(index, 1)
var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
if (item.filePath === url) {
return true
}
})
this.temp.pcCommonAppendixDtoList.splice(index2, 1)
}
},
//
deleteFile(url, index) {
deleteFilesOss(url).then((re) => {
if (re.code === '200') {
this.$notify({
title: '提示',
message: '删除成功',
type: 'success',
duration: 2000,
})
this.list3.splice(index, 1)
var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
if (item.filePath === url) {
return true
}
})
this.temp.pcCommonAppendixDtoList.splice(index2, 1)
}
})
},
deleteJpg(url, index) {
deleteFilesOss(url).then((re) => {
if (re.code === '200') {
this.$notify({
title: '提示',
message: '删除成功',
type: 'success',
duration: 2000,
})
this.list2.splice(index, 1)
var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
if (item.filePath === url) {
return true
}
})
this.temp.pcCommonAppendixDtoList.splice(index2, 1)
}
})
},
// ------------------------------------------------------
//
handleReturn() {
this.list1 = []
this.visible = false
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
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,
})
}
})
},
// ------------------------------------------------------
//
handleReturn() {
this.list1 = []
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
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]
})
} else {
this.temp.staffSid = this.YongHuid.staffSid
this.temp.customerSid = this.customerSid
this.temp.list = []
for (var i = 0; i < this.list1.length; i++) {
// debugger
// console.log('',this.list1)
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,
// linkSid: this.temp.customerSid,
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
})
}
update(this.temp).then((response) => {
this.FormLoading = false
if (response.code === '200') {
this.$notify({
title: '提示',
message: '修改成功',
type: 'success',
duration: 2000,
})
this.$emit('updated')
} else {
this.$notify({
title: '失败',
message: '修改失败',
type: 'error',
})
}
})
} else {
this.temp.staffSid = this.YongHuid.staffSid
this.temp.customerSid = this.customerSid
this.temp.list = []
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,
// linkSid: this.temp.customerSid,
createBySid: this.YongHuid.sid,
fileType: nameArr[nameArr.length - 1]
})
}
}
})
},
//
findselect(list, value) {
var item = null
for (var i = 0; i < list.length; i++) {
if (list[i].divtkey == value) {
item = list[i]
break
update(this.temp).then((response) => {
this.FormLoading = false
if (response.code === '200') {
this.$notify({
title: '提示',
message: '修改成功',
type: 'success',
duration: 2000
})
this.$emit('updated')
} else {
this.$notify({
title: '失败',
message: '修改失败',
type: 'error'
})
}
})
}
}
return item
},
//
changexuanze() {
this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]]
var item = this.findselect(this.aseType, this.aseTypeBox[0])
if(item!=null){
this.temp.isOnRemind = item.dictValue
this.temp.isOnRemindkey = item.divtkey
})
},
//
findselect(list, value) {
var item = null
for (var i = 0; i < list.length; i++) {
if (list[i].divtkey === value) {
item = list[i]
break
}
},
// ---------------------------------------------------------------------------------
// ---------------------------------------------------------------------------------
// ---------------------------------------------------------------------------------
//
getShuJuZiDian() {
typeValues({
type: 'followForm'
}).then((response) => {
if (response.code === '200') {
this.followupform = response.data
}
})
typeValues({
type: 'followType'
}).then((response) => {
if (response.code === '200') {
this.followupcategory = response.data
}
})
typeValues({
type: 'followState'
}).then((response) => {
if (response.code === '200') {
this.followupstatus = response.data
}
})
typeValues({
type: 'remindDay'
}).then((response) => {
if (response.code === '200') {
this.reminderdate = response.data
}
})
},
//
getXingshi(value) {
let bb = null
this.followupform.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: 'followForm',
key: e.dictKey,
value: e.dictValue,
}
}
return item
},
//
changexuanze() {
this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]]
console.log(this.aseTypeBox, 999)
var item = this.findselect(this.aseType, this.aseTypeBox[0])
if (item != null) {
this.temp.isOnRemind = item.dictValue
this.temp.isOnRemindkey = item.divtkey
}
},
//
getShuJuZiDian() {
typeValues({
type: 'followForm'
}).then((response) => {
if (response.code === '200') {
this.followupform = response.data
}
})
typeValues({
type: 'followType'
}).then((response) => {
if (response.code === '200') {
this.followupcategory = response.data
}
})
typeValues({
type: 'followState'
}).then((response) => {
if (response.code === '200') {
this.followupstatus = response.data
}
})
typeValues({
type: 'remindDay'
}).then((response) => {
if (response.code === '200') {
this.reminderdate = response.data
}
})
},
//
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
},
//
getLeiBie(value) {
let bb = null
this.followupcategory.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: 'followType',
key: e.dictKey,
value: e.dictValue,
}
}
})
this.temp.follow_form = bb.value
this.temp.follow_form_key = bb.key
},
//
getLeiBie(value) {
let bb = null
this.followupcategory.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: 'followType',
key: e.dictKey,
value: e.dictValue
}
})
this.temp.follow_type = bb.value
this.temp.follow_type_key = bb.key
},
//
getZhuaangtai(value) {
let bb = null
this.followupstatus.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: 'followState',
key: e.dictKey,
value: e.dictValue,
}
}
})
this.temp.follow_type = bb.value
this.temp.follow_type_key = bb.key
},
//
getZhuaangtai(value) {
let bb = null
this.followupstatus.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: 'followState',
key: e.dictKey,
value: e.dictValue
}
})
this.temp.follow_state = bb.value
this.temp.follow_state_key = bb.key
},
//
gettime(value) {
let bb = null
this.reminderdate.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: 'remindDay',
key: e.dictKey,
value: e.dictValue,
}
}
})
this.temp.follow_state = bb.value
this.temp.follow_state_key = bb.key
},
//
gettime(value) {
let bb = null
this.reminderdate.forEach((e) => {
if (e.dictKey == value) {
bb = {
type: 'remindDay',
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>
<style scoped>
.dtp {
z-index: 999;
position: absolute;
cursor: pointer;
right: 0px;
}
.dtp {
z-index: 999;
position: absolute;
cursor: pointer;
right: 0px;
}
.imgcontent {
position: relative;
display: inline-block;
}
.imgcontent {
position: relative;
display: inline-block;
}
.nameStyle {
cursor: pointer;
}
.nameStyle {
cursor: pointer;
}
.trightb{
text-align: right;
}
.trightb {
text-align: right;
}
</style>

219
anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehugenjinjilu/genjinjiluguanli.vue

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

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

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

220
anrui-buscenter/anrui-buscenter-ui/src/views/teshushenpi/qiankuanticheguanli/jiansuocheliang.vue

@ -4,7 +4,7 @@
<div class="tab-header webtop">
<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>
</div>
</div>
@ -19,6 +19,9 @@
<el-form-item label="合同编号:">
<el-input v-model="listQuery.params.contractNo" placeholder="" clearable class="filter-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">
<el-button type="primary" @click="handleFilter">查询</el-button>
<el-button type="primary" @click="handresetting">重置</el-button>
@ -26,26 +29,32 @@
</el-form>
</div>
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column width="50px" type="selection" align="center" />
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="合同编号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}</span>
</template>
</el-table-column>
<el-table-column label="客户名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.customerName }}</span>
</template>
</el-table-column>
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.VINNo }}</span>
</template>
</el-table-column>
</el-table>
<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 width="50px" type="selection" align="center" />
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="合同编号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}</span>
</template>
</el-table-column>
<el-table-column label="客户名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.customerName }}</span>
</template>
</el-table-column>
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.VINNo }}</span>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="pages">
<div class="tit" />
@ -62,14 +71,14 @@
<script>
import {
getArrearsVehicleList,
arrearsVehicleApply,
} from "@/api/tesheshenpi/qiankuantiche";
import Pagination from "@/components/pagination";
import pageye from "@/components/pagination/pageye";
arrearsVehicleApply
} from '@/api/tesheshenpi/qiankuantiche'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
// import qiankuanticheshenqing from './qiankuanticheshenqing.vue'
export default {
name: "jiansuocheliang",
name: 'jiansuocheliang',
components: {
Pagination,
pageye,
@ -80,7 +89,7 @@ export default {
data() {
return {
isSearchShow: false,
searchxianshitit: "隐藏查询条件",
searchxianshitit: '隐藏查询条件',
btndisabled: false,
viewState: 2,
tableKey: 0,
@ -88,81 +97,83 @@ export default {
sids: [],
list: [],
datalist: [],
number: "",
number: '',
listLoading: false,
listQuery: {
current: 1,
size: 10,
params: {
contractNo: "",
customerName: "",
contractNo: '',
customerName: '',
VINNo: ''
},
total: 1,
total: 1
},
stateId: "",
stateId: '',
YongHuid: [],
temp: {}, //
};
temp: {} //
}
},
created() {
//
this.init();
this.init()
//
},
methods: {
//
clicksearchShow() {
this.isSearchShow = !this.isSearchShow;
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = "隐藏查询条件";
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = "显示查询条件";
this.searchxianshitit = '显示查询条件'
}
},
init() {
this.getList();
this.getList()
},
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size;
var pageindex = index + 1 + pagestart;
return pageindex;
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
//
handleReturn() {
this.$emit("doback", this.showbackState);
this.$emit('doback', this.showbackState)
},
//
getList() {
this.listLoading = true;
this.listLoading = true
getArrearsVehicleList(this.listQuery).then((response) => {
this.listLoading = false;
if (response.code === "200") {
this.listQuery.total = response.data.total;
this.list = response.data.records;
this.listLoading = false
if (response.code === '200') {
this.listQuery.total = response.data.total
this.list = response.data.records
}
});
})
},
//
handleFilter() {
this.getList();
this.getList()
},
//
//
handresetting() {
this.listQuery = {
current: 1,
size: 10,
params: {
contractNo: "",
customerName: "",
contractNo: '',
customerName: '',
VINNo: ''
},
total: 0,
};
this.getList();
total: 0
}
this.getList()
},
//
//
handleSelectionChange(row) {
this.sids = [];
const aa = [];
this.sids = []
const aa = []
row.forEach((element) => {
aa.push({
vinNo: element.VINNo,
@ -174,76 +185,89 @@ export default {
modelSid: element.modelSid,
dealMoney: element.dealMoney,
applyDate: element.applyDate,
arrearsVehicleSid: "",
});
});
this.sids = aa;
arrearsVehicleSid: ''
})
})
this.sids = aa
},
//
showback(val) {
this.showbackState = val;
this.showbackState = val
},
//--
// --
show(val, contractNo) {
this.number = contractNo;
if (contractNo !== "") {
this.getList();
this.number = contractNo
if (contractNo !== '') {
this.getList()
}
if (val.length > 0) {
val.forEach((element) => {
this.datalist.push({
vinNo: element.vinNo,
});
});
vinNo: element.vinNo
})
})
}
},
//
AddUpdateReturn() {
if (this.sids.length > 0) {
if (this.number !== "") {
if (this.number !== '') {
this.sids.forEach((e) => {
if (e.contractNo !== this.number) {
this.$notify({
title: "提示",
message: "所选车辆合同编号不一致,请重新选择!",
type: "success",
duration: 2000,
});
return;
title: '提示',
message: '所选车辆合同编号不一致,请重新选择!',
type: 'success',
duration: 2000
})
return
}
});
})
for (var i = 0; i < this.datalist.length; i++) {
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({
title: "提示",
message: "所选车架号已存在,请取消后重新选择!",
type: "success",
duration: 2000,
});
return;
title: '提示',
message: '所选车架号已存在,请取消后重新选择!',
type: 'success',
duration: 2000
})
return
}
}
}
this.$emit("return", this.sids, 1);
this.$emit('return', this.sids, 1)
} else {
arrearsVehicleApply(this.sids).then((res) => {
if (res.code == "200") {
this.$emit("return", this.sids, 2);
if (res.code === '200') {
this.$emit('return', this.sids, 2)
}
});
})
}
} else {
this.$notify({
title: "提示",
message: "请选择至少一条记录进行删除操作!",
type: "error",
duration: 2000,
});
title: '提示',
message: '请选择至少一条记录进行删除操作!',
type: 'error',
duration: 2000
})
}
},
},
};
}
}
}
</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;
}
</style>

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

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

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

@ -80,8 +80,8 @@
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"
@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="80px" label="编号" type="index" :index="indexMethod" align="center"/>
<el-table-column width="150px" label="操作" align="center">
<template slot-scope="scope">
<div class="searchbtns"> <!--:disabled=""-->

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

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

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

@ -7,7 +7,7 @@
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
<el-button type="primary" size="small" :disabled="disabled" @click="handleSubmit()">提交
</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>
</div>
</div>
@ -24,35 +24,43 @@
<el-col :span="4" class="tleftb">
<el-form-item><span slot="label">部门名称</span></el-form-item>
</el-col>
<el-col :span="8" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
{{ temp.orgName }}
</el-form-item>
</el-col>
<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 :span="8" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
{{ temp.staffName }} <!-- ?? -->
</el-form-item>
</el-col>
</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-col :span="4" class="trightb">
<el-form-item>
<span>{{temp.depositBillType}}</span>
</el-form-item>
</el-col>
</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-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款人</span></el-form-item>
</el-col>
<el-col :span="8" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
<el-input v-model="temp.draweeName" class="addinputw" placeholder=""
clearable/>
@ -61,7 +69,7 @@
<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="8" class="trightb">
<el-col :span="12" class="trightb">
<el-form-item>
<el-input v-model="temp.draweeMobile" class="addinputw" placeholder="" clearable/>
</el-form-item>
@ -71,7 +79,7 @@
<el-col :span="4" class="tleftb">
<el-form-item><span slot="label">车辆台数</span></el-form-item>
</el-col>
<el-col :span="8" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
<el-input v-model="temp.vehicleNum" class="addinputw" placeholder=""
clearable/>
@ -80,7 +88,7 @@
<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="8" class="trightb">
<el-col :span="12" class="trightb">
<el-form-item>
<el-input v-model="temp.deposit" class="addinputw" placeholder="" clearable/>
</el-form-item>
@ -88,10 +96,10 @@
</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-col>
<el-col :span="5" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
<el-date-picker
v-model="temp.paymentDate"
@ -101,26 +109,48 @@
</el-date-picker>
</el-form-item>
</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="5" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
<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"
:value="item.dictKey"/>
<el-option v-for="(item, index) in paymentType_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</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-col>
<el-col :span="5" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
<el-input v-model="temp.proBankAcc" class="addinputw" placeholder=""
clearable/>
<el-select v-model="temp.proBankAccValue" class="addinputw" placeholder="" @change="changeProBankAccValue">
<el-option v-for="(item, index) in ProBankAcc_list" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
</el-col>
<el-col :span="4" class="trightb">
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
@ -128,8 +158,7 @@
</el-col>
<el-col :span="20" class="trightb">
<el-form-item>
<el-input v-model="temp.remarks" class="addinputw" placeholder=""
clearable/>
<el-input v-model="temp.remarks" class="addinputw" placeholder="" clearable/>
</el-form-item>
</el-col>
</el-row>
@ -218,6 +247,8 @@
list: [],
paymentType_list: [],
customer_list: [],
proBank_list: [],
ProBankAcc_list: [],
temp: {
sid: '',
billNo: '',
@ -272,8 +303,9 @@
},
created() {
//
this.init();
this.getPaymentType();
this.init()
this.getPaymentType()
this.getProBank()
},
methods: {
// ----------------------------
@ -402,7 +434,57 @@
this.temp.payTypeKey = bb.key
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() {
this.$refs['dataForm'].validate((valid) => {
@ -411,7 +493,7 @@
if (valid) {
this.FormLoading = true
this.dialogStatus = 'create'
if (this.stateId === '0') {
// if (this.stateId === '0') {
this.temp.staffSid = this.YongHuid.staffSid
this.temp.staffName = this.staffName
this.temp.orgName = this.orgName
@ -437,34 +519,35 @@
})
}
})
} else {
this.temp.staffSid = this.YongHuid.staffSid
this.temp.orgSid = this.YongHuid.organizationSid
this.temp.orgName = this.orgName
this.temp.staffName = this.staffName
this.temp.userSid = window.sessionStorage.getItem('userSid')
this.temp.customerList = this.list
this.getUrl()
update(this.temp).then((response) => {
this.dialogStatus = 'update'
this.FormLoading = false
if (response.code === '200') {
this.$notify({
title: '提示',
message: '修改成功',
type: 'success',
duration: 2000,
})
this.handleReturn('true')
} else {
this.$notify({
title: '失败',
message: '修改失败',
type: 'error',
})
}
})
}
// }
// else {
// this.temp.staffSid = this.YongHuid.staffSid
// this.temp.orgSid = this.YongHuid.organizationSid
// this.temp.orgName = this.orgName
// this.temp.staffName = this.staffName
// this.temp.userSid = window.sessionStorage.getItem('userSid')
// this.temp.customerList = this.list
// this.getUrl()
// update(this.temp).then((response) => {
// this.dialogStatus = 'update'
// this.FormLoading = false
// if (response.code === '200') {
// this.$notify({
// title: '',
// message: '',
// type: 'success',
// duration: 2000,
// })
// this.handleReturn('true')
// } else {
// this.$notify({
// title: '',
// message: '',
// type: 'error',
// })
// }
// })
// }
}
})
},

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

@ -8,7 +8,7 @@
:disabled="this.nodeState == '' ? false : this.nodeState == '发起订单' ? false : true"
@click="handleSubmit()">提交
</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>
</div>
</div>
@ -25,30 +25,38 @@
<el-col :span="4" class="tleftb">
<el-form-item><span slot="label">部门名称</span></el-form-item>
</el-col>
<el-col :span="8" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
{{ temp.orgName }}
</el-form-item>
</el-col>
<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 :span="8" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
{{ temp.staffName }}
</el-form-item>
</el-col>
</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-col :span="4" class="trightb">
<el-form-item>
<span>{{temp.depositBillType}}</span>
</el-form-item>
</el-col>
</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-col :span="4" class="tleftb">
<el-form-item><span slot="label"><span class="icon">*</span>付款人</span></el-form-item>
@ -87,30 +95,52 @@
</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-col>
<el-col :span="5" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
{{ temp.paymentDate }}
</el-form-item>
</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="5" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
{{ temp.payType }}
</el-form-item>
</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-col>
<el-col :span="5" class="trightb">
<el-col :span="4" class="trightb">
<el-form-item>
{{ temp.proBankAcc }}
{{ temp.proBankAccValue }}
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
</el-col>
<el-col :span="4" class="trightb">
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">

Loading…
Cancel
Save