Files
zhgh_hhu/target/classes/views/mobile/home.html
T
2026-09-20 15:46:34 +08:00

484 lines
20 KiB
HTML

<!--#
layout("/mobile/platform.html"){
#-->
<style>
#app {
background-color: #FFFFFF;
}
.van-sidebar-item {
color: rgba(69, 90, 100, 0.6);
font-weight: normal;
margin: 0 10px;
padding: 10px 12px;
border-bottom: 1px solid #f7f7f7;
}
.icon_text {
font-size: 14px;
margin-top: 10px;
}
.v-header {
padding: 20px 0;
}
#v-back {
background: url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01d1ed570f33cd32f875a8390b850f.jpg%401280w_1l_2o_100sh.png&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1638425547&t=55618f9dea9872dc3c0c1ece65ea96d5") no-repeat;
background-size: cover;
height: 100px;
}
#v-back2 {
background: url("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01d1ed570f33cd32f875a8390b850f.jpg%401280w_1l_2o_100sh.png&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1638425547&t=55618f9dea9872dc3c0c1ece65ea96d5") no-repeat;
background-size: 100% 100%;
height: 100px;
}
.user_info {
position: relative;
margin-bottom: 50px;
}
.user_avatar {
position: absolute;
width: 100%;
transform: translate(0, -50%);
z-index: 999;
}
.disabled-row img {
filter: grayscale(1);
}
.disabled-row .van-grid-item {
pointer-events: none;
}
.oneDisabled {
filter: grayscale(1);
pointer-events: none;
}
img {
width: 50px;
}
.van-grid-item__content {
padding: 8px;
}
</style>
<div id="app" v-cloak>
<div class="user_info">
<van-row style="height: 200px">
<van-image
height="200px"
src="/back2.png"
width="100%"
></van-image>
</van-row>
<van-row class="user_avatar" style="height: 80px">
<van-col class="text-center" span="6">
<van-image
:src="avatar"
height="70"
round
width="70"
></van-image>
</van-col>
<van-col span="18">
<div style="height: 40px;line-height: 40px">
<span style="font-size: 22px; color: white">
${@shiro.getPrincipalProperty('username')}
</span>
<span style="color: white">
${@shiro.getPrincipalProperty('loginname')}
</span>
</div>
<div class="van-ellipsis"
style="height: 40px;line-height: 40px;font-size: 14px;color: #969799">
<!--#if(@shiro.getPrincipalProperty('union')!=null){#-->
${@shiro.getPrincipalProperty('union').getUnionname()}
<!--#}#-->
</div>
</van-col>
</van-row>
</div>
<div v-if="paramType === '会员管理'">
<div class="van-sidebar-item van-sidebar-item--select"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('public')||@shiro.hasRole('H01')}">
会员管理
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/mobile/member/detail" v-if="${@shiro.hasRole('H01')}">
<image src="/assets/mobile/icon/member/da.png"></image>
<span class="icon_text">会员档案</span>
</van-grid-item>
<van-grid-item url="/mobile/member/apply" v-if="${@shiro.lacksRole('H01')}">
<image src="/assets/mobile/icon/member/apply.png"></image>
<span class="icon_text">申请入会</span>
</van-grid-item>
<van-grid-item
url="/mobile/member/audit"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('H04')||@shiro.hasRole('A06')}">
<image src="/assets/mobile/icon/member/audit.png"></image>
<span class="icon_text">会员审核</span>
</van-grid-item>
<van-grid-item url="/mobile/member/dashBoard/index">
<image src="/assets/mobile/icon/member/dashboard.png"></image>
<span class="icon_text">会员看板</span>
</van-grid-item>
</van-grid>
</div>
<div v-if="paramType === '提案管理'">
<van-row
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('tamange')||@shiro.hasRole('jdhdb01') || @shiro.hasRole('jdh12')}">
<div class="van-sidebar-item van-sidebar-item--select">
民主管理
</div>
<van-grid
:border="false"
:column-num="3"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('tamange')||@shiro.hasRole('jdhdbt01')||@shiro.hasRole('jdhdb01') || @shiro.hasRole('jdh12')}">
<van-grid-item url="/platform/mobile/proposal/compose"
v-if="${@shiro.hasRole('jdhdb01')}">
<image src="/assets/mobile/icon/proposal/myProposal.png"></image>
<span class="icon_text">个人提案阅览</span>
</van-grid-item>
<van-grid-item url="/platform/mobile/proposal/seconded"
v-if="${@shiro.hasRole('jdhdb01')}">
<image src="/assets/mobile/icon/proposal/fy.png"></image>
<span class="icon_text">附议提案</span>
</van-grid-item>
<van-grid-item
url="/platform/mobile/proposal/delegation"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('tamange')||@shiro.hasRole('jdhdbt01')}">
<image src="/assets/mobile/icon/proposal/tz.png" style="width: 59px"></image>
<span class="icon_text">团长审议</span>
</van-grid-item>
<van-grid-item url="/platform/mobile/proposal/integrated"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('tamange')}">
<image src="/assets/mobile/icon/proposal/search.png"></image>
<span class="icon_text">提案查询</span>
</van-grid-item>
<van-grid-item url="/mobile/proposal/delegate/index"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('tamange')}">
<image src="/assets/mobile/icon/proposal/cx.png"></image>
<span class="icon_text">代表查询</span>
</van-grid-item>
</van-grid>
</van-row>
</div>
<div v-if="paramType === '活动管理'">
<van-row>
<div class="van-sidebar-item van-sidebar-item--select">
品牌活动
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/platform/mobile/trainSignUpActivity/trainList">
<image src="/assets/mobile/icon/train/train.png"></image>
<span class="icon_text">品牌活动报名</span>
</van-grid-item>
<van-grid-item url="/platform/mobile/trainSignUpActivity/trainList?type=my">
<image src="/assets/mobile/icon/train/my.png"></image>
<span class="icon_text">我的活动</span>
</van-grid-item>
<van-grid-item url="/platform/mobile/trainSignUpActivityScannerQrCode"
v-if="${@shiro.hasRole('codeScanner')}">
<image src="/assets/mobile/icon/train/scan.png"></image>
<span class="icon_text">扫一扫</span>
</van-grid-item>
</van-grid>
</van-row>
<van-row>
<div class="van-sidebar-item van-sidebar-item--select">
文体活动
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/mobile/activity/Sports/list/activityList">
<image src="/assets/mobile/icon/activity/sport.png"></image>
<span style="font-size: 12px;margin-top: 10px">体育活动报名</span>
</van-grid-item>
<van-grid-item url="/mobile/activity/unionActivity">
<image src="/assets/mobile/icon/activity/school.png"></image>
<span class="icon_text">校活动报名</span>
</van-grid-item>
<van-grid-item url="/mobile/wmhd/apply">
<image src="/assets/mobile/icon/wmhd/apply.png"></image>
<span class="icon_text">教工作品征集</span>
</van-grid-item>
<!--<van-grid-item @click="toWxJsz">
<image src="/assets/mobile/svg/activity/jsz.svg"></image>
<span class="icon_text">健身走</span>
</van-grid-item>-->
</van-grid>
</van-row>
<van-row>
<div class="van-sidebar-item van-sidebar-item--select">
特色活动
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/mobile/question/h5/list?type=1">
<image src="/assets/mobile/icon/question/dati.png"></image>
<span class="icon_text">在线调查</span>
</van-grid-item>
<van-grid-item url="/mobile/question/h5/list?type=2">
<image src="/assets/mobile/icon/question/zxdc.png"></image>
<span class="icon_text">知识竞答</span>
</van-grid-item>
<van-grid-item url="/mobile/question/h5/list?type=4">
<image src="/assets/mobile/icon/question/yxxz.png"></image>
<span class="icon_text">意向选择</span>
</van-grid-item>
</van-grid>
</van-row>
<van-row>
<div class="van-sidebar-item van-sidebar-item--select">
场地预约
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/mobile/activity/site/info">
<image src="/assets/mobile/icon/site/apply.png"></image>
<span class="icon_text">场地预约</span>
</van-grid-item>
<van-grid-item url="/mobile/activity/site/info/my">
<image src="/assets/mobile/icon/site/my.png"></image>
<span class="icon_text">我的预约</span>
</van-grid-item>
<van-grid-item url="/mobile/activity/site/audit"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('gh10')||@shiro.hasRole('xghng')||@shiro.hasRole('siteManage')||@shiro.hasRole('A06')||@shiro.hasRole('H04')}">
<image src="/assets/mobile/icon/site/audit.png"></image>
<span class="icon_text">场地预约审核</span>
</van-grid-item>
</van-grid>
</van-row>
<van-row v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('H01')}">
<div class="van-sidebar-item van-sidebar-item--select">
会议管理
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/mobile/meeting/mine/myMeeting"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('jdhdb01')||@shiro.hasRole('H01')}">
<image src="/assets/mobile/icon/meeting/会议(我的会议).png"></image>
<span class="icon_text">我的会议</span>
</van-grid-item>
<van-grid-item url="/mobile/meeting/audit"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('jdhdbt01')}">
<image src="/assets/mobile/icon/meeting/会议(会议审核).png"></image>
<span class="icon_text">会议审核</span>
</van-grid-item>
</van-grid>
</van-row>
</div>
<div v-if="paramType === '福利慰问'">
<div class="van-sidebar-item van-sidebar-item&#45;&#45;select">
职工慰问
</div>
<van-grid :border="false" :column-num="3">
<template
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('H04')||@shiro.hasRole('H01')}">
<van-grid-item url="/mobile/condolence/apply/for">
<image src="/assets/mobile/icon/condolence/apply.png"></image>
<span class="icon_text">慰问申请</span>
</van-grid-item>
<van-grid-item url="/mobile/condolence/apply">
<image src="/assets/mobile/icon/condolence/list.png"></image>
<span class="icon_text">慰问记录</span>
</van-grid-item>
</template>
<van-grid-item
url="/mobile/condolence/audit"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('H04')||@shiro.hasRole('A06')||@shiro.hasRole('xghkj')}">
<image src="/assets/mobile/icon/condolence/audit.png"></image>
<span class="icon_text">慰问审核</span>
</van-grid-item>
</van-grid>
<div class="van-sidebar-item van-sidebar-item&#45;&#45;select">
职工福利
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/mobile/welfare/list/index">
<image src="/assets/mobile/icon/contribution/fl.png"></image>
<span class="icon_text">职工福利</span>
</van-grid-item>
</van-grid>
</div>
<div v-if="paramType === '大病互助'"></div>
<div v-if="paramType === '活动管理'">
<!--<div class="van-sidebar-item van-sidebar-item&#45;&#45;select">
疗休养
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/platform/mobile/theRapyRecuperation/index">
<image src="/assets/mobile/svg/proposal/cx.svg"></image>
<span class="icon_text"> 疗休养</span>
</van-grid-item>
<van-grid-item url="/platform/mobile/theRapyRecuperation/myRecuperation">
<image src="/assets/mobile/svg/proposal/cx.svg"></image>
<span class="icon_text"> 我的疗休养</span>
</van-grid-item>
</van-grid>-->
<div class="van-sidebar-item van-sidebar-item&#45;&#45;select">
职工评议
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/mobile/wakeshome/review/appraisal/index">
<image src="/assets/mobile/icon/jjpy/建家评议 (1).png"></image>
<span class="icon_text">职工评议</span>
</van-grid-item>
<van-grid-item url="/mobile/wakeshome/review/appraisal/mine">
<image src="/assets/mobile/icon/jjpy/建家评议 (我的).png"></image>
<span class="icon_text">我的评议</span>
</van-grid-item>
</van-grid>
</div>
<div v-if="paramType === '培训教育'">
<div class="van-sidebar-item van-sidebar-item&#45;&#45;select">
培训教育
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/platform/mobile/theRapyRecuperation/index">
<image src="/assets/mobile/svg/proposal/cx.svg"></image>
<span class="icon_text"> 疗休养</span>
</van-grid-item>
<van-grid-item url="/platform/mobile/theRapyRecuperation/myRecuperation">
<image src="/assets/mobile/svg/proposal/cx.svg"></image>
<span class="icon_text"> 我的疗休养</span>
</van-grid-item>
</van-grid>
</div>
<div v-if="paramType === '协会组织'">
<div class="van-sidebar-item van-sidebar-item&#45;&#45;select">
协会组织
</div>
<van-grid :border="false" :column-num="3">
<van-grid-item url="/platform/sys/club/sq/mobile">
<image src="/assets/mobile/icon/club/apply.png"></image>
<span class="icon_text">协会入会</span>
</van-grid-item>
<van-grid-item url="/platform/sys/club/sh/mobile">
<image src="/assets/mobile/icon/club/club.png"></image>
<span class="icon_text">入会审核</span>
</van-grid-item>
</van-grid>
</div>
</div>
<script src="https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js"></script>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURI(r[2]);
return null;
}
const vue = new Vue({
el: '#app',
data() {
return {
sex: '${@shiro.getPrincipalProperty("sex")}',
avatar: '',
paramType: getQueryString('type'),
}
},
methods: {
loginOut() {
window.location.href = "/mobile/login/out"
},
async toWxJsz() {
const loginName = "${@shiro.getPrincipalProperty('loginname')}"
const userName = "${@shiro.getPrincipalProperty('username')}"
const query = 'loginName=' + encodeURIComponent(loginName) + '&userName=' + encodeURIComponent(userName)
let cloud = new window.cloud.Cloud({
identityless: true, // true表示是未登录模式
resourceAppid: 'wx9c693357de44cf59', // 小程序AppID
resourceEnv: 'unionpal-0ge58oan8d6fa30e', // 云环境环境ID
})
await cloud.init(); // 云函数初始化
/*const res = await cloud.callFunction({
name: 'urlscheme', //提供UrlScheme服务的云函数名称
data: {
path: '/pages/login/login', // 想跳转的小程序路径
query: query, // 地址栏query参数,可在微信 onLoad: function (options) {}生命周期里options接收这些参数
} //向这个云函数中传入的自定义参数,注意:path地址前后/不能多加或者少加,query参数里不能有转义字符如果有需要解码
});
console.log(res, '云函数返回数据');
if (res && res.result.errCode == 0) {
location.href = res.result.openlink; // 跳转
} else {
console.log(res.errMsg);
}*/
const res = await cloud.callFunction({
name: 'urllink', //提供UrlScheme服务的云函数名称
data: {
path: '/pages/login/login', // 想跳转的小程序路径
query: query, // 地址栏query参数,可在微信 onLoad: function (options) {}生命周期里options接收这些参数
} //向这个云函数中传入的自定义参数,注意:path地址前后/不能多加或者少加,query参数里不能有转义字符如果有需要解码
});
/* alert(JSON.stringify(res))
alert(res.result.urlLink)*/
console.log(res, '云函数返回数据');
if (res && res.result.errCode === 0) {
location.href = res.result.urlLink
// window.open(res.result.urlLink)
} else {
console.log(res.errMsg);
}
}
},
created() {
this.avatar = this.sex === '女' ? '/avatar_girl.svg' : '/avatar_boy.svg'
// const FILE_DOMAIN = "${AppFileDomain!}"
// const userAvatar = "${@shiro.getPrincipalProperty('avatar')}"
// console.log(userAvatar)
// if (userAvatar) {
// this.avatar = FILE_DOMAIN + "${@shiro.getPrincipalProperty('avatar')}"
// } else {
// this.avatar = this.sex === '女' ? '/avatar_girl.svg' : '/avatar_boy.svg'
// }
}
})
</script>
<!--#
}
#-->