feat(detail): 参会人表新增增值税及附加/摘要/现场照片 3 列 + 劳务协议展示, 角色=劳务形式, 费项改名应发金额/个税税金/实发金额

2026-08-22 16:27:54 +08:00
parent 2ae4cd3ea5
commit da7c19af6c
47 changed files with 4976 additions and 15 deletions
@@ -0,0 +1,154 @@
+<template>
+	<view class="home">
+		<view class="hero">
+			<text class="hero-title">取景拍摄</text>
+			<text class="hero-subtitle">选择拍摄场景</text>
+		</view>
+
+		<view class="list">
+			<view class="card" @click="goSignin">
+				<view class="card-icon-wrap">
+					<text class="card-icon">📄</text>
+				</view>
+				<view class="card-body">
+					<text class="card-title">签到表拍摄</text>
+					<text class="card-desc">A4 竖版 · 框宽 90% · 适合签到表 / 会议材料</text>
+				</view>
+				<text class="card-arrow">›</text>
+			</view>
+
+			<view class="card" @click="goPanorama">
+				<view class="card-icon-wrap">
+					<text class="card-icon">📷</text>
+				</view>
+				<view class="card-body">
+					<text class="card-title">全景照片拍摄</text>
+					<text class="card-desc">16:9 横版 · 框宽 80% · 适合合影 / 全景</text>
+				</view>
+				<text class="card-arrow">›</text>
+			</view>
+		</view>
+
+		<view class="footer">
+			<text class="footer-text">POC 阶段 · 真机测试需 HTTPS</text>
+		</view>
+	</view>
+</template>
+
+<script setup lang="uts">
+function goSignin() {
+	uni.navigateTo({ url: '/pages/signin/index' })
+}
+
+function goPanorama() {
+	uni.navigateTo({ url: '/pages/panorama/index' })
+}
+</script>
+
+<style>
+	.home {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: #0d0d0d;
+		display: flex;
+		flex-direction: column;
+		padding-top: env(safe-area-inset-top);
+		padding-bottom: env(safe-area-inset-bottom);
+		overflow-y: auto;
+	}
+
+	.hero {
+		padding: 80rpx 40rpx 40rpx;
+	}
+
+	.hero-title {
+		display: block;
+		color: #FFD600;
+		font-size: 56rpx;
+		font-weight: bold;
+		margin-bottom: 12rpx;
+	}
+
+	.hero-subtitle {
+		display: block;
+		color: #999;
+		font-size: 28rpx;
+	}
+
+	.list {
+		display: flex;
+		flex-direction: column;
+		padding: 0 40rpx;
+	}
+
+	.card {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		padding: 40rpx 32rpx;
+		margin-bottom: 24rpx;
+		background: rgba(255, 255, 255, 0.06);
+		border-radius: 20rpx;
+		border: 2rpx solid rgba(255, 214, 0, 0.25);
+	}
+
+	.card:active {
+		background: rgba(255, 214, 0, 0.12);
+		border-color: rgba(255, 214, 0, 0.6);
+	}
+
+	.card-icon-wrap {
+		width: 100rpx;
+		height: 100rpx;
+		border-radius: 24rpx;
+		background: rgba(255, 214, 0, 0.15);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-right: 24rpx;
+	}
+
+	.card-icon {
+		font-size: 52rpx;
+	}
+
+	.card-body {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.card-title {
+		color: #fff;
+		font-size: 32rpx;
+		font-weight: bold;
+		margin-bottom: 8rpx;
+	}
+
+	.card-desc {
+		color: #999;
+		font-size: 24rpx;
+		line-height: 1.4;
+	}
+
+	.card-arrow {
+		color: #FFD600;
+		font-size: 56rpx;
+		margin-left: 16rpx;
+		font-weight: bold;
+	}
+
+	.footer {
+		margin-top: auto;
+		padding: 60rpx 40rpx 40rpx;
+		text-align: center;
+	}
+
+	.footer-text {
+		color: #666;
+		font-size: 22rpx;
+	}
+</style>