| | |
| | | </div> |
| | | <div class="bottom"> |
| | | <div class="leftTree"> |
| | | <ul> |
| | | <el-tree |
| | | ref="tree" |
| | | :props="defaultProps" |
| | | node-key="id" |
| | | :data="optionCount" |
| | | :default-expanded-keys="[1]" |
| | | :current-node-key="1" |
| | | :expand-on-click-node="false" |
| | | :default-expand-all="false" |
| | | draggable |
| | | @node-click="handleNodeClick" |
| | | > |
| | | |
| | | </span> |
| | | </el-tree> |
| | | <!-- <ul> |
| | | <li |
| | | @click="getTableDesc(item)" |
| | | v-for="item in optionCount" |
| | |
| | | > |
| | | {{ item.tabDesc }}({{ item.tab }}) |
| | | </li> |
| | | </ul> |
| | | </ul> --> |
| | | </div> |
| | | <div class="rightTable"> |
| | | <div class="table_box"> |
| | |
| | | <el-table-column |
| | | prop="depName" |
| | | :label="$t('dataManage.vmobj.depName')" |
| | | /> |
| | | <el-table-column |
| | | prop="dirName" |
| | | :label="$t('dataManage.vmobj.dirName')" |
| | | /> |
| | | <el-table-column |
| | | prop="gather" |
| | |
| | | <el-cascader |
| | | v-model="editForm.depid" |
| | | :options="companyOption" |
| | | @change="companyChange" |
| | | :props="cascader" |
| | | style="width:350px" |
| | | ></el-cascader> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('dataManage.vmobj.dirName')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <!-- <el-input v-model="editForm.depName" autocomplete="off"></el-input> --> |
| | | <el-cascader |
| | | v-model="editForm.dirid" |
| | | :options="dirComPanyOption" |
| | | :props="cascader" |
| | | style="width:350px" |
| | | ></el-cascader> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | deleteMeta, |
| | | insertMeta, |
| | | selectDictTab, |
| | | selectdirTab, |
| | | queryDepTree, |
| | | |
| | | } from '../../api/api'; |
| | | import MyBread from '../../components/MyBread.vue'; |
| | | export default { |
| | |
| | | } |
| | | }; |
| | | return { |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'name', |
| | | }, |
| | | dirComPanyOption:[], |
| | | companyOption: [], |
| | | activeName: '', |
| | | optionCount: [], |
| | |
| | | pageSize: 10, |
| | | pageIndex: 1, |
| | | name: null, |
| | | dirid:null, |
| | | }, |
| | | cascader: { |
| | | label: 'name', |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getMetaData(); |
| | | |
| | | this.getSelectDictTab(); |
| | | this.showPermsBtn(); |
| | | this.getQueryDepTree(); |
| | |
| | | }, |
| | | //目录树获取 |
| | | async getSelectDictTab() { |
| | | const data = await selectDictTab(); |
| | | if (data.code != 200) { |
| | | this.$message.error('下拉调用失败'); |
| | | const res = await selectdirTab(); |
| | | if (res.code != 200) { |
| | | this.$message.error('列表调用失败'); |
| | | } |
| | | this.optionCount = data.result; |
| | | this.activeName = data.result[0].tab; |
| | | this.optionCount =this.treeData(res.result); |
| | | this.dirComPanyOption= this.treeData(res.result); |
| | | this.listData.dirid=this.optionCount[0].id; |
| | | this.getMetaData(); |
| | | }, |
| | | handleNodeClick(data) { |
| | | this.listData.pageSize=10; |
| | | this.listData.pageIndex = 1; |
| | | this.listData.dirid = data.id; |
| | | this.getMetaData(); |
| | | }, |
| | | getTableDesc(res) { |
| | | this.activeName = res.tab; |
| | |
| | | // 请求数据内容 |
| | | getMetaData() { |
| | | select_meta_ByPageAndCount(this.listData).then((res) => { |
| | | debugger |
| | | this.tableData = res.result; |
| | | this.count = res.count; |
| | | }); |