Skip to content

M
mmc-stl-vue2
提交 181f3f7c 作者: “kai”
操作

feat(MMCFlightControlCenter): add menuName prop and update styles 

- Added menuName prop to App.vue and relevant components for better context handling.
- Updated various components to change background and text colors from #3388ff to #c9a46a for a consistent theme.
- Adjusted styles in control panels and task lists to enhance UI coherence.
上级 668cbd83
正在显示 包含 73 行增加 和 41 行删除
iframe/src/App.vue
......@@ -6,6 +6,7 @@
:userInfo="userInfo"
:uavTaskList="uavTaskList"
:scene="scene"
:menuName="menuName"
:useSTLAirway="useSTLAirway"
:useTimedTask="useTimedTask"
:useTask="useTask"
......@@ -45,6 +46,7 @@ export default {
mqttToken: "",
},
scene: 0, // 场景类型 1: 无人机 2: 机库
menuName: "",
account: "mmctest@admin",
password: "test@Admin001",
userInfo: null,
......@@ -180,4 +182,15 @@ html,
body {
height: 100%;
}
.el-button--primary {
background-color: #c9a46a;
border-color: #c9a46a;
&:hover,
&:focus {
background-color: #d4b27a;
border-color: #d4b27a;
}
}
</style>
\ No newline at end of file
src/components/MMCFlightControlCenter/components/cesiumLayer/index.vue
......@@ -111,7 +111,7 @@ export default {
this.imageryLayers.satellite =
this.viewer.imageryLayers.addImageryProvider(
new Cesium.WebMapTileServiceImageryProvider({
url: "https://t0.tianditu.gov.cn/img_w/wmts?tk=ced06243e56f41f5b7180f08731026da",
url: "https://t0.tianditu.gov.cn/img_w/wmts?tk=19760f71b06fe3e51d030b221cc85a25",
layer: "img",
style: "default",
tileMatrixSetID: "w",
......@@ -145,7 +145,7 @@ export default {
// 地图标注
this.imageryLayers.text = this.viewer.imageryLayers.addImageryProvider(
new Cesium.WebMapTileServiceImageryProvider({
url: "https://{s}.tianditu.gov.cn/cia_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE={style}&TILEMATRIXSET={TileMatrixSet}&FORMAT=tiles&TILEMATRIX={TileMatrix}&TILEROW={TileRow}&TILECOL={TileCol}&tk=a5e0a8dcf07f40afe19b76bf8a32eef0",
url: "https://{s}.tianditu.gov.cn/cia_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE={style}&TILEMATRIXSET={TileMatrixSet}&FORMAT=tiles&TILEMATRIX={TileMatrix}&TILEROW={TileRow}&TILECOL={TileCol}&tk=19760f71b06fe3e51d030b221cc85a25",
layer: "cia",
style: "default",
format: "tiles",
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/leapFrogFligh/components/leapFrogDialog/index.vue
......@@ -270,7 +270,7 @@ export default {
cursor: pointer;
width: 100px;
height: 28px;
background: #3388ff;
background: #c9a46a;
border-radius: 2px;
text-align: center;
line-height: 28px;
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/leapFrogFligh/index.vue
......@@ -95,7 +95,7 @@
<div class="dib">
{{ uav.uav && uav.uav.name }} --- {{ activeItem.name }}
</div>
<span style="color: #3388ff" class="ml56 cp pr130" @click="showLine"
<span style="color: #c9a46a" class="ml56 cp pr130" @click="showLine"
>{{ $t('common.预览') }}</span
>
</div>
......@@ -656,7 +656,7 @@ export default {
cursor: pointer;
width: 100px;
height: 28px;
background: #3388ff;
background: #c9a46a;
border-radius: 2px;
text-align: center;
line-height: 28px;
......@@ -700,7 +700,7 @@ export default {
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 12px;
color: #3388ff;
color: #c9a46a;
text-align: center;
font-style: normal;
}
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/normalTask/components/airwayEdit/components/actions/index.vue
......@@ -257,7 +257,7 @@ export default {
width: 100px;
height: 32px;
border-radius: 2px;
border: 1px solid #3388ff;
border: 1px solid #c9a46a;
font-weight: 400;
font-size: 14px;
color: #ffffff;
......@@ -268,7 +268,7 @@ export default {
box-sizing: border-box;
&.save {
background: #3388ff;
background: #c9a46a;
border: none;
}
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/normalTask/components/lineList/index.vue
......@@ -368,7 +368,7 @@ export default {
line-height: 32px;
margin: 0 auto;
color: #fff;
background: #3388ff;
background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 14px;
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/normalTask/index.vue
......@@ -370,7 +370,7 @@ export default {
line-height: 32px;
margin: 0 auto;
color: #fff;
background: #3388ff;
background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 14px;
......@@ -385,7 +385,7 @@ export default {
cursor: pointer;
font-family: MicrosoftYaHei;
font-size: 12px;
color: #3388ff;
color: #c9a46a;
}
}
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/periodTask/components/taskAdd/index.vue
......@@ -222,7 +222,7 @@ export default {
margin: auto;
width: 92px;
height: 36px;
background: #3388ff;
background: #c9a46a;
border-radius: 2px;
cursor: pointer;
text-align: center;
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/periodTask/index.vue
......@@ -266,7 +266,7 @@ export default {
.task-add__btn {
width: 124px;
height: 36px;
background: #3388ff;
background: #c9a46a;
border-radius: 2px;
text-align: center;
line-height: 32px;
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/timedTask/components/flightPlan/index.vue
......@@ -247,7 +247,7 @@ export default {
.task-add__btn {
width: 92px;
height: 36px;
background: #3388ff;
background: #c9a46a;
border-radius: 2px;
text-align: center;
line-height: 32px;
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/timedTask/components/taskAdd/index.vue
......@@ -266,7 +266,7 @@ export default {
.task-add__btn {
width: 92px;
height: 36px;
background: #3388ff;
background: #c9a46a;
border-radius: 2px;
text-align: center;
line-height: 32px;
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/components/timedTask/index.vue
......@@ -389,7 +389,7 @@ export default {
.task-add__btn {
width: 124px;
height: 36px;
background: #3388ff;
background: #c9a46a;
border-radius: 2px;
text-align: center;
line-height: 32px;
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/airwayList/index.vue
......@@ -142,7 +142,7 @@ export default {
}
&.active {
background: #3388ff;
background: #c9a46a;
label {
font-family: YouSheBiaoTiHei;
font-size: 20px;
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/taskList/index.vue
......@@ -92,7 +92,7 @@ export default {
}
&.active {
background: #3388ff;
background: #c9a46a;
label {
font-family: YouSheBiaoTiHei;
font-size: 20px;
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/components/videoMapSwitch/index.vue
......@@ -164,7 +164,7 @@ export default {
cursor: pointer;
&.active {
color: #3388ff;
color: #c9a46a;
}
&.uav {
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlLeft/index.vue
......@@ -120,7 +120,8 @@ export default {
position: relative;
width: 48px;
height: 48px;
background: #ffffff;
background: #0c2a26;
border: 1px solid rgba(201, 164, 106, 0.32);
border-radius: 2px;
display: flex;
justify-content: center;
......@@ -138,7 +139,7 @@ export default {
font-size: 16px;
transform: scale(0.6);
white-space: nowrap;
color: #000;
color: #e8c98a;
}
}
......
src/components/MMCFlightControlCenter/components/hangar/components/controlPanel/components/controlRight/components/logger/index.vue
......@@ -345,10 +345,10 @@ export default {
&.end,
.current {
color: #3388ff;
color: #c9a46a;
.radius {
background: #3388ff;
background: #c9a46a;
border: 0;
}
}
......@@ -400,7 +400,7 @@ export default {
.iconfont {
font-size: 18px;
color: #3388ff;
color: #c9a46a;
margin-right: 4px;
}
......
src/components/MMCFlightControlCenter/components/hangar/components/list/index.vue
......@@ -256,7 +256,7 @@ export default {
color: #fff;
border-radius: 2px;
border: 0;
background: #3388ff;
background: #c9a46a;
}
}
}
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlLeft/components/airwayList/components/airwayEdit/components/actions/index.vue
......@@ -257,7 +257,7 @@ export default {
width: 100px;
height: 32px;
border-radius: 2px;
border: 1px solid #3388ff;
border: 1px solid #c9a46a;
font-weight: 400;
font-size: 14px;
color: #ffffff;
......@@ -268,7 +268,7 @@ export default {
box-sizing: border-box;
&.save {
background: #3388ff;
background: #c9a46a;
border: none;
}
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlLeft/components/airwayList/components/lineList/index.vue
......@@ -368,7 +368,7 @@ export default {
line-height: 32px;
margin: 0 auto;
color: #fff;
background: #3388ff;
background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 14px;
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlLeft/components/airwayList/index.vue
......@@ -419,7 +419,7 @@ export default {
line-height: 32px;
margin: 0 auto;
color: #fff;
background: #3388ff;
background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 14px;
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlLeft/components/taskList/components/airwayEdit/components/actions/index.vue
......@@ -239,7 +239,7 @@ export default {
width: 100px;
height: 32px;
border-radius: 2px;
border: 1px solid #3388ff;
border: 1px solid #c9a46a;
font-weight: 400;
font-size: 14px;
color: #ffffff;
......@@ -250,7 +250,7 @@ export default {
box-sizing: border-box;
&.save {
background: #3388ff;
background: #c9a46a;
border: none;
}
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlLeft/components/taskList/components/lineList/index.vue
......@@ -368,7 +368,7 @@ export default {
line-height: 32px;
margin: 0 auto;
color: #fff;
background: #3388ff;
background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 14px;
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlLeft/components/taskList/index.vue
......@@ -329,7 +329,7 @@ export default {
line-height: 32px;
margin: 0 auto;
color: #fff;
background: #3388ff;
background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 14px;
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlLeft/components/videoMapSwitch/index.vue
......@@ -149,7 +149,7 @@ export default {
cursor: pointer;
&.active {
color: #3388ff;
color: #c9a46a;
}
&.uav {
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlLeft/index.vue
......@@ -20,6 +20,7 @@ export default {
AirwayList,
VideoMapSwitch
},
inject: ["rootNode"],
data() {
return {
openTask: true, //打开任务列表
......@@ -33,6 +34,12 @@ export default {
computed: {
...mapState("MMCFlightControlCenter", []),
...mapState("MMCFlightControlCenter/uav", ["uav"]),
menuName() {
return this.rootNode && this.rootNode.menuName;
},
isBiodiversity() {
return this.menuName === "生物多样性";
},
// 收起列表按钮
listCollapse: {
get() {
......@@ -47,11 +54,17 @@ export default {
},
},
watch: {
isBiodiversity: {
immediate: true,
handler(val) {
this.openTask = !val;
},
},
hangar() {
this.openTask = false;
this.openAIList = false;
this.$nextTick(() => {
this.openTask = true;
this.openTask = !this.isBiodiversity;
});
},
listCollapse(){
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlRight/components/viewLib/index.vue
......@@ -581,12 +581,12 @@ export default {
}
.ac {
background: #3388ff;
background: #c9a46a;
border-radius: 10px 0px 0px 0px;
}
.bc {
background: #3388ff;
background: #c9a46a;
border-radius: 0px 10px 0px 0px;
}
}
......
src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlRight/index.vue
......@@ -202,11 +202,11 @@ export default {
&.active {
border: 1px solid #3C3C3C;
color: #3388ff;
color: #c9a46a;
}
.active {
filter: drop-shadow(#3388ff 100px 0);
filter: drop-shadow(#c9a46a 100px 0);
transform: translateX(-100px);
}
}
......
src/components/MMCFlightControlCenter/components/uavApplications/components/uavList/index.vue
......@@ -530,7 +530,7 @@ export default {
color: #fff;
border-radius: 2px;
border: 0;
background: #3388ff;
background: #c9a46a;
}
}
......
src/components/MMCFlightControlCenter/index.vue
......@@ -54,6 +54,10 @@ export default {
type: Number,
default: 0,
},
menuName: {
type: String,
default: "",
},
// 外部cesium.viewer对象
cesiumViewer: {
type: Object,
......
vue2/src/components/cesium-layer/index.vue
......@@ -43,7 +43,7 @@ LAYERS = Object.freeze({
SATELLITE: {
image: new Cesium.WebMapTileServiceImageryProvider({
url:
"https://{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE={style}&TILEMATRIXSET={TileMatrixSet}&FORMAT=tiles&TILEMATRIX={TileMatrix}&TILEROW={TileRow}&TILECOL={TileCol}&tk=a5e0a8dcf07f40afe19b76bf8a32eef0",
"https://{s}.tianditu.gov.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE={style}&TILEMATRIXSET={TileMatrixSet}&FORMAT=tiles&TILEMATRIX={TileMatrix}&TILEROW={TileRow}&TILECOL={TileCol}&tk=19760f71b06fe3e51d030b221cc85a25",
layer: "img",
style: "default",
format: "tiles",
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论