From bcc850d3e48f7a95efe7f224d498bc72a9d4afad Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Thu, 2 Mar 2023 10:51:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E9=94=80=E5=94=AE=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E5=88=97=E8=A1=A8=E3=80=81=E8=AF=A6=E6=83=85=E9=83=A8?=
 =?UTF-8?q?=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xiaoshoudingdan/xiaoshoudingdan.vue       | 430 +++++++-----------
 .../xiaoshoudingdan/xiaoshoudingdanInfo.vue   | 245 +++++-----
 2 files changed, 275 insertions(+), 400 deletions(-)

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 8274a0f5ff..6a49c50b6f 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
@@ -1,78 +1,56 @@
 <template>
   <div class="app-container">
-    <div v-show="visible">
-      <div class="tab-header webtop">
-        <div>销售订单管理</div>
-        <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="info" size="small" @click="handleReturn()">关闭</el-button>
-        </div>
-      </div>
-      <div class="webcon">
+    <div v-show="viewState == 1">
+      <button-bar view-title="销售订单管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
         <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-form-item label="部门名称" class="searchlist">
-                <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" />
-                  </el-option>
-                </el-select> -->
+                <el-input v-model="listQuery.params.orgName" placeholder="" clearable class="filter-item"/>
               </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="请选择" />
+                <el-date-picker v-model="listQuery.params.createDateStart" class="filter-item-time" type="date" 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="请选择" />
+                <el-date-picker v-model="listQuery.params.createDateEnd" class="filter-item-time" type="date" 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" />
+                <el-select v-model="listQuery.params.payTypeKey" class="filter-item" clearable placeholder="请选择">
+                  <el-option v-for="item in payTypeList" :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.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>
-                <el-button type="primary" @click="handleReset">重置</el-button>
-              </div>
             </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
+            </div>
           </div>
         </div>
         <div class="listtop">
           <div class="tit">销售订单列表</div>
           <!-- 翻页分页 -->
-          <pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
-            class="pagination" @pagination="getList" />
+          <pageye v-show="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 fit highlight-current-row
-            style="width: 100%;" @selection-change="handleSelectionChange">
-            <el-table-column type="selection" align="center" width="50" />
-            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" />
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" align="center" width="50"/>
+            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
             <el-table-column width="160px" 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>
-                  <!--                  <el-button size="small" type="primary" @click="printContract(scope.row)">打印合同</el-button>-->
-                </div>
+                <el-button size="small" type="primary" :disabled="scope.row.nodeState == '待提交' ? false : scope.row.nodeState == '' ? false : true" @click="toEdit(scope.row)">办理
+                </el-button>
+                <el-button size="small" type="primary" @click="toInfo(scope.row)">查看</el-button>
+                <!--                  <el-button size="small" type="primary" @click="printContract(scope.row)">打印合同</el-button>-->
               </template>
             </el-table-column>
             <el-table-column label="状态" align="center">
@@ -133,42 +111,40 @@
           </el-table>
         </div>
         <div class="pages">
-          <div class="tit" />
+          <div class="tit"/>
           <!-- 翻页 -->
-          <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
-            class="pagination" @pagination="getList" />
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
         </div>
       </div>
     </div>
     <!--新增修改部分组件-->
-    <div-add @handleReturn="visible = true" ref="divadd" @doback="resetState" @reloadlist="getList" />
+    <div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="getList"/>
     <!--详情部分组件-->
-    <div-info @handleReturn="visible = true" ref="dingdanxinxiinfo" @doback="resetState" />
+    <div-info v-show="viewState == 4" ref="dingdanxinxiinfo" @doback="resetState"/>
     <!-- 打印合同 -->
-    <print-contract />
+    <print-contract/>
     <!-- 确认贷款人 -->
-    <confirm-lender />
+    <confirm-lender/>
   </div>
 </template>
 
 <script>
-import {delBySids, dictType, getListOrg, getListPage} from '@/api/salesManagement/orderManagement'
-// import {delBySids, dictType, getListOrg, getListPage} from '@/apimock/salesManagement/orderManagement'
-import {submitSales, updateSales} from '@/api/portal/workFlow'
-import {loginDetails} from '@/api/dictcommons/basemanufacturer'
-import {getStorage} from '@/utils/auth'
+import { delBySids, getListPage } from '@/api/salesManagement/orderManagement'
+import { typeValues } from '@/api/dictcommons/dictcommons'
 import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
 import divAdd from './xiaoshoudingdanAdd.vue'
 import divInfo from './xiaoshoudingdanInfo.vue'
-import printContract from "@/views/xiaoshouguanli/xiaoshoudingdan/printContract";
-import confirmLender from "@/views/xiaoshouguanli/xiaoshoudingdan/confirmLender";
+import printContract from '@/views/xiaoshouguanli/xiaoshoudingdan/printContract'
+import confirmLender from '@/views/xiaoshouguanli/xiaoshoudingdan/confirmLender'
 
 export default {
   name: 'xiaoshoudingdan',
   components: {
     Pagination,
     pageye,
+    ButtonBar,
     divAdd,
     divInfo,
     printContract,
@@ -176,30 +152,43 @@ export default {
   },
   data() {
     return {
-      isableSub: false,
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
+        },
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
       viewState: 1, // 1、列表 2、添加 3、修改 4、查看 5、打印合同 6、确认贷款人
-      xiaodaijinrongfanganInfoShow: false,
-      hetongdanganguanliAddShow: false,
-      treedata: [],
       payTypeList: [],
-      saleTypeList: [],
       isSearchShow: false,
       searchxianshitit: '隐藏查询条件',
       // 查询 -----------
       tableKey: 0,
-      addOrUpdatetypes: '',
       list: [],
       sids: [],
-      nodeState_list: [],
-      defaultProps: {
-        children: 'children',
-        label: 'name'
-      },
-      total: 1,
       listLoading: false,
       listQuery: {
         current: 1,
-        size: 20,
+        size: 10,
+        total: 0,
         params: {
           createDateEnd: '', // 单据日期结束时间
           createDateStart: '', // 单据日期开始时间
@@ -207,22 +196,16 @@ export default {
           modelName: '', // 车型名称
           orgName: '', // 部门名称
           payTypeKey: '',
-          staffSid: window.sessionStorage.getItem('staffSid'),  //销售专员sid
+          staffSid: '' // 销售专员sid
         }
-      },
-      temp: {
-        contactMobile: '1'
-      }, // 添加和修改
-      nodeState: '', // 节点状态
-
-      visible: true
-      // ------------------------------------
+      }
     }
   },
-  computed: {},
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
   created() {
-    // 加载列表
-    this.getList()
+    this.init()
   },
   methods: {
     // 搜索条件效果
@@ -235,222 +218,139 @@ export default {
       }
     },
     init() {
-
-    },
-    // ----------功能打开开始--------
-    resetState() {
-      this.visible = true
-    },
-    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.sid)
-    },
-    // 打开添加
-    handleCreate(row) {
-      this.visible = false
-      this.$refs['divadd'].showAdd()
-    },
-    // 办理
-    changeNodeState(row) {
-        this.visible = false
-        this.$refs['divadd'].showEdit(row.sid)
-    },
-    // 进入详情
-    openInfo() {
-      this.visible = false
-      this.$refs['dingdanxinxiinfo'].showInfo()
-    },
-    printContract(row) {
-      this.visible = false
-      this.$refs['divPrint'].showInfo(row)
+      typeValues({ type: 'purchaseType' }).then((response) => {
+        if (response.success) {
+          this.payTypeList = response.data
+        }
+      })
+      this.getList()
     },
-
-    // ----------功能打开下一级页面结束--------
-    // 重置
-    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()
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'toAdd':
+          this.toAdd()
+          break
+        case 'doDel':
+          this.doDel()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
     },
-
     // 序号
     indexMethod(index) {
       var pagestart = (this.listQuery.current - 1) * this.listQuery.size
       var pageindex = index + 1 + pagestart
       return pageindex
     },
-    // 支付方式 purchaseType
-    getpayTypeList() {
-      dictType({
-        type: 'purchaseType',
-      }).then((response) => {
-        if (response.code === '200' && response.data) {
-          this.payTypeList = response.data
-        }
+    // 勾选
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
       })
+      this.sids = aa
     },
-
     // 查询列表信息
     getList() {
       this.listLoading = true
+      this.listQuery.params.staffSid = window.sessionStorage.getItem('staffSid')
       getListPage(this.listQuery).then((response) => {
         this.listLoading = false
-        if (
-          response.code === '200' &&
-          response.data &&
-          response.data.total > 0
-        ) {
+        if (response.success) {
           this.list = response.data.records
-          this.total = response.data.total
+          this.listQuery.total = response.data.total
         } else {
           this.list = []
-          this.total = 0
+          this.listQuery.total = 0
         }
       })
     },
-
-    handleCheckChange(data, checked, node) {
-      this.listQuery.params.orgName = data.name
-    },
     // 查询按钮
     handleFilter() {
       this.listQuery.current = 1
       this.getList()
     },
-
-    // 勾选
-    handleSelectionChange(row) {
-      const aa = []
-      const bb = []
-      row.forEach((element) => {
-        aa.push(element.sid)
-        bb.push(element.nodeState)
-      })
-      this.sids = aa
-      this.nodeState_list = bb
-    },
-
-    // 提交审核
-    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
-            } else {
-              this.$message({
-                showClose: true,
-                message: '提交失败！',
-                type: 'error'
-              });
-            }
-          })
-        })
-      } else if (this.sids.length == 0) {
-        this.$message({
-          showClose: true,
-          message: '您还未选择，请选择数据！',
-          type: 'error'
-        });
-      } else if (this.sids.length > 1) {
-        this.$message({
-          showClose: true,
-          message: '您选择的数据过多，请选择一条数据编辑！',
-          type: 'error'
-        });
+    // 重置
+    handleReset() {
+      this.listQuery = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          createDateEnd: '', // 单据日期结束时间
+          createDateStart: '', // 单据日期开始时间
+          customerName: '', // 客户名称
+          modelName: '', // 车型名称
+          orgName: '', // 部门名称
+          payTypeKey: '',
+          staffSid: '' // 销售专员sid
+        }
       }
+      this.getList()
+    },
+    // 打开添加
+    toAdd() {
+      this.viewState = 2
+      this.$refs['divadd'].showAdd()
+    },
+    // 办理
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divadd'].showEdit(row.sid)
+    },
+    // 打开查看详情
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['dingdanxinxiinfo'].showInfo(row.sid)
+    },
+    xiaoshouhetong(row) {
+      this.$refs['hetongdanganguanli-Info'].showOrderHeTong(row.sid)
+    },
+    printContract(row) {
+      this.$refs['divPrint'].showInfo(row)
     },
     // 根据本行sid删除数据
-    handleDelete() {
+    doDel() {
       if (this.sids.length === 0) {
-        this.$message({
-          showClose: true,
-          message: '请选择数据！',
-          type: 'error'
-        });
+        this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
         return
       }
-      delBySids(this.sids).then((response) => {
-        if (response.code === '200') {
-          this.getList()
-        } else {
-          this.$message({
-            showClose: true,
-            message: '删除失败！',
-            type: 'error'
-          });
-        }
-      })
-    },
-    handleReturn(){
-
-    },
-    // 导出
-    handleDaoChu(row) {
-      this.$confirm('确定要导出数据, 是否继续?', '提示', {
+      const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+      this.$confirm(tip, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        delBySids(this.sids).then((response) => {
+          if (response.success) {
+            this.$message({ type: 'success', message: response.msg, showClose: true })
+            this.getList()
+            loading.close()
+          } else {
+            loading.close()
+          }
+        }).catch(() => {
+          loading.close()
+        })
       })
-      // .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()
+    resetState() {
+      this.viewState = 1
     },
-    // 修改保存完成
-    dataUpdated() {
-      this.visible = true
-      this.getList()
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
     }
   }
 }
@@ -462,10 +362,4 @@ export default {
   display: inline-block;
 }
 
-/* .filter-item-time {
-    padding: 0 10px;
-    width: 300px;
-    display: inline-block;
-  } */
-/* .listcon{height: calc(100vh - 550px);overflow-y: auto;overflow-x: hidden;} */
 </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 e839d0b3c3..ab48d26391 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,21 +1,15 @@
 <template>
   <div class="app-container">
-    <div v-show="relState == '2'">
+    <div>
       <div class="tab-header webtop">
         <div>销售订车单详情</div>
-        <!-- <div v-else></div> -->
         <div>
-          <!--          <el-button :disabled="this.nodeState == '待提交' ? false : this.nodeState == '' ? false : true" size="small"-->
-          <!--                     type="primary"-->
-          <!--                     @click="handleSubmit()">-->
-          <!--            提交-->
-          <!--          </el-button>-->
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
       <div class="listconadd">
         <el-form ref="dataForm" :model="temp" label-position="right" class="formadd">
-          <!-- ----------s----------------订单----------------- -->
+          <!-- --------------------------订单----------------- -->
           <div class="tit">
             销售订单
             <div class="times">
@@ -136,7 +130,7 @@
             </el-col>
             <el-col :span="20">
               <el-form-item>
-                <span>{{temp.busSalesOrderModel.specialConfig}}</span>
+                <span>{{ temp.busSalesOrderModel.specialConfig }}</span>
               </el-form-item>
             </el-col>
           </el-row>
@@ -265,7 +259,7 @@
               </el-col>
               <el-col :span="10">
                 <el-form-item>
-                  <span>{{contractName}}</span>
+                  <span>{{ contractName }}</span>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -304,8 +298,6 @@
               <el-col :span="4">
                 <el-form-item>
                   <span>{{ temp.busSalesOrderPrice.singleFinalPrice }}</span>
-                  <!--                  <el-input v-model="temp.busSalesOrderPrice.singleFinalPrice" class="addinputw" clearable-->
-                  <!--                            placeholder="请输入单台成交价"/>-->
                 </el-form-item>
               </el-col>
               <el-col :span="2"/>
@@ -326,7 +318,6 @@
               <el-col :span="10">
                 <el-form-item>
                   <span>{{ temp.busSalesOrderPrice.priceSum }}</span>
-                  <!--                  <span>{{ temp.busSalesOrderPrice.priceSum }}</span>-->
                 </el-form-item>
               </el-col>
               <el-col :span="2">
@@ -351,11 +342,8 @@
           <div class="titleleft space_up">主车优惠明细</div>
           <template slot="title">
             主车优惠明细
-            <el-button type="primary" size="small" class="btntopblueline zhucheBtn" @click="openZhuche()">选择
-            </el-button>
           </template>
-          <el-table :key="tableKey" :data="temp.busSalesOrderDiscountList" border fit
-                    highlight-current-row :index="index" style="width: 100%;">
+          <el-table :key="tableKey" :data="temp.busSalesOrderDiscountList" border fit highlight-current-row :index="index" style="width: 100%;">
             <el-table-column label="序号" type="index" width="80" align="center"/>
             <el-table-column label="优惠名称" align="center">
               <template slot-scope="scope">
@@ -428,10 +416,10 @@
           <!-- ==================== 消贷金融方案(暂不考虑) ======================================== -->
           <div class="titleleft">
             <span>消贷金融方案</span>
-<!--            <div class="jinrongTit">-->
-<!--              <span>单车方案编辑</span>-->
-<!--              <span> 预览总方案</span>-->
-<!--            </div>-->
+            <!--            <div class="jinrongTit">-->
+            <!--              <span>单车方案编辑</span>-->
+            <!--              <span> 预览总方案</span>-->
+            <!--            </div>-->
           </div>
           <!-- ==================== 订金信息 ======================================== -->
           <div class="titleleft space_up">
@@ -479,8 +467,7 @@
             <div class="titleleft">
               <span>虚拟订单列表</span>
             </div>
-            <el-table :key="tableKey2" :data="temp.busDepositFictitiousList" border fit
-                      highlight-current-row style="width: 100%;">
+            <el-table :key="tableKey2" :data="temp.busDepositFictitiousList" border fit highlight-current-row style="width: 100%;">
               <el-table-column label="序号" type="index" width="80" align="center"/>
               <el-table-column label="虚拟订单编号" align="center">
                 <template slot-scope="scope">
@@ -518,159 +505,153 @@
 </template>
 
 <script>
-import {fetchDetailsBySid, selectCount, selectOrderCount} from '@/api/salesManagement/orderManagement'
+import { fetchDetailsBySid, selectCount, selectOrderCount } from '@/api/salesManagement/orderManagement'
 
 export default {
-  name: "xiaoshoudingdanInfo",
+  name: 'xiaoshoudingdanInfo',
   data() {
     return {
       index: 1,
-      state: '',
-      relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择
-      // 4.1优惠明细 5.1虚拟订单
+      state: '', // 4.1优惠明细 5.1虚拟订单
       nodeState: '', // 节点状态
       tableKey: 0,
       tableKey2: 1,
       tableKey3: 2,
       tableKey4: 3,
-      contractName:'',
+      contractName: '',
       temp: {
         billNo: '', // 编号
-        affiliatedCompany: '',  //挂靠公司名称
-        affiliatedCompanySid: '',  //挂靠公司sid
-        billingType: '',  //开票类型value
-        billingTypeKey: '',  //开票类型key
+        affiliatedCompany: '', // 挂靠公司名称
+        affiliatedCompanySid: '', // 挂靠公司sid
+        billingType: '', // 开票类型value
+        billingTypeKey: '', // 开票类型key
         busDepositFictitiousList: [{
-          depositBillNo: '',  //虚拟订单编号
-          depositPrice: '',  //订金剩余金额
-          depositSid: '',  //订金信息sid
-          payPath: '',  //款项支付委托书
-          price: '',  //本次结转金额
-        }],  //虚拟订单和订金关联
+          depositBillNo: '', // 虚拟订单编号
+          depositPrice: '', // 订金剩余金额
+          depositSid: '', // 订金信息sid
+          payPath: '', // 款项支付委托书
+          price: '' // 本次结转金额
+        }], // 虚拟订单和订金关联
         busSalesOrderDeposit: {
           deposit: '', // 单台订金
           depositAll: '', // 订金合计
           depositType: '', // 订金交纳方式
           depositTypeKey: '', // 订金交纳方式key
-          makeUpDeposit: '', // 需补交订金
-        },  //订金信息
+          makeUpDeposit: '' // 需补交订金
+        }, // 订金信息
         busSalesOrderDiscountList: [{
-          discountExplain: '',  //优惠项目明细
-          name: '',  //优惠名称
-          num: '',  //数量
-          price: '',  //价值
-          salesPolicySid: '',  //销售政策sid
-          totalValue: '',  //总价值
-        }],  //主车优惠明细
+          discountExplain: '', // 优惠项目明细
+          name: '', // 优惠名称
+          num: '', // 数量
+          price: '', // 价值
+          salesPolicySid: '', // 销售政策sid
+          totalValue: '' // 总价值
+        }], // 主车优惠明细
         busSalesOrderInsurance: {
-          insuranceCarMoney: '',  //单台车保费预估金额
-          insuranceName: '',  //保险公司名称
-          insuranceNum: '',  //公司入保期数
-        },  //保险说明
+          insuranceCarMoney: '', // 单台车保费预估金额
+          insuranceName: '', // 保险公司名称
+          insuranceNum: '' // 公司入保期数
+        }, // 保险说明
         busSalesOrderMakeup: {
-          announcementModel: '',  //公告型号
-          contractPath: '',  //合同上传
-          moreConfig: '',  //更多配置
-          overallDimension: '',  //外廓尺寸
-          plateMaterial: '',  //板材材质
-          plateThickness: '',  //板材厚度
-          refitFactory: '',  //委改厂
-          refitMethod: '',  //委改方式
-          topName: '',  //上装名称
-          topPrice: '',  //上装价格
-        },  //上装配置信息
+          announcementModel: '', // 公告型号
+          contractPath: '', // 合同上传
+          moreConfig: '', // 更多配置
+          overallDimension: '', // 外廓尺寸
+          plateMaterial: '', // 板材材质
+          plateThickness: '', // 板材厚度
+          refitFactory: '', // 委改厂
+          refitMethod: '', // 委改方式
+          topName: '', // 上装名称
+          topPrice: '' // 上装价格
+        }, // 上装配置信息
         busSalesOrderModel: {
-          brandName: '',  //品牌
-          config: '',  //常用配置
-          finalPrice: '',  //单台成交价
-          guildPrice: '',  //单台指导价
-          modelConfig: '',  //车型配置名称
-          modelConfigSid: '',  //配置sid
-          modelName: '',  //车型名称
-          modelSid: '',  //车型sid
-          moreConfig: '',  //更多配置
-          specialConfig: '',  //特殊配置说明
-        },  //主车车型信息
+          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排产
-          }, // 添加和修改
-          // ------------------------------------
-        }
-      },
+          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(sid) {
-      this.relState = '2'
-      fetchDetailsBySid({
-        sid: sid,
-      }).then((response) => {
+      fetchDetailsBySid({ sid: sid }).then((response) => {
         if (response.success) {
           const temp_copy = response.data
           if (temp_copy.busSalesOrderInsurance == null) {
             temp_copy.busSalesOrderInsurance = {
               insuranceCarMoney: '',
               insuranceName: '',
-              insuranceNum: '',
+              insuranceNum: ''
             }
           }
           if (temp_copy.busSalesOrderMakeup == null) {
             temp_copy.busSalesOrderMakeup = {
-              announcementModel: '',  //公告型号
-              contractPath: '',  //合同上传
-              moreConfig: '',  //更多配置
-              overallDimension: '',  //外廓尺寸
-              plateMaterial: '',  //板材材质
-              plateThickness: '',  //板材厚度
-              refitFactory: '',  //委改厂
-              refitMethod: '',  //委改方式
-              topName: '',  //上装名称
-              topPrice: '',  //上装价格
-              remarks: '',// 上装备注
+              announcementModel: '', // 公告型号
+              contractPath: '', // 合同上传
+              moreConfig: '', // 更多配置
+              overallDimension: '', // 外廓尺寸
+              plateMaterial: '', // 板材材质
+              plateThickness: '', // 板材厚度
+              refitFactory: '', // 委改厂
+              refitMethod: '', // 委改方式
+              topName: '', // 上装名称
+              topPrice: '', // 上装价格
+              remarks: '' // 上装备注
             }
           }
           this.temp = temp_copy
           this.temp.sid = sid
-          if (this.temp.type == '1') {
+          if (this.temp.type === '1') {
             this.temp.vehicleType = '现车'
-          } else if (this.temp.type == '2') {
+          } else if (this.temp.type === '2') {
             this.temp.vehicleType = '采购订单'
-          } else if (this.temp.type == '3') {
+          } else if (this.temp.type === '3') {
             this.temp.vehicleType = '排产'
           }
           const index = this.temp.busSalesOrderMakeup.contractPath.lastIndexOf('/')
           this.contractName = this.temp.busSalesOrderMakeup.contractPath.substring(index + 1, this.temp.busSalesOrderMakeup.contractPath.length)
           const countList = {
-            customerSid: this.temp.customerSid,  //客户sid
-            modelConfigSid: this.temp.busSalesOrderModel.modelConfigSid,  //配置sid
-            modelSid: this.temp.busSalesOrderModel.modelSid,  //车型sid
-            staffSid: this.temp.staffSid,  //业务员sid
+            customerSid: this.temp.customerSid, // 客户sid
+            modelConfigSid: this.temp.busSalesOrderModel.modelConfigSid, // 配置sid
+            modelSid: this.temp.busSalesOrderModel.modelSid, // 车型sid
+            staffSid: this.temp.staffSid, // 业务员sid
             type: this.temp.type // 类型
           }
           // 现车
@@ -689,7 +670,6 @@ export default {
       })
     },
     handleReturn() {
-      this.relState = ''
       this.$emit('doback')
     }
   }
@@ -852,7 +832,8 @@ export default {
 /deep/ .el-checkbox__label {
   color: #ffffff !important;
 }
-.notes{
+
+.notes {
   font-size: 14px;
 }
 </style>