odjbin/tunnel-cloud-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新1.浏览器不点击2.删除风压3.浏览器模型只能左右移动4.鼠标hover显示设备名称

Browse Source
This commit is contained in:
Hcat
2024-03-13 20:50:20 +08:00
parent a8bd594f1d 8253a42847
commit 340189408f
19 changed files with 1369 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/views/tunnel/index.vue
View File

@@ -4,8 +4,8 @@
<manage-btn v-model="selectIndex" @select="manageSelect" :list="routeList" v-if="showMenu" />
<tunnel-title v-if="showTunnelTitle" />
<div class="top-length">
<!-- <span>隧道总长度: {{ tunnelLength }}米</span>-->
<span>当前施工长度: {{ constructionLength }}米</span>
<span>隧道总长度: {{ tunnelLength }}米</span>
<!-- <span>当前施工长度: {{ constructionLength }}米</span>-->
</div>
<div class="top-right">
<div class="current-site">
@@ -72,7 +72,7 @@
<div class="arrow right" @click="nextBtn"></div>
</div>
</div>
<div class="alarm-dialog digital-tunnel">
<div class="alarm-dialog alarm-tunnel">
<el-dialog :close-on-click-modal="false" v-model="isDetailVisited" title="报警信息详情" width="1500px">
<div class="detail">
<div>报警时间：</div>
@@ -84,7 +84,7 @@
</div>
</el-dialog>
</div>
<div class="digital-tunnel">
<div class="alarm-tunnel">
<el-dialog :close-on-click-modal="false" v-model="isVisited" title="报警信息" width="2175px" :modal="false">
<div class="left-top-icon"></div>
<div class="right-top-icon"></div>
@@ -102,16 +102,12 @@
<el-button @click="handleReset">重置</el-button>
</el-form-item>
</el-form>
<div class="device-table">
<div class="device-table" :style="{ marginTop: roleKey === 'administrator' ? '40px' : '0' }">
<el-table stripe v-loading="loading" :empty-text="tableEmptyText"
style="background-color: #011c29;--el-table-border-color: none;"
:header-cell-style="{ backgroundColor: '#064B66', color: '#fff', fontSize: '40px', borderBottom: 'none' }"
:data="alarmList">
<!-- <el-table-column prop="equipmentId" label="设备名称" align="center" width="400px">-->
<!-- <template #default="scope">-->
<!-- {{ changeName(scope.row.equipmentId) }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column prop="tunnelName" label="隧道名称" align="center" width="400px" />
<el-table-column prop="alarmContent" label="告警信息" align="center" />
<el-table-column prop="alarmTime" label="告警时间" align="center" width="480px" />
<el-table-column prop="lookupStatus" label="查阅状态" align="center" width="200px"
@@ -133,7 +129,7 @@
</template>
</el-table-column>
</el-table>
<div class="pagination" :style="{ bottom: roleKey === 'administrator' ? '50px' : '' }">
<div class="pagination" :style="{ bottom: roleKey === 'administrator' ? '40px' : '0' }">
<el-pagination background v-model:current-page="pageInfo.pageNum" v-model:page-size="pageInfo.pageSize"
:total="total" prev-text="上一页" next-text="下一页" layout="prev, pager, next"
@current-change="handleCurrentChange" :hide-on-single-page="true" />
@@ -709,30 +705,6 @@ const initWebSocket = () => {
}
}
.digital-tunnel {
.detail {
font-size: 50px;
color: #FFFFFF;
>div {
color: #f5f5f5;
margin-bottom: 10px;
}
}
}
.digital-tunnel {
:deep(.el-dialog) {
height: 1410px;
.el-tag {
font-size: 36px;
height: 60px;
padding: 0 20px;
border-radius: 10px;
}
}
}
.query-form {
:deep(.el-form-item__label) {