|
|
|
|
@ -10,12 +10,15 @@
@@ -10,12 +10,15 @@
|
|
|
|
|
<headerComponen /> |
|
|
|
|
</el-header > |
|
|
|
|
<el-main> |
|
|
|
|
<el-row v-show="store.isRows" @changRow="changRowStatus" justify="center" align="middle"> |
|
|
|
|
<el-row v-show="store.isRows" @changRow="changRowStatus" justify="center" align="middle" > |
|
|
|
|
<el-col :span="9"> |
|
|
|
|
<el-card > |
|
|
|
|
<div class="image"> |
|
|
|
|
<img class="image " src="@/assets/images/welcome.png"> |
|
|
|
|
</div> |
|
|
|
|
<el-card :body-style="{ textAlign: 'center' }"> |
|
|
|
|
<el-image :src="backimage.src" |
|
|
|
|
fit="cover" |
|
|
|
|
:style="{height: backimage.autoHeigth,width: backimage.width}" |
|
|
|
|
> |
|
|
|
|
</el-image> |
|
|
|
|
<span>欢迎登录系统,{{store.$state.current_userInfo.role}}</span> |
|
|
|
|
</el-card> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
@ -28,7 +31,7 @@
@@ -28,7 +31,7 @@
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<script setup> |
|
|
|
|
import {onMounted, provide, ref} from 'vue' |
|
|
|
|
import {onMounted, provide, reactive, ref} from 'vue' |
|
|
|
|
import {useRouter} from 'vue-router' |
|
|
|
|
import headerComponen from '@/components/header.vue' |
|
|
|
|
import Aside from '@/components/Aside.vue' |
|
|
|
|
@ -39,6 +42,12 @@ const AsideWidth = ref('64px')
@@ -39,6 +42,12 @@ const AsideWidth = ref('64px')
|
|
|
|
|
const store = useStore() |
|
|
|
|
const isRow = ref(store.isRows) |
|
|
|
|
|
|
|
|
|
const backimage = reactive({ |
|
|
|
|
src:"https://s2.loli.net/2023/05/25/TDfPRtyHaXj3ihF.png", |
|
|
|
|
autoHeigth: (document.body.clientHeight-200)/2+'px', |
|
|
|
|
width: 100+'%' |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
provide("isRow",isRow) |
|
|
|
|
|
|
|
|
|
const on = onMounted(()=>{ |
|
|
|
|
|