xg

api/pagesB/FiveCardPackage/index.js

@@ -0,0 +1,24 @@
+import request from "../../request.js"
+
+//列表
+export function cardPackagelist(data) {
+	return request({
+		url: `/applet/point/cardPackage/list`,
+		method: 'get',
+		data,
+		header: {
+			region: uni.getStorageSync('region'),
+		},
+	})
+}
+
+//详情
+export function cardPackagedetail(code) {
+	return request({
+		url: `/applet/point/cardPackage/detail/${code}`,
+		method: 'get',
+		header: {
+			region: uni.getStorageSync('region'),
+		},
+	})
+}

pages.json

@@ -459,6 +459,14 @@
 						"navigationBarTitleText": "360健康画像",
 						"enablePullDownRefresh": false
 					}
+				},
+				{
+					"path" : "FiveCardPackage/FiveCardPackage",
+					"style" : 
+					{
+						"navigationBarTitleText" : "五卡套餐",
+						"enablePullDownRefresh" : false
+					}
 				}
 			]
 		}, {

pagesB/Behaviorpoints/Behaviorpoints.scss

@@ -1,8 +1,18 @@
 	.app {
 		background-color: #F7F5F5;
 		height: 100vh;
-		// padding-top: 20rpx;
+		padding-top: 20rpx;
 
+		.title{
+			color:#007e5c;
+			font-size: 36rpx;
+			font-weight: 1000;
+			position: absolute;
+			top:24rpx;
+			left:90rpx;
+			font-family: "KaiTi", "SimKai", "KaiTi_GB2312", "KaiTi_GB2312", sans-serif;
+		}
+		
 		.flex {
 			width: 100%;
 			display: flex;
@@ -15,7 +25,7 @@
 		.background {
 			height: 100%;
 			background-color: #fff;
-			width: 100%;
+			width: 96%;
 			margin: 0 auto;
 
 			.content {
@@ -23,8 +33,7 @@
 
 				image {
 					width: 100%;
-					padding-left: 7rpx;
-					height: 480rpx;
+					height: 440rpx;
 				}
 
 				.item {
@@ -51,13 +60,13 @@
 				}
 
 				.number {
-					font-size: 56rpx;
-					font-weight: 400;
+					font-size: 62rpx;
+					font-weight: 600;
 					color: #FFFFFF;
 					position: absolute;
-					left: 50%;
-					top: 54%;
-					transform: translateX(-50%);
+					text-align: center;
+					width: 100%;
+					top: 50%;
 					text-overflow: ellipsis;
 					white-space: nowrap;
 					color:#AD7600;

pagesB/Behaviorpoints/Behaviorpoints.vue

@@ -2,6 +2,9 @@
 	<view class="app">
 		<view class="background">
 			<view class="content">
+				<view class="title">
+					{{title}}
+				</view>
 				<image mode="" :src="require('../images/putongka.png')" v-if='region==2&&score>=0&&score<800' />
 				<image mode="" :src="require('../images/yinka.png')" v-if='region==2&&score>=800&&score<1600' />
 				<image mode="" :src="require('../images/jinka.png')" v-if='region==2&&score>=1600&&score<2400' />
@@ -13,7 +16,7 @@
 				</view>
 				<view class="number" :style="region!=2?'top:35%;':''">
 					<span
-						:style="score>=0&&score<800?'color:#fff':score>=800&&score<1600?'color:#D2BC97':score>=1600&&score<2400?'color:#AD7600':score>=2400&&score<3000?'color:#FAEEDB':score>=3000?'color:#4864ED':''">
+						:style="score>=0&&score<800?'color:#fff':score>=800&&score<1600?'color:#D3BC96':score>=1600&&score<2400?'color:#AD7600':score>=2400&&score<3000?'color:#FAEEDB':score>=3000?'color:#4864ED':''">
 						{{score?score:0}}
 					</span>
 				</view>
@@ -45,8 +48,8 @@
 					<view class="item" @tap='gobehavior'>
 						健康行为
 					</view>
-					<view class="item" @tap=''>
-						参考兑换
+					<view class="item" @tap='goFiveCardPackage'>
+						五卡套餐
 					</view>
 					<view style="width:25%">
 					</view>
@@ -101,6 +104,7 @@
 				total: 0,
 				score: 0,
 				orgNo: '',
+				title: '',
 			};
 		},
 		onShow() {
@@ -114,6 +118,7 @@
 				detail(this.query.identity).then(res => {
 					let name = res.data.countyName.split('区')[0].split('县')
 					this.orgNo = res.data.orgNo
+					this.title = '东营健康银行' + name + '分行'
 					uni.setNavigationBarTitle({
 						title: '东营健康银行' + name + '分行'
 					});
@@ -169,6 +174,11 @@
 				// this.gologin();
 				// }
 			},
+			goFiveCardPackage() {
+				uni.navigateTo({
+					url: "/pagesB/FiveCardPackage/FiveCardPackage"
+				})
+			},
 		},
 		onReachBottom() { //下滑加载
 			if (this.list.length >= this.total) {} else {

pagesB/FiveCardPackage/FiveCardPackage.vue

@@ -0,0 +1,69 @@
+<template>
+	<view class="app">
+		<view class="title">
+			健康服务产品“五卡套餐”参考兑换表
+		</view>
+		<u-table>
+			<u-tr>
+				<u-th>健康积分卡</u-th>
+				<u-th>积分分值上限</u-th>
+				<u-th>套餐服务</u-th>
+				<u-th>备注</u-th>
+			</u-tr>
+			<u-tr v-for="(item,index) in list" :key='index'>
+				<u-td>
+					{{item.cardType==1?'普通卡':item.cardType==2?'银卡':item.cardType==3?'金卡':item.cardType==4?'铂金卡':item.cardType==5?'钻石卡':'' }}
+				</u-td>
+				<u-td>{{item.scoreLimit}}</u-td>
+				<u-td>{{item.packageDescribe}}</u-td>
+				<u-td>{{item.remark}}</u-td>
+			</u-tr>
+		</u-table>
+		<view class="text">
+			注:各支行可按实际情况调整医疗健康服务、健康实用物品医疗设备租赁、长期健康产品等相应的积分及兑换项目
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		cardPackagelist
+	} from '@/api/pagesB/FiveCardPackage/index.js'
+	export default {
+		data() {
+			return {
+				list: [],
+				query: {
+					identity: uni.getStorageSync('userinfo').cardNo
+				}
+			};
+		},
+		onLoad() {
+			this.info();
+		},
+		methods: {
+			info() {
+				cardPackagelist(this.query).then(res => {
+					res.rows.forEach(e => {
+						e.cardType = Number(e.cardType)
+					})
+					this.list = res.rows
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		.title {
+			font-weight: 600;
+			font-size: 38rpx;
+			text-align: center;
+			padding: 20rpx 0 50rpx;
+		}
+		.text{
+			padding: 20rpx;
+		}
+	}
+</style>