SunTao/xjsaas-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：修改首页工单背景，修改配置地图

Browse Source
This commit is contained in:
SunTao
2024-12-26 10:41:53 +08:00
parent fa0600f315
commit 9a0faec3c6
4 changed files with 326 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/big-screen/index.vue
+6 -20
View File
@@ -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%;
}
}
}
src/views/xj/parameter/index.vue
+101 -44
View File
@@ -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,43 +193,71 @@ 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",
// }),
// }),
// 外网
new TileLayer({
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",
}),
}),
// 添加GeoJSON图层
// new VectorLayer({
// source: new VectorSource({
// // url: "http://localhost:8080/defectfile/output.geojson", // GeoJSON文件路径
// url: "", // GeoJSON文件路径
// format: new GeoJSON(),
// }),
// style: new Style({
// stroke: new Stroke({
// color: "#ff0000",
// width: 2,
// }),
// }),
// }),
],
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);
}
// 添加GeoJSON图层
// new VectorLayer({
// source: new VectorSource({
// // url: "http://localhost:8080/defectfile/output.geojson", // GeoJSON文件路径
// url: "", // GeoJSON文件路径
// format: new GeoJSON(),
// }),
// style: new Style({
// stroke: new Stroke({
// color: "#ff0000",
// width: 2,
// }),
// }),
// }),
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>