From 5b5a5a7899a9444665235d96d8d7f2d50fed6a8c Mon Sep 17 00:00:00 2001
From: Jin Lei <jinlei_182@163.com>
Date: 星期六, 11 十一月 2023 17:42:58 +0800
Subject: [PATCH] [历史影像]删除之前二维地图，叠加beijing54地图
---
src/components/map/viewer1.vue | 711 +++++++++++++++++++++++++++++++---------------------------
1 files changed, 382 insertions(+), 329 deletions(-)
diff --git a/src/components/map/viewer1.vue b/src/components/map/viewer1.vue
index 12d50b4..0439c00 100644
--- a/src/components/map/viewer1.vue
+++ b/src/components/map/viewer1.vue
@@ -1,10 +1,14 @@
<template>
<div>
<div id="sdkContainer1" style="height: 100%"></div>
- <layerTreeTwoScreenRight
- v-if="layerTreeTwoScreen"
- id="layerTreeTwoScreen111"
- />
+ <div class="listBox" v-show="!isLand">
+ <ul>
+ <li v-for="(item, index) in arr" :key="index" @click="changeLeftMap($event, item, index)">
+ {{ item }}
+ </li>
+ </ul>
+ </div>
+ <layerTreeTwoScreenRight v-if="layerTreeTwoScreen" id="layerTreeTwoScreen111" />
<div class="tdInfo" v-if="showTDinfo">
<div class="tdInfo_close" @click="tdInfoClose">脳</div>
<p v-if="dikuanxinxi" class="noInfo">鏆傛棤璇ュ湴鍧椾俊鎭�</p>
@@ -41,12 +45,7 @@
<div v-else class="title">
<li>
浼佷笟
- <el-tooltip
- class="item"
- effect="dark"
- content="鐐瑰嚮鏌ョ湅浼佷笟淇℃伅"
- placement="bottom"
- >
+ <el-tooltip class="item" effect="dark" content="鐐瑰嚮鏌ョ湅浼佷笟淇℃伅" placement="bottom">
<a @click="showYZCQY"> {{ qysl }}</a>
</el-tooltip>
瀹�
@@ -54,83 +53,31 @@
</div>
</ul>
</div>
- <el-dialog
- class="aboutDialog"
- title="浼佷笟淇℃伅"
- append-to-body
- width="60%"
- height="60%"
- style="overflow: auto"
- :visible.sync="QYbox"
- :before-close="dialogClose"
- >
+ <el-dialog class="aboutDialog" title="浼佷笟淇℃伅" append-to-body width="60%" height="60%" style="overflow: auto"
+ :visible.sync="QYbox" :before-close="dialogClose">
<div class="el-dialog-div">
<div class="inquire">
- <el-form
- size="medium"
- ref="queryForm"
- :model="queryForm"
- :inline="true"
- >
+ <el-form size="medium" ref="queryForm" :model="queryForm" :inline="true">
<el-form-item label="鏌ヨ鍐呭" prop="name">
- <el-input
- v-model="queryForm.content"
- placeholder="璇疯緭鍏ユ煡璇㈠唴瀹�"
- />
+ <el-input v-model="queryForm.content" placeholder="璇疯緭鍏ユ煡璇㈠唴瀹�" />
</el-form-item>
<el-form-item>
- <el-button
- @click="queryInfo('queryForm')"
- icon="el-icon-search"
- class="primary"
- >鏌ヨ</el-button
- >
+ <el-button @click="queryInfo('queryForm')" icon="el-icon-search" class="primary">鏌ヨ</el-button>
</el-form-item>
</el-form>
</div>
- <el-table
- fit
- style="width: 100%"
- :data="tableData"
- highlight-current-row
- >
+ <el-table fit style="width: 100%" :data="tableData" highlight-current-row>
<el-table-column type="index" width="50"></el-table-column>
- <el-table-column
- property="浼佷笟鍚嶇О"
- label="浼佷笟鍚嶇О"
- ></el-table-column>
- <el-table-column
- property="浼佷笟绫诲瀷"
- label="浼佷笟绫诲瀷"
- ></el-table-column>
- <el-table-column
- property="鎴愮珛鏃堕棿"
- label="鎴愮珛鏃堕棿"
- ></el-table-column>
- <el-table-column
- property="鎵�灞炶涓�"
- label="鎵�灞炶涓�"
- ></el-table-column>
+ <el-table-column property="浼佷笟鍚嶇О" label="浼佷笟鍚嶇О"></el-table-column>
+ <el-table-column property="浼佷笟绫诲瀷" label="浼佷笟绫诲瀷"></el-table-column>
+ <el-table-column property="鎴愮珛鏃堕棿" label="鎴愮珛鏃堕棿"></el-table-column>
+ <el-table-column property="鎵�灞炶涓�" label="鎵�灞炶涓�"></el-table-column>
<el-table-column property="娉曚汉" label="娉曚汉"></el-table-column>
- <el-table-column
- property="娉ㄥ唽鍦板潃"
- label="娉ㄥ唽鍦板潃"
- ></el-table-column>
+ <el-table-column property="娉ㄥ唽鍦板潃" label="娉ㄥ唽鍦板潃"></el-table-column>
</el-table>
- <div
- slot="footer"
- class="dialog-footer"
- style="text-align: center; margin-top: 5px"
- >
- <el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page.sync="currentPage"
- :page-size="10"
- :pager-count="11"
- layout="total, pager"
- :total="searchNum"
- >
+ <div slot="footer" class="dialog-footer" style="text-align: center; margin-top: 5px">
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+ :current-page.sync="currentPage" :page-size="10" :pager-count="11" layout="total, pager" :total="searchNum">
</el-pagination>
</div>
</div>
@@ -147,8 +94,7 @@
import Bus from "../tools/Bus";
-let line, line1, handler, handler1, divPoint, divPoint1, dx;
-
+let line, line1, handler, handler1, divPoint, divPoint1, dx, activeLi, nLayer, TDLayer;
export default {
name: "viewer1",
components: { layerTreeTwoScreenRight },
@@ -179,7 +125,13 @@
currentPage: 1,
pageSize: 10,
searchNum: 0,
+ arr: [
+ 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012,
+ 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021,
+ ],
tableData: [],
+
+
queryForm: {
type: "浼佷笟鍚嶇О",
content: "",
@@ -193,7 +145,7 @@
},
computed: {
- ...mapState(["viewer1Show", "layerTreeTwoScreen"]),
+ ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"]),
},
watch: {
viewer1Show: {
@@ -214,6 +166,24 @@
}, 2000);
},
},
+ isLand(newvalue, oldvalue) {
+ if (!newvalue) {
+ if (TDLayer) {
+ TDLayer.deleteObject();
+ TDLayer = null;
+ }
+ if (line) {
+ sgworld.Creator.DeleteObject(line);
+ }
+ if (line1) {
+ sgworld1.Creator.DeleteObject(line1);
+ }
+ } else {
+ if (!TDLayer) {
+ this.loadTDGLLayer();
+ }
+ }
+ }
},
mounted() {
this.$nextTick(function () {
@@ -230,22 +200,6 @@
},
},
};
- // let option = {
- // url: SmartEarthRootUrl + "Workers/image/earth.jpg",
- // fullscreenButton: true,
- // licenseServer: "http://183.162.245.49:18080",
- // minViewHeight: parseFloat(common.minviewheight),
- // contextOptions: {
- // failIfMajorPerformanceCaveat: false,
- // webgl: {
- // alpha: true,
- // preserveDrawingBuffer: true
- // }
- // }
- // };
-
- //EPSG4326
- // Cesium.ExpandBySmartEarth.Ellipsoid.z = 6356752.3142451793;
// 鍖椾含
window.sgworld1 = new SmartEarth.EarthCtrl(
@@ -268,30 +222,9 @@
true,
""
);
- let treeNode = URLInCode.tdglTmsCode;
- sgworld1.Creator.createImageryProvider(
- treeNode.name,
- "tms",
- {
- id: treeNode.id,
- url: treeNode.urls,
- fileExtension: treeNode.img || "png",
- enablePickFeatures: false,
- level: treeNode.Level,
- minimumLevel: treeNode.minimumLevel,
- maximumLevel: treeNode.maximumLevel,
- tilingScheme:
- treeNode.tileType === "Geo"
- ? new Cesium.GeographicTilingScheme()
- : new Cesium.WebMercatorTilingScheme(),
- alpha: treeNode.alpha,
- },
- "0",
- treeNode.zIndex,
- true,
- ""
- );
-
+ if (this.isLand) {
+ this.loadTDGLLayer();
+ }
var p = {
destination: sgworld.Navigate.getPosition(),
orientation: {
@@ -302,32 +235,15 @@
};
sgworld1.Viewer.camera.setView(p);
setTimeout(() => {
+ window.loading && window.loading.close();
+ }, 100);
+ setTimeout(() => {
window.APPLoading && window.APPLoading.close();
- }, 1000);
+ }, 100);
}
);
- // 鍚堣偉
- // window.sgworld1 = new SmartEarth.SGWorld(
- // "sdkContainer1",
- // Cesium,
- // option,
- // null,
- // function () {
- // var p = {
- // destination: sgworld.Navigate.getPosition(),
- // orientation: {
- // heading: sgworld.Viewer.camera.heading,
- // pitch: sgworld.Viewer.camera.pitch,
- // roll: sgworld.Viewer.camera.roll,
- // },
- // };
- // sgworld1.Viewer.camera.setView(p);
- // setTimeout(() => {
- // window.APPLoading && window.APPLoading.close();
- // }, 1000);
- // }
- // );
+
window.Viewer1 = sgworld1._Viewer;
Viewer1.shadows = false;
@@ -338,176 +254,9 @@
// Viewer.scene.screenSpaceCameraController.enableCollisionDetection = false;
Viewer1.scene.globe.translucency.frontFaceAlpha = 0.5;
Viewer1.scene.globe.undergroundColor = undefined;
- let type = 0;
- //鐐瑰嚮宸︿晶鏄剧ず鑼冨洿銆佽鎯�
- handler1 = new Cesium.ScreenSpaceEventHandler(Viewer1.scene.canvas);
- handler1.setInputAction((event) => {
- let that = this;
- this.clearInfoPanel();
- let p;
- if (type === 0) {
- p = sgworld1.Navigate.getMouseDegrees(event);
- } else {
- p = sgworld1.Navigate.getMousePosition(event);
- }
- // alert(JSON.stringify(p))
- // console.log(p);
- if (p) {
- if (line) {
- sgworld.Creator.DeleteObject(line);
- line = null;
- }
- if (line1) {
- sgworld1.Creator.DeleteObject(line1);
- line1 = null;
- }
- if (divPoint) {
- sgworld.Creator.DeleteObject(divPoint);
- divPoint = null;
- }
- if (divPoint1) {
- sgworld1.Creator.DeleteObject(divPoint1);
- divPoint1 = null;
- }
- axios
- .get(
- "http://10.10.4.115:8022/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" +
- p.lon +
- "&lat=" +
- p.lat +
- "&geom=true&requesttype=json"
- )
- .then((response) => {
- let center = { lon: 0, lat: 0 };
- let polygon = that.read(response.data.geometry);
- if (polygon.length > 0) {
- var geometry = [];
- let points = polygon[0].split(",");
- for (let i = 0; i < points.length; i++) {
- let point = points[i].replace(/^\s+|\s+$/g, "").split(" ");
- center.lon += parseFloat(point[0]) / points.length;
- center.lat += parseFloat(point[1]) / points.length;
- geometry.push({
- x: parseFloat(point[0]),
- y: parseFloat(point[1]),
- z: 0,
- });
- }
- if (line) {
- sgworld.Creator.DeleteObject(line);
- line = null;
- }
- if (line1) {
- sgworld1.Creator.DeleteObject(line1);
- line1 = null;
- }
- line = sgworld.Creator.createPolyline(
- geometry,
- "#ff0000",
- 1,
- 0,
- "绾�"
- );
- line1 = sgworld1.Creator.createPolyline(
- geometry,
- "#ff0000",
- 1,
- 0,
- "绾�"
- );
- }
- if (center.lon != 0 && center.lat != 0) {
- axios
- .get(
- "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
- response.data.NO
- )
- .then(
- (info) => {
- try {
- if (divPoint) {
- sgworld.Creator.DeleteObject(divPoint);
- divPoint = null;
- }
- if (divPoint1) {
- sgworld1.Creator.DeleteObject(divPoint1);
- divPoint1 = null;
- }
- // console.log(info.data.data);
- //鍏抽棴寮圭獥
- layuiLayer.close(SmartEarthPopupData.layerProp);
- //鍏抽棴鍙充晶淇℃伅寮圭獥
- Bus.$emit("closeRightPop", true);
- this.showTDinfo = true;
- let data = info.data.data;
- if (data.yongdishuju === null) {
- this.dikuanxinxi = true;
- return;
- } else {
- this.dikuanxinxi = false;
- }
- this.qiyexinxi = info.data.data.qiyexinxi;
- this.qysl = data.qiyexinxi.length;
- if (this.qysl > 0) {
- this.ydbm = data.qiyexinxi[0]["鍦板潡缂栧彿"];
- } else {
- this.ydbm = data.churangxinxi["ydbh"];
- }
- try {
- this.ydlx = data.yongdishuju["ydlxmc"];
- } catch (e) {}
- try {
- this.cyfx = data.yongdishuju["cyfx"];
- } catch (e) {}
- try {
- // this.crzt = response.data["ZT"];
- switch (response.data["ZT"]) {
- case 3:
- this.crzt = "宸插嚭璁�";
- break;
- case 4:
- this.crzt = "鏈嚭璁�";
- break;
- }
- } catch (e) {}
- try {
- this.ydmj = parseFloat(
- "" + data.yongdishuju["ydmj"]
- ).toFixed(0);
- } catch (e) {}
- try {
- this.crnx = data.churangxinxi["crnx"];
- } catch (e) {}
- try {
- this.crnf = data.churangxinxi["crnf"];
- } catch (e) {}
- try {
- this.rjl = data.yongdishuju["rjl"];
- } catch (e) {}
- try {
- this.jzxg = data.yongdishuju["jzxg"];
- } catch (e) {}
- try {
- this.jzmd = data.yongdishuju["jzmd"];
- } catch (e) {}
- } catch (e) {}
- },
- (info) => {
- this.$notify.error({
- title: "鎻愮ず",
- message: "鏈煡璇㈠埌鏁版嵁锛�",
- });
- // alert("鏈煡璇㈠埌鏁版嵁锛�");
- console.log("鏌ヨ澶辫触锛�");
- }
- );
- }
- });
- }
- }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-
+ this.addEvent();
});
//鍏抽棴寮圭獥
Bus.$on("closeLandInfoPop", (data) => {
@@ -517,6 +266,271 @@
});
},
methods: {
+
+ setImageComparison(isStart) {
+ this.isImage = isStart;
+ if (!this.isImage) {
+ this.destroyImageLayer();
+ }
+ },
+ destroyImageLayer() {
+ if (activeLi) {
+ activeLi.classList.remove('active');
+ activeLi = null;
+ }
+ if (nLayer) {
+ Viewer1.imageryLayers.remove(nLayer, true);
+ nLayer = null;
+ }
+ },
+ changeLeftMap(event, item, index) {
+ let liObj = event.currentTarget;
+ if (activeLi) {
+ activeLi.classList.remove('active');
+ activeLi = null;
+ }
+ liObj.classList.add('active');
+ activeLi = liObj;
+ this.loadImageLayer(item);
+ },
+ loadImageLayer(year) {
+ if (nLayer) {
+ Viewer1.imageryLayers.remove(nLayer, true);
+ nLayer = null;
+ }
+ nLayer = this.loadBJ54ImageLayer(year);
+ },
+ loadBJ54ImageLayer(year) {
+ let url = "http://172.26.64.84/service/ImageEngine/picdis/abc";
+ //let url = option.url;
+ //let year = option.year;
+ let paramUrl = `${url}?user=jjjskfq&password=Jjjskfq@2022&layer=Sate_${year}&style=&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={nx}&TileRow={ny}`;
+ let minx = 113.168199 * Math.PI / 180.0;
+ let miny = 39.230551 * Math.PI / 180.0;
+ let maxx = 118.562362 * Math.PI / 180.0;
+ let maxy = 41.294714 * Math.PI / 180.0;
+ let rectangle = new Cesium.Rectangle(minx, miny, maxx, maxy);
+ let tilingScheme = new Cesium.GeographicTilingScheme({
+ rectangle: rectangle,
+ numberOfLevelZeroTilesX: 2,
+ numberOfLevelZeroTilesY: 1
+ });
+ var dx = {
+ url: paramUrl,
+ tilingScheme: tilingScheme,
+ customTags: {
+ nx: function (imageryProvider, x, y, level) {
+ return (2 << (level - 1)) + x;
+ },
+ ny: function (imageryProvider, x, y, level) {
+ return (2 << (level - 1)) + y;
+ }
+ }
+ };
+ var imageryProvider = new Cesium.UrlTemplateImageryProvider(dx);
+ let imageLayer = new Cesium.ImageryLayer(imageryProvider, { alpha: 1, brightness: 1.0 });
+ Viewer1.imageryLayers.add(imageLayer, 2);
+ return imageLayer;
+ },
+ loadTDGLLayer() {
+ let treeNode = URLInCode.tdglTmsCode;
+ TDLayer = sgworld1.Creator.createImageryProvider(
+ treeNode.name,
+ "tms",
+ {
+ id: treeNode.id,
+ url: treeNode.urls,
+ fileExtension: treeNode.img || "png",
+ enablePickFeatures: false,
+ level: treeNode.Level,
+ minimumLevel: treeNode.minimumLevel,
+ maximumLevel: treeNode.maximumLevel,
+ tilingScheme:
+ treeNode.tileType === "Geo"
+ ? new Cesium.GeographicTilingScheme()
+ : new Cesium.WebMercatorTilingScheme(),
+ alpha: treeNode.alpha,
+ },
+ "0",
+ treeNode.zIndex,
+ true,
+ ""
+ );
+
+ },
+ addEvent() {
+ let type = 0;
+ //鐐瑰嚮宸︿晶鏄剧ず鑼冨洿銆佽鎯�
+ handler1 = new Cesium.ScreenSpaceEventHandler(Viewer1.scene.canvas);
+ handler1.setInputAction((event) => {
+ if (this.isLand) {
+ let that = this;
+ this.clearInfoPanel();
+ let p;
+ if (type === 0) {
+ p = sgworld1.Navigate.getMouseDegrees(event);
+ } else {
+ p = sgworld1.Navigate.getMousePosition(event);
+ }
+ // alert(JSON.stringify(p))
+ // console.log(p);
+ if (p) {
+ if (line) {
+ sgworld.Creator.DeleteObject(line);
+ line = null;
+ }
+ if (line1) {
+ sgworld1.Creator.DeleteObject(line1);
+ line1 = null;
+ }
+ if (divPoint) {
+ sgworld.Creator.DeleteObject(divPoint);
+ divPoint = null;
+ }
+ if (divPoint1) {
+ sgworld1.Creator.DeleteObject(divPoint1);
+ divPoint1 = null;
+ }
+ axios
+ .get(
+ "http://10.10.4.115:8022/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" +
+ p.lon +
+ "&lat=" +
+ p.lat +
+ "&geom=true&requesttype=json"
+ )
+ .then((response) => {
+ let center = { lon: 0, lat: 0 };
+ let polygon = that.read(response.data.geometry);
+ if (polygon.length > 0) {
+ var geometry = [];
+ let points = polygon[0].split(",");
+ for (let i = 0; i < points.length; i++) {
+ let point = points[i].replace(/^\s+|\s+$/g, "").split(" ");
+ center.lon += parseFloat(point[0]) / points.length;
+ center.lat += parseFloat(point[1]) / points.length;
+ geometry.push({
+ x: parseFloat(point[0]),
+ y: parseFloat(point[1]),
+ z: 0,
+ });
+ }
+ if (line) {
+ sgworld.Creator.DeleteObject(line);
+ line = null;
+ }
+ if (line1) {
+ sgworld1.Creator.DeleteObject(line1);
+ line1 = null;
+ }
+ line = sgworld.Creator.createPolyline(
+ geometry,
+ "#ff0000",
+ 1,
+ 0,
+ "绾�"
+ );
+ line1 = sgworld1.Creator.createPolyline(
+ geometry,
+ "#ff0000",
+ 1,
+ 0,
+ "绾�"
+ );
+ }
+ if (center.lon != 0 && center.lat != 0) {
+ axios
+ .get(
+ "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
+ response.data.NO
+ )
+ .then(
+ (info) => {
+ try {
+ if (divPoint) {
+ sgworld.Creator.DeleteObject(divPoint);
+ divPoint = null;
+ }
+ if (divPoint1) {
+ sgworld1.Creator.DeleteObject(divPoint1);
+ divPoint1 = null;
+ }
+ // console.log(info.data.data);
+ //鍏抽棴寮圭獥
+ layuiLayer.close(SmartEarthPopupData.layerProp);
+ //鍏抽棴鍙充晶淇℃伅寮圭獥
+ Bus.$emit("closeRightPop", true);
+ this.showTDinfo = true;
+ let data = info.data.data;
+ if (data.yongdishuju === null) {
+ this.dikuanxinxi = true;
+ return;
+ } else {
+ this.dikuanxinxi = false;
+ }
+ this.qiyexinxi = info.data.data.qiyexinxi;
+ this.qysl = data.qiyexinxi.length;
+
+ if (this.qysl > 0) {
+ this.ydbm = data.qiyexinxi[0]["鍦板潡缂栧彿"];
+ } else {
+ this.ydbm = data.churangxinxi["ydbh"];
+ }
+ try {
+ this.ydlx = data.yongdishuju["ydlxmc"];
+ } catch (e) { }
+ try {
+ this.cyfx = data.yongdishuju["cyfx"];
+ } catch (e) { }
+ try {
+ // this.crzt = response.data["ZT"];
+ switch (response.data["ZT"]) {
+ case 3:
+ this.crzt = "宸插嚭璁�";
+ break;
+ case 4:
+ this.crzt = "鏈嚭璁�";
+ break;
+ }
+ } catch (e) { }
+ try {
+ this.ydmj = parseFloat(
+ "" + data.yongdishuju["ydmj"]
+ ).toFixed(0);
+ } catch (e) { }
+ try {
+ this.crnx = data.churangxinxi["crnx"];
+ } catch (e) { }
+ try {
+ this.crnf = data.churangxinxi["crnf"];
+ } catch (e) { }
+ try {
+ this.rjl = data.yongdishuju["rjl"];
+ } catch (e) { }
+ try {
+ this.jzxg = data.yongdishuju["jzxg"];
+ } catch (e) { }
+ try {
+ this.jzmd = data.yongdishuju["jzmd"];
+ } catch (e) { }
+ } catch (e) { }
+ },
+ (info) => {
+ this.$notify.error({
+ title: "鎻愮ず",
+ message: "鏈煡璇㈠埌鏁版嵁锛�",
+ });
+ // alert("鏈煡璇㈠埌鏁版嵁锛�");
+ console.log("鏌ヨ澶辫触锛�");
+ }
+ );
+ }
+ });
+ }
+ }
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+
+ },
dialogClose() {
this.queryForm.content = "";
this.queryForm.type = "浼佷笟鍚嶇О";
@@ -552,7 +566,7 @@
const tableData = this.qiyexinxi;
// 鎼滅储鍑虹殑缁撴灉
let searchTable = this.tableRes(this.queryForm.content, tableData);
-
+
// 鎼滅储鍑虹殑鏁伴噺杩涜鍒嗛〉
this.searchNum = searchTable.length;
//鏍规嵁椤电爜灞曠ず鍐呭
@@ -1049,6 +1063,7 @@
background-size: 100% 100%;
margin: 0 auto;
}
+
.tdInfo .title li {
margin-left: 32px;
/* width: 78px; */
@@ -1060,6 +1075,7 @@
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
+
.content1,
.content2,
.content3 {
@@ -1070,6 +1086,7 @@
flex-direction: column;
justify-content: space-between;
}
+
.content1 li,
.content2 li,
.content3 li {
@@ -1079,14 +1096,17 @@
line-height: 26px;
text-shadow: 0px 1px 6px rgba(3, 10, 26, 0.5);
}
+
.content1 {
height: 136px;
padding: 19px 0;
}
+
.content2 {
height: 132px;
padding: 21px 0;
}
+
.content3 {
height: 116px;
padding-top: 21px;
@@ -1121,13 +1141,13 @@
box-shadow: 0px 1px 10px 0px rgba(3, 10, 26, 0.38);
}
-.aboutDialog >>> .el-dialog__body {
+.aboutDialog>>>.el-dialog__body {
height: 77%;
padding: 0px !important;
padding: 15px !important;
}
-.aboutDialog >>> .el-dialog__header {
+.aboutDialog>>>.el-dialog__header {
padding: 10px 20px;
height: 25px;
line-height: 25px;
@@ -1136,28 +1156,28 @@
background: transparent;
}
-.aboutDialog >>> .el-dialog__title {
+.aboutDialog>>>.el-dialog__title {
color: #fff;
font-size: 1.1rem;
}
-.aboutDialog >>> .el-dialog__headerbtn .el-dialog__close {
+.aboutDialog>>>.el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
-.aboutDialog >>> .el-dialog__headerbtn:hover .el-dialog__close {
+.aboutDialog>>>.el-dialog__headerbtn:hover .el-dialog__close {
color: #fff;
}
-.aboutDialog >>> .el-dialog__headerbtn {
+.aboutDialog>>>.el-dialog__headerbtn {
top: 13px;
}
-.aboutDialog >>> .el-form-item {
+.aboutDialog>>>.el-form-item {
margin-bottom: 10px;
}
-.el-form >>> .el-form-item__label {
+.el-form>>>.el-form-item__label {
color: #fff;
}
@@ -1206,46 +1226,79 @@
background-color: transparent;
}
-.el-table /deep/ .el-table__body tr.current-row > td {
+.el-table /deep/ .el-table__body tr.current-row>td {
background-color: transparent;
}
-.el-table--enable-row-hover /deep/ .el-table__body tr:hover > td {
+.el-table--enable-row-hover /deep/ .el-table__body tr:hover>td {
background-color: rgba(0, 32, 70, 0.7) !important;
}
-.el-table__body /deep/ tr.current-row > td {
+.el-table__body /deep/ tr.current-row>td {
background-color: rgba(0, 32, 70, 0.7) !important;
}
-.aboutDialog .el-dialog-div .dialog-footer {
-}
+.aboutDialog .el-dialog-div .dialog-footer {}
.el-pagination {
color: #fff;
}
-.el-pagination >>> .el-pagination__total,
-.el-pagination >>> .btn-next,
-.el-pagination >>> .btn-prev {
+.el-pagination>>>.el-pagination__total,
+.el-pagination>>>.btn-next,
+.el-pagination>>>.btn-prev {
background: transparent;
color: #fff;
font-size: 1rem;
}
-.el-pagination >>> .el-pager li {
+.el-pagination>>>.el-pager li {
line-height: 27px;
background-color: transparent;
font-size: 1rem;
}
-.el-pagination >>> .el-pager li.btn-quicknext,
-.el-pagination >>> .el-pager li.btn-quickprev {
+.el-pagination>>>.el-pager li.btn-quicknext,
+.el-pagination>>>.el-pager li.btn-quickprev {
font-size: 1rem;
line-height: 28px;
color: #fff;
}
+.listBox {
+ position: absolute;
+ right: 20px;
+ top: 100px;
+
+}
+
+.listBox .active {
+
+ background: rgba(255, 166, 0, 0.808);
+
+}
+
+.listBox li {
+ padding: 2px;
+ margin-top: 1px;
+ border-radius: 2px;
+ color: white;
+ background: rgba(14, 50, 143, 0.6);
+ font-size: 14px;
+ cursor: pointer;
+}
+
+/* 灞忓箷鍒嗚鲸鐜囨斁澶т负 125 */
+@media (-webkit-min-device-pixel-ratio: 1.25) {
+ .listBox li {
+ font-size: 12px;
+ }
+}
+
+.listBox li:hover {
+ background: rgba(255, 166, 0, 0.808);
+}
+
::-webkit-scrollbar {
/*婊氬姩鏉℃暣浣撴牱寮�*/
width: 4px;
--
Gitblit v1.9.3