|
|
@@ -6,23 +6,37 @@
|
|
|
</template>
|
|
|
<template #content>
|
|
|
<div style="padding: 20px;" >
|
|
|
- <div class="mt-10">
|
|
|
- <label class="search__label" >范围:</label>
|
|
|
- <el-popover
|
|
|
- placement="bottom"
|
|
|
- v-model="visible"
|
|
|
- :stretch="true"
|
|
|
- trigger="click">
|
|
|
- <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="部门" name="部门">
|
|
|
- <el-cascader-panel ref="selectdep" :options="deplist" :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}" @change="selectDep" clearable></el-cascader-panel>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="人员" name="人员">
|
|
|
- <el-cascader-panel ref="selectPerson" :options="personnelList" :props="{label:'name',value:'userid'}" @change="selectPerson" clearable></el-cascader-panel>
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- <el-input style="width: 200px" size="small" slot="reference" v-model="range" placeholder="请选择" @input="departmentrtment"></el-input>
|
|
|
- </el-popover>
|
|
|
+ <div class="mt-10 inline-16">
|
|
|
+ <label class="search__label" >部门:</label>
|
|
|
+ <el-cascader ref="selectdep" size="small" v-model="depment" :options="deplist" :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}" @change="selectDep" clearable></el-cascader>
|
|
|
+
|
|
|
+ <!-- <label class="search__label" >范围:</label>
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ v-model="visible"
|
|
|
+ :stretch="true"
|
|
|
+ trigger="click">
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="部门" name="部门">
|
|
|
+ <el-cascader-panel ref="selectdep" :options="deplist" :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}" @change="selectDep" clearable></el-cascader-panel>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="人员" name="人员">
|
|
|
+ <el-cascader-panel ref="selectPerson" :options="personnelList" :props="{label:'name',value:'userid'}" @change="selectPerson" clearable></el-cascader-panel>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ <el-input style="width: 200px" size="small" slot="reference" v-model="range" placeholder="请选择" @input="departmentrtment"></el-input>
|
|
|
+ </el-popover>-->
|
|
|
+ </div>
|
|
|
+ <div class="mt-10 inline-16">
|
|
|
+ <label class="search__label" >人员:</label>
|
|
|
+ <el-select v-model="person" filterable placeholder="请选择" size="small" clearable @change="selectPerson">
|
|
|
+ <el-option
|
|
|
+ v-for="item in personnelList"
|
|
|
+ :key="item.index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.userid">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</div>
|
|
|
<el-scrollbar >
|
|
|
<div style="margin: auto;min-width: 1800px;height: calc(100vh - 270px)">
|
|
|
@@ -82,6 +96,8 @@ export default {
|
|
|
range:'',
|
|
|
pointValue:'',
|
|
|
visible:false,
|
|
|
+ person:'',
|
|
|
+ depment:'',
|
|
|
deplist:[],
|
|
|
personnelList:[],
|
|
|
depmentParam:{
|
|
|
@@ -121,7 +137,7 @@ export default {
|
|
|
const res = await this.$api.requested(this.depmentParam)
|
|
|
this.deplist = this.createMenu(res.data.dep)
|
|
|
this.personnelList = res.data.hr
|
|
|
- this.range = JSON.parse(window.sessionStorage.getItem('active_account')).name
|
|
|
+ this.person = JSON.parse(window.sessionStorage.getItem('active_account')).name
|
|
|
this.$refs.assignment.queryList()
|
|
|
this.$refs.sales.queryList()
|
|
|
this.$refs.performance.queryList()
|
|
|
@@ -208,16 +224,12 @@ export default {
|
|
|
return arr
|
|
|
},
|
|
|
selectDep(val) {
|
|
|
- let dataDep = this.$refs.selectdep.getCheckedNodes(true)[0].data
|
|
|
- this.range = dataDep.label
|
|
|
- this.isDep = true
|
|
|
- this.isPerson = false
|
|
|
+ this.person = ''
|
|
|
this.dataid = val[val.length -1]
|
|
|
this.dataParam.content.type = 1
|
|
|
this.dataParam.content.dataid = this.dataid
|
|
|
this.tableParam.content.type = 1
|
|
|
this.tableParam.content.dataid = this.dataid
|
|
|
- this.visible = false
|
|
|
this.$refs.assignment.queryList()
|
|
|
this.$refs.sales.queryList()
|
|
|
this.$refs.performance.queryList()
|
|
|
@@ -227,18 +239,13 @@ export default {
|
|
|
/*this.$refs.selectPerson.clearCheckedNodes()*/
|
|
|
},
|
|
|
selectPerson(val){
|
|
|
- let dataperson = this.$refs.selectPerson.getCheckedNodes(true)[0].data
|
|
|
- this.range = dataperson.name
|
|
|
- this.isDep = false
|
|
|
- this.isPerson = true
|
|
|
-
|
|
|
- this.dataid = val[val.length-1]
|
|
|
+ this.depment = ''
|
|
|
+ console.log(val)
|
|
|
+ this.dataid = val
|
|
|
this.dataParam.content.type = 0
|
|
|
this.dataParam.content.dataid = this.dataid
|
|
|
this.tableParam.content.type = 0
|
|
|
this.tableParam.content.dataid = this.dataid
|
|
|
- this.visible = false
|
|
|
-
|
|
|
this.$refs.assignment.queryList()
|
|
|
this.$refs.sales.queryList()
|
|
|
this.$refs.performance.queryList()
|