完善出库申请

anrui-buscenter/anrui-buscenter-ui/src/api/chukuguanli/chukubanli.js

@@ -12,30 +12,6 @@ export function listPage(params) {
   })
 }
 
-// 验证是否可出库
-export function checkingApply(params) {
-  return request({
-    url: '/buscenter/v1/busdeliveredapply/checkingApply',
-    method: 'post',
-    data: params,
-    headers: {
-      'Content-Type': 'application/json'
-    }
-  })
-}
-
-// 出库申请详情、编辑回显 已改
-export function fetchDetailsBySid(params) {
-  return request({
-    url: '/buscenter/v1/busdeliveredapply/fetchDetailsBySid',
-    method: 'post',
-    data: params,
-    headers: {
-      'Content-Type': 'application/json'
-    }
-  })
-}
-
 // 出库分页列表 已改
 export function pagerList(params) {
   return request({
@@ -62,36 +38,10 @@ export function revokeBySid(params) {
   })
 }
 
-// 保存和修改接口 已改
-export function save(params) {
-  return request({
-    url: '/buscenter/v1/busdeliveredapply/save',
-    method: 'post',
-    data: params,
-    headers: {
-      'Content-Type': 'application/json'
-    }
-  })
-}
-
-// 列表提交 已改
-export function submitBySid(params) {
-  return request({
-    url: '/buscenter/v1/busdeliveredapply/submitBySid',
-    method: 'put',
-    params: {
-      sid: params
-    },
-    headers: {
-      'Content-Type': 'application/x-www-form-urlencoded'
-    }
-  })
-}
-
 // 表单中的提交 已改
 export function submitInfo(params) {
   return request({
-    url: '/buscenter/v1/busdeliveredapply/submitDeliveredApply',
+    url: '/buscenter/v1/busdeliveredapply/submitAppDeliveredApply',
     method: 'post',
     data: params,
     headers: {
@@ -112,26 +62,6 @@ export function delBySids(params) {
   })
 }
 
-// 模糊搜索客户
-export function customerName(data) {
-  return request({
-    url: '/crm/v1/crmcustomertemp/listAll',
-    method: 'post',
-    data: data,
-    headers: {
-      'Content-Type': 'application/json'
-    }
-  })
-}
-
-// 获取下拉框option
-export function typeValues(data) {
-  return request({
-    url: '/portal/v1/dictcommons/typeValues',
-    method: 'get',
-    params: data
-  })
-}
 // 代办任务同意办理
 export function complete(data) {
   return request({
@@ -192,3 +122,64 @@ export function getPreviousNodesForReject(data) {
     params: data
   })
 }
+
+// 待出库车辆选择后--返回出库申请页面调用初始化
+export function getRetrievalApplyInfo(data) {
+  return request({
+    url: '/buscenter/v1/busdelivered/getRetrievalApplyInfo',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 补充待出库车辆选择后--返回出库申请页面调用--仅返回车辆列表信息
+export function selectInfo(data) {
+  return request({
+    url: '/buscenter/v1/busdelivered/selectInfo',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 出库申请--车辆列表--查看挂车信息
+export function trailerList(data) {
+  return request({
+    url: '/base/v1/basetrailer/trailerList',
+    method: 'get',
+    params: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 查看款、票情况详情
+export function deliveredFinSelect(data) {
+  return request({
+    url: '/buscenter/v1/busdeliveredapply/deliveredFinSelect',
+    method: 'get',
+    params: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 保存和修改接口 已改
+export function saveOrUpdate(data) {
+  return request({
+    url: '/buscenter/v1/busdeliveredapply/saveRetrievalApplyInfo',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+

anrui-buscenter/anrui-buscenter-ui/src/api/dictcommons/dictcommons.js

@@ -18,6 +18,15 @@ export function getOrgSidByPath(data) {
   })
 }
 
+// 根据选择的销售专员获取客户
+export function selectCustomerList(data) {
+  return request({
+    url: '/crm/v1/crmcustomertemp/selectCustomerList',
+    method: 'get',
+    params: data
+  })
+}
+
 // 当前用户创建申请时判断该用户是否有该菜单的操作权限
 export function selectHaveMessage(data) {
   return request({

anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqing.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <div v-show="viewState == 5">
+    <div v-show="viewState == 1">
       <button-bar view-title="出库申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
       <!--Start查询列表部分-->
       <div class="main-content">
@@ -8,21 +8,21 @@
           <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
           <div v-show="isSearchShow" class="search">
             <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="销售类型">
+                <el-select v-model="listQuery.params.paymentMethodKey" class="addinputw" clearable filterable placeholder="请选择">
+                  <el-option v-for="item in payType" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+                </el-select>
+              </el-form-item>
               <el-form-item label="合同编号">
-                <el-input v-model="listQuery.params.contractNo" placeholder="请输入合同编号" clearable class="filter-item"/>
+                <el-input v-model="listQuery.params.contractNo" placeholder="" clearable class="filter-item"/>
               </el-form-item>
               <el-form-item label="客户名称">
-                <el-select v-model="listQuery.params.name" class="addinputw" clearable filterable placeholder="请选择">
-                  <el-option v-for="item in customerList" :key="item.sid" :label="item.name" :value="item.name"/>
-                </el-select>
-              </el-form-item>
-              <el-form-item label="申请人">
-                <el-input v-model="listQuery.params.applyName" placeholder="请输入申请人姓名" clearable class="filter-item"/>
+                <el-input v-model="listQuery.params.name" placeholder="" clearable class="filter-item"/>
               </el-form-item>
               <el-form-item label="申请日期">
-                <el-date-picker v-model="listQuery.params.applyDateStart" type="date" placeholder="选择日期" clearable></el-date-picker>
+                <el-date-picker v-model="listQuery.params.applyDateStart" type="date" placeholder="选择日期"  value-format="yyyy-MM-dd" clearable></el-date-picker>
                 <span style="padding: 0 8px">至</span>
-                <el-date-picker v-model="listQuery.params.applyDateEnd" type="date" placeholder="选择日期" clearable></el-date-picker>
+                <el-date-picker v-model="listQuery.params.applyDateEnd" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" clearable></el-date-picker>
               </el-form-item>
             </el-form>
             <div class="btn" style="text-align: center;">
@@ -45,14 +45,25 @@
               <template slot-scope="scope">
                 <el-button size="small" type="danger" :disabled="scope.row.nodeState === '待提交' ? true : scope.row.nodeState === '已办结' ? true : scope.row.nodeState === '已终止' ? true : scope.row.nodeState === '发起申请' ? true : false" @click="handleRevoke(scope.row)">撤回
                 </el-button>
-                <el-button size="small" type="primary" :disabled="scope.row.nodeState === '待提交' ? false : scope.row.nodeState === '发起申请' ? false : true" @click="changeNodeState(scope.row)">办理
+                <el-button size="small" type="primary" :disabled="scope.row.nodeState === '待提交' ? false : scope.row.nodeState === '发起申请' ? false : true" @click="toEdit(scope.row)">办理
                 </el-button>
-                <el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button>
+                <el-button size="small" type="primary" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="状态" width="180px" header-align="center">
+              <template slot-scope="scope">
+                <span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span>
+                <span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</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">
+            <el-table-column label="销售类型" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.nodeState }}</span>
+                <span>{{ scope.row.paymentMethod }}</span>
               </template>
             </el-table-column>
             <el-table-column label="合同编号" align="center">
@@ -65,7 +76,17 @@
                 <span>{{ scope.row.name }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="申请日期" align="center">
+            <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.num }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="发起日期" align="center">
               <template slot-scope="scope">
                 <span>{{ scope.row.applyDate }}</span>
               </template>
@@ -88,16 +109,21 @@
     </div>
     <chukushenqing-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="getList"/>
     <chukushenqing-info v-show="viewState == 4" ref="divInfo" @doback="resetState" @reloadlist="getList"/>
+    <el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
+      <iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { customerName, delBySids, pagerList, revokeProcess } from '@/api/chukuguanli/chukubanli'
+import { delBySids, pagerList, revokeProcess } from '@/api/chukuguanli/chukubanli'
+import { typeValues, selectHaveMessage } from '@/api/dictcommons/dictcommons'
+import { getStorage } from '@/utils/auth'
 import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
 import chukushenqingAdd from './chukushenqingAdd'
 import chukushenqingInfo from './chukushenqingInfo'
-import ButtonBar from '@/components/ButtonBar'
 
 export default {
   name: 'chukushenqing',
@@ -110,15 +136,17 @@ export default {
   },
   data() {
     return {
-      viewTitle: '',
+      url: '',
+      dialogHeight: '80%',
+      centerDialogVisible: false,
       btndisabled: false,
       // 主页面：隐藏查询条件按钮
       isSearchShow: false,
       searchxianshitit: '显示查询条件',
-      viewState: 5, // 1、列表 2、新增 3、编辑 4、查看
+      viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
       // 查询 -----------
       tableKey: 0,
-      customerList: [],
+      payType: [],
       list: [],
       sids: [], // 用于导出的时候保存已选择的SIDs
       FormLoading: false,
@@ -134,7 +162,8 @@ export default {
           applyName: '', // 申请人
           applySid: '', // 申请人sid
           contractNo: '', // 合同编号
-          name: '' // 客户名称
+          name: '', // 客户名称
+          paymentMethodKey: ''
         }
       },
       btnList: [
@@ -168,13 +197,48 @@ export default {
     this.init()
   },
   mounted() {
+    // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
+    window.addEventListener('message', this.handleMessage)
     this.$refs['btnbar'].setButtonList(this.btnList)
   },
   methods: {
+    async handleMessage(event) {
+      var code = ''
+      if (event.data.params !== null && event.data.params !== undefined) {
+        code = event.data.params.code
+      }
+      if (code === 1) {
+        this.init()
+        this.centerDialogVisible = false
+      } else if (code === 2) {
+        this.dialogHeight = event.data.params.data
+        this.setIframeHeight(document.getElementById('iframe'))
+      }
+    },
+    closeIt() {
+      this.url = ''
+      this.centerDialogVisible = false
+    },
+    setIframeHeight(iframe) {
+      iframe.height = this.dialogHeight
+    },
+    flowRecord(row) {
+      this.centerDialogVisible = true
+      var params = {
+        deployId: row.procDefId,
+        procInsId: row.procInstId,
+        token: getStorage()
+      }
+      this.url = 'http://localhost:9530/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
+    },
     // ========== 初始化加载 ==========
     init() {
+      typeValues({ type: 'purchaseType' }).then((res) => {
+        if (res.success) {
+          this.payType = res.data
+        }
+      })
       this.getList()
-      this.getCustomer()
     },
     btnHandle(btnKey) {
       console.log('XXXXXXXXXXXXXXX    ' + btnKey)
@@ -192,15 +256,6 @@ export default {
           break
       }
     },
-    // 客户下拉框
-    getCustomer() {
-      customerName({ staffSid: window.sessionStorage.getItem('staffSid') }).then((response) => {
-        if (response.code === '200') {
-          this.customerList = response.data
-          console.log('客户列表', this.customerList)
-        }
-      })
-    },
     // 表中序号
     indexMethod(index) {
       var pagestart = (this.listQuery.current - 1) * this.listQuery.size
@@ -208,10 +263,6 @@ export default {
       return pageindex
     },
     // ========== 页面按钮功能 ==========
-    // 编辑、详情返回列表页面
-    resetState() {
-      this.viewState = 5
-    },
     // 搜索条件效果
     clicksearchShow() {
       this.isSearchShow = !this.isSearchShow
@@ -222,7 +273,7 @@ export default {
       }
     },
     handleRevoke(row) {
-      this.$confirm('是否确定提交该业务', '提示', {
+      this.$confirm('是否确定撤回该业务', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
@@ -237,7 +288,6 @@ export default {
     },
     // 信息条数 获取点击时当前的sid
     handleSelectionChange(row) {
-      console.log('开票', row)
       const aa = []
       row.forEach(element => {
         aa.push(element.sid)
@@ -245,6 +295,22 @@ export default {
       this.sids = aa
       console.log('sids数组', this.sids)
     },
+    // ========== 业务功能 ==========
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.applySid = window.sessionStorage.getItem('userSid')
+      pagerList(this.listQuery).then(response => { // 拦截器
+        this.listLoading = false
+        if (response.success) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
     // 查询按钮
     handleFilter() {
       this.listQuery.current = 1
@@ -262,42 +328,30 @@ export default {
           applyName: '', // 申请人
           applySid: '', // 申请人sid
           contractNo: '', // 合同编号
-          name: '' // 客户名称
+          name: '', // 客户名称
+          paymentMethodKey: ''
         }
       }
       this.getList()
     },
-    // ========== 业务功能 ==========
-    // 查询列表信息
-    getList() {
-      this.listLoading = true
-      this.listQuery.params.applySid = window.sessionStorage.getItem('staffSid')
-      pagerList(this.listQuery).then(response => { // 拦截器
-        this.listLoading = false
-        console.log(response)
-        if (response.code === '200' && response.data && response.data.total > 0) {
-          this.list = response.data.records
-          this.listQuery.total = response.data.total
-        } else {
-          this.list = []
-          this.listQuery.total = 0
+    toAdd() {
+      selectHaveMessage({ menuUrl: this.$route.path, orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => {
+        if (resp.success) {
+          this.viewState = 2
+          this.$refs['divadd'].showAdd()
         }
       })
     },
+    // 办理
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divadd'].showEdit(row)
+    },
     // 打开查看
-    handleCheck(row) {
+    toInfo(row) {
       this.viewState = 4
       this.$refs['divInfo'].showInfo(row.sid)
     },
-    toAdd() {
-      this.viewState = 2
-      this.$refs['divadd'].showAdd()
-    },
-    // 办理
-    changeNodeState(row) {
-      this.viewState = 3
-      this.$refs['divadd'].showEdit(row, row.sid)
-    },
     // 删除
     doDel() {
       if (this.sids.length === 0) {
@@ -316,7 +370,7 @@ export default {
           spinner: 'el-icon-loading',
           background: 'rgba(0, 0, 0, 0.7)'
         })
-        delBySids(this.sids).then(resp => {
+        delBySids(this.sids).then((resp) => {
           loading.close()
           if (resp.success) {
             this.$message({ type: 'success', message: resp.msg, showClose: true })
@@ -328,6 +382,10 @@ export default {
       }).catch(() => {
       })
     },
+    // 编辑、详情返回列表页面
+    resetState() {
+      this.viewState = 1
+    },
     // 关闭
     doClose() {
       this.$store.dispatch('tagsView/delView', this.$route)

anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingAdd.vue

@@ -4,161 +4,295 @@
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
         <div>
-          <el-button type="primary" size="small" :disabled="createBtn" @click="handLeSelect()">选择车辆</el-button>
-          <el-button type="primary" size="small" :disabled="createBtn" @click="handleCreate()">保存</el-button>
+          <el-button type="primary" size="small" :disabled="createBtn" @click="handleChoose()">选择车辆</el-button>
+          <el-button type="primary" size="small" :disabled="createBtn" @click="handleSave()">保存</el-button>
           <el-button type="primary" size="small" :disabled="createBtn" @click="handleSubmit()">提交</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
       <div class="listconadd">
         <div class="titwu">出库申请</div>
-        <el-form ref="dataForm" :model="temp" class="formadd" :rules="rules">
-          <el-row class="rowStyle">
-            <el-col :span="4" class="tleftb colOneStyle">
-              <span>合同编号:</span>
+        <el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyDept }}</span></el-form-item>
             </el-col>
-            <el-col :span="8" class="colOneStyle">
-              <el-form-item>{{ temp.contractNo }}</el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">发起人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyName }}</span></el-form-item>
             </el-col>
-            <el-col :span="4" class="tleftb colOneStyle">
-              <span>申请日期:</span>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
             </el-col>
-            <el-col :span="8" class="colOneStyle">
-              <el-form-item>{{ temp.applyDate }}</el-form-item>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.paymentMethod }}</span></el-form-item>
             </el-col>
           </el-row>
-          <el-row class="rowStyle">
-            <el-col :span="4" class="tleftb colStyle">
-              <span>客户名称:</span>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractId }}</span></el-form-item>
             </el-col>
-            <el-col :span="8" class="colStyle">
-              <el-form-item>
-                {{ temp.name }}
-              </el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
             </el-col>
-            <el-col :span="4" class="tleftb colStyle">
-              <span>是否为终端客户:</span>
+            <el-col :span="8">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
             </el-col>
-            <el-col :span="8" class="colStyle">
-              <el-form-item>
-                <el-radio v-model="temp.isTerminal" :disabled="radioDisabled" :label="0">否</el-radio>
-                <el-radio v-model="temp.isTerminal" :disabled="radioDisabled" :label="1">是</el-radio>
+          </el-row>
+          <el-row v-if="formobj.paymentMethodKey == '2'">
+            <el-col :span="12">
+              <div class="span-sty"><span class="icon">*</span>贷款人</div>
+              <el-form-item prop="loanName">
+                <el-select v-model="formobj.loanName" class="addinputInfo" filterable placeholder="" @change="changeCustomer">
+                  <el-option v-for="item in customer_list" :key="item.sid" :label="item.name" :value="item.name"/>
+                </el-select>
               </el-form-item>
             </el-col>
+            <el-col :span="12">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanMobile }}</span></el-form-item>
+            </el-col>
           </el-row>
-          <el-row class="rowStyle">
-            <el-col :span="4" class="tleftb colStyle">
-              <span>车型:</span>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorName }}</span></el-form-item>
             </el-col>
-            <el-col :span="20" class="colStyle">
-              <el-form-item>
-                <span>{{ temp.modelName }}</span>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费1合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费2合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwoAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.price }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>实际购车人</div>
+              <el-form-item prop="typeKey">
+                <el-radio-group class="addinputw" style="font-size: 1px" v-model="formobj.typeKey" @input="typeRadio">
+                  <el-radio label="0">订单客户</el-radio>
+                  <el-radio label="1" v-show="formobj.paymentMethodKey == '2'">贷款人</el-radio>
+                  <el-radio label="2">其他人</el-radio>
+                </el-radio-group>
               </el-form-item>
             </el-col>
           </el-row>
           <!--Start 预订车辆信息-->
-          <div class="title" v-if="temp.isTerminal === 0">
+          <div class="title" v-if="formobj.typeKey == '2'">
             <div>车辆信息</div>
             <div>
-              <el-button size="mini" type="primary" @click="openUserInfo">录入用人信息
+              <el-button size="mini" type="primary" @click="openUserInfo">批量录入实际购车人
               </el-button>
-              <el-button size="mini" type="danger" @click="clearUserInfo">置空使用人信息
+              <el-button size="mini" type="danger" @click="clearUserInfo">批量置空实际购车人
               </el-button>
             </div>
           </div>
           <div class="titleOne" v-else>
             <div>车辆信息</div>
           </div>
-          <el-table v-loading="listLoading" :data="detailsList" border style="width: 100%" :index="index" fit @selection-change="handleSelectionChange">
+          <el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.carList" border style="width: 100%" :index="index" @selection-change="handleSelectionChange">
             <el-table-column fixed type="selection" align="center" width="50" :index="index + 1"/>
             <el-table-column fixed align="center" label="序号" type="index" width="60"/>
-            <el-table-column fixed align="center" label="操作" type="index" width="80">
+            <el-table-column fixed align="center" label="操作" type="index" width="280">
               <template slot-scope="scope">
                 <el-button type="danger" size="small" @click="handleDel(scope.$index)">删除</el-button>
+                <el-button type="primary" size="small" @click="handleSelect(scope.row)">选择套餐</el-button>
+                <el-button type="primary" size="small" v-if="formobj.typeKey == '2'" @click="handleUpdateUser(scope.row)">修改购车人</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="车架号" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.realBuyer.vin }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="挂车/上装" align="center" width="100">
+              <template slot-scope="scope">
+                <span v-show="scope.row.showHandCarBtn" class="bluezi" @click="handleLook(scope.row)">查看</span>
               </template>
             </el-table-column>
-            <el-table-column label="车架号" align="center">
+            <el-table-column label="实际购车人" align="center" width="120">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span v-if="formobj.typeKey == '2'" class="bluezi" @click="lookUser(scope.row.realBuyer)">{{ scope.row.realBuyer.name }}</span>
+                <span v-else>{{ scope.row.realBuyer.name }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="成交价" align="center">
+            <el-table-column label="实际购车人联系电话" align="center" width="170">
               <template slot-scope="scope">
-                <span>{{ scope.row.price }}</span>
+                <span>{{ scope.row.realBuyer.mobile }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="使用人信息" align="center">
+            <el-table-column label="赠送套餐" align="center" width="100">
               <template slot-scope="scope">
-                <el-button v-show="temp.isTerminal === 0 && scope.row.isExist == '1'" size="small" type="primary" @click="updateUserInfo(scope.row.vinNo)" class="btntopbluebut">修改
-                </el-button>
-                <el-button v-show="temp.isTerminal === 0 && scope.row.isExist == '1'" size="small" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看
-                </el-button>
-                <el-button v-show="temp.isTerminal === 1" size="small" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看
-                </el-button>
-                <span v-show="temp.isTerminal == 3">无</span>
+                <span>{{ price(scope.row) }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="备注" align="center">
+            <el-table-column label="销售折让" align="center" width="120">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.remarks" class="addinputw" placeholder="请输入备注" clearable/>
+                <el-input v-model="scope.row.discount" placeholder="" clearable/>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ remarks(scope.row) }}</span>
               </template>
             </el-table-column>
           </el-table>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item>
+                <el-input class="addinputInfo" style="width: 90%" v-model="formobj.remarks" placeholder="" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
       </div>
-    </div> <!--@returnEdit="getUserInfoEdit"-->
+    </div>
+    <!-- 选择待出库车辆 -->
     <daichukucheliang v-show="viewState == 2" ref="divSelect" @doback="resetState" @backData="backData"/>
-    <user-info-add v-show="viewState == 3 || viewState == 4" ref="divUser" @doback="resetState" @returnInfo="getUserInfo"/>
-    <user-info-look v-show="viewState == 5" ref="divUserInfo" @doback="resetState"/>
+    <!-- 录入实际购车人 -->
+    <userInfoAdd v-show="viewState == 3 || viewState == 4" ref="divAddByUser" @doback="resetState" @backUser="backUser"/>
+    <!-- 查看实际购车人 -->
+    <userInfoLook v-show="viewState == 5" ref="divInfoByUser" @doback="resetState"/>
+    <!-- 查看挂车信息 -->
+    <guacheInfo v-show="viewState == 6" ref="divCheInfo" @doback="resetState"/>
+    <!-- 选择优惠套餐 -->
+    <selectpackage v-show="viewState == 7" ref="divSelectPackAge" @backData="backPackAge" @doback="resetState"/>
+    <!-- 查看上装信息 -->
+    <shangzhuangInfo v-show="viewState == 8" ref="divZhuangInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
-import { fetchDetailsBySid, save, submitInfo } from '@/api/chukuguanli/chukubanli'
+import { saveOrUpdate, submitInfo, getRetrievalApplyInfo, selectInfo, trailerList } from '@/api/chukuguanli/chukubanli'
+import { selectCustomerList } from '@/api/dictcommons/dictcommons'
 import daichukucheliang from './daichukucheliang'
 import userInfoAdd from './relation/userInfoAdd'
 import userInfoLook from './relation/userInfoLook'
+import guacheInfo from './relation/guacheInfo'
+import selectpackage from './relation/selectpackage'
+import shangzhuangInfo from './relation/shangzhuangInfo'
 
 export default {
   name: 'chukushenqingAdd',
   components: {
     daichukucheliang,
     userInfoAdd,
-    userInfoLook
+    userInfoLook,
+    guacheInfo,
+    selectpackage,
+    shangzhuangInfo
   },
   data() {
     return {
       viewTitle: '',
+      tableKey: 0,
       index: 0,
       createBtn: false, // 保存、提交按钮状态
       // --按钮菜单-------
       viewState: 1,
-      isShow: true,
-      radioDisabled: false,
       // ===
       listLoading: false,
+      customer_list: [],
       list: [],
-      temp: {
-        applyName: '', // 申请人
-        applySid: '', // 申请人sid 即staffSid
-        contractNo: '', // 合同编号
-        isTerminal: 3, // 是否是终端 1是，0不是
-        modelName: '', // 车型别名
-        name: '', // 客户名称
+      formobj: {
+        carList: [],
+        configSid: '',
+        contractId: '',
+        createTime: '',
+        customerSid: '',
+        loanMobile: '',
+        loanName: '',
+        loanSid: '',
+        mobile: '',
+        modelName: '',
+        modelSid: '',
+        name: '',
+        orgPath: '',
+        paymentMethod: '',
+        paymentMethodKey: '',
+        pcApplyDept: '',
+        pcApplyDeptSid: '',
+        pcApplyName: '',
+        pcApplySid: '',
+        pcDistributorName: '',
+        pcDistributorNameTwo: '',
+        pcDistributorPrice: '',
+        pcDistributorPriceAll: '',
+        pcDistributorPriceTwo: '',
+        pcDistributorPriceTwoAll: '',
+        price: '',
+        procInstId: '',
+        remarks: '',
         sid: '',
-        applyDate: '', // 申请日期
-        userSid: '',
+        staffDeptName: '',
+        staffDeptSid: '',
+        staffName: '',
+        pcStaffSid: '',
         taskId: '',
-        instanceId: '',
-        detailsList: []
-      }, // 添加和修改
-      detailsList: [],
-      userlist: {},
-      diaStatus: '',
-      sids: [],
-      vinNo_info: '',
-      index_list: [],
-      rules: {}
+        type: '',
+        typeKey: '',
+        userSid: '',
+        discountLeave: []
+      },
+      arguments: {
+        list: [],
+        userSid: '',
+        orgPath: '',
+        contractId: '',
+        outboundSid: '',
+        pcView: true
+      },
+      arguments_params: {
+        contractNo: '',
+        vinSids: []
+      },
+      vinNo_list: [], // 车辆列表--批量勾选的车架号
+      index_list: [], // 车辆列表--批量勾选的序号
+      rules: {
+        typeKey: [{ required: true, message: '请选择实际购车人', trigger: 'change' }],
+        loanName: [{ required: true, message: '贷款人不能为空', trigger: 'change' }]
+      }
     }
   },
   methods: {
@@ -167,233 +301,283 @@ export default {
         this.$refs['dataForm'].clearValidate()
       })
       this.viewTitle = '【新增】出库申请'
-      var nowDate = new Date()
-      var date = {
-        year: nowDate.getFullYear(),
-        month: nowDate.getMonth() + 1,
-        day: nowDate.getDate()
-      }
-      var dayDate = date.year + '-' + (date.month >= 10 ? date.month : '0' + date.month) + '-' + (date.day >= 10 ? date.day : '0' + date.day)
-      this.temp.applyDate = dayDate
-      this.temp.applyName = window.sessionStorage.getItem('name')
-      this.temp.applySid = window.sessionStorage.getItem('staffSid')
-      this.temp.userSid = window.sessionStorage.getItem('userSid')
     },
-    showEdit(row, sid) {
+    showEdit(row) {
       this.$nextTick(() => {
         this.$refs['dataForm'].clearValidate()
       })
       this.viewTitle = '【编辑】出库申请'
-      this.radioDisabled = true
-      this.diaStatus = 'edit'
-      fetchDetailsBySid({ sid: sid }).then(response => {
-        if (response.success) {
-          this.temp = response.data
-          this.temp.sid = sid
-          this.temp.instanceId = response.data.procInstId
-          this.detailsList = response.data.listVo
-          for (var i = 0; i < this.detailsList.length; i++) {
-            // JSON.stringify()
-            if (this.detailsList[i].useMessage.vinNo !== '') {
-              this.detailsList[i].isExist = '1'
+      this.arguments.outboundSid = row.sid
+      getRetrievalApplyInfo(this.arguments).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          this.formobj.instanceId = resp.data.procInstId
+          selectCustomerList({ staffSid: this.formobj.pcStaffSid, userSid: '', orgPath: '' }).then((resp) => {
+            if (resp.success) {
+              this.customer_list = resp.data
             }
-          }
-          this.temp = JSON.parse(JSON.stringify(this.temp).replace(/listVo/g, 'detailsList'))
-          console.log('isTerminal', this.temp.isTerminal)
+          })
         }
       })
     },
     // ------------ 页面跳转以及数据获取 ------------
-    handLeSelect() {
+    // 选择待出库车辆
+    handleChoose() {
       this.viewState = 2
-      this.$refs['divSelect'].showData(this.detailsList, this.temp.contractNo)
+      this.$refs['divSelect'].showData(this.formobj.carList, this.formobj.contractId)
     },
+    // 删除车辆信息
     handleDel(index) {
-      this.detailsList.splice(index, 1)
+      for (var i = 0; i < this.formobj.discountLeave.length; i++) {
+        for (var k = 0; k < this.formobj.carList[index].discountUse.length; k++) {
+          if (this.formobj.discountLeave[i].discountSid === this.formobj.carList[index].discountUse[k].discountSid) {
+            this.formobj.discountLeave[i].discountLeaveNum = parseInt(this.formobj.discountLeave[i].discountLeaveNum) + parseInt(this.formobj.carList[index].discountUse[k].discountNum)
+          }
+        }
+      }
+      this.formobj.carList.splice(index, 1)
     },
+    // 选择待出库车辆 -- 返回数据
     backData(value) {
       this.viewState = 1
-      this.temp.contractNo = value[0].contractNo
-      this.temp.name = value[0].name
-      this.temp.modelName = value[0].modelName
-      if (value.length > 0) {
-        value.forEach((e) => {
-          this.detailsList.push({
-            price: e.price, // 成交价
-            remarks: '', // 备注
-            vinNo: e.vinNo, //  车架号
-            useMessage: {
-              contractNo: value[0].contractNo,
-              vinNo: value[0].vinNo,
-              name: '',
-              mobile: '',
-              idNo: '',
-              address: ''
+      this.arguments.userSid = window.sessionStorage.getItem('userSid')
+      this.arguments.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+      this.arguments.contractId = value[0].contractNo
+      this.arguments_params.contractNo = value[0].contractNo
+      const aa = []
+      value.forEach((e) => {
+        aa.push(e.vinSid)
+      })
+      this.arguments.list = aa
+      this.arguments_params.vinSids = aa
+      // 根据合同编号是否存在--判断是否为首次选择车辆，如果为否，则只需要返回车辆信息，并将信息补充到申请中的车辆列表
+      if (this.formobj.contractId === '' || this.formobj.contractId === null) {
+        getRetrievalApplyInfo(this.arguments).then((resp) => {
+          if (resp.success) {
+            this.formobj = resp.data
+            this.formobj.userSid = window.sessionStorage.getItem('userSid')
+            selectCustomerList({ staffSid: this.formobj.pcStaffSid, userSid: '', orgPath: '' }).then((resp) => {
+              if (resp.success) {
+                this.customer_list = resp.data
+              }
+            })
+          }
+        })
+      } else {
+        selectInfo(this.arguments_params).then((resp) => {
+          if (resp.success) {
+            for (var k = 0; k < resp.data.length; k++) {
+              this.formobj.carList.push(resp.data[k])
             }
-          })
-          this.userlist = {
-            contractNo: value[0].contractNo,
-            vinNo: value[0].vinNo,
-            name: value[0].name,
-            mobile: value[0].mobile,
-            idNo: value[0].idNo,
-            address: value[0].address
           }
         })
       }
     },
+    changeCustomer(value) {
+      const choose = this.customer_list.filter((item) => item.name === value)
+      this.formobj.loanSid = choose[0].sid
+      this.formobj.loanMobile = choose[0].mobile
+    },
+    // 选择套餐
+    handleSelect(row) {
+      this.viewState = 7
+      this.$refs['divSelectPackAge'].showData(row.discountUse, this.formobj.discountLeave, row.vinSid)
+    },
+    backPackAge(val, vinSid) {
+      this.viewState = 1
+      for (var i = 0; i < val.length; i++) {
+        // 循环计算最外层的套餐数量
+        for (var k = 0; k < this.formobj.discountLeave.length; k++) {
+          if (val[i].discountSid === this.formobj.discountLeave[k].discountSid) {
+            this.formobj.discountLeave[k].discountLeaveNum = parseInt(this.formobj.discountLeave[k].discountLeaveNum) - parseInt(val[i].discountNum)
+          }
+        }
+        // 循环计算每辆车的套餐数量
+        for (var n = 0; n < this.formobj.carList.length; n++) {
+          if (this.formobj.carList[n].vinSid === vinSid) {
+            for (var b = 0; b < this.formobj.carList[n].discountUse.length; b++) {
+              if (val[i].discountSid === this.formobj.carList[n].discountUse[b].discountSid) {
+                this.formobj.carList[n].discountUse[b].discountNum = val[i].discountNum
+                this.formobj.carList[n].discountUse[b].totalNum = parseInt(this.formobj.carList[n].discountUse[b].totalNum) - parseInt(val[i].discountNum)
+              }
+            }
+          }
+        }
+      }
+    },
+    // 车辆信息表--赠送套餐
+    price(row) {
+      var aa = 0
+      for (var i = 0; i < row.discountUse.length; i++) {
+        aa = parseInt(aa) + (parseInt(row.discountUse[i].discountPrice) * parseInt(row.discountUse[i].discountNum))
+      }
+      return aa
+    },
+    // 车辆信息表--备注内容拼接（优惠套餐说明 + 赠送数量）
+    remarks(row) {
+      var aa = ''
+      for (var i = 0; i < row.discountUse.length; i++) {
+        if (row.discountUse[i].discountNum !== 0) {
+          aa = aa + row.discountUse[i].discountInfo + 'X' + row.discountUse[i].discountNum + ','
+        }
+      }
+      if (aa !== '') {
+        aa = aa.substring(0, aa.lastIndexOf(','))
+      }
+      return aa
+    },
+    // 查看挂车详情
+    handleLook(row) {
+      trailerList({ contractNo: this.formobj.contractId, vinSid: row.vinSid }).then((resp) => {
+        if (resp.success) {
+          if (resp.data.list.length > 0) {
+            this.viewState = 6
+            this.$refs['divCheInfo'].showInfo(resp.data)
+          } else {
+            this.viewState = 8
+            this.$refs['divZhuangInfo'].showInfo(resp.data)
+          }
+        }
+      })
+    },
+    // 批量勾选
     handleSelectionChange(row) {
-      console.log('开票', row)
+      console.log(row, 999)
       const aa = []
       const bb = []
-      const index_arr = []
-      row.forEach((element, index) => {
-        aa.push(element.vinNo)
-        bb.push(element.sid)
-        this.detailsList.forEach((v, i) => {
-          // id 是每一行的数据id
-          if (element.vinNo === v.vinNo) {
-            index_arr.push(i)
+      row.forEach((e, i) => {
+        aa.push(e.realBuyer.vin)
+      })
+      this.formobj.carList.forEach((e, i) => {
+        aa.forEach((element) => {
+          if (e.realBuyer.vin === element) {
+            bb.push(i)
           }
         })
       })
-      this.vinNo_info = aa.join()
-      this.sids = bb
-      this.index_list = index_arr
+      this.vinNo_list = aa
+      this.index_list = bb
+    },
+    // 实际购车人
+    typeRadio(val) {
+      if (val === '0') {
+        this.formobj.type = '订单客户'
+        for (var i = 0; i < this.formobj.carList.length; i++) {
+          this.formobj.carList[i].realBuyer.address = ''
+          this.formobj.carList[i].realBuyer.contacts = ''
+          this.formobj.carList[i].realBuyer.customerType = ''
+          this.formobj.carList[i].realBuyer.customerTypeKey = ''
+          this.formobj.carList[i].realBuyer.idNumber = ''
+          this.formobj.carList[i].realBuyer.isConfirmRealBuyer = ''
+          this.formobj.carList[i].realBuyer.mobile = this.formobj.mobile
+          this.formobj.carList[i].realBuyer.name = this.formobj.name
+          this.formobj.carList[i].realBuyer.remarks = ''
+        }
+      } else if (val === '1') {
+        this.formobj.type = '贷款人'
+        for (var k = 0; k < this.formobj.carList.length; k++) {
+          this.formobj.carList[k].realBuyer.address = ''
+          this.formobj.carList[k].realBuyer.contacts = ''
+          this.formobj.carList[k].realBuyer.customerType = ''
+          this.formobj.carList[k].realBuyer.customerTypeKey = ''
+          this.formobj.carList[k].realBuyer.idNumber = ''
+          this.formobj.carList[k].realBuyer.isConfirmRealBuyer = ''
+          this.formobj.carList[k].realBuyer.mobile = this.formobj.loanMobile
+          this.formobj.carList[k].realBuyer.name = this.formobj.loanName
+          this.formobj.carList[k].realBuyer.remarks = ''
+        }
+      } else {
+        this.formobj.type = '其他人'
+        for (var m = 0; m < this.formobj.carList.length; m++) {
+          this.formobj.carList[m].realBuyer.address = ''
+          this.formobj.carList[m].realBuyer.contacts = ''
+          this.formobj.carList[m].realBuyer.customerType = ''
+          this.formobj.carList[m].realBuyer.customerTypeKey = ''
+          this.formobj.carList[m].realBuyer.idNumber = ''
+          this.formobj.carList[m].realBuyer.isConfirmRealBuyer = ''
+          this.formobj.carList[m].realBuyer.mobile = ''
+          this.formobj.carList[m].realBuyer.name = ''
+          this.formobj.carList[m].realBuyer.remarks = ''
+        }
+      }
     },
+    // 批量录入实际购车人
     openUserInfo() {
-      if (this.sids.length > 0) {
-        console.log('车架号', this.vinNo_info, '合同编号', this.temp.contractNo)
+      if (this.vinNo_list.length > 0) {
         this.viewState = 3
-        this.$refs['divUser'].showAdd(this.temp.contractNo, this.vinNo_info)
+        this.$refs['divAddByUser'].showAdd(this.formobj.contractId, this.vinNo_list.join(','))
       } else {
-        this.$message({
-          showClose: true,
-          message: '请选择出库车辆信息！',
-          type: 'error'
-        })
+        this.$message({ showClose: true, type: 'error', message: '请至少选择一条记录进行批量录入实际购车人的操作' })
         return
       }
     },
-    // 修改用户人信息
-    updateUserInfo(vinNo) {
+    // 修改实际购车人信息
+    handleUpdateUser(row) {
       this.viewState = 4
-      let useMessage = {}
-      for (var i = 0; i < this.detailsList.length; i++) {
-        if (this.detailsList[i].vinNo === vinNo) {
-          useMessage = {
-            address: this.detailsList[i].useMessage.address,
-            contractNo: this.detailsList[i].useMessage.contractNo,
-            idNo: this.detailsList[i].useMessage.idNo,
-            mobile: this.detailsList[i].useMessage.mobile,
-            name: this.detailsList[i].useMessage.name,
-            vinNo: this.detailsList[i].useMessage.vinNo
-          }
-        }
-      }
-      this.$refs['divUser'].showEdit(useMessage, vinNo)
-    },
-    // 查看用户人信息
-    lookUserInfo(vinNo) {
-      this.viewState = 5
-      let useMessage = {}
-      if (this.temp.isTerminal === 1) {
-        for (var i = 0; i < this.detailsList.length; i++) {
-          useMessage = this.detailsList[i]
-          if (this.detailsList[i].useMessage !== {}) {
-            useMessage = this.detailsList[i].useMessage
-            if (this.userlis !== {} && this.diaStatus === '') {
-              useMessage = this.userlist
-            }
-          }
-        }
-      }
-      if (this.temp.isTerminal === 0) {
-        for (var g = 0; g < this.detailsList.length; g++) {
-          if (this.detailsList[g].vinNo === vinNo) {
-            useMessage = {
-              address: this.detailsList[g].useMessage.address,
-              contractNo: this.detailsList[g].useMessage.contractNo,
-              idNo: this.detailsList[g].useMessage.idNo,
-              mobile: this.detailsList[g].useMessage.mobile,
-              name: this.detailsList[g].useMessage.name,
-              vinNo: this.detailsList[g].useMessage.vinNo
-            }
-          }
+      const cc = []
+      this.formobj.carList.forEach((e, i) => {
+        if (e.realBuyer.vin === row.realBuyer.vin) {
+          cc.push(i)
         }
-      }
-      this.$refs['divUserInfo'].showInfo(useMessage)
+      })
+      this.index_list = cc
+      this.$refs['divAddByUser'].showEdit(row.realBuyer, this.formobj.contractId)
     },
-    // 清空用户人信息
+    // 批量置空实际购车人
     clearUserInfo() {
-      if (this.sids.length > 0) {
-        for (var i = 0; i < this.index_list.length; i++) {
-          if (this.detailsList[this.index_list[i]].isExist == '1') {
-            this.detailsList[this.index_list[i]].useMessage = {
-              contractNo: '',
-              vinNo: '',
-              name: '',
-              mobile: '',
-              idNo: '',
-              address: ''
-            }
-            this.detailsList[this.index_list[i]].isExist = ''
-            this.$message({
-              showClose: true,
-              message: '成功置空使用人信息！',
-              type: 'success'
-            })
-          } else {
-            this.$message({
-              showClose: true,
-              message: '此车辆无使用人信息！',
-              type: 'error'
-            })
-            return
-          }
-        }
-      } else {
-        this.$message({
-          showClose: true,
-          message: '请选择出库车辆信息！',
-          type: 'error'
-        })
+      if (this.index_list.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请至少选择一条记录进行批量置空实际购车人的操作' })
         return
       }
+      for (var k = 0; k < this.index_list.length; k++) {
+        this.formobj.carList[this.index_list[k]].realBuyer.address = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.contacts = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.customerType = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.customerTypeKey = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.idNumber = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.isConfirmRealBuyer = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.mobile = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.name = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.remarks = ''
+      }
+      this.index_list = []
+      this.vinNo_list = []
+      this.$refs.multipleTable.clearSelection()
     },
-    // 添加用户人信息
-    getUserInfo(tempUser) {
-      console.log('开票申请页面的tempUser', tempUser)
-      const vinNo_array = tempUser.vinNo.split(',') // 这是保存过来的使用人信息
-      console.log('保存过来的vinNo', vinNo_array)
-      for (var i = 0; i < this.detailsList.length; i++) {
-        for (var j = 0; j < vinNo_array.length; j++) {
-          if (this.detailsList[i].vinNo === vinNo_array[j]) {
-            this.detailsList[i].useMessage = tempUser
-            this.detailsList[i].isExist = '1'
-            console.log('保存到detailsList的信息', this.detailsList)
-          }
-        }
+    // 录入实际购车人--返回数据
+    backUser(value) {
+      for (var k = 0; k < this.index_list.length; k++) {
+        this.formobj.carList[this.index_list[k]].realBuyer.address = value.address
+        this.formobj.carList[this.index_list[k]].realBuyer.contacts = value.contacts
+        this.formobj.carList[this.index_list[k]].realBuyer.customerType = value.customerType
+        this.formobj.carList[this.index_list[k]].realBuyer.customerTypeKey = value.customerTypeKey
+        this.formobj.carList[this.index_list[k]].realBuyer.idNumber = value.idNumber
+        this.formobj.carList[this.index_list[k]].realBuyer.isConfirmRealBuyer = value.isConfirmRealBuyer
+        this.formobj.carList[this.index_list[k]].realBuyer.mobile = value.mobile
+        this.formobj.carList[this.index_list[k]].realBuyer.name = value.name
+        this.formobj.carList[this.index_list[k]].realBuyer.remarks = value.remarks
       }
+      this.index_list = []
+      this.vinNo_list = []
+      this.$refs.multipleTable.clearSelection()
+    },
+    // 查看实际购车人信息
+    lookUser(row) {
+      this.viewState = 5
+      this.$refs['divInfoByUser'].showInfo(this.formobj.contractId, row)
     },
     resetState() {
       this.viewState = 1
     },
     // ------------ 功能实现 ------------
     // 添加数据
-    handleCreate() {
-      if (this.userlist !== {} && this.temp.isTerminal === 1) {
-        for (var i = 0; i < this.detailsList.length; i++) {
-          this.detailsList[i].useMessage = this.userlist
-        }
-      }
-      this.temp.detailsList = this.detailsList
+    handleSave() {
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.createBtn = true
-          save(this.temp).then((response) => {
-            this.createBtn = false
+          saveOrUpdate(this.formobj).then((response) => {
             if (response.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
               this.handleReturn('true')
             }
           }).catch((e) => {
@@ -404,6 +588,10 @@ export default {
     },
     // 提交
     handleSubmit() {
+      if (this.formobj.carList.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '车辆信息表不能为空' })
+        return
+      }
       this.$confirm('是否确定提交该业务', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -412,11 +600,13 @@ export default {
         this.$refs['dataForm'].validate((valid) => {
           if (valid) {
             this.createBtn = true
-            this.temp.detailsList = this.detailsList
-            submitInfo(this.temp).then((response) => {
+            this.formobj.procInsId = this.formobj.procInstId
+            submitInfo(this.formobj).then((response) => {
               if (response.success) {
-                this.createBtn = false
+                this.$message({ showClose: true, type: 'success', message: '提交成功' })
                 this.handleReturn('true')
+              } else {
+                this.createBtn = false
               }
             }).catch(e => {
               this.createBtn = false
@@ -429,38 +619,67 @@ export default {
     handleReturn(isreload) {
       if (isreload === 'true') this.$emit('reloadlist')
       this.$refs['dataForm'].resetFields()
-      this.temp = {
-        applyName: '', // 申请人
-        applySid: '', // 申请人sid 即staffSid
-        contractNo: '', // 合同编号
-        isTerminal: 3, // 是否是终端 1是，0不是
-        modelName: '', // 车型别名
-        name: '', // 客户名称
+      this.formobj = {
+        carList: [],
+        configSid: '',
+        contractId: '',
+        createTime: '',
+        customerSid: '',
+        loanMobile: '',
+        loanName: '',
+        loanSid: '',
+        mobile: '',
+        modelName: '',
+        modelSid: '',
+        name: '',
+        orgPath: '',
+        paymentMethod: '',
+        paymentMethodKey: '',
+        pcApplyDept: '',
+        pcApplyDeptSid: '',
+        pcApplyName: '',
+        pcApplySid: '',
+        pcDistributorName: '',
+        pcDistributorNameTwo: '',
+        pcDistributorPrice: '',
+        pcDistributorPriceAll: '',
+        pcDistributorPriceTwo: '',
+        pcDistributorPriceTwoAll: '',
+        price: '',
+        procInstId: '',
+        remarks: '',
         sid: '',
-        applyDate: '', // 申请日期
-        detailsList: []
+        staffDeptName: '',
+        staffDeptSid: '',
+        staffName: '',
+        pcStaffSid: '',
+        taskId: '',
+        type: '',
+        typeKey: '',
+        userSid: '',
+        discountLeave: []
+      }
+      this.arguments = {
+        list: [],
+        userSid: '',
+        orgPath: '',
+        contractId: '',
+        outboundSid: '',
+        pcView: true
+      }
+      this.arguments_params = {
+        contractNo: '',
+        vinSids: []
       }
-      this.detailsList = []
-      this.userlist = {}
-      this.radioDisabled = false
+      this.index_list = []
+      this.vinNo_list = []
+      this.createBtn = false
       this.$emit('doback')
     }
   }
 }
 </script>
 <style scoped>
-.rowStyle {
-  border-left: 0px;
-}
-.colStyle {
-  padding: 0px 5px !important;
-  border-right: 0px !important;
-  border-bottom: 0px !important;
-}
-.colOneStyle {
-  padding: 0px 5px !important;
-  border-right: 0px !important;
-}
 .title {
   padding: 7px;
   display: flex;
@@ -476,4 +695,24 @@ export default {
   text-align: left;
   color: #ffffff;
 }
+.span-sty {
+  width: 120px !important;
+}
+.addinputInfo {
+  margin-left: 110px !important;
+}
+.addinputw {
+  margin-left: 110px !important;
+}
+/deep/ .el-form-item__error {
+  margin-left: 110px !important;
+}
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed {
+  height: 100% !important;
+}
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed-right {
+  height: 100% !important;
+}
 </style>

anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/chukushenqingInfo.vue

@@ -9,115 +9,227 @@
       </div>
       <div class="listconadd">
         <div class="titwu">出库申请</div>
-        <el-form ref="dataForm" :model="temp" :rules="rules" class="formadd">
-          <el-row class="rowStyle">
-            <el-col :span="4" class="tleftb colOneStyle">
-              <span>合同编号:</span>
+        <el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyDept }}</span></el-form-item>
             </el-col>
-            <el-col :span="8" class="colOneStyle">
-              <el-form-item>{{ temp.contractNo }}</el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">发起人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyName }}</span></el-form-item>
             </el-col>
-            <el-col :span="4" class="tleftb colOneStyle">
-              <span>申请日期:</span>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
             </el-col>
-            <el-col :span="8" class="colOneStyle">
-              <el-form-item>{{ temp.applyDate }}</el-form-item>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.paymentMethod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractId }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
             </el-col>
           </el-row>
-          <el-row class="rowStyle">
-            <el-col :span="4" class="tleftb colStyle">
-              <span>客户名称:</span>
+          <el-row v-if="formobj.paymentMethodKey == '2'">
+            <el-col :span="12">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
             </el-col>
-            <el-col :span="8" class="colStyle">
-              <el-form-item>
-                {{ temp.name }}
-              </el-form-item>
+            <el-col :span="12">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanMobile }}</span></el-form-item>
             </el-col>
-            <el-col :span="4" class="tleftb colStyle">
-              <span>是否为终端客户:</span>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorName }}</span></el-form-item>
             </el-col>
-            <el-col :span="8" class="colStyle">
-              <el-form-item>
-                <el-radio v-model="temp.isTerminal" :disabled="radioDisabled" :label="0">否</el-radio>
-                <el-radio v-model="temp.isTerminal" :disabled="radioDisabled" :label="1">是</el-radio>
-              </el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费1合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceAll }}</span></el-form-item>
             </el-col>
           </el-row>
-          <el-row class="rowStyle">
-            <el-col :span="4" class="tleftb colStyle">
-              <span>车型:</span>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwo }}</span></el-form-item>
             </el-col>
-            <el-col :span="20" class="colStyle">
-              <el-form-item>
-                <span>{{ temp.modelName }}</span>
-              </el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费2合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwoAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.price }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">实际购车人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.type }}</span></el-form-item>
             </el-col>
           </el-row>
           <!--Start 预订车辆信息-->
           <div class="title">
             <div>车辆信息</div>
           </div>
-          <el-table v-loading="listLoading" :data="detailsList" border style="width: 100%" :index="index" fit>
-            <el-table-column align="center" label="序号" width="60" type="index" :index="index + 1"/>
-            <el-table-column label="车架号" align="center">
+          <el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.carList" border style="width: 100%" :index="index">
+            <el-table-column fixed align="center" label="序号" type="index" :index="index + 1" width="60"/>
+            <el-table-column label="车架号" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span>{{ scope.row.realBuyer.vin }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="成交价" align="center">
+            <el-table-column label="挂车/上装" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.price }}</span>
+                <span v-show="scope.row.showHandCarBtn" class="bluezi" @click="handleLook(scope.row)">查看</span>
               </template>
             </el-table-column>
-            <el-table-column label="使用人信息" align="center">
+            <el-table-column label="实际购车人" align="center" width="120">
               <template slot-scope="scope">
-                <el-button v-show="scope.row.isExist == '1'" size="small" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看</el-button>
-                <span v-show="temp.isTerminal == 0 && scope.row.isExist == '0'">无</span>
+                <span v-if="formobj.typeKey == '2'" class="bluezi" @click="lookUser(scope.row.realBuyer)">{{ scope.row.realBuyer.name }}</span>
+                <span v-else>{{ scope.row.realBuyer.name }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="备注" align="left" header-align="center">
+            <el-table-column label="实际购车人联系电话" align="center" width="170">
               <template slot-scope="scope">
-                <span>{{ scope.row.remarks }}</span>
+                <span>{{ scope.row.realBuyer.mobile }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="赠送套餐" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ price(scope.row) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售折让" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.discount }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ remarks(scope.row) }}</span>
               </template>
             </el-table-column>
           </el-table>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
       </div>
     </div>
     <user-info-look v-show="viewState == 2" ref="divUserInfo" @doback="resetState"/>
+    <guacheInfo v-show="viewState == 3" ref="divCheInfo" @doback="resetState"/>
+    <shangzhuangInfo v-show="viewState == 4" ref="divZhuangInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
-import { fetchDetailsBySid } from '@/api/chukuguanli/chukubanli'
+import { getRetrievalApplyInfo, trailerList } from '@/api/chukuguanli/chukubanli'
 import userInfoLook from './relation/userInfoLook'
+import guacheInfo from './relation/guacheInfo'
+import shangzhuangInfo from './relation/shangzhuangInfo'
 
 export default {
   name: 'chukushenqingInfo',
   components: {
-    userInfoLook
+    userInfoLook,
+    guacheInfo,
+    shangzhuangInfo
   },
   data() {
     return {
+      tableKey: 0,
       index: 0,
       // --按钮菜单-------
       viewState: 1,
       listLoading: false,
-      list: [],
-      temp: {
-        applyName: window.sessionStorage.getItem('name'), // 申请人
-        applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
-        contractNo: '', // 合同编号
-        isTerminal: 3, // 是否是终端 1是，0不是
-        modelName: '', // 车型别名
-        name: '', // 客户名称
+      formobj: {
+        carList: [],
+        configSid: '',
+        contractId: '',
+        createTime: '',
+        customerSid: '',
+        loanMobile: '',
+        loanName: '',
+        loanSid: '',
+        mobile: '',
+        modelName: '',
+        modelSid: '',
+        name: '',
+        orgPath: '',
+        paymentMethod: '',
+        paymentMethodKey: '',
+        pcApplyDept: '',
+        pcApplyDeptSid: '',
+        pcApplyName: '',
+        pcApplySid: '',
+        pcDistributorName: '',
+        pcDistributorNameTwo: '',
+        pcDistributorPrice: '',
+        pcDistributorPriceAll: '',
+        pcDistributorPriceTwo: '',
+        pcDistributorPriceTwoAll: '',
+        price: '',
+        procInstId: '',
+        remarks: '',
         sid: '',
-        applyDate: '', // 申请日期
-        detailsList: []
-      }, // 添加和修改
-      detailsList: [],
-      sids: [],
-      vinNo_info: '',
+        staffDeptName: '',
+        staffDeptSid: '',
+        staffName: '',
+        pcStaffSid: '',
+        taskId: '',
+        type: '',
+        typeKey: '',
+        userSid: '',
+        discountLeave: []
+      },
+      arguments: {
+        list: [],
+        userSid: '',
+        orgPath: '',
+        contractId: '',
+        outboundSid: '',
+        pcView: true
+      },
       rules: {}
     }
   },
@@ -130,42 +242,55 @@ export default {
       this.$nextTick(() => {
         this.$refs['dataForm'].clearValidate()
       })
-      fetchDetailsBySid({ sid: sid }).then((response) => {
+      this.arguments.outboundSid = sid
+      getRetrievalApplyInfo(this.arguments).then((response) => {
         if (response.success) {
-          this.temp = response.data
-          this.temp.sid = sid
-          this.detailsList = response.data.listVo
-          console.log('详情回显车辆信息', this.detailsList)
-          for (var i = 0; i < this.detailsList.length; i++) {
-            if (this.detailsList[i].useMessage.vinNo !== '') {
-              this.detailsList[i].isExist = '1'
-            }
-            if (this.detailsList[i].useMessage.vinNo == '') {
-              this.detailsList[i].isExist = '0'
-            }
-          }
-          this.temp = JSON.parse(
-            JSON.stringify(this.temp).replace(/listVo/g, 'detailsList')
-          )
-          console.log('isTerminal', this.temp.isTerminal)
+          this.formobj = response.data
         }
       })
     },
-    // 查看用户人信息
-    lookUserInfo(vinNo) {
-      for (var i = 0; i < this.detailsList.length; i++) {
-        if (this.detailsList[i].vinNo == vinNo) {
-          let useMessage = {}
-          useMessage = this.detailsList[i].useMessage
-          this.viewState = 2
-          this.$refs['divUserInfo'].showInfo(useMessage)
+    // 车辆信息表--赠送套餐
+    price(row) {
+      var aa = 0
+      for (var i = 0; i < row.discountUse.length; i++) {
+        aa = parseInt(aa) + (parseInt(row.discountUse[i].discountPrice) * parseInt(row.discountUse[i].discountNum))
+      }
+      return aa
+    },
+    // 车辆信息表--备注内容拼接（优惠套餐说明 + 赠送数量）
+    remarks(row) {
+      var aa = ''
+      for (var i = 0; i < row.discountUse.length; i++) {
+        if (row.discountUse[i].discountNum !== 0) {
+          aa = aa + row.discountUse[i].discountInfo + 'X' + row.discountUse[i].discountNum + ','
         }
       }
+      if (aa !== '') {
+        aa = aa.substring(0, aa.lastIndexOf(','))
+      }
+      return aa
+    },
+    handleLook(row) {
+      trailerList({ contractNo: this.formobj.contractId, vinSid: row.vinSid }).then((resp) => {
+        if (resp.success) {
+          if (resp.data.list.length > 0) {
+            this.viewState = 3
+            this.$refs['divCheInfo'].showInfo(resp.data)
+          } else {
+            this.viewState = 4
+            this.$refs['divZhuangInfo'].showInfo(resp.data)
+          }
+        }
+      })
+    },
+    // 查看用户人信息
+    lookUser(row) {
+      this.viewState = 2
+      this.$refs['divUserInfo'].showInfo(this.formobj.contractId, row)
     },
     // ------------ 功能实现 ------------
     // 返回
-    handleReturn(isreload) {
-      if (isreload === 'true') this.$emit('reloadlist')
+    handleReturn() {
       this.$refs['dataForm'].resetFields()
       this.$emit('doback')
     }
@@ -173,16 +298,18 @@ export default {
 }
 </script>
 <style scoped>
-.rowStyle {
-  border-left: 0px;
+.span-sty {
+  width: 120px !important;
+}
+.addinputInfo {
+  margin-left: 110px !important;
 }
-.colStyle {
-  padding: 0px 5px !important;
-  border-right: 0px !important;
-  border-bottom: 0px !important;
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed {
+  height: 100% !important;
 }
-.colOneStyle {
-  padding: 0px 5px !important;
-  border-right: 0px !important;
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed-right {
+  height: 100% !important;
 }
 </style>

anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/daichukucheliang.vue

@@ -7,15 +7,13 @@
         <div v-show="isSearchShow" class="search">
           <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
             <el-form-item label="合同编号">
-              <el-input v-model="listQuery.contractNo" placeholder="请输入合同编号" clearable class="filter-item"/>
+              <el-input v-model="listQuery.params.contractNo" placeholder="" clearable class="filter-item"/>
             </el-form-item>
             <el-form-item label="客户名称">
-              <el-select v-model="listQuery.name" class="addinputw" clearable filterable placeholder="请选择">
-                <el-option v-for="item in customerList" :key="item.sid" :label="item.name" :value="item.name"/>
-              </el-select>
+              <el-input v-model="listQuery.params.name" placeholder="" clearable class="filter-item"/>
             </el-form-item>
             <el-form-item label="车架号">
-              <el-input v-model="listQuery.vinNo" placeholder="请输入车架号" clearable class="filter-item"/>
+              <el-input v-model="listQuery.params.vinNo" placeholder="" clearable class="filter-item"/>
             </el-form-item>
           </el-form>
           <div class="btn" style="text-align: center;">
@@ -29,14 +27,19 @@
         <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="true" fit highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange">
+        <el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
           <el-table-column fixed type="selection" align="center" width="50"/>
-          <el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/>
-          <el-table-column label="认款状态" align="center">
+          <el-table-column fixed label="序号" type="index" width="60" :index="indexMethod" align="center"/>
+          <el-table-column label="业务状态" align="center">
             <template slot-scope="scope">
               <span>{{ scope.row.subscription }}</span>
             </template>
           </el-table-column>
+          <el-table-column label="销售类型" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.paymentMethod }}</span>
+            </template>
+          </el-table-column>
           <el-table-column label="合同编号" align="center">
             <template slot-scope="scope">
               <span>{{ scope.row.contractNo }}</span>
@@ -52,11 +55,6 @@
               <span>{{ scope.row.vinNo }}</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>
       </div>
       <div class="pages">
@@ -69,7 +67,7 @@
 </template>
 
 <script>
-import { listPage, customerName } from '@/api/chukuguanli/chukubanli'
+import { listPage } from '@/api/chukuguanli/chukubanli'
 import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
 import ButtonBar from '@/components/ButtonBar'
@@ -91,7 +89,6 @@ export default {
       sids: [], // 用于导出的时候保存已选择的SIDs
       FormLoading: false,
       listLoading: false,
-      customerList: [],
       typeList: [], // 选择器
       list: [],
       btnList: [
@@ -120,7 +117,7 @@ export default {
           name: '', // 客户名称
           vinNo: '', // 车架号
           userSid: '',
-          vinNoList: []
+          vinSid: []
         }
       },
       multipleSelection: []
@@ -147,25 +144,15 @@ export default {
       const aa = []
       if (value.length > 0) {
         for (var i = 0; i < value.length; i++) {
-          aa.push(value[i].vinNo)
+          aa.push(value[i].vinSid)
         }
         this.listQuery.params.contractNo = contractNo
-        this.listQuery.params.vinNoList = aa
+        this.listQuery.params.vinSid = aa
       } else {
-        this.listQuery.params.vinNoList = []
+        this.listQuery.params.vinSid = []
       }
-      this.getCustomer()
       this.getList()
     },
-    // 客户下拉框
-    getCustomer() {
-      customerName({ staffSid: window.sessionStorage.getItem('staffSid') }).then((response) => {
-        if (response.code === '200') {
-          this.customerList = response.data
-          console.log('客户列表', this.customerList)
-        }
-      })
-    },
     // ========== 页面按钮功能 ==========
     // 搜索条件效果
     clicksearchShow() {
@@ -187,27 +174,10 @@ export default {
       console.log('待出库', row)
       this.multipleSelection = row
       const aa = []
-      for (var i = 0; i < row.length; i++) {
-        for (var j = i + 1; j < row.length; j++) {
-          if (row[i].contractNo !== row[j].contractNo) {
-            this.$message({
-              showClose: true,
-              message: '请选择同一合同编号的车辆！',
-              type: 'error'
-            })
-          }
-        }
-      }
       row.forEach(element => {
         aa.push({
-          address: element.address,
           contractNo: element.contractNo,
-          idNo: element.idNo,
-          mobile: element.mobile,
-          modelName: element.modelName,
-          name: element.name,
-          price: element.price,
-          vinNo: element.vinNo
+          vinSid: element.vinSid
         })
       })
       this.sids = aa
@@ -219,18 +189,12 @@ export default {
     },
     // 点击重置
     handleReset() {
-      this.listQuery = {
-        current: 1,
-        size: 10,
-        total: 0,
-        params: {
-          contractNo: '', // 合同编号
-          name: '', // 客户名称
-          vinNo: '', // 车架号
-          userSid: '',
-          vinNoList: []
-        }
-      }
+      this.listQuery.current = 1
+      this.listQuery.size = 10
+      this.listQuery.total = 0
+      this.listQuery.params.name = ''
+      this.listQuery.params.vinNo = ''
+      this.listQuery.params.userSid = ''
       this.getList()
     },
     // 查询列表信息
@@ -239,8 +203,7 @@ export default {
       this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
       listPage(this.listQuery).then(response => { // 拦截器
         this.listLoading = false
-        console.log(response)
-        if (response.success && response.data && response.data.total > 0) {
+        if (response.success) {
           this.list = response.data.records
           this.listQuery.total = response.data.total
         } else {
@@ -269,6 +232,7 @@ export default {
             }
           }
         }
+        console.log(this.sids, 9999)
         this.$emit('backData', this.sids)
       }
     },

anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/relation/guacheInfo.vue

@@ -0,0 +1,258 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <div class="titwu"><span>挂车信息</span></div>
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="4" class="tleftb">
+            <span>主车车架号</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item>
+              <span>{{ formobj.vinNo }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>车型</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item>
+              <span>{{ formobj.modelName }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div v-for="(item, index) in formobj.list" :key="index">
+          <div class="title">挂车{{ index + 1 }}</div>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>车架号</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.trailerVinNo }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>成交价</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.dealPrice }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>车辆品牌</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.brandName }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>车辆型号</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.carModelName }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>生产厂商名称</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ item.manufacturerName }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>挂车类型</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ item.trailerTypeValue }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>外观尺寸</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>长</span><span class="spanPadding">{{ item.appearanceSizeLong }}</span>mm,
+                <span>宽</span><span class="spanPadding">{{ item.appearanceSizeWide }}</span>mm,
+                <span>高</span><span class="spanPadding">{{ item.appearanceSizeHigh }}</span>mm,
+                <span>总高</span><span class="spanPadding">{{ item.appearanceSizeTotalHigh }}</span>mm
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>内部尺寸</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>长</span><span class="spanPadding">{{ item.insideSizeLong }}</span>mm,
+                <span>宽</span><span class="spanPadding">{{ item.insideSizeWide }}</span>mm,
+                <span>高</span><span class="spanPadding">{{ item.insideSizeHigh }}</span>mm
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>鞍座离地高度</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span class="spanPadding">{{ item.saddleLeaveLandHigh }}</span>mm
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>大梁尺寸</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>高度</span><span class="spanPadding">{{ item.girderSizeHigh }}</span>mm,
+                <span>宽度</span><span class="spanPadding">{{ item.girderSizeWide }}</span>mm,
+                <span>立板</span><span class="spanPadding">{{ item.girderSizeStandPlate }}</span>mm
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb" style="display: flex;justify-content: flex-end;align-items: center">
+              <span>底盘部分</span>
+            </el-col>
+            <el-col :span="20" style="padding: 0">
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center">
+                <span>牵引销</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0">
+                <el-form-item>
+                  <span>{{ item.towPin }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center">
+                <span>板簧</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0">
+                <el-form-item>
+                  <span>{{ item.plateSpring }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center">
+                <span>车桥</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0">
+                <el-form-item>
+                  <span>{{ item.axle }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center">
+                <span>轮胎及钢圈</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0">
+                <el-form-item>
+                  <span>{{ item.tyreAndSteelCircle }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center;border-bottom: 0">
+                <span>底板</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0;border-bottom: 0">
+                <el-form-item>
+                  <span class="spanPadding">{{ item.floorSize }}</span>mm
+                </el-form-item>
+              </el-col>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>门扇要求</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.doorFanRequirement }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>箱体颜色</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.boxColor }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>更多配置</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ item.moreConfig }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'GuaCheInfo',
+  data() {
+    return {
+      viewTitle: '',
+      formobj: {
+        vinNo: '',
+        modelName: '',
+        list: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    showInfo(data) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '挂车详情'
+      this.formobj = data
+    },
+    handleReturn() {
+      this.formobj = {
+        vinNo: '',
+        modelName: '',
+        list: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.spanPadding {
+  padding: 0 5px;
+}
+</style>

anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/relation/selectpackage.vue

@@ -0,0 +1,123 @@
+<template>
+  <div class="app-container">
+    <button-bar view-title="选择优惠包" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+    <div class="main-content">
+      <div class="">
+        <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;">
+          <el-table-column label="优惠名称" align="center" width="150">
+            <template slot-scope="scope">
+              <span>{{ scope.row.discountName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="价值" align="center" width="100">
+            <template slot-scope="scope">
+              <span>{{ scope.row.discountPrice }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="优惠项目说明" header-align="center" align="left" min-width="200">
+            <template slot-scope="scope">
+              <span>{{ scope.row.discountInfo }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="剩余数量" align="center" width="120">
+            <template slot-scope="scope">
+              <span>{{ scope.row.discountLeaveNum }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="本次赠送数量" align="center" width="200">
+            <template slot-scope="scope">
+              <el-input :disabled="scope.row.discountLeaveNum == '0'" v-model="scope.row.discountNum" placeholder=""/>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import ButtonBar from '@/components/ButtonBar'
+
+export default {
+  name: 'selectpackage',
+  components: {
+    ButtonBar
+  },
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 0,
+      listLoading: false,
+      btndisabled: false,
+      list: [],
+      vinSid: '', // 车辆sid
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'doCreate',
+          btnLabel: '确定'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: '',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ]
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doCreate':
+          this.doCreate()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    showData(discountUse, discountLeave, vinSid) {
+      const aa = []
+      for (var i = 0; i < discountLeave.length; i++) {
+        for (var k = 0; k < discountUse.length; k++) {
+          if (discountLeave[i].discountSid === discountUse[k].discountSid) {
+            aa.push({
+              discountSid: discountUse[k].discountSid,
+              discountName: discountUse[k].discountName,
+              discountPrice: discountUse[k].discountPrice,
+              discountInfo: discountUse[k].discountInfo,
+              discountLeaveNum: parseInt(discountUse[k].discountNum) + parseInt(discountLeave[i].discountLeaveNum),
+              discountNum: discountUse[k].discountNum
+            })
+          }
+        }
+      }
+      this.list = aa
+      this.vinSid = vinSid
+    },
+    doCreate() {
+      for (var i = 0; i < this.list.length; i++) {
+        if (this.list[i].discountNum === '') {
+          this.list[i].discountNum = 0
+        }
+      }
+      this.$emit('backData', this.list, this.vinSid)
+    },
+    doClose() {
+      this.$emit('doback')
+    },
+  }
+}
+</script>
+
+<style scoped></style>

anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/relation/shangzhuangInfo.vue

@@ -0,0 +1,153 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>上装配置信息</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <div class="titwu"><span>上装配置信息</span></div>
+      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>主车车架号</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vinNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>车型</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.modelName }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div v-for="(item, index) in formobj.vehillModelList" :key="index">
+          <div class="title">上装{{ index + 1 }}</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty spanOneWidth"><span>成交价</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.topPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>车辆功能</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.vehicleTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>上装名称</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.installNameValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>委改方式</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.refitMethodValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>供应商</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.refitFactory }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>货箱内部尺寸</span></div>
+              <el-form-item>
+                <div class="addinputInfo addinputwOne">
+                  长<span class="inputStyle">{{ item.wk_long }}</span>mm,
+                  宽<span class="inputStyle">{{ item.wk_wide }}</span>mm,
+                  高<span class="inputStyle">{{ item.wk_high }}</span>mm
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>颜色</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.colorValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>板材材质</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.plateMaterialValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>板材厚度</span></div>
+              <el-form-item>
+                <div class="addinputInfo addinputwOne">
+                  底<span class="inputStyle">{{ item.plateThicknessBottom }}</span>mm,
+                  边<span class="inputStyle">{{ item.plateThicknessEdge }}</span>mm
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>篷布滑道</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.tarpaulinSlide }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>冷藏冷机</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.refrigerator }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.selfUnHyCoPl }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>底板加热</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.floorHeating }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty spanOneWidth"><span>更多配置</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.moreConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'ShangZhuangInfo',
+  data() {
+    return {
+      formobj: {
+        modelName: '',
+        vinNo: '',
+        vehillModelList: []
+      }
+    }
+  },
+  methods: {
+    handleReturn() {
+      this.formobj = {
+        modelName: '',
+        vinNo: '',
+        vehillModelList: []
+      }
+      this.$emit('doback')
+    },
+    showInfo(data) {
+     this.formobj = data
+    }
+  }
+}
+</script>
+
+<style scoped>
+.spanOneWidth {
+  width: 110px !important;
+}
+.addinputwOne {
+  margin-left: 110px !important;
+}
+.inputStyle {
+  display: inline-block;
+  margin: 0 5px;
+}
+</style>

anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/relation/userInfoAdd.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <div v-show="visible">
       <div class="tab-header webtop">
-        <div>录入使用人信息</div>
+        <div>录入实际购车人信息</div>
         <!-- <div v-else></div> -->
         <div>
           <el-button type="primary" size="small" :disabled="createBtn" @click="handleCreate()">保存</el-button>
@@ -10,79 +10,124 @@
         </div>
       </div>
       <div class="listconadd">
-        <div class="titwu">录入使用人信息</div>
+        <div class="titwu">实际购车人信息</div>
         <el-form ref="dataForm" :model="tempUser" :rules="rules" class="formadd">
-          <el-row style="border-top: 1px solid #e0e3eb">
+          <el-row style="border-top: 1px solid #E0E3EB">
             <el-col :span="4" class="tleftb">
-              <span>合同编号</span>
+              <span>是否为实际购车人</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="contractNo">
-                <span slot="label">{{ tempUser.contractNo }}</span>
+              <el-form-item>
+                <el-radio-group class="addinputw" style="font-size: 1px" v-model="tempUser.isConfirmRealBuyer">
+                  <el-radio label="1">是</el-radio>
+                  <el-radio label="0">否</el-radio>
+                </el-radio-group>
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
             <el-col :span="4" class="tleftb">
-              <span>车架号</span>
+              <span><span class="icon">*</span>客户类型</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="vinNo">
-                <span slot="label">{{ tempUser.vinNo }}</span>
+              <el-form-item>
+                <el-select v-model="tempUser.customerType" placeholder="请选择" @change="changeMerType" clearable class="addinputw addinputwOne">
+                  <el-option v-for="item in merType" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
+                </el-select>
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span><span class="icon">*</span>客户名称</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.name" placeholder="" class="addinputw addinputwOne" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="tempUser.customerTypeKey == '2' && tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span>联系人</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.contacts" placeholder="" class="addinputw addinputwOne" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span><span class="icon">*</span>联系电话</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.mobile" placeholder="" class="addinputw addinputwOne" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
             <el-col :span="4" class="tleftb">
-              <span>客户名称</span>
+              <span>证件号码</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="name">
-                <el-input v-model="tempUser.name" maxlength="125" placeholder="" class="addinputw addinputwOne" clearable/>
+              <el-form-item>
+                <el-input v-model="tempUser.idNumber" placeholder="" class="addinputw addinputwOne" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span>通讯地址</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.address" placeholder="" class="addinputw addinputwTwo" clearable/>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="4" class="tleftb">
-              <span>联系电话</span>
+              <span>车架号</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="mobile">
-                <el-input v-model="tempUser.mobile" maxlength="125" placeholder="" class="addinputw addinputwOne" clearable/>
+              <el-form-item>
+                <span slot="label">{{ tempUser.vin }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="4" class="tleftb">
-              <span>证件号码</span>
+              <span>合同编号</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="idNo">
-                <el-input v-model="tempUser.idNo" maxlength="125" placeholder="" class="addinputw addinputwOne" clearable/>
+              <el-form-item>
+                <span slot="label">{{ tempUser.contractNo }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="4" class="tleftb">
-              <span>联系地址</span>
+              <span>备注</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="address">
-                <el-input v-model="tempUser.address" maxlength="125" placeholder="" class="addinputw addinputwTwo" clearable/>
+              <el-form-item>
+                <el-input v-model="tempUser.remarks" placeholder="" class="addinputw addinputwTwo" clearable/>
               </el-form-item>
             </el-col>
           </el-row>
         </el-form>
       </div>
     </div>
-
   </div>
 </template>
 
 <script>
+import { typeValues } from '@/api/dictcommons/dictcommons'
 
 export default {
-  name: 'userInfo',
+  name: 'userAdd',
   components: {},
   data() {
     return {
@@ -90,16 +135,25 @@ export default {
       index: 0,
       disabled: false, // 保存、提交按钮状态
       createBtn: false,
+      merType: [],
+      state: '',
       // --按钮菜单-------
       visible: true,
       listLoading: false,
       tempUser: {
-        contractNo: '',
-        vinNo: '',
-        sid: ''
-      }, // 添加和修改
+        address: '',
+        contacts: '',
+        customerType: '',
+        customerTypeKey: '',
+        idNumber: '',
+        isConfirmRealBuyer: '',
+        mobile: '',
+        name: '',
+        remarks: '',
+        vin: '',
+        contractNo: ''
+      },
       rules: {}
-      // ------------------------------------
     }
   },
   created() {
@@ -108,14 +162,11 @@ export default {
   methods: {
     // ------------ 页面初始化 ------------
     init() {
-      this.tempUser = {
-        contractNo: '',
-        vinNo: '',
-        name: '',
-        mobile: '',
-        idNo: '',
-        address: ''
-      }
+      typeValues({ type: 'customerType' }).then((res) => {
+        if (res.success) {
+          this.merType = res.data
+        }
+      })
     },
     showAdd(contractNo, vinNo) {
       this.init()
@@ -124,9 +175,10 @@ export default {
       })
       this.state = 'add'
       this.tempUser.contractNo = contractNo
-      this.tempUser.vinNo = vinNo // 多个的话是以逗号隔开的字符串
+      this.tempUser.vin = vinNo // 多个的话是以逗号隔开的字符串
+      this.tempUser.isConfirmRealBuyer = '1'
     },
-    showEdit(useMessage, vinNo) {
+    showEdit(useMessage, contractNo) {
       this.init()
       this.$nextTick(() => {
         this.$refs['dataForm'].clearValidate()
@@ -134,25 +186,55 @@ export default {
       console.log('编辑拿到的信息', useMessage)
       this.state = 'edit'
       this.tempUser = useMessage
-      this.tempUser.vinNo = vinNo
+      this.tempUser.contractNo = contractNo
     },
     // ------------ 功能实现 ------------
+    changeMerType(val) {
+      const choose = this.merType.filter((item) => item.dictValue === val)
+      this.tempUser.customerTypeKey = choose[0].dictKey
+    },
     // 添加数据
     handleCreate() {
+      if (this.tempUser.isConfirmRealBuyer === '1') {
+        if (this.tempUser.customerType === '') {
+          this.$message({ showClose: true, type: 'error', message: '客户类型不能为空' })
+          return
+        }
+        if (this.tempUser.name === '') {
+          this.$message({ showClose: true, type: 'error', message: '客户名称不能为空' })
+          return
+        }
+        if (this.tempUser.mobile === '') {
+          this.$message({ showClose: true, type: 'error', message: '联系电话不能为空' })
+          return
+        }
+      } else {
+        if (this.tempUser.remarks === '') {
+          this.$message({ showClose: true, type: 'error', message: '因实际购车人选择否,请填写备注' })
+          return
+        }
+      }
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.createBtn = true
+          if (this.tempUser.isConfirmRealBuyer === '0') {
+            this.tempUser.address = ''
+            this.tempUser.idNumber = ''
+            this.tempUser.mobile = ''
+            this.tempUser.customerType = ''
+            this.tempUser.customerTypeKey = ''
+            this.tempUser.contacts = ''
+            this.tempUser.name = ''
+          }
           if (this.state === 'add') {
-            this.createBtn = false
             console.log('新增保存数据', this.tempUser)
             const aa = this.tempUser
-            this.$emit('returnInfo', aa)
+            this.$emit('backUser', aa)
             this.handleReturn()
           } else {
-            this.createBtn = false
             console.log('修改保存数据', this.tempUser)
             const bb = this.tempUser
-            this.$emit('returnInfo', bb)
+            this.$emit('backUser', bb)
             this.handleReturn()
           }
         }
@@ -160,6 +242,20 @@ export default {
     },
     // 返回
     handleReturn() {
+      this.tempUser = {
+        address: '',
+        contacts: '',
+        customerType: '',
+        customerTypeKey: '',
+        idNumber: '',
+        isConfirmRealBuyer: '',
+        mobile: '',
+        name: '',
+        remarks: '',
+        vin: '',
+        contractNo: ''
+      }
+      this.createBtn = false
       this.$emit('doback')
     }
   }

anrui-buscenter/anrui-buscenter-ui/src/views/chukuguanli/chukubanli/relation/userInfoLook.vue

@@ -2,41 +2,41 @@
   <div class="app-container">
     <div>
       <div class="tab-header webtop">
-        <div>录入使用人信息</div>
+        <div>实际购车人信息</div>
         <div>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
       <div class="listconadd">
-        <div class="titwu">录入使用人信息</div>
+        <div class="titwu">实际购车人信息</div>
         <el-form ref="dataForm" :model="tempUserLook" :rules="rules" class="formadd">
           <el-row style="border-top: 1px solid #e0e3eb">
             <el-col :span="4" class="tleftb">
-              <span>合同编号</span>
+              <span>客户类型</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="contractNo">
-                <span>{{ tempUserLook.contractNo }}</span>
+              <el-form-item>
+                <span>{{ tempUserLook.customerType }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="4" class="tleftb">
-              <span>车架号</span>
+              <span>客户名称</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="vinNo">
-                <span>{{ tempUserLook.vinNo }}</span>
+              <el-form-item>
+                <span>{{ tempUserLook.name }}</span>
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row>
+          <el-row v-show="tempUserLook.customerTypeKey == '2'">
             <el-col :span="4" class="tleftb">
-              <span>客户名称</span>
+              <span>联系人</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="name">
-                <span>{{ tempUserLook.name }}</span>
+              <el-form-item>
+                <span>{{ tempUserLook.contacts }}</span>
               </el-form-item>
             </el-col>
           </el-row>
@@ -45,7 +45,7 @@
               <span>联系电话</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="mobile">
+              <el-form-item>
                 <span>{{ tempUserLook.mobile }}</span>
               </el-form-item>
             </el-col>
@@ -55,21 +55,51 @@
               <span>证件号码</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="idNo">
-                <span>{{ tempUserLook.idNo }}</span>
+              <el-form-item>
+                <span>{{ tempUserLook.idNumber }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="4" class="tleftb">
-              <span>联系地址</span>
+              <span>通讯地址</span>
             </el-col>
             <el-col :span="20">
-              <el-form-item prop="address">
+              <el-form-item>
                 <span>{{ tempUserLook.address }}</span>
               </el-form-item>
             </el-col>
           </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>车架号</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.vin }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>合同编号</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.contractNo }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>备注</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.remarks }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
       </div>
     </div>
@@ -77,7 +107,6 @@
 </template>
 
 <script>
-import {} from '@/api/chukuguanli/chukubanli'
 
 export default {
   name: 'userInfoLook',
@@ -90,12 +119,13 @@ export default {
     }
   },
   methods: {
-    showInfo(useMessage) {
+    showInfo(contractNo, useMessage) {
       this.$nextTick(() => {
         this.$refs['dataForm'].clearValidate()
       })
       console.log('详情拿到的信息', useMessage)
       this.tempUserLook = useMessage
+      this.tempUserLook.contractNo = contractNo
     },
     // 返回
     handleReturn() {

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/chukuDaiBanInfo.vue

@@ -4,102 +4,191 @@
       <div class="tab-header webtop">
         <div>出库申请详情</div>
         <div>
-          <el-button type="primary" @click="openAgree('同意')">同 意</el-button>
-          <el-button type="danger" @click="openReject('驳回')">驳 回</el-button>
-          <el-button type="danger" @click="openStop('终止')">终 止</el-button>
+          <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
+          <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
+          <el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
         </div>
       </div>
       <div class="">
-        <el-form ref="dataForm" :model="temp" label-position="right" label-width="100%" class="formadd" :rules="rules">
-          <div class="tit">
-            出库申请
-            <div class="times">
-              <div>
-                <span>合同编号：</span><span>{{ temp.contractNo }}</span>
-              </div>
-              <div>
-                <span>申请日期：</span><span>{{ temp.applyDate }}</span>
-              </div>
-            </div>
-          </div>
-          <el-row class="nothingBorder">
-            <el-col :span="2"/>
-            <el-col :span="4">
-              <el-form-item><span slot="label">客户名称：</span></el-form-item>
+        <div class="titwu">出库申请</div>
+        <el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyDept }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item>
-                {{ temp.name }}
-              </el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">发起人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyName }}</span></el-form-item>
             </el-col>
-            <el-col :span="4">
-              <el-form-item><span slot="label">是否为终端客户：</span></el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item>
-                <el-radio v-model="temp.isTerminal" disabled :label="0">否</el-radio>
-                <el-radio v-model="temp.isTerminal" disabled :label="1">是</el-radio>
-              </el-form-item>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.paymentMethod }}</span></el-form-item>
             </el-col>
-            <el-col :span="2"/>
           </el-row>
           <el-row>
-            <el-col :span="2"/>
-            <el-col :span="4">
-              <el-form-item><span slot="label">车型：</span></el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractId }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item>
-                <span>{{ temp.modelName }}</span>
-              </el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.paymentMethodKey == '2'">
+            <el-col :span="12">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanMobile }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费1合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费2合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwoAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.price }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">实际购车人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.type }}</span></el-form-item>
             </el-col>
-            <el-col :span="12"/>
           </el-row>
           <!--Start 预订车辆信息-->
-          <div class="titcon">
-            <div class="title">车辆信息</div>
+          <div class="title">
+            <div>车辆信息</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button>
+            </div>
           </div>
-          <el-table v-loading="listLoading" :data="detailsList" border style="width: 100%" :index="index" fit>
-            <el-table-column align="center" label="序号" width="50" type="index" :index="index + 1"/>
-            <el-table-column label="车架号" align="center">
+          <el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.carList" border style="width: 100%" :index="index">
+            <el-table-column fixed align="center" label="序号" type="index" :index="index + 1" width="60"/>
+            <el-table-column label="车架号" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.realBuyer.vin }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="挂车/上装" align="center" width="100">
+              <template slot-scope="scope">
+                <span v-show="scope.row.showHandCarBtn" class="bluezi" @click="handleLook(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="实际购车人" align="center" width="120">
+              <template slot-scope="scope">
+                <span v-if="formobj.typeKey == '2'" class="bluezi" @click="lookUser(scope.row.realBuyer)">{{ scope.row.realBuyer.name }}</span>
+                <span v-else>{{ scope.row.realBuyer.name }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="实际购车人联系电话" align="center" width="170">
+              <template slot-scope="scope">
+                <span>{{ scope.row.realBuyer.mobile }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="赠送套餐" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span>{{ price(scope.row) }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="成交价" align="center">
+            <el-table-column label="销售折让" align="center" width="120">
               <template slot-scope="scope">
-                <span>{{ scope.row.price }}</span>
+                <span>{{ scope.row.discount }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="使用人信息" align="center">
+            <el-table-column label="备注" align="center" min-width="200">
               <template slot-scope="scope">
-                <el-button v-show="scope.row.isExist == '1'" size="medium" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看</el-button>
-                <span v-show="temp.isTerminal == 0 && scope.row.isExist == '0'">无</span>
+                <span>{{ remarks(scope.row) }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="备注" header-align="center" align="left">
+            <el-table-column label="款、票情况" align="center" width="200">
               <template slot-scope="scope">
-                <span>{{ scope.row.remarks }}</span>
+                <span class="bluezi" @click="lookPayment(scope.row)">查看</span>
               </template>
             </el-table-column>
           </el-table>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
       </div>
     </div>
-    <user-info-look v-show="viewState == 2" ref="divUserInfo" @doback="resetState"/>
+    <userInfo v-show="viewState == 2" ref="divUserInfo" @doback="resetState"/>
+    <guacheInfo v-show="viewState == 3" ref="divCheInfo" @doback="resetState"/>
+    <shangzhuangInfo v-show="viewState == 4" ref="divZhuangInfo" @doback="resetState"/>
+    <xiaoshoudingdanInfo v-show="viewState == 5" ref="divDingDanInfo" @doback="resetState"/>
+    <paymentticket v-show="viewState == 6" ref="divPayMentInfo" @doback="resetState"/>
+
     <!-- 选择待办人 的弹出框-->
-    <el-dialog title="选择待办人" :visible.sync="nodeDialogVisible" width="80%">
-      <el-form>
-        <el-row v-show="currentLink" class="borderStyle">
-          <el-col :span="4" class="tleftb">当前环节</el-col>
-          <el-col :span="20" class="trightb">
-            <span>{{ current.taskName }}->{{ nextNode.name }}</span>
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd" >
+        <el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span>当前环节:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
           </el-col>
         </el-row>
-        <el-row class="borderStyle">
-          <el-col :span="4" class="tleftb">意见</el-col>
-          <el-col :span="20" class="trightb">
-            <el-input size="small" v-model="dialogList.comment" placeholder="审批意见" clearable ></el-input>
+        <el-row :class="{rowClass:!currentLink}">
+          <el-col :span="4" class="tleftb">
+            <span>意见:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
           </el-col>
         </el-row>
         <div style="text-align:center;margin-top: 20px;">
@@ -112,43 +201,82 @@
 </template>
 
 <script>
-import { fetchDetailsBySid, complete, breakProcess, reject, getPreviousNodesForReject, getNextNodesForSubmit } from '@/api/chukuguanli/chukubanli'
-import userInfoLook from './relation/userInfo'
+import { getRetrievalApplyInfo, trailerList, complete, breakProcess, reject, getPreviousNodesForReject, getNextNodesForSubmit } from '@/api/chukuguanli/chukubanli'
+import userInfo from './relation/userInfo'
+import guacheInfo from './relation/guacheInfo'
+import shangzhuangInfo from './relation/shangzhuangInfo'
+import paymentticket from './relation/paymentticket'
+import xiaoshoudingdanInfo from './relation/dingdanInfo'
 
 export default {
   name: 'chukuDaiBanInfo',
   components: {
-    userInfoLook
+    userInfo,
+    guacheInfo,
+    shangzhuangInfo,
+    paymentticket,
+    xiaoshoudingdanInfo
   },
   data() {
     return {
-      viewTitle: '',
+      tableKey: 0,
       index: 0,
-      dialogStatus: 'add', // 提交状态
       // --按钮菜单-------
       viewState: 1,
-      // ===
       listLoading: false,
-      list: [],
-      temp: {
-        applyName: window.sessionStorage.getItem('name'), // 申请人
-        applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
-        contractNo: '', // 合同编号
-        isTerminal: 3, // 是否是终端 1是，0不是
-        modelName: '', // 车型别名
-        name: '', // 客户名称
+      formobj: {
+        carList: [],
+        configSid: '',
+        contractId: '',
+        createTime: '',
+        customerSid: '',
+        loanMobile: '',
+        loanName: '',
+        loanSid: '',
+        mobile: '',
+        modelName: '',
+        modelSid: '',
+        name: '',
+        orgPath: '',
+        paymentMethod: '',
+        paymentMethodKey: '',
+        pcApplyDept: '',
+        pcApplyDeptSid: '',
+        pcApplyName: '',
+        pcApplySid: '',
+        pcDistributorName: '',
+        pcDistributorNameTwo: '',
+        pcDistributorPrice: '',
+        pcDistributorPriceAll: '',
+        pcDistributorPriceTwo: '',
+        pcDistributorPriceTwoAll: '',
+        price: '',
+        procInstId: '',
+        remarks: '',
         sid: '',
-        applyDate: '', // 申请日期
-        detailsList: []
-      }, // 添加和修改
-      detailsList: [],
-      sids: [],
-      vinNo_info: '',
-      rules: {},
+        staffDeptName: '',
+        staffDeptSid: '',
+        staffName: '',
+        pcStaffSid: '',
+        taskId: '',
+        type: '',
+        typeKey: '',
+        userSid: '',
+        discountLeave: []
+      },
+      arguments: {
+        list: [],
+        userSid: '',
+        orgPath: '',
+        contractId: '',
+        outboundSid: '',
+        pcView: true
+      },
+      operation: '', // 点击操作按钮
       dialogList: {
         comment: ''
       },
-      operation: '', // 点击操作按钮
+      startTask: true,
       current: {
         taskDefKey: '',
         taskName: '' // 当前环节名称
@@ -156,6 +284,7 @@ export default {
       nextNode: {}, // 下一环节
       nodeDialogVisible: false,
       currentLink: true,
+      rules: {},
       // 环节所需参数
       linkByParameter: {
         businessSid: '',
@@ -173,6 +302,7 @@ export default {
     var one = window.location.href.indexOf('&data') + 6
     const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
     const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
     // 点击（同意、终止、驳回、驳回）操作时所需的参数
     this.linkByParameter.businessSid = obj.businessSid
     this.linkByParameter.instanceId = obj.instanceId
@@ -191,7 +321,7 @@ export default {
       params: {
         // 告诉父级页面，子页面的弹框高度。
         code: 2,
-        data: document.body.scrollHeight + 'px'
+        data: 500 + 'px'
       }
     }, '*')
   },
@@ -204,42 +334,67 @@ export default {
       this.$nextTick(() => {
         this.$refs['dataForm'].clearValidate()
       })
-      fetchDetailsBySid({ sid: sid }).then((response) => {
+      this.arguments.outboundSid = sid
+      getRetrievalApplyInfo(this.arguments).then((response) => {
         if (response.success) {
-          this.temp = response.data
-          this.temp.sid = sid
-          this.detailsList = response.data.listVo
-          console.log('详情回显车辆信息', this.detailsList)
-          for (var i = 0; i < this.detailsList.length; i++) {
-            if (this.detailsList[i].useMessage.vinNo !== '') {
-              this.detailsList[i].isExist = '1'
-            }
-            if (this.detailsList[i].useMessage.vinNo == '') {
-              this.detailsList[i].isExist = '0'
-            }
-          }
-          this.temp = JSON.parse(JSON.stringify(this.temp).replace(/listVo/g, 'detailsList'))
-          console.log('isTerminal', this.temp.isTerminal)
+          this.formobj = response.data
         }
       })
     },
-    // 查看用户人信息
-    lookUserInfo(vinNo) {
-      console.log('1111', vinNo)
-      for (var i = 0; i < this.detailsList.length; i++) {
-        if (this.detailsList[i].vinNo === vinNo) {
-          let useMessage = {}
-          useMessage = this.detailsList[i].useMessage
-          this.viewState = 2
-          this.$refs['divUserInfo'].showInfo(useMessage)
+    // 车辆信息表--赠送套餐
+    price(row) {
+      var aa = 0
+      for (var i = 0; i < row.discountUse.length; i++) {
+        aa = parseInt(aa) + (parseInt(row.discountUse[i].discountPrice) * parseInt(row.discountUse[i].discountNum))
+      }
+      return aa
+    },
+    // 车辆信息表--备注内容拼接（优惠套餐说明 + 赠送数量）
+    remarks(row) {
+      var aa = ''
+      for (var i = 0; i < row.discountUse.length; i++) {
+        if (row.discountUse[i].discountNum !== 0) {
+          aa = aa + row.discountUse[i].discountInfo + 'X' + row.discountUse[i].discountNum + ','
         }
       }
+      if (aa !== '') {
+        aa = aa.substring(0, aa.lastIndexOf(','))
+      }
+      return aa
+    },
+    // 查看款、票情况
+    lookPayment(row) {
+      this.viewState = 6
+      this.$refs['divPayMentInfo'].showInfo(this.formobj.contractId, row)
+    },
+    // 查看销售订单
+    handleLookByDingDan() {
+      this.viewState = 5
+      this.$refs['divDingDanInfo'].showInfo({ sid: this.formobj.busSalesOrderSid })
+    },
+    handleLook(row) {
+      trailerList({ contractNo: this.formobj.contractId, vinSid: row.vinSid }).then((resp) => {
+        if (resp.success) {
+          if (resp.data.list.length > 0) {
+            this.viewState = 3
+            this.$refs['divCheInfo'].showInfo(resp.data)
+          } else {
+            this.viewState = 4
+            this.$refs['divZhuangInfo'].showInfo(resp.data)
+          }
+        }
+      })
+    },
+    // 查看用户人信息
+    lookUser(row) {
+      this.viewState = 2
+      this.$refs['divUserInfo'].showInfo(this.formobj.contractId, row)
     },
     // 同意
     openAgree(val) {
       this.operation = val
       this.currentLink = true
-      this.dialogList.comment = ''
+      this.dialogList.comment = '同意'
       getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey }).then((resp) => {
         if (resp.success) {
           var arr = resp.data
@@ -266,17 +421,25 @@ export default {
     // 终止
     openStop(val) {
       this.operation = val
-      this.dialogList.comment = ''
       this.currentLink = false
+      this.dialogList.comment = ''
       this.nodeDialogVisible = true
     },
     reject() {
       if (this.operation === '同意') {
         this.handleAgree()
       } else if (this.operation === '驳回') {
-        this.handleReject()
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleReject()
+        }
       } else if (this.operation === '终止') {
-        this.handleStop()
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleStop()
+        }
       }
     },
     /** 同意任务 */
@@ -299,13 +462,6 @@ export default {
               code: 1
             }
           }, '*')
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '执行失败',
-            type: 'error',
-            duration: 2000
-          })
         }
       })
     },
@@ -329,20 +485,12 @@ export default {
               code: 1
             }
           }, '*')
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '执行失败',
-            type: 'error',
-            duration: 2000
-          })
         }
       })
     },
     /** 终止任务 */
     handleStop() {
       this.linkByParameter.comment = this.dialogList.comment
-      console.log(this.stopList, 99999)
       breakProcess(this.linkByParameter).then((response) => {
         if (response.success) {
           this.$notify({
@@ -360,13 +508,6 @@ export default {
               code: 1
             }
           }, '*')
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '执行失败',
-            type: 'error',
-            duration: 2000
-          })
         }
       })
     }
@@ -374,79 +515,33 @@ export default {
 }
 </script>
 <style scoped>
-.tit {
-  margin: 0 0 20px 0;
-  padding: 10px 0 0 0;
-}
-
-.times {
+.title {
+  padding: 7px;
   display: flex;
   flex-direction: row;
-  justify-content: space-around;
-  padding: 30px 0 10px 0;
-  margin: 0 auto 0px auto;
-  width: 70%;
-  font-size: 14px;
-}
-
-.formadd /deep/ .el-row {
-  border: 0;
-}
-
-.formadd /deep/ .el-col {
-  border: 0;
-}
-
-/deep/ .el-form-item__content {
-  margin-left: 0 !important;
-}
-
-.titcon {
-  border: 1px solid #e0e3eb;
-}
-
-.titcon,
-.title {
-  background-color: white;
-  color: black;
-}
-
-.changeIt {
-  line-height: 40px;
-  font-size: 17px;
-  float: right;
-}
-
-/deep/ .el-col-4 {
-  text-align: right;
-  float: left;
-  font-size: 14px;
-  color: #606266;
-  line-height: 40px !important;
-  font-weight: 600;
+  justify-content: space-between;
+  align-items: center;
 }
-/deep/ .el-col-20 {
-  text-align: left;
-  float: left;
-  font-size: 14px;
-  color: #606266;
-  line-height: 40px !important;
-  font-weight: 600;
+.span-sty {
+  width: 120px !important;
 }
-.lineone {
-  border-bottom: 2px solid #e0e3eb;
+.addinputInfo {
+  margin-left: 110px !important;
 }
-.linetwo {
-  margin-top: 10px;
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed {
+  height: 100% !important;
 }
-.borderStyle {
-  border: 1px solid #e0e3eb;
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed-right {
+  height: 100% !important;
 }
-.trightb {
-  border-left: 1px solid #e0e3eb;
-  padding-left: 5px;
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
 }
-.tleftb {
-  padding-right: 5px;
+.rowClass{
+  border-top: 1px solid #E0E3EB;
 }
 </style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/chukuEdit.vue

@@ -3,152 +3,289 @@
     <div v-show="viewState == 1">
       <div class="tab-header webtop">
         <div>{{ viewTitle }}</div>
-        <!-- <div v-else></div> -->
         <div>
-          <el-button type="primary" size="small" :disabled="createBtn" @click="handLeSelect()">选择车辆</el-button>
-          <el-button type="primary" size="small" :disabled="createBtn" @click="handleCreate()">保存</el-button>
+          <el-button type="primary" size="small" :disabled="createBtn" @click="handleChoose()">选择车辆</el-button>
+          <el-button type="primary" size="small" :disabled="createBtn" @click="handleSave()">保存</el-button>
           <el-button type="primary" size="small" :disabled="createBtn" @click="handleSubmit()">提交</el-button>
         </div>
       </div>
       <div class="">
-        <el-form ref="dataForm" :model="temp" label-position="right" label-width="100%" class="formadd" :rules="rules">
-          <div class="tit">
-            出库申请
-            <div class="times">
-              <div><span>合同编号：</span><span>{{ temp.contractNo }}</span></div>
-              <div><span>申请日期：</span><span>{{ temp.applyDate }}</span></div>
-            </div>
-          </div>
-          <el-row class="nothingBorder">
-            <el-col :span="2"/>
-            <el-col :span="4">
-              <el-form-item><span slot="label">客户名称：</span></el-form-item>
+        <div class="titwu">出库申请</div>
+        <el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyDept }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item>
-                {{ temp.name }}
-              </el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">发起人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyName }}</span></el-form-item>
             </el-col>
-            <el-col :span="4">
-              <el-form-item><span slot="label">是否为终端客户：</span></el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item>
-                <el-radio v-model="temp.isTerminal" disabled :label="0">否</el-radio>
-                <el-radio v-model="temp.isTerminal" disabled :label="1">是</el-radio>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.paymentMethod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractId }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.paymentMethodKey == '2'">
+            <el-col :span="12">
+              <div class="span-sty"><span class="icon">*</span>贷款人</div>
+              <el-form-item prop="loanName">
+                <el-select v-model="formobj.loanName" class="addinputInfo" filterable placeholder="" @change="changeCustomer">
+                  <el-option v-for="item in customer_list" :key="item.sid" :label="item.name" :value="item.name"/>
+                </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="2"/>
+            <el-col :span="12">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanMobile }}</span></el-form-item>
+            </el-col>
           </el-row>
           <el-row>
-            <el-col :span="2"/>
-            <el-col :span="4">
-              <el-form-item><span slot="label">车型：</span></el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorName }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item>
-                <span>{{ temp.modelName }}</span>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费1合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费2合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwoAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.price }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>实际购车人</div>
+              <el-form-item prop="typeKey">
+                <el-radio-group class="addinputw" style="font-size: 1px" v-model="formobj.typeKey" @input="typeRadio">
+                  <el-radio label="0">订单客户</el-radio>
+                  <el-radio label="1" v-show="formobj.paymentMethodKey == '2'">贷款人</el-radio>
+                  <el-radio label="2">其他人</el-radio>
+                </el-radio-group>
               </el-form-item>
             </el-col>
-            <el-col :span="12"/>
           </el-row>
           <!--Start 预订车辆信息-->
-          <div class="titcon">
-            <div class="title">车辆信息</div>
-            <div class="baocun">
-              <el-button v-show="temp.isTerminal === 0" size="medium" type="primary" @click="openUserInfo" class="btntopbluebut">录入用人信息</el-button>
-              <el-button v-show="temp.isTerminal === 0" size="medium" type="danger" @click="clearUserInfo">置空使用人信息</el-button>
+          <div class="title" v-if="formobj.typeKey == '2'">
+            <div>车辆信息</div>
+            <div>
+              <el-button size="mini" type="primary" @click="openUserInfo">批量录入实际购车人
+              </el-button>
+              <el-button size="mini" type="danger" @click="clearUserInfo">批量置空实际购车人
+              </el-button>
             </div>
           </div>
-          <el-table v-loading="listLoading" :data="detailsList" border style="width: 100%" :index="index" fit @selection-change="handleSelectionChange">
-            <el-table-column fixed type="selection" align="center" width="50"/>
-            <el-table-column fixed align="center" label="序号" type="index" width="50" :index="index + 1"/>
-            <el-table-column fixed align="center" label="操作" type="index" width="80">
+          <div class="titleOne" v-else>
+            <div>车辆信息</div>
+          </div>
+          <el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.carList" border style="width: 100%" :index="index" @selection-change="handleSelectionChange">
+            <el-table-column fixed type="selection" align="center" width="50" :index="index + 1"/>
+            <el-table-column fixed align="center" label="序号" type="index" width="60"/>
+            <el-table-column fixed align="center" label="操作" type="index" width="280">
               <template slot-scope="scope">
                 <el-button type="danger" size="small" @click="handleDel(scope.$index)">删除</el-button>
+                <el-button type="primary" size="small" @click="handleSelect(scope.row)">选择套餐</el-button>
+                <el-button type="primary" size="small" v-if="formobj.typeKey == '2'" @click="handleUpdateUser(scope.row)">修改购车人</el-button>
               </template>
             </el-table-column>
-            <el-table-column label="车架号" align="center">
+            <el-table-column label="车架号" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span>{{ scope.row.realBuyer.vin }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="成交价" align="center">
+            <el-table-column label="挂车/上装" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.price }}</span>
+                <span v-show="scope.row.showHandCarBtn" class="bluezi" @click="handleLook(scope.row)">查看</span>
               </template>
             </el-table-column>
-            <el-table-column label="使用人信息" align="center">
+            <el-table-column label="实际购车人" align="center" width="120">
               <template slot-scope="scope">
-                <el-button v-show="temp.isTerminal === 0 && scope.row.isExist == '1'" size="medium" type="primary" @click="updateUserInfo(scope.row.vinNo)" class="btntopbluebut">修改
-                </el-button>
-                <el-button v-show="temp.isTerminal === 0 && scope.row.isExist == '1'" size="medium" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看
-                </el-button>
-                <el-button v-show="temp.isTerminal === 1" size="medium" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看
-                </el-button>
-                <span v-show="temp.isTerminal == 3">无</span>
+                <span v-if="formobj.typeKey == '2'" class="bluezi" @click="lookUser(scope.row.realBuyer)">{{ scope.row.realBuyer.name }}</span>
+                <span v-else>{{ scope.row.realBuyer.name }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="备注" align="center">
+            <el-table-column label="实际购车人联系电话" align="center" width="170">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.remarks" class="addinputw" placeholder="请输入备注" clearable/>
+                <span>{{ scope.row.realBuyer.mobile }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="赠送套餐" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ price(scope.row) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售折让" align="center" width="120">
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.discount" placeholder="" clearable/>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ remarks(scope.row) }}</span>
               </template>
             </el-table-column>
           </el-table>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item>
+                <el-input class="addinputInfo" style="width: 90%" v-model="formobj.remarks" placeholder="" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
       </div>
-    </div> <!--@returnEdit="getUserInfoEdit"-->
-    <daichukucheliang v-show="viewState == 2" ref="divSelect" @doback="resetState" @backData="backData"/>
-    <user-info-add v-show="viewState == 3 || viewState == 4" ref="divUser" @doback="resetState" @returnInfo="getUserInfo"/>
-    <user-info-look v-show="viewState == 5" ref="divUserInfo" @doback="resetState"/>
+    </div>
+    <daichuku v-show="viewState == 2" ref="divSelect" @doback="resetState" @backData="backData"/>
+    <userEdit v-show="viewState == 3 || viewState == 4" ref="divAddByUser" @doback="resetState" @backUser="backUser"/>
+    <userInfo v-show="viewState == 5" ref="divInfoByUser" @doback="resetState"/>
+    <guacheInfo v-show="viewState == 6" ref="divCheInfo" @doback="resetState"/>
+    <selectpackage v-show="viewState == 7" ref="divSelectPackAge" @backData="backPackAge" @doback="resetState"/>
+    <shangzhuangInfo v-show="viewState == 8" ref="divZhuangInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
-import { fetchDetailsBySid, save, submitInfo } from '@/api/chukuguanli/chukubanli'
-import daichukucheliang from './daichuku'
-import userInfoAdd from './relation/userEdit'
-import userInfoLook from './relation/userInfo'
+import { saveOrUpdate, submitInfo, getRetrievalApplyInfo, selectInfo, trailerList } from '@/api/chukuguanli/chukubanli'
+import { selectCustomerList } from '@/api/dictcommons/dictcommons'
+import daichuku from './daichuku'
+import userEdit from './relation/userEdit'
+import userInfo from './relation/userInfo'
+import guacheInfo from './relation/guacheInfo'
+import selectpackage from './relation/selectpackage'
+import shangzhuangInfo from './relation/shangzhuangInfo'
 
 export default {
   name: 'chukuEdit',
   components: {
-    daichukucheliang,
-    userInfoAdd,
-    userInfoLook
+    daichuku,
+    userEdit,
+    userInfo,
+    guacheInfo,
+    selectpackage,
+    shangzhuangInfo
   },
   data() {
     return {
       viewTitle: '',
+      tableKey: 0,
       index: 0,
       createBtn: false, // 保存、提交按钮状态
       // --按钮菜单-------
       viewState: 1,
-      isShow: true,
       // ===
       listLoading: false,
+      customer_list: [],
       list: [],
-      temp: {
-        applyName: '', // 申请人
-        applySid: '', // 申请人sid 即staffSid
-        contractNo: '', // 合同编号
-        isTerminal: 3, // 是否是终端 1是，0不是
-        modelName: '', // 车型别名
-        name: '', // 客户名称
+      formobj: {
+        carList: [],
+        configSid: '',
+        contractId: '',
+        createTime: '',
+        customerSid: '',
+        loanMobile: '',
+        loanName: '',
+        loanSid: '',
+        mobile: '',
+        modelName: '',
+        modelSid: '',
+        name: '',
+        orgPath: '',
+        paymentMethod: '',
+        paymentMethodKey: '',
+        pcApplyDept: '',
+        pcApplyDeptSid: '',
+        pcApplyName: '',
+        pcApplySid: '',
+        pcDistributorName: '',
+        pcDistributorNameTwo: '',
+        pcDistributorPrice: '',
+        pcDistributorPriceAll: '',
+        pcDistributorPriceTwo: '',
+        pcDistributorPriceTwoAll: '',
+        price: '',
+        procInstId: '',
+        remarks: '',
         sid: '',
-        applyDate: '', // 申请日期
-        userSid: '',
+        staffDeptName: '',
+        staffDeptSid: '',
+        staffName: '',
+        pcStaffSid: '',
         taskId: '',
-        instanceId: '',
-        detailsList: []
-      }, // 添加和修改
-      detailsList: [],
-      userlist: {},
-      diaStatus: '',
-      sids: [],
-      vinNo_info: '',
-      index_list: [],
-      rules: {}
+        type: '',
+        typeKey: '',
+        userSid: '',
+        discountLeave: []
+      },
+      arguments: {
+        list: [],
+        userSid: '',
+        orgPath: '',
+        contractId: '',
+        outboundSid: '',
+        pcView: true
+      },
+      arguments_params: {
+        contractNo: '',
+        vinSids: []
+      },
+      vinNo_list: [], // 车辆列表--批量勾选的车架号
+      index_list: [], // 车辆列表--批量勾选的序号
+      rules: {
+        typeKey: [{ required: true, message: '请选择实际购车人', trigger: 'change' }],
+        loanName: [{ required: true, message: '贷款人不能为空', trigger: 'change' }]
+      }
     }
   },
   created() {
@@ -164,7 +301,7 @@ export default {
       params: {
         // 告诉父级页面，子页面的弹框高度。
         code: 2,
-        data: document.body.scrollHeight + 'px'
+        data: 500 + 'px'
       }
     }, '*')
   },
@@ -174,217 +311,277 @@ export default {
         this.$refs['dataForm'].clearValidate()
       })
       this.viewTitle = '【编辑】出库申请'
-      this.diaStatus = 'edit'
-      fetchDetailsBySid({ sid: sid }).then(response => {
-        if (response.success) {
-          this.temp = response.data
-          this.temp.sid = sid
-          this.temp.instanceId = response.data.procInstId
-          this.detailsList = response.data.listVo
-          for (var i = 0; i < this.detailsList.length; i++) {
-            // JSON.stringify()
-            if (this.detailsList[i].useMessage.vinNo !== '') {
-              this.detailsList[i].isExist = '1'
+      this.arguments.outboundSid = sid
+      getRetrievalApplyInfo(this.arguments).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          selectCustomerList({ staffSid: this.formobj.pcStaffSid, userSid: '', orgPath: '' }).then((res) => {
+            if (res.success) {
+              this.customer_list = resp.data
             }
-          }
-          this.temp = JSON.parse(JSON.stringify(this.temp).replace(/listVo/g, 'detailsList'))
-          console.log('isTerminal', this.temp.isTerminal)
-          console.log('temp', this.temp)
+          })
         }
       })
     },
     // ------------ 页面跳转以及数据获取 ------------
-    handLeSelect() {
+    // 选择待出库车辆
+    handleChoose() {
       this.viewState = 2
-      this.$refs['divSelect'].showData(this.detailsList, this.temp.contractNo)
+      this.$refs['divSelect'].showData(this.formobj.carList, this.formobj.contractId)
     },
+    // 删除车辆信息
     handleDel(index) {
-      this.detailsList.splice(index, 1)
+      for (var i = 0; i < this.formobj.discountLeave.length; i++) {
+        for (var k = 0; k < this.formobj.carList[index].discountUse.length; k++) {
+          if (this.formobj.discountLeave[i].discountSid === this.formobj.carList[index].discountUse[k].discountSid) {
+            this.formobj.discountLeave[i].discountLeaveNum = parseInt(this.formobj.discountLeave[i].discountLeaveNum) + parseInt(this.formobj.carList[index].discountUse[k].discountNum)
+          }
+        }
+      }
+      this.formobj.carList.splice(index, 1)
     },
+    // 选择待出库车辆 -- 返回数据
     backData(value) {
       this.viewState = 1
-      this.temp.contractNo = value[0].contractNo
-      this.temp.name = value[0].name
-      this.temp.modelName = value[0].modelName
-      if (value.length > 0) {
-        value.forEach((e) => {
-          this.detailsList.push({
-            price: e.price, // 成交价
-            remarks: '', // 备注
-            vinNo: e.vinNo, //  车架号
-            useMessage: {
-              contractNo: value[0].contractNo,
-              vinNo: value[0].vinNo,
-              name: '',
-              mobile: '',
-              idNo: '',
-              address: ''
+      this.arguments.userSid = window.sessionStorage.getItem('userSid')
+      this.arguments.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+      this.arguments.contractId = value[0].contractNo
+      this.arguments_params.contractNo = value[0].contractNo
+      const aa = []
+      value.forEach((e) => {
+        aa.push(e.vinSid)
+      })
+      this.arguments.list = aa
+      this.arguments_params.vinSids = aa
+      // 根据合同编号是否存在--判断是否为首次选择车辆，如果为否，则只需要返回车辆信息，并将信息补充到申请中的车辆列表
+      if (this.formobj.contractId === '' || this.formobj.contractId === null) {
+        getRetrievalApplyInfo(this.arguments).then((resp) => {
+          if (resp.success) {
+            this.formobj = resp.data
+            this.formobj.userSid = window.sessionStorage.getItem('userSid')
+            selectCustomerList({ staffSid: this.formobj.pcStaffSid, userSid: '', orgPath: '' }).then((resp) => {
+              if (resp.success) {
+                this.customer_list = resp.data
+              }
+            })
+          }
+        })
+      } else {
+        selectInfo(this.arguments_params).then((resp) => {
+          if (resp.success) {
+            for (var k = 0; k < resp.data.length; k++) {
+              this.formobj.carList.push(resp.data[k])
             }
-          })
-          this.userlist = {
-            contractNo: value[0].contractNo,
-            vinNo: value[0].vinNo,
-            name: value[0].name,
-            mobile: value[0].mobile,
-            idNo: value[0].idNo,
-            address: value[0].address
           }
         })
       }
     },
+    changeCustomer(value) {
+      const choose = this.customer_list.filter((item) => item.name === value)
+      this.formobj.loanSid = choose[0].sid
+      this.formobj.loanMobile = choose[0].mobile
+    },
+    // 选择套餐
+    handleSelect(row) {
+      this.viewState = 7
+      this.$refs['divSelectPackAge'].showData(row.discountUse, this.formobj.discountLeave, row.vinSid)
+    },
+    backPackAge(val, vinSid) {
+      this.viewState = 1
+      for (var i = 0; i < val.length; i++) {
+        // 循环计算最外层的套餐数量
+        for (var k = 0; k < this.formobj.discountLeave.length; k++) {
+          if (val[i].discountSid === this.formobj.discountLeave[k].discountSid) {
+            this.formobj.discountLeave[k].discountLeaveNum = parseInt(this.formobj.discountLeave[k].discountLeaveNum) - parseInt(val[i].discountNum)
+          }
+        }
+        // 循环计算每辆车的套餐数量
+        for (var n = 0; n < this.formobj.carList.length; n++) {
+          if (this.formobj.carList[n].vinSid === vinSid) {
+            for (var b = 0; b < this.formobj.carList[n].discountUse.length; b++) {
+              if (val[i].discountSid === this.formobj.carList[n].discountUse[b].discountSid) {
+                this.formobj.carList[n].discountUse[b].discountNum = val[i].discountNum
+                this.formobj.carList[n].discountUse[b].totalNum = parseInt(this.formobj.carList[n].discountUse[b].totalNum) - parseInt(val[i].discountNum)
+              }
+            }
+          }
+        }
+      }
+    },
+    // 车辆信息表--赠送套餐
+    price(row) {
+      var aa = 0
+      for (var i = 0; i < row.discountUse.length; i++) {
+        aa = parseInt(aa) + (parseInt(row.discountUse[i].discountPrice) * parseInt(row.discountUse[i].discountNum))
+      }
+      return aa
+    },
+    // 车辆信息表--备注内容拼接（优惠套餐说明 + 赠送数量）
+    remarks(row) {
+      var aa = ''
+      for (var i = 0; i < row.discountUse.length; i++) {
+        if (row.discountUse[i].discountNum !== 0) {
+          aa = aa + row.discountUse[i].discountInfo + 'X' + row.discountUse[i].discountNum + ','
+        }
+      }
+      if (aa !== '') {
+        aa = aa.substring(0, aa.lastIndexOf(','))
+      }
+      return aa
+    },
+    // 查看挂车详情
+    handleLook(row) {
+      trailerList({ contractNo: this.formobj.contractId, vinSid: row.vinSid }).then((resp) => {
+        if (resp.success) {
+          if (resp.data.list.length > 0) {
+            this.viewState = 6
+            this.$refs['divCheInfo'].showInfo(resp.data)
+          } else {
+            this.viewState = 8
+            this.$refs['divZhuangInfo'].showInfo(resp.data)
+          }
+        }
+      })
+    },
+    // 批量勾选
     handleSelectionChange(row) {
-      console.log('开票', row)
+      console.log(row, 999)
       const aa = []
       const bb = []
-      const index_arr = []
-      row.forEach((element, index) => {
-        aa.push(element.vinNo)
-        bb.push(element.sid)
-        this.detailsList.forEach((v, i) => {
-          // id 是每一行的数据id
-          if (element.vinNo === v.vinNo) {
-            index_arr.push(i)
+      row.forEach((e, i) => {
+        aa.push(e.realBuyer.vin)
+      })
+      this.formobj.carList.forEach((e, i) => {
+        aa.forEach((element) => {
+          if (e.realBuyer.vin === element) {
+            bb.push(i)
           }
         })
       })
-      this.vinNo_info = aa.join()
-      this.sids = bb
-      this.index_list = index_arr
+      this.vinNo_list = aa
+      this.index_list = bb
     },
+    // 实际购车人
+    typeRadio(val) {
+      if (val === '0') {
+        this.formobj.type = '订单客户'
+        for (var i = 0; i < this.formobj.carList.length; i++) {
+          this.formobj.carList[i].realBuyer.address = ''
+          this.formobj.carList[i].realBuyer.contacts = ''
+          this.formobj.carList[i].realBuyer.customerType = ''
+          this.formobj.carList[i].realBuyer.customerTypeKey = ''
+          this.formobj.carList[i].realBuyer.idNumber = ''
+          this.formobj.carList[i].realBuyer.isConfirmRealBuyer = ''
+          this.formobj.carList[i].realBuyer.mobile = this.formobj.mobile
+          this.formobj.carList[i].realBuyer.name = this.formobj.name
+          this.formobj.carList[i].realBuyer.remarks = ''
+        }
+      } else if (val === '1') {
+        this.formobj.type = '贷款人'
+        for (var k = 0; k < this.formobj.carList.length; k++) {
+          this.formobj.carList[k].realBuyer.address = ''
+          this.formobj.carList[k].realBuyer.contacts = ''
+          this.formobj.carList[k].realBuyer.customerType = ''
+          this.formobj.carList[k].realBuyer.customerTypeKey = ''
+          this.formobj.carList[k].realBuyer.idNumber = ''
+          this.formobj.carList[k].realBuyer.isConfirmRealBuyer = ''
+          this.formobj.carList[k].realBuyer.mobile = this.formobj.loanMobile
+          this.formobj.carList[k].realBuyer.name = this.formobj.loanName
+          this.formobj.carList[k].realBuyer.remarks = ''
+        }
+      } else {
+        this.formobj.type = '其他人'
+        for (var m = 0; m < this.formobj.carList.length; m++) {
+          this.formobj.carList[m].realBuyer.address = ''
+          this.formobj.carList[m].realBuyer.contacts = ''
+          this.formobj.carList[m].realBuyer.customerType = ''
+          this.formobj.carList[m].realBuyer.customerTypeKey = ''
+          this.formobj.carList[m].realBuyer.idNumber = ''
+          this.formobj.carList[m].realBuyer.isConfirmRealBuyer = ''
+          this.formobj.carList[m].realBuyer.mobile = ''
+          this.formobj.carList[m].realBuyer.name = ''
+          this.formobj.carList[m].realBuyer.remarks = ''
+        }
+      }
+    },
+    // 批量录入实际购车人
     openUserInfo() {
-      if (this.sids.length > 0) {
-        console.log('车架号', this.vinNo_info, '合同编号', this.temp.contractNo)
+      if (this.vinNo_list.length > 0) {
         this.viewState = 3
-        this.$refs['divUser'].showAdd(this.temp.contractNo, this.vinNo_info)
+        this.$refs['divAddByUser'].showAdd(this.formobj.contractId, this.vinNo_list.join(','))
       } else {
-        this.$message({
-          showClose: true,
-          message: '请选择出库车辆信息！',
-          type: 'error'
-        })
+        this.$message({ showClose: true, type: 'error', message: '请至少选择一条记录进行批量录入实际购车人的操作' })
         return
       }
     },
-    // 修改用户人信息
-    updateUserInfo(vinNo) {
+    // 修改实际购车人信息
+    handleUpdateUser(row) {
       this.viewState = 4
-      let useMessage = {}
-      for (var i = 0; i < this.detailsList.length; i++) {
-        if (this.detailsList[i].vinNo === vinNo) {
-          useMessage = {
-            address: this.detailsList[i].useMessage.address,
-            contractNo: this.detailsList[i].useMessage.contractNo,
-            idNo: this.detailsList[i].useMessage.idNo,
-            mobile: this.detailsList[i].useMessage.mobile,
-            name: this.detailsList[i].useMessage.name,
-            vinNo: this.detailsList[i].useMessage.vinNo
-          }
-        }
-      }
-      this.$refs['divUser'].showEdit(useMessage, vinNo)
-    },
-    // 查看用户人信息
-    lookUserInfo(vinNo) {
-      this.viewState = 5
-      let useMessage = {}
-      if (this.temp.isTerminal === 1) {
-        for (var i = 0; i < this.detailsList.length; i++) {
-          useMessage = this.detailsList[i]
-          if (this.detailsList[i].useMessage !== {}) {
-            useMessage = this.detailsList[i].useMessage
-            if (this.userlist !== {} && this.diaStatus === '') {
-              useMessage = this.userlist
-            }
-          }
-        }
-      }
-      if (this.temp.isTerminal === 0) {
-        for (var g = 0; g < this.detailsList.length; g++) {
-          if (this.detailsList[g].vinNo === vinNo) {
-            useMessage = {
-              address: this.detailsList[g].useMessage.address,
-              contractNo: this.detailsList[g].useMessage.contractNo,
-              idNo: this.detailsList[g].useMessage.idNo,
-              mobile: this.detailsList[g].useMessage.mobile,
-              name: this.detailsList[g].useMessage.name,
-              vinNo: this.detailsList[g].useMessage.vinNo
-            }
-          }
+      const cc = []
+      this.formobj.carList.forEach((e, i) => {
+        if (e.realBuyer.vin === row.realBuyer.vin) {
+          cc.push(i)
         }
-      }
-      this.$refs['divUserInfo'].showInfo(useMessage)
+      })
+      this.index_list = cc
+      this.$refs['divAddByUser'].showEdit(row.realBuyer, this.formobj.contractId)
     },
-    // 清空用户人信息
+    // 批量置空实际购车人
     clearUserInfo() {
-      if (this.sids.length > 0) {
-        for (var i = 0; i < this.index_list.length; i++) {
-          if (this.detailsList[this.index_list[i]].isExist == '1') {
-            this.detailsList[this.index_list[i]].useMessage = {
-              contractNo: '',
-              vinNo: '',
-              name: '',
-              mobile: '',
-              idNo: '',
-              address: ''
-            }
-            this.detailsList[this.index_list[i]].isExist = ''
-            this.$message({
-              showClose: true,
-              message: '成功置空使用人信息！',
-              type: 'success'
-            })
-          } else {
-            this.$message({
-              showClose: true,
-              message: '此车辆无使用人信息！',
-              type: 'error'
-            })
-            return
-          }
-        }
-      } else {
-        this.$message({
-          showClose: true,
-          message: '请选择出库车辆信息！',
-          type: 'error'
-        })
+      if (this.index_list.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请至少选择一条记录进行批量置空实际购车人的操作' })
         return
       }
+      for (var k = 0; k < this.index_list.length; k++) {
+        this.formobj.carList[this.index_list[k]].realBuyer.address = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.contacts = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.customerType = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.customerTypeKey = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.idNumber = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.isConfirmRealBuyer = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.mobile = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.name = ''
+        this.formobj.carList[this.index_list[k]].realBuyer.remarks = ''
+      }
+      this.index_list = []
+      this.vinNo_list = []
+      this.$refs.multipleTable.clearSelection()
     },
-    // 添加用户人信息
-    getUserInfo(tempUser) {
-      console.log('开票申请页面的tempUser', tempUser)
-      const vinNo_array = tempUser.vinNo.split(',') // 这是保存过来的使用人信息
-      console.log('保存过来的vinNo', vinNo_array)
-      for (var i = 0; i < this.detailsList.length; i++) {
-        for (var j = 0; j < vinNo_array.length; j++) {
-          if (this.detailsList[i].vinNo === vinNo_array[j]) {
-            this.detailsList[i].useMessage = tempUser
-            this.detailsList[i].isExist = '1'
-            console.log('保存到detailsList的信息', this.detailsList)
-          }
-        }
+    // 录入实际购车人--返回数据
+    backUser(value) {
+      for (var k = 0; k < this.index_list.length; k++) {
+        this.formobj.carList[this.index_list[k]].realBuyer.address = value.address
+        this.formobj.carList[this.index_list[k]].realBuyer.contacts = value.contacts
+        this.formobj.carList[this.index_list[k]].realBuyer.customerType = value.customerType
+        this.formobj.carList[this.index_list[k]].realBuyer.customerTypeKey = value.customerTypeKey
+        this.formobj.carList[this.index_list[k]].realBuyer.idNumber = value.idNumber
+        this.formobj.carList[this.index_list[k]].realBuyer.isConfirmRealBuyer = value.isConfirmRealBuyer
+        this.formobj.carList[this.index_list[k]].realBuyer.mobile = value.mobile
+        this.formobj.carList[this.index_list[k]].realBuyer.name = value.name
+        this.formobj.carList[this.index_list[k]].realBuyer.remarks = value.remarks
       }
+      this.index_list = []
+      this.vinNo_list = []
+      this.$refs.multipleTable.clearSelection()
+    },
+    // 查看实际购车人信息
+    lookUser(row) {
+      this.viewState = 5
+      this.$refs['divInfoByUser'].showInfo(this.formobj.contractId, row)
     },
     resetState() {
       this.viewState = 1
     },
     // ------------ 功能实现 ------------
     // 添加数据
-    handleCreate() {
-      if (this.userlist !== {} && this.temp.isTerminal === 1) {
-        for (var i = 0; i < this.detailsList.length; i++) {
-          this.detailsList[i].useMessage = this.userlist
-        }
-      }
-      this.temp.detailsList = this.detailsList
+    handleSave() {
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.createBtn = true
-          save(this.temp).then((response) => {
+          saveOrUpdate(this.formobj).then((response) => {
             if (response.success) {
-              this.createBtn = false
-              // 子页面向父级页面传递值
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              // 子页面向父级页面传递值(关闭弹框)
               window.parent.postMessage({
                 cmd: 'returnHeight',
                 params: {
@@ -401,6 +598,10 @@ export default {
     },
     // 提交
     handleSubmit() {
+      if (this.formobj.carList.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '车辆信息表不能为空' })
+        return
+      }
       this.$confirm('是否确定提交该业务', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -409,16 +610,11 @@ export default {
         this.$refs['dataForm'].validate((valid) => {
           if (valid) {
             this.createBtn = true
-            if (this.userlist !== {} && this.temp.isTerminal === 1) {
-              for (var i = 0; i < this.detailsList.length; i++) {
-                this.detailsList[i].useMessage = this.userlist
-              }
-            }
-            this.temp.detailsList = this.detailsList
-            submitInfo(this.temp).then((response) => {
-              this.createBtn = false
+            this.formobj.procInsId = this.formobj.procInstId
+            submitInfo(this.formobj).then((response) => {
               if (response.success) {
-                // 子页面向父级页面传递值
+                this.$message({ showClose: true, type: 'success', message: '提交成功' })
+                // 子页面向父级页面传递值(关闭弹框)
                 window.parent.postMessage({
                   cmd: 'returnHeight',
                   params: {
@@ -426,6 +622,8 @@ export default {
                     code: 1
                   }
                 }, '*')
+              } else {
+                this.createBtn = false
               }
             }).catch(e => {
               this.createBtn = false
@@ -438,43 +636,44 @@ export default {
 }
 </script>
 <style scoped>
-.tit {
-  margin: 0 0 20px 0;
-  padding: 10px 0 0 0;
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
 }
-
-.times {
+.title {
+  padding: 7px;
   display: flex;
   flex-direction: row;
-  justify-content: space-around;
-  padding: 30px 0 10px 0;
-  margin: 0 auto 0px auto;
-  width: 70%;
-  font-size: 14px;
+  justify-content: space-between;
+  align-items: center;
 }
-
-.formadd /deep/ .el-row {
-  border: 0;
+.titleOne {
+  padding: 12px;
+  font-weight: bold;
+  font-size: 16px;
+  background-color: #0294D7;
+  text-align: left;
+  color: #ffffff;
 }
-
-.formadd /deep/ .el-col {
-  border: 0;
+.span-sty {
+  width: 120px !important;
 }
-
-/deep/ .el-form-item__content {
-  margin-left: 0 !important;
+.addinputInfo {
+  margin-left: 110px !important;
 }
-
-.titcon {
-  border: 1px solid #e0e3eb;
+.addinputw {
+  margin-left: 110px !important;
 }
-
-.titcon, .title {
-  background-color: white;
-  color: black;
+/deep/ .el-form-item__error {
+  margin-left: 110px !important;
 }
-
-.formadd .el-row .el-col {
-  padding: 0 !important;
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed {
+  height: 100% !important;
+}
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed-right {
+  height: 100% !important;
 }
 </style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/chukuYiBanInfo.vue

@@ -4,124 +4,246 @@
       <div class="tab-header webtop">
         <div>出库申请详情</div>
         <div>
-          <el-button type="danger" @click="openRevoke()">撤 回 </el-button>
+          <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
         </div>
       </div>
       <div class="">
-        <el-form ref="dataForm" :model="temp" label-position="right" label-width="100%" class="formadd" :rules="rules">
-          <div class="tit">
-            出库申请
-            <div class="times">
-              <div>
-                <span>合同编号：</span><span>{{ temp.contractNo }}</span>
-              </div>
-              <div>
-                <span>申请日期：</span><span>{{ temp.applyDate }}</span>
-              </div>
-            </div>
-          </div>
-          <el-row class="nothingBorder">
-            <el-col :span="2"/>
-            <el-col :span="4">
-              <el-form-item><span slot="label">客户名称：</span></el-form-item>
+        <div class="titwu">出库申请</div>
+        <el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyDept }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyName }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item>
-                {{ temp.name }}
-              </el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffDeptName }}</span></el-form-item>
             </el-col>
-            <el-col :span="4">
-              <el-form-item><span slot="label">是否为终端客户：</span></el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item>
-                <el-radio v-model="temp.isTerminal" disabled :label="0">否</el-radio>
-                <el-radio v-model="temp.isTerminal" disabled :label="1">是</el-radio>
-              </el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.paymentMethod }}</span></el-form-item>
             </el-col>
-            <el-col :span="2"/>
           </el-row>
           <el-row>
-            <el-col :span="2"/>
-            <el-col :span="4">
-              <el-form-item><span slot="label">车型：</span></el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractId }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.paymentMethodKey == '2'">
+            <el-col :span="12">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item>
-                <span>{{ temp.modelName }}</span>
-              </el-form-item>
+            <el-col :span="12">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanMobile }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费1合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单车中介费2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">中介服务费2合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwoAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.price }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">实际购车人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.type }}</span></el-form-item>
             </el-col>
-            <el-col :span="12"/>
           </el-row>
           <!--Start 预订车辆信息-->
-          <div class="titcon">
-            <div class="title">车辆信息</div>
+          <div class="title">
+            <div>车辆信息</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button>
+            </div>
           </div>
-          <el-table v-loading="listLoading" :data="detailsList" border style="width: 100%" :index="index" fit>
-            <el-table-column align="center" label="序号" width="50" type="index" :index="index + 1"/>
-            <el-table-column label="车架号" align="center">
+          <el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.carList" border style="width: 100%" :index="index">
+            <el-table-column fixed align="center" label="序号" type="index" :index="index + 1" width="60"/>
+            <el-table-column label="车架号" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.realBuyer.vin }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="挂车/上装" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span v-show="scope.row.showHandCarBtn" class="bluezi" @click="handleLook(scope.row)">查看</span>
               </template>
             </el-table-column>
-            <el-table-column label="成交价" align="center">
+            <el-table-column label="实际购车人" align="center" width="120">
               <template slot-scope="scope">
-                <span>{{ scope.row.price }}</span>
+                <span v-if="formobj.typeKey == '2'" class="bluezi" @click="lookUser(scope.row.realBuyer)">{{ scope.row.realBuyer.name }}</span>
+                <span v-else>{{ scope.row.realBuyer.name }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="使用人信息" align="center">
+            <el-table-column label="实际购车人联系电话" align="center" width="170">
               <template slot-scope="scope">
-                <el-button v-show="scope.row.isExist == '1'" size="medium" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看</el-button>
-                <span v-show="temp.isTerminal == 0 && scope.row.isExist == '0'">无</span>
+                <span>{{ scope.row.realBuyer.mobile }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="备注" align="center">
+            <el-table-column label="赠送套餐" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.remarks }}</span>
+                <span>{{ price(scope.row) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售折让" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.discount }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ remarks(scope.row) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="款、票情况" align="center" width="200">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="lookPayment(scope.row)">查看</span>
               </template>
             </el-table-column>
           </el-table>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
       </div>
     </div>
-    <user-info-look v-show="viewState == 2" ref="divUserInfo" @doback="resetState"/>
+    <userInfo v-show="viewState == 2" ref="divUserInfo" @doback="resetState"/>
+    <guacheInfo v-show="viewState == 3" ref="divCheInfo" @doback="resetState"/>
+    <shangzhuangInfo v-show="viewState == 4" ref="divZhuangInfo" @doback="resetState"/>
+    <xiaoshoudingdanInfo v-show="viewState == 5" ref="divDingDanInfo" @doback="resetState"/>
+    <paymentticket v-show="viewState == 6" ref="divPayMentInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
-import { fetchDetailsBySid, revokeProcess } from '@/api/chukuguanli/chukubanli'
-import userInfoLook from './relation/userInfo'
+import { getRetrievalApplyInfo, trailerList, revokeProcess } from '@/api/chukuguanli/chukubanli'
+import userInfo from './relation/userInfo'
+import guacheInfo from './relation/guacheInfo'
+import shangzhuangInfo from './relation/shangzhuangInfo'
+import paymentticket from './relation/paymentticket'
+import xiaoshoudingdanInfo from './relation/dingdanInfo'
 
 export default {
   name: 'chukuYiBanInfo',
   components: {
-    userInfoLook
+    userInfo,
+    guacheInfo,
+    shangzhuangInfo,
+    paymentticket,
+    xiaoshoudingdanInfo
   },
   data() {
     return {
-      viewTitle: '',
+      tableKey: 0,
       index: 0,
-      dialogStatus: 'add', // 提交状态
       // --按钮菜单-------
       viewState: 1,
-      // ===
       listLoading: false,
-      list: [],
-      temp: {
-        applyName: window.sessionStorage.getItem('name'), // 申请人
-        applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
-        contractNo: '', // 合同编号
-        isTerminal: 3, // 是否是终端 1是，0不是
-        modelName: '', // 车型别名
-        name: '', // 客户名称
+      formobj: {
+        carList: [],
+        configSid: '',
+        contractId: '',
+        createTime: '',
+        customerSid: '',
+        loanMobile: '',
+        loanName: '',
+        loanSid: '',
+        mobile: '',
+        modelName: '',
+        modelSid: '',
+        name: '',
+        orgPath: '',
+        paymentMethod: '',
+        paymentMethodKey: '',
+        pcApplyDept: '',
+        pcApplyDeptSid: '',
+        pcApplyName: '',
+        pcApplySid: '',
+        pcDistributorName: '',
+        pcDistributorNameTwo: '',
+        pcDistributorPrice: '',
+        pcDistributorPriceAll: '',
+        pcDistributorPriceTwo: '',
+        pcDistributorPriceTwoAll: '',
+        price: '',
+        procInstId: '',
+        remarks: '',
         sid: '',
-        applyDate: '', // 申请日期
-        detailsList: []
-      }, // 添加和修改
-      detailsList: [],
-      sids: [],
-      vinNo_info: '',
-      rules: {},
+        staffDeptName: '',
+        staffDeptSid: '',
+        staffName: '',
+        pcStaffSid: '',
+        taskId: '',
+        type: '',
+        typeKey: '',
+        userSid: '',
+        discountLeave: []
+      },
+      arguments: {
+        list: [],
+        userSid: '',
+        orgPath: '',
+        contractId: '',
+        outboundSid: '',
+        pcView: true
+      },
       // 环节所需参数
       linkByParameter: {
         businessSid: '',
@@ -131,7 +253,8 @@ export default {
         orgSidPath: '',
         taskDefKey: '',
         userSid: ''
-      }
+      },
+      rules: {}
     }
   },
   created() {
@@ -139,6 +262,7 @@ export default {
     var one = window.location.href.indexOf('&data') + 6
     const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
     const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
     // 点击（同意、终止、驳回、驳回）操作时所需的参数
     this.linkByParameter.businessSid = obj.businessSid
     this.linkByParameter.instanceId = obj.instanceId
@@ -155,7 +279,7 @@ export default {
       params: {
         // 告诉父级页面，子页面的弹框高度。
         code: 2,
-        data: document.body.scrollHeight + 'px'
+        data: 500 + 'px'
       }
     }, '*')
   },
@@ -168,37 +292,63 @@ export default {
       this.$nextTick(() => {
         this.$refs['dataForm'].clearValidate()
       })
-      fetchDetailsBySid({ sid: sid }).then((response) => {
+      this.arguments.outboundSid = sid
+      getRetrievalApplyInfo(this.arguments).then((response) => {
         if (response.success) {
-          this.temp = response.data
-          this.temp.sid = sid
-          this.detailsList = response.data.listVo
-          console.log('详情回显车辆信息', this.detailsList)
-          for (var i = 0; i < this.detailsList.length; i++) {
-            if (this.detailsList[i].useMessage.vinNo !== '') {
-              this.detailsList[i].isExist = '1'
-            }
-            if (this.detailsList[i].useMessage.vinNo == '') {
-              this.detailsList[i].isExist = '0'
-            }
-          }
-          this.temp = JSON.parse(JSON.stringify(this.temp).replace(/listVo/g, 'detailsList'))
-          console.log('isTerminal', this.temp.isTerminal)
+          this.formobj = response.data
         }
       })
     },
-    // 查看用户人信息
-    lookUserInfo(vinNo) {
-      console.log('1111', vinNo)
-      for (var i = 0; i < this.detailsList.length; i++) {
-        if (this.detailsList[i].vinNo === vinNo) {
-          let useMessage = {}
-          useMessage = this.detailsList[i].useMessage
-          this.viewState = 2
-          this.$refs['divUserInfo'].showInfo(useMessage)
+    // 车辆信息表--赠送套餐
+    price(row) {
+      var aa = 0
+      for (var i = 0; i < row.discountUse.length; i++) {
+        aa = parseInt(aa) + (parseInt(row.discountUse[i].discountPrice) * parseInt(row.discountUse[i].discountNum))
+      }
+      return aa
+    },
+    // 车辆信息表--备注内容拼接（优惠套餐说明 + 赠送数量）
+    remarks(row) {
+      var aa = ''
+      for (var i = 0; i < row.discountUse.length; i++) {
+        if (row.discountUse[i].discountNum !== 0) {
+          aa = aa + row.discountUse[i].discountInfo + 'X' + row.discountUse[i].discountNum + ','
         }
       }
+      if (aa !== '') {
+        aa = aa.substring(0, aa.lastIndexOf(','))
+      }
+      return aa
+    },
+    // 查看款、票情况
+    lookPayment(row) {
+      this.viewState = 6
+      this.$refs['divPayMentInfo'].showInfo(this.formobj.contractId, row)
+    },
+    // 查看销售订单
+    handleLookByDingDan() {
+      this.viewState = 5
+      this.$refs['divDingDanInfo'].showInfo({ sid: this.formobj.busSalesOrderSid })
+    },
+    handleLook(row) {
+      trailerList({ contractNo: this.formobj.contractId, vinSid: row.vinSid }).then((resp) => {
+        if (resp.success) {
+          if (resp.data.list.length > 0) {
+            this.viewState = 3
+            this.$refs['divCheInfo'].showInfo(resp.data)
+          } else {
+            this.viewState = 4
+            this.$refs['divZhuangInfo'].showInfo(resp.data)
+          }
+        }
+      })
+    },
+    // 查看用户人信息
+    lookUser(row) {
+      this.viewState = 2
+      this.$refs['divUserInfo'].showInfo(this.formobj.contractId, row)
     },
+    // ------------ 功能实现 ------------
     /** 确认撤回任务 */
     openRevoke() {
       this.$confirm('是否确认执行撤回操作', '提示', {
@@ -224,6 +374,7 @@ export default {
             type: 'success',
             duration: 2000
           })
+          this.nodeDialogVisible = false
           // 子页面向父级页面传递值
           window.parent.postMessage({
             cmd: 'returnHeight',
@@ -232,13 +383,6 @@ export default {
               code: 1
             }
           }, '*')
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '执行失败',
-            type: 'error',
-            duration: 2000
-          })
         }
       })
     }
@@ -246,46 +390,30 @@ export default {
 }
 </script>
 <style scoped>
-.tit {
-  margin: 0 0 20px 0;
-  padding: 10px 0 0 0;
-}
-
-.times {
+.title {
+  padding: 7px;
   display: flex;
   flex-direction: row;
-  justify-content: space-around;
-  padding: 30px 0 10px 0;
-  margin: 0 auto 0px auto;
-  width: 70%;
-  font-size: 14px;
+  justify-content: space-between;
+  align-items: center;
 }
-
-.formadd /deep/ .el-row {
-  border: 0;
+.span-sty {
+  width: 120px !important;
 }
-
-.formadd /deep/ .el-col {
-  border: 0;
+.addinputInfo {
+  margin-left: 110px !important;
 }
-
-/deep/ .el-form-item__content {
-  margin-left: 0 !important;
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed {
+  height: 100% !important;
 }
-
-.titcon {
-  border: 1px solid #e0e3eb;
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed-right {
+  height: 100% !important;
 }
-
-.titcon,
-.title {
-  background-color: white;
-  color: black;
-}
-
-.changeIt {
-  line-height: 40px;
-  font-size: 17px;
-  float: right;
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
 }
 </style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/daichuku.vue

@@ -1,56 +1,43 @@
 <template>
   <div class="app-container">
-    <!--待开票列表页面-->
-    <div>
-      <!--标题按钮部分开始-->
-      <div class="tab-header webtop">
-        <!--标题-->
-        <div>待出库车辆列表</div>
-        <!--start 查询列表按钮部分开始-->
-        <div>
-          <el-button type="primary" size="small" @click="handleCreate()">确定</el-button>
-          <el-button type="info" size="small" @click="handleColse()">确定</el-button>
-        </div>
-        <!--end 查询列表按钮部分结束-->
-      </div>
-      <!--按钮部分结束-->
-      <!--Start查询列表部分-->
+    <button-bar view-title="待出库车辆列表" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+    <div class="">
       <div class="searchcon">
         <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
         <div v-show="isSearchShow" class="search">
           <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
             <el-form-item label="合同编号">
-              <el-input v-model="listQuery.contractNo" placeholder="请输入合同编号" clearable class="filter-item"/>
+              <el-input v-model="listQuery.params.contractNo" placeholder="" clearable class="filter-item"/>
             </el-form-item>
             <el-form-item label="客户名称">
-              <el-select v-model="listQuery.name" class="addinputw" clearable filterable placeholder="请选择">
-                <el-option v-for="item in customerList" :key="item.sid" :label="item.name" :value="item.name"/>
-              </el-select>
+              <el-input v-model="listQuery.params.name" placeholder="" clearable class="filter-item"/>
             </el-form-item>
             <el-form-item label="车架号">
-              <el-input v-model="listQuery.vinNo" placeholder="请输入车架号" clearable class="filter-item"/>
+              <el-input v-model="listQuery.params.vinNo" placeholder="" clearable class="filter-item"/>
             </el-form-item>
-            <el-divider></el-divider>
-            <div class="searchbtns">
-              <el-button type="primary" @click="handleFilter">查询</el-button>
-              <el-button type="primary" @click="handleReset">重置</el-button>
-            </div>
           </el-form>
+          <div class="btn" style="text-align: center;">
+            <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+            <el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
+          </div>
         </div>
       </div>
-      <!--End查询列表部分-->
       <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>
-      <!--Start 主页面主要部分 -->
-      <div class="listcon">
-        <el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" :border="true" fit highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange">
+      <div class="">
+        <el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
           <el-table-column fixed type="selection" align="center" width="50"/>
-          <el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/>
-          <el-table-column label="认款状态" align="center">
+          <el-table-column fixed label="序号" type="index" width="60" :index="indexMethod" align="center"/>
+          <el-table-column label="业务状态" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.subscription }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="销售类型" align="center">
             <template slot-scope="scope">
-              <span>{{ scope.row.type }}</span>
+              <span>{{ scope.row.paymentMethod }}</span>
             </template>
           </el-table-column>
           <el-table-column label="合同编号" align="center">
@@ -68,11 +55,6 @@
               <span>{{ scope.row.vinNo }}</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>
       </div>
       <div class="pages">
@@ -85,19 +67,21 @@
 </template>
 
 <script>
-import { listPage, customerName } from '@/api/chukuguanli/chukubanli'
-import { setuser } from '@/utils/baocun'
+import { listPage } from '@/api/chukuguanli/chukubanli'
 import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
 
 export default {
   name: 'daichuku',
   components: {
     Pagination,
-    pageye
+    pageye,
+    ButtonBar
   },
   data() {
     return {
+      btndisabled: false,
       isSearchShow: false, // 主页面：隐藏查询条件按钮
       searchxianshitit: '显示查询条件',
       // 查询 -----------
@@ -105,9 +89,24 @@ export default {
       sids: [], // 用于导出的时候保存已选择的SIDs
       FormLoading: false,
       listLoading: false,
-      customerList: [],
       typeList: [], // 选择器
       list: [],
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'doCreate',
+          btnLabel: '确定'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: '',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
       // 翻页
       listQuery: {
         current: 1,
@@ -118,36 +117,42 @@ export default {
           name: '', // 客户名称
           vinNo: '', // 车架号
           userSid: '',
-          vinNoList: []
+          vinSid: []
         }
       },
       multipleSelection: []
     }
   },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
   methods: {
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doCreate':
+          this.doCreate()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
     showData(value, contractNo) {
       const aa = []
       if (value.length > 0) {
         for (var i = 0; i < value.length; i++) {
-          aa.push(value[i].vinNo)
+          aa.push(value[i].vinSid)
         }
         this.listQuery.params.contractNo = contractNo
-        this.listQuery.params.vinNoList = aa
+        this.listQuery.params.vinSid = aa
       } else {
-        this.listQuery.params.vinNoList = []
+        this.listQuery.params.vinSid = []
       }
-      this.getCustomer()
       this.getList()
     },
-    // 客户下拉框
-    getCustomer() {
-      customerName({ staffSid: window.sessionStorage.getItem('staffSid') }).then((response) => {
-        if (response.code === '200') {
-          this.customerList = response.data
-          console.log('客户列表', this.customerList)
-        }
-      })
-    },
     // ========== 页面按钮功能 ==========
     // 搜索条件效果
     clicksearchShow() {
@@ -169,27 +174,10 @@ export default {
       console.log('待出库', row)
       this.multipleSelection = row
       const aa = []
-      for (var i = 0; i < row.length; i++) {
-        for (var j = i + 1; j < row.length; j++) {
-          if (row[i].contractNo !== row[j].contractNo) {
-            this.$message({
-              showClose: true,
-              message: '请选择同一合同编号的车辆！',
-              type: 'error'
-            })
-          }
-        }
-      }
       row.forEach(element => {
         aa.push({
-          address: element.address,
           contractNo: element.contractNo,
-          idNo: element.idNo,
-          mobile: element.mobile,
-          modelName: element.modelName,
-          name: element.name,
-          price: element.price,
-          vinNo: element.vinNo
+          vinSid: element.vinSid
         })
       })
       this.sids = aa
@@ -201,18 +189,12 @@ export default {
     },
     // 点击重置
     handleReset() {
-      this.listQuery = {
-        current: 1,
-        size: 10,
-        total: 0,
-        params: {
-          contractNo: '', // 合同编号
-          name: '', // 客户名称
-          vinNo: '', // 车架号
-          userSid: '',
-          vinNoList: []
-        }
-      }
+      this.listQuery.current = 1
+      this.listQuery.size = 10
+      this.listQuery.total = 0
+      this.listQuery.params.name = ''
+      this.listQuery.params.vinNo = ''
+      this.listQuery.params.userSid = ''
       this.getList()
     },
     // 查询列表信息
@@ -221,8 +203,7 @@ export default {
       this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
       listPage(this.listQuery).then(response => { // 拦截器
         this.listLoading = false
-        console.log(response)
-        if (response.success && response.data && response.data.total > 0) {
+        if (response.success) {
           this.list = response.data.records
           this.listQuery.total = response.data.total
         } else {
@@ -232,7 +213,7 @@ export default {
       })
     },
     // 打开新增
-    handleCreate() {
+    doCreate() {
       if (this.sids.length === 0) {
         this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行出库申请' })
         return
@@ -254,47 +235,11 @@ export default {
         this.$emit('backData', this.sids)
       }
     },
-    handleColse() {
+    doClose() {
       this.$emit('doback')
     }
   }
 }
 </script>
 <style scoped>
-.switch_btn {
-  padding: 15px 0 10px 0;
-}
-
-.btn_style {
-  background-color: #018ad2;
-  color: white;
-  font-weight: 600;
-}
-
-/deep/ .el-collapse {
-  border-top: 0px solid #e6ebf5;
-  border-bottom: 0px solid #e6ebf5;
-}
-
-/deep/ .el-collapse-item__content {
-  margin: 0;
-  padding: 0;
-}
-
-/deep/ .el-collapse-item__wrap {
-  border-bottom: 0px solid #ebeef5;
-}
-
-/deep/ .el-collapse-item__header {
-  border-bottom: 0px solid #e6ebf5;
-}
-
-.searchbtn {
-  border: #2cab69 1px solid;
-  color: #2cab69;
-}
-
-.searchli {
-  padding: 5px 100px;
-}
 </style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/relation/dingdanInfo.vue

@@ -0,0 +1,527 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <div class="titwu">销售订单</div>
+        <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">制单日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售机构</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">客户信息</div>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">挂靠公司</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">是否包牌</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车型信息</div>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">常用配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">更多配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">特殊配置说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">上装</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '1'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '2'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">采购订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '3'">
+            <el-col :span="24">
+              <div class="span-sty">需采购</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+          </el-row>
+<!--          <div class="title">挂车信息</div>-->
+<!--          <el-row>-->
+<!--            <el-col :span="24">-->
+<!--              <el-form-item><span></span></el-form-item>-->
+<!--            </el-col>-->
+<!--          </el-row>-->
+          <div class="title">价格信息</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台整体指导价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">主车单台成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单台整体成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台折让(元)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">台数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车价合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">计划提车日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">预计提车地点</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">保险说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">订金信息</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">单台订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.deposit }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">订金合计</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.depositAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">订金缴纳方式</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">需补交订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.makeUpDeposit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">款项确认书</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 178px;height: 178px;" v-for="(item,index) in formobj.busSalesOrderDeposit.paymentConfirmation" :key="index" :src="item" :preview-src-list="formobj.busSalesOrderDeposit.paymentConfirmation"></el-image></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">订金备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div>
+          <el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column label="优惠名称" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.name }}
+              </template>
+            </el-table-column>
+            <el-table-column label="价值" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠项目说明" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.discountExplain }}
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.num }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="totalValue" label="小计" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.totalValue }}
+              </template>
+            </el-table-column>
+          </el-table>
+          <div v-show="formobj.finPlanState" class="jinrong">
+            <div>金融方案</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button>
+            </div>
+          </div>
+          <div class="title">补充说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.notes }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">其它信息</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">内部引荐人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">返利备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介服务费合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介服务费合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
+  </div>
+</template>
+<script>
+import { fetchDetailsBySid } from '@/api/salesManagement/orderManagement'
+import financialscheme from '../../../xiaoshouguanliFlow/xiaoshoudingdanFlow/relation/financialscheme'
+
+export default {
+  name: 'XiaoShouDingDanInfo',
+  components: {
+    financialscheme
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(row) {
+      this.viewTitle = '销售订单'
+      fetchDetailsBySid(row.sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
+            this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.linkNo = ''
+          }
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
+          }
+        }
+      })
+    },
+    handleLook() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo)
+    },
+    // 合计
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = ''
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (column.property === 'totalValue') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
+        } else {
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr)
+              if (!isNaN(value)) {
+                return prev + curr
+              } else {
+                return prev
+              }
+            }, 0)
+            sums[index] += ''
+            this.amount = sums[index] += ''
+          } else {
+            sums[index] = ''
+          }
+        }
+      })
+      return sums
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.formobj = {
+        sid: '',
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.jinrong {
+  padding: 7px;
+  font-weight: bold;
+  font-size: 16px;
+  background-color: #0294d7;
+  text-align: left;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1px;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
+</style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/relation/guacheInfo.vue

@@ -0,0 +1,263 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="">
+      <div class="titwu"><span>挂车信息</span></div>
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="4" class="tleftb">
+            <span>主车车架号</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item>
+              <span>{{ formobj.vinNo }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>车型</span>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item>
+              <span>{{ formobj.modelName }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div v-for="(item, index) in formobj.list" :key="index">
+          <div class="title">挂车{{ index + 1 }}</div>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>车架号</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.trailerVinNo }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>成交价</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.dealPrice }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>车辆品牌</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.brandName }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>车辆型号</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.carModelName }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>生产厂商名称</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ item.manufacturerName }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>挂车类型</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ item.trailerTypeValue }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>外观尺寸</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>长</span><span class="spanPadding">{{ item.appearanceSizeLong }}</span>mm,
+                <span>宽</span><span class="spanPadding">{{ item.appearanceSizeWide }}</span>mm,
+                <span>高</span><span class="spanPadding">{{ item.appearanceSizeHigh }}</span>mm,
+                <span>总高</span><span class="spanPadding">{{ item.appearanceSizeTotalHigh }}</span>mm
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>内部尺寸</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>长</span><span class="spanPadding">{{ item.insideSizeLong }}</span>mm,
+                <span>宽</span><span class="spanPadding">{{ item.insideSizeWide }}</span>mm,
+                <span>高</span><span class="spanPadding">{{ item.insideSizeHigh }}</span>mm
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>鞍座离地高度</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span class="spanPadding">{{ item.saddleLeaveLandHigh }}</span>mm
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>大梁尺寸</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>高度</span><span class="spanPadding">{{ item.girderSizeHigh }}</span>mm,
+                <span>宽度</span><span class="spanPadding">{{ item.girderSizeWide }}</span>mm,
+                <span>立板</span><span class="spanPadding">{{ item.girderSizeStandPlate }}</span>mm
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb" style="display: flex;justify-content: flex-end;align-items: center">
+              <span>底盘部分</span>
+            </el-col>
+            <el-col :span="20" style="padding: 0">
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center">
+                <span>牵引销</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0">
+                <el-form-item>
+                  <span>{{ item.towPin }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center">
+                <span>板簧</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0">
+                <el-form-item>
+                  <span>{{ item.plateSpring }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center">
+                <span>车桥</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0">
+                <el-form-item>
+                  <span>{{ item.axle }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center">
+                <span>轮胎及钢圈</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0">
+                <el-form-item>
+                  <span>{{ item.tyreAndSteelCircle }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4" style="display: flex;justify-content: center;align-items: center;border-bottom: 0">
+                <span>底板</span>
+              </el-col>
+              <el-col :span="20" style="border-right: 0;border-bottom: 0">
+                <el-form-item>
+                  <span class="spanPadding">{{ item.floorSize }}</span>mm
+                </el-form-item>
+              </el-col>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>门扇要求</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.doorFanRequirement }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4" class="tleftb">
+              <span>箱体颜色</span>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item>
+                <span>{{ item.boxColor }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>更多配置</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ item.moreConfig }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+    <!--End 添加修改部分-->
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'GuaCheInfo',
+  data() {
+    return {
+      viewTitle: '',
+      formobj: {
+        vinNo: '',
+        modelName: '',
+        list: []
+      },
+      rules: {},
+      submitdisabled: false
+    }
+  },
+  methods: {
+    showInfo(data) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '挂车详情'
+      this.formobj = data
+    },
+    handleReturn() {
+      this.formobj = {
+        vinNo: '',
+        modelName: '',
+        list: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.spanPadding {
+  padding: 0 5px;
+}
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
+</style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/relation/paymentticket.vue

@@ -0,0 +1,249 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>款票详情</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="12">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.paymentMethod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <!--Start 预订车辆信息-->
+          <div class="title">
+            <div>款项情况(平台收款)</div>
+          </div>
+          <el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.finSelectVoList" border style="width: 100%" :index="index">
+            <el-table-column fixed align="center" label="序号" type="index" :index="index + 1" width="60"/>
+            <el-table-column label="款项名称" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.receivablesName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="应收金额" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.reveivableMoney }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="已收款" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.subscriptionMoneyAll }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="未收款" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.notSubscriptionMoney }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remark }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="title">发票情况</div>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">开票名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoicingName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">税号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">地址</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.address }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.telPhone }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">开户行</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.openingBank }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">银行账号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.bankNum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="16">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceType }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">开票状态</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.billingState }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">移交状态</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.transferState }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">接收人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.recipient }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">移交日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.transferTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { deliveredFinSelect } from '@/api/chukuguanli/chukubanli'
+
+export default {
+  name: 'PaymentTicket',
+  data() {
+    return {
+      tableKey: 0,
+      index: 0,
+      // --按钮菜单-------
+      listLoading: false,
+      formobj: {
+        vinNo: '',
+        paymentMethod: '',
+        contractNo: '',
+        customerName: '',
+        modelName: '',
+        finSelectVoList: [],
+        vinInvoiceVo: {
+          invoicingName: '',
+          invoiceNo: '',
+          invoiceTitle: '',
+          invoiceType: '',
+          billingState: '',
+          invoiceAmount: '',
+          invoiceDate: '',
+          transferState: '',
+          address: '',
+          telPhone: '',
+          openingBank: '',
+          bankNum: '',
+          recipient: '',
+          transferTime: ''
+        }
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    // ------------ 页面初始化 ------------
+    showInfo(contractId, row) {
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+      deliveredFinSelect({ contractNo: contractId, vinSid: row.vinSid }).then((response) => {
+        if (response.success) {
+          console.log(response.data)
+          this.formobj = response.data
+        }
+      })
+    },
+    // ------------ 功能实现 ------------
+    // 返回
+    handleReturn() {
+      this.$refs['dataForm'].resetFields()
+      this.formobj = {
+        vinNo: '',
+        paymentMethod: '',
+        contractNo: '',
+        customerName: '',
+        modelName: '',
+        finSelectVoList: [],
+        vinInvoiceVo: {
+          invoicingName: '',
+          invoiceNo: '',
+          invoiceTitle: '',
+          invoiceType: '',
+          billingState: '',
+          invoiceAmount: '',
+          invoiceDate: '',
+          transferState: '',
+          address: '',
+          telPhone: '',
+          openingBank: '',
+          bankNum: '',
+          recipient: '',
+          transferTime: ''
+        }
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
+.span-sty {
+  width: 120px !important;
+}
+.addinputInfo {
+  margin-left: 110px !important;
+}
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed {
+  height: 100% !important;
+}
+/*表格列设置fixed后固定列出现下边框的设置*/
+/deep/ .el-table__fixed-right {
+  height: 100% !important;
+}
+</style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/relation/selectpackage.vue

@@ -0,0 +1,123 @@
+<template>
+  <div class="app-container">
+    <button-bar view-title="选择优惠包" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+    <div class="">
+      <div class="">
+        <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;">
+          <el-table-column label="优惠名称" align="center" width="150">
+            <template slot-scope="scope">
+              <span>{{ scope.row.discountName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="价值" align="center" width="100">
+            <template slot-scope="scope">
+              <span>{{ scope.row.discountPrice }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="优惠项目说明" header-align="center" align="left" min-width="200">
+            <template slot-scope="scope">
+              <span>{{ scope.row.discountInfo }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="剩余数量" align="center" width="120">
+            <template slot-scope="scope">
+              <span>{{ scope.row.discountLeaveNum }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="本次赠送数量" align="center" width="200">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.discountNum" placeholder=""/>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import ButtonBar from '@/components/ButtonBar'
+
+export default {
+  name: '',
+  components: {
+    ButtonBar
+  },
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 0,
+      listLoading: false,
+      btndisabled: false,
+      list: [],
+      vinSid: '', // 车辆sid
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'doCreate',
+          btnLabel: '确定'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: '',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ]
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doCreate':
+          this.doCreate()
+          break
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    showData(discountUse, discountLeave, vinSid) {
+      const aa = []
+      for (var i = 0; i < discountLeave.length; i++) {
+        for (var k = 0; k < discountUse.length; k++) {
+          if (discountLeave[i].discountSid === discountUse[k].discountSid) {
+            aa.push({
+              discountSid: discountUse[k].discountSid,
+              discountName: discountUse[k].discountName,
+              discountPrice: discountUse[k].discountPrice,
+              discountInfo: discountUse[k].discountInfo,
+              discountLeaveNum: parseInt(discountUse[k].discountNum) + parseInt(discountLeave[i].discountLeaveNum),
+              discountNum: discountUse[k].discountNum
+            })
+          }
+        }
+      }
+      this.list = aa
+      this.vinSid = vinSid
+    },
+    doCreate() {
+      for (var i = 0; i < this.list.length; i++) {
+        if (this.list[i].discountNum === '') {
+          this.list[i].discountNum = 0
+        }
+      }
+      this.$emit('backData', this.list, this.vinSid)
+    },
+    doClose() {
+      this.$emit('doback')
+    },
+  }
+}
+</script>
+
+<style scoped></style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/relation/shangzhuangInfo.vue

@@ -0,0 +1,158 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>上装配置信息</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="">
+      <div class="titwu"><span>上装配置信息</span></div>
+      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>主车车架号</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.vinNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty spanOneWidth"><span>车型</span></div>
+            <el-form-item><span class="addinputInfo addinputwOne">{{ formobj.modelName }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div v-for="(item, index) in formobj.vehillModelList" :key="index">
+          <div class="title">上装{{ index + 1 }}</div>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty spanOneWidth"><span>成交价</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.topPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>车辆功能</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.vehicleTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>上装名称</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.installNameValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>委改方式</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.refitMethodValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>供应商</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.refitFactory }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>货箱内部尺寸</span></div>
+              <el-form-item>
+                <div class="addinputInfo addinputwOne">
+                  长<span class="inputStyle">{{ item.wk_long }}</span>mm,
+                  宽<span class="inputStyle">{{ item.wk_wide }}</span>mm,
+                  高<span class="inputStyle">{{ item.wk_high }}</span>mm
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>颜色</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.colorValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>板材材质</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.plateMaterialValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>板材厚度</span></div>
+              <el-form-item>
+                <div class="addinputInfo addinputwOne">
+                  底<span class="inputStyle">{{ item.plateThicknessBottom }}</span>mm,
+                  边<span class="inputStyle">{{ item.plateThicknessEdge }}</span>mm
+                </div>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>篷布滑道</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.tarpaulinSlide }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>冷藏冷机</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.refrigerator }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>自卸液压盖板</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.selfUnHyCoPl }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty spanOneWidth"><span>底板加热</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.floorHeating }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty spanOneWidth"><span>更多配置</span></div>
+              <el-form-item><span class="addinputInfo addinputwOne">{{ item.moreConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'ShangZhuangInfo',
+  data() {
+    return {
+      formobj: {
+        modelName: '',
+        vinNo: '',
+        vehillModelList: []
+      }
+    }
+  },
+  methods: {
+    handleReturn() {
+      this.formobj = {
+        modelName: '',
+        vinNo: '',
+        vehillModelList: []
+      }
+      this.$emit('doback')
+    },
+    showInfo(data) {
+     this.formobj = data
+    }
+  }
+}
+</script>
+
+<style scoped>
+.spanOneWidth {
+  width: 110px !important;
+}
+.addinputwOne {
+  margin-left: 110px !important;
+}
+.inputStyle {
+  display: inline-block;
+  margin: 0 5px;
+}
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
+</style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/relation/userEdit.vue

@@ -2,84 +2,130 @@
   <div class="app-container">
     <div v-show="visible">
       <div class="tab-header webtop">
-        <div>录入使用人信息</div>
+        <div>录入实际购车人信息</div>
         <!-- <div v-else></div> -->
         <div>
           <el-button type="primary" size="small" :disabled="createBtn" @click="handleCreate()">保存</el-button>
-          <el-button type="info" size="small" @click="handleReturn()">返回</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
       <div class="">
-        <el-form ref="dataForm" :model="tempUser" :rules="rules" label-position="right" class="formadd">
-          <div class="tit">录入使用人信息</div>
-          <el-row>
-            <el-col :span="4" class="topBor">
-              <span>合同编号</span>
+        <div class="titwu">实际购车人信息</div>
+        <el-form ref="dataForm" :model="tempUser" :rules="rules" class="formadd">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="4" class="tleftb">
+              <span>是否为实际购车人</span>
             </el-col>
-            <el-col :span="10" class="topBor">
-              <el-form-item prop="contractNo">
-                <span slot="label">{{ tempUser.contractNo }}</span>
+            <el-col :span="20">
+              <el-form-item>
+                <el-radio-group class="addinputw" style="font-size: 1px" v-model="tempUser.isConfirmRealBuyer">
+                  <el-radio label="1">是</el-radio>
+                  <el-radio label="0">否</el-radio>
+                </el-radio-group>
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row>
-            <el-col :span="4">
-              <span>车架号</span>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span><span class="icon">*</span>客户类型</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="vinNo">
-                <span slot="label">{{ tempUser.vinNo }}</span>
+            <el-col :span="20">
+              <el-form-item>
+                <el-select v-model="tempUser.customerType" placeholder="请选择" @change="changeMerType" clearable class="addinputw addinputwOne">
+                  <el-option v-for="item in merType" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
+                </el-select>
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row>
-            <el-col :span="4">
-              <span>客户名称</span>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span><span class="icon">*</span>客户名称</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.name" placeholder="" class="addinputw addinputwOne" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="tempUser.customerTypeKey == '2' && tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span>联系人</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.contacts" placeholder="" class="addinputw addinputwOne" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span><span class="icon">*</span>联系电话</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="name">
-                <el-input v-model="tempUser.name" maxlength="125" placeholder="" class="addinputw" clearable/>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.mobile" placeholder="" class="addinputw addinputwOne" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span>证件号码</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.idNumber" placeholder="" class="addinputw addinputwOne" clearable/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="tempUser.isConfirmRealBuyer =='1'">
+            <el-col :span="4" class="tleftb">
+              <span>通讯地址</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.address" placeholder="" class="addinputw addinputwTwo" clearable/>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">
-              <span>联系电话</span>
+            <el-col :span="4" class="tleftb">
+              <span>车架号</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="mobile">
-                <el-input v-model="tempUser.mobile" maxlength="125" placeholder="" class="addinputw" clearable/>
+            <el-col :span="20">
+              <el-form-item>
+                <span slot="label">{{ tempUser.vin }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">
-              <span>证件号码</span>
+            <el-col :span="4" class="tleftb">
+              <span>合同编号</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="idNo">
-                <el-input v-model="tempUser.idNo" maxlength="125" placeholder="" class="addinputw" clearable/>
+            <el-col :span="20">
+              <el-form-item>
+                <span slot="label">{{ tempUser.contractNo }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">
-              <span>联系地址</span>
+            <el-col :span="4" class="tleftb">
+              <span>备注</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="address">
-                <el-input v-model="tempUser.address" maxlength="125" placeholder="" class="addinputw" clearable/>
+            <el-col :span="20">
+              <el-form-item>
+                <el-input v-model="tempUser.remarks" placeholder="" class="addinputw addinputwTwo" clearable/>
               </el-form-item>
             </el-col>
           </el-row>
         </el-form>
       </div>
     </div>
-
   </div>
 </template>
 
 <script>
+import { typeValues } from '@/api/dictcommons/dictcommons'
+
 export default {
   name: 'userEdit',
   components: {},
@@ -89,14 +135,24 @@ export default {
       index: 0,
       disabled: false, // 保存、提交按钮状态
       createBtn: false,
+      merType: [],
+      state: '',
       // --按钮菜单-------
       visible: true,
       listLoading: false,
       tempUser: {
-        contractNo: '',
-        vinNo: '',
-        sid: ''
-      }, // 添加和修改
+        address: '',
+        contacts: '',
+        customerType: '',
+        customerTypeKey: '',
+        idNumber: '',
+        isConfirmRealBuyer: '',
+        mobile: '',
+        name: '',
+        remarks: '',
+        vin: '',
+        contractNo: ''
+      },
       rules: {}
     }
   },
@@ -106,14 +162,11 @@ export default {
   methods: {
     // ------------ 页面初始化 ------------
     init() {
-      this.tempUser = {
-        contractNo: '',
-        vinNo: '',
-        name: '',
-        mobile: '',
-        idNo: '',
-        address: ''
-      }
+      typeValues({ type: 'customerType' }).then((res) => {
+        if (res.success) {
+          this.merType = res.data
+        }
+      })
     },
     showAdd(contractNo, vinNo) {
       this.init()
@@ -122,9 +175,9 @@ export default {
       })
       this.state = 'add'
       this.tempUser.contractNo = contractNo
-      this.tempUser.vinNo = vinNo // 多个的话是以逗号隔开的字符串
+      this.tempUser.vin = vinNo // 多个的话是以逗号隔开的字符串
     },
-    showEdit(useMessage, vinNo) {
+    showEdit(useMessage, contractNo) {
       this.init()
       this.$nextTick(() => {
         this.$refs['dataForm'].clearValidate()
@@ -132,25 +185,55 @@ export default {
       console.log('编辑拿到的信息', useMessage)
       this.state = 'edit'
       this.tempUser = useMessage
-      this.tempUser.vinNo = vinNo
+      this.tempUser.contractNo = contractNo
     },
     // ------------ 功能实现 ------------
+    changeMerType(val) {
+      const choose = this.merType.filter((item) => item.dictValue === val)
+      this.tempUser.customerTypeKey = choose[0].dictKey
+    },
     // 添加数据
     handleCreate() {
+      if (this.tempUser.isConfirmRealBuyer === '1') {
+        if (this.tempUser.customerType === '') {
+          this.$message({ showClose: true, type: 'error', message: '客户类型不能为空' })
+          return
+        }
+        if (this.tempUser.name === '') {
+          this.$message({ showClose: true, type: 'error', message: '客户名称不能为空' })
+          return
+        }
+        if (this.tempUser.mobile === '') {
+          this.$message({ showClose: true, type: 'error', message: '联系电话不能为空' })
+          return
+        }
+      } else {
+        if (this.tempUser.remarks === '') {
+          this.$message({ showClose: true, type: 'error', message: '因实际购车人选择否,请填写备注' })
+          return
+        }
+      }
       this.$refs['dataForm'].validate((valid) => {
         if (valid) {
           this.createBtn = true
+          if (this.tempUser.isConfirmRealBuyer === '0') {
+            this.tempUser.address = ''
+            this.tempUser.idNumber = ''
+            this.tempUser.mobile = ''
+            this.tempUser.customerType = ''
+            this.tempUser.customerTypeKey = ''
+            this.tempUser.contacts = ''
+            this.tempUser.name = ''
+          }
           if (this.state === 'add') {
-            this.createBtn = false
             console.log('新增保存数据', this.tempUser)
             const aa = this.tempUser
-            this.$emit('returnInfo', aa)
+            this.$emit('backUser', aa)
             this.handleReturn()
           } else {
-            this.createBtn = false
             console.log('修改保存数据', this.tempUser)
             const bb = this.tempUser
-            this.$emit('returnInfo', bb)
+            this.$emit('backUser', bb)
             this.handleReturn()
           }
         }
@@ -158,39 +241,36 @@ export default {
     },
     // 返回
     handleReturn() {
+      this.tempUser = {
+        address: '',
+        contacts: '',
+        customerType: '',
+        customerTypeKey: '',
+        idNumber: '',
+        isConfirmRealBuyer: '',
+        mobile: '',
+        name: '',
+        remarks: '',
+        vin: '',
+        contractNo: ''
+      }
+      this.createBtn = false
       this.$emit('doback')
     }
   }
 }
 </script>
 <style scoped>
-.tit {
-  margin: 45px 0 66px 0;
-  padding: 10px 0 0 0;
-  border: 0;
-}
-
-/deep/ .el-row {
-  display: flex;
-  justify-content: center;
-  border-left: 0;
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
 }
-
-.topBor {
-  border-top: 1px solid #e0e3eb;
-}
-
-/deep/ .el-form-item__content {
-  margin-left: 0 !important;
+.addinputwOne {
+  width: 20% !important;
 }
 
-/deep/ .el-col-4 {
-  text-align: right;
-  float: left;
-  font-size: 14px;
-  color: #606266;
-  line-height: 40px !important;
-  font-weight: 600;
-  border-left: 1px solid #e0e3eb;
+.addinputwTwo {
+  width: 40% !important;
 }
 </style>

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/chukuguanliFlow/chukuguanli/relation/userInfo.vue

@@ -2,78 +2,107 @@
   <div class="app-container">
     <div>
       <div class="tab-header webtop">
-        <div>录入使用人信息</div>
+        <div>实际购车人信息</div>
         <div>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
       <div class="">
-        <el-form ref="dataForm" :model="tempUserLook" :rules="rules" label-position="right" class="formadd">
-          <div class="tit">录入使用人信息</div>
-          <el-row>
-            <el-col :span="4" class="topBor">
-              <span>合同编号</span>
+        <div class="titwu">实际购车人信息</div>
+        <el-form ref="dataForm" :model="tempUserLook" :rules="rules" class="formadd">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="4" class="tleftb">
+              <span>客户类型</span>
             </el-col>
-            <el-col :span="10" class="topBor">
-              <el-form-item prop="contractNo">
-                <span>{{ tempUserLook.contractNo }}</span>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.customerType }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">
-              <span>车架号</span>
+            <el-col :span="4" class="tleftb">
+              <span>客户名称</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="vinNo">
-                <span>{{ tempUserLook.vinNo }}</span>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.name }}</span>
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row>
-            <el-col :span="4">
-              <span>客户名称</span>
+          <el-row v-show="tempUserLook.customerTypeKey == '2'">
+            <el-col :span="4" class="tleftb">
+              <span>联系人</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="name">
-                <span>{{ tempUserLook.name }}</span>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.contacts }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">
+            <el-col :span="4" class="tleftb">
               <span>联系电话</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="mobile">
+            <el-col :span="20">
+              <el-form-item>
                 <span>{{ tempUserLook.mobile }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">
+            <el-col :span="4" class="tleftb">
               <span>证件号码</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="idNo">
-                <span>{{ tempUserLook.idNo }}</span>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.idNumber }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">
-              <span>联系地址</span>
+            <el-col :span="4" class="tleftb">
+              <span>通讯地址</span>
             </el-col>
-            <el-col :span="10">
-              <el-form-item prop="address">
+            <el-col :span="20">
+              <el-form-item>
                 <span>{{ tempUserLook.address }}</span>
               </el-form-item>
             </el-col>
           </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>车架号</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.vin }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>合同编号</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.contractNo }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="4" class="tleftb">
+              <span>备注</span>
+            </el-col>
+            <el-col :span="20">
+              <el-form-item>
+                <span>{{ tempUserLook.remarks }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
         </el-form>
       </div>
     </div>
-
   </div>
 </template>
 
@@ -91,12 +120,13 @@ export default {
     }
   },
   methods: {
-    showInfo(useMessage) {
+    showInfo(contractNo, useMessage) {
       this.$nextTick(() => {
         this.$refs['dataForm'].clearValidate()
       })
       console.log('详情拿到的信息', useMessage)
       this.tempUserLook = useMessage
+      this.tempUserLook.contractNo = contractNo
     },
     // 返回
     handleReturn() {
@@ -106,33 +136,9 @@ export default {
 }
 </script>
 <style scoped>
-.tit {
-  margin: 45px 0 66px 0;
-  padding: 10px 0 0 0;
-  border: 0;
-}
-
-/deep/ .el-row {
-  display: flex;
-  justify-content: center;
-  border-left: 0;
-}
-
-.topBor {
-  border-top: 1px solid #e0e3eb;
-}
-
-/deep/ .el-form-item__content {
-  margin-left: 0 !important;
-}
-
-/deep/ .el-col-4 {
-  text-align: right;
-  float: left;
-  font-size: 14px;
-  color: #606266;
-  line-height: 40px !important;
-  font-weight: 600;
-  border-left: 1px solid #e0e3eb;
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
 }
 </style>