平台协议应收-应收订单-车险应收筛选条件定制-表格字段按需排版

src/views/platform/index.vue

@@ -4,30 +4,24 @@
       <el-tab-pane label="车险应收" name="1" class="h-full">
         <el-form v-model="receivableForm" label-width="100">
           <el-row :gutter="20">
-            <el-col :span="8">
-              <el-form-item label="车牌号">
-                <el-input v-model="receivableForm.licenseNo" placeholder="请输入" clearable></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="保险公司">
                 <el-cascader filterable clearable placeholder="请选择" v-model="receivableForm.companyId"
                   :options="companyList" :props="companyIdprops" style="width: 100%;" @change="handleCompanyChange" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
-              <el-form-item label="签单时间">
-                <el-date-picker v-model="receivableForm.signingTime" type="daterange" range-separator="至"
-                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
+            <el-col :span="6">
+              <el-form-item label="车牌号">
+                <el-input v-model="receivableForm.licenseNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="订单号">
                 <el-input v-model="receivableForm.orderNo" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
-              <el-form-item label="业务来源">
+            <el-col :span="6">
+              <el-form-item label="业务员类型">
                 <el-select v-model="receivableForm.typeAttr" placeholder="请选择" clearable>
                   <el-option label="团队" value="5"></el-option>
                   <el-option label="个代" value="6"></el-option>
@@ -35,40 +29,18 @@
                   <el-option label="电销组" value="8"></el-option>
                 </el-select>
               </el-form-item>
-            </el-col> <el-col :span="8">
-              <el-form-item label="结算状态">
-                <el-select v-model="receivableForm.settlementStatus" placeholder="请选择" clearable>
-                  <el-option label="未结算" value="0"></el-option>
-                  <el-option label="已结算" value="1"></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col> <el-col :span="8">
-              <el-form-item label="增加类型">
-                <el-input v-model="receivableForm.addType" placeholder="请输入" clearable></el-input>
-              </el-form-item>
             </el-col>
-            <el-col :span="8">
-              <el-form-item label="出单协议">
-                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable>
-                  <el-option v-for="item in agreementList" :key="item.id" :label="item.agreementTitle"
-                    :value="item.id"></el-option>
-                </el-select>
+            <el-col :span="6">
+              <el-form-item label="业务员">
+                <el-input v-model="receivableForm.salesman" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
-              <el-form-item label="出单机构">
-                <el-cascader style="width: 100%" v-model="receivableForm.deptId" placeholder="请选择" :options="deptOption"
-                  :props="cascaderProps" clearable></el-cascader>
+            <el-col :span="6">
+              <el-form-item label="业务员手机号">
+                <el-input v-model="receivableForm.salesmanPhone" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
-              <el-form-item label="险种">
-                <el-select v-model="receivableForm.riskCode" placeholder="请选择" clearable>
-                  <el-option v-for="(item, index) in insuranceType" :label="item.label" :value="item.label"></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="订单类型">
                 <el-select v-model="receivableForm.orderType" placeholder="请选择" clearable>
                   <el-option label="车险录入" value="1"></el-option>
@@ -77,38 +49,90 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
-              <el-form-item label="被保人">
-                <el-input v-model="receivableForm.insuredName" placeholder="请输入" clearable></el-input>
+            <el-col :span="6">
+              <el-form-item label="投保人">
+                <el-input v-model="receivableForm.policyholder" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
-              <el-form-item label="交强险保单号">
-                <el-input v-model="receivableForm.jqPolicyNo" placeholder="请输入" clearable></el-input>
+            <el-col :span="6">
+              <el-form-item label="被保人">
+                <el-input v-model="receivableForm.insuredName" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
-              <el-form-item label="商业险保单号">
-                <el-input v-model="receivableForm.syPolicyNo" placeholder="请输入" clearable></el-input>
+            <el-col :span="6">
+              <el-form-item label="投保险种">
+                <el-select v-model="receivableForm.riskCode" placeholder="请选择" clearable>
+                  <el-option v-for="(item, index) in insuranceType" :label="item.label" :value="item.label"></el-option>
+                </el-select>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
+            <el-col :span="6">
               <el-form-item label="对接人">
                 <el-input v-model="receivableForm.dockingPerson" placeholder="请输入" clearable></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
-              <el-form-item label="交强起保时间">
-                <el-date-picker v-model="receivableForm.jqDate" type="daterange" range-separator="至"
+            <el-col :span="6">
+              <el-form-item label="签单时间">
+                <el-date-picker v-model="receivableForm.signingTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
-            <el-col v-show="isTrue" :span="8">
-              <el-form-item label="商业起保时间">
-                <el-date-picker v-model="receivableForm.syDate" type="daterange" range-separator="至"
+            <el-col :span="6">
+              <el-form-item label="支付时间">
+                <el-date-picker v-model="receivableForm.payingTime" type="daterange" range-separator="至"
                   start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
               </el-form-item>
             </el-col>
+            <el-col :span="6">
+              <el-form-item label="报价时间">
+                <el-date-picker v-model="receivableForm.quotationTime" type="daterange" range-separator="至"
+                  start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="结算状态">
+                <el-select v-model="receivableForm.settlementStatus" placeholder="请选择" clearable>
+                  <el-option label="未结算" value="0"></el-option>
+                  <el-option label="已结算" value="1"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="出单协议">
+                <el-select v-model="receivableForm.agreementId" placeholder="请选择" clearable>
+                  <el-option v-for="item in agreementList" :key="item.id" :label="item.agreementTitle"
+                    :value="item.id"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="修改人">
+                <el-input v-model="receivableForm.updateBy" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务状态">
+                <el-select v-model="receivableForm.orderStatus" placeholder="请选择" clearable>
+                  <el-option label="退保" value="0"></el-option>
+                  <el-option label="批加" value="1"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col v-show="isTrue" :span="6">
+              <el-form-item label="交强险保单号">
+                <el-input v-model="receivableForm.jqPolicyNo" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col v-show="isTrue" :span="6">
+              <el-form-item label="商业险保单号">
+                <el-input v-model="receivableForm.syPolicyNo" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col v-show="isTrue" :span="6">
+              <el-form-item label="非车险保单号">
+                <el-input v-model="receivableForm.jyPolicyNo" placeholder="请输入" clearable></el-input>
+              </el-form-item>
+            </el-col>
             <el-col :span="24" style="display: flex; align-items: center; justify-content: flex-end">
               <el-button type="primary" @click="getPlatFormReceivableList">搜索</el-button>
               <el-button plain @click="reset">重置</el-button>
@@ -159,60 +183,49 @@
           style="width: 100%; margin-top: 20px;" ref="ReceiveDataRef1" @select="handleSelectChange1"
           @select-all="handleSelectAll1" highlight-current-row>
           <el-table-column type="selection" width="50" fixed="left"></el-table-column>
-          <el-table-column prop="signingTime" label="签单时间" width="150"></el-table-column>
-          <el-table-column prop="typeAttrName" label="业务来源" width="120"></el-table-column>
+          <el-table-column prop="orderStatus" label="业务状态" width="150"></el-table-column>
           <el-table-column prop="orderNo" label="订单号" width="150"></el-table-column>
+          <el-table-column prop="signingTime" label="签单时间" width="150"></el-table-column>
           <el-table-column prop="companyName" label="保险公司" width="120"></el-table-column>
           <el-table-column prop="partnerCompanySimplyName" label="保险机构" width="120"></el-table-column>
           <el-table-column prop="contactPerson" label="对接人" width="100"></el-table-column>
-          <el-table-column prop="deptName" label="出单机构" width="120"></el-table-column>
-          <el-table-column prop="agreementName" label="出单协议" width="150"></el-table-column>
-          <el-table-column prop="orderType" label="订单类型" width="100"></el-table-column>
           <el-table-column prop="licenseNo" label="车牌号" width="100"></el-table-column>
-          <el-table-column prop="receivableAmount" label="应收金额" width="100"> </el-table-column>
-          <el-table-column prop="productName" label="险种" width="100"></el-table-column>
-          <el-table-column prop="settlementStatusName" label="结算状态" width="100"></el-table-column>
           <el-table-column prop="insuredPerson" label="被保人" width="100"></el-table-column>
+          <el-table-column prop="productName" label="投保险种" width="100"></el-table-column>
+          <el-table-column prop="agreementName" label="出单协议" width="150"></el-table-column>
+          <el-table-column prop="settlementStatusName" label="结算状态" width="100"></el-table-column>
+          <el-table-column prop="receivableAmount" label="应收金额" width="100"> </el-table-column>
+          <el-table-column prop="jqPolicyNo" label="交强险保单号" width="150"></el-table-column>
+          <el-table-column prop="syPolicyNo" label="商业险保单号" width="150"></el-table-column>
+          <el-table-column prop="jyPolicyNo" label="非车险保单号" width="150"></el-table-column>
           <el-table-column prop="jqPremium" label="交强险保费" width="100"></el-table-column>
-          <el-table-column prop="jqSuperviseCostsProportion" label="交强险手续费比例" width="150"></el-table-column>
-          <el-table-column prop="jqTotalProportion" label="交强险总比例" width="150"></el-table-column>
-          <el-table-column prop="jqOtherCostsProportion" label="交强险跟单比例" width="150"></el-table-column>
-          <el-table-column prop="jqReceivablePremium" label="交强应收金额" width="150"></el-table-column>
-
-          <!-- <el-table-column prop="jqSuperviseCostsProportion" label="交强入口比例" width="120">
-            <template #default="scope">
-              {{ scope.row.insFeeOrders?.jqInletRatio || '-' }}
-            </template>
-</el-table-column> -->
           <el-table-column prop="taxPremium" label="车船税" width="100"></el-table-column>
           <el-table-column prop="syPremium" label="商业险保费" width="100"></el-table-column>
+          <el-table-column prop="jyPremium" label="非车保费" width="100"></el-table-column>
+          <el-table-column prop="jqReceivablePremium" label="交强应收金额" width="150"></el-table-column>
+          <el-table-column prop="jqSuperviseCostsProportion" label="交强险手续费比例" width="150"></el-table-column>
+          <el-table-column prop="jqOtherCostsProportion" label="交强险跟单比例" width="150"></el-table-column>
+          <el-table-column prop="syReceivablePremium" label="商业应收金额" width="150"></el-table-column>
           <el-table-column prop="sySuperviseCostsProportion" label="商业险手续费比例" width="150"></el-table-column>
-          <el-table-column prop="syTotalProportion" label="商业险总比例" width="150"></el-table-column>
           <el-table-column prop="syOtherCostsProportion" label="商业险跟单比例" width="150"></el-table-column>
-          <el-table-column prop="syReceivablePremium" label="商业应收金额" width="150"></el-table-column>
-          <!-- <el-table-column prop="sySuperviseCostsProportion" label="商业入口比例" width="120">
-            <template #default="scope">
-              {{ scope.row.insFeeOrders?.syInletRatio || '-' }}
-            </template>
-          </el-table-column> -->
-          <el-table-column prop="jyPremium" label="非车保费" width="100"></el-table-column>
+          <el-table-column prop="jyTotalPremiums" label="非车应收金额" width="150"></el-table-column>
           <el-table-column prop="jySuperviseCostsProportion" label="非车手续费比例" width="150"></el-table-column>
-          <el-table-column prop="jyTotalProportion" label="非车总比例" width="150"></el-table-column>
           <el-table-column prop="jyOtherCostsProportion" label="非车跟单比例" width="150"></el-table-column>
-          <el-table-column prop="jyTotalPremiums" label="非车应收金额" width="150"></el-table-column>
-          <!-- <el-table-column prop="sySuperviseCostsProportion" label="非车入口比例" width="120">
-            <template #default="scope">
-              {{ scope.row.insFeeOrders?.jyInletRatio || '-' }}
-            </template>
-          </el-table-column> -->
-          <el-table-column prop="receivableAmount" label="总应收金额" width="100"></el-table-column>
-
-          <el-table-column prop="jqPolicyNo" label="交强险保单号" width="150"></el-table-column>
-          <el-table-column prop="syPolicyNo" label="商业险保单号" width="150"></el-table-column>
           <el-table-column prop="jqStartDate" label="交强险起保日期" width="150"></el-table-column>
           <el-table-column prop="syStartDate" label="商业险起保日期" width="150"></el-table-column>
+          <el-table-column prop="jyStartDate" label="非车起保日期" width="150"></el-table-column>
+
+          <el-table-column prop="x" label="报价时间" width="150"></el-table-column>
+          <el-table-column prop="x" label="支付时间" width="150"></el-table-column>
+          <el-table-column prop="deptName" label="出单机构" width="120"></el-table-column>
+          <el-table-column prop="x" label="业务员类型" width="120"></el-table-column>
+          <el-table-column prop="x" label="业务员手机号" width="120"></el-table-column>
+          <el-table-column prop="x" label="业务员" width="120"></el-table-column>
+          <el-table-column prop="orderType" label="订单类型" width="100"></el-table-column>
+          <el-table-column prop="x" label="结算人" width="120"></el-table-column>
+          <el-table-column prop="x" label="回款时间" width="120"></el-table-column>
           <el-table-column prop="updateBy" label="修改人" width="100"></el-table-column>
-          <el-table-column prop="createTime" label="创建时间" width="150"></el-table-column>
+          <el-table-column prop="updateTime" label="修改时间" width="150"></el-table-column>
           <el-table-column label="操作" width="180" fixed="right">
             <template #default="scope">
               <el-button link type="primary" :disabled="scope.row.settlementStatusName == '已结算'"
@@ -409,7 +422,7 @@
               条正常导入；<span style="color: red;">{{ importModifyCallback?.failedNumber || 0 }}</span> 条不符合要求无法导入。
             </div>
           </div>
-                   <div v-if="uploadMsg" class="text-red">上传错误信息：{{ uploadMsg }}</div>
+          <div v-if="uploadMsg" class="text-red">上传错误信息：{{ uploadMsg }}</div>
 
         </el-tab-pane>
       </el-tabs>
@@ -925,7 +938,7 @@ const initDept = () => {
 }
 // 单条修改提交
 const handleSingleEditSubmit = async () => {
-  const { code, data, msg } = await api.financeApi.updateInsPlyIncome({...singleForm.value})
+  const { code, data, msg } = await api.financeApi.updateInsPlyIncome({ ...singleForm.value })
   if (code === 200) {
     ElMessage.success(msg)
     singleEditShow.value = false