中建四大屏
This commit is contained in:
parent
e480987441
commit
e0cb6d1616
@ -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/'; //
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user