From 7adaf930e0fff8def3bcf34fd0d55a11a700d85e Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Wed, 15 Jan 2025 10:28:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E4=BB=98=E6=AC=BE=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=20--=20=E4=B8=8A=E8=A3=85=E3=80=81=E6=8C=82=E8=BD=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/anruifinmanagement/payment.js     |  24 +-
 .../fukuanshenqing/paymentAdd.vue             | 207 +++++++++++++++---
 .../fukuanshenqing/paymentInfo.vue            |  65 +++++-
 .../fukuanshenqing/relation/top.vue           | 168 ++++++++++++++
 .../fukuanshenqing/relation/trailerCar.vue    | 174 +++++++++++++++
 .../fukuanguanli/fukuanDaiBanInfo.vue         |  61 +++++-
 .../fukuanguanli/fukuanEdit.vue               | 201 ++++++++++++++---
 .../fukuanguanli/fukuanYiBanInfo.vue          |  59 ++++-
 .../fukuanguanli/relation/top.vue             | 168 ++++++++++++++
 .../fukuanguanli/relation/trailerCar.vue      | 174 +++++++++++++++
 10 files changed, 1229 insertions(+), 72 deletions(-)
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/top.vue
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/trailerCar.vue
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/top.vue
 create mode 100644 anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/trailerCar.vue

diff --git a/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js b/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js
index ce8d6c7900..1ea697e64b 100644
--- a/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js
+++ b/anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js
@@ -10,12 +10,30 @@ export default {
       headers: { 'Content-Type': 'application/json' }
     })
   },
-  // 查询分页列表
-  pageList: function(params) {
+  // 查询分页列表 -- 选择主车车辆
+  pageList: function(data) {
     return request({
       url: '/base/v1/basevehicle/selectPayVehicleList',
       method: 'post',
-      data: params,
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 查询分页列表 -- 选择挂车
+  trailerApply: function(data) {
+    return request({
+      url: '/base/v1/basetrailer/payApply',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 查询分页列表 -- 选择上装
+  topApply: function(data) {
+    return request({
+      url: '/base/v1/basevehinstall/payApply',
+      method: 'post',
+      data: data,
       headers: { 'Content-Type': 'application/json' }
     })
   },
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue
index d78cbb1a89..350c8d6f05 100644
--- a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue
@@ -54,7 +54,7 @@
             <el-col :span="6">
               <div class="span-sty"><span class="icon">*</span>是否涉及车辆</div>
               <el-form-item prop="isVeh">
-                <el-radio-group class="addinputInfo" v-model="formobj.isVeh">
+                <el-radio-group :disabled="formobj.costTypeKey !== '001' && formobj.costTypeKey !== ''" class="addinputInfo" v-model="formobj.isVeh">
                   <el-radio label="1">是</el-radio>
                   <el-radio label="0">否</el-radio>
                 </el-radio-group>
@@ -204,12 +204,67 @@
               </el-table-column>
             </el-table>
           </div>
+          <div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
+            <div class="title titleOne">
+              <div>挂车列表</div>
+              <el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="trailerSelect()">选择</el-button>
+            </div>
+            <el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column fixed label="操作" width="100" align="center">
+                <template slot-scope="scope">
+                  <el-button size="mini" type="danger" @click="trailerDelete(scope.$index)">删除</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="外观尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
+          <div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
+            <div class="title titleOne">
+              <div>上装列表</div>
+              <el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="topSelect()">选择</el-button>
+            </div>
+            <el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column fixed label="操作" width="100" align="center">
+                <template slot-scope="scope">
+                  <el-button size="mini" type="danger" @click="topDelete(scope.$index)">删除</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
         </el-form>
       </div>
     </div>
     <!--End 添加修改部分-->
-    <!-- 主车车辆列表选择车辆 -->
-    <vehcile v-show="viewState == 2" ref="divVehicle" @backData="backData" @doback="resetState"/>
     <!-- 付款明细表新增关联付款信息 -->
     <el-dialog :visible.sync="paymentVisible" width="70%" :show-close="false">
       <el-form class="formaddcopy02">
@@ -244,6 +299,12 @@
         <el-button size="small" @click="paymentClose">关闭</el-button>
       </div>
     </el-dialog>
+    <!-- 主车车辆列表选择车辆 -->
+    <vehcile v-show="viewState == 2" ref="divVehicle" @backData="backData" @doback="resetState" />
+    <!-- 挂车列表选择车辆 -->
+    <trailerCar v-show="viewState == 6" ref="divTrailer" @backData="backTrailer" @doback="resetState" />
+    <!-- 上装列表选择车辆 -->
+    <top v-show="viewState == 7" ref="divTop" @backData="backTop" @doback="resetState" />
     <!-- 关联付款信息新增 -->
     <paymentInformationAdd v-show="viewState == 3" ref="divPaymentInformation" @backInformation="backInformation" @doback="resetStateByInformation" />
     <!-- 关联付款信息详情 -->
@@ -257,6 +318,8 @@
 import req from '@/api/anruifinmanagement/payment'
 import { typeValues, getOrgSidByPath, getInvoicingList, brandDown, selectNameByOrg, getTypeValueList } from '@/api/jichuxinxi/dictcommons'
 import vehcile from './relation/vehcile'
+import trailerCar from './relation/trailerCar'
+import top from './relation/top'
 import paymentInformationAdd from './relation/paymentInformationAdd'
 import paymentInformationInfo from './relation/paymentInformationInfo'
 import tops from '@/components/publicPage/tops'
@@ -265,6 +328,8 @@ export default {
   name: 'PaymentAdd',
   components: {
     vehcile,
+    trailerCar,
+    top,
     paymentInformationAdd,
     paymentInformationInfo,
     tops
@@ -277,6 +342,8 @@ export default {
       tableKey: 0,
       vehicleKey: 1,
       paymentKey: 2,
+      trailerKey: 3,
+      topKey: 4,
       index: 0,
       carBrand_list: [],
       costRange_list: [],
@@ -312,8 +379,10 @@ export default {
         carBrandSid: '', // 品牌sid
         carBrandName: '', // 品牌名称
         orgSidPath: '',
-        detailsList: [],
-        vehicleList: []
+        detailsList: [], // 付款信息列表
+        vehicleList: [], // 主车车辆列表
+        trailerList: [], // 挂车列表
+        topList: [] // 上装列表
       },
       rules: {
         carBrandName: [{ required: true, message: '品牌不能为空', trigger: 'change' }],
@@ -452,8 +521,12 @@ export default {
       const choose = this.costType_list.filter((item) => item.dictValue === value)
       if (choose.length > 0 && choose !== null) {
         this.formobj.costTypeKey = choose[0].dictKey
+        if (this.formobj.costTypeKey !== '001') {
+          this.formobj.isVeh = '0'
+        }
       } else {
         this.formobj.costTypeKey = ''
+        this.formobj.isVeh = ''
       }
     },
     changePayCompany(value) {
@@ -489,6 +562,35 @@ export default {
     handleDelete(index) {
       this.formobj.detailsList.splice(index, 1)
     },
+    changeCostTitle(value, row) {
+      const choose = this.costTitle_list.filter((item) => item.dictValue === value)
+      if (choose.length > 0 && choose !== null) {
+        row.costTitleKey = choose[0].dictKey
+      } else {
+        row.costTitleKey = ''
+      }
+    },
+    changePaymentType(value, row) {
+      const choose = this.payment_list.filter((item) => item.dictValue === value)
+      if (choose.length > 0 && choose !== null) {
+        row.paymentTypeKey = choose[0].dictKey
+      } else {
+        row.paymentTypeKey = ''
+      }
+    },
+    changeActualPay(value, row) {
+      const choose = this.actualPay_list.filter((item) => item.actualPay === value)
+      if (choose.length > 0 && choose !== null) {
+        row.actualPay = choose[0].actualPay
+        row.receiveCompany = choose[0].accountName
+        row.bank = choose[0].depositBank
+        row.receivingAccount = choose[0].bankAccount
+      } else {
+        row.actualPay = ''
+        row.bank = ''
+        row.receivingAccount = ''
+      }
+    },
     handleAddPayment(row, index) {
       if (row.paymentType === '') {
         this.$message({ showClose: true, type: 'error', message: '付款方式不能为空' })
@@ -620,33 +722,64 @@ export default {
       this.viewState = 5
       this.$refs['divTops'].showInfo({ sid: row.topSid })
     },
-    changeCostTitle(value, row) {
-      const choose = this.costTitle_list.filter((item) => item.dictValue === value)
-      if (choose.length > 0 && choose !== null) {
-        row.costTitleKey = choose[0].dictKey
-      } else {
-        row.costTitleKey = ''
-      }
+    trailerSelect() {
+      this.viewState = 6
+      this.$refs['divTrailer'].showData(this.formobj.trailerList, this.formobj.useOrgSid)
     },
-    changePaymentType(value, row) {
-      const choose = this.payment_list.filter((item) => item.dictValue === value)
-      if (choose.length > 0 && choose !== null) {
-        row.paymentTypeKey = choose[0].dictKey
-      } else {
-        row.paymentTypeKey = ''
+    trailerDelete(index) {
+      this.formobj.trailerList.splice(index, 1)
+    },
+    backTrailer(value) {
+      this.viewState = 1
+      value = JSON.parse(JSON.stringify(value))
+      if (value.length > 0) {
+        value.forEach((e) => {
+          this.formobj.trailerList.push({
+            trailerTypeValue: e.trailerTypeValue, // 挂车名称
+            size: e.size, // 外观尺寸
+            vinNo: e.vinNo, // 挂车车架号
+            trailerSid: e.trailerSid, // 挂车sid
+            color: e.color, // 箱体颜色
+            costPrice: e.costPrice, // 厂家结算价
+            brandName: e.brandName, // 品牌名称
+            vehModel: e.vehModel, // 车型别名
+            zcVinNo: e.zcVinNo, // 主车车架号
+            contractNo: e.contractNo, // 合同编号
+            saleOrderNo: e.saleOrderNo, // 销售订单号
+            customerName: e.customerName, // 客户名称
+            payType: e.payType // 销售类型
+          })
+        })
       }
     },
-    changeActualPay(value, row) {
-      const choose = this.actualPay_list.filter((item) => item.actualPay === value)
-      if (choose.length > 0 && choose !== null) {
-        row.actualPay = choose[0].actualPay
-        row.receiveCompany = choose[0].accountName
-        row.bank = choose[0].depositBank
-        row.receivingAccount = choose[0].bankAccount
-      } else {
-        row.actualPay = ''
-        row.bank = ''
-        row.receivingAccount = ''
+    topSelect() {
+      this.viewState = 7
+      this.$refs['divTop'].showData(this.formobj.topList, this.formobj.useOrgSid)
+    },
+    topDelete(index) {
+      this.formobj.topList.splice(index, 1)
+    },
+    backTop(value) {
+      this.viewState = 1
+      value = JSON.parse(JSON.stringify(value))
+      if (value.length > 0) {
+        value.forEach((e) => {
+          this.formobj.topList.push({
+            installNameValue: e.installNameValue, // 上装名称
+            topSid: e.topSid, // 上装sid
+            size: e.size, // 外观尺寸
+            vinNo: e.vinNo, // 车架号
+            vehiSid: e.vehiSid, // 车辆sid
+            color: e.color, // 箱体颜色
+            costPrice: e.costPrice, // 厂家结算价
+            brandName: e.brandName, // 品牌名称
+            vehModel: e.vehModel, // 车型别名
+            contractNo: e.contractNo, // 合同编号
+            saleOrderNo: e.saleOrderNo, // 销售订单号
+            customerName: e.customerName, // 客户名称
+            payType: e.payType // 销售类型
+          })
+        })
       }
     },
     saveOrUpdate() {
@@ -745,6 +878,16 @@ export default {
           }, 0)
           sums[index] += ''
           this.formobj.carTotal = sums[index] += ''
+        } else if (column.property === 'costPrice') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
         }
       })
       return sums
@@ -781,8 +924,10 @@ export default {
         carBrandSid: '', // 品牌sid
         carBrandName: '', // 品牌名称
         orgSidPath: '',
-        detailsList: [],
-        vehicleList: []
+        detailsList: [], // 付款信息列表
+        vehicleList: [], // 主车车辆列表
+        trailerList: [], // 挂车列表
+        topList: [] // 上装列表
       }
       this.submitdisabled = false
       this.$refs['form_obj'].resetFields()
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue
index df53e5987f..832a84512d 100644
--- a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue
@@ -121,6 +121,47 @@
               </el-table-column>
             </el-table>
           </div>
+          <div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
+            <div class="title">挂车列表</div>
+            <el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="外观尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
+          <div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
+            <div class="title">上装列表</div>
+            <el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
         </el-form>
       </div>
     </div>
@@ -179,6 +220,8 @@ export default {
       tableKey: 0,
       vehicleKey: 1,
       paymentKey: 2,
+      trailerKey: 3,
+      topKey: 4,
       index: 0,
       formobj: {
         billNo: '', // 申请编号
@@ -207,8 +250,10 @@ export default {
         carBrandSid: '', // 品牌sid
         carBrandName: '', // 品牌名称
         orgSidPath: '',
-        detailsList: [],
-        vehicleList: []
+        detailsList: [], // 付款信息列表
+        vehicleList: [], // 主车车辆列表
+        trailerList: [], // 挂车列表
+        topList: [] // 上装列表
       },
       rules: {},
       paymentVisible: false, // 付款明细表 -- 新增付款信息弹框
@@ -300,6 +345,16 @@ export default {
           }, 0)
           sums[index] += ''
           this.formobj.carTotal = sums[index] += ''
+        } else if (column.property === 'costPrice') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
         }
       })
       return sums
@@ -335,8 +390,10 @@ export default {
         carBrandSid: '', // 品牌sid
         carBrandName: '', // 品牌名称
         orgSidPath: '',
-        detailsList: [],
-        vehicleList: []
+        detailsList: [], // 付款信息列表
+        vehicleList: [], // 主车车辆列表
+        trailerList: [], // 挂车列表
+        topList: [] // 上装列表
       }
       this.$refs['form_obj'].resetFields()
       this.$emit('doback')
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/top.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/top.vue
new file mode 100644
index 0000000000..db1859bf22
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/top.vue
@@ -0,0 +1,168 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>选择上装页面</div>
+        <div>
+          <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
+          <el-button type="info" size="small" @click="handleColse()">关闭</el-button>
+        </div>
+      </div>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="上装名称">
+                <el-input v-model="listQuery.params.installNameValue" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="listQuery.params.customerName" placeholder="" clearable />
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">上装列表</div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column width="50" type="selection" align="center"/>
+            <el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column prop="installNameValue" label="上装名称" align="center" />
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="brandName" label="主车品牌" align="center" />
+            <el-table-column prop="customerName" label="客户名称" align="center" />
+          </el-table>
+        </div>
+        <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>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import req from '@/api/anruifinmanagement/payment'
+
+export default {
+  name: 'Top',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      tableKey: 0,
+      sids: [],
+      list: [],
+      multipleSelection: [],
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 5,
+        params: {
+          installNameValue: '',
+          useOrgSid: '',
+          vinNo: '',
+          customerName: '',
+          sids: []
+        },
+        total: 0
+      }
+    }
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      this.multipleSelection = row
+    },
+    showData(value, useOrgSid) {
+      const aa = []
+      if (value.length > 0) {
+        for (var i = 0; i < value.length; i++) {
+          aa.push(value[i].topSid)
+        }
+        this.listQuery.params.sids = aa
+      } else {
+        this.listQuery.params.sids = []
+      }
+      this.listQuery.params.useOrgSid = useOrgSid
+      this.handleReset()
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      req.topApply(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.success) {
+          this.listQuery.total = response.data.total
+          this.list = response.data.records
+        } else {
+          this.listQuery.total = 0
+          this.list = []
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 重置按钮
+    handleReset() {
+      this.listQuery.current = 1
+      this.listQuery.size = 5
+      this.listQuery.total = 0
+      this.listQuery.params.installNameValue = ''
+      this.listQuery.params.vinNo = ''
+      this.listQuery.params.customerName = ''
+      this.getList()
+    },
+    // 添加修改返回
+    handleConfirm() {
+      if (this.multipleSelection.length > 0) {
+        this.listQuery.params.useOrgSid = ''
+        this.listQuery.params.sids = []
+        this.$emit('backData', this.multipleSelection)
+      } else {
+        this.$notify({ title: '提示', message: '请选择至少一条记录!', type: 'error', duration: 2000 })
+      }
+    },
+    // 返回
+    handleColse() {
+      this.listQuery.params.useOrgSid = ''
+      this.listQuery.params.sids = []
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/trailerCar.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/trailerCar.vue
new file mode 100644
index 0000000000..50277d3700
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/trailerCar.vue
@@ -0,0 +1,174 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>选择挂车页面</div>
+        <div>
+          <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
+          <el-button type="info" size="small" @click="handleColse()">关闭</el-button>
+        </div>
+      </div>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="挂车名称">
+                <el-input v-model="listQuery.params.trailerTypeValue" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="挂车车架号">
+                <el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="主车车架号">
+                <el-input v-model="listQuery.params.zcVinNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="listQuery.params.customerName" placeholder="" clearable />
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">挂车列表</div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column width="50" type="selection" align="center"/>
+            <el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column prop="trailerTypeValue" label="挂车名称" align="center" />
+            <el-table-column prop="vinNo" label="挂车车架号" align="center" />
+            <el-table-column prop="brandName" label="主车品牌" align="center" />
+            <el-table-column prop="zcVinNo" label="主车车架号" align="center" />
+            <el-table-column prop="customerName" label="客户名称" align="center" />
+          </el-table>
+        </div>
+        <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>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import req from '@/api/anruifinmanagement/payment'
+
+export default {
+  name: 'TrailerCar',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      tableKey: 0,
+      sids: [],
+      list: [],
+      multipleSelection: [],
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 5,
+        params: {
+          trailerTypeValue: '',
+          useOrgSid: '',
+          vinNo: '',
+          zcVinNo: '',
+          customerName: '',
+          sids: []
+        },
+        total: 0
+      }
+    }
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      this.multipleSelection = row
+    },
+    showData(value, useOrgSid) {
+      const aa = []
+      if (value.length > 0) {
+        for (var i = 0; i < value.length; i++) {
+          aa.push(value[i].trailerSid)
+        }
+        this.listQuery.params.sids = aa
+      } else {
+        this.listQuery.params.sids = []
+      }
+      this.listQuery.params.useOrgSid = useOrgSid
+      this.handleReset()
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      req.trailerApply(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.success) {
+          this.listQuery.total = response.data.total
+          this.list = response.data.records
+        } else {
+          this.listQuery.total = 0
+          this.list = []
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 重置按钮
+    handleReset() {
+      this.listQuery.current = 1
+      this.listQuery.size = 5
+      this.listQuery.total = 0
+      this.listQuery.params.trailerTypeValue = ''
+      this.listQuery.params.vinNo = ''
+      this.listQuery.params.zcVinNo = ''
+      this.listQuery.params.customerName = ''
+      this.getList()
+    },
+    // 添加修改返回
+    handleConfirm() {
+      if (this.multipleSelection.length > 0) {
+        this.listQuery.params.useOrgSid = ''
+        this.listQuery.params.sids = []
+        this.$emit('backData', this.multipleSelection)
+      } else {
+        this.$notify({ title: '提示', message: '请选择至少一条记录!', type: 'error', duration: 2000 })
+      }
+    },
+    // 返回
+    handleColse() {
+      this.listQuery.params.useOrgSid = ''
+      this.listQuery.params.sids = []
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanDaiBanInfo.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanDaiBanInfo.vue
index a89cd035c4..0fc373a07e 100644
--- a/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanDaiBanInfo.vue
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanDaiBanInfo.vue
@@ -123,6 +123,47 @@
               </el-table-column>
             </el-table>
           </div>
+          <div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
+            <div class="title">挂车列表</div>
+            <el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="外观尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
+          <div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
+            <div class="title">上装列表</div>
+            <el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
         </el-form>
       </div>
     </div>
@@ -203,6 +244,8 @@ export default {
       tableKey: 0,
       vehicleKey: 1,
       paymentKey: 2,
+      trailerKey: 3,
+      topKey: 4,
       index: 0,
       formobj: {
         billNo: '', // 申请编号
@@ -231,8 +274,10 @@ export default {
         carBrandSid: '', // 品牌sid
         carBrandName: '', // 品牌名称
         orgSidPath: '',
-        detailsList: [],
-        vehicleList: []
+        detailsList: [], // 付款信息列表
+        vehicleList: [], // 主车车辆列表
+        trailerList: [], // 挂车列表
+        topList: [] // 上装列表
       },
       rules: {},
       paymentVisible: false, // 付款明细表 -- 新增付款信息弹框
@@ -377,6 +422,16 @@ export default {
           }, 0)
           sums[index] += ''
           this.formobj.carTotal = sums[index] += ''
+        } else if (column.property === 'costPrice') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
         }
       })
       return sums
@@ -389,7 +444,7 @@ export default {
       this.operation = val
       this.currentLink = true
       this.dialogList.comment = '同意'
-      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKe, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
         if (resp.success) {
           var arr = resp.data
           this.nextNode = arr[0]
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanEdit.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanEdit.vue
index ffce22ff96..e7bc30cd7b 100644
--- a/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanEdit.vue
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanEdit.vue
@@ -53,7 +53,7 @@
             <el-col :span="6">
               <div class="span-sty"><span class="icon">*</span>是否涉及车辆</div>
               <el-form-item prop="isVeh">
-                <el-radio-group class="addinputInfo" v-model="formobj.isVeh">
+                <el-radio-group :disabled="formobj.costTypeKey !== '001' && formobj.costTypeKey !== ''" class="addinputInfo" v-model="formobj.isVeh">
                   <el-radio label="1">是</el-radio>
                   <el-radio label="0">否</el-radio>
                 </el-radio-group>
@@ -203,12 +203,67 @@
               </el-table-column>
             </el-table>
           </div>
+          <div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
+            <div class="title titleOne">
+              <div>挂车列表</div>
+              <el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="trailerSelect()">选择</el-button>
+            </div>
+            <el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column fixed label="操作" width="100" align="center">
+                <template slot-scope="scope">
+                  <el-button size="mini" type="danger" @click="trailerDelete(scope.$index)">删除</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="外观尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
+          <div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
+            <div class="title titleOne">
+              <div>上装列表</div>
+              <el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="topSelect()">选择</el-button>
+            </div>
+            <el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column fixed label="操作" width="100" align="center">
+                <template slot-scope="scope">
+                  <el-button size="mini" type="danger" @click="topDelete(scope.$index)">删除</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
         </el-form>
       </div>
     </div>
     <!--End 添加修改部分-->
-    <!-- 主车车辆列表选择车辆 -->
-    <vehcile v-show="viewState == 2" ref="divVehicle" @backData="backData" @doback="resetState"/>
     <!-- 付款明细表新增关联付款信息 -->
     <el-dialog :visible.sync="paymentVisible" width="70%" :show-close="false">
       <el-form class="formaddcopy02">
@@ -243,6 +298,12 @@
         <el-button size="small" @click="paymentClose">关闭</el-button>
       </div>
     </el-dialog>
+    <!-- 主车车辆列表选择车辆 -->
+    <vehcile v-show="viewState == 2" ref="divVehicle" @backData="backData" @doback="resetState"/>
+    <!-- 挂车列表选择车辆 -->
+    <trailerCar v-show="viewState == 6" ref="divTrailer" @backData="backTrailer" @doback="resetState" />
+    <!-- 上装列表选择车辆 -->
+    <top v-show="viewState == 7" ref="divTop" @backData="backTop" @doback="resetState" />
     <!-- 关联付款信息新增 -->
     <paymentInformationAdd v-show="viewState == 3" ref="divPaymentInformation" @backInformation="backInformation" @doback="resetStateByInformation" />
     <!-- 关联付款信息详情 -->
@@ -256,6 +317,8 @@
 import req from '@/api/anruifinmanagement/payment'
 import { typeValues, brandDown, selectNameByOrg, getInvoicingList, getTypeValueList } from '@/api/jichuxinxi/dictcommons'
 import vehcile from './relation/vehcile'
+import trailerCar from './relation/trailerCar'
+import top from './relation/top'
 import paymentInformationAdd from './relation/paymentInformationAdd'
 import paymentInformationInfo from './relation/paymentInformationInfo'
 import tops from '@/views/workFlow/publicPage/tops'
@@ -264,6 +327,8 @@ export default {
   name: 'FuKuanEdit',
   components: {
     vehcile,
+    trailerCar,
+    top,
     paymentInformationAdd,
     paymentInformationInfo,
     tops
@@ -276,6 +341,8 @@ export default {
       tableKey: 0,
       vehicleKey: 1,
       paymentKey: 2,
+      trailerKey: 3,
+      topKey: 4,
       index: 0,
       carBrand_list: [],
       costRange_list: [],
@@ -311,8 +378,10 @@ export default {
         carBrandSid: '', // 品牌sid
         carBrandName: '', // 品牌名称
         orgSidPath: '',
-        detailsList: [],
-        vehicleList: []
+        detailsList: [], // 付款信息列表
+        vehicleList: [], // 主车车辆列表
+        trailerList: [], // 挂车列表
+        topList: [] // 上装列表
       },
       rules: {
         carBrandName: [{ required: true, message: '品牌不能为空', trigger: 'change' }],
@@ -443,8 +512,12 @@ export default {
       const choose = this.costType_list.filter((item) => item.dictValue === value)
       if (choose.length > 0 && choose !== null) {
         this.formobj.costTypeKey = choose[0].dictKey
+        if (this.formobj.costTypeKey !== '001') {
+          this.formobj.isVeh = '0'
+        }
       } else {
         this.formobj.costTypeKey = ''
+        this.formobj.isVeh = ''
       }
     },
     changePayCompany(value) {
@@ -480,6 +553,35 @@ export default {
     handleDelete(index) {
       this.formobj.detailsList.splice(index, 1)
     },
+    changeCostTitle(value, row) {
+      const choose = this.costTitle_list.filter((item) => item.dictValue === value)
+      if (choose.length > 0 && choose !== null) {
+        row.costTitleKey = choose[0].dictKey
+      } else {
+        row.costTitleKey = ''
+      }
+    },
+    changePaymentType(value, row) {
+      const choose = this.payment_list.filter((item) => item.dictValue === value)
+      if (choose.length > 0 && choose !== null) {
+        row.paymentTypeKey = choose[0].dictKey
+      } else {
+        row.paymentTypeKey = ''
+      }
+    },
+    changeActualPay(value, row) {
+      const choose = this.actualPay_list.filter((item) => item.actualPay === value)
+      if (choose.length > 0 && choose !== null) {
+        row.actualPay = choose[0].actualPay
+        row.receiveCompany = choose[0].accountName
+        row.bank = choose[0].depositBank
+        row.receivingAccount = choose[0].bankAccount
+      } else {
+        row.actualPay = ''
+        row.bank = ''
+        row.receivingAccount = ''
+      }
+    },
     handleAddPayment(row, index) {
       if (row.paymentType === '') {
         this.$message({ showClose: true, type: 'error', message: '付款方式不能为空' })
@@ -611,33 +713,64 @@ export default {
       this.viewState = 5
       this.$refs['divTops'].showInfo({ sid: row.topSid })
     },
-    changeCostTitle(value, row) {
-      const choose = this.costTitle_list.filter((item) => item.dictValue === value)
-      if (choose.length > 0 && choose !== null) {
-        row.costTitleKey = choose[0].dictKey
-      } else {
-        row.costTitleKey = ''
-      }
+    trailerSelect() {
+      this.viewState = 6
+      this.$refs['divTrailer'].showData(this.formobj.trailerList, this.formobj.useOrgSid)
     },
-    changePaymentType(value, row) {
-      const choose = this.payment_list.filter((item) => item.dictValue === value)
-      if (choose.length > 0 && choose !== null) {
-        row.paymentTypeKey = choose[0].dictKey
-      } else {
-        row.paymentTypeKey = ''
+    trailerDelete(index) {
+      this.formobj.trailerList.splice(index, 1)
+    },
+    backTrailer(value) {
+      this.viewState = 1
+      value = JSON.parse(JSON.stringify(value))
+      if (value.length > 0) {
+        value.forEach((e) => {
+          this.formobj.trailerList.push({
+            trailerTypeValue: e.trailerTypeValue, // 挂车名称
+            size: e.size, // 外观尺寸
+            vinNo: e.vinNo, // 挂车车架号
+            trailerSid: e.trailerSid, // 挂车sid
+            color: e.color, // 箱体颜色
+            costPrice: e.costPrice, // 厂家结算价
+            brandName: e.brandName, // 品牌名称
+            vehModel: e.vehModel, // 车型别名
+            zcVinNo: e.zcVinNo, // 主车车架号
+            contractNo: e.contractNo, // 合同编号
+            saleOrderNo: e.saleOrderNo, // 销售订单号
+            customerName: e.customerName, // 客户名称
+            payType: e.payType // 销售类型
+          })
+        })
       }
     },
-    changeActualPay(value, row) {
-      const choose = this.actualPay_list.filter((item) => item.actualPay === value)
-      if (choose.length > 0 && choose !== null) {
-        row.actualPay = choose[0].actualPay
-        row.receiveCompany = choose[0].accountName
-        row.bank = choose[0].depositBank
-        row.receivingAccount = choose[0].bankAccount
-      } else {
-        row.actualPay = ''
-        row.bank = ''
-        row.receivingAccount = ''
+    topSelect() {
+      this.viewState = 7
+      this.$refs['divTop'].showData(this.formobj.topList, this.formobj.useOrgSid)
+    },
+    topDelete(index) {
+      this.formobj.topList.splice(index, 1)
+    },
+    backTop(value) {
+      this.viewState = 1
+      value = JSON.parse(JSON.stringify(value))
+      if (value.length > 0) {
+        value.forEach((e) => {
+          this.formobj.topList.push({
+            installNameValue: e.installNameValue, // 上装名称
+            topSid: e.topSid, // 上装sid
+            size: e.size, // 外观尺寸
+            vinNo: e.vinNo, // 车架号
+            vehiSid: e.vehiSid, // 车辆sid
+            color: e.color, // 箱体颜色
+            costPrice: e.costPrice, // 厂家结算价
+            brandName: e.brandName, // 品牌名称
+            vehModel: e.vehModel, // 车型别名
+            contractNo: e.contractNo, // 合同编号
+            saleOrderNo: e.saleOrderNo, // 销售订单号
+            customerName: e.customerName, // 客户名称
+            payType: e.payType // 销售类型
+          })
+        })
       }
     },
     saveOrUpdate() {
@@ -750,6 +883,16 @@ export default {
           }, 0)
           sums[index] += ''
           this.formobj.carTotal = sums[index] += ''
+        } else if (column.property === 'costPrice') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
         }
       })
       return sums
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanYiBanInfo.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanYiBanInfo.vue
index c57a1fdf5e..b47b0fb266 100644
--- a/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanYiBanInfo.vue
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanYiBanInfo.vue
@@ -121,6 +121,47 @@
               </el-table-column>
             </el-table>
           </div>
+          <div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
+            <div class="title">挂车列表</div>
+            <el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="外观尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
+          <div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
+            <div class="title">上装列表</div>
+            <el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+              <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
+              <el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
+              <el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
+              <el-table-column prop="vinNo" label="车架号" align="center" width="100" />
+              <el-table-column prop="color" label="箱体颜色" align="center" width="100" />
+              <el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
+              <el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
+              <el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
+              <el-table-column label="合同/销售订单编号" align="center" width="180">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户名称" align="center" width="120" />
+              <el-table-column prop="payType" label="销售类型" align="center" width="150" />
+            </el-table>
+          </div>
         </el-form>
       </div>
     </div>
@@ -178,6 +219,8 @@ export default {
       tableKey: 0,
       vehicleKey: 1,
       paymentKey: 2,
+      trailerKey: 3,
+      topKey: 4,
       index: 0,
       formobj: {
         billNo: '', // 申请编号
@@ -206,8 +249,10 @@ export default {
         carBrandSid: '', // 品牌sid
         carBrandName: '', // 品牌名称
         orgSidPath: '',
-        detailsList: [],
-        vehicleList: []
+        detailsList: [], // 付款信息列表
+        vehicleList: [], // 主车车辆列表
+        trailerList: [], // 挂车列表
+        topList: [] // 上装列表
       },
       rules: {},
       paymentVisible: false, // 付款明细表 -- 新增付款信息弹框
@@ -335,6 +380,16 @@ export default {
           }, 0)
           sums[index] += ''
           this.formobj.carTotal = sums[index] += ''
+        } else if (column.property === 'costPrice') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
         }
       })
       return sums
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/top.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/top.vue
new file mode 100644
index 0000000000..91eb9b19f5
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/top.vue
@@ -0,0 +1,168 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>选择上装页面</div>
+        <div>
+          <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
+          <el-button type="info" size="small" @click="handleColse()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="上装名称">
+                <el-input v-model="listQuery.params.installNameValue" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="listQuery.params.customerName" placeholder="" clearable />
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">上装列表</div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column width="50" type="selection" align="center"/>
+            <el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column prop="installNameValue" label="上装名称" align="center" />
+            <el-table-column prop="vinNo" label="车架号" align="center" />
+            <el-table-column prop="brandName" label="主车品牌" align="center" />
+            <el-table-column prop="customerName" label="客户名称" align="center" />
+          </el-table>
+        </div>
+        <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>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import req from '@/api/anruifinmanagement/payment'
+
+export default {
+  name: 'Top',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      tableKey: 0,
+      sids: [],
+      list: [],
+      multipleSelection: [],
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 5,
+        params: {
+          installNameValue: '',
+          useOrgSid: '',
+          vinNo: '',
+          customerName: '',
+          sids: []
+        },
+        total: 0
+      }
+    }
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      this.multipleSelection = row
+    },
+    showData(value, useOrgSid) {
+      const aa = []
+      if (value.length > 0) {
+        for (var i = 0; i < value.length; i++) {
+          aa.push(value[i].topSid)
+        }
+        this.listQuery.params.sids = aa
+      } else {
+        this.listQuery.params.sids = []
+      }
+      this.listQuery.params.useOrgSid = useOrgSid
+      this.handleReset()
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      req.topApply(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.success) {
+          this.listQuery.total = response.data.total
+          this.list = response.data.records
+        } else {
+          this.listQuery.total = 0
+          this.list = []
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 重置按钮
+    handleReset() {
+      this.listQuery.current = 1
+      this.listQuery.size = 5
+      this.listQuery.total = 0
+      this.listQuery.params.installNameValue = ''
+      this.listQuery.params.vinNo = ''
+      this.listQuery.params.customerName = ''
+      this.getList()
+    },
+    // 添加修改返回
+    handleConfirm() {
+      if (this.multipleSelection.length > 0) {
+        this.listQuery.params.useOrgSid = ''
+        this.listQuery.params.sids = []
+        this.$emit('backData', this.multipleSelection)
+      } else {
+        this.$notify({ title: '提示', message: '请选择至少一条记录!', type: 'error', duration: 2000 })
+      }
+    },
+    // 返回
+    handleColse() {
+      this.listQuery.params.useOrgSid = ''
+      this.listQuery.params.sids = []
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/trailerCar.vue b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/trailerCar.vue
new file mode 100644
index 0000000000..bc647f6ae3
--- /dev/null
+++ b/anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/trailerCar.vue
@@ -0,0 +1,174 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>选择挂车页面</div>
+        <div>
+          <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
+          <el-button type="info" size="small" @click="handleColse()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="挂车名称">
+                <el-input v-model="listQuery.params.trailerTypeValue" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="挂车车架号">
+                <el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="主车车架号">
+                <el-input v-model="listQuery.params.zcVinNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="listQuery.params.customerName" placeholder="" clearable />
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">挂车列表</div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column width="50" type="selection" align="center"/>
+            <el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column prop="trailerTypeValue" label="挂车名称" align="center" />
+            <el-table-column prop="vinNo" label="挂车车架号" align="center" />
+            <el-table-column prop="brandName" label="主车品牌" align="center" />
+            <el-table-column prop="zcVinNo" label="主车车架号" align="center" />
+            <el-table-column prop="customerName" label="客户名称" align="center" />
+          </el-table>
+        </div>
+        <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>
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/pagination'
+import req from '@/api/anruifinmanagement/payment'
+
+export default {
+  name: 'TrailerCar',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      tableKey: 0,
+      sids: [],
+      list: [],
+      multipleSelection: [],
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 5,
+        params: {
+          trailerTypeValue: '',
+          useOrgSid: '',
+          vinNo: '',
+          zcVinNo: '',
+          customerName: '',
+          sids: []
+        },
+        total: 0
+      }
+    }
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelectionChange(row) {
+      this.multipleSelection = row
+    },
+    showData(value, useOrgSid) {
+      const aa = []
+      if (value.length > 0) {
+        for (var i = 0; i < value.length; i++) {
+          aa.push(value[i].trailerSid)
+        }
+        this.listQuery.params.sids = aa
+      } else {
+        this.listQuery.params.sids = []
+      }
+      this.listQuery.params.useOrgSid = useOrgSid
+      this.handleReset()
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      req.trailerApply(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.success) {
+          this.listQuery.total = response.data.total
+          this.list = response.data.records
+        } else {
+          this.listQuery.total = 0
+          this.list = []
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 重置按钮
+    handleReset() {
+      this.listQuery.current = 1
+      this.listQuery.size = 5
+      this.listQuery.total = 0
+      this.listQuery.params.trailerTypeValue = ''
+      this.listQuery.params.vinNo = ''
+      this.listQuery.params.zcVinNo = ''
+      this.listQuery.params.customerName = ''
+      this.getList()
+    },
+    // 添加修改返回
+    handleConfirm() {
+      if (this.multipleSelection.length > 0) {
+        this.listQuery.params.useOrgSid = ''
+        this.listQuery.params.sids = []
+        this.$emit('backData', this.multipleSelection)
+      } else {
+        this.$notify({ title: '提示', message: '请选择至少一条记录!', type: 'error', duration: 2000 })
+      }
+    },
+    // 返回
+    handleColse() {
+      this.listQuery.params.useOrgSid = ''
+      this.listQuery.params.sids = []
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>