销售订单详情、流程

anrui-buscenter/anrui-buscenter-ui/src/api/salesManagement/orderManagement.js

@@ -1,59 +1,137 @@
-import request from "@/utils/request";
+import request from '@/utils/request'
 // ----------------------------------- 订单管理
-// 销售订单管理列表 已改
+// 销售订单管理列表
 export function getListPage(data) {
   return request({
-    url: "/buscenter/v1/bussalesorder/listPage",
-    method: "post",
+    url: '/buscenter/v1/bussalesorder/listPage',
+    method: 'post',
     data: data,
     headers: {
-      "Content-Type": "application/json"
+      'Content-Type': 'application/json'
     }
-  });
+  })
 }
 
-// 销售订单批量删除销售订单 已改
+// 销售订单批量删除销售订单
 export function delBySids(data) {
   return request({
-    url: "/buscenter/v1/bussalesorder/delBySids",
-    method: "delete",
+    url: '/buscenter/v1/bussalesorder/delBySids',
+    method: 'delete',
     data: data,
     headers: {
-      "Content-Type": "application/json"
+      'Content-Type': 'application/json'
     }
   });
 }
 
-// 销售订单新增保存 已改
+// 销售订单新增保存
 export function saveOrderForm(data) {
   return request({
-    url: "/buscenter/v1/bussalesorder/saveOrUpdate",
-    method: "post",
+    url: '/buscenter/v1/bussalesorder/saveOrUpdate',
+    method: 'post',
     data: data,
     headers: {
-      "Content-Type": "application/json"
+      'Content-Type': 'application/json'
     }
   });
 }
 
-// 编辑、详情初始化 已改(8.9修改后)
-export function fetchDetailsBySid(params) {
+// 编辑、详情初始化
+export function fetchDetailsBySid(data) {
   return request({
-    url: "/buscenter/v1/bussalesorder/fetchDetailsBySid/" + params.sid,
-    method: "get",
-    params: params,
-  });
+    url: '/buscenter/v1/bussalesorder/fetchDetailsBySid/' + data,
+    method: 'get'
+  })
 }
+
 // 销售订单提交接口 (8.9修改后)
 export function submitOrderForm(params) {
   return request({
-    url: "/buscenter/v1/bussalesorder/submit",
-    method: "post",
+    url: '/buscenter/v1/bussalesorder/submit',
+    method: 'post',
     data: params,
     headers: {
-      "Content-Type": "application/json"
+      'Content-Type': 'application/json'
     }
-  });
+  })
+}
+
+// 流程审批（同意）
+export function complete(params) {
+  return request({
+    url: '/buscenter/v1/bussalesorder/complete',
+    method: 'put',
+    data: params,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 流程审批（同意--可选择采购系统）
+export function completeBy(params) {
+  return request({
+    url: '/buscenter/v1/bussalesorder/completeBy',
+    method: 'put',
+    data: params,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 流程审批（终止）
+export function breakProcess(params) {
+  return request({
+    url: '/buscenter/v1/bussalesorder/breakProcess',
+    method: 'put',
+    data: params,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 流程审批（驳回）
+export function reject(params) {
+  return request({
+    url: '/buscenter/v1/bussalesorder/reject',
+    method: 'put',
+    data: params,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 流程审批（撤回）
+export function revokeProcess(params) {
+  return request({
+    url: '/buscenter/v1/bussalesorder/revokeProcess',
+    method: 'put',
+    data: params,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 流程审批（获取下一环节）
+export function getNextNodesForSubmit(data) {
+  return request({
+    url: '/buscenter/v1/bussalesorder/getNextNodesForSubmit',
+    method: 'get',
+    params: data
+  })
+}
+
+// 流程审批（获取上一环节）
+export function getPreviousNodesForReject(data) {
+  return request({
+    url: '/buscenter/v1/bussalesorder/getPreviousNodesForReject',
+    method: 'get',
+    params: data
+  })
 }
 
 // 外联表接口

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

@@ -217,6 +217,15 @@ export const constantRoutes = [
           title: '销售让价权限管理'
         }
       },
+      {
+        path: '/xiaoshouguanli/dingdanchaxun',
+        component: () =>
+          import('@/views/xiaoshouguanli/dingdanchaxun/xiaoshoudingdanchaxun.vue'),
+        name: 'XiaoShouDingDanChaXun',
+        meta: {
+          title: '销售订单查询', noCache: true
+        }
+      },
       {
         path: '/xiaoshouguanli/guachepeizhixinxi',
         component: () =>
@@ -487,14 +496,21 @@ export const constantRoutes = [
     path: '/xiaoshouguanliFlow/xiaoshoudingdan/xiaoshoudingdan',
     component: () =>
       import('@/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdan.vue'),
-    name: 'xiaoshoudingdanFlow'
+    name: 'XiaoShouDingDanDaiBanInfo'
   },
   // 销售管理已办详情
   {
     path: '/xiaoshouguanliFlow/xiaoshoudingdan/xiaoshoudingdanInfo',
     component: () =>
       import('@/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanInfo.vue'),
-    name: 'xiaoshoudingdanFlowInfo'
+    name: 'XiaoShouDingDanYiBanInfo'
+  },
+  // 销售管理已办详情--销售支出部经理审批环节--选择采购系统
+  {
+    path: '/xiaoshouguanliFlow/xiaoshoudingdan/xiaoshoudingdanByCaiGou',
+    component: () =>
+      import('@/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanByCaiGou.vue'),
+    name: 'xiaoshoudingdanByCaiGou'
   },
   // 销售管理驳回到发起人办理
   {

anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganAdd.vue

@@ -547,7 +547,8 @@ export default {
         visitWay: '', // 见面方式
         visitWayKey: '',
         userSid: '',
-        orgSid: ''
+        orgSid: '',
+        orgPath: ''
       }, // 添加和修改
       templooke: {},
       dialogFormVisible: false,
@@ -945,6 +946,7 @@ export default {
             this.$message({ showClose: true, type: 'error', message: '因客户类型为企业,客户名称的长度应不少于5个汉字' })
             return
           }
+          this.temp.orgPath = window.sessionStorage.getItem('defaultOrgPath')
           if (this.stateId === '0') {
             const tip = '客户名称、联系电话一经保存，无法修改，是否继续保存'
             this.$confirm(tip, '提示', {

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/relation/financialscheme.vue

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

anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanByCaiGou.vue

@@ -0,0 +1,752 @@
+<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" @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="">
+        <div class="titwu">销售订单</div>
+        <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8">
+              <div class="span-sty">订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">制单日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">销售机构</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">客户信息</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</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.affiliatedCompany }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.payType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">是否包牌</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车型信息</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">常用配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">更多配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">特殊配置说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">上装</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</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.busSalesOrderModel.vinNo }}</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.busSalesOrderModel.linkNo }}</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.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">挂车信息</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span></span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">价格信息</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台整体指导价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">主车单台成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单台整体成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台折让(元)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">台数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车价合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">计划提车日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">预计提车地点</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">保险说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">订金信息</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">单台订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.deposit }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">订金合计</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.depositAll }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">订金缴纳方式</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">需补交订金</div>
+              <el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.makeUpDeposit }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">款项确认书</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 178px;height: 178px;" v-for="(item,index) in formobj.busSalesOrderDeposit.paymentConfirmation" :key="index" :src="item" :preview-src-list="formobj.busSalesOrderDeposit.paymentConfirmation"></el-image></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">订金备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositRemarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">优惠套餐</div>
+          <el-table :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column label="优惠名称" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.name }}
+              </template>
+            </el-table-column>
+            <el-table-column label="价值" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠项目说明" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.discountExplain }}
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.num }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="totalValue" label="小计" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.totalValue }}
+              </template>
+            </el-table-column>
+          </el-table>
+          <div v-show="formobj.finPlanState" class="jinrong">
+            <div>金融方案</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button>
+            </div>
+          </div>
+          <div class="title">补充说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.notes }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">其它信息</div>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">内部引荐人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">返利备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人1</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介服务费合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">中介人2</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">单车中介服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">中介服务费合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 选择待办人 的弹出框-->
+    <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>
+    <el-dialog :visible.sync="purchaseVisible" width="60%">
+      <el-form class="formadd">
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="6" class="tleftb">
+            <span><span class="icon">*</span>采购系统:</span>
+          </el-col>
+          <el-col :span="18">
+            <el-form-item>
+              <el-select v-model="purchaseName" placeholder="请选择" @change="changePurchase" clearable class="">
+                <el-option v-for="item in purchase_list" :key="item.deptSid" :label="item.purchaseSystemName" :value="item.purchaseSystemName"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div style="text-align:center;margin-top: 20px;">
+          <el-button type="primary" size="mini" @click="confirm">确定</el-button>
+          <el-button type="info " size="mini" @click="cancel">取消</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
+    <financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
+  </div>
+</template>
+<script>
+import { fetchDetailsBySid, completeBy, breakProcess, reject, getNextNodesForSubmit, getPreviousNodesForReject } from '@/api/salesManagement/orderManagement'
+import { getOrgSidByPath, fetchDetailsByUseOrgSid } from '@/api/dictcommons/dictcommons'
+import financialscheme from './relation/financialscheme'
+
+export default {
+  name: 'XiaoShouDingDanByCaiGouInfo',
+  components: {
+    financialscheme
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      purchase_list: [],
+      purchaseName: '',
+      purchaseSid: '',
+      formobj: {
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        purchaseSystemName: '',
+        purchaseSystemSid: '',
+        finPlanState: false
+      },
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      startTask: true,
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      purchaseVisible: false, // 采购系统
+      currentLink: true,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: '',
+        purchaseSystemName: '',
+        purchaseSystemSid: ''
+      }
+    }
+  },
+  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: 450 + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      fetchDetailsBySid(sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
+            this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.linkNo = ''
+          }
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
+          }
+          getOrgSidByPath({ orgPath: this.linkByParameter.orgSidPath }).then((res) => {
+            if (res.success) {
+              fetchDetailsByUseOrgSid(res.data).then((response) => {
+                if (response.success) {
+                  this.purchase_list = response.data
+                }
+              })
+            }
+          })
+        }
+      })
+    },
+    handleLook() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo)
+    },
+    // 合计
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = ''
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (column.property === 'totalValue') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
+        } else {
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr)
+              if (!isNaN(value)) {
+                return prev + curr
+              } else {
+                return prev
+              }
+            }, 0)
+            sums[index] += ''
+            this.amount = sums[index] += ''
+          } else {
+            sums[index] = ''
+          }
+        }
+      })
+      return sums
+    },
+    changePurchase(value) {
+      const choose = this.purchase_list.filter((item) => item.purchaseSystemName === value)
+      this.purchaseSid = choose[0].deptSid
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.purchaseName = this.formobj.purchaseSystemName
+      this.purchaseSid = this.formobj.purchaseSystemSid
+      if (this.formobj.type === '3') {
+        this.purchaseVisible = true
+      } else {
+        this.currentLink = true
+        this.dialogList.comment = '同意'
+        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
+        })
+      }
+    },
+    confirm() {
+      if (this.purchaseName === '') {
+        this.$message({ showClose: true, type: 'error', message: '采购系统不能为空' })
+        return
+      }
+      this.cancel()
+      this.currentLink = true
+      this.dialogList.comment = '同意'
+      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
+      })
+    },
+    cancel() {
+      this.purchaseVisible = false
+      this.purchaseName = ''
+      this.purchaseSid = ''
+    },
+    // 驳回
+    openReject(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = ''
+      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
+      this.linkByParameter.purchaseSystemName = this.purchaseName
+      this.linkByParameter.purchaseSystemSid = this.purchaseSid
+      completeBy(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
+      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
+      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
+            }
+          }, '*')
+        }
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    }
+  }
+}
+</script>
+
+<style scoped>
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
+.rowClass{
+  border-top: 1px solid #E0E3EB;
+}
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.jinrong {
+  padding: 7px;
+  font-weight: bold;
+  font-size: 16px;
+  background-color: #0294d7;
+  text-align: left;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1px;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>

anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/financialscheme.vue

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

anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue

@@ -316,7 +316,7 @@ export default {
     // 打开查看详情
     toInfo(row) {
       this.viewState = 4
-      this.$refs['dingdanxinxiinfo'].showInfo(row.sid)
+      this.$refs['dingdanxinxiinfo'].showInfo(row)
     },
     xiaoshouhetong(row) {
       this.$refs['hetongdanganguanli-Info'].showOrderHeTong(row.sid)