手续费、跟单费功能

src/http/moudules/task.js

@@ -1222,4 +1222,11 @@ export const plyFeeId = (id) => {
     url: "/fnc/plyFee/getById/" +id,
     method: "get",
   })
-}
+}
+export const bxTotalAmount = (data) => {
+  return axios({
+    url: "/fnc/plyFee/bxTotalAmount",
+    method: "post",
+    data
+  })
+}

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

@@ -19,6 +19,70 @@
       <el-button  size="small" @click="dialogVisible = false">取消</el-button>
     </span>
   </el-dialog>
+  <el-dialog
+    title="编辑"
+    :visible.sync="dialogUploadVisible"
+    width="55%"
+    :before-close="handleClose">
+    <el-form ref="form" :model="formDataList" label-width="130px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="交强保费">
+              <el-input v-model="formDataList.jqPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="商业保费">
+              <el-input v-model="formDataList.syPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="交强不含税保费">
+              <el-input v-model="formDataList.jqNoTaxPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="商业不含税保费">
+              <el-input v-model="formDataList.syNoTaxPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="跟单费金额">
+              <el-input v-model="formDataList.otherFeevalue" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="跟单费比例">
+              <el-input v-model="formDataList.otherFeerate" class="inputType"></el-input>
+            </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>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="商业跟单比例">
+              <el-input v-model="formDataList.syOtherCostsProportion" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="交强跟单金额">
+              <el-input v-model="formDataList.jqOtherCostsPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="商业跟单金额">
+              <el-input v-model="formDataList.syOtherCostsPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+      </el-row> 
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+    <el-button size="small" @click="dialogUploadVisible = false">取消</el-button>
+    <el-button   size="small" type="primary" @click="onSubmit">保存</el-button>
+  </span>
+</el-dialog>
   </div>
 </template>
 <script>
@@ -40,8 +104,11 @@ export default {
     return {
       year: '',
       searchData: {},
+      formDataList:{},
       formDataId:'',
+      rowData:{},
       dialogVisible:false,
+      dialogUploadVisible:false,
       formList: [
                 {
                     label: "保险公司",
@@ -203,7 +270,15 @@ export default {
           },
         
         ],
+       
         loading: true,
+        optBtns:[
+          {
+            type:'primary',
+            label:'编辑',
+            click:(row, index) => {return this.haldUpload(row)},
+        },
+      ]
       }
     };
   },
@@ -276,13 +351,45 @@ export default {
       this.findPage();
     },
     haldDetail(row){
-      this.formDataId=row.id
+      this.rowData=row
       this.dialogVisible=true
       this.findPageDetail(row)
     },
+    haldUpload(row){
+      this.formDataId=row.id
+      this.dialogUploadVisible=true
+      this.findPageUpload(row.id)
+    },
+    findPageUpload(id){
+      this.$api.task.plyFeeId(id)
+          .then(res => {
+            if (res.code==200) {
+              this.formDataList=res.data
+              }
+            else{
+              this.$message.error(res.msg)
+            }
+          });
+    },
     handleClose(){
       this.dialogVisible=false
     },  
+    onSubmit(){
+      this.$api.task.plyFeeUpdate({...this.formDataList,id:this.formDataId})
+          .then(res => {
+            if (res.code==200) {
+              this.$message({
+                    message:  res.msg || '保存成功',
+                    type: 'success'
+                })
+                this.findPageDetail(this.rowData)
+               this.dialogUploadVisible=false
+            }
+            else{
+              this.$message.error(res.msg)
+            }
+          });
+    },
     handExport(){
       if( this.$refs.templateTable.searchDataClone){
         let signDateStart=''

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

@@ -55,6 +55,7 @@
               <el-input v-model="formDataList.allFeeValue" class="inputType"></el-input>
             </el-form-item>
         </el-col>
+        
       </el-row> 
     </el-form>
     <span slot="footer" class="dialog-footer">
@@ -316,7 +317,8 @@ export default {
         agreementType: '2',
         isNotCar: '0',
         isOther:'0',
-        handlingFeesStatus:'0'
+        handlingFeesStatus:'0',
+        isNotDocumentary:'0'
       },
       formData:{},
       rules: {
@@ -338,8 +340,18 @@ export default {
   methods: {
     // 查询
     handleSearchList(data) {
+      let signDateStart=''
+      let signDateEnd=''
+      if(data && data.signDate && data.signDate.length>0){
+        signDateStart=data.signDate[0]
+        signDateEnd=data.signDate[1]
+      }
+      else{
+        signDateStart=''
+        signDateEnd=''
+      }
       this.$api.task
-          .totalAmount({agreementType:2,isNotDocumentary:'0',isNotCar:'0',...data})
+          .bxTotalAmount({...this.pageData,...data,signDateStart,signDateEnd})
           .then(res => {
             if (res.code==200) {
                 this.moneyList=res.data

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

@@ -58,12 +58,12 @@ export default {
                         type: "text"
                     },
                     {
-                        prop: "commissionFeevalue",
+                        prop: "invoicCommissionFeevalue",
                         label: "开票手续费",
                         type: "text"
                     },
                     {
-                        prop: "invoicAmount",
+                        prop: "readyCommissionFeevalue",
                         label: "结算手续费",
                         type: "text"
                     },
@@ -85,7 +85,8 @@ export default {
                 pageSize: 20,
                 agreementType: '2',
                 isNotCar: '0',
-                isNotDocumentary : '1',
+                isNotDocumentary : '0',
+                handlingFeesStatus:'0'
             },
             formData: {},
             

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

@@ -85,6 +85,7 @@ export default {
                 agreementType: '2',
                 isNotCar: '0',
                 isNotDocumentary : '0',
+                handlingFeesStatus:'0'
             },
             formData: {},
             

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

@@ -7,6 +7,82 @@
           <yearMonthYay ref="yearMonthYay" @getYearData="getYearData"  @getMonthData="getMonthData"  @getDayData="getDayData"></yearMonthYay>
       </template>
     </templateTable>
+    <el-dialog
+      title="详情"
+      :visible.sync="dialogVisible"
+      width="80%"
+      :before-close="handleClose">
+      <templateTable ref="templateTable"   :tableConfig="tableConfigDetail" :data="formTableData"
+      @findPage="findPageDetail" >
+    </templateTable>
+      <span slot="footer" class="dialog-footer">
+      <el-button  size="small" @click="dialogVisible = false">取消</el-button>
+    </span>
+  </el-dialog>
+  <el-dialog
+    title="编辑"
+    :visible.sync="dialogUploadVisible"
+    width="55%"
+    :before-close="handleClose">
+    <el-form ref="form" :model="formDataList" label-width="130px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="交强保费">
+              <el-input v-model="formDataList.jqPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="商业保费">
+              <el-input v-model="formDataList.syPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="交强不含税保费">
+              <el-input v-model="formDataList.jqNoTaxPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="商业不含税保费">
+              <el-input v-model="formDataList.syNoTaxPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="跟单费金额">
+              <el-input v-model="formDataList.otherFeevalue" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="跟单费比例">
+              <el-input v-model="formDataList.otherFeerate" class="inputType"></el-input>
+            </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>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="商业跟单比例">
+              <el-input v-model="formDataList.syOtherCostsProportion" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="交强跟单金额">
+              <el-input v-model="formDataList.jqOtherCostsPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="商业跟单金额">
+              <el-input v-model="formDataList.syOtherCostsPremium" class="inputType"></el-input>
+            </el-form-item>
+        </el-col>
+      </el-row> 
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+    <el-button size="small" @click="dialogUploadVisible = false">取消</el-button>
+    <el-button   size="small" type="primary" @click="onSubmit">保存</el-button>
+  </span>
+</el-dialog>
   </div>
 </template>
 <script>
@@ -28,6 +104,12 @@ export default {
     return {
       year: '',
       searchData: {},
+      formDataList:{},
+      rowData:{},
+      formDataId:'',
+      dialogVisible:false,
+      dialogUploadVisible:false,
+      formTableData:[],
       formList: [
                 {
                     label: "保险公司",
@@ -86,6 +168,13 @@ export default {
         loading: true,
         isPaginationShow: true,
         isShowIndex: true,
+        optBtns:[
+          {
+            type:'primary',
+            label:'详情',
+            click:(row, index) => {return this.haldDetail(row)},
+        },
+        ]
       },
       btnGroup:[
       {
@@ -102,6 +191,93 @@ export default {
         isNotCar: '1',
         isNotDocumentary: '1'
       },
+      tableConfigDetail:{
+        columns: [
+          {
+            prop: "orderno",
+            label: "订单号(子订单)",
+            type: "text"
+          },
+          {
+            prop: "companyName",
+            label: "保险公司名称",
+            type: "text"
+          },
+          {
+            prop: "partnerCompaniesName",
+            label: "合作公司名称",
+            type: "text"
+          },
+          {
+            prop: "policyno",
+            label: "交强保单号",
+            type: "text"
+          },
+          {
+            prop: "syPolicyno",
+            label: "商业保单号",
+            type: "text"
+          },
+          {
+            prop: "jqPremium",
+            label: "交强保费",
+            type: "text"
+          },
+          {
+            prop: "syPremium",
+            label: "商业保费",
+            type: "text"
+          },
+          {
+            prop: "jqNoTaxPremium",
+            label: "交强不含税保费",
+            type: "text"
+          },
+          {
+            prop: "syNoTaxPremium",
+            label: "商业不含税保费",
+            type: "text"
+          },
+          {
+            prop: "otherFeevalue",
+            label: "跟单费金额",
+            type: "text"
+          },
+          {
+            prop: "otherFeerate",
+            label: "跟单费比例",
+            type: "text"
+          },
+          {
+            prop: "jqOtherCostsProportion",
+            label: "交强跟单比例",
+            type: "text"
+          },
+          {
+            prop: "syOtherCostsProportion",
+            label: "商业跟单比例",
+            type: "text"
+          },
+          {
+            prop: "jqOtherCostsPremium",
+            label: "交强跟单金额",
+            type: "text"
+          },
+          {
+            prop: "syOtherCostsPremium",
+            label: "商业跟单金额",
+            type: "text"
+          },
+        ],
+        loading: true,
+        optBtns:[
+          {
+            type:'primary',
+            label:'编辑',
+            click:(row, index) => {return this.haldUpload(row)},
+        },
+      ]
+      }
     };
   },
   created() {
@@ -175,7 +351,61 @@ export default {
       this.pageData.pageNum = val;
       this.findPage();
     },
-   
+    haldDetail(row){
+      this.rowData=row
+      this.dialogVisible=true
+      this.findPageDetail(row)
+    },
+    findPageDetail(data) {
+      this.tableConfigDetail.loading=true
+      this.$api.task
+        .plyFeeNonSettldetail(data)
+        .then(res => {
+          if (res.code==200) {
+            this.formTableData = res.data;
+            this.tableConfigDetail.loading = false;
+          }
+          else{
+            this.tableConfigDetail.loading = false;
+            this.$message.error(res.msg)
+          }
+        });
+    },
+    haldUpload(row){
+      this.formDataId=row.id
+      this.dialogUploadVisible=true
+      this.findPageUpload(row.id)
+    },
+    findPageUpload(id){
+      this.$api.task.plyFeeId(id)
+          .then(res => {
+            if (res.code==200) {
+              this.formDataList=res.data
+              }
+            else{
+              this.$message.error(res.msg)
+            }
+          });
+    },
+    handleClose(){
+      this.dialogVisible=false
+    },  
+    onSubmit(){
+      this.$api.task.plyFeeUpdate({...this.formDataList,id:this.formDataId})
+          .then(res => {
+            if (res.code==200) {
+              this.$message({
+                    message:  res.msg || '保存成功',
+                    type: 'success'
+                })
+                this.haldDetail(this.rowData)
+               this.dialogUploadVisible=false
+            }
+            else{
+              this.$message.error(res.msg)
+            }
+          });
+    },
   }
 };
 </script>

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

@@ -268,7 +268,9 @@ export default {
         agreementType: '2',
         isNotCar: '1',
         isOther:'0',
-        handlingFeesStatus:'0'
+        handlingFeesStatus:'0',
+        isNotDocumentary:'0'
+        
       },
       formData:{},
       rules: {
@@ -290,8 +292,18 @@ export default {
   methods: {
     // 查询
     handleSearchList(data) {
+      let signDateStart=''
+      let signDateEnd=''
+      if(data && data.signDate && data.signDate.length>0){
+        signDateStart=data.signDate[0]
+        signDateEnd=data.signDate[1]
+      }
+      else{
+        signDateStart=''
+        signDateEnd=''
+      }
       this.$api.task
-          .totalAmount({agreementType:2,isNotDocumentary:'0',isNotCar:'1',...data})
+          .bxTotalAmount({...this.pageData,...data,signDateStart,signDateEnd})
           .then(res => {
             if (res.code==200) {
                 this.moneyList=res.data

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

@@ -58,12 +58,12 @@ export default {
                         type: "text"
                     },
                     {
-                        prop: "commissionFeevalue",
+                        prop: "invoicCommissionFeevalue",
                         label: "开票手续费",
                         type: "text"
                     },
                     {
-                        prop: "invoicAmount",
+                        prop: "readyCommissionFeevalue",
                         label: "结算手续费",
                         type: "text"
                     },
@@ -86,6 +86,7 @@ export default {
                 agreementType: '2',
                 isNotCar: '1',
                 isNotDocumentary : '0',
+                handlingFeesStatus:'0'
             },
             formData: {},
             

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

@@ -85,6 +85,7 @@ export default {
                 agreementType: '2',
                 isNotCar: '1',
                 isNotDocumentary : '0',
+                handlingFeesStatus:'0'
             },
             formData: {},
             

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

@@ -568,10 +568,21 @@ export default {
     // 查询
     handleSearchList(data) {
       // if( this.formData.year ||  this.formData.month ||  this.formData.date){
+        let signDateStart=''
+        let signDateEnd=''
+        if(data && data.signDate && data.signDate.length>0){
+          signDateStart=data.signDate[0]
+          signDateEnd=data.signDate[1]
+        }
+        else{
+          signDateStart=''
+          signDateEnd=''
+        }
         this.$api.task
-          .totalAmount({...this.formData,agreeType:1,...data})
+          .totalAmount({...this.formData,...this.pageData,...data,signDateStart,signDateEnd})
           .then(res => {
             if (res.code==200) {
+              console.log(res.data,222222);
                 this.moneyList=res.data
             }
             else{

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

@@ -89,7 +89,7 @@ export default {
       pageData:{
         pageNum: 1,
         pageSize: 20,
-        agreeType:1,
+        agreementType:1,
         handlingFeesStatus:1
       },
     };

src/views/PeopleManage/Player/RegionPerformanceManage.vue

@@ -156,30 +156,10 @@
             :total="pageRequest.totalSize"
             style="float: left; margin-left: 20px"
           ></el-pagination>
-        <!-- <kt-common-table
-          v-if="flag"
-          v-loading="loading"
-          element-loading-text="拼命加载中..."
-          element-loading-spinner="el-icon-loading"
-          :operationWidth="operationWidth"
-          class="ktTable"
-          ref="dataTable"
-          :data="pageRequest"
-          :columns="columns"
-          :showBatchDelete="false"
-          :showOperation="showOperation"
-          button2Name="详情"
-          @findPage="findPage"
-          :isshowpagination="true"
-          @handleButton2="handleDetail"
-          button3Name="人员详情"
-          @handleButton3="handlePersonnelDetail"
-        >
-        </kt-common-table> -->
       </SplitArea>
     </Split>
-
-    <el-dialog
+<RegionTable ref="regionTable" @handledetailClick="handledetailClick" > </RegionTable>
+    <!-- <el-dialog
       class="dialog detailtTable"
       :title="title"
       :close-on-click-modal="false"
@@ -197,7 +177,6 @@
           row-key
           border
           default-expand-all
-          
           :header-cell-style="{
             background: '#F2F7FC',
             fontWeight: '900',
@@ -207,6 +186,7 @@
           <el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
           <el-table-column v-if="isPersonnel" prop="userName" label="人员姓名" align="center" ></el-table-column>
           <el-table-column
+              v-else
               prop="insCompany"
               label="保险名称"
               align="center"
@@ -260,6 +240,12 @@
             align="center"
             :label="item.label"
           ></el-table-column>
+          <el-table-column
+            label="操作">
+            <template slot-scope="scope">
+              <el-button @click="handleClick(scope.row)" type="text" size="small">详情</el-button>
+            </template>
+          </el-table-column>
         </el-table>
       </div>
       <div slot="footer" class="dialog-footer">
@@ -277,15 +263,16 @@
         </div>
         <el-button @click="resetForm" size="small">取 消</el-button>
       </div>
-    </el-dialog>
+    </el-dialog> -->
   </div>
 </template>
         <script>
   import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
   import KtButton from "@/views/Core/KtButton"; // 按钮权限组件
+  import RegionTable from "../RegionTable.vue"; // 按钮权限组件
   export default {
     name: "InvoiceInformation",
-    components: { KtCommonTable, KtButton },
+    components: { KtCommonTable, KtButton ,RegionTable},
     data() {
       return {
         isPersonnel:false,
@@ -472,23 +459,42 @@
     //查看详情
     handleDetail(index) {
       this.detailParams.areaCode = index.areaCode;
-      this.detailDialog = true;
-      this.quMarks='1'
-      this.getDetailData()
-      this.isPersonnel=false
+      this.$refs.regionTable.detaiList={
+        userId:this.userId,
+        createTimeStart:this.formData.createTimeStart,
+        createTimeEnd:this.formData.createTimeEnd,
+        quMarks:'1'
+      }
+      this.$refs.regionTable.open()
+      this.$refs.regionTable.getDetailData()
+      // this.detailDialog = true;
+      // this.quMarks='1'
+      // this.getDetailData()
+      // this.isPersonnel=false
     },
     handlePersonnelDetail(index) {
-      this.quMarks='2'
+      // this.quMarks='2'
       this.detailParams.areaCode = index.areaCode;
-      this.detailDialog = true;
-      this.getDetailData()
-      this.isPersonnel=true
+      this.$refs.regionTable.detaiList={
+        userId:this.userId,
+        createTimeStart:this.formData.createTimeStart,
+        createTimeEnd:this.formData.createTimeEnd,
+        quMarks:'2'
+      }
+      this.$refs.regionTable.open()
+      this.$refs.regionTable.getDetailData()
+      // this.detailDialog = true;
+      // this.getDetailData()
+      // this.isPersonnel=true
+    },
+    handledetailClick(row){
+      console.log(111111);
     },
-    getDetailData(){
+    getDetailData(data){
       this.loading = true;
       this.$api.user.quUserNumDetail({...this.detailParams,userId:this.userId,createTimeStart:this.formData.createTimeStart,createTimeEnd:this.formData.createTimeEnd,quMarks:this.quMarks }).then((res) => {
         if (res.code == 200) {
-          this.detailData = res.data.records;
+          this.tableData = res.data.records;
           this.detailParams.pageNum = res.data.current;
           this.detailParams.pageSize = res.data.size;
           this.detailParams.totalPages = res.data.pages;

src/views/PeopleManage/RegionTable.vue

@@ -0,0 +1,145 @@
+<template>
+    <div>
+        <el-dialog ref="dialog" title="详情" :close-on-click-modal="false" :before-close="resetForm"
+            :visible.sync="dialogVisible" width="70%">
+            <el-table v-loading="loading" element-loading-text="拼命加载中..." element-loading-spinner="el-icon-loading"
+                :data="tableData" :stripe="true" row-key border default-expand-all :header-cell-style="{
+                    background: '#F2F7FC',
+                    fontWeight: '900',
+                    color: '#606266',
+                }">
+                <el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
+                <el-table-column v-if="detaiList.quMarks == '1'" prop="insCompany" label="保险名称" align="center"></el-table-column>
+                <el-table-column v-if="detaiList.quMarks == '2'" prop="userName" label="人员姓名" align="center"></el-table-column>
+                <el-table-column label="主订单" align="center">
+                    <el-table-column prop="mainWaitAuditSum" label="待核保" align="center">
+                    </el-table-column>
+                    <el-table-column prop="mainWaitPaySum" label="已核保待缴费" align="center">
+                    </el-table-column>
+                    <el-table-column prop="mainAcceptInsuranceSum" label="已承保" align="center">
+                    </el-table-column>
+                </el-table-column>
+                <el-table-column label="子订单" align="center">
+                    <el-table-column prop="subWaitAuditSum" label="待核保" align="center">
+                    </el-table-column>
+                    <el-table-column prop="subWaitPaySum" label="已核保待缴费" align="center">
+                    </el-table-column>
+                    <el-table-column prop="subAcceptInsuranceSum" label="已承保" align="center">
+                    </el-table-column>
+                </el-table-column>
+                <el-table-column v-for="(item, index) in columns" :key="index" :prop="item.prop" align="center"
+                    :label="item.label"></el-table-column>
+                <el-table-column label="操作" v-if="detaiList.quMarks == '2'">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" type="text" size="small">详情</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper"
+                @current-change="refreshformData" :current-page="detailParams.pageNum" :page-size="detailParams.pageSize"
+                :page-sizes="[10, 20, 50, 100, 200, 300, 400, 500]" :total="detailParams.totalSize"
+                style="float: left; margin-left: 20px"></el-pagination>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="dialogVisible = false" size="small">取 消</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            dialogVisible: false,
+            detailParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            tableData: [],
+            loading: false,
+            columns: [
+                {
+                    prop: "quoteNum",
+                    label: "报价次数",
+                    type: "text",
+                },
+                {
+                    prop: "submitNum",
+                    label: "提交核保次数",
+                    type: "text",
+                },
+                {
+                    prop: "hasInsuredNum",
+                    label: "已承保数量",
+                    type: "text",
+                },
+                {
+                    prop: "syPremiumSum",
+                    label: "商业保费",
+                    type: "text",
+                },
+                { prop: "taxaMountSum", label: "车船税", type: "text" },
+                {
+                    prop: "jqPremiumSum",
+                    label: "交强险费用",
+                    type: "text",
+                },
+                {
+                    prop: "totalSumpremium",
+                    label: "总承保保费总数",
+                    type: "text",
+                },
+            ],
+            detaiList:{}
+
+        }
+    },
+    props: {
+        isType: {
+            type: String,
+            default: ''
+        },
+    },
+    created() {
+        // this.getDetailData()
+    },
+    methods: {
+        open() {
+            this.dialogVisible = true
+        },
+        resetForm() {
+            this.dialogVisible = true
+        },
+        // 每页条数发生改变
+        handleSizeChange(pageSize) {
+            this.detailParams.pageSize = pageSize;
+            // this.$emit('findPage',this.detailParams)
+            this.getDetailData()
+
+        },
+        refreshformData: function (pageNum) {
+            this.detailParams.pageNum = pageNum;
+            this.getDetailData()
+            // this.$emit('findPage',this.detailParams)
+        },
+        handleClick(row) {
+            this.$emit('handledetailClick',row)
+        },
+        getDetailData() {
+            this.loading = true;
+            this.$api.user.quUserNumDetail({ ...this.detailParams,...this.detaiList }).then((res) => {
+                if (res.code == 200) {
+                    this.tableData = res.data.records;
+                    this.detailParams.pageNum = res.data.current;
+                    this.detailParams.pageSize = res.data.size;
+                    this.detailParams.totalPages = res.data.pages;
+                    this.detailParams.totalSize = res.data.total;
+                    this.loading = false;
+                } else {
+                    this.$message.error(res.msg);
+                    this.loading = false;
+                }
+            });
+        },
+    }
+}
+</script>