parent
648b9e1ac5
commit
5082d741d3
|
|
@ -0,0 +1,22 @@
|
||||||
|
<template>
|
||||||
|
<component :is="activeName" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import List from './components/list'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
List: List
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
activeName: 'List',
|
||||||
|
SUPERVISE_CORPINFO_ID: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,774 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<!-- 顶部搜索能力 -->
|
||||||
|
<el-form :model="searchParmas" label-width="130px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="企业名称">
|
||||||
|
<el-input v-model="searchParmas.enterpriseName" placeholder="请输入企业名称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="集团单位">
|
||||||
|
<el-input v-model="searchParmas.groupUnit" placeholder="请输入集团单位" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="股份主管部门" style="margin-right: 20px">
|
||||||
|
<el-input v-model="searchParmas.shareSuperdepart" placeholder="请输入股份主管部门" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label-width="10px">
|
||||||
|
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
|
||||||
|
搜索
|
||||||
|
</el-button>
|
||||||
|
<el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
|
||||||
|
重置
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 多级表格 -->
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="varList"
|
||||||
|
:header-cell-style="{ 'font-weight': 'bold', color: '#000' }"
|
||||||
|
:max-height="tableMaxHeight"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
border
|
||||||
|
fit
|
||||||
|
stripe
|
||||||
|
highlight-current-row
|
||||||
|
@selection-change="selectionChange"
|
||||||
|
@select-all="selectAll"
|
||||||
|
@row-click="rowClick">
|
||||||
|
<!-- 固定列 -->
|
||||||
|
<el-table-column :selectable="handleSelectWithDifferentStatus" type="selection" width="55" fixed align="center" />
|
||||||
|
|
||||||
|
<!-- 序号列及弹出框 -->
|
||||||
|
<el-table-column type="index" fixed="left" label="序号" align="center" width="90">
|
||||||
|
<template slot="header">
|
||||||
|
<el-popover ref="tablePopover" v-model="popoverVisible" width="240" trigger="manual">
|
||||||
|
<span slot="reference" style="cursor: pointer" @click="openPopover">
|
||||||
|
序号
|
||||||
|
<i class="el-icon-finished" style="font-weight: bold" />
|
||||||
|
</span>
|
||||||
|
<div class="popoverCheckBoxArea">
|
||||||
|
<el-checkbox
|
||||||
|
v-model="checked"
|
||||||
|
:indeterminate="indeterminate"
|
||||||
|
@change="handleCheckAllChange">全选</el-checkbox>
|
||||||
|
<div style="margin: 10px 0" />
|
||||||
|
<el-tree
|
||||||
|
ref="treeRef"
|
||||||
|
:data="dataSourceForTree"
|
||||||
|
:props="defaultProps"
|
||||||
|
:default-expand-all="true"
|
||||||
|
show-checkbox
|
||||||
|
node-key="id"
|
||||||
|
class="treeColumnStyle"
|
||||||
|
@check-change="changeCheck" />
|
||||||
|
</div>
|
||||||
|
<div class="popoverCheckBoxButton">
|
||||||
|
<el-button size="mini" @click="canclePopover">取消</el-button>
|
||||||
|
<el-button type="primary" size="mini" @click="confirmPopover">确定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column v-if="showColumn('RELEVANT_UNIT_NAME')" prop="RELEVANT_UNIT_NAME" label="企业名称" align="center" show-overflow-tooltip width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('CORP_TYPE_NAME')" prop="CORP_TYPE_NAME" label="集团单位" show-overflow-tooltip align="center" width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('MAIN_DEPARTMENT_NAME')" prop="MAIN_DEPARTMENT_NAME" label="股份主管部门" align="center" width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('CORP_SIZE_NAME')" prop="CORP_SIZE_NAME" label="企业规模" align="center" width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('CONTACT_PERSON')" prop="CONTACT_PERSON" label="主要负责人" align="center" width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('CONTACT_TEL')" prop="CONTACT_TEL" label="主要负责人联系电话" align="center" width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('REGISTER_COUNT')" prop="REGISTER_COUNT" label="注册人数" align="center" width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('PASS_COUNT')" prop="PASS_COUNT" label="培训合格人数" align="center" width="120"/>
|
||||||
|
|
||||||
|
<el-table-column v-if="showColumn('personAgeStruc')" prop="personAgeStruc" label="人员年龄结构" align="center">
|
||||||
|
<el-table-column v-if="showColumn('AVG_AGE')" prop="AVG_AGE" label="平均年龄" align="center" width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('MORE_THAN_60_COUNT')" prop="MORE_THAN_60_COUNT" label="大于60岁人数" align="center" width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('BETWEEN_55_AND_60_COUNT')" prop="BETWEEN_55_AND_60_COUNT" label="55-60岁人数" align="center" width="120"/>
|
||||||
|
<el-table-column v-if="showColumn('LESS_THAN_55_COUNT')" prop="LESS_THAN_55_COUNT" label="55岁以下人数" align="center" width="120"/>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column v-if="false" prop="workExprien" label="在港工作经历（年）" align="center" width="120"/>
|
||||||
|
|
||||||
|
<el-table-column prop="personEdcaton" label="人员学历" align="center">
|
||||||
|
<el-table-column prop="BELOW_HIGH_SCHOOL" label="高中以下" align="center" width="120"/>
|
||||||
|
<el-table-column prop="HIGH_SCHOOL" label="高中" align="center" width="120"/>
|
||||||
|
<el-table-column prop="TECHNICAL_SCHOOL" label="技工" align="center" width="120"/>
|
||||||
|
<el-table-column prop="TECHNICAL_SECONDARY_SCHOOL" label="中专或中等技术学校" align="center" width="130"/>
|
||||||
|
<el-table-column prop="JUNIOR_COLLEGE" label="大学专科或专科院校" align="center" width="130"/>
|
||||||
|
<el-table-column prop="UNDERGRADUATE" label="大学本科" align="center" width="120"/>
|
||||||
|
<el-table-column prop="ABOVE_UNDERGRADUATE" label="大学本科以上" align="center" width="120"/>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="man" label="男职工" align="center">
|
||||||
|
<el-table-column prop="MAN_COUNT" label="人数" align="center" width="120"/>
|
||||||
|
<el-table-column prop="MAN_PERCENT" label="占比" align="center" width="120"/>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="woman" label="女职工" align="center">
|
||||||
|
<el-table-column prop="WOMAN_COUNT" label="人数" align="center" width="120"/>
|
||||||
|
<el-table-column prop="WOMAN_PERCENT" label="占比" align="center" width="120"/>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="insurance" label="保险相关" align="center">
|
||||||
|
<el-table-column prop="SOCIAL" label="有社保人数" align="center" width="120"/>
|
||||||
|
<el-table-column prop="OCCUPATIONAL_INJURY" label="有工伤保险人数" align="center" width="120"/>
|
||||||
|
<el-table-column prop="COMMERCIAL_INSURANCE" label="有商业保险人数" align="center" width="120"/>
|
||||||
|
<el-table-column prop="OTHER_INSURANCE" label="其他保险人数" align="center" width="120"/>
|
||||||
|
<el-table-column prop="NO_INSURANCE" label="无保险人数" align="center" width="120"/>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="numOfSpecialOperation" label="取得特种作业证书人数" align="center">
|
||||||
|
<el-table-column prop="SPECIAL_TOTAL" label="总人数" align="center" width="120"/>
|
||||||
|
<el-table-column prop="ELECTRICIAN" label="电工作业" align="center" width="120"/>
|
||||||
|
<el-table-column prop="WELDING" label="焊接与热切割作业" align="center" width="120"/>
|
||||||
|
<el-table-column prop="HIGH_WORK" label="高处作业" align="center" width="120"/>
|
||||||
|
<el-table-column prop="CRANE_OPERATION" label="起重机械作业" align="center" width="120"/>
|
||||||
|
<el-table-column prop="MOTOR_VEHICLE" label="企业内机动车辆作业" align="center" width="130"/>
|
||||||
|
<el-table-column prop="OTHER_SPECIAL" label="其他特种作业" align="center" width="120"/>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<div class="page-btn-group">
|
||||||
|
<div>
|
||||||
|
<el-button type="primary" icon="el-icon-upload2" @click="handleExportBtn">批量导出</el-button>
|
||||||
|
</div>
|
||||||
|
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Pagination from '@/components/Pagination'
|
||||||
|
import { requestFN } from '@/utils/request'
|
||||||
|
import waves from '@/directive/waves'
|
||||||
|
import axios from 'axios'
|
||||||
|
import moment from 'moment'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { Pagination },
|
||||||
|
directives: { waves },
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
config: config,
|
||||||
|
searchParmas: {
|
||||||
|
enterpriseName: '',
|
||||||
|
groupUnit: '',
|
||||||
|
shareSuperdepart: ''
|
||||||
|
},
|
||||||
|
varList: [],
|
||||||
|
// el-table表格的动态高度值
|
||||||
|
tableMaxHeight: 0,
|
||||||
|
// 列表加载态
|
||||||
|
loading: false,
|
||||||
|
// 列表表格分页参数
|
||||||
|
listQuery: {
|
||||||
|
page: 1,
|
||||||
|
limit: 10
|
||||||
|
},
|
||||||
|
total: 0,
|
||||||
|
// 选择展示的字段数组
|
||||||
|
dataSourceForTree: [
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
label: '企业名称',
|
||||||
|
value: 'RELEVANT_UNIT_NAME',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
label: '集团单位',
|
||||||
|
value: 'CORP_TYPE_NAME',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '3',
|
||||||
|
label: '股份主管部门',
|
||||||
|
value: 'MAIN_DEPARTMENT_NAME',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4',
|
||||||
|
label: '企业规模',
|
||||||
|
value: 'CORP_SIZE_NAME',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '5',
|
||||||
|
label: '主要负责人',
|
||||||
|
value: 'CONTACT_PERSON',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '6',
|
||||||
|
label: '主要负责人联系电话',
|
||||||
|
value: 'CONTACT_TEL',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '7',
|
||||||
|
label: '注册人数',
|
||||||
|
value: 'REGISTER_COUNT',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '8',
|
||||||
|
label: '培训合格人数',
|
||||||
|
value: 'PASS_COUNT',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '9',
|
||||||
|
label: '人员年龄结构',
|
||||||
|
disabled: false,
|
||||||
|
value: 'personAgeStruc',
|
||||||
|
show: true,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: '9-1',
|
||||||
|
label: '平均年龄',
|
||||||
|
value: 'AVG_AGE',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '9-2',
|
||||||
|
label: '大于60岁人数',
|
||||||
|
value: 'MORE_THAN_60_COUNT',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '9-3',
|
||||||
|
label: '55-60岁人数:',
|
||||||
|
value: 'BETWEEN_55_AND_60_COUNT',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '9-4',
|
||||||
|
label: '55岁以下人数',
|
||||||
|
value: 'LESS_THAN_55_COUNT',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '11',
|
||||||
|
label: '人员学历',
|
||||||
|
disabled: false,
|
||||||
|
value: 'personEducation',
|
||||||
|
show: true,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: '11-1',
|
||||||
|
label: '高中以下',
|
||||||
|
value: 'BELOW_HIGH_SCHOOL',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '11-2',
|
||||||
|
label: '高中',
|
||||||
|
value: 'HIGH_SCHOOL',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '11-3',
|
||||||
|
label: '技工',
|
||||||
|
value: 'TECHNICAL_SCHOOL',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '11-4',
|
||||||
|
label: '中专或中等技术学校',
|
||||||
|
value: 'TECHNICAL_SECONDARY_SCHOOL',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '11-5',
|
||||||
|
label: '大学专科或专科院校',
|
||||||
|
value: 'JUNIOR_COLLEGE',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '11-6',
|
||||||
|
label: '大学本科',
|
||||||
|
value: 'UNDERGRADUATE',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '11-7',
|
||||||
|
label: '大学本科以上',
|
||||||
|
value: 'ABOVE_UNDERGRADUATE',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '12',
|
||||||
|
label: '男职工',
|
||||||
|
value: 'man',
|
||||||
|
show: true,
|
||||||
|
disabled: false,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: '12-1',
|
||||||
|
label: '人数',
|
||||||
|
value: 'MAN_COUNT',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '12-2',
|
||||||
|
label: '占比',
|
||||||
|
value: 'MAN_PERCENT',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '13',
|
||||||
|
label: '女职工',
|
||||||
|
show: true,
|
||||||
|
value: 'woman',
|
||||||
|
disabled: false,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: '13-1',
|
||||||
|
label: '人数',
|
||||||
|
value: 'WOMAN_COUNT',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '13-2',
|
||||||
|
label: '占比',
|
||||||
|
value: 'WOMAN_PERCENT',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '14',
|
||||||
|
label: '保险相关',
|
||||||
|
value: 'insurance',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: '14-1',
|
||||||
|
label: '有社保人数',
|
||||||
|
value: 'SOCIAL',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '14-2',
|
||||||
|
label: '有工伤保险人数',
|
||||||
|
value: 'OCCUPATIONAL_INJURY',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '14-3',
|
||||||
|
label: '有商业保险人数',
|
||||||
|
value: 'COMMERCIAL_INSURANCE',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '14-4',
|
||||||
|
label: '其他保险人数',
|
||||||
|
value: 'OTHER_INSURANCE',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '14-5',
|
||||||
|
label: '无保险人数',
|
||||||
|
value: 'NO_INSURANCE',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '15',
|
||||||
|
label: '取得特种作业证书人数',
|
||||||
|
value: 'numOfSpecialOperation',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
id: '15-1',
|
||||||
|
label: '总人数',
|
||||||
|
value: 'SPECIAL_TOTAL',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '15-2',
|
||||||
|
label: '电工作业',
|
||||||
|
value: 'ELECTRICIAN',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '15-3',
|
||||||
|
label: '焊接与热切割作业',
|
||||||
|
value: 'WELDING',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '15-4',
|
||||||
|
label: '高处作业',
|
||||||
|
value: 'HIGH_WORK',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '15-5',
|
||||||
|
label: '起重机械作业',
|
||||||
|
value: 'CRANE_OPERATION',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '15-6',
|
||||||
|
label: '企业内机动车辆作业',
|
||||||
|
value: 'MOTOR_VEHICLE',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '15-7',
|
||||||
|
label: '其他特种作业',
|
||||||
|
value: 'OTHER_SPECIAL',
|
||||||
|
disabled: false,
|
||||||
|
show: true,
|
||||||
|
children: []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
treeCheckedIds: [], // 保存被选中的树节点 id
|
||||||
|
defaultProps: {
|
||||||
|
children: 'children',
|
||||||
|
label: 'label'
|
||||||
|
},
|
||||||
|
checked: true, // 全选状态
|
||||||
|
popoverVisible: false,
|
||||||
|
indeterminate: false, // 半选状态
|
||||||
|
selectionSelected: [],
|
||||||
|
head: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
// 当页面初始化后立刻计算 el-table 表格的动态高度值
|
||||||
|
this.tableMaxHeight = window.innerHeight - 230
|
||||||
|
// 页面初始化渲染后,立刻调用的处理函数等方法
|
||||||
|
this.getList() // 调用获取列表数据的方法
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// 当前页面挂载之后立刻计算 el-table 表格的动态高度值
|
||||||
|
this.$nextTick(() => {
|
||||||
|
window.onresize = () => {
|
||||||
|
this.tableMaxHeight = window.innerHeight - 230
|
||||||
|
}
|
||||||
|
this.$refs.treeRef.setCheckedNodes(
|
||||||
|
this.dataSourceForTree.filter(node => !node.disabled)
|
||||||
|
)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleSelectWithDifferentStatus(row, rowIndex) {
|
||||||
|
return true
|
||||||
|
},
|
||||||
|
getQuery() {
|
||||||
|
if (this.$refs.multipleTable) {
|
||||||
|
this.$refs.multipleTable.clearSelection()
|
||||||
|
}
|
||||||
|
this.listQuery = {
|
||||||
|
page: 1,
|
||||||
|
limit: 10
|
||||||
|
}
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
goKeyReset() {
|
||||||
|
this.searchParmas = {
|
||||||
|
enterpriseName: '',
|
||||||
|
groupUnit: '',
|
||||||
|
shareSuperdepart: ''
|
||||||
|
}
|
||||||
|
this.getQuery()
|
||||||
|
},
|
||||||
|
/** 获取列表数据 */
|
||||||
|
getList() {
|
||||||
|
this.loading = true
|
||||||
|
requestFN(
|
||||||
|
'/xgf/user/statistics?showCount=' +
|
||||||
|
this.listQuery.limit +
|
||||||
|
'¤tPage=' +
|
||||||
|
this.listQuery.page,
|
||||||
|
{ KEYWORDS: this.KEYWORDS, ISSMALL: '2' }
|
||||||
|
)
|
||||||
|
.then(data => {
|
||||||
|
this.loading = false
|
||||||
|
this.varList = data.list
|
||||||
|
this.total = data.page.totalResult
|
||||||
|
})
|
||||||
|
.catch(e => {
|
||||||
|
console.log(e)
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
selectionChange(row) {
|
||||||
|
this.selectionSelected = row
|
||||||
|
},
|
||||||
|
selectAll(selection) {
|
||||||
|
this.selectionSelected = selection
|
||||||
|
},
|
||||||
|
rowClick(row, column, event) {
|
||||||
|
console.log('row :>> ', row)
|
||||||
|
},
|
||||||
|
handleExportBtn() {
|
||||||
|
const ids = this.selectionSelected
|
||||||
|
.map(item => {
|
||||||
|
return item.CORPINFO_ID
|
||||||
|
})
|
||||||
|
.toString(',')
|
||||||
|
const result = this.collectValues(this.dataSourceForTree)
|
||||||
|
this.head = result.toString(',')
|
||||||
|
|
||||||
|
if (
|
||||||
|
this.selectionSelected.map(item => {
|
||||||
|
return item.CORPINFO_ID
|
||||||
|
}).length === 0
|
||||||
|
) {
|
||||||
|
this.$message.error('请选择数据项后导出!')
|
||||||
|
}
|
||||||
|
this.exportExcelHandler(ids, this.head)
|
||||||
|
},
|
||||||
|
collectValues(data, resultArray = []) {
|
||||||
|
data.forEach(item => {
|
||||||
|
if (item.show) {
|
||||||
|
resultArray.push(item.value) // 将满足条件的 value 存入结果数组中
|
||||||
|
}
|
||||||
|
if (item.children && item.children.length > 0) {
|
||||||
|
this.collectValues(item.children, resultArray) // 递归处理子节点
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return resultArray
|
||||||
|
},
|
||||||
|
// 导出指定数据项至 excel 表格
|
||||||
|
exportExcelHandler(ids, head) {
|
||||||
|
// return new Promise((resolve, reject) => {
|
||||||
|
// axios
|
||||||
|
// .post(
|
||||||
|
// config.httpurl + '/xgf/user/exportExcel?' + `ids=${ids}&head=${head}`,
|
||||||
|
// {},
|
||||||
|
// {
|
||||||
|
// responseType: 'blob'
|
||||||
|
// }
|
||||||
|
// )
|
||||||
|
// .then(res => {
|
||||||
|
// setTimeout(() => {
|
||||||
|
// const blob = new Blob([res.data], {
|
||||||
|
// type: 'application/vnd.ms-excel'
|
||||||
|
// })
|
||||||
|
// const downloadElement = document.createElement('a')
|
||||||
|
// const href = window.URL.createObjectURL(blob)
|
||||||
|
// downloadElement.style.display = 'none'
|
||||||
|
// downloadElement.href = href
|
||||||
|
// downloadElement.download = moment().format('YYYY-MM-DD HH:mm:ss')
|
||||||
|
// document.body.appendChild(downloadElement)
|
||||||
|
// downloadElement.click()
|
||||||
|
// document.body.removeChild(downloadElement)
|
||||||
|
// window.URL.revokeObjectURL(href)
|
||||||
|
// resolve(res)
|
||||||
|
// }, 2000)
|
||||||
|
// })
|
||||||
|
// .catch(e => {
|
||||||
|
// reject(e)
|
||||||
|
// this.$message.error('导出失败,或未查询到隐患')
|
||||||
|
// })
|
||||||
|
// })
|
||||||
|
window.open(`${this.config.httpurl}/xgf/user/exportExcel?ids=${ids}&head=${head}`)
|
||||||
|
},
|
||||||
|
// 点击操作打开菜单选择框
|
||||||
|
openPopover() {
|
||||||
|
this.popoverVisible = true
|
||||||
|
},
|
||||||
|
// 点击取消关闭菜单选择框
|
||||||
|
canclePopover() {
|
||||||
|
this.popoverVisible = false
|
||||||
|
},
|
||||||
|
// 处理多选框全部选中
|
||||||
|
handleCheckAllChange() {
|
||||||
|
if (this.checked) {
|
||||||
|
this.$refs.treeRef.setCheckedNodes(
|
||||||
|
this.dataSourceForTree.filter(node => !node.disabled)
|
||||||
|
)
|
||||||
|
this.treeCheckedIds = this.$refs.treeRef
|
||||||
|
.getCheckedNodes(false, true)
|
||||||
|
.map(i => i.id)
|
||||||
|
this.head = this.$refs.treeRef.getCheckedNodes(false, true).map(i => i.value)
|
||||||
|
} else {
|
||||||
|
this.$refs.treeRef.setCheckedNodes([])
|
||||||
|
this.treeCheckedIds = []
|
||||||
|
this.head = []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 多选框发生改变的事件处理
|
||||||
|
changeCheck(checkedNode, isChecked, selfNode) {
|
||||||
|
const res = this.updateShowProperty(
|
||||||
|
this.dataSourceForTree,
|
||||||
|
checkedNode,
|
||||||
|
isChecked
|
||||||
|
)
|
||||||
|
this.dataSourceForTree = res
|
||||||
|
},
|
||||||
|
updateShowProperty(dataSource, curNode, isChecked) {
|
||||||
|
// 定义递归函数
|
||||||
|
function recursiveUpdate(node) {
|
||||||
|
// 记录所有子节点是否都未选中
|
||||||
|
let allChildrenUnchecked = true
|
||||||
|
|
||||||
|
// 递归处理子节点
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
node.children.forEach(child => {
|
||||||
|
const childChecked = recursiveUpdate(child)
|
||||||
|
if (childChecked) {
|
||||||
|
allChildrenUnchecked = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新当前节点的 show 属性
|
||||||
|
if (node.id === curNode.id) {
|
||||||
|
node.show = isChecked
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新父节点的 show 属性
|
||||||
|
if (node.children && node.children.length > 0) {
|
||||||
|
if (allChildrenUnchecked) {
|
||||||
|
node.show = false
|
||||||
|
} else {
|
||||||
|
node.show = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return node.show // 返回当前节点的 show 属性值
|
||||||
|
}
|
||||||
|
// 遍历整个数据源进行更新
|
||||||
|
dataSource.forEach(node => recursiveUpdate(node))
|
||||||
|
return dataSource
|
||||||
|
},
|
||||||
|
// 弹出框确认的事件处理
|
||||||
|
confirmPopover() {
|
||||||
|
this.popoverVisible = false
|
||||||
|
},
|
||||||
|
// 控制表格列的显示与隐藏
|
||||||
|
showColumn(columnValue) {
|
||||||
|
// 在数据源中查找与传入列值匹配的项
|
||||||
|
const findItem = (data, value) => {
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
const item = data[i]
|
||||||
|
if (item.value === value) {
|
||||||
|
return item
|
||||||
|
}
|
||||||
|
if (item.children && item.children.length > 0) {
|
||||||
|
const foundInChildren = findItem(item.children, value)
|
||||||
|
if (foundInChildren) {
|
||||||
|
return foundInChildren
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查找数据源中对应的列项
|
||||||
|
const foundItem = findItem(this.dataSourceForTree, columnValue)
|
||||||
|
|
||||||
|
// 返回该列项的 show 属性，如果不存在则返回 false
|
||||||
|
return foundItem ? foundItem.show : false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.treeColumnStyle {
|
||||||
|
height: 400px;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: auto;
|
||||||
|
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue