admin/zhgdlarge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix：修改指挥部大屏目录样式

Browse Source
This commit is contained in:
Vce 2024-07-02 11:38:27 +08:00
parent 20528ccbcd
commit c143cc6075
3 changed files with 66 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/routers/modules/staticRouter.ts
View File

@ -26,9 +26,9 @@ export const staticRouter: RouteRecordRaw[] = [
name: "大屏",
// component: () => import("@/views/sevenLargeScreen/indexL.vue"), //七参数标准版
// component: () => import("@/views/commandScreen/indexCommand.vue"), //指挥部大屏
// component: () => import("@/views/agjtLiveScreen/indexLive.vue"), //鞍钢现场大屏
component: () => import("@/views/agjtLiveScreen/indexLive.vue"), //鞍钢现场大屏
// component: () => import("@/views/overviewScreen/indexCommand.vue"), //总览大屏
component: () => import("@/views/agjtProjectKanban/indexL.vue"), //鞍钢集团项目看板大屏
// component: () => import("@/views/agjtProjectKanban/indexL.vue"), //鞍钢集团项目看板大屏
// component: () => import("@/views/sevenLargeScreen/indexL_syhy.vue"), // 只有一级路由(盘锦、嘉兴、鄱湖美湾医疗项目需切换至该首页)
children: [
{
@ -310,7 +310,8 @@ export const staticRouter: RouteRecordRaw[] = [
}
],
meta: {
title: "智慧工厂安全生产监管平台"
// title: "数字化项目监管平台"
title: "智慧工厂安全生产监管平台" //指挥部大屏
}
}

2
src/views/commandScreen/commandCenter/centerTop.vue
View File

@ -80,7 +80,7 @@
</div>
</div>
<div class="classify-div">
<div class="classify-div-item" @click="openDialogData({ index: 1, title: '危大工程' })">
<div class="classify-div-item" @click="openDialogData({ index: 1, title: '' })">
<span style="font-size: 12px">危大工程&nbsp;&nbsp;{{ statsDirectorateBigScreen.dangerousEngineeringRecordNum }}</span>
</div>
<div class="classify-div-item" @click="openDialogData({ index: 2, title: '安全教育' })">

77
src/views/commandScreen/commandCenter/index.vue
View File

@ -12,8 +12,15 @@
<rightAll class="rightAll" @openDialog="openPeopleCountDialog"></rightAll>
</div>
<dataDialog ref="partyBuildRef"></dataDialog>
<div :class="{'contentsBox':true,'open-dialog': show,'hidden-dialog': !show}">
<div style="height:10px"></div>
<div :class="{'contentsBox':true,'openDialog': show,'hiddenDialog': !show}">
<div class="topBox">
<div class="expand">
</div>
<div class="retract">
<el-icon color="#fff" size="26" v-show="show" @click="retract"><DArrowLeft /></el-icon>
</div>
</div>
<div class="bottomBox" v-if="show">
<div v-for="(item,i) in backendUrls" :key="i">
<div class="listItem" @click="goBackend(item)">
<div class="itemIcon" :style="{'background':item.color !== '#dc3c00' ? item.color: 'rgba(0,0,0,0)'}">
@ -22,15 +29,10 @@
<span class="itemText">{{ item.name }}</span>
</div>
</div>
<div class="retract" @click="retract">
<el-icon color="#fff" size="32" style="margin-left: 10px;"><Back /></el-icon>
<span style="margin-left: 10px;">收回</span>
</div>
</div>
<div class="expandBtn" v-if="!show" @click="expand">
<el-icon color="#fff" size="32" style="margin-left: 10px;"><Right /></el-icon>
<!-- <el-icon color="#fff" size="32" style="margin-left: 10px;"><Back /></el-icon> -->
<span style="margin: 0 10px;">目录展开</span>
<el-icon color="#fff" size="26" v-show="!show" @click="expand"><DArrowRight /></el-icon>
</div>
</div>
</template>
@ -117,7 +119,8 @@ function goBackend(item: any){
if(item.url != ''){
// window.location.replace('http://localhost:8080/#/login?command=1&pathItem='+ item.url +'&token=' + store.token);
console.log(BASEURL)
window.open(BASEURL + '/#/login?command=1&pathItem='+ item.url +'&token=' + store.token, '_blank');
// window.open(BASEURL + '/#/login?command=1&pathItem='+ item.url +'&token=' + store.token, '_blank');
window.open('http://10.0.1.77:8080' + '/#/login?command=1&pathItem='+ item.url +'&token=' + store.token, '_blank');
}
}
const show = ref(false as any)
@ -253,15 +256,28 @@ onMounted(() => {
position: fixed;
top: 1px;
left: 0px;
width: 15%;
height: calc(100% - 1px);
background: #0a1334;
width: 15.3%;
height: 100%;
// padding-top: 10px;
transition: left 0.5s; /* 添加过渡效果 */
// transition: left 0.5s; /* 添加过渡效果 */
.topBox{
height: 3.7%;
width: 100%;
background-color: rgba($color: #000000, $alpha: 0);
display: flex;
justify-content: space-between;
align-items: center;
.retract{
cursor: pointer;
}
}
.bottomBox{
height: 96.3%;
width: 93%;
background: #0a1334;
.listItem{
color: #fff;
width: 100%;
height: 50px;
height: 40px;
// background-color: darkred;
display: flex;
justify-content: flex-start;
@ -270,7 +286,7 @@ onMounted(() => {
.itemIcon{
margin-left: 10px;
width: 60px;
height: 45px;
height: 35px;
// background-color: darkblue;
display: flex;
justify-content: center;
@ -281,26 +297,12 @@ onMounted(() => {
font-size: 16px;
}
}
.retract{
cursor: pointer;
color: #fff;
position: absolute;
width: 100%;
height: 50px;
bottom:0;
background-color: #061f51;
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 18px;
margin-bottom: 5px;
// margin-left: 10px;
}
}
.hidden-dialog{
.hiddenDialog{
left: -1000px;
}
.open-dialog{
.openDialog{
left: 0;
}
.expandBtn{
@ -308,15 +310,16 @@ onMounted(() => {
color: #fff;
position: fixed;
width: auto;
height: 50px;
height: 3.7%;
top:0;
left: 0;
bottom:0;
background-color: #061f51;
// background-color: #061f51;
background-color: rgba($color: #000000, $alpha: 0);
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 18px;
margin-bottom: 5px;
font-size: 14px;
// margin-bottom: 5px;
// margin-left: 10px;
}
}