| | |
| | | <el-main class="nopadding"> |
| | | <el-tree ref="group" class="menu" node-key="id" :data="group" :current-node-key="''" |
| | | :highlight-current="true" :expand-on-click-node="false" |
| | | :default-expanded-keys="[1]" |
| | | :filter-node-method="groupFilterNode" @node-click="groupClick"></el-tree> |
| | | :default-expanded-keys="[1]" :filter-node-method="groupFilterNode" |
| | | @node-click="groupClick"></el-tree> |
| | | </el-main> |
| | | </el-container> |
| | | </el-aside> |
| | |
| | | <div class="left-panel"> |
| | | <el-button type="primary" icon="el-icon-plus"></el-button> |
| | | <el-button type="danger" plain icon="el-icon-delete"></el-button> |
| | | <el-button type="primary" plain >导入</el-button> |
| | | <el-button type="primary" plain>导入</el-button> |
| | | <el-button type="primary" plain>批量操作</el-button> |
| | | </div> |
| | | <!-- <div class="right-panel"> |
| | | <div class="right-panel"> |
| | | <div class="right-panel-search"> |
| | | <el-input v-model="search.name" placeholder="登录账号 / 姓名" clearable></el-input> |
| | | <el-button type="primary" icon="el-icon-search" @click="upsearch"></el-button> |
| | | <el-select v-model="value" placeholder="Select" style="width: 240px"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" |
| | | :value="item.value" /> |
| | | </el-select> |
| | | <el-select v-model="value" placeholder="Select" style="width: 240px"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" |
| | | :value="item.value" /> |
| | | </el-select> |
| | | <el-input style="width: 240px" placeholder="请输入工位名称/编号" clearable></el-input> |
| | | <el-button type="primary" icon="el-icon-search"></el-button> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </el-header> |
| | | <el-main class="nopadding"> |
| | | <scTable ref="table" :apiObj="apiObj" @selection-change="selectionChange" stripe |
| | | remoteSort remoteFilter> |
| | | <el-table-column type="selection" width="50"></el-table-column> |
| | | <el-table-column label="ID" prop="id" width="80" |
| | | <el-table-column label="工位编号" prop="id" width="120" |
| | | sortable='custom'></el-table-column> |
| | | <el-table-column label="头像" width="80" column-key="filterAvatar" |
| | | :filters="[{ text: '已上传', value: '1' }, { text: '未上传', value: '0' }]"> |
| | | <template #default="scope"> |
| | | <el-avatar :src="scope.row.avatar" size="small"></el-avatar> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="登录账号" prop="userName" width="150" sortable='custom' |
| | | column-key="filterUserName" |
| | | :filters="[{ text: '系统账号', value: '1' }, { text: '普通账号', value: '0' }]"></el-table-column> |
| | | <el-table-column label="姓名" prop="name" width="150" |
| | | <el-table-column label="工位名称" prop="id" width="120" |
| | | sortable='custom'></el-table-column> |
| | | <el-table-column label="所属角色" prop="groupName" width="200" |
| | | <el-table-column label="工位类型" prop="id" width="120" |
| | | sortable='custom'></el-table-column> |
| | | <el-table-column label="加入时间" prop="date" width="170" |
| | | <el-table-column label="工位日历" prop="id" width="120" |
| | | sortable='custom'></el-table-column> |
| | | <el-table-column label="操作" fixed="right" align="right" width="160"> |
| | | <template #default="scope"> |
| | |
| | | groupFilterText: '' |
| | | } |
| | | }, |
| | | created () { |
| | | created() { |
| | | this.$API.basicdata.getWorkstationGroup.get().then(res => { |
| | | if (res.code == 200) { |
| | | let data = this.formatData(res.data) |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | formatData (data,current) { |
| | | formatData(data, current) { |
| | | let newData = [] |
| | | if (!current) { |
| | | newData = data.filter(item => item.parentId == 0).map(v => { |
| | | v.children = this.formatData(data,v) |
| | | newData = data.filter(item => item.parentId == 0).map(v => { |
| | | v.children = this.formatData(data, v) |
| | | return v |
| | | }) |
| | | } else { |
| | | let res = data.filter(v => v.parentId === current.id) |
| | | res = res.map(item => { |
| | | item.children = this.formatData(data,item) |
| | | res = res.map(item => { |
| | | item.children = this.formatData(data, item) |
| | | return item |
| | | }) |
| | | return res |
| | | } |
| | | return newData |
| | | }, |
| | | groupFilterNode () { |
| | | groupFilterNode() { |
| | | |
| | | }, |
| | | groupClick () { |
| | | groupClick() { |
| | | |
| | | }, |
| | | table_add() { |
| | | table_add() { |
| | | var newRow = { |
| | | key: "", |
| | | value: "", |