bimwe/official_network
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ss

Browse Source
This commit is contained in:
LightZhang
2018-11-04 16:29:30 +08:00
parent d16a2fabcf
commit 05f2fc36bc
5 changed files with 100 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ihead.vue
View File

@@ -65,7 +65,8 @@
<div class="menuDummy"></div><div class="menuContent">
<ul>
<li v-for="menu in menus" :key="menu.name" >
<router-link class="hasSubmenu" :to="menu.url">{{menu.name}}</router-link>
<a href="menu.url" v-if="menu.name=='首页'" >{{menu.name}}</a>
<label v-else class="hasSubmenu" style="display:block;">{{menu.name}}</label>
<ul class="subMenu" v-if="menu.child.length>0" >
<li v-for="sonMenu in menu.child" :key="sonMenu.name" >
<router-link class="hasSubmenu" :to="sonMenu.url">{{sonMenu.name}}</router-link>
@@ -75,10 +76,9 @@
</ul>
<div class="goBack">
<!-- <a href="javascript:history.back()" class="flexVerticalCenter"> -->
<a href="#" class="linkGoBack flexVerticalCenter">
<img src="../assets/img/svg/ic_arrow_back.svg" alt="Tillbaka">
<span>Tillbaka</span>
<a href="JavaScript:void()" class="linkGoBack flexVerticalCenter">
<img src="../assets/img/svg/ic_arrow_back.svg" alt="返回">
<span>返回</span>
</a>
</div>
</div>

92
src/components/leftMenu.vue
View File

@@ -1,76 +1,56 @@
<template>
<div class="contentTableLeft" id="navSidebar">
<div class="contentTableLeft" id="navSidebar" v-if="!isMobile">
<div id="navAccordion" class="accordion" style="opacity: 1;">
<div id="navAccordion" class="accordion" style="opacity: 1;" >
<div class="h1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 移动解决方案</font></font></div>
<div class="h1"><font style="vertical-align: inherit;" v-if="curMenu"><font style="vertical-align: inherit;"> {{curMenu.name}}</font></font></div>
<ul class="content">
<li class="category">
<a href="mobila-losningar.php" class="categoryHead h2 linkProduct strong active">
<div class="triangle rotateRight expanded"></div><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
</font></font></a>
<div class="mobileContent" style="display: none;">
<h1 data-contact-link="mobila lösningar">Mobila lösningar</h1>
<p>Vår lösning är en BYOD-lösning (Bring Your Own Device-lösning). Vi har utvecklat appar som du kan använda för att hantera det dagliga arbetet inom Facilities Management.</p>
<p>Med vår lösning kan du utföra dina arbetsuppgifter var du än befinner dig.</p> <p class="contactUs">
Vill du veta mer?&nbsp;&nbsp;<a href="#" class="linkContactUs">Kontakta oss&nbsp;&nbsp;&gt;&gt;</a>
</p> </div>
</li>
<li class="category">
<a href="ifrs16.php" class="categoryHead h2 linkProduct">
<div class="triangle"></div><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
IFRS16
</font></font></a>
<ul class="content" v-if="curMenu">
<li class="category" v-for=" sonmenu in curMenu.child" :key="sonmenu.name">
<router-link :to="sonmenu.url" class="categoryHead h2 linkProduct">
<div class="triangle"></div>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;"> {{sonmenu.name}}</font>
</font>
</router-link>
<div class="mobileContent">
<h1 data-contact-link="IFRS16">IFRS16</h1>
<p>Vår lösning kan hantera IFRS16. Från och med 1 januari 2019 blir IFRS16
obligatoriskt. Det innebär att leasetagare från och med 1 januari 2019 måste
redovisa i princip alla leasingavtal med en nyttjanderätt som en tillgång och en
skuld i balansräkningen.</p>
<p>I dag hjälper vi ett flertal av våra kunder att hantera IFRS16.</p> <p class="contactUs">
Vill du veta mer?&nbsp;&nbsp;<a href="#" class="linkContactUs">Kontakta oss&nbsp;&nbsp;&gt;&gt;</a>
</p> </div>
</li>
<li class="category">
<a href="gdpr.php" class="categoryHead h2 linkProduct">
<div class="triangle"></div><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
GDPR
</font></font></a>
<div class="mobileContent" >
<h1 data-contact-link="GDPR">GDPR</h1>
<p>Nu har den nya europeiska dataskyddsförordningen GDPR trätt i kraft. Den nya dataskyddsförordningen
ställer högre krav på rutiner och processer för säker hantering av personuppgifter. Vi är redo att hantera GDPR.</p> <p class="contactUs">
Vill du veta mer?&nbsp;&nbsp;<a href="#" class="linkContactUs">Kontakta oss&nbsp;&nbsp;&gt;&gt;</a>
</p> </div>
</li>
<h1 > {{sonmenu.name}}</h1>
</div>
</li>
</ul>
</div>
</div>
</div>
</template>
<script>
import "../assets/css/content_pages.css";
import { common } from "../assets/static/common";
export default {
data() {
return {
menus: window.config.menus,
isMobile: false,
curMenu: null,
curChildMenu: null
};
},
created: function() {
this.mobileHide();
},
methods: {
mobileHide: function() {
this.isMobile = common.isMobile();
var path = this.$route.fullPath.split("/");
this.curMenu = this.menus.find(p => {
return p.url.indexOf(path[1]) > 0;
});
this.curChildMenu = this.curMenu.child.find(p => {
return p.url.indexOf(path[2]);
});
}
}
};
</script>