commit

2021-10-08 10:08:48 +08:00
parent 2a81dc687e
commit 2a680ac51a
15 changed files with 2386 additions and 687 deletions
@@ -0,0 +1,187 @@
+<template>
+<div class="home">
+  <div class="home_main">
+     <div class="left_wrapper">
+        <search-group></search-group>
+       <div class="main-tabs" style="border-radius: 3px;">
+         <div class="main-left-wrap" >
+<!--           <el-button type="text" style="font-size: 14px" class="more" @click="MORE">MORE</el-button>-->
+           <el-tabs
+             v-model="activeName"
+             class="home-tabs"
+             @tab-click="handleTabClick"
+           >
+             <el-tab-pane  label="标准征求意见" name="solicitOpinions">
+               <solicitOpinions></solicitOpinions>
+             </el-tab-pane>
+             <el-tab-pane label="标准发布" name="release">
+               <release></release>
+             </el-tab-pane>
+           </el-tabs>
+         </div>
+       </div>
+     </div>
+    <div class="right_wrapper">
+      <nav-menu></nav-menu>
+      <todo-list></todo-list>
+    </div>
+  </div>
+  <div calss="home_footer">
+    <div class="footer">
+      <Empennage></Empennage>
+    </div>
+  </div>
+</div>
+</template>
+
+<script>
+import searchGroup from './components/searchGroup'
+import release from './components/release'
+import solicitOpinions from './components/solicitopinions'
+import navMenu from './components/navMenu'
+import todoList from './components/todoList'
+import Empennage from "./components/empennage"
+export default {
+  name: "Home2",
+  components: {
+    searchGroup,
+    solicitOpinions,
+    release,
+    navMenu,
+    todoList,
+    Empennage,
+  },
+  data() {
+    return {
+      activeName: 'solicitOpinions',
+    }
+  },
+  methods: {
+    handleTabClick(tab, event) {},
+    //退出登录
+    logout(){
+      this.$confirm('您确认要退出吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        confirmButtonClass: 'common-button-primary',
+        roundButton: false
+      }).then(() => {
+        this.$store.commit('setTypeFlag', 'loginOut')
+        this.$http.get('logout', {}, {
+          _this: this
+        }, res => {
+          this.$store.dispatch('logout')
+          this.$router.push('/login')
+        }, e => {})
+      }).catch(() => {
+      })
+    },
+    MORE() {
+      switch (this.activeName) {
+        case 'solicitOpinions':
+          this.$router.push({name: 'standardForComments'})
+          break
+        case 'release':
+          this.$confirm('请选择国内/海外标准', {
+            confirmButtonText: '国内标准',
+            cancelButtonText: '海外标准',
+            type: 'warning',
+            center: true
+          }).then(() => {
+            this.$router.push({name: 'domesticStandardsAndRegulations'})
+          }).catch(() => {
+            this.$router.push({name: 'foreignStandardsAndRegulations'})
+          });
+          break
+        default:
+          break
+      }
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.home{
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #F0F2F5;
+  background-size: 100% 100%;
+  .home_main {
+    display: flex;
+    flex: 1;
+    overflow: hidden;
+    .left_wrapper {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      width: 53.5vw;
+      height: calc(~'100% - 10px');
+      margin-right: 10px;
+      .more {
+        float: right;
+        color: #333333;
+        margin: 0px 15px;
+        &:hover {
+          color: red;
+          cursor: pointer;
+        }
+      }
+      .home-tabs {
+        /deep/.el-tabs__content {
+          height: calc(~'100% - 55px');
+        }
+        ::v-deep.el-tabs__header{
+          margin: 0 70px 15px 10px
+        }
+        ::v-deep {
+          .el-tabs__item {
+            font-size: 16px;
+            font-weight: 500;
+            color: #333333;
+          }
+          .el-tabs__nav-wrap::after {
+            background-color: transparent;
+          }
+        }
+      }
+      .main-tabs {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        width: 100%;
+        height: 40vh;
+        margin-right: 10px;
+        background:#FFFFFF;
+        .main-left-wrap {
+          height: 100%;
+          .home-tabs {
+            height: 100%;
+          }
+        }
+      }
+    }
+    .right_wrapper {
+      display: flex;
+      flex-direction: column;
+      width: 37vw;
+      height: 100%;
+    }
+    .search-condition {
+      display: block;
+      .el-input {
+        width: 300px;
+      }
+    }
+  }
+  .footer {
+    height: 49px;
+    line-height: 49px;
+    //margin-top: 0.3vh;
+    //line-height: 5.2vh;
+    background: #FFFFFF;
+  }
+}
+</style>