|
|
@@ -1,77 +1,78 @@
|
|
|
<template>
|
|
|
- <!--布局容器-->
|
|
|
- <div class="container" style="width: 99%; margin-top: 0px">
|
|
|
- <Split :gutterSize="2" style="height: calc(100vh - 120px)">
|
|
|
+ <!--布局容器-->
|
|
|
+ <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="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"
|
|
|
- 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"
|
|
|
- editButtonName="详情"
|
|
|
- @findPage="findPage"
|
|
|
- :isshowpagination="true"
|
|
|
- @handleEdit="handleDetail"
|
|
|
- ></kt-common-table>
|
|
|
- </SplitArea>
|
|
|
- </Split>
|
|
|
-
|
|
|
- <el-dialog
|
|
|
+ <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="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
|
|
|
+ ref="area"
|
|
|
+ ></el-cascader>
|
|
|
+ </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"
|
|
|
+ editButtonName="详情"
|
|
|
+ @findPage="findPage"
|
|
|
+ :isshowpagination="true"
|
|
|
+ @handleEdit="handleDetail"
|
|
|
+ ></kt-common-table>
|
|
|
+ </SplitArea>
|
|
|
+ </Split>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
class="dialog detailtTable"
|
|
|
:title="title"
|
|
|
:close-on-click-modal="false"
|
|
|
@@ -89,7 +90,7 @@
|
|
|
style="
|
|
|
width: 100%;
|
|
|
"
|
|
|
- row-key=""
|
|
|
+ row-key
|
|
|
border
|
|
|
default-expand-all
|
|
|
:header-cell-style="{
|
|
|
@@ -98,8 +99,7 @@
|
|
|
color: '#606266',
|
|
|
}"
|
|
|
>
|
|
|
- <el-table-column type="index" label="序号" align="center" width="50">
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
|
|
|
<el-table-column
|
|
|
v-for="(item, index) in detailColumns"
|
|
|
:key="index"
|
|
|
@@ -107,8 +107,7 @@
|
|
|
:prop="item.prop"
|
|
|
align="center"
|
|
|
:label="item.label"
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
+ ></el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
@@ -120,14 +119,13 @@
|
|
|
:page-sizes="[20, 50, 100, 200, 300, 400, 500]"
|
|
|
:total="detailParams.totalSize"
|
|
|
style="float: left; margin-left: 20px"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
+ ></el-pagination>
|
|
|
</div>
|
|
|
<el-button @click="resetForm" size="small">取 消</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
<script>
|
|
|
import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
|
|
|
import KtButton from "@/views/Core/KtButton"; // 按钮权限组件
|
|
|
@@ -193,6 +191,7 @@
|
|
|
},
|
|
|
],
|
|
|
areaOptions:[],
|
|
|
+ detailData:[],
|
|
|
detailColumns: [
|
|
|
{
|
|
|
prop: "insCompany",
|
|
|
@@ -321,6 +320,14 @@
|
|
|
},
|
|
|
//获取页面数据
|
|
|
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]
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.pageRequest.areaCode=''
|
|
|
+ this.pageRequest.level=''
|
|
|
+ }
|
|
|
this.loading = true;
|
|
|
let res=await this.$api.user.quUserNumList({...this.pageRequest,userId: this.userId })
|
|
|
if (res.code == 200) {
|
|
|
@@ -347,5 +354,5 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
- </style>
|
|
|
+</style>
|
|
|
|
lihongxiao