Browse Source

我的优惠券接口数据调整;我的页面sessionKey判断处理;财税管家页面;

sinea17 1 year ago
parent
commit
9c95769d8b

+ 10 - 3
pages.json

@@ -283,6 +283,13 @@
 			"style": {
 				"navigationBarTitleText": "企业服务"
 			}
+		},
+		{
+			"path": "pages/tax/index",
+			"style": {
+				"navigationBarTitleText": "财税管家",
+				"backgroundColor": "#f3f3f3"
+			}
 		}
 	],
 	"globalStyle": {
@@ -303,13 +310,13 @@
 				"pagePath": "pages/taxationLesson/index",
 				"iconPath": "/static/tabbar/honer.png",
 				"selectedIconPath": "/static/tabbar/honer-ed.png",
-				"text": "创业社区"
+				"text": "干货分享"
 			},
 			{
-				"pagePath": "pages/appCenter/index",
+				"pagePath": "pages/tax/index",
 				"iconPath": "/static/tabbar/honer.png",
 				"selectedIconPath": "/static/tabbar/honer-ed.png",
-				"text": "应用中心"
+				"text": "财税管家"
 			},
 			{
 				"pagePath": "pages/self/index",

+ 6 - 6
pages/self/coupon/index.vue

@@ -8,13 +8,13 @@
 		<!-- 未使用 -->
 		<view class="coupon-panel">
 			<view class="item" v-for="(item, index) in couponList" :key="index" @click="handleOpenCouponDetail">
-				<view class="name">{{ item.name }}</view>
-				<view class="desc">使用范围:{{ item.productIds || item.categoryIds ? '指定产品品类可用' : '所有产品品类可用' }}</view>
-				<view class="desc">使用条件:{{ item.line ? `满${item.line}元可用` : '无限制' }}</view>
-				<view class="desc">有效日期:{{ item.endTime ? '至 ' + item.endTime : '无限制' }}</view>
+				<view class="name">{{ item.coupon.name }}</view>
+				<view class="desc">使用范围:{{ item.coupon.productIds || item.coupon.categoryIds ? '指定产品品类可用' : '所有产品品类可用' }}</view>
+				<view class="desc">使用条件:{{ item.coupon.line ? `满${item.coupon.line}元可用` : '无限制' }}</view>
+				<view class="desc">有效日期:{{ item.coupon.endTime ? '至 ' + item.coupon.endTime : '无限制' }}</view>
 				<view class="side">
-					<view class="price">{{ item.showMoney }}</view>
-					{{ item.line ? `满${item.line}元可用` : '使用无限制' }}
+					<view class="price">{{ item.coupon.showMoney }}</view>
+					{{ item.coupon.line ? `满${item.coupon.line}元可用` : '使用无限制' }}
 				</view>
 				<!-- <view class="side">
 					<image class="state-1" src="@/static/img_coupon_state_1.png"></image>

+ 2 - 2
pages/self/index.vue

@@ -3,7 +3,7 @@
 		<view class="header-panel" @click="handleOpenInfo">
 			<image v-if="userInfo && userInfo.avatar" class="avatar" :src="userInfo.avatar" mode="aspectFill"></image>
 			<image v-else class="avatar" src="../../static/img_avatar.png" mode="aspectFill"></image>
-			<view v-if="userInfo" class="info">
+			<view v-if="userInfo.sessionKey" class="info">
 				<view class="name">{{ userInfo.phone }}</view>
 				<view class="company">{{ userInfo.phone }}</view>
 				<image class="arrow" src="../../static/icon_arrow.png"></image>
@@ -171,7 +171,7 @@ export default {
 			});
 		},
 		handleOpenInfo() {
-			if (!this.userInfo) return;
+			if (!this.userInfo.sessionKey) return;
 			uni.navigateTo({
 				url: 'info'
 			});

+ 135 - 0
pages/tax/index.scss

@@ -0,0 +1,135 @@
+.page-wrap {
+	min-height: 100vh;
+	background: #fff;
+}
+.header-panel {
+	height: 164.84rpx;
+	display: flex;
+	align-items: center;
+	border-bottom: 1rpx solid #e0e0e0;
+	padding: 0 41.21rpx;
+	.avatar {
+		width: 96.15rpx;
+		height: 96.15rpx;
+		margin-right: 16.48rpx;
+	}
+	.info {
+		flex: 1;
+		position: relative;
+		padding-right: 68.68rpx;
+	}
+	.arrow {
+		width: 41.21rpx;
+		height: 41.21rpx;
+		position: absolute;
+		right: 0;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+	.name {
+		font-size: 32.97rpx;
+	}
+	.company {
+		font-size: 27.47rpx;
+		color: #666;
+		margin-top: 5.49rpx;
+	}
+}
+.menu-panel {
+	display: flex;
+	justify-content: center;
+	padding: 41.21rpx 0;
+	.item {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		font-size: 27.47rpx;
+		margin: 0 27.47rpx;
+	}
+	.icon {
+		width: 61.81rpx;
+		height: 67.31rpx;
+		margin-bottom: 20.6rpx;
+	}
+}
+.nav-panel {
+	overflow: hidden;
+	.item {
+		float: left;
+		margin: 0 0 20.6rpx 31.59rpx;
+		border-radius: 10.99rpx;
+		padding: 27.47rpx 0 0 34.34rpx;
+		box-sizing: border-box;
+		width: 329.67rpx;
+		height: 164.84rpx;
+		color: #fff;
+		position: relative;
+		overflow: hidden;
+		font-size: 0;
+		&-1 {
+			height: 348.9rpx;
+			background: linear-gradient(222.435558821297deg, rgba(49, 148, 248, 1) -2%, rgba(31, 113, 249, 1) 100%);
+			.icon {
+				width: 203.3rpx;
+				height: 203.3rpx;
+				right: 0;
+				bottom: -13.74rpx;
+			}
+			.desc {
+				line-height: 1.7;
+			}
+		}
+		&-2 {
+			background: linear-gradient(243.434948822922deg, rgba(255, 175, 34, 1) 0%, rgba(253, 153, 27, 1) 99%);
+		}
+		&-3 {
+			background: linear-gradient(243.434948822922deg, rgba(253, 113, 78, 1) 0%, rgba(246, 78, 76, 1) 99%);
+		}
+		&-4 {
+			background: linear-gradient(243.434948822922deg, rgba(253, 91, 132, 1) 0%, rgba(251, 73, 106, 1) 99%);
+		}
+		&-5 {
+			background: linear-gradient(243.434948822922deg, rgba(0, 193, 226, 1) 0%, rgba(0, 146, 218, 1) 99%);
+		}
+		&-6 {
+			background: linear-gradient(243.434948822922deg, rgba(85, 130, 247, 1) 0%, rgba(62, 102, 227, 1) 99%);
+		}
+		&-7 {
+			background: linear-gradient(243.434948822922deg, rgba(151, 115, 249, 1) 0%, rgba(126, 88, 235, 1) 97%);
+		}
+	}
+	.name {
+		font-size: 30.22rpx;
+		font-weight: bold;
+		margin-bottom: 5.49rpx;
+	}
+	.desc {
+		font-size: 24.73rpx;
+		position: relative;
+		z-index: 1;
+		line-height: 1.4;
+	}
+	.icon {
+		position: absolute;
+		right: -13.74rpx;
+		bottom: -13.74rpx;
+		width: 133.24rpx;
+		height: 133.24rpx;
+	}
+}
+.banner {
+	width: 686.81rpx;
+	height: 278.85rpx;
+	display: block;
+	margin: auto;
+}
+
+.foot-panel {
+	text-align: center;
+	padding: 41.21rpx 0;
+	font-size: 21.98rpx;
+	color: #999;
+	.link {
+		color: #0384d6;
+	}
+}

+ 93 - 0
pages/tax/index.vue

@@ -0,0 +1,93 @@
+<template>
+	<view class="page-wrap">
+		<view class="header-panel">
+			<image class="avatar" src="@/static/auth-icon.png" mode="aspectFill"></image>
+			<view class="info">
+				<view class="name">天津超易达胜科技发展有限公司</view>
+				<view class="company">911201033006420997</view>
+				<image class="arrow" src="@/static/svg/arrow.svg"></image>
+			</view>
+		</view>
+		<view class="menu-panel">
+			<view class="item">
+				<image class="icon" src="@/static/icon_tax_menu_1.jpg"></image>
+				我的消息
+			</view>
+			<view class="item">
+				<image class="icon" src="@/static/icon_tax_menu_2.jpg"></image>
+				我的账簿
+			</view>
+			<view class="item">
+				<image class="icon" src="@/static/icon_tax_menu_3.jpg"></image>
+				常见问题
+			</view>
+			<view class="item">
+				<image class="icon" src="@/static/icon_tax_menu_4.jpg"></image>
+				我的管家
+			</view>
+		</view>
+		<view class="nav-panel">
+			<view :class="'item item-' + item.value" v-for="(item, index) in navList" :key="index">
+				<view class="name">{{ item.name }}</view>
+				<text class="desc">{{ item.desc }}</text>
+				<image class="icon" :src="`../../static/icon_tax_nav_${item.value}.png`"></image>
+			</view>
+		</view>
+		<image class="banner" src="../../static/img_tax_banner.jpg" mode="aspectFill"></image>
+		<view class="foot-panel">
+			<view class="link">了解财税管家</view>
+			本服务由鑫鑫记账®小程序提供
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			navList: [
+				{
+					name: '记账报税',
+					desc: '为企业建立全套规范的\n会计账簿,编制会计报\n表,装订会计凭证,\n进行税务申报,以符合\n税务稽查的要求',
+					value: 1
+				},
+				{
+					name: '税控托管',
+					desc: '发票购买、代开\n税额核准与抄报税',
+					value: 2
+				},
+				{
+					name: '社保代理',
+					desc: '社保公积金基数核定、\n开户、团队代理',
+					value: 3
+				},
+				{
+					name: '会计到家',
+					desc: '专人上门服务\n乱账梳理、税务筹划',
+					value: 4
+				},
+				{
+					name: '线下代办',
+					desc: '各类证照、开户、\n申报、异常处理等',
+					value: 5
+				},
+				{
+					name: '手机开票',
+					desc: '开票不用找会计\n手机轻松搞定',
+					value: 6
+				},
+				{
+					name: '设置',
+					desc: '会计准则\n科目期初',
+					value: 7
+				}
+			]
+		};
+	},
+	methods: {}
+};
+</script>
+
+<style lang="scss" scoped>
+@import 'index.scss';
+</style>

BIN
static/icon_tax_menu_1.jpg


BIN
static/icon_tax_menu_2.jpg


BIN
static/icon_tax_menu_3.jpg


BIN
static/icon_tax_menu_4.jpg


BIN
static/icon_tax_nav_1.png


BIN
static/icon_tax_nav_2.png


BIN
static/icon_tax_nav_3.png


BIN
static/icon_tax_nav_4.png


BIN
static/icon_tax_nav_5.png


BIN
static/icon_tax_nav_6.png


BIN
static/icon_tax_nav_7.png


BIN
static/img_tax_banner.jpg