Bladeren bron

feat:更新

jinx 3 jaren geleden
bovenliggende
commit
060733702a
2 gewijzigde bestanden met toevoegingen van 63 en 43 verwijderingen
  1. 61 41
      src/page/layout/slide.vue
  2. 2 2
      src/page/login/index.vue

+ 61 - 41
src/page/layout/slide.vue

@@ -3,26 +3,46 @@
     <div class="navigator_menu">
       <span>导航面板</span>
     </div>
-    <el-menu text-color="#999"  :default-active="actice_idx" active-text-color="#333" class="el-menu-vertical-demo" @select='handleSelect'>
+    <el-menu
+      text-color="#999"
+      :default-active="actice_idx"
+      active-text-color="#333"
+      class="el-menu-vertical-demo"
+      @select="handleSelect"
+    >
       <template v-for="(nav, i) in navs">
-
         <router-link tag="div" :to="nav.link" :key="i" v-if="!nav.children">
-          <el-menu-item :index="i+''" style="padding-left: 49px;">
-            <i class="iconfonts i-fix" :style="{backgroundPosition: '0px -'+(Number(actice_idx)===i?nav.top + 14:nav.top)+'px'}"></i>
-            <span slot="title">{{nav.text}}</span>
+          <el-menu-item :index="i + ''" style="padding-left: 49px;">
+            <i
+              class="iconfonts i-fix"
+              :style="{
+                backgroundPosition:
+                  '0px -' +
+                  (Number(actice_idx) === i ? nav.top + 14 : nav.top) +
+                  'px'
+              }"
+            ></i>
+            <span slot="title">{{ nav.text }}</span>
           </el-menu-item>
         </router-link>
 
-        <el-submenu v-else :key="i" :index="i+''">
+        <el-submenu v-else :key="i" :index="i + ''">
           <template slot="title">
-            <i class="iconfonts i-fix" :style="{backgroundPosition: '0px -'+nav.top+'px'}"></i>
-            <span style="padding-left:30px">{{nav.text}}</span>
+            <i
+              class="iconfonts i-fix"
+              :style="{ backgroundPosition: '0px -' + nav.top + 'px' }"
+            ></i>
+            <span style="padding-left:30px">{{ nav.text }}</span>
           </template>
 
-          <router-link tag="div" :to="nav.link" v-for="(nav, j) in nav.children" :key="j">
-            <el-menu-item :index="i+'-'+j">{{nav.text}}</el-menu-item>
+          <router-link
+            tag="div"
+            :to="nav.link"
+            v-for="(nav, j) in nav.children"
+            :key="j"
+          >
+            <el-menu-item :index="i + '-' + j">{{ nav.text }}</el-menu-item>
           </router-link>
-
         </el-submenu>
       </template>
     </el-menu>
@@ -36,17 +56,18 @@ export default {
 
   data () {
     let navs = [
-      // { text: '首页', link: {name: 'Home'}, top: 14 },
-      { text: '设备管理', link: {name: 'device'}, top: 126 },
+      { text: '首页', link: {name: 'Home'}, top: 14 },
+      { text: '订单管理', link: { name: 'Order' }, top: 42 },
+      { text: '设备管理', link: { name: 'device' }, top: 126 },
 
-      { text: '订单管理',
-        link: {name: 'Order'},
-        children: [
-          { text: '相机订单', link: {name: 'Order'} },
-          { text: '权益订单', link: {name: 'qyOrder'} },
-          { text: '下载订单', link: {name: 'downloadOrder'} }
-        ],
-        top: 42 },
+      // { text: '订单管理',
+      //   link: {name: 'Order'},
+      //   children: [
+      //     { text: '相机订单', link: {name: 'Order'} },
+      //     { text: '权益订单', link: {name: 'qyOrder'} },
+      //     { text: '下载订单', link: {name: 'downloadOrder'} }
+      //   ],
+      //   top: 42 },
       // { text: '增值服务', link: {name: 'Added'}, top: 70 },
       // {
       //   text: '代理平台',
@@ -61,14 +82,14 @@ export default {
       // { text: '发票管理', link: {name: 'invoice'}, top: 126 },
       {
         text: '更多设置',
-        link: {name: 'home'},
+        link: { name: 'home' },
         children: [
           // { text: '激光场景', link: {name: 'laser'} },
-          { text: '场景管理', link: {name: 'scene'} },
-          { text: '反馈消息', link: {name: 'feedback'} },
+          { text: '场景管理', link: { name: 'scene' } },
+          { text: '反馈消息', link: { name: 'feedback' } },
           // { text: '设备管理', link: {name: 'device'} },
-          { text: 'app管理', link: {name: 'appupload'} },
-          { text: '客户管理', link: {name: 'client'} }
+          { text: 'app管理', link: { name: 'appupload' } },
+          { text: '客户管理', link: { name: 'client' } }
         ],
         top: 154
       },
@@ -76,16 +97,16 @@ export default {
       // { text: '留言管理', link: {name: 'leaving'}, top: 182 },
       {
         text: '版本管理',
-        link: {name: 'edition'},
+        link: { name: 'edition' },
         children: [
-          { text: '八目相机', link: {name: 'edition'}, top: 182 },
-          { text: '转台相机', link: {name: 'turntableCamera'}, top: 182 },
-          { text: '激光相机', link: {name: 'laserCamera'}, top: 182 }
+          { text: '八目相机', link: { name: 'edition' }, top: 182 },
+          { text: '转台相机', link: { name: 'turntableCamera' }, top: 182 },
+          { text: '激光相机', link: { name: 'laserCamera' }, top: 182 }
         ],
         top: 154
       },
       // { text: '版本管理', link: {name: 'edition'}, top: 182 },
-      { text: '数据统计', link: {name: 'Statistics'}, top: 210 }
+      { text: '数据统计', link: { name: 'Statistics' }, top: 210 }
       // {
       //   text: 'SDK 发布管理',
       //   link: {name: 'sdkManage'},
@@ -97,7 +118,7 @@ export default {
       // { text: '用户列表', link: {name: 'userList'}, top: 126 },
       // { text: '操作日志', link: {name: 'oplog'}, top: 210 }
 
-    //   { text: '数据下载', link: {name: 'Down'}, top: 210 }
+      //   { text: '数据下载', link: {name: 'Down'}, top: 210 }
       // ,
       // {
       //   text: 'BBS',
@@ -112,19 +133,19 @@ export default {
     ]
 
     return {
-      actice_idx: 1,
+      actice_idx: '1',
       navs: navs
     }
   },
   mounted () {
-    let index = this.navs.findIndex((i) => {
+    let index = this.navs.findIndex(i => {
       console.log(i.link.name, this.$route.name)
       return i.link.name === this.$route.name
-    })
+    }).toString()
     console.log(index)
 
     if (index !== -1) {
-      this.actice_idx = index.toString()
+      this.actice_idx = index
     }
   },
   methods: {
@@ -192,14 +213,14 @@ export default {
 
 .fade-enter-active,
 .fade-leave-active {
-  transition: opacity .5s;
+  transition: opacity 0.5s;
 }
 
 .fade-enter,
 .fade-leave-to
 /* .fade-leave-active below version 2.1.8 */
 
-{
+ {
   opacity: 0;
 }
 
@@ -212,7 +233,7 @@ export default {
   height: 56px;
 }
 
-.navigator_menu>span {
+.navigator_menu > span {
   padding-left: 20px;
   font-size: 12px;
   color: #999;
@@ -231,7 +252,7 @@ export default {
   width: 14px;
   height: 14px;
   vertical-align: middle;
-  background-image: url('~@/assets/images/icon/sys_icon.png')
+  background-image: url("~@/assets/images/icon/sys_icon.png");
 }
 
 .iconfonts {
@@ -240,5 +261,4 @@ export default {
   top: 50%;
   margin-top: -9px;
 }
-
 </style>

+ 2 - 2
src/page/login/index.vue

@@ -114,7 +114,7 @@ export default {
 
       if (data.code === 0) {
         this.$http.setToken(data.data.token)
-        this.$router.replace({name: 'device'})
+        this.$router.replace({name: 'Home'})
       } else {
         this.$alert('登录失败', '提示', {
           confirmButtonText: '确定',
@@ -129,7 +129,7 @@ export default {
     let token = sessionStorage.getItem('token')
     if (token) {
       this.$http.setToken('token', token)
-      this.$router.replace({name: 'device'})
+      this.$router.replace({name: 'Home'})
     }
   }
 }