|
@@ -0,0 +1,454 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+ <!--布局容器-->
|
|
|
|
|
+ <div class="container" style="width: 99%; margin-top: 0px">
|
|
|
|
|
+ <!-- 顶部查询 -->
|
|
|
|
|
+ <el-row class="top">
|
|
|
|
|
+ <el-form
|
|
|
|
|
+ v-model="formData"
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ label-width="95px"
|
|
|
|
|
+ :inline="true"
|
|
|
|
|
+ class="form"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-form-item label="省市区" prop="areaCode">
|
|
|
|
|
+ <el-select clearable v-model="formData.areaCode" placeholder="请选择" @change="provinceFun">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in provinceOptions"
|
|
|
|
|
+ :key="item.areaCode"
|
|
|
|
|
+ :label="item.areaCname"
|
|
|
|
|
+ :value="item.areaCode">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ <el-select v-model="formData.cityCode" placeholder="请选择" clearable>
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="item in cityOptions"
|
|
|
|
|
+ :key="item.areaCode"
|
|
|
|
|
+ :label="item.areaCname"
|
|
|
|
|
+ :value="item.areaCode">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ <!-- <el-cascader
|
|
|
|
|
+ v-model="formData.areaCode"
|
|
|
|
|
+ :options="areaOptions"
|
|
|
|
|
+ :props="{label:'areaCname', value:'areaCode',children:'child',checkStrictly: true }"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ ref="area"
|
|
|
|
|
+ ></el-cascader> -->
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="日期区间" label-width="95px" prop="applyTime">
|
|
|
|
|
+ <el-date-picker
|
|
|
|
|
+ v-model="formData.date"
|
|
|
|
|
+ type="daterange"
|
|
|
|
|
+ range-separator="至"
|
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
|
|
+ start-placeholder="开始日期"
|
|
|
|
|
+ end-placeholder="结束日期"
|
|
|
|
|
+ @change="dateChange"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ ></el-date-picker>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item>
|
|
|
|
|
+ <el-button type="primary" size="small" @click="queryStaffInfo">查询</el-button>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <!-- 表格 -->
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ v-loading="loading"
|
|
|
|
|
+ element-loading-text="拼命加载中..."
|
|
|
|
|
+ element-loading-spinner="el-icon-loading"
|
|
|
|
|
+ :data="pageRequest.content"
|
|
|
|
|
+ :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" ></el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="areaName"
|
|
|
|
|
+ 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 pageColumns"
|
|
|
|
|
+ :key="index"
|
|
|
|
|
+ :min-width="item.minWidth"
|
|
|
|
|
+ :prop="item.prop"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ ></el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ width="130"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ label="操作">
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <el-button @click="handleDetail(scope.row)" type="text" size="small">详情</el-button>
|
|
|
|
|
+ <el-button @click="handlePersonnelDetail(scope.row)" type="text" size="small">人员详情</el-button>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ </el-table>
|
|
|
|
|
+ <el-pagination
|
|
|
|
|
+ @size-change="handleSizeList"
|
|
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
+ @current-change="refreshListData"
|
|
|
|
|
+ :current-page="pageRequest.pageNum"
|
|
|
|
|
+ :page-size="pageRequest.pageSize"
|
|
|
|
|
+ :page-sizes="[10,20, 50, 100, 200, 300, 400, 500]"
|
|
|
|
|
+ :total="pageRequest.totalSize"
|
|
|
|
|
+ style="float: left; margin-left: 20px"
|
|
|
|
|
+ ></el-pagination>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ class="dialog detailtTable"
|
|
|
|
|
+ :title="title"
|
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
|
+ :before-close="resetForm"
|
|
|
|
|
+ :visible.sync="detailDialog"
|
|
|
|
|
+ width="70%"
|
|
|
|
|
+ >
|
|
|
|
|
+ <div class="dialog-body">
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ v-loading="loading"
|
|
|
|
|
+ element-loading-text="拼命加载中..."
|
|
|
|
|
+ element-loading-spinner="el-icon-loading"
|
|
|
|
|
+ :data="detailData"
|
|
|
|
|
+ :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="isPersonnel" prop="userName" label="人员姓名" align="center" ></el-table-column>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="insCompany"
|
|
|
|
|
+ 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 detailColumns"
|
|
|
|
|
+ :key="index"
|
|
|
|
|
+ :min-width="item.minWidth"
|
|
|
|
|
+ :prop="item.prop"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ :label="item.label"
|
|
|
|
|
+ ></el-table-column>
|
|
|
|
|
+ </el-table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
|
|
+ <div class="bottomFixed" style="padding-bottom: 50px;" ref="bottomFixed">
|
|
|
|
|
+ <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>
|
|
|
|
|
+ <el-button @click="resetForm" size="small">取 消</el-button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-dialog>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</template>
|
|
|
|
|
+ <script>
|
|
|
|
|
+ import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
|
|
|
|
|
+ import KtButton from "@/views/Core/KtButton"; // 按钮权限组件
|
|
|
|
|
+ export default {
|
|
|
|
|
+ name: "InvoiceInformation",
|
|
|
|
|
+ components: { KtCommonTable, KtButton },
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ isPersonnel:false,
|
|
|
|
|
+ provinceOptions:[],
|
|
|
|
|
+ cityOptions:[],
|
|
|
|
|
+ currentTreeNode: null,
|
|
|
|
|
+ title: "详情",
|
|
|
|
|
+ loading: true,
|
|
|
|
|
+ detailDialog: false,
|
|
|
|
|
+ showOperation:true,
|
|
|
|
|
+ operationWidth: 160, //操作列宽度
|
|
|
|
|
+ queryFrom: {
|
|
|
|
|
+ //查询条件
|
|
|
|
|
+ },
|
|
|
|
|
+ pageRequest: {
|
|
|
|
|
+ content:[],
|
|
|
|
|
+ pageNum: 1,
|
|
|
|
|
+ pageSize: 10,
|
|
|
|
|
+ }, //表格参数
|
|
|
|
|
+ formData: {
|
|
|
|
|
+ date: [], //日期区间数组
|
|
|
|
|
+ areaCode:'140000',
|
|
|
|
|
+ level:'1',
|
|
|
|
|
+ createTimeStart: "", //日期开始时间
|
|
|
|
|
+ createTimeEnd: "", //日期结束时间
|
|
|
|
|
+ },
|
|
|
|
|
+ detailParams: {
|
|
|
|
|
+ pageNum: 1,
|
|
|
|
|
+ pageSize: 10,
|
|
|
|
|
+ },
|
|
|
|
|
+ pageColumns: [
|
|
|
|
|
+ { prop: "quoteNum", label: "报价次数", type: "text" },
|
|
|
|
|
+ { prop: "submitNum", label: "提交核保次数", type: "text" },
|
|
|
|
|
+ { prop: "hasInsuredNum", label: "已承保数量", type: "text" },
|
|
|
|
|
+ { prop: "taxaMountSum", label: "车船税", type: "text" },
|
|
|
|
|
+ { prop: "jqPremiumSum", label: "交强险费用", type: "text" },
|
|
|
|
|
+ { prop: "syPremiumSum", label: "商业保费", type: "text" },
|
|
|
|
|
+ {
|
|
|
|
|
+ prop: "totalSumpremium",
|
|
|
|
|
+ label: "总承保保费总数",
|
|
|
|
|
+ type: "text",
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ detailData:[],
|
|
|
|
|
+ detailColumns: [
|
|
|
|
|
+ {
|
|
|
|
|
+ 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",
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
|
|
+ quMarks:''
|
|
|
|
|
+ };
|
|
|
|
|
+ },
|
|
|
|
|
+ created() {
|
|
|
|
|
+ this.findPage(); //
|
|
|
|
|
+ this.$api.dept.queryTree().then((res) => {
|
|
|
|
|
+ if(res.code==200){
|
|
|
|
|
+ this.formData.areaCode='140000'
|
|
|
|
|
+ this.provinceOptions=res.data
|
|
|
|
|
+ this.cityOptions=res.data.filter(e=>e.areaCode=='140000')[0].child
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ provinceFun(val){
|
|
|
|
|
+ this.cityOptions=[]
|
|
|
|
|
+ this.cityOptions=this.provinceOptions.filter(e=>e.areaCode==val)[0].child
|
|
|
|
|
+ },
|
|
|
|
|
+ //选择时间区间
|
|
|
|
|
+ dateChange(e) {
|
|
|
|
|
+ if (e == null) {
|
|
|
|
|
+ this.formData.createTimeStart = "";
|
|
|
|
|
+ this.formData.createTimeEnd = "";
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.formData.createTimeStart = e[0];
|
|
|
|
|
+ this.formData.createTimeEnd = e[1];
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ // 换页刷新
|
|
|
|
|
+ refreshformData: function (pageNum) {
|
|
|
|
|
+ this.detailParams.pageNum = pageNum;
|
|
|
|
|
+ this.getDetailData()
|
|
|
|
|
+ },
|
|
|
|
|
+ // 每页条数发生改变
|
|
|
|
|
+ handleSizeChange(pageSize) {
|
|
|
|
|
+ this.detailParams.pageSize = pageSize;
|
|
|
|
|
+ this.getDetailData()
|
|
|
|
|
+ },
|
|
|
|
|
+ // 列表换页刷新
|
|
|
|
|
+ refreshListData: function (pageNum) {
|
|
|
|
|
+ this.pageRequest.pageNum = pageNum;
|
|
|
|
|
+ this.findPage()
|
|
|
|
|
+ },
|
|
|
|
|
+ // 每页条数发生改变
|
|
|
|
|
+ handleSizeList(pageSize) {
|
|
|
|
|
+ this.pageRequest.pageSize = pageSize;
|
|
|
|
|
+ this.findPage()
|
|
|
|
|
+ },
|
|
|
|
|
+ //取消隐藏弹框
|
|
|
|
|
+ resetForm() {
|
|
|
|
|
+ this.detailDialog = false;
|
|
|
|
|
+ this.detailParams.pageNum = 1;
|
|
|
|
|
+ this.detailParams.pageSize = 10;
|
|
|
|
|
+ },
|
|
|
|
|
+ //查看详情
|
|
|
|
|
+ handleDetail(index) {
|
|
|
|
|
+ this.quMarks='1'
|
|
|
|
|
+ this.detailParams.areaCode = index.areaCode;
|
|
|
|
|
+ this.detailDialog = true;
|
|
|
|
|
+ this.getDetailData()
|
|
|
|
|
+ this.isPersonnel=false
|
|
|
|
|
+ },
|
|
|
|
|
+ handlePersonnelDetail(index) {
|
|
|
|
|
+ this.quMarks='2'
|
|
|
|
|
+ this.detailParams.areaCode = index.areaCode;
|
|
|
|
|
+ this.detailDialog = true;
|
|
|
|
|
+ this.getDetailData()
|
|
|
|
|
+ this.isPersonnel=true
|
|
|
|
|
+ },
|
|
|
|
|
+ getDetailData(){
|
|
|
|
|
+ this.loading = true;
|
|
|
|
|
+ this.$api.user.quAgentAreaAdminDetail({...this.detailParams,createTimeStart:this.formData.createTimeStart,createTimeEnd:this.formData.createTimeEnd,quMarks:this.quMarks }).then((res) => {
|
|
|
|
|
+ if (res.code == 200) {
|
|
|
|
|
+ this.detailData = 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;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ //获取页面数据
|
|
|
|
|
+ async findPage(data) {
|
|
|
|
|
+ let areaCode=''
|
|
|
|
|
+ this.formData.level=''
|
|
|
|
|
+ if(this.formData.cityCode){
|
|
|
|
|
+ areaCode=this.formData.cityCode
|
|
|
|
|
+ this.formData.level='2'
|
|
|
|
|
+ }
|
|
|
|
|
+ else{
|
|
|
|
|
+ areaCode=this.formData.areaCode
|
|
|
|
|
+ this.formData.level='1'
|
|
|
|
|
+ }
|
|
|
|
|
+ this.loading = true;
|
|
|
|
|
+ let res=await this.$api.user.quAgentAreaAdmin({...this.formData,areaCode,pageNum:this.pageRequest.pageNum, pageSize:this.pageRequest.pageSize})
|
|
|
|
|
+ if (res.code == 200) {
|
|
|
|
|
+ this.pageRequest = {
|
|
|
|
|
+ content: res.data.records,
|
|
|
|
|
+ pageNum: res.data.current,
|
|
|
|
|
+ pageSize: res.data.size,
|
|
|
|
|
+ totalSize: res.data.total,
|
|
|
|
|
+ };
|
|
|
|
|
+ this.loading = false;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$message.error(res.msg);
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ // 查询
|
|
|
|
|
+ queryStaffInfo() {
|
|
|
|
|
+ this.pageRequest.pageNum = 1;
|
|
|
|
|
+ this.findPage();
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ };
|
|
|
|
|
+ </script>
|
|
|
|
|
+
|
|
|
|
|
+ <style scoped>
|
|
|
|
|
+</style>
|
|
|
|
|
+
|