|
|
@ -9,7 +9,7 @@ import Setting from '@/setting'; |
|
|
|
import util from '@/libs/util'; |
|
|
|
import util from '@/libs/util'; |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: 'App', |
|
|
|
name: 'App', |
|
|
|
created() { |
|
|
|
created () { |
|
|
|
//在页面加载时读取localStorage里的状态信息 |
|
|
|
//在页面加载时读取localStorage里的状态信息 |
|
|
|
if (util.local.get(Setting.storeKey)) { |
|
|
|
if (util.local.get(Setting.storeKey)) { |
|
|
|
this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey))); |
|
|
|
this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey))); |
|
|
@ -20,7 +20,7 @@ export default { |
|
|
|
util.local.set(Setting.storeKey, this.$store.state); |
|
|
|
util.local.set(Setting.storeKey, this.$store.state); |
|
|
|
}); |
|
|
|
}); |
|
|
|
// 判断当前处于什么终端 true为PC端,false为手机端 |
|
|
|
// 判断当前处于什么终端 true为PC端,false为手机端 |
|
|
|
function IsPCModel() { |
|
|
|
function IsPCModel () { |
|
|
|
var userAgentInfo = navigator.userAgent; |
|
|
|
var userAgentInfo = navigator.userAgent; |
|
|
|
var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']; |
|
|
|
var Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']; |
|
|
|
var flagPc = true; |
|
|
|
var flagPc = true; |
|
|
@ -35,75 +35,75 @@ export default { |
|
|
|
var flagZt = IsPCModel(); |
|
|
|
var flagZt = IsPCModel(); |
|
|
|
this.$store.commit('updateModelType', flagZt) |
|
|
|
this.$store.commit('updateModelType', flagZt) |
|
|
|
window.onresize = this.throttle(() => { |
|
|
|
window.onresize = this.throttle(() => { |
|
|
|
if(document.body.clientWidth <= 1200) { |
|
|
|
if (document.body.clientWidth <= 1200) { |
|
|
|
this.$store.commit('updateModelType', false) |
|
|
|
this.$store.commit('updateModelType', false) |
|
|
|
}else if(document.body.clientWidth > 1700 ) { |
|
|
|
} else if (document.body.clientWidth > 1700) { |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
this.$store.dispatch('updateNavSumA', 10) |
|
|
|
this.$store.dispatch('updateNavSumA', 10) |
|
|
|
sessionStorage.setItem('navPageSize', 10) |
|
|
|
sessionStorage.setItem('navPageSize', 10) |
|
|
|
}else if(document.body.clientWidth > 1600 && document.body.clientWidth <= 1700 ) { |
|
|
|
} else if (document.body.clientWidth > 1600 && document.body.clientWidth <= 1700) { |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
if (this.$i18n.locale == 'en') { |
|
|
|
if (this.$i18n.locale == 'en') { |
|
|
|
this.$store.dispatch('updateNavSumA', 9) |
|
|
|
this.$store.dispatch('updateNavSumA', 9) |
|
|
|
sessionStorage.setItem('navPageSize', 9) |
|
|
|
sessionStorage.setItem('navPageSize', 9) |
|
|
|
}else { |
|
|
|
} else { |
|
|
|
this.$store.dispatch('updateNavSumA', 10) |
|
|
|
this.$store.dispatch('updateNavSumA', 10) |
|
|
|
sessionStorage.setItem('navPageSize', 10) |
|
|
|
sessionStorage.setItem('navPageSize', 10) |
|
|
|
} |
|
|
|
} |
|
|
|
}else if(document.body.clientWidth > 1500 && document.body.clientWidth <= 1600) { |
|
|
|
} else if (document.body.clientWidth > 1500 && document.body.clientWidth <= 1600) { |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
this.$store.dispatch('updateNavSumA', 9) |
|
|
|
this.$store.dispatch('updateNavSumA', 9) |
|
|
|
sessionStorage.setItem('navPageSize', 9) |
|
|
|
sessionStorage.setItem('navPageSize', 9) |
|
|
|
}else if(document.body.clientWidth > 1400 && document.body.clientWidth <= 1500) { |
|
|
|
} else if (document.body.clientWidth > 1400 && document.body.clientWidth <= 1500) { |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
if (this.$i18n.locale == 'en') { |
|
|
|
if (this.$i18n.locale == 'en') { |
|
|
|
this.$store.dispatch('updateNavSumA', 7) |
|
|
|
this.$store.dispatch('updateNavSumA', 7) |
|
|
|
sessionStorage.setItem('navPageSize', 7) |
|
|
|
sessionStorage.setItem('navPageSize', 7) |
|
|
|
}else { |
|
|
|
} else { |
|
|
|
this.$store.dispatch('updateNavSumA', 8) |
|
|
|
this.$store.dispatch('updateNavSumA', 8) |
|
|
|
sessionStorage.setItem('navPageSize', 8) |
|
|
|
sessionStorage.setItem('navPageSize', 8) |
|
|
|
} |
|
|
|
} |
|
|
|
}else if(document.body.clientWidth > 1300 && document.body.clientWidth <= 1400) { |
|
|
|
} else if (document.body.clientWidth > 1300 && document.body.clientWidth <= 1400) { |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
if (this.$i18n.locale == 'en') { |
|
|
|
if (this.$i18n.locale == 'en') { |
|
|
|
this.$store.dispatch('updateNavSumA', 6) |
|
|
|
this.$store.dispatch('updateNavSumA', 6) |
|
|
|
sessionStorage.setItem('navPageSize', 6) |
|
|
|
sessionStorage.setItem('navPageSize', 6) |
|
|
|
}else { |
|
|
|
} else { |
|
|
|
this.$store.dispatch('updateNavSumA', 7) |
|
|
|
this.$store.dispatch('updateNavSumA', 7) |
|
|
|
sessionStorage.setItem('navPageSize', 7) |
|
|
|
sessionStorage.setItem('navPageSize', 7) |
|
|
|
} |
|
|
|
} |
|
|
|
}else if(document.body.clientWidth > 1200 && document.body.clientWidth <= 1300) { |
|
|
|
} else if (document.body.clientWidth > 1200 && document.body.clientWidth <= 1300) { |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
if (this.$i18n.locale == 'en') { |
|
|
|
if (this.$i18n.locale == 'en') { |
|
|
|
this.$store.dispatch('updateNavSumA', 6) |
|
|
|
this.$store.dispatch('updateNavSumA', 6) |
|
|
|
sessionStorage.setItem('navPageSize', 6) |
|
|
|
sessionStorage.setItem('navPageSize', 6) |
|
|
|
}else { |
|
|
|
} else { |
|
|
|
this.$store.dispatch('updateNavSumA', 6) |
|
|
|
this.$store.dispatch('updateNavSumA', 6) |
|
|
|
sessionStorage.setItem('navPageSize', 6) |
|
|
|
sessionStorage.setItem('navPageSize', 6) |
|
|
|
} |
|
|
|
} |
|
|
|
}else { |
|
|
|
} else { |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
this.$store.commit('updateModelType', true) |
|
|
|
} |
|
|
|
} |
|
|
|
},500) |
|
|
|
}, 500) |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted () { |
|
|
|
window.onbeforeunload = function(){ |
|
|
|
window.onbeforeunload = function () { |
|
|
|
sessionStorage.removeItem('navPageSize') |
|
|
|
sessionStorage.removeItem('navPageSize') |
|
|
|
} |
|
|
|
} |
|
|
|
if(document.body.clientWidth > 1600 ) { |
|
|
|
if (document.body.clientWidth > 1600) { |
|
|
|
sessionStorage.setItem('navPageSize', 10) |
|
|
|
sessionStorage.setItem('navPageSize', 10) |
|
|
|
}else if(document.body.clientWidth > 1500 && document.body.clientWidth <= 1600) { |
|
|
|
} else if (document.body.clientWidth > 1500 && document.body.clientWidth <= 1600) { |
|
|
|
sessionStorage.setItem('navPageSize', 9) |
|
|
|
sessionStorage.setItem('navPageSize', 9) |
|
|
|
}else if(document.body.clientWidth > 1400 && document.body.clientWidth <= 1500) { |
|
|
|
} else if (document.body.clientWidth > 1400 && document.body.clientWidth <= 1500) { |
|
|
|
sessionStorage.setItem('navPageSize', 8) |
|
|
|
sessionStorage.setItem('navPageSize', 8) |
|
|
|
}else if(document.body.clientWidth > 1300 && document.body.clientWidth <= 1400) { |
|
|
|
} else if (document.body.clientWidth > 1300 && document.body.clientWidth <= 1400) { |
|
|
|
sessionStorage.setItem('navPageSize', 7) |
|
|
|
sessionStorage.setItem('navPageSize', 7) |
|
|
|
}else if(document.body.clientWidth > 1200 && document.body.clientWidth <= 1300) { |
|
|
|
} else if (document.body.clientWidth > 1200 && document.body.clientWidth <= 1300) { |
|
|
|
sessionStorage.setItem('navPageSize', 6) |
|
|
|
sessionStorage.setItem('navPageSize', 6) |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
throttle(func, delay) { |
|
|
|
throttle (func, delay) { |
|
|
|
var prev = Date.now() |
|
|
|
var prev = Date.now() |
|
|
|
return function () { |
|
|
|
return function () { |
|
|
|
var context = this; |
|
|
|
var context = this; |
|
|
|