From ac687d46631445a2ad0efebe843c300535277dec Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 28 十一月 2022 22:02:54 +0800
Subject: [PATCH] 1
---
src/views/Synthesis/index.vue | 974 ++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 716 insertions(+), 258 deletions(-)
diff --git a/src/views/Synthesis/index.vue b/src/views/Synthesis/index.vue
index a0d6c7f..3884bba 100644
--- a/src/views/Synthesis/index.vue
+++ b/src/views/Synthesis/index.vue
@@ -1,232 +1,434 @@
<template>
<div class="synthesis">
- <map-div></map-div>
- <!-- <el-tabs type="border-card">
- <el-tab-pane v-if="menuStatus.menu1" :label="$t('synthesis.coverage')">
- <coverage />
- </el-tab-pane>
- <el-tab-pane v-if="menuStatus.menu2" :label="$t('synthesis.viewport')">
- <viewport />
- </el-tab-pane>
- <el-tab-pane v-if="menuStatus.menu3" :label="$t('synthesis.wander')">
- <wander />
- </el-tab-pane>
- <el-tab-pane v-if="menuStatus.menu4" :label="$t('synthesis.analyse')">
- <analyse />
- </el-tab-pane>
- <el-tab-pane v-if="menuStatus.menu5" :label="$t('synthesis.iqyery')">
- <iqyery />
- </el-tab-pane>
- <el-tab-pane v-if="menuStatus.menu6" :label="$t('synthesis.orientation')">
- <orientation />
- </el-tab-pane>
- <el-tab-pane v-if="menuStatus.menu7" :label="$t('synthesis.measurement')">
- <measurement />
- </el-tab-pane>
- <el-tab-pane v-if="menuStatus.menu8" :label="$t('synthesis.plotting')">
- <plotting @drawing="showBtn" />
- </el-tab-pane>
- </el-tabs>
- <el-card class="box-card">
-
- </el-card>
- <div class="plotBox">
- <el-collapse-transition>
- <div class="transition-box" v-show="showBtnBox">
- <ul>
- <li
- @click="changePlot(item)"
- v-for="item in itemsOne"
- :key="item.id"
- >
- <div class="divli">
- <div :class="item.class" class="backimge8"></div>
- </div>
- <div class="div_li">{{ $t(item.name) }}</div>
- </li>
- </ul>
+ <div class="lefIcon">
+ <ul>
+ <li v-for="item in showMenuList">
+ <div class="menuDiv" :title="item.name" @click="setMenuChange(item)">
+ <div class="menuImage" :class="item.class"></div>
+ </div>
+ </li>
+ </ul>
+ </div>
+ <div class="rightContent">
+ <div class="left_main" :class="{ left_main_show: !openStatus }">
+ <div class="leftMen_div" v-for="(item, index) in setListTwoMenu">
+ <div class="menuTwoImage" :class="item.css"></div>
+ <div>{{ $t(item.label) }}</div>
</div>
- </el-collapse-transition>
- </div> -->
+ </div>
+ <div id="mapdiv" class="right_main">
+ <div @click="changeBaseLayer" class="bottomChageLayer">
+ <div
+ id="cenBg"
+ v-bind:class="{ active: isActive, menuLayer: !isActive }"
+ ></div>
+ </div>
+ </div>
+ </div>
</div>
</template>
<script>
-import coverage from './coverage.vue'; //鍥惧眰
-import viewport from './viewport.vue'; //瑙嗗浘
-import wander from './wander.vue'; //婕父
-import analyse from './analyse.vue'; //鍒嗘瀽
-import iqyery from './inquire.vue'; //鏌ヨ
-import orientation from './orientation.vue'; //瀹氫綅
-import measurement from './measurement.vue'; //娴嬮噺
-import plotting from './plotting.vue'; //鏍囩粯
-import MapDiv from '../../components/MapDiv';
import { getPerms } from '../../api/api';
export default {
- components: {
- coverage,
- viewport,
- wander,
- analyse,
- iqyery,
- orientation,
- measurement,
- plotting,
- MapDiv,
- },
+ components: {},
data() {
return {
- showBtnBox: false,
- itemsOne: [
+ openStatus: false,
+ isActive: false,
+ showMenuList: [],
+ menuOption: [
{
- id: '1',
- name: 'synthesis.point',
- class: 'h1',
+ id: 1,
+ name: '鑿滃崟',
+ class: 'menu_img1',
+ show: true,
},
{
- id: '2',
- name: 'synthesis.line',
- class: 'h2',
+ id: 2,
+ name: '鍥惧眰',
+ class: 'menu_img2',
+ show: false,
},
- // {
- // id: "3",
- // name: "synthesis.rectangle",
- // class: "h3",
- // },
{
- id: '4',
- name: 'synthesis.polygon',
- class: 'h4',
+ id: 3,
+ name: '瑙嗗浘',
+ class: 'menu_img3',
+ show: false,
},
- // {
- // id: "7",
- // name: "synthesis.symboliclabel",
- // class: "h7",
- // },
- // {
- // id: "5",
- // name: "synthesis.flatterrain",
- // class: "h5",
- // },
- // {
- // id: "6",
- // name: "synthesis.terrainexcavation",
- // class: "h6",
- // },
{
- id: '8',
- name: 'synthesis.removepaint',
- class: 'h8',
+ id: 4,
+ name: '婕父',
+ class: 'menu_img4',
+ show: false,
},
- // {
- // id: "9",
- // name: "synthesis.openFile",
- // class: "h6",
- // },
- // {
- // id: "10",
- // name: "synthesis.saveFile",
- // class: "h8",
- // },
+ {
+ id: 5,
+ name: '鍒嗘瀽',
+ class: 'menu_img5',
+ show: false,
+ },
+ {
+ id: 6,
+ name: '鏌ヨ',
+ class: 'menu_img6',
+ show: false,
+ },
+ {
+ id: 7,
+ name: '瀹氫綅',
+ class: 'menu_img7',
+ show: false,
+ },
+ {
+ id: 8,
+ name: '娴嬮噺',
+ class: 'menu_img8',
+ show: false,
+ },
+ {
+ id: 9,
+ name: '鏍囩粯',
+ class: 'menu_img9',
+ show: false,
+ },
],
- iframeSrc: null,
- messageName: null,
- permsId: null,
- menuStatus: {
- menu1: false,
- menu2: false,
- menu3: false,
- menu4: false,
- menu5: false,
- menu6: false,
- menu7: false,
- menu8: false,
- },
+ setListTwoMenu: [],
+ setListTwoMenuAll: [
+ [
+ {
+ label: 'synthesis.layer',
+ name: '鍥惧眰绠＄悊',
+ css: 'twoMenu_imge11',
+ },
+ {
+ name: '鍦烘櫙鎻愬彇',
+ label: 'synthesis.sceneExtraction',
+ css: 'twoMenu_imge12',
+ },
+ {
+ label: 'synthesis.release',
+ name: '鍦烘櫙鍙戝竷',
+ css: 'twoMenu_imge13',
+ },
+ ],
+ [
+ {
+ label: 'synthesis.split',
+ name: '鍒嗗睆',
+ css: 'twoMenu_imge21',
+ },
+ {
+ label: 'synthesis.twod',
+ name: '浜岀淮',
+ css: 'twoMenu_imge22',
+ },
+ {
+ label: 'synthesis.threed',
+ name: '涓夌淮',
+ css: 'twoMenu_imge23',
+ },
+ {
+ label: 'synthesis.full',
+ name: '鍏ㄥ浘',
+ css: 'twoMenu_imge24',
+ },
+ {
+ label: 'synthesis.zommin',
+ name: '鏀惧ぇ',
+ css: 'twoMenu_imge25',
+ },
+ {
+ label: 'synthesis.zoomout',
+ name: '缂╁皬',
+ css: 'twoMenu_imge26',
+ },
+ {
+ label: 'synthesis.rule',
+ name: '姣斾緥灏�',
+ css: 'twoMenu_imge27',
+ },
+ {
+ label: 'synthesis.compass',
+ name: '鎸囧寳閽�',
+ css: 'twoMenu_imge28',
+ },
+ ],
+ [
+ {
+ label: 'synthesis.someroaming',
+ name: '鐐规极娓�',
+ css: 'twoMenu_imge31',
+ },
+ {
+ label: 'synthesis.lineroaming',
+ name: '绾胯矾婕父',
+ css: 'twoMenu_imge32',
+ },
+ {
+ label: 'synthesis.mouseroaming',
+ name: '榧犳爣婕父',
+ css: 'twoMenu_imge33',
+ },
+ {
+ label: 'synthesis.snapshot',
+ name: '鍦板浘蹇収',
+ css: 'twoMenu_imge34',
+ },
+ {
+ label: 'synthesis.tdisplay',
+ name: '涓夌淮婕旂ず',
+ css: 'twoMenu_imge35',
+ },
+ ],
+ [
+ {
+ label: 'synthesis.contouranalysis',
+ name: '绛夐珮绾�',
+ css: 'twoMenu_imge41',
+ },
+ {
+ label: 'synthesis.slopeanalysis',
+ name: '鍧″害鍒嗘瀽',
+ css: 'twoMenu_imge42',
+ },
+ {
+ label: 'synthesis.pathanalysis',
+ name: '璺緞鍒嗘瀽',
+ css: 'twoMenu_imge43',
+ },
+ {
+ label: 'synthesis.cuttinganalysis',
+ name: '鍦板舰鍓栧垏',
+ css: 'twoMenu_imge44',
+ },
+ {
+ label: 'synthesis.floodanalysis',
+ name: '娣规病鍒嗘瀽',
+ css: 'twoMenu_imge45',
+ },
+ {
+ label: 'synthesis.earthworkcalculation',
+ name: '鍦熸柟閲忚绠�',
+ css: 'twoMenu_imge46',
+ },
+ {
+ label: 'synthesis.crosssectionanalysis',
+ name: '涓夌淮鎴潰',
+ css: 'twoMenu_imge47',
+ },
+ {
+ label: 'synthesis.imagecontrast',
+ name: '褰卞儚瀵规瘮',
+ css: 'twoMenu_imge48',
+ },
+ {
+ label: 'synthesis.pipelineAnalysis',
+ name: '绠￠亾鍒嗘瀽',
+ css: 'twoMenu_imge49',
+ },
+ {
+ label: 'synthesis.flatterrain',
+ name: '鍦板舰骞虫暣',
+ css: 'twoMenu_imge410',
+ },
+ {
+ label: 'synthesis.terrainexcavation',
+ name: '鍦板舰寮�鎸�',
+ css: 'twoMenu_imge411',
+ },
+ ],
+ [
+ {
+ label: 'synthesis.attributequery',
+ name: '灞炴�ф煡璇�',
+ css: 'twoMenu_imge51',
+ },
+ {
+ label: 'synthesis.rangequery',
+ name: '绌洪棿鏌ヨ',
+ css: 'twoMenu_imge52',
+ },
+ ],
+ [
+ {
+ label: 'synthesis.gpsrtk',
+ name: '鍧愭爣瀹氫綅',
+ css: 'twoMenu_imge61',
+ },
+ {
+ label: 'synthesis.placenamelocation',
+ name: '鍦板悕瀹氫綅',
+ css: 'twoMenu_imge62',
+ },
+ ],
+ [
+ {
+ label: 'synthesis.synthobj.m1',
+ name: '姘村钩璺濈',
+ css: 'twoMenu_imge71',
+ },
+ {
+ label: 'synthesis.synthobj.m4',
+ name: '鍨傜洿楂樺害',
+ css: 'twoMenu_imge72',
+ },
+ {
+ label: 'synthesis.synthobj.m6',
+ name: '骞抽潰闈㈢Н',
+ css: 'twoMenu_imge73',
+ },
+ {
+ label: 'synthesis.synthobj.m7',
+ name: '浣撶Н',
+ css: 'twoMenu_imge74',
+ },
+ {
+ label: 'synthesis.synthobj.m5',
+ name: '琛ㄩ潰闈㈢Н',
+ css: 'twoMenu_imge75',
+ },
+ {
+ label: 'synthesis.synthobj.m2',
+ name: '绌洪棿璺濈',
+ css: 'twoMenu_imge76',
+ },
+ ],
+ [
+ {
+ label: 'synthesis.point',
+ name: '鐐�',
+ css: 'twoMenu_imge81',
+ },
+ {
+ label: 'synthesis.line',
+ name: '绾�',
+ css: 'twoMenu_imge82',
+ },
+ {
+ label: 'synthesis.rectangle',
+ name: '鐭╁舰',
+ css: 'twoMenu_imge83',
+ },
+ {
+ label: 'synthesis.polygon',
+ name: '澶氳竟褰�',
+ css: 'twoMenu_imge84',
+ },
+ {
+ label: 'synthesis.import',
+ name: '瀵煎叆',
+ css: 'twoMenu_imge85',
+ },
+ {
+ label: 'synthesis.export',
+ name: '瀵煎嚭',
+ css: 'twoMenu_imge86',
+ },
+ {
+ label: 'synthesis.removepaint',
+ name: '娓呴櫎',
+ css: 'twoMenu_imge87',
+ },
+ ],
+ ],
};
},
watch: {},
created() {},
methods: {
- showBtn() {
- this.showBtnBox = !this.showBtnBox;
- },
- changePlot(res) {
- sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
- switch (res.id) {
- case '1':
- sgworld.Creator.createSimpleGraphic(
- 'point',
- {},
- function (entity) {}
- );
- break;
- case '2':
- sgworld.Creator.createSimpleGraphic(
- 'polyline',
- {},
- function (entity) {}
- );
- break;
- case '3':
- sgworld.Creator.createSimpleGraphic(
- 'rectangle',
- {},
- function (entity) {}
- );
- break;
- case '4':
- sgworld.Creator.createSimpleGraphic(
- 'polygon',
- {},
- function (entity) {}
- );
- break;
- case '6':
- if (window.Excavation) {
- window.Excavation.clear();
- window.Excavation = null;
- } else {
- this.$refs.terrainDig.open();
- }
- break;
- case '5':
- if (window.TerrainFlattening) {
- window.TerrainFlattening.remove();
- window.TerrainFlattening = null;
- } else {
- this.$refs.modelPress.open();
- }
- break;
- case '7':
- sgworld.Creator.createModelLibrary();
- break;
- case '8':
- this.clearAll();
- break;
- case '10':
- break;
- }
- },
+ //鍦板浘鍒濆鍖�
+ initMap() {
+ //鍦板浘鍒濆鍖�
+ window.sgworld = new SmartEarth.SGWorld('mapdiv', {
+ licenseServer: window.sceneConfig.licenseServer,
+ });
+ window.Viewer = window.sgworld._Viewer;
+ //瀹氫綅
+ sgworld.Navigate.jumpTo({
+ //璺宠浆瑙嗚
+ destination: new Cesium.Cartesian3.fromDegrees(
+ 116.055913,
+ 39.937685,
+ 8000
+ ),
+ });
+ 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,
+ })
+ );
- clearAll() {
- sgworld.Creator.SimpleGraphic.clear();
- if (window.Excavation) {
- window.Excavation.clear();
- window.Excavation = null;
- }
- if (window.TerrainFlattening) {
- window.TerrainFlattening.remove();
- window.TerrainFlattening = null;
+ 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',
+ })
+ );
+ },
+ //搴曞浘鍒囨崲
+ changeBaseLayer() {
+ this.isActive = !this.isActive;
+ this.setLayerVisible();
+ },
+ setLayerVisible() {
+ if (this.isActive == true) {
+ Viewer.imageryLayers.get(1).show = true;
+ Viewer.imageryLayers.get(2).show = false;
+ } else {
+ Viewer.imageryLayers.get(1).show = false;
+ Viewer.imageryLayers.get(2).show = true;
}
},
- tepostmessage(res) {
- const msg = {
- message: 'changeTool',
- data: res,
- };
- document
- .getElementById('sunIframe')
- .contentWindow.postMessage(msg, this.iframeSrc);
+ //宸︿晶鑿滃崟婊戝姩鏄鹃殣
+ setMenuChange(res) {
+ switch (res.id) {
+ case 1:
+ this.openStatus = !this.openStatus;
+ break;
+ default: {
+ this.openStatus = true;
+ this.setListTwoMenu = this.setListTwoMenuAll[res.id - 2];
+ }
+ }
+ },
+ //鍒濆鍖栬彍鍗曟巿鏉�
+ getPermsMenu() {
+ var val = this.$store.state.currentPerms;
+ var permsEntity = this.$store.state.permsEntity;
+ for (var i = 0; i < permsEntity.length; i++) {
+ if (permsEntity[i].perms == val) {
+ this.showMenuChange(permsEntity[i], permsEntity);
+ }
+ }
+ for (var i in this.menuOption) {
+ if (this.menuOption[i].show != false) {
+ this.showMenuList.push(this.menuOption[i]);
+ }
+ }
+ //鍒濆鍖栦簩绾ц彍鍗�
+ if (this.showMenuList.length > 1) {
+ var index = this.showMenuList[1].id;
+ this.setListTwoMenu = this.setListTwoMenuAll[index - 2];
+ }
},
showMenuChange(res, result) {
var permsId = res.id;
@@ -238,77 +440,333 @@
}
},
showMenuStatus(res) {
- switch (res.cnName) {
- case '鍥惧眰':
- this.menuStatus.menu1 = true;
- break;
- case '瑙嗗浘':
- this.menuStatus.menu2 = true;
- break;
- case '婕父':
- this.menuStatus.menu3 = true;
- break;
- case '鍒嗘瀽':
- this.menuStatus.menu4 = true;
- break;
- case '鏌ヨ':
- this.menuStatus.menu5 = true;
- break;
- case '瀹氫綅':
- this.menuStatus.menu6 = true;
- break;
- case '娴嬮噺':
- this.menuStatus.menu7 = true;
- break;
- case '鏍囩粯':
- this.menuStatus.menu8 = true;
- break;
- }
- },
- getPermsMenu() {
- let val;
- if (this.$store.state.currentPerms) {
- val = this.$store.state.currentPerms;
- } else {
- val = '/comprehensive';
- }
- var permsEntity = this.$store.state.permsEntity;
-
- if (permsEntity.length == 0) {
- getPerms().then((res) => {
- if (res.code == 200) permsEntity = res.result;
- for (var i = 0; i < permsEntity.length; i++) {
- if (permsEntity[i].perms == val) {
- this.showMenuChange(permsEntity[i], permsEntity);
- }
- }
- });
- } else {
- for (var i = 0; i < permsEntity.length; i++) {
- if (permsEntity[i].perms == val) {
- this.showMenuChange(permsEntity[i], permsEntity);
- }
+ var std = [];
+ std.push(this.menuOption[0]);
+ for (var i = 1; i < this.menuOption.length; i++) {
+ if (this.menuOption[i].name == res.cnName) {
+ this.menuOption[i].show = true;
}
}
},
},
mounted() {
- //this.messageName = this.$store.state.teNmme;
- this.$bus.$on('changetool', (e) => {
- this.tepostmessage(e);
- });
+ this.initMap();
},
-
+ //鍒濆鍖栬彍鍗曟巿鏉�
created() {
this.getPermsMenu();
},
};
</script>
-<style>
+<style lang="less" scoped>
.synthesis {
width: 100%;
height: 100%;
- position: absolute;
+ position: relative;
+ .lefIcon {
+ width: 63px;
+ height: 100%;
+ background: #353535;
+ position: absolute;
+ z-index: 30;
+ .menuDiv {
+ width: 60px;
+ height: 60px;
+ border: 1px solid rgba(53, 53, 53, 0);
+
+ .menuImage {
+ width: 26px;
+ height: 26px;
+ margin-left: 17px;
+ margin-top: 17px;
+ }
+
+ .menu_img1 {
+ background: url('../../assets/img/synthesis/绯荤粺鑿滃崟.png') no-repeat
+ center;
+ }
+ .menu_img2 {
+ background: url('../../assets/img/synthesis/鐭╁舰 8 鎷疯礉 2.png')
+ no-repeat center;
+ }
+ .menu_img3 {
+ background: url('../../assets/img/synthesis/鍥惧眰 6 鎷疯礉.png') no-repeat
+ center;
+ }
+ .menu_img4 {
+ background: url('../../assets/img/synthesis/鍥惧眰 8 鎷疯礉 2.png')
+ no-repeat center;
+ }
+ .menu_img5 {
+ background: url('../../assets/img/synthesis/鐭㈤噺鏅鸿兘瀵硅薄 鎷疯礉 3.png')
+ no-repeat center;
+ }
+ .menu_img6 {
+ background: url('../../assets/img/synthesis/鍥惧眰 9 鎷疯礉 4.png')
+ no-repeat center;
+ }
+ .menu_img7 {
+ background: url('../../assets/img/synthesis/鍥惧眰 7 鎷疯礉 5.png')
+ no-repeat center;
+ }
+ .menu_img8 {
+ background: url('../../assets/img/synthesis/鍥惧眰 5 鎷疯礉 6.png')
+ no-repeat center;
+ }
+ .menu_img9 {
+ background: url('../../assets/img/synthesis/鐭╁舰 8 鎷疯礉 11.png')
+ no-repeat center;
+ }
+ }
+ li:hover {
+ background: linear-gradient(180deg, #002992, #080472);
+ }
+ }
+ .rightContent {
+ width: calc(100% - 63px);
+ height: 100%;
+ float: right;
+ display: flex;
+ .left_main {
+ margin: 0;
+ width: 300px;
+ height: auto;
+ text-align: center;
+ transition: width 2s;
+ display: flex;
+ flex-wrap: wrap;
+ align-content: flex-start;
+ }
+ .leftMen_div {
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #ffffff;
+ padding: 10px;
+ min-width: 100px;
+ margin-left: 10px;
+ margin-top: 10px;
+ border-radius: 5px;
+ }
+ .leftMen_div:hover {
+ background: linear-gradient(180deg, #002992, #080472);
+ border: 1px solid #000000;
+ box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
+ }
+ .menuTwoImage {
+ width: 32px;
+ height: 32px;
+ display: inline-block;
+ }
+
+ .twoMenu_imge11 {
+ background: url('../../assets/img/synthesis/鍥惧眰 32.png') no-repeat center;
+ }
+ .twoMenu_imge12 {
+ background: url('../../assets/img/synthesis/鍥惧眰 35.png') no-repeat center;
+ }
+ .twoMenu_imge13 {
+ background: url('../../assets/img/synthesis/鍙戝竷.png') no-repeat center;
+ }
+ //瑙嗗浘
+ .twoMenu_imge21 {
+ background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 3.png')
+ no-repeat center;
+ }
+ .twoMenu_imge22 {
+ background: url('../../assets/img/synthesis/鍥惧眰 10 鎷疯礉.png') no-repeat
+ center;
+ }
+ .twoMenu_imge23 {
+ background: url('../../assets/img/synthesis/鍥惧眰 11 鎷疯礉.png') no-repeat
+ center;
+ }
+ .twoMenu_imge24 {
+ background: url('../../assets/img/synthesis/鍥惧眰 12 鎷疯礉 2.png') no-repeat
+ center;
+ }
+ .twoMenu_imge25 {
+ background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 5 鎷疯礉 2.png')
+ no-repeat center;
+ }
+ .twoMenu_imge26 {
+ background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 5 鎷疯礉 3.png')
+ no-repeat center;
+ }
+ .twoMenu_imge27 {
+ background: url('../../assets/img/synthesis/鐭╁舰 9.png') no-repeat center;
+ }
+ .twoMenu_imge28 {
+ background: url('../../assets/img/synthesis/妞渾 4.png') no-repeat center;
+ }
+ //婕父
+ .twoMenu_imge31 {
+ background: url('../../assets/img/synthesis/妞渾 6.png') no-repeat center;
+ }
+ .twoMenu_imge32 {
+ background: url('../../assets/img/synthesis/妞渾 7 鎷疯礉 2.png') no-repeat
+ center;
+ }
+ .twoMenu_imge33 {
+ background: url('../../assets/img/synthesis/鍥惧眰 14 鍓湰 鎷疯礉.png')
+ no-repeat center;
+ }
+ .twoMenu_imge34 {
+ background: url('../../assets/img/synthesis/鍥惧眰 74 鎷疯礉 2.png') no-repeat
+ center;
+ }
+ .twoMenu_imge35 {
+ background: url('../../assets/img/synthesis/妞渾 7 鎷疯礉 4.png') no-repeat
+ center;
+ }
+ //鍒嗘瀽
+ .twoMenu_imge41 {
+ background: url('../../assets/img/synthesis/妞渾 8 鎷疯礉 8.png') no-repeat
+ center;
+ }
+ .twoMenu_imge42 {
+ background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 5.png')
+ no-repeat center;
+ }
+ .twoMenu_imge43 {
+ background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 10 鍓湰 3.png')
+ no-repeat center;
+ }
+ .twoMenu_imge44 {
+ background: url('../../assets/img/synthesis/鍥惧眰 74 鎷疯礉 3.png') no-repeat
+ center;
+ }
+ .twoMenu_imge45 {
+ background: url('../../assets/img/synthesis/鍥惧眰 20.png') no-repeat center;
+ }
+ .twoMenu_imge46 {
+ background: url('../../assets/img/synthesis/鍥惧眰 14 鎷疯礉 3.png') no-repeat
+ center;
+ }
+ .twoMenu_imge47 {
+ background: url('../../assets/img/synthesis/鍥惧眰 18.png') no-repeat center;
+ }
+ .twoMenu_imge48 {
+ background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 6.png')
+ no-repeat center;
+ }
+ .twoMenu_imge49 {
+ background: url('../../assets/img/synthesis/绠￠亾.png') no-repeat center;
+ }
+ .twoMenu_imge410 {
+ background: url('../../assets/img/synthesis/dxkw.png') no-repeat center;
+ }
+ .twoMenu_imge411 {
+ background: url('../../assets/img/synthesis/鐭╁舰 14 鎷疯礉 7.png') no-repeat
+ center;
+ }
+ //鏌ヨ
+ .twoMenu_imge51 {
+ background: url('../../assets/img/synthesis/鍥惧眰 23.png') no-repeat center;
+ }
+ .twoMenu_imge52 {
+ background: url('../../assets/img/synthesis/绌洪棿鏌ヨ.png') no-repeat
+ center;
+ }
+ //瀹氫綅
+ .twoMenu_imge61 {
+ background: url('../../assets/img/synthesis/鍥惧眰 27.png') no-repeat center;
+ }
+ .twoMenu_imge62 {
+ background: url('../../assets/img/synthesis/鍥惧眰 28.png') no-repeat center;
+ }
+ //娴嬮噺
+ .twoMenu_imge71 {
+ background: url('../../assets/img/synthesis/鍥惧眰 31.png') no-repeat center;
+ }
+ .twoMenu_imge72 {
+ background: url('../../assets/img/synthesis/鍥惧眰 31 鎷疯礉.png') no-repeat
+ center;
+ }
+ .twoMenu_imge73 {
+ background: url('../../assets/img/synthesis/鐭╁舰 13 鎷疯礉.png') no-repeat
+ center;
+ }
+ .twoMenu_imge74 {
+ background: url('../../assets/img/synthesis/鍥惧眰 18 鎷疯礉.png') no-repeat
+ center;
+ }
+ .twoMenu_imge75 {
+ background: url('../../assets/img/synthesis/M 鎷疯礉.png') no-repeat center;
+ }
+ .twoMenu_imge76 {
+ background: url('../../assets/img/synthesis/绌洪棿娴嬭窛.png') no-repeat
+ center;
+ }
+ //鏍囩粯
+ .twoMenu_imge81 {
+ background: url('../../assets/img/synthesis/妞渾 5 鎷疯礉 3.png') no-repeat
+ center;
+ }
+ .twoMenu_imge82 {
+ background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 16.png') no-repeat
+ center;
+ }
+ .twoMenu_imge83 {
+ background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 20.png') no-repeat
+ center;
+ }
+ .twoMenu_imge84 {
+ background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 23.png') no-repeat
+ center;
+ }
+ .twoMenu_imge85 {
+ background: url('../../assets/img/synthesis/瀵煎叆.png') no-repeat center;
+ }
+ .twoMenu_imge86 {
+ background: url('../../assets/img/synthesis/瀵煎嚭.png') no-repeat center;
+ }
+ .twoMenu_imge87 {
+ background: url('../../assets/img/synthesis/娓呴櫎.png') no-repeat center;
+ }
+
+ .right_main {
+ flex: 1;
+ height: 100%;
+ position: relative;
+ }
+ .left_main_show {
+ width: 0px;
+ }
+ .bottomChageLayer {
+ height: 40px;
+ width: 60px;
+ z-index: 40;
+ position: absolute;
+ 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;
+ bottom: 1%;
+ left: 1%;
+ }
+ .bottomChageLayer: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;
+ }
+ }
}
</style>
--
Gitblit v1.9.3