| | |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-03-26 10:28:33 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-04-09 20:48:16 |
| | | * @LastEditTime: 2024-04-10 15:37:41 |
| | | * @FilePath: /smart-web/src/views/master/person/main/index.vue |
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | |
| | | <el-input v-model="input" placeholder="请输入内容" size="small"></el-input> |
| | | </div> |
| | | <div class="person-tree"> |
| | | <div v-for="(item,index) in titleList" :data-id="item.id" v-if="leftActive" :class="{treeActive: item.active}" @click="selectbtn(index)">{{item.name}}({{item.peopleNum}})</div> |
| | | <!-- 部门 --> |
| | | <!-- <div v-for="(item,index) in titleList" :data-id="item.id" v-if="leftActive" :class="{treeActive: item.active}" @click="selectbtn(index)">{{item.name}}({{item.peopleNum}})</div> --> |
| | | <el-tree style="max-width: 600px" :data="titleList" :expand-on-click-node="false" default-expand-all :props="{label: 'name', children: 'children'}" class="treeActive" @node-click="titleListNode" /> |
| | | <!-- 岗位 --> |
| | | <div v-for="(item,index) in titleList" :data-id="item.id" v-if="!leftActive" :class="{treeActive: item.active}" @click="selectbtn(index)">{{item.postName}}</div> |
| | | </div> |
| | | </div> |
| | |
| | | saveDialog |
| | | }, |
| | | methods: { |
| | | titleListNode(data) { |
| | | this.searchData.organizationCode = data.code; |
| | | this.searchPerson(); |
| | | }, |
| | | selectbtn(index) { |
| | | this.titleList.forEach(item=> { |
| | | item.active = false; |
| | |
| | | .person-tree { |
| | | font-size: 14px; |
| | | font-weight: 400; |
| | | } |
| | | .treeActive { |
| | | background-color: #d8e8e8; |
| | | } |
| | | .person-tree div { |
| | | margin-bottom: 8px; |