完善开票申请--详情页面查看销售订单

anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/finwaitinvoiceapply.js

@@ -41,6 +41,14 @@ export function saveOrUpdate(data) {
   })
 }
 
+// 销售订单--编辑、详情初始化
+export function fetchDetails(data) {
+  return request({
+    url: '/buscenter/v1/bussalesorder/fetchDetailsBySid/' + data,
+    method: 'get'
+  })
+}
+
 // 开票申请--提交
 export function submit(data) {
   return request({

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/backups/finginvoiceapplyAdd.vue

@@ -1,184 +1,190 @@
 <template>
   <div class="app-container">
-    <div class="tab-header webtop">
-      <!--标题-->
-      <div>{{ viewTitle }}</div>
-      <!--start 添加修改按钮-->
-      <div>
-        <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存
-        </el-button>
-        <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit()">提交
-        </el-button>
-        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存
+          </el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit()">提交
+          </el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
       </div>
-    </div>
-    <div class="listconadd">
-      <div class="titwu">公司开票申请单</div>
-      <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起日期</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售类型</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票单位</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">客户名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <div class="title">主车开票信息</div>
-        <el-row>
-          <el-col :span="8">
-            <div class="span-sty"><span class="icon">*</span>单台开票金额</div>
-            <el-form-item><el-input :disabled="isEdit" v-model="formobj.oneBillMoney" @keyup.native="UpNumber" clearable placeholder="" class="addinputw"/></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票类型默认</div>
-            <el-form-item>
-              <el-select v-model="formobj.openTickTypeValue" placeholder="请选择" @change="changeOpenTickType" clearable class="addinputInfo">
-                <el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票名称默认</div>
-            <el-form-item>
-              <el-select v-model="formobj.openTickName" placeholder="请选择" @change="changeOpenTick" filterable clearable class="addinputInfo">
-                <el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
-          <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-          <el-table-column label="车架号" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.vinNo }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="合格证状态" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.certificateStateValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票类型" align="center">
-            <template slot-scope="scope">
-              <el-select v-model="scope.row.billTypeValue" placeholder="请选择" @change="changeBillType($event, scope.row)">
-                <el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票名称" align="center">
-            <template slot-scope="scope">
-              <el-select v-model="scope.row.openTickName" placeholder="请选择" @change="changeOpenTickName($event, scope.row)" filterable>
-                <el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票信息" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickRemarks }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-row>
-          <el-col :span="24">
-            <div class="span-sty">开票金额合计</div>
-            <el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <div class="span-sty">备注</div>
-            <el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputw" /></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.billStateValue }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <div v-if="formobj.finBillTrailers !== null">
-          <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
-          <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+      <div class="listconadd">
+        <div class="titwu">公司开票申请单</div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>主车开票信息</div>
+            <div><el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>单台开票金额</div>
+              <el-form-item><el-input :disabled="isEdit" v-model="formobj.oneBillMoney" @keyup.native="UpNumber" clearable placeholder="" class="addinputw"/></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型默认</div>
+              <el-form-item>
+                <el-select v-model="formobj.openTickTypeValue" placeholder="请选择" @change="changeOpenTickType" clearable class="addinputInfo">
+                  <el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票名称默认</div>
+              <el-form-item>
+                <el-select v-model="formobj.openTickName" placeholder="请选择" @change="changeOpenTick" filterable clearable class="addinputInfo">
+                  <el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
             <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-            <el-table-column label="挂车车架号" align="center">
+            <el-table-column label="车架号" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.gcVinNo }}</span>
+                <span>{{ scope.row.vinNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="主车车架号" align="center">
+            <el-table-column label="合格证状态" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span>{{ scope.row.certificateStateValue }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票金额" align="center">
+            <el-table-column label="开票类型" align="center">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.oneBillMoney" @keyup.native="UpNumber" clearable placeholder=""/>
+                <el-select v-model="scope.row.billTypeValue" placeholder="请选择" @change="changeBillType($event, scope.row)">
+                  <el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="开票名称" align="center">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.openTickName" placeholder="请选择" @change="changeOpenTickName($event, scope.row)" filterable>
+                  <el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="开票信息" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.openTickRemarks }}</span>
               </template>
             </el-table-column>
           </el-table>
-        </div>
-        <div class="title"><span class="icon">*</span>证件(营业执照或身份证)</div>
-        <el-row>
-          <el-col :span="24">
-            <upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-          </el-col>
-        </el-row>
-        <div class="title"><span class="icon">*</span>客户开票申请书</div>
-        <el-row>
-          <el-col :span="24">
-            <upload ref="uploadImg" v-model="image_list2" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-          </el-col>
-        </el-row>
-        <div class="title">款项确认书(贷款业务上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <upload ref="uploadImg" v-model="image_list3" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-          </el-col>
-        </el-row>
-        <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item>
-              <upload ref="uploadImg" v-model="image_list4" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputw" /></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.billStateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="formobj.finBillTrailers !== null">
+            <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
+            <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+              <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+              <el-table-column label="挂车车架号" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.gcVinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="主车车架号" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.vinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票金额" align="center">
+                <template slot-scope="scope">
+                  <el-input v-model="scope.row.oneBillMoney" @keyup.native="UpNumber" clearable placeholder=""/>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div class="title"><span class="icon">*</span>证件(营业执照或身份证)</div>
+          <el-row>
+            <el-col :span="24">
+              <upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-col>
+          </el-row>
+          <div class="title"><span class="icon">*</span>客户开票申请书</div>
+          <el-row>
+            <el-col :span="24">
+              <upload ref="uploadImg" v-model="image_list2" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-col>
+          </el-row>
+          <div class="title">款项确认书(贷款业务上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <upload ref="uploadImg" v-model="image_list3" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-col>
+          </el-row>
+          <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <upload ref="uploadImg" v-model="image_list4" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
     </div>
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
   </div>
 </template>
 
@@ -186,15 +192,18 @@
 import { fetchDetailsBySid, saveOrUpdate, submit, fetchByContractNo } from '@/api/anruifinmanagement/finwaitinvoiceapply'
 import { selectAllDisList, typeValues } from '@/api/jichuxinxi/dictcommons'
 import upload from '@/components/uploadFile/upload'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
 
 export default {
   name: '',
   components: {
-    upload
+    upload,
+    xiaoshoudingdanInfo
   },
   data() {
     return {
       viewTitle: '',
+      viewState: 1,
       submitdisabled: false,
       isEdit: false,
       diploma_list: [],
@@ -376,6 +385,10 @@ export default {
       row.openTickSid = choose[0].sid
       row.openTickRemarks = choose[0].openTickRemarks
     },
+    handleLookByDingDan() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
+    },
     handleSave() {
       if (this.formobj.oneBillMoney === '') {
         this.$message({ showClose: true, type: 'error', message: '单条开票金额不能为空' })
@@ -504,6 +517,9 @@ export default {
         this.formobj.kpxxqrsApplicationAppendxs = []
       }
     },
+    resetState() {
+      this.viewState = 1
+    },
     handleReturn(isreload) {
       if (isreload === 'true') this.$emit('reloadlist')
       this.formobj = {
@@ -572,6 +588,13 @@ export default {
 </script>
 
 <style scoped>
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
 .span-sty {
   width: 100px !important;
 }

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/backups/finginvoiceapplyInfo.vue

@@ -1,183 +1,194 @@
 <template>
   <div class="app-container">
     <!--标题按钮部分开始-->
-    <div class="tab-header webtop">
-      <!--标题-->
-      <div>{{ viewTitle }}</div>
-      <!--start 新增修改按钮-->
-      <div>
-        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 新增修改按钮-->
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+        <!--end 添加修改按钮-->
       </div>
-      <!--end 添加修改按钮-->
-    </div>
-    <!--按钮部分结束-->
-    <div class="listconadd">
-      <div class="titwu">公司开票申请单</div>
-      <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起日期</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售类型</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票单位</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">客户名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</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.oneBillMoney }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票类型默认</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickTypeValue }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票名称默认</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickName }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
-          <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-          <el-table-column label="车架号" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.vinNo }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="合格证状态" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.certificateStateValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票类型" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.billTypeValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票名称" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickName }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票信息" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickRemarks }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-row>
-          <el-col :span="24">
-            <div class="span-sty">开票金额合计</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.totalBillMoney }}</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.remarks }}</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.billStateValue }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <div v-if="formobj.finBillTrailers !== null">
-          <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
-          <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+      <!--按钮部分结束-->
+      <div class="listconadd">
+        <div class="titwu">公司开票申请单</div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>主车开票信息</div>
+            <div><el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型默认</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票名称默认</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
             <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-            <el-table-column label="挂车车架号" align="center">
+            <el-table-column label="车架号" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.gcVinNo }}</span>
+                <span>{{ scope.row.vinNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="主车车架号" align="center">
+            <el-table-column label="合格证状态" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span>{{ scope.row.certificateStateValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="开票类型" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.billTypeValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="开票名称" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.openTickName }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票金额" align="center">
+            <el-table-column label="开票信息" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.oneBillMoney }}</span>
+                <span>{{ scope.row.openTickRemarks }}</span>
               </template>
             </el-table-column>
           </el-table>
-        </div>
-        <div class="title">证件(营业执照或身份证)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
-          </el-col>
-        </el-row>
-        <div class="title">客户开票申请书</div>
-        <el-row>
-          <el-col :span="24">
-            <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list2" :key="index" :src="item" :preview-src-list="image_list2"></el-image>
-          </el-col>
-        </el-row>
-        <div class="title">款项确认书(贷款业务上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item>
-              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list3" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item>
-              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list4" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.totalBillMoney }}</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.remarks }}</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.billStateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="formobj.finBillTrailers !== null">
+            <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
+            <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+              <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+              <el-table-column label="挂车车架号" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.gcVinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="主车车架号" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.vinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票金额" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.oneBillMoney }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div class="title">证件(营业执照或身份证)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
+            </el-col>
+          </el-row>
+          <div class="title">客户开票申请书</div>
+          <el-row>
+            <el-col :span="24">
+              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list2" :key="index" :src="item" :preview-src-list="image_list2"></el-image>
+            </el-col>
+          </el-row>
+          <div class="title">款项确认书(贷款业务上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list3" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list4" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
     </div>
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
 import { fetchDetailsBySid } from '@/api/anruifinmanagement/finwaitinvoiceapply'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
 export default {
   name: 'finginvoiceapplyInfo',
+  components: {
+    xiaoshoudingdanInfo
+  },
   data() {
     return {
       viewTitle: '',
+      viewState: 1,
       tableKey: 0,
       billingKey: 1,
       index: 0,
@@ -269,6 +280,13 @@ export default {
         }
       })
     },
+    handleLookByDingDan() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
+    },
+    resetState() {
+      this.viewState = 1
+    },
     // 关闭、返回到列表页面
     handleReturn() {
       this.image_list1 = []
@@ -282,6 +300,13 @@ export default {
 </script>
 
 <style scoped>
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
 .span-sty {
   width: 100px !important;
 }

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/backups/relation/financialscheme.vue

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

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/backups/relation/xiaoshoudingdanInfo.vue

@@ -0,0 +1,477 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <div class="titwu">销售订单</div>
+        <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">制单日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售机构</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">客户信息</div>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">挂靠公司</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">是否包牌</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车型信息</div>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">常用配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">更多配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">特殊配置说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">上装</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '1'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '2'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">采购订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '3'">
+            <el-col :span="24">
+              <div class="span-sty">需采购</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <!--          <div class="title">挂车信息</div>-->
+          <!--          <el-row>-->
+          <!--            <el-col :span="24">-->
+          <!--              <el-form-item><span></span></el-form-item>-->
+          <!--            </el-col>-->
+          <!--          </el-row>-->
+          <div class="title">价格信息</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台整体指导价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">主车单台销售合同价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单台整体销售合同价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台折让(元)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">台数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车价合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">计划提车日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">预计提车地点</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">订金信息</div>
+          <el-row>
+            <el-col :span="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-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>
+          <div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div>
+          <el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column label="优惠名称" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.name }}
+              </template>
+            </el-table-column>
+            <el-table-column label="价值" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠项目说明" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.discountExplain }}
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.num }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="totalValue" label="小计" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.totalValue }}
+              </template>
+            </el-table-column>
+          </el-table>
+          <div v-show="formobj.finPlanState" class="jinrong">
+            <div>单车金融方案</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button>
+            </div>
+          </div>
+          <div class="title">补充说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.notes }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">保险说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
+  </div>
+</template>
+<script>
+import { fetchDetails } from '@/api/anruifinmanagement/finwaitinvoiceapply'
+import financialscheme from './financialscheme'
+
+export default {
+  name: 'XiaoShouDingDanInfo',
+  components: {
+    financialscheme
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '销售订单'
+      fetchDetails(sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
+            this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.linkNo = ''
+          }
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
+          }
+        }
+      })
+    },
+    handleLook() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo)
+    },
+    // 合计
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = ''
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (column.property === 'totalValue') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
+        } else {
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr)
+              if (!isNaN(value)) {
+                return prev + curr
+              } else {
+                return prev
+              }
+            }, 0)
+            sums[index] += ''
+            this.amount = sums[index] += ''
+          } else {
+            sums[index] = ''
+          }
+        }
+      })
+      return sums
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !important;
+}
+.jinrong {
+  padding: 7px;
+  font-weight: bold;
+  font-size: 16px;
+  background-color: #0294d7;
+  text-align: left;
+  color: #ffffff;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 1px;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>

anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/kaipiaoguanliFlow/finginvoiceapplyByFileDaiBanInfo.vue

@@ -1,202 +1,197 @@
 <template>
   <div class="app-container">
     <!--标题按钮部分开始-->
-    <div class="tab-header webtop">
-      <!--标题-->
-      <div>{{ viewTitle }}</div>
-      <!--start 新增修改按钮-->
-      <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 v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 新增修改按钮-->
+        <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>
+        <!--end 添加修改按钮-->
       </div>
-      <!--end 添加修改按钮-->
-    </div>
-    <!--按钮部分结束-->
-    <div class="">
-      <div class="titwu">公司开票申请单</div>
-      <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起日期</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售类型</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票单位</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">客户名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</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.oneBillMoney }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票类型默认</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickTypeValue }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票名称默认</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickName }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
-          <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-          <el-table-column label="车架号" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.vinNo }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="合格证状态" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.certificateStateValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票类型" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.billTypeValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票名称" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickName }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票信息" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickRemarks }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票金额" align="center">
-            <template>
-              <span>{{ formobj.oneBillMoney }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="合格证状态" align="center">
-            <template slot-scope="scope">
-              <span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-row>
-          <el-col :span="24">
-            <div class="span-sty">开票金额合计</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.totalBillMoney }}</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.remarks }}</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.billStateValue }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <div v-if="formobj.finBillTrailers !== null">
-          <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
-          <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+      <!--按钮部分结束-->
+      <div class="">
+        <div class="titwu">公司开票申请单</div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>主车开票信息</div>
+            <div><el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型默认</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票名称默认</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
             <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-            <el-table-column label="挂车车架号" align="center">
+            <el-table-column label="车架号" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.gcVinNo }}</span>
+                <span>{{ scope.row.vinNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="主车车架号" align="center">
+            <el-table-column label="合格证状态" align="center" width="110">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票类型" align="center">
+            <el-table-column label="开票类型" align="center" width="150">
               <template slot-scope="scope">
                 <span>{{ scope.row.billTypeValue }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票名称" align="center">
+            <el-table-column label="开票名称" align="center" width="160">
               <template slot-scope="scope">
                 <span>{{ scope.row.openTickName }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票信息" align="center">
+            <el-table-column label="开票信息" align="center" min-width="200">
               <template slot-scope="scope">
                 <span>{{ scope.row.openTickRemarks }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票金额" align="center">
-              <template slot-scope="scope">
-                <span>{{ scope.row.oneBillMoney }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column label="合格证" align="center">
-              <template slot-scope="scope">
-                <span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
+            <el-table-column label="开票金额" align="center" width="120">
+              <template>
+                <span>{{ formobj.oneBillMoney }}</span>
               </template>
             </el-table-column>
           </el-table>
-        </div>
-        <div class="title"><span class="icon">*</span>证件(营业执照或身份证)</div>
-        <el-row>
-          <el-col :span="24">
-            <upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-          </el-col>
-        </el-row>
-        <div class="title"><span class="icon">*</span>客户开票申请书</div>
-        <el-row>
-          <el-col :span="24">
-            <upload ref="uploadImg" v-model="image_list2" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-          </el-col>
-        </el-row>
-        <div class="title">款项确认书(贷款业务上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <upload ref="uploadImg" v-model="image_list3" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-          </el-col>
-        </el-row>
-        <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item>
-              <upload ref="uploadImg" v-model="image_list4" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.totalBillMoney }}</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.remarks }}</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.billStateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="formobj.finBillTrailers !== null">
+            <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
+            <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+              <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+              <el-table-column label="挂车车架号" align="center" width="110">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.gcVinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="主车车架号" align="center" width="110">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.vinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票名称" align="center" width="160">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.openTickName }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票信息" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.openTickRemarks }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票金额" align="center" width="120">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.oneBillMoney }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="合格证" align="center" width="100">
+                <template slot-scope="scope">
+                  <span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div class="title"><span class="icon">*</span>证件(营业执照或身份证)</div>
+          <el-row>
+            <el-col :span="24">
+              <upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-col>
+          </el-row>
+          <div class="title"><span class="icon">*</span>客户开票申请书</div>
+          <el-row>
+            <el-col :span="24">
+              <upload ref="uploadImg" v-model="image_list2" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-col>
+          </el-row>
+          <div class="title">款项确认书(贷款业务上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <upload ref="uploadImg" v-model="image_list3" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-col>
+          </el-row>
+          <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <upload ref="uploadImg" v-model="image_list4" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
     </div>
 
     <el-dialog :visible.sync="dialogVisible" :append-to-body="true">
@@ -228,21 +223,26 @@
         </div>
       </el-form>
     </el-dialog>
+    <!-- 查看销售订单详情 -->
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
 import { fetchDetailsBySid, completeByKP, reject, breakProcess, getPreviousNodesForReject, getNextNodesForSubmit } from '@/api/anruifinmanagement/finwaitinvoiceapply'
 import upload from '@/components/uploadFile/upload'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
 
 export default {
   name: 'finginvoiceapplyByFileDaiBanInfo',
   components: {
-    upload
+    upload,
+    xiaoshoudingdanInfo
   },
   data() {
     return {
       viewTitle: '',
+      viewState: 1,
       tableKey: 0,
       billingKey: 1,
       index: 0,
@@ -405,6 +405,13 @@ export default {
       this.dialogVisible = true
       this.srcList = row
     },
+    handleLookByDingDan() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
+    },
+    resetState() {
+      this.viewState = 1
+    },
     getUrl() {
       if (this.image_list1.length > 0) {
         const aa = []
@@ -619,6 +626,13 @@ export default {
   text-align: center;
   padding: 30px 0 20px 0;
 }
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
 .span-sty {
   width: 100px !important;
 }

anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/kaipiaoguanliFlow/finginvoiceapplyDaiBanInfo.vue

@@ -1,199 +1,199 @@
 <template>
   <div class="app-container">
     <!--标题按钮部分开始-->
-    <div class="tab-header webtop">
-      <!--标题-->
-      <div>{{ viewTitle }}</div>
-      <!--start 新增修改按钮-->
-      <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 v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 新增修改按钮-->
+        <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>
+        <!--end 添加修改按钮-->
       </div>
-      <!--end 添加修改按钮-->
-    </div>
-    <!--按钮部分结束-->
-    <div class="">
-      <div class="titwu">公司开票申请单</div>
-      <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起日期</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售类型</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票单位</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">客户名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</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.oneBillMoney }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票类型默认</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickTypeValue }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票名称默认</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickName }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
-          <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-          <el-table-column label="车架号" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.vinNo }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="合格证状态" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.certificateStateValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票类型" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.billTypeValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票名称" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickName }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票信息" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickRemarks }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票金额" align="center">
-            <template>
-              <span>{{ formobj.oneBillMoney }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="合格证状态" align="center">
-            <template slot-scope="scope">
-              <span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-row>
-          <el-col :span="24">
-            <div class="span-sty">开票金额合计</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.totalBillMoney }}</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.remarks }}</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.billStateValue }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <div v-if="formobj.finBillTrailers !== null">
-          <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
-          <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+      <!--按钮部分结束-->
+      <div class="">
+        <div class="titwu">公司开票申请单</div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>主车开票信息</div>
+            <div><el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型默认</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票名称默认</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
             <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-            <el-table-column label="挂车车架号" align="center">
+            <el-table-column label="车架号" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.gcVinNo }}</span>
+                <span>{{ scope.row.vinNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="主车车架号" align="center">
+            <el-table-column label="合格证状态" align="center" width="110">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票名称" align="center">
+            <el-table-column label="开票类型" align="center" width="150">
               <template slot-scope="scope">
-                <span>{{ scope.row.openTickName }}</span>
+                <span>{{ scope.row.billTypeValue }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票信息" align="center">
+            <el-table-column label="开票名称" align="center" width="160">
               <template slot-scope="scope">
-                <span>{{ scope.row.openTickRemarks }}</span>
+                <span>{{ scope.row.openTickName }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票金额" align="center">
+            <el-table-column label="开票信息" align="center" min-width="200">
               <template slot-scope="scope">
-                <span>{{ scope.row.oneBillMoney }}</span>
+                <span>{{ scope.row.openTickRemarks }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="合格证" align="center">
-              <template slot-scope="scope">
-                <span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
+            <el-table-column label="开票金额" align="center" width="120">
+              <template>
+                <span>{{ formobj.oneBillMoney }}</span>
               </template>
             </el-table-column>
           </el-table>
-        </div>
-        <div class="title">证件(营业执照或身份证)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
-          </el-col>
-        </el-row>
-        <div class="title">客户开票申请书</div>
-        <el-row>
-          <el-col :span="24">
-            <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list2" :key="index" :src="item" :preview-src-list="image_list2"></el-image>
-          </el-col>
-        </el-row>
-        <div class="title">款项确认书(贷款业务上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item>
-              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list3" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item>
-              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list4" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.totalBillMoney }}</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.remarks }}</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.billStateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="formobj.finBillTrailers !== null">
+            <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
+            <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+              <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+              <el-table-column label="挂车车架号" align="center" width="110">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.gcVinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="主车车架号" align="center" width="110">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.vinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票名称" align="center" width="160">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.openTickName }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票信息" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.openTickRemarks }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票金额" align="center" width="120">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.oneBillMoney }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="合格证" align="center" width="100">
+                <template slot-scope="scope">
+                  <span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div class="title">证件(营业执照或身份证)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
+            </el-col>
+          </el-row>
+          <div class="title">客户开票申请书</div>
+          <el-row>
+            <el-col :span="24">
+              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list2" :key="index" :src="item" :preview-src-list="image_list2"></el-image>
+            </el-col>
+          </el-row>
+          <div class="title">款项确认书(贷款业务上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list3" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list4" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
     </div>
 
     <el-dialog :visible.sync="dialogVisible" :append-to-body="true">
@@ -225,17 +225,24 @@
         </div>
       </el-form>
     </el-dialog>
+    <!-- 查看销售订单详情 -->
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
 import { fetchDetailsBySid, complete, reject, breakProcess, getPreviousNodesForReject, getNextNodesForSubmit } from '@/api/anruifinmanagement/finwaitinvoiceapply'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
 
 export default {
   name: 'finginvoiceapplyDaiBanInfo',
+  components: {
+    xiaoshoudingdanInfo
+  },
   data() {
     return {
       viewTitle: '',
+      viewState: 1,
       tableKey: 0,
       billingKey: 1,
       index: 0,
@@ -382,6 +389,13 @@ export default {
       this.dialogVisible = true
       this.srcList = row
     },
+    handleLookByDingDan() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
+    },
+    resetState() {
+      this.viewState = 1
+    },
     // 同意
     openAgree(val) {
       this.operation = val
@@ -513,6 +527,13 @@ export default {
   text-align: center;
   padding: 30px 0 20px 0;
 }
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
 .span-sty {
   width: 100px !important;
 }

anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/kaipiaoguanliFlow/finginvoiceapplyEdit.vue

@@ -1,183 +1,190 @@
 <template>
   <div class="app-container">
-    <div class="tab-header webtop">
-      <!--标题-->
-      <div>{{ viewTitle }}</div>
-      <!--start 添加修改按钮-->
-      <div>
-        <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存
-        </el-button>
-        <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit()">提交
-        </el-button>
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存
+          </el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit()">提交
+          </el-button>
+        </div>
       </div>
-    </div>
-    <div class="">
-      <div class="titwu">公司开票申请单</div>
-      <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起日期</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售类型</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票单位</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">客户名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <div class="title">主车开票信息</div>
-        <el-row>
-          <el-col :span="8">
-            <div class="span-sty"><span class="icon">*</span>单台开票金额</div>
-            <el-form-item><el-input :disabled="isEdit" v-model="formobj.oneBillMoney" @keyup.native="UpNumber" clearable placeholder="" class="addinputw"/></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票类型默认</div>
-            <el-form-item>
-              <el-select v-model="formobj.openTickTypeValue" placeholder="请选择" @change="changeOpenTickType" clearable class="addinputInfo">
-                <el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票名称默认</div>
-            <el-form-item>
-              <el-select v-model="formobj.openTickName" placeholder="请选择" @change="changeOpenTick" filterable clearable class="addinputInfo">
-                <el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
-          <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-          <el-table-column label="车架号" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.vinNo }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="合格证状态" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.certificateStateValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票类型" align="center">
-            <template slot-scope="scope">
-              <el-select v-model="scope.row.billTypeValue" placeholder="请选择" @change="changeBillType($event, scope.row)" clearable>
-                <el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票名称" align="center">
-            <template slot-scope="scope">
-              <el-select v-model="scope.row.openTickName" placeholder="请选择" @change="changeOpenTickName($event, scope.row)" filterable>
-                <el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票信息" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickRemarks }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-row>
-          <el-col :span="24">
-            <div class="span-sty">开票金额合计</div>
-            <el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <div class="span-sty">备注</div>
-            <el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputw" /></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.billStateValue }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <div v-if="formobj.finBillTrailers !== null">
-          <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
-          <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+      <div class="">
+        <div class="titwu">公司开票申请单</div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>主车开票信息</div>
+            <div><el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>单台开票金额</div>
+              <el-form-item><el-input :disabled="isEdit" v-model="formobj.oneBillMoney" @keyup.native="UpNumber" clearable placeholder="" class="addinputw"/></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型默认</div>
+              <el-form-item>
+                <el-select v-model="formobj.openTickTypeValue" placeholder="请选择" @change="changeOpenTickType" clearable class="addinputInfo">
+                  <el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票名称默认</div>
+              <el-form-item>
+                <el-select v-model="formobj.openTickName" placeholder="请选择" @change="changeOpenTick" filterable clearable class="addinputInfo">
+                  <el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
             <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-            <el-table-column label="挂车车架号" align="center">
+            <el-table-column label="车架号" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.gcVinNo }}</span>
+                <span>{{ scope.row.vinNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="主车车架号" align="center">
+            <el-table-column label="合格证状态" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span>{{ scope.row.certificateStateValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="开票类型" align="center">
+              <template slot-scope="scope">
+                <el-select v-model="scope.row.billTypeValue" placeholder="请选择" @change="changeBillType($event, scope.row)" clearable>
+                  <el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
+                </el-select>
               </template>
             </el-table-column>
-            <el-table-column label="开票金额" align="center">
+            <el-table-column label="开票名称" align="center">
               <template slot-scope="scope">
-                <el-input v-model="scope.row.oneBillMoney" @keyup.native="UpNumber" clearable placeholder=""/>
+                <el-select v-model="scope.row.openTickName" placeholder="请选择" @change="changeOpenTickName($event, scope.row)" filterable>
+                  <el-option v-for="item in openTick_list" :key="item.sid" :label="item.name" :value="item.name"></el-option>
+                </el-select>
+              </template>
+            </el-table-column>
+            <el-table-column label="开票信息" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.openTickRemarks }}</span>
               </template>
             </el-table-column>
           </el-table>
-        </div>
-        <div class="title"><span class="icon">*</span>证件(营业执照或身份证)</div>
-        <el-row>
-          <el-col :span="24">
-            <upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-          </el-col>
-        </el-row>
-        <div class="title"><span class="icon">*</span>客户开票申请书</div>
-        <el-row>
-          <el-col :span="24">
-            <upload ref="uploadImg" v-model="image_list2" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-          </el-col>
-        </el-row>
-        <div class="title">款项确认书(贷款业务上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <upload ref="uploadImg" v-model="image_list3" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-          </el-col>
-        </el-row>
-        <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item>
-              <upload ref="uploadImg" v-model="image_list4" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputw" /></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.billStateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="formobj.finBillTrailers !== null">
+            <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
+            <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+              <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+              <el-table-column label="挂车车架号" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.gcVinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="主车车架号" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.vinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票金额" align="center">
+                <template slot-scope="scope">
+                  <el-input v-model="scope.row.oneBillMoney" @keyup.native="UpNumber" clearable placeholder=""/>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div class="title"><span class="icon">*</span>证件(营业执照或身份证)</div>
+          <el-row>
+            <el-col :span="24">
+              <upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-col>
+          </el-row>
+          <div class="title"><span class="icon">*</span>客户开票申请书</div>
+          <el-row>
+            <el-col :span="24">
+              <upload ref="uploadImg" v-model="image_list2" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-col>
+          </el-row>
+          <div class="title">款项确认书(贷款业务上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <upload ref="uploadImg" v-model="image_list3" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+            </el-col>
+          </el-row>
+          <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <upload ref="uploadImg" v-model="image_list4" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
     </div>
+    <!-- 查看销售订单详情 -->
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
   </div>
 </template>
 
@@ -185,15 +192,18 @@
 import { fetchDetailsBySid, saveOrUpdate, submit, fetchByContractNo } from '@/api/anruifinmanagement/finwaitinvoiceapply'
 import { selectAllDisList, typeValues } from '@/api/jichuxinxi/dictcommons'
 import upload from '@/components/uploadFile/upload'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
 
 export default {
   name: '',
   components: {
-    upload
+    upload,
+    xiaoshoudingdanInfo
   },
   data() {
     return {
       viewTitle: '',
+      viewState: 1,
       submitdisabled: false,
       isEdit: false,
       diploma_list: [],
@@ -355,6 +365,13 @@ export default {
         }
       })
     },
+    handleLookByDingDan() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
+    },
+    resetState() {
+      this.viewState = 1
+    },
     // 开票金额合计
     totalBillMoney() {
       if (this.formobj.oneBillMoney !== '' && this.formobj.finBillVehicles.length > 0) {

anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/kaipiaoguanliFlow/finginvoiceapplyYiBanInfo.vue

@@ -1,211 +1,219 @@
 <template>
   <div class="app-container">
     <!--标题按钮部分开始-->
-    <div class="tab-header webtop">
-      <!--标题-->
-      <div>{{ viewTitle }}</div>
-      <!--start 新增修改按钮-->
-      <div>
-        <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>{{ viewTitle }}</div>
+        <!--start 新增修改按钮-->
+        <div>
+          <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
+        </div>
+        <!--end 添加修改按钮-->
       </div>
-      <!--end 添加修改按钮-->
-    </div>
-    <!--按钮部分结束-->
-    <div class="">
-      <div class="titwu">公司开票申请单</div>
-      <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">发起日期</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售部门</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">销售类型</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票单位</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">客户名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</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.oneBillMoney }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票类型默认</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickTypeValue }}</span></el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <div class="span-sty">开票名称默认</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.openTickName }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
-          <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-          <el-table-column label="车架号" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.vinNo }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="合格证状态" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.certificateStateValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票类型" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.billTypeValue }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票名称" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickName }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票信息" align="center">
-            <template slot-scope="scope">
-              <span>{{ scope.row.openTickRemarks }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="开票金额" align="center">
-            <template>
-              <span>{{ formobj.oneBillMoney }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="合格证状态" align="center">
-            <template slot-scope="scope">
-              <span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-row>
-          <el-col :span="24">
-            <div class="span-sty">开票金额合计</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.totalBillMoney }}</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.remarks }}</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.billStateValue }}</span></el-form-item>
-          </el-col>
-        </el-row>
-        <div v-if="formobj.finBillTrailers !== null">
-          <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
-          <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+      <!--按钮部分结束-->
+      <div class="">
+        <div class="titwu">公司开票申请单</div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" 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.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">发起日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</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.staffName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</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.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>主车开票信息</div>
+            <div><el-button type="primary" size="mini" class="btntopblueline" @click="handleLookByDingDan()">查看销售订单</el-button></div>
+          </div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型默认</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickTypeValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票名称默认</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.openTickName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
             <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
-            <el-table-column label="挂车车架号" align="center">
+            <el-table-column label="车架号" align="center" width="100">
               <template slot-scope="scope">
-                <span>{{ scope.row.gcVinNo }}</span>
+                <span>{{ scope.row.vinNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="主车车架号" align="center">
+            <el-table-column label="合格证状态" align="center" width="110">
               <template slot-scope="scope">
-                <span>{{ scope.row.vinNo }}</span>
+                <span class="bluezi" @click="handleLook(scope.row.certificatePhoto)">{{ scope.row.certificateStateValue }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票名称" align="center">
+            <el-table-column label="开票类型" align="center" width="150">
               <template slot-scope="scope">
-                <span>{{ scope.row.openTickName }}</span>
+                <span>{{ scope.row.billTypeValue }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票信息" align="center">
+            <el-table-column label="开票名称" align="center" width="160">
               <template slot-scope="scope">
-                <span>{{ scope.row.openTickRemarks }}</span>
+                <span>{{ scope.row.openTickName }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="开票金额" align="center">
+            <el-table-column label="开票信息" align="center" min-width="200">
               <template slot-scope="scope">
-                <span>{{ scope.row.oneBillMoney }}</span>
+                <span>{{ scope.row.openTickRemarks }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="合格证" align="center">
-              <template slot-scope="scope">
-                <span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
+            <el-table-column label="开票金额" align="center" width="120">
+              <template>
+                <span>{{ formobj.oneBillMoney }}</span>
               </template>
             </el-table-column>
           </el-table>
-        </div>
-        <div class="title">证件(营业执照或身份证)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
-          </el-col>
-        </el-row>
-        <div class="title">客户开票申请书</div>
-        <el-row>
-          <el-col :span="24">
-            <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list2" :key="index" :src="item" :preview-src-list="image_list2"></el-image>
-          </el-col>
-        </el-row>
-        <div class="title">款项确认书(贷款业务上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item>
-              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list3" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item>
-              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list4" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票金额合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.totalBillMoney }}</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.remarks }}</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.billStateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div v-if="formobj.finBillTrailers !== null">
+            <div class="title">挂车开票信息(挂车的开票类型、开票名称与主车相同)</div>
+            <el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
+              <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+              <el-table-column label="挂车车架号" align="center" width="110">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.gcVinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="主车车架号" align="center" width="110">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.vinNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票名称" align="center" width="160">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.openTickName }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票信息" align="center">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.openTickRemarks }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="开票金额" align="center" width="120">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.oneBillMoney }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="合格证" align="center" width="100">
+                <template slot-scope="scope">
+                  <span class="bluezi" @click="handleLook(scope.row.hgzImageUrl)">查看</span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div class="title">证件(营业执照或身份证)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
+            </el-col>
+          </el-row>
+          <div class="title">客户开票申请书</div>
+          <el-row>
+            <el-col :span="24">
+              <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list2" :key="index" :src="item" :preview-src-list="image_list2"></el-image>
+            </el-col>
+          </el-row>
+          <div class="title">款项确认书(贷款业务上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list3" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车辆登记合同(开票名称与客户名称不一致时上传)</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item>
+                <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list4" :key="index" :src="item" :preview-src-list="image_list3"></el-image>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
     </div>
     <el-dialog :visible.sync="dialogVisible" :append-to-body="true">
       <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
     </el-dialog>
+    <!-- 查看销售订单详情 -->
+    <xiaoshoudingdanInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/>
   </div>
 </template>
 
 <script>
 import { fetchDetailsBySid, revokeProcess } from '@/api/anruifinmanagement/finwaitinvoiceapply'
+import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
+
 export default {
   name: 'finginvoiceapplyYiBanInfo',
+  components: {
+    xiaoshoudingdanInfo
+  },
   data() {
     return {
       viewTitle: '',
+      viewState: 1,
       tableKey: 0,
       billingKey: 1,
       index: 0,
@@ -338,6 +346,13 @@ export default {
       this.dialogVisible = true
       this.srcList = row
     },
+    handleLookByDingDan() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.busSalesOrderSid)
+    },
+    resetState() {
+      this.viewState = 1
+    },
     /** 确认撤回任务 */
     openRevoke() {
       this.$confirm('是否确认执行撤回操作', '提示', {
@@ -385,6 +400,13 @@ export default {
   text-align: center;
   padding: 30px 0 20px 0;
 }
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
 .span-sty {
   width: 100px !important;
 }

anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/kaipiaoguanliFlow/relation/financialscheme.vue

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

anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/kaipiaoguanliFlow/relation/xiaoshoudingdanInfo.vue

@@ -0,0 +1,482 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="">
+        <div class="titwu">销售订单</div>
+        <el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">制单日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售机构</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">客户信息</div>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">联系电话</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">挂靠公司</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">销售类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">是否包牌</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">车型信息</div>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">常用配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">更多配置</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">特殊配置说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">合格证公告型号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16" class="tlineheightb">
+              <el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">上装</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '1'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '2'">
+            <el-col :span="24" class="tlineheightb">
+              <div class="span-sty">采购订单编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.type == '3'">
+            <el-col :span="24">
+              <div class="span-sty">需采购</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <!--          <div class="title">挂车信息</div>-->
+          <!--          <el-row>-->
+          <!--            <el-col :span="24">-->
+          <!--              <el-form-item><span></span></el-form-item>-->
+          <!--            </el-col>-->
+          <!--          </el-row>-->
+          <div class="title">价格信息</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台整体指导价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">主车单台销售合同价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">单台整体销售合同价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">单台折让(元)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">台数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车价合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <div class="span-sty">计划提车日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">预计提车地点</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">订金信息</div>
+          <el-row>
+            <el-col :span="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-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>
+          <div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div>
+          <el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column label="优惠名称" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.name }}
+              </template>
+            </el-table-column>
+            <el-table-column label="价值" align="left" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column>
+            <el-table-column label="优惠项目说明" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.discountExplain }}
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.num }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="totalValue" label="小计" header-align="center">
+              <template slot-scope="scope">
+                {{ scope.row.totalValue }}
+              </template>
+            </el-table-column>
+          </el-table>
+          <div v-show="formobj.finPlanState" class="jinrong">
+            <div>单车金融方案</div>
+            <div>
+              <el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button>
+            </div>
+          </div>
+          <div class="title">补充说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.notes }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">保险说明</div>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
+  </div>
+</template>
+<script>
+import { fetchDetails } from '@/api/anruifinmanagement/finwaitinvoiceapply'
+import financialscheme from './financialscheme'
+
+export default {
+  name: 'XiaoShouDingDanInfo',
+  components: {
+    financialscheme
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        affiliatedCompany: '',
+        affiliatedCompanySid: '',
+        billNo: '',
+        billingType: '',
+        billingTypeKey: '',
+        busDepositFictitiousList: [],
+        busSalesOrderDeposit: [],
+        busSalesOrderDiscountList: [],
+        busSalesOrderInsurance: [],
+        busSalesOrderMakeup: [],
+        busSalesOrderModel: [],
+        busSalesOrderPrice: [],
+        busSalesOrderVehicleList: [],
+        busSalesOrderotherMessageDetailsVo: [],
+        busSalesVehicleOrderList: [],
+        concatNo: '',
+        createDate: '',
+        customerName: '',
+        customerSid: '',
+        images: [],
+        insuranceInfo: '',
+        insuranceInfoMessage: '',
+        isInsurance: '',
+        isTop: '',
+        licensePlateKey: '',
+        licensePlateValue: '',
+        mobile: '',
+        nodeState: '',
+        notes: '',
+        orgName: '',
+        orgSid: '',
+        payType: '',
+        payTypeKey: '',
+        procInstId: '',
+        remarks: '',
+        staffName: '',
+        staffSid: '',
+        taskId: '',
+        type: '',
+        useOrgName: '',
+        useOrgSid: '',
+        finPlanState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '销售订单'
+      fetchDetails(sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
+            this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.linkNo = ''
+          }
+          if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
+            this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
+          } else {
+            this.formobj.busSalesOrderModel.vinNo = ''
+          }
+        }
+      })
+    },
+    handleLook() {
+      this.viewState = 2
+      this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo)
+    },
+    // 合计
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = ''
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (column.property === 'totalValue') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ''
+        } else {
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr)
+              if (!isNaN(value)) {
+                return prev + curr
+              } else {
+                return prev
+              }
+            }, 0)
+            sums[index] += ''
+            this.amount = sums[index] += ''
+          } else {
+            sums[index] = ''
+          }
+        }
+      })
+      return sums
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    handleReturn() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.titwu {
+  font-size: 28px;
+  text-align: center;
+  padding: 30px 0 20px 0;
+}
+.span-sty {
+  width: 140px !important;
+}
+.addinputInfo {
+  margin-left: 130px !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>