管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2022-12-21 a7311a5147d0f2190e2f62728cb652a0f721dd7a
资料馆
已修改5个文件
258 ■■■■■ 文件已修改
public/config/config.js 14 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/api/api.js 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/mapsdk.vue 174 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Archive/index.vue 60 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Thematic/index.vue 8 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
public/config/config.js
@@ -30,3 +30,17 @@
    name: 'china_5m.Ei.402586.mpt',
  },
};
var gaoDeBaseUrl = [
  {
    url: 'http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}',
    label: '高德矢量',
  },
  {
    url: 'https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}',
    label: '高德影像',
  },
  {
    url: 'http://webst02.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8',
    label: '高德影像标注',
  },
];
src/api/api.js
@@ -609,7 +609,7 @@
//资料馆=>查询所有表格
export function dataLib_selectTabs(params) {
  return request.get('/dataLib/selectTabs', { params: params });
  return request.get('/dataLib/selectTabsByPage', { params: params });
}
//资料馆=>查询所有表格
export function dataLib_selectFields(params) {
src/components/mapsdk.vue
@@ -252,7 +252,7 @@
      });
      window.Viewer = window.sgworld._Viewer;
      Viewer.imageryLayers._layers[0].show = false;
      //定位
      sgworld.Navigate.jumpTo({
        //跳转视角
@@ -262,36 +262,47 @@
          100000
        ),
      });
      Viewer.imageryLayers.addImageryProvider(
        new Cesium.WebMapTileServiceImageryProvider({
          url: 'http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561',
          layer: 'tdtVecBasicLayer',
          style: 'default',
          format: 'image/jpeg',
          tileMatrixSetID: 'GoogleMapsCompatible',
          show: false,
        })
      );
      // Viewer.imageryLayers.addImageryProvider(
      //   new Cesium.WebMapTileServiceImageryProvider({
      //     url: 'http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561',
      //     layer: 'tdtVecBasicLayer',
      //     style: 'default',
      //     format: 'image/jpeg',
      //     tileMatrixSetID: 'GoogleMapsCompatible',
      //     show: false,
      //   })
      // );
      Viewer.imageryLayers.addImageryProvider(
        new Cesium.WebMapTileServiceImageryProvider({
          url: 'http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561',
          layer: 'tdtBasicLayer',
          style: 'default',
          format: 'image/jpeg',
          tileMatrixSetID: 'GoogleMapsCompatible',
          show: false,
        })
      );
      Viewer.imageryLayers.addImageryProvider(
        new Cesium.WebMapTileServiceImageryProvider({
          url: 'http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=94a34772eb88317fcbf8428e10448561',
          layer: 'tdtAnnoLayer',
          style: 'default',
          format: 'image/jpeg',
          tileMatrixSetID: 'GoogleMapsCompatible',
        })
      );
      // Viewer.imageryLayers.addImageryProvider(
      //   new Cesium.WebMapTileServiceImageryProvider({
      //     url: 'http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561',
      //     layer: 'tdtBasicLayer',
      //     style: 'default',
      //     format: 'image/jpeg',
      //     tileMatrixSetID: 'GoogleMapsCompatible',
      //     show: false,
      //   })
      // );
      // Viewer.imageryLayers.addImageryProvider(
      //   new Cesium.WebMapTileServiceImageryProvider({
      //     url: 'http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=94a34772eb88317fcbf8428e10448561',
      //     layer: 'tdtAnnoLayer',
      //     style: 'default',
      //     format: 'image/jpeg',
      //     tileMatrixSetID: 'GoogleMapsCompatible',
      //   })
      // );
      for (var i in gaoDeBaseUrl) {
        sgworld.Creator.createUrlTemplateImageryProvider(
          gaoDeBaseUrl[i].label,
          gaoDeBaseUrl[i].url,
          '0',
          undefined,
          true,
          ''
        );
      }
      Viewer._enableInfoOrSelection = false;
      //显示fps
@@ -334,11 +345,13 @@
    },
    setLayerVisible() {
      if (this.isActive == true) {
        Viewer.imageryLayers.get(1).show = true;
        Viewer.imageryLayers.get(2).show = false;
        Viewer.imageryLayers._layers[1].show = true;
        Viewer.imageryLayers._layers[2].show = false;
        Viewer.imageryLayers._layers[3].show = false;
      } else {
        Viewer.imageryLayers.get(1).show = false;
        Viewer.imageryLayers.get(2).show = true;
        Viewer.imageryLayers._layers[1].show = false;
        Viewer.imageryLayers._layers[2].show = true;
        Viewer.imageryLayers._layers[3].show = true;
      }
    },
    //显示弹窗
@@ -843,53 +856,54 @@
// .center {
//   left: 1%;
// }
// .CenDiv {
//   position: absolute;
//   bottom: 1%;
//   height: 40px;
//   width: 60px;
//   z-index: 101;
//   display: flex;
//   flex-direction: column;
//   justify-content: space-between;
//   box-shadow: 3px 3px 6px #666;
//   border: 1px solid rgba(204, 204, 204, 0.76);
//   border-radius: 5px;
//   cursor: pointer;
// }
// .center1 {
//   right: 1%;
// }
// .right {
//   position: absolute;
//   top: 50px;
//   right: 0;
//   width: 20%;
//   height: calc(100% - 50px);
.CenDiv {
  position: absolute;
  bottom: 1%;
  left: 1%;
  height: 40px;
  width: 60px;
  z-index: 101;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 3px 3px 6px #666;
  border: 1px solid rgba(204, 204, 204, 0.76);
  border-radius: 5px;
  cursor: pointer;
}
.center1 {
  right: 1%;
}
.right {
  position: absolute;
  top: 50px;
  right: 0;
  width: 20%;
  height: calc(100% - 50px);
//   display: flex;
//   flex-direction: column;
//   justify-content: space-between;
// }
// .CenDiv:hover {
//   border: 1px solid #409eff;
// }
// .active {
//   width: 100%;
//   height: 100%;
//   background: url('../assets/img/Layer/imgLayer2.png') no-repeat center;
//   position: absolute;
//   background-size: 100% 100%;
//   border-radius: 5px;
// }
// .menuLayer {
//   width: 100%;
//   height: 100%;
//   background: url('../assets/img/Layer/imgLayer1.png') no-repeat center;
//   position: absolute;
//   background-size: 100% 100%;
//   border-radius: 5px;
// }
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.CenDiv:hover {
  border: 1px solid #409eff;
}
.active {
  width: 100%;
  height: 100%;
  background: url('../assets/img/Layer/imgLayer2.png') no-repeat center;
  position: absolute;
  background-size: 100% 100%;
  border-radius: 5px;
}
.menuLayer {
  width: 100%;
  height: 100%;
  background: url('../assets/img/Layer/imgLayer1.png') no-repeat center;
  position: absolute;
  background-size: 100% 100%;
  border-radius: 5px;
}
// .menuSelect .el-input__inner {
//   background: rgba(255, 255, 255, 0.2) !important;
src/views/Archive/index.vue
@@ -10,14 +10,17 @@
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item>
            <el-input
              v-model="formInline.user"
              v-model="formInline.tab"
              suffix-icon="el-icon-search"
              :placeholder="$t('common.pleaseInput')"
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button icon="el-icon-search" class="primaries">{{
            <el-button icon="el-icon-search" @click="searchDataLibSelectTabs" class="primaries">{{
              $t('common.iquery')
            }}</el-button>
               <el-button icon="el-icon-refresh" @click="restDataLibSelectTabs" type="info">{{
              $t('common.reset')
            }}</el-button>
          </el-form-item>
          <el-form-item>
@@ -116,10 +119,10 @@
            }"
   ></el-cascader>
  </el-form-item>
  <el-form-item :label="$t('dataManage.vmobj.keyword')" >
  <!-- <el-form-item :label="$t('dataManage.vmobj.keyword')" >
    <el-input v-model="queryForm.name" :placeholder="$t('common.pleaseInput')"></el-input>
  </el-form-item>
  <el-form-item>
  </el-form-item> -->
  <!-- <el-form-item>
  <el-button
            @click="queryInfo()"
            icon="el-icon-search"
@@ -127,8 +130,8 @@
            size="small"
            >{{ $t('common.iquery') }}</el-button
          >
        </el-form-item>
        <el-form-item>
        </el-form-item> -->
        <!-- <el-form-item>
          <el-button
            @click="resetInfo('queryForm')"
            icon="el-icon-refresh"
@@ -136,7 +139,7 @@
            size="small"
            >{{ $t('common.reset') }}</el-button
          >
        </el-form-item>
        </el-form-item> -->
        <el-form-item  >
          <el-button
            type="danger"
@@ -160,7 +163,7 @@
            :data="tableData1"
            style="width: 100%"
            @selection-change="handleSelectionChange1"
            height="100%"
            height="500px"
          >
            <el-table-column type="selection" width="55" />
            <el-table-column prop="name" :label="$t('dataManage.vmobj.name')" />
@@ -225,7 +228,7 @@
          </el-table>
      </div>
    </div>
    <div class="panerPage" v-show="!isMenuActive">
    <div class="panerPage" >
      <div class="pagination_box">
        <el-pagination
          @size-change="handleSizeChange"
@@ -534,7 +537,7 @@
      queryForm:{
        dirid:null,
      },
      formInline: {},
      formInline: {tab:''},
      codeForm: {
        password: '',
        repassword: '',
@@ -576,6 +579,7 @@
      listData: {
        pageIndex: 1,
        pageSize: 10,
        tab:''
      },
      count: 0,
      count1: 0,
@@ -690,10 +694,12 @@
      }
    },
    getMenuChange(res) {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.formInline.tab=""
      switch (res) {
        case 1:
             this.listData.pageIndex = 1;
      this.listData.pageSize = 10;
            this.getDataLibSelectTabs();
          this.isMenuActive = true;
@@ -717,9 +723,8 @@
    },
        // 查询
    queryInfo() {
      this.listData.name = this.queryForm.name.trim();
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.listData.name = this.formInline.tab;
      this.getMetaData();
    },
     // 重置查询
@@ -828,15 +833,28 @@
        return father.pid == 0; // 返回一级菜单
      });
    },
    searchDataLibSelectTabs(){
          if(this.isMenuActive == true){
            this.getDataLibSelectTabs()
          }else{
              this.queryInfo();
          }
    },
restDataLibSelectTabs(){
  this.formInline.tab=""
  this.listData.pageIndex =1;
  this.listData.pageSize=10
  this.searchDataLibSelectTabs();
},
    async getDataLibSelectTabs() {
      const data = await dataLib_selectTabs();
      this.listData.tab = this.formInline.tab
      const data = await dataLib_selectTabs(this.listData);
      if (data.code != 200) {
        this.$message.error('列表调用失败');
        return;
      }
      this.count = data.result.length;
      this.count =data.count;
      this.dataType = data.result;
    },
    showDetail1(row){
@@ -1070,11 +1088,11 @@
    handleSizeChange(res) {
                   this.listData.pageIndex = 1;
      this.listData.pageSize = res;
      if(this.isMenuActive == false){this.getMetaData()}
      if(this.isMenuActive == false){this.getMetaData()}else{this.getDataLibSelectTabs()}
    },
    handleCurrentChange(res) {
         this.listData.pageIndex = res;
          if(this.isMenuActive == false){this.getMetaData()}
          if(this.isMenuActive == false){this.getMetaData()}else{this.getDataLibSelectTabs()}
    },
     async signGetPublicKey() {
      const res = await sign_getPublicKey();
src/views/Thematic/index.vue
@@ -56,18 +56,18 @@
        </div>
        <div class="left_content">
          <div v-show="leftMenuOpen" @click="showLeftMenu">
            <i style="color: white" class="el-icon-caret-left"></i>
            <i style="color: skyblue" class="el-icon-caret-left"></i>
          </div>
          <div v-show="!leftMenuOpen" @click="showLeftMenu">
            <i style="color: white" class="el-icon-caret-right"></i>
            <i style="color: skyblue" class="el-icon-caret-right"></i>
          </div>
        </div>
        <div class="right_content">
          <div v-show="!rightMenuOpen" @click="showRightMenu">
            <i style="color: white" class="el-icon-caret-left"></i>
            <i style="color: skyblue" class="el-icon-caret-left"></i>
          </div>
          <div v-show="rightMenuOpen" @click="showRightMenu">
            <i style="color: white" class="el-icon-caret-right"></i>
            <i style="color: skyblue" class="el-icon-caret-right"></i>
          </div>
        </div>
      </div>