中建四大屏

src/assets/js/http.js

@@ -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/'; //

src/views/projectAdmin/zjsj/security/centerBottom.vue

@@ -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)">
+      <div
-        {{ tab }}
+        class="tab"
+        :class="{ checked: index === tabIndex }"
+        v-for="(tab, index) in tabs"
+        :key="index"
+        @click="changeTab(index)"
+      >{{ tab }}</div>
     </div>
-    </div>
+    <div class="list" v-if="tabIndex==0">
-    <div class="list">
       <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">王明</div>
-            <div class="td">2022-02-02</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>