调整

apis/friends.js

@@ -38,3 +38,13 @@ export function submitEventRegistration(data) {
 	})
 }
 
+export function findByCatalogName(data) {
+	 
+	return requestWhite({
+		method: 'post',
+		data:data ,
+		url: '/mobile/dataDictionary/findByCatalogName'
+	})
+}
+
+

pages/user/newYear2024.vue

@@ -5,180 +5,203 @@
 
 		</u-mask>
 
-		<ujp-navbar title="凭话费领年卡活动"  :startGz="false"  :isBack="back" ></ujp-navbar>
+		<ujp-navbar title="凭话费领年卡活动" :startGz="false" :isBack="back"></ujp-navbar>
 		<view class="InviteFriends" :class="{
 			opacityClass:show
 		}">
-		<view class="text imgHead">
-					<view class="imgHead1">
-						<img   style="width: 125px;" src="@/assets/img/piccShare/1.png"></img>
-						
-						
-					</view>
-					<view class="imgHead2">
-						<img  style="width: 252px;height: 40px;" src="@/assets/img/piccShare/5.png"></img>
-					</view>
+			<view class="text imgHead">
+				<view class="imgHead1">
+					<img style="width: 125px;" src="@/assets/img/piccShare/1.png"></img>
+
+
+				</view>
+				<view class="imgHead2">
+					<img style="width: 252px;height: 40px;" src="@/assets/img/piccShare/5.png"></img>
 				</view>
+			</view>
 			<view class="main">
-				
+
 				<view class="suited">
 					<p class="title">活动对象 :</p>
 					<view class="content">
 						不限
-						
-					</view>
-				 
-					
-					<p class="title">活动说明 :</p>
-					<view class="content">
-						
-						
-						庆元旦，迎新年，用户凭手机号，免费领取<span style="color: rgb(12 11 11);font-weight: bold;">51充电联盟年卡</span>一张，最低可享<span style="color: #ec4f27;font-weight: bold;">两年免充电服务费</span>，最高可享万元礼包，老带新还能有额外红包大礼！
-						
-					</view>
-					<view class="bottomView" v-if="false">
-						<u-button class="button" shape="circle" @click="show=true" >分享活动
-						<u-icon name="share"></u-icon>
-						</u-button>
+
+					</view>
+
+
+					<p class="title">活动说明 :</p>
+					<view class="content">
+
+
+						庆元旦，迎新年，用户凭手机号，免费领取<span
+							style="color: rgb(12 11 11);font-weight: bold;">51充电联盟年卡</span>一张，最低可享<span
+							style="color: #ec4f27;font-weight: bold;">两年免充电服务费</span>，最高可享万元礼包，老带新还能有额外红包大礼！
+
+					</view>
+					<view class="bottomView" v-if="false">
+						<u-button class="button" shape="circle" @click="show=true">分享活动
+							<u-icon name="share"></u-icon>
+						</u-button>
 					</view>
 				</view>
 
 				<view class="application-form ">
-				
+
 					<view class="tel">
 						<p><span style="color: red;">*</span>填写手机号</p>
-						<u-input v-model="subForm.phone" :customStyle="placeholderStyle" 
+						<u-input v-model="subForm.phone" :customStyle="placeholderStyle"
 							:placeholderStyle="placeholderStyle" placeholder="请填写手机号"></u-input>
 					</view>
-					
-					
-				<view class="bottomView">
-					
-						<u-button class="button"  type="warning" @click="submit">我要领卡</u-button>
-				</view>
+
+
+					<view class="bottomView">
+
+						<u-button class="button" type="warning" @click="submit">我要领卡</u-button>
+					</view>
+				</view>
+				
+				<view class="application-table  table">
+					<view style="text-align: center;color: red;font-size: 36rpx;margin-bottom: 4px;">
+						年卡礼包
+					</view>
+					<table >
+						<tr class="th">
+						
+							<td >年卡</td>
+							<td>说明</td>
+							<td>价值</td>
+						</tr>
+						<tr v-for="(item,i) in tableList" :key="i">
+							<td class="td1">{{item.name}}</td>
+							<td class="td2">{{item.value}}</td>
+							<td class="td3">{{item.createBy}}</td>
+						 
+						</tr>
+					</table>
+					</view>
 			</view>
-	</view>
-		</view>
-		<u-modal v-model="show1" @confirm="gotoGz" cancel-text="暂不关注" confirm-text="前往关注" :show-cancel-button="false"
-			confirm-color="#53b56b" ref="uModal2" :asyncClose="true">
-			<view style="padding: 15px;">请先关注<span style=" color:  #53b56b;">{{projectName}}</span>公众号，然后进行填报</view>
+		</view>
+		<u-modal v-model="show1" @confirm="gotoGz" cancel-text="暂不关注" confirm-text="前往关注" :show-cancel-button="false"
+			confirm-color="#53b56b" ref="uModal2" :asyncClose="true">
+			<view style="padding: 15px;">请先关注<span style=" color:  #53b56b;">{{projectName}}</span>公众号，然后进行填报</view>
 		</u-modal>
-		
-		<u-mask :show="carTempBl" >
-		<ucarkeyboard  v-if="carTempBl" :tips="subForm.carNum" style="z-index: 9999;position: fixed !important;"  ref="uKeyboard" mode="car"
-			@confirm="carTempBl=false" @cancel="carTempBl=false" :showTips="true"
-			:mask-close-able="false" @change="valChange" @backspace="backspace"></ucarkeyboard>
-		
-		</u-mask>
-		
+
+		<u-mask :show="carTempBl">
+			<ucarkeyboard v-if="carTempBl" :tips="subForm.carNum" style="z-index: 9999;position: fixed !important;"
+				ref="uKeyboard" mode="car" @confirm="carTempBl=false" @cancel="carTempBl=false" :showTips="true"
+				:mask-close-able="false" @change="valChange" @backspace="backspace"></ucarkeyboard>
+
+		</u-mask>
+
 	</view>
 </template>
 
 <script>
 	import wx from 'weixin-js-sdk'
-	 
+
 	import {
 		convertCanvasToImage,
 		substrMb
-	} from '@/utils'
-	import {
-		checkPhone
-	} from '@/utils'
-	
- 	import * as API from '@/apis/friends.js'
+	} from '@/utils'
+	import {
+		checkPhone
+	} from '@/utils'
+
+	import * as API from '@/apis/friends.js'
 	import * as WxJsApi from '@/utils/wxJsApi.js'
 	import * as API_weixin from '@/apis/weixin.js'
 
 	import ucarkeyboard from '@/components/Ucarkeyboard.vue'
 
 
-	export default {
-		components: {
-			ucarkeyboard
+	export default {
+		components: {
+			ucarkeyboard
 		},
 		data() {
 			return {
-				isLogin:false,
-				carAuthImg:"",
+				tableList:[],
+				isLogin: false,
+				carAuthImg: "",
 				id: "",
-				carTempBl:false,
+				carTempBl: false,
 				code: "",
 				show: false,
-			 
+
 				uid: "",
-			 
+
 				show1: false,
 				show2: false,
 				projectName: "",
 				name: "",
-				 
+
 				back: false,
-				 
-				subForm: {
-					realName:"",
+
+				subForm: {
+					realName: "",
 					phone: "",
-					carNum:"",
-					licenseFileUrl: "",
-					openId:"",
+					carNum: "",
+					licenseFileUrl: "",
+					openId: "",
 					shareUserId: ""
 				},
 
-				
+
 				placeholderStyle: {
-					'font-size': '16px',
-					
-					'padding': '4px 8px',
-					},
-				shareUserId:"",
-				userInfo:null,
-				carNum:'',
-				carLicense:false,
+					'font-size': '16px',
+
+					'padding': '4px 8px',
+				},
+				shareUserId: "",
+				userInfo: null,
+				carNum: '',
+				carLicense: false,
 
 			}
 		},
-		onLoad(op) {
-			if(op.back){
-				this.back=false
+		onLoad(op) {
+			if (op.back) {
+				this.back = false
 			}
 			this.projectName = process.car.ProjectName;
-			
-			if(op.sid){
-				
-					this.shareUserId = op.sid
-					this.carhelp.set("picc_shareUserId_1230",{
-						sid:op.sid,
-						time:new Date().getTime()
-					});
-			}else{
-				var obj=this.carhelp.get("picc_shareUserId_1230")
-				if(obj){
-					var time1 =new Date().getTime()
-					var time2 =obj.time;
-					if(time1-time2<1000*60*5){
-						this.shareUserId = obj.sid;
-					}
-					
-				}
+
+			if (op.sid) {
+
+				this.shareUserId = op.sid
+				this.carhelp.set("picc_shareUserId_1230", {
+					sid: op.sid,
+					time: new Date().getTime()
+				});
+			} else {
+				var obj = this.carhelp.get("picc_shareUserId_1230")
+				if (obj) {
+					var time1 = new Date().getTime()
+					var time2 = obj.time;
+					if (time1 - time2 < 1000 * 60 * 5) {
+						this.shareUserId = obj.sid;
+					}
+
+				}
 			}
-			//console.log(this.shareUserId )
-			if(this.shareUserId ){
-				uni.showToast({
-					title:"来自好友的分享"
-				})
+			//console.log(this.shareUserId )
+			if (this.shareUserId) {
+				uni.showToast({
+					title: "来自好友的分享"
+				})
 			}
-		
-			this.get_wx_config();
 
+			this.get_wx_config();
+			this.getList("凭话费送年卡")
 		},
 		onReady() {
-		
-			var info = this.carhelp.getPersonInfo();
-		
-			if(info.id&&info.phone){
-				//this.isLogin=true
-				this.userInfo=info;
-				this.subForm.phone=info.phone;
-				
+
+			var info = this.carhelp.getPersonInfo();
+
+			if (info.id && info.phone) {
+				//this.isLogin=true
+				this.userInfo = info;
+				this.subForm.phone = info.phone;
+
 			}
 		},
 		onShow() {
@@ -186,104 +209,118 @@
 			this.checkSubscribe()
 
 		},
-		methods: {
-			
-			
-			checkSubscribe() {
-				API_weixin.checkSubscribe({
-					openId: this.carhelp.getOpenId()
-				}).then((res) => {
-			
-					if (res.data == "0") {
-						this.show1 = true
-						
-					} else {
-						//this.init();
-						this.show1 = false;
-						this.show2 = true;
-			
-			
-						//this.carhelp.setGzDate() 
-			
-					}
-			
-					//setGzDate
-				}).catch(error => {
-					uni.showToast({
-						title: error
-					})
-				})
-			
-			},
-			gotoGz() {
-				this.carhelp.setGzDate()
-			//	this.gotoGzShow = false;
-				var url = "https://mp.weixin.qq.com/s/mCHz1nNvg0xAICiBeIyKRQ";
-				window.location.href = url
-			
-			},
-			submit(){
-				this.subForm.openId=this.carhelp.getOpenId();
-				this.subForm.shareUserId=this.shareUserId;
-				this.subForm.event=1;
-				
-				if(!this.subForm.phone){
-					uni.showToast({
-						title:"请填写手机号"
-					})
-					return
-				}
-				var checkPhoneResult = checkPhone(this.subForm.phone);
-							
-				if (checkPhoneResult !== true) {
-					uni.showToast({
-						title: checkPhoneResult,
-					})
-					return;
-				}
-				
-				
-				uni.showLoading({
-					title: "加载中",
-					mask: true,
-				})		
-				API.submitEventRegistration(this.subForm).then((res) => {
-					uni.hideLoading()
-					
-					if(res.result){
-						
-						uni.showModal({
-							//showCancel:false,
-						
-							title:"提示",
-							content:"提交成功！",
-							cancelText:"继续填写",
-							confirmText:"前往主页",
-							
-							success:(me)=> {
-								this.carAuthImg="";
-								this.subForm={
-									phone: "",
-								}
-								if(me.confirm){
-									uni.reLaunch({
-										url:"/"
-									})
-								}
-							
-							}
-						})
-					}
-					
-				}).catch(error => {
-					uni.showToast({
-						title: error,
-						icon: "none"
-					})
-				})
-			},
-			
-		
+		methods: {
+			getList(key) {
+				API.findByCatalogName({
+					catalogName:key
+				}).then((res) => {
+
+					this.tableList=res.data.dataDictionaryList
+
+					//setGzDate
+				}).catch(error => {
+					uni.showToast({
+						title: error
+					})
+				})
+
+			},
+
+			checkSubscribe() {
+				API_weixin.checkSubscribe({
+					openId: this.carhelp.getOpenId()
+				}).then((res) => {
+
+					if (res.data == "0") {
+						this.show1 = true
+
+					} else {
+						//this.init();
+						this.show1 = false;
+						this.show2 = true;
+
+
+						//this.carhelp.setGzDate() 
+
+					}
+
+					//setGzDate
+				}).catch(error => {
+					uni.showToast({
+						title: error
+					})
+				})
+
+			},
+			gotoGz() {
+				this.carhelp.setGzDate()
+				//	this.gotoGzShow = false;
+				var url = "https://mp.weixin.qq.com/s/mCHz1nNvg0xAICiBeIyKRQ";
+				window.location.href = url
+
+			},
+			submit() {
+				this.subForm.openId = this.carhelp.getOpenId();
+				this.subForm.shareUserId = this.shareUserId;
+				this.subForm.event = 1;
+
+				if (!this.subForm.phone) {
+					uni.showToast({
+						title: "请填写手机号"
+					})
+					return
+				}
+				var checkPhoneResult = checkPhone(this.subForm.phone);
+
+				if (checkPhoneResult !== true) {
+					uni.showToast({
+						title: checkPhoneResult,
+					})
+					return;
+				}
+
+
+				uni.showLoading({
+					title: "加载中",
+					mask: true,
+				})
+				API.submitEventRegistration(this.subForm).then((res) => {
+					uni.hideLoading()
+
+					if (res.result) {
+
+						uni.showModal({
+							//showCancel:false,
+
+							title: "提示",
+							content: "提交成功！",
+							cancelText: "继续填写",
+							confirmText: "前往主页",
+
+							success: (me) => {
+								this.carAuthImg = "";
+								this.subForm = {
+									phone: "",
+								}
+								if (me.confirm) {
+									uni.reLaunch({
+										url: "/"
+									})
+								}
+
+							}
+						})
+					}
+
+				}).catch(error => {
+					uni.showToast({
+						title: error,
+						icon: "none"
+					})
+				})
+			},
+
+
 			//获取微信jssdk配置信息
 			get_wx_config() {
 				//("get_wx_configget_wx_configget_wx_configget_wx_config")
@@ -298,7 +335,9 @@
 						nonceStr: wxconfig.nonceStr, // 必填，生成签名的随机串
 						signature: wxconfig.signature, // 必填，签名，见附录1
 						jsApiList: ['updateAppMessageShareData',
-						'updateTimelineShareData','onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone'], // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
+							'updateTimelineShareData', 'onMenuShareTimeline', 'onMenuShareAppMessage',
+							'onMenuShareQQ', 'onMenuShareQZone'
+						], // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
 
 					});
 					_this.wxShare()
@@ -329,31 +368,31 @@
 				var desc = ProjectName
 				let joinUrl = window.location.href.split("/team51/")[0] + "/team51/#/pages/user/newYear2024?back=1"
 				//this.joinUrl=joinUrl;
-				if(info.id){
-					joinUrl+="&sid=" + info.id;
+				if (info.id) {
+					joinUrl += "&sid=" + info.id;
 				}
-				var _this=this;
+				var _this = this;
 				wx.ready(function() {
-					
-					wx.onMenuShareAppMessage({
-						title: title,
-						desc: desc,
-						link: joinUrl,
-						imgUrl: img,
-						success: function() {
-							// 设置成功
-							_this.$emit("wxShare",null);
-						}
-					})
-					wx.onMenuShareTimeline({
-						title: title,
-						desc: desc,
-						link: joinUrl,
-						imgUrl: img,
-						success: function() {
-							// 设置成功
-							_this.$emit("wxShare",null);
-						}
+
+					wx.onMenuShareAppMessage({
+						title: title,
+						desc: desc,
+						link: joinUrl,
+						imgUrl: img,
+						success: function() {
+							// 设置成功
+							_this.$emit("wxShare", null);
+						}
+					})
+					wx.onMenuShareTimeline({
+						title: title,
+						desc: desc,
+						link: joinUrl,
+						imgUrl: img,
+						success: function() {
+							// 设置成功
+							_this.$emit("wxShare", null);
+						}
 					})
 					wx.updateAppMessageShareData({
 						title: title,
@@ -376,7 +415,7 @@
 							// 设置成功
 							_this.$emit("wxShare", null);
 						}
-					})
+					})
 					console.log("readyreadyreadyreadyready")
 				});
 			}
@@ -384,8 +423,8 @@
 	}
 </script>
 <style>
-	page {
-		    background: #c9382c;
+	page {
+		background: #c9382c;
 	}
 </style>
 <style lang="scss" scoped>
@@ -396,35 +435,39 @@
 			font-size: themed('font-size1');
 		}
 	}
-	.imgHead{
-		padding-top: 72rpx;
-		    display: flex;
-		    flex-direction: column;
-		    align-items: center;
-		
-		.imgHead1{
-			img{
-				height: 24px;
-			}
-			
-			    display: flex;
-			    justify-content: center;
-		}
-		.imgHead2{
-			
-			    display: flex;
-			img{
-				width: 100%;
-				height: 40px;
-			}
-			    margin-top: 16px;
-		}
+
+	.imgHead {
+		padding-top: 72rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		.imgHead1 {
+			img {
+				height: 24px;
+			}
+
+			display: flex;
+			justify-content: center;
+		}
+
+		.imgHead2 {
+
+			display: flex;
+
+			img {
+				width: 100%;
+				height: 40px;
+			}
+
+			margin-top: 16px;
+		}
 	}
 
 	.main {
-		
+
 		padding: 22rpx 56rpx 170rpx;
-		
+
 		.text {
 			color: rgba(255, 255, 255, 100);
 
@@ -440,9 +483,9 @@
 		}
 
 		.suited {
-			background-color: #fff;
-			//background: linear-gradient(180deg, rgba(189,255,224,1) 0%,rgba(255,255,255,1) 14%);
-			background: linear-gradient(180deg, rgba(255,224,223,1) 0%,rgba(255,255,255,1) 14%);
+			background-color: #fff;
+			//background: linear-gradient(180deg, rgba(189,255,224,1) 0%,rgba(255,255,255,1) 14%);
+			background: linear-gradient(180deg, rgba(255, 224, 223, 1) 0%, rgba(255, 255, 255, 1) 14%);
 			margin-top: 24px;
 			padding: 24px;
 			border-radius: 16px;
@@ -451,7 +494,7 @@
 				/*height: 18px;*/
 				color: rgba(16, 16, 16, 100);
 
-				
+
 
 				font-size: 18px;
 				font-weight: 600;
@@ -460,15 +503,21 @@
 			.content {
 				margin: 16rpx 0;
 				//font-weight: 550;
-				color: rgba(102, 102, 102, 1);
+				color: rgba(102, 102, 102, 1);
 				line-height: 20px;
 				font-size: 14px;
-				p{
-					margin: 8rpx 0;
+
+				p {
+					margin: 8rpx 0;
 				}
 			}
 		}
-
+		.application-table {
+			background-color: #fff;
+			border-radius: 16px;
+			margin-top: 24px;
+			padding: 24rpx 16rpx;
+		}
 
 		.application-form {
 			background-color: #fff;
@@ -491,10 +540,11 @@
 				margin-right: 10px;
 			}
 
-			p {
-					font-size:18px;
+			p {
+				font-size: 18px;
+
 				@include themeify {
-				
+
 					line-height: themed('font-size4');
 					height: themed('font-size4');
 				}
@@ -590,112 +640,164 @@
 	}
 
 	.InviteFriends {
-		//background-image: linear-gradient(0deg, #a2e9c9, #01b963);
+		//background-image: linear-gradient(0deg, #a2e9c9, #01b963);
 		background: #c9382c;
 
 	}
 
-	
+
 
 	.opacityClass {
 		opacity: 0.2;
 	}
-	// 底部
-	.bottomView {
-			border-radius: 50px;
-		color:rgba(0, 185, 98, 100);
-		// width: 100%;
-		// height: 64px;
-		// text-align: center;
-		// background-color: #fff;
-		.button{
-			//width: 90%;
-			border-radius: 50px;
-			// background-color: #fff;
-			color:#fff;
-			font-size: 16px;
-			background: linear-gradient(90deg, rgba(255,98,0,1) 0%,rgba(255,150,0,1) 100%);
-			//border: 1px solid rgba(0, 163, 86, 1);
-		}
-		// 	button::after {
-		// 		border: rgba(0, 185, 98, 100);
-		// 	}
+
+	// 底部
+	.bottomView {
+		border-radius: 50px;
+		color: rgba(0, 185, 98, 100);
+
+		// width: 100%;
+		// height: 64px;
+		// text-align: center;
+		// background-color: #fff;
+		.button {
+			//width: 90%;
+			border-radius: 50px;
+			// background-color: #fff;
+			color: #fff;
+			font-size: 16px;
+			background: linear-gradient(90deg, rgba(255, 98, 0, 1) 0%, rgba(255, 150, 0, 1) 100%);
+			//border: 1px solid rgba(0, 163, 86, 1);
+		}
+
+		// 	button::after {
+		// 		border: rgba(0, 185, 98, 100);
+		// 	}
+	}
+
+	.carAuth {
+		border-radius: 12px;
+		background-color: rgba(255, 255, 255, 1);
+		border: 2px dashed rgba(187, 187, 187, 1);
+		//height: 400rpx;
+		width: 100%;
+		overflow: hidden;
+		text-align: center;
+
+		.carAuthImg {
+			margin-top: 10px;
+			margin-bottom: 10px;
+			width: 510rpx;
+			height: 360rpx;
+		}
+
+		.carAuthIcon {
+			position: absolute;
+			background: #6e7175;
+			width: 44px;
+			height: 44px;
+			border-radius: 50px;
+			/* left: 200px; */
+			/* top: 200px; */
+			margin: 160rpx 230rpx;
+			z-index: 99;
+			display: flex;
+			justify-content: center;
+
+		}
+	}
+
+	// .car-type{
+	// 	    display: flex;
+	// 	    flex-direction: row;
+	// 		margin: 0 40rpx;
+	// 		flex-wrap: wrap;
+	// }
+	.want {
+		.wantView {
+			display: flex;
+		}
+
+		button {
+			width: 45%;
+			color: rgba(51, 51, 51, 1);
+			background-color: rgba(232, 236, 234, 1);
+
+		}
+
+		button::after {
+			border: none;
+		}
+
+		.wantBtn {
+			background-color: #fff;
+			border: 2px solid #00B962;
+		}
+
+		.wanttpis {
+			position: relative;
+			top: -100rpx;
+			left: 180rpx;
+			z-index: 99;
+			background: #00B962;
+			padding: 2px 3px;
+			font-size: 10px;
+			color: #fff;
+			border-radius: 4px;
+
+		}
+	}
+
+	.carTempBlInput {
+		display: flex;
+		align-items: center;
+		font-size: 16px;
+		min-height: 44px;
+		padding: 4px 16px;
+		border-radius: 20px;
+		background: #e9ecea;
+		color: #808080
 	}
 	
-	.carAuth{
-		border-radius: 12px;
-		background-color: rgba(255, 255, 255, 1);
-		border: 2px dashed rgba(187, 187, 187, 1);
-		//height: 400rpx;
-		width: 100%;
-		    overflow: hidden;
-			text-align: center;
-			.carAuthImg{
-				margin-top: 10px;
-				margin-bottom: 10px;
-				width: 510rpx;
-				height: 360rpx;
+	.table {
+		table {
+			border-spacing:0;
+			font-size: 32rpx;
+			.th {
+				background-color: #f2efef;
+				color:	#101010;
+				font-weight: bold;
+				td{
+					border: 1px solid   #dbdbdb;
+					
+				}
 			}
-			.carAuthIcon{
-				    position: absolute;
-				    background: #6e7175;
-				    width: 44px;
-				    height: 44px;
-					border-radius: 50px;
-				    /* left: 200px; */
-				    /* top: 200px; */
-				    margin: 160rpx 230rpx;
-				    z-index: 99;
-					    display: flex; 
-					    justify-content: center;
 	
+			.td1 {
+				text-align: start;
+			//	background-color: rgba(243, 245, 247, 1);
+				width: 216rpx;
+				
+				border-left: 1px solid   #dbdbdb;
+				border-right: 1px solid   #dbdbdb;
+				
 			}
-	}
-	
-	// .car-type{
-	// 	    display: flex;
-	// 	    flex-direction: row;
-	// 		margin: 0 40rpx;
-	// 		flex-wrap: wrap;
-	// }
-	.want{
-		.wantView{
-			display: flex;
-		}
-		button{
-			width: 45%;
-			color: rgba(51, 51, 51, 1);
-			background-color: rgba(232, 236, 234, 1);
+			.td3 {
+				text-align: start;
+				//background-color: rgba(243, 245, 247, 1);
+				//width: 100rpx;
 			
+				border-left: 1px solid   #dbdbdb;
+				border-right: 1px solid   #dbdbdb;
+			}
+	
+			td {
+				text-align: center;
+				border-bottom: 1px solid   #dbdbdb;
+				//width: 160rpx;
+			}
 		}
-		button::after {
-			border: none;
-		}
-		.wantBtn{
-			background-color: #fff;
-			border:2px solid #00B962;
-		}
-		.wanttpis{
-			    position: relative;
-			    top: -100rpx;
-			    left: 180rpx;
-			    z-index: 99;
-			    background: #00B962 ;
-				padding: 2px 3px;
-				font-size: 10px;
-				color:#fff;
-				border-radius: 4px;
-
-		}
-	}
-	.carTempBlInput{
-		    display: flex;
-		    align-items: center;
-		font-size: 16px;
-		min-height: 44px;
-		padding: 4px 16px;
-		border-radius:20px;
-		 background: #e9ecea ;
-		 color:#808080
+	
+	
 	}
 </style>