Skip to content

肖康 / cloudSystem

Go to a project
Commit 2cb1ac83 by liangjianmin
Options

style(menu): 格式化menu.vue文件代码风格 

- 统一调整template内部标签及属性的缩进和空格风格
- 规范多处vue模板标签对齐和空格使用
- 对script部分的import语句进行格式调整，规范逗号和空格
- 修复函数体和对象字面量的格式统一
- 保持代码风格一致提高可读性和维护性
parent 6ee04525
Inline Side-by-side
Showing with 53 additions and 56 deletions
src/components/menu.vue
......@@ -6,10 +6,10 @@
<div class="tab-box fl" ref="scrollbox">
<!--tab 栏目-->
<div class="item-boxs row verCenter" ref="scrollboxinner">
<a class="item first row rowCenter verCenter" href="/#/" :class="{'act':$route.path=='/'}">
<a class="item first row rowCenter verCenter" href="/#/" :class="{ 'act': $route.path == '/' }">
<font class="fl">概况</font>
</a>
<a class="item row rowCenter verCenter" :class="{'act':(JSON.stringify(item)==JSON.stringify({path: $route.path,title: $route.meta.title,query:$route.query}))}" @click="tabUrl(item)" v-for="item in tabs">
<a class="item row rowCenter verCenter" :class="{ 'act': (JSON.stringify(item) == JSON.stringify({ path: $route.path, title: $route.meta.title, query: $route.query })) }" @click="tabUrl(item)" v-for="item in tabs">
<font class="fl">{{ item.title }}</font>
<span class="icon iconfont fl" @click.stop="closetab(item.path)"></span>
</a>
......@@ -20,7 +20,7 @@
<a class="el-icon-s-cooperation" style="font-size: 27px;" href="/#/notice" title="系统公告"></a>
<div class="line"></div>
<i class="el-icon-message-solid message-num" @click="showMsg" title="消息通知">
<el-badge class="mark" :value="not_read_count"/>
<el-badge class="mark" :value="not_read_count" />
</i>
<div class="line"></div>
<a class="msgh row verCenter" href="javascript:history.go(0)" title="点击刷新">
......@@ -30,7 +30,7 @@
<a class="fl" href="/芯链系统-操作手册.pdf" target="_blank" title="点击查看芯链系统-操作手册"><span class="icon iconfont iconwendangguanli fl"></span></a>
<div class="line"></div>
<div class="login-v row verCenter">
<img :src="userinfo.avatar||'https://www.ichunt.com/v3/dist/res/home/images/headimg/boy1.png'" alt="">
<img :src="userinfo.avatar || 'https://www.ichunt.com/v3/dist/res/home/images/headimg/boy1.png'" alt="">
<div class="namex">{{ userinfo.contacts_name || '猎芯网用户' }}</div>
<div class="lo-box-drop row verCenter">
<span class="icon iconfont"></span>
......@@ -51,7 +51,7 @@
<!--菜单栏-->
<el-menu class="el-menu-vertical-demo" active-text-color="#1969F9" router :default-active="$route.path" :router="true" :unique-opened="true" @open="handleOpen" @close="handleClose" @select="handleSelect">
<template v-if="Object.keys(index_home).length !== 0">
<el-menu-item :index="'/'" :class="{'indextab':isIndexTab}">
<el-menu-item :index="'/'" :class="{ 'indextab': isIndexTab }">
<template slot="title">
<span class="icon iconfont iconsy"></span>
<span>概况</span>
......@@ -59,13 +59,13 @@
</el-menu-item>
</template>
<template v-if="menuData.length > 0">
<el-submenu :index="(index+2).toString()" v-for="(item,index) in menuData" :key="index">
<el-submenu :index="(index + 2).toString()" v-for="(item, index) in menuData" :key="index">
<template slot="title">
<span :class="['icon', 'iconfont', item.iconfont]"></span>
<span slot="title">{{ item.name }}</span>
</template>
<el-menu-item-group>
<el-menu-item :index="v.path" v-for="(v,i) in item.children" :key="i">{{ v.name }}</el-menu-item>
<el-menu-item :index="v.path" v-for="(v, i) in item.children" :key="i">{{ v.name }}</el-menu-item>
</el-menu-item-group>
</el-submenu>
</template>
......@@ -78,12 +78,12 @@
<span class="icon iconfont fr" @click="zk"></span>
</div>
<template v-if="Object.keys(index_home).length !== 0">
<div class="item" :class="{'act':tabSure==1}">
<div class="item" :class="{ 'act': tabSure == 1 }">
<span class="icon iconfont iconsy"></span>
</div>
</template>
<template v-if="menuData.length > 0">
<div class="item" :class="{'act':tabSure==(index+1)}" v-for="(item,index) in menuData" :key="index">
<div class="item" :class="{ 'act': tabSure == (index + 1) }" v-for="(item, index) in menuData" :key="index">
<span :class="['icon', 'iconfont', item.iconfont]"></span>
</div>
</template>
......@@ -184,7 +184,7 @@
<div class="notice-content" v-html="noticeMsg.content"></div>
<div class="enclosure row verCenter">
<span>附件：</span>
<a class="down" :href="noticeMsg.attachment_url ">{{ noticeMsg.attachment_name || '暂无附件' }}</a>
<a class="down" :href="noticeMsg.attachment_url">{{ noticeMsg.attachment_name || '暂无附件' }}</a>
</div>
<div class="notice-bottom row bothSide verCenter">
<span>发件人：深圳市猎芯科技有限公司</span>
......@@ -231,17 +231,17 @@
</template>
<script>
import Vue from 'vue';
import Util from "../tool";
import axios from 'axios';
import {NODE_ENVS_MSG} from "../ajax";
import {Badge, Button, Checkbox, Dialog, Form, FormItem, Input, Menu, MenuItem, MenuItemGroup, Message, MessageBox, Notification, Pagination, Submenu, TabPane, Tabs, Tooltip} from 'element-ui'
import Vue from 'vue';
import Util from "../tool";
import axios from 'axios';
import { NODE_ENVS_MSG } from "../ajax";
import { Badge, Button, Checkbox, Dialog, Form, FormItem, Input, Menu, MenuItem, MenuItemGroup, Message, MessageBox, Notification, Pagination, Submenu, TabPane, Tabs, Tooltip } from 'element-ui'
Vue.prototype.$message = Message;
Vue.prototype.$notify = Notification;
Vue.use(Menu).use(MenuItem).use(MenuItemGroup).use(Submenu).use(Form).use(FormItem).use(Dialog).use(Button).use(Tooltip).use(Input).use(Tabs).use(TabPane).use(Badge).use(Pagination).use(Checkbox);
Vue.prototype.$message = Message;
Vue.prototype.$notify = Notification;
Vue.use(Menu).use(MenuItem).use(MenuItemGroup).use(Submenu).use(Form).use(FormItem).use(Dialog).use(Button).use(Tooltip).use(Input).use(Tabs).use(TabPane).use(Badge).use(Pagination).use(Checkbox);
export default {
export default {
name: 'menus',
props: {},
data() {
......@@ -859,11 +859,11 @@ export default {
})
}
}
}
}
</script>
<style lang="less">
.kf-boxs {
.kf-boxs {
width: 200px;
padding: 0 10px;
padding-bottom: 20px;
......@@ -887,14 +887,14 @@ export default {
margin-top: 20px;
}
}
}
#app {
#app {
padding-left: 226px;
padding-top: 56px;
}
}
.kf-box {
.kf-box {
position: fixed;
right: 0px;
width: 61px;
......@@ -908,9 +908,9 @@ export default {
width: 61px;
cursor: pointer;
}
}
}
.nav-top {
.nav-top {
position: fixed;
left: 0px;
top: 0px;
......@@ -1145,9 +1145,9 @@ export default {
}
}
}
}
.nav-icon {
.nav-icon {
width: 62px;
background: #fff;
position: fixed;
......@@ -1206,9 +1206,9 @@ export default {
color: #646B78;
}
}
}
}
.nav-left {
.nav-left {
width: 226px;
background: #fff;
position: fixed;
......@@ -1368,9 +1368,9 @@ export default {
background: #D2D9E7;
}
}
}
}
.el-badge-num {
.el-badge-num {
position: absolute;
left: -1px;
top: 14px;
......@@ -1380,30 +1380,26 @@ export default {
border-radius: 50%;
display: block;
box-sizing: border-box;
}
}
.tab-news {
.tab-news {
margin-bottom: 6px;
border-bottom: 1px solid #E4E7ED;
}
}
.tab-news .el-tabs__header {
.tab-news .el-tabs__header {
margin-bottom: 0 !important;
}
}
.el-tabs__nav-wrap::after {
.el-tabs__nav-wrap::after {
background-color: transparent;
}
}
.notify-text b {
.notify-text b {
margin-right: 5px;
}
.notify-text a {
}
}
@keyframes layui-rotate {
@keyframes layui-rotate {
from {
-webkit-transform: rotate(0)
}
......@@ -1411,17 +1407,17 @@ export default {
to {
-webkit-transform: rotate(360deg)
}
}
}
.dialog-layer-notice .el-dialog__body {
.dialog-layer-notice .el-dialog__body {
padding: 0 !important;
}
}
.dialog-layer-notice .el-dialog__header {
.dialog-layer-notice .el-dialog__header {
border-bottom: 1px solid #E5EBF6;
}
}
.handbook-layer {
.handbook-layer {
.el-dialog__body {
max-height: 600px;
......@@ -1457,9 +1453,9 @@ export default {
font-size: 14px;
}
}
}
}
.welcome {
.welcome {
position: fixed;
left: 0;
top: 0;
......@@ -1475,5 +1471,5 @@ export default {
object-fit: cover;
z-index: 99999999999998;
}
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment