新增区域业绩管理菜单页面

config/dev.env.js

@@ -13,7 +13,8 @@ module.exports = merge(prodEnv, {
   // BASE_URL: '"http:///192.168.0.253:8080/"',//田智
   // BASE_URL: '"http:///192.168.0.42:8080/"',//武鸿鹏
   // BASE_URL: '"http://192.168.1.101:8080/"',
-  BASE_URL: '"http:///192.168.0.22:8080/"',//郝宇
+  // BASE_URL: '"http:///192.168.0.22:8080/"',//郝宇
+  BASE_URL: '"http:///192.168.0.103:8080/"',//
 })
 
 

src/http/moudules/user.js

@@ -389,3 +389,5 @@ export const quUserNumList = (data) => {
   })
 }
 
+
+

src/views/PeopleManage/Player/RegionPerformanceManage.vue

@@ -24,9 +24,13 @@
           :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="成员名称" prop="userName">
+          <el-input v-model="pageRequest.userName"></el-input>
+        </el-form-item>
+        <el-form-item label="省市区" prop="areaCode">
+          <el-cascader v-model="pageRequest.areaCode" :options="areaOptions"  :props="{label:'areaCname', value:'areaCode',children:'child',checkStrictly: true }"
+          clearable :show-all-levels="false"></el-cascader>
+        </el-form-item>
           <el-form-item label="日期区间" label-width="95px" prop="applyTime">
             <el-date-picker
               v-model="pageRequest.date"
@@ -59,11 +63,69 @@
         :columns="columns"
         :showBatchDelete="false"
         :showOperation="showOperation"
-        @findPage="findPage"
-        :isshowpagination="true"
+        editButtonName="详情"
+      @findPage="findPage"
+      :isshowpagination="true"
+      @handleEdit="handleDetail"
       ></kt-common-table>
     </SplitArea>
   </Split>
+  
+  <el-dialog
+      class="dialog detailtTable"
+      :title="title"
+      :close-on-click-modal="false"
+      :before-close="resetForm"
+      :visible.sync="detailDialog"
+      width="60%"
+    >
+      <div class="dialog-body">
+        <el-table
+          v-loading="loading"
+          element-loading-text="拼命加载中..."
+          element-loading-spinner="el-icon-loading"
+          :data="detailData"
+          :stripe="true"
+          style="
+            width: 100%;
+          "
+          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-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="refreshPageRequest"
+            :page-sizes="[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>
@@ -95,8 +157,10 @@
         userId: '000000',
         ztreeNodes: [],
         currentTreeNode: null,
+        title: "详情",
         loading: true,
-        showOperation:false,
+        detailDialog: false,
+        showOperation:true,
         operationWidth: 100, //操作列宽度
         queryFrom: {
           //查询条件
@@ -110,6 +174,10 @@
           createTimeStart: "", //日期开始时间
           createTimeEnd: "", //日期结束时间
         },
+        detailParams: {
+          pageNo: 1,
+          pageSize: 20,
+        },
         columns: [
           { prop: "userName", label: "成员名称", type: "text" },
           { prop: "quoteNum", label: "报价次数", type: "text" },
@@ -124,10 +192,62 @@
             type: "text",
           },
         ],
+        areaOptions:[],
+        detailColumns: [
+        {
+          prop: "insCompany",
+          label: "保险公司",
+          type: "text",
+          minWidth: "100",
+        },
+        {
+          prop: "quoteNum",
+          label: "报价次数",
+          type: "text",
+          minWidth: "100",
+          minWidth: "100",
+        },
+        {
+          prop: "submitNum",
+          label: "提交核保次数",
+          type: "text",
+          minWidth: "100",
+        },
+        {
+          prop: "hasInsuredNum",
+          label: "已承保数量",
+          type: "text",
+          minWidth: "100",
+        },
+        {
+          prop: "syPremiumSum",
+          label: "商业保费",
+          type: "text",
+          minWidth: "100",
+        },
+        { prop: "taxaMountSum", label: "车船税", type: "text" },
+        {
+          prop: "jqPremiumSum",
+          label: "交强险费用",
+          type: "text",
+          minWidth: "100",
+        },
+        {
+          prop: "totalSumpremium",
+          label: "总承保保费总数",
+          type: "text",
+          minWidth: "120",
+        },
+      ],
       };
     },
     created() {
          this.findLeftTreeData(); // 获取机构树的数据
+         this.$api.dept.queryTree().then((res) => {
+            if(res.code==200){
+              this.areaOptions=res.data
+            }
+         })
     },
     methods: {
        /**Split 开始 */
@@ -142,7 +262,6 @@
         let data=await this.$api.user.personnelFindTree() 
         this.ztreeNodes = data.data;
         this.userId=data.data[0].id
-
      },
       onZTreeClick: function (evt, treeId, treeNode) {
         // 点击事件
@@ -162,7 +281,44 @@
           this.pageRequest.createTimeEnd = e[1];
         }
       },
-     
+      // 换页刷新
+    refreshPageRequest: function (pageNum) {
+      this.detailParams.pageNo = pageNum;
+      this.getDetailData();
+    },
+    // 每页条数发生改变
+    handleSizeChange(pageSize) {
+      this.detailParams.pageSize = pageSize;
+      this.getDetailData();
+    },
+    //取消隐藏弹框
+    resetForm() {
+      this.detailDialog = false;
+      this.detailParams.pageNo = 1;
+      this.detailParams.pageSize = 10;
+    },
+    //查看详情
+    handleDetail(index) {
+      this.detailParams.userId = index.row.userId;
+      this.detailDialog = true;
+      this.getDetailData()
+    },
+    getDetailData(){
+      this.loading = true;
+      this.$api.user.quTeamNumDetail(this.detailParams).then((res) => {
+        if (res.code == 200) {
+          this.detailData = res.data.records;
+          this.detailParams.pageNo = 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) {
         this.loading = true;