提交 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
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
:userInfo="userInfo" :userInfo="userInfo"
:uavTaskList="uavTaskList" :uavTaskList="uavTaskList"
:scene="scene" :scene="scene"
:menuName="menuName"
:useSTLAirway="useSTLAirway" :useSTLAirway="useSTLAirway"
:useTimedTask="useTimedTask" :useTimedTask="useTimedTask"
:useTask="useTask" :useTask="useTask"
...@@ -45,6 +46,7 @@ export default { ...@@ -45,6 +46,7 @@ export default {
mqttToken: "", mqttToken: "",
}, },
scene: 0, // 场景类型 1: 无人机 2: 机库 scene: 0, // 场景类型 1: 无人机 2: 机库
menuName: "",
account: "mmctest@admin", account: "mmctest@admin",
password: "test@Admin001", password: "test@Admin001",
userInfo: null, userInfo: null,
...@@ -180,4 +182,15 @@ html, ...@@ -180,4 +182,15 @@ html,
body { body {
height: 100%; height: 100%;
} }
.el-button--primary {
background-color: #c9a46a;
border-color: #c9a46a;
&:hover,
&:focus {
background-color: #d4b27a;
border-color: #d4b27a;
}
}
</style> </style>
\ No newline at end of file
...@@ -111,7 +111,7 @@ export default { ...@@ -111,7 +111,7 @@ export default {
this.imageryLayers.satellite = this.imageryLayers.satellite =
this.viewer.imageryLayers.addImageryProvider( this.viewer.imageryLayers.addImageryProvider(
new Cesium.WebMapTileServiceImageryProvider({ 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", layer: "img",
style: "default", style: "default",
tileMatrixSetID: "w", tileMatrixSetID: "w",
...@@ -145,7 +145,7 @@ export default { ...@@ -145,7 +145,7 @@ export default {
// 地图标注 // 地图标注
this.imageryLayers.text = this.viewer.imageryLayers.addImageryProvider( this.imageryLayers.text = this.viewer.imageryLayers.addImageryProvider(
new Cesium.WebMapTileServiceImageryProvider({ 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", layer: "cia",
style: "default", style: "default",
format: "tiles", format: "tiles",
......
...@@ -270,7 +270,7 @@ export default { ...@@ -270,7 +270,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 28px; height: 28px;
background: #3388ff; background: #c9a46a;
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
line-height: 28px; line-height: 28px;
......
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
<div class="dib"> <div class="dib">
{{ uav.uav && uav.uav.name }} --- {{ activeItem.name }} {{ uav.uav && uav.uav.name }} --- {{ activeItem.name }}
</div> </div>
<span style="color: #3388ff" class="ml56 cp pr130" @click="showLine" <span style="color: #c9a46a" class="ml56 cp pr130" @click="showLine"
>{{ $t('common.预览') }}</span >{{ $t('common.预览') }}</span
> >
</div> </div>
...@@ -656,7 +656,7 @@ export default { ...@@ -656,7 +656,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 28px; height: 28px;
background: #3388ff; background: #c9a46a;
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
line-height: 28px; line-height: 28px;
...@@ -700,7 +700,7 @@ export default { ...@@ -700,7 +700,7 @@ export default {
font-family: SourceHanSansCN, SourceHanSansCN; font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
color: #3388ff; color: #c9a46a;
text-align: center; text-align: center;
font-style: normal; font-style: normal;
} }
......
...@@ -257,7 +257,7 @@ export default { ...@@ -257,7 +257,7 @@ export default {
width: 100px; width: 100px;
height: 32px; height: 32px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #3388ff; border: 1px solid #c9a46a;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
...@@ -268,7 +268,7 @@ export default { ...@@ -268,7 +268,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
&.save { &.save {
background: #3388ff; background: #c9a46a;
border: none; border: none;
} }
......
...@@ -368,7 +368,7 @@ export default { ...@@ -368,7 +368,7 @@ export default {
line-height: 32px; line-height: 32px;
margin: 0 auto; margin: 0 auto;
color: #fff; color: #fff;
background: #3388ff; background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN; font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
......
...@@ -370,7 +370,7 @@ export default { ...@@ -370,7 +370,7 @@ export default {
line-height: 32px; line-height: 32px;
margin: 0 auto; margin: 0 auto;
color: #fff; color: #fff;
background: #3388ff; background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN; font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
...@@ -385,7 +385,7 @@ export default { ...@@ -385,7 +385,7 @@ export default {
cursor: pointer; cursor: pointer;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-size: 12px; font-size: 12px;
color: #3388ff; color: #c9a46a;
} }
} }
......
...@@ -222,7 +222,7 @@ export default { ...@@ -222,7 +222,7 @@ export default {
margin: auto; margin: auto;
width: 92px; width: 92px;
height: 36px; height: 36px;
background: #3388ff; background: #c9a46a;
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
......
...@@ -266,7 +266,7 @@ export default { ...@@ -266,7 +266,7 @@ export default {
.task-add__btn { .task-add__btn {
width: 124px; width: 124px;
height: 36px; height: 36px;
background: #3388ff; background: #c9a46a;
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
line-height: 32px; line-height: 32px;
......
...@@ -247,7 +247,7 @@ export default { ...@@ -247,7 +247,7 @@ export default {
.task-add__btn { .task-add__btn {
width: 92px; width: 92px;
height: 36px; height: 36px;
background: #3388ff; background: #c9a46a;
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
line-height: 32px; line-height: 32px;
......
...@@ -266,7 +266,7 @@ export default { ...@@ -266,7 +266,7 @@ export default {
.task-add__btn { .task-add__btn {
width: 92px; width: 92px;
height: 36px; height: 36px;
background: #3388ff; background: #c9a46a;
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
line-height: 32px; line-height: 32px;
......
...@@ -389,7 +389,7 @@ export default { ...@@ -389,7 +389,7 @@ export default {
.task-add__btn { .task-add__btn {
width: 124px; width: 124px;
height: 36px; height: 36px;
background: #3388ff; background: #c9a46a;
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
line-height: 32px; line-height: 32px;
......
...@@ -142,7 +142,7 @@ export default { ...@@ -142,7 +142,7 @@ export default {
} }
&.active { &.active {
background: #3388ff; background: #c9a46a;
label { label {
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-size: 20px; font-size: 20px;
......
...@@ -92,7 +92,7 @@ export default { ...@@ -92,7 +92,7 @@ export default {
} }
&.active { &.active {
background: #3388ff; background: #c9a46a;
label { label {
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-size: 20px; font-size: 20px;
......
...@@ -164,7 +164,7 @@ export default { ...@@ -164,7 +164,7 @@ export default {
cursor: pointer; cursor: pointer;
&.active { &.active {
color: #3388ff; color: #c9a46a;
} }
&.uav { &.uav {
......
...@@ -120,7 +120,8 @@ export default { ...@@ -120,7 +120,8 @@ export default {
position: relative; position: relative;
width: 48px; width: 48px;
height: 48px; height: 48px;
background: #ffffff; background: #0c2a26;
border: 1px solid rgba(201, 164, 106, 0.32);
border-radius: 2px; border-radius: 2px;
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -138,7 +139,7 @@ export default { ...@@ -138,7 +139,7 @@ export default {
font-size: 16px; font-size: 16px;
transform: scale(0.6); transform: scale(0.6);
white-space: nowrap; white-space: nowrap;
color: #000; color: #e8c98a;
} }
} }
......
...@@ -345,10 +345,10 @@ export default { ...@@ -345,10 +345,10 @@ export default {
&.end, &.end,
.current { .current {
color: #3388ff; color: #c9a46a;
.radius { .radius {
background: #3388ff; background: #c9a46a;
border: 0; border: 0;
} }
} }
...@@ -400,7 +400,7 @@ export default { ...@@ -400,7 +400,7 @@ export default {
.iconfont { .iconfont {
font-size: 18px; font-size: 18px;
color: #3388ff; color: #c9a46a;
margin-right: 4px; margin-right: 4px;
} }
......
...@@ -256,7 +256,7 @@ export default { ...@@ -256,7 +256,7 @@ export default {
color: #fff; color: #fff;
border-radius: 2px; border-radius: 2px;
border: 0; border: 0;
background: #3388ff; background: #c9a46a;
} }
} }
} }
......
...@@ -257,7 +257,7 @@ export default { ...@@ -257,7 +257,7 @@ export default {
width: 100px; width: 100px;
height: 32px; height: 32px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #3388ff; border: 1px solid #c9a46a;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
...@@ -268,7 +268,7 @@ export default { ...@@ -268,7 +268,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
&.save { &.save {
background: #3388ff; background: #c9a46a;
border: none; border: none;
} }
......
...@@ -368,7 +368,7 @@ export default { ...@@ -368,7 +368,7 @@ export default {
line-height: 32px; line-height: 32px;
margin: 0 auto; margin: 0 auto;
color: #fff; color: #fff;
background: #3388ff; background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN; font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
......
...@@ -419,7 +419,7 @@ export default { ...@@ -419,7 +419,7 @@ export default {
line-height: 32px; line-height: 32px;
margin: 0 auto; margin: 0 auto;
color: #fff; color: #fff;
background: #3388ff; background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN; font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
......
...@@ -239,7 +239,7 @@ export default { ...@@ -239,7 +239,7 @@ export default {
width: 100px; width: 100px;
height: 32px; height: 32px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #3388ff; border: 1px solid #c9a46a;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
...@@ -250,7 +250,7 @@ export default { ...@@ -250,7 +250,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
&.save { &.save {
background: #3388ff; background: #c9a46a;
border: none; border: none;
} }
......
...@@ -368,7 +368,7 @@ export default { ...@@ -368,7 +368,7 @@ export default {
line-height: 32px; line-height: 32px;
margin: 0 auto; margin: 0 auto;
color: #fff; color: #fff;
background: #3388ff; background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN; font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
......
...@@ -329,7 +329,7 @@ export default { ...@@ -329,7 +329,7 @@ export default {
line-height: 32px; line-height: 32px;
margin: 0 auto; margin: 0 auto;
color: #fff; color: #fff;
background: #3388ff; background: #c9a46a;
font-family: SourceHanSansCN, SourceHanSansCN; font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
......
...@@ -149,7 +149,7 @@ export default { ...@@ -149,7 +149,7 @@ export default {
cursor: pointer; cursor: pointer;
&.active { &.active {
color: #3388ff; color: #c9a46a;
} }
&.uav { &.uav {
......
...@@ -20,6 +20,7 @@ export default { ...@@ -20,6 +20,7 @@ export default {
AirwayList, AirwayList,
VideoMapSwitch VideoMapSwitch
}, },
inject: ["rootNode"],
data() { data() {
return { return {
openTask: true, //打开任务列表 openTask: true, //打开任务列表
...@@ -33,6 +34,12 @@ export default { ...@@ -33,6 +34,12 @@ export default {
computed: { computed: {
...mapState("MMCFlightControlCenter", []), ...mapState("MMCFlightControlCenter", []),
...mapState("MMCFlightControlCenter/uav", ["uav"]), ...mapState("MMCFlightControlCenter/uav", ["uav"]),
menuName() {
return this.rootNode && this.rootNode.menuName;
},
isBiodiversity() {
return this.menuName === "生物多样性";
},
// 收起列表按钮 // 收起列表按钮
listCollapse: { listCollapse: {
get() { get() {
...@@ -47,11 +54,17 @@ export default { ...@@ -47,11 +54,17 @@ export default {
}, },
}, },
watch: { watch: {
isBiodiversity: {
immediate: true,
handler(val) {
this.openTask = !val;
},
},
hangar() { hangar() {
this.openTask = false; this.openTask = false;
this.openAIList = false; this.openAIList = false;
this.$nextTick(() => { this.$nextTick(() => {
this.openTask = true; this.openTask = !this.isBiodiversity;
}); });
}, },
listCollapse(){ listCollapse(){
......
...@@ -581,12 +581,12 @@ export default { ...@@ -581,12 +581,12 @@ export default {
} }
.ac { .ac {
background: #3388ff; background: #c9a46a;
border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px;
} }
.bc { .bc {
background: #3388ff; background: #c9a46a;
border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px;
} }
} }
......
...@@ -202,11 +202,11 @@ export default { ...@@ -202,11 +202,11 @@ export default {
&.active { &.active {
border: 1px solid #3C3C3C; border: 1px solid #3C3C3C;
color: #3388ff; color: #c9a46a;
} }
.active { .active {
filter: drop-shadow(#3388ff 100px 0); filter: drop-shadow(#c9a46a 100px 0);
transform: translateX(-100px); transform: translateX(-100px);
} }
} }
......
...@@ -530,7 +530,7 @@ export default { ...@@ -530,7 +530,7 @@ export default {
color: #fff; color: #fff;
border-radius: 2px; border-radius: 2px;
border: 0; border: 0;
background: #3388ff; background: #c9a46a;
} }
} }
......
...@@ -54,6 +54,10 @@ export default { ...@@ -54,6 +54,10 @@ export default {
type: Number, type: Number,
default: 0, default: 0,
}, },
menuName: {
type: String,
default: "",
},
// 外部cesium.viewer对象 // 外部cesium.viewer对象
cesiumViewer: { cesiumViewer: {
type: Object, type: Object,
......
...@@ -43,7 +43,7 @@ LAYERS = Object.freeze({ ...@@ -43,7 +43,7 @@ LAYERS = Object.freeze({
SATELLITE: { SATELLITE: {
image: new Cesium.WebMapTileServiceImageryProvider({ image: new Cesium.WebMapTileServiceImageryProvider({
url: 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", layer: "img",
style: "default", style: "default",
format: "tiles", format: "tiles",
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑!
请 注册 或者 后发表评论