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
|
||||
* @Date: 2024-10-14 10:46:23
|
||||
* @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
|
||||
* @Description: 公共地图
|
||||
-->
|
||||
@ -270,47 +270,6 @@ export default {
|
||||
* @return {*}
|
||||
*/
|
||||
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({
|
||||
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_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) => {
|
||||
const featureClick = map.forEachFeatureAtPixel(
|
||||
@ -828,8 +837,8 @@ export default {
|
||||
}
|
||||
|
||||
// 地图弹窗样式
|
||||
.ol-popup{
|
||||
width:10rem;
|
||||
.ol-popup {
|
||||
width: 10rem;
|
||||
position: absolute;
|
||||
margin: 0.5rem;
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
* @Author: SunTao 328867980@qq.com
|
||||
* @Date: 2024-10-17 11:34:00
|
||||
* @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
|
||||
* @Description: 大屏首页
|
||||
-->
|
||||
@ -174,7 +174,6 @@
|
||||
<div class="work-order-right">
|
||||
<div
|
||||
class="loop-div"
|
||||
:class="`loop-div-${index}`"
|
||||
v-for="(item, index) in workOrderList"
|
||||
:key="`loop-div-${index}`"
|
||||
>
|
||||
@ -1828,9 +1827,14 @@ export default {
|
||||
.loop-div {
|
||||
width: 30%;
|
||||
height: 100%;
|
||||
padding-top: 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
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 {
|
||||
font-size: 0.7rem;
|
||||
@ -1859,24 +1863,6 @@ export default {
|
||||
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
|
||||
* @Date: 2024-10-09 13:11:56
|
||||
* @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
|
||||
* @Description: 系统工具-系统参数
|
||||
-->
|
||||
@ -11,18 +11,46 @@
|
||||
<div class="parameter-content">
|
||||
<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-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 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 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 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>
|
||||
</div>
|
||||
@ -147,7 +175,7 @@ export default {
|
||||
handleQuery() {
|
||||
this.$refs["parameterForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
updateMapInfo(this.parameterForm).then((res) => { });
|
||||
updateMapInfo(this.parameterForm).then((res) => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
@ -165,27 +193,57 @@ export default {
|
||||
zoom: this.parameterForm.zoom, //图层缩放大小
|
||||
projection: "EPSG:4326",
|
||||
}),
|
||||
layers: [
|
||||
//内网
|
||||
// new TileLayer({
|
||||
// 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({
|
||||
// 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",
|
||||
// }),
|
||||
// }),
|
||||
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 {
|
||||
// 外网
|
||||
new TileLayer({
|
||||
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);
|
||||
}
|
||||
// 添加GeoJSON图层
|
||||
// new VectorLayer({
|
||||
// source: new VectorSource({
|
||||
@ -200,8 +258,6 @@ export default {
|
||||
// }),
|
||||
// }),
|
||||
// }),
|
||||
],
|
||||
});
|
||||
this.map = map;
|
||||
map.on("click", (e) => {
|
||||
this.mapClick(e);
|
||||
@ -310,4 +366,5 @@ export default {
|
||||
|
||||
// ::v-deep .ol-layer:nth-child(1) {
|
||||
// filter: invert(100%) hue-rotate(180deg);
|
||||
// }</style>
|
||||
// }
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user