From 906848eb1d3ae78f2c9f25845c3d05050e148c4f Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期一, 10 二月 2025 14:38:00 +0800
Subject: [PATCH] 土地管理
---
src/components/map/viewer1.vue | 1373 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 691 insertions(+), 682 deletions(-)
diff --git a/src/components/map/viewer1.vue b/src/components/map/viewer1.vue
index 04252c8..17495bc 100644
--- a/src/components/map/viewer1.vue
+++ b/src/components/map/viewer1.vue
@@ -1,10 +1,12 @@
<template>
<div>
<div id="sdkContainer1" style="height: 100%"></div>
- <layerTreeTwoScreenRight
- v-if="layerTreeTwoScreen"
- id="layerTreeTwoScreen111"
- />
+ <div class="listBox" v-show="!isLand">
+ <ul id="viewer1_lsyx">
+ <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,114 +43,87 @@
<div v-else class="title">
<li>
浼佷笟
- <el-tooltip
- class="item"
- effect="dark"
- content="鐐瑰嚮鏌ョ湅浼佷笟淇℃伅"
- placement="bottom"
- >
- <a @click="showYZCQY"> {{ qysl }}</a>
- </el-tooltip>
- 瀹�
+ <el-tooltip class="item" effect="dark" content="鐐瑰嚮鏌ョ湅浼佷笟淇℃伅" placement="bottom">
+ <a @click="showYZCQY">{{ qysl }}</a>
+ </el-tooltip>瀹�
</li>
</div>
</ul>
</div>
- <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-item label="鏌ヨ鍐呭" prop="name">
- <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-form-item>
- </el-form>
+ <div :style="{
+ width: `${size}`,
+ height: `${size}`,
+ transform: `scale(${scale}) translate(${offset},${offset})`,
+ '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
+ '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
+ '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
+ '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
+ }">
+ <el-dialog class="aboutDialog" title="浼佷笟淇℃伅" append-to-body width="50%" height="60%" style="overflow: auto"
+ :visible.sync="QYbox" :before-close="dialogClose">
+ <div class="el-dialog-div">
+ <div class="inquire">
+ <el-form size="mini" ref="queryForm" :model="queryForm" :inline="true">
+ <el-form-item label="鏌ヨ鏉′欢" prop="name">
+ <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-form-item>
+ </el-form>
+ </div>
+ <el-table fit style="width: 100%" :data="tableData" highlight-current-row height="50">
+ <el-table-column type="index" width="40"></el-table-column>
+ <el-table-column property="qymc" label="浼佷笟鍚嶇О" min-width="220"></el-table-column>
+ <el-table-column property="qylx" label="浼佷笟绫诲瀷" min-width="220"></el-table-column>
+ <el-table-column property="clsj" label="鎴愮珛鏃堕棿" min-width="90"></el-table-column>
+ <!-- <el-table-column
+ property="鎵�灞炶涓�"
+ label="鎵�灞炶涓�"
+ ></el-table-column>-->
+ <el-table-column property="fr" label="娉曚汉"></el-table-column>
+ <!-- <el-table-column
+ property="娉ㄥ唽鍦板潃"
+ label="娉ㄥ唽鍦板潃"
+ ></el-table-column>-->
+ <el-table-column label="鎿嶄綔" width="60">
+ <template slot-scope="scope">
+ <el-button @click="handleClick(scope.row)" type="text" size="small">璇︽儏</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <div slot="footer" class="dialog-footer" style="text-align: center; margin-top: 2px">
+ <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>
- <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>
- <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>
- </el-dialog>
+ </el-dialog>
+ </div>
</div>
</template>
<script>
import common from "@/components/common";
import { mapState } from "vuex";
+
import axios from "axios";
import layerTreeTwoScreenRight from "@/components/left/layerTreeTwoScreenRight";
import URLInCode from "@/assets/js/urlInCode";
import Bus from "../tools/Bus";
-let line, line1, handler, handler1, divPoint, divPoint1, dx;
-
+let line,
+ line1,
+ handler,
+ handler1,
+ divPoint,
+ divPoint1,
+ dx,
+ activeLi,
+ nLayer,
+ TDLayer,
+ LWLayer1;
export default {
name: "viewer1",
components: { layerTreeTwoScreenRight },
@@ -179,19 +154,43 @@
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: "",
+ content: ""
},
size: "100%",
scale: "1",
- offset: "0%",
+ offset: "0%"
};
},
- created() {},
+ created() { },
computed: {
- ...mapState(["viewer1Show", "layerTreeTwoScreen"]),
+ ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"])
},
watch: {
viewer1Show: {
@@ -210,10 +209,41 @@
);
}
}, 2000);
- },
+ }
},
+ isLand(newvalue, oldvalue) {
+ if (!newvalue) {
+ if (TDLayer) {
+ TDLayer.deleteObject();
+ TDLayer = null;
+ }
+ if (line) {
+ sgworld.Creator.DeleteObject(line);
+ }
+ if (line1) {
+ sgworld1.Creator.DeleteObject(line1);
+ }
+ this.initLSYX();
+ } else {
+ this.destroyImageLayer();
+ if (!TDLayer) {
+ this.loadTDGLLayer();
+ }
+ }
+ }
},
mounted() {
+ let pathName = window.location.pathname.split("/");
+ let StaticFileBaseUrl;
+ if (pathName.length != 2) {
+ StaticFileBaseUrl = `../../../${pathName[1]}/static/CimSDK/`;
+ } else {
+ StaticFileBaseUrl = `../../../static/CimSDK/`;
+ }
+ let size = this.detectZoom();
+ this.scale = (100 / size).toFixed(2);
+ this.offset = "-" + ((size - 100) / 2).toFixed(2) + "%";
+ this.size = size + "%";
this.$nextTick(function () {
let that = this;
let option = {
@@ -224,33 +254,16 @@
failIfMajorPerformanceCaveat: false,
webgl: {
alpha: true,
- preserveDrawingBuffer: true,
- },
- },
+ preserveDrawingBuffer: true
+ }
+ }
};
- // 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(
"sdkContainer1",
{
- StaticFileBaseUrl: "../../static/CimSDK/",
- // StaticFileBaseUrl: "../../../YZXNCS/static/CimSDK/",
+ StaticFileBaseUrl: StaticFileBaseUrl
},
{},
null,
@@ -258,74 +271,38 @@
sgworld1.Creator.createArcGisImageryLayer(
"ARCGIS",
{
- url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
- enablePickFeatures: false,
+ url:
+ "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+ enablePickFeatures: false
},
"0",
- undefined,
+ 1,
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();
+ } else {
+ this.initLSYX();
+ }
var p = {
destination: sgworld.Navigate.getPosition(),
orientation: {
heading: sgworld.Viewer.camera.heading,
pitch: sgworld.Viewer.camera.pitch,
- roll: sgworld.Viewer.camera.roll,
- },
+ roll: sgworld.Viewer.camera.roll
+ }
};
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;
@@ -336,425 +313,337 @@
// Viewer.scene.screenSpaceCameraController.enableCollisionDetection = false;
Viewer1.scene.globe.translucency.frontFaceAlpha = 0.5;
Viewer1.scene.globe.undergroundColor = undefined;
- // let layer = sgworld1.Creator.createUrlTemplateImageryProvider(
- // "瑙勫垝鐢ㄥ湴",
- // {
- // id: "guihuayongdi",
- // url:
- // // "http://10.10.4.115/geowinmap/ds?serviceproviderid=map.cachedtms&serviceid=gettile&tilename=xncs_guihua225&x={x}&y={y}&z={z}&srs=EPSG:3857&resolution=0.000244140625&wrap=true",
- // Cesium.buildModuleUrl(urls + "/{z}/{x}/{reverseY}.jpeg"),
- // enablePickFeatures: false,
- // },
- // "0",
- // 9999,
- // true,
- // ""
- // );
- //宸︿晶鍔犺浇瑙勫垝鍖�
- // dx = sgworld.Creator.createImageryProvider(
- // "gisserver",
- // "wms",
- // {
- // url: "http://10.10.4.116:8070/gisserver/wmsserver/FWFQ225",
- // layers: "",
- // parameters: {
- // format: "image/png",
- // transparent: true
- // }
- // },
- // "0",
- // undefined,
- // true,
- // ""
- // );
- let type = 0;
-
- //鐐瑰嚮鍙充晶
- // handler = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas);
- // handler.setInputAction((event) => {
- // let p;
- // if (type === 0) {
- // p = sgworld.Navigate.getMouseDegrees(event);
- // } else {
- // p = sgworld.Navigate.getMousePosition(event);
- // }
- // // alert(JSON.stringify(p))
- // // console.log(p);
- // if (p) {
- // if (line) {
- // sgworld.Creator.DeleteObject(line);
- // }
- // if (line1) {
- // sgworld1.Creator.DeleteObject(line1);
- // }
- // if (divPoint) {
- // sgworld.Creator.DeleteObject(divPoint);
- // }
- // if (divPoint1) {
- // sgworld1.Creator.DeleteObject(divPoint1);
- // }
- // 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,
- // });
- // }
- // 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);
- // }
- // if (divPoint1) {
- // sgworld1.Creator.DeleteObject(divPoint1);
- // }
- // //console.log(info.data);
- // let data = info.data.data;
- // let ydbm = data.qiyexinxi[0]["鍦板潡缂栧彿"];
- // let ydlx = data.yongdishuju["ydlxmc"];
- // let cyfx = data.yongdishuju["cyfx"];
-
- // let crzt = response.data["ZT"];
- // let ydmj = data.yongdishuju["ydmj"];
- // let crnx = data.churangxinxi["crnx"];
- // let crnf = data.churangxinxi["crnf"];
- // let rjl = data.yongdishuju["rjl"];
- // let jzxg = data.yongdishuju["jzxg"];
- // let jzmd = data.yongdishuju["jzxg"];
- // let qysl = data.qiyexinxi.length;
- // // divPoint = sgworld.Creator.createDivPoint(
- // // "浜﹀簞",
- // // { lon: center.lon, lat: center.lat },
- // // {
- // // type: "custom",
- // // description: `
- // // <div class="smartEarthBlackPanel">
- // // <div class="smartEarthBlackPanel-text"
- // // style="
- // // width:100%;
- // // text-align:left;
- // // background:rgba(0, 0, 0,.4);
- // // border:1px #000 soild;
- // // color:#fff;
- // // padding:10px;
- // // ">
- // // <ul>
- // // <li class="title">鍩烘湰淇℃伅</li>
- // // <li>鐢ㄥ湴缂栫爜锛�${ydbm}</li>
- // // <li>鐢ㄥ湴绫诲瀷锛�${ydlx}</li>
- // // <li>浜т笟鏂瑰悜: ${cyfx}</li>
- // // <li class="title">鍑鸿淇℃伅</li>
- // // <li>鍑鸿鐘舵��: ${crzt}</li>
- // // <li>鐢ㄥ湴闈㈢Н: ${ydmj}骞虫柟绫�</li>
- // // <li>鍑鸿骞撮檺: ${crnx}</li>
- // // <li>鍑鸿骞翠唤: ${crnf}</li>
- // // <li class="title">瑙勫垝鎸囨爣</li>
- // // <li>瀹圭Н鐜�: ${rjl}</li>
- // // <li>寤虹瓚闄愰珮: ${jzxg}</li>
- // // <li>寤虹瓚瀵嗗害: ${jzmd}</li>
- // // <li class="title">浼佷笟 ${qysl} 瀹� </li>
- // // </ul>
- // // </div>
- // // </div>
- // // `,
- // // near: 0,
- // // far: 200000,
- // // }
- // // );
- // } catch (e) {}
- // },
- // (info) => {
- // console.log("鏌ヨ澶辫触锛�");
- // }
- // );
- // }
- // },
- // (response) => {
- // console.log("鏌ヨ澶辫触锛�");
- // }
- // );
- // }
- // }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-
- //鐐瑰嚮宸︿晶鏄剧ず鑼冨洿銆佽鎯�
- 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);
-
- //灞炴�ф樉绀�
- // sgworld.Creator.GeoJsonFeatureLayer.attributeShow({
- // editProp: true,
- // editPropData: {
- // offset: ["5%", Viewer.container.offsetWidth - 360 - 110 + "px"],
- // height: 650,
- // success(layero, index) {
- // let contentWindow = layero.find("iframe")[0].contentWindow;
- // let layeroHeight = layero.height();
- // let titleHeight = layero.find(".layui-layer-title").height();
- // let htmlHeight =
- // contentWindow.document.firstElementChild.offsetHeight;
- // if (layeroHeight > titleHeight + htmlHeight) {
- // layero.height(titleHeight + htmlHeight);
- // layero.find("iframe").height(htmlHeight);
- // }
- // },
- // },
- // });
-
- // //鏍囦細缂栬緫
- // sgworld1.Creator.SimpleGraphic.setEdit(true, {
- // editProp: true,
- // editPropData: {
- // offset: ["5%", Viewer.container.offsetWidth - 360 - 110 + "px"],
- // height: 650,
- // success(layero, index) {
- // let contentWindow = layero.find("iframe")[0].contentWindow;
- // let layeroHeight = layero.height();
- // let titleHeight = layero.find(".layui-layer-title").height();
- // let htmlHeight =
- // contentWindow.document.firstElementChild.offsetHeight;
- // if (layeroHeight > titleHeight + htmlHeight) {
- // layero.height(titleHeight + htmlHeight);
- // layero.find("iframe").height(htmlHeight);
- // }
- // },
- // },
- // });
- // //鍐涙爣缂栬緫
- // sgworld1.Creator.MilitaryPlotting.setEdit(true, {
- // editProp: true,
- // editPropData: {
- // offset: ["5%", Viewer.container.offsetWidth - 360 - 110 + "px"],
- // height: 650,
- // success(layero, index) {
- // let contentWindow = layero.find("iframe")[0].contentWindow;
- // let layeroHeight = layero.height();
- // let titleHeight = layero.find(".layui-layer-title").height();
- // let htmlHeight =
- // contentWindow.document.firstElementChild.offsetHeight;
- // if (layeroHeight >= titleHeight + htmlHeight) {
- // layero.height(titleHeight + htmlHeight);
- // }
- // },
- // },
- // });
-
- // //鍒濆鍖栧脊绐椾簨浠�
- // that.initLayerOpen();
- // that.showBottom();
+ this.addEvent();
});
//鍏抽棴寮圭獥
- Bus.$on("closeLandInfoPop", (data) => {
+ Bus.$on("closeLandInfoPop", data => {
if (data) {
this.showTDinfo = false;
}
});
},
methods: {
+ initLSYX() {
+ let ul = document.getElementById("viewer1_lsyx");
+ let lis = ul.getElementsByTagName("li");
+ lis[9].click();
+ },
+ 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;
+ }
+ if (LWLayer1) {
+ Viewer1.imageryLayers.remove(LWLayer1);
+ LWLayer1 = undefined;
+ }
+ },
+ 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);
+
+ if (!LWLayer1 || Viewer1.imageryLayers.indexOf(LWLayer1) < 0) {
+ if (LWLayer1) {
+ LWLayer1.destroy();
+ }
+ LWLayer1 = this.loadBJ54LWLayer1();
+ }
+ },
+ loadBJ54LWLayer1() {
+ 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=Shiliang_Lw_2019&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, 3);
+ return imageLayer;
+ },
+ loadBJ54ImageLayer(year) {
+ let url = "http://172.26.64.84/service/ImageEngine/picdis/abc";
+ let paramUrl = `${url}?user=jjjskfq&password=Jjjskfq@2022&layer=Sate_${year}&style=&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image/png&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);
+ }
+ 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(
+ // `https://skyzt.bda.gov.cn/BEApi/cs/geowinmap_xncs/ds?lng=${p.lon}&lat=${p.lat}`
+ `http://10.10.4.116:8086/cs/geowinmap_xncs/ds?lng=${p.lon}&lat=${p.lat}`
+ // "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 = null
+ if (Array.isArray(polygon)) {
+ points = polygon[0].split(",");
+ } else {
+ points = polygon.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.116:8086/cs/poisearch/guihuacon/getInfo?ydbm=" +
+ // "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 = "浼佷笟鍚嶇О";
@@ -766,6 +655,7 @@
},
// 鍒濆鍔犺浇宸叉敞鍐屼紒涓�
showYZCQY() {
+ this.showTDinfo = false;
this.QYbox = !this.QYbox;
this.searchYZCQY("浼佷笟鍚嶇О");
},
@@ -789,17 +679,7 @@
const tableData = this.qiyexinxi;
// 鎼滅储鍑虹殑缁撴灉
let searchTable = this.tableRes(this.queryForm.content, tableData);
- // let searchTable =tableData.filter(item => {
- // if (item[param]) {
- // return (
- // !this.queryForm.content ||
- // item[param]
- // .toLowerCase()
- // .includes(this.queryForm.content.toLowerCase())
- // );
- // }
- // });
- // console.log(searchTable);
+
// 鎼滅储鍑虹殑鏁伴噺杩涜鍒嗛〉
this.searchNum = searchTable.length;
//鏍规嵁椤电爜灞曠ず鍐呭
@@ -814,21 +694,35 @@
tableRes(searchData, table, array) {
const search = searchData;
if (search) {
- return table.filter((data) => {
- return Object.keys(data).some((key) => {
+ return table.filter(data => {
+ return Object.keys(data).some(key => {
if (array) {
if (array.indexOf(key) == -1) {
- return String(data[key]).toLowerCase().indexOf(search) > -1;
+ return (
+ String(data[key])
+ .toLowerCase()
+ .indexOf(search) > -1
+ );
}
} else {
- return String(data[key]).toLowerCase().indexOf(search) > -1;
+ return (
+ String(data[key])
+ .toLowerCase()
+ .indexOf(search) > -1
+ );
}
});
});
}
return table;
},
-
+ handleClick(row) {
+ window.open(
+ "https://qylweb.bda.gov.cn/alldetails/#/newEnterprisedetails?uscc=" +
+ row["tyshxxdm"] +
+ "&systemName=涓皬寰�"
+ );
+ },
detectZoom() {
var ratio = 0,
screen = window.screen,
@@ -862,7 +756,7 @@
spaces: /\s+/,
parenComma: /\)\s*,\s*\(/,
doubleParenComma: /\)\s*\)\s*,\s*\(\s*\(/, // can't use {2} here
- trimParens: /^\s*\(?(.*?)\)?\s*$/,
+ trimParens: /^\s*\(?(.*?)\)?\s*$/
};
/**
* Object with properties corresponding to the geometry types. Property values
@@ -929,7 +823,7 @@
coords = points[i].trim().split(regExes.spaces);
components.push([
Number.parseFloat(coords[0]),
- Number.parseFloat(coords[1]),
+ Number.parseFloat(coords[1])
]);
}
return components;
@@ -954,7 +848,7 @@
coords = points[i].trim().split(regExes.spaces);
components.push([
Number.parseFloat(coords[0]),
- Number.parseFloat(coords[1]),
+ Number.parseFloat(coords[1])
]);
}
return components;
@@ -1031,7 +925,7 @@
components.push(parse$1.polygon(polygon));
}
return components;
- },
+ }
};
var geometry, type, str;
@@ -1061,8 +955,8 @@
orientation: {
heading: sgworld1.Viewer.camera.heading,
pitch: sgworld1.Viewer.camera.pitch,
- roll: sgworld1.Viewer.camera.roll,
- },
+ roll: sgworld1.Viewer.camera.roll
+ }
};
sgworld.Viewer.camera.setView(p);
},
@@ -1075,21 +969,13 @@
this.qysl = 0;
this.ydbm = "";
this.ydlx = "";
-
this.cyfx = "";
-
this.crzt = "";
-
this.ydmj = "";
-
this.crnx = "";
-
this.crnf = "";
-
this.rjl = "";
-
this.jzxg = "";
-
this.jzmd = "";
},
//鍒濆鍖栧脊绐椾簨浠�
@@ -1121,12 +1007,12 @@
offset: options.offset || undefined,
area: [
typeof width === "number" ? width + "px" : width,
- typeof height === "number" ? height + "px" : height,
+ typeof height === "number" ? height + "px" : height
],
content: options.url,
success: function (layero, index) {
layero.css({
- "border-radius": "8px",
+ "border-radius": "8px"
});
if (successFn && typeof successFn === "function") {
successFn(layero, index);
@@ -1141,7 +1027,7 @@
if (endFn && typeof endFn === "function") {
endFn();
}
- },
+ }
});
};
},
@@ -1151,7 +1037,7 @@
"<div style='color: #FFFFFF;float: left;height: 28px;line-height: 28px;'></div>";
let handler3D = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas);
- handler3D.setInputAction((wheelment) => {
+ handler3D.setInputAction(wheelment => {
// 婊氬姩婊氳酱锛屽緱鍒板綋鍓嶇殑瑙嗙偣楂樺害
// 鍗曚綅鎹㈢畻锛屽綋澶т簬1000绫崇殑鏃跺�欐樉绀衡�滃崈绫斥�濓紝灏忎簬1000绫崇殑鏃跺�欐樉绀哄崟浣嶄负鈥滅背鈥�
var cHeightM = Viewer.camera.positionCartographic.height;
@@ -1180,7 +1066,7 @@
"</span>" +
"</span>";
}, Cesium.ScreenSpaceEventType.WHEEL);
- handler3D.setInputAction((movement) => {
+ handler3D.setInputAction(movement => {
if (window.sdHeight == "") {
this.cHeight = "862.1鍗冪背";
}
@@ -1212,7 +1098,7 @@
"</span>";
}
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
- },
+ }
},
beforeDestroy() {
Bus.$off("closeLandInfoPop");
@@ -1239,7 +1125,7 @@
if (handler1) {
handler1.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
}
- },
+ }
};
</script>
<style scoped>
@@ -1266,21 +1152,20 @@
}
.noInfo {
- margin-top: 30px;
- margin-left: 20px;
- width: 150px;
+ margin: 30px 20px 20px;
+ width: 200px;
+ text-align: center;
}
.tdInfo {
position: absolute;
z-index: 999;
- top: 20%;
- /* left: 50%; */
- right: -68%;
- padding-top: 20px;
- width: 401px;
- height: 549px;
- box-sizing: border-box;
+ top: 15%;
+ right: 0%;
+ transform: translateX(50%);
+ padding: 20px 0;
+ /* height: 529px; */
+ /* box-sizing: border-box; */
background: rgba(14, 50, 143, 0.85);
border: 1px solid #205fbc;
box-shadow: 0px 1px 10px 0px rgba(3, 10, 26, 0.38);
@@ -1290,54 +1175,44 @@
}
.tdInfo .title {
- width: 378px;
- height: 30px;
background-image: url("~@/assets/img/new/tdgltitle.png");
background-size: 100% 100%;
- margin: 0 auto;
}
+
.tdInfo .title li {
margin-left: 32px;
- /* width: 78px; */
line-height: 30px;
font-size: 18px;
font-weight: bold;
- color: #ffffff;
background: linear-gradient(0deg, #9cd2ff 0%, #ffffff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
+
.content1,
.content2,
.content3 {
- width: 342px;
+ /* width: 100%; */
box-sizing: border-box;
- margin-left: 42px;
+ /* margin-left: 42px; */
+ min-width: 220px;
+ max-width: 280px;
+ margin: 0 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
+ padding: 19px 0;
}
+
.content1 li,
.content2 li,
.content3 li {
font-size: 16px;
font-weight: 400;
color: #ffffff;
+ /* background-color: rgb(255, 218, 170); */
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;
- padding-bottom: 27px;
}
.tdInfo a {
@@ -1351,30 +1226,26 @@
font-weight: bold;
color: #ebb01e;
/* text-shadow: 0px 2px 9px #003f85; */
-
background: linear-gradient(0deg, #ecaa0b 0%, #ffffff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
-/*
-
- */
-
.aboutDialog /deep/ .el-dialog {
- background: rgba(14, 50, 143, 0.7);
- border: 1px solid #205fbc;
+ background: rgba(14, 50, 143, 0.8);
+ border: 2px solid #205fbc;
+ border-radius: 10px;
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;
+ padding: 10px 10px 8px !important;
}
-.aboutDialog >>> .el-dialog__header {
- padding: 10px 20px;
+.aboutDialog>>>.el-dialog__header {
+ padding: 10px 20px 0;
height: 25px;
line-height: 25px;
font-weight: bold;
@@ -1382,29 +1253,32 @@
background: transparent;
}
-.aboutDialog >>> .el-dialog__title {
+.aboutDialog>>>.el-dialog__title {
color: #fff;
- font-size: 1.1rem;
+ font-size: 18px;
}
-.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-top: 5px;
margin-bottom: 10px;
}
-.el-form >>> .el-form-item__label {
+.el-form>>>.el-form-item__label {
color: #fff;
+ margin-left: 10px;
+ font-size: 16px;
}
.aboutDialog .el-dialog-div {
@@ -1421,6 +1295,11 @@
overflow: auto;
}
+.el-table /deep/ .el-button--text {
+ /* color: #fff; */
+ font-size: 14px;
+}
+
.el-table thead {
font-weight: 500;
}
@@ -1429,8 +1308,11 @@
width: 383px;
}
-.el-table /deep/ th {
+.el-table /deep/ th,
+.el-table /deep/ td {
background-color: transparent;
+ padding-top: 4px;
+ padding-bottom: 4px;
}
.el-table /deep/ tr {
@@ -1452,46 +1334,173 @@
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;
+ font-size: 14px;
}
-.el-pagination >>> .el-pager li {
+.el-pagination>>>.el-pager li {
line-height: 27px;
background-color: transparent;
- font-size: 1rem;
+ font-size: 14px;
}
-.el-pagination >>> .el-pager li.btn-quicknext,
-.el-pagination >>> .el-pager li.btn-quickprev {
- font-size: 1rem;
+.el-pagination>>>.el-pager li.btn-quicknext,
+.el-pagination>>>.el-pager li.btn-quickprev {
+ font-size: 14px;
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) {
+ .tdInfo_close {
+ position: absolute;
+ right: 10px;
+ top: 8px;
+ border-radius: 3px;
+ width: 20px;
+ height: 20px;
+ background-color: rgba(0, 0, 0, 0.2);
+ cursor: pointer;
+ text-align: center;
+ line-height: 19px;
+ font-size: 20px;
+ }
+
+ .tdInfo .title li {
+ margin-left: 25px;
+ line-height: 25px;
+ font-size: 15px;
+ font-weight: bold;
+ background: linear-gradient(0deg, #9cd2ff 0%, #ffffff 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+
+ .content1,
+ .content2,
+ .content3 {
+ /* width: 100%; */
+ box-sizing: border-box;
+ /* margin-left: 42px; */
+ min-width: 220px;
+ max-width: 280px;
+ margin: 0 25px;
+ display: flex;
+ padding: 10px 0;
+ }
+
+ .content1 li,
+ .content2 li,
+ .content3 li {
+ font-size: 13px;
+ }
+
+ .tdInfo a {
+ font-size: 16px;
+ }
+
+ .listBox li {
+ font-size: 12px;
+ }
+
+ .aboutDialog>>>.el-dialog__title {
+ color: #fff;
+ font-size: 14px;
+ }
+
+ .el-table {
+ font-size: 12px;
+ }
+
+ .el-table /deep/ .el-button--text {
+ font-size: 12px;
+ }
+
+ .el-form>>>.el-form-item__label {
+ font-size: 13px;
+ }
+
+ .el-pagination>>>.el-pager li {
+ font-size: 13px;
+ }
+
+ .el-pagination>>>.el-pagination__total,
+ .el-pagination>>>.btn-next,
+ .el-pagination>>>.btn-prev {
+ font-size: 12px;
+ }
+
+ .el-pagination>>>.el-pager li.btn-quicknext,
+ .el-pagination>>>.el-pager li.btn-quickprev {
+ font-size: 12px;
+ }
+
+ .inquire>>>.el-form-item--mini .el-form-item__content,
+ .inquire>>>.el-form-item--mini .el-form-item__label {
+ line-height: 24px;
+ }
+
+ .inquire>>>.el-input__inner {
+ height: 26px;
+ line-height: 26px;
+ }
+
+ .inquire>>>.el-button--mini {
+ padding: 6px 11px;
+ }
+
+ .inquire>>>.el-form-item {
+ margin-right: 5px;
+ }
+}
+
+.listBox li:hover {
+ background: rgba(255, 166, 0, 0.808);
+}
+
::-webkit-scrollbar {
/*婊氬姩鏉℃暣浣撴牱寮�*/
width: 4px;
--
Gitblit v1.9.3