样式优化

This commit is contained in:
BianLzhaoMin 2025-08-04 10:01:41 +08:00
parent 1309095602
commit 8758cff5ea
3 changed files with 97 additions and 95 deletions

View File

@ -188,7 +188,7 @@ body {
.map-container h4 { .map-container h4 {
margin: 0 0 8px 0; margin: 0 0 8px 0;
font-size: 16px; font-size: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 5px; padding-bottom: 5px;
} }
@ -198,11 +198,12 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-size: 14px; font-size: 18px;
} }
.map-container-item-ropeway { .map-container-item-ropeway {
display: flex; display: flex;
font-size: 18px;
} }
.map-container-item span:first-child { .map-container-item span:first-child {
width: 160px; width: 160px;
@ -217,7 +218,7 @@ body {
position: absolute; position: absolute;
bottom: 35px; bottom: 35px;
left: 15px; left: 15px;
width: 40%; width: 30%;
padding: 10px; padding: 10px;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
border-radius: 10px; border-radius: 10px;
@ -230,7 +231,7 @@ body {
} }
.project-overview-preview-box { .project-overview-preview-box {
width: 260px; width: 180px;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
position: absolute; position: absolute;
/* 定位使预览盒子在工程概况的右边 */ /* 定位使预览盒子在工程概况的右边 */
@ -238,7 +239,7 @@ body {
right: -105%; right: -105%;
z-index: 1000; z-index: 1000;
display: none; display: none;
font-size: 14px; font-size: 16px;
color: #fff; color: #fff;
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
@ -268,7 +269,7 @@ body {
text-indent: 2em; text-indent: 2em;
/* max-height: 220px; */ /* max-height: 220px; */
color: #fff; color: #fff;
font-size: 16px; font-size: 17px;
letter-spacing: 1px; letter-spacing: 1px;
/* padding-bottom: 10px; */ /* padding-bottom: 10px; */
/* 设置溢出隐藏显示... */ /* 设置溢出隐藏显示... */

View File

@ -121,7 +121,7 @@ function initTable(dataList, limit, page) {
// align: "center", // align: "center",
// }, // },
{ {
field: "name", field: "towerName",
title: "名称", title: "名称",
unresize: true, unresize: true,
align: "center", align: "center",

View File

@ -759,74 +759,76 @@ async function addAllMapPoints() {
// console.log("点击了标点", event.graphic.attr); // console.log("点击了标点", event.graphic.attr);
console.log(event, "pointData点击了----"); console.log(event, "pointData点击了----");
// <div class="map-container-1 map-container">
// <h4>
// ${pointData.towerInfoVo.towerName}
// </h4>
// <div class="map-container-item">
// <span>协调完成</span>
// <span>${
// pointData.towerInfoVo.time1 || "/"
// }</span>
// </div>
// <div class="map-container-item">
// <span>基础开挖</span>
// <span>
// ${pointData.towerInfoVo.time2 || "/"}
// </span>
// </div>
// <div class="map-container-item">
// <span>基础开挖完成</span>
// <span>
// ${pointData.towerInfoVo.time3 || "/"}
// </span>
// </div>
// <div class="map-container-item">
// <span>基础浇筑</span>
// <span>
// ${pointData.towerInfoVo.time4 || "/"}
// </span>
// </div>
// <div class="map-container-item">
// <span>基础浇筑完成</span>
// <span>
// ${pointData.towerInfoVo.time5 || "/"}
// </span>
// </div>
// <div class="map-container-item">
// <span>铁塔组立</span>
// <span>
// ${pointData.towerInfoVo.time6 || "/"}
// </span>
// </div>
// <div class="map-container-item">
// <span>铁塔组立完成</span>
// <span>
// ${pointData.towerInfoVo.time7 || "/"}
// </span>
// </div>
// <div class="map-container-item">
// <span>架线施工</span>
// <span>
// ${pointData.towerInfoVo.time8 || "/"}
// </span>
// </div>
// <div class="map-container-item">
// <span>架线施工完成</span>
// <span>
// ${pointData.towerInfoVo.time9 || "/"}
// </span>
// </div>
// <div class="map-container-item">
// <span>附件安装完成</span>
// <span>
// ${pointData.towerInfoVo.time10 || "/"}
// </span>
// </div>
// </div>
const graphic = event.graphic; const graphic = event.graphic;
const infoContent = ` const infoContent = `
<div class="map-container-cross"> <div class="map-container-cross">
<div class="map-container-1 map-container">
<h4>
${pointData.towerInfoVo.towerName}
</h4>
<div class="map-container-item">
<span>协调完成</span>
<span>${
pointData.towerInfoVo.time1 || "/"
}</span>
</div>
<div class="map-container-item">
<span>基础开挖</span>
<span>
${pointData.towerInfoVo.time2 || "/"}
</span>
</div>
<div class="map-container-item">
<span>基础开挖完成</span>
<span>
${pointData.towerInfoVo.time3 || "/"}
</span>
</div>
<div class="map-container-item">
<span>基础浇筑</span>
<span>
${pointData.towerInfoVo.time4 || "/"}
</span>
</div>
<div class="map-container-item">
<span>基础浇筑完成</span>
<span>
${pointData.towerInfoVo.time5 || "/"}
</span>
</div>
<div class="map-container-item">
<span>铁塔组立</span>
<span>
${pointData.towerInfoVo.time6 || "/"}
</span>
</div>
<div class="map-container-item">
<span>铁塔组立完成</span>
<span>
${pointData.towerInfoVo.time7 || "/"}
</span>
</div>
<div class="map-container-item">
<span>架线施工</span>
<span>
${pointData.towerInfoVo.time8 || "/"}
</span>
</div>
<div class="map-container-item">
<span>架线施工完成</span>
<span>
${pointData.towerInfoVo.time9 || "/"}
</span>
</div>
<div class="map-container-item">
<span>附件安装完成</span>
<span>
${pointData.towerInfoVo.time10 || "/"}
</span>
</div>
</div>
<div class="map-container-2 map-container"> <div class="map-container-2 map-container">
<h4> <h4>
交叉跨越信息 ( ${pointData.spanTowerName} ) 交叉跨越信息 ( ${pointData.spanTowerName} )
@ -912,29 +914,28 @@ async function addMapLine() {
startPoint.towerProgress != 10 && startPoint.towerProgress != 10 &&
endPoint.towerProgress != 10 endPoint.towerProgress != 10
) { ) {
lineColor = "#d81e06"; // lineColor = "#d81e06";
lineMaterial = new Cesium.PolylineDashMaterialProperty({ // lineMaterial = new Cesium.PolylineDashMaterialProperty({
// 虚线 // // 虚线
color: Cesium.Color.fromCssColorString(lineColor), // color: Cesium.Color.fromCssColorString(lineColor),
dashLength: 16.0, // 可调整虚线长度 // dashLength: 16.0, // 可调整虚线长度
}); // });
// // 创建线段点数组
// 创建线段点数组 // const positions = [
const positions = [ // [startPoint.baiduLon, startPoint.baiduLat, 500],
[startPoint.baiduLon, startPoint.baiduLat, 500], // [endPoint.baiduLon, endPoint.baiduLat, 500],
[endPoint.baiduLon, endPoint.baiduLat, 500], // ];
]; // const polyline = new mars3d.graphic.PolylineEntity({
const polyline = new mars3d.graphic.PolylineEntity({ // positions: positions,
positions: positions, // eventParent: false,
eventParent: false, // style: {
style: { // width: 2, // 线宽(像素)
width: 2, // 线宽(像素) // material: lineMaterial, // 使用动态设置的材质
material: lineMaterial, // 使用动态设置的材质 // clampToGround: true, // 是否贴地山区建议设为true
clampToGround: true, // 是否贴地山区建议设为true // },
}, // });
}); // graphicLayer.addGraphic(polyline);
graphicLayer.addGraphic(polyline); // graphicLayerList.push(polyline);
graphicLayerList.push(polyline);
} else if ( } else if (
(startPoint.towerProgress === 9 && (startPoint.towerProgress === 9 &&
endPoint.towerProgress === 9) || endPoint.towerProgress === 9) ||