Merge remote-tracking branch 'origin/master'

yz_08

2021-02-02 9ca14d8c895e7301b127ccd61b39ee821fef8981

Merge remote-tracking branch 'origin/master'

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

@@ -22,110 +22,78 @@
              </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>

      <el-col :xs="24" :sm="12">

        <el-tabs v-model="activeName">

          <el-tab-pane label="部门信息" name="first">

            <el-card class="box-card">

              <div slot="header" class="clearfix">

                <span>{{ dept.deptId === '' ? this.$t('common.add') : this.$t('common.edit') }}</span>

              </div>

              <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"

                      :clear-value-text="$t('common.clear')"

                      placeholder=" "

                      style="width:100%"

                    />

                  </el-form-item>

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

                    <el-input v-model="dept.deptName" />

                  </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>

            </el-card>

            <el-card class="box-card" style="margin-top: -2rem;">

              <el-row>

                <el-col :span="24" style="text-align: right">

                  <el-button type="primary" plain :loading="buttonLoading" @click="submit">{{ dept.deptId === '' ? this.$t('common.add') : this.$t('common.edit') }}</el-button>

                </el-col>

              </el-row>

            </el-card>

          </el-tab-pane>

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

            <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" />

              <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>

          </el-tab-pane>

        </el-tabs>

        <el-card class="box-card">

          <div slot="header" class="clearfix">

            <span>{{ dept.deptId === '' ? this.$t('common.add') : this.$t('common.edit') }}</span>

          </div>

          <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"
                  :clear-value-text="$t('common.clear')"

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

              </el-form-item>

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

                <el-input v-model="dept.deptName" />

              </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>

        </el-card>

        <el-card class="box-card" style="margin-top: -2rem;">

          <el-row>

            <el-col :span="24" style="text-align: right">

              <el-button type="primary" plain :loading="buttonLoading" @click="submit">{{ dept.deptId === '' ? this.$t('common.add') : this.$t('common.edit') }}</el-button>

            </el-col>

          </el-row>

        </el-card>



      </el-col>

    </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>

@@ -145,37 +113,6 @@
      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,

@@ -307,9 +244,6 @@
      this.$refs.form.clearValidate()

      this.$refs.form.resetFields()

      this.dept = this.initDept()

    },

    showXzgw() {

      this.dialogShowXzgw = true

    }

  }

}

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

    max-height: 165px !important;

  }

</style>

</style>

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

New file
@@ -0,0 +1,81 @@
<template>

  <div>

    <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" />

      <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>



    <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>

export default {

  data() {

    return {
      dialogShowXzgw: false,

      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'

      }]

    }

  },

  methods: {

    showXzgw() {

      this.dialogShowXzgw = true

    }

  }

}

</script>



<style>

</style>

 src/views/user/Informationinput.vue

@@ -89,13 +89,6 @@
          <el-table-column prop="guardNumb" label="保安员证号" width="180" />
          <el-table-column prop="archivesNumber" label="档案编号" width="180" />
          <el-table-column prop="archivesStatus" label="档案情况" width="180" />
          <!--          <el-row>-->
          <!--            <el-col :span="24" class="button-from">-->
          <!--              <el-button type="info">提交</el-button>-->
          <!--              <el-button type="warning">暂存</el-button>-->
          <!--              <el-button type="danger">取消</el-button>-->
          <!--            </el-col>-->
          <!--          </el-row>-->
        </el-table>
        <el-table
          v-show="showArr[1].show"
@@ -317,13 +310,6 @@
          <el-table-column prop="sbumitBy" label="递交人" width="180" />
          <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
          <el-table-column prop="compensated" label="已赔付医药费用" width="180" />
          <!--          <el-row>-->
          <!--            <el-col :span="24" class="button-from">-->
          <!--              <el-button type="info">提交</el-button>-->
          <!--              <el-button type="warning">暂存</el-button>-->
          <!--              <el-button type="danger">取消</el-button>-->
          <!--            </el-col>-->
          <!--          </el-row>-->
        </el-table>
        <el-table v-show="showArr[11].show" ref="occupationalTable" :data="laborTroubleData" style="width: 100%;height: 70%;">
          <el-table-column type="selection" width="55" />
@@ -372,7 +358,6 @@
          <el-table-column prop="reporter" label="汇报人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
        </el-table>

        <el-table v-show="showArr[13].show" ref="remarkInfoTable" :data="remarkInfoData" style="width: 100%;height: 70%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
@@ -479,7 +464,6 @@
                <el-option label="外国民族" value="98" />
              </el-select>
            </el-form-item>

            <el-form-item label="婚姻状态" prop="region">
              <el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态">
                <el-option label="未婚" value="1" />
@@ -493,7 +477,6 @@
            <el-form-item label="身高(cm)">
              <el-input v-model="empBaseInfoForm.stature" />
            </el-form-item>

            <el-form-item label="政治面貌" prop="region">
              <el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌">
                <el-option label="中共党员" value="01" />
@@ -589,8 +572,18 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="护卫点">
              <el-input v-model="empBaseInfoForm.deptName" />
            <!--            <el-form-item label="护卫点">-->
            <!--              <el-input v-model="empBaseInfoForm.deptName" />-->
            <!--            </el-form-item>-->
            <el-form-item label="护卫点" prop="deptId">
              <treeselect
                v-model="empBaseInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="姓名">
              <el-input v-model="empBaseInfoForm.empName" />
@@ -1069,7 +1062,6 @@
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="辞职申请" :visible.sync="dialogshowArr[6].show" width="50%">
      <el-form :model="resignForm" label-position="right" label-width="120px">
        <el-row>
@@ -1125,12 +1117,11 @@
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="失业金领取" :visible.sync="dialogshowArr[7].show" width="50%">
      <el-form :model="unemploymentForm" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
            <el-form-item label="员工编号🔍" @click.native="showXzyg">
              <el-input v-model="unemploymentForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
@@ -1181,7 +1172,6 @@
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="社保申请" :visible.sync="dialogshowArr[8].show" width="50%">
      <el-form :model="insuranceForm" label-position="right" label-width="120px">
        <el-row>
@@ -1208,7 +1198,7 @@
              <el-input v-model="insuranceForm.insuranceGaers" />
            </el-form-item>
            <el-form-item label="状态" prop="region">
              <el-select v-model="contractData.applayStatus" placeholder="请选择状态">
              <el-select v-model="insuranceForm.applayStatus" placeholder="请选择状态">
                <el-option label="未申请" value="1" />
                <el-option label="已申请" value="2" />
              </el-select>
@@ -1224,7 +1214,7 @@
              <el-input v-model="insuranceForm.proposer" />
            </el-form-item>
            <el-form-item label="是否已经报告" prop="region">
              <el-select v-model="contractData.reportStatus" placeholder="是否已经报告">
              <el-select v-model="insuranceForm.reportStatus" placeholder="是否已经报告">
                <el-option label="未报告" value="1" />
                <el-option label="已报告" value="2" />
              </el-select>
@@ -1248,7 +1238,6 @@
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="意外险案件" :visible.sync="dialogshowArr[9].show" width="50%">
      <el-form :model="accidentCasesForm" label-position="right" label-width="120px">
        <el-row>
@@ -1376,7 +1365,6 @@
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="工伤案件" :visible.sync="dialogshowArr[10].show" width="50%">
      <el-form :model="occupationalForm" label-position="right" label-width="140px">
        <el-row>
@@ -1527,7 +1515,7 @@
              <el-input v-model="occupationalForm.companyCompensation" />
            </el-form-item>
            <el-form-item label="是否结案" prop="region">
              <el-select v-model="contractData.settleStatus" placeholder="">
              <el-select v-model="occupationalForm.settleStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
              </el-select>
@@ -1549,7 +1537,6 @@
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="劳资案件" :visible.sync="dialogshowArr[11].show" width="50%">
      <el-form :model="laborTroubleForm" label-position="right" label-width="140px">
        <el-row>
@@ -1625,7 +1612,6 @@
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="不良记录" :visible.sync="dialogshowArr[12].show" width="50%">
      <el-form :model="badRecordForm" label-position="right" label-width="140px">
        <el-row>
@@ -1681,7 +1667,6 @@
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog title="备注信息" :visible.sync="dialogshowArr[13].show" width="50%">
      <el-form :model="remarkInfoForm" label-position="right" label-width="140px">
        <el-row>
@@ -1728,14 +1713,21 @@
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>
    <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="90%">
      <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" />
    </el-dialog>
  </div>
</template>
<script>
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
  components: { Treeselect },
  data() {
    return {
      formLabelWidth: '120px',
      thisShowIndex: 0,
      dialogShowXzyg: false,
      dialogshowArr: [
        {
          show: false
@@ -1826,10 +1818,12 @@
        }
      ],
      isAdd: false,
      depts: [],
      deptTree: [],
      physicalExamData: [],
      workExperienceData: [],
      basicInformationData: [],
      contractData: [],
      contractInfoData: [],
      attendanceData: [],
      leaveInfoData: [],
      resignData: [],
@@ -2237,6 +2231,7 @@
    }
  },
  mounted() {
    this.initDept()
    this.selectBadRecord()
    this.selectEmpBase()
    this.selectWorkExperience()
@@ -2267,6 +2262,21 @@
        this.showArr[this.thisShowIndex].show = false
      }
      this.thisShowIndex = index
    },
    initDept() {
      this.$get('system/dept').then((r) => {
        this.depts = r.data.data.rows
        this.deptTree = this.depts
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    resetDeptTree() {
      this.$refs.deptTree.setCheckedKeys([])
    },
    butDelete() {
      switch (this.thisShowIndex) {
@@ -3997,6 +4007,20 @@
      this.remarkInfoForm.version = row.version

      this.dialogshowArr[13].show = true
    },
    showXzyg() {
      this.dialogShowXzyg = true
    },
    cancleChooseUser() {
      this.dialogShowXzyg = false
    },
    selectedUser(users) {
      for (var i = 0; i < users.length; i++) {
        var data = users[i]
        this.unemploymentForm.empNumb = data.username
        this.unemploymentForm.sex = data.sex
      }
      this.dialogShowXzyg = false
    }
  }
}

 src/views/user/outemployess.vue

@@ -1152,7 +1152,7 @@
      var names = ''
      for (var i = 0; i < users.length; i++) {
        var data = users[i]
        names += data.prop2 + ','
        names += data.username + ','
      }
      alert('已选择人员' + names)
      console.log(users)

 src/views/user/selectuser.vue

@@ -163,21 +163,57 @@
      </el-header>

      <el-container>

        <el-aside width="400px">

          <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />

          <el-tree
            ref="tree"
            :data="deptTree"
            :check-strictly="true"
            show-checkbox
            accordion
            node-key="id"
            highlight-current
            default-expand-all
            :filter-node-method="filterNode"
            @node-click="nodeClick"
          />

        </el-aside>

        <el-main>

          <el-table

            ref="multipleTable"

            :data="tableData"

            style="width: 100%;height: 90%;"

          <el-table
            ref="multipleTable"
            :data="list"
            style="width: 100%;height: 80%;"
            row-key="prop1"

            @selection-change="handleSelectionChange"

            @selection-change="handleSelectionChange"
          >

            <el-table-column type="selection" :reserve-selection="true" width="55" />

            <el-table-column prop="prop0" label="序号" />

            <el-table-column prop="prop1" label="员工编号" />

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

          </el-table>

            <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="$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="$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' }]"
              :filter-method="filterSex"
              class-name="status-col"
            >
              <template slot-scope="{row}">
                <el-tag :type="row.sex | sexFilter">
                  {{ transSex(row.sex) }}
                </el-tag>
              </template>
            </el-table-column>
          </el-table>
          <!--
          page.sync 当前页
          limit.sync 每页显示数量 只能是5，10，20，30，50
          pagination 翻页的事件
           -->
          <pagination v-show="total>0" :total="total" :page.sync="pagination.num" :limit.sync="pagination.size" @pagination="search" />

          <el-button type="primary" @click="sureChoose">确定</el-button>

          <el-button type="danger" @click="cancleChoose">取消</el-button>

        </el-main>

@@ -185,102 +221,96 @@
    </el-container>

  </div>

</template>

<script>

export default {

<script>
// 引用翻页组件
import Pagination from '@/components/Pagination'

export default {
  components: { Pagination },

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      multipleSelection: [],

      tableData: [{

        'prop0': '1',

        'prop1': '2100452312',

        'prop2': '赵建国',

        'prop3': '男',

        'prop4': '510304197402225813',

        'prop5': '10',

        'prop6': '汉族',

        'prop7': '170',

        'prop8': '46',

        'prop9': '党员',

        'prop10': '大专',

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

        'prop12': '',

        'prop13': '',

        'prop14': '已移交',

        'prop15': '在职',

        'prop16': '133023187889'

      }, {

        'prop0': '2',

        'prop1': '2101620946',

        'prop2': '罗启艳',

        'prop3': '女',

        'prop4': '41272619740120543X',

        'prop5': '10',

        'prop6': '汉族',

        'prop7': '175',

        'prop8': '46',

        'prop9': '团员',

        'prop10': '高中',

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

        'prop12': '',

        'prop13': '',

        'prop14': '已移交',

        'prop15': '在职',

        'prop16': '189135789889'

      }],

      data: [{

        label: '一级 1',

        children: [{

          label: '二级 1-1',

          children: [{

            label: '三级 1-1-1'

          }]

        }]

      headerHeight: '70px',
      deptTree: [],

      advancedQueryShow: false,
      selection: [],

      multipleSelection: [],
      total: 0, // 总数量
      queryParams: {}, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 5,
        num: 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'

          }]

        }

        ]

      }

      ],

      list: [], // 给table显示的数据
      defaultProps: {

        children: 'children',

        label: 'label'

      }

    }

  },
  mounted() {
    this.initDeptTree()
    // 初始加载
    this.fetch()
  },

  methods: {

    handleNodeClick(data) {

      console.log(data)

  methods: {
    initDept() {
      return {
        deptId: '',
        deptName: '',
        parentId: null,
        orderNum: 0
      }
    },
    transSex(sex) {
      switch (sex) {
        case '0':
          return this.$t('common.sex.male')
        case '1':
          return this.$t('common.sex.female')
        default:
          return this.$t('common.sex.secret')
      }
    },
    filterSex(value, row) {
      return row.sex === value
    },
    // 翻页方法
    search() {
      this.fetch({
        ...this.queryParams,
        ...this.sort
      })
    },
    fetch(params = {}) {
      var that = this
      params.pageSize = this.pagination.size
      params.pageNum = this.pagination.num
      this.$get('system/user', {
        ...params
      }).then((r) => {
        const data = r.data.data
        that.total = data.total
        that.list = data.rows
      })
    },

    initDeptTree() {
      this.$get('system/dept').then((r) => {
        this.deptTree = r.data.data.rows
      })
    },
    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
    },

    handleSelectionChange(val) {

      this.multipleSelection = val

@@ -294,14 +324,11 @@
        this.advancedQueryShow = true

      }

    },

    showEmpInfo() {

      this.dialogTableVisible = true

    },

    sureChoose() {

      this.$emit('selectedUser', this.multipleSelection)

    },

    cancleChoose() {

      this.$emit('cancleChooseUser')

    },
    cancleChoose() {
      this.$emit('cancleChooseUser')
    }

  }

}

@@ -375,4 +402,4 @@
  .del_button {

    color: #D9001B;

  }

</style>

</style>