fix：修改首页工单背景，修改配置地图
This commit is contained in:
parent
fa0600f315
commit
9a0faec3c6
165
src/assets/screen/index/loop-div.svg
Normal file
165
src/assets/screen/index/loop-div.svg
Normal file
@ -0,0 +1,165 @@
|
|||||||
|
<svg width="78" height="60" viewBox="0 0 78 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g id="Frame 1321319323">
|
||||||
|
<g id="Group 1321319284">
|
||||||
|
<g id="Group 1321319303">
|
||||||
|
<g id="Vector" filter="url(#filter0_f_1355_1961)">
|
||||||
|
<path d="M54.8976 36.6943H23.1026L7.20508 42.5513L23.1026 48.4083H54.8976L70.7951 42.5513L54.8976 36.6943Z" fill="url(#paint0_linear_1355_1961)"/>
|
||||||
|
</g>
|
||||||
|
<path id="Vector_2" d="M54.8976 36.1084H23.1026L7.20508 41.9654L23.1026 47.8223H54.8976L70.7951 41.9654L54.8976 36.1084Z" fill="url(#paint1_linear_1355_1961)"/>
|
||||||
|
<g id="Vector_3" filter="url(#filter1_d_1355_1961)">
|
||||||
|
<path d="M54.8976 33.1797H23.1026L7.20508 39.0367L23.1026 44.8936H54.8976L70.7951 39.0367L54.8976 33.1797Z" fill="url(#paint2_linear_1355_1961)" shape-rendering="crispEdges"/>
|
||||||
|
<path d="M7.92824 39.0367L23.1472 33.4297H54.853L70.0719 39.0367L54.853 44.6436H23.1472L7.92824 39.0367Z" stroke="url(#paint3_linear_1355_1961)" stroke-width="0.5" stroke-miterlimit="10" shape-rendering="crispEdges"/>
|
||||||
|
</g>
|
||||||
|
<g id="Vector_4" filter="url(#filter2_d_1355_1961)">
|
||||||
|
<path d="M52.5638 30.251H25.436L11.8721 35.2294L25.436 40.2078H52.5638L66.1278 35.2294L52.5638 30.251Z" fill="url(#paint4_linear_1355_1961)" shape-rendering="crispEdges"/>
|
||||||
|
<path d="M12.5976 35.2294L25.4804 30.501H52.5194L65.4022 35.2294L52.5194 39.9578H25.4804L12.5976 35.2294Z" stroke="url(#paint5_linear_1355_1961)" stroke-width="0.5" stroke-miterlimit="10" shape-rendering="crispEdges"/>
|
||||||
|
</g>
|
||||||
|
<g id="Vector_5" filter="url(#filter3_d_1355_1961)">
|
||||||
|
<path d="M49.939 28.4941H28.0617L17.123 32.594L28.0617 36.6939H49.939L60.8776 32.594L49.939 28.4941Z" fill="url(#paint6_linear_1355_1961)" shape-rendering="crispEdges"/>
|
||||||
|
<path d="M49.939 28.4941H28.0617L17.123 32.594L28.0617 36.6939H49.939L60.8776 32.594L49.939 28.4941Z" fill="url(#paint7_radial_1355_1961)" shape-rendering="crispEdges"/>
|
||||||
|
<path d="M18.5477 32.594L28.1523 28.9941H49.8484L59.453 32.594L49.8484 36.1939H28.1523L18.5477 32.594Z" stroke="url(#paint8_linear_1355_1961)" stroke-miterlimit="10" shape-rendering="crispEdges"/>
|
||||||
|
<path d="M18.5477 32.594L28.1523 28.9941H49.8484L59.453 32.594L49.8484 36.1939H28.1523L18.5477 32.594Z" stroke="url(#paint9_radial_1355_1961)" stroke-miterlimit="10" shape-rendering="crispEdges"/>
|
||||||
|
</g>
|
||||||
|
<g id="Vector_6" filter="url(#filter4_f_1355_1961)">
|
||||||
|
<path d="M18.5477 32.594L28.1523 28.9941H49.8484L59.453 32.594L49.8484 36.1939H28.1523L18.5477 32.594Z" stroke="url(#paint10_linear_1355_1961)" stroke-miterlimit="10"/>
|
||||||
|
</g>
|
||||||
|
<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M60.8342 15.6094H17.165V32.6845H17.1656L28.0824 36.8377H49.917L60.8337 32.6845H60.8342L60.8343 32.6843L60.8342 15.6094Z" fill="url(#paint11_radial_1355_1961)"/>
|
||||||
|
<path id="Rectangle 439" d="M28.207 15.6094H17.1225V32.5691L28.207 36.6945V15.6094Z" fill="url(#paint12_radial_1355_1961)"/>
|
||||||
|
<path id="Rectangle 440" d="M60.8779 15.6094H49.7934V36.6945L60.8779 32.5691V15.6094Z" fill="url(#paint13_radial_1355_1961)"/>
|
||||||
|
<path id="Union_2" fill-rule="evenodd" clip-rule="evenodd" d="M70.7951 17.3662H7.20508V39.037H7.20518L7.20508 39.0371L23.1026 44.894H54.8976L70.7951 39.037V17.3662Z" fill="url(#paint14_radial_1355_1961)" fill-opacity="0.5"/>
|
||||||
|
<path id="Vector_7" d="M29.3573 32.0089L33.5478 30.459H44.4533L48.6437 32.0089L44.4533 33.5589H33.5478L29.3573 32.0089Z" fill="url(#paint15_linear_1355_1961)" stroke="url(#paint16_linear_1355_1961)" stroke-miterlimit="10"/>
|
||||||
|
<g id="Group 1321319283">
|
||||||
|
<path id="Vector_8" d="M23.9825 22.6372L31.3483 19.875H47.3224L54.6882 22.6372L47.3224 25.3993H31.3483L23.9825 22.6372Z" stroke="url(#paint17_linear_1355_1961)" stroke-width="0.5" stroke-miterlimit="10"/>
|
||||||
|
<path id="Vector_9" opacity="0.5" d="M24.0611 14.2702L31.3435 11.8428H47.3272L54.6096 14.2702L47.3272 16.6977H31.3435L24.0611 14.2702Z" stroke="url(#paint18_linear_1355_1961)" stroke-width="0.5" stroke-miterlimit="10"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<filter id="filter0_f_1355_1961" x="0.205078" y="29.6943" width="77.5898" height="25.7139" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="3.5" result="effect1_foregroundBlur_1355_1961"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter1_d_1355_1961" x="3.20508" y="33.1797" width="71.5898" height="19.7139" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
|
<feOffset dy="4"/>
|
||||||
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.101961 0 0 0 0 0.25098 0 0 0 1 0"/>
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1355_1961"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1355_1961" result="shape"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter2_d_1355_1961" x="7.87207" y="30.251" width="62.2559" height="17.957" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
|
<feOffset dy="4"/>
|
||||||
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1355_1961"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1355_1961" result="shape"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter3_d_1355_1961" x="15.123" y="28.4941" width="47.7549" height="14.2002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
|
<feOffset dy="4"/>
|
||||||
|
<feGaussianBlur stdDeviation="1"/>
|
||||||
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||||
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1355_1961"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1355_1961" result="shape"/>
|
||||||
|
</filter>
|
||||||
|
<filter id="filter4_f_1355_1961" x="10.123" y="21.4941" width="57.7549" height="22.2002" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||||
|
<feGaussianBlur stdDeviation="3.5" result="effect1_foregroundBlur_1355_1961"/>
|
||||||
|
</filter>
|
||||||
|
<linearGradient id="paint0_linear_1355_1961" x1="39.0001" y1="36.6943" x2="39.0001" y2="48.4083" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#00244E" stop-opacity="0"/>
|
||||||
|
<stop offset="0.654521" stop-color="#043C7F" stop-opacity="0.8"/>
|
||||||
|
<stop offset="1" stop-color="#0075FF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint1_linear_1355_1961" x1="39.0001" y1="36.1084" x2="39.0001" y2="47.8223" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#00244E" stop-opacity="0"/>
|
||||||
|
<stop offset="0.654521" stop-color="#043C7F" stop-opacity="0.8"/>
|
||||||
|
<stop offset="1" stop-color="#0075FF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint2_linear_1355_1961" x1="39.0001" y1="33.1797" x2="39.0001" y2="44.8936" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#00244E" stop-opacity="0"/>
|
||||||
|
<stop offset="0.654521" stop-color="#043C7F" stop-opacity="0.8"/>
|
||||||
|
<stop offset="1" stop-color="#134E94"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint3_linear_1355_1961" x1="39.0001" y1="33.1797" x2="39.0001" y2="44.8936" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0.378468" stop-color="#4863A4" stop-opacity="0"/>
|
||||||
|
<stop offset="1" stop-color="#3784DF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint4_linear_1355_1961" x1="38.9999" y1="30.251" x2="38.9999" y2="40.2078" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#00244E" stop-opacity="0"/>
|
||||||
|
<stop offset="0.654521" stop-color="#043C7F" stop-opacity="0.8"/>
|
||||||
|
<stop offset="1" stop-color="#134E94"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint5_linear_1355_1961" x1="38.9999" y1="30.251" x2="38.9999" y2="40.2078" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0.378468" stop-color="#4863A4" stop-opacity="0"/>
|
||||||
|
<stop offset="1" stop-color="#3784DF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint6_linear_1355_1961" x1="39.0003" y1="28.4941" x2="39.0003" y2="36.6939" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#1B5CA7" stop-opacity="0"/>
|
||||||
|
<stop offset="0.654521" stop-color="#0E4F9A" stop-opacity="0.8"/>
|
||||||
|
<stop offset="1" stop-color="#196AC9"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="paint7_radial_1355_1961" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.2306 36.2384) rotate(-90) scale(4.7832 24.1881)">
|
||||||
|
<stop stop-color="#00A3FF"/>
|
||||||
|
<stop offset="1" stop-color="#004E79" stop-opacity="0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="paint8_linear_1355_1961" x1="39.0003" y1="28.4941" x2="39.0003" y2="36.6939" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0.221311" stop-color="#00F0FF" stop-opacity="0"/>
|
||||||
|
<stop offset="1" stop-color="#59D7FF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="paint9_radial_1355_1961" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.6912 36.2384) rotate(-90) scale(4.32765 23.0927)">
|
||||||
|
<stop stop-color="#00F0FF"/>
|
||||||
|
<stop offset="1" stop-color="#00F0FF" stop-opacity="0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="paint10_linear_1355_1961" x1="39.0003" y1="28.4941" x2="39.0003" y2="36.6939" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0.221311" stop-color="#00F0FF" stop-opacity="0"/>
|
||||||
|
<stop offset="1" stop-color="#59D7FF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="paint11_radial_1355_1961" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40.3787 36.1455) rotate(-89.3588) scale(20.5374 31.7089)">
|
||||||
|
<stop stop-color="#00B2FF" stop-opacity="0.5"/>
|
||||||
|
<stop offset="0.404888" stop-color="#00B2FF" stop-opacity="0.1"/>
|
||||||
|
<stop offset="1" stop-color="#00B2FF" stop-opacity="0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<radialGradient id="paint12_radial_1355_1961" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.1225 32.5691) rotate(-52.1425) scale(10.1597 8.66291)">
|
||||||
|
<stop stop-color="#00B2FF" stop-opacity="0.3"/>
|
||||||
|
<stop offset="0.400223" stop-color="#00B2FF" stop-opacity="0.1"/>
|
||||||
|
<stop offset="0.934645" stop-color="#00B2FF" stop-opacity="0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<radialGradient id="paint13_radial_1355_1961" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(60.8779 32.7983) rotate(-138.906) scale(10.1118 6.55243)">
|
||||||
|
<stop stop-color="#00B2FF" stop-opacity="0.3"/>
|
||||||
|
<stop offset="0.400223" stop-color="#00B2FF" stop-opacity="0.1"/>
|
||||||
|
<stop offset="0.934645" stop-color="#00B2FF" stop-opacity="0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<radialGradient id="paint14_radial_1355_1961" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(41.0082 40.5013) rotate(-89.2643) scale(26.0657 94.1662)">
|
||||||
|
<stop stop-color="#00B2FF" stop-opacity="0.5"/>
|
||||||
|
<stop offset="0.45742" stop-color="#00B2FF" stop-opacity="0.1"/>
|
||||||
|
<stop offset="1" stop-color="#00B2FF" stop-opacity="0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="paint15_linear_1355_1961" x1="39.0005" y1="29.959" x2="39.0005" y2="34.0589" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#00844C" stop-opacity="0"/>
|
||||||
|
<stop offset="1" stop-color="#00F0FF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint16_linear_1355_1961" x1="39.0005" y1="29.959" x2="39.0005" y2="34.0589" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0.221311" stop-color="#00F0FF" stop-opacity="0"/>
|
||||||
|
<stop offset="1" stop-color="#59FFEB"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint17_linear_1355_1961" x1="39.3354" y1="19.625" x2="39.3354" y2="25.6493" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0.221311" stop-color="#00F0FF" stop-opacity="0"/>
|
||||||
|
<stop offset="1" stop-color="#59FFEB"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="paint18_linear_1355_1961" x1="39.3354" y1="11.5928" x2="39.3354" y2="16.9477" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop offset="0.221311" stop-color="#00F0FF" stop-opacity="0"/>
|
||||||
|
<stop offset="1" stop-color="#59FFEB"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 12 KiB |
@ -2,7 +2,7 @@
|
|||||||
* @Author: SunTao 328867980@qq.com
|
* @Author: SunTao 328867980@qq.com
|
||||||
* @Date: 2024-10-14 10:46:23
|
* @Date: 2024-10-14 10:46:23
|
||||||
* @LastEditors: SunTao 328867980@qq.com
|
* @LastEditors: SunTao 328867980@qq.com
|
||||||
* @LastEditTime: 2024-12-23 17:37:59
|
* @LastEditTime: 2024-12-26 10:02:28
|
||||||
* @FilePath: \znxjxt-ui\src\components\map\fssm-map.vue
|
* @FilePath: \znxjxt-ui\src\components\map\fssm-map.vue
|
||||||
* @Description: 公共地图
|
* @Description: 公共地图
|
||||||
-->
|
-->
|
||||||
@ -270,47 +270,6 @@ export default {
|
|||||||
* @return {*}
|
* @return {*}
|
||||||
*/
|
*/
|
||||||
initMap() {
|
initMap() {
|
||||||
// 内网
|
|
||||||
// const tianditu_vec_c = new TileLayer({
|
|
||||||
// className: "baseLayerClass",
|
|
||||||
// title: "矢量底图",
|
|
||||||
// id: "vec_c",
|
|
||||||
// source: new XYZ({
|
|
||||||
// url: "http://10.60.5.242:25033/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
|
||||||
// // projection: "EPSG:4326",
|
|
||||||
// }),
|
|
||||||
// visible: true,
|
|
||||||
// });
|
|
||||||
// const tianditu_cva_c = new TileLayer({
|
|
||||||
// className: "baseLayerClass",
|
|
||||||
// title: "矢量地图",
|
|
||||||
// id: "cva_c",
|
|
||||||
// source: new XYZ({
|
|
||||||
// url: "http://10.60.5.242:25003/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
|
||||||
// // projection: "EPSG:4326",
|
|
||||||
// }),
|
|
||||||
// visible: true,
|
|
||||||
// });
|
|
||||||
// 外网
|
|
||||||
const tianditu_cva_c = new TileLayer({
|
|
||||||
className: "baseLayerClass",
|
|
||||||
title: "矢量地图",
|
|
||||||
id: "cva_c",
|
|
||||||
source: new XYZ({
|
|
||||||
url: "https://webrd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
|
||||||
// projection: "EPSG:4326",
|
|
||||||
}),
|
|
||||||
visible: true,
|
|
||||||
});
|
|
||||||
const tianditu_img_c = new TileLayer({
|
|
||||||
title: "影像地图",
|
|
||||||
id: "img_c",
|
|
||||||
source: new XYZ({
|
|
||||||
url: "https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
|
|
||||||
// projection: "EPSG:4326",
|
|
||||||
}),
|
|
||||||
visible: false,
|
|
||||||
});
|
|
||||||
// 弹窗图层
|
// 弹窗图层
|
||||||
const overlays = new Overlay({
|
const overlays = new Overlay({
|
||||||
element: this.$refs.mapPopup,
|
element: this.$refs.mapPopup,
|
||||||
@ -339,8 +298,58 @@ export default {
|
|||||||
// 内网
|
// 内网
|
||||||
// layers: [tianditu_cva_c, tianditu_vec_c, tianditu_img_c],
|
// layers: [tianditu_cva_c, tianditu_vec_c, tianditu_img_c],
|
||||||
// 外网
|
// 外网
|
||||||
layers: [tianditu_cva_c, tianditu_img_c],
|
// layers: [tianditu_cva_c, tianditu_img_c],
|
||||||
|
layers: [],
|
||||||
});
|
});
|
||||||
|
const tianditu_img_c = new TileLayer({
|
||||||
|
title: "影像地图",
|
||||||
|
id: "img_c",
|
||||||
|
source: new XYZ({
|
||||||
|
url: "https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
|
||||||
|
// projection: "EPSG:4326",
|
||||||
|
}),
|
||||||
|
visible: false,
|
||||||
|
});
|
||||||
|
let tianditu_cva_c = null;
|
||||||
|
let tianditu_vec_c = null;
|
||||||
|
if (
|
||||||
|
(window.location.port === "" || window.location.port === 80) &&
|
||||||
|
process.env.VUE_APP_BASE_API === "/prod-api"
|
||||||
|
) {
|
||||||
|
// 内网
|
||||||
|
tianditu_cva_c = new TileLayer({
|
||||||
|
title: "矢量地图",
|
||||||
|
id: "cva_c",
|
||||||
|
source: new XYZ({
|
||||||
|
url: "http://10.60.5.242:25003/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
||||||
|
// projection: "EPSG:4326",
|
||||||
|
}),
|
||||||
|
visible: true,
|
||||||
|
});
|
||||||
|
tianditu_vec_c = new TileLayer({
|
||||||
|
title: "矢量底图",
|
||||||
|
id: "vec_c",
|
||||||
|
source: new XYZ({
|
||||||
|
url: "http://10.60.5.242:25033/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
||||||
|
// projection: "EPSG:4326",
|
||||||
|
}),
|
||||||
|
visible: true,
|
||||||
|
});
|
||||||
|
map.addLayer(tianditu_cva_c, tianditu_vec_c, tianditu_img_c);
|
||||||
|
} else {
|
||||||
|
// 外网
|
||||||
|
tianditu_cva_c = new TileLayer({
|
||||||
|
className: "baseLayerClass",
|
||||||
|
title: "矢量地图",
|
||||||
|
id: "cva_c",
|
||||||
|
source: new XYZ({
|
||||||
|
url: "https://webrd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
||||||
|
// projection: "EPSG:4326",
|
||||||
|
}),
|
||||||
|
visible: true,
|
||||||
|
});
|
||||||
|
map.addLayer(tianditu_cva_c, tianditu_img_c);
|
||||||
|
}
|
||||||
// 图层点击事件
|
// 图层点击事件
|
||||||
map.on("singleclick", (e) => {
|
map.on("singleclick", (e) => {
|
||||||
const featureClick = map.forEachFeatureAtPixel(
|
const featureClick = map.forEachFeatureAtPixel(
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
* @Author: SunTao 328867980@qq.com
|
* @Author: SunTao 328867980@qq.com
|
||||||
* @Date: 2024-10-17 11:34:00
|
* @Date: 2024-10-17 11:34:00
|
||||||
* @LastEditors: SunTao 328867980@qq.com
|
* @LastEditors: SunTao 328867980@qq.com
|
||||||
* @LastEditTime: 2024-12-25 09:31:03
|
* @LastEditTime: 2024-12-26 10:40:09
|
||||||
* @FilePath: \znxjxt-ui\src\views\big-screen\index.vue
|
* @FilePath: \znxjxt-ui\src\views\big-screen\index.vue
|
||||||
* @Description: 大屏首页
|
* @Description: 大屏首页
|
||||||
-->
|
-->
|
||||||
@ -174,7 +174,6 @@
|
|||||||
<div class="work-order-right">
|
<div class="work-order-right">
|
||||||
<div
|
<div
|
||||||
class="loop-div"
|
class="loop-div"
|
||||||
:class="`loop-div-${index}`"
|
|
||||||
v-for="(item, index) in workOrderList"
|
v-for="(item, index) in workOrderList"
|
||||||
:key="`loop-div-${index}`"
|
:key="`loop-div-${index}`"
|
||||||
>
|
>
|
||||||
@ -1828,9 +1827,14 @@ export default {
|
|||||||
.loop-div {
|
.loop-div {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
padding-top: 0.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
background: url("~@/assets/screen/index/loop-div.svg") no-repeat;
|
||||||
|
background-size: 70% 70%;
|
||||||
|
background-position: center 80%;
|
||||||
|
|
||||||
.value {
|
.value {
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
@ -1859,24 +1863,6 @@ export default {
|
|||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.loop-div-0 {
|
|
||||||
background: url("~@/assets/screen/index/loop-div-0.svg") no-repeat;
|
|
||||||
background-size: 50% 50%;
|
|
||||||
background-position: center 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loop-div-1 {
|
|
||||||
background: url("~@/assets/screen/index/loop-div-1.svg") no-repeat;
|
|
||||||
background-size: 50% 50%;
|
|
||||||
background-position: center 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loop-div-2 {
|
|
||||||
background: url("~@/assets/screen/index/loop-div-2.svg") no-repeat;
|
|
||||||
background-size: 50% 50%;
|
|
||||||
background-position: center 100%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
* @Author: SunTao 328867980@qq.com
|
* @Author: SunTao 328867980@qq.com
|
||||||
* @Date: 2024-10-09 13:11:56
|
* @Date: 2024-10-09 13:11:56
|
||||||
* @LastEditors: SunTao 328867980@qq.com
|
* @LastEditors: SunTao 328867980@qq.com
|
||||||
* @LastEditTime: 2024-12-12 09:42:38
|
* @LastEditTime: 2024-12-26 10:07:45
|
||||||
* @FilePath: \znxjxt-ui\src\views\xj\parameter\index.vue
|
* @FilePath: \znxjxt-ui\src\views\xj\parameter\index.vue
|
||||||
* @Description: 系统工具-系统参数
|
* @Description: 系统工具-系统参数
|
||||||
-->
|
-->
|
||||||
@ -11,18 +11,46 @@
|
|||||||
<div class="parameter-content">
|
<div class="parameter-content">
|
||||||
<div class="parameter-form">
|
<div class="parameter-form">
|
||||||
<!-- 搜索表单 -->
|
<!-- 搜索表单 -->
|
||||||
<el-form :model="parameterForm" ref="parameterForm" size="small" :inline="true" :rules="rules" label-width="7rem">
|
<el-form
|
||||||
|
:model="parameterForm"
|
||||||
|
ref="parameterForm"
|
||||||
|
size="small"
|
||||||
|
:inline="true"
|
||||||
|
:rules="rules"
|
||||||
|
label-width="7rem"
|
||||||
|
>
|
||||||
<el-form-item label="地图层级" prop="zoom">
|
<el-form-item label="地图层级" prop="zoom">
|
||||||
<el-input disabled v-model.number="parameterForm.zoom" placeholder="请输入地图层级" clearable />
|
<el-input
|
||||||
|
disabled
|
||||||
|
v-model.number="parameterForm.zoom"
|
||||||
|
placeholder="请输入地图层级"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="经度" prop="lon">
|
<el-form-item label="经度" prop="lon">
|
||||||
<el-input disabled v-model.number="parameterForm.lon" placeholder="请输入坐标经度" clearable />
|
<el-input
|
||||||
|
disabled
|
||||||
|
v-model.number="parameterForm.lon"
|
||||||
|
placeholder="请输入坐标经度"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="纬度" prop="lat">
|
<el-form-item label="纬度" prop="lat">
|
||||||
<el-input disabled v-model.number="parameterForm.lat" placeholder="请输入坐标纬度" clearable />
|
<el-input
|
||||||
|
disabled
|
||||||
|
v-model.number="parameterForm.lat"
|
||||||
|
placeholder="请输入坐标纬度"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="">
|
<el-form-item label="">
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">保存</el-button>
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-search"
|
||||||
|
size="mini"
|
||||||
|
@click="handleQuery"
|
||||||
|
>保存</el-button
|
||||||
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
@ -165,27 +193,57 @@ export default {
|
|||||||
zoom: this.parameterForm.zoom, //图层缩放大小
|
zoom: this.parameterForm.zoom, //图层缩放大小
|
||||||
projection: "EPSG:4326",
|
projection: "EPSG:4326",
|
||||||
}),
|
}),
|
||||||
layers: [
|
layers: [],
|
||||||
|
});
|
||||||
|
const tianditu_img_c = new TileLayer({
|
||||||
|
title: "影像地图",
|
||||||
|
id: "img_c",
|
||||||
|
source: new XYZ({
|
||||||
|
url: "https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
|
||||||
|
// projection: "EPSG:4326",
|
||||||
|
}),
|
||||||
|
visible: false,
|
||||||
|
});
|
||||||
|
let tianditu_cva_c = null;
|
||||||
|
let tianditu_vec_c = null;
|
||||||
|
if (
|
||||||
|
(window.location.port === "" || window.location.port === 80) &&
|
||||||
|
process.env.VUE_APP_BASE_API === "/prod-api"
|
||||||
|
) {
|
||||||
// 内网
|
// 内网
|
||||||
// new TileLayer({
|
tianditu_cva_c = new TileLayer({
|
||||||
// source: new XYZ({
|
title: "矢量地图",
|
||||||
// url: "http://10.60.5.242:25003/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
id: "cva_c",
|
||||||
// // projection: "EPSG:4326",
|
source: new XYZ({
|
||||||
// }),
|
url: "http://10.60.5.242:25003/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
||||||
// }),
|
// projection: "EPSG:4326",
|
||||||
// new TileLayer({
|
}),
|
||||||
// source: new XYZ({
|
visible: true,
|
||||||
// url: "http://10.60.5.242:25033/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
});
|
||||||
// // projection: "EPSG:4326",
|
tianditu_vec_c = new TileLayer({
|
||||||
// }),
|
title: "矢量底图",
|
||||||
// }),
|
id: "vec_c",
|
||||||
|
source: new XYZ({
|
||||||
|
url: "http://10.60.5.242:25033/v3/tile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
||||||
|
// projection: "EPSG:4326",
|
||||||
|
}),
|
||||||
|
visible: true,
|
||||||
|
});
|
||||||
|
map.addLayer(tianditu_cva_c, tianditu_vec_c, tianditu_img_c);
|
||||||
|
} else {
|
||||||
// 外网
|
// 外网
|
||||||
new TileLayer({
|
tianditu_cva_c = new TileLayer({
|
||||||
|
className: "baseLayerClass",
|
||||||
|
title: "矢量地图",
|
||||||
|
id: "cva_c",
|
||||||
source: new XYZ({
|
source: new XYZ({
|
||||||
url: "https://webrd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
url: "https://webrd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
||||||
// projection: "EPSG:4326",
|
// projection: "EPSG:4326",
|
||||||
}),
|
}),
|
||||||
}),
|
visible: true,
|
||||||
|
});
|
||||||
|
map.addLayer(tianditu_cva_c, tianditu_img_c);
|
||||||
|
}
|
||||||
// 添加GeoJSON图层
|
// 添加GeoJSON图层
|
||||||
// new VectorLayer({
|
// new VectorLayer({
|
||||||
// source: new VectorSource({
|
// source: new VectorSource({
|
||||||
@ -200,8 +258,6 @@ export default {
|
|||||||
// }),
|
// }),
|
||||||
// }),
|
// }),
|
||||||
// }),
|
// }),
|
||||||
],
|
|
||||||
});
|
|
||||||
this.map = map;
|
this.map = map;
|
||||||
map.on("click", (e) => {
|
map.on("click", (e) => {
|
||||||
this.mapClick(e);
|
this.mapClick(e);
|
||||||
@ -310,4 +366,5 @@ export default {
|
|||||||
|
|
||||||
// ::v-deep .ol-layer:nth-child(1) {
|
// ::v-deep .ol-layer:nth-child(1) {
|
||||||
// filter: invert(100%) hue-rotate(180deg);
|
// filter: invert(100%) hue-rotate(180deg);
|
||||||
// }</style>
|
// }
|
||||||
|
</style>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user