|
|
@@ -0,0 +1,195 @@
|
|
|
+<template>
|
|
|
+ <!--布局容器-->
|
|
|
+ <div class="container" style="width: 99%; margin-top: 0px">
|
|
|
+ <Split :gutterSize="2" style="height: calc(100vh - 120px)">
|
|
|
+ <SplitArea :size="leftSplitWidth" :minSize="240">
|
|
|
+ <div>
|
|
|
+ <el-tree
|
|
|
+ :data="ztreeNodes"
|
|
|
+ :props="{ children: 'children', label: 'name' }"
|
|
|
+ node-key="id"
|
|
|
+ :default-expanded-keys="['9']"
|
|
|
+ @node-click="onZTreeClick"
|
|
|
+ ></el-tree>
|
|
|
+ </div>
|
|
|
+ </SplitArea>
|
|
|
+ <SplitArea :size="rightSplitWidth">
|
|
|
+
|
|
|
+ <!-- 顶部查询 -->
|
|
|
+ <el-row class="top">
|
|
|
+ <el-form
|
|
|
+ v-model="pageRequest"
|
|
|
+ size="small"
|
|
|
+ label-width="95px"
|
|
|
+ :inline="true"
|
|
|
+ class="form"
|
|
|
+ >
|
|
|
+ <el-form-item label="成员名称" prop="mobile">
|
|
|
+ <el-input v-model="pageRequest.userName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="日期区间" label-width="95px" prop="applyTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="pageRequest.date"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ @change="dateChange"
|
|
|
+ >
|
|
|
+ </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>
|
|
|
+ <!-- 表格 -->
|
|
|
+ <kt-common-table
|
|
|
+ v-loading="loading"
|
|
|
+ element-loading-text="拼命加载中..."
|
|
|
+ element-loading-spinner="el-icon-loading"
|
|
|
+ :operationWidth="operationWidth"
|
|
|
+ class="ktTable"
|
|
|
+ permsEdit="sys:performanceManage:view"
|
|
|
+ ref="dataTable"
|
|
|
+ :data="pageResult"
|
|
|
+ :columns="columns"
|
|
|
+ :showBatchDelete="false"
|
|
|
+ :showOperation="showOperation"
|
|
|
+ @findPage="findPage"
|
|
|
+ :isshowpagination="true"
|
|
|
+ ></kt-common-table>
|
|
|
+ </SplitArea>
|
|
|
+ </Split>
|
|
|
+ </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 {
|
|
|
+ /**Split 开始 */
|
|
|
+ leftSplitWidth: 15,
|
|
|
+ rightSplitWidth: 85,
|
|
|
+ ztreeObj: null,
|
|
|
+ ztreeSetting: {
|
|
|
+ check: {
|
|
|
+ enable: false,
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ simpleData: {
|
|
|
+ enable: true,
|
|
|
+ pIdKey: "parentId",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ view: {
|
|
|
+ showIcon: false,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ userId: '000000',
|
|
|
+ ztreeNodes: [],
|
|
|
+ currentTreeNode: null,
|
|
|
+ loading: true,
|
|
|
+ showOperation:false,
|
|
|
+ operationWidth: 100, //操作列宽度
|
|
|
+ queryFrom: {
|
|
|
+ //查询条件
|
|
|
+ },
|
|
|
+ pageResult: {}, //表格参数
|
|
|
+ pageRequest: {
|
|
|
+ // 列表查询条件
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ date: [], //日期区间数组
|
|
|
+ createTimeStart: "", //日期开始时间
|
|
|
+ createTimeEnd: "", //日期结束时间
|
|
|
+ },
|
|
|
+ columns: [
|
|
|
+ { prop: "userName", label: "成员名称", type: "text" },
|
|
|
+ { 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",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.findLeftTreeData(); // 获取机构树的数据
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ /**Split 开始 */
|
|
|
+ changeTreeWidth(widthVal) {
|
|
|
+ // 初始化树的宽度
|
|
|
+ this.leftSplitWidth = Math.ceil(
|
|
|
+ (widthVal / this.$refs.elMain.$el.clientWidth) * 100
|
|
|
+ );
|
|
|
+ this.rightSplitWidth = 100 - this.leftSplitWidth;
|
|
|
+ },
|
|
|
+ async findLeftTreeData() {
|
|
|
+ let data=await this.$api.user.personnelFindTree()
|
|
|
+ this.ztreeNodes = data.data;
|
|
|
+ this.userId=data.data[0].id
|
|
|
+
|
|
|
+ },
|
|
|
+ onZTreeClick: function (evt, treeId, treeNode) {
|
|
|
+ // 点击事件
|
|
|
+ this.currentTreeNode = evt;
|
|
|
+ this.userId = this.currentTreeNode.id;
|
|
|
+ this.pageRequest.pageNum = 1;
|
|
|
+ this.findPage();
|
|
|
+ },
|
|
|
+ //--left tree start-------
|
|
|
+ //选择时间区间
|
|
|
+ dateChange(e) {
|
|
|
+ if (e == null) {
|
|
|
+ this.pageRequest.createTimeStart = "";
|
|
|
+ this.pageRequest.createTimeEnd = "";
|
|
|
+ } else {
|
|
|
+ this.pageRequest.createTimeStart = e[0];
|
|
|
+ this.pageRequest.createTimeEnd = e[1];
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ //获取页面数据
|
|
|
+ async findPage(data) {
|
|
|
+ this.loading = true;
|
|
|
+ let res=await this.$api.user.quUserNumList({...this.pageRequest,userId: this.userId })
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.pageResult = {
|
|
|
+ content: res.data.records,
|
|
|
+ pageNum: res.data.current,
|
|
|
+ pageSize: res.data.size,
|
|
|
+ totalPages: res.data.pages,
|
|
|
+ totalSize: res.data.total,
|
|
|
+ };
|
|
|
+ this.loading = false;
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 查询
|
|
|
+ queryStaffInfo() {
|
|
|
+ this.pageRequest.pageNo = 1;
|
|
|
+ this.pageRequest.pageSize = 10;
|
|
|
+ this.findPage();
|
|
|
+ },
|
|
|
+ },
|
|
|
+ };
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <style scoped>
|
|
|
+ </style>
|
|
|
+
|
lihongxiao