<template>
|
<uni-base-page :footer="false">
|
<view slot="page">
|
<view v-if="loginInfo.hasLogin">
|
<!-- 教学视频、公司内部宣传图片等 -->
|
<swiper indicator-dots="true" :autoplay="true" :interval="3000">
|
<swiper-item v-for="(img,key) in imgUrls" :key="key">
|
<image :src="img"/>
|
</swiper-item>
|
</swiper>
|
<!-- 通报批评、消息预警、公告、报告 -->
|
<uni-notice-bar :show-icon="true" :scrollable="true" :speed="30" :single="true"
|
text="通报批评,消息预警,公告/报告,提示消息,通报批评,消息预警,公告/报告,提示消息,通报批评,消息预警,公告/报告,提示消息,通报批评,消息预警,公告/报告,提示消息,通报批评,消息预警,公告/报告,提示消息,通报批评,消息预警,公告/报告,提示消息,通报批评,消息预警,公告/报告,提示消息,"/>
|
<!-- 用户系统菜单模块 -->
|
<view class="example-body">
|
<uni-grid :column="col" :showBorder="true">
|
<uni-grid-item v-for="(item, index) in userMenu" :index="index" :key="index">
|
<navigator navigateTo class="grid-item-box" hover-class="none"
|
:url="`../${item.path}`">
|
<image v-if="item.icoimg" class="imgMenu" :src="`${item.icoimg}`" ></image>
|
<image v-else class="imgMenu" src="/static/img/imgMenu/APP01.png" ></image>
|
<uni-notice-bar v-if="item.pagE_VIEW.length>6" :speed="30"
|
style="padding:0;margin-bottom:0;font-weight: 900;" textSize="13px"
|
background-color="#ffffff" color="#000000" :scrollable="item.pagE_VIEW.length>6"
|
:single="true" :text="item.pagE_VIEW"/>
|
<text v-else class="text">{{ item.pagE_VIEW }}</text>
|
</navigator>
|
</uni-grid-item>
|
</uni-grid>
|
</view>
|
</view>
|
<view v-if="!loginInfo.hasLogin">
|
<view class="title">
|
您好 游客。
|
</view>
|
<view class="ul">
|
<view>这是 XXMES 首页。</view>
|
<view>在 “我的” 中点击 “登录” 可以 “登录您的账户”</view>
|
</view>
|
</view>
|
</view>
|
</uni-base-page>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
loginInfo: this.$loginInfo,
|
color: this.$defaultColor,
|
userMenu: [],
|
imgUrls: [
|
"../../static/img/SN-GG.png",
|
"../../static/img/SN-GG1.png"
|
],
|
col: 4, //菜单列数
|
};
|
},
|
methods: {
|
getMenu(isShowMask) {
|
if (isShowMask) uni.showLoading({
|
mask: true,
|
title: "加载中..."
|
});
|
this.$getUserMenu({
|
type: 'sys',
|
programId: this.loginInfo.sysNumber,
|
success: (res) => {
|
this.userMenu = res;
|
uni.stopPullDownRefresh();
|
},
|
fail: (err) => {
|
|
},
|
complete() {
|
if (isShowMask) uni.hideLoading();
|
}
|
});
|
}
|
},
|
onLoad() {
|
if (!this.loginInfo.hasLogin) {
|
uni.showModal({
|
title: '未登录',
|
content: '您未登录，需要登录后才能继续',
|
/**
|
* 如果需要强制登录，不显示取消按钮
|
*/
|
showCancel: !this.loginInfo.forcedLogin,
|
success: (res) => {
|
if (res.confirm) {
|
/**
|
* 如果需要强制登录，使用reLaunch方式
|
*/
|
if (this.loginInfo.forcedLogin) {
|
uni.reLaunch({
|
url: 'login'
|
});
|
} else {
|
uni.navigateTo({
|
url: 'login'
|
});
|
}
|
}
|
}
|
});
|
} else {
|
this.getMenu(true);
|
}
|
|
},
|
onPullDownRefresh() {
|
if (this.loginInfo.hasLogin)
|
this.getMenu(true);
|
},
|
}
|
</script>
|
|
<style>
|
.text {
|
/* color: #ffffff; */
|
/* font-size: 15px; */
|
font-weight: 900;
|
}
|
|
.example-body {
|
flex-direction: row;
|
flex-wrap: wrap;
|
justify-content: center;
|
padding: 0;
|
font-size: 14px;
|
/* background-color: #ffffff; */
|
}
|
|
.grid-item-box {
|
flex: 1;
|
/* position: relative;*/
|
/* #ifndef APP-NVUE */
|
display: flex;
|
/* #endif */
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
padding: 5px 0;
|
}
|
|
.imgMenu {
|
width: 100rpx;
|
height: 100rpx;
|
}
|
|
image,
|
swiper,
|
.img-view {
|
width: 100%;
|
height: 350rpx;
|
margin-bottom: 10rpx;
|
}
|
|
.example-body {
|
flex-direction: row;
|
justify-content: flex-start;
|
}
|
</style>
|
