1、增加费用筛选

2、新增费用审核页面
3、费用复制
4、费用调整

src/components/Form/ProductCostForm.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="padding-bottom:100px;">
-    <el-form ref="productCostForm" :model="localForm" label-width="200px" :size="overSize">
+    <el-form ref="productCostForm" :model="localForm" label-width="200px" :size="overSize" :disabled="disabled">
       <el-card shadow="hover" class="margin-bom">
         <div slot="header" class="clearfix flex j-s a-c">
           <div class="flex j-s a-c">
@@ -376,7 +376,7 @@
       'footer': true,
     }">
       <el-button size="small" @click="cancelForm">取消</el-button>
-      <el-button type="warning" size="small" @click="saveForm">保存</el-button>
+      <el-button v-if="!disabled" type="warning" size="small" @click="saveForm">保存</el-button>
     </div>
   </div>
 </template>
@@ -388,6 +388,10 @@ export default {
     overSize: String,
     cardList: Array,
     operator: Array,
+    disabled:{
+      type:Boolean,
+      default:false,
+    }
   },
   data() {
     return {
@@ -401,7 +405,6 @@ export default {
     };
   },
   created() {
-    console.log(this.localForm)
   },
   computed: {
     CarAttr() {

src/http/moudules/insCompany.js

@@ -364,9 +364,41 @@ export const productConfigItem = () => {
     method: "get",
   })
 }
+//产品可复制列表查询
+export const companyAgreementCopyList = (id) => {
+  return axios({
+    url: '/plt/new/agreement/companyAgreementList?agreementId='+id,
+    method: "get",
+  })
+}
+//费用复制
+export const copySubmitInterface = (data) => {
+  return axios({
+    url: '/plt/new/agreement/costs/copy',
+    method: "post",
+    data
+  })
+}
 /** 协议产品费用 */
+/** 费用审核 */
 
-
+//获取审核列表
+export const getCostsAuditList = (data) => {
+  return axios({
+    url: '/plt/new/agreement/getCostsAuditList',
+    method: "post",
+    data
+  })
+}
+//审核
+export const productcostAudit = (data) => {
+  return axios({
+    url: '/plt/new/agreement/costs/audit',
+    method: "post",
+    data
+  })
+}
+/** 费用审核 */
 
 /** 协议承保规则 */
 //查询

src/http/moudules/task.js

@@ -605,7 +605,16 @@ export const auditFee = (data) => {
     data
   })
 }
+//订单审核费用调整
 
+
+export const costsadjust = (data) => {
+  return axios({
+    url: "/plt/new/agreement/costs/adjust",
+    method: "post",
+    data
+  })
+}
 // 海报列表接口
 export const posterList = (data) => {
   return axios({
@@ -914,4 +923,4 @@ export const sysDeptAccountHistoryPage = (data) => {
     method: "post",
     data
   })
-}
+}

src/views/AgreementManage/CarInsurance/AgreementEntry.vue

@@ -132,7 +132,7 @@
               </el-col>
               <el-col :span="12">
                 <el-form-item label="协议类型" prop="agreementType">
-                  <el-select  v-model="agreement.agreementType" placeholder="请选择协议类型" style="width: 100%"
+                  <el-select v-model="agreement.agreementType" placeholder="请选择协议类型" style="width: 100%"
                     @change="agreementTypeChange">
                     <el-option v-for="item in agreementTypeoptions" :key="item.dictValue" :label="item.dictTag"
                       :value="item.dictValue"></el-option>
@@ -229,6 +229,14 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+              <el-col :span="12">
+                <el-form-item label="审核方式" >
+                  <el-select v-model="agreement.auditType" placeholder="请选择审核方式" style="width: 100%">
+                    <el-option label="人工审核" value="1" ></el-option>
+                    <el-option label="自动审核" value="2" ></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
               <el-col :span="12">
                 <el-form-item label="序号" prop="serialNumber">
                   <el-input-number :min="0" v-model="agreement.serialNumber"></el-input-number>
@@ -389,19 +397,47 @@
       </div>
     </el-dialog>
     <el-dialog title="产品录入" :visible.sync="productCostVehicleFactorVisible" width="60%" :fullscreen="true">
-      <div class="flex a-c" style="margin-bottom: 50px">
+      <div class="flex a-c" style="margin-bottom: 20px">
         <el-radio-group v-model="roductList1">
           <el-radio v-for="item in productsTypeoptions" :label="item.dictValue" :key="item.dictValue"
             @change="(event) => pruductChange(event, item)">{{ item.dictTag }}</el-radio>
         </el-radio-group>
         <el-button type="success" size="small" style="margin-left: 20px" @click="productHistory">历史记录</el-button>
       </div>
-      <kt-common-table :tableHeights="700" :SerialShow="false" :operationWidth="200" :showOperation="true"
+      <el-form :inline="true" :model="productpageRequest" class="demo-form-inline" size="small">
+        <el-form-item label="产品">
+          <el-select v-model="productpageRequest.productCode" placeholder="选择产品">
+            <el-option v-for="item in productsTypeoptions" :key="item.dictValue" :label="item.dictTag"
+              :value="item.dictValue"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="审核状态">
+          <el-select v-model="productpageRequest.isAudit">
+            <el-option v-for="(item, index) in expenseAuditlist" :key="index" :label="item.label"
+              :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="费用起期">
+          <el-date-picker style="width: 100%" v-model="productpageRequest.costStartDate" type="date"
+            placeholder="选择费用开始日期" value-format="yyyy-MM-dd">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="费用止期">
+          <el-date-picker style="width: 100%" v-model="productpageRequest.costsEndDate" type="date" placeholder="选择费用结束日期"
+            value-format="yyyy-MM-dd">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="productExpenseSearch">查询</el-button>
+        </el-form-item>
+      </el-form>
+      <kt-common-table :tableHeights="700" :SerialShow="false" :operationWidth="250" :showOperation="true"
         :showBatchDelete="false" :showBatchSettled="false" :showBatchPrint="false" :data="productPageResult"
-        :columns="productColumns" @findPage="productCostFindPage" button2Name="编辑" button2Background="#E6A23C"
-        @handleButton2="productUpdate" button2Icon="" button3Name="删除" permsButton2="agreement:input:productCost"
-        permsButton3="agreement:input:productCost" button3Background="#F56C6C" @handleButton3="productDelete"
-        button3Icon="">
+        :columns="productColumns" @findPage="productCostFindPage" button1Name="费用复制" button1Background="#67C23A"
+        @handleButton1="expenseCopy" button1Icon="" button2Name="编辑" button2Background="#E6A23C"
+        @handleButton2="productUpdate" button2Icon="" button3Name="删除" permsButton1="agreement:input:productCost"
+        permsButton2="agreement:input:productCost" permsButton3="agreement:input:productCost" button3Background="#F56C6C"
+        @handleButton3="productDelete" button3Icon="">
       </kt-common-table>
     </el-dialog>
     <el-dialog :title="productCostAddDialogTitle" :visible.sync="productCostAddVehicleFactorVisible" width="80%" top="6vh"
@@ -439,7 +475,7 @@
               </el-form-item>
             </el-col>
             <el-col :span="10" :offset="2">
-              <el-form-item label="优先级" >
+              <el-form-item label="优先级">
                 <el-input style="width: 100%" v-model="productCostForm.priorityLevel"
                   onkeyup="value=value.replace(/\D/g,'')" placeholder="输入数字"></el-input>
               </el-form-item>
@@ -672,11 +708,25 @@
       </kt-common-table>
     </el-dialog>
     <el-dialog title="产品因子录入" :visible.sync="productCostFactorDialogVisible" :close-on-click-modal="false" width="70%"
-      top="6vh" :fullscreen="true" @close="productCostFactoropenDialog" >
+      top="6vh" :fullscreen="true" @close="productCostFactoropenDialog">
       <Product-Cost-Form v-if="productCostFactorDialogVisible" :form="dynamicFormArray" :operator="operatorlist"
         over-size="small" @saveForm="productCostFactorSaveForm"
         @cancelForm="productCostFactorCancelForm"></Product-Cost-Form>
     </el-dialog>
+    <el-dialog title="追加协议选择" class="dis a-c j-c" :visible.sync="productCostCopyDialogVisible"
+      :close-on-click-modal="false" width="20%">
+      <div class="flex a-c j-c">
+        <span style="margin-right: 10px;">选择同步协议</span>
+        <el-select size="small" v-model="copyProductCostInfo.newAgreementId" placeholder="请选择协议">
+          <el-option v-for="(item, index) in copyProductCostIds" :key="index" :label="item.agreementAbbreviation"
+            :value="item.id"></el-option>
+        </el-select>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="productCostCopyDialogVisible = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="ProductsubmitInterface">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -1041,7 +1091,7 @@ export default {
           minWidth: 160,
         },
         { prop: "costsDescription", label: "费用描述", minWidth: 220 },
-        
+
         { prop: "priorityLevel", label: "方案优先级", minWidth: 120 },
       ],
       labelWidth: "160px",
@@ -1052,6 +1102,11 @@ export default {
       syncNonCarCostDesfFlag: false,
       copyAgreementId: "", //复制选中的协议ID
       syncAgreementIds: [], //同步选中的协议ID列表
+      copyProductCostIds: [],//复制追加的协议列表
+      copyProductCostInfo: {
+        orgCostsId: "",//复制产品费用id
+        newAgreementId: "",
+      },
       //调整使用性质联动勾选-starting
       supplierType: "1", //协议类型
       agreementId: "",
@@ -1066,6 +1121,7 @@ export default {
       productCostFactorDialogVisible: false,//产品费用因子录入  显示/隐藏
       underwritingRulesVehicleFactorVisible: false, //承保规则    显示/隐藏
       underwritingRulesAddVehicleFactorVisible: false, //承保规则录入    显示/隐藏
+      productCostCopyDialogVisible: false,//费用复制弹窗
       //产品list获取
       roductList1: "", //产品绑定list
       treedata: [], //授权结构树
@@ -1108,6 +1164,7 @@ export default {
         withTax: "", //含增值税结算
         partnerCompaniesId: "", //合作公司
         serialNumber: 0, //序号
+        auditType:"",
       },
       //产品费用
       productCostForm: {
@@ -1160,10 +1217,13 @@ export default {
 
       //分页数据
       productpageRequest: {
+        isAudit: null,
+        productCode: "",
+        costStartDate: "",
+        costsEndDate: "",
         pageNum: 1,
         pageSize: 20,
       },
-
       value1: [],
       vehicleCategoryList: [], //费用因子-车辆大类
       areanumberplateList: [], //费用因子-车牌号
@@ -1381,9 +1441,15 @@ export default {
       approvalStatusoptions: [], //审批状态
       productsTypeoptions: [], //车险产品字典
       productsTypeRuleoptions: [], //车险产品字典(不含费用的兜底配置)
-      //操作符
+      //操作符字典
       operator: { "pageNum": 1, "pageSize": 10, "columnFilters": { "label": { "name": "label", "value": "agreement_operator" } } },
       operatorlist: [],
+      //操作符字典
+      //费用审核状态
+      expenseAudit: { "pageNum": 1, "pageSize": 10, "columnFilters": { "label": { "name": "label", "value": "agreement_audit_status" } } },
+      expenseAuditlist: [],
+      //费用审核状态
+
       //------------协议下拉框数据  ，。end-----------------
       statusalloptions: [
         { value: "0", label: "待审核" },
@@ -1449,10 +1515,13 @@ export default {
     } else {
       this.peopledeptid = "9";
     }
-    //获取所有下拉框数据
+    //获取操作符
     this.$api.dict.findPage(this.operator).then(res => {
       this.operatorlist = res.data.content;
     })
+    this.$api.dict.findPage(this.expenseAudit).then(res => {
+      this.expenseAuditlist = res.data.content;
+    })
     this.agreement.partnerCompaniesId = "";
     this.getDicType("agreementType"); //协议类型
     this.getDicType("matchType"); //保单日期类型
@@ -1492,7 +1561,25 @@ export default {
     this.findLeftTreeData();
   },
   methods: {
-
+    ProductsubmitInterface() {
+      this.$api.insCompany.copySubmitInterface(this.copyProductCostInfo).then((res) => {
+        if (res.code == '200') {
+            this.productCostCopyDialogVisible=false;
+          this.$message({
+            type: 'success',
+            message: "复制成功",
+          });
+        } else {
+          this.$message({
+            type: 'error',
+            message: res.msg,
+          });
+        }
+      });
+    },
+    productExpenseSearch() {
+      this.productCostFindPage();
+    },
     getFactorTemplate() {
       this.$api.insCompany.productConfigItem().then(res => {
         if (res.code == '200') {
@@ -1688,6 +1775,21 @@ export default {
           });
         });
     },
+    //产品费用复制
+    expenseCopy({ row, column }) {
+      this.copyProductCostInfo.orgCostsId = row.id;
+      this.$api.insCompany.companyAgreementCopyList(row.agreementId).then((res) => {
+        if (res.code == '200') {
+          this.copyProductCostIds = res.data;
+          this.productCostCopyDialogVisible = true;
+        } else {
+          this.$message({
+            type: 'error',
+            message: res.msg,
+          });
+        }
+      });
+    },
     //产品编辑
     productUpdate({ row, column }) {
       this.$api.insCompany.productcostFactorQuery(row.id).then((res) => {
@@ -1729,7 +1831,7 @@ export default {
           obj.costsAttrLinks.map(val => {
             switch (val.attrType) {
               case 'inputNumber':
-              if (!val.operator) {
+                if (!val.operator) {
                   val.operator = '1';
                 }
                 break;
@@ -2174,7 +2276,6 @@ export default {
     //   // onCreated 中操作ztreeObj对象展开第一个节点
     //   ztreeObj.expandNode(ztreeObj.getNodes()[0], true);
     //   this.currentTreeNode = ztreeObj.getNodes()[0];
-    //   console.log(ztreeObj)
     //   this.options = ztreeObj.getNodes();
     // },
     //-- tree end-------
@@ -2559,4 +2660,5 @@ export default {
 
 .el-icon-arrow-down {
   font-size: 12px;
-}</style>
+}
+</style>

src/views/AgreementManage/CarInsurance/ProductCostExamine.vue

@@ -0,0 +1,618 @@
+<!-- 模板区域 -->
+<template>
+  <div class="page">
+    <!-- 模板内容 -->
+    <el-form :inline="true" size="small" :model="productpageRequest" class="demo-form-inline" label-width="100px">
+      <el-form-item label="创建日期">
+        <el-date-picker value-format="yyyy-MM-dd" v-model="date" size="mini" type="daterange" align="left"
+          range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="审核状态">
+        <el-select v-model="productpageRequest.isAudit">
+          <el-option v-for="(item, index) in expenseAuditlist" :key="index" :label="item.label"
+            :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="costPage">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <kt-common-table :tableHeights="700" :SerialShow="false" :operationWidth="150" :showOperation="true" button1Name="查看"
+      button1Background="#409EFF" permsButton1="agreement:input:productCost" @handleButton1="viewDetails" button1Icon=""
+      :showBatchDelete="false" :showBatchSettled="false" :showBatchPrint="false" :data="costAudit" :columns="costColumns"
+      @findPage="costPage">
+    </kt-common-table>
+    <el-dialog title="详情" :visible.sync="productCostAddVehicleFactorVisible" width="80%" top="6vh">
+      <div class="productstitle flex j-s" style="margin-top: 10px">
+        <div>
+          <span>{{ productCostForm.productName }}费用</span>
+        </div>
+      </div>
+      <el-button class="mrgin-1" size="small" type="warning"
+        @click="productCostFactorDialogVisible = true">产品费用因子</el-button>
+      <el-form ref="productCostForm" :model="productCostForm" label-width="130px" size="mini" disabled>
+        <el-row>
+          <el-col :span="20" :offset="2">
+            <el-form-item label="费用描述">
+              <el-input type="textarea" v-model="productCostForm.costsDescription" placeholder="输入费用描述内容"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="2">
+            <el-form-item label="费用起期" prop="costsStartDate">
+              <el-date-picker style="width: 100%" v-model="productCostForm.costsStartDate" type="datetime"
+                placeholder="选择费用开始日期" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10">
+            <el-form-item label="费用止期" prop="costsEndDate">
+              <el-date-picker style="width: 100%" v-model="productCostForm.costsEndDate" type="datetime"
+                placeholder="选择费用结束日期" value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="2">
+            <el-form-item label="优先级">
+              <el-input style="width: 100%" v-model="productCostForm.priorityLevel"
+                onkeyup="value=value.replace(/\D/g,'')" placeholder="输入数字"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-if="['单交', '交三', '交商', '兜底配置'].includes(
+          productCostForm.productName
+        )
+          ">
+          <h4 style="color: tomato">交强险费用</h4>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="费用比例" prop="jqCarCostsProportion">
+              <el-input v-model="productCostForm.jqCarCostsProportion" placeholder="请输入费用比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="其他费用比例">
+              <el-input disabled v-model="productCostForm.jqCarOtherCostsProportion" placeholder="请输入其他费用比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="总费用比例" prop="jqCostsProportion">
+              <el-input v-model="productCostForm.jqCostsProportion" placeholder="请输入总费用比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="交强管理比例一级	" prop="jqExportRadioLevel1">
+              <el-input v-model="productCostForm.jqExportRadioLevel1" placeholder="请输入管理费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="交强管理比例二级	" prop="jqExportRadioLevel2">
+              <el-input v-model="productCostForm.jqExportRadioLevel2" placeholder="请输入管理费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="交强管理比例三级	" prop="jqExportRadioLevel3">
+              <el-input v-model="productCostForm.jqExportRadioLevel3" placeholder="请输入管理费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="交强管理比例四级	" prop="jqExportRadioLevel4">
+              <el-input v-model="productCostForm.jqExportRadioLevel4" placeholder="请输入管理费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="交强管理比例五级	" prop="jqExportRadioLevel5">
+              <el-input v-model="productCostForm.jqExportRadioLevel5" placeholder="请输入管理费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="交强出口手续比例" prop="jqCostsExportProportion">
+              <el-input v-model="productCostForm.jqCostsExportProportion" placeholder="请输入出口手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-if="['单商', '单三', '交商', '交三', '兜底配置'].includes(
+          productCostForm.productName
+        )
+          ">
+          <h4 style="color: tomato">商业险费用</h4>
+
+          <el-col :span="5" :offset="1">
+            <el-form-item label="费用比例" prop="syCarCostsProportion">
+              <el-input v-model="productCostForm.syCarCostsProportion" placeholder="请输入费用比例"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="5" :offset="1">
+            <el-form-item label="其他费用比例">
+              <el-input v-model="productCostForm.syCarOtherCostsProportion" placeholder="请输入其他费用比例" disabled></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="5" :offset="1">
+            <el-form-item label="总费用比例" prop="syCostsProportion">
+              <el-input v-model="productCostForm.syCostsProportion" placeholder="请输入总费用比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="商业手续比例一级	" prop="syExportRadioLevel1">
+              <el-input v-model="productCostForm.syExportRadioLevel1" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="商业手续比例二级	" prop="syExportRadioLevel2">
+              <el-input v-model="productCostForm.syExportRadioLevel2" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="商业手续比例三级	" prop="syExportRadioLevel3">
+              <el-input v-model="productCostForm.syExportRadioLevel3" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="商业手续比例四级	" prop="syExportRadioLevel4">
+              <el-input v-model="productCostForm.syExportRadioLevel4" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="商业手续比例五级	" prop="syExportRadioLevel5">
+              <el-input v-model="productCostForm.syExportRadioLevel5" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="商业出口手续比例" prop="syCostsExportProportion">
+              <el-input v-model="productCostForm.syCostsExportProportion" placeholder="请输入出口手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <h4 style="color: tomato">非车费用</h4>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="费用比例" prop="noCarCostsProportion">
+              <el-input v-model="productCostForm.noCarCostsProportion" placeholder="请输入费用比例"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="5" :offset="1">
+            <el-form-item label="其他费用比例">
+              <el-input v-model="productCostForm.noCarOtherCostsProportion" placeholder="请输入其他费用比例" disabled></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="5" :offset="1">
+            <el-form-item label="总费用比例" prop="noCostsProportion">
+              <el-input v-model="productCostForm.noCostsProportion" placeholder="请输入总费用比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="非车手续比例一级	" prop="noCarExportRadioLevel1">
+              <el-input v-model="productCostForm.noCarExportRadioLevel1" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="非车手续比例二级	" prop="noCarExportRadioLevel2">
+              <el-input v-model="productCostForm.noCarExportRadioLevel2" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="非车手续比例三级	" prop="noCarExportRadioLevel3">
+              <el-input v-model="productCostForm.noCarExportRadioLevel3" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="非车手续比例四级	" prop="noCarExportRadioLevel4">
+              <el-input v-model="productCostForm.noCarExportRadioLevel4" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="非车手续比例五级	" prop="noCarExportRadioLevel5">
+              <el-input v-model="productCostForm.noCarExportRadioLevel5" placeholder="请输入手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" :offset="1">
+            <el-form-item label="非车出口手续比例" prop="noCostsExportProportion">
+              <el-input v-model="productCostForm.noCostsExportProportion" placeholder="请输入出口手续费比例"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="flex j-s a-c">
+        <span style="margin-right: 10px;width: 100px;">驳回原因</span>
+        <el-input type="textarea" v-model="reject" maxlength="100" show-word-limit></el-input>
+      </div>
+      <span slot="footer" class="dialog-footer ">
+        <el-button size="mini" @click="productCostAddVehicleFactorVisible = false">关闭</el-button>
+        <el-button size="mini" type="success" @click="approval">审核通过</el-button>
+        <el-button size="mini" type="primary" @click="rejectionReason">审核驳回</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog title="产品因子录入" :visible.sync="productCostFactorDialogVisible" :close-on-click-modal="false" width="70%"
+      top="6vh" :fullscreen="true">
+      <Product-Cost-Form v-if="productCostFactorDialogVisible" :form="dynamicFormArray" :operator="operatorlist"
+        :disabled="true" over-size="small" @cancelForm="cancel"></Product-Cost-Form>
+    </el-dialog>
+  </div>
+</template>
+<!-- 行为区域 -->
+<script>
+import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
+import ProductCostForm from '@/components/Form/ProductCostForm.vue';//表单组件
+
+export default {
+  components: {
+    KtCommonTable,
+    ProductCostForm
+  },
+  // 数据存放区域
+  data() {
+    return {
+      date: '',
+      reject: "",
+      productpageRequest: {
+        createStartTime: "",
+        createEndTime: "",
+        isAudit: "0",
+        pageNum: 1,
+        pageSize: 20,
+      },
+      productCostAddVehicleFactorVisible: false, //产品费用录入    显示/隐藏
+      productCostFactorDialogVisible: false,
+      //操作符字典
+      operator: { "pageNum": 1, "pageSize": 10, "columnFilters": { "label": { "name": "label", "value": "agreement_operator" } } },
+      operatorlist: [],
+      expenseAudit: { "pageNum": 1, "pageSize": 10, "columnFilters": { "label": { "name": "label", "value": "agreement_audit_status" } } },
+      expenseAuditlist: [],
+      costAudit: [],
+      dynamicFormArray: [],
+      //操作符字典
+      //产品费用
+      productCostForm: {
+        agreementId: "",
+        productName: "",
+        productId: "",
+        costsDescription: "", //费用描述
+        costsStartDate: "", //费用起期
+        costsEndDate: "", //费用止期
+        priorityLevel: "", //方案优先级
+        jqCarCostsProportion: 4, //费用比例（交强）
+        jqCarOtherCostsProportion: "", //其他费用比例（交强）
+        jqCostsProportion: "", //总费用比例（交强）
+        jqExportRadioLevel1: "",//交强出口比例1级
+        jqExportRadioLevel2: "",//交强出口比例2级
+        jqExportRadioLevel3: "",//交强出口比例3级
+        jqExportRadioLevel4: "",//交强出口比例4级
+        jqExportRadioLevel5: "",//交强出口比例5级
+        syCarCostsProportion: "", //费用比例（商业）
+        syCarOtherCostsProportion: "", //其他费用比例（商业）
+        syCostsProportion: "", //总费用比例（商业）
+        syExportRadioLevel1: "",//商业出口比例1级
+        syExportRadioLevel2: "",//商业出口比例2级
+        syExportRadioLevel3: "",//商业出口比例3级
+        syExportRadioLevel4: "",//商业出口比例4级
+        syExportRadioLevel5: "",//商业出口比例5级
+        noCarExportRadioLevel1: "",//非车出口比例1级
+        noCarExportRadioLevel2: "",//非车出口比例2级
+        noCarExportRadioLevel3: "",//非车出口比例3级
+        noCarExportRadioLevel4: "",//非车出口比例4级
+        noCarExportRadioLevel5: "",//非车出口比例5级
+        jqExportInvestmentRadio: "",//交强出口加投比例
+        syExportInvestmentRadio: "",//商业出口加投比例
+        noCarExportInvestmentRadio: "",//非车出口加投比例
+        noCarCostsProportion: "",//费用比例（非车）
+        noCarOtherCostsProportion: "",//其他费用比例（非车）
+        noCostsProportion: "",//总费用比例（非车）
+        costsAttrLinks: [],//费用因子
+      },
+
+      costColumns: [
+        { prop: "productName", label: " 产品名称", minWidth: 160 },
+        { prop: "costsStartDate", label: "费用起期", minWidth: 160 },
+        { prop: "costsEndDate", label: "费用止期", minWidth: 160 },
+        { prop: "desc", label: "费用因子描述", minWidth: 520 },
+        {
+          prop: "jqCarCostsProportion",
+          label: "费用比例（交强）",
+          minWidth: 120,
+        },
+        {
+          prop: "jqCarOtherCostsProportion",
+          label: "其他费用比例（交强）",
+          minWidth: 160,
+        },
+        {
+          prop: "jqCostsProportion",
+          label: "总费用比例（交强）",
+          minWidth: 160,
+        },
+        {
+          prop: "jqExportRadioLevel1",
+          label: "交强出口比例一级",
+          minWidth: 160,
+        },
+        {
+          prop: "jqExportRadioLevel2",
+          label: "交强出口比例二级",
+          minWidth: 160,
+        },
+        {
+          prop: "jqExportRadioLevel3",
+          label: "交强出口比例三级",
+          minWidth: 160,
+        },
+        {
+          prop: "jqExportRadioLevel4",
+          label: "交强出口比例四级",
+          minWidth: 160,
+        },
+        {
+          prop: "jqExportRadioLevel5",
+          label: "交强出口比例五级",
+          minWidth: 160,
+        },
+        {
+          prop: "jqExportInvestmentRadio",
+          label: "交强出口加投比例",
+          minWidth: 160,
+        },
+        {
+          prop: "syCarCostsProportion",
+          label: "费用比例（商业）",
+          minWidth: 120,
+        },
+        {
+          prop: "syCarOtherCostsProportion",
+          label: "其他费用比例（商业）",
+          minWidth: 160,
+        },
+        {
+          prop: "syCostsProportion",
+          label: "总费用比例（商业）",
+          minWidth: 160,
+        },
+        {
+          prop: "syExportRadioLevel1",
+          label: "商业出口比例一级",
+          minWidth: 160,
+        },
+        {
+          prop: "syExportRadioLevel2",
+          label: "商业出口比例二级",
+          minWidth: 160,
+        },
+        {
+          prop: "syExportRadioLevel3",
+          label: "商业出口比例三级",
+          minWidth: 160,
+        },
+        {
+          prop: "syExportRadioLevel4",
+          label: "商业出口比例四级",
+          minWidth: 160,
+        },
+        {
+          prop: "syExportRadioLevel5",
+          label: "商业出口比例五级",
+          minWidth: 160,
+        },
+        {
+          prop: "syExportInvestmentRadio",
+          label: "商业出口加投比例",
+          minWidth: 160,
+        },
+        {
+          prop: "noCarCostsProportion",
+          label: "费用比例（非车）",
+          minWidth: 120,
+        },
+        {
+          prop: "noCarOtherCostsProportion",
+          label: "其他费用比例（非车）",
+          minWidth: 160,
+        },
+        {
+          prop: "noCostsProportion",
+          label: "总费用比例（非车）",
+          minWidth: 160,
+        },
+        {
+          prop: "noCarExportRadioLevel1",
+          label: "非车出口比例一级",
+          minWidth: 160,
+        },
+        {
+          prop: "noCarExportRadioLevel2",
+          label: "非车出口比例二级",
+          minWidth: 160,
+        },
+        {
+          prop: "noCarExportRadioLevel3",
+          label: "非车出口比例三级",
+          minWidth: 160,
+        },
+        {
+          prop: "noCarExportRadioLevel4",
+          label: "非车出口比例四级",
+          minWidth: 160,
+        },
+        {
+          prop: "noCarExportRadioLevel5",
+          label: "非车出口比例五级",
+          minWidth: 160,
+        },
+        { prop: "costsDescription", label: "费用描述", minWidth: 220 },
+
+        { prop: "priorityLevel", label: "方案优先级", minWidth: 120 },
+      ],
+    }
+  },
+  // 生命周期函数
+  created() {
+    this.getFactorTemplate();
+    //获取操作符
+    this.$api.dict.findPage(this.operator).then(res => {
+      this.operatorlist = res.data.content;
+    })
+    this.$api.dict.findPage(this.expenseAudit).then(res => {
+      this.expenseAuditlist = res.data.content;
+    })
+  },
+  // 方法函数
+  methods: {
+    approval() {
+      this.$api.insCompany.productcostAudit({ isAudit: "1", costsId: this.productCostForm.id }).then((res) => {
+        if (res.code == '200') {
+          this.productCostAddVehicleFactorVisible = false;
+          this.costPage();
+          this.$message({
+            type: 'success',
+            message: res.msg,
+          });
+        } else {
+          this.$message({
+            type: 'error',
+            message: res.msg,
+          });
+        }
+      });
+    },
+    rejectionReason() {
+      if(!this.reject){
+        return this.$message({
+          message: '驳回操作，请说明驳回原因',
+          type: 'warning'
+        });
+      }
+      this.$api.insCompany.productcostAudit({ isAudit: "2", costsId: this.productCostForm.id,reject:this.reject }).then((res) => {
+        if (res.code == '200') {
+          this.productCostAddVehicleFactorVisible = false;
+          this.costPage();
+          this.$message({
+            type: 'success',
+            message:"已驳回",
+          });
+        } else {
+          this.$message({
+            type: 'error',
+            message: res.msg,
+          });
+        }
+      });
+    },
+    getFactorTemplate() {
+      this.$api.insCompany.productConfigItem().then(res => {
+        if (res.code == '200') {
+          let data = res.data;
+          data.map(ele => {
+            switch (ele.attrType) {
+              case 'inputNumber':
+                ele.operator = '1';
+                break;
+            }
+            if (ele.attrName == '车牌号') {
+              ele.dictLabal = this.areanumberplateList;
+            }
+          })
+          // this.productCostForm.costsAttrLinks = data;
+          this.dynamicFormArray = data;
+        }
+      })
+    },
+    cancel(data) {
+      this.productCostFactorDialogVisible = data;
+    },
+    //查看详情
+    viewDetails({ row, column }) {
+      this.$api.insCompany.productcostFactorQuery(row.id).then((res) => {
+        if (res.code == '200') {
+          let obj = Object.assign({}, res.data);
+          obj.costsAttrLinks.map(val => {
+            switch (val.attrType) {
+              case 'inputNumber':
+                if (!val.operator) {
+                  val.operator = '1';
+                }
+                break;
+            }
+            if (val.attrCode == 'LicenseNo') {
+              val.dictLabal = this.areanumberplateList;
+            }
+            return val;
+          })
+          this.$nextTick(() => {
+            this.dynamicFormArray = obj.costsAttrLinks;
+            this.productCostForm = obj;
+          });
+          this.productCostAddVehicleFactorVisible = true;
+        } else {
+          this.$message({
+            type: 'error',
+            message: res.msg,
+          });
+        }
+      });
+    },
+    costPage(data) {
+      if (data && data.pageRequest) {
+        this.productpageRequest.pageNum = data.pageRequest.pageNum;
+        this.productpageRequest.pageSize = data.pageRequest.pageSize;
+      }
+      if (this.date != null) {
+        this.productpageRequest.createStartTime = this.date[0];
+        this.productpageRequest.createEndTime = this.date[1];
+      }
+      this.$api.insCompany
+        .getCostsAuditList(this.productpageRequest)
+        .then((res) => {
+          this.costAudit = res;
+        });
+    },
+  },
+  // 计算属性
+  computed: {
+  }
+}
+</script>
+<!-- 样式区域 -->
+<style lang='scss' scoped>
+.page {
+  padding: 10px;
+  box-sizing: border-box;
+}
+
+.productstitle {
+  width: 100%;
+  border-bottom: 2px solid #409eff;
+  text-align: center;
+}
+
+.productstitle>div {
+  width: 100px;
+  height: 26px;
+  line-height: 30px;
+  background: #409eff;
+  color: #fff;
+  border-top-right-radius: 15px;
+  padding: 2px;
+  font-size: 12px;
+}
+
+/deep/ {
+  .el-button--warning {
+    color: #fff;
+    background-color: #ee7000;
+    border-color: #ee7000;
+
+    &:hover {
+      color: #fff;
+      background-color: #ee6f00ce;
+      border-color: #ee6f00ce;
+    }
+  }
+
+  .el-dialog__footer {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+}
+</style>

src/views/FinancialManagement/CarInsurance/Verifytasks/Verifyuntasks.vue

@@ -34,7 +34,8 @@
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
           <el-form-item label="订单状态">
             <el-select v-model="pageRequest.orderStatus" disabled class="widths" clearable>
-              <el-option v-for="val in optionsStatus" :key='val.dictValue' :label="val.dictTag" v-model="val.dictValue" ></el-option>
+              <el-option v-for="val in optionsStatus" :key='val.dictValue' :label="val.dictTag"
+                v-model="val.dictValue"></el-option>
               <!-- <el-option label="未审核" value="0"></el-option>
               <el-option label="审核通过" value="1"></el-option> -->
             </el-select>
@@ -50,8 +51,8 @@
         </el-col>
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
           <el-form-item label="保险公司">
-            <el-select v-model="pageRequest.companyId" filterable  class="widths" clearable>
-              <el-option v-for="val in companyList" :key='val.id' :label="val.name" v-model="val.id" ></el-option>
+            <el-select v-model="pageRequest.companyId" filterable class="widths" clearable>
+              <el-option v-for="val in companyList" :key='val.id' :label="val.name" v-model="val.id"></el-option>
             </el-select>
 
           </el-form-item>
@@ -59,22 +60,22 @@
         <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="3">
 
           <kt-button label="查询" type="primary" perms="carInsurance:expenseVerification:pendingReview:query"
-          @click="onSubmit" />
+            @click="onSubmit" />
         </el-col>
       </el-row>
     </el-form>
     <el-table size="small" :data="pageResult" height="590" border v-loading="loading" highlight-current-row stripe
-       @expand-change="handleRowChange" ref="expandTable"
+      @expand-change="handleRowChange" ref="expandTable"
       :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
-      <el-table-column prop="orderno" label="订单号"  align="center"></el-table-column>
+      <el-table-column prop="orderno" label="订单号" align="center"></el-table-column>
       <el-table-column prop="username" label="业务员" align="center">
         <template slot-scope="scope">
-          <span>{{scope.row.username}}({{scope.row.userid}})</span>
+          <span>{{ scope.row.username }}({{ scope.row.userid }})</span>
         </template>
       </el-table-column>
       <el-table-column prop="insCompany" label="承保公司" width="180" align="center">
         <template slot-scope="scope">
-          <span>{{scope.row.insCompany?scope.row.insCompany:'--'}}</span>
+          <span>{{ scope.row.insCompany ? scope.row.insCompany : '--' }}</span>
         </template>
       </el-table-column>
       <el-table-column prop="licenseno" label="车牌号" width="180" align="center"></el-table-column>
@@ -94,7 +95,7 @@
       <el-table-column label="操作" align="center" min-width="100" fixed="right">
         <template slot-scope="scope">
           <kt-button label="审核" type="text" perms="carInsurance:expenseVerification:pendingReview:review"
-          @click="OrderDetails(scope.row)" />
+            @click="OrderDetails(scope.row)" />
         </template>
       </el-table-column>
     </el-table>
@@ -208,7 +209,7 @@
         </div>
         <el-descriptions size="small">
           <el-descriptions-item label="车主姓名">{{ orderInfo.ownerinfo.name }}</el-descriptions-item>
-          <el-descriptions-item label="证件类型"> {{ orderInfo.ownerinfo.identifyType}}</el-descriptions-item>
+          <el-descriptions-item label="证件类型"> {{ orderInfo.ownerinfo.identifyType }}</el-descriptions-item>
           <el-descriptions-item label="身份证号">{{ orderInfo.ownerinfo.identifyNumber }}</el-descriptions-item>
           <el-descriptions-item label="手机号">{{ orderInfo.ownerinfo.mobile }}</el-descriptions-item>
           <el-descriptions-item label="地址">{{ orderInfo.ownerinfo.addr }}</el-descriptions-item>
@@ -224,7 +225,7 @@
         </div>
         <el-descriptions size="small">
           <el-descriptions-item label="投保人姓名">{{ orderInfo.applyinfo.name }}</el-descriptions-item>
-          <el-descriptions-item label="证件类型"> {{ orderInfo.applyinfo.identifyType}}</el-descriptions-item>
+          <el-descriptions-item label="证件类型"> {{ orderInfo.applyinfo.identifyType }}</el-descriptions-item>
           <el-descriptions-item label="身份证号">{{ orderInfo.applyinfo.identifyNumber }}</el-descriptions-item>
           <el-descriptions-item label="手机号">{{ orderInfo.applyinfo.mobile }}</el-descriptions-item>
           <el-descriptions-item label="地址">{{ orderInfo.applyinfo.addr }}</el-descriptions-item>
@@ -240,7 +241,7 @@
         </div>
         <el-descriptions size="small">
           <el-descriptions-item label="被保人姓名">{{ orderInfo.insureinfo.name }}</el-descriptions-item>
-          <el-descriptions-item label="证件类型"> {{ orderInfo.insureinfo.identifyType}}</el-descriptions-item>
+          <el-descriptions-item label="证件类型"> {{ orderInfo.insureinfo.identifyType }}</el-descriptions-item>
           <el-descriptions-item label="身份证号">{{ orderInfo.insureinfo.identifyNumber }}</el-descriptions-item>
           <el-descriptions-item label="手机号">{{ orderInfo.insureinfo.mobile }}</el-descriptions-item>
           <el-descriptions-item label="地址">{{ orderInfo.insureinfo.addr }}</el-descriptions-item>
@@ -277,24 +278,24 @@
           </div>
         </div>
       </div>
-      <div class="Enclosure" v-if="orderInfo.accidentInfo&&orderInfo.accidentInfo.length>0">
+      <div class="Enclosure" v-if="orderInfo.accidentInfo && orderInfo.accidentInfo.length > 0">
         <div class="home flex j-s a-c back">
           <div class="flex j-s a-c color">
             <img src="../../../../../src/icon/company.png" alt class="icon-img" />
             <span style="margin-left:10px;">驾意险</span>
           </div>
         </div>
-        <div style="font-size:12px"  >
+        <div style="font-size:12px">
           <div class="jyxStyle" style=" font-weight: bold;color: #333;">
             <span style="width:50%;margin-left:50px">产品</span>
             <span style="width:20%">份数</span>
             <span style="width:20%">价格</span>
           </div>
-          <div  v-for="(kindinfoitem, kindinfoindex) in orderInfo.accidentInfo" :key="kindinfoindex">
+          <div v-for="(kindinfoitem, kindinfoindex) in orderInfo.accidentInfo" :key="kindinfoindex">
             <div style="margin-top:20px" class="jyxStyle">
               <span style="width:50%;margin-left:50px">{{ kindinfoitem.projectName }}</span>
-              <span style="width:20%">{{ kindinfoitem.quantity ?kindinfoitem.quantity:'1' }}</span>
-              <span style="width:20%">{{ kindinfoitem.actualPremium}}/份</span>
+              <span style="width:20%">{{ kindinfoitem.quantity ? kindinfoitem.quantity : '1' }}</span>
+              <span style="width:20%">{{ kindinfoitem.actualPremium }}/份</span>
             </div>
           </div>
         </div>
@@ -342,30 +343,70 @@
           </div>
         </div>
         <div style="font-size:12px;width: 100%" class="FeeEnclosure">
-          <el-table :data="feeOrderNewVo"   :border="true"   width="100%"  :stripe="true" size="mini"   :header-cell-style="{
-        background: '#F7F7F9',
-        fontWeight: '700',
-        color: '#606266',
-      }">
-      <el-table-column label="入口费用">
-        <el-table-column prop="insuranceType" label="险种" ></el-table-column>
-        <el-table-column prop="otherCostsProportion" label="跟单比例" ></el-table-column>
-        <el-table-column prop="superviseCosts" label="手续费比例" ></el-table-column>
-        <el-table-column prop="totalProportion" label="总比例" ></el-table-column>
-        <el-table-column prop="premium" label="保费" ></el-table-column>
-        <el-table-column prop="otherCostsPremiums" label="跟单费" ></el-table-column>
-        <el-table-column prop="sySuperviseCostsPremiums" label="手续费" ></el-table-column>
-        <el-table-column prop="totalAmount" label="总费用" ></el-table-column>
-      </el-table-column>
-      <el-table-column label="出口费用">
-        <el-table-column prop="exportInsuranceType" label="险种" ></el-table-column>
-        <el-table-column prop="exportOtherCostsProportion" label="跟单比例" ></el-table-column>
-        <el-table-column prop="exportSuperviseCosts" label="手续费比例" ></el-table-column>
-        <el-table-column prop="exportTotalProportion" label="总比例" ></el-table-column>
-        <el-table-column prop="exportOtherCostsPremiums" label="跟单费" ></el-table-column>
-        <el-table-column prop="exportSuperviseCostsPremiums" label="手续费" ></el-table-column>
-        <el-table-column prop="exportTotalAmount" label="总费用" ></el-table-column>
-      </el-table-column>
+          <el-table :data="feeOrderNewVo" :border="true" width="100%" :stripe="true" size="mini" :header-cell-style="{
+            background: '#F7F7F9',
+            fontWeight: '700',
+            color: '#606266',
+          }">
+            <el-table-column label="入口费用">
+              <el-table-column prop="insuranceType" label="险种">
+              </el-table-column>
+              <el-table-column prop="otherCostsProportion" label="跟单比例">
+                <template slot-scope="scope">
+                  <span v-if="!adjustFeeFlag">{{ scope.row.otherCostsProportion }} </span>
+                  <el-input v-else v-model="scope.row.otherCostsProportion" size="mini"></el-input>
+                </template>
+              </el-table-column>
+              <el-table-column prop="superviseCosts" label="手续费比例">
+                <template slot-scope="scope">
+                  <span v-if="!adjustFeeFlag">{{ scope.row.superviseCosts }} </span>
+                  <el-input v-else v-model="scope.row.superviseCosts" size="mini"></el-input>
+                </template>
+              </el-table-column>
+              <el-table-column prop="totalProportion" label="总比例">
+                <template slot-scope="scope">
+                  <span v-if="!adjustFeeFlag">{{ scope.row.totalProportion }} </span>
+                  <el-input v-else v-model="scope.row.totalProportion" size="mini"></el-input>
+                </template>
+              </el-table-column>
+              <el-table-column prop="premium" label="保费">
+
+              </el-table-column>
+              <el-table-column prop="otherCostsPremiums" label="跟单费">
+
+              </el-table-column>
+              <el-table-column prop="sySuperviseCostsPremiums" label="手续费">
+
+              </el-table-column>
+              <el-table-column prop="totalAmount" label="总费用">
+
+              </el-table-column>
+            </el-table-column>
+            <el-table-column label="出口费用">
+              <el-table-column prop="exportInsuranceType" label="险种">
+              </el-table-column>
+              <el-table-column prop="exportOtherCostsProportion" label="跟单比例">
+                <template slot-scope="scope">
+                  <span v-if="!adjustFeeFlag">{{ scope.row.exportOtherCostsProportion }} </span>
+                  <el-input v-else v-model="scope.row.exportOtherCostsProportion" size="mini"></el-input>
+                </template>
+              </el-table-column>
+              <el-table-column prop="exportSuperviseCosts" label="手续费比例">
+                <template slot-scope="scope">
+                  <span v-if="!adjustFeeFlag">{{ scope.row.exportSuperviseCosts }} </span>
+                  <el-input v-else v-model="scope.row.exportSuperviseCosts" size="mini"></el-input>
+                </template>
+              </el-table-column>
+              <el-table-column prop="exportTotalProportion" label="总比例">
+                <template slot-scope="scope">
+                  <span v-if="!adjustFeeFlag">{{ scope.row.exportTotalProportion }} </span>
+                  <el-input v-else v-model="scope.row.exportTotalProportion" size="mini"></el-input>
+                </template>
+              </el-table-column>
+              <el-table-column prop="exportOtherCostsPremiums" label="跟单费"></el-table-column>
+              <el-table-column prop="exportSuperviseCostsPremiums" label="手续费"></el-table-column>
+              <el-table-column prop="exportTotalAmount" label="总费用"></el-table-column>
+            </el-table-column>
           </el-table>
         </div>
       </div>
@@ -377,22 +418,53 @@
           </div>
         </div>
         <div style="font-size:12px;width: 100%" class="FeeEnclosure">
-          <el-table :data="orderInfo.feeOrderNewVo.deptManagerFee"   :border="true"   width="100%"  :stripe="true" size="mini"   :header-cell-style="{
-        background: '#F7F7F9',
-        fontWeight: '700',
-        color: '#606266',
-      }">
-             <el-table-column prop="insuranceType" label="险种" ></el-table-column>
-             <el-table-column prop="deptProportionLevelOne" label="一级管理费比例" ></el-table-column>
-             <el-table-column prop="deptProportionLevelTwo" label="二级管理费比例 " ></el-table-column>
-             <el-table-column prop="deptProportionLevelThree" label="三级管理费比例" ></el-table-column>
-             <el-table-column prop="deptProportionLevelFoure" label="四级管理费比例" ></el-table-column>
-             <el-table-column prop="deptProportionLevelFive" label="五级管理费比例" ></el-table-column>
-             <el-table-column prop="deptPremiumsLevelOne" label="一级管理费" ></el-table-column>
-             <el-table-column prop="deptPremiumsLevelTwo" label="二级管理费" ></el-table-column>
-             <el-table-column prop="deptPremiumsLevelThree" label="三级管理费" ></el-table-column>
-             <el-table-column prop="deptPremiumsLevelFoure" label="四级管理费" ></el-table-column>
-             <el-table-column prop="deptPremiumsLevelFive" label="五级管理费" ></el-table-column>
+          <el-table :data="orderInfo.feeOrderNewVo.deptManagerFee" :border="true" width="100%" :stripe="true" size="mini"
+            :header-cell-style="{
+              background: '#F7F7F9',
+              fontWeight: '700',
+              color: '#606266',
+            }">
+            <el-table-column prop="insuranceType" label="险种"></el-table-column>
+            <el-table-column prop="deptProportionLevelOne" label="一级管理费比例">
+              <template slot-scope="scope">
+                <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelOne }} </span>
+                <el-input v-else v-model="scope.row.deptProportionLevelOne" size="mini"></el-input>
+              </template>
+            </el-table-column>
+            <el-table-column prop="deptProportionLevelTwo" label="二级管理费比例 ">
+              <template slot-scope="scope">
+                <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelTwo }} </span>
+                <el-input v-else v-model="scope.row.deptProportionLevelTwo" size="mini"></el-input>
+              </template>
+            </el-table-column>
+            <el-table-column prop="deptProportionLevelThree" label="三级管理费比例">
+              <template slot-scope="scope">
+                <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelThree }} </span>
+                <el-input v-else v-model="scope.row.deptProportionLevelThree" size="mini"></el-input>
+              </template>
+            </el-table-column>
+            <el-table-column prop="deptProportionLevelFoure" label="四级管理费比例">
+              <template slot-scope="scope">
+                <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelFoure }} </span>
+                <el-input v-else v-model="scope.row.deptProportionLevelFoure" size="mini"></el-input>
+              </template>
+            </el-table-column>
+            <el-table-column prop="deptProportionLevelFive" label="五级管理费比例">
+              <template slot-scope="scope">
+                <span v-if="!adjustFeeFlag">{{ scope.row.deptProportionLevelFive }} </span>
+                <el-input v-else v-model="scope.row.deptProportionLevelFive" size="mini"></el-input>
+              </template>
+            </el-table-column>
+            <el-table-column prop="deptPremiumsLevelOne" label="一级管理费">
+            </el-table-column>
+            <el-table-column prop="deptPremiumsLevelTwo" label="二级管理费">
+            </el-table-column>
+            <el-table-column prop="deptPremiumsLevelThree" label="三级管理费">
+            </el-table-column>
+            <el-table-column prop="deptPremiumsLevelFoure" label="四级管理费">
+            </el-table-column>
+            <el-table-column prop="deptPremiumsLevelFive" label="五级管理费">
+            </el-table-column>
           </el-table>
         </div>
       </div>
@@ -404,22 +476,28 @@
           </div>
         </div>
         <div style="font-size:12px;width: 100%" class="FeeEnclosure">
-          <el-table :data="orderInfo.distributionLevelVoList"   :border="true"   width="100%"  :stripe="true" size="mini"   :header-cell-style="{
-        background: '#F7F7F9',
-        fontWeight: '700',
-        color: '#606266',
-      }">
-            <el-table-column prop="distributionLevel" label="等级" ></el-table-column>
-            <el-table-column   prop="userName"  label="接收人"></el-table-column>
-            <el-table-column prop="distributionRatio" label="比例" ></el-table-column>
-             <el-table-column prop="amount" label="金额" ></el-table-column>
+          <el-table :data="orderInfo.distributionLevelVoList" :border="true" width="100%" :stripe="true" size="mini"
+            :header-cell-style="{
+              background: '#F7F7F9',
+              fontWeight: '700',
+              color: '#606266',
+            }">
+            <el-table-column prop="distributionLevel" label="等级"></el-table-column>
+            <el-table-column prop="userName" label="接收人"></el-table-column>
+            <el-table-column prop="distributionRatio" label="比例"></el-table-column>
+            <el-table-column prop="amount" label="金额"></el-table-column>
           </el-table>
         </div>
       </div>
       <span slot="footer" class="dialog-footer" style="display: flex; justify-content: center;align-items: center;">
-        <el-button size="small" type="primary" style="background-color: #0EC216; border: 1px solid #0EC216;margin-right: 30px;" @click="adjustFee"><span v-if="adjustFeeFlag">取消调整</span><span v-if="!adjustFeeFlag">调整费用</span></el-button>
-        <el-button size="small" type="primary" style="background-color: #0EC216; border: 1px solid #0EC216;margin-right: 30px;" @click="adusitFUn">审核通过</el-button>
-        <el-button size="small" type="primary"  @click="quotedetailsdialogVisible = false">关 闭</el-button>
+        <el-button size="small" type="warning" v-if="adjustFeeFlag" @click="updatedCost">更改费用</el-button>
+        <el-button size="small" type="primary" style="background-color: #0EC216; border: 1px solid #0EC216;"
+          @click="adjustFee"><span v-if="adjustFeeFlag">取消调整</span><span v-if="!adjustFeeFlag">调整费用</span></el-button>
+
+        <el-button size="small" type="primary"
+          style="background-color: #0EC216; border: 1px solid #0EC216;margin-right: 30px;"
+          @click="adusitFUn">审核通过</el-button>
+        <el-button size="small" type="primary" @click="quotedetailsdialogVisible = false">关 闭</el-button>
       </span>
     </el-dialog>
   </div>
@@ -436,19 +514,19 @@ import KtButton from "@/views/Core/KtButton";//按钮权限组件
 import QRCode from "qrcodejs2";
 
 export default {
-  components:{
+  components: {
     KtButton
   },
   data() {
     return {
-      feeOrderNewVo:[], //费用明细
-      oldFeeInfo:[],//原始跟单费用比例
-      adjustFeeDescInfo:{},//调整费用时使用对象
-      adjustFeeFlag:false,
-      queryOrders:"",
+      feeOrderNewVo: [], //费用明细
+      oldFeeInfo: [],//原始跟单费用比例
+      adjustFeeDescInfo: {},//调整费用时使用对象
+      adjustFeeFlag: false,
+      queryOrders: "",
       value2: "",
-      optionsStatus:[],
-      quotedetailsdialogVisible:false,
+      optionsStatus: [],
+      quotedetailsdialogVisible: false,
       loading: false,
       pageNum: 1,//页数
       pageSize: 20,//条数
@@ -456,7 +534,7 @@ export default {
       peopleid: "",//工号
       pageResult: [],//列表
       pageRequest: {  //查询的默认条件
-        auditStatus:"0",
+        auditStatus: "0",
         orderNo: "",
         frameNo: "",
         insuredName: "",
@@ -478,9 +556,9 @@ export default {
         kindinfo: [],
         riskinfo: [],
         ownerinfo: {},
-        extendInfo:{}
+        extendInfo: {}
       },
-      feeDetailInfo:[],//费用明细信息
+      feeDetailInfo: [],//费用明细信息
       inscompany: "", //保险公司名称
       licenseNo: "", //车牌号
       orderstatus: "", //订单状态
@@ -488,7 +566,7 @@ export default {
       jqpremium: "",//交强
       sypremium: "",//商业
       taxamount: "",//车船税
-      jypremium:"",//驾意险
+      jypremium: "",//驾意险
       jqstartdate: "",//交强时间
       systartdate: "",//商业时间
       mobile: "",//投保人手机号
@@ -496,20 +574,21 @@ export default {
       userid: "",
       institutionOptions: [],
       width: document.documentElement.clientWidth,
-      insAreaCompanyList:[],//子订单list
-      companyList:[], //保险公司
+      insAreaCompanyList: [],//子订单list
+      companyList: [], //保险公司
+      oldVersionHistory: [],
     }
   },
   created() {
-    this.$api.letter.gainTopList().then(res=>{
-      this.companyList=res.data
+    this.$api.letter.gainTopList().then(res => {
+      this.companyList = res.data
     })
-    this.$api.insCompany.dicType('insOrderStatus').then(res=>{
-      this.optionsStatus=res.data.ddList
-      let filterArr = res.data.ddList.filter(item=>{
+    this.$api.insCompany.dicType('insOrderStatus').then(res => {
+      this.optionsStatus = res.data.ddList
+      let filterArr = res.data.ddList.filter(item => {
         return item.dictTag == '已承保'
       })
-      if(filterArr.length){
+      if (filterArr.length) {
         this.pageRequest.orderStatus = filterArr[0].dictValue
       }
     })
@@ -532,63 +611,98 @@ export default {
     window.removeEventListener('resize', this.getDimensions);
   },
   methods: {
-    //交强费用比例调整
-    changeJqFeeRate(val){
-      if(!(val&&val!='')){
-        val=0;
-        this.adjustFeeDescInfo.jqOtherFeeRate=0;
-      }
-      //赋值总费用比例
-        this.adjustFeeDescInfo.jqAllFeeRate=Number(val)+Number(this.adjustFeeDescInfo.jqCommissionRate);
-      //赋值调整后金额
-      let totalFee=this.adjustFeeDescInfo.jqAllFeeRate*this.adjustFeeDescInfo.jqPremium/100;
-      totalFee=totalFee.toFixed(2);
-      let otherFee=Number(totalFee)-Number(this.adjustFeeDescInfo.jqCommissionAmount);
-      otherFee=otherFee.toFixed(2);
-      this.adjustFeeDescInfo.jqAllFeeAmount=totalFee;
-      this.adjustFeeDescInfo.jqOtherFeeAmount=otherFee;
-    },
-    //商业费用比例调整
-    changeSyFeeRate(val){
-      if(!(val&&val!='')){
-        val=0;
-        this.adjustFeeDescInfo.syOtherFeeRate=0;
+    updatedCost() {
+      const exportFee = [];
+      const entranceFee = [];
+      this.feeOrderNewVo.forEach(item => {
+        const entranceItem = {
+          exportSuperviseCosts: item.exportSuperviseCosts,
+          insuranceType: item.insuranceType,
+          otherCostsPremiums: item.otherCostsPremiums,
+          otherCostsProportion: item.otherCostsProportion,
+          premium: item.premium,
+          superviseCosts: item.superviseCosts,
+          sySuperviseCostsPremiums: item.sySuperviseCostsPremiums,
+          totalAmount: item.totalAmount,
+          totalProportion: item.totalProportion,
+        };
+        const exportItem = {
+          insuranceType: item.exportInsuranceType,
+          otherCostsPremiums: item.exportOtherCostsPremiums,
+          otherCostsProportion: item.exportOtherCostsProportion,
+          superviseCosts: item.exportSuperviseCosts,
+          superviseCostsPremiums: item.exportSuperviseCostsPremiums,
+          totalAmount: item.exportTotalAmount,
+          totalProportion: item.exportTotalProportion
+        };
+        entranceFee.push(entranceItem);
+        exportFee.push(exportItem);
+      });
+      let params = {
+        feeId: this.oldVersionHistory.feeId,
+        feeOrderNewVoOld: this.oldVersionHistory,
+        feeOrderNewVoNew: {
+          deptManagerFee: this.orderInfo.feeOrderNewVo.deptManagerFee,
+          entranceFee: entranceFee,
+          exportFee: exportFee,
+        }
       }
-      //赋值总费用比例
-      this.adjustFeeDescInfo.syAllFeeRate=Number(val)+Number(this.adjustFeeDescInfo.syCommissionRate);
-      //赋值调整后金额
-      let totalFee=this.adjustFeeDescInfo.syAllFeeRate*this.adjustFeeDescInfo.syPremium/100;
-      totalFee=totalFee.toFixed(2);
-      let otherFee=Number(totalFee)-Number(this.adjustFeeDescInfo.syCommissionAmount);
-      otherFee=otherFee.toFixed(2);
-      this.adjustFeeDescInfo.syAllFeeAmount=totalFee;
-      this.adjustFeeDescInfo.syOtherFeeAmount=otherFee;
+      this.$api.task.costsadjust(params).then((res) => {
+        if (res.code == '200') {
+          let data=res.data;
+          let list=[];
+          this.orderInfo.feeOrderNewVo.deptManagerFee =data.deptManagerFee;
+          data.exportFee.forEach((val, index) => {
+            list.push({
+              exportInsuranceType: val.insuranceType,
+              exportOtherCostsPremiums: val.otherCostsPremiums,
+              exportOtherCostsProportion: val.otherCostsProportion,
+              exportSuperviseCosts: val.superviseCosts,
+              exportSuperviseCostsPremiums: val.superviseCostsPremiums,
+              exportTotalAmount: val.totalAmount,
+              exportTotalProportion: val.totalProportion,
+              ...data.entranceFee[index]
+            })
+          })
+          this.feeOrderNewVo=list;
+          this.adjustFeeFlag=false;
+          this.$message({
+            type: 'success',
+            message: res.msg,
+          });
+        } else {
+          this.$message({
+            type: 'error',
+            message: res.msg,
+          });
+        }
+      });
     },
-    closeDialog(){
-      this.adjustFeeFlag=false;
+    closeDialog() {
+      this.adjustFeeFlag = false;
     },
     //调整费用
-    adjustFee(){
-      this.adjustFeeFlag=!this.adjustFeeFlag;
-      if(!this.adjustFeeFlag){
+    adjustFee() {
+      this.adjustFeeFlag = !this.adjustFeeFlag;
+      if (!this.adjustFeeFlag) {
         //取消调整时，值置为原始比例
-        this.adjustFeeDescInfo={...this.oldFeeInfo}
+        this.adjustFeeDescInfo = { ...this.oldFeeInfo }
       }
     },
     //审核通过
-    adusitFUn(){
-      let subParam={
-        orderNo:this.orderInfo.orderno,
-        jqCostsProportionStr:this.adjustFeeDescInfo.jqAllFeeRate,
-        syCostsProportionStr:this.adjustFeeDescInfo.syAllFeeRate,
-        updateFlag:this.adjustFeeFlag?"1":"0",
+    adusitFUn() {
+      let subParam = {
+        orderNo: this.orderInfo.orderno,
+        jqCostsProportionStr: this.adjustFeeDescInfo.jqAllFeeRate,
+        syCostsProportionStr: this.adjustFeeDescInfo.syAllFeeRate,
+        updateFlag: this.adjustFeeFlag ? "1" : "0",
       }
-      this.$api.task.auditFee(subParam).then((res) =>{
-        if(res.code==200){
+      this.$api.task.auditFee(subParam).then((res) => {
+        if (res.code == 200) {
           this.$message.success('审核通过')
           this.findPage();
           this.quotedetailsdialogVisible = false;
-        }else{
+        } else {
           this.$message.error(res.msg)
         }
       })
@@ -654,7 +768,7 @@ export default {
       let params = {
         orderNo: dy.orderno,
       }
-      this.feeOrderNewVo=[]
+      this.feeOrderNewVo = []
       this.$api.task.feeDetail(params).then((res) => {
         if (res.code == 200) {
           res.data.kindinfo.map((ele, index) => {
@@ -677,25 +791,25 @@ export default {
             }
             return ele;
           });
-
-          if(res.data.feeOrderNewVo && res.data.feeOrderNewVo.exportFee && res.data.feeOrderNewVo.entranceFee){
-            res.data.feeOrderNewVo.exportFee.forEach((val,index)=>{
+          if (res.data.feeOrderNewVo && res.data.feeOrderNewVo.exportFee && res.data.feeOrderNewVo.entranceFee) {
+            res.data.feeOrderNewVo.exportFee.forEach((val, index) => {
               this.feeOrderNewVo.push({
-                exportInsuranceType:val.insuranceType,
-                exportOtherCostsPremiums:val.otherCostsPremiums,	
-                exportOtherCostsProportion:val.otherCostsProportion,
-                exportSuperviseCosts:val.superviseCosts,
-                exportSuperviseCostsPremiums:val.superviseCostsPremiums,
-                exportTotalAmount:val.totalAmount,
-                exportTotalProportion:val.totalProportion,
+                exportInsuranceType: val.insuranceType,
+                exportOtherCostsPremiums: val.otherCostsPremiums,
+                exportOtherCostsProportion: val.otherCostsProportion,
+                exportSuperviseCosts: val.superviseCosts,
+                exportSuperviseCostsPremiums: val.superviseCostsPremiums,
+                exportTotalAmount: val.totalAmount,
+                exportTotalProportion: val.totalProportion,
                 ...res.data.feeOrderNewVo.entranceFee[index]
               })
             })
+            this.oldVersionHistory = res.data.feeOrderNewVo;
           }
           this.orderInfo = res.data
-          this.feeDetailInfo=res.data.orderFeeResult;
-          this.oldFeeInfo=res.data.adjustFeeDescVo;
-          this.adjustFeeDescInfo={...this.oldFeeInfo}
+          this.feeDetailInfo = res.data.orderFeeResult;
+          this.oldFeeInfo = res.data.adjustFeeDescVo;
+          this.adjustFeeDescInfo = { ...this.oldFeeInfo }
           this.quotedetailsdialogVisible = true;
         } else {
           this.$message.error("订单获取失败");
@@ -717,25 +831,25 @@ export default {
       this.pageRequest.pageNum = val;
       this.findPage();
     },
-    handleRowChange(row){
-      if(!row.expanded){
-        this.$api.letter.querySonOrders({orderNo:row.orderno}).then(res=>{
-        if(res.code=='200' && res.data.length!=0){
-          this.pageResult.map(item=>{
-            if(item.orderno===row.orderno){
-              item.insAreaCompanyList=res.data;
-            }
-            return item;
-          })
+    handleRowChange(row) {
+      if (!row.expanded) {
+        this.$api.letter.querySonOrders({ orderNo: row.orderno }).then(res => {
+          if (res.code == '200' && res.data.length != 0) {
+            this.pageResult.map(item => {
+              if (item.orderno === row.orderno) {
+                item.insAreaCompanyList = res.data;
+              }
+              return item;
+            })
             row.expanded = !row.expanded;
             this.$refs.expandTable.toggleRowExpansion(row, row.expanded);
-        }else{
-          this.$message.info("暂无数据");
-        }
-      })
-      }else{
+          } else {
+            this.$message.info("暂无数据");
+          }
+        })
+      } else {
         row.expanded = !row.expanded;
-            this.$refs.expandTable.toggleRowExpansion(row, row.expanded);
+        this.$refs.expandTable.toggleRowExpansion(row, row.expanded);
       }
     },
     //数据
@@ -780,16 +894,19 @@ export default {
   .el-table .row-expand-cover .cell .el-table__expand-icon {
     display: none;
   }
+
   .el-descriptions__body {
     padding: 10px 50px;
     box-sizing: border-box;
     color: rgb(226, 118, 10);
   }
+
   .el-descriptions-item__label {
     &:not(.is-bordered-label) {
       color: #333;
     }
   }
+
   .saomazhifucodeClass .el-dialog__body,
   .saomazhifucodeClass .el-dialog__header {
     padding: 0;
@@ -1079,11 +1196,13 @@ export default {
 .demo-table-expand-time>div {
   margin: 0 10px;
 }
+
 .icon-img {
   display: block;
   width: 30px;
   height: 30px;
 }
+
 .Enclosure {
   width: 100%;
   background-color: #fff;
@@ -1105,19 +1224,22 @@ export default {
   font-weight: bold;
   color: #333;
 }
+
 /* 内容待定 */
-.headers_Custom >div{
+.headers_Custom>div {
   padding: 20px 40px;
   font-size: 16px;
 }
-.headers_Custom >div>span {
+
+.headers_Custom>div>span {
   color: rgb(226, 118, 10);
 }
 
-  .back {
+.back {
   color: #303133;
   font-weight: 700;
 }
+
 .u-f-ac {
   -webkit-box-align: center;
   align-items: center;
@@ -1132,6 +1254,7 @@ export default {
   padding: 0 20px;
   box-sizing: border-box;
 }
+
 .bjdbody {
   width: 100%;
   height: auto;
@@ -1158,13 +1281,13 @@ export default {
   color: #fff;
 }
 
-.bjdCarSum >div{
-    width: 100%;
-    padding: 15px 20px;
-    box-sizing: border-box;
-    font-weight: bold;
-    color: #000;
-    border-bottom: 1px solid #f2f2f2;
+.bjdCarSum>div {
+  width: 100%;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  font-weight: bold;
+  color: #000;
+  border-bottom: 1px solid #f2f2f2;
 }
 
 .bjdCarMessage1 {
@@ -1178,10 +1301,12 @@ export default {
 
 
 }
-.bjdCarMessage1 > .f-c >span:nth-child(1){
-        font-size: 18px;
-        font-weight: bold;
-  }
+
+.bjdCarMessage1>.f-c>span:nth-child(1) {
+  font-size: 18px;
+  font-weight: bold;
+}
+
 .bjdCarMessage1>img,
 .bjdfooter>img {
   margin-right: 30px;
@@ -1193,16 +1318,19 @@ export default {
   margin-top: 5px;
 }
 
-.bjdCarMessage2_car >span:nth-child(1) {
-      color: #000;
-      font-weight: bold;
+.bjdCarMessage2_car>span:nth-child(1) {
+  color: #000;
+  font-weight: bold;
 }
-.bjdCarMessage2_car >span:nth-child(2) {
+
+.bjdCarMessage2_car>span:nth-child(2) {
   color: #999;
 }
-.bjdCarMessage2 >ul>li {
-      margin: 20px 0;
+
+.bjdCarMessage2>ul>li {
+  margin: 20px 0;
 }
+
 .Risk {
   width: 100%;
   height: auto;
@@ -1216,71 +1344,77 @@ export default {
   width: 100%;
   height: 40px;
 }
+
 .Risk_title>div {
-    background: rgb(199, 20, 45);
-    color: rgb(255, 255, 255);
-    height: 100%;
-    font-weight: 500;
-    width: 33.3%;
-    padding: 10px 20px;
-    box-sizing: border-box;
-    border: #fff solid 1px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-bottom: none;
+  background: rgb(199, 20, 45);
+  color: rgb(255, 255, 255);
+  height: 100%;
+  font-weight: 500;
+  width: 33.3%;
+  padding: 10px 20px;
+  box-sizing: border-box;
+  border: #fff solid 1px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-bottom: none;
 
 }
-.Risk_title>div:nth-child(1) {
-}
+
+.Risk_title>div:nth-child(1) {}
 
 .Risk_title>div:nth-child(2) {
   border-left: none;
-      border-right: none;
+  border-right: none;
 }
 
 .Risk_data {
   width: 100%;
   height: 40px;
 }
-.Risk_data >div {
-    background: #fbf6f7;
-    color: rgb(51, 51, 51);
-    height: 100%;
-    font-weight: 500;
-    width: 33.3%;
-    padding: 10px 20px;
-    box-sizing: border-box;
-    border: #fff solid 1px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-bottom: none;
-  }
-.Risk_data >div :nth-child(2) {
+
+.Risk_data>div {
+  background: #fbf6f7;
+  color: rgb(51, 51, 51);
+  height: 100%;
+  font-weight: 500;
+  width: 33.3%;
+  padding: 10px 20px;
+  box-sizing: border-box;
+  border: #fff solid 1px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-bottom: none;
+}
+
+.Risk_data>div :nth-child(2) {
   border-left: none;
-      border-right: none;
+  border-right: none;
 }
+
 .Risk_title>div :nth-child(3) {
   border-top-right-radius: 10px;
 }
-.jyxStyle>span{
+
+.jyxStyle>span {
   display: inline-block;
   text-align: center;
 }
-.FeeEnclosure  /deep/ table {
+
+.FeeEnclosure /deep/ table {
   width: 100% !important;
 }
 
-.FeeEnclosure  /deep/ .cell {
+.FeeEnclosure /deep/ .cell {
   text-align: center;
 }
 
-.FeeEnclosure /deep/ .el-table__empty-block{
+.FeeEnclosure /deep/ .el-table__empty-block {
   width: 100% !important;
 }
 
-.FeeEnclosure .feeadjust-input{
+.FeeEnclosure .feeadjust-input {
   width: 35%;
   height: 20px;
   font-size: 13px;