管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2022-11-24 8651d299aaf1ff75353ff6a6112c8ab9260d6b8c
src/views/datamanage/metadataManage.vue
@@ -65,7 +65,22 @@
    </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"
@@ -73,7 +88,7 @@
          >
            {{ item.tabDesc }}({{ item.tab }})
          </li>
        </ul>
        </ul> -->
      </div>
      <div class="rightTable">
        <div class="table_box">
@@ -97,6 +112,10 @@
            <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"
@@ -234,8 +253,20 @@
          <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
@@ -312,7 +343,9 @@
  deleteMeta,
  insertMeta,
  selectDictTab,
  selectdirTab,
  queryDepTree,
} from '../../api/api';
import MyBread from '../../components/MyBread.vue';
export default {
@@ -329,6 +362,11 @@
      }
    };
    return {
       defaultProps: {
        children: 'children',
        label: 'name',
      },
dirComPanyOption:[],
      companyOption: [],
      activeName: '',
      optionCount: [],
@@ -374,6 +412,7 @@
        pageSize: 10,
        pageIndex: 1,
        name: null,
        dirid:null,
      },
      cascader: {
        label: 'name',
@@ -385,7 +424,7 @@
    };
  },
  created() {
    this.getMetaData();
    this.getSelectDictTab();
    this.showPermsBtn();
    this.getQueryDepTree();
@@ -461,12 +500,20 @@
    },
    //目录树获取
    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;
@@ -514,6 +561,7 @@
    // 请求数据内容
    getMetaData() {
      select_meta_ByPageAndCount(this.listData).then((res) => {
        debugger
        this.tableData = res.result;
        this.count = res.count;
      });