人员明细功能修改

value

2024-05-22 bc2023d47d12934448b343221dac69fecde20b9f

 src/components/view/a6-personnel-detail.vue

@@ -10,6 +10,7 @@
      background-color: white;
      padding: 15px;
   }

  .el-tree{
    height: calc(100% - 37px);
    overflow-y: auto;
@@ -56,6 +57,7 @@
      user-select: none;
    overflow-y: auto;
   }

  .sort{
    width: 80% !important;
    overflow: hidden;
@@ -112,8 +114,7 @@
         <el-tree :data="list" ref="tree" :props="{ children: 'children', label: 'name' }" node-key="id"
            :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen"
            @node-collapse="nodeClose" v-loading="treeLoad" :expand-on-click-node="false"
            :default-expanded-keys="expandedKeys"
        :default-checked-keys="[1]">
        :default-expanded-keys="expandedKeys" :default-checked-keys="[1]">
            <div class="custom-tree-node" slot-scope="{ node, data }">
               <el-row style="width: 100%;">
                  <el-col :span="21" :class="{sort:node.level>3}">
@@ -137,17 +138,19 @@
          <div class="search">
            <div class="search_thing">
              <div class="search_label">人员名称：</div>
              <div class="search_input"><el-input size="small" placeholder="请输入" clearable v-model="componentData.entity.name"></el-input></div>
              <div class="search_input">
                <el-input size="small" placeholder="请输入" clearable v-model="componentData.entity.name"
                  @keyup.enter.native="refreshTable()" @clear="refreshTable"></el-input>
            </div>
            <div class="search_thing" style="padding-left: 30px;width: 120px;">
              <el-button size="small" @click="refresh()">重 置</el-button>
                <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
              <div class="search_label">
                <el-button type="primary" size="small" @click="selectUserDia = true">添加</el-button>
              </div>
            </div>
          </div>
            </el-col>
         </el-row>
         <el-row class="standard_table" v-loading="tableLoad">
            <ValueTable ref="ValueTable" :url="$api.department.showUserById" :componentData="componentData" />
        <ValueTable ref="ValueTable" :url="$api.user.selectUserList" :componentData="componentData" />
         </el-row>
      </div>
      <el-dialog title="架构新增" :visible.sync="addDia" width="400px">
@@ -166,6 +169,15 @@
            <el-button type="primary" @click="addStandardTree" :loading="addLoad">确 定</el-button>
         </span>
      </el-dialog>
    <el-dialog title="选择用户" :visible.sync="selectUserDia" width="70%">
       <div class="body" style="height: 60vh;" v-if="selectUserDia">
          <ValueTable ref="ValueTable2" :url="$api.user.selectUserList" :componentData="componentData2" />
       </div>
       <span slot="footer" class="dialog-footer">
          <el-button @click="selectUserDia = false">取 消</el-button>
          <el-button type="primary" @click="selectUser">确 定</el-button>
       </span>
    </el-dialog>
   </div>
</template>

@@ -177,41 +189,7 @@
      },
      data() {
         return {
        datathirdParty:[{
          id: 1,
          label: '一级 1',
          children: [{
            id: 4,
            label: '二级 1-1',
            children: [{
              id: 9,
              label: '三级 1-1-1'
            }, {
              id: 10,
              label: '三级 1-1-2'
            }]
          }]
        }, {
          id: 2,
          label: '一级 2',
          children: [{
            id: 5,
            label: '二级 2-1'
          }, {
            id: 6,
            label: '二级 2-2'
          }]
        }, {
          id: 3,
          label: '一级 3',
          children: [{
            id: 7,
            label: '二级 3-1'
          }, {
            id: 8,
            label: '二级 3-2'
          }]
        }],
        datathirdParty: [],
        defaultProps: {
          children: 'children',
          label: 'label'
@@ -229,12 +207,11 @@
            treeLoad: false,
            addPower: false,
            tableLoad: false,
            delStandardProduct: false,
            addStandardProduct: false,
            componentData: {
               entity: {
            name:'',
            departId:'',
            departLimsId: '',
                  orderBy: {
                     field: 'id',
                     order: 'asc'
@@ -245,12 +222,50 @@
               showSelect: false,
               select: false,
               do: [],
          isPage: false,
               tagField: {
            state: {
              select: [{
                value: 1,
                type: 'success',
                label: '启用'
              }, {
                value: 0,
                type: 'danger',
                label: '停用'
              }]
            }
               },
               selectField: {},
            },
            expandedKeys: []
        expandedKeys: [],
        selectUserDia: false,
        componentData2: {
           entity: {
              isCustom: 0,
              orderBy: {
                 field: 'id',
                 order: 'asc'
              }
           },
           isIndex: true,
           showSelect: true,
           select: false,
           do: [],
           tagField: {
              state: {
                 select: [{
                    value: 1,
                    type: 'success',
                    label: '启用'
                 }, {
                    value: 0,
                    type: 'danger',
                    label: '停用'
                 }]
              }
           },
           selectField: {},
        }
         }
      },
      mounted() {
@@ -258,7 +273,6 @@
         this.selectTreeList()
      },
      methods: {

         filterNode(value, data) {
            if (!value) return true;
            return data.name.indexOf(value) !== -1;
@@ -285,7 +299,7 @@
            }
            this.selectTree = data2.replace(' - ', '')
        this.addOb.fatherId = val.id;
        this.componentData.entity.departId = val.id;
        this.componentData.entity.departLimsId = val.id;
        this.refreshTable()
         },
         getNodeParent(val) {
@@ -299,7 +313,7 @@
               type: "error"
            }).then(() => {
               this.treeLoad = true
               this.$axios.post(this.$api.department.delDepartment, {
          this.$axios.post(this.$api.department.delDepartmentLims, {
                  id: data.id
               }).then(res => {
                  if (res.code == 201) return
@@ -316,18 +330,16 @@
         },
         selectTreeList() {
            this.treeLoad = true
            this.$axios.get(this.$api.department.selectDepartment).then(res => {
        this.$axios.get(this.$api.department.selectDepartmentLim).then(res => {
               this.list = res.data
               this.list.forEach(a => {
                  a.children.forEach(b => {
                     b.children.forEach(c => {
                        this.expandedKeys.push(c.id)
                     })
              this.expandedKeys.push(b.id)
                  })
               })
               this.treeLoad = false
          this.componentData.entity.departId = this.list[0].id;
          this.selectTree = '全部'
          this.componentData.entity.departLimsId = this.list[0].id;
          this.selectTree = this.list[0].name
          this.refreshTable()
            })
         },
@@ -337,7 +349,7 @@
               return
            }
            this.addLoad = true
            this.$axios.post(this.$api.department.addDepartment, this.addOb, {
        this.$axios.post(this.$api.department.addDepartmentLims, this.addOb, {
               headers: {
                  'Content-Type': 'application/json'
               }
@@ -367,38 +379,35 @@
         getPower() {
            let power = JSON.parse(sessionStorage.getItem('power'))
            let add = false
            let upStandardProduct = false
            let delStandardMethod = false
            let delStandardProduct = false
            let addStandardProduct = false
            let delStandardTree = false
            for (var i = 0; i < power.length; i++) {
               if (power[i].menuMethod == 'addStandardTree') {
          if (power[i].menuMethod == 'addDepartmentLims') {
                  add = true
               }
               if (power[i].menuMethod == 'upStandardProductList') {
                  upStandardProduct = true
               }
               if (power[i].menuMethod == 'delStandardMethodByFLSSM') {
                  delStandardMethod = true
               }
               if (power[i].menuMethod == 'delStandardProductByIds') {
                  delStandardProduct = true
               }
               if (power[i].menuMethod == 'addStandardProduct') {
                  addStandardProduct = true
               }
               if (power[i].menuMethod == 'delStandardTree') {
          if (power[i].menuMethod == 'delDepartmentLims') {
                  delStandardTree = true
               }
            }
            this.addPower = add
            this.upStandardProduct = upStandardProduct
            this.delStandardMethod = delStandardMethod
            this.delStandardProduct = delStandardProduct
            this.addStandardProduct = addStandardProduct
            this.delStandardTree = delStandardTree
         },
      selectUser() {
         let selects = this.$refs.ValueTable2.multipleSelection
         if (selects.length == 0) {
            this.$message.error('未选择数据')
            return
         }
         delete selects['orderBy']
         delete selects['updateUser']
         delete selects['updateTime']
         this.user = selects
         this.selectUserDia = false
      }
      }
   }
</script>