diff --git a/anrui-buscenter/anrui-buscenter-ui/src/api/salesManagement/orderManagement.js b/anrui-buscenter/anrui-buscenter-ui/src/api/salesManagement/orderManagement.js
index 39e656a779..da23ce9c0e 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/api/salesManagement/orderManagement.js
+++ b/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
+  })
 }
 
 // 外联表接口
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/router/index.js b/anrui-buscenter/anrui-buscenter-ui/src/router/index.js
index 049db637ea..9c7670bc52 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/router/index.js
+++ b/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'
   },
   // 销售管理驳回到发起人办理
   {
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganAdd.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganAdd.vue
index d27127d41d..afa984f3ae 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehudangan/kehudanganAdd.vue
+++ b/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, '提示', {
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/relation/financialscheme.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/relation/financialscheme.vue
new file mode 100644
index 0000000000..33620dc485
--- /dev/null
+++ b/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>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdan.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdan.vue
index 05a8aec9e9..188117e00d 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdan.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdan.vue
@@ -1,1015 +1,681 @@
 <template>
   <div class="app-container">
-    <div>
+    <div v-show="viewState == 1">
       <div class="tab-header webtop">
-        <div>销售订车单详情</div>
+        <div>{{ viewTitle }}</div>
         <div>
-          <el-button type="primary" @click="openAgree">同 意</el-button>
-          <el-button type="danger" @click="openReject">驳 回</el-button>
-          <el-button type="danger" @click="openStop">终 止</el-button>
+          <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
+          <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
+          <el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
         </div>
       </div>
-      <div class="listconadd">
-        <el-form ref="dataForm" :model="temp" label-position="right" class="formadd">
-          <!-- --------------------------订单----------------- -->
-          <div class="tit">
-            销售订单
-            <div class="times">
-              <div>
-                <span>销售部门：</span>
-                <span>{{ temp.orgName }}</span>
-              </div>
-              <div>
-                <span>销售专员：</span>
-                <span>{{ temp.staffName }}</span>
-              </div>
-              <div>
-                <span>制单日期：</span>
-                <span>{{ temp.createDate }}</span>
-              </div>
-              <div>
-                <span>编号：</span>
-                <span>{{ temp.billNo }}</span>
-              </div>
-            </div>
-          </div>
-          <!-- ==================== 客户信息 ======================================== -->
-          <div class="titleleft">客户信息</div>
-          <el-row class="bordertopline">
-            <el-col :span="3">
-              <span>客户名称</span>
-            </el-col>
-            <el-col :span="9">
-              <el-form-item prop="customerName">
-                <span>{{ temp.customerName }}</span>
-              </el-form-item>
+      <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="3">
-              <span>联系电话</span>
+            <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="9">
-              <el-form-item prop="mobile">
-                <span>{{ temp.mobile }}</span>
-              </el-form-item>
+            <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="3">
-              <span>开票类型</span>
+            <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="9">
-              <el-form-item prop="billingType">
-                <span>{{ temp.billingType }}</span>
-              </el-form-item>
+            <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="3">
-              <span>付款方式</span>
+            <el-col :span="8">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
             </el-col>
-            <el-col :span="9">
-              <el-form-item prop="billingType">
-                <span>{{ temp.payType }}</span>
-              </el-form-item>
+          </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="3">
-              <span>挂靠公司</span>
+            <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="9">
-              <el-form-item prop="affiliatedCompanySid">
-                <span>{{ temp.affiliatedCompany }}</span>
-              </el-form-item>
+            <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-col :span="12"/>
           </el-row>
-          <!-- ==================== 车型确定 ======================================== -->
-          <div class="titleleft">
-            <span>车型确定</span>
-          </div>
+          <div class="title">车型信息</div>
           <el-row>
-            <el-col :span="4">
-              <span>车型名称</span>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
             </el-col>
-            <el-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.modelName }}</span>
-              </el-form-item>
+          </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="4">
-              <span>车型配置</span>
+            <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-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.modelConfig }}</span>
-              </el-form-item>
+          </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="4">
-              <span>常用配置</span>
+            <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="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.config }}</span>
-              </el-form-item>
+            <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="4">
-              <span>更多配置</span>
+            <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-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.moreConfig }}</span>
-              </el-form-item>
+          </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="4">
-              <span>特殊配置说明</span>
+            <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-col :span="20">
-              <el-form-item>
-                <span>{{temp.busSalesOrderModel.specialConfig}}</span>
-              </el-form-item>
+          </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="4">
-              <span>单台指导价</span>
+            <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">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.guildPrice }}</span>
-              </el-form-item>
+              <div class="span-sty">单台折让(元)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
             </el-col>
-            <el-col :span="4">
-              <span>单台成交价</span>
+            <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">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.finalPrice }}</span>
-              </el-form-item>
+              <div class="span-sty">车价合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</span></el-form-item>
             </el-col>
           </el-row>
-          <!-- ==================== 车辆信息 ======================================== -->
-          <div class="titleleft">车辆信息</div>
-          <div class="chosseBtn">
-            <el-row>
-              <el-col :span="4">
-                <span>{{ temp.vehicleType }}</span>
-              </el-col>
-              <el-col :span="20">
-                <!--放置五个车架号-->
-                <el-form-item v-if="temp.type == '1'">
-                  <div class="linkNoSty" v-for="(item,index) in temp.busSalesOrderVehicleList">
-                    <span>{{ item.linkNo }}</span>
-                  </div>
-                </el-form-item>
-                <el-form-item v-if="temp.type == '2'">
-                  <div class="linkNoSty" v-for="(item,index) in temp.busSalesVehicleOrderList">
-                    <span>{{ item.linkNo }}</span>
-                  </div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-          <!-- ==================== 上装 ======================================== -->
-          <div class="titleleft">上装</div>
-          <div class="shangzhuangstyle">
-            <el-row>
-              <el-col :span="2">
-                <span>上装名称</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.topName }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>委改方式</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.refitMethod }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>委改厂</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.refitFactory }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>外廓尺寸</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.overallDimension }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>板材材质</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.plateMaterial }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>板材厚度</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.plateThickness }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>公告型号</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.announcementModel }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>上装价格</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.topPrice }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>更多配置</span>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.moreConfig }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>合同上传</span>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item>
-                  <span>{{ contractName }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>备注说明</span>
-              </el-col>
-              <el-col :span="22">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.remarks }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-          <!-- ==================== 挂车(暂不考虑) ======================================== -->
-          <div class="titleleft space_up">
-            <el-checkbox>挂车</el-checkbox>
-          </div>
-          <div class="shangzhuangstyle">
-          </div>
-          <!-- ==================== 价格信息 ======================================== -->
-          <div class="titleleft space_up">价格信息</div>
-          <div class="jiagestyle">
-            <el-row>
-              <el-col :span="2">
-                <span>单台指导价</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item> <!--| NumberMul() -->
-                  <span>{{ temp.busSalesOrderPrice.singleGuildPrice }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>单台成交价</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.singleFinalPrice }}</span>
-                  <!--                  <el-input v-model="temp.busSalesOrderPrice.singleFinalPrice" class="addinputw" clearable-->
-                  <!--                            placeholder="请输入单台成交价"/>-->
-                </el-form-item>
-              </el-col>
-              <el-col :span="2"/>
-              <el-col :span="4"/>
-              <el-col :span="2">
-                <span>台数</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.quantity }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>车价合计</span>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.priceSum }}</span>
-                  <!--                  <span>{{ temp.busSalesOrderPrice.priceSum }}</span>-->
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>计划提车地点</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.plannedPickUpLocation }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>预计提车日期</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.plannedPickUpDate }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-          <!-- ==================== 主车优惠明细 ======================================== -->
-          <div class="titleleft space_up">主车优惠明细</div>
-          <template slot="title">
-            主车优惠明细
-            <el-button type="primary" size="small" class="btntopblueline zhucheBtn" @click="openZhuche()">选择
-            </el-button>
-          </template>
-          <el-table :key="tableKey" :data="temp.busSalesOrderDiscountList" border fit
-                    highlight-current-row :index="index" style="width: 100%;">
-            <el-table-column label="序号" type="index" width="80" align="center"/>
-            <el-table-column label="优惠名称" align="center">
+          <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">
-                <span>{{ scope.row.name }}</span>
+                {{ scope.row.name }}
               </template>
             </el-table-column>
-            <el-table-column label="价值" align="center">
+            <el-table-column label="价值" align="left" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.price }}</span>
+                {{ scope.row.price }}
               </template>
             </el-table-column>
-            <el-table-column label="优惠项目说明" align="center">
+            <el-table-column label="优惠项目说明" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.discountExplain }}</span>
+                {{ scope.row.discountExplain }}
               </template>
             </el-table-column>
-            <el-table-column label="数量" align="center">
+            <el-table-column label="数量" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.num }}</span>
+                {{ scope.row.num }}
               </template>
             </el-table-column>
-            <el-table-column label="总价值" align="center">
+            <el-table-column prop="totalValue" label="小计" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.totalValue }}</span>
+                {{ scope.row.totalValue }}
               </template>
             </el-table-column>
           </el-table>
-
-          <!-- ==================== 保险说明 ======================================== -->
-          <div class="titleleft">
-            <span>保险说明</span>
-            <span>公司入保</span>
+          <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="4">
-              <span>保险公司名称</span>
+            <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-col :span="4" class="baoxianInput">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderInsurance.insuranceName }}</span>
-              </el-form-item>
+          </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="4">
-              <span>单台车保费预估金额</span>
+            <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-col :span="4" class="baoxianInput">
-              <el-form-item>
-                {{ temp.busSalesOrderInsurance.insuranceCarMoney }}
-              </el-form-item>
+          </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="4">
-              <span>公司入保期数</span>
+            <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="4" class="baoxianInput">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderInsurance.insuranceNum }}</span>
-              </el-form-item>
+            <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="4">
-              <span>备注</span>
+            <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="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderInsurance.remarks }}</span>
-              </el-form-item>
+            <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>
-          <!-- ==================== 消贷金融方案(暂不考虑) ======================================== -->
-          <div class="titleleft">
-            <span>消贷金融方案</span>
-            <!--            <div class="jinrongTit">-->
-            <!--              <span>单车方案编辑</span>-->
-            <!--              <span> 预览总方案</span>-->
-            <!--            </div>-->
-          </div>
-          <!-- ==================== 订金信息 ======================================== -->
-          <div class="titleleft space_up">
-            <span>订金信息</span>
-          </div>
-          <div class="shangzhuangstyle">
-            <el-row>
-              <el-col :span="2">
-                <span>单台订金</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderDeposit.deposit }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>订金合计</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderDeposit.depositAll }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>订金交纳方式</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderDeposit.depositType }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">需补交订金</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">
-                  <span>{{ temp.busSalesOrderDeposit.makeUpDeposit }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-
-          <!-- ==================== 虚拟订单列表 ======================================== -->
-          <div v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">
-            <div class="titleleft">
-              <span>虚拟订单列表</span>
-            </div>
-            <el-table :key="tableKey2" :data="temp.busDepositFictitiousList" border fit
-                      highlight-current-row style="width: 100%;">
-              <el-table-column label="序号" type="index" width="80" align="center"/>
-              <el-table-column label="虚拟订单编号" align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.depositBillNo }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="订金剩余金额" align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.depositPrice }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="本次结转金额" align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.price }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="款项支付委托书" align="center">
-                <template slot-scope="scope">
-                  <span></span>
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-          <!-- ==================== 补充说明 ======================================== -->
-          <div class="titleleft">
-            <span>补充说明</span>
-          </div>
-          <el-row class="notes">
-            <span>{{ temp.notes }}</span>
           </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>
+    <financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
   </div>
 </template>
-
 <script>
-import {fetchDetailsBySid, selectCount, selectOrderCount} from '@/api/salesManagement/orderManagement'
-import {breakTask, businessAgree, rejectTask} from "@/api/flow/orderSalesTodo";
+import { fetchDetailsBySid, complete, breakProcess, reject, getNextNodesForSubmit, getPreviousNodesForReject } from '@/api/salesManagement/orderManagement'
+import financialscheme from './relation/financialscheme'
 
 export default {
-  name: "xiaoshoudingdanFlow",
+  name: 'XiaoShouDingDanDaiBanInfo',
+  components: {
+    financialscheme
+  },
   data() {
     return {
-      index: 1,
-      state: '',
-      relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择
-      // 4.1优惠明细 5.1虚拟订单
-      nodeState: '', // 节点状态
+      viewTitle: '',
+      viewState: 1,
       tableKey: 0,
-      tableKey2: 1,
-      tableKey3: 2,
-      tableKey4: 3,
-      contractName: '',
-      temp: {
-        billNo: '', // 编号
-        affiliatedCompany: '',  //挂靠公司名称
-        affiliatedCompanySid: '',  //挂靠公司sid
-        billingType: '',  //开票类型value
-        billingTypeKey: '',  //开票类型key
-        busDepositFictitiousList: [{
-          depositBillNo: '',  //虚拟订单编号
-          depositPrice: '',  //订金剩余金额
-          depositSid: '',  //订金信息sid
-          payPath: '',  //款项支付委托书
-          price: '',  //本次结转金额
-        }],  //虚拟订单和订金关联
-        busSalesOrderDeposit: {
-          deposit: '', // 单台订金
-          depositAll: '', // 订金合计
-          depositType: '', // 订金交纳方式
-          depositTypeKey: '', // 订金交纳方式key
-          makeUpDeposit: '', // 需补交订金
-        },  //订金信息
-        busSalesOrderDiscountList: [{
-          discountExplain: '',  //优惠项目明细
-          name: '',  //优惠名称
-          num: '',  //数量
-          price: '',  //价值
-          salesPolicySid: '',  //销售政策sid
-          totalValue: '',  //总价值
-        }],  //主车优惠明细
-        busSalesOrderInsurance: {
-          insuranceCarMoney: '',  //单台车保费预估金额
-          insuranceName: '',  //保险公司名称
-          insuranceNum: '',  //公司入保期数
-        },  //保险说明
-        busSalesOrderMakeup: {
-          announcementModel: '',  //公告型号
-          contractPath: '',  //合同上传
-          moreConfig: '',  //更多配置
-          overallDimension: '',  //外廓尺寸
-          plateMaterial: '',  //板材材质
-          plateThickness: '',  //板材厚度
-          refitFactory: '',  //委改厂
-          refitMethod: '',  //委改方式
-          topName: '',  //上装名称
-          topPrice: '',  //上装价格
-        },  //上装配置信息
-        busSalesOrderModel: {
-          brandName: '',  //品牌
-          config: '',  //常用配置
-          finalPrice: '',  //单台成交价
-          guildPrice: '',  //单台指导价
-          modelConfig: '',  //车型配置名称
-          modelConfigSid: '',  //配置sid
-          modelName: '',  //车型名称
-          modelSid: '',  //车型sid
-          moreConfig: '',  //更多配置
-          specialConfig: '',  //特殊配置说明
-        },  //主车车型信息
-        busSalesOrderPrice: {
-          plannedPickUpDate: '',  //计划提车日期
-          plannedPickUpLocation: '',  //计划提车地点
-          priceSum: '',  //车价合计
-          quantity: '',  //台数
-          singleFinalPrice: '', //单台成交价 (主车加上装）
-          singleGuildPrice: '', //单台指导价 (主车加上装）
-        },  //价格信息
-        busSalesOrderVehicleList: [],//现车车辆信息
-        busSalesVehicleOrderList: [],  //采购订单信息
-        // {
-        //   linkNo: '',  //车架号
-        //   linkSid: '',  //车辆sid
-        //   linkText: '',  //车辆存放地点
-        // }
-        createDate: '',  //制单日期
-        customerName: '',  //客户名称
-        customerSid: '',  //客户sid
-        isInsurance: '',  //公司是否入保
-        isTop: '',  //是否包含上装
-        mobile: '',  //客户联系电话
-        notes: '',  //补充说明
-        orgName: window.sessionStorage.getItem('Orgname'),  //销售部门
-        orgSid: window.sessionStorage.getItem('orgSid'),  //销售部门sid
-        payType: '',  //付款方式value
-        payTypeKey: '',  //付款方式key
-        sid: '',
-        staffName: window.sessionStorage.getItem('name'), //销售专员
-        staffSid: window.sessionStorage.getItem('staffSid'),  //销售专员sid
-        type: '',  //销售订单车辆类型 1现车、2订单、3排产
-      }, // 添加和修改
-      agreeList: {  //同意办理列表
-        businessSid: '',
-        comment: '111',
-        instanceId: '',
+      index: 0,
+      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: '',
-        userSid: ''
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
       },
-      regectList: { // 驳回列表
-        comment: '111',
-        instanceId: '',
-        taskId: '',
-        userSid: ''
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      startTask: true,
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
       },
-      stopList: { // 终止列表
-        comment: '111',
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
         instanceId: '',
         taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
         userSid: ''
-      },
-      // ------------------------------------
+      }
     }
   },
   created() {
-    // ===获取sid
-    console.log('iframe页面获取到的url:' + window.location.href)
-    var a = window.location.href.indexOf('?') + 1 // 第一个?后面的一个字符的位置
-    var b = window.location.href.indexOf('#data') // 第一个#data出现的位置
-    const info = window.location.href.slice(a, b)
-    var sid = info.substr(info.indexOf('=') + 1)
-    this.showInfo(sid)
-    // ===获取参数
-    var one = window.location.href.lastIndexOf('#') + 1
-    var two = window.location.href.lastIndexOf('}') + 1
-    const data = decodeURI(window.location.href.slice(one, two)) // url解码unescape()已从web中移除,尽量不使用
-    var tar = data.substr(data.indexOf('=') + 1)
-    const obj = JSON.parse(tar)
+    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.agreeList.businessSid = sid
-    this.agreeList.instanceId = obj.instanceId
-    this.agreeList.taskId = obj.taskId
-    this.agreeList.userSid = obj.userSid
-    // 驳回列表
-    this.regectList.businessSid = sid
-    this.regectList.instanceId = obj.instanceId
-    this.regectList.taskId = obj.taskId
-    this.regectList.userSid = obj.userSid
-    // 终止列表
-    this.stopList.businessSid = sid
-    this.stopList.instanceId = obj.instanceId
-    this.stopList.taskId = obj.taskId
-    this.stopList.userSid = obj.userSid
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    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) {
-      this.relState = '2'
-      fetchDetailsBySid({
-        sid: sid,
-      }).then((response) => {
-        if (response.success) {
-          const temp_copy = response.data
-          if (temp_copy.busSalesOrderInsurance == null) {
-            temp_copy.busSalesOrderInsurance = {
-              insuranceCarMoney: '',
-              insuranceName: '',
-              insuranceNum: '',
-            }
-          }
-          if (temp_copy.busSalesOrderMakeup == null) {
-            temp_copy.busSalesOrderMakeup = {
-              announcementModel: '',  //公告型号
-              contractPath: '',  //合同上传
-              moreConfig: '',  //更多配置
-              overallDimension: '',  //外廓尺寸
-              plateMaterial: '',  //板材材质
-              plateThickness: '',  //板材厚度
-              refitFactory: '',  //委改厂
-              refitMethod: '',  //委改方式
-              topName: '',  //上装名称
-              topPrice: '',  //上装价格
-              remarks: '',// 上装备注
-            }
+      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 = ''
           }
-          this.temp = temp_copy
-          this.temp.sid = sid
-          if (this.temp.type == '1') {
-            this.temp.vehicleType = '现车'
-          } else if (this.temp.type == '2') {
-            this.temp.vehicleType = '采购订单'
-          } else if (this.temp.type == '3') {
-            this.temp.vehicleType = '排产'
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
           }
-          const index = this.temp.busSalesOrderMakeup.contractPath.lastIndexOf('/')
-          this.contractName = this.temp.busSalesOrderMakeup.contractPath.substring(index + 1, this.temp.busSalesOrderMakeup.contractPath.length)
-          const countList = {
-            customerSid: this.temp.customerSid,  //客户sid
-            modelConfigSid: this.temp.busSalesOrderModel.modelConfigSid,  //配置sid
-            modelSid: this.temp.busSalesOrderModel.modelSid,  //车型sid
-            staffSid: this.temp.staffSid,  //业务员sid
-            type: this.temp.type // 类型
-          }
-          // 现车
-          selectCount(countList).then((response) => {
-            if (response.success) {
-              this.xiancheCount = response.data
-            }
-          })
-          // 采购订单
-          selectOrderCount(countList).then((response) => {
-            if (response.success) {
-              this.caigouCount = 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
     },
     // 同意
-    openAgree() {
-      this.$confirm('是否确认执行同意操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = '同意'
+      console.log(this.current, 9898)
+      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
       })
-        .then(() => {
-          this.handleAgree()
-        })
-        .catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消同意'
-          })
-        })
+    },
+    // 驳回
+    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() {
-      businessAgree(this.agreeList).then((response) => {
-        if (response.code === '200') {
+      this.linkByParameter.comment = this.dialogList.comment
+      complete(this.linkByParameter).then((response) => {
+        if (response.success) {
           this.$notify({
             title: '提示',
             message: '执行成功',
             type: 'success',
             duration: 2000
           })
-          // this.refreshIt()
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '执行失败',
-            type: 'error',
-            duration: 2000
-          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
         }
       })
     },
-    // 驳回
-    openReject() {
-      this.$confirm('是否确认执行驳回操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-        .then(() => {
-          this.handleReject()
-        })
-        .catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消驳回'
-          })
-        })
-    },
     /** 驳回任务 */
     handleReject() {
-      rejectTask(this.regectList).then((response) => {
-        if (response.code === '200') {
+      this.linkByParameter.comment = this.dialogList.comment
+      reject(this.linkByParameter).then((response) => {
+        if (response.success) {
           this.$notify({
             title: '提示',
             message: '执行成功',
             type: 'success',
             duration: 2000
           })
-          // this.refreshIt()
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '执行失败',
-            type: 'error',
-            duration: 2000
-          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
         }
       })
     },
-    // 终止
-    openStop() {
-      this.$confirm('是否确认执行终止操作', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-        .then(() => {
-          this.handleStop()
-        })
-        .catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消终止'
-          })
-        })
-    },
     /** 终止任务 */
     handleStop() {
-      breakTask(this.stopList).then((response) => {
-        if (response.code === '200') {
+      this.linkByParameter.comment = this.dialogList.comment
+      breakProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
           this.$notify({
             title: '提示',
             message: '执行成功',
             type: 'success',
             duration: 2000
           })
-          // this.refreshIt()
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '执行失败',
-            type: 'error',
-            duration: 2000
-          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
         }
       })
+    },
+    resetState() {
+      this.viewState = 1
     }
   }
 }
 </script>
 
 <style scoped>
-.formadd {
-  width: 95%;
-  margin: 0 auto;
-}
-
-.shangzhuangstyle /deep/ .el-col-4 {
-  text-align: left
-}
-
-.jiagestyle /deep/ .el-col-4 {
-  text-align: left
-}
-
-.chosseBtn /deep/ .el-col-4 {
-  text-align: left
-}
-
-.tit {
-  margin: 0 0 10px 0;
-  padding: 10px 0 0 0;
-}
-
-.times {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 30px 0 10px 0;
-  margin: 0 auto 0 auto;
-  width: 75%;
-  font-size: 14px;
-  text-align: center;
-}
-
-.times02 {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 0 0 24px 0;
-  margin: 0 auto 0 auto;
-  width: 75%;
-  font-size: 14px;
+.titwu {
+  font-size: 28px;
   text-align: center;
+  padding: 30px 0 20px 0;
 }
-
-
-/deep/ .el-col-3, .el-col-4, .el-col-2 {
-  text-align: right;
-  float: left;
-  font-size: 14px;
-  color: #606266;
-  line-height: 40px !important;
-  font-weight: 600;
-}
-
-/deep/ .el-button--small {
-  border-radius: 4px;
-}
-
-.space_up {
-  margin-top: 1px;
-}
-
-.qitas .left {
-  text-align: left;
-}
-
-.qitas .right {
-  text-align: right;
-}
-
-.addinputw {
-  display: inline-block !important;
-}
-
-.jinrongTit span {
-  margin-left: 10px;
-}
-
-/deep/ .is-checked /deep/ .el-checkbox__label {
-  color: white;
+.rowClass{
+  border-top: 1px solid #E0E3EB;
 }
-
-/deep/ .el-checkbox__label {
-  color: white;
-  font-weight: bold;
-  font-size: 20px;
+.span-sty {
+  width: 130px !important;
 }
-
-/deep/ .el-collapse-item__header {
-  height: 40px;
-  padding: 10px;
+.jinrong {
+  padding: 7px;
   font-weight: bold;
-  font-size: 20px;
-  text-align: left;
-  color: #ffffff;
+  font-size: 16px;
   background-color: #0294d7;
-}
-
-/deep/ .el-collapse-item__content {
-  padding-bottom: 0;
-}
-
-/deep/ .el-main {
-  padding: 0;
-}
-
-.aside_one {
-  border-right: 1px solid #e0e3eb;
-  border-bottom: 1px solid #e0e3eb;
-  font-size: 14px;
-  color: #606266;
-  font-weight: 600;
-  text-align: right;
-  line-height: 100px;
-  padding-right: 10px;
-}
-
-.aside_two {
-  border-right: 1px solid #e0e3eb;
-  border-bottom: 1px solid #e0e3eb;
-  font-size: 14px;
-  color: #606266;
-  font-weight: 600;
   text-align: left;
-  line-height: 100px;
-  padding-left: 10px;
-}
-
-.footer_con {
-  padding: 40px 25px 0 45px;
-}
-
-.footer_time {
-  padding: 25px 25px 0 95px;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1px;
 }
-
-.footer_con .footer_tit {
-  display: inline-block;
-  width: 20%;
-  font-size: 14px;
-  color: #606266;
-  font-weight: 600;
+.addinputInfo {
+  margin-left: 120px !important;
 }
-
-.footer_time .footer_tit {
-  display: inline-block;
-  width: 20%;
-  font-size: 14px;
-  color: #606266;
-  font-weight: 600;
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
 }
-
-.footer_tit:last-child {
-  float: right;
-  margin: 0;
-  right: 120px;
+/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>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanByCaiGou.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanByCaiGou.vue
new file mode 100644
index 0000000000..98b7ba8c23
--- /dev/null
+++ b/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>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanInfo.vue
index 1df29441c4..4431249871 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/xiaoshouguanliFlow/xiaoshoudingdanFlow/xiaoshoudingdanInfo.vue
@@ -1,717 +1,473 @@
 <template>
   <div class="app-container">
-    <div>
+    <div v-show="viewState == 1">
       <div class="tab-header webtop">
-        <div>销售订车单详情</div>
+        <div>{{ viewTitle }}</div>
         <div>
-          <el-button type="primary" @click="openRevoke">撤 回</el-button>
+          <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
+          <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
+          <el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
         </div>
       </div>
-      <div class="listconadd">
-        <el-form ref="dataForm" :model="temp" label-position="right" class="formadd">
-          <!-- ----------s----------------订单----------------- -->
-          <div class="tit">
-            销售订单
-            <div class="times">
-              <div>
-                <span>销售部门：</span>
-                <span>{{ temp.orgName }}</span>
-              </div>
-              <div>
-                <span>销售专员：</span>
-                <span>{{ temp.staffName }}</span>
-              </div>
-              <div>
-                <span>制单日期：</span>
-                <span>{{ temp.createDate }}</span>
-              </div>
-              <div>
-                <span>编号：</span>
-                <span>{{ temp.billNo }}</span>
-              </div>
-            </div>
-          </div>
-          <!-- ==================== 客户信息 ======================================== -->
-          <div class="titleleft">客户信息</div>
-          <el-row class="bordertopline">
-            <el-col :span="3">
-              <span>客户名称</span>
-            </el-col>
-            <el-col :span="9">
-              <el-form-item prop="customerName">
-                <span>{{ temp.customerName }}</span>
-              </el-form-item>
+      <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="3">
-              <span>联系电话</span>
+            <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="9">
-              <el-form-item prop="mobile">
-                <span>{{ temp.mobile }}</span>
-              </el-form-item>
+            <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="3">
-              <span>开票类型</span>
+            <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="9">
-              <el-form-item prop="billingType">
-                <span>{{ temp.billingType }}</span>
-              </el-form-item>
+            <el-col :span="8">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
             </el-col>
-            <el-col :span="3">
-              <span>付款方式</span>
+          </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="9">
-              <el-form-item prop="billingType">
-                <span>{{ temp.payType }}</span>
-              </el-form-item>
+            <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="3">
-              <span>挂靠公司</span>
+            <el-col :span="24">
+              <div class="span-sty">挂靠公司</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item>
             </el-col>
-            <el-col :span="9">
-              <el-form-item prop="affiliatedCompanySid">
-                <span>{{ temp.affiliatedCompany }}</span>
-              </el-form-item>
+          </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-col :span="12"/>
           </el-row>
-          <!-- ==================== 车型确定 ======================================== -->
-          <div class="titleleft">
-            <span>车型确定</span>
-          </div>
+          <div class="title">车型信息</div>
           <el-row>
-            <el-col :span="4">
-              <span>车型名称</span>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
             </el-col>
-            <el-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.modelName }}</span>
-              </el-form-item>
+          </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="4">
-              <span>车型配置</span>
+            <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-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.modelConfig }}</span>
-              </el-form-item>
+          </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="4">
-              <span>常用配置</span>
+            <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="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.config }}</span>
-              </el-form-item>
+            <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="4">
-              <span>更多配置</span>
+            <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-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.moreConfig }}</span>
-              </el-form-item>
+          </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="4">
-              <span>特殊配置说明</span>
+            <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-col :span="20">
-              <el-form-item>
-                <span>{{temp.busSalesOrderModel.specialConfig}}</span>
-              </el-form-item>
+          </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="4">
-              <span>单台指导价</span>
+            <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">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.guildPrice }}</span>
-              </el-form-item>
+              <div class="span-sty">单台整体指导价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
             </el-col>
-            <el-col :span="4">
-              <span>单台成交价</span>
+            <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">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.finalPrice }}</span>
-              </el-form-item>
+              <div class="span-sty">单台整体成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</span></el-form-item>
             </el-col>
           </el-row>
-          <!-- ==================== 车辆信息 ======================================== -->
-          <div class="titleleft">车辆信息</div>
-          <div class="chosseBtn">
-            <el-row>
-              <el-col :span="4">
-                <span>{{ temp.vehicleType }}</span>
-              </el-col>
-              <el-col :span="20">
-                <!--放置五个车架号-->
-                <el-form-item v-if="temp.type == '1'">
-                  <div class="linkNoSty" v-for="(item,index) in temp.busSalesOrderVehicleList">
-                    <span>{{ item.linkNo }}</span>
-                  </div>
-                </el-form-item>
-                <el-form-item v-if="temp.type == '2'">
-                  <div class="linkNoSty" v-for="(item,index) in temp.busSalesVehicleOrderList">
-                    <span>{{ item.linkNo }}</span>
-                  </div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-          <!-- ==================== 上装 ======================================== -->
-          <div class="titleleft">上装</div>
-          <div class="shangzhuangstyle">
-            <el-row>
-              <el-col :span="2">
-                <span>上装名称</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.topName }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>委改方式</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.refitMethod }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>委改厂</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.refitFactory }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>外廓尺寸</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.overallDimension }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>板材材质</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.plateMaterial }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>板材厚度</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.plateThickness }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>公告型号</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.announcementModel }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>上装价格</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.topPrice }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>更多配置</span>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.moreConfig }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>合同上传</span>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item>
-                  <span>{{ contractName }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>备注说明</span>
-              </el-col>
-              <el-col :span="22">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.remarks }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-          <!-- ==================== 挂车(暂不考虑) ======================================== -->
-          <div class="titleleft space_up">
-            <el-checkbox>挂车</el-checkbox>
-          </div>
-          <div class="shangzhuangstyle">
-          </div>
-          <!-- ==================== 价格信息 ======================================== -->
-          <div class="titleleft space_up">价格信息</div>
-          <div class="jiagestyle">
-            <el-row>
-              <el-col :span="2">
-                <span>单台指导价</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item> <!--| NumberMul() -->
-                  <span>{{ temp.busSalesOrderPrice.singleGuildPrice }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>单台成交价</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.singleFinalPrice }}</span>
-                  <!--                  <el-input v-model="temp.busSalesOrderPrice.singleFinalPrice" class="addinputw" clearable-->
-                  <!--                            placeholder="请输入单台成交价"/>-->
-                </el-form-item>
-              </el-col>
-              <el-col :span="2"/>
-              <el-col :span="4"/>
-              <el-col :span="2">
-                <span>台数</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.quantity }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>车价合计</span>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.priceSum }}</span>
-                  <!--                  <span>{{ temp.busSalesOrderPrice.priceSum }}</span>-->
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>计划提车地点</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.plannedPickUpLocation }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>预计提车日期</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.plannedPickUpDate }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-          <!-- ==================== 主车优惠明细 ======================================== -->
-          <div class="titleleft space_up">主车优惠明细</div>
-          <template slot="title">
-            主车优惠明细
-            <el-button type="primary" size="small" class="btntopblueline zhucheBtn" @click="openZhuche()">选择
-            </el-button>
-          </template>
-          <el-table :key="tableKey" :data="temp.busSalesOrderDiscountList" border fit
-                    highlight-current-row :index="index" style="width: 100%;">
-            <el-table-column label="序号" type="index" width="80" align="center"/>
-            <el-table-column label="优惠名称" align="center">
+          <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">
-                <span>{{ scope.row.name }}</span>
+                {{ scope.row.name }}
               </template>
             </el-table-column>
-            <el-table-column label="价值" align="center">
+            <el-table-column label="价值" align="left" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.price }}</span>
+                {{ scope.row.price }}
               </template>
             </el-table-column>
-            <el-table-column label="优惠项目说明" align="center">
+            <el-table-column label="优惠项目说明" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.discountExplain }}</span>
+                {{ scope.row.discountExplain }}
               </template>
             </el-table-column>
-            <el-table-column label="数量" align="center">
+            <el-table-column label="数量" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.num }}</span>
+                {{ scope.row.num }}
               </template>
             </el-table-column>
-            <el-table-column label="总价值" align="center">
+            <el-table-column prop="totalValue" label="小计" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.totalValue }}</span>
+                {{ scope.row.totalValue }}
               </template>
             </el-table-column>
           </el-table>
-
-          <!-- ==================== 保险说明 ======================================== -->
-          <div class="titleleft">
-            <span>保险说明</span>
-            <span>公司入保</span>
+          <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="4">
-              <span>保险公司名称</span>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.notes }}</span></el-form-item>
             </el-col>
-            <el-col :span="4" class="baoxianInput">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderInsurance.insuranceName }}</span>
-              </el-form-item>
+          </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="4">
-              <span>单台车保费预估金额</span>
+            <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-col :span="4" class="baoxianInput">
-              <el-form-item>
-                {{ temp.busSalesOrderInsurance.insuranceCarMoney }}
-              </el-form-item>
+          </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="4">
-              <span>公司入保期数</span>
+            <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="4" class="baoxianInput">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderInsurance.insuranceNum }}</span>
-              </el-form-item>
+            <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="4">
-              <span>备注</span>
+            <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="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderInsurance.remarks }}</span>
-              </el-form-item>
+            <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>
-          <!-- ==================== 消贷金融方案(暂不考虑) ======================================== -->
-          <div class="titleleft">
-            <span>消贷金融方案</span>
-            <!--            <div class="jinrongTit">-->
-            <!--              <span>单车方案编辑</span>-->
-            <!--              <span> 预览总方案</span>-->
-            <!--            </div>-->
-          </div>
-          <!-- ==================== 订金信息 ======================================== -->
-          <div class="titleleft space_up">
-            <span>订金信息</span>
-          </div>
-          <div class="shangzhuangstyle">
-            <el-row>
-              <el-col :span="2">
-                <span>单台订金</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderDeposit.deposit }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>订金合计</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderDeposit.depositAll }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>订金交纳方式</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderDeposit.depositType }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">需补交订金</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">
-                  <span>{{ temp.busSalesOrderDeposit.makeUpDeposit }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-
-          <!-- ==================== 虚拟订单列表 ======================================== -->
-          <div v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">
-            <div class="titleleft">
-              <span>虚拟订单列表</span>
-            </div>
-            <el-table :key="tableKey2" :data="temp.busDepositFictitiousList" border fit
-                      highlight-current-row style="width: 100%;">
-              <el-table-column label="序号" type="index" width="80" align="center"/>
-              <el-table-column label="虚拟订单编号" align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.depositBillNo }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="订金剩余金额" align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.depositPrice }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="本次结转金额" align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.price }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="款项支付委托书" align="center">
-                <template slot-scope="scope">
-                  <span></span>
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-          <!-- ==================== 补充说明 ======================================== -->
-          <div class="titleleft">
-            <span>补充说明</span>
-          </div>
-          <el-row class="notes">
-            <span>{{ temp.notes }}</span>
           </el-row>
         </el-form>
       </div>
     </div>
+    <financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
   </div>
 </template>
-
 <script>
-import {fetchDetailsBySid, selectCount, selectOrderCount} from '@/api/salesManagement/orderManagement'
-import {revokeTask} from "@/api/flow/orderSalesTodo";
+import { fetchDetailsBySid, revokeProcess } from '@/api/salesManagement/orderManagement'
+import financialscheme from './relation/financialscheme'
 
 export default {
-  name: "xiaoshoudingdanFlowInfo",
+  name: 'XiaoShouDingDanYiBanInfo',
+  components: {
+    financialscheme
+  },
   data() {
     return {
-      index: 1,
-      state: '',
-      relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择
-      // 4.1优惠明细 5.1虚拟订单
-      nodeState: '', // 节点状态
+      viewTitle: '',
+      viewState: 1,
       tableKey: 0,
-      tableKey2: 1,
-      tableKey3: 2,
-      tableKey4: 3,
-      contractName: '',
-      temp: {
-        billNo: '', // 编号
-        affiliatedCompany: '',  //挂靠公司名称
-        affiliatedCompanySid: '',  //挂靠公司sid
-        billingType: '',  //开票类型value
-        billingTypeKey: '',  //开票类型key
-        busDepositFictitiousList: [{
-          depositBillNo: '',  //虚拟订单编号
-          depositPrice: '',  //订金剩余金额
-          depositSid: '',  //订金信息sid
-          payPath: '',  //款项支付委托书
-          price: '',  //本次结转金额
-        }],  //虚拟订单和订金关联
-        busSalesOrderDeposit: {
-          deposit: '', // 单台订金
-          depositAll: '', // 订金合计
-          depositType: '', // 订金交纳方式
-          depositTypeKey: '', // 订金交纳方式key
-          makeUpDeposit: '', // 需补交订金
-        },  //订金信息
-        busSalesOrderDiscountList: [{
-          discountExplain: '',  //优惠项目明细
-          name: '',  //优惠名称
-          num: '',  //数量
-          price: '',  //价值
-          salesPolicySid: '',  //销售政策sid
-          totalValue: '',  //总价值
-        }],  //主车优惠明细
-        busSalesOrderInsurance: {
-          insuranceCarMoney: '',  //单台车保费预估金额
-          insuranceName: '',  //保险公司名称
-          insuranceNum: '',  //公司入保期数
-        },  //保险说明
-        busSalesOrderMakeup: {
-          announcementModel: '',  //公告型号
-          contractPath: '',  //合同上传
-          moreConfig: '',  //更多配置
-          overallDimension: '',  //外廓尺寸
-          plateMaterial: '',  //板材材质
-          plateThickness: '',  //板材厚度
-          refitFactory: '',  //委改厂
-          refitMethod: '',  //委改方式
-          topName: '',  //上装名称
-          topPrice: '',  //上装价格
-        },  //上装配置信息
-        busSalesOrderModel: {
-          brandName: '',  //品牌
-          config: '',  //常用配置
-          finalPrice: '',  //单台成交价
-          guildPrice: '',  //单台指导价
-          modelConfig: '',  //车型配置名称
-          modelConfigSid: '',  //配置sid
-          modelName: '',  //车型名称
-          modelSid: '',  //车型sid
-          moreConfig: '',  //更多配置
-          specialConfig: '',  //特殊配置说明
-        },  //主车车型信息
-        busSalesOrderPrice: {
-          plannedPickUpDate: '',  //计划提车日期
-          plannedPickUpLocation: '',  //计划提车地点
-          priceSum: '',  //车价合计
-          quantity: '',  //台数
-          singleFinalPrice: '', //单台成交价 (主车加上装）
-          singleGuildPrice: '', //单台指导价 (主车加上装）
-        },  //价格信息
-        busSalesOrderVehicleList: [],//现车车辆信息
-        busSalesVehicleOrderList: [],  //采购订单信息
-        // {
-        //   linkNo: '',  //车架号
-        //   linkSid: '',  //车辆sid
-        //   linkText: '',  //车辆存放地点
-        // }
-        createDate: '',  //制单日期
-        customerName: '',  //客户名称
-        customerSid: '',  //客户sid
-        isInsurance: '',  //公司是否入保
-        isTop: '',  //是否包含上装
-        mobile: '',  //客户联系电话
-        notes: '',  //补充说明
-        orgName: window.sessionStorage.getItem('Orgname'),  //销售部门
-        orgSid: window.sessionStorage.getItem('orgSid'),  //销售部门sid
-        payType: '',  //付款方式value
-        payTypeKey: '',  //付款方式key
-        sid: '',
-        staffName: window.sessionStorage.getItem('name'), //销售专员
-        staffSid: window.sessionStorage.getItem('staffSid'),  //销售专员sid
-        type: '',  //销售订单车辆类型 1现车、2订单、3排产
-      }, // 添加和修改
-      revokeList: {  // 撤回列表
+      index: 0,
+      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: '',
+        finPlanState: false
+      },
+      // 环节所需参数
+      linkByParameter: {
         businessSid: '',
-        comment: '111',
+        comment: '',
         instanceId: '',
         taskId: '',
+        orgSidPath: '',
+        taskDefKey: '',
         userSid: ''
-      },
-      // ------------------------------------
+      }
     }
   },
   created() {
-    // ===获取sid
-    console.log('iframe页面获取到的url:' + window.location.href)
-    var a = window.location.href.indexOf('?') + 1 // 第一个?后面的一个字符的位置
-    var b = window.location.href.indexOf('#data') // 第一个#data出现的位置
-    const info = window.location.href.slice(a, b)
-    var sid = info.substr(info.indexOf('=') + 1)
-    this.showInfo(sid)
-    // ===获取参数
-    var one = window.location.href.lastIndexOf('#') + 1
-    var two = window.location.href.lastIndexOf('}') + 1
-    const data = decodeURI(window.location.href.slice(one, two)) // url解码unescape()已从web中移除,尽量不使用
-    var tar = data.substr(data.indexOf('=') + 1)
-    const obj = JSON.parse(tar)
+    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.revokeList.businessSid = sid
-    this.revokeList.instanceId = obj.instanceId
-    this.revokeList.taskId = obj.taskId
-    this.revokeList.userSid = obj.userSid
-
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    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.showInfo(obj.businessSid)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: 450 + 'px'
+      }
+    }, '*')
   },
   methods: {
-    // 回显
     showInfo(sid) {
-      this.relState = '2'
-      fetchDetailsBySid({
-        sid: sid,
-      }).then((response) => {
-        if (response.success) {
-          const temp_copy = response.data
-          if (temp_copy.busSalesOrderInsurance == null) {
-            temp_copy.busSalesOrderInsurance = {
-              insuranceCarMoney: '',
-              insuranceName: '',
-              insuranceNum: '',
-            }
-          }
-          if (temp_copy.busSalesOrderMakeup == null) {
-            temp_copy.busSalesOrderMakeup = {
-              announcementModel: '',  //公告型号
-              contractPath: '',  //合同上传
-              moreConfig: '',  //更多配置
-              overallDimension: '',  //外廓尺寸
-              plateMaterial: '',  //板材材质
-              plateThickness: '',  //板材厚度
-              refitFactory: '',  //委改厂
-              refitMethod: '',  //委改方式
-              topName: '',  //上装名称
-              topPrice: '',  //上装价格
-              remarks: '',// 上装备注
-            }
+      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 = ''
           }
-          this.temp = temp_copy
-          this.temp.sid = sid
-          if (this.temp.type == '1') {
-            this.temp.vehicleType = '现车'
-          } else if (this.temp.type == '2') {
-            this.temp.vehicleType = '采购订单'
-          } else if (this.temp.type == '3') {
-            this.temp.vehicleType = '排产'
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
           }
-          const index = this.temp.busSalesOrderMakeup.contractPath.lastIndexOf('/')
-          this.contractName = this.temp.busSalesOrderMakeup.contractPath.substring(index + 1, this.temp.busSalesOrderMakeup.contractPath.length)
-          const countList = {
-            customerSid: this.temp.customerSid,  //客户sid
-            modelConfigSid: this.temp.busSalesOrderModel.modelConfigSid,  //配置sid
-            modelSid: this.temp.busSalesOrderModel.modelSid,  //车型sid
-            staffSid: this.temp.staffSid,  //业务员sid
-            type: this.temp.type // 类型
-          }
-          // 现车
-          selectCount(countList).then((response) => {
-            if (response.success) {
-              this.xiancheCount = response.data
-            }
-          })
-          // 采购订单
-          selectOrderCount(countList).then((response) => {
-            if (response.success) {
-              this.caigouCount = 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
     },
     /** 确认撤回任务 */
     openRevoke() {
@@ -724,193 +480,75 @@ export default {
       }).catch(() => {
         this.$message({
           type: 'info',
-          message: '已取消删除'
-        });
-      });
+          message: '已取消撤回'
+        })
+      })
     },
     /** 撤回任务 */
     handleRevoke() {
-      revokeTask(this.revokeList).then((response) => {
-        if (response.code === '200') {
+      revokeProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
           this.$notify({
             title: '提示',
             message: '执行成功',
             type: 'success',
-            duration: 2000,
-          })
-          // this.getList();
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '执行失败',
-            type: 'error',
-            duration: 2000,
+            duration: 2000
           })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
         }
       })
+    },
+    resetState() {
+      this.viewState = 1
     }
-
   }
 }
 </script>
 
-
 <style scoped>
-.formadd {
-  width: 95%;
-  margin: 0 auto;
-}
-
-.shangzhuangstyle /deep/ .el-col-4 {
-  text-align: left
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
 }
-
-.jiagestyle /deep/ .el-col-4 {
-  text-align: left
+.span-sty {
+  width: 130px !important;
 }
-
-.chosseBtn /deep/ .el-col-4 {
-  text-align: left
-}
-
-.tit {
-  margin: 0 0 10px 0;
-  padding: 10px 0 0 0;
+.addinputInfo {
+  margin-left: 120px !important;
 }
-
-.times {
+.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;
-  padding: 30px 0 10px 0;
-  margin: 0 auto 0 auto;
-  width: 75%;
-  font-size: 14px;
-  text-align: center;
+  align-items: center;
+  margin-bottom: 1px;
 }
-
-.times02 {
+.tlineheightb {
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
-  padding: 0 0 24px 0;
-  margin: 0 auto 0 auto;
-  width: 75%;
-  font-size: 14px;
-  text-align: center;
-}
-
-
-/deep/ .el-col-3, .el-col-4, .el-col-2 {
-  text-align: right;
-  float: left;
-  font-size: 14px;
-  color: #606266;
-  line-height: 40px !important;
-  font-weight: 600;
-}
-
-/deep/ .el-button--small {
-  border-radius: 4px;
-}
-
-.space_up {
-  margin-top: 1px;
-}
-
-.qitas .left {
-  text-align: left;
-}
-
-.qitas .right {
-  text-align: right;
-}
-
-.addinputw {
-  display: inline-block !important;
+  justify-content: flex-start;
+  align-items: center;
 }
-
-.jinrongTit span {
-  margin-left: 10px;
-}
-
-/deep/ .is-checked /deep/ .el-checkbox__label {
-  color: white;
-}
-
-/deep/ .el-checkbox__label {
-  color: white;
-  font-weight: bold;
-  font-size: 20px;
-}
-
-/deep/ .el-collapse-item__header {
-  height: 40px;
-  padding: 10px;
-  font-weight: bold;
-  font-size: 20px;
-  text-align: left;
-  color: #ffffff;
-  background-color: #0294d7;
-}
-
-/deep/ .el-collapse-item__content {
-  padding-bottom: 0;
-}
-
-/deep/ .el-main {
-  padding: 0;
-}
-
-.aside_one {
-  border-right: 1px solid #e0e3eb;
-  border-bottom: 1px solid #e0e3eb;
-  font-size: 14px;
-  color: #606266;
-  font-weight: 600;
-  text-align: right;
-  line-height: 100px;
-  padding-right: 10px;
-}
-
-.aside_two {
-  border-right: 1px solid #e0e3eb;
-  border-bottom: 1px solid #e0e3eb;
-  font-size: 14px;
-  color: #606266;
-  font-weight: 600;
-  text-align: left;
-  line-height: 100px;
-  padding-left: 10px;
-}
-
-.footer_con {
-  padding: 40px 25px 0 45px;
-}
-
-.footer_time {
-  padding: 25px 25px 0 95px;
-}
-
-.footer_con .footer_tit {
-  display: inline-block;
-  width: 20%;
-  font-size: 14px;
-  color: #606266;
-  font-weight: 600;
-}
-
-.footer_time .footer_tit {
-  display: inline-block;
-  width: 20%;
-  font-size: 14px;
-  color: #606266;
-  font-weight: 600;
-}
-
-.footer_tit:last-child {
-  float: right;
-  margin: 0;
-  right: 120px;
+/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>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/financialscheme.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/relation/financialscheme.vue
new file mode 100644
index 0000000000..44978eb033
--- /dev/null
+++ b/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>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue
index 461308b4b7..0274505960 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue
+++ b/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)
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue
index ab48d26391..42a8a588bb 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanInfo.vue
@@ -1,673 +1,440 @@
 <template>
   <div class="app-container">
-    <div>
+    <div v-show="viewState == 1">
       <div class="tab-header webtop">
-        <div>销售订车单详情</div>
+        <div>{{ viewTitle }}</div>
         <div>
-          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+          <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
         </div>
       </div>
       <div class="listconadd">
-        <el-form ref="dataForm" :model="temp" label-position="right" class="formadd">
-          <!-- --------------------------订单----------------- -->
-          <div class="tit">
-            销售订单
-            <div class="times">
-              <div>
-                <span>销售部门：</span>
-                <span>{{ temp.orgName }}</span>
-              </div>
-              <div>
-                <span>销售专员：</span>
-                <span>{{ temp.staffName }}</span>
-              </div>
-              <div>
-                <span>制单日期：</span>
-                <span>{{ temp.createDate }}</span>
-              </div>
-              <div>
-                <span>编号：</span>
-                <span>{{ temp.billNo }}</span>
-              </div>
-            </div>
-          </div>
-          <!-- ==================== 客户信息 ======================================== -->
-          <div class="titleleft">客户信息</div>
-          <el-row class="bordertopline">
-            <el-col :span="3">
-              <span>客户名称</span>
-            </el-col>
-            <el-col :span="9">
-              <el-form-item prop="customerName">
-                <span>{{ temp.customerName }}</span>
-              </el-form-item>
+        <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="3">
-              <span>联系电话</span>
+            <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="9">
-              <el-form-item prop="mobile">
-                <span>{{ temp.mobile }}</span>
-              </el-form-item>
+            <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="3">
-              <span>开票类型</span>
+            <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-col :span="9">
-              <el-form-item prop="billingType">
-                <span>{{ temp.billingType }}</span>
-              </el-form-item>
+          </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="3">
-              <span>付款方式</span>
+            <el-col :span="12">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
             </el-col>
-            <el-col :span="9">
-              <el-form-item prop="billingType">
-                <span>{{ temp.payType }}</span>
-              </el-form-item>
+          </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="3">
-              <span>挂靠公司</span>
+            <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="9">
-              <el-form-item prop="affiliatedCompanySid">
-                <span>{{ temp.affiliatedCompany }}</span>
-              </el-form-item>
+            <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-col :span="12"/>
           </el-row>
-          <!-- ==================== 车型确定 ======================================== -->
-          <div class="titleleft">
-            <span>车型确定</span>
-          </div>
+          <div class="title">车型信息</div>
           <el-row>
-            <el-col :span="4">
-              <span>车型名称</span>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
             </el-col>
-            <el-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.modelName }}</span>
-              </el-form-item>
+          </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="4">
-              <span>车型配置</span>
+            <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-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.modelConfig }}</span>
-              </el-form-item>
+          </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="4">
-              <span>常用配置</span>
+            <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="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.config }}</span>
-              </el-form-item>
+            <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="4">
-              <span>更多配置</span>
+            <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-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.moreConfig }}</span>
-              </el-form-item>
+          </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="4">
-              <span>特殊配置说明</span>
+            <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-col :span="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.specialConfig }}</span>
-              </el-form-item>
+          </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="4">
-              <span>单台指导价</span>
+            <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">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.guildPrice }}</span>
-              </el-form-item>
+              <div class="span-sty">单台整体指导价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
             </el-col>
-            <el-col :span="4">
-              <span>单台成交价</span>
+            <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">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderModel.finalPrice }}</span>
-              </el-form-item>
+              <div class="span-sty">单台整体成交价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</span></el-form-item>
             </el-col>
           </el-row>
-          <!-- ==================== 车辆信息 ======================================== -->
-          <div class="titleleft">车辆信息</div>
-          <div class="chosseBtn">
-            <el-row>
-              <el-col :span="4">
-                <span>{{ temp.vehicleType }}</span>
-              </el-col>
-              <el-col :span="20">
-                <!--放置五个车架号-->
-                <el-form-item v-if="temp.type == '1'">
-                  <div class="linkNoSty" v-for="(item,index) in temp.busSalesOrderVehicleList">
-                    <span>{{ item.linkNo }}</span>
-                  </div>
-                </el-form-item>
-                <el-form-item v-if="temp.type == '2'">
-                  <div class="linkNoSty" v-for="(item,index) in temp.busSalesVehicleOrderList">
-                    <span>{{ item.linkNo }}</span>
-                  </div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-          <!-- ==================== 上装 ======================================== -->
-          <div class="titleleft">上装</div>
-          <div class="shangzhuangstyle">
-            <el-row>
-              <el-col :span="2">
-                <span>上装名称</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.topName }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>委改方式</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.refitMethod }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>委改厂</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.refitFactory }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>外廓尺寸</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.overallDimension }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>板材材质</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.plateMaterial }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>板材厚度</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.plateThickness }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>公告型号</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.announcementModel }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>上装价格</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.topPrice }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>更多配置</span>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.moreConfig }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>合同上传</span>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item>
-                  <span>{{ contractName }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>备注说明</span>
-              </el-col>
-              <el-col :span="22">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderMakeup.remarks }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-          <!-- ==================== 挂车(暂不考虑) ======================================== -->
-          <div class="titleleft space_up">
-            <el-checkbox>挂车</el-checkbox>
-          </div>
-          <div class="shangzhuangstyle">
-          </div>
-          <!-- ==================== 价格信息 ======================================== -->
-          <div class="titleleft space_up">价格信息</div>
-          <div class="jiagestyle">
-            <el-row>
-              <el-col :span="2">
-                <span>单台指导价</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item> <!--| NumberMul() -->
-                  <span>{{ temp.busSalesOrderPrice.singleGuildPrice }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>单台成交价</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.singleFinalPrice }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2"/>
-              <el-col :span="4"/>
-              <el-col :span="2">
-                <span>台数</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.quantity }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="2">
-                <span>车价合计</span>
-              </el-col>
-              <el-col :span="10">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.priceSum }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>计划提车地点</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.plannedPickUpLocation }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>预计提车日期</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderPrice.plannedPickUpDate }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-          <!-- ==================== 主车优惠明细 ======================================== -->
-          <div class="titleleft space_up">主车优惠明细</div>
-          <template slot="title">
-            主车优惠明细
-          </template>
-          <el-table :key="tableKey" :data="temp.busSalesOrderDiscountList" border fit highlight-current-row :index="index" style="width: 100%;">
-            <el-table-column label="序号" type="index" width="80" align="center"/>
-            <el-table-column label="优惠名称" align="center">
+          <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">
-                <span>{{ scope.row.name }}</span>
+                {{ scope.row.name }}
               </template>
             </el-table-column>
-            <el-table-column label="价值" align="center">
+            <el-table-column label="价值" align="left" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.price }}</span>
+                {{ scope.row.price }}
               </template>
             </el-table-column>
-            <el-table-column label="优惠项目说明" align="center">
+            <el-table-column label="优惠项目说明" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.discountExplain }}</span>
+                {{ scope.row.discountExplain }}
               </template>
             </el-table-column>
-            <el-table-column label="数量" align="center">
+            <el-table-column label="数量" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.num }}</span>
+                {{ scope.row.num }}
               </template>
             </el-table-column>
-            <el-table-column label="总价值" align="center">
+            <el-table-column prop="totalValue" label="小计" header-align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.totalValue }}</span>
+                {{ scope.row.totalValue }}
               </template>
             </el-table-column>
           </el-table>
-
-          <!-- ==================== 保险说明 ======================================== -->
-          <div class="titleleft">
-            <span>保险说明</span>
-            <span>公司入保</span>
+          <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="4">
-              <span>保险公司名称</span>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.notes }}</span></el-form-item>
             </el-col>
-            <el-col :span="4" class="baoxianInput">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderInsurance.insuranceName }}</span>
-              </el-form-item>
+          </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-col :span="4">
-              <span>单台车保费预估金额</span>
+          </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="4" class="baoxianInput">
-              <el-form-item>
-                {{ temp.busSalesOrderInsurance.insuranceCarMoney }}
-              </el-form-item>
+            <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="4">
-              <span>公司入保期数</span>
+            <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="4" class="baoxianInput">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderInsurance.insuranceNum }}</span>
-              </el-form-item>
+            <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="4">
-              <span>备注</span>
+            <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="20">
-              <el-form-item>
-                <span>{{ temp.busSalesOrderInsurance.remarks }}</span>
-              </el-form-item>
+            <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>
-          <!-- ==================== 消贷金融方案(暂不考虑) ======================================== -->
-          <div class="titleleft">
-            <span>消贷金融方案</span>
-            <!--            <div class="jinrongTit">-->
-            <!--              <span>单车方案编辑</span>-->
-            <!--              <span> 预览总方案</span>-->
-            <!--            </div>-->
-          </div>
-          <!-- ==================== 订金信息 ======================================== -->
-          <div class="titleleft space_up">
-            <span>订金信息</span>
-          </div>
-          <div class="shangzhuangstyle">
-            <el-row>
-              <el-col :span="2">
-                <span>单台订金</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderDeposit.deposit }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>订金合计</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderDeposit.depositAll }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span>订金交纳方式</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item>
-                  <span>{{ temp.busSalesOrderDeposit.depositType }}</span>
-                </el-form-item>
-              </el-col>
-              <el-col :span="2">
-                <span v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">需补交订金</span>
-              </el-col>
-              <el-col :span="4">
-                <el-form-item v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">
-                  <span>{{ temp.busSalesOrderDeposit.makeUpDeposit }}</span>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-
-          <!-- ==================== 虚拟订单列表 ======================================== -->
-          <div v-show="temp.busSalesOrderDeposit.depositTypeKey == '02'">
-            <div class="titleleft">
-              <span>虚拟订单列表</span>
-            </div>
-            <el-table :key="tableKey2" :data="temp.busDepositFictitiousList" border fit highlight-current-row style="width: 100%;">
-              <el-table-column label="序号" type="index" width="80" align="center"/>
-              <el-table-column label="虚拟订单编号" align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.depositBillNo }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="订金剩余金额" align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.depositPrice }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="本次结转金额" align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.price }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column label="款项支付委托书" align="center">
-                <template slot-scope="scope">
-                  <span></span>
-                </template>
-              </el-table-column>
-            </el-table>
-          </div>
-          <!-- ==================== 补充说明 ======================================== -->
-          <div class="titleleft">
-            <span>补充说明</span>
-          </div>
-          <el-row class="notes">
-            <span>{{ temp.notes }}</span>
           </el-row>
         </el-form>
       </div>
     </div>
+    <financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
   </div>
 </template>
-
 <script>
-import { fetchDetailsBySid, selectCount, selectOrderCount } from '@/api/salesManagement/orderManagement'
+import { fetchDetailsBySid } from '@/api/salesManagement/orderManagement'
+import financialscheme from './relation/financialscheme'
 
 export default {
-  name: 'xiaoshoudingdanInfo',
+  name: 'XiaoShouDingDanInfo',
+  components: {
+    financialscheme
+  },
   data() {
     return {
-      index: 1,
-      state: '', // 4.1优惠明细 5.1虚拟订单
-      nodeState: '', // 节点状态
+      viewTitle: '',
+      viewState: 1,
       tableKey: 0,
-      tableKey2: 1,
-      tableKey3: 2,
-      tableKey4: 3,
-      contractName: '',
-      temp: {
-        billNo: '', // 编号
-        affiliatedCompany: '', // 挂靠公司名称
-        affiliatedCompanySid: '', // 挂靠公司sid
-        billingType: '', // 开票类型value
-        billingTypeKey: '', // 开票类型key
-        busDepositFictitiousList: [{
-          depositBillNo: '', // 虚拟订单编号
-          depositPrice: '', // 订金剩余金额
-          depositSid: '', // 订金信息sid
-          payPath: '', // 款项支付委托书
-          price: '' // 本次结转金额
-        }], // 虚拟订单和订金关联
-        busSalesOrderDeposit: {
-          deposit: '', // 单台订金
-          depositAll: '', // 订金合计
-          depositType: '', // 订金交纳方式
-          depositTypeKey: '', // 订金交纳方式key
-          makeUpDeposit: '' // 需补交订金
-        }, // 订金信息
-        busSalesOrderDiscountList: [{
-          discountExplain: '', // 优惠项目明细
-          name: '', // 优惠名称
-          num: '', // 数量
-          price: '', // 价值
-          salesPolicySid: '', // 销售政策sid
-          totalValue: '' // 总价值
-        }], // 主车优惠明细
-        busSalesOrderInsurance: {
-          insuranceCarMoney: '', // 单台车保费预估金额
-          insuranceName: '', // 保险公司名称
-          insuranceNum: '' // 公司入保期数
-        }, // 保险说明
-        busSalesOrderMakeup: {
-          announcementModel: '', // 公告型号
-          contractPath: '', // 合同上传
-          moreConfig: '', // 更多配置
-          overallDimension: '', // 外廓尺寸
-          plateMaterial: '', // 板材材质
-          plateThickness: '', // 板材厚度
-          refitFactory: '', // 委改厂
-          refitMethod: '', // 委改方式
-          topName: '', // 上装名称
-          topPrice: '' // 上装价格
-        }, // 上装配置信息
-        busSalesOrderModel: {
-          brandName: '', // 品牌
-          config: '', // 常用配置
-          finalPrice: '', // 单台成交价
-          guildPrice: '', // 单台指导价
-          modelConfig: '', // 车型配置名称
-          modelConfigSid: '', // 配置sid
-          modelName: '', // 车型名称
-          modelSid: '', // 车型sid
-          moreConfig: '', // 更多配置
-          specialConfig: '' // 特殊配置说明
-        }, // 主车车型信息
-        busSalesOrderPrice: {
-          plannedPickUpDate: '', // 计划提车日期
-          plannedPickUpLocation: '', // 计划提车地点
-          priceSum: '', // 车价合计
-          quantity: '', // 台数
-          singleFinalPrice: '', // 单台成交价 (主车加上装）
-          singleGuildPrice: '' // 单台指导价 (主车加上装）
-        }, // 价格信息
-        busSalesOrderVehicleList: [], // 现车车辆信息
-        busSalesVehicleOrderList: [], // 采购订单信息
-        // {
-        //   linkNo: '',  //车架号
-        //   linkSid: '',  //车辆sid
-        //   linkText: '',  //车辆存放地点
-        // }
-        createDate: '', // 制单日期
-        customerName: '', // 客户名称
-        customerSid: '', // 客户sid
-        isInsurance: '', // 公司是否入保
-        isTop: '', // 是否包含上装
-        mobile: '', // 客户联系电话
-        notes: '', // 补充说明
-        orgName: window.sessionStorage.getItem('Orgname'), // 销售部门
-        orgSid: window.sessionStorage.getItem('orgSid'), // 销售部门sid
-        payType: '', // 付款方式value
-        payTypeKey: '', // 付款方式key
+      index: 0,
+      formobj: {
         sid: '',
-        staffName: window.sessionStorage.getItem('name'), // 销售专员
-        staffSid: window.sessionStorage.getItem('staffSid'), // 销售专员sid
-        type: '' // 销售订单车辆类型 1现车、2订单、3排产
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
       }
     }
   },
   methods: {
-    showInfo(sid) {
-      fetchDetailsBySid({ sid: sid }).then((response) => {
-        if (response.success) {
-          const temp_copy = response.data
-          if (temp_copy.busSalesOrderInsurance == null) {
-            temp_copy.busSalesOrderInsurance = {
-              insuranceCarMoney: '',
-              insuranceName: '',
-              insuranceNum: ''
-            }
-          }
-          if (temp_copy.busSalesOrderMakeup == null) {
-            temp_copy.busSalesOrderMakeup = {
-              announcementModel: '', // 公告型号
-              contractPath: '', // 合同上传
-              moreConfig: '', // 更多配置
-              overallDimension: '', // 外廓尺寸
-              plateMaterial: '', // 板材材质
-              plateThickness: '', // 板材厚度
-              refitFactory: '', // 委改厂
-              refitMethod: '', // 委改方式
-              topName: '', // 上装名称
-              topPrice: '', // 上装价格
-              remarks: '' // 上装备注
-            }
-          }
-          this.temp = temp_copy
-          this.temp.sid = sid
-          if (this.temp.type === '1') {
-            this.temp.vehicleType = '现车'
-          } else if (this.temp.type === '2') {
-            this.temp.vehicleType = '采购订单'
-          } else if (this.temp.type === '3') {
-            this.temp.vehicleType = '排产'
+    showInfo(row) {
+      this.viewTitle = '销售订单'
+      fetchDetailsBySid(row.sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
+            this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.linkNo = ''
           }
-          const index = this.temp.busSalesOrderMakeup.contractPath.lastIndexOf('/')
-          this.contractName = this.temp.busSalesOrderMakeup.contractPath.substring(index + 1, this.temp.busSalesOrderMakeup.contractPath.length)
-          const countList = {
-            customerSid: this.temp.customerSid, // 客户sid
-            modelConfigSid: this.temp.busSalesOrderModel.modelConfigSid, // 配置sid
-            modelSid: this.temp.busSalesOrderModel.modelSid, // 车型sid
-            staffSid: this.temp.staffSid, // 业务员sid
-            type: this.temp.type // 类型
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
           }
-          // 现车
-          selectCount(countList).then((response) => {
-            if (response.success) {
-              this.xiancheCount = response.data
-            }
-          })
-          // 采购订单
-          selectOrderCount(countList).then((response) => {
-            if (response.success) {
-              this.caigouCount = 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
+    },
+    resetState() {
+      this.viewState = 1
     },
     handleReturn() {
       this.$emit('doback')
@@ -677,163 +444,36 @@ export default {
 </script>
 
 <style scoped>
-.formadd {
-  width: 95%;
-  margin: 0 auto;
-}
-
-.shangzhuangstyle /deep/ .el-col-4 {
-  text-align: left
-}
-
-.jiagestyle /deep/ .el-col-4 {
-  text-align: left
-}
-
-.chosseBtn /deep/ .el-col-4 {
-  text-align: left
-}
-
-.tit {
-  margin: 0 0 10px 0;
-  padding: 10px 0 0 0;
-}
-
-.times {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 30px 0 10px 0;
-  margin: 0 auto 0 auto;
-  width: 75%;
-  font-size: 14px;
-  text-align: center;
-}
-
-/*.times02 {*/
-/*  display: flex;*/
-/*  flex-direction: row;*/
-/*  justify-content: space-between;*/
-/*  padding: 0 0 24px 0;*/
-/*  margin: 0 auto 0 auto;*/
-/*  width: 75%;*/
-/*  font-size: 14px;*/
-/*  text-align: center;*/
-/*}*/
-
-/*.customer_sel {*/
-/*  width: 65% !important;*/
-/*}*/
-
-/deep/ .el-col-3,
-.el-col-4,
-.el-col-2 {
-  text-align: right;
-  float: left;
-  font-size: 14px;
-  color: #606266;
-  line-height: 40px !important;
-  font-weight: 600;
-}
-
-/*/deep/ .el-form-item__content {*/
-/*  margin-left: 0 !important;*/
-/*}*/
-.chooseForm {
-  margin-left: 15px;
-  display: inline-block;
-}
-
-/deep/ .el-button--small {
-  border-radius: 4px;
-}
-
-.space_up {
-  margin-top: 1px;
-}
-
-.qitas .left {
-  text-align: left;
-}
-
-.qitas .right {
-  text-align: right;
+.span-sty {
+  width: 130px !important;
 }
-
-.addinputw {
-  display: inline-block !important;
-}
-
-.checkedBaoxian {
-  margin-left: 15px;
-}
-
-.baoxianInput {
-  text-align: left;
+.addinputInfo {
+  margin-left: 120px !important;
 }
-
-.jinrongTit {
-  float: right;
-}
-
-.jinrongTit span {
-  margin-left: 10px;
-}
-
-/deep/ .is-checked /deep/ .el-checkbox__label {
-  color: white;
-}
-
-/deep/ .el-checkbox__label {
-  color: white;
-  font-weight: bold;
-  font-size: 20px;
-}
-
-/deep/ .el-collapse-item__header {
-  height: 40px;
-  padding: 10px;
+.jinrong {
+  padding: 7px;
   font-weight: bold;
-  font-size: 20px;
-  text-align: left;
-  color: #ffffff;
+  font-size: 16px;
   background-color: #0294d7;
-}
-
-/deep/ .el-collapse-item__content {
-  padding-bottom: 0;
-}
-
-.zhucheBtn {
-  margin-left: 10px;
-}
-
-.xiancheBtn {
-  float: right;
-}
-
-.xiancheForm {
-  text-align: center;
-}
-
-.dialogBtn {
   text-align: left;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1px;
 }
-
-.linkNoSty {
-  display: inline-block;
-  padding-right: 20px;
-}
-
-/deep/ .el-checkbox__input /deep/ .is-checked {
-  color: #ffffff !important;
-}
-
-/deep/ .el-checkbox__label {
-  color: #ffffff !important;
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
 }
-
-.notes {
-  font-size: 14px;
+/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>