From fcb9ad20cfb4f1d691f76f575e3bcf09729be7c9 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期三, 13 十二月 2023 16:51:16 +0800
Subject: [PATCH] 最新
---
src/components/map/viewer1.vue | 506 ++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 345 insertions(+), 161 deletions(-)
diff --git a/src/components/map/viewer1.vue b/src/components/map/viewer1.vue
index dad96c5..52090a8 100644
--- a/src/components/map/viewer1.vue
+++ b/src/components/map/viewer1.vue
@@ -2,13 +2,20 @@
<div>
<div id="sdkContainer1" style="height: 100%"></div>
<div class="listBox" v-show="!isLand">
- <ul>
- <li v-for="(item, index) in arr" :key="index" @click="changeLeftMap($event, item, index)">
+ <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" />
+ <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>
@@ -45,7 +52,12 @@
<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>
瀹�
@@ -53,35 +65,113 @@
</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="浼佷笟鍚嶇О"
+ label="浼佷笟鍚嶇О"
+ min-width="220"
+ ></el-table-column>
+ <el-table-column
+ property="浼佷笟绫诲瀷"
+ label="浼佷笟绫诲瀷"
+ min-width="220"
+ ></el-table-column>
+ <el-table-column
+ property="鎴愮珛鏃堕棿"
+ label="鎴愮珛鏃堕棿"
+ min-width="90"
+ ></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 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>
@@ -94,7 +184,17 @@
import Bus from "../tools/Bus";
-let line, line1, handler, handler1, divPoint, divPoint1, dx, activeLi, nLayer, TDLayer, LWLayer;
+let line,
+ line1,
+ handler,
+ handler1,
+ divPoint,
+ divPoint1,
+ dx,
+ activeLi,
+ nLayer,
+ TDLayer,
+ LWLayer1;
export default {
name: "viewer1",
components: { layerTreeTwoScreenRight },
@@ -131,7 +231,6 @@
],
tableData: [],
-
queryForm: {
type: "浼佷笟鍚嶇О",
content: "",
@@ -141,9 +240,7 @@
offset: "0%",
};
},
- created() {
-
- },
+ created() {},
computed: {
...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"]),
},
@@ -178,15 +275,20 @@
if (line1) {
sgworld1.Creator.DeleteObject(line1);
}
+ this.initLSYX();
} else {
this.destroyImageLayer();
if (!TDLayer) {
this.loadTDGLLayer();
}
}
- }
+ },
},
mounted() {
+ 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 = {
@@ -208,6 +310,7 @@
{
StaticFileBaseUrl: "../../static/CimSDK/",
// StaticFileBaseUrl: "../../../SW/static/CimSDK/",
+ // StaticFileBaseUrl: "../../../YZXNCS/static/CimSDK/",
},
{},
null,
@@ -219,12 +322,14 @@
enablePickFeatures: false,
},
"0",
- undefined,
+ 1,
true,
""
);
if (this.isLand) {
this.loadTDGLLayer();
+ } else {
+ this.initLSYX();
}
var p = {
destination: sgworld.Navigate.getPosition(),
@@ -244,7 +349,6 @@
}
);
-
window.Viewer1 = sgworld1._Viewer;
Viewer1.shadows = false;
@@ -256,7 +360,6 @@
Viewer1.scene.globe.translucency.frontFaceAlpha = 0.5;
Viewer1.scene.globe.undergroundColor = undefined;
-
this.addEvent();
});
//鍏抽棴寮圭獥
@@ -267,7 +370,11 @@
});
},
methods: {
-
+ initLSYX() {
+ let ul = document.getElementById("viewer1_lsyx");
+ let lis = ul.getElementsByTagName("li");
+ lis[9].click();
+ },
setImageComparison(isStart) {
this.isImage = isStart;
if (!this.isImage) {
@@ -276,25 +383,25 @@
},
destroyImageLayer() {
if (activeLi) {
- activeLi.classList.remove('active');
+ activeLi.classList.remove("active");
activeLi = null;
}
if (nLayer) {
Viewer1.imageryLayers.remove(nLayer, true);
nLayer = null;
}
- if (LWLayer) {
- Viewer1.imageryLayers.remove(LWLayer, true);
- LWLayer = null;
+ if (LWLayer1) {
+ Viewer1.imageryLayers.remove(LWLayer1);
+ LWLayer1 = undefined;
}
},
changeLeftMap(event, item, index) {
let liObj = event.currentTarget;
if (activeLi) {
- activeLi.classList.remove('active');
+ activeLi.classList.remove("active");
activeLi = null;
}
- liObj.classList.add('active');
+ liObj.classList.add("active");
activeLi = liObj;
this.loadImageLayer(item);
},
@@ -304,24 +411,28 @@
nLayer = null;
}
nLayer = this.loadBJ54ImageLayer(year);
- if (!LWLayer) {
- LWLayer = this.loadBJ54LWLayer();
+
+ if (!LWLayer1 || Viewer1.imageryLayers.indexOf(LWLayer1) < 0) {
+ if (LWLayer1) {
+ LWLayer1.destroy();
+ }
+ LWLayer1 = this.loadBJ54LWLayer1();
}
},
- loadBJ54LWLayer() {
+ 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 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
+ numberOfLevelZeroTilesY: 1,
});
var dx = {
url: paramUrl,
@@ -332,11 +443,14 @@
},
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 });
+ let imageLayer = new Cesium.ImageryLayer(imageryProvider, {
+ alpha: 1,
+ brightness: 1.0,
+ });
Viewer1.imageryLayers.add(imageLayer, 3);
return imageLayer;
},
@@ -345,15 +459,15 @@
//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 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
+ numberOfLevelZeroTilesY: 1,
});
var dx = {
url: paramUrl,
@@ -364,12 +478,16 @@
},
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 });
+ let imageLayer = new Cesium.ImageryLayer(imageryProvider, {
+ alpha: 1,
+ brightness: 1.0,
+ });
Viewer1.imageryLayers.add(imageLayer, 2);
+
return imageLayer;
},
loadTDGLLayer() {
@@ -396,7 +514,6 @@
true,
""
);
-
},
addEvent() {
let type = 0;
@@ -412,8 +529,6 @@
} else {
p = sgworld1.Navigate.getMousePosition(event);
}
- // alert(JSON.stringify(p))
- // console.log(p);
if (p) {
if (line) {
sgworld.Creator.DeleteObject(line);
@@ -434,10 +549,10 @@
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"
+ p.lon +
+ "&lat=" +
+ p.lat +
+ "&geom=true&requesttype=json"
)
.then((response) => {
let center = { lon: 0, lat: 0 };
@@ -482,7 +597,7 @@
axios
.get(
"http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
- response.data.NO
+ response.data.NO
)
.then(
(info) => {
@@ -518,10 +633,10 @@
}
try {
this.ydlx = data.yongdishuju["ydlxmc"];
- } catch (e) { }
+ } catch (e) {}
try {
this.cyfx = data.yongdishuju["cyfx"];
- } catch (e) { }
+ } catch (e) {}
try {
// this.crzt = response.data["ZT"];
switch (response.data["ZT"]) {
@@ -532,28 +647,28 @@
this.crzt = "鏈嚭璁�";
break;
}
- } catch (e) { }
+ } catch (e) {}
try {
this.ydmj = parseFloat(
"" + data.yongdishuju["ydmj"]
).toFixed(0);
- } catch (e) { }
+ } catch (e) {}
try {
this.crnx = data.churangxinxi["crnx"];
- } catch (e) { }
+ } catch (e) {}
try {
this.crnf = data.churangxinxi["crnf"];
- } catch (e) { }
+ } catch (e) {}
try {
this.rjl = data.yongdishuju["rjl"];
- } catch (e) { }
+ } catch (e) {}
try {
this.jzxg = data.yongdishuju["jzxg"];
- } catch (e) { }
+ } catch (e) {}
try {
this.jzmd = data.yongdishuju["jzmd"];
- } catch (e) { }
- } catch (e) { }
+ } catch (e) {}
+ } catch (e) {}
},
(info) => {
this.$notify.error({
@@ -569,7 +684,6 @@
}
}
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-
},
dialogClose() {
this.queryForm.content = "";
@@ -635,7 +749,13 @@
}
return table;
},
-
+ handleClick(row) {
+ window.open(
+ "https://qylweb.bda.gov.cn/alldetails/#/newEnterprisedetails?uscc=" +
+ row["缁熶竴绀句細淇＄敤浠ｇ爜"] +
+ "&systemName=涓皬寰�"
+ );
+ },
detectZoom() {
var ratio = 0,
screen = window.screen,
@@ -882,21 +1002,13 @@
this.qysl = 0;
this.ydbm = "";
this.ydlx = "";
-
this.cyfx = "";
-
this.crzt = "";
-
this.ydmj = "";
-
this.crnx = "";
-
this.crnf = "";
-
this.rjl = "";
-
this.jzxg = "";
-
this.jzmd = "";
},
//鍒濆鍖栧脊绐椾簨浠�
@@ -1073,22 +1185,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: 35%; */
+ top: 15%;
right: 0%;
transform: translateX(50%);
- padding-top: 20px;
- width: 401px;
- height: 549px;
- box-sizing: border-box;
+ 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);
@@ -1098,20 +1208,15 @@
}
.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;
@@ -1120,12 +1225,16 @@
.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,
@@ -1134,24 +1243,9 @@
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 {
@@ -1165,31 +1259,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);
+ 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;
@@ -1197,29 +1286,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 {
@@ -1236,6 +1328,11 @@
overflow: auto;
}
+.el-table /deep/ .el-button--text {
+ /* color: #fff; */
+ font-size: 14px;
+}
+
.el-table thead {
font-weight: 500;
}
@@ -1244,8 +1341,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 {
@@ -1267,41 +1367,42 @@
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;
}
@@ -1310,13 +1411,10 @@
position: absolute;
right: 20px;
top: 100px;
-
}
.listBox .active {
-
background: rgba(255, 166, 0, 0.808);
-
}
.listBox li {
@@ -1331,9 +1429,95 @@
/* 灞忓箷鍒嗚鲸鐜囨斁澶т负 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 {
--
Gitblit v1.9.3