管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2022-11-24 8651d299aaf1ff75353ff6a6112c8ab9260d6b8c
用户管理,数据检索,元数据管理页面修改
已修改6个文件
104 ■■■■ 文件已修改
src/api/api.js 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/lang/en.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/lang/zh.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/SpatialData.vue 1 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/domainManage.vue 29 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/metadataManage.vue 66 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/api/api.js
@@ -269,7 +269,7 @@
// 请求用户管理数据
export function queryPageUser(params) {
  return request.get('/user/selectByPageForRole', { params: params });
  return request.get('user/selectbypage', { params: params });
}
// 新增用户管理数据
export function insertUser(params) {
@@ -664,7 +664,7 @@
}
// 查询值域表结构树
export function getDomainTabs() {
  return request.get('domain/selectTabs');
  return request.get('domain/selectDomainTabs');
}
//分页查询
export function getSingleTab(params) {
src/assets/lang/en.js
@@ -88,7 +88,7 @@
      resolpower: 'resolpower',
      name: 'Name',
      dirName: 'Catalogue',
      format: 'Format',
      size: 'Size',
      gather: 'Acquisition time',
src/assets/lang/zh.js
@@ -88,7 +88,7 @@
      resolpower: '分辨率',
      name: '名称',
      dirName: '目录',
      format: '格式',
      size: '大小',
      gather: '采集时间',
src/views/datamanage/SpatialData.vue
@@ -393,6 +393,7 @@
      this.listData.name = data.entity; //要查询表格类型;
      this.getClickTable = data;
      this.filedsLayer = this.getCollapseDomFiled(); //获取每个表字段名称及阈值
      //获取table信息
      this.getCollapseTable(this.filedsLayer);
    },
src/views/datamanage/domainManage.vue
@@ -95,11 +95,11 @@
              prop="codeDesc"
              :label="$t('dataManage.domainManage.codeDesc')"
            />
            <el-table-column
            <!-- <el-table-column
              align="center"
              prop="bsm"
              :label="$t('dataManage.domainManage.bsm')"
            />
            /> -->
            <el-table-column
              align="center"
              prop="level"
@@ -333,17 +333,17 @@
      },
      domainData: [
        {
          tabDesc: '基础数据',
          val: '基础数据',
          children: [],
        },
        {
          tabDesc: '业务数据',
          val: '业务数据',
          children: [],
        },
      ],
      defaultProps: {
        children: 'children',
        label: 'tabDesc',
        label: 'val',
      },
    };
  },
@@ -361,11 +361,18 @@
      this.fullscreenLoading = true;
      this.listData.ns = data.ns;
      this.listData.tab = data.tab;
      getSingleTab(this.listData).then((res) => {
        setTimeout(() => {
          this.tableData = res.result;
          this.count = res.count;
          this.fullscreenLoading = false;
          if (res.code == 200) {
            this.tableData = res.result;
            this.count = res.count;
            this.fullscreenLoading = false;
          } else {
            this.tableData = [];
            this.count = 0;
            this.fullscreenLoading = false;
          }
        }, 500);
      });
    },
@@ -380,6 +387,12 @@
      getDomainTabs().then((res) => {
        let bdres = res.result.filter((item) => item.ns == 'bd');
        let bsres = res.result.filter((item) => item.ns == 'bs');
        for (var i in bdres) {
          bdres[i].val = bdres[i].tabDesc + '(' + bdres[i].tab + ')';
        }
        for (var i in bsres) {
          bsres[i].val = bsres[i].tabDesc + '(' + bsres[i].tab + ')';
        }
        this.domainData[0].children = bdres;
        this.domainData[1].children = bsres;
      });
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;
      });