完善公司定制金融

anrui-riskcenter-ui/src/api/customizedfinancialsolutions/customizedfinancialsolutions.js

@@ -68,5 +68,74 @@ export default {
       data: data,
       headers: { 'Content-Type': 'application/json' }
     })
+  },
+  // 金融方案计算
+  calculate: function(data) {
+    return request({
+      url: '/riskcenter/v1/loansolutions/calculate',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  submit: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanTemplate/submitTemplateApply',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（同意）
+  complete: function(params) {
+    return request({
+      url: '/riskcenter/v1/LoanTemplate/complete',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（驳回）
+  reject: function(params) {
+    return request({
+      url: '/riskcenter/v1/LoanTemplate/reject',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（终止）
+  breakProcess: function(params) {
+    return request({
+      url: '/riskcenter/v1/LoanTemplate/breakProcess',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 流程审批（撤回）
+  revokeProcess: function(params) {
+    return request({
+      url: '/riskcenter/v1/LoanTemplate/revokeProcess',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 审批流程（同意）获取下一环节
+  getNextNodesForSubmit: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanTemplate/getNextNodesForSubmit',
+      method: 'get',
+      params: data
+    })
+  },
+  // 审批流程（驳回）获取上一环节
+  getPreviousNodesForReject: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanTemplate/getPreviousNodesForReject',
+      method: 'get',
+      params: data
+    })
   }
 }

anrui-riskcenter-ui/src/components/publicPage/financialschemeEdit.vue

@@ -0,0 +1,492 @@
+<template>
+  <div style="margin-top: 2px">
+    <div v-show="viewState == 1">
+      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <div class="title titleOne">
+          <div>消贷金融方案</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="financialComputing">金融计算</el-button>
+        </div>
+        <div>
+          <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.premium }} 元</span>
+                  <span>购置税{{ formobj.purchaseTax }} 元</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.factoryDiscountUse }}</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.policyYearRatio }}</span></el-form-item>
+            </el-col>
+            <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="6">
+              <div v-show="formobj.factoryDiscountUseKey == '01'">
+                <div class="span-sty">贴息抵车款</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.discountCar }}</span></el-form-item>
+              </div>
+            </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.otherPolicyYearRatio }}</span></el-form-item>
+              </el-col>
+              <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-row>
+          </div>
+          <div class="title">方案汇总</div>
+          <el-row>
+            <el-col :span="6">
+              <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.downPayAmountsRatio }}</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"></el-col>
+            <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="6">
+              <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="24">
+              <div class="span-sty">办理方式选择</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.dealWayKey == '01' && formobj.isPack == '0' ">
+            <el-col :span="6">
+              <div class="span-sty">代收费用合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyTotal }}</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 v-if="formobj.dealWayKey == '02' && formobj.isPack == '1'">
+            <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>
+      </el-form>
+    </div>
+    <financialscheme v-show="viewState == 2" ref="divCount" @backData="backData" @doback="resetState"/>
+  </div>
+</template>
+<script>
+import financialscheme from './financialscheme'
+
+export default {
+  name: '',
+  components: {
+    financialscheme
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      formobj: {
+        saleOrderSid: '',
+        type: '',
+        isPack: '',
+        policyName: '',
+        policySid: '',
+        mainVehicleAmount: '',
+        accessoriesAmount: '',
+        trailerAmount: '',
+        purchaseTax: '',
+        premium: '',
+        loanTotal: '',
+
+        accessoriesAmountCb: false,
+        trailerAmountCb: false,
+        purchaseTaxCb: false,
+        premiumCb: false,
+
+        downPayRatio: '',
+        downPayAmount: '',
+        loanAmount: '',
+        loanPeriod: '',
+        bondRatio: '',
+        bondAmount: '',
+        factoryDiscount: '',
+        factoryDiscountUse: '',
+        factoryDiscountUseKey: '',
+        policyYearRatio: '',
+        loanPayMoney: '',
+        loanInterest: '',
+        discountCar: '',
+        otherPolicyState: false,
+
+        otherPolicyName: '',
+        otherPolicySid: '',
+        otherPolicyAmount: '',
+        otherPolicyPeriod: '',
+
+        otherPolicyMonthlyRepay: '',
+        otherPolicyInterest: '',
+        otherPolicyYearRatio: '',
+
+        loanDownPay: '',
+        downPayAmountsRatio: '',
+        loanAmountTotal: '',
+        period: '',
+        monthlyRepay: '',
+        interest: '',
+        returnTime: '',
+
+        downPayAmounts: '',
+        bondAmounts: '',
+        depositPremium: '',
+        depositSettle: '',
+        serviceAmount: '',
+        proxyAccidentPremium: '',
+        registerAmount: '',
+        operationAmount: '',
+        vehOtherPrice: '',
+        otherAmount: '',
+        otherAmountRemark: '',
+        dealWay: '',
+        dealWayKey: '',
+        proxyPremium: '',
+        proxyPurchasetax: '',
+        proxyTotal: '',
+        offsetPremium: '',
+        offsetPurchasetax: '',
+        offsetTotal: '',
+        receivableTotal: '',
+        realTotal: '',
+        vehTotalPrice: '',
+        nominalPrice: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(value) {
+      this.formobj = value
+    },
+    financialComputing() {
+      this.viewState = 2
+      this.$refs['divCount'].showAdd(this.formobj)
+    },
+    backData(value) {
+      this.viewState = 1
+      this.formobj = value
+    },
+    backParameters() {
+      this.$emit('backParameters', this.formobj)
+      this.formobj = {
+        saleOrderSid: '',
+        type: '',
+        isPack: '',
+        policyName: '',
+        policySid: '',
+        mainVehicleAmount: '',
+        accessoriesAmount: '',
+        trailerAmount: '',
+        purchaseTax: '',
+        premium: '',
+        loanTotal: '',
+
+        accessoriesAmountCb: false,
+        trailerAmountCb: false,
+        purchaseTaxCb: false,
+        premiumCb: false,
+
+        downPayRatio: '',
+        downPayAmount: '',
+        loanAmount: '',
+        loanPeriod: '',
+        bondRatio: '',
+        bondAmount: '',
+        factoryDiscount: '',
+        factoryDiscountUse: '',
+        factoryDiscountUseKey: '',
+        policyYearRatio: '',
+        loanPayMoney: '',
+        loanInterest: '',
+        discountCar: '',
+        otherPolicyState: false,
+
+        otherPolicyName: '',
+        otherPolicySid: '',
+        otherPolicyAmount: '',
+        otherPolicyPeriod: '',
+
+        otherPolicyMonthlyRepay: '',
+        otherPolicyInterest: '',
+        otherPolicyYearRatio: '',
+
+        loanDownPay: '',
+        downPayAmountsRatio: '',
+        loanAmountTotal: '',
+        period: '',
+        monthlyRepay: '',
+        interest: '',
+        returnTime: '',
+
+        downPayAmounts: '',
+        bondAmounts: '',
+        depositPremium: '',
+        depositSettle: '',
+        serviceAmount: '',
+        proxyAccidentPremium: '',
+        registerAmount: '',
+        operationAmount: '',
+        vehOtherPrice: '',
+        otherAmount: '',
+        otherAmountRemark: '',
+        dealWay: '',
+        dealWayKey: '',
+        proxyPremium: '',
+        proxyPurchasetax: '',
+        proxyTotal: '',
+        offsetPremium: '',
+        offsetPurchasetax: '',
+        offsetTotal: '',
+        receivableTotal: '',
+        realTotal: '',
+        vehTotalPrice: '',
+        nominalPrice: ''
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0px;
+}
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.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-riskcenter-ui/src/components/publicPage/financialschemeInfo.vue

@@ -9,7 +9,7 @@
               <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>
+              <div class="span-sty">产品政策</div>
               <el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
             </el-col>
           </el-row>
@@ -81,8 +81,10 @@
               <el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
             </el-col>
             <el-col :span="6">
-              <div class="span-sty">贴息抵车款</div>
-              <el-form-item><span class="addinputInfo">{{ formobj.discountCar }}</span></el-form-item>
+              <div v-show="formobj.factoryDiscountUseKey == '01'">
+                <div class="span-sty">贴息抵车款</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.discountCar }}</span></el-form-item>
+              </div>
             </el-col>
           </el-row>
           <div v-show="formobj.otherPolicyState">
@@ -102,6 +104,10 @@
               </el-col>
             </el-row>
             <el-row>
+              <el-col :span="6">
+                <div class="span-sty">年利率</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
+              </el-col>
               <el-col :span="6">
                 <div class="span-sty">月还金额</div>
                 <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
@@ -110,10 +116,6 @@
                 <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>
@@ -136,11 +138,12 @@
             </el-col>
           </el-row>
           <el-row>
+            <el-col :span="6"></el-col>
             <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">
+            <el-col :span="6">
               <div class="span-sty">利息总额</div>
               <el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
             </el-col>
@@ -201,10 +204,16 @@
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="6">
+            <el-col :span="24">
               <div class="span-sty">办理方式选择</div>
               <el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
             </el-col>
+          </el-row>
+          <el-row v-if="formobj.dealWayKey == '01' && formobj.isPack == '0' ">
+            <el-col :span="6">
+              <div class="span-sty">代收费用合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyTotal }}</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>
@@ -220,7 +229,7 @@
               <el-form-item><span class="addinputInfo">{{ formobj.receivableTotal }}</span></el-form-item>
             </el-col>
           </el-row>
-          <el-row>
+          <el-row v-if="formobj.dealWayKey == '02' && formobj.isPack == '1'">
             <el-col :span="6">
               <div class="span-sty">抵顶费用合计</div>
               <el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>

anrui-riskcenter-ui/src/router/index.js

@@ -267,6 +267,29 @@ export const constantRoutes = [
     component: () =>
       import('@/views/workFlow/xinyongshensuFlow/creditauditappealYiBan.vue'),
     name: 'CreditAuditAppealYiBan'
+  },
+
+
+  // 公司定制金融方案--编辑
+  {
+    path: '/dingzhijinrongFlow/customizedfinancialsolutionsEdit',
+    component: () =>
+      import('@/views/workFlow/dingzhijinrongFlow/customizedfinancialsolutionsEdit.vue'),
+    name: 'CustomizedFinancialSolutionsEdit'
+  },
+  // 公司定制金融方案--待办
+  {
+    path: '/dingzhijinrongFlow/customizedfinancialsolutionsDaiBan',
+    component: () =>
+      import('@/views/workFlow/dingzhijinrongFlow/customizedfinancialsolutionsDaiBan.vue'),
+    name: 'CustomizedFinancialSolutionsDaiBan'
+  },
+  // 公司定制金融方案--已办
+  {
+    path: '/dingzhijinrongFlow/customizedfinancialsolutionsYiban',
+    component: () =>
+      import('@/views/workFlow/dingzhijinrongFlow/customizedfinancialsolutionsYiban.vue'),
+    name: 'CustomizedFinancialSolutionsYiBan'
   }
 	// 404 page must be placed at the end !!!
 	// { path: '*', redirect: '/404', hidden: true }

anrui-riskcenter-ui/src/views/customizedfinancialsolutions/customizedfinancialsolutions.vue

@@ -8,7 +8,7 @@
         <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="110px" class="tab-header">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="130px" class="tab-header">
               <el-form-item label="分公司">
                 <el-input v-model="listQuery.params.useOrgName" placeholder="" clearable/>
               </el-form-item>
@@ -51,7 +51,7 @@
           <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
             <el-table-column type="selection" align="center" width="50"/>
             <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
-            <el-table-column label="操作" width="180px" align="center">
+            <el-table-column label="操作" width="150" align="center">
               <template slot-scope="scope">
                 <el-button type="primary" size="mini" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true" @click="toEdit(scope.row)">办理</el-button>
                 <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
@@ -69,10 +69,10 @@
             <el-table-column prop="createByName" label="申请人" align="center" width="160" />
             <el-table-column prop="filingDate" label="申请日期" align="center" width="100" />
             <el-table-column prop="templateName" label="模板名称" align="center" width="100" />
-            <el-table-column prop="vehTypeValue" label="预估报价单方案" align="center" width="100" />
-            <el-table-column prop="serviceAmountTypeValue" label="车型" align="center" width="120" />
-            <el-table-column prop="policyName" label="资方产品政策" align="center" width="80" />
-            <el-table-column prop="otherPolicyName" label="其他融产品名称" align="center" width="100" />
+            <el-table-column prop="showTypeValue" label="预估报价单方案" align="center" width="130" />
+            <el-table-column prop="vehModel" label="车型" align="center" min-width="270" />
+            <el-table-column prop="policyName" label="资方产品政策" align="center" width="120" />
+            <el-table-column prop="otherPolicyName" label="其他融产品名称" align="center" width="120" />
           </el-table>
         </div>
         <!--End 主页面主要部分-->

anrui-riskcenter-ui/src/views/customizedfinancialsolutions/customizedfinancialsolutionsAdd.vue

@@ -27,7 +27,7 @@
           </el-row>
           <div class="title titleOne">
             <div>车型确定</div>
-            <el-button type="primary" size="mini" @click="selectModel">选择车型</el-button>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="selectModel">选择车型</el-button>
           </div>
           <el-row>
             <el-col :span="24">
@@ -62,7 +62,7 @@
           </el-row>
           <div class="title titleOne">
             <div><el-checkbox v-model="formobj.install" style="padding-right: 5px"/>上装</div>
-            <el-button v-show="formobj.install" type="primary" size="mini" @click="selectSZ">选择上装</el-button>
+            <el-button v-show="formobj.install" type="primary" size="mini" class="btntopblueline" @click="selectSZ">选择上装</el-button>
           </div>
           <div v-show="formobj.install">
             <el-row>
@@ -114,9 +114,9 @@
               </el-col>
             </el-row>
           </div>
-          <div class="title titleOne">
+          <div class="title titleOne" style="margin-top: 2px">
             <div><el-checkbox v-model="formobj.trailer" style="padding-right: 5px"/>挂车</div>
-            <el-button v-show="formobj.trailer" type="primary" size="mini" @click="selectGC">选择挂车</el-button>
+            <el-button v-show="formobj.trailer" type="primary" size="mini" class="btntopblueline" @click="selectGC">选择挂车</el-button>
           </div>
           <div v-show="formobj.trailer">
             <el-row>
@@ -172,10 +172,7 @@
               </el-col>
             </el-row>
           </div>
-          <div class="title">
-            <div>消贷金融方案<span style="margin-left: 10px">(说明：融资项目中保险为预估费用，必须小于保险发票票面金额，预估金额精确到百位。购置税=主车发票价/11.3，舍到个位，不足金额需要客户线下补交。)</span></div>
-          </div>
-          <financialscheme ref="divJRFA" :params="this.formobj.loanTemplateSolutions" @backData="backData"/>
+          <financialschemeEdit ref="divJRFA" @backParameters="backData"/>
         </el-form>
       </div>
     </div>
@@ -194,7 +191,7 @@ import { typeValues, getOrgSidByPath, getAnnounceList } from '@/api/Common/dictc
 import shangzhuangselect from './relation/shangzhuangselect'
 import modelSelect from './relation/modelSelect'
 import guacheselect from './relation/guacheselect'
-import financialscheme from '@/components/publicPage/financialscheme'
+import financialschemeEdit from '@/components/publicPage/financialschemeEdit'
 import uploadImg from '@/components/uploadFile/uploadImg'
 
 export default {
@@ -203,7 +200,7 @@ export default {
     modelSelect,
     shangzhuangselect,
     guacheselect,
-    financialscheme,
+    financialschemeEdit,
     uploadImg
   },
   data() {
@@ -261,6 +258,7 @@ export default {
           bondAmount: '',
           factoryDiscount: '',
           factoryDiscountUse: '',
+          factoryDiscountUseKey: '',
           policyYearRatio: '',
           loanPayMoney: '',
           loanInterest: '',
@@ -373,80 +371,10 @@ export default {
       })
       this.formobj.userSid = window.sessionStorage.getItem('userSid')
       this.formobj.orgPath = window.sessionStorage.getItem('defaultOrgPath')
-      this.formobj.loanTemplateSolutions = {
-        saleOrderSid: '',
-        type: '',
-        isPack: '',
-        policyName: '',
-        policySid: '',
-        mainVehicleAmount: '',
-        accessoriesAmount: '',
-        trailerAmount: '',
-        purchaseTax: '',
-        premium: '',
-        loanTotal: '',
-
-        accessoriesAmountCb: false,
-        trailerAmountCb: false,
-        purchaseTaxCb: false,
-        premiumCb: false,
-
-        downPayRatio: '',
-        downPayAmount: '',
-        loanAmount: '',
-        loanPeriod: '',
-        bondRatio: '',
-        bondAmount: '',
-        factoryDiscount: '',
-        factoryDiscountUse: '',
-        factoryDiscountUseKey: '',
-        policyYearRatio: '',
-        loanPayMoney: '',
-        loanInterest: '',
-        otherPolicyState: false,
-
-        otherPolicyName: '',
-        otherPolicySid: '',
-        otherPolicyAmount: '',
-        otherPolicyPeriod: '',
-
-        otherPolicyMonthlyRepay: '',
-        otherPolicyInterest: '',
-        otherPolicyYearRatio: '',
-
-        loanDownPay: '',
-        downPayAmountsRatio: '',
-        loanAmountTotal: '',
-        period: '',
-        monthlyRepay: '',
-        interest: '',
-        returnTime: '',
-
-        downPayAmounts: '',
-        bondAmounts: '',
-        depositPremium: '',
-        depositSettle: '',
-        serviceAmount: '',
-        proxyAccidentPremium: '',
-        registerAmount: '',
-        operationAmount: '',
-        vehOtherPrice: '',
-        otherAmount: '',
-        otherAmountRemark: '',
-        dealWay: '',
-        dealWayKey: '',
-        proxyPremium: '',
-        proxyPurchasetax: '',
-        offsetPremium: '',
-        offsetPurchasetax: '',
-        offsetTotal: '',
-        receivableTotal: '',
-        realTotal: '',
-        vehTotalPrice: '',
-        nominalPrice: ''
-      }
+      this.$refs['divJRFA'].showInfo(this.formobj.loanTemplateSolutions)
     },
     showEdit(row) {
+      this.init()
       this.viewTitle = '【编辑】公司定制金融方案申请'
       this.$nextTick(() => {
         this.$refs['form_obj'].clearValidate()
@@ -454,6 +382,16 @@ export default {
       req.fetchBySid({ sid: row.sid }).then((res) => {
         if (res.success) {
           this.formobj = res.data
+          this.formobj.instanceId = res.data.procInstId
+          this.$refs['divJRFA'].showInfo(this.formobj.loanTemplateSolutions)
+          if (this.formobj.loanTemplateTrailer.vehTrailerCertificateFile.length > 0) {
+            this.formobj.loanTemplateTrailer.vehTrailerCertificateFile.forEach((e) => {
+              this.image_list.push({
+                name: '',
+                url: e
+              })
+            })
+          }
         }
       })
     },
@@ -549,7 +487,7 @@ export default {
     saveOrUpdate() {
       this.$refs['form_obj'].validate((valid) => {
         if (valid) {
-          this.$refs['divJRFA'].backData()
+          this.$refs['divJRFA'].backParameters()
           this.getUrl()
           this.submitdisabled = true
           console.log(this.formobj)
@@ -568,7 +506,21 @@ export default {
     },
     submit() {
       this.$refs['form_obj'].validate((valid) => {
-        if (valid) {}
+        if (valid) {
+          this.$refs['divJRFA'].backParameters()
+          this.getUrl()
+          this.submitdisabled = true
+          req.submit(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
       })
     },
     resetState() {

anrui-riskcenter-ui/src/views/customizedfinancialsolutions/customizedfinancialsolutionsInfo.vue

@@ -49,10 +49,10 @@
               <el-form-item><span class="addinputInfo">{{ formobj.vehNoticeModel }}</span></el-form-item>
             </el-col>
           </el-row>
-          <div class="title titleOne">
-            <div><el-checkbox v-model="formobj.install" style="padding-right: 5px"/>上装</div>
-          </div>
           <div v-show="formobj.install">
+            <div class="title titleOne">
+              <div>上装</div>
+            </div>
             <el-row>
               <el-col :span="6">
                 <div class="span-sty">上装名称</div>
@@ -102,10 +102,10 @@
               </el-col>
             </el-row>
           </div>
-          <div class="title titleOne">
-            <div><el-checkbox v-model="formobj.trailer" style="padding-right: 5px"/>挂车</div>
-          </div>
           <div v-show="formobj.trailer">
+            <div class="title titleOne">
+              <div>挂车</div>
+            </div>
             <el-row>
               <el-col :span="12">
                 <div class="span-sty">车型名称</div>
@@ -174,7 +174,7 @@ import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions
 import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
 
 export default {
-  name: '',
+  name: 'CustomizedFinancialSolutionsInfo',
   components: {
     financialschemeInfo
   },
@@ -371,6 +371,7 @@ export default {
           bondAmount: '',
           factoryDiscount: '',
           factoryDiscountUse: '',
+          factoryDiscountUseKey: '',
           policyYearRatio: '',
           loanPayMoney: '',
           loanInterest: '',

anrui-riskcenter-ui/src/views/customizedfinancialsolutions/relation/modelSelect.vue

@@ -25,18 +25,18 @@
         </div>
         <div class="">
           <el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%">
-            <el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column width="60" fixed label="编号" type="index" :index="indexMethod" align="center"/>
             <el-table-column label="操作" fixed width="80" align="center">
               <template slot-scope="scope">
                 <el-button type="primary" size="small" @click="handleConfirm(scope.row)">确认</el-button>
               </template>
             </el-table-column>
-            <el-table-column label="品牌" align="center" width="250">
+            <el-table-column label="品牌" align="center" width="100">
               <template slot-scope="scope">
                 <span>{{ scope.row.brandName }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="车型编码" align="center" width="120">
+            <el-table-column label="车型编码" align="center" width="100">
               <template slot-scope="scope">
                 <span>{{ scope.row.vehicleTypeCode }}</span>
               </template>
@@ -46,7 +46,7 @@
                 <span>{{ scope.row.vehicleAlias }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="配置编码" align="center" width="120">
+            <el-table-column label="配置编码" align="center" width="100">
               <template slot-scope="scope">
                 <span>{{ scope.row.configCode }}</span>
               </template>
@@ -56,12 +56,12 @@
                 <span>{{ scope.row.configName }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="内部编码" align="center">
+            <el-table-column label="内部编码" align="center" width="150">
               <template slot-scope="scope">
                 <span>{{ scope.row.insideCode }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="销售指导价(元)" width="200" align="center">
+            <el-table-column label="销售指导价(元)" width="130" align="center">
               <template slot-scope="scope">
                 <span>{{ scope.row.guidedPrice }}</span>
               </template>

anrui-riskcenter-ui/src/views/workFlow/dingzhijinrongFlow/customizedfinancialsolutionsDaiBan.vue

@@ -0,0 +1,555 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
+          <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
+          <el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="12">
+              <div class="span-sty">模板名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.templateName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">选择预估报价单</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.showTypeValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>车型确定</div>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.vehModel }}</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.vehModelConfig }}</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.vehModelConfigMore }}</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.vehPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehNoticeModel }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-show="formobj.install">
+            <div class="title titleOne">
+              <div>上装</div>
+            </div>
+            <el-row>
+              <el-col :span="6">
+                <div class="span-sty">上装名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.installNameValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">委改方式</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitMethodValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">供应商</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitFactory }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">货箱内部尺寸</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.wkSize }}</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.loanTemplateInstall.plateMaterialValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">板材厚度</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.plateThickness }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">颜色</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.colorValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">融资价格</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.vehInstallPrice }}</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>{{ formobj.loanTemplateInstall.moreConfig }}</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.loanTemplateInstall.vehInstallRemark }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div v-show="formobj.trailer">
+            <div class="title titleOne">
+              <div>挂车</div>
+            </div>
+            <el-row>
+              <el-col :span="12">
+                <div class="span-sty">车型名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.modelTrailerName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">车辆品牌</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.brandName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">车辆型号</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.carModelName }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">厂商名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.manufacturerName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">内部尺寸</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.insideSize }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">箱体颜色</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.boxColor }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">融资价格</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.vehTrailerPrice }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty">更多配置</div>
+                <el-form-item><span>{{ formobj.loanTemplateTrailer.moreConfig }}</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: 150px;height: 150px" v-for="(item, index) in formobj.loanTemplateTrailer.vehTrailerCertificateFile" :key="index" :src="item" :preview-src-list="formobj.loanTemplateTrailer.vehTrailerCertificateFile"/>
+                </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.loanTemplateTrailer.vehTrailerRemark }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="title">
+            <div>消贷金融方案</div>
+          </div>
+          <financialschemeInfo ref="divInfo"/>
+        </el-form>
+      </div>
+    </div>
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd" >
+        <el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span>当前环节:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :class="{rowClass:!currentLink}">
+          <el-col :span="4" class="tleftb">
+            <span>意见:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
+          </el-col>
+        </el-row>
+        <div style="text-align:center;margin-top: 20px;">
+          <el-button type="primary" size="mini" @click="reject">确 定</el-button>
+          <el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions'
+import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
+
+export default {
+  name: 'CustomizedFinancialSolutionsDaiBan',
+  components: {
+    financialschemeInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      formobj: {
+        useOrgSid: '',
+        install: false,
+        loanTemplateInstall: {
+          colorValue: '',
+          installNameValue: '',
+          moreConfig: '',
+          plateMaterialValue: '',
+          plateThicknessBottom: '',
+          plateThicknessEdge: '',
+          plateThickness: '',
+          refitFactory: '',
+          refitMethodValue: '',
+          vehInstallPrice: '',
+          vehInstallRemark: '',
+          vehInstallModelSid: '',
+          wkSize: '',
+          wk_high: '',
+          wk_long: '',
+          wk_wide: ''
+        },
+        loanTemplateSolutions: {
+          saleOrderSid: '',
+          type: '',
+          isPack: '',
+          policyName: '',
+          policySid: '',
+          mainVehicleAmount: '',
+          accessoriesAmount: '',
+          trailerAmount: '',
+          purchaseTax: '',
+          premium: '',
+          loanTotal: '',
+
+          accessoriesAmountCb: false,
+          trailerAmountCb: false,
+          purchaseTaxCb: false,
+          premiumCb: false,
+
+          downPayRatio: '',
+          downPayAmount: '',
+          loanAmount: '',
+          loanPeriod: '',
+          bondRatio: '',
+          bondAmount: '',
+          factoryDiscount: '',
+          factoryDiscountUse: '',
+          policyYearRatio: '',
+          loanPayMoney: '',
+          loanInterest: '',
+          discountCar: '',
+          otherPolicyState: false,
+
+          otherPolicyName: '',
+          otherPolicySid: '',
+          otherPolicyAmount: '',
+          otherPolicyPeriod: '',
+
+          otherPolicyMonthlyRepay: '',
+          otherPolicyInterest: '',
+          otherPolicyYearRatio: '',
+
+          loanDownPay: '',
+          downPayAmountsRatio: '',
+          loanAmountTotal: '',
+          period: '',
+          monthlyRepay: '',
+          interest: '',
+          returnTime: '',
+
+          downPayAmounts: '',
+          bondAmounts: '',
+          depositPremium: '',
+          depositSettle: '',
+          serviceAmount: '',
+          proxyAccidentPremium: '',
+          registerAmount: '',
+          operationAmount: '',
+          vehOtherPrice: '',
+          otherAmount: '',
+          otherAmountRemark: '',
+          dealWay: '',
+          dealWayKey: '',
+          proxyPremium: '',
+          proxyPurchasetax: '',
+          proxyTotal: '',
+          offsetPremium: '',
+          offsetPurchasetax: '',
+          offsetTotal: '',
+          receivableTotal: '',
+          realTotal: '',
+          vehTotalPrice: '',
+          nominalPrice: ''
+        },
+        loanTemplateTrailer: {
+          boxColor: '',
+          brandName: '',
+          carModelName: '',
+          insideSize: '',
+          insideSizeHigh: '',
+          insideSizeLong: '',
+          insideSizeWide: '',
+          manufacturerName: '',
+          modelTrailerName: '',
+          moreConfig: '',
+          vehTrailerModelSid: '',
+          vehTrailerCertificateFile: [],
+          vehTrailerPrice: '',
+          vehTrailerRemark: ''
+        },
+        orgPath: '',
+        showTypeKey: '',
+        showTypeValue: '',
+        sid: '',
+        taskId: '',
+        templateName: '',
+        trailer: false,
+        instanceId: '',
+        userSid: '',
+        vehModel: '',
+        vehModelConfig: '',
+        vehModelConfigMore: '',
+        vehModelConfigSid: '',
+        vehModelSid: '',
+        vehNoticeModel: '',
+        vehNoticeModelSid: '',
+        vehPrice: ''
+      },
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      startTask: true,
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      }
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    // this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    this.current.taskDefKey = obj.taskDefKey
+    this.current.taskName = obj.taskName
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '公司定制金融方案详情'
+      req.fetchBySid({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          this.$nextTick(() => {
+            this.$refs['divInfo'].showInfo(this.formobj.loanTemplateSolutions)
+          })
+        }
+      })
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = '同意'
+      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 驳回
+    openReject(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = ''
+      req.getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 终止
+    openStop(val) {
+      this.operation = val
+      this.currentLink = false
+      this.dialogList.comment = ''
+      this.nodeDialogVisible = true
+    },
+    reject() {
+      if (this.operation === '同意') {
+        this.handleAgree()
+      } else if (this.operation === '驳回') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleReject()
+        }
+      } else if (this.operation === '终止') {
+        if (this.dialogList.comment === '') {
+          this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
+        } else {
+          this.handleStop()
+        }
+      }
+    },
+    /** 同意任务 */
+    handleAgree() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.complete(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 驳回任务 */
+    handleReject() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.reject(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 终止任务 */
+    handleStop() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.breakProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.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-riskcenter-ui/src/views/workFlow/dingzhijinrongFlow/customizedfinancialsolutionsEdit.vue

@@ -0,0 +1,586 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="12">
+              <div class="span-sty">模板名称</div>
+              <el-form-item><el-input class="addinputInfo" style="width: 30%" v-model="formobj.templateName" clearable placeholder=""/></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">选择预估报价单</div>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.showTypeKey" placeholder="请选择" @change="showTypeChange" clearable filterable>
+                  <el-option v-for="item in proposal_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>车型确定</div>
+            <el-button type="primary" size="mini" @click="selectModel">选择车型</el-button>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.vehModel }}</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.vehModelConfig }}</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.vehModelConfigMore }}</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.vehPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item>
+                <el-select class="addinputInfo" v-model="formobj.vehNoticeModelSid" placeholder="请选择" @change="noticeModelChange" clearable filterable>
+                  <el-option v-for="item in NoticeModel_list" :key="item.sid" :label="item.dictValue" :value="item.sid"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div><el-checkbox v-model="formobj.install" style="padding-right: 5px"/>上装</div>
+            <el-button v-show="formobj.install" type="primary" size="mini" @click="selectSZ">选择上装</el-button>
+          </div>
+          <div v-show="formobj.install">
+            <el-row>
+              <el-col :span="6">
+                <div class="span-sty">上装名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.installNameValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">委改方式</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitMethodValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">供应商</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitFactory }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">货箱内部尺寸</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.wkSize }}</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.loanTemplateInstall.plateMaterialValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">板材厚度</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.plateThickness }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">颜色</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.colorValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">融资价格</div>
+                <el-form-item><el-input v-model="formobj.loanTemplateInstall.vehInstallPrice" class="addinputInfo" style="width: 50%" clearable placeholder=""/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24" class="tlineheightb">
+                <div class="span-sty">更多配置</div>
+                <el-form-item><span>{{ formobj.loanTemplateInstall.moreConfig }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty">备注说明</div>
+                <el-form-item><el-input v-model="formobj.loanTemplateInstall.vehInstallRemark" class="addinputw addinputInfo" clearable placeholder=""/></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="title titleOne" style="margin-top: 2px">
+            <div><el-checkbox v-model="formobj.trailer" style="padding-right: 5px"/>挂车</div>
+            <el-button v-show="formobj.trailer" type="primary" size="mini" @click="selectGC">选择挂车</el-button>
+          </div>
+          <div v-show="formobj.trailer">
+            <el-row>
+              <el-col :span="12" class="tlineheightb">
+                <div class="span-sty">车型名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.modelTrailerName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">车辆品牌</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.brandName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">车辆型号</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.carModelName }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">厂商名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.manufacturerName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">内部尺寸</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.insideSize }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">箱体颜色</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.boxColor }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">融资价格</div>
+                <el-form-item><el-input v-model="formobj.loanTemplateTrailer.vehTrailerPrice" class="addinputInfo" style="width: 50%" clearable placeholder=""/></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty">更多配置</div>
+                <el-form-item><span>{{ formobj.loanTemplateTrailer.moreConfig }}</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>
+                  <upload-img ref="uploadImg" class="addinputInfo" v-model="image_list" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty">备注说明</div>
+                <el-form-item><el-input v-model="formobj.loanTemplateTrailer.vehTrailerRemark" class="addinputw addinputInfo" clearable placeholder=""/></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <financialschemeEdit ref="divJRFA" @backParameters="backData"/>
+        </el-form>
+      </div>
+    </div>
+    <!-- 车型选择 -->
+    <modelSelect v-show="viewState == 2" ref="divModel" @backData="backModel" @doback="resetState"/>
+    <!-- 上装选择 -->
+    <shangzhuangselect v-show="viewState == 3" ref="divSZ" @backData="backSZ" @doback="resetState"/>
+    <!-- 挂车选择 -->
+    <guacheselect v-show="viewState == 4" ref="divGC" @backData="backGC" @doback="resetState"/>
+  </div>
+</template>
+
+<script>
+import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions'
+import { typeValues, getAnnounceList } from '@/api/Common/dictcommons'
+import shangzhuangselect from './relation/shangzhuangselect'
+import modelSelect from './relation/modelSelect'
+import guacheselect from './relation/guacheselect'
+import financialschemeEdit from '@/components/publicPage/financialschemeEdit'
+import uploadImg from '@/components/uploadFile/uploadImg'
+
+export default {
+  name: 'CustomizedFinancialSolutionsEdit',
+  components: {
+    modelSelect,
+    shangzhuangselect,
+    guacheselect,
+    financialschemeEdit,
+    uploadImg
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      submitdisabled: false,
+      proposal_list: [],
+      NoticeModel_list: [],
+      image_list: [],
+      formobj: {
+        useOrgSid: '',
+        install: false,
+        loanTemplateInstall: {
+          colorValue: '',
+          installNameValue: '',
+          moreConfig: '',
+          plateMaterialValue: '',
+          plateThicknessBottom: '',
+          plateThicknessEdge: '',
+          plateThickness: '',
+          refitFactory: '',
+          refitMethodValue: '',
+          vehInstallPrice: '',
+          vehInstallRemark: '',
+          vehInstallModelSid: '',
+          wkSize: '',
+          wk_high: '',
+          wk_long: '',
+          wk_wide: ''
+        },
+        loanTemplateSolutions: {
+          saleOrderSid: '',
+          type: '',
+          isPack: '',
+          policyName: '',
+          policySid: '',
+          mainVehicleAmount: '',
+          accessoriesAmount: '',
+          trailerAmount: '',
+          purchaseTax: '',
+          premium: '',
+          loanTotal: '',
+
+          accessoriesAmountCb: false,
+          trailerAmountCb: false,
+          purchaseTaxCb: false,
+          premiumCb: false,
+
+          downPayRatio: '',
+          downPayAmount: '',
+          loanAmount: '',
+          loanPeriod: '',
+          bondRatio: '',
+          bondAmount: '',
+          factoryDiscount: '',
+          factoryDiscountUse: '',
+          factoryDiscountUseKey: '',
+          policyYearRatio: '',
+          loanPayMoney: '',
+          loanInterest: '',
+          discountCar: '',
+          otherPolicyState: false,
+
+          otherPolicyName: '',
+          otherPolicySid: '',
+          otherPolicyAmount: '',
+          otherPolicyPeriod: '',
+
+          otherPolicyMonthlyRepay: '',
+          otherPolicyInterest: '',
+          otherPolicyYearRatio: '',
+
+          loanDownPay: '',
+          downPayAmountsRatio: '',
+          loanAmountTotal: '',
+          period: '',
+          monthlyRepay: '',
+          interest: '',
+          returnTime: '',
+
+          downPayAmounts: '',
+          bondAmounts: '',
+          depositPremium: '',
+          depositSettle: '',
+          serviceAmount: '',
+          proxyAccidentPremium: '',
+          registerAmount: '',
+          operationAmount: '',
+          vehOtherPrice: '',
+          otherAmount: '',
+          otherAmountRemark: '',
+          dealWay: '',
+          dealWayKey: '',
+          proxyPremium: '',
+          proxyPurchasetax: '',
+          proxyTotal: '',
+          offsetPremium: '',
+          offsetPurchasetax: '',
+          offsetTotal: '',
+          receivableTotal: '',
+          realTotal: '',
+          vehTotalPrice: '',
+          nominalPrice: ''
+        },
+        loanTemplateTrailer: {
+          boxColor: '',
+          brandName: '',
+          carModelName: '',
+          insideSize: '',
+          insideSizeHigh: '',
+          insideSizeLong: '',
+          insideSizeWide: '',
+          manufacturerName: '',
+          modelTrailerName: '',
+          moreConfig: '',
+          vehTrailerModelSid: '',
+          vehTrailerCertificateFile: [],
+          vehTrailerPrice: '',
+          vehTrailerRemark: ''
+        },
+        orgPath: '',
+        showTypeKey: '',
+        showTypeValue: '',
+        sid: '',
+        taskId: '',
+        templateName: '',
+        trailer: false,
+        instanceId: '',
+        userSid: '',
+        vehModel: '',
+        vehModelConfig: '',
+        vehModelConfigMore: '',
+        vehModelConfigSid: '',
+        vehModelSid: '',
+        vehNoticeModel: '',
+        vehNoticeModelSid: '',
+        vehPrice: ''
+      },
+      rules: {}
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    init() {
+      typeValues({ type: 'revalencyScheme' }).then((resp) => {
+        if (resp.success) {
+          this.proposal_list = resp.data
+        }
+      })
+    },
+    getAnnounceList() {
+      getAnnounceList({ modelSid: this.formobj.vehModelSid, orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
+        if (res.success) {
+          this.NoticeModel_list = []
+        }
+      })
+    },
+    showInfo(sid) {
+      this.init()
+      this.viewTitle = '【编辑】公司定制金融方案申请'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      req.fetchBySid({ sid: sid }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          this.formobj.instanceId = res.data.procInstId
+          this.$refs['divJRFA'].showInfo(this.formobj.loanTemplateSolutions)
+          if (this.formobj.loanTemplateTrailer.vehTrailerCertificateFile.length > 0) {
+            this.formobj.loanTemplateTrailer.vehTrailerCertificateFile.forEach((e) => {
+              this.image_list.push({
+                name: '',
+                url: e
+              })
+            })
+          }
+        }
+      })
+    },
+    showTypeChange(value) {
+      const choose = this.proposal_list.filter((item) => item.dictKey === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.showTypeValue = choose[0].dictValue
+      } else {
+        this.formobj.showTypeValue = ''
+      }
+    },
+    noticeModelChange(value) {
+      const choose = this.NoticeModel_list.filter((item) => item.sid === value)
+      if (choose.length > 0 && choose !== null) {
+        this.formobj.vehNoticeModel = choose[0].dictValue
+      } else {
+        this.formobj.vehNoticeModel = ''
+      }
+    },
+    selectModel() {
+      this.viewState = 2
+      const aa = []
+      if (this.formobj.vehModelConfigSid !== '' && this.formobj.vehModelSid !== '') {
+        aa.push({
+          vehicleSid: this.formobj.vehModelSid,
+          configSid: this.formobj.vehModelConfigSid
+        })
+      }
+      this.$refs['divModel'].showData(aa, '', this.formobj.useOrgSid)
+    },
+    backModel(value) {
+      this.viewState = 1
+      this.formobj.vehModel = value.modelName
+      this.formobj.vehModelSid = value.modelSid
+      this.formobj.vehModelConfig = value.configName
+      this.formobj.vehModelConfigSid = value.configSid
+      this.formobj.vehModelConfigMore = value.otherConfig
+      this.formobj.vehPrice = value.guidedPrice
+      this.getAnnounceList()
+    },
+    selectSZ() {
+      this.viewState = 3
+      this.$refs['divSZ'].showData()
+    },
+    backSZ(value) {
+      this.viewState = 1
+      this.formobj.loanTemplateInstall = {
+        colorValue: value.colorValue,
+        installNameValue: value.installNameValue,
+        moreConfig: value.moreConfig,
+        plateMaterialValue: value.plateMaterialValue,
+        plateThicknessBottom: '',
+        plateThicknessEdge: '',
+        plateThickness: value.plateThickness,
+        refitFactory: value.refitFactory,
+        refitMethodValue: value.refitMethodValue,
+        vehInstallPrice: '',
+        vehInstallRemark: '',
+        vehInstallModelSid: value.sid,
+        wkSize: value.wk,
+        wk_high: '',
+        wk_long: '',
+        wk_wide: ''
+      }
+    },
+    selectGC() {
+      this.viewState = 4
+      this.$refs['divGC'].showData()
+    },
+    backGC(value) {
+      this.viewState = 1
+      this.formobj.loanTemplateTrailer = {
+        boxColor: value.boxColor,
+        brandName: value.brandName,
+        carModelName: value.carModelName,
+        insideSize: value.appearanceSize,
+        insideSizeHigh: '',
+        insideSizeLong: '',
+        insideSizeWide: '',
+        manufacturerName: value.manufacturerName,
+        modelTrailerName: value.trailerTypeValue + '(' + value.appearanceSize + ')',
+        moreConfig: value.moreConfig,
+        vehTrailerModelSid: value.sid,
+        vehTrailerCertificateFile: [],
+        vehTrailerPrice: '',
+        vehTrailerRemark: ''
+      }
+    },
+    // 金融方案返回的参数
+    backData(value) {
+      this.formobj.loanTemplateSolutions = value
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.$refs['divJRFA'].backParameters()
+          this.getUrl()
+          this.submitdisabled = true
+          console.log(this.formobj)
+          req.saveOrUpdate(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              // 子页面向父级页面传递值(关闭弹框)
+              window.parent.postMessage({
+                cmd: 'returnHeight',
+                params: {
+                  // 操作成功，告诉父级页面关闭弹框
+                  code: 1
+                }
+              }, '*')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    submit() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.$refs['divJRFA'].backParameters()
+          this.getUrl()
+          this.submitdisabled = true
+          req.submit(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '操作成功' })
+              // 子页面向父级页面传递值(关闭弹框)
+              window.parent.postMessage({
+                cmd: 'returnHeight',
+                params: {
+                  // 操作成功，告诉父级页面关闭弹框
+                  code: 1
+                }
+              }, '*')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    getUrl() {
+      if (this.image_list.length > 0) {
+        const aa = []
+        for (var i = 0; i < this.image_list.length; i++) {
+          aa.push(this.image_list[i].url)
+        }
+        this.formobj.loanTemplateTrailer.vehTrailerCertificateFile = aa
+      } else {
+        this.formobj.loanTemplateTrailer.vehTrailerCertificateFile = []
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.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-riskcenter-ui/src/views/workFlow/dingzhijinrongFlow/customizedfinancialsolutionsYiban.vue

@@ -0,0 +1,429 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="12">
+              <div class="span-sty">模板名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.templateName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">选择预估报价单</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.showTypeValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>车型确定</div>
+          </div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.vehModel }}</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.vehModelConfig }}</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.vehModelConfigMore }}</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.vehPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehNoticeModel }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-show="formobj.install">
+            <div class="title titleOne">
+              <div>上装</div>
+            </div>
+            <el-row>
+              <el-col :span="6">
+                <div class="span-sty">上装名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.installNameValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">委改方式</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitMethodValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">供应商</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.refitFactory }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">货箱内部尺寸</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.wkSize }}</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.loanTemplateInstall.plateMaterialValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">板材厚度</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.plateThickness }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">颜色</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.colorValue }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">融资价格</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateInstall.vehInstallPrice }}</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>{{ formobj.loanTemplateInstall.moreConfig }}</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.loanTemplateInstall.vehInstallRemark }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div v-show="formobj.trailer">
+            <div class="title titleOne">
+              <div>挂车</div>
+            </div>
+            <el-row>
+              <el-col :span="12">
+                <div class="span-sty">车型名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.modelTrailerName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">车辆品牌</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.brandName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">车辆型号</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.carModelName }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">厂商名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.manufacturerName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">内部尺寸</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.insideSize }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">箱体颜色</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.boxColor }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">融资价格</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.loanTemplateTrailer.vehTrailerPrice }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <div class="span-sty">更多配置</div>
+                <el-form-item><span>{{ formobj.loanTemplateTrailer.moreConfig }}</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: 150px;height: 150px" v-for="(item, index) in formobj.loanTemplateTrailer.vehTrailerCertificateFile" :key="index" :src="item" :preview-src-list="formobj.loanTemplateTrailer.vehTrailerCertificateFile"/>
+                </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.loanTemplateTrailer.vehTrailerRemark }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="title">
+            <div>消贷金融方案</div>
+          </div>
+          <financialschemeInfo ref="divInfo"/>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions'
+import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
+
+export default {
+  name: 'CustomizedFinancialSolutionsYiBan',
+  components: {
+    financialschemeInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      formobj: {
+        useOrgSid: '',
+        install: false,
+        loanTemplateInstall: {
+          colorValue: '',
+          installNameValue: '',
+          moreConfig: '',
+          plateMaterialValue: '',
+          plateThicknessBottom: '',
+          plateThicknessEdge: '',
+          plateThickness: '',
+          refitFactory: '',
+          refitMethodValue: '',
+          vehInstallPrice: '',
+          vehInstallRemark: '',
+          vehInstallModelSid: '',
+          wkSize: '',
+          wk_high: '',
+          wk_long: '',
+          wk_wide: ''
+        },
+        loanTemplateSolutions: {
+          saleOrderSid: '',
+          type: '',
+          isPack: '',
+          policyName: '',
+          policySid: '',
+          mainVehicleAmount: '',
+          accessoriesAmount: '',
+          trailerAmount: '',
+          purchaseTax: '',
+          premium: '',
+          loanTotal: '',
+
+          accessoriesAmountCb: false,
+          trailerAmountCb: false,
+          purchaseTaxCb: false,
+          premiumCb: false,
+
+          downPayRatio: '',
+          downPayAmount: '',
+          loanAmount: '',
+          loanPeriod: '',
+          bondRatio: '',
+          bondAmount: '',
+          factoryDiscount: '',
+          factoryDiscountUse: '',
+          policyYearRatio: '',
+          loanPayMoney: '',
+          loanInterest: '',
+          discountCar: '',
+          otherPolicyState: false,
+
+          otherPolicyName: '',
+          otherPolicySid: '',
+          otherPolicyAmount: '',
+          otherPolicyPeriod: '',
+
+          otherPolicyMonthlyRepay: '',
+          otherPolicyInterest: '',
+          otherPolicyYearRatio: '',
+
+          loanDownPay: '',
+          downPayAmountsRatio: '',
+          loanAmountTotal: '',
+          period: '',
+          monthlyRepay: '',
+          interest: '',
+          returnTime: '',
+
+          downPayAmounts: '',
+          bondAmounts: '',
+          depositPremium: '',
+          depositSettle: '',
+          serviceAmount: '',
+          proxyAccidentPremium: '',
+          registerAmount: '',
+          operationAmount: '',
+          vehOtherPrice: '',
+          otherAmount: '',
+          otherAmountRemark: '',
+          dealWay: '',
+          dealWayKey: '',
+          proxyPremium: '',
+          proxyPurchasetax: '',
+          proxyTotal: '',
+          offsetPremium: '',
+          offsetPurchasetax: '',
+          offsetTotal: '',
+          receivableTotal: '',
+          realTotal: '',
+          vehTotalPrice: '',
+          nominalPrice: ''
+        },
+        loanTemplateTrailer: {
+          boxColor: '',
+          brandName: '',
+          carModelName: '',
+          insideSize: '',
+          insideSizeHigh: '',
+          insideSizeLong: '',
+          insideSizeWide: '',
+          manufacturerName: '',
+          modelTrailerName: '',
+          moreConfig: '',
+          vehTrailerModelSid: '',
+          vehTrailerCertificateFile: [],
+          vehTrailerPrice: '',
+          vehTrailerRemark: ''
+        },
+        orgPath: '',
+        showTypeKey: '',
+        showTypeValue: '',
+        sid: '',
+        taskId: '',
+        templateName: '',
+        trailer: false,
+        instanceId: '',
+        userSid: '',
+        vehModel: '',
+        vehModelConfig: '',
+        vehModelConfigMore: '',
+        vehModelConfigSid: '',
+        vehModelSid: '',
+        vehNoticeModel: '',
+        vehNoticeModelSid: '',
+        vehPrice: ''
+      },
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      }
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('iframe页面获取的obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 500 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '公司定制金融方案详情'
+      req.fetchBySid({ sid: sid }).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          this.$nextTick(() => {
+            this.$refs['divInfo'].showInfo(this.formobj.loanTemplateSolutions)
+          })
+        }
+      })
+    },
+    /** 确认撤回任务 */
+    openRevoke() {
+      this.$confirm('是否确认执行撤回操作', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.handleRevoke()
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消撤回'
+        })
+      })
+    },
+    /** 撤回任务 */
+    handleRevoke() {
+      req.revokeProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.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-riskcenter-ui/src/views/workFlow/dingzhijinrongFlow/relation/guacheselect.vue

@@ -0,0 +1,202 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <button-bar view-title="挂车车型管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">
+            {{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form :inline="true" class="tab-header" label-width="100px">
+              <el-row>
+                <el-form-item label="车辆品牌">
+                  <el-input v-model="queryParams.params.brandName" clearable placeholder=""/>
+                </el-form-item>
+                <el-form-item label="车辆型号">
+                  <el-input v-model="queryParams.params.carModelName" clearable placeholder=""/>
+                </el-form-item>
+                <el-form-item label="厂商名称">
+                  <el-select v-model="queryParams.params.manufacturerSid" filterable placeholder="请选择">
+                    <el-option v-for="item in manufacturer_list" :key="item.sid" :label="item.manufacturerName" :value="item.sid">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="挂车类型">
+                  <el-select v-model="queryParams.params.trailerTypeKey" filterable placeholder="请选择">
+                    <el-option v-for="item in trailerType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-row>
+            </el-form>
+            <div class="btn" style="text-align: center">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!--Start 项目列表头部-->
+        <div class="listtop">
+          <div class="tit">挂车列表</div>
+          <pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
+        </div>
+        <!--End 项目列表头部-->
+        <!--Start 项目列表-->
+        <div class="">
+          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
+            <el-table-column width="60" fixed label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" fixed width="80" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="handleConfirm(scope.row)">确认</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column prop="brandName" width="110" label="车辆品牌" align="center"/>
+            <el-table-column prop="carModelName" width="110" label="车辆型号" align="center"/>
+            <el-table-column prop="manufacturerName" label="厂商名称" align="center"/>
+            <el-table-column prop="trailerTypeValue" label="挂车类型" align="center"/>
+            <el-table-column prop="appearanceSize" label="外观尺寸" header-align="center" align="left"/>
+            <el-table-column prop="saleGuidancePrice" width="110" label="销售指导价" align="center"/>
+          </el-table>
+        </div>
+        <!--End 项目列表-->
+        <div class="pages">
+          <!-- 翻页 -->
+          <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" @pagination="loadList"/>
+        </div>
+      </div>
+    </div>
+    <!--End 查询和其列表部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions'
+import ButtonBar from '@/components/ButtonBar'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import { getGysTypeByOrgSid, getOrgSidByPath, typeValues } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'GuaCheSelect',
+  components: {
+    ButtonBar,
+    Pagination,
+    pageye
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+      isSearchShow: false,
+      tableLoading: false,
+      dataList: [],
+      manufacturer_list: [],
+      trailerType_list: [],
+      queryParams: {
+        current: 1,
+        size: 5,
+        total: 0,
+        params: {
+          brandName: '',
+          carModelName: '',
+          manufacturerSid: '',
+          trailerTypeKey: '',
+          useOrgSid: ''
+        }
+      }
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    init() {
+      typeValues({ type: 'trailerType' }).then((res) => {
+        if (res.success) {
+          this.trailerType_list = res.data
+        }
+      })
+      getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
+        if (res.success) {
+          this.queryParams.params.useOrgSid = res.data
+          getGysTypeByOrgSid({ orgSid: res.data, supplierType: '0002' }).then((resp) => {
+            if (resp.success) {
+              this.manufacturer_list = resp.data
+            }
+          })
+          this.loadList()
+        }
+      })
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.queryParams.current - 1) * this.queryParams.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    showData() {
+      this.init()
+    },
+    loadList() {
+      this.tableLoading = true
+      req.listPageByGC(this.queryParams).then((resp) => {
+        if (resp.success) {
+          this.tableLoading = false
+          this.queryParams.total = resp.data.total
+          this.dataList = resp.data.records
+        } else {
+          this.dataList = []
+          this.queryParams.total = 0
+        }
+      })
+    },
+    dosearch() {
+      this.queryParams.current = 1
+      this.loadList()
+    },
+    resetQuery() {
+      this.queryParams = {
+        current: 1,
+        size: 5,
+        total: 0,
+        params: {
+          brandName: '',
+          carModelName: '',
+          manufacturerSid: '',
+          trailerTypeKey: '',
+          useOrgSid: ''
+        }
+      }
+      this.init()
+    },
+    handleConfirm(row) {
+      this.$emit('backData', row)
+    },
+    doClose() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>

anrui-riskcenter-ui/src/views/workFlow/dingzhijinrongFlow/relation/modelSelect.vue

@@ -0,0 +1,213 @@
+<template>
+  <div class="app-container">
+    <div>
+      <button-bar view-title="车型常用列表" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header" label-width="100px">
+              <el-form-item label="车型:">
+                <el-input v-model="listQuery.params.vehicleAlias" placeholder="" clearable class="filter-item"/>
+              </el-form-item>
+              <el-form-item label="常用配置:">
+                <el-input v-model="listQuery.params.configName" placeholder="" clearable class="filter-item"/>
+              </el-form-item>
+              <el-form-item label="内部编码:">
+                <el-input v-model="listQuery.params.insideCode" placeholder="" clearable class="filter-item"/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handresetting">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%">
+            <el-table-column width="60" fixed label="编号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" fixed width="80" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="handleConfirm(scope.row)">确认</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="品牌" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.brandName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型编码" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vehicleTypeCode }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center" width="250">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vehicleAlias }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="配置编码" align="center" width="100">
+              <template slot-scope="scope">
+                <span>{{ scope.row.configCode }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="常用配置" header-align="center" align="left">
+              <template slot-scope="scope">
+                <span>{{ scope.row.configName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="内部编码" align="center" width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.insideCode }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售指导价(元)" width="130" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.guidedPrice }}</span>
+              </template>
+            </el-table-column>
+          </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 ButtonBar from '@/components/ButtonBar'
+import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions'
+
+export default {
+  name: 'ModelSelect',
+  components: {
+    Pagination,
+    ButtonBar
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      tableKey: 0,
+      sids: [],
+      list: [],
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 5,
+        params: {
+          vehicleAlias: '',
+          configName: '',
+          useOrgSid: '',
+          vehicleStateValue: '',
+          carBrandSid: '',
+          insideCode: '',
+          sidList: []
+        },
+        total: 1
+      }
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      req.listPageByModelAndConfig(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.success) {
+          this.listQuery.total = response.data.total
+          this.list = response.data.records
+        }
+      })
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 重置按钮
+    handresetting() {
+      this.listQuery.current = 1
+      this.listQuery.total = 0
+      this.listQuery.size = 5
+      this.listQuery.params.vehicleAlias = ''
+      this.listQuery.params.configName = ''
+      this.listQuery.params.useOrgSid = ''
+      this.listQuery.params.vehicleStateValue = ''
+      this.listQuery.params.insideCode = ''
+      this.getList()
+    },
+    showData(value, carBrandSid, createOrgSid) {
+      const aa = []
+      if (value.length > 0) {
+        for (var i = 0; i < value.length; i++) {
+          aa.push({
+            modelSid: value[i].vehicleSid,
+            configSid: value[i].configSid
+          })
+        }
+        this.listQuery.params.sidList = aa
+      } else {
+        this.listQuery.params.sidList = []
+      }
+      this.listQuery.current = 1
+      this.listQuery.total = 0
+      this.listQuery.size = 5
+      this.listQuery.params.carBrandSid = carBrandSid
+      this.listQuery.params.useOrgSid = createOrgSid
+      this.getList()
+    },
+    handleConfirm(row) {
+      this.$emit('backData', row)
+    },
+    // 返回
+    doClose() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>

anrui-riskcenter-ui/src/views/workFlow/dingzhijinrongFlow/relation/shangzhuangselect.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <button-bar view-title="上装配置管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">
+            {{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form :inline="true" class="tab-header" label-width="100px">
+              <el-form-item label="车辆功能">
+                <el-select v-model="queryParams.params.vehicleTypeKey" filterable placeholder="请选择">
+                  <el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="委改方式">
+                <el-select v-model="queryParams.params.refitMethodKey" filterable placeholder="请选择">
+                  <el-option v-for="item in refitMethod_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="供应商">
+                <el-select v-model="queryParams.params.refitFactorySid" filterable placeholder="请选择">
+                  <el-option v-for="item in refitFactory_list" :key="item.sid" :label="item.manufacturerName" :value="item.sid">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="上装名称">
+                <el-select v-model="queryParams.params.installNameKey" filterable placeholder="请选择">
+                  <el-option v-for="item in installName_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="颜色">
+                <el-select v-model="queryParams.params.colorKey" filterable placeholder="请选择">
+                  <el-option v-for="item in color_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="板材材质">
+                <el-select v-model="queryParams.params.plateMaterialKey" filterable placeholder="请选择">
+                  <el-option v-for="item in plateMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!--Start 项目列表头部-->
+        <div class="listtop">
+          <div class="tit">上装配置列表</div>
+          <pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
+        </div>
+        <!--End 项目列表头部-->
+        <!--Start 项目列表-->
+        <div class="">
+          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
+            <el-table-column width="70px" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="handleSelect(scope.row)">确认</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column prop="vehicleTypeValue" label="车辆功能" align="center"/>
+            <el-table-column prop="installNameValue" label="上装名称" align="center"/>
+            <el-table-column prop="refitMethodValue" label="委改方式" align="center"/>
+            <el-table-column prop="refitFactory" label="供应商" align="center"/>
+            <el-table-column prop="wk" label="货箱内部尺寸" header-align="center" align="left" width="200"/>
+            <el-table-column prop="colorValue" label="颜色" align="center"/>
+            <el-table-column prop="plateMaterialValue" label="板材材质" align="center"/>
+            <el-table-column prop="plateThickness" label="板材厚度" header-align="center" align="left" width="150"/>
+            <el-table-column prop="tarpaulinSlide" label="篷布滑道" align="center"/>
+            <el-table-column prop="refrigerator" label="冷藏冷机" align="center"/>
+            <el-table-column prop="selfUnHyCoPl" label="自卸液压盖板" align="center" width="150"/>
+            <el-table-column prop="floorHeating" label="底板加热" align="center"/>
+          </el-table>
+        </div>
+        <!--End 项目列表-->
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="init"/>
+        </div>
+      </div>
+    </div>
+    <!--End 查询和其列表部分-->
+  </div>
+</template>
+
+<script>
+import req from '@/api/customizedfinancialsolutions/customizedfinancialsolutions'
+import ButtonBar from '@/components/ButtonBar'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import { getGysByOrgSid, getOrgSidByPath, typeValues } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'ShangZhuangSelect',
+  components: {
+    ButtonBar,
+    Pagination,
+    pageye
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+      isSearchShow: false,
+      tableLoading: false,
+      dataList: [],
+      installName_list: [],
+      vehicleType_list: [],
+      refitMethod_list: [],
+      color_list: [],
+      refitFactory_list: [],
+      plateMaterial_list: [],
+      queryParams: {
+        current: 1,
+        size: 5,
+        total: 0,
+        params: {
+          vehicleTypeKey: '',
+          installNameKey: '',
+          refitMethodKey: '',
+          refitFactorySid: '',
+          colorKey: '',
+          plateMaterial: '',
+          createOrgSid: ''
+        }
+      },
+      multipleSelection: []
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    init() {
+      getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
+        if (res.success) {
+          this.queryParams.params.createOrgSid = res.data
+          getGysByOrgSid({ orgSid: res.data }).then((res) => {
+            if (res.success) {
+              this.refitFactory_list = res.data
+            }
+          })
+          this.loadList()
+        }
+      })
+      this.DataDictionary()
+    },
+    DataDictionary() {
+      // 上装名称
+      typeValues({ type: 'topName' }).then((res) => {
+        if (res.success) {
+          this.installName_list = res.data
+        }
+      })
+      // 车辆功能
+      typeValues({ type: 'vehicleFunction' }).then((res) => {
+        if (res.success) {
+          this.vehicleType_list = res.data
+        }
+      })
+      typeValues({ type: 'bodyColor' }).then((res) => {
+        if (res.success) {
+          this.color_list = res.data
+        }
+      })
+      typeValues({ type: 'refitMethod' }).then((res) => {
+        if (res.success) {
+          this.refitMethod_list = res.data
+        }
+      })
+      typeValues({ type: 'plateMaterial' }).then((res) => {
+        if (res.success) {
+          this.plateMaterial_list = res.data
+        }
+      })
+    },
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    showData() {
+      this.init()
+    },
+    dosearch() {
+      this.queryParams.current = 1
+      this.init()
+    },
+    resetQuery() {
+      this.queryParams = {
+        current: 1,
+        size: 5,
+        total: 0,
+        params: {
+          vehicleTypeKey: '',
+          installNameKey: '',
+          refitMethodKey: '',
+          refitFactorySid: '',
+          colorKey: '',
+          plateMaterial: '',
+          createOrgSid: ''
+        }
+      }
+      this.init()
+    },
+    loadList() {
+      this.tableLoading = true
+      req.listPageBySZ(this.queryParams).then((resp) => {
+        this.tableLoading = false
+        if (resp.success) {
+          const data = resp.data
+          this.queryParams.total = data.total
+          this.dataList = data.records
+        } else {
+          this.queryParams.total = 0
+          this.dataList = []
+        }
+      }).catch(() => {
+        this.tableLoading = false
+      })
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.queryParams.current - 1) * this.queryParams.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    handleSelect(row) {
+      this.$emit('backData', row)
+    },
+    doClose() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+<style scoped>
+</style>

anrui-riskcenter-ui/src/views/workFlow/publicPage/financialschemeEdit.vue

@@ -0,0 +1,492 @@
+<template>
+  <div style="margin-top: 2px">
+    <div v-show="viewState == 1">
+      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <div class="title titleOne">
+          <div>消贷金融方案</div>
+          <el-button type="primary" size="mini" @click="financialComputing">金融计算</el-button>
+        </div>
+        <div>
+          <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.premium }} 元</span>
+                  <span>购置税{{ formobj.purchaseTax }} 元</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.factoryDiscountUse }}</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.policyYearRatio }}</span></el-form-item>
+            </el-col>
+            <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="6">
+              <div v-show="formobj.factoryDiscountUseKey == '01'">
+                <div class="span-sty">贴息抵车款</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.discountCar }}</span></el-form-item>
+              </div>
+            </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.otherPolicyYearRatio }}</span></el-form-item>
+              </el-col>
+              <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-row>
+          </div>
+          <div class="title">方案汇总</div>
+          <el-row>
+            <el-col :span="6">
+              <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.downPayAmountsRatio }}</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"></el-col>
+            <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="6">
+              <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="24">
+              <div class="span-sty">办理方式选择</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.dealWayKey == '01' && formobj.isPack == '0' ">
+            <el-col :span="6">
+              <div class="span-sty">代收费用合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyTotal }}</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 v-if="formobj.dealWayKey == '02' && formobj.isPack == '1'">
+            <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>
+      </el-form>
+    </div>
+    <financialscheme v-show="viewState == 2" ref="divCount" @backData="backData" @doback="resetState"/>
+  </div>
+</template>
+<script>
+import financialscheme from './financialscheme'
+
+export default {
+  name: '',
+  components: {
+    financialscheme
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      formobj: {
+        saleOrderSid: '',
+        type: '',
+        isPack: '',
+        policyName: '',
+        policySid: '',
+        mainVehicleAmount: '',
+        accessoriesAmount: '',
+        trailerAmount: '',
+        purchaseTax: '',
+        premium: '',
+        loanTotal: '',
+
+        accessoriesAmountCb: false,
+        trailerAmountCb: false,
+        purchaseTaxCb: false,
+        premiumCb: false,
+
+        downPayRatio: '',
+        downPayAmount: '',
+        loanAmount: '',
+        loanPeriod: '',
+        bondRatio: '',
+        bondAmount: '',
+        factoryDiscount: '',
+        factoryDiscountUse: '',
+        factoryDiscountUseKey: '',
+        policyYearRatio: '',
+        loanPayMoney: '',
+        loanInterest: '',
+        discountCar: '',
+        otherPolicyState: false,
+
+        otherPolicyName: '',
+        otherPolicySid: '',
+        otherPolicyAmount: '',
+        otherPolicyPeriod: '',
+
+        otherPolicyMonthlyRepay: '',
+        otherPolicyInterest: '',
+        otherPolicyYearRatio: '',
+
+        loanDownPay: '',
+        downPayAmountsRatio: '',
+        loanAmountTotal: '',
+        period: '',
+        monthlyRepay: '',
+        interest: '',
+        returnTime: '',
+
+        downPayAmounts: '',
+        bondAmounts: '',
+        depositPremium: '',
+        depositSettle: '',
+        serviceAmount: '',
+        proxyAccidentPremium: '',
+        registerAmount: '',
+        operationAmount: '',
+        vehOtherPrice: '',
+        otherAmount: '',
+        otherAmountRemark: '',
+        dealWay: '',
+        dealWayKey: '',
+        proxyPremium: '',
+        proxyPurchasetax: '',
+        proxyTotal: '',
+        offsetPremium: '',
+        offsetPurchasetax: '',
+        offsetTotal: '',
+        receivableTotal: '',
+        realTotal: '',
+        vehTotalPrice: '',
+        nominalPrice: ''
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(value) {
+      this.formobj = value
+    },
+    financialComputing() {
+      this.viewState = 2
+      this.$refs['divCount'].showAdd(this.formobj)
+    },
+    backData(value) {
+      this.viewState = 1
+      this.formobj = value
+    },
+    backParameters() {
+      this.$emit('backParameters', this.formobj)
+      this.formobj = {
+        saleOrderSid: '',
+        type: '',
+        isPack: '',
+        policyName: '',
+        policySid: '',
+        mainVehicleAmount: '',
+        accessoriesAmount: '',
+        trailerAmount: '',
+        purchaseTax: '',
+        premium: '',
+        loanTotal: '',
+
+        accessoriesAmountCb: false,
+        trailerAmountCb: false,
+        purchaseTaxCb: false,
+        premiumCb: false,
+
+        downPayRatio: '',
+        downPayAmount: '',
+        loanAmount: '',
+        loanPeriod: '',
+        bondRatio: '',
+        bondAmount: '',
+        factoryDiscount: '',
+        factoryDiscountUse: '',
+        factoryDiscountUseKey: '',
+        policyYearRatio: '',
+        loanPayMoney: '',
+        loanInterest: '',
+        discountCar: '',
+        otherPolicyState: false,
+
+        otherPolicyName: '',
+        otherPolicySid: '',
+        otherPolicyAmount: '',
+        otherPolicyPeriod: '',
+
+        otherPolicyMonthlyRepay: '',
+        otherPolicyInterest: '',
+        otherPolicyYearRatio: '',
+
+        loanDownPay: '',
+        downPayAmountsRatio: '',
+        loanAmountTotal: '',
+        period: '',
+        monthlyRepay: '',
+        interest: '',
+        returnTime: '',
+
+        downPayAmounts: '',
+        bondAmounts: '',
+        depositPremium: '',
+        depositSettle: '',
+        serviceAmount: '',
+        proxyAccidentPremium: '',
+        registerAmount: '',
+        operationAmount: '',
+        vehOtherPrice: '',
+        otherAmount: '',
+        otherAmountRemark: '',
+        dealWay: '',
+        dealWayKey: '',
+        proxyPremium: '',
+        proxyPurchasetax: '',
+        proxyTotal: '',
+        offsetPremium: '',
+        offsetPurchasetax: '',
+        offsetTotal: '',
+        receivableTotal: '',
+        realTotal: '',
+        vehTotalPrice: '',
+        nominalPrice: ''
+      }
+    },
+    resetState() {
+      this.viewState = 1
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0px;
+}
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.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-riskcenter-ui/src/views/workFlow/publicPage/financialschemeInfo.vue

@@ -1,21 +1,15 @@
 <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="">
-      <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
-        <div v-if="formobj.typeKey !== '02'">
+  <div>
+    <div>
+      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <div>
           <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>
+              <div class="span-sty">产品政策</div>
               <el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
             </el-col>
           </el-row>
@@ -25,11 +19,10 @@
               <el-form-item>
                 <div class="addinputInfo">
                   <span>主车发票价{{ formobj.mainVehicleAmount }} 元</span>
-                  <span>融资票据{{ formobj.accessoriesAmount }} 元</span>
+                  <span>配件{{ formobj.accessoriesAmount }} 元</span>
                   <span>挂车{{ formobj.trailerAmount }} 元</span>
                   <span>保险{{ formobj.premium }} 元</span>
                   <span>购置税{{ formobj.purchaseTax }} 元</span>
-                  <span>车损上浮{{ formobj.vehDamageFloat }} 元</span>
                 </div>
               </el-form-item>
             </el-col>
@@ -40,7 +33,7 @@
           </el-row>
           <el-row>
             <el-col :span="6">
-              <div class="span-sty">首付比例</div>
+              <div class="span-sty">首付比例(%)</div>
               <el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
             </el-col>
             <el-col :span="6">
@@ -58,7 +51,7 @@
           </el-row>
           <el-row>
             <el-col :span="6">
-              <div class="span-sty">贷款保证金比例</div>
+              <div class="span-sty">贷款保证金比例(%)</div>
               <el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
             </el-col>
             <el-col :span="6">
@@ -70,11 +63,15 @@
               <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>
+              <div class="span-sty">贴息用途</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</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.policyYearRatio }}</span></el-form-item>
+            </el-col>
             <el-col :span="6">
               <div class="span-sty">月还金额</div>
               <el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item>
@@ -83,9 +80,11 @@
               <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 :span="6">
+              <div v-show="formobj.factoryDiscountUseKey == '01'">
+                <div class="span-sty">贴息抵车款</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.discountCar }}</span></el-form-item>
+              </div>
             </el-col>
           </el-row>
           <div v-show="formobj.otherPolicyState">
@@ -105,6 +104,10 @@
               </el-col>
             </el-row>
             <el-row>
+              <el-col :span="6">
+                <div class="span-sty">年利率</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
+              </el-col>
               <el-col :span="6">
                 <div class="span-sty">月还金额</div>
                 <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
@@ -113,10 +116,6 @@
                 <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>
@@ -126,7 +125,7 @@
               <el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
             </el-col>
             <el-col :span="6">
-              <div class="span-sty">实际首付比例</div>
+              <div class="span-sty">实际首付比例(%)</div>
               <el-form-item><span class="addinputInfo">{{ formobj.downPayAmountsRatio }}</span></el-form-item>
             </el-col>
             <el-col :span="6">
@@ -139,11 +138,12 @@
             </el-col>
           </el-row>
           <el-row>
+            <el-col :span="6"></el-col>
             <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">
+            <el-col :span="6">
               <div class="span-sty">利息总额</div>
               <el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
             </el-col>
@@ -204,10 +204,16 @@
             </el-col>
           </el-row>
           <el-row>
-            <el-col :span="6">
+            <el-col :span="24">
               <div class="span-sty">办理方式选择</div>
               <el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
             </el-col>
+          </el-row>
+          <el-row v-if="formobj.dealWayKey == '01' && formobj.isPack == '0' ">
+            <el-col :span="6">
+              <div class="span-sty">代收费用合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyTotal }}</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>
@@ -223,7 +229,7 @@
               <el-form-item><span class="addinputInfo">{{ formobj.receivableTotal }}</span></el-form-item>
             </el-col>
           </el-row>
-          <el-row>
+          <el-row v-if="formobj.dealWayKey == '02' && formobj.isPack == '1'">
             <el-col :span="6">
               <div class="span-sty">抵顶费用合计</div>
               <el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>
@@ -259,28 +265,6 @@
             </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>
@@ -288,7 +272,7 @@
 <script>
 
 export default {
-  name: 'JinRongFangAnInfo',
+  name: '',
   data() {
     return {
       viewTitle: '',
@@ -303,6 +287,8 @@ export default {
     showInfo(value) {
       this.viewTitle = '金融方案'
       this.formobj = value
+      console.log(value, 8888)
+      console.log(this.formobj, 9999)
     },
     handleReturn() {
       this.$emit('doback')
@@ -312,6 +298,9 @@ export default {
 </script>
 
 <style scoped>
+.formaddcopy02 {
+  padding: 0px;
+}
 .span-sty {
   width: 130px !important;
 }