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 | 496 +++++++++++++++++++++++++++++++++---------------------- 1 files changed, 297 insertions(+), 199 deletions(-) diff --git a/src/components/map/viewer1.vue b/src/components/map/viewer1.vue index 0821b86..17495bc 100644 --- a/src/components/map/viewer1.vue +++ b/src/components/map/viewer1.vue @@ -2,20 +2,11 @@ <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)" - > - {{ item }} - </li> + <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> @@ -52,113 +43,59 @@ <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> - <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="60%" - height="60%" - style="overflow: auto" - :visible.sync="QYbox" - :before-close="dialogClose" - > + <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="medium" - ref="queryForm" - :model="queryForm" - :inline="true" - > - <el-form-item label="鏌ヨ鍐呭" prop="name"> - <el-input - v-model="queryForm.content" - placeholder="璇疯緭鍏ユ煡璇㈠唴瀹�" - /> + <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-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-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 + <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="娉曚汉" - label="娉曚汉" - width="100" - ></el-table-column> - <el-table-column + ></el-table-column>--> + <el-table-column property="fr" label="娉曚汉"></el-table-column> + <!-- <el-table-column property="娉ㄥ唽鍦板潃" label="娉ㄥ唽鍦板潃" - width="200" - ></el-table-column> + ></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: 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 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-dialog> @@ -169,6 +106,7 @@ <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"; @@ -185,7 +123,7 @@ activeLi, nLayer, TDLayer, - LWLayer; + LWLayer1; export default { name: "viewer1", components: { layerTreeTwoScreenRight }, @@ -217,23 +155,42 @@ 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, + 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", "isLand", "layerTreeTwoScreen"]), + ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"]) }, watch: { viewer1Show: { @@ -252,7 +209,7 @@ ); } }, 2000); - }, + } }, isLand(newvalue, oldvalue) { if (!newvalue) { @@ -266,15 +223,23 @@ 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) + "%"; @@ -289,17 +254,16 @@ failIfMajorPerformanceCaveat: false, webgl: { alpha: true, - preserveDrawingBuffer: true, - }, - }, + preserveDrawingBuffer: true + } + } }; // 鍖椾含 window.sgworld1 = new SmartEarth.EarthCtrl( "sdkContainer1", { - StaticFileBaseUrl: "../../static/CimSDK/", - // StaticFileBaseUrl: "../../../SW/static/CimSDK/", + StaticFileBaseUrl: StaticFileBaseUrl }, {}, null, @@ -307,8 +271,9 @@ 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", 1, @@ -317,14 +282,16 @@ ); 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(() => { @@ -350,13 +317,18 @@ 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) { @@ -372,9 +344,9 @@ 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) { @@ -393,11 +365,15 @@ 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; @@ -410,7 +386,7 @@ let tilingScheme = new Cesium.GeographicTilingScheme({ rectangle: rectangle, numberOfLevelZeroTilesX: 2, - numberOfLevelZeroTilesY: 1, + numberOfLevelZeroTilesY: 1 }); var dx = { url: paramUrl, @@ -421,22 +397,20 @@ }, 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, + brightness: 1.0 }); Viewer1.imageryLayers.add(imageLayer, 3); return imageLayer; }, 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 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; @@ -445,7 +419,7 @@ let tilingScheme = new Cesium.GeographicTilingScheme({ rectangle: rectangle, numberOfLevelZeroTilesX: 2, - numberOfLevelZeroTilesY: 1, + numberOfLevelZeroTilesY: 1 }); var dx = { url: paramUrl, @@ -456,13 +430,13 @@ }, 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, + brightness: 1.0 }); Viewer1.imageryLayers.add(imageLayer, 2); return imageLayer; @@ -484,7 +458,7 @@ treeNode.tileType === "Geo" ? new Cesium.GeographicTilingScheme() : new Cesium.WebMercatorTilingScheme(), - alpha: treeNode.alpha, + alpha: treeNode.alpha }, "0", treeNode.zIndex, @@ -496,7 +470,7 @@ let type = 0; //鐐瑰嚮宸︿晶鏄剧ず鑼冨洿銆佽鎯� handler1 = new Cesium.ScreenSpaceEventHandler(Viewer1.scene.canvas); - handler1.setInputAction((event) => { + handler1.setInputAction(event => { if (this.isLand) { let that = this; this.clearInfoPanel(); @@ -506,8 +480,6 @@ } else { p = sgworld1.Navigate.getMousePosition(event); } - // alert(JSON.stringify(p)) - // console.log(p); if (p) { if (line) { sgworld.Creator.DeleteObject(line); @@ -527,18 +499,25 @@ } 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" + // `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) => { + .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(","); + 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; @@ -546,7 +525,7 @@ geometry.push({ x: parseFloat(point[0]), y: parseFloat(point[1]), - z: 0, + z: 0 }); } if (line) { @@ -575,11 +554,12 @@ if (center.lon != 0 && center.lat != 0) { axios .get( - "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" + + "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) => { + info => { try { if (divPoint) { sgworld.Creator.DeleteObject(divPoint); @@ -649,10 +629,10 @@ } catch (e) {} } catch (e) {} }, - (info) => { + info => { this.$notify.error({ title: "鎻愮ず", - message: "鏈煡璇㈠埌鏁版嵁锛�", + message: "鏈煡璇㈠埌鏁版嵁锛�" }); // alert("鏈煡璇㈠埌鏁版嵁锛�"); console.log("鏌ヨ澶辫触锛�"); @@ -714,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, @@ -762,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 @@ -829,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; @@ -854,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; @@ -931,7 +925,7 @@ components.push(parse$1.polygon(polygon)); } return components; - }, + } }; var geometry, type, str; @@ -961,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); }, @@ -1013,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); @@ -1033,7 +1027,7 @@ if (endFn && typeof endFn === "function") { endFn(); } - }, + } }); }; }, @@ -1043,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; @@ -1072,7 +1066,7 @@ "</span>" + "</span>"; }, Cesium.ScreenSpaceEventType.WHEEL); - handler3D.setInputAction((movement) => { + handler3D.setInputAction(movement => { if (window.sdHeight == "") { this.cHeight = "862.1鍗冪背"; } @@ -1104,7 +1098,7 @@ "</span>"; } }, Cesium.ScreenSpaceEventType.MOUSE_MOVE); - }, + } }, beforeDestroy() { Bus.$off("closeLandInfoPop"); @@ -1131,7 +1125,7 @@ if (handler1) { handler1.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK); } - }, + } }; </script> <style scoped> @@ -1244,14 +1238,14 @@ 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; @@ -1259,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 { @@ -1298,6 +1295,11 @@ overflow: auto; } +.el-table /deep/ .el-button--text { + /* color: #fff; */ + font-size: 14px; +} + .el-table thead { font-weight: 500; } @@ -1306,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 { @@ -1329,42 +1334,41 @@ 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; } @@ -1391,12 +1395,106 @@ /* 灞忓箷鍒嗚鲸鐜囨斁澶т负 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