Browse Source

销售管理页面

master
Zhao Qiqi 3 years ago
parent
commit
71eeddd4a4
  1. 49
      anrui-buscenter/anrui-buscenter-ui/src/api/flow/orderSalesTodo.js
  2. 328
      anrui-buscenter/anrui-buscenter-ui/src/apimock/salesManagement/orderManagement.js
  3. 36
      anrui-buscenter/anrui-buscenter-ui/src/router/index.js
  4. 1411
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdan.vue
  5. 13
      anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanInfo.vue
  6. 9
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/modellibrary.vue
  7. 6
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/vehiclelibraryconfiguration.vue
  8. 23
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xiaoshouzhengce.vue
  9. 9
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehu.vue
  10. 16
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehuAdd.vue
  11. 25
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanguanli.vue
  12. 1
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanxuanze.vue
  13. 3
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/yixiangchexingxuanze.vue
  14. 43
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue
  15. 675
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue
  16. 712
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue
  17. 137
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanSubmit.vue

49
anrui-buscenter/anrui-buscenter-ui/src/api/flow/orderSalesTodo.js

@ -0,0 +1,49 @@
import request from '@/utils/request'
// 销售订单代办任务同意办理
export function businessAgree(params) {
return request({
url: "/buscenter/v1/bussalesorder/complete",
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
}
// 销售订单代办任务驳回任务
export function rejectTask(params) {
return request({
url: "/buscenter/v1/bussalesorder/reject" + params.businessSid,
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
}
// 销售订单代办任务终止任务
export function breakTask(params) {
return request({
url: "/portal/v1/flow/breakProcess/" + params.businessSid,
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
}
// 销售订单代办任务撤回任务
export function revokeTask(params) {
return request({
url: "/portal/v1/flow/revokeProcess/" + params.userSid + '/' + params.businessSid,
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
}

328
anrui-buscenter/anrui-buscenter-ui/src/apimock/salesManagement/orderManagement.js

@ -0,0 +1,328 @@
import request from "@/utils/requestmock";
// ----------------------------------- 订单管理
// 销售订单管理列表 已改
export function getListPage(data) {
return request({
url: "/buscenter/v1/bussalesorder/listPage",
method: "post",
data: data,
headers: {
"Content-Type": "application/json"
}
});
}
// 销售订单批量删除销售订单 已改
export function delBySids(data) {
return request({
url: "/buscenter/v1/bussalesorder/delBySids",
method: "delete",
data: data,
headers: {
"Content-Type": "application/json"
}
});
}
// 销售订单新增保存 已改
export function saveOrderForm(data) {
return request({
url: "/buscenter/v1/bussalesorder/saveOrUpdate",
method: "post",
data: data,
headers: {
"Content-Type": "application/json"
}
});
}
// 编辑、详情初始化 已改
export function fetchDetailsBySid(params) {
return request({
url: "/buscenter/v1/bussalesorder/fetchDetailsBySid/" + params.sid,
method: "get",
params: params,
});
}
// 外联表接口
// 获取意向车型列表 已改
export function getYixiangList(data) {
return request({
url: "/crm/v1/crmvehicledemand/selectPagePc",
method: "post",
data: data,
headers: {
"Content-Type": "application/json"
}
});
}
// 获取虚拟订单列表 已改
export function getXuniList(data) {
return request({
url: "/buscenter/v1/pcbusmaindeposit/pageList",
method: "post",
data: data,
headers: {
"Content-Type": "application/json"
}
});
}
// 车辆信息获取现车列表 已改
export function getXianList(data) {
return request({
url: "/base/v1/basevehicle/selectVo",
method: "post",
data: data,
headers: {
"Content-Type": "application/json"
}
});
}
// 采购订单查询分页列表 已改
export function getCaigouList(params) {
return request({
url: '/base/v1/busvehicleapplydetail/applyPage',
method: 'post',
data: params,
headers: {'Content-Type': 'application/json'}
})
}
// 现车数量 已改
export function selectCount(params) {
return request({
url: '/base/v1/basevehicle/selectCount',
method: 'get',
params: params,
// headers: {'Content-Type': 'application/json'}
})
}
// 采购订单数量 已改
export function selectOrderCount(params) {
return request({
url: '/base/v1/busvehicleapplydetail/selectOrderCount',
method: 'get',
params: params,
})
}
// 销售政策分页列表 已改
export function selectSalesOrderList(params) {
return request({
url: '/base/v1/basediscountpackage/selectSalesOrderList',
method: 'post',
data: params,
headers: {'Content-Type': 'application/json'}
})
}
// 虚拟订单订金列表 已改
export function depositPageList(params) {
return request({
url: '/buscenter/v1/pcbusmaindeposit/depositPageList',
method: 'post',
data: params,
headers: {'Content-Type': 'application/json'}
})
}
// ==================== 分割 ========================
// 部门下拉
export function getListOrg(data) {
return request({
url: "/portal/v1/sysorganization/selectListOrg",
method: "get"
});
}
// 支付方式下拉
export function getPaymentType(data) {
return request({
url: "/buscenter/v1/busorder/getPaymentType",
method: "post"
});
}
// 提车方式下拉
export function getSaleType(data) {
return request({
url: "/buscenter/v1/busorder/getSaleType",
method: "post"
});
}
// 删除
export function deleteByids(data) {
// var param = new URLSearchParams();
// param.append("sids", data);
return request({
url: "/buscenter/v1/busorder/del/" + data,
method: "get"
});
}
// 添加时先获取单号
export function getOneBillNo(datas) {
return request({
url: "/buscenter/v1/busorder/saveEcho",
method: "post",
params: { userSid: datas }
});
}
// 模糊搜索客户
export function getLikeGetCustomerName() {
return request({
url: "/buscenter/v1/busorder/likeGetCustomerName",
method: "post"
// params: { staffSid: id }
});
}
// 提交
export function submitOrder(id, data) {
return request({
url: "/buscenter/v1/busorder/submitFlow",
method: "post",
params: { userSid: id, orderSid: data }
});
}
// 获取厂商
export function getManufacturer(data) {
return request({
url: "/base/v1/basemanufacturer/selectByOrgSid",
method: "get"
});
}
// 生成车辆信息
export function getCreateCarDetails(data) {
return request({
url: "/buscenter/v1/busorder/creatVehicleList",
method: "post",
params: data
});
}
// 下拉框
export function dictType(data) {
return request({
url: "/portal/v1/dictcommons/typeValues",
method: "get",
params: data
});
}
// 编辑回显
export function getOneOrder(data) {
return request({
url: "/buscenter/v1/busorder/getAll",
method: "post",
params: data
});
}
// 添加销售合同中 销售合同 回显接口
export function getSaveByOrderSid(data) {
return request({
url: "/buscenter/v1/busorder/getSave",
method: "post",
params: data
});
}
// 新增销售合同
export function saveOrderContract(datas) {
return request({
url: "/buscenter/v1/busorder/saveBusOrderCon/?orderSid=" + datas.orderSid,
method: "post",
data: datas,
headers: {
"Content-Type": "application/json"
}
});
}
// 挂靠公司模糊查询下拉框
export function getGuaKaoCompanyType(data) {
return request({
url: "/base/v1/baseaffiliatcompany/namesDown",
method: "get",
params: data
});
}
// 中介单位
export function getZhongJieCompanyType() {
return request({
url: "/base/v1/basedistributor/getPcDistributorList",
method: "get"
});
}
// 根据订单id 获取销售合同 (编辑销售合同回显)
export function getXiaoShouHeTongByOrderSid(data) {
return request({
url: "/buscenter/v1/busorder/getUpdate",
method: "post",
params: data
});
}
// 消贷添加 /riskcenter/v1/loansolution/save
export function getXiaoShouOrderAddXiaoDai(data) {
return request({
url: "/riskcenter/v1/loansolution/save",
method: "post",
data: data,
headers: {
"Content-Type": "application/json"
}
});
}
// 获取省/portal/v1/regions/getProvince
export function getProvince(data) {
return request({
url: "/portal/v1/regions/getProvince",
data,
method: "get",
params: data
});
}
// 根据省sid获取该省的所有市
export function getCity(data) {
return request({
url: "/portal/v1/regions/getCity/?sid=" + data,
params: data,
method: "get"
});
}
// 根据市sid获取该市的所有县区
export function getCounty(data) {
return request({
url: "/portal/v1/regions/getCounty?sid=" + data,
method: "get",
params: data
});
}
// 根据订单id 预览合同
export function getPdfByOrderSid(data) {
return request({
url: "/buscenter/v1/busorder/previewCon",
method: "post",
params: { orderSid: data }
});
}
// 根据订单id 预览合同
export function printConfirm(params) {
return request({
url: '/base/v1/commoncontract/printConfirm',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
}

36
anrui-buscenter/anrui-buscenter-ui/src/router/index.js

@ -270,24 +270,24 @@ export const constantRoutes = [{
title: '销售订单管理'
}
},
{
path: '/xiaoshouguanli/dingdanxinxiAdd',
component: () =>
import('@/views/xiaoshouguanli/dingdanguanli/dingdanxinxi/dingdanxinxiAdd.vue'),
name: 'dingdanxinxiAdd',
meta: {
title: '销售订单添加'
}
},
{
path: '/xiaoshouguanli/dingdanxinxiInfo',
component: () =>
import('@/views/xiaoshouguanli/dingdanguanli/dingdanxinxi/dingdanxinxiInfo.vue'),
name: 'dingdanxinxiInfo',
meta: {
title: '订销售订单详情'
}
},
// {
// path: '/xiaoshouguanli/dingdanxinxiAdd',
// component: () =>
// import('@/views/xiaoshouguanli/dingdanguanli/dingdanxinxi/dingdanxinxiAdd.vue'),
// name: 'dingdanxinxiAdd',
// meta: {
// title: '销售订单添加'
// }
// },
// {
// path: '/xiaoshouguanli/dingdanxinxiInfo',
// component: () =>
// import('@/views/xiaoshouguanli/dingdanguanli/dingdanxinxi/dingdanxinxiInfo.vue'),
// name: 'dingdanxinxiInfo',
// meta: {
// title: '订销售订单详情'
// }
// },
{
path: '/xiaoshouguanli/xiaoshouzhengce',
component: () =>

1411
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdan.vue

File diff suppressed because it is too large

13
anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanInfo.vue

@ -0,0 +1,13 @@
<template>
</template>
<script>
export default {
name: "xiaoshoudingdanInfo"
}
</script>
<style scoped>
</style>

9
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/modellibrary.vue

@ -255,10 +255,6 @@
}
},
created() {
//
this.init()
this.Dictionary()
//
},
methods: {
//
@ -353,6 +349,11 @@
handleFilter() {
this.getList()
},
showChexing(){
this.viewState = 1
this.getList()
this.Dictionary()
},
handReset() {
this.listQuery = {
current: 1,

6
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/vehiclelibraryconfiguration.vue

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div>
<div class="tab-header webtop">
<div>车型库配置列表</div>
<div>
@ -253,7 +253,7 @@ export default {
isSearchShow: false,
dialogVisible: false,
searchxianshitit: '隐藏查询条件',
viewState: 1,
// viewState: 1,
tableKey: 0,
list: [],
datalist: [],
@ -509,7 +509,7 @@ export default {
guildPrice: element.guidedPrice, //
modelConfig: this.row.modelName, //
modelConfigSid: element.sid, //sid
// modelName: element, //
modelName:this.row.vehicleAlias, //
modelSid: this.row.sid, //sid
moreConfig: element.otherConfig, //
}

23
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xiaoshouzhengce.vue

@ -98,17 +98,17 @@
</el-table-column>
<el-table-column label="优惠包名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.discountName }}</span>
<span>{{ scope.row.projectName }}</span>
</template>
</el-table-column>
<el-table-column label="优惠包价值" align="center">
<template slot-scope="scope">
<span>{{ scope.row.amount }}</span>
<span>{{ scope.row.discountMoney }}</span>
</template>
</el-table-column>
<el-table-column label="优惠项目说明" align="center">
<template slot-scope="scope">
<span>{{ scope.row.detail }}</span>
<span>{{ scope.row.discountExplain }}</span>
</template>
</el-table-column>
<el-table-column label="有效期" align="center">
@ -139,7 +139,7 @@
<script>
import {mapGetters} from 'vuex'
import {deleteBySids, listPage, typeValues} from '@/api/jichuxinxi/salepolicy'
import {deleteBySids, selectSalesOrderList, typeValues} from '@/api/jichuxinxi/salepolicy'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
// import xiaoshouzhengceAdd from "./xiaoshouzhengceAdd"
@ -186,6 +186,7 @@ export default {
isEmploy: '', //
salesPolicy: '', //
salesPolicyKey: '', //key
sidList:[],
staffSid: window.sessionStorage.getItem('staffSid')
},
},
@ -208,9 +209,8 @@ export default {
},
created() {
//
this.init()
// this.init()
//
this.getList()
},
methods: {
//
@ -367,7 +367,7 @@ export default {
//
getList() {
this.listLoading = true
listPage(this.listQuery).then((response) => {
selectSalesOrderList(this.listQuery).then((response) => {
this.listLoading = false
if (
response.code === '200' &&
@ -434,8 +434,11 @@ export default {
}
},
//
showZhuche(){
showZhuche(salesPolicySids){
console.log('所选主车',salesPolicySids)
this.listQuery.params.sidList = salesPolicySids
this.getList()
this.getType()
},
//
handleConfirm() {
@ -445,7 +448,7 @@ export default {
},
//
handleReturn() {
this.$emit('handleReturn') //
this.$emit('handleReturn',) //
},
}

9
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehu.vue

@ -172,8 +172,7 @@
},
created() {
//
this.init()
this.getShuJUZiDian()
},
methods: {
init() {
@ -234,6 +233,10 @@
// this.searchxianshitit = ''
// }
// },
showXuanzekehu(){
this.getList()
this.getShuJUZiDian()
},
// ------------------
handleCreate() {
this.dialogVisible = true
@ -247,7 +250,6 @@
},
//
handleReturn() {
this.$emit('handleReturn') //
},
@ -308,6 +310,7 @@
})
},
},
}
</script>

16
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehuAdd.vue

@ -399,9 +399,6 @@
</div>
</div>
<cheliangxuqiu-add ref="addAndUpdate" @handleReturn="visible=true" @created="dataCreated" @updated="dataUpdated"
@doback="dataDengJi" @modify="dataModify"/>
<cheliangxuqiuinfo ref="Info" @handleReturn="visible=true"/>
<!-- 弹框提示 -->
<el-dialog :visible.sync="dialogFormVisible" width="300px" :close-on-click-modal="false">
<div class="result-cont">
@ -435,8 +432,7 @@
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 Upload from '@/components/uploadFile/upload.vue' //
@ -444,7 +440,7 @@
export default {
name: "xuanzekehuAdd",
components: {Pagination, pageye, cheliangxuqiuAdd, cheliangxuqiuinfo, Upload},
components: {Pagination, pageye, Upload},
data() {
var checkSubmit = (rule, value, callback) => {
const Submit =
@ -576,8 +572,8 @@
},
created() {
//
this.init()
this.huoquSheng() //
// this.init()
//
},
methods: {
//
@ -586,6 +582,7 @@
this.getGuaKao()
this.postHuoquyonghu()
this.getZhongJie()
this.huoquSheng()
},
//
indexMethod(index) {
@ -842,7 +839,6 @@
handleReturn() {
this.visible=false
this.activeNames=['1']
// this.$emit('doReturn')
this.$emit('handleReturn')
},
//
@ -1296,6 +1292,7 @@
if (showed && typeof showed === 'function') {
showed()
}
this.init()
},
showEdit(sid, register, showed) {
this.clientSid = sid
@ -1324,6 +1321,7 @@
})
}
this.getChelianglsit()
this.init()
},
//
dataDengJi() {

25
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanguanli.vue

@ -170,12 +170,9 @@ export default {
createDateStart: '', //
customerSid: '', // sid
draweeName: '', //
staffSid: window.sessionStorage.getItem('staffSid'),
userSid: window.sessionStorage.getItem('userSid'),
orgName: '',
staffName: '',
customerName: '',
billType: '',
staffSid: window.sessionStorage.getItem('staffSid'),
sidList:[]
// startTime: '',
// endTime: '',
},
@ -209,9 +206,7 @@ export default {
},
created() {
//
this.init()
//
this.getList()
},
methods: {
//
@ -245,8 +240,9 @@ export default {
handleCreate() {
this.dialogVisible = true
},
showXuni(customerSid, index) {
showXuni(customerSid, index, xuniSids) {
this.listQuery.params.customerSid = customerSid
this.listQuery.params.sidList = xuniSids
this.xuniIndex = index
this.getList()
},
@ -319,18 +315,7 @@ export default {
//
getList() {
this.listLoading = true
depositPageList({
current: this.listQuery.current,
size: this.listQuery.size,
params: {
createDateEnd: this.listQuery.params.createDateEnd, //
createDateStart: this.listQuery.params.createDateStart, //
customerSid: this.listQuery.params.customerSid, // sid
draweeName: this.listQuery.params.draweeName, //
userSid: window.sessionStorage.getItem('userSid'),
staffSid: window.sessionStorage.getItem('staffSid')
},
}).then((response) => {
depositPageList(this.listQuery).then((response) => {
this.listLoading = false
if (
response.code === '200' &&

1
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanxuanze.vue

@ -107,7 +107,6 @@ export default {
},
created() {
//
this.init()
},
methods: {
init() {

3
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/yixiangchexingxuanze.vue

@ -106,8 +106,7 @@ export default {
]),
},
created() {
//
this.init()
},
methods: {
init() {

43
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue

@ -107,7 +107,7 @@
</el-table-column>
<el-table-column label="单台成交价" align="center">
<template slot-scope="scope">
<span>{{ scope.row.single_price }}</span>
<span>{{ scope.row.singleFinalPrice }}</span>
</template>
</el-table-column>
<el-table-column label="数量" align="center">
@ -122,7 +122,7 @@
</el-table-column>
<el-table-column label="订金(元)" align="center">
<template slot-scope="scope">
<span>{{ scope.row.deposit }}</span>
<span>{{ scope.row.depositAll }}</span>
</template>
</el-table-column>
<el-table-column label="是否保险" align="center">
@ -150,6 +150,7 @@
<script>
import {delBySids, dictType, getListOrg, getListPage} from '@/api/salesManagement/orderManagement'
// import {delBySids, dictType, getListOrg, getListPage} from '@/apimock/salesManagement/orderManagement'
import {submitSales, updateSales} from '@/api/portal/workFlow'
import {loginDetails} from '@/api/dictcommons/basemanufacturer'
import {getStorage} from '@/utils/auth'
@ -178,7 +179,6 @@ export default {
viewState: 1, // 1 2 3 4
xiaodaijinrongfanganInfoShow: false,
hetongdanganguanliAddShow: false,
userSid: '',
treedata: [],
payTypeList: [],
saleTypeList: [],
@ -239,6 +239,7 @@ export default {
}
},
init() {
},
// ------------------
resetState() {
@ -261,10 +262,8 @@ export default {
},
//
changeNodeState(row) {
if (row.nodeState == '') {
this.visible = false
this.$refs['divadd'].showEdit(row.sid)
}
},
//
openInfo() {
@ -314,15 +313,6 @@ export default {
var pageindex = index + 1 + pagestart
return pageindex
},
// treedata
getOrgList() {
getListOrg().then((response) => {
if (response.code === '200' && response.data) {
this.treedata = response.data[0].children
this.getpayTypeList()
}
})
},
// purchaseType
getpayTypeList() {
dictType({
@ -330,21 +320,10 @@ export default {
}).then((response) => {
if (response.code === '200' && response.data) {
this.payTypeList = response.data
this.getpaySaleList()
}
})
},
// saleType
getpaySaleList() {
dictType({
type: 'saleType'
}).then((response) => {
if (response.code === '200' && response.data) {
this.saleTypeList = response.data
}
})
},
//
getList() {
this.listLoading = true
@ -357,7 +336,6 @@ export default {
) {
this.list = response.data.records
this.total = response.data.total
this.getHuoquyonghu()
} else {
this.list = []
this.total = 0
@ -386,17 +364,6 @@ export default {
this.nodeState_list = bb
},
//
getHuoquyonghu() {
var token = getStorage()
loginDetails(token).then((response) => {
if (response.code === '200') {
this.userSid = response.data.sid
this.getOrgList()
}
})
},
//
handleSubmit() {
if (this.sids.length == 1) {

675
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue

File diff suppressed because it is too large

712
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue

@ -3,30 +3,25 @@
<div v-show="relState == '2'">
<div class="tab-header webtop">
<div>销售订车单详情</div>
<!-- <div v-else></div> -->
<div>
<!-- <el-button :disabled="this.nodeState == '待提交' ? false : this.nodeState == '' ? false : true" size="small"-->
<!-- type="primary"-->
<!-- @click="handleSubmit()">-->
<!-- 提交-->
<!-- </el-button>-->
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd">
<!-- --------------------------订单----------------- -->
<!-- ----------s----------------订单----------------- -->
<div class="tit">
销售订单
<div class="times">
<div>
<span>销售机构</span>
<span>{{ temp.billNo }}</span>
</div>
<div>
<span>编号</span>
<span>{{ temp.billNo }}</span>
</div>
</div>
</div>
<div class="times02">
<div>
<span>销售部门</span>
<span>{{ temp.orgName}}</span>
<span>{{ temp.orgName }}</span>
</div>
<div>
<span>销售专员</span>
@ -36,6 +31,11 @@
<span>制单日期</span>
<span>{{ temp.createDate }}</span>
</div>
<div>
<span>编号</span>
<span>{{ temp.billNo }}</span>
</div>
</div>
</div>
<!-- ==================== 客户信息 ======================================== -->
<div class="titleleft">客户信息</div>
@ -53,50 +53,42 @@
</el-col>
<el-col :span="9">
<el-form-item prop="mobile">
<span>{{temp.mobile}}</span>
<span>{{ temp.mobile }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>挂靠公司</span>
</el-col>
<el-col :span="21">
<el-form-item prop="affiliatedCompany">
<span>{{temp.affiliatedCompany}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>订单类型</span>
<span>开票类型</span>
</el-col>
<el-col :span="5">
<el-col :span="9">
<el-form-item prop="billingType">
<span>{{temp.type}}</span>
<span>{{ temp.billingType }}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<span>付款方式</span>
</el-col>
<el-col :span="5">
<el-col :span="9">
<el-form-item prop="billingType">
<span>{{temp.payTypeKey}}</span>
<span>{{ temp.payType }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>开票类型</span>
<span>挂靠公司</span>
</el-col>
<el-col :span="5">
<el-form-item prop="billingType">
<span>{{temp.billingTypeKey}}</span>
<el-col :span="9">
<el-form-item prop="affiliatedCompanySid">
<span>{{ temp.affiliatedCompany }}</span>
</el-form-item>
</el-col>
<el-col :span="12"/>
</el-row>
<!-- ==================== 主车信息 ======================================== -->
<!-- ==================== 车型确定 ======================================== -->
<div class="titleleft">
<span>主车信息</span>
<span>车型确定</span>
</div>
<el-row>
<el-col :span="4">
@ -104,7 +96,17 @@
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{temp.busSalesOrderModel.modelName}}</span>
<span>{{ temp.busSalesOrderModel.modelName }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span>车型配置</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ temp.busSalesOrderModel.modelConfig }}</span>
</el-form-item>
</el-col>
</el-row>
@ -114,7 +116,7 @@
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{temp.busSalesOrderModel.config}}</span>
<span>{{ temp.busSalesOrderModel.config }}</span>
</el-form-item>
</el-col>
</el-row>
@ -124,7 +126,7 @@
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{temp.busSalesOrderModel.moreConfig}}</span>
<span>{{ temp.busSalesOrderModel.moreConfig }}</span>
</el-form-item>
</el-col>
</el-row>
@ -140,130 +142,291 @@
</el-row>
<el-row>
<el-col :span="4">
<span>上装</span>
<span>单台指导价</span>
</el-col>
<el-col :span="20">
<el-col :span="8">
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.announcementModel }}</span>
<span>{{ temp.busSalesOrderModel.guildPrice }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span>车架号</span>
<span>单台成交价</span>
</el-col>
<el-col :span="20">
<el-col :span="8">
<el-form-item>
<span>{{temp.busSalesOrderMakeup.linkNo}}</span>
<span>{{ temp.busSalesOrderModel.finalPrice }}</span>
</el-form-item>
</el-col>
</el-row>
<!-- ==================== 车辆信息 ======================================== -->
<div class="titleleft">车辆信息</div>
<div class="chosseBtn">
<el-row>
<el-col :span="4">
<span>采购订单编号</span>
<span>{{ this.temp.vehicleType }}</span>
</el-col>
<el-col :span="20">
<!--放置五个车架号-->
<el-form-item>
<span>{{temp.busSalesOrderMakeup.linkNo}}</span>
<div class="linkNoSty" v-for="(item,index) in temp.busSalesOrderVehicleList">
<span>{{ item.linkNo }}</span>
</div>
</el-form-item>
</el-col>
</el-row>
<!-- ==================== 挂车(暂不考虑) ======================================== -->
<div class="titleleft space_up">挂车信息</div>
<div class="shangzhuangstyle">
<el-row>
<el-col :span="24"></el-col>
</el-row>
</div>
<!-- ==================== 价格信息 ======================================== -->
<div class="titleleft space_up">价格信息</div>
<div>
<el-container>
<el-main>
<!-- ==================== 上装 ======================================== -->
<div class="titleleft">上装</div>
<div class="shangzhuangstyle">
<el-row>
<el-col :span="2">
<span>上装名称</span>
</el-col>
<el-col :span="4">
<span>主车成交价</span>
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.topName }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="billingType">
<span>{{temp.type}}</span>
<el-col :span="2">
<span>委改方式</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.refitMethod }}</span>
</el-form-item>
</el-col>
<el-col :span="2">
<span>委改厂</span>
</el-col>
<el-col :span="4">
<span>主车台数</span>
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.refitFactory }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="billingType">
<span>{{temp.payTypeKey}}</span>
<el-col :span="2">
<span>外廓尺寸</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.overallDimension }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<span>板材材质</span>
</el-col>
<el-col :span="4">
<span>挂车价格</span>
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.plateMaterial }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="billingType">
<span>{{temp.type}}</span>
<el-col :span="2">
<span>板材厚度</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.plateThickness }}</span>
</el-form-item>
</el-col>
<el-col :span="2">
<span>公告型号</span>
</el-col>
<el-col :span="4">
<span>挂车台数</span>
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.announcementModel }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="billingType">
<span>{{temp.payTypeKey}}</span>
<el-col :span="2">
<span>上装价格</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.topPrice }}</span>
</el-form-item>
</el-col>
</el-row>
</el-main>
<el-aside width="240px" class="aside_one">
<span>车架合计</span>
</el-aside>
<el-aside width="240px" class="aside_two">
<span>{{temp.payTypeKey}}</span>
</el-aside>
</el-container>
<el-row>
<el-col :span="3">
<span>计划提车地点</span>
<el-col :span="2">
<span>更多配置</span>
</el-col>
<el-col :span="9">
<el-form-item prop="billingType">
<span>{{temp.busSalesOrderPrice.plannedPickUpLocation}}</span>
<el-col :span="10">
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.moreConfig }}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<span>预计提车日期</span>
<el-col :span="2">
<span>合同上传</span>
</el-col>
<el-col :span="9">
<el-form-item prop="billingType">
<span>{{temp.busSalesOrderPrice.plannedPickUpDate}}</span>
<el-col :span="10">
<el-form-item>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<span>备注说明</span>
</el-col>
<el-col :span="22">
<el-form-item>
<span>{{ temp.busSalesOrderMakeup.remarks }}</span>
</el-form-item>
</el-col>
</el-row>
</div>
<!-- ==================== 优惠说明 ======================================== -->
<div class="titleleft space_up">优惠说明</div>
<!-- ==================== 挂车(暂不考虑) ======================================== -->
<div class="titleleft space_up">
<el-checkbox>挂车</el-checkbox>
</div>
<div class="shangzhuangstyle">
</div>
<!-- ==================== 价格信息 ======================================== -->
<div class="titleleft space_up">价格信息</div>
<div class="jiagestyle">
<el-row>
<el-col :span="24"></el-col>
<el-col :span="2">
<span>单台指导价</span>
</el-col>
<el-col :span="4">
<el-form-item> <!--| NumberMul() -->
<span>{{ temp.busSalesOrderPrice.singleGuildPrice }}</span>
</el-form-item>
</el-col>
<el-col :span="2">
<span>单台成交价</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.busSalesOrderPrice.singleFinalPrice }}</span>
<!-- <el-input v-model="temp.busSalesOrderPrice.singleFinalPrice" class="addinputw" clearable-->
<!-- placeholder="请输入单台成交价"/>-->
</el-form-item>
</el-col>
<el-col :span="2"/>
<el-col :span="4"/>
<el-col :span="2">
<span>台数</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.busSalesOrderPrice.quantity }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<span>车价合计</span>
</el-col>
<el-col :span="10">
<el-form-item>
<span>{{ temp.busSalesOrderPrice.priceSum }}</span>
<!-- <span>{{ temp.busSalesOrderPrice.priceSum }}</span>-->
</el-form-item>
</el-col>
<el-col :span="2">
<span>计划提车地点</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.busSalesOrderPrice.plannedPickUpLocation }}</span>
</el-form-item>
</el-col>
<el-col :span="2">
<span>预计提车日期</span>
</el-col>
<el-col :span="4">
<el-form-item>
<span>{{ temp.busSalesOrderPrice.plannedPickUpDate }}</span>
</el-form-item>
</el-col>
</el-row>
</div>
<!-- ==================== 主车优惠明细 ======================================== -->
<div class="titleleft space_up">主车优惠明细</div>
<template slot="title">
主车优惠明细
<el-button type="primary" size="small" class="btntopblueline zhucheBtn" @click="openZhuche()">选择
</el-button>
</template>
<el-table :key="tableKey" :data="temp.busSalesOrderDiscountList" border fit
highlight-current-row :index="index" style="width: 100%;">
<el-table-column label="序号" type="index" width="80" align="center"/>
<el-table-column label="优惠名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column label="价值" align="center">
<template slot-scope="scope">
<span>{{ scope.row.price }}</span>
</template>
</el-table-column>
<el-table-column label="优惠项目说明" align="center">
<template slot-scope="scope">
<span>{{ scope.row.discountExplain }}</span>
</template>
</el-table-column>
<el-table-column label="数量" align="center">
<template slot-scope="scope">
<span>{{ scope.row.num }}</span>
</template>
</el-table-column>
<el-table-column label="总价值" align="center">
<template slot-scope="scope">
<span>{{ scope.row.totalValue }}</span>
</template>
</el-table-column>
</el-table>
<!-- ==================== 保险说明 ======================================== -->
<div class="titleleft">
<span>保险说明</span>
<span>公司入保</span>
</div>
<el-row>
<el-col :span="24"></el-col>
<el-col :span="4">
<span>保险公司名称</span>
</el-col>
<el-col :span="4" class="baoxianInput">
<el-form-item>
<span>{{ temp.busSalesOrderInsurance.insuranceName }}</span>
</el-form-item>
</el-col>
<el-col :span="4">
<span>单台车保费预估金额</span>
</el-col>
<el-col :span="4" class="baoxianInput">
<el-form-item>
{{ temp.busSalesOrderInsurance.insuranceCarMoney }}
</el-form-item>
</el-col>
<el-col :span="4">
<span>公司入保期数</span>
</el-col>
<el-col :span="4" class="baoxianInput">
<el-form-item>
<span>{{ temp.busSalesOrderInsurance.insuranceNum }}</span>
</el-form-item>
</el-col>
</el-row>
<!-- ==================== 金融方案(暂不考虑) ======================================== -->
<el-row>
<el-col :span="4">
<span>备注</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ temp.busSalesOrderInsurance.remarks }}</span>
</el-form-item>
</el-col>
</el-row>
<!-- ==================== 消贷金融方案(暂不考虑) ======================================== -->
<div class="titleleft">
<span>金融方案</span>
<!-- <div class="jinrongTit">-->
<!-- <span>单车方案编辑</span>-->
<!-- <span> 预览总方案</span>-->
<!-- </div>-->
<span>消贷金融方案</span>
<div class="jinrongTit">
<span>单车方案编辑</span>
<span> 预览总方案</span>
</div>
</div>
<!-- ==================== 订金信息 ======================================== -->
<div class="titleleft space_up">
@ -271,50 +434,78 @@
</div>
<div class="shangzhuangstyle">
<el-row>
<el-col :span="3">
<el-col :span="2">
<span>单台订金</span>
</el-col>
<el-col :span="9">
<el-col :span="4">
<el-form-item>
{{temp.busSalesOrderDeposit.deposit}}
<span>{{ temp.busSalesOrderDeposit.deposit }}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<el-col :span="2">
<span>订金合计</span>
</el-col>
<el-col :span="9">
<el-col :span="4">
<el-form-item>
<span>{{ temp.busSalesOrderDeposit.depositAll }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>定金备注</span>
<el-col :span="2">
<span>订金交纳方式</span>
</el-col>
<el-col :span="21">
<el-col :span="4">
<el-form-item>
<span>{{temp.busSalesOrderDeposit.remarks}}</span>
<span>{{ temp.busSalesOrderDeposit.depositType }}</span>
</el-form-item>
</el-col>
<el-col :span="2">
<span v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">需补交订金</span>
</el-col>
<el-col :span="4">
<el-form-item v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">
<span>{{ temp.busSalesOrderDeposit.makeUpDeposit }}</span>
</el-form-item>
</el-col>
</el-row>
</div>
<!-- ==================== 虚拟订单列表 ======================================== -->
<div v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">
<div class="titleleft">
<span>虚拟订单列表</span>
</div>
<el-table :key="tableKey2" :data="temp.busDepositFictitiousList" border fit
highlight-current-row style="width: 100%;">
<el-table-column label="序号" type="index" width="80" align="center"/>
<el-table-column label="虚拟订单编号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.depositBillNo }}</span>
</template>
</el-table-column>
<el-table-column label="订金剩余金额" align="center">
<template slot-scope="scope">
<span>{{ scope.row.depositPrice }}</span>
</template>
</el-table-column>
<el-table-column label="本次结转金额" align="center">
<template slot-scope="scope">
<span>{{ scope.row.price }}</span>
</template>
</el-table-column>
<el-table-column label="款项支付委托书" align="center">
<template slot-scope="scope">
<span>上传</span>
</template>
</el-table-column>
</el-table>
</div>
<!-- ==================== 补充说明 ======================================== -->
<div class="titleleft">
<span>补充说明</span>
</div>
<el-row>
<el-input v-model="temp.remarks" type="textarea" placeholder="补充说明" class="addinputw"/>
<el-row class="notes">
<span>{{ temp.notes }}</span>
</el-row>
<!-- ==================== 尾部署名 ======================================== -->
<div class="footer_con">
<div class="footer_tit"><span>销售专员{{temp.staffName}}</span></div>
<div class="footer_tit"><span>客户签名{{temp.customerName}}</span></div>
</div>
<div class="footer_time">
<div class="footer_tit"><span>{{temp.createDate}}</span></div>
<div class="footer_tit"><span>{{temp.createDate}}</span></div>
</div>
</el-form>
</div>
</div>
@ -322,16 +513,21 @@
</template>
<script>
import {mapGetters} from 'vuex'
import {fetchDetailsBySid} from '@/api/salesManagement/orderManagement'
export default {
import {fetchDetailsBySid, selectCount, selectOrderCount} from '@/api/salesManagement/orderManagement'
export default {
name: "xiaoshoudingdanInfo",
data() {
return {
index: 1,
state: '',
relState: '', // 1 2 3 1.1 1.2 2.1 2.2 2.3
// 4.1 5.1
nodeState: '', //
tableKey: 0,
tableKey2: 1,
tableKey3: 2,
tableKey4: 3,
temp: {
billNo: '', //
affiliatedCompany: '', //
@ -430,7 +626,78 @@
sid: sid,
}).then((response) => {
if (response.success) {
this.temp = response.data
const temp_copy = response.data
if (temp_copy.busSalesOrderInsurance == null) {
temp_copy.busSalesOrderInsurance = {
insuranceCarMoney: '',
insuranceName: '',
insuranceNum: '',
}
}
if (temp_copy.busSalesOrderMakeup == null) {
temp_copy.busSalesOrderMakeup = {
announcementModel: '', //
contractPath: '', //
moreConfig: '', //
overallDimension: '', //
plateMaterial: '', //
plateThickness: '', //
refitFactory: '', //
refitMethod: '', //
topName: '', //
topPrice: '', //
remarks: '',//
}
}
this.temp = temp_copy
this.temp.sid = sid
if (this.temp.type == '1'){
this.temp.vehicleType = '现车'
} else if (this.temp.type == '2'){
this.temp.vehicleType = '采购订单'
}else if (this.temp.type == '3'){
this.temp.vehicleType = '排产'
}
//
// if (this.temp.isTop == '1') {
// this.checked = true
// } else if (this.temp.isTop == '0') {
// this.checked = false
// }
//
// this.isXuanzeShow = this.temp.type
// if (this.temp.isInsurance == '1') {
// this.checkedBaoxian = true
// } else if (this.temp.isInsurance == '0') {
// this.checkedBaoxian = false
// }
//
// if (this.temp.busSalesOrderDiscountList.length > 0) {
// this.activeNames.push('2')
// }
//
// if (this.isXuanzeShow == '3') {
// this.quantity = this.temp.busSalesOrderPrice.quantity
// }
const countList = {
customerSid: this.temp.customerSid, //sid
modelConfigSid: this.temp.busSalesOrderModel.modelConfigSid, //sid
modelSid: this.temp.busSalesOrderModel.modelSid, //sid
staffSid: this.temp.staffSid, //sid
type: this.temp.type //
}
//
selectCount(countList).then((response) => {
if (response.success) {
this.xiancheCount = response.data
}
})
//
selectOrderCount(countList).then((response) => {
if (response.success) {
this.caigouCount = response.data
}
})
}
})
},
@ -443,29 +710,29 @@
</script>
<style scoped>
.formadd {
.formadd {
width: 95%;
margin: 0 auto;
}
}
.shangzhuangstyle /deep/ .el-col-4 {
.shangzhuangstyle /deep/ .el-col-4 {
text-align: left
}
}
.jiagestyle /deep/ .el-col-4 {
.jiagestyle /deep/ .el-col-4 {
text-align: left
}
}
.chosseBtn /deep/ .el-col-4 {
.chosseBtn /deep/ .el-col-4 {
text-align: left
}
}
.tit {
.tit {
margin: 0 0 10px 0;
padding: 10px 0 0 0;
}
}
.times {
.times {
display: flex;
flex-direction: row;
justify-content: space-between;
@ -474,64 +741,89 @@
width: 75%;
font-size: 14px;
text-align: center;
}
}
.times02 {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 0 24px 0;
margin: 0 auto 0 auto;
width: 75%;
font-size: 14px;
text-align: center;
}
/*.times02 {*/
/* display: flex;*/
/* flex-direction: row;*/
/* justify-content: space-between;*/
/* padding: 0 0 24px 0;*/
/* margin: 0 auto 0 auto;*/
/* width: 75%;*/
/* font-size: 14px;*/
/* text-align: center;*/
/*}*/
/*.customer_sel {*/
/* width: 65% !important;*/
/*}*/
/deep/ .el-col-3, .el-col-4, .el-col-2 {
/deep/ .el-col-3,
.el-col-4,
.el-col-2 {
text-align: right;
float: left;
font-size: 14px;
color: #606266;
line-height: 40px !important;
font-weight: 600;
}
}
/deep/ .el-button--small {
/*/deep/ .el-form-item__content {*/
/* margin-left: 0 !important;*/
/*}*/
.chooseForm {
margin-left: 15px;
display: inline-block;
}
/deep/ .el-button--small {
border-radius: 4px;
}
}
.space_up {
.space_up {
margin-top: 1px;
}
}
.qitas .left {
.qitas .left {
text-align: left;
}
}
.qitas .right {
.qitas .right {
text-align: right;
}
}
.addinputw {
.addinputw {
display: inline-block !important;
}
}
.checkedBaoxian {
margin-left: 15px;
}
.baoxianInput {
text-align: left;
}
.jinrongTit {
float: right;
}
.jinrongTit span {
.jinrongTit span {
margin-left: 10px;
}
}
/deep/ .is-checked /deep/ .el-checkbox__label {
/deep/ .is-checked /deep/ .el-checkbox__label {
color: white;
}
}
/deep/ .el-checkbox__label {
/deep/ .el-checkbox__label {
color: white;
font-weight: bold;
font-size: 20px;
}
}
/deep/ .el-collapse-item__header {
/deep/ .el-collapse-item__header {
height: 40px;
padding: 10px;
font-weight: bold;
@ -539,65 +831,41 @@
text-align: left;
color: #ffffff;
background-color: #0294d7;
}
}
/deep/ .el-collapse-item__content {
/deep/ .el-collapse-item__content {
padding-bottom: 0;
}
}
/deep/ .el-main {
padding: 0;
}
.aside_one {
border-right: 1px solid #e0e3eb;
border-bottom: 1px solid #e0e3eb;
font-size: 14px;
color: #606266;
font-weight: 600;
text-align: right;
line-height: 100px;
padding-right: 10px;
}
.zhucheBtn {
margin-left: 10px;
}
.aside_two {
border-right: 1px solid #e0e3eb;
border-bottom: 1px solid #e0e3eb;
font-size: 14px;
color: #606266;
font-weight: 600;
text-align: left;
line-height: 100px;
padding-left: 10px;
}
.xiancheBtn {
float: right;
}
.footer_con {
padding: 40px 25px 0 45px;
}
.xiancheForm {
text-align: center;
}
.footer_time {
padding: 25px 25px 0 95px;
}
.dialogBtn {
text-align: left;
}
.footer_con .footer_tit {
.linkNoSty {
display: inline-block;
width: 20%;
font-size: 14px;
color: #606266;
font-weight: 600;
}
padding-right: 20px;
}
.footer_time .footer_tit {
display: inline-block;
width: 20%;
font-size: 14px;
color: #606266;
font-weight: 600;
}
/deep/ .el-checkbox__input /deep/ .is-checked {
color: #ffffff !important;
}
.footer_tit:last-child {
float: right;
margin: 0;
right: 120px;
}
/deep/ .el-checkbox__label {
color: #ffffff !important;
}
.notes{
font-size: 14px;
}
</style>

137
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanSubmit.vue

@ -4,11 +4,17 @@
<div class="tab-header webtop">
<div>订单提交时补充内容</div>
<div>
<el-button :disabled="this.nodeState == '待提交' ? false : this.nodeState == '' ? false : true"
size="small"
type="primary"
@click="handleSubmit()">
提交
</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules">
<el-form :model="temp" label-position="right" class="formadd" :rules="rules">
<!-- --------------------------订单----------------- -->
<div class="tit">
订单提交时补充内容
@ -95,7 +101,7 @@
<span>价格说明</span>
</el-col>
<el-col :span="22">
<el-input v-model="temp.busSalesOrderPrice.plannedPickUpLocation" placeholder="请输入价格说明"
<el-input v-model="busSalesOrderSubmit.priceRemarks" placeholder="请输入价格说明"
class="addinputw" clearable/>
</el-col>
</el-row>
@ -136,7 +142,7 @@
<span>备注说明</span>
</el-col>
<el-col :span="22">
<el-input v-model="temp.remarks" placeholder="请输入备注说明"
<el-input v-model="busSalesOrderSubmit.discountRemarks" placeholder="请输入备注说明"
class="addinputw" clearable/>
</el-col>
</el-row>
@ -149,8 +155,12 @@
</el-col>
<el-col :span="5">
<el-form-item prop="billingType">
<el-input v-model="temp.remarks" placeholder="请输入中介名称"
class="addinputw" clearable/>
<el-select v-model="busSalesOrderSubmit.distributorName" placeholder="请选择中介名称"
@change="zhongjieChange">
<el-option v-for="item in zhongjie_list" :key="item.distributorSid"
:label="item.distributorName"
:value="item.distributorSid"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
@ -158,7 +168,7 @@
</el-col>
<el-col :span="5">
<el-form-item prop="billingType">
<el-input v-model="temp.remarks" placeholder="请输入联系电话"
<el-input v-model="busSalesOrderSubmit.distributorMobile" placeholder="请输入联系电话"
class="addinputw" clearable/>
</el-form-item>
</el-col>
@ -167,7 +177,7 @@
</el-col>
<el-col :span="5">
<el-form-item prop="billingType">
<span>{{ temp.billingTypeKey }}</span>
<!-- <span>{{ temp.busSalesOrderMakeup.contractPath }}</span>-->
</el-form-item>
</el-col>
</el-row>
@ -177,7 +187,7 @@
</el-col>
<el-col :span="5">
<el-form-item prop="billingType">
<el-input v-model="temp.remarks" placeholder="请输入价格说明"
<el-input v-model="busSalesOrderSubmit.distributorPrice" placeholder="请输入价格说明"
class="addinputw" clearable/>
</el-form-item>
</el-col>
@ -186,7 +196,7 @@
</el-col>
<el-col :span="5">
<el-form-item prop="billingType">
<span>{{ temp.payTypeKey }}</span>
<span>{{ temp.busSalesOrderPrice.quantity }}</span>
</el-form-item>
</el-col>
<el-col :span="3">
@ -194,7 +204,7 @@
</el-col>
<el-col :span="5">
<el-form-item prop="billingType">
<el-input v-model="temp.remarks" placeholder="请输入返利合计"
<el-input v-model="busSalesOrderSubmit.distributorPriceAll" placeholder="请输入返利合计"
class="addinputw" clearable/>
</el-form-item>
</el-col>
@ -205,7 +215,7 @@
</el-col>
<el-col :span="19">
<el-form-item prop="billingType">
<el-input v-model="temp.remarks" placeholder="请输入返利备注"
<el-input v-model="busSalesOrderSubmit.remarks" placeholder="请输入返利备注"
class="addinputw" clearable/>
</el-form-item>
</el-col>
@ -213,9 +223,12 @@
<span>内部引荐人</span>
</el-col>
<el-col :span="19">
<el-form-item prop="billingType">
<el-input v-model="temp.remarks" placeholder="请选择内部引荐人"
class="addinputw" clearable/>
<el-form-item prop="billingType"> <!---->
<el-select v-model="busSalesOrderSubmit.userSid" placeholder="请选择内部引荐人"
@change="yinjianChange">
<el-option v-for="item in yinjian_list" :key="item.staffSid" :label="item.staffName"
:value="item.staffSid"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
@ -227,6 +240,8 @@
</template>
<script>
import {getBaseDistributorList, selectStaffList, submitOrderForm} from '@/api/salesManagement/orderManagement'
export default {
name: "xiaoshoudingdanSubmit",
data() {
@ -263,12 +278,8 @@ export default {
listLoading: false,
nodeState: '', //
orderSid: '', // sid
//
customerTypeList: {
visitWay: '', //
visitWayKey: '',
customerType: ''//
},
zhongjie_list: [], //
yinjian_list: [], //
temp: {
affiliatedCompany: '', //
affiliatedCompanySid: '', //sid
@ -356,6 +367,18 @@ export default {
staffSid: window.sessionStorage.getItem('staffSid'), //sid
type: '', // 123
}, //
//
busSalesOrderSubmit: {
priceRemarks: '', //
discountRemarks: '', //
distributorName: '', //
distributorMobile: '', //
distributorSid: '', // sid
distributorPrice: '', //
distributorPriceAll: '', //
name: '', //
userSid: '', // sid
},
isXuanzeShow: '',
//
xianchetotal: 1,
@ -393,12 +416,84 @@ export default {
}
},
methods: {
showSubmit() {
getType() {
//
getBaseDistributorList({
staffSid: window.sessionStorage.getItem('staffSid'),
}).then((response) => {
if (response.code === '200' && response.data) {
this.zhongjie_list = response.data
console.log('中介公司', this.zhongjie_list)
}
})
//
selectStaffList({
staffSid: window.sessionStorage.getItem('staffSid'),
}).then((response) => {
if (response.code === '200' && response.data) {
this.yinjian_list = response.data
console.log('引荐人', this.yinjian_list)
}
})
},
//
zhongjieChange(val) {
const choosetItem = this.zhongjie_list.filter(
(item) => item.distributorSid == val
)
this.temp.busSalesOrderSubmit.distributorName = choosetItem[0].distributorName
this.temp.busSalesOrderSubmit.distributorMobile = choosetItem[0].businessMobile
},
//
yinjianChange(val) {
const choosetItem = this.yinjian_list.filter(
(item) => item.staffSid == val
)
this.temp.busSalesOrderSubmit.name = choosetItem[0].staffName
},
showSubmit(temp, nodeState) {
this.temp = temp
// this.temp.busSalesOrderSubmit = {
// priceRemarks: '', //
// discountRemarks: '', //
// distributorName: '', //
// distributorMobile: '', //
// distributorSid: '', // sid
// distributorPrice: '', //
// distributorPriceAll: '', //
// name: '', //
// userSid: '', // sid
// }
this.nodeState = nodeState
this.relState = '3'
this.getType()
},
//
handleSubmit() {
this.$confirm('是否确定提交该业务', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.temp.busSalesOrderSubmit = this.busSalesOrderSubmit
submitOrderForm(this.temp).then((response) => {
this.FormLoading = false
if (response.code === '200' && response.success) {
this.$emit('returnHome','ture')
} else {
this.$message({
showClose: true,
message: '操作失败!',
type: 'error'
});
}
})
})
},
handleReturn() {
this.$emit('handleReturn')
}
}
}
</script>

Loading…
Cancel
Save