Переглянути джерело

添加工具集合/环境平台跳转

qinzhipeng_v@didiglobal.com 4 роки тому
батько
коміт
757336c119

+ 0 - 4
src/components/chart/index.vue

@@ -42,7 +42,3 @@ export default {
   }
 }
 </script>
-
-<style>
-
-</style>

+ 0 - 4
src/components/chart/normalEchart.vue

@@ -49,7 +49,3 @@ export default {
   }
 }
 </script>
-
-<style>
-
-</style>

+ 44 - 1
src/components/newLayout/Head.vue

@@ -10,6 +10,11 @@
       </div>
       <div class="name">{{ item.name }}</div>
     </div>
+    <div :class="[target ? 'div1' : 'div2']">
+      <div v-if="!target" class="div-child" @click="$router.push({ name: 'Interface' })"><svg-icon icon-class="tool-enter" /></div>
+      <div v-if="!target" class="div-child" @click="$router.push({ name: 'env' })"><svg-icon icon-class="env-enter" /></div>
+    </div>
+    <div class="div3" @click="getTarget" />
     <!-- <div v-show="navTagType === 2" class="nav-tag-type" @click="setNavTagType(1)">
       <i class="el-icon-notebook-2" style="transform: rotate(90deg);" />
     </div>
@@ -53,7 +58,8 @@ export default {
   data() {
     return {
       headList: routes.filter(item => item.name !== '业务线'),
-      userInfo: null
+      userInfo: null,
+      target: true
     }
   },
   computed: {
@@ -71,6 +77,9 @@ export default {
     this.getLoginUser()
   },
   methods: {
+    getTarget() {
+      this.target = !this.target
+    },
     findRoute(routeName) {
       for (const element of routes) {
         if (element.name === routeName) {
@@ -228,4 +237,38 @@ export default {
     padding: 0;
   }
 }
+.div1 {
+  width:25px;height:50px;border-radius: 0 50px 50px 0;line-height:50px;background: #FFF; position: absolute; bottom: 172px; left: 0;border: 1px solid #333;opacity: 0.5;animation:myfirsts 0.5s;
+}
+.div2 {
+  bottom: 117px; width:80px; height:160px; line-height:160px;border-radius: 0 80px 80px 0;;background: rgb(255, 255, 255); position: absolute; left: 0;opacity: 0.5;animation:myfirst 1s;
+}
+@keyframes myfirst
+{
+	from {bottom: 172px; width:25px; height:50px; line-height:50px;}
+	to {bottom: 117px; width:80px; height:160px; line-height:160px;}
+}
+
+@keyframes myfirsts
+{
+	from {bottom: 117px; width:80px; height:160px; line-height:160px;}
+  to {bottom: 172px; width:25px; height:50px; line-height:50px;}
+}
+
+.div3 {
+  width:25px;height:50px;border-radius: 0 50px 50px 0;line-height:50px;background: #FFF; position: absolute; bottom: 172px; left: 0;border: 1px solid #333;cursor: pointer;
+}
+.div-child {
+  text-align: right;
+  margin-right: 33px;
+  line-height: 80px;
+  cursor: pointer;
+  opacity: 1;
+  animation:myfirs 4s;
+}
+@keyframes myfirs
+{
+	from {opacity: 0}
+  to {opacity: 1}
+}
 </style>

+ 3 - 3
src/views/quality/qualityMeasurement.vue

@@ -475,9 +475,9 @@ export default {
   created() {
     this._initBusinessTreeAndBeginInfo()
   },
-  mounted() {
-    document.getElementsByClassName('app-main')[0].style.cssText = 'overflow:auto'
-  },
+  // mounted() {
+  // document.getElementsByClassName('app-main')[0].style.cssText = 'overflow:auto'
+  // },
   methods: {
     // 点击头部导航栏显示默认数据
     async _initBusinessTreeAndBeginInfo() {