From 363b03a2b9e3bf9edee2dd67d7cc662982be10e3 Mon Sep 17 00:00:00 2001
From: Zhao Qiqi <1287235164@qq.com>
Date: Thu, 12 May 2022 10:31:14 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BE=9B=E5=BA=94=E9=93=BE=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E2=80=94=E2=80=94=E9=87=87=E8=B4=AD=E9=80=80=E5=BA=93?=
 =?UTF-8?q?=E3=80=81=E4=B8=9A=E5=8A=A1=E7=AE=A1=E7=90=86=E2=80=94=E2=80=94?=
 =?UTF-8?q?=E5=87=BA=E5=BA=93=E7=94=B3=E8=AF=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/chukuguanli/chukubanli.js         | 15 +++++++-
 .../chukubanli/chukushenqingAdd.vue           |  6 ++-
 .../chukubanli/chukushenqingInfo.vue          | 37 +++++--------------
 .../chukubanli/daichukucheliang.vue           |  4 +-
 .../chukubanli/relation/userInfoLook.vue      |  3 +-
 .../supplychain/caigoutuiku/caigoutuiku.vue   |  8 ----
 .../workFlow/caigoutuikuFlow/caigoutuiku.vue  |  6 +--
 .../caigoutuikuFlow/caigoutuikuEdit.vue       |  2 +-
 8 files changed, 34 insertions(+), 47 deletions(-)

diff --git a/anrui-buscenter/anrui-buscenter-ui/src/api/chukuguanli/chukubanli.js b/anrui-buscenter/anrui-buscenter-ui/src/api/chukuguanli/chukubanli.js
index b4e5c35d1c..4059b8805d 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/api/chukuguanli/chukubanli.js
+++ b/anrui-buscenter/anrui-buscenter-ui/src/api/chukuguanli/chukubanli.js
@@ -1,5 +1,4 @@
 import request from '@/utils/request'
-import qs from 'qs'
 
 // 待出库分页列表 已改
 export function listPage(params) {
@@ -13,7 +12,19 @@ export function listPage(params) {
   });
 }
 
-// 出库申请初始化/详情 已改
+// 验证是否可出库
+export function checkingApply(params) {
+  return request({
+    url: '/buscenter/v1/busdeliveredapply/checkingApply',
+    method: 'post',
+    data: params,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 出库申请详情、编辑回显 已改
 export function fetchDetailsBySid(params) {
   return request({
     url: '/buscenter/v1/busdeliveredapply/fetchDetailsBySid',
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingAdd.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingAdd.vue
index 40768212fe..e239b02ecc 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingAdd.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingAdd.vue
@@ -243,7 +243,8 @@
             useMessage = this.detailsList[i].useMessage
             this.isShow = false
             this.isShowLook = true
-            this.$refs['divUserInfo'].showInfo(useMessage, vinNo)
+            const createBtn = false
+            this.$refs['divUserInfo'].showInfo(useMessage, vinNo,createBtn)
           }
         }
       },
@@ -328,7 +329,8 @@
             this.temp.sid = sid
             this.detailsList = response.data.listVo
             for (var i = 0; i < this.detailsList.length; i++) {
-              if (JSON.stringify(this.detailsList[i].useMessage) !== '{}') {
+              //JSON.stringify()
+              if (this.detailsList[i].useMessage.vinNo !== '') {
                 this.detailsList[i].isExist = '1'
               }
             }
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingInfo.vue
index 478a30b1b0..0d0b6ca3cc 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingInfo.vue
@@ -46,8 +46,8 @@
             </el-col>
             <el-col :span="6">
               <el-form-item>
-                <el-radio v-model="temp.isTerminal" :label="0">否</el-radio>
-                <el-radio v-model="temp.isTerminal" :label="1">是</el-radio>
+                <el-radio v-model="temp.isTerminal" disabled :label="0">否</el-radio>
+                <el-radio v-model="temp.isTerminal" disabled :label="1">是</el-radio>
               </el-form-item>
             </el-col>
             <el-col :span="2"/>
@@ -99,7 +99,7 @@
               <template slot-scope="scope">
                 <!-- && scope.row.exist == '1'    scope.row.nodeState == '' ? false:scope.row.nodeState == '发起订单'?false : true -->
                 <el-button
-                  v-show="temp.isTerminal === 0"
+                  v-show="temp.isTerminal === 0 && scope.row.isExist == '1'"
                   size="medium"
                   type="primary"
                   @click="lookUserInfo(scope.row.vinNo)"
@@ -166,14 +166,7 @@
           applyDate: "", //申请日期
           detailsList: [],
         }, // 添加和修改
-        detailsList: [
-          {
-            price: "", //成交价
-            remarks: "", // 备注
-            vinNo: "", //  车架号
-            useMessage: {},
-          },
-        ],
+        detailsList: [],
         sids: [],
         vinNo_info: "",
         submitDto: {
@@ -195,24 +188,9 @@
     },
     created() {
       // 初始化变量
-      this.init();
     },
     methods: {
       // ------------ 页面初始化 ------------
-      init() {
-        this.temp = {
-          applyName: window.sessionStorage.getItem("name"), // 申请人
-          applySid: window.sessionStorage.getItem("staffSid"), // 申请人sid 即staffSid
-          contractNo: "", // 合同编号
-          isTerminal: 3, // 是否是终端 1是，0不是
-          modelName: "", // 车型别名
-          name: "", // 客户名称
-          sid: "",
-          applyDate: "", //申请日期
-          detailsList: [],
-          isUse: false,
-        };
-      },
       resetState() {
         this.isShow = true;
         this.isShowLook = false;
@@ -230,8 +208,10 @@
             this.temp = response.data;
             this.temp.sid = sid;
             this.detailsList = response.data.listVo;
+            console.log('详情回显车辆信息', this.detailsList)
             for (var i = 0; i < this.detailsList.length; i++) {
-              if (JSON.stringify(this.detailsList[i].useMessage) !== "{}") {
+              //JSON.stringify()
+              if (this.detailsList[i].useMessage.vinNo !== "") {
                 this.detailsList[i].isExist = "1";
               }
             }
@@ -251,7 +231,8 @@
             useMessage = this.detailsList[i].useMessage;
             this.isShow = false;
             this.isShowLook = true;
-            this.$refs["divUserInfo"].showInfo(useMessage, vinNo);
+            const createBtn = true
+            this.$refs["divUserInfo"].showInfo(useMessage, vinNo,createBtn);
           }
         }
       },
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/daichukucheliang.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/daichukucheliang.vue
index 28fa1f6ac5..a213542641 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/daichukucheliang.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/daichukucheliang.vue
@@ -97,7 +97,7 @@
   import {mapGetters} from 'vuex'
   import {
     listPage,
-    fetchDetailsBySid,
+    checkingApply,
     typeValues,
     customerName,
     checkNum
@@ -327,7 +327,7 @@
         }
         if (this.sids.length > 0) {
           this.FormLoading = true
-          fetchDetailsBySid(this.initObj).then(response => {
+          checkingApply(this.initObj).then(response => {
             if (response.success) {
               this.viewState = 2
               this.temp = response.data
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/relation/userInfoLook.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/relation/userInfoLook.vue
index 1012cd8f2e..85e2a539d1 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/relation/userInfoLook.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/relation/userInfoLook.vue
@@ -122,12 +122,13 @@
       init() {
 
       },
-      showInfo(useMessage, vinNo) {
+      showInfo(useMessage, vinNo,createBtn) {
         this.$nextTick(() => {
           this.$refs['dataForm'].clearValidate()
         });
         console.log('详情拿到的信息', useMessage)
         this.tempUserLook = useMessage
+        this.createBtn = createBtn
       },
 
       // ------------ 功能实现 ------------
diff --git a/anrui-scm/anrui-scm-ui/src/views/supplychain/caigoutuiku/caigoutuiku.vue b/anrui-scm/anrui-scm-ui/src/views/supplychain/caigoutuiku/caigoutuiku.vue
index 8c36949c95..e3fb1202be 100644
--- a/anrui-scm/anrui-scm-ui/src/views/supplychain/caigoutuiku/caigoutuiku.vue
+++ b/anrui-scm/anrui-scm-ui/src/views/supplychain/caigoutuiku/caigoutuiku.vue
@@ -236,14 +236,6 @@
         this.$refs['divadd'].showAdd()
       },
       toEdit() {
-        if (this.sids.length === 0) {
-          this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行编辑' })
-          return
-        }
-        if (this.sids.length > 1) {
-          this.$message({ showClose: true, type: 'error', message: '只能选择一条记录进行编辑' })
-          return
-        }
         this.viewState = 3
         const sid = this.sids[0]
         const row = this.row
diff --git a/anrui-scm/anrui-scm-ui/src/views/workFlow/caigoutuikuFlow/caigoutuiku.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/caigoutuikuFlow/caigoutuiku.vue
index aa7fc89ddd..450c2ca32a 100644
--- a/anrui-scm/anrui-scm-ui/src/views/workFlow/caigoutuikuFlow/caigoutuiku.vue
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/caigoutuikuFlow/caigoutuiku.vue
@@ -218,7 +218,7 @@
               type: 'success',
               duration: 2000
             })
-            this.refreshIt()
+            // this.refreshIt()
           } else {
             this.$notify({
               title: '提示',
@@ -257,7 +257,7 @@
               type: 'success',
               duration: 2000
             })
-            this.refreshIt()
+            // this.refreshIt()
           } else {
             this.$notify({
               title: '提示',
@@ -296,7 +296,7 @@
               type: 'success',
               duration: 2000
             })
-            this.refreshIt()
+            // this.refreshIt()
           } else {
             this.$notify({
               title: '提示',
diff --git a/anrui-scm/anrui-scm-ui/src/views/workFlow/caigoutuikuFlow/caigoutuikuEdit.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/caigoutuikuFlow/caigoutuikuEdit.vue
index 133de83489..fd0fa625d7 100644
--- a/anrui-scm/anrui-scm-ui/src/views/workFlow/caigoutuikuFlow/caigoutuikuEdit.vue
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/caigoutuikuFlow/caigoutuikuEdit.vue
@@ -259,7 +259,7 @@
               type: 'success',
               duration: 2000
             })
-            this.refreshIt()
+            // this.refreshIt()
           } else {
             this.$notify({
               title: '提示',

From b0494a0ada79382794489ba444cc62719288fd3a Mon Sep 17 00:00:00 2001
From: Zhao Qiqi <1287235164@qq.com>
Date: Sat, 14 May 2022 14:33:11 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E9=94=80=E5=94=AE=E8=AE=A2=E5=8D=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=8F=8A=E5=85=B6=E5=85=B3=E8=81=94=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E3=80=81api?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/salesManagement/orderManagement.js    |  100 +-
 .../xiaoshoudingdan/relation/modellibrary.vue |  421 ++++
 .../relation/vehiclelibraryconfiguration.vue  |  565 +++++
 .../relation/xiaoshouzhengce.vue              |  477 ++++
 .../xiaoshoudingdan/relation/xuanzekehu.vue   |    7 +-
 .../relation/xuanzekehuAdd.vue                |   26 +-
 .../relation/xunidingdanguanli.vue            |  449 ++++
 .../relation/xunidingdanxuanze.vue            |  204 ++
 .../relation/yixiangchexingxuanze.vue         |  208 ++
 .../xiaoshoudingdan/xiaoshoudingdan.vue       |  848 +++----
 .../xiaoshoudingdan/xiaoshoudingdanAdd.vue    | 2119 ++++++++++++-----
 .../xiaoshoudingdan/xiaoshoudingdanInfo.vue   |  585 ++++-
 .../xiaoshoudingdan/xiaoshoudingdanSubmit.vue |  549 +++++
 13 files changed, 5461 insertions(+), 1097 deletions(-)
 create mode 100644 anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/modellibrary.vue
 create mode 100644 anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/vehiclelibraryconfiguration.vue
 create mode 100644 anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xiaoshouzhengce.vue
 create mode 100644 anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanguanli.vue
 create mode 100644 anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanxuanze.vue
 create mode 100644 anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/yixiangchexingxuanze.vue
 create mode 100644 anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanSubmit.vue

diff --git a/anrui-buscenter/anrui-buscenter-ui/src/api/salesManagement/orderManagement.js b/anrui-buscenter/anrui-buscenter-ui/src/api/salesManagement/orderManagement.js
index 97e980ef9f..e97072fced 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/api/salesManagement/orderManagement.js
+++ b/anrui-buscenter/anrui-buscenter-ui/src/api/salesManagement/orderManagement.js
@@ -1,8 +1,9 @@
 import request from "@/utils/request";
 // ----------------------------------- 订单管理
-export function getPageList(data) {
+// 销售订单管理列表 已改
+export function getListPage(data) {
   return request({
-    url: "/buscenter/v1/busorder/busOrderPagerList",
+    url: "/buscenter/v1/bussalesorder/listPage",
     method: "post",
     data: data,
     headers: {
@@ -10,10 +11,23 @@ export function getPageList(data) {
     }
   });
 }
-// 添加
+
+// 销售订单批量删除销售订单 已改
+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/busorder/saveAll",
+    url: "/buscenter/v1/bussalesorder/saveOrUpdate",
     method: "post",
     data: data,
     headers: {
@@ -21,10 +35,11 @@ export function saveOrderForm(data) {
     }
   });
 }
-// 修改
-export function updateOrderForm(data) {
+
+// 编辑、详情初始化 已改
+export function fetchDetailsBySid(data) {
   return request({
-    url: "/buscenter/v1/busorder/updateAll/" + data.busOrderDto.sid,
+    url: "/buscenter/v1/bussalesorder/fetchDetailsBySid/" + data.sid,
     method: "post",
     data: data,
     headers: {
@@ -32,16 +47,76 @@ export function updateOrderForm(data) {
     }
   });
 }
-// 根据编号查看详情
-export function getOneDetailsByBillNo(data) {
+
+// 外联表接口
+// 获取意向车型列表 已改
+export function getYixiangList(data) {
   return request({
-    url: "/buscenter/v1/busorder/getAllByBillNo",
+    url: "/crm/v1/crmvehicledemand/selectPagePc",
     method: "post",
-    params: { billNo: data }
+    data: data,
+    headers: {
+      "Content-Type": "application/json"
+    }
   });
 }
-// 根据订单id 获取详情 /buscenter/v1/busorder/fetchSid/{sid}
 
+// 获取虚拟订单列表 已改
+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 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({
@@ -49,6 +124,7 @@ export function getListOrg(data) {
     method: "get"
   });
 }
+
 // 支付方式下拉
 export function getPaymentType(data) {
   return request({
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/modellibrary.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/modellibrary.vue
new file mode 100644
index 0000000000..be60ce989b
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/modellibrary.vue
@@ -0,0 +1,421 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>车型库</div>
+        <div>
+          <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-select v-model="listQuery.params.carBrand" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in carBrand_list" :key="item.sid" :label="item.brandName"
+                               :value="item.brandName"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="功能:" class="searchlist">
+                  <el-select v-model="listQuery.params.vehicleType" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="系列:" class="searchlist">
+                  <el-select v-model="listQuery.params.productLine" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in productLine_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="驱动:" class="searchlist">
+                  <el-select v-model="listQuery.params.driveForm" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in driveForm_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="马力:" class="searchlist">
+                  <el-select v-model="listQuery.params.power" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in power_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="版本:" class="searchlist">
+                  <el-select v-model="listQuery.params.vehicleVersion" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in vehicleVersion_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+              </el-row>
+              <el-row>
+                <el-form-item label="燃料:" class="searchlist">
+                  <el-select v-model="listQuery.params.fuelType" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in fuelType_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="车型编码:" class="searchlist">
+                  <el-input v-model="listQuery.params.applyName" placeholder="" clearable style="width: 150px"/>
+                </el-form-item>
+                <el-form-item label="变速箱:" class="searchlist">
+                  <el-select v-model="listQuery.params.gearboxType" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in gearboxType_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="排放标准:" class="searchlist">
+                  <el-select v-model="listQuery.params.emissionStandard" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in emissionStandard_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="发动机型号:" class="searchlist">
+                  <el-select v-model="listQuery.params.engineType" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in engineType_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="细分市场:" class="searchlist">
+                  <el-select v-model="listQuery.params.marketSegments" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in marketSegments_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+              </el-row>
+              <el-row>
+                <el-form-item label="规格型号:" class="searchlist">
+                  <el-input v-model="listQuery.params.specifications" placeholder="" clearable style="width: 150px"/>
+                </el-form-item>
+                <el-form-item label="快捷检索:" class="searchlist">
+                  <el-input v-model="listQuery.params.modelName" 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 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%">
+            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="车型" align="center">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="handlink(scope.row)">{{ scope.row.vehicleAlias }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="版本" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vehicleVersionValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="燃料" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.fuelTypeValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="变速箱" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.gearboxTypeValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售指导价（万元）" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.guidedPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="现车" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nowCarNum }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="排产" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.productionCarNum }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="handlook(scope.row)">查看</el-button>
+              </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>
+    <el-dialog :visible.sync="dialogVisible" width="50%">
+      <el-table :key="tableKey" :data="datalist" border style="width: 100%">
+        <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.company }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="现车" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.nowCarNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="排产车" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.productionCarNum }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <!-- 车型配置分页列表 -->
+    <configuration v-show="viewState == 2" ref="divConfiguration" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+  import {
+    brandDown,
+    dataDictionary,
+    modelPageList,
+    notTheCompanyModelPageList
+  } from '@/api/chexingchaxun/modelinquire'
+  import Pagination from '@/components/pagination'
+  import pageye from '@/components/pagination/pageye'
+  import configuration from './vehiclelibraryconfiguration.vue'
+
+  export default {
+    name: 'chexingchaxun',
+    components: {
+      Pagination,
+      pageye,
+      configuration
+    },
+    data() {
+      return {
+        isSearchShow: false,
+        dialogVisible: false,
+        searchxianshitit: '隐藏查询条件',
+        viewState: 1,
+        tableKey: 0,
+        list: [],
+        datalist: [],
+        carBrand_list: [],
+        vehicleType_list: [],
+        productLine_list: [],
+        driveForm_list: [],
+        power_list: [],
+        vehicleVersion_list: [],
+        fuelType_list: [],
+        gearboxType_list: [],
+        emissionStandard_list: [],
+        engineType_list: [],
+        marketSegments_list: [],
+        listLoading: false,
+        dialogQuery: {
+          current: 1,
+          size: 10,
+          params: {
+            modelSid: '',
+            modelConfigSid: '',
+            userSid: window.sessionStorage.getItem('userSid') // 用户
+          }
+        },
+        listQuery: {
+          current: 1,
+          size: 10,
+          params: {
+            carBrand: '', // 品牌
+            driveForm: '', // 驱动
+            fuelType: '', // 燃料
+            gearboxType: '', // 变速箱
+            modelName: '', // 车型
+            power: '', // 马力
+            productLine: '', // 系列
+            useOrg: '', // 分公司
+            userSid: window.sessionStorage.getItem('userSid'), // 用户
+            vehicleType: '', // 功能
+            vehicleVersion: '', // 版本
+            emissionStandard: '', // 排放标准
+            engineType: '', // 发动机型号
+            marketSegments: '', // 细分市场
+            specifications: '' // 规格型号
+          },
+          total: 0
+        }
+      }
+    },
+    created() {
+      // 初始化变量
+      this.init()
+      this.Dictionary()
+      // 加载列表
+    },
+    methods: {
+      // 搜索条件效果
+      clicksearchShow() {
+        this.isSearchShow = !this.isSearchShow
+        if (this.isSearchShow) {
+          this.searchxianshitit = '隐藏查询条件'
+        } else {
+          this.searchxianshitit = '显示查询条件'
+        }
+      },
+      init() {
+        this.getList()
+      },
+      // ----------功能打开结束--------
+      // 数组字典加载
+      Dictionary() {
+        brandDown().then((res) => {
+          if (res.code === '200') {
+            this.carBrand_list = res.data
+          }
+        })
+        dataDictionary({type: 'vehicleFunction'}).then((res) => {
+          if (res.code === '200') {
+            this.vehicleType_list = res.data
+          }
+        })
+        dataDictionary({type: 'productLine'}).then((res) => {
+          if (res.code === '200') {
+            this.productLine_list = res.data
+          }
+        })
+        dataDictionary({type: 'driver'}).then((res) => {
+          if (res.code === '200') {
+            this.driveForm_list = res.data
+          }
+        })
+        dataDictionary({type: 'horsepower'}).then((res) => {
+          if (res.code === '200') {
+            this.power_list = res.data
+          }
+        })
+        dataDictionary({type: 'vehicleVersion'}).then((res) => {
+          if (res.code === '200') {
+            this.vehicleVersion_list = res.data
+          }
+        })
+        dataDictionary({type: 'fuelType'}).then((res) => {
+          if (res.code === '200') {
+            this.fuelType_list = res.data
+          }
+        })
+        dataDictionary({type: 'gearbox'}).then((res) => {
+          if (res.code === '200') {
+            this.gearboxType_list = res.data
+          }
+        })
+        dataDictionary({type: 'emissionStandard'}).then((res) => {
+          if (res.code === '200') {
+            this.emissionStandard_list = res.data
+          }
+        })
+        dataDictionary({type: 'engineType'}).then((res) => {
+          if (res.code === '200') {
+            this.engineType_list = res.data
+          }
+        })
+        dataDictionary({type: 'marketSegments'}).then((res) => {
+          if (res.code === '200') {
+            this.marketSegments_list = res.data
+          }
+        })
+      },
+      // 序号
+      indexMethod(index) {
+        var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+        var pageindex = index + 1 + pagestart
+        return pageindex
+      },
+      // 查询列表信息
+      getList() {
+        this.listLoading = true
+        modelPageList(this.listQuery).then((response) => {
+          this.listLoading = false
+          if (response.code === '200') {
+            this.listQuery.total = response.data.total
+            this.list = response.data.records
+          }
+        })
+      },
+      // 查询按钮
+      handleFilter() {
+        this.getList()
+      },
+      handReset() {
+        this.listQuery = {
+          current: 1,
+          size: 10,
+          params: {
+            carBrand: '', // 品牌
+            driveForm: '', // 驱动
+            fuelType: '', // 燃料
+            gearboxType: '', // 变速箱
+            modelName: '', // 车型
+            power: '', // 马力
+            productLine: '', // 系列
+            useOrg: '', // 分公司
+            userSid: window.sessionStorage.getItem('userSid'), // 用户
+            vehicleType: '', // 功能
+            vehicleVersion: '', // 版本
+            emissionStandard: '', // 排放标准
+            engineType: '', // 发动机型号
+            marketSegments: '', // 细分市场
+            specifications: '' // 规格型号
+          },
+          total: 0
+        }
+        this.getList()
+      },
+      handlook(row) {
+        this.dialogVisible = true
+        this.dialogQuery.params.modelSid = row.sid
+        notTheCompanyModelPageList(this.dialogQuery).then((res) => {
+          if (res.code === '200') {
+            this.datalist = res.data.records
+          }
+        })
+      },
+      handlink(row) {
+        this.viewState = 2
+        this.$refs['divConfiguration'].showData(row)
+      },
+      resetState() {
+        this.viewState = 1
+        this.handReset()
+      },
+      handleReturn() {
+        this.$emit('doReturn') // 返回到销售订单新增
+      }
+
+    }
+  }
+</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>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/vehiclelibraryconfiguration.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/vehiclelibraryconfiguration.vue
new file mode 100644
index 0000000000..3b0c163a74
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/vehiclelibraryconfiguration.vue
@@ -0,0 +1,565 @@
+<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="handleConfirm()">确认</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-select v-model="listQuery.params.carColor" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in carColor_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="缓速器:" class="searchlist">
+                  <el-select v-model="listQuery.params.slowMachine" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in slowMachine_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="后视镜:" class="searchlist">
+                  <el-select v-model="listQuery.params.rearViewMirrorKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in rearViewMirror_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="轮胎:" class="searchlist">
+                  <el-select v-model="listQuery.params.tireSizeKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in tireSize_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="驾驶室:" class="searchlist">
+                  <el-select v-model="listQuery.params.specification" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in specification_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="后桥速比:" class="searchlist">
+                  <el-select v-model="listQuery.params.rearAxleRatio" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in rearAxleRatio_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+              </el-row>
+              <el-row>
+                <el-form-item label="空调:" class="searchlist">
+                  <el-select v-model="listQuery.params.airConditionerKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in airConditioner_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="轮毂材质:" class="searchlist">
+                  <el-select v-model="listQuery.params.hubMaterialKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in hubMaterial_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="导流罩:" class="searchlist">
+                  <el-select v-model="listQuery.params.baffleModelKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in baffleModel_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="悬架:" class="searchlist">
+                  <el-select v-model="listQuery.params.suspensionKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in suspension_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="座椅:" class="searchlist">
+                  <el-select v-model="listQuery.params.seatKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in seat_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="护轮罩:" class="searchlist">
+                  <el-select v-model="listQuery.params.tireCoverKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in tireCover_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+              </el-row>
+              <el-row>
+                <el-form-item label="鞍座:" class="searchlist">
+                  <el-select v-model="listQuery.params.saddleKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in saddle_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="轴距:" class="searchlist">
+                  <el-select v-model="listQuery.params.wheelbaseKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in wheelbase_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="保险杠:" class="searchlist">
+                  <el-select v-model="listQuery.params.bumperKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in bumper_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="配置包:" class="searchlist">
+                  <el-select v-model="listQuery.params.configuringBaoKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in configuringBao_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="独立热源:" class="searchlist">
+                  <el-select v-model="listQuery.params.independentSourcesKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in independentSources_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="燃料箱:" class="searchlist">
+                  <el-select v-model="listQuery.params.fuelTank" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in fuelTank_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </el-form-item>
+              </el-row>
+              <el-row>
+                <el-form-item label="多媒体:" class="searchlist">
+                  <el-select v-model="listQuery.params.multimediaKey" placeholder="请选择" filterable clearable>
+                    <el-option v-for="item in multimedia_list" :key="item.dictKey" :label="item.dictValue"
+                               :value="item.dictKey"/>
+                  </el-select>
+                </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 class="listtop">
+          <div class="tit">【{{ modelName }}】车型常用配置列表</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 ref="multipleTable" :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.configName }}</span>
+                <!--                <span class="bluezi" @click="handlink(scope.row)">{{}}</span>-->
+              </template>
+            </el-table-column>
+            <el-table-column label="颜色" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.carColor }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="现车（台）" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nowCarNum }}</span>
+                <!--                <span class="bluezi" @click="handvehicle(scope.row)"></span>-->
+              </template>
+            </el-table-column>
+            <el-table-column label="排产（台）" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.productionCarNum }}</span>
+                <!--                <span class="bluezi" @click="handproduction(scope.row)"></span>-->
+              </template>
+            </el-table-column>
+            <el-table-column label="销售指导价（万元）" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.guidedPrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="价格有效期" align="center" width="110">
+              <template slot-scope="scope">
+                <span>{{ scope.row.priceValidity }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="其他更多" align="center" width="100">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="handlook(scope.row)">查看</el-button>
+              </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>
+    <el-dialog :visible.sync="dialogVisible" width="50%">
+      <el-table :key="tableKey" :data="datalist" border style="width: 100%">
+        <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.company }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="现车" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.nowCarNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="排产车" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.productionCarNum }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <!-- 车型配置标准页面 -->
+    <!--    <modelstandardconfiguration v-show="viewState == 2" ref="divInfo" @doback="resetState"/>-->
+    <!-- 现车车辆列表 -->
+    <!--    <vehiclecar v-show="viewState == 3" ref="divVehiclecar" @doback="resetState"/>-->
+    <!-- 排产订单列表 -->
+    <!--    <productionschedulingorder v-show="viewState == 4" ref="divProduction" @doback="resetState"/>-->
+  </div>
+</template>
+
+<script>
+import {configPageList, dataDictionary, notTheCompanyModelPageList} from '@/api/chexingchaxun/modelinquire'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+// import modelstandardconfiguration from './modelstandardconfiguration'
+// import vehiclecar from './vehiclecar.vue'
+// import productionschedulingorder from './productionschedulingorder.vue'
+
+export default {
+  name: 'chexingchaxun',
+  components: {
+    Pagination,
+    pageye,
+    // modelstandardconfiguration,
+    // vehiclecar,
+    // productionschedulingorder
+  },
+  data() {
+    return {
+      isSearchShow: false,
+      dialogVisible: false,
+      searchxianshitit: '隐藏查询条件',
+      viewState: 1,
+      tableKey: 0,
+      list: [],
+      datalist: [],
+      carColor_list: [],
+      slowMachine_list: [],
+      rearViewMirror_list: [],
+      tireSize_list: [],
+      specification_list: [],
+      rearAxleRatio_list: [],
+      airConditioner_list: [],
+      hubMaterial_list: [],
+      baffleModel_list: [],
+      suspension_list: [],
+      seat_list: [],
+      tireCover_list: [],
+      saddle_list: [],
+      wheelbase_list: [],
+      bumper_list: [],
+      configuringBao_list: [],
+      independentSources_list: [],
+      fuelTank_list: [],
+      multimedia_list: [],
+      listLoading: false,
+      modelName: '', // 车型名称
+      modelSid: '',
+      dialogQuery: {
+        current: 1,
+        size: 10,
+        params: {
+          modelSid: '',
+          modelConfigSid: '',
+          userSid: window.sessionStorage.getItem('userSid') // 用户
+        }
+      },
+      listQuery: {
+        current: 1,
+        size: 10,
+        params: {
+          carColor: '', // 颜色
+          configName: '', // 配置
+          fuelTank: '', // 燃料
+          rearAxleRatio: '', // 后桥速比
+          modelSid: '', // 车型sid
+          slowMachine: '', // 缓速器
+          specification: '', // 驾驶室
+          rearViewMirrorKey: '', // 后视镜
+          tireSizeKey: '', // 轮胎
+          airConditionerKey: '', // 空调
+          hubMaterialKey: '', // 轮毂材质
+          baffleModelKey: '', // 导流罩
+          suspensionKey: '', // 悬架
+          seatKey: '', // 座椅
+          tireCoverKey: '', // 护轮罩
+          saddleKey: '', // 鞍座
+          wheelbaseKey: '', // 轴距
+          bumperKey: '', // 保险杠
+          configuringBaoKey: '', // 配置包
+          independentSourcesKey: '', // 独立热源
+          multimediaKey: '', // 多媒体
+          userSid: window.sessionStorage.getItem('userSid')
+        },
+        total: 0
+      },
+      row: {},// 车型所选数据
+      peiZhiList: {} // 配置所选数据
+    }
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    // ----------功能打开结束--------
+    Dictionary() {
+      dataDictionary({type: 'whether'}).then((res) => {
+        if (res.code === '200') {
+          this.airConditioner_list = res.data
+          this.baffleModel_list = res.data
+          this.tireCover_list = res.data
+          this.independentSources_list = res.data
+          this.multimedia_list = res.data
+        }
+      })
+      dataDictionary({type: 'bodyColor'}).then((res) => {
+        if (res.code === '200') {
+          this.carColor_list = res.data
+        }
+      })
+      dataDictionary({type: 'slowMachine'}).then((res) => {
+        if (res.code === '200') {
+          this.slowMachine_list = res.data
+        }
+      })
+      dataDictionary({type: 'rearViewMirror'}).then((res) => {
+        if (res.code === '200') {
+          this.rearViewMirror_list = res.data
+        }
+      })
+      dataDictionary({type: 'tireSize'}).then((res) => {
+        if (res.code === '200') {
+          this.tireSize_list = res.data
+        }
+      })
+      dataDictionary({type: 'specification'}).then((res) => {
+        if (res.code === '200') {
+          this.specification_list = res.data
+        }
+      })
+      dataDictionary({type: 'rearAxleRatio'}).then((res) => {
+        if (res.code === '200') {
+          this.rearAxleRatio_list = res.data
+        }
+      })
+      dataDictionary({type: 'hubMaterial'}).then((res) => {
+        if (res.code === '200') {
+          this.hubMaterial_list = res.data
+        }
+      })
+      dataDictionary({type: 'suspension'}).then((res) => {
+        if (res.code === '200') {
+          this.suspension_list = res.data
+        }
+      })
+      dataDictionary({type: 'seat'}).then((res) => {
+        if (res.code === '200') {
+          this.seat_list = res.data
+        }
+      })
+      dataDictionary({type: 'saddle'}).then((res) => {
+        if (res.code === '200') {
+          this.saddle_list = res.data
+        }
+      })
+      dataDictionary({type: 'wheelbase'}).then((res) => {
+        if (res.code === '200') {
+          this.wheelbase_list = res.data
+        }
+      })
+      dataDictionary({type: 'bumper'}).then((res) => {
+        if (res.code === '200') {
+          this.bumper_list = res.data
+        }
+      })
+      dataDictionary({type: 'configuringBao'}).then((res) => {
+        if (res.code === '200') {
+          this.configuringBao_list = res.data
+        }
+      })
+      dataDictionary({type: 'fuelType'}).then((res) => {
+        if (res.code === '200') {
+          this.fuelTank_list = res.data
+        }
+      })
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    showData(row) {
+      console.log('所选车型', row)
+      this.listQuery.params.modelSid = row.sid
+      this.modelSid = row.sid
+      this.modelName = row.vehicleAlias
+      this.Dictionary()
+      this.getList()
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      configPageList(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.code === '200') {
+          this.listQuery.total = response.data.total
+          this.list = response.data.records
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.getList()
+    },
+    handReset() {
+      this.listQuery = {
+        current: 1,
+        size: 10,
+        params: {
+          carColor: '', // 颜色
+          configName: '', // 配置
+          fuelTank: '', // 燃料
+          rearAxleRatio: '', // 后桥速比
+          slowMachine: '', // 缓速器
+          specification: '', // 驾驶室
+          rearViewMirrorKey: '', // 后视镜
+          tireSizeKey: '', // 轮胎
+          airConditionerKey: '', // 空调
+          hubMaterialKey: '', // 轮毂材质
+          baffleModelKey: '', // 导流罩
+          suspensionKey: '', // 悬架
+          seatKey: '', // 座椅
+          tireCoverKey: '', // 护轮罩
+          saddleKey: '', // 鞍座
+          wheelbaseKey: '', // 轴距
+          bumperKey: '', // 保险杠
+          configuringBaoKey: '', // 配置包
+          independentSourcesKey: '', // 独立热源
+          multimediaKey: '', // 多媒体
+          modelSid: this.modelSid,
+          userSid: window.sessionStorage.getItem('userSid')
+        },
+        total: 0
+      }
+      this.getList()
+    },
+    handlook(row) {
+      this.dialogVisible = true
+      this.dialogQuery.params.modelSid = this.listQuery.params.modelSid
+      this.dialogQuery.params.modelConfigSid = row.sid
+      notTheCompanyModelPageList(this.dialogQuery).then((res) => {
+        if (res.code === '200') {
+          this.datalist = res.data.records
+        }
+      })
+    },
+    handleSelectionChange(row) {
+      console.log('选择', row)
+      if (row.length > 1) {
+        this.$message({
+          showClose: true,
+          message: '仅可选择一条配置！',
+          type: 'error'
+        });
+        this.$refs.multipleTable.clearSelection();
+        return
+      }
+      this.peiZhiList = row
+    },
+    handleConfirm() {
+      if (this.peiZhiList.length > 0) {
+        var modelData = new Object()
+        this.peiZhiList.forEach((element) => {
+          modelData = {
+            brandName: this.row.brandName,
+            brandSid: this.row.brandSid,
+            config: element.configName,  //常用配置
+            guildPrice:  element.guidedPrice,  //单台指导价
+            modelConfig: this.row.modelName,  //车型配置名称
+            modelConfigSid:  element.sid,  //配置sid
+            // modelName:  element,  //车型名称
+            modelSid: this.row.sid,  //车型sid
+            moreConfig:  element.otherConfig,  //更多配置
+          }
+        })
+        const type = 2
+        this.$emit('handleChexing', modelData,type)
+        this.handleReturn()
+      } else {
+        this.$message({
+          showClose: true,
+          message: '请选择车型配置！',
+          type: 'error'
+        });
+      }
+    },
+    handleReturn() {
+      this.$emit('doback')
+    },
+    resetState() {
+      this.viewState = 1
+      this.handReset()
+    },
+    // handlink(row) {
+    //   this.viewState = 2
+    //   this.$refs['divInfo'].showInfo(this.listQuery.params.modelSid, row)
+    // },
+    // handvehicle(row) {
+    //   this.viewState = 3
+    //   this.$refs['divVehiclecar'].showInfo(this.listQuery.params.modelSid, row)
+    // },
+    // handproduction(row) {
+    //   this.viewState = 4
+    //   this.$refs['divProduction'].showInfo(this.listQuery.params.modelSid, this.modelName, row)
+    // },
+  }
+}
+</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>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xiaoshouzhengce.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xiaoshouzhengce.vue
new file mode 100644
index 0000000000..1934533531
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xiaoshouzhengce.vue
@@ -0,0 +1,477 @@
+<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="handleConfirm()">确认</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="130px" class="tab-header">
+              <el-form-item label="政策类别">
+                <el-select v-model="listQuery.params.salesPolicy" placeholder="请选择" @change="salesPolicyChange">
+                  <el-option
+                    v-for="item in salesPolicy_list"
+                    :key="item.dictKey"
+                    :label="item.dictValue"
+                    :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="优惠包类别">
+                <el-select v-model="listQuery.params.discountType" placeholder="请选择" @change="discountTypeChange">
+                  <el-option
+                    v-for="item in discountType_list"
+                    :key="item.dictKey"
+                    :label="item.dictValue"
+                    :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="是否有效">
+                <el-select v-model="listQuery.params.isEmploy" placeholder="请选择" @change="isEmployChange">
+                  <el-option
+                    v-for="item in effective"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="有效期">
+                <div class="block">
+                  <el-date-picker
+                    v-model="listQuery.params.getEffectiveStartDate"
+                    type="date"
+                    placeholder="选择日期"
+                    value-format="yyyy-MM-dd"
+                    format="yyyy-MM-dd">
+                  </el-date-picker>
+                </div>
+                <label>至</label>
+                <div class="block">
+                  <el-date-picker
+                    v-model="listQuery.params.getEffectiveEndDate"
+                    type="date"
+                    placeholder="选择日期"
+                    value-format="yyyy-MM-dd"
+                    format="yyyy-MM-dd">
+                  </el-date-picker>
+                </div>
+              </el-form-item>
+              <div class="searchbtns">
+                <el-button type="primary" @click="handleFilter">查询</el-button>
+                <el-button type="primary" @click="handleReset">重置</el-button>
+              </div>
+            </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"/>
+        </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 width="150px" label="操作" align="center">
+              <template slot-scope="scope">
+                <div class="searchbtns"> <!--:disabled=""-->
+                  <el-button size="small" type="primary"
+                             @click="changeNodeState(scope.row)">办理
+                  </el-button>
+                  <el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="政策类别" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.salesPolicy }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠包类别" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.discountType }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠包名称" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.discountName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠包价值" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.amount }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠项目说明" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.detail }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="有效期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.effectiveDate }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否生效" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.isEmploy }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
+                      class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+    <!--    <xiaoshouzhengce-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState"-->
+    <!--                         @reloadlist="getList"></xiaoshouzhengce-add>-->
+    <!--    <xiaoshouzhengce-info v-show="viewState == 4" ref="divinfo" @doback="resetState"></xiaoshouzhengce-info>-->
+  </div>
+</template>
+
+<script>
+import {mapGetters} from 'vuex'
+import {deleteBySids, listPage, typeValues} from '@/api/jichuxinxi/salepolicy'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+// import xiaoshouzhengceAdd from "./xiaoshouzhengceAdd"
+// import xiaoshouzhengceInfo from "./xiaoshouzhengceInfo"
+
+export default {
+  name: "xiaoshouzhengce",
+  components: {
+    Pagination,
+    pageye,
+    // xiaoshouzhengceAdd,
+    // xiaoshouzhengceInfo
+  },
+  data() {
+    return {
+      disabled: false, // 办理按钮
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      viewState: 1, // 1、列表 2、添加-车辆预订 3、编辑  4、查看 5、订金-订金收取
+      // 查询 -----------
+      salesPolicy_list: [], //政策类别
+      discountType_list: [], // 优惠包类别
+      effective: [{ // 是否有效
+        value: 0,
+        label: '是'
+      }, {
+        value: 1,
+        label: '否'
+      }],
+      tableKey: 0,
+      list: [],
+      sids: [],
+      total: 1,
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 20,
+        params: {
+          discountType: '',	//优惠类型（赠送套餐 等，数据字典）
+          discountTypeKey: '',	//优惠类型key
+          getEffectiveEndDate: '',	//结束有效期
+          getEffectiveStartDate: '',	//开始有效期
+          isEmploy: '',	//是否有效
+          salesPolicy: '',	//政策类别
+          salesPolicyKey: '',	//政策类别key
+          staffSid: window.sessionStorage.getItem('staffSid')
+        },
+      },
+      submitDto: {
+        businessSid: '',
+        userSid: window.sessionStorage.getItem('userSid'),
+      },
+      nodeState: '',
+      row:[], // 所选数据
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'id',
+      'roles',
+      'rolesIds',
+      'departmentId',
+      'departmentCode',
+    ]),
+  },
+  created() {
+    // 初始化变量
+    this.init()
+    // 加载列表
+    this.getList()
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    init() {
+      this.getType()
+    },
+    // ----------功能打开开始--------
+    resetState() {
+      this.viewState = 1
+    },
+    // 重置
+    handleReset() {
+      this.listQuery = {
+        current: 1,
+        size: 20,
+        params: {
+          discountType: '',
+          discountTypeKey: '',
+          getEffectiveEndDate: '',
+          getEffectiveStartDate: '',
+          isEmploy: '',
+          salesPolicy: '',
+          salesPolicyKey: ''
+        },
+      }
+    },
+    // 下拉框
+    getType() {
+      typeValues({
+        type: 'discountPolicyType'
+      }).then((res) => {
+        if (res.code === '200') {
+          this.salesPolicy_list = res.data
+          console.log('下拉框请求政策类别', this.salesPolicy_list)
+        }
+      })
+      typeValues({
+        type: 'discountPackageType'
+      }).then((res) => {
+        if (res.code === '200') {
+          this.discountType_list = res.data
+          console.log('下拉框请求优惠包类别', this.discountType_list)
+        }
+      })
+    },
+    // 政策类别
+    salesPolicyChange(value) {
+      console.log('触发下拉框按钮')
+      let bb = {}
+      this.salesPolicy_list.forEach((e) => {
+        if (e.dictKey === value) {
+          bb = {
+            type: e.dictType,
+            name: e.dictValue,
+            key: e.dictKey,
+            sid: e.sid
+          }
+        }
+      })
+      this.listQuery.params.salesPolicy = bb.name
+      this.listQuery.params.salesPolicyKey = bb.key
+      console.log('name', this.listQuery.params.salesPolicy)
+    },
+
+    // 优惠包类别
+    discountTypeChange(value) {
+      console.log('触发下拉框按钮')
+      let bb = {}
+      this.discountType_list.forEach((e) => {
+        if (e.dictKey === value) {
+          bb = {
+            type: e.dictType,
+            name: e.dictValue,
+            key: e.dictKey,
+            sid: e.sid
+          }
+        }
+      })
+      this.listQuery.params.discountType = bb.name
+      this.listQuery.params.discountTypeKey = bb.name
+      console.log('name', this.listQuery.params.discountType)
+    },
+
+    isEmployChange(value) {
+      console.log('触发下拉框按钮')
+      let bb = {}
+      this.effective.forEach((e) => {
+        if (e.dictKey === value) {
+          bb = {
+            name: e.value,
+          }
+        }
+      })
+      this.listQuery.params.isEmploy = bb.name
+      console.log('name', this.listQuery.params.isEmploy)
+    },
+    // 打开添加
+    handleCreate() {
+      this.viewState = 2
+      this.$refs['divadd'].showAdd()
+    },
+    // 打开编辑
+    handleUpdate() {
+      if (this.sids.length === 1) {
+        this.viewState = 3
+        this.$refs['divadd'].showEdit(this.sids[0])
+      } else if (this.sids.length > 1) {
+        this.$notify({
+          title: '提示',
+          message: '不能选中多个信息修改!!',
+          type: 'info',
+          duration: 2000,
+        })
+      } else {
+        this.$notify({
+          title: '提示',
+          message: '没有选择信息!!',
+          type: 'error',
+          duration: 2000,
+        })
+        return
+      }
+    },
+    //办理
+    changeNodeState(row) {
+      console.log('111', row)
+      // if (row.flowState === 0) {
+      this.viewState = 3
+      this.$refs['divadd'].showEdit(row.sid)
+      // } else {
+      //   return
+      // }
+    },
+    // 打开查看详情
+    handleCheck(row) {
+      this.viewState = 4
+      this.$refs['divinfo'].showInfo(row.sid)
+    },
+
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      listPage(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (
+          response.code === '200' &&
+          response.data &&
+          response.data.total > 0
+        ) {
+          this.list = response.data.records
+          this.total = response.data.total
+        } else {
+          this.list = []
+          this.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 勾选
+    handleSelectionChange(row) {
+      console.log('row', row)
+      this.row = row
+      const aa = []
+      const bb = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+        bb.push(element.depositBillTypeKey)
+      });
+      this.sids = aa
+      this.billType = bb
+      console.log('选择sid', this.sids)
+      console.log('选择订单类型', this.billType)
+    },
+    // 根据本行ID删除数据
+    handleDelete() {
+      if (this.sids.length > 0) {
+        const sids = this.sids
+        deleteBySids(sids).then((response) => {
+          if (response.code === '200') {
+            this.$notify({
+              title: '提示',
+              message: '删除成功',
+              type: 'success',
+              duration: 2000,
+            })
+            this.getList()
+          } else {
+            this.$notify({
+              title: '删除失败',
+              message: response.msg,
+              type: 'error',
+            })
+          }
+        })
+      } else {
+        this.$notify({
+          title: '提示',
+          message: '没有选择资方信息!!',
+          type: 'error',
+          duration: 2000,
+        })
+        // return likeGetCustomerName
+      }
+    },
+    handleConfirm() {
+      this.$emit('handleYouhui',this.row)
+      this.handleReturn()
+    },
+    // 返回
+    handleReturn() {
+      this.$emit('doReturn') // 返回到销售订单新增
+    },
+
+  }
+
+}
+</script>
+
+<style scoped>
+/* .listcon{height: calc(100vh - 480px);overflow-y: auto;overflow-x: hidden;} */
+.el-input__icon {
+  width: 40px;
+}
+
+.el-form-item .el-form-item__label {
+  width: 100% !important;
+}
+
+.block {
+  display: inline-block;
+}
+
+.el-form-item__content label {
+  padding: 0 5px;
+}
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehu.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehu.vue
index 3e7de8c805..43f79dba25 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehu.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehu.vue
@@ -77,7 +77,7 @@
         </div>
       </div>
     </div>
-    <xuanzekehu-add ref="addAndUpdate" @handleReturn="resetState"></xuanzekehu-add>
+    <xuanzekehu-add v-show="kehu_add == true" ref="addAndUpdate" @handleReturn="resetState"></xuanzekehu-add>
     <el-dialog
       title="客户登记-类型"
       :visible.sync="dialogVisible"
@@ -108,7 +108,7 @@
   import Pagination from '@/components/pagination'
   import pageye from '@/components/pagination/pageye'
   import {pagerList, typeValues} from '@/api/jichuxinxi/busdepositvehicle'
-  import xuanzekehuAdd from "./xuanzekehuAdd";
+  import xuanzekehuAdd from "./xuanzekehuAdd.vue";
 
   export default {
     name: "xuanzekehu",
@@ -191,6 +191,8 @@
       },
       handleOpen() {
         if (this.customerTypeList.visitWay !== '' && this.customerTypeList.customerType !== '') {
+          this.kehu_xuanze = false
+          this.kehu_add = true
           this.dialogVisible = false
           const customerTypeList = this.customerTypeList
           this.$refs.addAndUpdate.openCreate(customerTypeList, () => {
@@ -234,7 +236,6 @@
       // },
       // ----------功能打开开始--------
       handleCreate() {
-        this.kehu_xuanze = false
         this.dialogVisible = true
         // this.$refs['addAndUpdate'].
         // this.kehu_add = true
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehuAdd.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehuAdd.vue
index c741248da0..e555e0e8d6 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehuAdd.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xuanzekehuAdd.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <div v-show="visible">
+    <div>
       <div class="tab-header webtop">
         <div>【新增】客户信息</div>
         <div>
@@ -9,7 +9,7 @@
         </div>
       </div>
       <div class="listconadd">
-        <el-form ref="dataForm" :model="temp" label-position="top" label-width="190px" class="formadd "
+        <el-form ref="dataForm" :model="temp" label-position="top" label-width="190px" class="formadd"
                  :rules="rules">
           <div class="titwu">客户信息</div>
           <div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px">
@@ -45,7 +45,7 @@
             </el-col>
             <el-col :span="8">
               <el-form-item prop="mobile">
-                <el-input v-model="temp.mobile"  maxlength="20" placeholder="请输入联系电话" style="width:50%" class="addinputw" clearable/>
+                <el-input v-model="temp.mobile" maxlength="20" placeholder="请输入联系电话" style="width:50%" class="addinputw" clearable/>
               </el-form-item>
             </el-col>
             <el-col :span="4" class="trightb">
@@ -562,20 +562,6 @@
               trigger: 'blur',
             },
           ],
-          // mobile: [
-          //   {
-          //     required: true,
-          //     validator: checkSubmit,
-          //     trigger: 'blur',
-          //   },
-          // ],
-          // idnumber: [
-          //   {
-          //     required: true,
-          //     validator: identitycard,
-          //     trigger: 'blur',
-          //   },
-          // ],
         },
       }
     },
@@ -613,8 +599,6 @@
         this.stateId = sid
         console.log('888888888888', this.stateId)
         this.isOnRemind='否'
-        //   this.client = customer.name
-        //   this.clientphone = customer.mobile
         if (this.stateId !== '0') {
           getPcCustomerInfoBySid(this.stateId).then((response) => {
             console.log(response.data)
@@ -622,7 +606,6 @@
               this.$refs['dataForm'].clearValidate()
               this.temp = response.data
               this.temp.birthday = this.getDates(this.temp.birthday)
-              // this.temp.address=this.temp.province+this.temp.city+this.temp.county
               this.visible = true
               if(this.temp.customerType!==''){
                 typeValues({type: 'customerType'}).then((res) => {
@@ -859,6 +842,7 @@
       handleReturn() {
         this.visible=false
         this.activeNames=['1']
+        this.$emit('doReturn')
         this.$emit('handleReturn')
       },
       // 添加前数据初始化
@@ -914,7 +898,7 @@
       // 首次 续购
       changexuanze() {
         this.aseTypeBox = [this.aseTypeBox[this.aseTypeBox.length - 1]]
-        var item = this.findselect(this.aseType, this.aseTypeBox[0])
+        const item = this.findselect(this.aseType, this.aseTypeBox[0]);
         this.templooke.purchase_time = item.divtkey
       },
       // 保存客户运营数据
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanguanli.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanguanli.vue
new file mode 100644
index 0000000000..6d1807bb49
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanguanli.vue
@@ -0,0 +1,449 @@
+<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="handleConfirm()">确认</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="130px" class="tab-header">
+              <el-form-item label="客户(付款人)">
+                <el-input v-model="listQuery.params.customerName" placeholder="请输入" clearable class="filter-item"/>
+              </el-form-item>
+              <el-form-item label="创建日期">
+                <div class="block">
+                  <el-date-picker
+                    v-model="listQuery.params.startTime"
+                    type="date"
+                    placeholder="选择日期"
+                    value-format="yyyy-MM-dd"
+                    format="yyyy-MM-dd">
+                  </el-date-picker>
+                </div>
+                <label>至</label>
+                <div class="block">
+                  <el-date-picker
+                    v-model="listQuery.params.endTime"
+                    type="date"
+                    placeholder="选择日期"
+                    value-format="yyyy-MM-dd"
+                    format="yyyy-MM-dd">
+                  </el-date-picker>
+                </div>
+              </el-form-item>
+              <div class="searchbtns">
+                <el-button type="primary" @click="handleFilter">查询</el-button>
+                <el-button type="primary" @click="handleReset">重置</el-button>
+              </div>
+            </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"/>
+        </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 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>
+                  <el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="虚拟订单类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.depositBillType }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="单据编号" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.billNo }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createDate }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售专员" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.staffName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="客户(付款人)" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.name }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="联系电话" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.mobile }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="订金(元)" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.deposit }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="已使用订金(元)" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.usedDeposit }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预订车辆" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.depositVehicle }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
+                      class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import {mapGetters} from 'vuex'
+import {deleteBySids} from '@/api/jichuxinxi/busdeposit'
+import {depositPageList} from '@/api/salesManagement/orderManagement'
+// import {submitApprove, updateState} from '@/api/portal/workFlow'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+
+
+export default {
+  name: 'Xunidingdanguanli',
+  components: {
+    Pagination,
+    pageye,
+  },
+  data() {
+    return {
+      disabled: false, // 办理按钮
+      billTypeKey: '',
+      dialogVisible: false, // 弹窗
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      btndisabled: false,
+      viewState: 1, // 1、列表 2、添加-车辆预订 3、编辑  4、查看 5、订金-订金收取
+      // 查询 -----------
+      tableKey: 0,
+      list: [],
+      nodeState_list: [], // 流程状态
+      sids: [],
+      billType: [],
+      total: 1,
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 20,
+        params: {
+          userSid: window.sessionStorage.getItem('userSid'),
+          orgName: '',
+          staffName: '',
+          customerName: '',
+          billType: '',
+          startTime: '',
+          endTime: '',
+        },
+      },
+      submitDto: {
+        businessSid: '',
+        userSid: window.sessionStorage.getItem('userSid'),
+      },
+      updateDto: {
+        nodeState: '',
+        sid: '',
+      },
+      nodeState: '',
+      selectDate: undefined,
+      temp: {}, // 添加和编辑
+      visible: true,
+      hetongdanganguanliInfoShow: false,
+      row:[],//所选数据
+      // ------------------------------------
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'id',
+      'roles',
+      'rolesIds',
+      'departmentId',
+      'departmentCode',
+    ]),
+  },
+  created() {
+    // 初始化变量
+    this.init()
+    // 加载列表
+    this.getList()
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    init() {
+
+    },
+    // ----------功能打开开始--------
+    resetState() {
+      this.viewState = 1
+    },
+    // 重置
+    handleReset() {
+      this.listQuery = {
+        current: 1,
+        size: 20,
+      }
+    },
+    // 生成销售订单
+    handleGenerate() {
+
+    },
+    // 打开添加
+    handleCreate() {
+      this.dialogVisible = true
+    },
+    // 确认
+    handleConfirm() {
+      this.$emit('handleXuniList', this.row)
+      this.handleReturn()
+    },
+    // 返回
+    handleReturn() {
+      this.$emit('doReturn') // 返回到销售订单新增
+    },
+    // 打开编辑
+    handleUpdate() {
+      if (this.sids.length == 1) {
+        if (this.billType[0] == '01') {
+          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.dialogStatus = 'edit'
+          const sid = this.sids[0]
+          const nodeState = this.nodeState_list[0]
+          this.$refs['divadd'].showEdit(sid, nodeState)
+        }
+      } else if (this.sids.length == 0) {
+        this.$notify({
+          title: '您还未选择，请选择数据！！！',
+          type: 'error',
+        })
+      } else if (this.sids.length > 1) {
+        this.$notify({
+          title: '您未选择的数据过多，请选择一条数据编辑！！',
+          type: 'error',
+        })
+      }
+    },
+    // 打开查看详情
+    handleCheck(row) {
+      if (row.depositBillTypeKey == '01') {
+        this.viewState = 6
+        this.$refs['divDingInfo'].showInfo(row.sid, row.nodeState)
+      } else {
+        this.viewState = 4
+        this.$refs['divinfo'].showInfo(row.sid, row.nodeState)
+      }
+    },
+    handleInfo() {
+      this.viewState = 4
+    },
+    // ----------功能打开结束--------
+    noClickclose() {
+      this.viewState = 1
+      this.hetongdanganguanliInfoShow = false
+    },
+    // 打开消合同详情
+    handleCheckhetong() {
+      this.viewState = false
+      this.hetongdanganguanliInfoShow = true
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      depositPageList({
+        current: this.listQuery.current,
+        size: this.listQuery.size,
+        params: {
+          // orgName: this.listQuery.orgName,
+          // staffName: this.listQuery.staffName,
+          customerName: this.listQuery.customerName,
+          startTime: this.listQuery.startTime,
+          endTime: this.listQuery.endTime,
+          userSid: window.sessionStorage.getItem('userSid'),
+          staffSid: window.sessionStorage.getItem('staffSid')
+        },
+      }).then((response) => {
+        this.listLoading = false
+        if (
+          response.code === '200' &&
+          response.data &&
+          response.data.total > 0
+        ) {
+          this.list = response.data.records
+          for (var i = 0; i < response.data.records.length; i++) {
+            var timeArr = response.data.records[i].createDate.split(' ');
+            this.list[i].createDate = timeArr[0];
+          }
+          this.total = response.data.total
+        } else {
+          this.list = []
+          this.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 勾选
+    handleSelectionChange(row) {
+      console.log('row', row)
+      this.row = row
+      const aa = []
+      const bb = []
+      const cc = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+        bb.push(element.depositBillTypeKey)
+        cc.push(element.nodeState)
+      });
+      this.sids = aa
+      this.billType = bb
+      this.nodeState_list = cc
+      console.log('选择sid', this.sids)
+      console.log('选择订单类型', this.billType)
+      console.log('流程状态', this.nodeState_list)
+    },
+    // 根据本行ID删除数据
+    handleDelete() {
+      if (this.sids.length > 0) {
+        const sids = this.sids
+        deleteBySids(sids).then((response) => {
+          if (response.code === '200') {
+            this.$notify({
+              title: '提示',
+              message: '删除成功',
+              type: 'success',
+              duration: 2000,
+            })
+            this.getList()
+          } else {
+            this.$notify({
+              title: '删除失败',
+              message: response.msg,
+              type: 'error',
+            })
+          }
+        })
+      } else {
+        this.$notify({
+          title: '提示',
+          message: '没有选择资方信息!!',
+          type: 'error',
+          duration: 2000,
+        })
+        return
+      }
+    },
+
+    //办理
+    changeNodeState(row) {
+      console.log('111', row)
+      if (row.nodeState == '' || row.nodeState == '发起订单') {
+        if (row.depositBillTypeKey == '01') {
+          this.viewState = 5;
+          this.dialogStatus = 'edit'
+          this.$refs['divDing'].showEdit(row.sid, row.nodeState)
+        } else if (row.depositBillTypeKey == '02') {
+          this.viewState = 3;
+          this.dialogStatus = 'edit'
+          this.$refs['divadd'].showEdit(row.sid, row.nodeState)
+        }
+      }
+    },
+    // 导出
+    handleDaoChu() {
+      //   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,
+      //     })
+      //   })
+    },
+  },
+}
+</script>
+<style scoped lang="scss">
+/* .listcon{height: calc(100vh - 480px);overflow-y: auto;overflow-x: hidden;} */
+.el-input__icon {
+  width: 40px;
+}
+
+.el-form-item .el-form-item__label {
+  width: 100% !important;
+}
+
+.block {
+  display: inline-block;
+}
+
+.el-form-item__content label {
+  padding: 0 5px;
+}
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanxuanze.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanxuanze.vue
new file mode 100644
index 0000000000..4f3a5c6e01
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/xunidingdanxuanze.vue
@@ -0,0 +1,204 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>车型选择</div>
+        <div>
+          <el-button type="primary" size="medium" @click="handleConfirm()">确认</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="130px" class="tab-header">
+              <el-form-item label="车型">
+                <el-input v-model="listQuery.params.modelName" placeholder="请输入" clearable class="filter-item"/>
+              </el-form-item>
+              <el-form-item label="车型配置">
+                <el-input v-model="listQuery.params.modelConfigName" placeholder="请输入" clearable class="filter-item"/>
+              </el-form-item>
+              <div class="searchbtns">
+                <el-button type="primary" @click="handleFilter">查询</el-button>
+              </div>
+            </el-form>
+          </div>
+        </div>
+        <pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
+                class="pagination" @pagination="getList"/>
+        <div class="">
+          <el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"
+                    @selection-change="handleSelectionChange">
+            <el-table-column width="50px" type="selection" align="center"/>
+            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="品牌" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.brandName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelAlias }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="常用配置" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.config }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
+                      class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import {mapGetters} from 'vuex'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import {getXuniList} from '@/api/salesManagement/orderManagement'
+
+export default {
+  name: "xunidingdanxuanze",
+  components: {
+    Pagination,
+    pageye
+  },
+  data() {
+    return {
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      // 查询 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      listLoading: false,
+      total: 1,
+      listQuery: {
+        current: 1,
+        size: 20,
+        params: {
+          customerSid: '', // 客户sid
+          modelConfigName: '', // 常用配置
+          modelName: '', // 车型别名
+        },
+      },
+      row: [],//所选数据
+      // ------------------------------------
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'id',
+      'roles',
+      'rolesIds',
+      'departmentId',
+      'departmentCode',
+    ]),
+  },
+  created() {
+    // 初始化变量
+    this.init()
+  },
+  methods: {
+    init() {
+      this.getList()
+    },
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    // 勾选
+    handleSelectionChange(row) {
+      if (row.length > 1) {
+        this.$message({
+          showClose: true,
+          message: '仅可选择一个车型！',
+          type: 'error'
+        });
+        this.$refs.multipleTable.clearSelection();
+        return
+      }
+      this.row = row
+    },
+    showXuni(customerSid, staffSid) {
+      console.log('虚拟订单选择', customerSid, staffSid)
+      this.listQuery.params.customerSid = customerSid
+      this.listQuery.params.staffSid = staffSid
+      this.getList()
+    },
+    // ----------功能打开开始--------
+    handleConfirm() {
+      if (this.row.length > 0) {
+        var modelData = new Object();
+        this.row.forEach((element) => {
+          modelData = element
+        })
+        const type = 2
+        this.$emit('handlexuniList', modelData, type)
+        this.handleReturn()
+      } else {
+        this.$message({
+          showClose: true,
+          message: '请选择虚拟订单！',
+          type: 'error'
+        });
+      }
+    },
+    // 返回
+    handleReturn() {
+      this.$emit('doReturn') // 返回到销售订单新增
+    },
+
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      getXuniList(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (
+          response.code === '200' &&
+          response.data &&
+          response.data.total > 0
+        ) {
+          this.list = response.data.records
+          this.total = response.data.total
+        } else {
+          this.list = []
+          this.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+  }
+}
+</script>
+
+<style scoped>
+.searchcon {
+  margin-top: 8px;
+}
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/yixiangchexingxuanze.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/yixiangchexingxuanze.vue
new file mode 100644
index 0000000000..7c915e2d17
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/yixiangchexingxuanze.vue
@@ -0,0 +1,208 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>车型选择</div>
+        <div>
+          <el-button type="primary" size="medium" @click="handleConfirm()">确认</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="130px" class="tab-header">
+              <el-form-item label="车型">
+                <el-input v-model="listQuery.params.modelName" placeholder="请输入" clearable class="filter-item" />
+              </el-form-item>
+              <el-form-item label="车型配置">
+                <el-input v-model="listQuery.params.modelConfigName" placeholder="请输入" clearable class="filter-item" />
+              </el-form-item>
+              <div class="searchbtns">
+                <el-button type="primary" @click="handleFilter">查询</el-button>
+              </div>
+            </el-form>
+          </div>
+        </div>
+        <pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
+          class="pagination" @pagination="getList" />
+        <div class="">
+          <el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"
+            @selection-change="handleSelectionChange">
+            <el-table-column width="50px" type="selection" align="center" />
+            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center" />
+            <el-table-column label="品牌" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.brandName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.modelAlias }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="常用配置" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.config }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <div class="tit" />
+          <!-- 翻页 -->
+          <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
+            class="pagination" @pagination="getList" />
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import { getYixiangList } from '@/api/salesManagement/orderManagement'
+
+export default {
+  name: "yixiangchexing",
+  components: {
+    Pagination,
+    pageye
+  },
+  data() {
+    return {
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      // 查询 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      listLoading: false,
+      total: 1,
+      listQuery: {
+        current: 1,
+        size: 20,
+        params: {
+          customerSid: '', // 客户sid
+          modelConfigName: '', // 常用配置
+          modelName: '', // 车型别名
+        },
+      },
+      row: [],
+      // ------------------------------------
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'id',
+      'roles',
+      'rolesIds',
+      'departmentId',
+      'departmentCode',
+    ]),
+  },
+  created() {
+    // 初始化变量
+    this.init()
+  },
+  methods: {
+    init() {
+      this.getList()
+    },
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    // 勾选
+    handleSelectionChange(row) {
+      console.log('row:', row)
+      if (row.length > 1) {
+        this.$message({
+          showClose: true,
+          message: '仅可选择一个车型！',
+          type: 'error'
+        });
+        this.$refs.multipleTable.clearSelection();
+        return
+      }
+      if (row.length == 1) {
+        this.row = row
+      }
+    },
+    showYixiang(sid) {
+      console.log('意向车型', sid)
+      this.listQuery.params.customerSid = sid
+      console.log('意向车型', this.listQuery.params.customerSid)
+      this.getList()
+    },
+    // ----------功能打开开始--------
+    // 确认选择数据
+    handleConfirm() {
+      if (this.row.length > 0) {
+        var modelData = new Object();
+        this.row.forEach((element) => {
+          modelData = element
+        })
+        const type = 1
+        this.$emit('handleyixiangList', modelData,type)
+        this.handleReturn()
+      }else{
+        this.$message({
+          showClose: true,
+          message: '请选择意向车型！',
+          type: 'error'
+        });
+      }
+    },
+    // 返回
+    handleReturn() {
+      this.$emit('doReturn') // 返回到销售订单新增
+    },
+
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      getYixiangList(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (
+          response.code === '200' &&
+          response.data &&
+          response.data.total > 0
+        ) {
+          this.list = response.data.records
+          this.total = response.data.total
+        } else {
+          this.list = []
+          this.total = 0
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+  }
+}
+</script>
+
+<style scoped>
+.searchcon {
+  margin-top: 8px;
+}
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue
index dc941cd3d2..056097ff8d 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue
@@ -6,7 +6,7 @@
         <div>
           <el-button type="primary" size="small" @click="handleCreate()">新增</el-button>
           <el-button type="danger" size="small" @click="handleDelete()">删除</el-button>
-          <el-button type="primary" size="small" :disabled="isableSub" @click="handleSubmit()">提交</el-button>
+          <!-- <el-button type="primary" size="small" :disabled="isableSub" @click="handleSubmit()">提交</el-button> -->
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
@@ -16,7 +16,7 @@
           <div v-show="isSearchShow" class="search">
             <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
               <el-form-item label="部门名称" class="searchlist">
-                <el-input v-model="listQuery.params.orgName" placeholder="请填写" clearable class="filter-item"/>
+                <el-input v-model="listQuery.params.orgName" placeholder="请填写" clearable class="filter-item" />
                 <!-- <el-select v-model="listQuery.params.orgName" class="filter-item" clearable placeholder="请选择">
                   <el-option :value="listQuery.params.orgName" style="height: auto">
                     <el-tree ref="tree" :data="treedata" default-expand-all show-checkbox check-strictly node-key="sid" highlight-current :props="defaultProps" @check-change="handleCheckChange" />
@@ -24,26 +24,26 @@
                 </el-select> -->
               </el-form-item>
               <el-form-item label="业务员姓名" class="searchlist">
-                <el-input v-model="listQuery.params.staffName" placeholder="" clearable class="filter-item"/>
+                <el-input v-model="listQuery.params.staffName" placeholder="" clearable class="filter-item" />
               </el-form-item>
               <el-form-item label="客户名称" class="searchlist">
-                <el-input v-model="listQuery.params.customerName" placeholder="" clearable class="filter-item"/>
+                <el-input v-model="listQuery.params.customerName" placeholder="" clearable class="filter-item" />
               </el-form-item>
               <el-form-item label="单据日期" class="searchlist">
                 <el-date-picker v-model="listQuery.params.createDateStart" class="filter-item-time" type="date"
-                                value-format="yyyy-MM-dd" placeholder="请选择"/>
+                  value-format="yyyy-MM-dd" placeholder="请选择" />
                 <label>至</label>
                 <el-date-picker v-model="listQuery.params.createDateEnd" class="filter-item-time" type="date"
-                                value-format="yyyy-MM-dd" placeholder="请选择"/>
+                  value-format="yyyy-MM-dd" placeholder="请选择" />
               </el-form-item>
               <el-form-item label="支付方式" class="searchlist">
                 <el-select v-model="listQuery.params.payType" class="filter-item" clearable placeholder="请选择">
                   <el-option v-for="item2 in payTypeList" :key="item2.dictKey" :label="item2.dictValue"
-                             :value="item2.dictValue"/>
+                    :value="item2.dictValue" />
                 </el-select>
               </el-form-item>
               <el-form-item label="车型名称" class="searchlist">
-                <el-input v-model="listQuery.params.modelName" placeholder="" clearable class="filter-item"/>
+                <el-input v-model="listQuery.params.modelName" placeholder="" clearable class="filter-item" />
               </el-form-item>
               <div class="searchbtns">
                 <el-button type="primary" @click="handleFilter">查询</el-button>
@@ -55,22 +55,24 @@
         <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"/>
+            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 width="160px" label="操作" align="center">
               <template slot-scope="scope">
                 <div class="searchbtns">
-                  <el-button size="small" type="primary" :disabled="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" :disabled="scope.row.nodeState == ''?false:true"
-                             @click="handleCheck(scope.row)">查看
+                  <el-button size="small" type="primary" 
+                    :disabled="scope.row.nodeState == '' ? false : true"
+                    @click="handleCheck(scope.row)">查看
                   </el-button>
                   <!--                  <el-button size="small" type="primary" @click="printContract(scope.row)">打印合同</el-button>-->
                 </div>
@@ -128,507 +130,427 @@
             </el-table-column>
             <el-table-column label="是否保险" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.isInsurance}}</span>
+                <span>{{ scope.row.isInsurance }}</span>
               </template>
             </el-table-column>
-
-
-            <!--    <el-table-column label="部门名称" align="center">-->
-            <!--      <template slot-scope="scope">-->
-            <!--        <span>{{ scope.row.orgName }}</span>-->
-            <!--      </template>-->
-            <!--    </el-table-column>-->
-            <!--    <el-table-column label="业务员" align="center">-->
-            <!--      <template slot-scope="scope">-->
-            <!--        <span>{{ scope.row.staffName }}</span>-->
-            <!--      </template>-->
-            <!--    </el-table-column>-->
-
-            <!--    <el-table-column label="提车方式" align="center">-->
-            <!--      <template slot-scope="scope">-->
-            <!--        <span>{{ scope.row.saleType }}</span>-->
-            <!--      </template>-->
-            <!--    </el-table-column>-->
-            <!--    <el-table-column label="FL(元)" align="center">-->
-            <!--      <template slot-scope="scope">-->
-            <!--        <span>{{ scope.row.fl }}</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.single_invoice_price }}</span>-->
-            <!--      </template>-->
-            <!--    </el-table-column>-->
-
-            <!--    <el-table-column label="销售合同" align="center">-->
-            <!--      <template slot-scope="scope">-->
-            <!--        <span class="bluezi" @click="xiaoshouhetong(scope.row)">{{ scope.row.contractNum }}</span>-->
-            <!--      </template>-->
-            <!--    </el-table-column>-->
-            <!--    <el-table-column label="总金融方案" align="center">-->
-            <!--      <template slot-scope="scope">-->
-            <!--        <span class="bluezi" @click="handleCheckxiaodai(row)">{{ scope.row.name }}</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"/>
+            class="pagination" @pagination="getList" />
         </div>
       </div>
     </div>
     <!--新增修改部分组件-->
-    <div-add @handleReturn="visible = true" ref="divadd" @doback="resetState" @reloadlist="getList"/>
+    <div-add @handleReturn="visible = true" ref="divadd" @doback="resetState" @reloadlist="getList" />
     <!--详情部分组件-->
-    <div-info @handleReturn="visible = true" ref="dingdanxinxiinfo" @doback="resetState"/>
-    <!--    <dingdanxinxi-add ref="addAndUpdate" @handleReturn="visible=true" @created="dataCreated" @updated="dataUpdated" />
-    <dingdanxinxi-info ref="openInfo" @handleReturn="visible = true" /> -->
-    <!--消贷业务金融方案详情预览-->
-    <!--    <xiaodaijinrongfangan-info v-show="xiaodaijinrongfanganInfoShow" @noClickclose="noClickclose"/>-->
-    <!-- 合同编辑-->
-    <!-- <hetongdanganguanliInfo ref="hetongdanganguanli-Info" @handleReturn="visible = true"/> -->
-    <!-- 打印合同 -->
-    <!--    <divPrint ref="divPrint" @doback="resetState"/>-->
+    <div-info @handleReturn="visible = true" ref="dingdanxinxiinfo" @doback="resetState" />
+
   </div>
 </template>
 
 <script>
-  import {deleteByids, dictType, getListOrg, getPageList} from '@/api/salesManagement/orderManagement'
-  import {submitSales, updateSales} from '@/api/portal/workFlow'
-  import {loginDetails} from '@/api/dictcommons/basemanufacturer'
-  import {getStorage} from '@/utils/auth'
-  import Pagination from '@/components/pagination'
-  import pageye from '@/components/pagination/pageye'
-  import divAdd from './xiaoshoudingdanAdd.vue'
-  import divInfo from './xiaoshoudingdanInfo.vue'
-  // import divPrint from './dayinxiangshezhi.vue'
-  // import xiaodaijinrongfanganInfo from '../../xiaodaijinrongfangan/xiaodaijinrongfanganinfo.vue'
-  // import hetongdanganguanliInfo from '@/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue'
+import { delBySids, dictType, getListOrg, getListPage } from '@/api/salesManagement/orderManagement'
+import { submitSales, updateSales } from '@/api/portal/workFlow'
+import { loginDetails } from '@/api/dictcommons/basemanufacturer'
+import { getStorage } from '@/utils/auth'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import divAdd from './xiaoshoudingdanAdd.vue'
+import divInfo from './xiaoshoudingdanInfo.vue'
+// import divPrint from './dayinxiangshezhi.vue'
+// import xiaodaijinrongfanganInfo from '../../xiaodaijinrongfangan/xiaodaijinrongfanganinfo.vue'
+// import hetongdanganguanliInfo from '@/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue'
 
-  export default {
-    name: 'xiaoshoudingdan',
-    components: {
-      Pagination,
-      pageye,
-      divAdd,
-      divInfo,
-      // divPrint,
-      // xiaodaijinrongfanganInfo,
-      // hetongdanganguanliInfo
-    },
-    data() {
-      return {
-        isableSub: false,
-        viewState: 1, // 1、列表 2、添加 3、修改 4、查看
-        xiaodaijinrongfanganInfoShow: false,
-        hetongdanganguanliAddShow: false,
-        userSid: '',
-        treedata: [],
-        payTypeList: [],
-        saleTypeList: [],
-        isSearchShow: false,
-        searchxianshitit: '隐藏查询条件',
-        // 查询 -----------
-        tableKey: 0,
-        addOrUpdatetypes: '',
-        list: [
-          {
-            name: '2345',
-            contractNum: '2222'
-          }
-        ],
-        sids: [],
-        defaultProps: {
-          children: 'children',
-          label: 'name'
-        },
-        total: 1,
-        listLoading: false,
-        listQuery: {
-          current: 1,
-          size: 20,
-          params: {
-            customerName: '',
-            modelName: '',
-            orgName: '',
-            payType: '',
-            saleType: '',
-            staffName: ''
-          }
-        },
-        temp: {
-          contactMobile: '1'
-        }, // 添加和修改
-        nodeState: '', // 节点状态
-        submitDto: {
-          businessSid: '',
-          userSid: window.sessionStorage.getItem('userSid')
-        },
-        updateDto: {
-          nodeState: '',
-          sid: ''
-        },
-        visible: true
-        // ------------------------------------
+export default {
+  name: 'xiaoshoudingdan',
+  components: {
+    Pagination,
+    pageye,
+    divAdd,
+    divInfo,
+    // divPrint,
+    // xiaodaijinrongfanganInfo,
+    // hetongdanganguanliInfo
+  },
+  data() {
+    return {
+      isableSub: false,
+      viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+      xiaodaijinrongfanganInfoShow: false,
+      hetongdanganguanliAddShow: false,
+      userSid: '',
+      treedata: [],
+      payTypeList: [],
+      saleTypeList: [],
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      // 查询 -----------
+      tableKey: 0,
+      addOrUpdatetypes: '',
+      list: [
+        {
+          name: '2345',
+          contractNum: '2222'
+        }
+      ],
+      sids: [],
+      nodeState_list: [],
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+      total: 1,
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 20,
+        params: {
+          customerName: '',
+          modelName: '',
+          orgName: '',
+          payType: '',
+          saleType: '',
+          staffName: ''
+        }
+      },
+      temp: {
+        contactMobile: '1'
+      }, // 添加和修改
+      nodeState: '', // 节点状态
+
+      visible: true
+      // ------------------------------------
+    }
+  },
+  computed: {},
+  created() {
+    // 加载列表
+    this.getList()
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
       }
     },
-    computed: {},
-    created() {
-      // 加载列表
+    init() {
+    },
+    // ----------功能打开开始--------
+    resetState() {
+      this.visible = true
       this.getList()
     },
-    methods: {
-      // 搜索条件效果
-      clicksearchShow() {
-        this.isSearchShow = !this.isSearchShow
-        if (this.isSearchShow) {
-          this.searchxianshitit = '隐藏查询条件'
-        } else {
-          this.searchxianshitit = '显示查询条件'
-        }
-      },
-      init() {
-      },
-      // ----------功能打开开始--------
-      resetState() {
-        this.visible = true
-        this.getList()
-      },
-      xiaoshouhetong(row) {
-        console.log('9511', row)
-        this.visible = false
-        this.$refs['hetongdanganguanli-Info'].showOrderHeTong(row.sid)
-      },
-      // 打开查看详情
-      handleCheck(row) {
-        this.visible = false
-        this.$refs['dingdanxinxiinfo'].showInfo(row.billNo)
-      },
-      // 打开添加
-      handleCreate(row) {
+    xiaoshouhetong(row) {
+      console.log('9511', row)
+      this.visible = false
+      this.$refs['hetongdanganguanli-Info'].showOrderHeTong(row.sid)
+    },
+    // 打开查看详情
+    handleCheck(row) {
+      this.visible = false
+      this.$refs['dingdanxinxiinfo'].showInfo(row.billNo)
+    },
+    // 打开添加
+    handleCreate(row) {
+      this.visible = false
+      this.$refs['divadd'].showAdd()
+    },
+    // 办理
+    changeNodeState(row) {
+      if (row.nodeState == '') {
         this.visible = false
-        this.$refs['divadd'].showAdd()
-      },
-      // 办理
-      changeNodeState(row) {
-        if (row.nodeState == '') {
-          this.visible = false
-          this.$refs['divadd'].showEdit(row.sid)
+        this.$refs['divadd'].showEdit(row.sid)
+      }
+    },
+    // 进入详情
+    openInfo() {
+      this.visible = false
+      this.$refs['dingdanxinxiinfo'].showInfo()
+    },
+    printContract(row) {
+      this.visible = false
+      this.$refs['divPrint'].showInfo(row)
+    },
+
+    // ----------功能打开结束--------
+    // ----------功能打开下一级页面开始--------
+    noClickclose() {
+      this.xiaodaijinrongfanganInfoShow = false
+      this.hetongdanganguanliAddShow = false
+      this.viewState = 1
+    },
+
+    // 打开消贷业务详情
+    handleCheckxiaodai() {
+      this.viewState = false
+      this.xiaodaijinrongfanganInfoShow = true
+      this.hetongdanganguanliAddShow = false
+    },
+    // ----------功能打开下一级页面结束--------
+    // 重置
+    handleReset() {
+      this.listQuery.params.customerName = ''
+      this.listQuery.params.modelName = ''
+      this.listQuery.params.orgName = ''
+      this.listQuery.params.payType = ''
+      this.listQuery.params.saleType = ''
+      this.listQuery.params.staffName = ''
+      this.listQuery.params.createDateEnd = ''
+      this.listQuery.params.createDateStart = ''
+      //   // this.getList()
+    },
+    // 返回
+    handleReturn() {
+      this.$router.go(-1)
+    },
+
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      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()
         }
-      },
-      printContract(row) {
-        this.visible = false
-        this.$refs['divPrint'].showInfo(row)
-      },
+      })
+    },
+    // 支付方式 purchaseType
+    getpayTypeList() {
+      dictType({
+        type: 'purchaseType',
+      }).then((response) => {
+        if (response.code === '200' && response.data) {
+          this.payTypeList = response.data
 
-      // ----------功能打开结束--------
-      // ----------功能打开下一级页面开始--------
-      noClickclose() {
-        this.xiaodaijinrongfanganInfoShow = false
-        this.hetongdanganguanliAddShow = false
-        this.viewState = 1
-      },
+          this.getpaySaleList()
+        }
+      })
+    },
+    // 提车方式 saleType
+    getpaySaleList() {
+      dictType({
+        type: 'saleType'
+      }).then((response) => {
+        if (response.code === '200' && response.data) {
+          this.saleTypeList = response.data
+        }
+      })
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      getListPage(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (
+          response.code === '200' &&
+          response.data &&
+          response.data.total > 0
+        ) {
+          this.list = response.data.records
+          this.total = response.data.total
+          this.getHuoquyonghu()
+        } else {
+          this.list = []
+          this.total = 0
+        }
+      })
+    },
 
-      // 打开消贷业务详情
-      handleCheckxiaodai() {
-        this.viewState = false
-        this.xiaodaijinrongfanganInfoShow = true
-        this.hetongdanganguanliAddShow = false
-      },
-      // ----------功能打开下一级页面结束--------
-      // 重置
-      handleReset() {
-        this.listQuery.params.customerName = ''
-        this.listQuery.params.modelName = ''
-        this.listQuery.params.orgName = ''
-        this.listQuery.params.payType = ''
-        this.listQuery.params.saleType = ''
-        this.listQuery.params.staffName = ''
-        this.listQuery.params.createDateEnd = ''
-        this.listQuery.params.createDateStart = ''
-        //   // this.getList()
-      },
-      // 返回
-      handleReturn() {
-        this.$router.go(-1)
-      },
-      // 序号
-      indexMethod(index) {
-        var pagestart = (this.listQuery.current - 1) * this.listQuery.size
-        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({
-          type: 'purchaseType',
-        }).then((response) => {
-          if (response.code === '200' && response.data) {
-            this.payTypeList = response.data
+    handleCheckChange(data, checked, node) {
+      this.listQuery.params.orgName = data.name
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
 
-            this.getpaySaleList()
-          }
-        })
-      },
-      // 提车方式 saleType
-      getpaySaleList() {
-        dictType({
-          type: 'saleType'
-        }).then((response) => {
-          if (response.code === '200' && response.data) {
-            this.saleTypeList = response.data
-          }
-        })
-      },
-      // 查询列表信息
-      getList() {
-        this.listLoading = true
-        getPageList(this.listQuery).then((response) => {
-          this.listLoading = false
-          if (
-            response.code === '200' &&
-            response.data &&
-            response.data.total > 0
-          ) {
-            this.list = response.data.records
-            this.total = response.data.total
-            this.getHuoquyonghu()
-          } else {
-            this.list = []
-            this.total = 0
-          }
-        })
-      },
+    // 勾选
+    handleSelectionChange(row) {
+      const aa = []
+      const bb = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+        bb.push(element.nodeState)
+      })
+      this.sids = aa
+      this.nodeState_list = bb
+    },
 
-      handleCheckChange(data, checked, node) {
-        this.listQuery.params.orgName = data.name
-      },
-      // 查询按钮
-      handleFilter() {
-        this.listQuery.current = 1
-        this.getList()
-      },
+    // 获取用户信息
+    getHuoquyonghu() {
+      var token = getStorage()
+      loginDetails(token).then((response) => {
+        if (response.code === '200') {
+          this.userSid = response.data.sid
+          this.getOrgList()
+        }
+      })
+    },
 
-      // 勾选
-      handleSelectionChange(row) {
-        const aa = []
-        row.forEach((element) => {
-          aa.push(element.sid)
-          console.log(element.sid)
-          // setuser(this.sids)
+    // 提交审核
+    handleSubmit() {
+      if (this.sids.length == 1) {
+        this.$confirm('是否确定提交该业务', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.submitDto.businessSid = this.sids[0]
+          submitSales(this.submitDto).then((response) => {
+            if (response.code === '200') {
+              this.updateDto.nodeState = response.data.nodeState
+              this.$notify({
+                title: '提示',
+                message: '添加成功',
+                type: 'success',
+                duration: 2000
+              })
+              // 更新审批 状态
+              this.updateDto.sid = this.sids[0]
+              updateSales(this.updateDto).then((response) => {
+                if (response.code === '200') {
+                  this.$notify({
+                    title: '提示',
+                    message: '更新成功',
+                    type: 'success',
+                    duration: 2000
+                  })
+                  this.getList()
+                } else {
+                  this.$notify({
+                    title: '更新失败',
+                    message: response.msg,
+                    type: 'error'
+                  })
+                }
+              })
+            } else {
+              this.$notify({
+                title: '添加失败',
+                message: response.msg,
+                type: 'error'
+              })
+            }
+          })
         })
-        this.sids = aa
-        const bb = []
-        row.forEach((element) => {
-          bb.push(element.nodeState)
-          console.log(element.nodeState)
-          if (element.nodeState !== '') {
-            this.isableSub = true
-          } else if (element.nodeState == '') {
-            this.isableSub = false
-          }
+      } else if (this.sids.length == 0) {
+        this.$notify({
+          title: '您还未选择，请选择数据！！！',
+          type: 'error'
         })
-      },
-      // 获取用户信息
-      getHuoquyonghu() {
-        var token = getStorage()
-        loginDetails(token).then((response) => {
-          if (response.code === '200') {
-            this.userSid = response.data.sid
-            this.getOrgList()
-          }
+      } else if (this.sids.length > 1) {
+        this.$notify({
+          title: '您选择的数据过多，请选择一条数据编辑！！',
+          type: 'error'
         })
-      },
-
-      // 提交审核
-      handleSubmit() {
-        if (this.sids.length == 1) {
-          this.$confirm('是否确定提交该业务', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          }).then(() => {
-            this.submitDto.businessSid = this.sids[0]
-            submitSales(this.submitDto).then((response) => {
-              if (response.code === '200') {
-                this.updateDto.nodeState = response.data.nodeState
-                this.$notify({
-                  title: '提示',
-                  message: '添加成功',
-                  type: 'success',
-                  duration: 2000
-                })
-                // 更新审批 状态
-                this.updateDto.sid = this.sids[0]
-                updateSales(this.updateDto).then((response) => {
-                  if (response.code === '200') {
-                    this.$notify({
-                      title: '提示',
-                      message: '更新成功',
-                      type: 'success',
-                      duration: 2000
-                    })
-                    this.getList()
-                  } else {
-                    this.$notify({
-                      title: '更新失败',
-                      message: response.msg,
-                      type: 'error'
-                    })
-                  }
-                })
-              } else {
-                this.$notify({
-                  title: '添加失败',
-                  message: response.msg,
-                  type: 'error'
-                })
-              }
-            })
-          })
-        } else if (this.sids.length == 0) {
+      }
+    },
+    // 根据本行sid删除数据
+    handleDelete() {
+      if (this.sids.length === 0) {
+        this.$notify({
+          title: '提示',
+          message: '没有选择!!',
+          type: 'warning',
+          duration: 2000
+        })
+        return
+      }
+      delBySids(this.sids.join(',')).then((response) => {
+        if (response.code === '200') {
           this.$notify({
-            title: '您还未选择，请选择数据！！！',
-            type: 'error'
+            title: '提示',
+            message: '删除成功',
+            type: 'success',
+            duration: 2000
           })
-        } else if (this.sids.length > 1) {
+          this.getList()
+        } else {
           this.$notify({
-            title: '您选择的数据过多，请选择一条数据编辑！！',
+            title: '删除失败',
+            message: response.msg,
             type: 'error'
           })
         }
-      },
-      // 提交
-      // submitOrder() {
-      //   submitOrder(this.userSid, this.sids.join(',')).then((response) => {
-      //     if (response.code === '200') {
+      })
+    },
+    // 导出
+    handleDaoChu(row) {
+      this.$confirm('确定要导出数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+      // .then(() => {
+      //   const tempData = Object.assign({}, row) // copy obj
+      //   // console.log('测试删除ID' + JSON.stringify(tempData.id))
+      //   delServiceType(tempData.id).then(response => {
+      //     if (response.code === 20000) {
+      //       // console.log('测试删除' + JSON.stringify(response))
       //       this.$notify({
       //         title: '提示',
-      //         message: '删除成功',
+      //         message: '导出成功',
       //         type: 'success',
-      //         duration: 2000,
+      //         duration: 2000
       //       })
       //       this.getList()
       //     } else {
       //       this.$notify({
-      //         title: '删除失败',
+      //         title: '失败',
       //         message: response.msg,
-      //         type: 'error',
+      //         type: 'error'
       //       })
       //     }
       //   })
-      // },
-      // 根据本行ID删除数据
-      handleDelete() {
-        if (this.sids.length === 0) {
-          this.$notify({
-            title: '提示',
-            message: '没有选择!!',
-            type: 'warning',
-            duration: 2000
-          })
-          return
-        }
-        deleteByids(this.sids.join(',')).then((response) => {
-          if (response.code === '200') {
-            this.$notify({
-              title: '提示',
-              message: '删除成功',
-              type: 'success',
-              duration: 2000
-            })
-            this.getList()
-          } else {
-            this.$notify({
-              title: '删除失败',
-              message: response.msg,
-              type: 'error'
-            })
-          }
-        })
-      },
-      // 导出
-      handleDaoChu(row) {
-        this.$confirm('确定要导出数据, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        })
-        // .then(() => {
-        //   const tempData = Object.assign({}, row) // copy obj
-        //   // console.log('测试删除ID' + JSON.stringify(tempData.id))
-        //   delServiceType(tempData.id).then(response => {
-        //     if (response.code === 20000) {
-        //       // console.log('测试删除' + JSON.stringify(response))
-        //       this.$notify({
-        //         title: '提示',
-        //         message: '导出成功',
-        //         type: 'success',
-        //         duration: 2000
-        //       })
-        //       this.getList()
-        //     } else {
-        //       this.$notify({
-        //         title: '失败',
-        //         message: response.msg,
-        //         type: 'error'
-        //       })
-        //     }
-        //   })
-        // })
-        // .catch(() => {
-        //   this.$message({
-        //     type: 'info',
-        //     message: '已取消'
-        //   })
-        // })
-      },
-      // 添加修改返回
-      AddUpdateReturn() {
-        this.visible = true
-      },
-      // 添加保存完成
-      dataCreated() {
-        this.visible = true
-        this.getList()
-      },
-      // 修改保存完成
-      dataUpdated() {
-        this.visible = true
-        this.getList()
-      }
+      // })
+      // .catch(() => {
+      //   this.$message({
+      //     type: 'info',
+      //     message: '已取消'
+      //   })
+      // })
+    },
+    // 添加修改返回
+    AddUpdateReturn() {
+      this.visible = true
+    },
+    // 添加保存完成
+    dataCreated() {
+      this.visible = true
+      this.getList()
+    },
+    // 修改保存完成
+    dataUpdated() {
+      this.visible = true
+      this.getList()
     }
   }
+}
 </script>
 <style scoped>
-  .filter-item {
-    padding: 0 10px;
-    width: 220px;
-    display: inline-block;
-  }
+.filter-item {
+  padding: 0 10px;
+  width: 220px;
+  display: inline-block;
+}
 
-  /* .filter-item-time {
+/* .filter-item-time {
     padding: 0 10px;
     width: 300px;
     display: inline-block;
   } */
-  /* .listcon{height: calc(100vh - 550px);overflow-y: auto;overflow-x: hidden;} */
+/* .listcon{height: calc(100vh - 550px);overflow-y: auto;overflow-x: hidden;} */
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue
index 613e3db76b..e6a8323108 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue
@@ -2,12 +2,14 @@
   <div class="app-container">
     <div v-show="relState == '1'">
       <div class="tab-header webtop">
-        <div v-if="state === '0'">【新增】销售订车单</div>
+        <div v-if="dialogStatus === 'add'">【新增】销售订车单</div>
         <div v-else>【修改】销售订车单</div>
         <!-- <div v-else></div> -->
         <div>
           <el-button type="primary" size="small" :disabled="FormLoading" @click="handleCreate()">保存</el-button>
-          <el-button type="primary" size="small" :disabled="this.nodeState == ''?false:true" @click="handleSubmit()">
+          <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>
@@ -15,32 +17,22 @@
       </div>
       <div class="listconadd">
         <el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules">
-          <!-- --------------------------订单----------------- -->
+          <!-- ----------s----------------订单----------------- -->
           <div class="tit">
             销售订单
             <div class="times">
               <div>
-                <span>销售机构：</span>
-                <span>{{ temp.busOrderDto.billNo }}</span>
+                <span>销售部门：</span>
+                <span>{{ temp.orgName }}</span>
               </div>
               <div>
-                <span>编号：</span>
-                <span>{{ temp.busOrderDto.createDate }}</span>
+                <span>销售专员：</span>
+                <span>{{ temp.staffName }}</span>
+              </div>
+              <div>
+                <span>制单日期：</span>
+                <span>{{ temp.createDate }}</span>
               </div>
-            </div>
-          </div>
-          <div class="times02">
-            <div>
-              <span>销售部门：</span>
-              <span>{{ temp.busOrderDto.orgName}}</span>
-            </div>
-            <div>
-              <span>销售专员：</span>
-              <span>{{ temp.busOrderDto.staffName }}</span>
-            </div>
-            <div>
-              <span>制单日期：</span>
-              <span>{{ temp.busOrderDto.createDate }}</span>
             </div>
           </div>
           <!-- ==================== 客户信息 ======================================== -->
@@ -51,17 +43,17 @@
             </el-col>
             <el-col :span="9">
               <el-form-item prop="customerName">
-                <span>{{ temp.busOrderDto.customerName }}</span>
-                <!--                <el-select v-model="temp.busOrderDto.customerSid" class="addinputw customer_sel" clearable filterable-->
-                <!--                           placeholder="请选择" @change="customerChange">-->
-                <!--                  <el-option v-for="item in customerList" :key="item.sid" :label="item.customerName"-->
-                <!--                             :value="item.sid"/>-->
-                <!--                </el-select>-->
-                <el-button type="primary" size="small" class="btntopblueline chooseForm"
-                           @click="openCustomerList()">选择客户
+                <span>{{ temp.customerName }}</span>
+                <!--    <el-select v-model="temp.busOrderDto.customerSid" class="addinputw customer_sel" clearable filterable-->
+                <!--               placeholder="请选择" @change="customerChange">-->
+                <!--      <el-option v-for="item in customerList" :key="item.sid" :label="item.customerName"-->
+                <!--                 :value="item.sid"/>-->
+                <!--    </el-select>-->
+                <el-button class="btntopblueline chooseForm" size="small" type="primary" @click="openCustomerList()">
+                  选择客户
                 </el-button>
-                <el-button type="primary" size="small" class="btntopblueline chooseForm"
-                           @click="openCustomerCreate()">新增客户
+                <el-button class="btntopblueline chooseForm" size="small" type="primary" @click="openCustomerCreate()">
+                  新增客户
                 </el-button>
               </el-form-item>
             </el-col>
@@ -70,7 +62,7 @@
             </el-col>
             <el-col :span="9">
               <el-form-item prop="mobile">
-                <el-input v-model="temp.busOrderDto.mobile" placeholder="请输入联系电话" class="addinputw" clearable/>
+                <span>{{ temp.mobile }}</span>
               </el-form-item>
             </el-col>
           </el-row>
@@ -80,16 +72,11 @@
             </el-col>
             <el-col :span="9">
               <el-form-item prop="billingType">
-                <el-radio-group v-model="temp.busOrderDto.billingTypeKey">
-                  <el-radio :label="3">机动车销售统一发票</el-radio>
-                  <el-radio :label="6">增值税专用发票</el-radio>
-                  <el-radio :label="9">普通发票</el-radio>
+                <el-radio-group v-model="temp.billingTypeKey">
+                  <el-radio v-for="item in billingType_list" :key="item.dictKey" :label="item.dictKey"
+                            @change="billingTypeChange">{{ item.dictValue }}
+                  </el-radio>
                 </el-radio-group>
-                <!--                <el-radio-group v-model="temp.busOrderDto.saleTypeKey">-->
-                <!--                  <el-radio v-for="item in saleTypeList" :key="item.dictKey" :label="item.dictKey"-->
-                <!--                            @change="radioSaleTypeChange">{{ item.dictValue }}-->
-                <!--                  </el-radio>-->
-                <!--                </el-radio-group>-->
               </el-form-item>
             </el-col>
             <el-col :span="3">
@@ -97,10 +84,10 @@
             </el-col>
             <el-col :span="9">
               <el-form-item prop="billingType">
-                <el-radio-group v-model="temp.busOrderDto.payTypeKey">
-                  <el-radio :label="3">全款</el-radio>
-                  <el-radio :label="6">担保贷款</el-radio>
-                  <el-radio :label="9">非担保贷款</el-radio>
+                <el-radio-group v-model="temp.payTypeKey">
+                  <el-radio v-for="item in payType_list" :key="item.dictKey" :label="item.dictKey"
+                            @change="payTypeChange">{{ item.dictValue }}
+                  </el-radio>
                 </el-radio-group>
               </el-form-item>
             </el-col>
@@ -110,10 +97,12 @@
               <span>挂靠公司</span>
             </el-col>
             <el-col :span="9">
-              <el-form-item prop="busOrderDto.certificateType">
-                <el-select v-model="temp.busOrderDto.affiliatCompanySid" class="addinputw" clearable filterable
-                           placeholder="请选择">
-                  <el-option v-for="item in guaKaoCompanyList" :key="item.sid" :label="item.orgName" :value="item.sid"/>
+              <el-form-item prop="affiliatedCompanySid">
+                <el-select v-model="temp.affiliatedCompanySid"
+                           @change="affiliatedCompanyChange(temp.affiliatedCompanySid)" class="addinputw" clearable
+                           filterable placeholder="请选择">
+                  <el-option v-for="item in guaKaoCompanyList" :key="item.sid" :label="item.orgName"
+                             :value="item.sid"/>
                 </el-select>
               </el-form-item>
             </el-col>
@@ -123,14 +112,11 @@
           <div class="titleleft">
             <span>车型确定</span>
             <div class="chooseForm">
-              <el-button type="primary" size="small" class="btntopblueline"
-                         @click="openYixiang()">意向车型选择
+              <el-button class="btntopblueline" size="small" type="primary" @click="openYixiang()">意向车型选择
               </el-button>
-              <el-button type="primary" size="small" class="btntopblueline"
-                         @click="openXunidingdan()">虚拟订单选择
+              <el-button class="btntopblueline" size="small" type="primary" @click="openXunidingdan()">虚拟订单选择
               </el-button>
-              <el-button type="primary" size="small" class="btntopblueline"
-                         @click="openChexing()">车型选择
+              <el-button class="btntopblueline" size="small" type="primary" @click="openChexing()">车型选择
               </el-button>
             </div>
           </div>
@@ -139,8 +125,8 @@
               <span>车型名称</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="">
-                <!--                <span>{{temp.modelList.modelName}}</span>-->
+              <el-form-item>
+                <span>{{ temp.busSalesOrderModel.modelName }}</span>
               </el-form-item>
             </el-col>
           </el-row>
@@ -149,8 +135,8 @@
               <span>车型配置</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="">
-                <span>{{temp.modelList.modelConfig}}</span>
+              <el-form-item>
+                <span>{{ temp.busSalesOrderModel.modelConfig }}</span>
               </el-form-item>
             </el-col>
           </el-row>
@@ -159,8 +145,8 @@
               <span>常用配置</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="">
-                <span>{{temp.modelList.config}}</span>
+              <el-form-item>
+                <span>{{ temp.busSalesOrderModel.config }}</span>
               </el-form-item>
             </el-col>
           </el-row>
@@ -169,8 +155,8 @@
               <span>更多配置</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="">
-                <span>{{temp.modelList.moreConfig}}</span>
+              <el-form-item>
+                <span>{{ temp.busSalesOrderModel.moreConfig }}</span>
               </el-form-item>
             </el-col>
           </el-row>
@@ -179,10 +165,9 @@
               <span>特殊配置说明</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="">
-                <el-input v-model="temp.modelList.specialConfig" maxlength="125" placeholder="请输入特殊配置说明"
-                          class="addinputw"
-                          clearable/>
+              <el-form-item>
+                <el-input v-model="temp.busSalesOrderModel.specialConfig" class="addinputw" clearable
+                          maxlength="125" placeholder="请输入特殊配置说明"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -191,17 +176,17 @@
               <span>单台指导价</span>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="">
-                <span>{{temp.modelList.guildPrice}}</span>
+              <el-form-item>
+                <span>{{ temp.busSalesOrderModel.guildPrice }}</span>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <span>单台成交价</span>
             </el-col>
             <el-col :span="8">
-              <el-form-item prop="">
-                <el-input v-model="temp.modelList.finalPrice" maxlength="125" placeholder="请输入单台成交价" class="addinputw"
-                          clearable/>
+              <el-form-item>
+                <el-input v-model="temp.busSalesOrderModel.finalPrice" class="addinputw" clearable
+                          maxlength="125" placeholder="请输入单台成交价"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -210,34 +195,41 @@
           <div class="chosseBtn">
             <el-row>
               <el-col :span="4">
-                <el-radio v-model="temp.modelDto.modelInfo" label="1">现车()</el-radio>
+                <el-radio v-model="isXuanzeShow" label="1">现车()</el-radio>
+                <span v-show="isXuanzeShow == '1'" class="bluezi" @click="openXianche()">选择</span>
               </el-col>
-              <el-col :span="20"> <!--放置五个车架号-->
-                <el-form-item prop="">
-                  <!--                  <div v-for="item in ">-->
-                  <!--                    <span>{{item}}</span>-->
-                  <!--                    <el-button type="danger" size="small" @click="openYixiang()">删除-->
-                  <!--                    </el-button>-->
-                  <!--                  </div>-->
+              <el-col :span="20">
+                <!--放置五个车架号-->
+                <el-form-item>
+                  <div v-for="item in temp.busSalesOrderVehicleList">
+                    <span>{{ item.linkNo }}</span>
+                    <el-button size="small" type="danger" @click="delXianche()">删除
+                    </el-button>
+                  </div>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="4">
-                <el-radio v-model="temp.modelDto.modelInfo" label="2">采购订单()</el-radio>
+                <el-radio v-model="isXuanzeShow" label="2">采购订单()</el-radio>
+                <span v-show="isXuanzeShow == '2'" class="bluezi" @click="openCaigou()">选择</span>
               </el-col>
               <el-col :span="20">
-                <el-form-item prop="">
-
+                <el-form-item>
+                  <div v-for="item in temp.busSalesVehicleOrderList">
+                    <span>{{ item.linkNo }}</span>
+                    <el-button size="small" type="danger" @click="delCaigou()">删除
+                    </el-button>
+                  </div>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="4">
-                <el-radio v-model="temp.modelDto.modelInfo" label="3">排产()</el-radio>
+                <el-radio v-model="isXuanzeShow" label="3">排产()</el-radio>
               </el-col>
               <el-col :span="20">
-                <el-form-item prop="">
+                <el-form-item>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -253,32 +245,35 @@
                 <span>上装名称</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.topName" placeholder="请输入上装名称" class="addinputw" clearable/>
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.topName" class="addinputw" clearable
+                            placeholder="请输入上装名称"/>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
                 <span>委改方式</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.refitMethod" placeholder="请输入委改方式" class="addinputw" clearable/>
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.refitMethod" class="addinputw" clearable
+                            placeholder="请输入委改方式"/>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
                 <span>委改厂</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.refitFactory" placeholder="请输入委改厂" class="addinputw" clearable/>
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.refitFactory" class="addinputw" clearable
+                            placeholder="请输入委改厂"/>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
                 <span>外廓尺寸</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.overallDimension" placeholder="请输入外廓尺寸" class="addinputw"
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.overallDimension" class="addinputw" placeholder="请输入外廓尺寸"
                             clearable/>
                 </el-form-item>
               </el-col>
@@ -288,16 +283,17 @@
                 <span>板材材质</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.plateMaterial" placeholder="请输入板材材质" class="addinputw" clearable/>
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.plateMaterial" class="addinputw" clearable
+                            placeholder="请输入板材材质"/>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
                 <span>板材厚度</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.plateThickness" placeholder="请输入板材厚度" class="addinputw"
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.plateThickness" class="addinputw" placeholder="请输入板材厚度"
                             clearable/>
                 </el-form-item>
               </el-col>
@@ -305,8 +301,8 @@
                 <span>公告型号</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.announcementModel" placeholder="请输入公告型号" class="addinputw"
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.announcementModel" class="addinputw" placeholder="请输入公告型号"
                             clearable/>
                 </el-form-item>
               </el-col>
@@ -314,8 +310,9 @@
                 <span>上装价格</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.topPrice" placeholder="请输入上装价格" class="addinputw" clearable/>
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.topPrice" class="addinputw" clearable
+                            placeholder="请输入上装价格"/>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -324,8 +321,8 @@
                 <span>更多配置</span>
               </el-col>
               <el-col :span="10">
-                <el-form-item prop="">
-                  <el-input type="textarea" v-model="temp.busOrderDto.moreConfig" placeholder="请输入更多配置"
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.moreConfig" placeholder="请输入更多配置" type="textarea"
                             class="addinputw" clearable/>
                 </el-form-item>
               </el-col>
@@ -333,7 +330,7 @@
                 <span>合同上传</span>
               </el-col>
               <el-col :span="10">
-                <el-form-item prop="">
+                <el-form-item>
 
                 </el-form-item>
               </el-col>
@@ -343,9 +340,9 @@
                 <span>备注说明</span>
               </el-col>
               <el-col :span="22">
-                <el-form-item prop="">
-                  <el-input type="textarea" v-model="temp.busOrderDto.remarks" placeholder="请输入备注说明" class="addinputw"
-                            clearable/>
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderMakeup.remarks" class="addinputw" clearable
+                            placeholder="请输入备注说明" type="textarea"/>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -364,16 +361,18 @@
                 <span>单台指导价</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <span>{{temp.busOrderDto.topName}}</span>
+                <el-form-item> <!--| NumberMul() temp.busSalesOrderPrice.singleGuildPrice-->
+                  <span>{{ NumberMul() }}</span>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
                 <span>单台成交价</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.refitMethod" placeholder="请输入单台成交价" class="addinputw" clearable/>
+                <el-form-item>
+                  <span>{{ NumberMulTwo() }}</span>
+                  <!--                  <el-input v-model="temp.busSalesOrderPrice.singleFinalPrice" class="addinputw" clearable-->
+                  <!--                            placeholder="请输入单台成交价"/>-->
                 </el-form-item>
               </el-col>
               <el-col :span="2"/>
@@ -382,8 +381,10 @@
                 <span>台数</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.overallDimension" placeholder="请输入台数" class="addinputw"
+                <el-form-item>
+                  <span v-show="isXuanzeShow == '1' || isXuanzeShow == '2'">{{ NumberMulThree() }}</span>
+                  <el-input v-show="isXuanzeShow == '3'" v-model="temp.busSalesOrderPrice.quantity" class="addinputw"
+                            placeholder="请输入台数"
                             clearable/>
                 </el-form-item>
               </el-col>
@@ -393,25 +394,28 @@
                 <span>车架合计</span>
               </el-col>
               <el-col :span="10">
-                <el-form-item prop="">
-                  <span>{{temp.busOrderDto.topName}}</span>
+                <el-form-item>
+                  <span>{{ NumberMulFour() }}</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 prop="">
-                  <el-input v-model="temp.busOrderDto.refitMethod" placeholder="请输入计划提车地点" class="addinputw" clearable/>
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderPrice.plannedPickUpLocation" class="addinputw"
+                            clearable placeholder="请输入计划提车地点"/>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
                 <span>预计提车日期</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.overallDimension" placeholder="请输入预计提车日期" class="addinputw"
-                            clearable/>
+                <el-form-item>
+                  <el-date-picker v-model="temp.busSalesOrderPrice.plannedPickUpDate" placeholder="选择日期" type="date"
+                                  value-format="yyyy-MM-dd">
+                  </el-date-picker>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -424,7 +428,7 @@
                 <el-button type="primary" size="small" class="btntopblueline zhucheBtn" @click="openZhuche()">选择
                 </el-button>
               </template>
-              <el-table :key="tableKey" v-loading="listLoading" :data="temp.busOrderDiscountDtoList" border fit
+              <el-table :key="tableKey" v-loading="listLoading" :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">
@@ -434,33 +438,34 @@
                 </el-table-column>
                 <el-table-column label="优惠名称" align="center">
                   <template slot-scope="scope">
-                    <span>{{scope.row.name}}</span>
+                    <span>{{ scope.row.name }}</span>
                   </template>
                 </el-table-column>
                 <el-table-column label="价值" align="center">
                   <template slot-scope="scope">
-                    <span>{{scope.row.price}}</span>
+                    <span>{{ scope.row.price }}</span>
                   </template>
                 </el-table-column>
                 <el-table-column label="优惠项目说明" align="center">
                   <template slot-scope="scope">
-                    <span>{{scope.row.discountExplain}}</span>
+                    <span>{{ scope.row.discountExplain }}</span>
                   </template>
                 </el-table-column>
                 <el-table-column label="数量" align="center">
                   <template slot-scope="scope">
-                    <span>{{scope.row.num}}</span>
+                    <el-input-number v-model="scope.row.num" :max="1000" :min="0" label="描述文字"
+                                     @change="handleChangeNum($event,scope.row)">
+                    </el-input-number>
                   </template>
                 </el-table-column>
                 <el-table-column label="总价值" align="center">
                   <template slot-scope="scope">
-                    <span>{{scope.row.totalValue}}</span>
+                    <span>{{ scope.row.totalValue }}</span>
                   </template>
                 </el-table-column>
               </el-table>
             </el-collapse-item>
           </el-collapse>
-
           <!-- ==================== 保险说明 ======================================== -->
           <div class="titleleft">
             <span>保险说明</span>
@@ -471,25 +476,27 @@
               <span>保险公司名称</span>
             </el-col>
             <el-col :span="4" class="baoxianInput">
-              <el-form-item prop="">
-                <el-input v-model="temp.busOrderDto.insuranceName" placeholder="请输入保险公司名称" class="addinputw" clearable/>
+              <el-form-item>
+                <el-input v-model="temp.busSalesOrderInsurance.insuranceName" class="addinputw" clearable
+                          placeholder="请输入保险公司名称"/>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <span>单台车保费预估金额</span>
             </el-col>
             <el-col :span="4" class="baoxianInput">
-              <el-form-item prop="">
-                <el-input v-model="temp.busOrderDto.insuranceCarMoney" placeholder="请输入单台车保费预估金额" class="addinputw"
-                          clearable/>
+              <el-form-item>
+                <el-input v-model="temp.busSalesOrderInsurance.insuranceCarMoney" class="addinputw"
+                          clearable placeholder="请输入单台车保费预估金额"/>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <span>公司入保期数</span>
             </el-col>
             <el-col :span="4" class="baoxianInput">
-              <el-form-item prop="">
-                <el-input v-model="temp.busOrderDto.insuranceNum" placeholder="请输入公司入保期数" class="addinputw" clearable/>
+              <el-form-item>
+                <el-input v-model="temp.busSalesOrderInsurance.insuranceNum" class="addinputw" clearable
+                          placeholder="请输入公司入保期数"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -498,8 +505,9 @@
               <span>备注</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="">
-                <el-input v-model="temp.busOrderDto.remarks" placeholder="请输入备注" class="addinputw" clearable/>
+              <el-form-item>
+                <el-input v-model="temp.busSalesOrderInsurance.remarks" class="addinputw" clearable
+                          placeholder="请输入备注"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -511,7 +519,6 @@
               <span> 预览总方案</span>
             </div>
           </div>
-
           <!-- ==================== 订金信息 ======================================== -->
           <div class="titleleft space_up">
             <span>订金信息</span>
@@ -522,48 +529,48 @@
                 <span>单台订金</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-input v-model="temp.busOrderDto.topName" placeholder="请输入上装名称" class="addinputw" clearable/>
+                <el-form-item>
+                  <el-input v-model="temp.busSalesOrderDeposit.deposit" class="addinputw" clearable
+                            placeholder="请输入单台订金"/>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
                 <span>订金合计</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <span>{{temp.busOrderDto.refitMethod}}</span>
+                <el-form-item>
+                  <!--                  <span>{{ temp.busSalesOrderDeposit.depositAll }}</span>-->
+                  <span>{{ NumberDepositAll() }}</span>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
                 <span>订金交纳方式</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <el-radio v-model="temp.busOrderDto.overallDimension" label="1">现交订金</el-radio>
-                  <el-radio v-model="temp.busOrderDto.overallDimension" label="2">订金结转</el-radio>
+                <el-form-item>
+                  <el-radio v-model="temp.busSalesOrderDeposit.depositTypeKey" label="01">现交订金</el-radio>
+                  <el-radio v-model="temp.busSalesOrderDeposit.depositTypeKey" label="02">订金结转</el-radio>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
                 <span>需补交定金</span>
               </el-col>
               <el-col :span="4">
-                <el-form-item prop="">
-                  <span>{{temp.busOrderDto.refitMethod}}</span>
+                <el-form-item>
+                  <span>{{ temp.busSalesOrderDeposit.makeUpDeposit }}</span>
                 </el-form-item>
               </el-col>
             </el-row>
           </div>
 
-
           <!-- ==================== 虚拟订单列表 ======================================== -->
-          <div>
+          <div v-show="temp.busSalesOrderDeposit.depositTypeKey == '2'">
             <div class="titleleft">
               <span>虚拟订单列表</span>
-              <el-button type="primary" size="small" class="btntopblueline chooseForm"
-                         @click="addXunidingjin()">添加
+              <el-button class="btntopblueline chooseForm" size="small" type="primary" @click="addXunidingjin()">添加
               </el-button>
             </div>
-            <el-table :key="tableKey2" v-loading="listLoading" :data="temp.busOrderDiscountDtoList" border fit
+            <el-table :key="tableKey2" v-loading="listLoading" :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">
@@ -573,7 +580,7 @@
               </el-table-column>
               <el-table-column label="虚拟订单编号" align="center">
                 <template slot-scope="scope">
-                  <span>{{scope.row.depositBillNo}}</span>
+                  <span>{{ scope.row.depositBillNo }}</span>
                   <el-button type="primary" size="small" class="btntopblueline chooseForm"
                              @click="openXunidingdanList()">选择
                   </el-button>
@@ -581,12 +588,15 @@
               </el-table-column>
               <el-table-column label="订金剩余金额" align="center">
                 <template slot-scope="scope">
-                  <span>{{scope.row.depositPrice}}</span>
+                  <span>{{ scope.row.depositPrice }}</span>
                 </template>
               </el-table-column>
               <el-table-column label="本次结转金额" align="center">
                 <template slot-scope="scope">
-                  <el-input v-model="scope.row.price" placeholder="请输入本次结转金额" class="addinputw" clearable/>
+                  <el-input @blur="handleJiezhuan(scope.row,scope.row.price)" v-model="scope.row.price"
+                            placeholder="请输入本次结转金额"
+                            class="addinputw"
+                            clearable/>
                 </template>
               </el-table-column>
               <el-table-column label="款项支付委托书" align="center">
@@ -608,509 +618,1424 @@
         </el-form>
       </div>
     </div>
-    <!-- 新增客户 -->
+    <!-- 打开新增客户 -->
+    <el-dialog :visible.sync="customerVisible" title="客户登记-类型" top="13%" width="28%">
+      <el-form :model="customerTypeList">
+        <el-form-item :label-width="formLabelWidth" class="diaForm" label="联络方式">
+          <el-select v-model="customerTypeList.visitWay" placeholder="请选择联络方式" @change="getVisitWay">
+            <el-option v-for="(item) in visitWay_list" :key="item.dictKey" :label="item.dictValue"
+                       :value="item.dictKey"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label-width="formLabelWidth" class="diaForm" label="客户类型">
+          <el-radio v-model="customerTypeList.customerType" label="个人">个人</el-radio>
+          <el-radio v-model="customerTypeList.customerType" label="企业">企业</el-radio>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="el-button-sure" type="primary" @click="handleOpen()">确 定</el-button>
+        <el-button @click="customerVisible = false">取 消</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- ======== 打开现车 ======== -->
+    <el-dialog :showClose="false" :visible.sync="xiancheVisible">
+      <div slot="title">
+        <span>选择车架号</span>
+        <div class="xiancheBtn">
+          <el-button type="primary" @click="selectionXianche()">确 定</el-button>
+          <el-button @click="xiancheVisible = false">取 消</el-button>
+        </div>
+      </div>
+      <div>
+        <el-form ref="listQueryform" :inline="true" :model="xiancheList" class="xiancheForm" label-width="100px">
+          <el-col :span="14">
+            <el-form-item label="车架号:">
+              <el-input v-model="xiancheList.params.linkNo" class="addinputw" placeholder="车架号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" class="dialogBtn">
+            <el-button type="primary" @click="handleXianche">查询</el-button>
+          </el-col>
+        </el-form>
+      </div>
+      <el-table :key="tableKey3" v-loading="xiancheLoading" :data="listXianche" border fit highlight-current-row
+                style="width: 100%;" @selection-change="handleSelectionXianche">
+        <el-table-column align="center" type="selection" width="50"/>
+        <el-table-column :index="xiancheindexMethod" align="center" label="序号" type="index" width="80"/>
+        <el-table-column align="center" label="订单编号" prop="billNo">
+          <template slot-scope="scope">
+            <span>{{ scope.row.billNo }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="制单日期">
+          <template slot-scope="scope">
+            <span>{{ scope.row.createDate }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="客户名称">
+          <template slot-scope="scope">
+            <span>{{ scope.row.customerName }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pages">
+        <div class="tit"/>
+        <!-- 翻页 -->
+        <pagination v-show="xianchetotal > 0" :limit.sync="xiancheList.size" :page.sync="xiancheList.current"
+                    :total="xianchetotal" class="pagination" @pagination="getXiancheList"/>
+      </div>
+    </el-dialog>
+
+    <!-- ======== 打开采购订单 ======== -->
+    <el-dialog :showClose="false" :visible.sync="caigouVisible" title="收货地址">
+      <div slot="title">
+        <span>选择采购订单编号</span>
+        <div class="xiancheBtn">
+          <el-button type="primary" @click="selectionCaigou()">确 定</el-button>
+          <el-button @click="caigouVisible = false">取 消</el-button>
+        </div>
+      </div>
+      <div>
+        <el-form ref="listQueryform" :inline="true" :model="caigouList" class="xiancheForm" label-width="120px">
+          <el-col :span="14">
+            <el-form-item label="采购订单编号:">
+              <el-input v-model="caigouList.params.linkNo" class="addinputw" placeholder="采购订单编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" class="dialogBtn">
+            <el-button type="primary" @click="handleCaigou">查询</el-button>
+          </el-col>
+        </el-form>
+      </div>
+      <el-table :key="tableKey4" v-loading="caigouLoading" :data="listCaigou" border fit highlight-current-row
+                style="width: 100%;" @selection-change="handleSelectionCaigou">
+        <el-table-column align="center" type="selection" width="50"/>
+        <el-table-column :index="caigouindexMethod" align="center" label="序号" type="index" width="80"/>
+        <el-table-column align="center" label="采购订单编号" prop="billNo">
+          <template slot-scope="scope">
+            <span>{{ scope.row.billNo }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="可使用台数" prop="billNo">
+          <template slot-scope="scope">
+            <span>{{ scope.row.useNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="本次使用台数" prop="billNo">
+          <template slot-scope="scope">
+            <el-input-number v-model="scope.row.usingNum" @change="changeUsingNum(scope.row,scope.row.usingNum)"
+                             :min="1" :max="100" label="描述文字"></el-input-number>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="采购订单日期">
+          <template slot-scope="scope">
+            <span>{{ scope.row.createDate }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pages">
+        <div class="tit"/>
+        <!-- 翻页 -->
+        <pagination v-show="caigoutotal > 0" :limit.sync="caigoutotal.size" :page.sync="caigouList.current"
+                    :total="caigoutotal" class="pagination" @pagination="getCaigouList()"/>
+      </div>
+    </el-dialog>
 
+    <!-- 新增客户 -->
     <xuanzekehu v-show="relState == '1.1'" ref="xuanzekehu" @doReturn="changeState"
                 @handleCustomerList="selectCustomer"/>
     <xuanzekehu-add v-show="relState == '1.2'" ref="xuanzekehuAdd" @doReturn="changeState"
                     @handleCustomerAdd="addCustomer"/>
-
+    <!-- 选择意向车型 -->
+    <yixiangchexingxuanze v-show="relState == '2.1'" ref="yixiangchexing" @doReturn="changeState"
+                          @handleyixiangList="selectYixiang"/>
+    <!-- 选择虚拟订单 -->
+    <xunidingdanxuanze v-show="relState == '2.2'" ref="xunidingdan" @doReturn="changeState"
+                       @handlexuniList="selectXuni"/>
+    <!-- 车型选择 -->
+    <modellibrary v-show="relState == '2.3'" ref="chexingxuanze" @doReturn="changeState"
+                  @handleChexing="selectChexing"/>
+    <!-- 车型配置选择 -->
+    <vehiclelibraryconfiguration v-show="relState == '6.6'" ref="chexingxuanze" @doReturn="changeState"
+                                 @handleChexing="selectChexing"/>
+    <!-- 销售政策 -->
+    <xiao-shou-zheng-ce v-show="relState == '4.1'" ref="zhucheyouhui" @doReturn="changeState"
+                        @handleYouhui="selectYouhui"/>
+    <!-- 虚拟订单 -->
+    <xunidingdanguanli v-show="relState == '5.1'" ref="xuniList" @doReturn="changeState"
+                       @handleXuniList="selectXuniList"/>
+    <!-- 提交补充页面-->
+    <xiaoshoudingdan-submit v-show="relState == '3'" ref="divsubmit" @doReturn="changeState"
+                            @handleSubmit="submitPage"/>
   </div>
-
 </template>
 
 <script>
-  import {mapGetters} from 'vuex'
-  import {
-    dictType,
-    getGuaKaoCompanyType,
-    getLikeGetCustomerName,
-    getOneBillNo,
-    getOneOrder,
-    getPdfByOrderSid,
-    saveOrderForm,
-    updateOrderForm,
-  } from '@/api/salesManagement/orderManagement'
-  import {getDelDis} from '@/api/jichuxinxi/busdeposit'
-  import {getNamesDown,} from '@/api/dictcommons/basemanufacturer'
-  import xuanzekehu from "./relation/xuanzekehu";
-  import xuanzekehuAdd from "./relation/xuanzekehuAdd";
+import {mapGetters} from 'vuex'
+import {
+  dictType,
+  getGuaKaoCompanyType,
+  getOneBillNo,
+  getOneOrder,
+  getPdfByOrderSid,
+  getXianList,
+  saveOrderForm,
+} from '@/api/salesManagement/orderManagement'
+import {getDelDis} from '@/api/jichuxinxi/busdeposit'
+import {getNamesDown,} from '@/api/dictcommons/basemanufacturer'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import xuanzekehu from "./relation/xuanzekehu";
+import xuanzekehuAdd from "./relation/xuanzekehuAdd";
+import yixiangchexingxuanze from "./relation/yixiangchexingxuanze";
+import xunidingdanxuanze from "./relation/xunidingdanxuanze";
+import modellibrary from "./relation/modellibrary";
+import vehiclelibraryconfiguration from "@/views/xiaoshouguanli/xiaoshoudingdan/relation/vehiclelibraryconfiguration";
+import xiaoShouZhengCe from "./relation/xiaoshouzhengce";
+import xunidingdanguanli from "./relation/xunidingdanguanli";
+import xiaoshoudingdanSubmit from "./xiaoshoudingdanSubmit";
+
+export default {
+  name: 'xiaoshoudingdanAdd',
+  components: {
+    Pagination,
+    pageye,
+    xuanzekehu,
+    xuanzekehuAdd,
+    yixiangchexingxuanze,
+    xunidingdanxuanze,
+    modellibrary,
+    xiaoShouZhengCe,
+    xunidingdanguanli,
+    xiaoshoudingdanSubmit,
+    vehiclelibraryconfiguration
+  },
+  data() {
+    return {
+      // 能确定有用的
+      viewTitle: '',
+      state: '',
+      relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择
+      // 4.1优惠明细 5.1虚拟订单
+      dialogStatus: 'add',
+      index: 0,
+      customerVisible: false,
+      xiancheVisible: false,
+      caigouVisible: false,
+      formLabelWidth: '110px',
+      disabled: false,
+      checked: false, // 上装
+      checkedGua: false, // 挂车
+      checkedBaoxian: false, // 保险
+      activeNames: ['1'], // 折叠面板效果
+      contractPdfView: false, // 预览合同
+      contractPdf: '', // pdf文件地址
+      customer_list: [],
+      payTypeList: [],
+      billingType_list: [], // 单选开票类型
+      payType_list: [],
+      guaKaoCompanyList: [],
+      visitWay_list: [],
+      tableKey: 0,
+      tableKey2: 1,
+      tableKey3: 2,
+      tableKey4: 3,
+      FormLoading: false, // 控制保存按钮
+      listLoading: false,
+      nodeState: '', // 节点状态
+      orderSid: '', // 预览合同需要的sid
+      // 客户登记
+      customerTypeList: {
+        visitWay: '', // 联络方式
+        visitWayKey: '',
+        customerType: ''// 客户类型
+      },
+      temp: {
+        affiliatedCompany: '',  //挂靠公司名称
+        affiliatedCompanySid: '',  //挂靠公司sid
+        billingType: '',  //开票类型value
+        billingTypeKey: '',  //开票类型key
+        busDepositFictitiousList: [{
+          depositBillNo: '',  //虚拟订单编号
+          depositPrice: '',  //订金剩余金额
+          depositSid: '',  //订金信息sid
+          payPath: '',  //款项支付委托书
+          price: '',  //本次结转金额
+        }],  //虚拟订单和订金关联
+        busSalesOrderDeposit: {
+          deposit: '', // 单台订金
+          depositAll: '', // 订金合计
+          depositType: '', // 订金交纳方式
+          depositTypeKey: '', // 订金交纳方式key
+          makeUpDeposit: '', // 需补交订金
+        },  //订金信息
+        busSalesOrderDiscountList: [{
+          discountExplain: '',  //优惠项目明细
+          name: '',  //优惠名称
+          num: '',  //数量
+          price: '',  //价值
+          salesPolicySid: '',  //销售政策sid
+          totalValue: '',  //总价值
+        }],  //主车优惠明细
+        busSalesOrderInsurance: {
+          insuranceCarMoney: '',  //单台车保费预估金额
+          insuranceName: '',  //保险公司名称
+          insuranceNum: '',  //公司入保期数
+        },  //保险说明
+        busSalesOrderMakeup: {
+          announcementModel: '',  //公告型号
+          contractPath: '',  //合同上传
+          moreConfig: '',  //更多配置
+          overallDimension: '',  //外廓尺寸
+          plateMaterial: '',  //板材材质
+          plateThickness: '',  //板材厚度
+          refitFactory: '',  //委改厂
+          refitMethod: '',  //委改方式
+          topName: '',  //上装名称
+          topPrice: '',  //上装价格
+        },  //上装配置信息
+        busSalesOrderModel: {
+          brandName: '',  //品牌
+
+          config: '',  //常用配置
+          finalPrice: '',  //单台成交价
+          guildPrice: '',  //单台指导价
+          modelConfig: '',  //车型配置名称
+          modelConfigSid: '',  //配置sid
+          modelName: '',  //车型名称
+          modelSid: '',  //车型sid
+          moreConfig: '',  //更多配置
+          specialConfig: '',  //特殊配置说明
+        },  //主车车型信息
+        busSalesOrderPrice: {
+          plannedPickUpDate: '',  //计划提车日期
+          plannedPickUpLocation: '',  //计划提车地点
+          priceSum: ' ',  //车价合计
+          quantity: '',  //台数
+          singleFinalPrice: '', //单台成交价 (主车加上装）
+          singleGuildPrice: '', //单台指导价 (主车加上装）
+        },  //价格信息
+        busSalesOrderVehicleList: [],//现车车辆信息
+        busSalesVehicleOrderList: [],  //采购订单信息
+        // {
+        //   linkNo: '',  //车架号
+        //   linkSid: '',  //车辆sid
+        //   linkText: '',  //车辆存放地点
+        // }
+        createDate: '',  //制单日期
+        customerName: '',  //客户名称
+        customerSid: '',  //客户sid
+        customerClass: '', // 客户类型
+        customerClassKey: '', // 客户类型key
+        customerPhoto: '', // 照片
+        isInsurance: '',  //公司是否入保
+        isTop: '',  //是否包含上装
+        mobile: '',  //客户联系电话
+        notes: '',  //补充说明
+        orgName: window.sessionStorage.getItem('Orgname'),  //销售部门
+        orgSid: window.sessionStorage.getItem('orgSid'),  //销售部门sid
+        payType: '',  //付款方式value
+        payTypeKey: '',  //付款方式key
+        sid: '',
+        userSid: window.sessionStorage.getItem('userSid'),
+        staffName: window.sessionStorage.getItem('name'), //销售专员
+        staffSid: window.sessionStorage.getItem('staffSid'),  //销售专员sid
+        type: '',  //销售订单车辆类型 1现车、2订单、3排产
+      }, // 添加和修改
+      // 客户块信息
+      customerList: {},
+      // 车型确认块信息
+      modelData: {},
+      isXuanzeShow: '',
+      // 现车列表
+      xianchetotal: 1,
+      xiancheLoading: false,
+      xiancheList: {
+        current: 1,
+        size: 20,
+        params: {
+          customerSid: '', // 客户sid
+          modelConfigSid: '', // 配置sid
+          modelSid: '', // 车型sid
+          sidList: [], // 已选择车辆的sid
+          staffSid: window.sessionStorage.getItem('staffSid'), // 业务员sid
+          type: '', // 类型 1意向车型选择、2虚拟订单选择、3车型选择
+        }
+      },
+      // 采购订单列表
+      caigoutotal: 1,
+      caigouLoading: false,
+      caigouList: {
+        current: 1,
+        size: 20,
+        params: {
+          configSid: '',  // 配置sid
+          modelSid: '',  // 车型sid
+          sidList: [],  // 已选择的sid
+        }
+      },
+      // 现车表格数据
+      listXianche: [],
+      // 采购订单表格数据
+      listCaigou: [],
+      // 所选现车
+      xiancheChoice: [],
+      // 所选采购
+      caigouChoice: [],
+      // 暂时无用
+      manufacturerList: [], // 厂商
+      organizationSid: '',
+      useOrgArry: [],
+      options: [],
+      props: {
+        value: 'sid',
+        label: 'name',
+        children: 'children',
+        multiple: true,
+      },
+      discountTypeKey: [],
+      // 表单验证
+      rules: {},
+      // ------------------------------------
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'id',
+      'roles',
+      'rolesIds',
+      'departmentId',
+      'departmentCode',
+    ]),
+  },
+  created() {
+    // this.resetTemp()
+    this.getType()
+  },
+  methods: {
+    // ========== 初始化 ==========
+    getType() {
+      // 支付方式 payType  invoiceType发票类型
+      dictType({
+        type: 'purchaseType ',
+      }).then((response) => {
+        if (response.code === '200' && response.data) {
+          this.payTypeList = response.data
+        }
+      })
+      // 开票类型
+      dictType({
+        type: 'invoiceType ',
+      }).then((response) => {
+        if (response.code === '200' && response.data) {
+          this.billingType_list = response.data
+        }
+      })
+      // 支付方式
+      dictType({
+        type: 'payType ',
+      }).then((response) => {
+        if (response.code === '200' && response.data) {
+          this.payType_list = response.data
+        }
+      })
+
+      // 提车方式
+      dictType({
+        type: 'saleType ',
+      }).then((response) => {
+        if (response.code === '200' && response.data) {
+          this.saleTypeList = response.data
+        }
+      })
+      // 挂靠公司
+      getGuaKaoCompanyType().then((response) => {
+        if (response.code === '200') {
+          this.guaKaoCompanyList = response.data
+          console.log('挂靠公司', this.guaKaoCompanyList)
+        }
+      })
+      // 获取厂商
+      getNamesDown({
+        orgSid: this.organizationSid,
+      }).then((response) => {
+        if (response.code === '200') {
+          this.manufacturerList = response.data
+        }
+      })
+      // 客户
+      // getLikeGetCustomerName().then((response) => {
+      //   if (response.code === '200') {
+      //     this.customerList = response.data
+      //     // this.getpayTypeList()
+      //     console.log('客户', this.customerList)
+      //   }
+      // })
+      // 拜访方式
+      dictType({
+        type: 'visitWay',
+      }).then((res) => {
+        if (res.code === '200') {
+          this.visitWay_list = res.data
+        }
+      })
+    },
+    // end
+    // 挂靠
+    affiliatedCompanyChange(val) {
+      const choosetItem = this.guaKaoCompanyList.filter((item) => item.sid == val)
+      this.temp.affiliatedCompany = choosetItem[0].orgName
+      console.log('挂靠', this.temp.affiliatedCompany, '挂靠sid:', this.temp.affiliatedCompanySid)
+    },
+    // 付款方式
+    payTypeChange(val) {
+      const choosetItem = this.payType_list.filter((item) => item.dictKey == val)
+      this.temp.payType = choosetItem[0].dictValue
+      console.log('name:', this.temp.payType, 'key:', this.temp.payTypeKey)
+    },
+
+    billingTypeChange(val) {
+      const choosetItem = this.billingType_list.filter((item) => item.dictKey == val)
+      this.temp.billingType = choosetItem[0].dictValue
+      console.log('name:', this.temp.billingType, 'key:', this.temp.billingTypeKey)
+    },
 
-  export default {
-    name: 'xiaoshoudingdanAdd',
-    components: {
-      xuanzekehu,
-      xuanzekehuAdd
+    // 拜访方式
+    getVisitWay(value) {
+      let bb = null
+      this.visitWay_list.forEach((e) => {
+        if (e.dictKey == value) {
+          bb = {
+            type: 'visitWay',
+            name: e.dictValue,
+            vaule: e.dictKey,
+            sid: e.sid,
+          }
+        }
+      })
+      this.customerTypeList.visitWay = bb.name
+      this.customerTypeList.visitWayKey = bb.vaule
     },
-    data() {
-      return {
-        // 能确定有用的
-        viewTitle: '',
-        state: '',
-        relState: '', // 1添加页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型和虚拟订单 2.2车型选择 3.1现车 3.2采购订单
-                       // 4.1优惠明细 5.1虚拟订单
-        dialogStatus: 'add',
-        index: 0,
-        disabled: false,
-        checked: false, // 上装
-        checkedGua: false, // 挂车
-        checkedBaoxian: false, // 保险
-        activeNames: ['1'], // 折叠面板效果
-        contractPdfView: false, // 预览合同
-        contractPdf: '', // pdf文件地址
-        customerList: [],
-        payTypeList: [],
-        saleTypeList: [], // 循环三个单选
-        guaKaoCompanyList: [],
-        tableKey: 0,
-        tableKey2: 1,
-        FormLoading: false, // 控制保存按钮
-        listLoading: false,
-        nodeState: '', // 节点状态
-        orderSid: '', // 预览合同需要的sid
-        temp: {
-          busOrderDiscountDtoList: [
-            {
-              index: 1,
-              discountType: '',
-              discountTypeKey: '',
-              amount: '',
-              detail: '',
-            },
-          ],
-          busOrderDto: {},
-          modelDto: {},
-          modelList: {},
-          vehicleDtos: [],
-        }, // 添加和修改
 
-        // 暂时无用
-        manufacturerList: [], // 厂商
-        organizationSid: '',
-        useOrgArry: [],
-        options: [],
-        props: {
-          value: 'sid',
-          label: 'name',
-          children: 'children',
-          multiple: true,
-        },
-        discountTypeKey: [],
-        // 表单验证
-        rules: {},
-        // ------------------------------------
+    // 选择客户时
+    customerChange(val) {
+      const choosetItem = this.customerList.filter((item) => item.sid == val)
+      this.temp.busOrderDto.customerName = choosetItem[0].customerName
+      this.$set(this.temp.busOrderDto, 'mobile', choosetItem[0].mobile)
+      this.$set(
+        this.temp.busOrderDto,
+        'certificateType',
+        choosetItem[0].certificateType
+      )
+      this.$set(
+        this.temp.busOrderDto,
+        'certificateTypeKey',
+        choosetItem[0].certificateTypeKey
+      )
+      this.$set(this.temp.busOrderDto, 'idnumber', choosetItem[0].idnumber)
+    },
+
+    // 支付方式变
+    radioPayTypeChange(val) {
+      const choosetItem = this.payTypeList.filter((item) => item.dictKey == val)
+      const value = choosetItem[0].dictValue
+      this.$set(this.temp.busOrderDto, 'payType', value)
+    },
+    // 获取单据编号
+    getBillNo(userSid) {
+      // const params = new URLSearchParams()
+      // params.append('userSid', userSid)
+      getOneBillNo(userSid).then((response) => {
+        if (response.code == "200") {
+          this.temp.busOrderDto.billNo = response.data.billNo
+          this.temp.busOrderDto.createDate = response.data.creatDate
+        }
+      })
+    },
+    init() {
+      this.temp = {
+        affiliatedCompany: '',  //挂靠公司名称
+        affiliatedCompanySid: '',  //挂靠公司sid
+        billingType: '',  //开票类型value
+        billingTypeKey: '',  //开票类型key
+        busDepositFictitiousList: [],  //虚拟订单和订金关联
+        busSalesOrderDeposit: {
+          deposit: '111222', // 单台订金
+          depositAll: '111222', // 订金合计
+          depositType: '', // 订金交纳方式
+          depositTypeKey: '', // 订金交纳方式key
+          makeUpDeposit: '', // 需补交订金
+        },  //订金信息
+        busSalesOrderDiscountList: [],  //主车优惠明细
+        busSalesOrderInsurance: {
+          insuranceCarMoney: '',  //单台车保费预估金额
+          insuranceName: '',  //保险公司名称
+          insuranceNum: '',  //公司入保期数
+        },  //保险说明
+        busSalesOrderMakeup: {
+          announcementModel: '',  //公告型号
+          contractPath: '',  //合同上传
+          moreConfig: '',  //更多配置
+          overallDimension: '',  //外廓尺寸
+          plateMaterial: '',  //板材材质
+          plateThickness: '',  //板材厚度
+          refitFactory: '',  //委改厂
+          refitMethod: '',  //委改方式
+          topName: '',  //上装名称
+          topPrice: '',  //上装价格
+        },  //上装配置信息
+        busSalesOrderModel: {
+          brandName: '',  //品牌
+          config: '',  //常用配置
+          finalPrice: '',  //单台成交价
+          guildPrice: '',  //单台指导价
+          modelConfig: '',  //车型配置名称
+          modelConfigSid: '',  //配置sid
+          modelName: '111122222',  //车型名称
+          modelSid: '',  //车型sid
+          moreConfig: '',  //更多配置
+          specialConfig: '',  //特殊配置说明
+        },  //主车车型信息
+        busSalesOrderPrice: {
+          plannedPickUpDate: '',  //计划提车日期
+          plannedPickUpLocation: '',  //计划提车地点
+          priceSum: '',  //车价合计
+          quantity: '',  //台数
+          singleFinalPrice: '', //单台成交价 (主车加上装）
+          singleGuildPrice: '', //单台指导价 (主车加上装）
+        },  //价格信息
+        busSalesOrderVehicleList: [],//现车车辆信息
+        busSalesVehicleOrderList: [],  //采购订单信息
+        createDate: '',  //制单日期
+        customerName: '',  //客户名称
+        customerSid: '',  //客户sid
+        isInsurance: '',  //公司是否入保
+        isTop: '',  //是否包含上装
+        mobile: '',  //客户联系电话
+        notes: '',  //补充说明
+        orgName: '',  //销售部门
+        orgSid: '',  //销售部门sid
+        payType: '',  //付款方式value
+        payTypeKey: '',  //付款方式key
+        sid: '',
+        staffName: window.sessionStorage.getItem('name'), //销售专员
+        staffSid: window.sessionStorage.getItem('staffSid'),  //销售专员sid
+        type: '',  //销售订单车辆类型 1现车、2订单、3排产
       }
     },
-    computed: {
-      ...mapGetters([
-        'id',
-        'roles',
-        'rolesIds',
-        'departmentId',
-        'departmentCode',
-      ]),
+    showAdd() {
+      this.relState = '1'
+      this.dialogStatus = 'add'
     },
-    created() {
-      // this.resetTemp()
-      this.getType()
+    showEdit(data) {
+      this.relState = '1'
+      this.dialogStatus = 'edit'
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+        this.resetTemp()
+      })
+      //  this.getpayTypeList()
+      // this.getManufacturerList()
+      this.getCustomerInfo()
+      getOneOrder({
+        busOrderSid: data,
+      }).then((response) => {
+        if (response.code === '200') {
+          //   this.$refs['dataForm'].clearValidate()
+          this.nodeState = response.data.busOrderDto.nodeState
+          this.getBrand(response.data.modelDto.manufacturerSid)
+          this.getCarModel(response.data.modelDto.brandSid)
+          this.temp = response.data
+          this.orderSid = data
+        }
+      })
     },
-    methods: {
-      // ========== 初始化 ==========
-      getType() {
-        // 支付方式 payType  invoiceType发票类型
-        dictType({
-          type: 'purchaseType ',
-        }).then((response) => {
-          if (response.code === '200' && response.data) {
-            this.payTypeList = response.data
-          }
-        })
-        // 提车方式
-        dictType({
-          type: 'saleType ',
-        }).then((response) => {
-          if (response.code === '200' && response.data) {
-            this.saleTypeList = response.data
-          }
-        })
-        // 挂靠公司
-        getGuaKaoCompanyType().then((response) => {
-          if (response.code === '200') {
-            this.guaKaoCompanyList = response.data
-            console.log('挂靠公司', this.guaKaoCompanyList)
-          }
-        })
-        // 获取厂商
-        getNamesDown({
-          orgSid: this.organizationSid,
-        }).then((response) => {
-          if (response.code === '200') {
-            this.manufacturerList = response.data
-          }
-        })
-        // 客户
-        getLikeGetCustomerName().then((response) => {
-          if (response.code === '200') {
-            this.customerList = response.data
-            // this.getpayTypeList()
-            console.log('客户', this.customerList)
-          }
-        })
-      },
-      // end
-      // 选择客户时
-      customerChange(val) {
-        const choosetItem = this.customerList.filter((item) => item.sid == val)
-        this.temp.busOrderDto.customerName = choosetItem[0].customerName
-        this.$set(this.temp.busOrderDto, 'mobile', choosetItem[0].mobile)
-        this.$set(
-          this.temp.busOrderDto,
-          'certificateType',
-          choosetItem[0].certificateType
-        )
-        this.$set(
-          this.temp.busOrderDto,
-          'certificateTypeKey',
-          choosetItem[0].certificateTypeKey
-        )
-        this.$set(this.temp.busOrderDto, 'idnumber', choosetItem[0].idnumber)
-      },
-      // 支付方式变
-      radioPayTypeChange(val) {
-        const choosetItem = this.payTypeList.filter((item) => item.dictKey == val)
-        const value = choosetItem[0].dictValue
-        this.$set(this.temp.busOrderDto, 'payType', value)
-      },
-      // 获取单据编号
-      getBillNo(userSid) {
-        // const params = new URLSearchParams()
-        // params.append('userSid', userSid)
-        getOneBillNo(userSid).then((response) => {
-          if (response.code == "200") {
-            this.temp.busOrderDto.billNo = response.data.billNo
-            this.temp.busOrderDto.createDate = response.data.creatDate
-          }
-        })
-      },
-      showAdd(data) {
-        this.relState = '1'
-        this.state = '0'
-        this.$nextTick(() => {
-          this.$refs['dataForm'].clearValidate()
-        })
-      },
-      showEdit(data) {
-        this.relState = '1'
-        this.state = '1'
-        this.$nextTick(() => {
-          this.$refs['dataForm'].clearValidate()
-          this.resetTemp()
-        })
-        //  this.getpayTypeList()
-        // this.getManufacturerList()
-        this.getCustomerInfo()
-        getOneOrder({
-          busOrderSid: data,
-        }).then((response) => {
-          if (response.code === '200') {
-            //   this.$refs['dataForm'].clearValidate()
-            this.nodeState = response.data.busOrderDto.nodeState
-            this.getBrand(response.data.modelDto.manufacturerSid)
-            this.getCarModel(response.data.modelDto.brandSid)
-            this.temp = response.data
-            this.orderSid = data
-          }
-        })
-      },
-      // ---------------- 主功能实现 ----------------
-      // 添加数据
-      handleCreate() {
-        console.log(this.temp)
-        this.$refs['dataForm'].validate((valid) => {
-          if (valid) {
-            this.FormLoading = true
-            this.dialogStatus = 'create'
-            if (this.state === '0') {
-              if (this.useOrgArry) {
-                var abc = []
-                this.useOrgArry.forEach((e) => {
-                  console.log('77777777', e)
-                  abc.push(e[e.length - 1])
+    // ---------------- 计算属性 ----------------
+    // 单台指导价
+    NumberMul() {
+      // this.temp.busSalesOrderPrice.singleGuildPrice = guildPrice + topPrice
+      var guildPrice = 0
+      var topPrice = 0
+      if (this.temp.busSalesOrderModel.guildPrice !== '') {
+        guildPrice = parseFloat(this.temp.busSalesOrderModel.guildPrice)
+      }
+      if (this.temp.busSalesOrderMakeup.topPrice !== '') {
+        topPrice = parseFloat(this.temp.busSalesOrderMakeup.topPrice)
+      }
+      var s1 = guildPrice.toString()
+      var s2 = topPrice.toString()
+      const value = Number(s1.replace(',', '')) + Number(s2.replace(',', ''))
+      this.temp.busSalesOrderPrice.singleGuildPrice = value.toString()
+      return this.temp.busSalesOrderPrice.singleGuildPrice
+    },
+    // 单台成交价
+    NumberMulTwo() {
+      var finalPrice = 0
+      var topPrice = 0
+      finalPrice = parseFloat(this.temp.busSalesOrderModel.finalPrice)
+      topPrice = parseFloat(this.temp.busSalesOrderMakeup.topPrice)
+      if (this.temp.busSalesOrderModel.finalPrice !== '') {
+        return finalPrice
+      }
+      if (this.temp.busSalesOrderMakeup.topPrice !== '') {
+        return topPrice
+      }
+      // if (this.temp.busSalesOrderModel.finalPrice == NaN && this.temp.busSalesOrderMakeup.topPrice == NaN) {
+      //   return 0
+      // }
+      var s1 = finalPrice.toString()
+      var s2 = topPrice.toString()
+      const value = Number(s1.replace(',', '')) + Number(s2.replace(',', ''))
+      this.temp.busSalesOrderPrice.singleFinalPrice = value.toString()
+      return this.temp.busSalesOrderPrice.singleFinalPrice
+    },
+    getSum(total, num) {
+      return total + num;
+    },
+    // 台数
+    NumberMulThree() {
+      const taishu = []
+      this.temp.busSalesVehicleOrderList.forEach((element) => {
+        taishu.push(element.usingNum)
+      })
+      if (taishu.length > 0) {
+        this.temp.busSalesOrderPrice.quantity = taishu.reduce(this.getSum);
+      } else {
+        return 0
+      }
+    },
+    // 车架合计
+    NumberMulFour() {
+      // 单台成交价
+      if (this.temp.busSalesOrderPrice.singleFinalPrice == '') {
+        return 0
+      }
+      // 台数
+      if (this.temp.busSalesOrderPrice.quantity == '') {
+        return 0
+      }
+      var singleFinalPrice = 0
+      var quantity = 0
+      singleFinalPrice = parseFloat(this.temp.busSalesOrderPrice.singleFinalPrice)
+      quantity = parseFloat(this.temp.busSalesOrderPrice.quantity)
+      console.log('11111',this.temp.busSalesOrderPrice.singleFinalPrice,singleFinalPrice,quantity)
+      console.log('11111.22',this.temp.busSalesOrderPrice.singleFinalPrice,singleFinalPrice,quantity)
+      var s1 = singleFinalPrice.toString()
+      var s2 = quantity.toString()
+      console.log('22222',s1,s2)
+      const value = Number(s1.replace(',', '')) * Number(s2.replace(',', ''))
+      this.temp.busSalesOrderPrice.priceSum = value.toString()
+      console.log('33333',value)
+      return this.temp.busSalesOrderPrice.priceSum
+    },
+    // 订金合计
+    NumberDepositAll() {
+      // 单台订金
+      if (this.temp.busSalesOrderDeposit.deposit == '') {
+        return 0
+      }
+      // 台数
+      if (this.temp.busSalesOrderPrice.quantity == '') {
+        return 0
+      }
+      var deposit = 0
+      var quantity = 0
+      deposit = parseFloat(this.temp.busSalesOrderDeposit.deposit)
+      quantity = parseFloat(this.temp.busSalesOrderPrice.quantity)
+      var s1 = deposit.toString()
+      var s2 = quantity.toString()
+      const value = Number(s1.replace(',', '')) * Number(s2.replace(',', ''))
+      this.temp.busSalesOrderDeposit.depositAll = value.toString()
+      return this.temp.busSalesOrderDeposit.depositAll
+    },
+    // 主车优惠数量变化
+    handleChangeNum(num, row) {
+      const value = Number(num) * Number(row.price)
+      console.log('数量改变' + num)
+      row.totalValue = value
+      return row.totalValue
+    },
+    // 本次结转金额限制
+    handleJiezhuan(row, price) {
+      if (row.depositPrice < price) {
+        this.$message({
+          showClose: true,
+          message: '本次结转金额大于订金剩余金额，请重新输入！',
+          type: 'error'
+        });
+      } else {
+        return price
+      }
+    },
+    changeUsingNum(row, usingNum) {
+      if (row.useNum < usingNum) {
+        this.$message({
+          showClose: true,
+          message: '本次结转金额大于订金剩余金额，请重新输入！',
+          type: 'error'
+        });
+        return Number(usingNum) - 1
+      } else {
+        return usingNum
+      }
+    },
+    // ---------------- 主功能实现 ----------------
+    // 添加数据
+    handleCreate() {
+      if (this.checked) {
+        this.temp.isTop = '1'
+      } else {
+        this.temp.isTop = '0'
+      }
+      if (this.temp.busSalesOrderDeposit.depositTypeKey == '01') {
+        this.temp.busSalesOrderDeposit.depositType = '现交订金'
+      } else {
+        this.temp.busSalesOrderDeposit.depositType = '订金结转'
+      }
+      console.log('type', this.isXuanzeShow)
+      this.temp.type = this.isXuanzeShow
+      const priceList = []
+      this.temp.busSalesOrderDiscountList.forEach((element) => {
+        priceList.push(element.totalValue)
+      })
+      this.temp.priceList = priceList
+      console.log(this.temp)
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.FormLoading = true
+          if (this.dialogStatus === 'add') {
+            saveOrderForm(this.temp).then((response) => {
+              this.FormLoading = false
+              if (response.code === '200') {
+                this.orderSid = response.data
+                this.$notify({
+                  title: '提示',
+                  message: '添加成功',
+                  type: 'success',
+                  duration: 2000,
+                })
+                this.handleReturn('true')
+              } else {
+                this.$notify({
+                  title: '提示',
+                  message: '添加失败',
+                  type: 'error',
+                  duration: 2000,
+                })
+              }
+            })
+          } else {
+            saveOrderForm(this.temp).then((response) => {
+              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',
                 })
-                this.temp.modelDto.purchaseCompanySid = abc.toString()
               }
-              saveOrderForm(this.temp).then((response) => {
-                this.FormLoading = false
-                if (response.code === '200') {
-                  this.orderSid = response.data
-                  this.$notify({
-                    title: '提示',
-                    message: '添加成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
+            })
+          }
+        }
+      })
+    },
+    // 返回
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.relState = ''
+      this.temp = {
+        affiliatedCompany: '',  //挂靠公司名称
+        affiliatedCompanySid: '',  //挂靠公司sid
+        billingType: '',  //开票类型value
+        billingTypeKey: '',  //开票类型key
+        busDepositFictitiousList: [],  //虚拟订单和订金关联
+        busSalesOrderDeposit: {
+          deposit: '', // 单台订金
+          depositAll: '', // 订金合计
+          depositType: '', // 订金交纳方式
+          depositTypeKey: '', // 订金交纳方式key
+          makeUpDeposit: '', // 需补交订金
+        },  //订金信息
+        busSalesOrderDiscountList: [],  //主车优惠明细
+        busSalesOrderInsurance: {
+          insuranceCarMoney: '',  //单台车保费预估金额
+          insuranceName: '',  //保险公司名称
+          insuranceNum: '',  //公司入保期数
+        },  //保险说明
+        busSalesOrderMakeup: {
+          announcementModel: '',  //公告型号
+          contractPath: '',  //合同上传
+          moreConfig: '',  //更多配置
+          overallDimension: '',  //外廓尺寸
+          plateMaterial: '',  //板材材质
+          plateThickness: '',  //板材厚度
+          refitFactory: '',  //委改厂
+          refitMethod: '',  //委改方式
+          topName: '',  //上装名称
+          topPrice: '',  //上装价格
+        },  //上装配置信息
+        busSalesOrderModel: {
+          brandName: '',  //品牌
+          config: '',  //常用配置
+          finalPrice: '',  //单台成交价
+          guildPrice: '',  //单台指导价
+          modelConfig: '',  //车型配置名称
+          modelConfigSid: '',  //配置sid
+          modelName: '',  //车型名称
+          modelSid: '',  //车型sid
+          moreConfig: '',  //更多配置
+          specialConfig: '',  //特殊配置说明
+        },  //主车车型信息
+        busSalesOrderPrice: {
+          plannedPickUpDate: '',  //计划提车日期
+          plannedPickUpLocation: '',  //计划提车地点
+          priceSum: '',  //车价合计
+          quantity: '',  //台数
+          singleFinalPrice: '', //单台成交价 (主车加上装）
+          singleGuildPrice: '', //单台指导价 (主车加上装）
+        },  //价格信息
+        busSalesOrderVehicleList: [],//现车车辆信息
+        busSalesVehicleOrderList: [],  //采购订单信息
+        createDate: '',  //制单日期
+        customerName: '',  //客户名称
+        customerSid: '',  //客户sid
+        isInsurance: '',  //公司是否入保
+        isTop: '',  //是否包含上装
+        mobile: '',  //客户联系电话
+        notes: '',  //补充说明
+        orgName: window.sessionStorage.getItem('Orgname'),  //销售部门
+        orgSid: window.sessionStorage.getItem('orgSid'),  //销售部门sid
+        payType: '',  //付款方式value
+        payTypeKey: '',  //付款方式key
+        sid: '',
+        staffName: window.sessionStorage.getItem('name'), //销售专员
+        staffSid: window.sessionStorage.getItem('staffSid'),  //销售专员sid
+        type: '',  //销售订单车辆类型 1现车、2订单、3排产
+      }
+      this.$refs['dataForm'].resetFields()
+      this.$emit('doback')
+    },
 
-                  this.$emit('created')
-                } else {
-                  this.$notify({
-                    title: '提示',
-                    message: '添加失败',
-                    type: 'error',
-                    duration: 2000,
-                  })
-                }
-              })
-            } else {
-              updateOrderForm(this.temp).then((response) => {
-                this.dialogStatus = 'update'
-                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',
-                  })
-                }
-              })
-            }
+    // ----------------功能打开下一级页面开始----------------
+    // 打开选择客户
+    openCustomerList() {
+      this.relState = '1.1'
+    },
+    // 打开新增客户
+    openCustomerCreate() {
+      this.customerVisible = true
+    },
+    // 添加客户前认证
+    handleOpen() {
+      if (this.customerTypeList.visitWay !== '' && this.customerTypeList.customerType !== '') {
+        this.customerVisible = false
+        this.relState = '1.2'
+        const customerTypeList = this.customerTypeList
+        this.$refs.xuanzekehuAdd.openCreate(customerTypeList, () => {
+          // this.visible = false
+          this.customerTypeList = {
+            visitWay: '',
+            visitWayKey: '',
+            customerType: ''
           }
         })
-      },
-      // 返回
-      handleReturn(isreload) {
-        this.relState = ''
-        if (isreload === 'true') this.$emit('reloadlist')
-        this.$refs['dataForm'].resetFields()
-        this.$emit('doback')
-      },
+      } else {
+        this.$message({
+          message: '请填写联络方式和客户类型',
+          type: 'warning'
+        });
+      }
+    },
+    // 打开意向车型
+    openYixiang() {
+      if (this.customerList.sid) {
+        this.relState = '2.1'
+        this.$refs['yixiangchexing'].showYixiang(this.customerList.sid)
+      } else {
+        this.$message({
+          showClose: true,
+          message: '请选择一个客户！',
+          type: 'error'
+        });
+      }
+    },
+    // 打开虚拟订单
+    openXunidingdan() {
+      if (this.customerList.sid) {
+        this.relState = '2.2'
+        this.$refs['xunidingdan'].showXuni(this.customerList.sid, this.temp.staffSid)
+      } else {
+        this.$message({
+          showClose: true,
+          message: '请选择一个客户！',
+          type: 'error'
+        });
 
-      // ----------------功能打开下一级页面开始----------------
-      // 打开选择客户
-      openCustomerList() {
-        this.relState = '1.1'
-      },
-      // 打开新增客户
-      openCustomerCreate() {
-        this.relState = '1.2'
-      },
-      // 打开意向车型
-      openYixiang() {
+      }
+    },
+    // 车型选择
+    openChexing() {
+      if (this.customerList.sid) {
+        this.relState = '2.3'
+      } else {
+        this.$message({
+          showClose: true,
+          message: '请选择一个客户！',
+          type: 'error'
+        });
 
-      },
-      // 打开虚拟订单
-      openXunidingdan() {
+      }
+    },
+    // 打开现车
+    openXianche() {
+      if (this.temp.busSalesOrderModel.modelSid) {
+        this.xiancheVisible = true
+        this.$nextTick(() => {
+          this.handleXianche()
+        })
+      } else {
+        this.$message({
+          showClose: true,
+          message: '请选择一个车型！',
+          type: 'error'
+        });
 
-      },
-      // 车型选择
-      openChexing() {
+      }
+    },
+    // 删除现车数据
+    delXianche() {
 
-      },
-      // 主车优惠
-      openZhuche() {
+    },
+    // 打开采购订单
+    openCaigou() {
+      if (this.temp.busSalesOrderModel.modelSid) {
+        this.caigouVisible = true
+      } else {
+        this.$message({
+          showClose: true,
+          message: '请选择一个车型！',
+          type: 'error'
+        });
 
-      },
-      // 虚拟订单列表
-      openXunidingdanList() {
+      }
+    },
+    // 删除采购订单数据
+    delCaigou() {
 
-      },
-      // 打开提交页面
-      handleSubmit(){
+    },
+    // 主车优惠
+    openZhuche() {
+      this.relState = '4.1'
+    },
+    // 虚拟订单列表
+    openXunidingdanList() {
+      this.relState = '5.1'
+    },
+    // 打开提交页面
+    handleSubmit() {
+      if (this.customerList.sid) {
+        this.relState = '3'
+        this.$refs['divsubmit'].showSubmit()
+      } else {
+        this.$message({
+          showClose: true,
+          message: '请选择一个客户！',
+          type: 'error'
+        });
 
-      },
-      // ---------------- 下级页面返回数据 ----------------
-      // 切换回新增页面
-      changeState() {
-        this.relState = '1'
-      },
-      // 选择客户
-      selectCustomer() {
+      }
+    },
+    // ---------------- 弹窗上列表数据加载 ----------------
+    // 现车序号
+    xiancheindexMethod(index) {
+      var pagestart = (this.xiancheList.current - 1) * this.xiancheList.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
 
-      },
-      // 新增客户
-      addCustomer() {
+    // 现车列表
+    handleXianche() {
+      this.xiancheList.current = 1
+      this.getXiancheList()
+    },
+    // 现车查询
+    getXiancheList() {
+      console.log('现车查询', this.xiancheList)
+      this.xiancheLoading = true
+      this.xiancheList.params.customerSid = this.temp.customerSid
+      this.xiancheList.params.modelConfigSid = this.temp.busSalesOrderModel.modelConfigSid
+      this.xiancheList.params.modelSid = this.temp.busSalesOrderModel.modelSid
+      this.xiancheList.params.sidList = this.temp.busSalesOrderVehicleList
+      getXianList(this.xiancheList).then((response) => {
+        this.xiancheLoading = false
+        if (
+          response.code === '200' &&
+          response.data &&
+          response.data.total > 0
+        ) {
+          this.listXianche = response.data.records
+          this.xianchetotal = response.data.total
+        } else {
+          this.listXianche = []
+          this.xianchetotal = 0
+        }
+      })
+    },
+    // 采购订单序号
+    caigouindexMethod(index) {
+      var pagestart = (this.caigouList.current - 1) * this.caigouList.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 采购列表
+    handleCaigou() {
+      this.caigouList.current = 1
+      this.getXiancheList()
+    },
+    getCaigouList() {
+      this.caigouLoading = true
+      this.caigouList.params.configSid = this.temp.busSalesOrderModel.modelConfigSid
+      this.caigouList.params.modelSid = this.temp.busSalesOrderModel.modelSid
+      this.caigouList.params.sidList = this.temp.busSalesVehicleOrderList
+      getXianList(this.caigouList).then((response) => {
+        this.caigouLoading = false
+        if (
+          response.code === '200' &&
+          response.data &&
+          response.data.total > 0
+        ) {
+          this.listCaigou = response.data.records
+          this.caigoutotal = response.data.total
+        } else {
+          this.listCaigou = []
+          this.caigoutotal = 0
+        }
+      })
+    },
+    // 现车勾选数据
+    handleSelectionXianche(row) {
+      console.log('勾选现车数据', row)
+      this.xiancheChoice = row
+    },
+    // 采购订单勾选数据
+    handleSelectionCaigou(row) {
+      console.log('勾选采购订单数据', row)
+      this.caigouChoice = row
+    },
+    // ---------------- 下级页面返回数据 ----------------
+    // 确当选择现车
+    selectionXianche() {
+      this.temp.busSalesOrderVehicleList = this.xiancheChoice
+      const xincheSids = []
+      this.row.forEach((element) => {
+        xincheSids.push(element.linkSid)
+      })
+      this.xiancheList.params.sidList = xincheSids
+      this.vehicleList = xincheSids
+      this.xiancheLoading = false
+      console.log('确认选择现车:', this.temp.busSalesOrderVehicleList, this.vehicleList)
+    },
+    // 确定选择采购
+    selectionCaigou() {
+      this.temp.busSalesVehicleOrderList = this.caigouChoice
+      const caigouSids = []
+      this.row.forEach((element) => {
+        caigouSids.push(element.linkSid)
+      })
+      this.caigouList.params.sidList = caigouSids
+      this.caigouLoading = false
+      console.log('确认选择采购', this.temp.busSalesVehicleOrderList, caigouSids)
+    },
+    // 切换回新增页面
+    changeState() {
+      this.relState = '1'
+    },
+    // 选择客户
+    selectCustomer(row) {
+      console.log('获取到的客户信息', row)
+      this.temp.customerName = row.name
+      this.temp.customerSid = row.sid
+      this.temp.mobile = row.mobile
+      this.temp.customerClass = row.customerType
+      this.temp.customerClassKey = row.customerTypeKey
+      this.temp.customerPhoto = row.customerPhoto
+      this.customerList = row
+    },
+    // 新增客户
+    addCustomer() {
 
-      },
+    },
+    // 选择意向车型
+    selectYixiang(modelData, type) {
+      console.log('意向车型', modelData)
+      this.xiancheList.params.type = type
+      this.modelData = modelData
+      this.temp.busSalesOrderModel = {
+        brandName: modelData.brandName,
+        brandSid: modelData.brandSid,
+        config: modelData.config,  //常用配置
+        guildPrice: modelData.guidedPrice,  //单台指导价
+        modelConfig: modelData.modelName,  //车型配置名称
+        modelConfigSid: modelData.modelConfigSid,  //配置sid
+        modelName: modelData.modelAlias,  //车型名称
+        modelSid: modelData.modelSid,  //车型sid
+        moreConfig: modelData.otherConfig,  //更多配置
+      }
+    },
+    // 选择虚拟订单
+    selectXuni(modelData, type) {
+      console.log('确定选择车型', modelData)
+      this.xiancheList.params.type = type
+      this.modelData = modelData
+      this.temp.busSalesOrderModel = {
+        brandName: modelData.brandName,
+        brandSid: modelData.brandSid,
+        config: modelData.config,  //常用配置
+        guildPrice: modelData.guidedPrice,  //单台指导价
+        modelConfig: modelData.modelName,  //车型配置名称
+        modelConfigSid: modelData.modelConfigSid,  //配置sid
+        modelName: modelData.modelAlias,  //车型名称
+        modelSid: modelData.modelSid,  //车型sid
+        moreConfig: modelData.otherConfig,  //更多配置
+      }
+    },
+    // 选择车型
+    selectChexing(modelData, type) {
+      console.log('所得到的车型', modelData)
+      this.xiancheList.params.type = type
+      this.modelData = modelData
+      this.temp.busSalesOrderModel = {
+        brandName: modelData.brandName,
+        brandSid: modelData.brandSid,
+        config: modelData.config,  //常用配置
+        guildPrice: modelData.guildPrice,  //单台指导价
+        modelConfig: modelData.modelConfig,  //车型配置名称
+        modelConfigSid: modelData.modelConfigSid,  //配置sid
+        modelName: modelData.modelName,  //车型名称
+        modelSid: modelData.modelSid,  //车型sid
+        moreConfig: modelData.moreConfig,  //更多配置
+      }
+    },
+    selectYouhui(row) {
+      console.log('所选优惠包', row)
+      row.forEach((element) => {
+        this.temp.busSalesOrderDiscountList.push({
+          discountExplain: element.discountExplain,  //优惠项目明细
+          name: element.projectName,  //优惠名称
+          price: element.discountMoney, // 价值
+          salesPolicySid: element.sid,  //销售政策sid
+        })
+      })
+    },
+    // 虚拟订单订金
+    selectXuniList(row) {
+      console.log('所选虚拟顶金', row)
+      row.forEach((element) => {
+        this.temp.busDepositFictitiousList.push({
+          depositBillNo: element.billNo,  //虚拟订单编号
+          depositPrice: element.deposit - element.usedDeposit,  //订金剩余金额
+          depositSid: element.sid,  //订金信息sid
+        })
+      })
+    },
+    // 提交补充页面
+    submitPage() {
+
+    },
+    // ----------------------------------方法--------------------
+    //删除
+    handleDelete(row) {
+      getDelDis(row.orderSid).then((response) => {
+        if (response.code === '200') {
+          this.temp.busOrderDiscountDtoList = response.data
+        }
+      })
+    },
+    addXunidingjin() {
+
+    },
 
 
-      // ----------------------------------方法--------------------
-      //删除
-      handleDelete(row) {
-        getDelDis(row.orderSid).then((response) => {
+    // 待使用代码
+    // 预览销售合同
+    previewHeTong() {
+      if (this.orderSid && this.orderSid != '' && this.orderSid != undefined) {
+        getPdfByOrderSid(this.orderSid).then((response) => {
           if (response.code === '200') {
-            this.temp.busOrderDiscountDtoList = response.data
+            this.contractPdf = response.data.filePath
+            this.contractPdfView = true
+          } else {
+            this.$notify({
+              title: '提示',
+              message: '接口报错',
+              type: 'warning',
+              duration: 2000,
+            })
           }
         })
-      },
-      addXunidingjin() {
+      } else {
+        this.$notify({
+          title: '提示',
+          message: '没有订单id',
+          type: 'warning',
+          duration: 2000,
+        })
+      }
+    }
 
-      },
+  },
+}
+</script>
+<style scoped>
+.formadd {
+  width: 95%;
+  margin: 0 auto;
+}
 
+.shangzhuangstyle /deep/ .el-col-4 {
+  text-align: left
+}
 
-      // 待使用代码
-      // 预览销售合同
-      previewHeTong() {
-        if (this.orderSid && this.orderSid != '' && this.orderSid != undefined) {
-          getPdfByOrderSid(this.orderSid).then((response) => {
-            if (response.code === '200') {
-              this.contractPdf = response.data.filePath
-              this.contractPdfView = true
-            } else {
-              this.$notify({
-                title: '提示',
-                message: '接口报错',
-                type: 'warning',
-                duration: 2000,
-              })
-            }
-          })
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '没有订单id',
-            type: 'warning',
-            duration: 2000,
-          })
-        }
-      },
+.jiagestyle /deep/ .el-col-4 {
+  text-align: left
+}
 
-    },
-  }
-</script>
-<style scoped>
-  .formadd {
-    width: 95%;
-    margin: 0 auto;
-  }
+.chosseBtn /deep/ .el-col-4 {
+  text-align: left
+}
 
-  .shangzhuangstyle /deep/ .el-col-4 {
-    text-align: left
-  }
+.tit {
+  margin: 0 0 10px 0;
+  padding: 10px 0 0 0;
+}
 
-  .jiagestyle /deep/ .el-col-4 {
-    text-align: left
-  }
+.times {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 30px 0 10px 0;
+  margin: 0 auto 0 auto;
+  width: 75%;
+  font-size: 14px;
+  text-align: center;
+}
 
-  .chosseBtn /deep/ .el-col-4 {
-    text-align: left
-  }
+/*.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;*/
+/*}*/
 
-  .tit {
-    margin: 0 0 10px 0;
-    padding: 10px 0 0 0;
-  }
+/*.customer_sel {*/
+/*  width: 65% !important;*/
+/*}*/
 
-  .times {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    padding: 30px 0 10px 0;
-    margin: 0 auto 0 auto;
-    width: 75%;
-    font-size: 14px;
-    text-align: center;
-  }
+/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;
+}
 
-  .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;
-  }
+/*/deep/ .el-form-item__content {*/
+/*  margin-left: 0 !important;*/
+/*}*/
+.chooseForm {
+  margin-left: 15px;
+  display: inline-block;
+}
 
-  .customer_sel {
-    width: 65% !important;
-  }
+/deep/ .el-button--small {
+  border-radius: 4px;
+}
 
-  /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;
-  }
+.space_up {
+  margin-top: 1px;
+}
 
-  /*/deep/ .el-form-item__content {*/
-  /*  margin-left: 0 !important;*/
-  /*}*/
-  .chooseForm {
-    margin-left: 15px;
-    display: inline-block;
-  }
+.qitas .left {
+  text-align: left;
+}
 
-  /deep/ .el-button--small {
-    border-radius: 4px;
-  }
+.qitas .right {
+  text-align: right;
+}
 
-  .space_up {
-    margin-top: 1px;
-  }
+.addinputw {
+  display: inline-block !important;
+}
 
-  .qitas .left {
-    text-align: left;
-  }
+.checkedBaoxian {
+  margin-left: 15px;
+}
 
-  .qitas .right {
-    text-align: right;
-  }
+.baoxianInput {
+  text-align: left;
+}
 
-  .addinputw {
-    display: inline-block !important;
-  }
+.jinrongTit {
+  float: right;
+}
 
-  .checkedBaoxian {
-    margin-left: 15px;
-  }
+.jinrongTit span {
+  margin-left: 10px;
+}
 
-  .baoxianInput {
-    text-align: left;
-  }
+/deep/ .is-checked /deep/ .el-checkbox__label {
+  color: white;
+}
 
-  .jinrongTit {
-    float: right;
-  }
+/deep/ .el-checkbox__label {
+  color: white;
+  font-weight: bold;
+  font-size: 20px;
+}
 
-  .jinrongTit span {
-    margin-left: 10px;
-  }
+/deep/ .el-collapse-item__header {
+  height: 40px;
+  padding: 10px;
+  font-weight: bold;
+  font-size: 20px;
+  text-align: left;
+  color: #ffffff;
+  background-color: #0294d7;
+}
 
-  /deep/ .is-checked /deep/ .el-checkbox__label {
-    color: white;
-  }
+/deep/ .el-collapse-item__content {
+  padding-bottom: 0;
+}
 
-  /deep/ .el-checkbox__label {
-    color: white;
-    font-weight: bold;
-    font-size: 20px;
-  }
+.zhucheBtn {
+  margin-left: 10px;
+}
 
-  /deep/ .el-collapse-item__header {
-    height: 40px;
-    padding: 10px;
-    font-weight: bold;
-    font-size: 20px;
-    text-align: left;
-    color: #ffffff;
-    background-color: #0294d7;
-  }
+.xiancheBtn {
+  float: right;
+}
 
-  /deep/ .el-collapse-item__content {
-    padding-bottom: 0;
-  }
+.xiancheForm {
+  text-align: center;
+}
 
-  .zhucheBtn {
-    margin-left: 10px;
-  }
+.dialogBtn {
+  text-align: left;
+}
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue
index 2dfb9d3a06..862a01217e 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue
@@ -1,13 +1,596 @@
 <template>
+  <div class="app-container">
+    <div v-show="relState == '2'">
+      <div class="tab-header webtop">
+        <div>销售订车单详情</div>
+        <div>
+          <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">
+          <!-- --------------------------订单----------------- -->
+          <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>
+            </div>
+            <div>
+              <span>销售专员：</span>
+              <span>{{ temp.staffName }}</span>
+            </div>
+            <div>
+              <span>制单日期：</span>
+              <span>{{ temp.createDate }}</span>
+            </div>
+          </div>
+          <!-- ==================== 客户信息 ======================================== -->
+          <div class="titleleft">客户信息</div>
+          <el-row class="bordertopline">
+            <el-col :span="3">
+              <span>客户名称</span>
+            </el-col>
+            <el-col :span="9">
+              <el-form-item prop="customerName">
+                <span>{{ temp.customerName }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="3">
+              <span>联系电话</span>
+            </el-col>
+            <el-col :span="9">
+              <el-form-item prop="mobile">
+                <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>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item prop="billingType">
+              <span>{{temp.type}}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="3">
+            <span>付款方式</span>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item prop="billingType">
+              <span>{{temp.payTypeKey}}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="3">
+            <span>开票类型</span>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item prop="billingType">
+              <span>{{temp.billingTypeKey}}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+          <!-- ==================== 主车信息 ======================================== -->
+          <div class="titleleft">
+            <span>主车信息</span>
+          </div>
+          <el-row>
+            <el-col :span="4">
+              <span>车型名称</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <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.config}}</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.moreConfig}}</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.specialConfig}}</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.busSalesOrderMakeup.announcementModel }}</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.busSalesOrderMakeup.linkNo}}</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.busSalesOrderMakeup.linkNo}}</span>
+              </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>
+                <el-row>
+                  <el-col :span="4">
+                    <span>主车成交价</span>
+                  </el-col>
+                  <el-col :span="8">
+                    <el-form-item prop="billingType">
+                      <span>{{temp.type}}</span>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4">
+                    <span>主车台数</span>
+                  </el-col>
+                  <el-col :span="8">
+                    <el-form-item prop="billingType">
+                      <span>{{temp.payTypeKey}}</span>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="4">
+                    <span>挂车价格</span>
+                  </el-col>
+                  <el-col :span="8">
+                    <el-form-item prop="billingType">
+                      <span>{{temp.type}}</span>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4">
+                    <span>挂车台数</span>
+                  </el-col>
+                  <el-col :span="8">
+                    <el-form-item prop="billingType">
+                      <span>{{temp.payTypeKey}}</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>
+              <el-col :span="9">
+                <el-form-item prop="billingType">
+                  <span>{{temp.busSalesOrderPrice.plannedPickUpLocation}}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="3">
+                <span>预计提车日期</span>
+              </el-col>
+              <el-col :span="9">
+                <el-form-item prop="billingType">
+                  <span>{{temp.busSalesOrderPrice.plannedPickUpDate}}</span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <!-- ==================== 优惠说明 ======================================== -->
+          <div class="titleleft space_up">优惠说明</div>
+          <div class="shangzhuangstyle">
+            <el-row>
+              <el-col :span="24"></el-col>
+            </el-row>
+          </div>
+          <!-- ==================== 保险说明 ======================================== -->
+          <div class="titleleft">
+            <span>保险说明</span>
+          </div>
+          <el-row>
+            <el-col :span="24"></el-col>
+          </el-row>
+          <!-- ==================== 金融方案(暂不考虑) ======================================== -->
+          <div class="titleleft">
+            <span>金融方案</span>
+            <!--   <div class="jinrongTit">-->
+            <!--     <span>单车方案编辑</span>-->
+            <!--     <span> 预览总方案</span>-->
+            <!--   </div>-->
+          </div>
+          <!-- ==================== 订金信息 ======================================== -->
+          <div class="titleleft space_up">
+            <span>订金信息</span>
+          </div>
+          <div class="shangzhuangstyle">
+            <el-row>
+              <el-col :span="3">
+                <span>单台订金</span>
+              </el-col>
+              <el-col :span="9">
+                <el-form-item>
+                  {{temp.busSalesOrderDeposit.deposit}}
+                </el-form-item>
+              </el-col>
+              <el-col :span="3">
+                <span>订金合计</span>
+              </el-col>
+              <el-col :span="9">
+                <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>
+              <el-col :span="21">
+                <el-form-item>
+                  <span>{{temp.busSalesOrderDeposit.remarks}}</span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <!-- ==================== 补充说明 ======================================== -->
+          <div class="titleleft">
+            <span>补充说明</span>
+          </div>
+          <el-row>
+            <el-input v-model="temp.remarks" type="textarea" placeholder="补充说明" class="addinputw"/>
+          </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>
+  </div>
 </template>
 
 <script>
+  import {mapGetters} from 'vuex'
+  import {fetchDetailsBySid} from '@/api/salesManagement/orderManagement'
     export default {
-        name: "xiaoshoudingdanInfo"
+      name: "xiaoshoudingdanInfo",
+      data() {
+        return {
+          state: '',
+          relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择
+          // 4.1优惠明细 5.1虚拟订单
+          nodeState: '', // 节点状态
+          temp: {
+            billNo: '', // 编号
+            affiliatedCompany: '',  //挂靠公司名称
+            affiliatedCompanySid: '',  //挂靠公司sid
+            billingType: '',  //开票类型value
+            billingTypeKey: '',  //开票类型key
+            busDepositFictitiousList: [{
+              depositBillNo: '',  //虚拟订单编号
+              depositPrice: '',  //订金剩余金额
+              depositSid: '',  //订金信息sid
+              payPath: '',  //款项支付委托书
+              price: '',  //本次结转金额
+            }],  //虚拟订单和订金关联
+            busSalesOrderDeposit: {
+              deposit: '', // 单台订金
+              depositAll: '', // 订金合计
+              depositType: '', // 订金交纳方式
+              depositTypeKey: '', // 订金交纳方式key
+              makeUpDeposit: '', // 需补交订金
+            },  //订金信息
+            busSalesOrderDiscountList: [{
+              discountExplain: '',  //优惠项目明细
+              name: '',  //优惠名称
+              num: '',  //数量
+              price: '',  //价值
+              salesPolicySid: '',  //销售政策sid
+              totalValue: '',  //总价值
+            }],  //主车优惠明细
+            busSalesOrderInsurance: {
+              insuranceCarMoney: '',  //单台车保费预估金额
+              insuranceName: '',  //保险公司名称
+              insuranceNum: '',  //公司入保期数
+            },  //保险说明
+            busSalesOrderMakeup: {
+              announcementModel: '',  //公告型号
+              contractPath: '',  //合同上传
+              moreConfig: '',  //更多配置
+              overallDimension: '',  //外廓尺寸
+              plateMaterial: '',  //板材材质
+              plateThickness: '',  //板材厚度
+              refitFactory: '',  //委改厂
+              refitMethod: '',  //委改方式
+              topName: '',  //上装名称
+              topPrice: '',  //上装价格
+            },  //上装配置信息
+            busSalesOrderModel: {
+              brandName: '',  //品牌
+              config: '',  //常用配置
+              finalPrice: '',  //单台成交价
+              guildPrice: '',  //单台指导价
+              modelConfig: '',  //车型配置名称
+              modelConfigSid: '',  //配置sid
+              modelName: '',  //车型名称
+              modelSid: '',  //车型sid
+              moreConfig: '',  //更多配置
+              specialConfig: '',  //特殊配置说明
+            },  //主车车型信息
+            busSalesOrderPrice: {
+              plannedPickUpDate: '',  //计划提车日期
+              plannedPickUpLocation: '',  //计划提车地点
+              priceSum: '',  //车价合计
+              quantity: '',  //台数
+              singleFinalPrice: '', //单台成交价 (主车加上装）
+              singleGuildPrice: '', //单台指导价 (主车加上装）
+            },  //价格信息
+            busSalesOrderVehicleList: [],//现车车辆信息
+            busSalesVehicleOrderList: [],  //采购订单信息
+            // {
+            //   linkNo: '',  //车架号
+            //   linkSid: '',  //车辆sid
+            //   linkText: '',  //车辆存放地点
+            // }
+            createDate: '',  //制单日期
+            customerName: '',  //客户名称
+            customerSid: '',  //客户sid
+            isInsurance: '',  //公司是否入保
+            isTop: '',  //是否包含上装
+            mobile: '',  //客户联系电话
+            notes: '',  //补充说明
+            orgName: window.sessionStorage.getItem('Orgname'),  //销售部门
+            orgSid: window.sessionStorage.getItem('orgSid'),  //销售部门sid
+            payType: '',  //付款方式value
+            payTypeKey: '',  //付款方式key
+            sid: '',
+            staffName: window.sessionStorage.getItem('name'), //销售专员
+            staffSid: window.sessionStorage.getItem('staffSid'),  //销售专员sid
+            type: '',  //销售订单车辆类型 1现车、2订单、3排产
+          }, // 添加和修改
+          // ------------------------------------
+        }
+      },
+      methods: {
+        showInfo(billNo) {
+          this.relState = '2'
+        },
+        handleReturn() {
+          this.relState = ''
+          this.$emit('doback')
+        }
+      }
     }
 </script>
 
 <style scoped>
+  .formadd {
+    width: 95%;
+    margin: 0 auto;
+  }
 
+  .shangzhuangstyle /deep/ .el-col-4 {
+    text-align: left
+  }
+
+  .jiagestyle /deep/ .el-col-4 {
+    text-align: left
+  }
+
+  .chosseBtn /deep/ .el-col-4 {
+    text-align: left
+  }
+
+  .tit {
+    margin: 0 0 10px 0;
+    padding: 10px 0 0 0;
+  }
+
+  .times {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding: 30px 0 10px 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;
+  }
+
+
+  /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 {
+    border-radius: 4px;
+  }
+
+  .space_up {
+    margin-top: 1px;
+  }
+
+  .qitas .left {
+    text-align: left;
+  }
+
+  .qitas .right {
+    text-align: right;
+  }
+
+  .addinputw {
+    display: inline-block !important;
+  }
+
+  .jinrongTit span {
+    margin-left: 10px;
+  }
+
+  /deep/ .is-checked /deep/ .el-checkbox__label {
+    color: white;
+  }
+
+  /deep/ .el-checkbox__label {
+    color: white;
+    font-weight: bold;
+    font-size: 20px;
+  }
+
+  /deep/ .el-collapse-item__header {
+    height: 40px;
+    padding: 10px;
+    font-weight: bold;
+    font-size: 20px;
+    text-align: left;
+    color: #ffffff;
+    background-color: #0294d7;
+  }
+
+  /deep/ .el-collapse-item__content {
+    padding-bottom: 0;
+  }
+
+  /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;
+  }
+
+  .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;
+  }
+
+  .footer_con {
+    padding: 40px 25px 0 45px;
+  }
+
+  .footer_time {
+    padding: 25px 25px 0 95px;
+  }
+
+  .footer_con .footer_tit {
+    display: inline-block;
+    width: 20%;
+    font-size: 14px;
+    color: #606266;
+    font-weight: 600;
+  }
+
+  .footer_time .footer_tit {
+    display: inline-block;
+    width: 20%;
+    font-size: 14px;
+    color: #606266;
+    font-weight: 600;
+  }
+
+  .footer_tit:last-child {
+    float: right;
+    margin: 0;
+    right: 120px;
+  }
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanSubmit.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanSubmit.vue
new file mode 100644
index 0000000000..a17e896b22
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanSubmit.vue
@@ -0,0 +1,549 @@
+<template>
+  <div class="app-container">
+    <div v-show="relState == '3'">
+      <div class="tab-header webtop">
+        <div>订单提交时补充内容</div>
+        <div>
+          <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">
+          <!-- --------------------------订单----------------- -->
+          <div class="tit">
+            订单提交时补充内容
+            <div class="times">
+              <div>
+                <span>编号：</span>
+                <span>{{ temp.billNo }}</span>
+              </div>
+              <div>
+                <span>制单日期：</span>
+                <span>{{ temp.createDate }}</span>
+              </div>
+            </div>
+          </div>
+          <div class="times02">
+            <div>
+              <span>客户名称：</span>
+              <span>{{ temp.customerName }}</span>
+            </div>
+            <div>
+              <span>联系电话：</span>
+              <span>{{ temp.mobile }}</span>
+            </div>
+          </div>
+          <!-- ==================== 价格说明 ======================================== -->
+          <div class="titleleft space_up">价格说明</div>
+          <div class="jiagestyle">
+            <el-row>
+              <el-col :span="2">
+                <span>单台指导价</span>
+              </el-col>
+              <el-col :span="4">
+                <el-form-item>
+                  <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-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>
+                </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>
+            <el-row>
+              <el-col :span="2">
+                <span>价格说明</span>
+              </el-col>
+              <el-col :span="22">
+                <el-input v-model="temp.busSalesOrderPrice.plannedPickUpLocation" placeholder="请输入价格说明"
+                          class="addinputw" clearable/>
+              </el-col>
+            </el-row>
+          </div>
+          <!-- ==================== 优惠说明 ======================================== -->
+          <div class="titleleft space_up">优惠说明</div>
+          <el-table :key="tableKey" v-loading="listLoading" :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>
+          <el-row>
+            <el-col :span="2">
+              <span>备注说明</span>
+            </el-col>
+            <el-col :span="22">
+              <el-input v-model="temp.remarks" placeholder="请输入备注说明"
+                        class="addinputw" clearable/>
+            </el-col>
+          </el-row>
+          <!-- ==================== 完善以下信息 ======================================== -->
+          <div class="titleleft space_up">完善以下信息</div>
+          <div>
+            <el-row>
+              <el-col :span="3">
+                <span>中介名称</span>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item prop="billingType">
+                  <el-input v-model="temp.remarks" placeholder="请输入中介名称"
+                            class="addinputw" clearable/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="3">
+                <span>联系电话</span>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item prop="billingType">
+                  <el-input v-model="temp.remarks" placeholder="请输入联系电话"
+                            class="addinputw" clearable/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="3">
+                <span>合同</span>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item prop="billingType">
+                  <span>{{ temp.billingTypeKey }}</span>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="3">
+                <span>单车中介服务费</span>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item prop="billingType">
+                  <el-input v-model="temp.remarks" placeholder="请输入价格说明"
+                            class="addinputw" clearable/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="3">
+                <span>台数</span>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item prop="billingType">
+                  <span>{{ temp.payTypeKey }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="3">
+                <span>返利合计</span>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item prop="billingType">
+                  <el-input v-model="temp.remarks" placeholder="请输入返利合计"
+                            class="addinputw" clearable/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="3">
+                <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>
+              </el-col>
+              <el-col :span="3">
+                <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>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "xiaoshoudingdanSubmit",
+  data() {
+    return {
+      // 能确定有用的
+      viewTitle: '',
+      state: '',
+      relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择
+      // 4.1优惠明细 5.1虚拟订单
+      dialogStatus: 'add',
+      index: 0,
+      customerVisible: false,
+      xiancheVisible: false,
+      caigouVisible: false,
+      formLabelWidth: '110px',
+      disabled: false,
+      checked: false, // 上装
+      checkedGua: false, // 挂车
+      checkedBaoxian: false, // 保险
+      activeNames: ['1'], // 折叠面板效果
+      contractPdfView: false, // 预览合同
+      contractPdf: '', // pdf文件地址
+      customerList: [],
+      payTypeList: [],
+      billingType_list: [], // 单选开票类型
+      payType_list: [],
+      guaKaoCompanyList: [],
+      visitWay_list: [],
+      tableKey: 0,
+      tableKey2: 1,
+      tableKey3: 2,
+      tableKey4: 3,
+      FormLoading: false, // 控制保存按钮
+      listLoading: false,
+      nodeState: '', // 节点状态
+      orderSid: '', // 预览合同需要的sid
+      // 客户登记
+      customerTypeList: {
+        visitWay: '', // 联络方式
+        visitWayKey: '',
+        customerType: ''// 客户类型
+      },
+      temp: {
+        affiliatedCompany: '',  //挂靠公司名称
+        affiliatedCompanySid: '',  //挂靠公司sid
+        billingType: '',  //开票类型value
+        billingTypeKey: '',  //开票类型key
+        busDepositFictitiousList: [{
+          depositBillNo: '',  //虚拟订单编号
+          depositPrice: '',  //订金剩余金额
+          depositSid: '',  //订金信息sid
+          payPath: '',  //款项支付委托书
+          price: '',  //本次结转金额
+        }],  //虚拟订单和订金关联
+        busSalesOrderDeposit: {
+          deposit: '', // 单台订金
+          depositAll: '', // 订金合计
+          depositType: '', // 订金交纳方式
+          depositTypeKey: '', // 订金交纳方式key
+          makeUpDeposit: '', // 需补交订金
+        },  //订金信息
+        busSalesOrderDiscountList: [{
+          discountExplain: '',  //优惠项目明细
+          name: '',  //优惠名称
+          num: '',  //数量
+          price: '',  //价值
+          salesPolicySid: '',  //销售政策sid
+          totalValue: '',  //总价值
+        }],  //主车优惠明细
+        busSalesOrderInsurance: {
+          insuranceCarMoney: '',  //单台车保费预估金额
+          insuranceName: '',  //保险公司名称
+          insuranceNum: '',  //公司入保期数
+        },  //保险说明
+        busSalesOrderMakeup: {
+          announcementModel: '',  //公告型号
+          contractPath: '',  //合同上传
+          moreConfig: '',  //更多配置
+          overallDimension: '',  //外廓尺寸
+          plateMaterial: '',  //板材材质
+          plateThickness: '',  //板材厚度
+          refitFactory: '',  //委改厂
+          refitMethod: '',  //委改方式
+          topName: '',  //上装名称
+          topPrice: '',  //上装价格
+        },  //上装配置信息
+        busSalesOrderModel: {
+          brandName: '',  //品牌
+          config: '',  //常用配置
+          finalPrice: '',  //单台成交价
+          guildPrice: '',  //单台指导价
+          modelConfig: '',  //车型配置名称
+          modelConfigSid: '',  //配置sid
+          modelName: '',  //车型名称
+          modelSid: '',  //车型sid
+          moreConfig: '',  //更多配置
+          specialConfig: '',  //特殊配置说明
+        },  //主车车型信息
+        busSalesOrderPrice: {
+          plannedPickUpDate: '',  //计划提车日期
+          plannedPickUpLocation: '',  //计划提车地点
+          priceSum: '',  //车价合计
+          quantity: '',  //台数
+          singleFinalPrice: '', //单台成交价 (主车加上装）
+          singleGuildPrice: '', //单台指导价 (主车加上装）
+        },  //价格信息
+        busSalesOrderVehicleList: [],//现车车辆信息
+        busSalesVehicleOrderList: [],  //采购订单信息
+        // {
+        //   linkNo: '',  //车架号
+        //   linkSid: '',  //车辆sid
+        //   linkText: '',  //车辆存放地点
+        // }
+        createDate: '',  //制单日期
+        customerName: '',  //客户名称
+        customerSid: '',  //客户sid
+        isInsurance: '',  //公司是否入保
+        isTop: '',  //是否包含上装
+        mobile: '',  //客户联系电话
+        notes: '',  //补充说明
+        orgName: window.sessionStorage.getItem('Orgname'),  //销售部门
+        orgSid: window.sessionStorage.getItem('orgSid'),  //销售部门sid
+        payType: '',  //付款方式value
+        payTypeKey: '',  //付款方式key
+        sid: '',
+        staffName: window.sessionStorage.getItem('name'), //销售专员
+        staffSid: window.sessionStorage.getItem('staffSid'),  //销售专员sid
+        type: '',  //销售订单车辆类型 1现车、2订单、3排产
+      }, // 添加和修改
+      isXuanzeShow: '',
+      // 现车列表
+      xianchetotal: 1,
+      xiancheLoading: false,
+      xiancheList: {
+        current: 1,
+        size: 20,
+        params: {
+          customerSid: '',
+          modelConfigSid: '',
+          modelSid: '',
+          staffSid: '',
+          type: ''
+        }
+      },
+      // 采购订单列表
+      caigoutotal: 1,
+      caigouLoading: false,
+      caigouList: {
+        current: 1,
+        size: 20,
+        params: {
+          billNo: '',
+          createDate: '',
+          customerName: ''
+        }
+      },
+      // 现车表格数据
+      listXianche: [],
+      // 采购订单表格数据
+      listCaigou: [],
+      // 表单验证
+      rules: {},
+      // ------------------------------------
+    }
+  },
+  methods: {
+    showSubmit() {
+      this.relState = '3'
+    },
+    handleReturn() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formadd {
+  width: 95%;
+  margin: 0 auto;
+}
+
+.shangzhuangstyle /deep/ .el-col-4 {
+  text-align: left
+}
+
+.jiagestyle /deep/ .el-col-4 {
+  text-align: left
+}
+
+.chosseBtn /deep/ .el-col-4 {
+  text-align: left
+}
+
+.tit {
+  margin: 0 0 10px 0;
+  padding: 10px 0 0 0;
+}
+
+.times {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 30px 0 10px 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 {
+  text-align: right;
+  float: left;
+  font-size: 14px;
+  color: #606266;
+  line-height: 40px !important;
+  font-weight: 600;
+}
+
+/*/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 {
+  margin-top: 1px;
+}
+
+.qitas .left {
+  text-align: left;
+}
+
+.qitas .right {
+  text-align: right;
+}
+
+.addinputw {
+  display: inline-block !important;
+}
+
+.checkedBaoxian {
+  margin-left: 15px;
+}
+
+.baoxianInput {
+  text-align: left;
+}
+
+.jinrongTit {
+  float: right;
+}
+
+.jinrongTit span {
+  margin-left: 10px;
+}
+
+/deep/ .is-checked /deep/ .el-checkbox__label {
+  color: white;
+}
+
+/deep/ .el-checkbox__label {
+  color: white;
+  font-weight: bold;
+  font-size: 20px;
+}
+
+/deep/ .el-collapse-item__header {
+  height: 40px;
+  padding: 10px;
+  font-weight: bold;
+  font-size: 20px;
+  text-align: left;
+  color: #ffffff;
+  background-color: #0294d7;
+}
+
+/deep/ .el-collapse-item__content {
+  padding-bottom: 0;
+}
+
+.zhucheBtn {
+  margin-left: 10px;
+}
+
+.xiancheBtn {
+  float: right;
+}
+
+.xiancheForm {
+  text-align: center;
+}
+
+.dialogBtn {
+  text-align: left;
+}
+</style>