config/index.js

@@ -11,7 +11,7 @@ module.exports = {
     assetsPublicPath: '/',
     proxyTable: {
       '/api': {
-        target: 'http://192.168.0.112:8088/',
+        target: 'http://192.168.0.29:8088/',
         changeOrigin: true,
         pathRewrite: {
           '^/api': ''
@@ -20,7 +20,7 @@ module.exports = {
     },
 
     // Various Dev Server settings
-    host: '192.168.0.118', // can be overwritten by process.env.HOST
+    host: 'localhost', // can be overwritten by process.env.HOST
     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,

src/views/personStrucManage/components/list.vue

@@ -1,21 +1,21 @@
 <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-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-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 label="股份主管部门" style="margin-right: 20px;">
+            <el-input v-model="searchParmas.shareSuperdepart" placeholder="请输入股份主管部门"/>
           </el-form-item>
         </el-col>
         <el-col :span="6">
@@ -36,7 +36,7 @@
       v-loading="loading"
       ref="multipleTable"
       :data="varList"
-      :header-cell-style="{ 'font-weight': 'bold', color: '#000' }"
+      :header-cell-style="{ 'font-weight': 'bold', 'color': '#000' }"
       :max-height="tableMaxHeight"
       tooltip-effect="dark"
       border
@@ -45,33 +45,35 @@
       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">
+      @row-click="rowClick"
+    >
+      <el-table-column :selectable="handleSelectWithDifferentStatus" type="selection" width="55" fixed align="center"/>
+      <el-table-column type="index" 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" />
+          <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-checkbox :indeterminate="isIndeterminate" @change="handleCheckAllChange">全选</el-checkbox>
+              <div style="margin: 10px 0;"/>
               <el-tree
                 ref="treeRef"
-                :data="dataSourceForTree"
+                :data="optionsColumns"
                 :props="defaultProps"
                 :default-expand-all="true"
+                :default-checked-keys="checkedColumns"
                 show-checkbox
                 node-key="id"
                 class="treeColumnStyle"
-                @check-change="changeCheck" />
+                @check-change="handleCheckChange"
+              />
             </div>
             <div class="popoverCheckBoxButton">
               <el-button size="mini" @click="canclePopover">取消</el-button>
@@ -80,21 +82,20 @@
           </el-popover>
         </template>
       </el-table-column>
+      <el-table-column prop="RELEVANT_UNIT_NAME" label="企业名称" align="center" show-overflow-tooltip width="120"/>
+      <el-table-column prop="CORP_TYPE_NAME" label="集团单位" show-overflow-tooltip align="center" width="120"/>
+      <el-table-column prop="MAIN_DEPARTMENT_NAME" label="股份主管部门" align="center" width="120"/>
+      <el-table-column prop="CORP_SIZE_NAME" label="企业规模" align="center" width="120"/>
+      <el-table-column prop="CONTACT_PERSON" label="主要负责人" align="center" width="120"/>
+      <el-table-column prop="CONTACT_TEL" label="主要负责人联系电话" align="center" width="120"/>
+      <el-table-column prop="REGISTER_COUNT" label="注册人数" align="center" width="120"/>
+      <el-table-column prop="PASS_COUNT" label="培训合格人数" align="center" width="120"/>
 
-      <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 prop="personAgeStruc" label="人员年龄结构" align="center">
+        <el-table-column prop="AVG_AGE" label="平均年龄" align="center" width="120"/>
+        <el-table-column prop="MORE_THAN_60_COUNT" label="大于60岁人数" align="center" width="120"/>
+        <el-table-column prop="BETWEEN_55_AND_60_COUNT" label="55-60岁人数" align="center" width="120"/>
+        <el-table-column 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"/>
@@ -136,14 +137,13 @@
         <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" />
+      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList"/>
     </div>
   </div>
 </template>
@@ -152,16 +152,12 @@
 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: '',
@@ -179,12 +175,11 @@ export default {
       },
       total: 0,
       // 选择展示的字段数组
-      dataSourceForTree: [
+      optionsColumns: [
         {
           id: '1',
           label: '企业名称',
           value: 'RELEVANT_UNIT_NAME',
-          disabled: false,
           show: true,
           children: []
         },
@@ -192,15 +187,14 @@ export default {
           id: '2',
           label: '集团单位',
           value: 'CORP_TYPE_NAME',
-          disabled: false,
           show: true,
           children: []
+
         },
         {
           id: '3',
           label: '股份主管部门',
           value: 'MAIN_DEPARTMENT_NAME',
-          disabled: false,
           show: true,
           children: []
         },
@@ -208,23 +202,20 @@ export default {
           id: '4',
           label: '企业规模',
           value: 'CORP_SIZE_NAME',
-          disabled: false,
           show: true,
           children: []
         },
         {
           id: '5',
-          label: '主要负责人',
-          value: 'CONTACT_PERSON',
-          disabled: false,
+          label: '企业名称',
+          value: 'enterpriseName',
           show: true,
           children: []
         },
         {
           id: '6',
-          label: '主要负责人联系电话',
-          value: 'CONTACT_TEL',
-          disabled: false,
+          label: '主要负责人',
+          value: 'CONTACT_PERSON',
           show: true,
           children: []
         },
@@ -232,7 +223,6 @@ export default {
           id: '7',
           label: '注册人数',
           value: 'REGISTER_COUNT',
-          disabled: false,
           show: true,
           children: []
         },
@@ -240,22 +230,19 @@ export default {
           id: '8',
           label: '培训合格人数',
           value: 'PASS_COUNT',
-          disabled: false,
           show: true,
           children: []
         },
         {
           id: '9',
           label: '人员年龄结构',
-          disabled: false,
-          value: 'personAgeStruc',
+          value: 'personAgeStruct',
           show: true,
           children: [
             {
               id: '9-1',
               label: '平均年龄',
               value: 'AVG_AGE',
-              disabled: false,
               show: true,
               children: []
             },
@@ -263,7 +250,6 @@ export default {
               id: '9-2',
               label: '大于60岁人数',
               value: 'MORE_THAN_60_COUNT',
-              disabled: false,
               show: true,
               children: []
             },
@@ -271,7 +257,6 @@ export default {
               id: '9-3',
               label: '55-60岁人数:',
               value: 'BETWEEN_55_AND_60_COUNT',
-              disabled: false,
               show: true,
               children: []
             },
@@ -279,16 +264,21 @@ export default {
               id: '9-4',
               label: '55岁以下人数',
               value: 'LESS_THAN_55_COUNT',
-              disabled: false,
               show: true,
               children: []
             }
           ]
         },
+        {
+          id: '10',
+          label: '在港工作经历（年）',
+          value: 'workExprien',
+          show: true,
+          children: []
+        },
         {
           id: '11',
           label: '人员学历',
-          disabled: false,
           value: 'personEducation',
           show: true,
           children: [
@@ -296,7 +286,6 @@ export default {
               id: '11-1',
               label: '高中以下',
               value: 'BELOW_HIGH_SCHOOL',
-              disabled: false,
               show: true,
               children: []
             },
@@ -304,7 +293,6 @@ export default {
               id: '11-2',
               label: '高中',
               value: 'HIGH_SCHOOL',
-              disabled: false,
               show: true,
               children: []
             },
@@ -312,7 +300,6 @@ export default {
               id: '11-3',
               label: '技工',
               value: 'TECHNICAL_SCHOOL',
-              disabled: false,
               show: true,
               children: []
             },
@@ -320,7 +307,6 @@ export default {
               id: '11-4',
               label: '中专或中等技术学校',
               value: 'TECHNICAL_SECONDARY_SCHOOL',
-              disabled: false,
               show: true,
               children: []
             },
@@ -328,7 +314,6 @@ export default {
               id: '11-5',
               label: '大学专科或专科院校',
               value: 'JUNIOR_COLLEGE',
-              disabled: false,
               show: true,
               children: []
             },
@@ -336,7 +321,6 @@ export default {
               id: '11-6',
               label: '大学本科',
               value: 'UNDERGRADUATE',
-              disabled: false,
               show: true,
               children: []
             },
@@ -344,7 +328,6 @@ export default {
               id: '11-7',
               label: '大学本科以上',
               value: 'ABOVE_UNDERGRADUATE',
-              disabled: false,
               show: true,
               children: []
             }
@@ -355,13 +338,11 @@ export default {
           label: '男职工',
           value: 'man',
           show: true,
-          disabled: false,
           children: [
             {
               id: '12-1',
               label: '人数',
               value: 'MAN_COUNT',
-              disabled: false,
               show: true,
               children: []
             },
@@ -369,7 +350,6 @@ export default {
               id: '12-2',
               label: '占比',
               value: 'MAN_PERCENT',
-              disabled: false,
               show: true,
               children: []
             }
@@ -378,15 +358,13 @@ export default {
         {
           id: '13',
           label: '女职工',
-          show: true,
           value: 'woman',
-          disabled: false,
+          show: true,
           children: [
             {
               id: '13-1',
               label: '人数',
               value: 'WOMAN_COUNT',
-              disabled: false,
               show: true,
               children: []
             },
@@ -394,7 +372,6 @@ export default {
               id: '13-2',
               label: '占比',
               value: 'WOMAN_PERCENT',
-              disabled: false,
               show: true,
               children: []
             }
@@ -404,14 +381,12 @@ export default {
           id: '14',
           label: '保险相关',
           value: 'insurance',
-          disabled: false,
           show: true,
           children: [
             {
               id: '14-1',
               label: '有社保人数',
               value: 'SOCIAL',
-              disabled: false,
               show: true,
               children: []
             },
@@ -419,7 +394,6 @@ export default {
               id: '14-2',
               label: '有工伤保险人数',
               value: 'OCCUPATIONAL_INJURY',
-              disabled: false,
               show: true,
               children: []
             },
@@ -427,7 +401,6 @@ export default {
               id: '14-3',
               label: '有商业保险人数',
               value: 'COMMERCIAL_INSURANCE',
-              disabled: false,
               show: true,
               children: []
             },
@@ -435,7 +408,6 @@ export default {
               id: '14-4',
               label: '其他保险人数',
               value: 'OTHER_INSURANCE',
-              disabled: false,
               show: true,
               children: []
             },
@@ -443,7 +415,6 @@ export default {
               id: '14-5',
               label: '无保险人数',
               value: 'NO_INSURANCE',
-              disabled: false,
               show: true,
               children: []
             }
@@ -453,14 +424,12 @@ export default {
           id: '15',
           label: '取得特种作业证书人数',
           value: 'numOfSpecialOperation',
-          disabled: false,
           show: true,
           children: [
             {
               id: '15-1',
               label: '总人数',
               value: 'SPECIAL_TOTAL',
-              disabled: false,
               show: true,
               children: []
             },
@@ -468,7 +437,6 @@ export default {
               id: '15-2',
               label: '电工作业',
               value: 'ELECTRICIAN',
-              disabled: false,
               show: true,
               children: []
             },
@@ -476,7 +444,6 @@ export default {
               id: '15-3',
               label: '焊接与热切割作业',
               value: 'WELDING',
-              disabled: false,
               show: true,
               children: []
             },
@@ -484,7 +451,6 @@ export default {
               id: '15-4',
               label: '高处作业',
               value: 'HIGH_WORK',
-              disabled: false,
               show: true,
               children: []
             },
@@ -492,7 +458,6 @@ export default {
               id: '15-5',
               label: '起重机械作业',
               value: 'CRANE_OPERATION',
-              disabled: false,
               show: true,
               children: []
             },
@@ -500,7 +465,6 @@ export default {
               id: '15-6',
               label: '企业内机动车辆作业',
               value: 'MOTOR_VEHICLE',
-              disabled: false,
               show: true,
               children: []
             },
@@ -508,30 +472,24 @@ export default {
               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: []
+      checkedColumns: [], // 选中的列的字段id
+      isIndeterminate: false
     }
   },
   created() {
     // 当页面初始化后立刻计算 el-table 表格的动态高度值
     this.tableMaxHeight = window.innerHeight - 230
-    // 页面初始化渲染后,立刻调用的处理函数等方法
-    this.getList() // 调用获取列表数据的方法
   },
   mounted() {
     // 当前页面挂载之后立刻计算 el-table 表格的动态高度值
@@ -539,12 +497,20 @@ export default {
       window.onresize = () => {
         this.tableMaxHeight = window.innerHeight - 230
       }
-      this.$refs.treeRef.setCheckedNodes(
-        this.dataSourceForTree.filter(node => !node.disabled)
-      )
     })
+    this.checkedColumns = this.getIds(this.optionsColumns)
   },
   methods: {
+    getIds(optionsColumns) {
+      let ids = []
+      for (const column of optionsColumns) {
+        ids.push(column.id)
+        if (column.children && column.children.length > 0) {
+          ids = ids.concat(this.getIds(column.children))
+        }
+      }
+      return ids
+    },
     handleSelectWithDifferentStatus(row, rowIndex) {
       return true
     },
@@ -566,195 +532,65 @@ export default {
       }
       this.getQuery()
     },
-    /** 获取列表数据 */
     getList() {
       this.loading = true
       requestFN(
-        '/openApi/user/statistics?showCount=' +
-        this.listQuery.limit +
-        '&currentPage=' +
-        this.listQuery.page,
+        '/openApi/user/statistics?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
         { KEYWORDS: this.KEYWORDS, ISSMALL: '2' }
-      )
-        .then(data => {
+      ).then((data) => {
         this.loading = false
         this.varList = data.list
         this.total = data.page.totalResult
-        })
-        .catch(e => {
+      }).catch((e) => {
         console.log(e)
         this.loading = false
       })
     },
     selectionChange(row) {
-      this.selectionSelected = row
+      console.log('row :>> ', row)
     },
     selectAll(selection) {
-      this.selectionSelected = selection
+      console.log('selection :>> ', 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 + '/openApi/excel?' + `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('导出失败,或未查询到隐患')
-          })
-      })
+      console.log('批量导出暂未开发!')
     },
     // 点击操作打开菜单选择框
     openPopover() {
       this.popoverVisible = true
+      this.$nextTick(() => {
+        document.getElementsByClassName('el-popover el-popper')[0].style.display = 'none'
+      })
+    },
+    // 处理多选框全部选中
+    handleCheckAllChange(val) {
+      const columnsValueList = []
+      this.getIds(this.optionsColumns).map(item => {
+        columnsValueList.push(item)
+      })
+      this.checkedColumns = val ? columnsValueList : []
+
+      console.log('this.checkedColumns :>> ', this.checkedColumns)
+      // const treeRef = this.$refs.treeRef
+      // if (val) {
+      //   treeRef.setCheckedNodes(this.getIds(this.optionsColumns))
+      // } else {
+      //   treeRef.setCheckedNodes([])
+      // }
     },
-    // 点击取消关闭菜单选择框
     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 = []
-      }
+    // 处理多选框发生改变
+    handleCheckChange(currentRow, selfCheck, subCheck) {
+      console.log('currentRow :>> ', currentRow)
     },
-    // 多选框发生改变的事件处理
-    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
     }
   }
 }

src/views/personStrucManage/mock/dataSource.js

@@ -0,0 +1,234 @@
+var mockVarList = [
+  {
+    enterpriseName: '风力杭天',
+    groupUnit: '集团企业',
+    shareSuperdepart: '供水除尘部',
+    scale: '大型',
+    mainerPerson: '小美',
+    mainerPersonPhone: '13933293932',
+    enrollment: 90,
+    numQualiTrain: 120,
+    averageAge: 55,
+    ageUpperSixty: 4,
+    fiftyFiveAndSixty: 8,
+    ageUnderFiftyFive: 18,
+    workExprien: null,
+    belowHigh: 50,
+    high: 4,
+    mechanic: 40,
+    technicalOrSecondary: 20,
+    collegeOrCollege: 39,
+    graduateCollege: 1,
+    undergraduateCollege: 9,
+    manpersonNum: 2,
+    manRatio: '80%',
+    womanPersonNum: 9,
+    womanRatio: '30%',
+    numOfSecure: 40,
+    numOfworkRelated: 98,
+    numOfCommercial: 20,
+    numOfOther: 12,
+    numOfNone: 6,
+    totalPerson: 1200,
+    electricianWork: 9,
+    weldingAndHotCuttingWork: 3,
+    heightsWork: 1,
+    hoistingMachineryWork: 90,
+    motorVehiclesWork: 130,
+    otherSpecialWork: 34
+  },
+  {
+    enterpriseName: '行里力杭天',
+    groupUnit: '集团企业',
+    shareSuperdepart: '火力除尘部',
+    scale: '中小型',
+    mainerPerson: '轩里',
+    mainerPersonPhone: '150244938491',
+    enrollment: 90,
+    numQualiTrain: 120,
+    averageAge: 55,
+    ageUpperSixty: 4,
+    fiftyFiveAndSixty: 8,
+    ageUnderFiftyFive: 18,
+    workExprien: null,
+    belowHigh: 50,
+    high: 4,
+    mechanic: 40,
+    technicalOrSecondary: 20,
+    collegeOrCollege: 39,
+    graduateCollege: 1,
+    undergraduateCollege: 9,
+    manpersonNum: 2,
+    manRatio: '80%',
+    womanPersonNum: 9,
+    womanRatio: '30%',
+    numOfSecure: 40,
+    numOfworkRelated: 98,
+    numOfCommercial: 20,
+    numOfOther: 12,
+    numOfNone: 6,
+    totalPerson: 1200,
+    electricianWork: 9,
+    weldingAndHotCuttingWork: 3,
+    heightsWork: 1,
+    hoistingMachineryWork: 90,
+    motorVehiclesWork: 130,
+    otherSpecialWork: 34
+  },
+  {
+    enterpriseName: '意下提取',
+    groupUnit: '集团企业',
+    shareSuperdepart: '火力除尘部',
+    scale: '中小型',
+    mainerPerson: '轩里',
+    mainerPersonPhone: '150244938491',
+    enrollment: 90,
+    numQualiTrain: 120,
+    averageAge: 55,
+    ageUpperSixty: 4,
+    fiftyFiveAndSixty: 8,
+    ageUnderFiftyFive: 18,
+    workExprien: null,
+    belowHigh: 50,
+    high: 4,
+    mechanic: 40,
+    technicalOrSecondary: 20,
+    collegeOrCollege: 39,
+    graduateCollege: 1,
+    undergraduateCollege: 9,
+    manpersonNum: 2,
+    manRatio: '80%',
+    womanPersonNum: 9,
+    womanRatio: '30%',
+    numOfSecure: 40,
+    numOfworkRelated: 98,
+    numOfCommercial: 20,
+    numOfOther: 12,
+    numOfNone: 6,
+    totalPerson: 1200,
+    electricianWork: 9,
+    weldingAndHotCuttingWork: 3,
+    heightsWork: 1,
+    hoistingMachineryWork: 90,
+    motorVehiclesWork: 130,
+    otherSpecialWork: 34
+  },
+  {
+    enterpriseName: '燕来客机民众',
+    groupUnit: '集团企业',
+    shareSuperdepart: '火力除尘部',
+    scale: '中小型',
+    mainerPerson: '轩里',
+    mainerPersonPhone: '150244938491',
+    enrollment: 90,
+    numQualiTrain: 120,
+    averageAge: 55,
+    ageUpperSixty: 4,
+    fiftyFiveAndSixty: 8,
+    ageUnderFiftyFive: 18,
+    workExprien: null,
+    belowHigh: 50,
+    high: 4,
+    mechanic: 40,
+    technicalOrSecondary: 20,
+    collegeOrCollege: 39,
+    graduateCollege: 1,
+    undergraduateCollege: 9,
+    manpersonNum: 2,
+    manRatio: '80%',
+    womanPersonNum: 9,
+    womanRatio: '30%',
+    numOfSecure: 40,
+    numOfworkRelated: 98,
+    numOfCommercial: 20,
+    numOfOther: 12,
+    numOfNone: 6,
+    totalPerson: 1200,
+    electricianWork: 9,
+    weldingAndHotCuttingWork: 3,
+    heightsWork: 1,
+    hoistingMachineryWork: 90,
+    motorVehiclesWork: 130,
+    otherSpecialWork: 34
+  },
+  {
+    enterpriseName: '天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星',
+    groupUnit: '集团企业',
+    shareSuperdepart: '火力除尘部',
+    scale: '中小型',
+    mainerPerson: '轩里',
+    mainerPersonPhone: '150244938491',
+    enrollment: 90,
+    numQualiTrain: 120,
+    averageAge: 55,
+    ageUpperSixty: 4,
+    fiftyFiveAndSixty: 8,
+    ageUnderFiftyFive: 18,
+    workExprien: null,
+    belowHigh: 50,
+    high: 4,
+    mechanic: 40,
+    technicalOrSecondary: 20,
+    collegeOrCollege: 39,
+    graduateCollege: 1,
+    undergraduateCollege: 9,
+    manpersonNum: 2,
+    manRatio: '80%',
+    womanPersonNum: 9,
+    womanRatio: '30%',
+    numOfSecure: 40,
+    numOfworkRelated: 98,
+    numOfCommercial: 20,
+    numOfOther: 12,
+    numOfNone: 6,
+    totalPerson: 1200,
+    electricianWork: 9,
+    weldingAndHotCuttingWork: 3,
+    heightsWork: 1,
+    hoistingMachineryWork: 90,
+    motorVehiclesWork: 130,
+    otherSpecialWork: 34
+  },
+  {
+    enterpriseName: '天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星天河夜星',
+    groupUnit: '集团企业',
+    shareSuperdepart: '火力除尘部',
+    scale: '中小型',
+    mainerPerson: '轩里',
+    mainerPersonPhone: '150244938491',
+    enrollment: 90,
+    numQualiTrain: 120,
+    averageAge: 55,
+    ageUpperSixty: 4,
+    fiftyFiveAndSixty: 8,
+    ageUnderFiftyFive: 18,
+    workExprien: null,
+    belowHigh: 50,
+    high: 4,
+    mechanic: 40,
+    technicalOrSecondary: 20,
+    collegeOrCollege: 39,
+    graduateCollege: 1,
+    undergraduateCollege: 9,
+    manpersonNum: 2,
+    manRatio: '80%',
+    womanPersonNum: 9,
+    womanRatio: '30%',
+    numOfSecure: 40,
+    numOfworkRelated: 98,
+    numOfCommercial: 20,
+    numOfOther: 12,
+    numOfNone: 6,
+    totalPerson: 1200,
+    electricianWork: 9,
+    weldingAndHotCuttingWork: 3,
+    heightsWork: 1,
+    hoistingMachineryWork: 90,
+    motorVehiclesWork: 130,
+    otherSpecialWork: 34
+  }
+]
+
+export {
+  mockVarList
+}