销售订单页面及其关联页面、api

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

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>

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>

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>

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

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>
@@ -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
       },
       // 保存客户运营数据

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>

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>

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>

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>
@@ -66,10 +66,12 @@
             <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"
+                  <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"
+                  <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>-->
@@ -131,51 +133,6 @@
                 <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">
@@ -190,19 +147,12 @@
     <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>
 </template>
 
 <script>
-  import {deleteByids, dictType, getListOrg, getPageList} from '@/api/salesManagement/orderManagement'
+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'
@@ -247,6 +197,7 @@
         }
       ],
       sids: [],
+      nodeState_list: [],
       defaultProps: {
         children: 'children',
         label: 'name'
@@ -269,14 +220,7 @@
         contactMobile: '1'
       }, // 添加和修改
       nodeState: '', // 节点状态
-        submitDto: {
-          businessSid: '',
-          userSid: window.sessionStorage.getItem('userSid')
-        },
-        updateDto: {
-          nodeState: '',
-          sid: ''
-        },
+
       visible: true
       // ------------------------------------
     }
@@ -325,6 +269,11 @@
         this.$refs['divadd'].showEdit(row.sid)
       }
     },
+    // 进入详情
+    openInfo() {
+      this.visible = false
+      this.$refs['dingdanxinxiinfo'].showInfo()
+    },
     printContract(row) {
       this.visible = false
       this.$refs['divPrint'].showInfo(row)
@@ -361,6 +310,7 @@
     handleReturn() {
       this.$router.go(-1)
     },
+
     // 序号
     indexMethod(index) {
       var pagestart = (this.listQuery.current - 1) * this.listQuery.size
@@ -401,7 +351,7 @@
     // 查询列表信息
     getList() {
       this.listLoading = true
-        getPageList(this.listQuery).then((response) => {
+      getListPage(this.listQuery).then((response) => {
         this.listLoading = false
         if (
           response.code === '200' &&
@@ -430,23 +380,15 @@
     // 勾选
     handleSelectionChange(row) {
       const aa = []
-        row.forEach((element) => {
-          aa.push(element.sid)
-          console.log(element.sid)
-          // setuser(this.sids)
-        })
-        this.sids = aa
       const bb = []
       row.forEach((element) => {
+        aa.push(element.sid)
         bb.push(element.nodeState)
-          console.log(element.nodeState)
-          if (element.nodeState !== '') {
-            this.isableSub = true
-          } else if (element.nodeState == '') {
-            this.isableSub = false
-          }
       })
+      this.sids = aa
+      this.nodeState_list = bb
     },
+
     // 获取用户信息
     getHuoquyonghu() {
       var token = getStorage()
@@ -516,27 +458,7 @@
         })
       }
     },
-      // 提交
-      // submitOrder() {
-      //   submitOrder(this.userSid, 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',
-      //       })
-      //     }
-      //   })
-      // },
-      // 根据本行ID删除数据
+    // 根据本行sid删除数据
     handleDelete() {
       if (this.sids.length === 0) {
         this.$notify({
@@ -547,7 +469,7 @@
         })
         return
       }
-        deleteByids(this.sids.join(',')).then((response) => {
+      delBySids(this.sids.join(',')).then((response) => {
         if (response.code === '200') {
           this.$notify({
             title: '提示',

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>

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>