This commit is contained in:
那些花儿
2025-04-25 18:15:00 +08:00
parent ae90c7c33d
commit cb3bcb57bc
14 changed files with 624 additions and 561 deletions
@@ -6,19 +6,24 @@ import com.budwk.app.base.page.Pagination;
import com.budwk.app.base.result.Result;
import com.budwk.app.client.module.activity.service.ClientActivityService;
import com.budwk.app.client.module.activity.vo.ClientActivitySignVO;
import com.budwk.app.module.activity.models.ActUser;
import com.budwk.app.module.activity.models.Activity;
import com.budwk.app.web.commons.auth.satoken.StpClientUtil;
import org.nutz.dao.Cnd;
import org.nutz.dao.Dao;
import org.nutz.dao.Sqls;
import org.nutz.dao.sql.Sql;
import org.nutz.ioc.loader.annotation.Inject;
import org.nutz.ioc.loader.annotation.IocBean;
import org.nutz.lang.util.NutMap;
import org.nutz.mvc.adaptor.JsonAdaptor;
import org.nutz.mvc.annotation.AdaptBy;
import org.nutz.mvc.annotation.At;
import org.nutz.mvc.annotation.GET;
import org.nutz.mvc.annotation.Ok;
import java.util.List;
@IocBean
@At("/client/activity")
@Ok("json:full")
@@ -26,6 +31,8 @@ public class ClientActivityController {
@Inject
private ClientActivityService clientActivityService;
@Inject
private Dao dao;
@At
@AdaptBy(type = JsonAdaptor.class)
@@ -71,4 +78,25 @@ public class ClientActivityController {
return Result.success();
}
/**
* 查询我报名的活动
*/
@At("/list-mine-act")
@SaCheckLogin(type = StpClientUtil.TYPE)
public Result listMineAct() {
List<NutMap> list = clientActivityService.listMineAct();
return Result.success(list);
}
/**
* 查询报名签到信息
*/
@At("/sign-info/?")
@SaCheckLogin(type = StpClientUtil.TYPE)
public Result signInfo(Long activityId) {
ActUser actUser = dao.fetch(ActUser.class, Cnd.where(ActUser::getActivityId, "=", activityId).and(ActUser::getUserId, "=", StpClientUtil.STP.getLoginIdAsLong()));
return Result.success(actUser);
}
}
@@ -2,6 +2,15 @@ package com.budwk.app.client.module.activity.service;
import com.budwk.app.base.service.BaseService;
import com.budwk.app.module.activity.models.Activity;
import org.nutz.lang.util.NutMap;
import java.util.List;
public interface ClientActivityService extends BaseService<Activity> {
/**
* 查询我报名的活动
*/
List<NutMap> listMineAct();
}
@@ -3,12 +3,34 @@ package com.budwk.app.client.module.activity.service.impl;
import com.budwk.app.base.service.impl.BaseServiceImpl;
import com.budwk.app.client.module.activity.service.ClientActivityService;
import com.budwk.app.module.activity.models.Activity;
import com.budwk.app.web.commons.auth.satoken.StpClientUtil;
import org.nutz.dao.Dao;
import org.nutz.dao.Sqls;
import org.nutz.dao.sql.Sql;
import org.nutz.ioc.loader.annotation.IocBean;
import org.nutz.lang.util.NutMap;
import java.util.List;
@IocBean(args = {"refer:dao"})
public class ClientActivityServiceImpl extends BaseServiceImpl<Activity> implements ClientActivityService {
public ClientActivityServiceImpl(Dao dao) {
super(dao);
}
@Override
public List<NutMap> listMineAct() {
Sql sql = Sqls.create("""
SELECT
id,
title,
cover
FROM
activity
WHERE
id IN (SELECT activityId FROM `act_user` WHERE userId = @userId)
""");
sql.setParam("userId", StpClientUtil.STP.getLoginIdAsLong());
return listMap(sql);
}
}
+12 -12
View File
@@ -1,20 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<head>
<meta charset="UTF-8"/>
<script>
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
CSS.supports('top: constant(a)'))
document.write(
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
CSS.supports('top: constant(a)'))
document.write(
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
</script>
<title></title>
<!--preload-links-->
<!--app-context-->
</head>
<body>
<div id="app"><!--app-html--></div>
<script type="module" src="/src/main.js"></script>
</body>
</head>
<body>
<div id="app"><!--app-html--></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>
+7
View File
@@ -24,6 +24,7 @@
"@dcloudio/uni-mp-weixin": "3.0.0-4050720250324001",
"@dcloudio/uni-mp-xhs": "3.0.0-4050720250324001",
"@dcloudio/uni-quickapp-webview": "3.0.0-4050720250324001",
"html5-qrcode": "^2.3.8",
"moment": "^2.30.1",
"tdesign-mobile-vue": "^1.8.3",
"vue": "^3.4.21",
@@ -6952,6 +6953,12 @@
"license": "MIT",
"peer": true
},
"node_modules/html5-qrcode": {
"version": "2.3.8",
"resolved": "https://registry.npmmirror.com/html5-qrcode/-/html5-qrcode-2.3.8.tgz",
"integrity": "sha512-jsr4vafJhwoLVEDW3n1KvPnCCXWaQfRng0/EEYk1vNcQGcG/htAdhJX0be8YyqMoSz7+hZvOZSTAepsabiuhiQ==",
"license": "Apache-2.0"
},
"node_modules/http-errors": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/http-errors/-/http-errors-2.0.0.tgz",
+1
View File
@@ -52,6 +52,7 @@
"@dcloudio/uni-mp-weixin": "3.0.0-4050720250324001",
"@dcloudio/uni-mp-xhs": "3.0.0-4050720250324001",
"@dcloudio/uni-quickapp-webview": "3.0.0-4050720250324001",
"html5-qrcode": "^2.3.8",
"moment": "^2.30.1",
"tdesign-mobile-vue": "^1.8.3",
"vue": "^3.4.21",
+237
View File
@@ -0,0 +1,237 @@
<template>
<!-- <div class="scanCode" v-if="isScanning">-->
<!-- <div class="btn-container">-->
<!-- <div class="left-back" @click.stop="handleBack">-->
<!-- <t-icon name="arrow-left" />-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="container">-->
<!-- <div class="qrcode">-->
<!-- <div ref="qrCodeElement" id="reader"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="page-box" v-if="isScanning">
<div class="btn-box">
<div>
<t-icon name="arrow-left" @click="handleBack"/>
</div>
</div>
<div class="qr-container">
<div class="qr-box">
<div id="reader"></div>
</div>
</div>
</div>
</template>
<script setup>
import {ref, defineEmits, onUnmounted, defineExpose, nextTick} from 'vue'
import {Html5Qrcode} from 'html5-qrcode'
import {Toast} from "tdesign-mobile-vue";
const emit = defineEmits(['scan-success', 'back'])
const html5QrCode = ref(null)
const fileList = ref([])
const isScanning = ref(false)
const hasCameraPermission = ref(false)
const qrCodeElement = ref(null)
const startScan = async () => {
try {
const devices = await Html5Qrcode.getCameras()
if (!devices || !devices.length) {
Toast('未检测到可用摄像头')
return
}
// 2. 显示扫描界面
isScanning.value = true
// 3. 等待DOM更新完成
await nextTick()
console.log(document.getElementById('reader'))
// 5. 初始化扫码器
html5QrCode.value = new Html5Qrcode('reader')
console.log(html5QrCode.value)
// 6. 开始扫描
await html5QrCode.value.start(
{facingMode: 'environment'},
{fps: 10, qrbox: {width: 200, height: 200}},
(decodedText) => {
emit('scan-success', decodedText)
}
)
} catch (err) {
isScanning.value = false
handleCameraError(err)
}
}
// 开始摄像头扫描
const startCameraScan = () => {
return html5QrCode.value.start(
{facingMode: 'environment'},
{
fps: 1,
qrbox: {width: 250, height: 250}
},
(decodedText) => {
emit('scan-success', decodedText)
}
)
}
// 停止扫描
const stopScan = async () => {
alert(2)
isScanning.value = false
if (html5QrCode.value?.isScanning) {
try {
await html5QrCode.value.stop()
} catch (err) {
Toast.error('停止扫码失败')
console.error(err)
}
}
}
// 处理摄像头错误
const handleCameraError = (err) => {
alert(JSON.stringify(err))
let message = '摄像头启动失败'
if (err.name === 'NotAllowedError') {
message = '请允许摄像头访问权限'
} else if (err.name === 'NotFoundError') {
message = '未找到可用摄像头'
}
Toast(message)
hasCameraPermission.value = false
}
const handleBack = () => {
stopScan()
emit('back')
}
// 组件卸载时停止扫描
onUnmounted(() => {
stopScan()
})
// 暴露方法给父组件
defineExpose({
startScan,
stopScan
})
</script>
<style scoped lang="less">
//.scanCode {
// //background: rgba(0, 0, 0);
// position: fixed;
// left: 0;
// right: 0;
// top: 0;
// bottom: 0;
// z-index: 999;
//}
//
//.btn-container {
// position: absolute;
// top: 16px;
// left: 16px;
// z-index: 1000;
//}
//
//.left-back {
// color: #fff;
// font-size: 24px;
// padding: 8px;
// background: rgba(0, 0, 0, 0.3);
// border-radius: 50%;
// display: flex;
// align-items: center;
// justify-content: center;
// width: 40px;
// height: 40px;
//}
//
//.container {
// //height: 100vh;
// //position: relative;
// //width: 100%;
// position: fixed;
// left: 0;
// right: 0;
// top: 0;
// bottom: 0;
// z-index: 999;
//}
//
//.qrcode {
// height: 100%;
// position: fixed;
// left: 0;
// right: 0;
// top: 0;
// bottom: 0;
// z-index: 999;
//}
//#reader {
// //top: 20%;
// //left: 0;
// //transform: translateY(-50%);
// //height: 100%;
// width: 500rpx;
// height: 500rpx;
//}
.page-box {
//display: flex;
//flex-direction: column;
//height: 100%;
background: #000;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999;
}
.qr-container {
position: relative;
width: 100%;
height: 100%;
}
.qr-box {
height: 100%;
}
#reader {
top: 50%;
left: 0;
}
.btn-box {
//flex: 1;
//display: flex;
//justify-content: space-around;
//align-items: flex-start;
//margin-top: auto;
//padding: 12px;
//color: #fff;
//font-size: 28px;
position: a;
}
</style>
+1
View File
@@ -13,6 +13,7 @@ import moment from 'moment';
import 'moment/dist/locale/zh-cn'
moment.locale('zh-cn')
export function createApp() {
const app = createSSRApp(App);
app.use(TDesign); // 使用TDesign组件库
+205 -453
View File
@@ -1,516 +1,268 @@
<template>
<view class="sign-page">
<!-- 背景装饰 -->
<view class="bg-decoration"></view>
<!-- 主内容区 -->
<view class="page-container">
<t-dropdown-menu>
<t-dropdown-item :options="actOptions" :value="selectActId" @change="getSignInfo"/>
</t-dropdown-menu>
<view class="content-container">
<!-- 页面标题 -->
<view class="title-area">
<text class="title">活动签到</text>
<view class="scan-area" @click="handleScan">
<view class="scan-icon-wrapper">
<t-icon name="scan" size="80" color="#f45a5a"></t-icon>
</view>
<t-button shape="round"
theme="primary"
size="medium">扫描二维码签到
</t-button>
</view>
<!-- 活动选择区 -->
<view class="selector-card">
<t-dropdown-menu class="activity-dropdown">
<t-dropdown-item
v-model="selectedActivity"
label="请选择活动"
:options="activityOptions"
@change="handleActivityChange"
/>
</t-dropdown-menu>
</view>
<!-- 签到区域 -->
<view class="sign-card" v-if="currentActivity">
<view class="activity-title">{{ currentActivity.title }}</view>
<view class="qr-scan-area">
<view class="qr-frame">
<view class="corner top-left"></view>
<view class="corner top-right"></view>
<view class="corner bottom-left"></view>
<view class="corner bottom-right"></view>
<t-icon name="qrcode" size="120rpx" class="qr-icon" />
<view class="guide-area">
<view class="guide-title">签到说明</view>
<view class="guide-list">
<view class="guide-item">
<uni-icons class="guide-icon" type="info" size="16" color="#999999"/>
<text class="guide-text">请对准活动二维码进行扫描</text>
</view>
<view class="guide-item">
<uni-icons class="guide-icon" type="info" size="16" color="#999999"/>
<text class="guide-text">确保手机相机权限已开启</text>
</view>
<view class="guide-item">
<uni-icons class="guide-icon" type="info" size="16" color="#999999"/>
<text class="guide-text">保持二维码清晰可见</text>
</view>
</view>
<t-button size="large" class="scan-btn" @tap="handleScan" :disabled="isSignedIn">
{{ isSignedIn ? '已完成签到' : '点击扫码签到' }}
</t-button>
<view class="sign-status" v-if="signStatus !== 'unsigned'">
<t-icon name="check-circle-filled" size="48rpx" class="status-icon success" v-if="signStatus === 'signed'" />
<t-icon name="time" size="48rpx" class="status-icon warning" v-else-if="signStatus === 'late'" />
<text class="status-text">{{ signStatusText }}</text>
<text class="sign-time" v-if="latestSignTime">{{ latestSignTime }}</text>
</view>
</view>
<!-- 无活动状态 -->
<view class="empty-state" v-if="!currentActivity">
<t-icon name="folder" size="120rpx" class="empty-icon" />
<text class="empty-text">暂无可签到的活动</text>
<t-button size="small" variant="outline" class="refresh-btn" @tap="getMyActivities">刷新</t-button>
<view class="current-status-area">
<view class="status-header">
<text class="status-title">当前签到状态</text>
</view>
<view v-if="signInfo" class="status-content">
<template v-if="signInfo.isSignIn">
<view class="sign-success">
<t-icon name="task-checked-1" size="48" color="#07c160"></t-icon>
<text class="success-text">已完成签到</text>
<view class="sign-detail">
<view class="detail-item">
<uni-icons type="calendar" size="14" color="#666666" />
<text>签到时间:{{ signInfo.signInTime }}</text>
</view>
<view class="detail-item">
<uni-icons type="location" size="14" color="#666666" />
<text>签到地点:{{ signInfo.location }}</text>
</view>
</view>
</view>
</template>
<template v-else>
<view class="sign-pending">
<t-icon name="info-circle" size="48" color="#f45a5a"></t-icon>
<text class="pending-text">待签到</text>
<text class="pending-tip">请使用扫码签到完成签到</text>
</view>
</template>
</view>
</view>
</view>
</view>
<ScanQRCode
ref="qrScannerRef"
@scan-success="handleScanSuccess"
/>
</template>
<script setup>
import { ref, computed, onMounted } from 'vue';
import { useRequest } from '@/utils/request';
import { Toast } from 'tdesign-mobile-vue';
import {ref, computed, onMounted} from 'vue';
import {useRequest} from '@/utils/request';
import {Toast} from 'tdesign-mobile-vue';
import moment from 'moment';
import ScanQRCode from '@/components/scanQrCode.vue'
// 模拟活动数据
const mockActivities = [
{
id: '1',
title: '2023年度篮球联赛',
cover: 'https://img01.71360.com/file/read/www/M00/4C/98/rBsAFWQUdqaABB-oAAHYfGPYE3Y799.jpg',
startTime: '2023-12-10 09:00:00',
endTime: '2023-12-15 18:00:00',
address: '市体育中心主场馆',
signStartTime: '2023-11-20 00:00:00',
signEndTime: '2023-12-05 23:59:59',
signedIn: false,
signTime: null
},
{
id: '2',
title: '企业文化交流会',
cover: 'https://img.zcool.cn/community/01a4d75b04a27ea801209e1f0fb01d.jpg@1280w_1l_2o_100sh.jpg',
startTime: '2023-11-25 13:30:00',
endTime: '2023-11-25 17:30:00',
address: '国际会议中心3号厅',
signStartTime: '2023-11-01 00:00:00',
signEndTime: '2023-11-24 23:59:59',
signedIn: true,
signTime: '2023-11-25 13:20:14',
status: 'signed'
},
{
id: '3',
title: '技术创新大赛决赛',
cover: 'https://img.zcool.cn/community/01b1f95b04a255a8012182a7ebfe26.jpg@1280w_1l_2o_100sh.jpg',
startTime: '2023-12-05 09:00:00',
endTime: '2023-12-05 18:00:00',
address: '科技园区创新中心',
signStartTime: '2023-11-10 00:00:00',
signEndTime: '2023-12-04 23:59:59',
signedIn: true,
signTime: '2023-12-05 09:15:22',
status: 'late'
},
{
id: '4',
title: '2023年迎新晚会',
cover: 'https://img.zcool.cn/community/01f2b35bd123b1a801208f8bd8710a.jpg@1280w_1l_2o_100sh.jpg',
startTime: '2023-12-31 19:00:00',
endTime: '2024-01-01 00:30:00',
address: '文化广场中心舞台',
signStartTime: '2023-12-15 00:00:00',
signEndTime: '2023-12-30 23:59:59',
signedIn: false,
signTime: null
}
];
const request = useRequest()
// 判断环境是否为开发环境
const isDev = process.env.NODE_ENV === 'development';
// 活动列表
const myActivities = ref([]);
const activityOptions = computed(() => {
return myActivities.value.map(item => ({
label: item.title,
value: item.id
}));
});
// 选中的活动ID
const selectedActivity = ref('');
const currentActivity = computed(() => {
return myActivities.value.find(item => item.id === selectedActivity.value);
});
// 是否已签到
const isSignedIn = computed(() => {
return currentActivity.value?.signedIn || false;
});
// 最近签到时间
const latestSignTime = computed(() => {
if (!currentActivity.value?.signTime) return null;
return `签到时间: ${moment(currentActivity.value.signTime).format('YYYY-MM-DD HH:mm:ss')}`;
});
// 签到状态
const signStatus = computed(() => {
return currentActivity.value?.status || 'unsigned';
});
const signStatusText = computed(() => {
switch(signStatus.value) {
case 'signed':
return '签到成功';
case 'late':
return '迟到签到';
default:
return '未签到';
}
});
// 获取我的活动
const getMyActivities = async () => {
try {
Toast({ message: '加载中...', theme: 'loading' });
if (isDev) {
// 开发环境使用模拟数据
setTimeout(() => {
myActivities.value = mockActivities;
if (myActivities.value.length > 0) {
selectedActivity.value = myActivities.value[0].id;
}
Toast({ message: '加载成功', theme: 'success' });
}, 800);
return;
const list = ref([])
const signInfo = ref({})
const actOptions = computed(() => {
return list.value.map(item => {
return {
value: item.id,
label: item.title
}
// 生产环境调用接口
const response = await useRequest().get('/client/activity/myActivities');
if (response.code === 0) {
myActivities.value = response.data || [];
if (myActivities.value.length > 0) {
selectedActivity.value = myActivities.value[0].id;
}
Toast({ message: '加载成功', theme: 'success' });
} else {
Toast({ message: '获取活动失败', theme: 'error' });
}
} catch (error) {
console.error('获取活动失败', error);
Toast({ message: '网络异常,请重试', theme: 'error' });
}
};
// 活动切换
const handleActivityChange = (value) => {
// 切换时不需要额外操作
};
// 扫码
const handleScan = () => {
if (!currentActivity.value) {
Toast({ message: '请先选择活动', theme: 'warning' });
return;
}
if (isSignedIn.value) {
Toast({ message: '已完成签到', theme: 'warning' });
return;
}
Toast({ message: '准备扫码', theme: 'loading' });
setTimeout(() => {
if (isDev) {
// 开发环境模拟扫码成功
setTimeout(() => {
Toast({ message: '签到中...', theme: 'loading' });
setTimeout(() => {
const randomSuccess = Math.random() > 0.2;
if (randomSuccess) {
const isLate = Math.random() > 0.7;
const status = isLate ? 'late' : 'signed';
const statusText = isLate ? '迟到签到' : '签到成功';
// 更新活动签到状态
const activity = myActivities.value.find(a => a.id === selectedActivity.value);
if (activity) {
activity.signedIn = true;
activity.signTime = moment().format('YYYY-MM-DD HH:mm:ss');
activity.status = status;
}
Toast({ message: statusText, theme: isLate ? 'warning' : 'success' });
} else {
Toast({ message: '二维码无效', theme: 'error' });
}
}, 1000);
}, 1000);
return;
}
// 生产环境实际扫码
uni.scanCode({
success: async (res) => {
try {
Toast({ message: '签到中...', theme: 'loading' });
// 将扫码结果发送到后端
const response = await useRequest().post('/client/activity/sign', {
activityId: selectedActivity.value,
qrCode: res.result
});
if (response.code === 0) {
// 更新活动签到状态
const activity = myActivities.value.find(a => a.id === selectedActivity.value);
if (activity) {
activity.signedIn = true;
activity.signTime = moment().format('YYYY-MM-DD HH:mm:ss');
activity.status = response.data.status || 'signed';
}
const statusText = activity.status === 'late' ? '迟到签到' : '签到成功';
Toast({ message: statusText, theme: activity.status === 'late' ? 'warning' : 'success' });
} else {
Toast({ message: response.message || '签到失败', theme: 'error' });
}
} catch (error) {
console.error('签到失败', error);
Toast({ message: '网络异常,请重试', theme: 'error' });
}
},
fail: () => {
Toast({ message: '扫码取消', theme: 'warning' });
}
});
}, 500);
};
})
})
const selectActId = ref(null)
const qrScannerRef = ref()
onMounted(() => {
getMyActivities();
listMineAct();
});
// 获取活动列表
async function listMineAct() {
try {
const {data, code} = await request.get('/client/activity/list-mine-act')
if (code === 0) {
list.value = data
if (list.value.length) {
selectActId.value = list.value[0].id
await getSignInfo();
}
} else {
Toast.error(data.msg)
}
} catch (e) {
console.error(e)
Toast.error(e.message)
}
}
// 获取签到信息
async function getSignInfo(val){
try {
const {code, data, msg} = await request.get('/client/activity/sign-info/' + (val ? val :selectActId.value))
if (code === 0) {
signInfo.value = data
} else {
Toast.error(msg)
}
} catch (e) {
console.error(e)
Toast.error(e.message)
}
}
// 扫码签到
function handleScan() {
qrScannerRef.value.startScan()
}
function handleScanSuccess(val){
console.log(val)
Toast.success(val)
}
</script>
<style scoped lang="less">
.sign-page {
min-height: 100vh;
background-color: #f9f9f9;
display: flex;
flex-direction: column;
position: relative;
padding-top: 30rpx;
}
.bg-decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 380rpx;
background: linear-gradient(to bottom, rgb(244, 90, 90, 0.8), rgb(244, 90, 90, 0.2));
border-bottom-left-radius: 40rpx;
border-bottom-right-radius: 40rpx;
z-index: 0;
}
.content-container {
position: relative;
z-index: 1;
padding: 0 30rpx;
padding: 15px;
}
.scan-area {
background-color: #ffffff;
border-radius: 16rpx;
padding: 64rpx 0;
margin-bottom: 32rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.title-area {
margin-bottom: 40rpx;
width: 100%;
.scan-icon-wrapper {
width: 160rpx;
height: 160rpx;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 32rpx;
}
.title {
font-size: 48rpx;
font-weight: bold;
color: #fff;
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
}
.selector-card {
width: 100%;
background-color: #fff;
.guide-area {
background-color: #ffffff;
border-radius: 16rpx;
padding: 24rpx;
margin-bottom: 30rpx;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
padding: 32rpx;
margin-bottom: 32rpx;
}
.activity-dropdown {
width: 100%;
.guide-title {
font-size: 16px;
font-weight: 500;
color: #333333;
margin-bottom: 24rpx;
}
:deep(.t-dropdown-menu) {
background-color: transparent !important;
height: 80rpx;
.guide-item {
display: flex;
align-items: center;
margin-bottom: 16rpx;
}
:deep(.t-dropdown-menu__item) {
font-size: 30rpx;
color: #333 !important;
.guide-icon {
width: 32rpx;
height: 32rpx;
margin-right: 16rpx;
flex-shrink: 0;
}
:deep(.t-dropdown-item__content) {
border-radius: 12rpx !important;
overflow: hidden;
.guide-text {
font-size: 14px;
color: #666666;
}
.sign-card {
width: 100%;
background-color: #fff;
.current-status-area {
background-color: #ffffff;
border-radius: 16rpx;
padding: 40rpx 30rpx;
margin-bottom: 30rpx;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
padding: 32rpx;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.status-header {
margin-bottom: 32rpx;
}
.status-title {
font-size: 16px;
font-weight: 500;
color: #333333;
margin-bottom: 0.75rem;
}
.status-content {
display: flex;
justify-content: center;
padding: 48rpx 0;
}
.sign-success,
.sign-pending {
display: flex;
flex-direction: column;
align-items: center;
}
.activity-title {
font-size: 34rpx;
font-weight: bold;
color: #333;
margin-bottom: 40rpx;
text-align: center;
line-height: 1.4;
}
.qr-scan-area {
margin-bottom: 40rpx;
padding: 20rpx;
}
.qr-frame {
width: 280rpx;
height: 280rpx;
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(244, 90, 90, 0.03);
border-radius: 6rpx;
}
.corner {
position: absolute;
width: 40rpx;
height: 40rpx;
border-color: rgb(244, 90, 90);
border-style: solid;
border-width: 0;
}
.top-left {
top: 0;
left: 0;
border-top-width: 6rpx;
border-left-width: 6rpx;
}
.top-right {
top: 0;
right: 0;
border-top-width: 6rpx;
border-right-width: 6rpx;
}
.bottom-left {
bottom: 0;
left: 0;
border-bottom-width: 6rpx;
border-left-width: 6rpx;
}
.bottom-right {
bottom: 0;
right: 0;
border-bottom-width: 6rpx;
border-right-width: 6rpx;
}
.qr-icon {
color: rgb(244, 90, 90);
}
.scan-btn {
width: 70%;
height: 90rpx;
background-color: rgb(244, 90, 90);
color: #fff;
font-size: 32rpx;
font-weight: 500;
border-radius: 45rpx;
box-shadow: 0 8rpx 20rpx rgba(244, 90, 90, 0.3);
transition: all 0.3s;
margin-bottom: 30rpx;
}
.scan-btn:active {
transform: scale(0.97);
box-shadow: 0 4rpx 10rpx rgba(244, 90, 90, 0.2);
}
.scan-btn[disabled] {
background-color: #f0f0f0;
color: #bbbbbb;
box-shadow: none;
}
.sign-status {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 10rpx;
}
.status-icon {
margin-bottom: 12rpx;
}
.status-icon.success {
.success-text {
font-size: 20px;
color: #07c160;
}
.status-icon.warning {
color: #ff9f00;
}
.status-text {
font-size: 30rpx;
font-weight: 500;
color: #333;
margin-bottom: 8rpx;
margin: 24rpx 0 32rpx;
}
.sign-time {
font-size: 26rpx;
color: #999;
.sign-detail {
margin-top: 32rpx;
}
.empty-state {
.detail-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60rpx 0;
margin-bottom: 16rpx;
color: #666666;
font-size: 14px;
}
.empty-icon {
color: #ddd;
margin-bottom: 20rpx;
.detail-item uni-icons {
margin-right: 12rpx;
}
.empty-text {
font-size: 30rpx;
color: #999;
margin-bottom: 30rpx;
.pending-text {
font-size: 20px;
color: #f45a5a;
font-weight: 500;
margin: 24px 0 16px;
}
.refresh-btn {
color: rgb(244, 90, 90);
border-color: rgb(244, 90, 90);
.pending-tip {
font-size: 14px;
color: #999999;
}
</style>
</style>
+28
View File
@@ -0,0 +1,28 @@
-----BEGIN PRIVATE KEY-----
MIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQDuEcmyaW2QmhIB
6kTFYgcC9eoWHfZfgadJvl6sqLG4YKNiaBp6fXInvTecVSC4VGpggfXKfjTMlUaW
ZvtMV6i/gx+tP8LTH6lu5ht6sb9LcyO0bjJ+VZuyTeLbOPYiFGq2/Lxgl50wfr/E
BPBg3epQatxyegzbbkrWLS2ouA4sCOKrBhe+aUi8Vkp9Ny4SLAziwgGbkvL04zj3
w7omQElSCPdcjG/+gDCCee9CdMVGmvPKvOJTob0frlndfpnwQR95he8pKVlDQjkg
sjQZV2vgGQugRBcOBJxx1kENDAEctmrgXvWHE1gUbgN0aMfAdd5ZnbAShzJuWURM
qBLZOQ55AgMBAAECggEBALo206tn57mZqcgxtEUoHg/kxosyOIoP4gg+jdNDyG9N
t767ayqwgOAwkxUHSSalcOe3/8e53BbCFIqEVsAqOOZD7D0ZiIyXUXJbLtdTvSuJ
Dj6Ni5Vh5P0dCvsqnOufSLGFEtwC+4L5QYpTyqoaKrNoQrKQYQoqRQMuJ263OO6b
KmUYd3fGThTeqKc6JGbExd33l6aYNxbX88x3h3oS4hq56owGkfpbouQFkQy1XK6E
DcJoGWv1QHHP51A6QKro6Vlo/BdeVvyv//gUzvOMJ0vMzaLnPSt6/Tdj/83zJAVw
P0JBGU/l2ZnV7EwR/OyCml4yX9zTVgqbX++hq0QZ9jkCgYEA88cJuFVxrR2Hx0u/
Mv0lwaSzFyYh49ox/UAh8OhZZXfmZcwT70UIBw52RVguKrZLvUcPGBVT7UoJpslR
6ycwYiLbXZ9w+ZQPIvBp7BLl1SSFsgBy8rM93VwV20qNhVoS+qLU80OBvlhigFDc
RLE9ZXfM35jILVn8/JWlo12qcpsCgYEA+gF8XWlHKYroNrdnCwxZZm0BDfb+1DNG
/6r9mu4L+/b//n4jJ/oxZDGaOd6T8XL4pXpKeys5Q8TSbbPA44klF/ooGVd9J1jy
9gby0dYli/It0NyCU7vO3PT3FdY3KPKb53GLWXGB30B/OLL0K+R8Ff9yMtm2xoaL
jNicXVX02nsCgYEAk9TtCRMPx7qzv2EpBsPLZL37ORuPy7xjOj/tFUniBI2Mc8kp
gZ0sPBNCF9Vc0dwQ3Cy+c41jgu+2IKXPfroaNjkLLKBnA4MNFtQSd+4R4IqwZPyu
uI2IA7g3LO/uGKNCBSo/13HluUeiHExs919Aa0sWO7ZMFmyO5aHee85ucecCgYBA
43XWAOc5fxY6bWvPUEs77HrjlwIZLZ316fmc5sAxi7Bx62dQjv2W1dEDyCN5/a9P
s+f1BAj+7+z2EDu2UvhPutwBh9WyCsI03STVFdH0+sytcy5YcVyFuQcQoeL7O8z/
S1cxxeZBfcoHe1sosUsLopuPWza3XGCIFAixqQe+VQKBgQDfLLRJwirg9DVv5PlY
A545KHWOnzJpvI9ZcUvcvC+QAzPbcdO+Lv3k6XHW3Gv4BWUv/uSsTFN41Ib+ZykB
SUICqRzwF1x8O0lXyBBDooN4nXCQt5YbsX/Y9VbOWTxiJ4Bf2SBn1myWryXz3CM+
Fi9jIfi+oDYmJbmwGgTyMCCgOQ==
-----END PRIVATE KEY-----
+26
View File
@@ -0,0 +1,26 @@
-----BEGIN CERTIFICATE-----
MIIETzCCAregAwIBAgIQb5YGv6dOgj3XDOtlEmSMFTANBgkqhkiG9w0BAQsFADCB
gzEeMBwGA1UEChMVbWtjZXJ0IGRldmVsb3BtZW50IENBMSwwKgYDVQQLDCNERVNL
VE9QLVNWSEk0MlRcanVnQERFU0tUT1AtU1ZISTQyVDEzMDEGA1UEAwwqbWtjZXJ0
IERFU0tUT1AtU1ZISTQyVFxqdWdAREVTS1RPUC1TVkhJNDJUMB4XDTI1MDQyNTA3
NDYzNVoXDTI3MDcyNTA3NDYzNVowVzEnMCUGA1UEChMebWtjZXJ0IGRldmVsb3Bt
ZW50IGNlcnRpZmljYXRlMSwwKgYDVQQLDCNERVNLVE9QLVNWSEk0MlRcanVnQERF
U0tUT1AtU1ZISTQyVDCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAO4R
ybJpbZCaEgHqRMViBwL16hYd9l+Bp0m+Xqyosbhgo2JoGnp9cie9N5xVILhUamCB
9cp+NMyVRpZm+0xXqL+DH60/wtMfqW7mG3qxv0tzI7RuMn5Vm7JN4ts49iIUarb8
vGCXnTB+v8QE8GDd6lBq3HJ6DNtuStYtLai4DiwI4qsGF75pSLxWSn03LhIsDOLC
AZuS8vTjOPfDuiZASVII91yMb/6AMIJ570J0xUaa88q84lOhvR+uWd1+mfBBH3mF
7ykpWUNCOSCyNBlXa+AZC6BEFw4EnHHWQQ0MARy2auBe9YcTWBRuA3Rox8B13lmd
sBKHMm5ZREyoEtk5DnkCAwEAAaNqMGgwDgYDVR0PAQH/BAQDAgWgMBMGA1UdJQQM
MAoGCCsGAQUFBwMBMB8GA1UdIwQYMBaAFFy6asLfUTtAaZz1nLcl16XDDcjzMCAG
A1UdEQQZMBeCCWxvY2FsaG9zdIcEfwAAAYcEwKgpdjANBgkqhkiG9w0BAQsFAAOC
AYEAHgCaKoqdwjyMqVQKCrRCUo7nw7BcM5QtUs/CtRxG4PWWk15PaMDBlDRISng6
+hEDI1ZhKnN3mpj/+xWY44Aqrj5QOgcIEkYF0Ny2k6pNFFHqd8Ma9T/9Pfdsdy5Q
29g2Rh4JW3qqna1yfEnhpudiJGmMcuc4+d4c+xQHLCtBMzURXaYYu6COptAvJf7A
JA6eUIf0IULfkyHejPM4NDnOaKd5KqhlofLAYl4bkhDD+d2b91g0rLj0PY5yF+yT
6V454hdiiXcOY334Fc1n7RWawlxhmvZOnNgFpHR+eUlfnDyhHR06YN+n2QUCZrtq
7bnKmttCi+RHNjDziB/w7Eju2PnLAstkY8i+ovS7+SzKvvKI8HvV4EpRxAntsFFt
xje0J0DTfePCZY9WsPJm4KwrV5g8uVsIdY4ayDbrvJJOyzvg+ne4VfdJjABQUgD3
J+B9W9dMc/hk9WCopAMoLlitEdGS+PXAiPYSm73aytQqhbAMaxnwkuHKc4uPdFPF
CHmn
-----END CERTIFICATE-----
-94
View File
@@ -1,94 +0,0 @@
import { ref } from 'vue'
// 基础配置
// const BASE_URL = "http://192.168.41.118:9090/api"
const BASE_URL = "/api"
export function useRequest() {
const loading = ref(false)
const error = ref<any>(null)
// 核心请求方法
const sendRequest = <T = any>(options: UniApp.RequestOptions): Promise<T> => {
loading.value = true
error.value = null
return new Promise((resolve, reject) => {
// 处理URL
const url = options.url.startsWith('http')
? options.url
: `${BASE_URL}/${options.url.replace(/^\//, '')}`
// 添加token
const token = uni.getStorageSync('token')
const headers = {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest',
...(token ? { 'Authorization': `Bearer ${token}` } : {}),
...options.header
}
uni.request({
url,
method: options.method || 'GET',
data: options.data,
header: headers,
timeout: options.timeout || 10000,
success: (res) => {
if (res.statusCode >= 200 && res.statusCode < 300) {
if(res.data.code === 0){
resolve(res.data as T)
}else if(res.data.code === 600098){
// 未登录
uni.removeStorageSync('token')
uni.reLaunch({
url: '/pages/login/index'
})
}else {
const err = new Error(res.data?.msg || '请求失败')
error.value = err
reject(err)
}
} else {
const err = new Error(res.data?.msg || '请求失败')
error.value = err
reject(err)
}
},
fail: (err) => {
error.value = err
reject(err)
},
complete: () => {
loading.value = false
}
})
})
}
// GET请求
const get = <T = any>(url: string, params?: any) => {
return sendRequest<T>({
url,
method: 'GET',
data: params
})
}
// POST请求
const post = <T = any>(url: string, data?: any) => {
return sendRequest<T>({
url,
method: 'POST',
data
})
}
return {
loading,
error,
request: sendRequest,
get,
post
}
}
+41
View File
@@ -0,0 +1,41 @@
export default {
// 初始化微信配置
initWechatConfig: function(config) {
return new Promise((resolve, reject) => {
jWeixin.config({
debug: false, // 开启调试模式
appId: config.appId,
timestamp: config.timestamp,
nonceStr: config.nonceStr,
signature: config.signature,
jsApiList: ['scanQRCode'] // 需要使用的JS接口列表
});
jWeixin.ready(() => {
resolve();
});
jWeixin.error(err => {
reject(err);
});
});
},
// 调用微信扫一扫
scanQRCode: function() {
return new Promise((resolve, reject) => {
jWeixin.scanQRCode({
needResult: 1, // 默认为0,扫描结果由微信处理,1则直接返回扫描结果
scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码,默认二者都有
success: (res) => {
// 当needResult 为 1 时,扫码返回的结果
const result = res.resultStr;
resolve(result);
},
fail: (err) => {
reject(err);
}
});
});
}
}
+7 -2
View File
@@ -3,8 +3,9 @@ import uni from '@dcloudio/vite-plugin-uni'
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { TDesignResolver } from 'unplugin-vue-components/resolvers';
import path from 'path';
const path = require('path');
const fs = require('fs');
// https://vitejs.dev/config/
export default defineConfig({
@@ -27,9 +28,13 @@ export default defineConfig({
}
},
server: {
https: {
cert: fs.readFileSync(path.join(__dirname, 'src/ssl/localhost+2.pem')),
key: fs.readFileSync(path.join(__dirname, 'src/ssl/localhost+2-key.pem'))
},
proxy: {
'/api': {
target: 'http://192.168.0.107:9090',
target: 'http://192.168.41.118:9090',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '')
}