按钮级别的新版本,多级别的组织架构
loulijun2021
2023-08-25 3fce634eeb56f9425d5e745b1d4333da962fc3d7
src/views/basicSettings/personList.vue
@@ -22,8 +22,9 @@
          <el-tree
            ref="treeLeftRef"
            key="treeLeftKey"
            style="padding: 10px;overflow: auto;"
            :style="{height:(tableHeight+140)+'px'}"
            :style="{height:(tableHeight+180)+'px'}"
            :data="treeLeft"
            node-key="torg_code"
            highlight-current
@@ -55,6 +56,24 @@
                <el-form-item label="用户名称" style=" display: flex;">
                  <el-input v-model="form.username" placeholder="请输入" style="width: 200px" />
                </el-form-item>
                <!--                <el-form-item label="用户编码" style=" display: flex;">-->
                <!--                  <el-input v-model="form.usercode" placeholder="请输入" style="width: 200px" />-->
                <!--                </el-form-item>-->
                <!--                <el-form-item v-show="isExpandForm" label="用户名称" style=" display: flex;">-->
                <!--                  <el-input v-model="form.username" placeholder="请输入" style="width: 200px" />-->
                <!--                </el-form-item>-->
                <!--                <el-form-item v-show="isExpandForm" label="用户编码" style=" display: flex;">-->
                <!--                  <el-input v-model="form.usercode" placeholder="请输入" style="width: 200px" />-->
                <!--                </el-form-item>-->
                <!--                <el-form-item v-show="isExpandForm" label="用户名称" style=" display: flex;">-->
                <!--                  <el-input v-model="form.username" placeholder="请输入" style="width: 200px" />-->
                <!--                </el-form-item>-->
                <!--                <el-form-item v-show="isExpandForm" label="用户编码" style=" display: flex;">-->
                <!--                  <el-input v-model="form.usercode" placeholder="请输入" style="width: 200px" />-->
                <!--                </el-form-item>-->
                <!--                <el-form-item v-show="isExpandForm" label="用户名称" style=" display: flex;">-->
                <!--                  <el-input v-model="form.username" placeholder="请输入" style="width: 200px" />-->
                <!--                </el-form-item>-->
              </div>
              <div
                class="bodySearchReset"
@@ -64,7 +83,24 @@
                <el-button v-waves type="info" icon="el-icon-refresh" @click="reset">重置</el-button>
              </div>
            </el-form>
            <div
              class="bodyTopFormExpand"
              style="height: 5px;"
            >
              <!--              <svg-icon-->
              <!--                v-show="mouseHoverType==='mouseout'"-->
              <!--                style="cursor: pointer"-->
              <!--                :icon-class="!isExpandForm?'doubleDown3':'doubleUp3'"-->
              <!--                @mouseenter="mouseHoverType=$event.type"-->
              <!--              />-->
              <!--              <svg-icon-->
              <!--                v-show="mouseHoverType==='mouseenter'"-->
              <!--                style="cursor: pointer"-->
              <!--                :icon-class="!isExpandForm?'doubleDown':'doubleUp'"-->
              <!--                @click="isExpandForm=!isExpandForm"-->
              <!--                @mouseout="mouseHoverType=$event.type"-->
              <!--              />-->
            </div>
          </div>
          <div class="elTableDiv">
@@ -72,10 +108,10 @@
              ref="tableDataRef"
              class="tableFixed"
              :data="tableData"
              :height="tableHeight+'px'"
              :height="isExpandForm?tableHeight:(tableHeight+80)+'px'"
              border
              row-class-name="custom-row"
              :style="{width: 100+'%',height:tableHeight+'px',}"
              :style="{width: 100+'%',height:isExpandForm?tableHeight:(tableHeight+80)+'px',}"
              highlight-current-row
              :header-cell-style="this.$headerCellStyle"
              :cell-style="this.$cellStyle"
@@ -121,6 +157,7 @@
                prop="email"
                label="邮箱"
                sortable="custom"
                show-overflow-tooltip
              >
                <template slot-scope="{row}">
                  {{ row.email ? row.email : '/' }}
@@ -130,6 +167,7 @@
                prop="mobile"
                label="号码"
                sortable="custom"
                show-overflow-tooltip
              >
                <template slot-scope="{row}">
                  {{ row.mobile ? row.mobile : '/' }}
@@ -139,6 +177,7 @@
                prop="postname"
                label="岗位"
                sortable="custom"
                show-overflow-tooltip
              >
                <template slot-scope="{row}">
                  {{ row.postname ? row.postname : '/' }}
@@ -148,13 +187,24 @@
                prop="rolename"
                label="角色"
                sortable="custom"
                show-overflow-tooltip
              >
                <template slot-scope="{row}">
                  {{ row.rolename ? row.rolename : '/' }}
                </template>
              </el-table-column>
              <el-table-column
                prop="username"
                prop="group_name"
                label="班组"
                sortable="custom"
                show-overflow-tooltip
              >
                <template slot-scope="{row}">
                  {{ row.group_name ? row.group_name : '/' }}
                </template>
              </el-table-column>
              <el-table-column
                prop="createusername"
                label="创建人员"
                sortable="custom"
              />
@@ -381,6 +431,8 @@
      }
    }
    return {
      mouseHoverType: 'mouseout',
      isExpandForm: false,
      mainHeight: 0,
      tableHeight: 0,
      form: {
@@ -475,8 +527,10 @@
        customID: 'torg_code',
        childrenProperty: 'children'
      })
      this.treeLeft = this.cascaderOptions
      this.$nextTick(() => {
        this.treeLeft = this.cascaderOptions
        this.$forceUpdate()
      })
    },
    // 岗位 角色 班组
    async getAllSelectData() {
@@ -602,7 +656,6 @@
    handleClose() {
      this.dialogForm.usercode = ''
      this.dialogForm.username = ''
      this.dialogForm.storg_code = ''
      this.dialogForm.status = 'Y'
      this.dialogForm.post_code = []
@@ -611,6 +664,8 @@
      this.dialogForm.password = '123456'
      this.dialogForm.mobile = ''
      this.dialogForm.email = ''
      // this.dialogForm.storg_code = ''
      this.$refs.cascader.checkedValue = ''
      this.$refs.dialogForm.clearValidate()
@@ -646,7 +701,7 @@
    getHeight() {
      this.$nextTick(() => {
        this.mainHeight = window.innerHeight - 85
        this.tableHeight = this.mainHeight - 200
        this.tableHeight = this.mainHeight - 280
        this.$refs.tableDataRef.doLayout()
      })
    }