中建四大屏

This commit is contained in:
骆乐 2022-09-05 11:06:45 +08:00
parent e480987441
commit e0cb6d1616
2 changed files with 99 additions and 20 deletions

View File

@ -41,14 +41,14 @@ if (process.env.NODE_ENV == 'development') {
// tag: 本地
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
// axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
// axios.defaults.baseURL = 'http://192.168.34.216:6025/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.216:18070/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
// axios.defaults.baseURL = 'http://47.97.202.104:6023/';
// axios.defaults.baseURL = 'http://139.9.66.234:8/';
// axios.defaults.baseURL = 'http://120.196.217.6:7000/'; // 鹤洲
axios.defaults.baseURL = 'http://182.90.224.237:7000/'; // 广西
// axios.defaults.baseURL = 'http://182.90.224.237:7000/'; // 广西
// axios.defaults.baseURL = 'http://120.196.217.6:7000/' //鹤洲
// axios.defaults.baseURL = 'http://117.156.17.59:9090/'; //

View File

@ -1,14 +1,18 @@
<template>
<Card title="危大工程">
<div class="tabs">
<div class="tab" :class="{ checked: index === tabIndex }" v-for="(tab, index) in tabs" :key="index" @click="changeTab(index)">
{{ tab }}
</div>
<div
class="tab"
:class="{ checked: index === tabIndex }"
v-for="(tab, index) in tabs"
:key="index"
@click="changeTab(index)"
>{{ tab }}</div>
</div>
<div class="list">
<div class="list" v-if="tabIndex==0">
<div class="thead">
<div class="row">
<div class="td">序号</div>
<div class="td" style="width:90px;">序号</div>
<div class="td">验收项目</div>
<div class="td">验收要求</div>
<div class="td">验收结果</div>
@ -20,36 +24,99 @@
<div class="tbody">
<vue-scroll>
<div class="row" v-for="i in 8" :key="i">
<div class="td">{{ i }}</div>
<div class="td" style="width:90px;">{{i}}</div>
<div class="td">深基坑临边防护</div>
<div class="td">砌筑200M以上挡水墙</div>
<div class="td">砌筑200mm以上挡水墙</div>
<div class="td">符合要求</div>
<div class="td">中国建筑第四工程局有限公司</div>
<div class="td"></div>
<div class="td">2022-02-02</div>
<div class="td"></div>
<div class="td">2022-09-01</div>
</div>
</vue-scroll>
</div>
</div>
<div class="list" v-if="tabIndex==1">
<div class="thead">
<div class="row">
<div class="td">设备名称</div>
<div class="td">载重</div>
<div class="td">位移</div>
<div class="td">倾斜X</div>
<div class="td">倾斜Y</div>
</div>
</div>
<div class="tbody">
<div class="dataImg">
<img src="@/assets/images/noData3.png" alt srcset />
<p>{{$t('message.dataBoard.nodata')}}</p>
</div>
</div>
</div>
<div class="list" v-if="tabIndex==2">
<div class="thead">
<div class="row">
<div class="td">基坑名称</div>
<div class="td">测点名称</div>
<div class="td">传感器类型</div>
<div class="td">测点值</div>
<div class="td">变化速率</div>
<div class="td">监测时间</div>
<div class="td">报警状态</div>
</div>
</div>
<div class="tbody">
<vue-scroll>
<div class="row" v-for="i in 8" :key="i">
<div class="td">中建四项目深基坑</div>
<div class="td">沉降监测3号</div>
<div class="td">深层水平位移</div>
<div class="td">-0.77</div>
<div class="td">-1.04</div>
<div class="td">2022-09-01</div>
<div class="td">正常</div>
</div>
</vue-scroll>
</div>
</div>
<div class="list" v-if="tabIndex==3">
<div class="thead">
<div class="row">
<div class="td">设备名称</div>
<div class="td">监测位置</div>
<div class="td">监测时间</div>
<div class="td">模版沉降</div>
<div class="td">支杆应力</div>
<div class="td">杆件倾斜</div>
<div class="td">压力监测</div>
<div class="td">水位移位</div>
</div>
</div>
<div class="tbody">
<div class="dataImg">
<img src="@/assets/images/noData3.png" alt srcset />
<p>{{$t('message.dataBoard.nodata')}}</p>
</div>
</div>
</div>
</Card>
</template>
<script>
import Card from '../components/Card.vue'
import Card from "../components/Card.vue";
export default {
components: { Card },
data() {
return {
tabIndex: 0,
tabs: ['边临防护', '卸料平台', '深基坑检测', '高支模检测']
}
tabs: ["边临防护", "卸料平台", "深基坑检测", "高支模检测"]
};
},
methods: {
changeTab(index) {
this.tabIndex = index
this.tabIndex = index;
}
}
}
};
</script>
<style lang="less" scoped>
@ -83,6 +150,7 @@ export default {
font-size: 12px;
color: #ccc;
}
.row {
display: flex;
.td {
@ -90,13 +158,16 @@ export default {
line-height: 32px;
text-align: center;
&:nth-child(1) {
width: 80px;
width: 150px;
// flex: 1;
}
&:nth-child(2) {
width: 90px;
// width: 110px;
flex: 1;
}
&:nth-child(3) {
flex: 1;
// width: 110px;
}
&:nth-child(4) {
width: 90px;
@ -105,12 +176,20 @@ export default {
flex: 1;
}
&:nth-child(6) {
width: 90px;
// width: 90px;
flex: 1;
}
&:nth-child(7) {
width: 90px;
}
}
}
.dataImg {
margin-left: 500px;
margin-top: 50px;
p {
margin-left: 4%;
}
}
}
</style>