Merge branch 'dev' of http://www.baoxianzhanggui.com:8090/sxzgd/vue-insagent-pc into dev

src/components/UserDetail/index.vue

@@ -589,7 +589,7 @@ export default {
   },
   created() {
     this.$api.user
-      .selectfindByreferrerId({ deptId: this.formData.deptId })
+      .selectfindByreferrerId({ deptId: '' })
       .then((res) => {
         this.recommenderOptions = res.data || [];
       });

src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/DocumentaryFeesDetail.vue

@@ -68,143 +68,147 @@
       :before-close="handleClose"
     >
       <el-form ref="form" :model="formDataList" label-width="130px">
+        <div class="info-title">基本信息</div>
         <el-row>
           <el-col :span="8">
-            <el-form-item label="跟单费比例">
-              <el-input
-                v-model="formDataList.otherFeerate"
-                class="inputType"
-              ></el-input>
+            <el-form-item label="签单日期" prop="signDate">
+              <el-date-picker
+                size="small"
+                v-model="formDataList.signDate"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="交强跟单比例">
-              <el-input
-                v-model="formDataList.jqOtherCostsProportion"
-                class="inputType"
-              ></el-input>
+            <el-form-item label="车牌号" prop="licenseno">
+              <el-input v-model="formDataList.licenseno" size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="商业跟单比例">
-              <el-input
-                v-model="formDataList.syOtherCostsProportion"
-                class="inputType"
-              ></el-input>
+            <el-form-item label="保司机构" prop="partnerCompaniesId">
+              <el-cascader
+                ref="partnerCompaniesCascader"
+                v-model="formDataList.partnerCompaniesId"
+                size="small"
+                :show-all-levels="false"
+                ize="small"
+                :options="ztreeNodes"
+                @change="partnerCompaniesFun"
+                :props="optionProps"
+                clearable
+                filterable
+              ></el-cascader>
             </el-form-item>
           </el-col>
+          </el-row>
+          <el-row>
           <el-col :span="8">
-            <el-form-item label="协议选择">
+            <el-form-item label="保险公司" prop="companyId">
               <el-select
                 size="small"
-                v-model="formDataList.agreementId"
-                placeholder="请选择协议类型"
-                style="width: 100%"
+                clearable
+                v-model="formDataList.companyId"
                 filterable
               >
                 <el-option
-                  v-for="item in agreementTypeoptions"
-                  :key="item.dictValue"
-                  :label="item.agreementName"
-                  :value="item.id"
+                  v-for="(s, i) in InsCompanyList"
+                  :key="i"
+                  :label="s.name"
+                  :value="s.id"
                 ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="增加类型" prop="addType">
+            <el-form-item label="险种" prop="riskcode">
               <el-select
+                v-model="formDataList.riskcode"
+                placeholder="选择险种"
                 size="small"
-                clearable
-                v-model="formDataList.addType"
-                filterable
               >
                 <el-option
-                  v-for="(s, i) in addTypeList"
-                  :key="i"
-                  :label="s.label"
-                  :value="s.value"
+                  v-for="item in productsTypeoptions"
+                  :key="item.dictValue"
+                  :label="item.dictTag"
+                  :value="item.dictTag"
                 ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-        </el-row>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="dialogVisible = false">取消</el-button>
-        <el-button size="small" type="primary" @click="onSubmit"
-          >保存</el-button
-        >
-      </span>
-    </el-dialog>
-    <el-dialog
-      title="新增"
-      :visible.sync="dialogVisibleAdd"
-      width="55%"
-      :before-close="handleCloseadd"
-    >
-      <el-form
-        ref="formDataAdd"
-        :rules="rulesAdd"
-        :model="formDataAdd"
-        label-width="130px"
-      >
-        <el-row>
           <el-col :span="8">
-            <el-form-item label="车牌号" prop="licenseno">
-              <el-input v-model="formDataAdd.licenseno" size="small"></el-input>
+            <el-form-item label="协议选择" prop="agreeId">
+              <el-select
+                size="small"
+                v-model="formDataList.agreementId"
+                placeholder="请选择协议类型"
+                style="width: 100%"
+                filterable
+              >
+                <el-option
+                  v-for="item in agreementTypeoptions"
+                  :key="item.dictValue"
+                  :label="item.agreementName"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
             </el-form-item>
           </el-col>
+         </el-row>
+         <el-row>
           <el-col :span="8">
             <el-form-item label="被保险人" prop="insuredName">
               <el-input
-                v-model="formDataAdd.insuredName"
+                v-model="formDataList.insuredName"
                 size="small"
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+         <div class="divider"></div>
+         <div class="info-title">保单(投保信息)</div>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="交强保单号" prop="policyno">
-              <el-input v-model="formDataAdd.policyno" size="small"></el-input>
+              <el-input v-model="formDataList.policyno" size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="商业保单号" prop="syPolicyno">
               <el-input
-                v-model="formDataAdd.syPolicyno"
+                v-model="formDataList.syPolicyno"
                 size="small"
               ></el-input>
             </el-form-item>
           </el-col>
+       
           <el-col :span="8">
             <el-form-item label="交强险保费" prop="jqPremium">
-              <el-input v-model="formDataAdd.jqPremium" size="small"></el-input>
+              <el-input v-model="formDataList.jqPremium" size="small"></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="车船税" prop="taxamount">
-              <el-input v-model="formDataAdd.taxamount" size="small"></el-input>
+              <el-input v-model="formDataList.taxamount" size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="商业险保费" prop="syPremium">
-              <el-input v-model="formDataAdd.syPremium" size="small"></el-input>
+              <el-input v-model="formDataList.syPremium" size="small"></el-input>
             </el-form-item>
           </el-col>
-          <!-- <el-col :span="8">
-            <el-form-item label="交强手续费比例" prop="jqSuperviseCostsProportion">
-              <el-input v-model="formDataAdd.jqSuperviseCostsProportion" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="商业手续费比例" prop="sySuperviseCostsProportion">
-              <el-input v-model="formDataAdd.sySuperviseCostsProportion" size="small"></el-input>
-            </el-form-item>
-          </el-col> -->
+        </el-row>
+        <div class="divider"></div>
+         <div class="info-title">比例及金额</div>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="交强跟单比例" prop="jqOtherCostsProportion">
               <el-input
-                v-model="formDataAdd.jqOtherCostsProportion"
+                v-model="formDataList.jqOtherCostsProportion"
                 size="small"
               ></el-input>
             </el-form-item>
@@ -212,7 +216,7 @@
           <el-col :span="8">
             <el-form-item label="商业跟单比例" prop="syOtherCostsProportion">
               <el-input
-                v-model="formDataAdd.syOtherCostsProportion"
+                v-model="formDataList.syOtherCostsProportion"
                 size="small"
               ></el-input>
             </el-form-item>
@@ -220,11 +224,73 @@
           <el-col :span="8">
             <el-form-item label="跟单费金额" prop="otherFeevalue">
               <el-input
-                v-model="formDataAdd.otherFeevalue"
+                v-model="formDataList.otherFeevalue"
                 size="small"
               ></el-input>
             </el-form-item>
           </el-col>
+          </el-row>
+         <div class="divider"></div>
+         <div class="info-title">类型</div>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="增加类型" prop="addType">
+              <el-select
+                size="small"
+                clearable
+                v-model="formDataList.addType"
+                filterable
+              >
+                <el-option
+                  v-for="(s, i) in addTypeList"
+                  :key="i"
+                  :label="s.label"
+                  :value="s.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisible = false">取消</el-button>
+        <el-button size="small" type="primary" @click="onSubmit"
+          >保存</el-button
+        >
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="新增"
+      :visible.sync="dialogVisibleAdd"
+      width="55%"
+      :before-close="handleCloseadd"
+    >
+      <el-form
+        ref="formDataAdd"
+        :rules="rulesAdd"
+        :model="formDataAdd"
+        label-width="130px"
+      >
+      <div class="info-title">基本信息</div>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="签单日期" prop="signDate">
+              <el-date-picker
+                size="small"
+                v-model="formDataAdd.signDate"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="车牌号" prop="licenseno">
+              <el-input v-model="formDataAdd.licenseno" size="small"></el-input>
+            </el-form-item>
+          </el-col>
           <el-col :span="8">
             <el-form-item label="保司机构" prop="partnerCompaniesId">
               <el-cascader
@@ -241,6 +307,8 @@
               ></el-cascader>
             </el-form-item>
           </el-col>
+          </el-row>
+          <el-row>
           <el-col :span="8">
             <el-form-item label="保险公司" prop="companyId">
               <el-select
@@ -292,18 +360,83 @@
               </el-select>
             </el-form-item>
           </el-col>
+         </el-row>
+         <el-row>
           <el-col :span="8">
-            <el-form-item label="签单日期" prop="signDate">
-              <el-date-picker
+            <el-form-item label="被保险人" prop="insuredName">
+              <el-input
+                v-model="formDataAdd.insuredName"
                 size="small"
-                v-model="formDataAdd.signDate"
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy-MM-dd"
-              >
-              </el-date-picker>
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+         <div class="divider"></div>
+         <div class="info-title">保单(投保信息)</div>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="交强保单号" prop="policyno">
+              <el-input v-model="formDataAdd.policyno" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="商业保单号" prop="syPolicyno">
+              <el-input
+                v-model="formDataAdd.syPolicyno"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+       
+          <el-col :span="8">
+            <el-form-item label="交强险保费" prop="jqPremium">
+              <el-input v-model="formDataAdd.jqPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="车船税" prop="taxamount">
+              <el-input v-model="formDataAdd.taxamount" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="商业险保费" prop="syPremium">
+              <el-input v-model="formDataAdd.syPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+         <div class="info-title">比例及金额</div>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="交强跟单比例" prop="jqOtherCostsProportion">
+              <el-input
+                v-model="formDataAdd.jqOtherCostsProportion"
+                size="small"
+              ></el-input>
             </el-form-item>
           </el-col>
+          <el-col :span="8">
+            <el-form-item label="商业跟单比例" prop="syOtherCostsProportion">
+              <el-input
+                v-model="formDataAdd.syOtherCostsProportion"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="跟单费金额" prop="otherFeevalue">
+              <el-input
+                v-model="formDataAdd.otherFeevalue"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          </el-row>
+         <div class="divider"></div>
+         <div class="info-title">类型</div>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="增加类型" prop="addType">
               <el-select
@@ -322,6 +455,7 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <div class="divider"></div>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogVisibleAdd = false"
@@ -1448,6 +1582,7 @@ export default {
       this.dialogVisible = true;
       this.$api.task.plyFeeId(row.id).then((res) => {
         if (res.code == 200) {
+          console.log(res.data)
           this.formDataList = res.data;
         } else {
           this.$message.error(res.msg);
@@ -1606,4 +1741,34 @@ export default {
   height: 50px;
   text-align: center;
 }
+.divider{
+  height: 10px;
+  background: #f7f7f7;
+}
+.info-title {
+  position: relative;
+  color: #262626;
+  font-size: 18px;
+  height: 50px;
+  line-height: 50px;
+  padding-left: 10px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #eee;
+  font-weight: 600;
+  font-family: PingFang SC, PingFang SC;
+  box-sizing: border-box;
+}
+.info-title::before{
+  content: "";
+  background: #D42426;
+  width: 4px;
+  height: 18px;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
 </style>

src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/HandlingFees.vue

@@ -93,49 +93,79 @@
       :before-close="handleClose"
     >
       <el-form ref="form" :model="formDataList" label-width="130px">
+        <div class="info-title">基本信息</div>
         <el-row>
           <el-col :span="8">
-            <el-form-item label="手续费比例">
-              <el-input
-                v-model="formDataList.commissionFeerate"
-                class="inputType"
-              ></el-input>
+            <el-form-item label="签单日期" prop="signDate">
+              <el-date-picker
+                size="small"
+                v-model="formDataList.signDate"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="交强手续费比例">
-              <el-input
-                v-model="formDataList.jqSuperviseCostsProportion"
-                class="inputType"
-              ></el-input>
+            <el-form-item label="车牌号" prop="licenseno">
+              <el-input v-model="formDataList.licenseno" size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="商业手续费比例">
-              <el-input
-                v-model="formDataList.sySuperviseCostsProportion"
-                class="inputType"
-              ></el-input>
+            <el-form-item label="保司机构" prop="partnerCompaniesId">
+              <el-cascader
+                ref="partnerCompaniesCascader"
+                @change="partnerCompaniesFun"
+                v-model="formDataList.partnerCompaniesId"
+                size="small"
+                :show-all-levels="false"
+                ize="small"
+                :options="ztreeNodes"
+                :props="optionProps"
+                clearable
+                filterable
+              ></el-cascader>
             </el-form-item>
           </el-col>
+        </el-row> 
+        <el-row>
           <el-col :span="8">
-            <el-form-item label="手续费金额">
-              <el-input
-                v-model="formDataList.commissionFeevalue"
-                class="inputType"
-              ></el-input>
+            <el-form-item label="保险公司" prop="companyId">
+              <el-select
+                size="small"
+                clearable
+                v-model="formDataList.companyId"
+                filterable
+              >
+                <el-option
+                  v-for="(s, i) in InsCompanyList"
+                  :key="i"
+                  :label="s.name"
+                  :value="s.id"
+                ></el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="应收金额">
-              <el-input
-                v-model="formDataList.allFeeValue"
-                class="inputType"
-              ></el-input>
+            <el-form-item label="险种" prop="riskcode">
+              <el-select
+                v-model="formDataList.riskcode"
+                placeholder="选择险种"
+                size="small"
+              >
+                <el-option
+                  v-for="item in productsTypeoptions"
+                  :key="item.dictValue"
+                  :label="item.dictTag"
+                  :value="item.dictTag"
+                ></el-option>
+                <!-- :value="item.dictValue"></el-option> -->
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="协议选择">
+            <el-form-item label="协议选择" prop="agreeId">
               <el-select
                 size="small"
                 v-model="formDataList.agreementId"
@@ -152,6 +182,88 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row> 
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item label="被保险人" prop="insuredName">
+              <el-input
+                v-model="formDataList.insuredName"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+          <div class="divider"></div>
+          <div class="info-title">保单(投保信息)</div>
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item label="交强保单号" prop="policyno">
+              <el-input v-model="formDataList.policyno" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="商业保单号" prop="syPolicyno">
+              <el-input
+                v-model="formDataList.syPolicyno"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="交强险保费" prop="jqPremium">
+              <el-input v-model="formDataList.jqPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item label="车船税" prop="taxamount">
+              <el-input v-model="formDataList.taxamount" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="商业险保费" prop="syPremium">
+              <el-input v-model="formDataList.syPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+          <div class="divider"></div>
+          <div class="info-title">比例及金额</div>
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item
+              label="交强手续费比例"
+              prop="jqSuperviseCostsProportion"
+            >
+              <el-input
+                v-model="formDataList.jqSuperviseCostsProportion"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="商业手续费比例"
+              prop="sySuperviseCostsProportion"
+            >
+              <el-input
+                v-model="formDataList.sySuperviseCostsProportion"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="手续费金额" prop="commissionFeevalue">
+              <el-input
+                v-model="formDataList.commissionFeevalue"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+          <div class="divider"></div>
+          <div class="info-title">类型</div>
+        <el-row> 
           <el-col :span="8">
             <el-form-item label="增加类型" prop="addType">
               <el-select
@@ -170,6 +282,7 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <div class="divider"></div>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogVisible = false">取消</el-button>
@@ -264,76 +377,23 @@
         :model="formDataAdd"
         label-width="130px"
       >
+       <div class="info-title">基本信息</div>
         <el-row>
           <el-col :span="8">
-            <el-form-item label="车牌号" prop="licenseno">
-              <el-input v-model="formDataAdd.licenseno" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="被保险人" prop="insuredName">
-              <el-input
-                v-model="formDataAdd.insuredName"
-                size="small"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="交强保单号" prop="policyno">
-              <el-input v-model="formDataAdd.policyno" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="商业保单号" prop="syPolicyno">
-              <el-input
-                v-model="formDataAdd.syPolicyno"
-                size="small"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="交强险保费" prop="jqPremium">
-              <el-input v-model="formDataAdd.jqPremium" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="车船税" prop="taxamount">
-              <el-input v-model="formDataAdd.taxamount" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="商业险保费" prop="syPremium">
-              <el-input v-model="formDataAdd.syPremium" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item
-              label="交强手续费比例"
-              prop="jqSuperviseCostsProportion"
-            >
-              <el-input
-                v-model="formDataAdd.jqSuperviseCostsProportion"
-                size="small"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item
-              label="商业手续费比例"
-              prop="sySuperviseCostsProportion"
-            >
-              <el-input
-                v-model="formDataAdd.sySuperviseCostsProportion"
+            <el-form-item label="签单日期" prop="signDate">
+              <el-date-picker
                 size="small"
-              ></el-input>
+                v-model="formDataAdd.signDate"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="手续费金额" prop="commissionFeevalue">
-              <el-input
-                v-model="formDataAdd.commissionFeevalue"
-                size="small"
-              ></el-input>
+            <el-form-item label="车牌号" prop="licenseno">
+              <el-input v-model="formDataAdd.licenseno" size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -352,6 +412,8 @@
               ></el-cascader>
             </el-form-item>
           </el-col>
+        </el-row> 
+        <el-row>
           <el-col :span="8">
             <el-form-item label="保险公司" prop="companyId">
               <el-select
@@ -404,18 +466,88 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row> 
+        <el-row> 
           <el-col :span="8">
-            <el-form-item label="签单日期" prop="signDate">
-              <el-date-picker
+            <el-form-item label="被保险人" prop="insuredName">
+              <el-input
+                v-model="formDataAdd.insuredName"
                 size="small"
-                v-model="formDataAdd.signDate"
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy-MM-dd"
-              >
-              </el-date-picker>
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+          <div class="divider"></div>
+          <div class="info-title">保单(投保信息)</div>
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item label="交强保单号" prop="policyno">
+              <el-input v-model="formDataAdd.policyno" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="商业保单号" prop="syPolicyno">
+              <el-input
+                v-model="formDataAdd.syPolicyno"
+                size="small"
+              ></el-input>
             </el-form-item>
           </el-col>
+          <el-col :span="8">
+            <el-form-item label="交强险保费" prop="jqPremium">
+              <el-input v-model="formDataAdd.jqPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item label="车船税" prop="taxamount">
+              <el-input v-model="formDataAdd.taxamount" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="商业险保费" prop="syPremium">
+              <el-input v-model="formDataAdd.syPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+          <div class="divider"></div>
+          <div class="info-title">比例及金额</div>
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item
+              label="交强手续费比例"
+              prop="jqSuperviseCostsProportion"
+            >
+              <el-input
+                v-model="formDataAdd.jqSuperviseCostsProportion"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="商业手续费比例"
+              prop="sySuperviseCostsProportion"
+            >
+              <el-input
+                v-model="formDataAdd.sySuperviseCostsProportion"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="手续费金额" prop="commissionFeevalue">
+              <el-input
+                v-model="formDataAdd.commissionFeevalue"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+          <div class="divider"></div>
+          <div class="info-title">类型</div>
+        <el-row> 
           <el-col :span="8">
             <el-form-item label="增加类型" prop="addType">
               <el-select
@@ -434,6 +566,7 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <div class="divider"></div>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogVisibleAdd = false"
@@ -1640,4 +1773,34 @@ export default {
 .inputType {
   width: 180px;
 }
+.divider{
+  height: 10px;
+  background: #f7f7f7;
+}
+.info-title {
+  position: relative;
+  color: #262626;
+  font-size: 18px;
+  height: 50px;
+  line-height: 50px;
+  padding-left: 10px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #eee;
+  font-weight: 600;
+  font-family: PingFang SC, PingFang SC;
+  box-sizing: border-box;
+}
+.info-title::before{
+  content: "";
+  background: #D42426;
+  width: 4px;
+  height: 18px;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
 </style>

src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/DocumentaryFeesDetail.vue

@@ -82,21 +82,82 @@
     <el-dialog
       title="编辑"
       :visible.sync="dialogVisible"
-      width="25%"
+      width="50%"
       :before-close="handleClose"
     >
       <el-form ref="form" :model="formDataList" label-width="100px">
+        <div class="info-title">基本信息</div>
         <el-row>
-          <el-col :span="20">
-            <el-form-item label="跟单费比例">
-              <el-input
-                v-model="formDataList.otherFeerate"
-                class="inputType"
-              ></el-input>
+          <el-col :span="8">
+            <el-form-item label="签单日期" prop="signDate">
+              <el-date-picker
+                size="small"
+                v-model="formDataList.signDate"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="车牌号" prop="licenseno">
+              <el-input v-model="formDataList.licenseno" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="保司机构" prop="partnerCompaniesId">
+              <el-cascader
+                v-model="formDataList.partnerCompaniesId"
+                ref="partnerCompaniesCascader"
+                size="small"
+                :show-all-levels="false"
+                ize="small"
+                :options="ztreeNodes"
+                @change="partnerCompaniesFun"
+                :props="optionProps"
+                clearable
+                filterable
+              ></el-cascader>
             </el-form-item>
           </el-col>
-          <el-col :span="20">
-            <el-form-item label="协议选择">
+          </el-row>
+          <el-row>
+          <el-col :span="8">
+            <el-form-item label="保险公司" prop="companyId">
+              <el-select
+                size="small"
+                clearable
+                v-model="formDataList.companyId"
+                filterable
+              >
+                <el-option
+                  v-for="(s, i) in InsCompanyList"
+                  :key="i"
+                  :label="s.name"
+                  :value="s.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="险种" prop="riskcode">
+              <el-select
+                v-model="formDataList.riskcode"
+                placeholder="选择险种"
+                size="small"
+              >
+                <el-option
+                  v-for="item in productsTypeoptions"
+                  :key="item.dictValue"
+                  :label="item.dictTag"
+                  :value="item.dictTag"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="协议选择" prop="agreeId">
               <el-select
                 size="small"
                 v-model="formDataList.agreementId"
@@ -113,14 +174,64 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="20">
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="被保险人" prop="insuredName">
+              <el-input
+                v-model="formDataList.insuredName"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+        <div class="info-title">保单(投保信息)</div>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="非车保单号" prop="noPolicyno">
+              <el-input
+                v-model="formDataList.noPolicyno"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="非车保费" prop="noPremium">
+              <el-input v-model="formDataList.noPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+        <div class="divider"></div>
+        <div class="info-title">比例及金额</div>
+          <el-row>
+          <el-col :span="8">
+            <el-form-item label="非车跟单比例" prop="noOtherCostsProportion">
+              <el-input
+                v-model="formDataList.noOtherCostsProportion"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="跟单费金额" prop="otherFeevalue">
+              <el-input
+                v-model="formDataList.otherFeevalue"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+        <div class="info-title">类型</div>
+        <el-row>
+          <el-col :span="8">
             <el-form-item label="增加类型" prop="addType">
               <el-select
                 size="small"
                 clearable
                 v-model="formDataList.addType"
                 filterable
-                style="width: 100%"
               >
                 <el-option
                   v-for="(s, i) in addTypeList"
@@ -152,47 +263,23 @@
         :model="formDataAdd"
         label-width="140px"
       >
+      <div class="info-title">基本信息</div>
         <el-row>
           <el-col :span="8">
-            <el-form-item label="车牌号" prop="licenseno">
-              <el-input v-model="formDataAdd.licenseno" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="被保险人" prop="insuredName">
-              <el-input
-                v-model="formDataAdd.insuredName"
-                size="small"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="非车保单号" prop="noPolicyno">
-              <el-input
-                v-model="formDataAdd.noPolicyno"
-                size="small"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="非车保费" prop="noPremium">
-              <el-input v-model="formDataAdd.noPremium" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="非车跟单比例" prop="noOtherCostsProportion">
-              <el-input
-                v-model="formDataAdd.noOtherCostsProportion"
+            <el-form-item label="签单日期" prop="signDate">
+              <el-date-picker
                 size="small"
-              ></el-input>
+                v-model="formDataAdd.signDate"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="跟单费金额费金额" prop="otherFeevalue">
-              <el-input
-                v-model="formDataAdd.otherFeevalue"
-                size="small"
-              ></el-input>
+            <el-form-item label="车牌号" prop="licenseno">
+              <el-input v-model="formDataAdd.licenseno" size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -211,6 +298,8 @@
               ></el-cascader>
             </el-form-item>
           </el-col>
+          </el-row>
+          <el-row>
           <el-col :span="8">
             <el-form-item label="保险公司" prop="companyId">
               <el-select
@@ -262,18 +351,57 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="8">
-            <el-form-item label="签单日期" prop="signDate">
-              <el-date-picker
+            <el-form-item label="被保险人" prop="insuredName">
+              <el-input
+                v-model="formDataAdd.insuredName"
                 size="small"
-                v-model="formDataAdd.signDate"
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy-MM-dd"
-              >
-              </el-date-picker>
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+        <div class="info-title">保单(投保信息)</div>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="非车保单号" prop="noPolicyno">
+              <el-input
+                v-model="formDataAdd.noPolicyno"
+                size="small"
+              ></el-input>
             </el-form-item>
           </el-col>
+          <el-col :span="8">
+            <el-form-item label="非车保费" prop="noPremium">
+              <el-input v-model="formDataAdd.noPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row> 
+        <div class="divider"></div>
+        <div class="info-title">比例及金额</div>
+          <el-row>
+          <el-col :span="8">
+            <el-form-item label="非车跟单比例" prop="noOtherCostsProportion">
+              <el-input
+                v-model="formDataAdd.noOtherCostsProportion"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="跟单费金额费金额" prop="otherFeevalue">
+              <el-input
+                v-model="formDataAdd.otherFeevalue"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+        <div class="info-title">类型</div>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="增加类型" prop="addType">
               <el-select
@@ -1490,4 +1618,34 @@ export default {
   height: 50px;
   text-align: center;
 }
+.divider{
+  height: 10px;
+  background: #f7f7f7;
+}
+.info-title {
+  position: relative;
+  color: #262626;
+  font-size: 18px;
+  height: 50px;
+  line-height: 50px;
+  padding-left: 10px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #eee;
+  font-weight: 600;
+  font-family: PingFang SC, PingFang SC;
+  box-sizing: border-box;
+}
+.info-title::before{
+  content: "";
+  background: #D42426;
+  width: 4px;
+  height: 18px;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
 </style>

src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/HandlingFees.vue

@@ -197,50 +197,23 @@
         :model="formDataAdd"
         label-width="130px"
       >
+      <div class="info-title">基本信息</div>
         <el-row>
           <el-col :span="8">
-            <el-form-item label="车牌号" prop="licenseno">
-              <el-input v-model="formDataAdd.licenseno" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="被保险人" prop="insuredName">
-              <el-input
-                v-model="formDataAdd.insuredName"
-                size="small"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="非车保单号" prop="noPolicyno">
-              <el-input
-                v-model="formDataAdd.noPolicyno"
-                size="small"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="非车保费" prop="noPremium">
-              <el-input v-model="formDataAdd.noPremium" size="small"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item
-              label="非车手续费比例"
-              prop="noSuperviseCostsProportion"
-            >
-              <el-input
-                v-model="formDataAdd.noSuperviseCostsProportion"
+            <el-form-item label="签单日期" prop="signDate">
+              <el-date-picker
                 size="small"
-              ></el-input>
+                v-model="formDataAdd.signDate"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="手续费金额" prop="commissionFeevalue">
-              <el-input
-                v-model="formDataAdd.commissionFeevalue"
-                size="small"
-              ></el-input>
+            <el-form-item label="车牌号" prop="licenseno">
+              <el-input v-model="formDataAdd.licenseno" size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -259,6 +232,8 @@
               ></el-cascader>
             </el-form-item>
           </el-col>
+          </el-row>
+          <el-row>
           <el-col :span="8">
             <el-form-item label="保险公司" prop="companyId">
               <el-select
@@ -310,18 +285,60 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="8">
-            <el-form-item label="签单日期" prop="signDate">
-              <el-date-picker
+            <el-form-item label="被保险人" prop="insuredName">
+              <el-input
+                v-model="formDataAdd.insuredName"
                 size="small"
-                v-model="formDataAdd.signDate"
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy-MM-dd"
-              >
-              </el-date-picker>
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">保单(投保信息)</div>
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item label="非车保单号" prop="noPolicyno">
+              <el-input
+                v-model="formDataAdd.noPolicyno"
+                size="small"
+              ></el-input>
             </el-form-item>
           </el-col>
+          <el-col :span="8">
+            <el-form-item label="非车保费" prop="noPremium">
+              <el-input v-model="formDataAdd.noPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">比例及金额</div>
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item
+              label="非车手续费比例"
+              prop="noSuperviseCostsProportion"
+            >
+              <el-input
+                v-model="formDataAdd.noSuperviseCostsProportion"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="手续费金额" prop="commissionFeevalue">
+              <el-input
+                v-model="formDataAdd.commissionFeevalue"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">类型</div>
+        <el-row>  
           <el-col :span="8">
             <el-form-item label="增加类型" prop="addType">
               <el-select
@@ -340,6 +357,7 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <div class="divider"></div>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogVisibleAdd = false"
@@ -378,25 +396,78 @@
 
     <el-dialog title="编辑" :visible.sync="dialogVisibleEdit" width="50%">
       <el-form ref="formDataEdit" :model="formDataEdit" label-width="130px">
+        <div class="info-title">基本信息</div>
         <el-row>
           <el-col :span="8">
-            <el-form-item label="非车手续费比例">
-              <el-input
-                v-model="formDataEdit.noSuperviseCostsProportion"
+            <el-form-item label="签单日期" prop="signDate">
+              <el-date-picker
                 size="small"
-              ></el-input>
+                v-model="formDataEdit.signDate"
+                type="date"
+                placeholder="选择日期"
+                value-format="yyyy-MM-dd"
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="非车手续费金额">
-              <el-input
-                v-model="formDataEdit.noSuperviseCostsPremiums"
+            <el-form-item label="车牌号" prop="licenseno">
+              <el-input v-model="formDataEdit.licenseno" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="保司机构" prop="partnerCompaniesId">
+              <el-cascader
+                ref="partnerCompaniesCascader"
+                v-model="formDataEdit.partnerCompaniesId"
                 size="small"
-              ></el-input>
+                :show-all-levels="false"
+                ize="small"
+                :options="ztreeNodes"
+                @change="partnerCompaniesFun"
+                :props="optionProps"
+                clearable
+                filterable
+              ></el-cascader>
+            </el-form-item>
+          </el-col>
+          </el-row>
+          <el-row>
+          <el-col :span="8">
+            <el-form-item label="保险公司" prop="companyId">
+              <el-select
+                size="small"
+                clearable
+                v-model="formDataEdit.companyId"
+                filterable
+              >
+                <el-option
+                  v-for="(s, i) in InsCompanyList"
+                  :key="i"
+                  :label="s.name"
+                  :value="s.id"
+                ></el-option>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="协议选择">
+            <el-form-item label="险种" prop="riskcode">
+              <el-select
+                v-model="formDataEdit.riskcode"
+                placeholder="选择险种"
+                size="small"
+              >
+                <el-option
+                  v-for="item in productsTypeoptions"
+                  :key="item.dictValue"
+                  :label="item.dictTag"
+                  :value="item.dictTag"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="协议选择" prop="agreeId">
               <el-select
                 size="small"
                 v-model="formDataEdit.agreementId"
@@ -413,6 +484,60 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="被保险人" prop="insuredName">
+              <el-input
+                v-model="formDataEdit.insuredName"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">保单(投保信息)</div>
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item label="非车保单号" prop="noPolicyno">
+              <el-input
+                v-model="formDataEdit.noPolicyno"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="非车保费" prop="noPremium">
+              <el-input v-model="formDataEdit.noPremium" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">比例及金额</div>
+        <el-row> 
+          <el-col :span="8">
+            <el-form-item
+              label="非车手续费比例"
+              prop="noSuperviseCostsProportion"
+            >
+              <el-input
+                v-model="formDataEdit.noSuperviseCostsProportion"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="手续费金额" prop="commissionFeevalue">
+              <el-input
+                v-model="formDataEdit.commissionFeevalue"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">类型</div>
+        <el-row>  
           <el-col :span="8">
             <el-form-item label="增加类型" prop="addType">
               <el-select
@@ -431,6 +556,7 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <div class="divider"></div>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogVisibleEdit = false"
@@ -1063,9 +1189,17 @@ export default {
         agreementId: row.agreementId,
         addType: row.addType,
       };
+      this.$api.task.plyFeeId(row.id).then((res) => {
+        if (res.code == 200) {
+          this.formDataEdit = res.data;
+        } else {
+          this.$message.error(res.msg);
+        }
+      });
       this.dialogVisibleEdit = true;
     },
     onSubmitEdit() {
+      this.formDataEdit.createTime = null;
       this.$api.task.updateNoHand(this.formDataEdit).then((res) => {
         if (res.code == 200) {
           this.$message.success(res.msg);
@@ -1509,4 +1643,34 @@ export default {
   margin-bottom: 20px;
   font-size: 14px;
 }
+.divider{
+  height: 10px;
+  background: #f7f7f7;
+}
+.info-title {
+  position: relative;
+  color: #262626;
+  font-size: 18px;
+  height: 50px;
+  line-height: 50px;
+  padding-left: 10px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #eee;
+  font-weight: 600;
+  font-family: PingFang SC, PingFang SC;
+  box-sizing: border-box;
+}
+.info-title::before{
+  content: "";
+  background: #D42426;
+  width: 4px;
+  height: 18px;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
 </style>

src/views/FinancialManagement/CarInsurance/PlatformSettlement/NonVehicleBalance.vue

@@ -129,6 +129,7 @@
         label-width="130px"
         :rules="rulesAdd"
       >
+      <div class="info-title">基本信息</div>
         <el-row>
           <el-col :span="8">
             <el-form-item label="签单日期" prop="signDate">
@@ -151,31 +152,6 @@
               ></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="被保险人">
-              <el-input
-                v-model="formDataList.insuredName"
-                class="inputType"
-                size="small"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="险种">
-              <el-select
-                v-model="formDataList.riskcode"
-                placeholder="选择险种"
-                size="small"
-              >
-                <el-option
-                  v-for="item in riskcodeList"
-                  :key="item.dictValue"
-                  :label="item.dictTag"
-                  :value="item.dictTag"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
           <el-col :span="8">
             <el-form-item label="保司机构">
               <el-cascader
@@ -192,6 +168,8 @@
               ></el-cascader>
             </el-form-item>
           </el-col>
+          </el-row>
+          <el-row>
           <el-col :span="8">
             <el-form-item label="保险公司" prop="companyId">
               <el-select
@@ -209,6 +187,23 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <el-col :span="8">
+            <el-form-item label="险种">
+              <el-select
+                v-model="formDataList.riskcode"
+                placeholder="选择险种"
+                size="small"
+              >
+                <el-option
+                  v-for="item in riskcodeList"
+                  :key="item.dictValue"
+                  :label="item.dictTag"
+                  :value="item.dictTag"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+         
 
           <el-col :span="8">
             <el-form-item label="协议选择">
@@ -228,6 +223,21 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="被保险人">
+              <el-input
+                v-model="formDataList.insuredName"
+                class="inputType"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">保单(投保信息)</div>
+        <el-row> 
           <el-col :span="8">
             <el-form-item label="交强保单号" prop="policyno">
               <el-input
@@ -255,6 +265,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="交强保费">
               <el-input
@@ -282,6 +294,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
+         </el-row>
+         <el-row>
           <el-col :span="8">
             <el-form-item label="非车保费">
               <el-input
@@ -291,6 +305,10 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">比例及金额</div>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="交强手续费比例">
               <el-input
@@ -318,7 +336,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
-
+        </el-row>
+         <el-row>
           <el-col :span="8">
             <el-form-item label="交强跟单比例">
               <el-input
@@ -346,6 +365,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="交强应收比例">
               <el-input
@@ -373,7 +394,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
-
+         </el-row>
+         <el-row>
           <el-col :span="8">
             <el-form-item label="跟单金额" prop="otherFeevalue">
               <el-input
@@ -403,6 +425,10 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">类型</div>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="增加类型" prop="addType">
               <el-select
@@ -533,6 +559,7 @@
         label-width="130px"
         :rules="rulesAdd"
       >
+      <div class="info-title">基本信息</div>
         <el-row>
           <el-col :span="8">
             <el-form-item label="签单日期" prop="signDate">
@@ -555,31 +582,6 @@
               ></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
-            <el-form-item label="被保险人">
-              <el-input
-                v-model="formDataListAdd.insuredName"
-                class="inputType"
-                size="small"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="险种">
-              <el-select
-                v-model="formDataListAdd.riskcode"
-                placeholder="选择险种"
-                size="small"
-              >
-                <el-option
-                  v-for="item in riskcodeList"
-                  :key="item.dictValue"
-                  :label="item.dictTag"
-                  :value="item.dictTag"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
           <el-col :span="8">
             <el-form-item label="保司机构">
               <el-cascader
@@ -596,6 +598,8 @@
               ></el-cascader>
             </el-form-item>
           </el-col>
+          </el-row>
+          <el-row>
           <el-col :span="8">
             <el-form-item label="保险公司" prop="companyId">
               <el-select
@@ -613,6 +617,23 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <el-col :span="8">
+            <el-form-item label="险种">
+              <el-select
+                v-model="formDataListAdd.riskcode"
+                placeholder="选择险种"
+                size="small"
+              >
+                <el-option
+                  v-for="item in riskcodeList"
+                  :key="item.dictValue"
+                  :label="item.dictTag"
+                  :value="item.dictTag"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+         
 
           <el-col :span="8">
             <el-form-item label="协议选择">
@@ -632,6 +653,21 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="被保险人">
+              <el-input
+                v-model="formDataListAdd.insuredName"
+                class="inputType"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">保单(投保信息)</div>
+        <el-row> 
           <el-col :span="8">
             <el-form-item label="交强保单号" prop="policyno">
               <el-input
@@ -659,6 +695,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="交强保费">
               <el-input
@@ -686,6 +724,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
+         </el-row>
+         <el-row>
           <el-col :span="8">
             <el-form-item label="非车保费">
               <el-input
@@ -695,6 +735,10 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">比例及金额</div>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="交强手续费比例">
               <el-input
@@ -722,7 +766,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
-
+        </el-row>
+         <el-row>
           <el-col :span="8">
             <el-form-item label="交强跟单比例">
               <el-input
@@ -750,6 +795,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="交强应收比例">
               <el-input
@@ -777,7 +824,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
-
+         </el-row>
+         <el-row>
           <el-col :span="8">
             <el-form-item label="跟单金额" prop="otherFeevalue">
               <el-input
@@ -807,6 +855,10 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <div class="divider"></div>
+          <div class="info-title">类型</div>
+        <el-row>
           <el-col :span="8">
             <el-form-item label="增加类型" prop="addType">
               <el-select
@@ -2050,4 +2102,34 @@ export default {
 .inputType {
   width: 180px;
 }
+.divider{
+  height: 10px;
+  background: #f7f7f7;
+}
+.info-title {
+  position: relative;
+  color: #262626;
+  font-size: 18px;
+  height: 50px;
+  line-height: 50px;
+  padding-left: 10px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #eee;
+  font-weight: 600;
+  font-family: PingFang SC, PingFang SC;
+  box-sizing: border-box;
+}
+.info-title::before{
+  content: "";
+  background: #D42426;
+  width: 4px;
+  height: 18px;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
 </style>

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

@@ -16,6 +16,7 @@
       stripe
       @expand-change="handleRowChange"
       ref="expandTable"
+      :row-class-name="tableRowColor"
       :header-cell-style="{
         background: '#F2F7FC',
         fontWeight: '700',
@@ -1859,6 +1860,12 @@ export default {
         this.pageRequest.endDate = e[1];
       }
     },
+    tableRowColor({ row, rowIndex }) {
+      console.log(row.problemOrder);
+      if (row.problemOrder  == 1) {
+        return "blue-row";
+      }
+    },
   },
 };
 </script>
@@ -2385,4 +2392,12 @@ export default {
   height: 20px;
   font-size: 13px;
 }
+/deep/ .el-table .el-table__row.blue-row {
+  background: #409eff;
+  opacity: .8;
+  color: #fff;
+}
+/deep/.el-table .el-table__row.blue-row:hover{
+  color: #000;
+}
 </style>

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

@@ -3,7 +3,7 @@
     <retrievalForm :fields="retrievalFields" @submit="handleFormSubmit" @toggleCollapse="toggleCollapse"
       @areaSelectChange="areaSelectChange"></retrievalForm>
     <el-table size="small" :data="pageResult" height="590" border v-loading="loading" highlight-current-row
-      @expand-change="handleRowChange" ref="expandTable" :row-class-name="tableRowClassName"
+      @expand-change="handleRowChange" ref="expandTable" :row-class-name="tableRowColor"
       :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
       <el-table-column prop="subOrderId" label="订单号" align="center"></el-table-column>
       <el-table-column prop="username" label="业务员工号" align="center">
@@ -1692,6 +1692,12 @@ export default {
       }
 
     },
+    tableRowColor({ row, rowIndex }) {
+      console.log(row.problemOrder);
+      if (row.problemOrder  == 1) {
+        return "blue-row";
+      }
+    },
   }
 }
 </script>
@@ -2224,4 +2230,12 @@ export default {
   height: 20px;
   font-size: 13px;
 }
+/deep/ .el-table .el-table__row.blue-row {
+  background: #409eff;
+  opacity: .8;
+  color: #fff;
+}
+/deep/.el-table .el-table__row.blue-row:hover{
+  color: #000;
+}
 </style>