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

123
src/assets/static/common.js
View File

@@ -1,6 +1,6 @@
var isMobile = null; var isMobile = null;
var isPhone = null; var isPhoneWidth = null;
var wasMobile = isMobile; var wasMobile = isMobile;
var wasDesktop = !isMobile; var wasDesktop = !isMobile;
@@ -20,8 +20,8 @@ class Common {
var self = this; var self = this;
isMobile = common.isMobileWidth(); isMobile = common.isMobile();
isPhone = common.isPhoneWidth(); isPhoneWidth = common.isPhone();
//create trigger to resizeEnd event, called after event is finished //create trigger to resizeEnd event, called after event is finished
$(window).resize(function () { $(window).resize(function () {
@@ -40,7 +40,7 @@ class Common {
$(window).scroll(function () { $(window).scroll(function () {
if ($(window).scrollTop() > 200) { if ($(window).scrollTop() > 200) {
if (isMiniHeader === false && !self.isMobileWidth()) { if (isMiniHeader === false && !self.isMobile()) {
$('.header').addClass('mini'); $('.header').addClass('mini');
isMiniHeader = true; isMiniHeader = true;
} }
@@ -73,21 +73,16 @@ class Common {
adjustElementsForScreen() { adjustElementsForScreen() {
isMobile = this.isMobileWidth(); isMobile = this.isMobile();
isPhone = this.isPhoneWidth(); isPhoneWidth = this.isPhone();
if (!this.isMobileWidth()) { if (!this.isMobile()) {
$(".mobileContent").hide(); $(".mobileContent").hide();
} }
if (isMobile) wasMobile = true; if (isMobile) wasMobile = true;
if (!isMobile) wasDesktop = true; if (!isMobile) wasDesktop = true;
if (wasDesktop && isMobile) {
if (location.pathname.indexOf("index.php") === -1 && location.pathname.indexOf(".php") > -1) {
handleActivePage();
}
}
if (wasMobile && !isMobile) location.reload(); if (wasMobile && !isMobile) location.reload();
if (isMobile && isMiniHeader === true) { if (isMobile && isMiniHeader === true) {
@@ -95,16 +90,6 @@ class Common {
isMiniHeader = false; isMiniHeader = false;
} }
//adjust 'find us' Google Maps links as user location not always located accurately on desktop
if (isMobile) {
$(".findUsSweden").attr("href", "https://www.google.com/maps/dir/?api=1&destination=Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm");
$(".findUsUK").attr("href", "https://www.google.com/maps/dir/?api=1&destination=180+Piccadilly,+St.+James's,+London+W1J+9HF,+UK");
$(".findUsNorway").attr("href", "https://www.google.com/maps/dir/?api=1&destination=Skogliveien+4a,+3047+Drammen,+Norway");
} else {
$(".findUsSweden").attr("href", "https://www.google.com/maps/dir//Pythagoras+AB,+S%C3%B6der+M%C3%A4larstrand+27+B,+118+25+Stockholm");
$(".findUsUK").attr("href", "https://www.google.com/maps/dir//180+Piccadilly,+St.+James's,+London+W1J+9HF,+UK");
$(".findUsNorway").attr("href", "https://www.google.com/maps/dir//Skogliveien+4a,+3047+Drammen,+Norway");
}
this.adjustContentBannersForScreen(); this.adjustContentBannersForScreen();
@@ -116,8 +101,8 @@ class Common {
//go to main page if not there on logo click //go to main page if not there on logo click
$(".logoCell .logo").on("click", function () { $(".logoCell .logo").on("click", function () {
if (window.location.href.indexOf("index.php") === -1) { if (window.location.href.indexOf("index") === -1) {
window.location.href = "index.php"; window.location.href = "#/index";
} }
}); });
@@ -137,41 +122,11 @@ class Common {
$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "0 -3px 0 #ff0000 inset"); $("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "0 -3px 0 #ff0000 inset");
}); });
this.highlightHeaderCategory();
} }
highlightHeaderCategory() {
var myLocation = location.pathname;
//console.log("My location: " + myLocation);
if (myLocation.indexOf("index.php") !== -1) {
$("#mainMenuGroup0").addClass("selected");
} else if (
myLocation.indexOf("/fm-") !== -1 ||
myLocation.indexOf("/prs-") !== -1 ||
myLocation.indexOf("/lvh-") !== -1 ||
myLocation.indexOf("/fas-") !== -1 ||
myLocation.indexOf("/sb-") !== -1 ||
myLocation.indexOf("/tek-") !== -1) {
$("#mainMenuGroup1").addClass("selected");
} else if (
myLocation.indexOf("/mobila-losningar.php") !== -1 ||
myLocation.indexOf("/ifrs16.php") !== -1 ||
myLocation.indexOf("/gdpr.php") !== -1) {
$("#mainMenuGroup2").addClass("selected");
} else if (
myLocation.indexOf("/det-har-ar-pythagoras.php") !== -1 ||
myLocation.indexOf("/kontakta-oss.php") !== -1 ||
myLocation.indexOf("/jobba-hos-oss.php") !== -1) {
$("#mainMenuGroup3").addClass("selected");
} else if (myLocation.indexOf(".php") === -1) {
$("#mainMenuGroup0").addClass("selected");
}
}
initListeners() { initListeners() {
@@ -183,9 +138,9 @@ class Common {
} }
if ($("#mobileMenu").hasClass("showing")) { if ($("#mobileMenu").hasClass("showing")) {
hideMobileMenu(); common.hideMobileMenu();
} else { } else {
showMobileMenu(); common.showMobileMenu();
} }
}); });
@@ -199,7 +154,7 @@ class Common {
if ($("#mobileLanguageMenu").hasClass("showing")) { if ($("#mobileLanguageMenu").hasClass("showing")) {
hideMobileLanguageMenu(); hideMobileLanguageMenu();
} else { } else {
showMobileLanguageMenu(); common.showMobileLanguageMenu();
} }
}); });
@@ -207,10 +162,10 @@ class Common {
$("#screenOverlayBehindHeader, .linkGoBack").on("click", function (e) { $("#screenOverlayBehindHeader, .linkGoBack").on("click", function (e) {
if ($("#mobileMenu").hasClass("showing")) { if ($("#mobileMenu").hasClass("showing")) {
hideMobileMenu(); common.hideMobileMenu();
} }
if ($("#mobileLanguageMenu").hasClass("showing")) { if ($("#mobileLanguageMenu").hasClass("showing")) {
hideMobileLanguageMenu(); common.hideMobileLanguageMenu();
} }
}); });
@@ -221,13 +176,13 @@ class Common {
//show support form //show support form
$("a.linkSupport").on("click", function (e) { $("a.linkSupport").on("click", function (e) {
e.preventDefault(); e.preventDefault();
showForm("support"); common.showForm("support");
}); });
//show contact form //show contact form
$("a.linkContactUs").on("click", function (e) { $("a.linkContactUs").on("click", function (e) {
e.preventDefault(); e.preventDefault();
showForm("contact"); common.showForm("contact");
}); });
$("#scrollToBoxes").on("click", function (e) { $("#scrollToBoxes").on("click", function (e) {
@@ -243,20 +198,21 @@ class Common {
} }
initMobileMenu() { initMobileMenu() {
$("#mobileMenu a").on("click", function (e) { $("#mobileMenu label").on("click", function (e) {
if ($(this).hasClass("hasSubmenu")) {
e.preventDefault(); e.preventDefault();
$("#mobileMenu .subMenu").not($(this).siblings()).slideUp(); $("#mobileMenu .subMenu").not($(this).siblings()).slideUp();
$(".hasSubmenu").not($(this)).css("font-weight", "normal"); $(".hasSubmenu").not($(this)).css("font-weight", "normal");
$(this).css("font-weight", "bold"); $(this).css("font-weight", "bold");
//$(this).parent().css("border-bottom", "none"); //$(this).parent().css("border-bottom", "none");
$(this).parent().find(".subMenu").slideDown(); $(this).parent().find(".subMenu").slideDown();
} else {
hideMobileMenu();
}
}); });
$("#mobileMenu a").on("click", function (e) {
common.hideMobileMenu();
});
} }
@@ -272,12 +228,12 @@ class Common {
$("#formSupport").on("submit", function (e) { $("#formSupport").on("submit", function (e) {
e.preventDefault(); e.preventDefault();
submitSupportForm($(this)); common.submitSupportForm($(this));
}); });
$("#formContact").on("submit", function (e) { $("#formContact").on("submit", function (e) {
e.preventDefault(); e.preventDefault();
submitContactForm($(this)); common.submitContactForm($(this));
}); });
} }
@@ -293,7 +249,7 @@ class Common {
if (formName === "contact") { if (formName === "contact") {
var $conCommentsTitle = $("label[for='conComments']"); var $conCommentsTitle = $("label[for='conComments']");
console.log($(".contentTableRight").find("[data-contact-link]").data("contact-link"));
if ($(".contentTableRight").find("[data-contact-link]").length) { if ($(".contentTableRight").find("[data-contact-link]").length) {
$conCommentsTitle.html("Berätta vad du vill veta mer om gällande " + $conCommentsTitle.html("Berätta vad du vill veta mer om gällande " +
$(".contentTableRight").find("[data-contact-link]").data("contact-link") + ": *"); $(".contentTableRight").find("[data-contact-link]").data("contact-link") + ": *");
@@ -368,7 +324,7 @@ class Common {
adjustContentBannersForScreen() { adjustContentBannersForScreen() {
if (this.isMobileWidth()) { if (this.isMobile()) {
$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions_mobile.jpg"); $("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions_mobile.jpg");
$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16_mobile.jpg"); $("#pageBannerImage2").attr("src", "images/banner_page_ifrs16_mobile.jpg");
$("#pageBannerImage3").attr("src", "images/banner_page_gdpr_mobile.jpg"); $("#pageBannerImage3").attr("src", "images/banner_page_gdpr_mobile.jpg");
@@ -412,12 +368,25 @@ class Common {
$("body,html").animate({ scrollTop: 0 }, "slow"); $("body,html").animate({ scrollTop: 0 }, "slow");
} }
isMobileWidth() { isMobile() {
return $('#mobile_indicator').is(':visible');
var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
isAndroid = ua.match(/(Android)\s+([\d.]+)/),
isMobile = isIphone || isAndroid;
return isMobile;
} }
isPhoneWidth() { isPhone() {
return $('#phone_indicator').is(':visible'); var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
var isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
return isIphone;
} }
} }

2
src/assets/static/config.js
View File

@@ -31,7 +31,7 @@ window.config = {
}, },
{ {
name: "前沿", name: "前沿",
url: "/fulEdge/mobileSolution", url: "/fulEdge",
child: [{ child: [{
name: "移动解决方案", name: "移动解决方案",
url: "/fulEdge/mobileSolution", url: "/fulEdge/mobileSolution",

10
src/components/ihead.vue
View File

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

86
src/components/leftMenu.vue
View File

@@ -1,76 +1,56 @@
<template> <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"> <ul class="content" v-if="curMenu">
<li class="category" v-for=" sonmenu in curMenu.child" :key="sonmenu.name">
<li class="category"> <router-link :to="sonmenu.url" class="categoryHead h2 linkProduct">
<div class="triangle"></div>
<a href="mobila-losningar.php" class="categoryHead h2 linkProduct strong active"> <font style="vertical-align: inherit;">
<div class="triangle rotateRight expanded"></div><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;"> {{sonmenu.name}}</font>
</font></font></a> </font>
<div class="mobileContent" style="display: none;"> </router-link>
<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>
<div class="mobileContent"> <div class="mobileContent">
<h1 data-contact-link="IFRS16">IFRS16</h1> <h1 > {{sonmenu.name}}</h1>
</div>
<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>
<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>
</ul> </ul>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import "../assets/css/content_pages.css"; import "../assets/css/content_pages.css";
import { common } from "../assets/static/common";
export default { export default {
data() { data() {
return { 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> </script>

5
src/views/aboutUs/cooperateWithUs.vue
View File

@@ -18,12 +18,15 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
msg: "Welcome to Your Vue.js App" msg: "Welcome to Your Vue.js App"
}; };
},
mounted: function() {
console.log("mounted");
} }
}; };
</script> </script>