员工管理字段调整,用户管理按钮修改,部门管理表单增加字段,岗位管理增加表单

yijiusmile

2021-01-29 c523e2267a47b67930ef6485ccde8489a69df7c9

员工管理字段调整,用户管理按钮修改,部门管理表单增加字段,岗位管理增加表单

 src/views/febs/system/dept/Index.vue

@@ -22,16 +22,16 @@
              </el-dropdown-menu>

            </el-dropdown>

          </div>

          <el-tree

            ref="deptTree"

            :data="deptTree"

            :check-strictly="true"

            show-checkbox

            accordion

          <el-tree
            ref="deptTree"
            :data="deptTree"
            :check-strictly="true"
            show-checkbox
            accordion
            node-key="id"

            highlight-current

            :filter-node-method="filterNode"

            @node-click="nodeClick"

            highlight-current
            :filter-node-method="filterNode"
            @node-click="nodeClick"
          />

        </div>

      </el-col>

@@ -45,13 +45,13 @@
              <div>

                <el-form ref="form" :model="dept" :rules="rules" label-position="right" label-width="100px">

                  <el-form-item :label="$t('table.dept.parentId')" prop="parentId">

                    <treeselect

                      v-model="dept.parentId"

                      :multiple="false"

                      :options="deptTree"

                    <treeselect
                      v-model="dept.parentId"
                      :multiple="false"
                      :options="deptTree"
                      :clear-value-text="$t('common.clear')"

                      placeholder=" "

                      style="width:100%"

                      placeholder=" "
                      style="width:100%"
                    />

                  </el-form-item>

                  <el-form-item :label="$t('table.dept.deptName')" prop="deptName">

@@ -59,6 +59,29 @@
                  </el-form-item>

                  <el-form-item :label="$t('table.dept.orderNum')" prop="orderNum">

                    <el-input-number v-model="dept.orderNum" :min="0" :max="100" @change="handleNumChange" />

                  </el-form-item>

                  <el-form-item label="部门性质">

                    <el-select v-model="bmxz" placeholder="请选择">

                      <el-option label="分公司" value="1" />

                      <el-option label="部门" value="2" />

                      <el-option label="驻点" value="3" />

                    </el-select>

                  </el-form-item>

                  <el-form-item label="部门负责人">

                    <el-input />

                  </el-form-item>

                  <el-form-item label="联系电话">

                    <el-input />

                  </el-form-item>

                  <el-form-item label="部门智能">

                    <el-select v-model="bmzn" placeholder="请选择">

                      <el-option label="保安" value="1" />

                      <el-option label="后勤" value="2" />

                      <el-option label="管理" value="3" />

                    </el-select>

                  </el-form-item>

                  <el-form-item label="部门职责">

                    <el-input type="textarea" :rows="4" />

                  </el-form-item>

                </el-form>

              </div>

@@ -72,7 +95,7 @@
            </el-card>

          </el-tab-pane>

          <el-tab-pane label="岗位信息" name="second">

            <el-button type="danger">添加岗位</el-button>

            <el-button type="danger" @click="showXzgw">添加岗位</el-button>

            <el-button type="primary">删除岗位</el-button>

            <el-table :data="jobData" style="width: 100%">

              <el-table-column prop="prop0" label="" width="180" />

@@ -84,160 +107,212 @@
        </el-tabs>



      </el-col>

    </el-row>

    </el-row>
    <el-dialog title="新增岗位" :visible.sync="dialogShowXzgw" width="50%">
      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">
        <el-row>
          <el-col span="24">
            <el-form-item label="岗位名称">
              <el-input v-model="name" />
            </el-form-item>
            <el-form-item label="岗位描述">
              <el-input v-model="name" type="textarea" :rows="4" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>

  </div>

</template>

<script>

import Treeselect from '@riophae/vue-treeselect'

import '@riophae/vue-treeselect/dist/vue-treeselect.css'

  import Treeselect from '@riophae/vue-treeselect'

  import '@riophae/vue-treeselect/dist/vue-treeselect.css'



export default {

  name: 'DeptManager',

  components: {

    Treeselect

  },

  data() {

    return {

      activeName: 'first',

      deptName: '',

      buttonLoading: false,

      deptTree: [],

      dept: this.initDept(),

      jobData: [{ 'prop0': '', 'prop1': '1', 'prop2': '市场部总监', 'prop3': '1' }, { 'prop0': '', 'prop1': '2', 'prop2': '市场部经理', 'prop3': '2' }, { 'prop0': '', 'prop1': '3', 'prop2': '高级客户经理', 'prop3': '5' }, { 'prop0': '', 'prop1': '4', 'prop2': '客户经理', 'prop3': '10' }, { 'prop0': '', 'prop1': '5', 'prop2': '销售内勤', 'prop3': '1' }, { 'prop0': '', 'prop1': '6', 'prop2': '销售助理', 'prop3': '1' }],

      rules: {

        deptName: [{

          required: true,

          message: this.$t('rules.require'),

          trigger: 'blur'

        },

        {

          min: 3,

          max: 10,

          message: this.$t('rules.range3to10'),

          trigger: 'blur'

        }

        ]

      }

    }

  },

  mounted() {

    this.initDeptTree()

  },

  methods: {

    initDept() {

  export default {

    name: 'DeptManager',

    components: {

      Treeselect

    },

    data() {

      return {

        deptId: '',

        dialogShowXzgw: false,

        activeName: 'first',

        deptName: '',

        parentId: null,

        orderNum: 0

      }

    },

    initDeptTree() {

      this.$get('system/dept').then((r) => {

        this.deptTree = r.data.data.rows

      })

    },

    exportExcel() {

      this.$download('system/dept/excel', {

        deptName: this.deptName

      }, `dept_${new Date().getTime()}.xlsx`)

    },

    handleNumChange(val) {

      this.dept.orderNum = val

    },

    filterNode(value, data) {

      if (!value) return true

      return data.label.indexOf(value) !== -1

    },

    nodeClick(data) {

      this.dept.parentId = data.parentId

      if (this.dept.parentId === '0') {

        this.dept.parentId = null

      }

      this.dept.orderNum = data.orderNum

      this.dept.deptName = data.label

      this.dept.deptId = data.id

      this.$refs.form.clearValidate()

    },

    add() {

      this.resetForm()

      this.$message({

        message: this.$t('tips.createTips'),

        type: 'info'

      })

    },

    deleteDept() {

      const checked = this.$refs.deptTree.getCheckedKeys()

      if (checked.length === 0) {

        this.$message({

          message: this.$t('tips.noNodeSelected'),

          type: 'warning'

        })

      } else {

        this.$confirm(this.$t('tips.confirmDeleteNode'), this.$t('common.tips'), {

          confirmButtonText: this.$t('common.confirm'),

          cancelButtonText: this.$t('common.cancel'),

          type: 'warning'

        }).then(() => {

          this.dept.deptIds = checked.join(',')

          this.$delete(`system/dept/${this.dept.deptIds}`).then(() => {

            this.$message({

              message: this.$t('tips.deleteSuccess'),

              type: 'success'

            })

            this.reset()

          })

        }).catch(() => {

          this.$refs.deptTree.setCheckedKeys([])

        })

      }

    },

    search() {

      this.$refs.deptTree.filter(this.deptName)

    },

    reset() {

      this.initDeptTree()

      this.deptName = ''

      this.resetForm()

    },

    submit() {

      this.$refs.form.validate((valid) => {

        if (valid) {

          this.buttonLoading = true

          this.dept.createTime = this.dept.modifyTime = null

          if (this.dept.deptId) {

            this.$put('system/dept', { ...this.dept

            }).then(() => {

              this.buttonLoading = false

              this.$message({

                message: this.$t('tips.updateSuccess'),

                type: 'success'

              })

              this.reset()

            })

          } else {

            this.$post('system/dept', { ...this.dept

            }).then(() => {

              this.buttonLoading = false

              this.$message({

                message: this.$t('tips.createSuccess'),

                type: 'success'

              })

              this.reset()

            })

          }

        } else {

          return false

        buttonLoading: false,

        deptTree: [],

        dept: this.initDept(),

        jobData: [{

          'prop0': '',

          'prop1': '1',

          'prop2': '市场部总监',

          'prop3': '1'

        }, {

          'prop0': '',

          'prop1': '2',

          'prop2': '市场部经理',

          'prop3': '2'

        }, {

          'prop0': '',

          'prop1': '3',

          'prop2': '高级客户经理',

          'prop3': '5'

        }, {

          'prop0': '',

          'prop1': '4',

          'prop2': '客户经理',

          'prop3': '10'

        }, {

          'prop0': '',

          'prop1': '5',

          'prop2': '销售内勤',

          'prop3': '1'

        }, {

          'prop0': '',

          'prop1': '6',

          'prop2': '销售助理',

          'prop3': '1'

        }],

        rules: {

          deptName: [{

              required: true,

              message: this.$t('rules.require'),

              trigger: 'blur'

            },

            {

              min: 3,

              max: 10,

              message: this.$t('rules.range3to10'),

              trigger: 'blur'

            }

          ]

        }

      })

      }

    },

    resetForm() {

      this.$refs.form.clearValidate()

      this.$refs.form.resetFields()

      this.dept = this.initDept()

    mounted() {

      this.initDeptTree()

    },

    methods: {

      initDept() {

        return {

          deptId: '',

          deptName: '',

          parentId: null,

          orderNum: 0

        }

      },

      initDeptTree() {

        this.$get('system/dept').then((r) => {

          this.deptTree = r.data.data.rows

        })

      },

      exportExcel() {

        this.$download('system/dept/excel', {

          deptName: this.deptName

        }, `dept_${new Date().getTime()}.xlsx`)

      },

      handleNumChange(val) {

        this.dept.orderNum = val

      },

      filterNode(value, data) {

        if (!value) return true

        return data.label.indexOf(value) !== -1

      },

      nodeClick(data) {

        this.dept.parentId = data.parentId

        if (this.dept.parentId === '0') {

          this.dept.parentId = null

        }

        this.dept.orderNum = data.orderNum

        this.dept.deptName = data.label

        this.dept.deptId = data.id

        this.$refs.form.clearValidate()

      },

      add() {

        this.resetForm()

        this.$message({

          message: this.$t('tips.createTips'),

          type: 'info'

        })

      },

      deleteDept() {

        const checked = this.$refs.deptTree.getCheckedKeys()

        if (checked.length === 0) {

          this.$message({

            message: this.$t('tips.noNodeSelected'),

            type: 'warning'

          })

        } else {

          this.$confirm(this.$t('tips.confirmDeleteNode'), this.$t('common.tips'), {

            confirmButtonText: this.$t('common.confirm'),

            cancelButtonText: this.$t('common.cancel'),

            type: 'warning'

          }).then(() => {

            this.dept.deptIds = checked.join(',')

            this.$delete(`system/dept/${this.dept.deptIds}`).then(() => {

              this.$message({

                message: this.$t('tips.deleteSuccess'),

                type: 'success'

              })

              this.reset()

            })

          }).catch(() => {

            this.$refs.deptTree.setCheckedKeys([])

          })

        }

      },

      search() {

        this.$refs.deptTree.filter(this.deptName)

      },

      reset() {

        this.initDeptTree()

        this.deptName = ''

        this.resetForm()

      },

      submit() {

        this.$refs.form.validate((valid) => {

          if (valid) {

            this.buttonLoading = true

            this.dept.createTime = this.dept.modifyTime = null

            if (this.dept.deptId) {

              this.$put('system/dept', { ...this.dept

              }).then(() => {

                this.buttonLoading = false

                this.$message({

                  message: this.$t('tips.updateSuccess'),

                  type: 'success'

                })

                this.reset()

              })

            } else {

              this.$post('system/dept', { ...this.dept

              }).then(() => {

                this.buttonLoading = false

                this.$message({

                  message: this.$t('tips.createSuccess'),

                  type: 'success'

                })

                this.reset()

              })

            }

          } else {

            return false

          }

        })

      },

      resetForm() {

        this.$refs.form.clearValidate()

        this.$refs.form.resetFields()

        this.dept = this.initDept()

      },

      showXzgw() {

        this.dialogShowXzgw = true

      }

    }

  }

}

</script>

<style lang="scss" scoped>

  .dept {

@@ -266,4 +341,4 @@
  .vue-treeselect__menu {

    max-height: 165px !important;

  }

</style>

</style>

 src/views/febs/system/user/Index.vue

@@ -17,7 +17,20 @@
      <el-button class="filter-item" type="success" @click="reset">
        {{ $t('table.reset') }}
      </el-button>
      <el-dropdown v-has-any-permission="['user:add','user:delete','user:reset','user:export']" trigger="click" class="filter-item">
      <el-button v-has-permission="['user:add']" class="filter-item" type="success" @click.native="add">
        {{ $t('table.add') }}
      </el-button>
      <el-button v-has-permission="['user:delete']" class="filter-item" type="success" @click.native="batchDelete">
        {{ $t('table.delete') }}
      </el-button>
      <el-button v-has-permission="['user:reset']" class="filter-item" type="success" @click.native="resetPassword">
        {{ $t('table.resetPassword') }}
      </el-button>
      <el-button v-has-permission="['user:export']" class="filter-item" type="success" @click.native="exportExcel">
        {{ $t('table.export') }}
      </el-button>

      <!-- <el-dropdown v-has-any-permission="['user:add','user:delete','user:reset','user:export']" trigger="click" class="filter-item">
        <el-button>
          {{ $t('table.more') }}<i class="el-icon-arrow-down el-icon--right" />
        </el-button>
@@ -27,7 +40,7 @@
          <el-dropdown-item v-has-permission="['user:reset']" @click.native="resetPassword">{{ $t('table.resetPassword') }}</el-dropdown-item>
          <el-dropdown-item v-has-permission="['user:export']" @click.native="exportExcel">{{ $t('table.export') }}</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
      </el-dropdown> -->
    </div>

    <el-table
@@ -42,11 +55,23 @@
      @sort-change="sortChange"
    >
      <el-table-column type="selection" align="center" width="40px" />
      <el-table-column :label="$t('table.operation')" align="center" min-width="150px" class-name="small-padding fixed-width">
        <template slot-scope="{row}">
          <i v-hasPermission="['user:view']" class="el-icon-view table-operation" style="color: #87d068;" @click="view(row)" />
          <i v-hasPermission="['user:update']" class="el-icon-setting table-operation" style="color: #2db7f5;" @click="edit(row)" />
          <i v-hasPermission="['user:delete']" class="el-icon-delete table-operation" style="color: #f50;" @click="singleDelete(row)" />
          <el-link v-has-no-permission="['user:view','user:update','user:delete']" class="no-perm">
            {{ $t('tips.noPermission') }}
          </el-link>
        </template>
      </el-table-column>
      <el-table-column :label="$t('table.user.username')" prop="username" :show-overflow-tooltip="true" align="center" min-width="120px">
        <template slot-scope="scope">
          <span>{{ scope.row.username }}</span>
        </template>
      </el-table-column>
      <el-table-column label="用户头像" :show-overflow-tooltip="true" align="center" min-width="120px" />
      <el-table-column label="姓名" :show-overflow-tooltip="true" align="center" min-width="120px" />
      <el-table-column
        :label="$t('table.user.sex')"
        :filters="[{ text: $t('common.sex.male'), value: '0' }, { text: $t('common.sex.female'), value: '1' }, { text: $t('common.sex.secret'), value: '2' }]"
@@ -59,11 +84,13 @@
          </el-tag>
        </template>
      </el-table-column>
      <el-table-column label="手机" :show-overflow-tooltip="true" align="center" min-width="120px" />
      <el-table-column :label="$t('table.user.email')" :show-overflow-tooltip="true" align="center" min-width="150px">
        <template slot-scope="scope">
          <span>{{ scope.row.email }}</span>
        </template>
      </el-table-column>
      <el-table-column label="联系地址" :show-overflow-tooltip="true" align="center" min-width="120px" />
      <el-table-column :label="$t('table.user.dept')" align="center" min-width="100px">
        <template slot-scope="scope">
          <span>{{ scope.row.deptName }}</span>
@@ -86,16 +113,7 @@
          <span>{{ scope.row.createTime }}</span>
        </template>
      </el-table-column>
      <el-table-column :label="$t('table.operation')" align="center" min-width="150px" class-name="small-padding fixed-width">
        <template slot-scope="{row}">
          <i v-hasPermission="['user:view']" class="el-icon-view table-operation" style="color: #87d068;" @click="view(row)" />
          <i v-hasPermission="['user:update']" class="el-icon-setting table-operation" style="color: #2db7f5;" @click="edit(row)" />
          <i v-hasPermission="['user:delete']" class="el-icon-delete table-operation" style="color: #f50;" @click="singleDelete(row)" />
          <el-link v-has-no-permission="['user:view','user:update','user:delete']" class="no-perm">
            {{ $t('tips.noPermission') }}
          </el-link>
        </template>
      </el-table-column>

    </el-table>
    <pagination v-show="total>0" :total="total" :page.sync="pagination.num" :limit.sync="pagination.size" @pagination="search" />
    <user-edit

 src/views/user/inemployees.vue

@@ -139,15 +139,21 @@
          <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />

        </el-aside>

        <el-main>

          <el-table :data="tableData" style="width: 100%">

            <el-table-column fixed="left" label="操作" width="100">

              <template>

                <el-button type="text" size="small" @click="showEmpInfo()">编辑</el-button>

              </template>

            </el-table-column>

            <el-table-column prop="date" label="日期" width="180" />

            <el-table-column prop="name" label="姓名" width="180" />

            <el-table-column prop="address" label="地址" />

          <el-table :data="tableData" style="width: 100%;">

            <el-table-column prop="prop0" label="" width="180" />

            <el-table-column prop="prop1" label="操作" width="180" />

            <el-table-column prop="prop2" label="员工编号" width="180" />

            <el-table-column prop="prop3" label="姓名" width="180" />

            <el-table-column prop="prop4" label="身份证号" width="180" />

            <el-table-column prop="prop5" label="性别" width="180" />

            <el-table-column prop="prop6" label="年龄" width="180" />

            <el-table-column prop="prop7" label="所属部门" width="180" />

            <el-table-column prop="prop8" label="岗位" width="180" />

            <el-table-column prop="prop9" label="入职日期" width="180" />

            <el-table-column prop="prop10" label="最高学历" width="180" />

            <el-table-column prop="prop11" label="籍贯" width="180" />

            <el-table-column prop="prop12" label="联系电话" width="180" />

            <el-table-column prop="prop13" label="员工状态" width="180" />

          </el-table>

        </el-main>

      </el-container>

@@ -924,107 +930,286 @@
  </div>

</template>

<script>

export default {

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      dialogShowYgdg: false,

      dialogShowDryg: false,

      dialogShowGbda: false,

      tableData: [{

        date: '2016-05-02',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1518 弄'

      }, {

        date: '2016-05-04',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1517 弄'

      }, {

        date: '2016-05-01',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1519 弄'

      }, {

        date: '2016-05-03',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1516 弄'

      }],

      data: [{

        label: '一级 1',

        children: [{

          label: '二级 1-1',

          children: [{

            label: '三级 1-1-1'

          }]

        }]

      },

      {

        label: '一级 2',

        children: [{

          label: '二级 2-1',

          children: [{

            label: '三级 2-1-1'

          }]

        },

        {

          label: '二级 2-2',

          children: [{

            label: '三级 2-2-1'

          }]

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        dialogShowYgdg: false,

        dialogShowDryg: false,

        dialogShowGbda: false,

        tableData: [{

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2100452312',

          'prop3': '赵建国',

          'prop4': '510304197402225813',

          'prop5': '男',

          'prop6': '46',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '高中',

          'prop11': '广东省番禺市',

          'prop12': '133023187889',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2101620946',

          'prop3': '罗启艳',

          'prop4': '41272619740120543X',

          'prop5': '女',

          'prop6': '46',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '高中',

          'prop11': '广东省番禺市',

          'prop12': '189135789889',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2100629950',

          'prop3': '毛玉平',

          'prop4': '522528198202071629',

          'prop5': '男',

          'prop6': '38',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '高中',

          'prop11': '广东省番禺市',

          'prop12': '135098784561',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2100882835',

          'prop3': '梅均均',

          'prop4': '510504198704260927',

          'prop5': '女',

          'prop6': '33',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '高中',

          'prop11': '广东省番禺市',

          'prop12': '133023187889',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2101356718',

          'prop3': '王香妮',

          'prop4': '433122199508091511',

          'prop5': '女',

          'prop6': '25',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '大专',

          'prop11': '广东省番禺市',

          'prop12': '189135789889',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2100900981',

          'prop3': '易金洪',

          'prop4': '610424198306152860',

          'prop5': '男',

          'prop6': '39',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '大专',

          'prop11': '广东省番禺市',

          'prop12': '135098784561',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2101529670',

          'prop3': '李忠敏',

          'prop4': '511123198602016016',

          'prop5': '男',

          'prop6': '32',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '大专',

          'prop11': '广东省番禺市',

          'prop12': '133023187889',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2101578011',

          'prop3': '徐健',

          'prop4': '512927197202166053',

          'prop5': '男',

          'prop6': '48',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '大专',

          'prop11': '广东省番禺市',

          'prop12': '189135789889',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2100326122',

          'prop3': '曾昌玖',

          'prop4': '510322197606103351',

          'prop5': '男',

          'prop6': '44',

          'prop7': '一分公司',

          'prop8': '经理',

          'prop9': '2019-08-01',

          'prop10': '本科',

          'prop11': '广东省番禺市',

          'prop12': '135098784561',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2101788698',

          'prop3': '赵高',

          'prop4': '511123197510263074',

          'prop5': '男',

          'prop6': '45',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '大专',

          'prop11': '广东省番禺市',

          'prop12': '133023187889',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2101861146',

          'prop3': '王忠山',

          'prop4': '522426199904290419',

          'prop5': '男',

          'prop6': '21',

          'prop7': '一分公司',

          'prop8': '主管',

          'prop9': '2019-08-01',

          'prop10': '大专',

          'prop11': '广东省番禺市',

          'prop12': '189135789889',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2100315416',

          'prop3': '严福林',

          'prop4': '433130197205180710',

          'prop5': '男',

          'prop6': '48',

          'prop7': '一分公司',

          'prop8': '经理',

          'prop9': '2019-08-01',

          'prop10': '本科',

          'prop11': '广东省番禺市',

          'prop12': '135098784561',

          'prop13': '在职'

        }, {

          'prop0': '',

          'prop1': '编辑',

          'prop2': '2101382208',

          'prop3': '叶金云',

          'prop4': '512923197703020639',

          'prop5': '男',

          'prop6': '43',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '高中',

          'prop11': '广东省番禺市',

          'prop12': '1350987861234',

          'prop13': '在职'

        }],

        data: [{

            label: '一级 1',

            children: [{

              label: '二级 1-1',

              children: [{

                label: '三级 1-1-1'

              }]

            }]

          },

          {

            label: '一级 2',

            children: [{

                label: '二级 2-1',

                children: [{

                  label: '三级 2-1-1'

                }]

              },

              {

                label: '二级 2-2',

                children: [{

                  label: '三级 2-2-1'

                }]

              }

            ]

          },

          {

            label: '一级 3',

            children: [{

                label: '二级 3-1',

                children: [{

                  label: '三级 3-1-1'

                }]

              },

              {

                label: '二级 3-2',

                children: [{

                  label: '三级 3-2-1'

                }]

              }

            ]

          }

        ],

        defaultProps: {

          children: 'children',

          label: 'label'

        }

        ]

      }

    },

    methods: {

      handleNodeClick(data) {

        console.log(data)

      },

      {

        label: '一级 3',

        children: [{

          label: '二级 3-1',

          children: [{

            label: '三级 3-1-1'

          }]

        },

        {

          label: '二级 3-2',

          children: [{

            label: '三级 3-2-1'

          }]

      advancedQueryShowMethods() {

        if (this.advancedQueryShow) {

          this.headerHeight = '70px'

          this.advancedQueryShow = false

        } else {

          this.headerHeight = '350px'

          this.advancedQueryShow = true

        }

        ]

      },

      showEmpInfo() {

        this.dialogTableVisible = true

      },

      showYgdg() {

        this.dialogShowYgdg = true

      },

      showDryg() {

        this.dialogShowDryg = true

      },

      showGbda() {

        this.dialogShowGbda = true

      }

      ],

      defaultProps: {

        children: 'children',

        label: 'label'

      }

    }

  },

  methods: {

    handleNodeClick(data) {

      console.log(data)

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '350px'

        this.advancedQueryShow = true

      }

    },

    showEmpInfo() {

      this.dialogTableVisible = true

    },

    showYgdg() {

      this.dialogShowYgdg = true

    },

    showDryg() {

      this.dialogShowDryg = true

    },

    showGbda() {

      this.dialogShowGbda = true

    }

  }

}

</script>

<style lang="scss">

  .el-aside {

@@ -1095,4 +1280,4 @@
  .del_button {

    color: #D9001B;

  }

</style>

</style>

 src/views/user/outemployess.vue

@@ -137,15 +137,21 @@
          <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />

        </el-aside>

        <el-main>

          <el-table :data="tableData" style="width: 100%">

            <el-table-column fixed="left" label="操作" width="100">

              <template>

                <el-button type="text" size="small" @click="showEmpInfo()">编辑</el-button>

              </template>

            </el-table-column>

            <el-table-column prop="date" label="日期" width="180" />

            <el-table-column prop="name" label="姓名" width="180" />

            <el-table-column prop="address" label="地址" />

          <el-table :data="tableData" style="width: 100%;">

            <el-table-column prop="prop0" label="" width="180" />

            <el-table-column prop="prop1" label="操作" width="180" />

            <el-table-column prop="prop2" label="员工编号" width="180" />

            <el-table-column prop="prop3" label="姓名" width="180" />

            <el-table-column prop="prop4" label="身份证号" width="180" />

            <el-table-column prop="prop5" label="性别" width="180" />

            <el-table-column prop="prop6" label="年龄" width="180" />

            <el-table-column prop="prop7" label="所属部门" width="180" />

            <el-table-column prop="prop8" label="岗位" width="180" />

            <el-table-column prop="prop9" label="入职日期" width="180" />

            <el-table-column prop="prop10" label="最高学历" width="180" />

            <el-table-column prop="prop11" label="籍贯" width="180" />

            <el-table-column prop="prop12" label="联系电话" width="180" />

            <el-table-column prop="prop13" label="员工状态" width="180" />

          </el-table>

        </el-main>

      </el-container>

@@ -856,99 +862,278 @@
  </div>

</template>

<script>

export default {

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      dialogShowDkda: false,

      tableData: [{

        date: '2016-05-02',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1518 弄'

      }, {

        date: '2016-05-04',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1517 弄'

      }, {

        date: '2016-05-01',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1519 弄'

      }, {

        date: '2016-05-03',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1516 弄'

      }],

      data: [{

        label: '一级 1',

        children: [{

          label: '二级 1-1',

          children: [{

            label: '三级 1-1-1'

          }]

        }]

      },

      {

        label: '一级 2',

        children: [{

          label: '二级 2-1',

          children: [{

            label: '三级 2-1-1'

          }]

        },

        {

          label: '二级 2-2',

          children: [{

            label: '三级 2-2-1'

          }]

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        dialogShowDkda: false,

        tableData: [{

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100452312',

          'prop3': '赵建国',

          'prop4': '510304197402225813',

          'prop5': '男',

          'prop6': '46',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '133023187889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101620946',

          'prop3': '罗启艳',

          'prop4': '41272619740120543X',

          'prop5': '女',

          'prop6': '46',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '189135789889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100629950',

          'prop3': '毛玉平',

          'prop4': '522528198202071629',

          'prop5': '男',

          'prop6': '38',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '135098784561',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100882835',

          'prop3': '梅均均',

          'prop4': '510504198704260927',

          'prop5': '女',

          'prop6': '33',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '133023187889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101356718',

          'prop3': '王香妮',

          'prop4': '433122199508091511',

          'prop5': '女',

          'prop6': '25',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '189135789889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100900981',

          'prop3': '易金洪',

          'prop4': '610424198306152860',

          'prop5': '男',

          'prop6': '39',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '135098784561',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101529670',

          'prop3': '李忠敏',

          'prop4': '511123198602016016',

          'prop5': '男',

          'prop6': '32',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '133023187889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101578011',

          'prop3': '徐健',

          'prop4': '512927197202166053',

          'prop5': '男',

          'prop6': '48',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '189135789889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100326122',

          'prop3': '曾昌玖',

          'prop4': '510322197606103351',

          'prop5': '男',

          'prop6': '44',

          'prop7': '一分公司',

          'prop8': '经理',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '本科',

          'prop12': '135098784561',

          'prop13': '自动离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101788698',

          'prop3': '赵高',

          'prop4': '511123197510263074',

          'prop5': '男',

          'prop6': '55',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '133023187889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101861146',

          'prop3': '王忠山',

          'prop4': '522426199904290419',

          'prop5': '男',

          'prop6': '21',

          'prop7': '一分公司',

          'prop8': '主管',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '189135789889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100315416',

          'prop3': '严福林',

          'prop4': '433130197205180710',

          'prop5': '男',

          'prop6': '55',

          'prop7': '一分公司',

          'prop8': '经理',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '本科',

          'prop12': '135098784561',

          'prop13': '自动离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101382208',

          'prop3': '叶金云',

          'prop4': '512923197703020639',

          'prop5': '男',

          'prop6': '43',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '1350987861234',

          'prop13': '正常离职'

        }],

        data: [{

            label: '一级 1',

            children: [{

              label: '二级 1-1',

              children: [{

                label: '三级 1-1-1'

              }]

            }]

          },

          {

            label: '一级 2',

            children: [{

                label: '二级 2-1',

                children: [{

                  label: '三级 2-1-1'

                }]

              },

              {

                label: '二级 2-2',

                children: [{

                  label: '三级 2-2-1'

                }]

              }

            ]

          },

          {

            label: '一级 3',

            children: [{

                label: '二级 3-1',

                children: [{

                  label: '三级 3-1-1'

                }]

              },

              {

                label: '二级 3-2',

                children: [{

                  label: '三级 3-2-1'

                }]

              }

            ]

          }

        ],

        defaultProps: {

          children: 'children',

          label: 'label'

        }

        ]

      }

    },

    methods: {

      handleNodeClick(data) {

        console.log(data)

      },

      {

        label: '一级 3',

        children: [{

          label: '二级 3-1',

          children: [{

            label: '三级 3-1-1'

          }]

        },

        {

          label: '二级 3-2',

          children: [{

            label: '三级 3-2-1'

          }]

      advancedQueryShowMethods() {

        if (this.advancedQueryShow) {

          this.headerHeight = '70px'

          this.advancedQueryShow = false

        } else {

          this.headerHeight = '300px'

          this.advancedQueryShow = true

        }

        ]

      },

      showEmpInfo() {

        this.dialogTableVisible = true

      },

      showDkda() {

        this.dialogShowDkda = true

      }

      ],

      defaultProps: {

        children: 'children',

        label: 'label'

      }

    }

  },

  methods: {

    handleNodeClick(data) {

      console.log(data)

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '300px'

        this.advancedQueryShow = true

      }

    },

    showEmpInfo() {

      this.dialogTableVisible = true

    },

    showDkda() {

      this.dialogShowDkda = true

    }

  }

}

</script>

<style lang="scss">

  .el-aside {

@@ -1019,4 +1204,4 @@
  .del_button {

    color: #D9001B;

  }

</style>

</style>

 src/views/yunpan/fujian.vue

@@ -134,7 +134,7 @@
      </el-header>

      <el-container>

        <el-main>

          <el-table :data="tableData" style="width: 100%">

          <el-table :data="tableData" style="width: 100%;height: 90%;">

            <el-table-column prop="prop0" label="" width="180" />

            <el-table-column prop="prop1" label="操作" width="180" />

            <el-table-column prop="prop2" label="姓名" width="180" />