From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
h5/pages/staff/index.vue | 544 +++++++++++++++++++++++++++++++-----------------------
1 files changed, 314 insertions(+), 230 deletions(-)
diff --git a/h5/pages/staff/index.vue b/h5/pages/staff/index.vue
index 39665bd..bc60368 100644
--- a/h5/pages/staff/index.vue
+++ b/h5/pages/staff/index.vue
@@ -1,252 +1,336 @@
<template>
- <view class="main_app">
- <view class="title_wrap">
- <view class="name">鏌愭煇鏌愶紝娆㈣繋鐧诲綍锝�</view>
- <view class="btn" @click="loginOut">閫�鍑虹櫥褰�</view>
- </view>
- <view class="banner_wrap">
- <view class="h1">瀹夋嘲鐗╂祦</view>
- <view class="h2">瀹夊叏閲嶄簬娉板北 鏈嶅姟杩芥眰鍗撹秺</view>
- <image class="banner" src="../../static/banner.jpg" mode="widthFix"></image>
- </view>
- <view class="title_wrap"><view class="name">涓氬姟鍔炵悊</view></view>
- <view class="container1">
- <view class="left">
- <view class="img_wrap img1" @click="jump('/pages/staff/visitorReport')">
- <image src="@/static/staff/ic_fangkebaobei.png" class="img"></image>
- <view class="h1">璁垮鎶ュ</view>
- <view class="h2">VISITOR REPORTING</view>
- </view>
- <view class="img_wrap img2" @click="jump('/pages/staff/meetingSub')">
- <image src="@/static/staff/ic_yuyuehuiyishi.png" class="img"></image>
- <view class="h1">棰勭害浼氳瀹�</view>
- <view class="h2">BOOK A MEETING ROOM</view>
- </view>
- </view>
- <view class="right">
- <view class="img_wrap img2" @click="jump('/pages/staff/snapshot')">
- <image src="@/static/staff/ic_yinhuansuipai.png" class="img"></image>
- <view class="h1">闅愭偅闅忔墜鎷�</view>
- <view class="h2">HIDDEN DANGER</view>
- </view>
- <view class="img_wrap img2" @click="jump('/pages/staff/vehicle/index')">
- <image src="@/static/staff/ic_yongcheshenqing.png" class="img"></image>
- <view class="h1">鐢ㄨ溅鐢宠</view>
- <view class="h2">VEHICLE APPLICATION</view>
- </view>
- <view class="img_wrap img2" @click="jump('/pages/changePassword/changePassword')">
- <image src="@/static/staff/ic_xiugaimima.png" class="img"></image>
- <view class="h1">淇敼瀵嗙爜</view>
- <view class="h2">CHANGE PASSWORD</view>
- </view>
- </view>
- </view>
- <!-- -->
- <view class="title_wrap"><view class="name">涓氬姟鏌ヨ</view></view>
- <view class="container2">
- <view class="img_wrap" @click="jump('/pages/staff/task/index')">
- <image class="img" src="@/static/staff/ic_renwuzhongxin.png"></image>
- <view class="h1">浠诲姟涓績</view>
- <view class="h2">TASK CENTER</view>
- <view class="task_num">99+</view>
- </view>
- <view class="img_wrap" @click="jump('/pages/staff/meetingCalendar')">
- <image class="img" src="@/static/staff/ic_wodehuiyi.png"></image>
- <view class="h1">鎴戠殑浼氳鏃ュ巻</view>
- <view class="h2">MY MEETING CALENDAR</view>
- </view>
- <view class="img_wrap" @click="jump('/pages/staff/sendACar')">
- <image class="img" src="@/static/staff/ic_paichejilu.png"></image>
- <view class="h1">娲捐溅璁板綍</view>
- <view class="h2">VEHICLE DISPATCH</view>
- </view>
- <view class="img_wrap" @click="jump('/pages/staff/meetingManager')">
- <image class="img" src="@/static/staff/ic_huiyishiguanli.png"></image>
- <view class="h1">浼氳瀹ょ鐞�</view>
- <view class="h2">MANAGE MEETING ROOMS</view>
- </view>
- </view>
- <view class="copyright">
- <image src="@/static/logo_s@2x.png" mode="widthFix" />
- <text>瀹夊窘瀹夋嘲鐗╂祦鏈夐檺璐ｄ换鍏徃鐗堟潈鎵�鏈�</text>
- </view>
- </view>
+ <view class="main_app">
+ <view class="title_wrap">
+ <view class="name" v-if="userInfo.realname"
+ >{{ userInfo.realname || "" }}锛屾杩庣櫥褰曪綖</view
+ >
+ <view class="name" v-else>璇峰厛鐧诲綍</view>
+ <view class="btn" @click="loginOut">{{
+ userInfo.realname ? "閫�鍑虹櫥褰�" : "鍘荤櫥褰�"
+ }}</view>
+ </view>
+ <view class="banner_wrap">
+ <view class="h1">瀹夋嘲鐗╂祦</view>
+ <view class="h2">瀹夊叏閲嶄簬娉板北 鏈嶅姟杩芥眰鍗撹秺</view>
+ <image
+ class="banner"
+ src="../../static/banner.jpg"
+ mode="widthFix"
+ ></image>
+ </view>
+ <view class="title_wrap"><view class="name">涓氬姟鍔炵悊</view></view>
+ <view class="container1">
+ <view class="left">
+ <view class="img_wrap img1" @click="jump('/pages/staff/visitorReport')">
+ <image src="@/static/staff/ic_fangkebaobei.png" class="img"></image>
+ <view class="h1">璁垮鎶ュ</view>
+ <view class="h2">VISITOR REPORTING</view>
+ </view>
+ <view class="img_wrap img2" @click="jump('/pages/staff/meetingSub')">
+ <image src="@/static/staff/ic_yuyuehuiyishi.png" class="img"></image>
+ <view class="h1">棰勭害浼氳瀹�</view>
+ <view class="h2">BOOK A MEETING ROOM</view>
+ </view>
+ </view>
+ <view class="right">
+ <view class="img_wrap img2" @click="jump('/pages/staff/snapshot')">
+ <image src="@/static/staff/ic_yinhuansuipai.png" class="img"></image>
+ <view class="h1">闅愭偅闅忔墜鎷�</view>
+ <view class="h2">HIDDEN DANGER</view>
+ </view>
+ <view class="img_wrap img2" @click="jump('/pages/staff/vehicle/index')">
+ <image
+ src="@/static/staff/ic_yongcheshenqing.png"
+ class="img"
+ ></image>
+ <view class="h1">鐢ㄨ溅鐢宠</view>
+ <view class="h2">VEHICLE APPLICATION</view>
+ </view>
+ <view
+ class="img_wrap img2"
+ @click="jump('/pages/changePassword/changePassword')"
+ >
+ <image src="@/static/staff/ic_xiugaimima.png" class="img"></image>
+ <view class="h1">淇敼瀵嗙爜</view>
+ <view class="h2">CHANGE PASSWORD</view>
+ </view>
+ </view>
+ </view>
+ <!-- -->
+ <view class="title_wrap"><view class="name">涓氬姟鏌ヨ</view></view>
+ <view class="container2">
+ <view class="img_wrap" @click="jump('/pages/staff/task/index')">
+ <image class="img" src="@/static/staff/ic_renwuzhongxin.png"></image>
+ <view class="h1">浠诲姟涓績</view>
+ <view class="h2">TASK CENTER</view>
+ <view class="task_num">{{
+ taskInfo
+ }}</view>
+ </view>
+ <view class="img_wrap" @click="jump('/pages/staff/meetingCalendar')">
+ <image class="img" src="@/static/staff/ic_wodehuiyi.png"></image>
+ <view class="h1">鎴戠殑浼氳鏃ュ巻</view>
+ <view class="h2">MY MEETING CALENDAR</view>
+ </view>
+ <view class="img_wrap" @click="jump('/pages/staff/vehicle/sendACar')">
+ <image class="img" src="@/static/staff/ic_paichejilu.png"></image>
+ <view class="h1">娲捐溅璁板綍</view>
+ <view class="h2">VEHICLE DISPATCH</view>
+ </view>
+ <view class="img_wrap" @click="jump('/pages/staff/meetingManager')">
+ <image class="img" src="@/static/staff/ic_huiyishiguanli.png"></image>
+ <view class="h1">浼氳瀹ょ鐞�</view>
+ <view class="h2">MANAGE MEETING ROOMS</view>
+ </view>
+ </view>
+ <view class="copyright">
+ <image src="@/static/logo_s@2x.png" mode="widthFix" />
+ <text>瀹夊窘瀹夋嘲鐗╂祦鏈夐檺璐ｄ换鍏徃鐗堟潈鎵�鏈�</text>
+ </view>
+ </view>
</template>
<script>
+import { logoutPost, stagingHead, wxAuthorize, refreshToken } from '@/api'
export default {
- data() {
- return {};
- },
- methods: {
- jump(path){
- uni.navigateTo({
- url: path
- });
- },
- loginOut() {
- uni.clearStorageSync()
- uni.redirectTo({
- url: '/pages/staffLogin/login'
- })
- },
- }
+ data() {
+ return {
+ userInfo: uni.getStorageSync('userInfo'),
+ taskInfo: 0
+ }
+ },
+ onLoad() {
+ var that = this
+ // if (!that.$store.state.openid) {
+ let url = window.location.href
+ let code = ''
+ let source = ''
+ if (url.indexOf('code=') !== -1) {
+ const query = url.split('?')
+ console.log('app-app', url)
+ for (const q of query) {
+ if (q.indexOf('code=') !== -1) {
+ code = q.substring(q.indexOf('code=') + 5, q.length)
+ }
+ // if (q.indexOf('source=') !== -1) {
+ // source = q.substring(q.indexOf('source=') + 7, q.indexOf('source=') + 8)
+ // }
+ // 鏉ユ簮:0=鍙告満锛�1=璁垮锛�2=鍐呴儴鍛樺伐
+ }
+ wxAuthorize({
+ code: code,
+ source: 2
+ }).then(res => {
+ console.log('app_ress', res)
+ if (res.code === 200) {
+ that.$store.commit('setOpenId', res.data.openid)
+ if (res.data.member) {
+ that.$store.commit('setMember', res.data.member)
+ }
+ }
+ })
+ } else {
+ // const appID = 'wx4d7c10bdec51942b'
+ // let uri = encodeURIComponent(url)
+ // let authURL =
+ // `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appID}&redirect_uri=${uri}&response_type=code&scope=snsapi_base&state=123#wechat_redirect`
+ // window.location.href = authURL
+ }
+ // }
+ this.getTaskInfo()
+ // 鍒锋柊token
+ setTimeout(() => {
+ refreshToken().then(res => {
+ if (res.code && res.code === 200) {
+ this.$store.commit('setToken', res.data)
+ }
+ })
+ }, 3000)
+ },
+ mounted() {
+ this.$eventBus.$on('taskBack', () => {
+ console.log('----');
+ this.getTaskInfo()
+ })
+ },
+ methods: {
+ jump(path) {
+ uni.navigateTo({
+ url: path
+ })
+ },
+ loginOut() {
+ this.$store.commit('empty')
+ logoutPost()
+ uni.redirectTo({
+ url: '/pages/staffLogin/login'
+ })
+ },
+ getTaskInfo() {
+ stagingHead({
+ isDetail: '1'
+ }).then(res => {
+ this.taskInfo = res.data.noticeWaitNum + res.data.noticeCopyNum
+ })
+ },
+ }
};
</script>
<style lang="scss" scoped>
.title_wrap {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 24rpx;
- .name {
- font-weight: 500;
- font-size: 34rpx;
- color: #222222;
- }
- .btn {
- width: 144rpx;
- height: 56rpx;
- border-radius: 36rpx;
- border: 1rpx solid #279baa;
- font-size: 26rpx;
- color: #279baa;
- display: flex;
- justify-content: center;
- align-items: center;
- }
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 24rpx;
+ .name {
+ font-weight: 600;
+ font-size: 34rpx;
+ color: #222222;
+ }
+ .btn {
+ width: 144rpx;
+ height: 56rpx;
+ border-radius: 36rpx;
+ border: 1rpx solid $uni-color-primary;
+ font-size: 26rpx;
+ color: $uni-color-primary;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
}
.main_app {
- padding-top: 12rpx;
+ padding-top: 12rpx;
}
.banner_wrap {
- padding: 54rpx 44rpx;
- color: #fff;
- position: relative;
- width: 688rpx;
- height: 270rpx;
- margin-bottom: 40rpx;
- .h1 {
- font-weight: bold;
- line-height: 66rpx;
- font-size: 44rpx;
- margin-bottom: 14rpx;
- }
- .banner {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- z-index: -1;
- }
+ padding: 54rpx 44rpx;
+ color: #fff;
+ position: relative;
+ width: 688rpx;
+ height: 270rpx;
+ margin-bottom: 40rpx;
+ .h1 {
+ font-weight: bold;
+ line-height: 66rpx;
+ font-size: 44rpx;
+ margin-bottom: 14rpx;
+ }
+ .banner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ }
}
.container1 {
- display: flex;
- flex-wrap: wrap;
- view {
- width: 336rpx;
- }
- .left {
- margin-right: 18rpx;
- }
- .img_wrap {
- position: relative;
- padding: 24rpx 0rpx 0 28rpx;
- border-radius: 8rpx;
- overflow: hidden;
- .h1 {
- font-weight: 500;
- font-size: 32rpx;
- color: #222222;
- line-height: 48rpx;
- margin-bottom: 4rpx;
- }
- .h2 {
- font-size: 22rpx;
- color: #7b9da1;
- line-height: 34rpx;
- }
- .img {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- }
- }
- .img1 {
- width: 336rpx;
- height: 296rpx;
- margin-bottom: 16rpx;
- }
- .img2 {
- width: 336rpx;
- height: 140rpx;
- margin-bottom: 16rpx;
- }
+ display: flex;
+ flex-wrap: wrap;
+ view {
+ width: 336rpx;
+ }
+ .left {
+ margin-right: 18rpx;
+ }
+ .img_wrap {
+ position: relative;
+ padding: 24rpx 0rpx 0 28rpx;
+ border-radius: 8rpx;
+ overflow: hidden;
+ .h1 {
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #222222;
+ line-height: 48rpx;
+ margin-bottom: 4rpx;
+ }
+ .h2 {
+ font-size: 22rpx;
+ color: #7b9da1;
+ line-height: 34rpx;
+ }
+ .img {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ }
+ }
+ .img1 {
+ width: 336rpx;
+ height: 296rpx;
+ margin-bottom: 16rpx;
+ }
+ .img2 {
+ width: 336rpx;
+ height: 140rpx;
+ margin-bottom: 16rpx;
+ }
}
.container2 {
- display: flex;
- flex-wrap: wrap;
- .img_wrap {
- width: 336rpx;
- height: 140rpx;
- margin-bottom: 16rpx;
- position: relative;
- border-radius: 8rpx;
- overflow: hidden;
- padding: 24rpx 0rpx 0 28rpx;
- &:nth-of-type(2n) {
- margin-left: 18rpx;
- }
- .task_num{
- position: absolute;
- left: 164rpx;
- top: 20rpx;
- width: 60rpx;
- height: 48rpx;
- border-radius: 50%;
- background-color: #fff;
- color: #db534c;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 24rpx
- }
- .h1 {
- font-weight: 500;
- font-size: 32rpx;
- color: #222222;
- line-height: 48rpx;
- margin-bottom: 4rpx;
- }
- .h2 {
- font-size: 22rpx;
- color: #7b9da1;
- line-height: 34rpx;
- }
- .img {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- }
- }
+ display: flex;
+ flex-wrap: wrap;
+ .img_wrap {
+ width: 336rpx;
+ height: 140rpx;
+ margin-bottom: 16rpx;
+ position: relative;
+ border-radius: 8rpx;
+ overflow: hidden;
+ padding: 24rpx 0rpx 0 28rpx;
+ &:nth-of-type(2n) {
+ margin-left: 18rpx;
+ }
+ .task_num {
+ position: absolute;
+ left: 168rpx;
+ top: 26rpx;
+ width: 52rpx;
+ height: 52rpx;
+ border-radius: 50%;
+ /* border: 1px solid; */
+ background-color: #fff;
+ color: #db534c;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 24rpx;
+ }
+ .h1 {
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #222222;
+ line-height: 48rpx;
+ margin-bottom: 4rpx;
+ }
+ .h2 {
+ font-size: 22rpx;
+ color: #7b9da1;
+ line-height: 34rpx;
+ }
+ .img {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ }
+ }
}
.copyright {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 44rpx;
- font-size: 24rpx;
- color: #666666;
- image {
- width: 40rpx;
- height: 40rpx;
- }
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 44rpx;
+ font-size: 24rpx;
+ color: #666666;
+ image {
+ width: 40rpx;
+ height: 40rpx;
+ }
}
</style>
--
Gitblit v1.9.3