|
|
|
@ -1,9 +1,9 @@ |
|
|
|
|
<template> |
|
|
|
|
<!-- :style="full?'height:100vh;':'height: 80vh;'" --> |
|
|
|
|
<div class="box" :class="full || isCredit ? 'h-4/5' : ''"> |
|
|
|
|
<!-- :style="fullScreen?'height:100vh;':'height: 80vh;'" --> |
|
|
|
|
<div class="box" :class="fullScreen || isCredit ? 'h-4/5' : ''"> |
|
|
|
|
<div class="nav"> |
|
|
|
|
<!-- <div class="top" :style="full?'border-radius:0':'border-top-left-radius: 20px;'"> select-none --> |
|
|
|
|
<div class="top" :style="full ? 'border-radius:0' : 'border-top-left-radius: 20px;'"> |
|
|
|
|
<!-- <div class="top" :style="fullScreen?'border-radius:0':'border-top-left-radius: 20px;'"> select-none --> |
|
|
|
|
<div class="top" :style="fullScreen ? 'border-radius:0' : 'border-top-left-radius: 20px;'"> |
|
|
|
|
<p style="margin:auto">商业银行系统</p> |
|
|
|
|
</div> |
|
|
|
|
<!-- <div class="body2"> |
|
|
|
@ -15,9 +15,10 @@ |
|
|
|
|
<!-- <navbar class="body"></navbar> --> |
|
|
|
|
</div> |
|
|
|
|
<div class="manage-layout"> |
|
|
|
|
<div class="top" :style="full ? 'border-radius:0' : 'border-top-right-radius: 20px;'"> |
|
|
|
|
<img v-show="!full && !isCredit" src="../../../assets/svg/fullscreen.svg" alt="" @click="handleFullscreen"> |
|
|
|
|
<img v-show="full" src="../../../assets/svg/shrink.svg" alt="" @click="shrink"> |
|
|
|
|
<div class="top" :style="fullScreen ? 'border-radius:0' : 'border-top-right-radius: 20px;'"> |
|
|
|
|
<img v-show="!fullScreen && !isCredit" src="../../../assets/svg/fullscreen.svg" alt="" |
|
|
|
|
@click="handleFullscreen"> |
|
|
|
|
<img v-show="fullScreen" src="../../../assets/svg/shrink.svg" alt="" @click="shrink"> |
|
|
|
|
<i @click="close" class="el-icon-close"></i> |
|
|
|
|
</div> |
|
|
|
|
<div class="manage-content"> |
|
|
|
@ -37,7 +38,7 @@ export default { |
|
|
|
|
name: 'index', |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
fullscreen: this.$store.state.system.fullScreen,// 是否全屏--store读取 |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
components: { |
|
|
|
@ -56,22 +57,15 @@ export default { |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
}, |
|
|
|
|
handleFullscreen () { |
|
|
|
|
this.fullscreen = true |
|
|
|
|
this.$store.commit('system/changeFullscreen', true) |
|
|
|
|
}, |
|
|
|
|
shrink () { |
|
|
|
|
this.fullscreen = false |
|
|
|
|
this.$store.commit('system/changeFullscreen', false) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
full: function () { |
|
|
|
|
return this.$store.state.system.fullScreen |
|
|
|
|
}, |
|
|
|
|
...mapState({ |
|
|
|
|
isCredit: state => state.system.isCredit |
|
|
|
|
}) |
|
|
|
|
...mapState('system', ['fullScreen', 'isCredit']) |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|