From 3f13aacbe6503de83b55ca5b38e8c236048e88f2 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Mon, 29 Aug 2022 14:37:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E5=AE=89?=
 =?UTF-8?q?=E5=85=A8=E7=AE=A1=E7=90=86):=20=E5=AE=8C=E6=88=90=E5=8D=B1?=
 =?UTF-8?q?=E5=A4=A7=E5=B7=A5=E7=A8=8Btabs=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectAdmin/zjsj/index.vue         |  1 +
 .../zjsj/security/centerBottom.vue            | 40 +++++++++++++++++--
 2 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/src/views/projectAdmin/zjsj/index.vue b/src/views/projectAdmin/zjsj/index.vue
index c6303798..cda8928f 100644
--- a/src/views/projectAdmin/zjsj/index.vue
+++ b/src/views/projectAdmin/zjsj/index.vue
@@ -58,6 +58,7 @@ export default {
 .zjsj-large-screen {
   width: 100%;
   height: 100%;
+  color: #fff;
   background-color: #182337;
   .header {
     width: 100%;
diff --git a/src/views/projectAdmin/zjsj/security/centerBottom.vue b/src/views/projectAdmin/zjsj/security/centerBottom.vue
index 3126f6ef..299adf44 100644
--- a/src/views/projectAdmin/zjsj/security/centerBottom.vue
+++ b/src/views/projectAdmin/zjsj/security/centerBottom.vue
@@ -1,14 +1,48 @@
 <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>
   </Card>
 </template>
 
 <script>
 import Card from '../components/Card.vue'
 export default {
-  components: { Card }
+  components: { Card },
+  data() {
+    return {
+      tabIndex: 0,
+      tabs: ['边临防护', '卸料平台', '深基坑检测', '高支模检测']
+    }
+  },
+  methods: {
+    changeTab(index) {
+      this.tabIndex = index
+    }
+  }
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.tabs {
+  padding: 10px;
+  display: flex;
+  .tab {
+    margin-right: 20px;
+    width: 90px;
+    height: 32px;
+    line-height: 32px;
+    text-align: center;
+    color: #6ee4f0;
+    background: url(../assets/images/sourse/bg-car-count.png) no-repeat;
+    background-size: 100% 100%;
+    cursor: pointer;
+    &.checked {
+      color: #fff;
+    }
+  }
+}
+</style>