From 2ce73c46d9d30b39226936b5b24ed30fa652cc69 Mon Sep 17 00:00:00 2001
From: hh <292475944@qq.com>
Date: Mon, 13 Dec 2021 17:03:17 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=91=E7=A0=94=E7=94=9F=E4=BA=A73tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/bigScreen/drivingCabin/right2.vue   |  1 +
 src/views/bigScreen/scientific/index.vue      | 57 ++++++++++++++++++-
 src/views/bigScreen/scientific/tab1/index.vue | 29 ++++++++++
 src/views/bigScreen/scientific/tab2/index.vue | 29 ++++++++++
 src/views/bigScreen/scientific/tab3/index.vue | 29 ++++++++++
 5 files changed, 144 insertions(+), 1 deletion(-)
 create mode 100644 src/views/bigScreen/scientific/tab1/index.vue
 create mode 100644 src/views/bigScreen/scientific/tab2/index.vue
 create mode 100644 src/views/bigScreen/scientific/tab3/index.vue

diff --git a/src/views/bigScreen/drivingCabin/right2.vue b/src/views/bigScreen/drivingCabin/right2.vue
index f7e3ea4..7ec1e81 100644
--- a/src/views/bigScreen/drivingCabin/right2.vue
+++ b/src/views/bigScreen/drivingCabin/right2.vue
@@ -128,6 +128,7 @@ export default {
             name: '利润',
             type: 'bar',
             barWidth: 20,
+            barGap: '0',
             data: [
               2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
             ],
diff --git a/src/views/bigScreen/scientific/index.vue b/src/views/bigScreen/scientific/index.vue
index 12e2053..4d34cee 100644
--- a/src/views/bigScreen/scientific/index.vue
+++ b/src/views/bigScreen/scientific/index.vue
@@ -1,18 +1,73 @@
 <template>
     <div class="scientific">
-      科研生产
+      <div class="tab">
+        <div @click="index = 0" :class="{active: index == 0}">作业动态</div>
+        <div @click="index = 1" :class="{active: index == 1}">生产管理</div>
+        <div @click="index = 2" :class="{active: index == 2}">项目管理</div>
+      </div>
+      <tab1 class="tabWrap" v-show="index == 0"></tab1>
+      <tab2 class="tabWrap" v-show="index == 1"></tab2>
+      <tab3 class="tabWrap" v-show="index == 2"></tab3>
     </div>
 </template>
 
 <script>
+import tab1 from './tab1/index.vue'
+import tab2 from './tab2/index.vue'
+import tab3 from './tab3/index.vue'
 
 export default {
+
+
   name: 'Scientific',
   components: {
+    tab1,
+    tab2,
+    tab3,
+  },
+  data() {
+    return {
+      index: 0,
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
+.tab {
+  position: absolute;
+  top: 107px;
+  left: 51px;
+  width: 360px;
+  height: 36px;
+  display: flex;
+  div {
+    flex: 1;
+    width: 120px;
+    box-sizing: border-box;
+    height: 36px;
+    box-shadow: inset 0px 0px 6px 2px #91D5FE;
+    border: 1px solid #91D5FE;
+    font-size: 16px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #91D5FE;
+    text-align: center;
+    line-height: 36px;
+    cursor: pointer;
+    user-select: none;
+  }
 
+  div.active {
+    font-weight: 600;
+    color: #0D1049;
+    background: #91D5FE;
+    box-shadow: none;
+    border: none;
+  }
+}
+.tabWrap {
+  width: 100%;
+  height: 100%;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/bigScreen/scientific/tab1/index.vue b/src/views/bigScreen/scientific/tab1/index.vue
new file mode 100644
index 0000000..8b2eeef
--- /dev/null
+++ b/src/views/bigScreen/scientific/tab1/index.vue
@@ -0,0 +1,29 @@
+<template>
+  <div class="tab1">
+      tab1
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'tab1',
+  components: {
+  },
+  props: {
+    title: {
+      type: String,
+      default: '',
+    },
+    selected: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data () {
+    return {
+
+    }
+  },
+}
+</script>
diff --git a/src/views/bigScreen/scientific/tab2/index.vue b/src/views/bigScreen/scientific/tab2/index.vue
new file mode 100644
index 0000000..240d506
--- /dev/null
+++ b/src/views/bigScreen/scientific/tab2/index.vue
@@ -0,0 +1,29 @@
+<template>
+  <div class="tab2">
+      tab2
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'tab2',
+  components: {
+  },
+  props: {
+    title: {
+      type: String,
+      default: '',
+    },
+    selected: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data () {
+    return {
+
+    }
+  },
+}
+</script>
diff --git a/src/views/bigScreen/scientific/tab3/index.vue b/src/views/bigScreen/scientific/tab3/index.vue
new file mode 100644
index 0000000..810ad2b
--- /dev/null
+++ b/src/views/bigScreen/scientific/tab3/index.vue
@@ -0,0 +1,29 @@
+<template>
+  <div class="tab3">
+      tab3
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'tab3',
+  components: {
+  },
+  props: {
+    title: {
+      type: String,
+      default: '',
+    },
+    selected: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data () {
+    return {
+
+    }
+  },
+}
+</script>