完善出库审核

anrui-scm/anrui-scm-ui/src/api/examinePage/chukushenhe.js

@@ -1,11 +1,35 @@
 import request from '@/utils/request'
 
-// 出库申请初始化/详情 已改
+// 待出库车辆选择后--返回出库申请页面调用初始化
-export function fetchDetailsBySid(params) {
+export function getRetrievalApplyInfo(data) {
   return request({
-    url: '/buscenter/v1/busdeliveredapply/fetchDetailsBySid',
+    url: '/buscenter/v1/busdelivered/getRetrievalApplyInfo',
     method: 'post',
-    data: params,
+    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'
     }
@@ -24,17 +48,13 @@ export function listExaminePage(params) {
   })
 }
 
-// 出库分页列表 已改
+// 销售订单--编辑、详情初始化
-// export function examine(params) {
+export function fetchDetailsBySid(data) {
-//   return request({
+  return request({
-//     url: '/buscenter/v1/busdeliveredapply/examine',
+    url: '/buscenter/v1/bussalesorder/fetchDetailsBySid/' + data,
-//     method: "post",
+    method: 'get'
-//     data: params,
+  })
-//     headers: {
+}
-//       'Content-Type': 'application/json'
-//     }
-//   });
-// }
 
 // 同意
 export function complete(data) {
@@ -69,27 +89,3 @@ export function breakProcess(data) {
     }
   })
 }
-
-// 模糊搜索客户
-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
-    // headers: {
-    //   'Content-Type':'multipart/form-data',
-    // }
-  })
-}

anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/chukushenhe.vue

@@ -4,57 +4,62 @@
       <button-bar view-title="出库审核" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
       <div class="main-content">
         <div class="searchcon">
-          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{searchxianshitit }}
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
-          </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-input v-model="listQuery.params.name" placeholder="" clearable class="filter-item"/>
-                  <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-form-item>
               <el-form-item label="申请日期">
-                <div class="block">
+                <el-date-picker v-model="listQuery.params.applyDateStart" type="date" placeholder="选择日期"  value-format="yyyy-MM-dd" clearable></el-date-picker>
-                  <el-date-picker v-model="listQuery.params.applyDateStart" type="date" placeholder="选择日期" clearable></el-date-picker>
+                <span style="padding: 0 8px">至</span>
-                </div>
+                <el-date-picker v-model="listQuery.params.applyDateEnd" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" clearable></el-date-picker>
-                <label>至</label>
-                <div class="block">
-                  <el-date-picker v-model="listQuery.params.applyDateEnd" type="date" placeholder="选择日期" clearable></el-date-picker>
-                </div>
               </el-form-item>
             </el-form>
-            <div class="searchbtns">
+            <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-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 :key="tableKey" v-loading="listLoading" :data="list" :border="true" fit highlight-current-row style="width: 100%" @selection-change="handleSelectionChange">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" fit highlight-current-row style="width: 100%;">
-            <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 fixed width="150px" label="操作" align="center">
+            <el-table-column fixed width="220px" label="操作" align="center">
+              <template slot-scope="scope">
+                <el-button size="small" :disabled="scope.row.nodeState == '已办结'" type="primary" @click="toEdit(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">
-                <div class="searchbtns">
+                <span v-if="scope.row.nodeState == '待提交'" type="primary" size="mini">待提交</span>
-                  <el-button v-show="scope.row.nodeState !== '已办结' && scope.row.nodeState !== '已终止'" size="small" type="primary" @click="handleCheck(scope.row)">办理</el-button>
+                <span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
-                  <el-button size="small" type="primary" @click="handleLooK(scope.row)">查看</el-button>
-                </div>
               </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.billNo }}</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">
@@ -67,7 +72,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>
@@ -78,22 +93,28 @@
               </template>
             </el-table-column>
           </el-table>
-          <div class="pages">
-            <div class="tit"/>
-            <!-- 翻页 -->
-            <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
-          </div>
         </div>
+        <!--End 主页面主要部分-->
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <!--End查询列表部分-->
       </div>
     </div>
     <chukushenqing-info v-show="viewState == 2" ref="divInfo" @doback="resetState" @reloadlist="getList"/>
     <chukushenheInfo v-show="viewState == 3" ref="divLook" @doback="resetState"/>
+    <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 { listExaminePage, customerName } from '@/api/examinePage/chukushenhe'
+import { listExaminePage } from '@/api/examinePage/chukushenhe'
-import { setuser } from '@/utils/baocun'
+import { typeValues } from '@/api/cheliang/dictcommons'
+import { getStorage } from '@/utils/auth'
 import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
 import chukushenqingInfo from './chukushenheTodo'
@@ -111,6 +132,9 @@ export default {
   },
   data() {
     return {
+      url: '',
+      dialogHeight: '80%',
+      centerDialogVisible: false,
       btndisabled: false,
       viewTitle: '',
       // 主页面：隐藏查询条件按钮
@@ -119,12 +143,10 @@ export default {
       viewState: 1, // 1、列表 2、审批
       // 查询 -----------
       tableKey: 0,
-      customerList: [],
       list: [],
-      sids: [], // 用于导出的时候保存已选择的SIDs
+      payType: [],
       FormLoading: false,
       listLoading: false,
-      typeList: [], // 选择器
       // 翻页
       listQuery: {
         current: 1,
@@ -134,9 +156,11 @@ export default {
           applyDateEnd: '', // 申请日期结束时间
           applyDateStart: '', // 申请日期开始时间
           applyName: '', // 申请人
-          staffSid: '', // 申请人sid
+          applySid: '', // 申请人sid
           contractNo: '', // 合同编号
-          name: '' // 客户名称
+          name: '', // 客户名称
+          paymentMethodKey: '',
+          orgPath: ''
         }
       },
       btnList: [
@@ -155,13 +179,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 = '/#/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)
@@ -173,15 +232,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
@@ -202,18 +252,6 @@ export default {
         this.searchxianshitit = '显示查询条件'
       }
     },
-    // 信息条数 获取点击时当前的sid
-    handleSelectionChange(row) {
-      console.log('开票', row)
-      const aa = []
-      const bb = []
-      row.forEach((element) => {
-        aa.push(element.sid)
-        setuser(this.sids) // 用于导出的时候保存已选择的sids
-      })
-      this.sids = aa
-      console.log('sids数组', this.sids)
-    },
     // 查询按钮
     handleFilter() {
       this.listQuery.current = 1
@@ -229,9 +267,11 @@ export default {
           applyDateEnd: '', // 申请日期结束时间
           applyDateStart: '', // 申请日期开始时间
           applyName: '', // 申请人
-          staffSid: '', // 申请人sid
+          applySid: '', // 申请人sid
           contractNo: '', // 合同编号
-          name: '' // 客户名称
+          name: '', // 客户名称
+          paymentMethodKey: '',
+          orgPath: ''
         }
       }
       this.getList()
@@ -240,16 +280,11 @@ export default {
     // 查询列表信息
     getList() {
       this.listLoading = true
-      this.listQuery.params.staffSid = window.sessionStorage.getItem('staffSid')
+      this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
       listExaminePage(this.listQuery).then((response) => {
-        // 拦截器
         this.listLoading = false
         console.log(response)
-        if (
+        if (response.success) {
-          response.code === '200' &&
-          response.data &&
-          response.data.total > 0
-        ) {
           this.list = response.data.records
           this.listQuery.total = response.data.total
         } else {
@@ -259,11 +294,11 @@ export default {
       })
     },
     // 打开查看
-    handleCheck(row) {
+    toEdit(row) {
       this.viewState = 2
       this.$refs['divInfo'].showInfo(row.sid)
     },
-    handleLooK(row) {
+    toInfo(row) {
       this.viewState = 3
       this.$refs['divLook'].showInfo(row.sid)
     },
@@ -277,52 +312,4 @@ export default {
 </script>
 
 <style scoped>
-.block {
-  display: inline-block;
-}
-
-label {
-  padding: 0 6px;
-}
-
-.searchbtns {
-  margin: 10px 0;
-  text-align: center;
-}
-
-/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;
-}
-.listtop {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border: 1px solid #dfe4ed;
-  height: 40px;
-}
-.tit {
-  margin-bottom: -10px;
-}
-.pagination {
-  margin-bottom: -10px;
-}
 </style>

anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/chukushenheInfo.vue

@@ -8,155 +8,247 @@
         </div>
       </div>
       <div class="listconadd">
-        <el-form ref="dataForm" :model="temp" label-position="right" label-width="100%" class="formadd" :rules="rules">
+        <div class="titwu">出库申请</div>
-          <div class="tit">
+        <el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
-            出库申请
+          <el-row style="border-top: 1px solid #E0E3EB">
-            <div class="times">
+            <el-col :span="8">
-              <div>
+              <div class="span-sty">发起部门</div>
-                <span>合同编号：</span><span>{{ temp.contractNo }}</span>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyDept }}</span></el-form-item>
-              </div>
+            </el-col>
-              <div>
+            <el-col :span="8">
-                <span>申请日期：</span><span>{{ temp.applyDate }}</span>
+              <div class="span-sty">发起人</div>
-              </div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyName }}</span></el-form-item>
-            </div>
+            </el-col>
-          </div>
+            <el-col :span="8">
-          <el-row class="nothingBorder">
+              <div class="span-sty">发起日期</div>
-            <el-col :span="2"/>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
-            <el-col :span="4">
+            </el-col>
-              <el-form-item><span slot="label">客户名称：</span></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 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-col :span="12">
-              <el-form-item>
+              <div class="span-sty">联系电话</div>
-                {{ temp.name }}
+              <el-form-item><span class="addinputInfo">{{ formobj.loanMobile }}</span></el-form-item>
-              </el-form-item>
             </el-col>
-            <el-col :span="4">
+          </el-row>
-              <el-form-item
+          <el-row>
-              ><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-col :span="8">
-              <el-form-item> <!-- -->
+              <div class="span-sty">单车中介费1</div>
-                <el-radio v-model="temp.isTerminal" disabled :label="0">否</el-radio>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPrice }}</span></el-form-item>
-                <el-radio v-model="temp.isTerminal" disabled :label="1">是</el-radio>
+            </el-col>
-              </el-form-item>
+            <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-col :span="2"/>
           </el-row>
           <el-row>
-            <el-col :span="2"/>
+            <el-col :span="8">
-            <el-col :span="4">
+              <div class="span-sty">中介人2</div>
-              <el-form-item><span slot="label">车型：</span></el-form-item>
+              <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="6">
+            <el-col :span="8">
-              <el-form-item>
+              <div class="span-sty">中介服务费2合计</div>
-                <span>{{ temp.modelName }}</span>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceTwoAll }}</span></el-form-item>
-              </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 class="title">车辆信息</div>
+            <div>车辆信息</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button>
+            </div>
           </div>
-          <!--@selection-change="handleSelectionChange"-->
+          <el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.carList" border style="width: 100%" :index="index">
-          <el-table v-loading="listLoading" :data="detailsList" border style="width: 100%" :index="index" fit>
+            <el-table-column fixed align="center" label="序号" type="index" :index="index + 1" width="60"/>
-            <!--            <el-table-column type="selection" align="center" width="50"/>-->
+            <el-table-column label="车架号" align="center" width="100">
-            <el-table-column align="center" label="序号" type="index" width="50"/>
-            <el-table-column label="车架号" align="center">
               <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="medium" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看
+                <span v-if="formobj.typeKey == '2'" class="bluezi" @click="lookUser(scope.row.realBuyer)">{{ scope.row.realBuyer.name }}</span>
-                </el-button>
+                <span v-else>{{ scope.row.realBuyer.name }}</span>
-                <span v-show="temp.isTerminal == 0 && scope.row.isExist == '0'">无</span>
               </template>
             </el-table-column>
-            <el-table-column label="备注" header-align="center" align="left">
+            <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-column label="款、票情况" align="center" width="120">
+              <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"/>
+    <guacheInfo v-show="viewState == 3" ref="divCheInfo" @doback="resetState"/>
+    <shangzhuangInfo v-show="viewState == 4" ref="divZhuangInfo" @doback="resetState"/>
+    <xiaoshoudingdanInfo v-show="viewState == 5" ref="divInfo" @doback="resetState"/>
+    <paymentticket v-show="viewState == 6" ref="divPaymentInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
-import { fetchDetailsBySid } from '@/api/examinePage/chukushenhe'
+import { getRetrievalApplyInfo, trailerList } from '@/api/examinePage/chukushenhe'
 import userInfoLook from './relation/userInfoLook'
+import guacheInfo from './relation/guacheInfo'
+import shangzhuangInfo from './relation/shangzhuangInfo'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
+import paymentticket from './relation/paymentticket'
 
 export default {
-  name: 'chukushenheInfo',
+  name: 'chukushenqingInfo',
   components: {
-    userInfoLook
+    userInfoLook,
+    guacheInfo,
+    shangzhuangInfo,
+    xiaoshoudingdanInfo,
+    paymentticket
   },
   data() {
     return {
-      viewTitle: '',
+      tableKey: 0,
       index: 0,
-      disabled: false, // 保存、提交按钮状态
-      createBtn: false,
-      dialogStatus: 'add', // 提交状态
       // --按钮菜单-------
       viewState: 1,
-      // ===
       listLoading: false,
-      list: [],
+      formobj: {
-      temp: {
+        carList: [],
-        applyName: window.sessionStorage.getItem('name'), // 申请人
+        configSid: '',
-        applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
+        contractId: '',
-        contractNo: '', // 合同编号
+        createTime: '',
-        isTerminal: 3, // 是否是终端 1是，0不是
+        customerSid: '',
-        modelName: '', // 车型别名
+        loanMobile: '',
-        name: '', // 客户名称
+        loanName: '',
+        loanSid: '',
+        mobile: '',
+        modelName: '',
+        modelSid: '',
+        name: '',
+        orgPath: '',
+        paymentMethod: '',
+        paymentMethodKey: '',
+        pcApplyDept: '',
+        pcApplyDeptSid: '',
+        pcApplyName: '',
+        pcApplySid: '',
+        pcDistributorName: '',
+        pcDistributorNameTwo: '',
+        pcDistributorPrice: '',
+        pcDistributorPriceAll: '',
+        pcDistributorPriceTwo: '',
+        pcDistributorPriceTwoAll: '',
+        price: '',
+        procInstId: '',
+        remarks: '',
         sid: '',
-        applyDate: '', // 申请日期
+        staffDeptName: '',
-        detailsList: []
+        staffDeptSid: '',
-      }, // 添加和修改
+        staffName: '',
-      detailsList: [
+        pcStaffSid: '',
-        {
+        taskId: '',
-          price: '', // 成交价
+        type: '',
-          remarks: '', // 备注
+        typeKey: '',
-          vinNo: '', //  车架号
+        userSid: '',
-          useMessage: {}
+        discountLeave: []
-        }
+      },
-      ],
+      arguments: {
-      sids: [],
+        list: [],
-      vinNo_info: '',
+        userSid: '',
+        orgPath: '',
+        contractId: '',
+        outboundSid: '',
+        pcView: true
+      },
       rules: {}
     }
   },
-  created() {
-    // 初始化变量
-    this.init()
-  },
   methods: {
     // ------------ 页面初始化 ------------
-    init() {
-      this.temp = {
-        applyName: window.sessionStorage.getItem('name'), // 申请人
-        applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
-        contractNo: '', // 合同编号
-        isTerminal: 3, // 是否是终端 1是，0不是
-        modelName: '', // 车型别名
-        name: '', // 客户名称
-        sid: '',
-        applyDate: '', // 申请日期
-        detailsList: [],
-        isUse: false
-      }
-    },
     resetState() {
       this.viewState = 1
     },
@@ -164,95 +256,131 @@ 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.formobj = response.data
-          this.temp.sid = sid
+        }
-          this.detailsList = response.data.listVo
+      })
-          for (var i = 0; i < this.detailsList.length; i++) {
+    },
-            if (this.detailsList[i].useMessage.vinNo !== '') {
+    // 车辆信息表--赠送套餐
-              this.detailsList[i].isExist = '1'
+    price(row) {
-            }
+      var aa = 0
-            if (this.detailsList[i].useMessage.vinNo == '') {
+      for (var i = 0; i < row.discountUse.length; i++) {
-              this.detailsList[i].isExist = '0'
+        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)
           }
-          this.temp = JSON.parse(JSON.stringify(this.temp).replace(/listVo/g, 'detailsList'))
-          console.log('isTerminal', this.temp.isTerminal)
         }
       })
     },
     // 查看用户人信息
-    lookUserInfo(vinNo) {
+    lookUser(row) {
       this.viewState = 2
-      for (var i = 0; i < this.detailsList.length; i++) {
+      this.$refs['divUserInfo'].showInfo(this.formobj.contractId, row)
-        if (this.detailsList[i].vinNo == vinNo) {
+    },
-          let useMessage = {}
+    // 查看销售订单
-          useMessage = this.detailsList[i].useMessage
+    handleLookByDingDan() {
-          this.$refs['divUserInfo'].showInfo(useMessage, vinNo)
+      this.viewState = 5
-        }
+      this.$refs['divInfo'].showInfo({ sid: this.formobj.busSalesOrderSid })
-      }
     },
+    // 查看款、票情况
+    lookPayment(row) {
+      this.viewState = 6
+      this.$refs['divPaymentInfo'].showInfo(this.formobj.contractId, row)
+    },
+    // ------------ 功能实现 ------------
     // 返回
-    handleReturn(isreload) {
+    handleReturn() {
-      if (isreload === 'true') this.$emit('reloadlist')
       this.$refs['dataForm'].resetFields()
+      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: '',
+        staffDeptName: '',
+        staffDeptSid: '',
+        staffName: '',
+        pcStaffSid: '',
+        taskId: '',
+        type: '',
+        typeKey: '',
+        userSid: '',
+        discountLeave: []
+      }
       this.$emit('doback')
     }
   }
 }
 </script>
 <style scoped>
-.tit {
+.title {
-  margin: 0 0 20px 0;
+  padding: 7px;
-  padding: 10px 0 0 0;
-}
-
-.times {
   display: flex;
   flex-direction: row;
-  justify-content: space-around;
+  justify-content: space-between;
-  padding: 30px 0 10px 0;
+  align-items: center;
-  margin: 0 auto 0px auto;
-  width: 70%;
-  font-size: 14px;
 }
-
+.span-sty {
-.formadd /deep/ .el-row {
+  width: 120px !important;
-  border: 0;
 }
-
+.addinputInfo {
-.formadd /deep/ .el-col {
+  margin-left: 110px !important;
-  border: 0;
 }
-
+/*表格列设置fixed后固定列出现下边框的设置*/
-/deep/ .el-form-item__content {
+/deep/ .el-table__fixed {
-  margin-left: 0 !important;
+  height: 100% !important;
 }
-
+/*表格列设置fixed后固定列出现下边框的设置*/
-.titcon {
+/deep/ .el-table__fixed-right {
-  border: 1px solid #e0e3eb;
+  height: 100% !important;
-}
-
-.titcon,
-.title {
-  background-color: white;
-  color: black;
-}
-
-.formadd {
-  padding: 20px 0;
-}
-
-.formadd .tit {
-  font-size: 32px;
-  border-bottom: 1px solid #e0e3eb;
-  text-align: center;
-  margin: 0 0 20px 0;
-  padding: 20px 0;
-}
-
-.formadd .el-row .el-col {
-  padding: 0 !important;
 }
 </style>

anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/chukushenheTodo.vue

@@ -4,165 +4,255 @@
       <div class="tab-header webtop">
         <div>出库申请详情</div>
         <div>
+          <el-button type="primary" size="small" :disabled="disabled" @click="handleAgree()">同意</el-button>
           <el-button type="primary" size="small" :disabled="disabled" @click="handleReject()">驳回</el-button>
-          <el-button type="primary" size="small" :disabled="createBtn" @click="handleAgree()">同意</el-button>
           <el-button type="primary" size="small" :disabled="disabled" @click="handleDisagree()">不同意</el-button>
           <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
       <div class="listconadd">
-        <el-form ref="dataForm" :model="temp" label-position="right" label-width="100%" class="formadd" :rules="rules">
+        <div class="titwu">出库申请</div>
-          <div class="tit">
+        <el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
-            出库申请
+          <el-row style="border-top: 1px solid #E0E3EB">
-            <div class="times">
+            <el-col :span="8">
-              <div>
+              <div class="span-sty">发起部门</div>
-                <span>合同编号：</span><span>{{ temp.contractNo }}</span>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyDept }}</span></el-form-item>
-              </div>
+            </el-col>
-              <div>
+            <el-col :span="8">
-                <span>申请日期：</span><span>{{ temp.applyDate }}</span>
+              <div class="span-sty">发起人</div>
-              </div>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcApplyName }}</span></el-form-item>
-            </div>
+            </el-col>
-          </div>
+            <el-col :span="8">
-          <el-row class="nothingBorder">
+              <div class="span-sty">发起日期</div>
-            <el-col :span="2"/>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
-            <el-col :span="4">
+            </el-col>
-              <el-form-item><span slot="label">客户名称：</span></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 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="6">
+            <el-col :span="8">
-              <el-form-item>
+              <div class="span-sty">单车中介费1</div>
-                {{ temp.name }}
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPrice }}</span></el-form-item>
-              </el-form-item>
             </el-col>
-            <el-col :span="4">
+            <el-col :span="8">
-              <el-form-item
+              <div class="span-sty">中介服务费1合计</div>
-              ><span slot="label">是否为终端客户：</span></el-form-item>
+              <el-form-item><span class="addinputInfo">{{ formobj.pcDistributorPriceAll }}</span></el-form-item>
             </el-col>
-            <el-col :span="6">
+          </el-row>
-              <el-form-item> <!-- -->
+          <el-row>
-                <el-radio v-model="temp.isTerminal" disabled :label="0">否</el-radio>
+            <el-col :span="8">
-                <el-radio v-model="temp.isTerminal" disabled :label="1">是</el-radio>
+              <div class="span-sty">中介人2</div>
-              </el-form-item>
+              <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-col :span="2"/>
           </el-row>
           <el-row>
-            <el-col :span="2"/>
+            <el-col :span="8">
-            <el-col :span="4">
+              <div class="span-sty">车型</div>
-              <el-form-item><span slot="label">车型：</span></el-form-item>
+              <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="6">
+            <el-col :span="8">
-              <el-form-item>
+              <div class="span-sty">实际购车人</div>
-                <span>{{ temp.modelName }}</span>
+              <el-form-item><span class="addinputInfo">{{ formobj.type }}</span></el-form-item>
-              </el-form-item>
             </el-col>
-            <el-col :span="12"/>
           </el-row>
           <!--Start 预订车辆信息-->
-          <div class="titcon">
+          <div class="title">
-            <div class="title">车辆信息</div>
+            <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 :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.carList" border style="width: 100%" :index="index">
-            <el-table-column align="center" label="序号" type="index" width="50"/>
+            <el-table-column fixed align="center" label="序号" type="index" :index="index + 1" width="60"/>
-            <el-table-column label="车架号" align="center">
+            <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.vinNo }}</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.price }}</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-button v-show="scope.row.isExist == '1'" size="medium" type="primary" @click="lookUserInfo(scope.row.vinNo)" class="btntopbluebut">查看
+                <span>{{ scope.row.discount }}</span>
-                </el-button>
-                <span v-show="temp.isTerminal == 0 && scope.row.isExist == '0'">无</span>
               </template>
             </el-table-column>
-            <el-table-column label="备注" align="center">
+            <el-table-column label="备注" align="center" min-width="200">
               <template slot-scope="scope">
-                <span>{{ scope.row.remarks }}</span>
+                <span>{{ remarks(scope.row) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="款、票情况" align="center" width="120">
+              <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"/>
+    <guacheInfo v-show="viewState == 3" ref="divCheInfo" @doback="resetState"/>
+    <shangzhuangInfo v-show="viewState == 4" ref="divZhuangInfo" @doback="resetState"/>
+    <xiaoshoudingdanInfo v-show="viewState == 5" ref="divInfo" @doback="resetState"/>
+    <paymentticket v-show="viewState == 6" ref="divPaymentInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
-import { fetchDetailsBySid, reject, complete, breakProcess } from '@/api/examinePage/chukushenhe'
+import { getRetrievalApplyInfo, trailerList, reject, complete, breakProcess } from '@/api/examinePage/chukushenhe'
 import userInfoLook from './relation/userInfoLook'
+import guacheInfo from './relation/guacheInfo'
+import shangzhuangInfo from './relation/shangzhuangInfo'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
+import paymentticket from './relation/paymentticket'
 
 export default {
   name: 'chukushenheTodo',
   components: {
-    userInfoLook
+    userInfoLook,
+    guacheInfo,
+    shangzhuangInfo,
+    xiaoshoudingdanInfo,
+    paymentticket
   },
   data() {
     return {
-      viewTitle: '',
+      tableKey: 0,
       index: 0,
-      disabled: false, // 保存、提交按钮状态
-      createBtn: false,
-      dialogStatus: 'add', // 提交状态
       // --按钮菜单-------
       viewState: 1,
-      // ===
       listLoading: false,
-      list: [],
+      disabled: false, // 保存、提交按钮状态
-      temp: {
+      formobj: {
-        applyName: window.sessionStorage.getItem('name'), // 申请人
+        carList: [],
-        applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
+        configSid: '',
-        contractNo: '', // 合同编号
+        contractId: '',
-        isTerminal: 3, // 是否是终端 1是，0不是
+        createTime: '',
-        modelName: '', // 车型别名
+        customerSid: '',
-        name: '', // 客户名称
+        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: '', // 申请日期
+        staffDeptName: '',
-        detailsList: []
+        staffDeptSid: '',
-      }, // 添加和修改
+        staffName: '',
-      detailsList: [
+        pcStaffSid: '',
-        {
+        taskId: '',
-          price: '', // 成交价
+        type: '',
-          remarks: '', // 备注
+        typeKey: '',
-          vinNo: '', //  车架号
+        userSid: '',
-          useMessage: {}
+        discountLeave: []
-        }
+      },
-      ],
+      arguments: {
-      sids: [],
+        list: [],
-      vinNo_info: '',
+        userSid: '',
-      submitDto: {
+        orgPath: '',
-        businessSid: '',
+        contractId: '',
-        userSid: window.sessionStorage.getItem('userSid')
+        outboundSid: '',
+        pcView: true
       },
       rules: {}
-      // ------------------------------------
     }
   },
-  created() {
-    // 初始化变量
-    this.init()
-  },
   methods: {
     // ------------ 页面初始化 ------------
-    init() {
-      this.temp = {
-        applyName: window.sessionStorage.getItem('name'), // 申请人
-        applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid
-        contractNo: '', // 合同编号
-        isTerminal: 3, // 是否是终端 1是，0不是
-        modelName: '', // 车型别名
-        name: '', // 客户名称
-        sid: '',
-        applyDate: '', // 申请日期
-        detailsList: [],
-        isUse: false
-      }
-    },
     resetState() {
       this.viewState = 1
     },
@@ -170,36 +260,61 @@ 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.formobj = response.data
-          this.temp.sid = sid
+        }
-          this.detailsList = response.data.listVo
+      })
-          for (var i = 0; i < this.detailsList.length; i++) {
+    },
-            if (this.detailsList[i].useMessage.vinNo !== '') {
+    // 车辆信息表--赠送套餐
-              this.detailsList[i].isExist = '1'
+    price(row) {
-            }
+      var aa = 0
-            if (this.detailsList[i].useMessage.vinNo == '') {
+      for (var i = 0; i < row.discountUse.length; i++) {
-              this.detailsList[i].isExist = '0'
+        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
+    },
+    // 查看销售订单
+    handleLookByDingDan() {
+      this.viewState = 5
+      this.$refs['divInfo'].showInfo({ sid: this.formobj.busSalesOrderSid })
+    },
+    // 查看款、票情况
+    lookPayment(row) {
+      this.viewState = 6
+      this.$refs['divPaymentInfo'].showInfo(this.formobj.contractId, row)
+    },
+    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)
           }
-          this.temp = JSON.parse(
-            JSON.stringify(this.temp).replace(/listVo/g, 'detailsList')
-          )
-          console.log('isTerminal', this.temp.isTerminal)
         }
       })
     },
     // 查看用户人信息
-    lookUserInfo(vinNo) {
+    lookUser(row) {
       this.viewState = 2
-      for (var i = 0; i < this.detailsList.length; i++) {
+      this.$refs['divUserInfo'].showInfo(this.formobj.contractId, row)
-        if (this.detailsList[i].vinNo == vinNo) {
-          let useMessage = {}
-          useMessage = this.detailsList[i].useMessage
-          this.$refs['divUserInfo'].showInfo(useMessage, vinNo)
-        }
-      }
     },
     handleReject() {
       this.$prompt('请输入驳回原因', '提示', {
@@ -208,12 +323,12 @@ export default {
       }).then(({ value }) => {
         if (value) {
           const info = {
-            businessSid: this.temp.sid,
+            businessSid: this.formobj.sid,
             comment: value,
-            instanceId: this.temp.procInstId,
+            instanceId: this.formobj.procInstId,
-            taskId: this.temp.taskId,
+            taskId: this.formobj.taskId,
             orgSidPath: window.sessionStorage.getItem('orgSidPath'),
-            taskDefKey: this.temp.taskDefKey,
+            taskDefKey: this.formobj.taskDefKey,
             userSid: window.sessionStorage.getItem('userSid')
           }
           reject(info).then((response) => {
@@ -239,12 +354,12 @@ export default {
         type: 'warning'
       }).then(() => {
         const info = {
-          businessSid: this.temp.sid,
+          businessSid: this.formobj.sid,
           comment: '同意',
-          instanceId: this.temp.procInstId,
+          instanceId: this.formobj.procInstId,
-          taskId: this.temp.taskId,
+          taskId: this.formobj.taskId,
           orgSidPath: window.sessionStorage.getItem('orgSidPath'),
-          taskDefKey: this.temp.taskDefKey,
+          taskDefKey: this.formobj.taskDefKey,
           userSid: window.sessionStorage.getItem('userSid')
         }
         complete(info).then((response) => {
@@ -261,12 +376,12 @@ export default {
       }).then(({ value }) => {
         if (value) {
           const info = {
-            businessSid: this.temp.sid,
+            businessSid: this.formobj.sid,
             comment: value,
-            instanceId: this.temp.procInstId,
+            instanceId: this.formobj.procInstId,
-            taskId: this.temp.taskId,
+            taskId: this.formobj.taskId,
             orgSidPath: window.sessionStorage.getItem('orgSidPath'),
-            taskDefKey: this.temp.taskDefKey,
+            taskDefKey: this.formobj.taskDefKey,
             userSid: window.sessionStorage.getItem('userSid')
           }
           breakProcess(info).then((response) => {
@@ -294,56 +409,25 @@ export default {
 }
 </script>
 <style scoped>
-.tit {
+.title {
-  margin: 0 0 20px 0;
+  padding: 7px;
-  padding: 10px 0 0 0;
-}
-
-.times {
   display: flex;
   flex-direction: row;
-  justify-content: space-around;
+  justify-content: space-between;
-  padding: 30px 0 10px 0;
+  align-items: center;
-  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;
 }
-
+.span-sty {
-.titcon,
+  width: 120px !important;
-.title {
-  background-color: white;
-  color: black;
 }
-
+.addinputInfo {
-.formadd {
+  margin-left: 110px !important;
-  padding: 20px 0;
 }
-
+/*表格列设置fixed后固定列出现下边框的设置*/
-.formadd .tit {
+/deep/ .el-table__fixed {
-  font-size: 32px;
+  height: 100% !important;
-  border-bottom: 1px solid #e0e3eb;
-  text-align: center;
-  margin: 0 0 20px 0;
-  padding: 20px 0;
 }
-
+/*表格列设置fixed后固定列出现下边框的设置*/
-.formadd .el-row .el-col {
+/deep/ .el-table__fixed-right {
-  padding: 0 !important;
+  height: 100% !important;
 }
 </style>

anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/financialscheme.vue

@@ -0,0 +1,332 @@
+<template>
+  <div class="app-container">
+    <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="listconadd">
+      <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+        <div v-if="formobj.typeKey !== '02'">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="6">
+              <div class="span-sty">是否打包</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <div class="span-sty">资方及产品政策</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">融资项目</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <span>主车发票价{{ formobj.mainVehicleAmount }}元</span>
+                  <span>融资票据{{ formobj.accessoriesAmount }}元</span>
+                  <span>挂车{{ formobj.trailerAmount }} 元</span>
+                  <span>购置税{{ formobj.purchaseTax }} 元</span>
+                  <span>车损上浮{{ formobj.vehDamageFloat }} 元</span>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty">融资项目总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">首付比例</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">首付金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金比例</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">厂家贴息</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">年利率</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">月还金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">厂家贴息用途</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-show="formobj.otherPolicyState">
+            <div class="title">其它融</div>
+            <el-row>
+              <el-col :span="12">
+                <div class="span-sty">其它融名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">贷款金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">期数</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <div class="span-sty">月还金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <div class="span-sty">利息总额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">年利率</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="title">方案汇总</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">总贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">月还金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">预计首款还款日</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">应收明细</div>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">保险保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">落户保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">代收意外险</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">上牌费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">运管费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">补车价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">其它费用</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">其它费用说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">办理方式选择</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</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.receivableTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">抵顶费用合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</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.realTotal }}</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.vehTotalPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">名义(留购)价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+        <div v-if="formobj.typeKey == '02'">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">厂家贴息</div>
+              <el-form-item>
+                <span class="addinputInfo">{{ formobj.factoryDiscount }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">厂家贴息用途</div>
+              <el-form-item>
+                <span class="addinputInfo">>{{ formobj.factoryDiscountUse }}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>服务费</div>
+              <el-form-item>
+                <span class="addinputInfo">>{{ formobj.serviceAmount }}</span>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'JinRongFangAnInfo',
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        otherPolicyState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(value) {
+      this.viewTitle = '金融方案'
+      this.formobj = value
+    },
+    handleReturn() {
+      this.formobj = {
+        otherPolicyState: false
+      }
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.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;
+}
+</style>

anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/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-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/paymentticket.vue

@@ -0,0 +1,244 @@
+<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="listconadd">
+        <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/examinePage/chukushenhe'
+
+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>
+.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-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/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-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/userInfoLook.vue

@@ -1,178 +1,139 @@
 <template>
   <div class="app-container">
-    <div v-show="visible">
+    <div>
       <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>
         </div>
       </div>
       <div class="listconadd">
-        <el-form ref="dataForm" :model="tempUserLook" :rules="rules" label-position="right"
+        <div class="titwu">实际购车人信息</div>
-                 class="formadd">
+        <el-form ref="dataForm" :model="tempUserLook" :rules="rules" class="formadd">
-          <div class="tit">录入使用人信息</div>
+          <el-row style="border-top: 1px solid #e0e3eb">
-          <el-row>
+            <el-col :span="4" class="tleftb">
-            <el-col :span="4" class="topBor">
+              <span>客户类型</span>
-              <span>合同编号</span>
             </el-col>
-            <el-col :span="10" class="topBor">
+            <el-col :span="20">
-              <el-form-item prop="contractNo">
+              <el-form-item>
-                <span>{{ tempUserLook.contractNo }}</span>
+                <span>{{ tempUserLook.customerType }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">
+            <el-col :span="4" class="tleftb">
-              <span>车架号</span>
+              <span>客户名称</span>
             </el-col>
-            <el-col :span="10">
+            <el-col :span="20">
-              <el-form-item prop="vinNo">
+              <el-form-item>
-                <span>{{ tempUserLook.vinNo }}</span>
+                <span>{{ tempUserLook.name }}</span>
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row>
+          <el-row v-show="tempUserLook.customerTypeKey == '2'">
-            <el-col :span="4">
+            <el-col :span="4" class="tleftb">
-              <span>客户名称</span>
+              <span>联系人</span>
             </el-col>
-            <el-col :span="10">
+            <el-col :span="20">
-              <el-form-item prop="name">
+              <el-form-item>
-                <span>{{ tempUserLook.name }}</span>
+                <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-col :span="20">
-              <el-form-item prop="mobile">
+              <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-col :span="20">
-              <el-form-item prop="idNo">
+              <el-form-item>
-                <span>{{ tempUserLook.idNo }}</span>
+                <span>{{ tempUserLook.idNumber }}</span>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="4">
+            <el-col :span="4" class="tleftb">
-              <span>联系地址</span>
+              <span>通讯地址</span>
             </el-col>
-            <el-col :span="10">
+            <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>
-
   </div>
 </template>
 
 <script>
-  import {mapGetters} from 'vuex'
-
-  export default {
-    name: 'userInfoLook',
-    components: {},
-    data() {
-      return {
-        viewTitle: '',
-        index: 0,
-        disabled: false, // 保存、提交按钮状态
-        createBtn: false,
-        // --按钮菜单-------
-        visible: true,
-        listLoading: false,
-        tempUserLook: {},
-        rules: {},
-        // ------------------------------------
-      }
-    },
-    computed: {
-      ...mapGetters([
-        'id',
-        'roles',
-        'rolesIds',
-        'departmentId',
-        'departmentCode',
-      ]),
-    },
-    created() {
-      // 初始化变量
-      this.init()
-    },
-    methods: {
-      // ------------ 页面初始化 ------------
-      // 添加前数据初始化
-      resetTemp() {
-      },
-      init() {
-
-      },
-      showInfo(useMessage, vinNo) {
-        this.$nextTick(() => {
-          this.$refs['dataForm'].clearValidate()
-        });
-        console.log('详情拿到的信息', useMessage)
-        this.tempUserLook = useMessage
-      },
-
-      // ------------ 功能实现 ------------
-      // 返回
-      handleReturn() {
-        this.$emit('doback')
-      },
-      // ------------ 页面跳转以及数据获取 ------------
 
+export default {
+  name: 'userInfoLook',
+  components: {},
+  data() {
+    return {
+      viewTitle: '',
+      tempUserLook: {},
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(contractNo, useMessage) {
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+      console.log('详情拿到的信息', useMessage)
+      this.tempUserLook = useMessage
+      this.tempUserLook.contractNo = contractNo
     },
+    // 返回
+    handleReturn() {
+      this.tempUserLook = {}
+      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;
-  }
-
-  .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;
-  }
-.formadd .tit {
-  font-size: 32px;
-  text-align: center;
-  margin: 0 0 20px 0;
-  padding: 20px 0;
-}
 </style>

anrui-scm/anrui-scm-ui/src/views/examinePage/chukushenhe/relation/xiaoshoudingdanInfo.vue

@@ -0,0 +1,522 @@
+<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="listconadd">
+        <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/examinePage/chukushenhe'
+import financialscheme from './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;
+}
+</style>