Blame view

pages/MyCoupon/MyCoupon.vue 2.65 KB
c7add6cf   “wangming”   初始版本开发完毕
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
  <template>

  	<view class="page" style="background:url('../../static/bg.png');">

  		<!-- 优惠券tab -->

  		<view class="coupon-tab">

  			<view class="tab" :class="{'action':TabShow==='1'}" @click="Gettbtraininfo('1')">

  				<view class="tab-title">品牌培训</view>

  				<view class="tab-title-small">免费培训</view>

  				<view class="line"></view>

  			</view>

  			<view class="tab" :class="{'action':TabShow==='2'}" @click="Gettbtraininfo('2')">

  				<view class="tab-title">技能培训</view>

  				<view class="tab-title-small">提高技能</view>

  				<view class="line"></view>

  			</view>

  			<view class="tab" :class="{'action':TabShow==='3'}" @click="Gettbtraininfo('3')">

  				<view class="tab-title">等级证书</view>

  				<view class="tab-title-small">初中高级</view>

  				<view class="line"></view>

  			</view>

  		</view>

  		<!-- 优惠券列表 -->

  		<view class="coupon-list">

  			<view class="list">

  				<view class="integral-payment">

  					<view class="list" @click="GoodsDetails(item.id)" v-for="item in dataList">

  						<view class="title">

a968c6d4   “wangming”   修改了一些bug
27
  							<image :src="BASE_URL+ item.icon[0].url||' ../../static/home4-icon.png'"></image>

c7add6cf   “wangming”   初始版本开发完毕
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
  						</view>

  						<view class="mess">

  							<text>{{item.name}}</text>

  							<image src="../../static/right1.png"></image>

  						</view>

  					</view>

  				</view>

  				<view class="my-phone">

  					<view>客服电话:654564</view>

  					<view>彭州市人社局监督电话:541516</view>

  					<view>备案号:6556121212</view>

  				</view>

  			</view>

  		</view>

  	</view>

  </template>

  

a968c6d4   “wangming”   修改了一些bug
45
46
  <script>
  		import BASE_URL from '@/common/config.js'

c7add6cf   “wangming”   初始版本开发完毕
47
48
  	export default {

  		data() {

a968c6d4   “wangming”   修改了一些bug
49
50
  			return {
  				BASE_URL,

c7add6cf   “wangming”   初始版本开发完毕
51
52
53
54
  				TabShow: "1",

  				isDes: false,

  				dataList: [],

  				query: {

a968c6d4   “wangming”   修改了一些bug
55
  					type: "1",

c7add6cf   “wangming”   初始版本开发完毕
56
57
58
59
60
61
62
63
64
65
  					currentPage: 1,

  					pageSize: 10

  				}

  			};

  		},

  		onLoad() {

  			this.Gettbtraininfo("1");

  		},

  		methods: {

  			Gettbtraininfo(nameType) {

a968c6d4   “wangming”   修改了一些bug
66
  				this.query.type = nameType;

c7add6cf   “wangming”   初始版本开发完毕
67
  				this.TabShow = nameType;

501a5e3f   “wangming”   交接
68
69
  				this.dataList = [];
  				console.log(this.query);

c7add6cf   “wangming”   初始版本开发完毕
70
71
  				this.API.Gettbtraininfo(this.query).then(res => {

  					if (res.code == 200) {

a968c6d4   “wangming”   修改了一些bug
72
73
74
75
76
  						//this.dataList = res.data.list;

  						this.dataList = res.data.list.map(res => {

  							res.icon= JSON.parse(res.icon);

  							return res;

  						});

c7add6cf   “wangming”   初始版本开发完毕
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
  						console.log(this.dataList);

  					}

  				});

  			},

  			/**

  			 * 优惠券tab点击

  			 * @param {Number} type

  			 */

  			onCouponTab(type) {

  				this.TabShow = type;

  			},

  			/**

  			 * 去使用点击

  			 */

  			GoodsDetails(id) {

  				uni.navigateTo({

  					url: '/pages/GoodsDetails/GoodsDetails?id=' + id

  				})

  			}

  		}

  	};

  </script>

  

  <style scoped lang="scss">

  	@import 'MyCoupon.scss';

  </style>