新增区域业绩管理详情页面

src/views/PeopleManage/Player/RegionPerformanceManage.vue

@@ -17,7 +17,7 @@
         <!-- 顶部查询 -->
         <el-row class="top">
           <el-form
-            v-model="pageRequest"
+            v-model="formData"
             size="small"
             label-width="95px"
             :inline="true"
@@ -25,7 +25,7 @@
           >
             <el-form-item label="省市区" prop="areaCode">
               <el-cascader
-                v-model="pageRequest.areaCode"
+                v-model="formData.areaCode"
                 :options="areaOptions"
                 :props="{label:'areaCname', value:'areaCode',children:'child',checkStrictly: true }"
                 clearable
@@ -34,13 +34,14 @@
             </el-form-item>
             <el-form-item label="日期区间" label-width="95px" prop="applyTime">
               <el-date-picker
-                v-model="pageRequest.date"
+                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>
@@ -50,6 +51,7 @@
         </el-row>
         <!-- 表格 -->
         <kt-common-table
+          v-if="flag"
           v-loading="loading"
           element-loading-text="拼命加载中..."
           element-loading-spinner="el-icon-loading"
@@ -57,7 +59,7 @@
           class="ktTable"
           permsEdit="sys:performanceManage:view"
           ref="dataTable"
-          :data="pageResult"
+          :data="pageRequest"
           :columns="columns"
           :showBatchDelete="false"
           :showOperation="showOperation"
@@ -112,7 +114,7 @@
           <el-pagination
             @size-change="handleSizeChange"
             layout="total, sizes, prev, pager, next, jumper"
-            @current-change="refreshPageRequest"
+            @current-change="refreshformData"
             :page-sizes="[20, 50, 100, 200, 300, 400, 500]"
             :total="detailParams.totalSize"
             style="float: left; margin-left: 20px"
@@ -131,6 +133,7 @@
     components: { KtCommonTable, KtButton },
     data() {
       return {
+        flag:false,
      /**Split 开始 */
      leftSplitWidth: 15,
         rightSplitWidth: 85,
@@ -149,7 +152,7 @@
             showIcon: false,
           },
         },
-        userId: '000000',
+        userId: '',
         ztreeNodes: [],
         currentTreeNode: null,
         title: "详情",
@@ -160,17 +163,17 @@
         queryFrom: {
           //查询条件
         },
-        pageResult: {}, //表格参数
-        pageRequest: {
+        pageRequest: {}, //表格参数
+        formData: {
           // 列表查询条件
-          pageNo: 1,
-          pageSize: 10,
+          pageNum: 1,
+          pageSize: 20,
           date: [], //日期区间数组
           createTimeStart: "", //日期开始时间
           createTimeEnd: "", //日期结束时间
         },
         detailParams: {
-          pageNo: 1,
+          pageNum: 1,
           pageSize: 20,
         },
         columns: [
@@ -256,31 +259,40 @@
       },
       async findLeftTreeData() {
         let data=await this.$api.user.personnelFindTree() 
-        this.ztreeNodes = data.data;
-        this.userId=data.data[0].id
+        if(data.code==200){
+          this.ztreeNodes = data.data;
+          this.userId=data.data[0].id
+          this.flag=true
+        }
+        else{
+          this.$message.error(data.msg)
+          this.ztreeNodes=[]
+          this.userId=''
+          this.flag=true
+        }
      },
       onZTreeClick: function (evt, treeId, treeNode) {
         // 点击事件
         this.currentTreeNode = evt;
         this.userId = this.currentTreeNode.id;
-        this.pageRequest.areaCode=''
-        this.pageRequest.level=''
+        this.formData.areaCode=''
+        this.formData.level=''
         this.findPage();
       },
       //--left tree start-------
       //选择时间区间
       dateChange(e) {
         if (e == null) {
-          this.pageRequest.createTimeStart = "";
-          this.pageRequest.createTimeEnd = "";
+          this.formData.createTimeStart = "";
+          this.formData.createTimeEnd = "";
         } else {
-          this.pageRequest.createTimeStart = e[0];
-          this.pageRequest.createTimeEnd = e[1];
+          this.formData.createTimeStart = e[0];
+          this.formData.createTimeEnd = e[1];
         }
       },
       // 换页刷新
-    refreshPageRequest: function (pageNum) {
-      this.detailParams.pageNo = pageNum;
+    refreshformData: function (pageNum) {
+      this.detailParams.pageNum = pageNum;
       this.getDetailData();
     },
     // 每页条数发生改变
@@ -291,7 +303,7 @@
     //取消隐藏弹框
     resetForm() {
       this.detailDialog = false;
-      this.detailParams.pageNo = 1;
+      this.detailParams.pageNum = 1;
       this.detailParams.pageSize = 10;
     },
     //查看详情
@@ -305,7 +317,7 @@
       this.$api.user.quUserNumDetail({...this.detailParams,userId:this.userId}).then((res) => {
         if (res.code == 200) {
           this.detailData = res.data.records;
-          this.detailParams.pageNo = res.data.current;
+          this.detailParams.pageNum = res.data.current;
           this.detailParams.pageSize = res.data.size;
           this.detailParams.totalPages = res.data.pages;
           this.detailParams.totalSize = res.data.total;
@@ -318,22 +330,26 @@
     },
       //获取页面数据
       async  findPage(data) {
-        if(this.pageRequest.areaCode && this.pageRequest.areaCode.length>0){
-           this.pageRequest.level=this.$refs['area'].getCheckedNodes()[0].level
-           this.pageRequest.areaCode=this.pageRequest.areaCode[this.pageRequest.areaCode.length-1]
+        if (data && data.pageRequest) {
+          this.formData.pageNum = data.pageRequest.pageNum;
+          this.formData.pageSize = data.pageRequest.pageSize;
+        }
+        let areaCode=''
+        if(this.formData.areaCode && this.formData.areaCode.length>0){
+           this.formData.level=this.$refs['area'].getCheckedNodes()[0].level
+            areaCode=this.formData.areaCode[this.formData.areaCode.length-1]
         }
         else{
-          this.pageRequest.areaCode=''
-          this.pageRequest.level=''
+          this.formData.areaCode=''
+          this.formData.level=''
         }
         this.loading = true;
-        let res=await this.$api.user.quUserNumList({...this.pageRequest,userId: this.userId })
+        let res=await this.$api.user.quUserNumList({...this.formData,userId: this.userId,areaCode })
         if (res.code == 200) {
-            this.pageResult = {
+            this.pageRequest = {
                 content: res.data.records,
                 pageNum: res.data.current,
                 pageSize: res.data.size,
-                totalPages: res.data.pages,
                 totalSize: res.data.total,
             };
             this.loading = false;
@@ -343,8 +359,7 @@
       },
       // 查询
       queryStaffInfo() {
-        this.pageRequest.pageNo = 1;
-        this.pageRequest.pageSize = 10;
+        this.formData.pageNum = 1;
         this.findPage();
       },
     },