管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-01-03 1d100868d755062854671a85f677530147ebeaed
包二ifream嵌套
已添加9个文件
已修改6个文件
522 ■■■■■ 文件已修改
public/config/config.js 25 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/api/api.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/navMenu.vue 59 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/router/index.js 94 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/store/index.js 1 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/PackageTwo/AchieveInspection.vue 36 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/PackageTwo/CoordinateTransform.vue 37 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/PackageTwo/DataDistribut.vue 37 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/PackageTwo/DataGovernance.vue 37 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/PackageTwo/FormatConversion.vue 37 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/PackageTwo/MyResources.vue 36 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/PackageTwo/ResourceAudit.vue 37 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/PackageTwo/TaskStatus.vue 36 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/PackageTwo/WareInspection.vue 46 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Synthesis/index.vue 2 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/config/config.js
@@ -28,7 +28,6 @@
  // æœåŠ¡åœ°å€
  baseURL: 'http://183.162.245.49:8888/',
  positionBtn: [],
};
var gaoDeBaseUrl = [
  {
@@ -44,3 +43,27 @@
    label: '高德影像标注',
  },
];
//包二地址
var packageUrl = "http://10.7.0.186:88";
var packageUrll = packageUrl + '/dataxdi';
var packageUrl2 = packageUrl + '/resm';
var packageTwo = {
  //入库质检,
  url1: packageUrll + '/#/schema/list?tags=入库质检&embed=true&token=43117d00-b8e4-4406-9707-131109723a5a',
  //成果质检
  url2: packageUrll + '/#/schema/list?tags=成果质检&embed=true&token=43117d00-b8e4-4406-9707-131109723a5a',
  //任务状态
  url3: packageUrll + '/#/task/list?embed=true&token=43117d00-b8e4-4406-9707-131109723a5a',
  //格式转换
  url4: packageUrll + '/#/schema/list?tags=数据交换&embed=true&token=43117d00-b8e4-4406-9707-131109723a5a',
  //坐标转换
  url5: packageUrll + '/#/schema/list?tags=坐标转换&embed=true&token=43117d00-b8e4-4406-9707-131109723a5a',
  //数据分发
  url6: packageUrll + '/#/schema/list?tags=数据分发&embed=true&token=43117d00-b8e4-4406-9707-131109723a5a',
  //数据治理
  url7: packageUrll + '/#/schema/list?tags=数据治理&embed=true&token=43117d00-b8e4-4406-9707-131109723a5a',
  //我的资源
  url8: packageUrl2 + '/#/resourceManage?embed=true&token=43117d00-b8e4-4406-9707-131109723a5a',
  //资源审核
  url9: packageUrl2 + '/resm/#/resapproval?embed=true&token=43117d00-b8e4-4406-9707-131109723a5a',
}
src/api/api.js
@@ -207,7 +207,7 @@
//菜单递归查询数据
export function selectMenuRecursive(params) {
  return request.get('/menu/selectMenuRecursive', { params: params });
  return request.get('/menu/selectMenuAll', { params: params });
}
//新增单条菜单
export function insertMenu(params) {
src/components/navMenu.vue
@@ -109,26 +109,7 @@
      changeSelectStyle: null,
      changeliSelect: null,
      changeSelectdiv: false,
      listMenu: [
        {
          cnName: '数据质检',
          css: 'm1',
          checkClass: 'm11',
          url: '',
        },
        {
          cnName: '数据交换',
          css: 'm2',
          checkClass: 'm21',
          url: '',
        },
        {
          cnName: '服务管理',
          css: 'm4',
          checkClass: 'm41',
          url: '',
        },
      ],
      listMenu: [],
      showFlag: null,
    };
  },
@@ -164,10 +145,16 @@
    },
    //主题切换
    setThemeColors() { },
    closeAllChildren() {
      for (var i in this.listMenu) {
        let newItem = this.listMenu[i];
        newItem.show = false;
        Vue.set(this.listMenu, i, newItem);
      }
    },
    //鼠标移入菜单事件
    setMenuMove(index, item) {
      var that = this;
      this.closeAllChildren();
      if (item.perms != null) {
        this.$router.push(item.url);
        if (this.showFlag != null) {
@@ -181,7 +168,7 @@
          this.setShowFalseDiv(true);
        } else {
          let newItem = this.listMenu[index];
          newItem.show = !this.listMenu[index].show;
          newItem.show = !newItem.show;
          Vue.set(this.listMenu, index, newItem);
        }
      }
@@ -196,10 +183,20 @@
      Vue.set(this.listMenu, index, newItem);
    },
    setLiClick(res) {
      this.setShowFalseDiv(false);
      this.changeliSelect = res.cnName;
      this.$router.push(res.url);
      this.$store.commit('currentPerms', res.perms);
      if (res.url.indexOf('http') != -1) {
        if (this.$store.reporturl == null) {
          this.$store.reporturl = res.url;
          this.$router.push('/WareInspection');
        } else {
          this.$bus.$emit('changeNaveUrl', res.url);
        }
      } else {
        this.$store.reporturl = null;
        this.$router.push(res.url);
        this.$store.commit('currentPerms', res.perms);
      }
   this.closeAllChildren();
    },
    async getMenuTree() {
      this.getCookies();
@@ -219,6 +216,7 @@
      }
    },
    async setMenuTree(res) {
      for (var i in res) {
        res[i].checkClass = res[i].css + '1';
        res[i].show = false; //控制显隐
@@ -229,10 +227,10 @@
          });
          this.listMenu.push(res[i]);
          this.changeSelectStyle = this.listMenu.length - 1;
          var strartMneu = res[i].children[0];
          this.$store.commit('currentPerms', strartMneu.perms);
          this.changeliSelect = strartMneu.cnName;
          this.$bus.$emit('currentPerms', strartMneu.perms);
          // var strartMneu = res[i].children[0];
          // this.$store.commit('currentPerms', strartMneu.perms);
          // this.changeliSelect = strartMneu.cnName;
          // this.$bus.$emit('currentPerms', strartMneu.perms);
        } else {
          this.listMenu.push(res[i]);
        }
@@ -325,6 +323,7 @@
    },
  },
  created() {
   this.$store.reporturl=null;
    let str = this.$route.path;
    if (str[0] == '/') {
      this.activeIndex = str.slice(1);
src/router/index.js
@@ -43,11 +43,22 @@
import authorityManage from '@/views/userManage/authorityManage.vue'; //用户管理-权限管理
import resourceManage from '@/views/userManage/resourceManage.vue'; //用户管理-资源管理
import userRoleAuthorization from '@/views/AuthorizationManagement/userRoleAuthorization.vue'; //系统管理-用户角色授权
import menuRoleAuthorization from '@/views/AuthorizationManagement/menuRoleAuthorization.vue'; //系统管理-菜单权限授权
import roleResAuthorization from '@/views/AuthorizationManagement/roleResAuthorization.vue'; //系统管理-角色资源授权
import roleMenuAuthorization from '@/views/AuthorizationManagement/roleMenuAuthorization.vue'; //系统管理-角色菜单授权
//包二
import WareInspection from '@/views/PackageTwo/WareInspection.vue'; //数据质检-入库质检
import AchieveInspection from '@/views/PackageTwo/AchieveInspection.vue'; //数据质检-成果质检
import TaskStatus from '@/views/PackageTwo/TaskStatus.vue'; //数据质检-任务状态
import FormatConversion from '@/views/PackageTwo/FormatConversion.vue'; //数据交换-格式转换
import CoordinateTransform from '@/views/PackageTwo/CoordinateTransform.vue'; //数据交换-坐标转换
import DataDistribut from '@/views/PackageTwo/DataDistribut.vue'; //数据交换-数据分发
import DataGovernance from '@/views/PackageTwo/DataGovernance.vue'; //数据交换-数据治理
import MyResources from '@/views/PackageTwo/MyResources.vue'; //服务管理-我的资源
import ResourceAudit from '@/views/PackageTwo/ResourceAudit.vue'; //服务管理-资源审核
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
@@ -70,6 +81,87 @@
    redirect: '/Synthesis',
    children: [
      {
        path: '/ResourceAudit',
        component: ResourceAudit,
        name: 'ResourceAudit',
        meta: {
          title: '资源审核',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/MyResources',
        component: MyResources,
        name: 'MyResources',
        meta: {
          title: '我的资源',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/DataGovernance',
        component: DataGovernance,
        name: 'DataGovernance',
        meta: {
          title: '数据治理',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/DataDistribut',
        component: DataDistribut,
        name: 'DataDistribut',
        meta: {
          title: '数据分发',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/CoordinateTransform',
        component: CoordinateTransform,
        name: 'CoordinateTransform',
        meta: {
          title: '坐标转换',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/FormatConversion',
        component: FormatConversion,
        name: 'FormatConversion',
        meta: {
          title: '格式转换',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/TaskStatus',
        component: TaskStatus,
        name: 'TaskStatus',
        meta: {
          title: '任务状态',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/AchieveInspection',
        component: AchieveInspection,
        name: 'AchieveInspection',
        meta: {
          title: '成果质检',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/WareInspection',
        component: WareInspection,
        name: 'WareInspection',
        meta: {
          title: '入库质检',
          requireAuth: true, // æ ‡è¯†è¯¥è·¯ç”±æ˜¯å¦éœ€è¦ç™»å½•
        },
      },
      {
        path: '/mochaitmo',
        component: mochaitmo,
        name: 'mochaitmo',
src/store/index.js
@@ -49,6 +49,7 @@
    primitLayer:null,
    loading:false,
    pipelineEntity:[],
    reporturl:null,
  },
  mutations: {
    //获取权限合集
src/views/PackageTwo/AchieveInspection.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,36 @@
<!--成果质检质检--->
<template>
  <div class="wareBox">
    <iframe
      style="border:none"
      width="100%"
      height="100%"
      v-bind:src="reportUrl"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      reportUrl: ''
    }
  },
  mounted() {
    this.reportUrl = packageTwo.url2;
    console.log(this.reportUrl)
  }
}
</script>
<style lang="less" scoped>
.wareBox {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
src/views/PackageTwo/CoordinateTransform.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,37 @@
<!--坐标转换--->
<template>
  <div class="wareBox">
    <iframe
      style="border:none"
      width="100%"
      height="100%"
      v-bind:src="reportUrl"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      reportUrl: ''
    }
  },
  mounted() {
    this.reportUrl = packageTwo.url5;
     console.log(this.reportUrl)
  }
}
</script>
<style lang="less" scoped>
.wareBox {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
src/views/PackageTwo/DataDistribut.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,37 @@
<!--数据分发--->
<template>
  <div class="wareBox">
    <iframe
      style="border:none"
      width="100%"
      height="100%"
      v-bind:src="reportUrl"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      reportUrl: ''
    }
  },
  mounted() {
    this.reportUrl = packageTwo.url6;
    console.log(this.reportUrl)
  }
}
</script>
<style lang="less" scoped>
.wareBox {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
src/views/PackageTwo/DataGovernance.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,37 @@
<!--数据治理--->
<template>
  <div class="wareBox">
    <iframe
      style="border:none"
      width="100%"
      height="100%"
      v-bind:src="reportUrl"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      reportUrl: ''
    }
  },
  mounted() {
    this.reportUrl = packageTwo.url7;
    console.log(this.reportUrl)
  }
}
</script>
<style lang="less" scoped>
.wareBox {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
src/views/PackageTwo/FormatConversion.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,37 @@
<!--格式转换--->
<template>
  <div class="wareBox">
    <iframe
      style="border:none"
      width="100%"
      height="100%"
      v-bind:src="reportUrl"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      reportUrl: ''
    }
  },
  mounted() {
    this.reportUrl = packageTwo.url4;
     console.log(this.reportUrl)
  }
}
</script>
<style lang="less" scoped>
.wareBox {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
src/views/PackageTwo/MyResources.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,36 @@
<!--我的资源--->
<template>
  <div class="wareBox">
    <iframe
      style="border:none"
      width="100%"
      height="100%"
      v-bind:src="reportUrl"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      reportUrl: ''
    }
  },
  mounted() {
    this.reportUrl = packageTwo.url8;
    console.log(this.reportUrl)
  }
}
</script>
<style lang="less" scoped>
.wareBox {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
src/views/PackageTwo/ResourceAudit.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,37 @@
<!--资源审核--->
<template>
  <div class="wareBox">
    <iframe
      style="border:none"
      width="100%"
      height="100%"
      v-bind:src="reportUrl"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      reportUrl: ''
    }
  },
  mounted() {
    this.reportUrl = packageTwo.url9;
    console.log(this.reportUrl)
  }
}
</script>
<style lang="less" scoped>
.wareBox {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
src/views/PackageTwo/TaskStatus.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,36 @@
<!--任务状态--->
<template>
  <div class="wareBox">
    <iframe
      style="border:none"
      width="100%"
      height="100%"
      v-bind:src="reportUrl"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      reportUrl: ''
    }
  },
  mounted() {
    this.reportUrl = packageTwo.url3;
     console.log(this.reportUrl)
  }
}
</script>
<style lang="less" scoped>
.wareBox {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
src/views/PackageTwo/WareInspection.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,46 @@
<!--入库质检--->
<template>
  <div class="wareBox">
    <iframe
      style="border:none"
      width="100%"
      height="100%"
      v-bind:src="reportUrl"
    ></iframe>
  </div>
</template>
<script>
export default {
  data() {
    return {
      reportUrl: ''
    }
  },
  methods: {
    showChangeIfream(res) {
      this.$store.state.reporturl = res;
      this.reportUrl = res;
      // console.log("2", this.reportUrl)
    }
  },
  mounted() {
    this.reportUrl = this.$store.reporturl;
    // console.log("1", this.reportUrl)
    this.$bus.$on('changeNaveUrl', (res) => {
      this.showChangeIfream(res)
    });
  }
}
</script>
<style lang="less" scoped>
.wareBox {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
src/views/Synthesis/index.vue
@@ -141,6 +141,7 @@
    },
    //初始化菜单授权
    async getPermsMenu() {
      if (this.$store.state.currentPerms == '') {
        this.$store.state.currentPerms = '/comprehensive';
      }
@@ -150,6 +151,7 @@
      }
      var val = this.$store.state.currentPerms;
      var permsEntity = this.$store.state.permsEntity;
      debugger
      for (var i = 0; i < permsEntity.length; i++) {
        if (permsEntity[i].perms == val) {
          this.showMenuChange(permsEntity[i], permsEntity);