版本提交
Showing
17 changed files
with
927 additions
and
120 deletions
... | @@ -132,7 +132,7 @@ function sassCompile() { | ... | @@ -132,7 +132,7 @@ function sassCompile() { |
132 | })) | 132 | })) |
133 | .pipe(replace('.scss', '.wxss')) | 133 | .pipe(replace('.scss', '.wxss')) |
134 | // .pipe(replace('%ASSETS_IMG%/', res)) | 134 | // .pipe(replace('%ASSETS_IMG%/', res)) |
135 | .pipe(replace('../../image/oss/', res)) // 自定义图片地址 | 135 | // .pipe(replace('../../image/oss/', res)) // 自定义图片地址 |
136 | .pipe(replace('src/assets/images', res)) // 雪碧图CSS RUL 中的图片路径 | 136 | .pipe(replace('src/assets/images', res)) // 雪碧图CSS RUL 中的图片路径 |
137 | .pipe(gulp.dest(paths.dist.baseDir)) | 137 | .pipe(gulp.dest(paths.dist.baseDir)) |
138 | } | 138 | } |
... | @@ -231,7 +231,7 @@ var watchHandler = function (type, file) { | ... | @@ -231,7 +231,7 @@ var watchHandler = function (type, file) { |
231 | var tmp = file.replace('src/', 'dist/') | 231 | var tmp = file.replace('src/', 'dist/') |
232 | del([tmp]); | 232 | del([tmp]); |
233 | } else { | 233 | } else { |
234 | copyWXML(); | 234 | // copyWXML(); |
235 | wxmlImgRewrite(); | 235 | wxmlImgRewrite(); |
236 | } | 236 | } |
237 | } | 237 | } | ... | ... |
... | @@ -22,5 +22,10 @@ | ... | @@ -22,5 +22,10 @@ |
22 | "navigationBarBackgroundColor": "#fff", | 22 | "navigationBarBackgroundColor": "#fff", |
23 | "navigationBarTitleText": "心愿单", | 23 | "navigationBarTitleText": "心愿单", |
24 | "navigationBarTextStyle": "black" | 24 | "navigationBarTextStyle": "black" |
25 | }, | ||
26 | "permission": { | ||
27 | "scope.userLocation": { | ||
28 | "desc": "你的位置信息将用显示附近门店" | ||
29 | } | ||
25 | } | 30 | } |
26 | } | 31 | } | ... | ... |
1 | import { | ||
2 | getBindtapData, | ||
3 | } from '../../utils/util'; | ||
4 | let app = getApp(); | ||
5 | |||
1 | Component({ | 6 | Component({ |
2 | properties: { | 7 | properties: { |
3 | // 这里定义了innerText属性,属性值可以在组件使用时指定 | 8 | // 这里定义了innerText属性,属性值可以在组件使用时指定 |
4 | innerText: { | 9 | innerText: { |
5 | type: String, | 10 | type: String, |
6 | value: 'default value', | 11 | value: 'default value', |
12 | }, | ||
13 | wishInfo: { | ||
14 | type: Object, | ||
15 | value: {}, | ||
16 | }, | ||
17 | location: { | ||
18 | type: Object, | ||
19 | value: {}, | ||
20 | }, | ||
21 | //是否选择模式 | ||
22 | selectedMode: { | ||
23 | type: Boolean, | ||
24 | value: false | ||
7 | } | 25 | } |
8 | }, | 26 | }, |
9 | data: { | 27 | data: { |
10 | // 这里是一些组件内部数据 | 28 | // 这里是一些组件内部数据 |
11 | someData: {} | 29 | someData: {}, |
30 | searchMode: 1, // 查询模式 1.根据位置自动查询 2.省市区查询 | ||
31 | provinceId: "", | ||
32 | cityId: "", | ||
33 | districtId: "", | ||
34 | provinceList: [], | ||
35 | cityList: [], | ||
36 | districtList: [], | ||
37 | provinceIndex: -1, | ||
38 | cityIndex: -1, | ||
39 | districtIndex: -1, | ||
40 | addressList: [], | ||
41 | total: 0, | ||
42 | curAddress: null | ||
12 | }, | 43 | }, |
13 | methods: { | 44 | methods: { |
45 | /** | ||
46 | * 请求门店地址 | ||
47 | */ | ||
48 | queryShop() { | ||
49 | return new Promise((resolve, reject) => { | ||
50 | let { | ||
51 | location, | ||
52 | wishInfo, | ||
53 | provinceId, | ||
54 | cityId, | ||
55 | districtId, | ||
56 | } = this.data; | ||
57 | app.post({ | ||
58 | url: app.api.storeQuery, | ||
59 | data: { | ||
60 | couponId: wishInfo.couponId, | ||
61 | latitude: location.latitude, | ||
62 | longitude: location.longitude, | ||
63 | provinceId: provinceId, | ||
64 | cityId: cityId, | ||
65 | districtId: districtId, | ||
66 | page: 1, | ||
67 | size: 100, | ||
68 | } | ||
69 | }).then((result) => { | ||
70 | this.setData({ | ||
71 | addressList: result.list, | ||
72 | total: result.total | ||
73 | }) | ||
74 | resolve(); | ||
75 | }) | ||
76 | }); | ||
77 | }, | ||
78 | |||
79 | /** | ||
80 | * 选择地址 item | ||
81 | */ | ||
82 | onSelectHandler(evt) { | ||
83 | let item = getBindtapData(evt); | ||
84 | let index = getBindtapData(evt, "index"); | ||
85 | let addressList = this.data.addressList; | ||
86 | addressList.forEach((element, idx) => { | ||
87 | element.selected = index == idx; | ||
88 | }); | ||
89 | |||
90 | this.setData({ | ||
91 | addressList: addressList, | ||
92 | curAddress: item | ||
93 | }) | ||
94 | }, | ||
95 | |||
96 | /** | ||
97 | * 提交门店 | ||
98 | */ | ||
99 | onSubmitHandler(evt) { | ||
100 | let curAddress = this.data.curAddress; | ||
101 | if (!curAddress) { | ||
102 | wx.showToast({ | ||
103 | title: "请选择门店", | ||
104 | icon: 'none' | ||
105 | }); | ||
106 | return; | ||
107 | } | ||
108 | let wishInfo = this.properties.wishInfo; | ||
109 | app.post({ | ||
110 | url: app.api.wishbillStoreAppoint, | ||
111 | data: { | ||
112 | instanceCode: wishInfo.instanceCode, | ||
113 | storeCode: curAddress.storeCode, | ||
114 | storeName: curAddress.storeName, | ||
115 | storeAddress: curAddress.storeAddress, | ||
116 | latitude: curAddress.latitude, | ||
117 | longitude: curAddress.longitude | ||
118 | } | ||
119 | }).then((result) => { | ||
120 | this.triggerEvent('evtcomp', { | ||
121 | name: "_evt_submit_store_complete" | ||
122 | }) | ||
123 | }); | ||
124 | }, | ||
125 | |||
126 | /** | ||
127 | * 显示位置 | ||
128 | * @param {*} e | ||
129 | */ | ||
130 | onShowLocHandler(evt) { | ||
131 | let item = getBindtapData(evt); | ||
132 | |||
133 | wx.openLocation({ | ||
134 | latitude: item.latitude, // 纬度,范围为-90~90,负数表示南纬 | ||
135 | longitude: item.longitude, // 经度,范围为-180~180,负数表示西经 | ||
136 | scale: 18, // 缩放比例 | ||
137 | name: item.storeName, // 位置名 | ||
138 | address: item.storeAddress, // 地址的详细说明 | ||
139 | success: function (res) { | ||
140 | // success | ||
141 | } | ||
142 | }) | ||
143 | }, | ||
144 | |||
145 | // 转换成手动模式 | ||
146 | onSearchHandModeHandler() { | ||
147 | this.setData({ | ||
148 | searchMode: 2 | ||
149 | }); | ||
150 | }, | ||
151 | |||
152 | // 转换为自动模式 | ||
153 | onSearchAutoModeHandler() { | ||
154 | this.setData({ | ||
155 | searchMode: 1, | ||
156 | provinceId: "", | ||
157 | cityId: "", | ||
158 | districtId: "", | ||
159 | }) | ||
160 | }, | ||
161 | |||
162 | getProvince() { | ||
163 | return new Promise((resolve, reject) => { | ||
164 | app.post({ | ||
165 | url: app.api.provinceQuery | ||
166 | }).then((result) => { | ||
167 | this.setData({ | ||
168 | provinceList: result | ||
169 | }) | ||
170 | console.log("getProvince result:", result); | ||
171 | }) | ||
172 | }); | ||
173 | }, | ||
174 | |||
175 | getCity() { | ||
176 | return new Promise((resolve, reject) => { | ||
177 | app.post({ | ||
178 | url: app.api.cityQuery, | ||
179 | data: { | ||
180 | parentId: this.data.provinceId | ||
181 | } | ||
182 | }).then((result) => { | ||
183 | console.log("getCity result:", result); | ||
184 | }) | ||
185 | }); | ||
186 | }, | ||
187 | |||
188 | getDistrict() { | ||
189 | return new Promise((resolve, reject) => { | ||
190 | app.post({ | ||
191 | url: app.api.districtQuery, | ||
192 | data: { | ||
193 | parentId: this.data.cityId | ||
194 | } | ||
195 | }).then((result) => { | ||
196 | console.log("getDistrict result:", result); | ||
197 | }) | ||
198 | }); | ||
199 | }, | ||
200 | |||
201 | bindPickerChangeProvince(e) { | ||
202 | let index = e.detail.value; | ||
203 | this.setData({ | ||
204 | provinceIndex: index, | ||
205 | provinceId: this.data.provinceList[index].id, | ||
206 | cityList: [], | ||
207 | districtList: [], | ||
208 | }) | ||
209 | // 选市 | ||
210 | this.getCity() | ||
211 | }, | ||
212 | |||
213 | bindPickerChangeCity(e) { | ||
214 | let index = e.detail.value; | ||
215 | this.setData({ | ||
216 | cityIndex: index, | ||
217 | cityId: this.data.cityList[index].id, | ||
218 | districtList: [], | ||
219 | }) | ||
220 | this.getDistrict(); | ||
221 | }, | ||
222 | |||
223 | bindPickerChangeDistrict(e) { | ||
224 | let index = e.detail.value; | ||
225 | this.setData({ | ||
226 | districtIndex: index, | ||
227 | districtId: this.data.districtList[index].id, | ||
228 | }) | ||
229 | }, | ||
230 | |||
231 | |||
232 | |||
14 | // 这里是一个自定义方法 | 233 | // 这里是一个自定义方法 |
15 | customMethod() { | 234 | customMethod() { |
16 | this.triggerEvent('evtcomp', { | 235 | this.triggerEvent('evtcomp', { |
... | @@ -23,5 +242,9 @@ Component({ | ... | @@ -23,5 +242,9 @@ Component({ |
23 | name: "_evt_hide_mask" | 242 | name: "_evt_hide_mask" |
24 | }); | 243 | }); |
25 | } | 244 | } |
245 | }, | ||
246 | // | ||
247 | ready() { | ||
248 | this.getProvince(); | ||
26 | } | 249 | } |
27 | }) | 250 | }) | ... | ... |
... | @@ -53,6 +53,10 @@ $contentWidth:690px; | ... | @@ -53,6 +53,10 @@ $contentWidth:690px; |
53 | padding: 0 20px; | 53 | padding: 0 20px; |
54 | margin-right: 10px; | 54 | margin-right: 10px; |
55 | 55 | ||
56 | .val { | ||
57 | @include ellipsis(1); | ||
58 | } | ||
59 | |||
56 | .icon { | 60 | .icon { |
57 | width: 30px; | 61 | width: 30px; |
58 | height: 17px; | 62 | height: 17px; |
... | @@ -155,6 +159,11 @@ $contentWidth:690px; | ... | @@ -155,6 +159,11 @@ $contentWidth:690px; |
155 | margin: 0 auto; | 159 | margin: 0 auto; |
156 | @include cb(); | 160 | @include cb(); |
157 | } | 161 | } |
162 | |||
163 | .disable { | ||
164 | background: transparent; | ||
165 | background-color: #d2d2d2; | ||
166 | } | ||
158 | } | 167 | } |
159 | 168 | ||
160 | } | 169 | } | ... | ... |
1 | <view class="comp-item"> | 1 | <view class="comp-item"> |
2 | <view class="cont"> | 2 | <view class="cont"> |
3 | <!-- 导航 --> | 3 | <!-- 导航 --> |
4 | <view wx:if="{{1>10}}" class="nav nav1"> | 4 | <view wx:if="{{searchMode == 1}}" class="nav nav1"> |
5 | <view class="place"> | 5 | <view class="place"> |
6 | 您当前所在城市: | 6 | 您当前所在城市: |
7 | <span class="city">深圳市</span> | 7 | <span class="city">深圳市</span> |
8 | </view> | 8 | </view> |
9 | <view class="btn">切换城市</view> | 9 | <view bindtap="onSearchHandModeHandler" data-data="1" class="btn">手动选择</view> |
10 | </view> | 10 | </view> |
11 | <view wx:else class="nav nav2"> | 11 | <view wx:else class="nav nav2"> |
12 | <view class="area"> | 12 | <view class="area"> |
13 | <view class="area-item"> | 13 | <!-- 省 --> |
14 | 省 | 14 | <picker bindchange="bindPickerChangeProvince" value="{{provinceIndex}}" range="{{provinceList}}" range-key="name"> |
15 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> | 15 | <view bindtap="getProvince" class="area-item"> |
16 | </view> | 16 | <span class="val"> |
17 | <view class="area-item"> | 17 | {{provinceList[provinceIndex].name ? provinceList[provinceIndex].name : '省'}} |
18 | 市 | 18 | </span> |
19 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> | 19 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> |
20 | </view> | 20 | </view> |
21 | <view class="area-item"> | 21 | </picker> |
22 | 区 | 22 | <!-- 市 --> |
23 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> | 23 | <picker bindchange="bindPickerChangeCity" value="{{cityIndex}}" range="{{cityList}}" range-key="name"> |
24 | </view> | 24 | <view class="area-item"> |
25 | <span class="val">{{cityList[cityIndex].name ? cityList[cityIndex].name : '市'}}</span> | ||
26 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> | ||
27 | </view> | ||
28 | </picker> | ||
29 | <!-- 区 --> | ||
30 | <picker bindchange="bindPickerChangeDistrict" value="{{districtIndex}}" range="{{districtList}}" range-key="name"> | ||
31 | <view class="area-item"> | ||
32 | <span class="val"> | ||
33 | {{districtList[districtIndex].name ? districtList[districtIndex].name : '区'}} | ||
34 | </span> | ||
35 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> | ||
36 | </view> | ||
37 | </picker> | ||
25 | </view> | 38 | </view> |
26 | <view class="btn">切换城市</view> | 39 | <view bindtap="onSearchAutoModeHandler" data-data="2" class="btn">自动选择</view> |
27 | </view> | 40 | </view> |
28 | <!-- 门店列表 --> | 41 | <!-- 门店列表 --> |
29 | <scroll-view scroll-y="{{true}}" class="pos"> | 42 | <scroll-view scroll-y="{{true}}" class="pos"> |
30 | <view class="pos-item"> | 43 | <view bindtap="onSelectHandler" data-data="{{item}}" data-index="{{index}}" wx:for="{{addressList}}" wx:key="{{index}}" class="pos-item"> |
31 | <view wx:if="{{1>10}}" class="check"> | 44 | <view wx:if="{{selectedMode}}" class="check"> |
32 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-check.png" /> | 45 | <image wx:if="{{item.selected}}" class="icon" mode="widthFix" src="../../image/oss/icon/icon-check.png" /> |
33 | </view> | ||
34 | <view class="info"> | ||
35 | <view class="tit"> | ||
36 | <view class="name">坂田天虹店</view> | ||
37 | <view class="distance">距您1.2公里</view> | ||
38 | </view> | ||
39 | <view class="address">地址:安徽省安庆市大观区集贤南路43号八佰伴购物中心一楼</view> | ||
40 | </view> | ||
41 | <view class="loc"> | ||
42 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-loc.png" /> | ||
43 | <view class="txt">导航</view> | ||
44 | </view> | ||
45 | </view> | ||
46 | <view class="pos-item"> | ||
47 | <view class="check"> | ||
48 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-check.png" /> | ||
49 | </view> | 46 | </view> |
50 | <view class="info"> | 47 | <view class="info"> |
51 | <view class="tit"> | 48 | <view class="tit"> |
52 | <view class="name">坂田天虹店</view> | 49 | <view class="name">{{item.storeName}}</view> |
53 | <view class="distance">距您1.2公里</view> | 50 | <view class="distance">距您{{item.distance}}</view> |
54 | </view> | 51 | </view> |
55 | <view class="address">地址:安徽省安庆市大观区集贤南路43号八佰伴购物中心一楼</view> | 52 | <view class="address">{{item.storeAddress}}</view> |
56 | </view> | 53 | </view> |
57 | <view class="loc"> | 54 | <view bindtap="onShowLocHandler" data-data="{{item}}" class="loc"> |
58 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-loc.png" /> | 55 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-loc.png" /> |
59 | <view class="txt">导航</view> | 56 | <view class="txt">导航</view> |
60 | </view> | 57 | </view> |
61 | </view> | 58 | </view> |
62 | </scroll-view> | 59 | </scroll-view> |
63 | <!-- 按钮 --> | 60 | <!-- 按钮 --> |
64 | <view wx:if="{{1>10}}" class="btn-wrap"> | 61 | <view wx:if="{{selectedMode}}" class="btn-wrap"> |
65 | <view bindtap="onSelectHandler" class="store-btn">选择门店</view> | 62 | <view wx:if="{{curAddress}}" bindtap="onSubmitHandler" class="store-btn">选择门店</view> |
63 | <view wx:else class="store-btn disable">选择门店</view> | ||
66 | </view> | 64 | </view> |
67 | </view> | 65 | </view> |
68 | </view> | 66 | </view> | ... | ... |
... | @@ -6,26 +6,10 @@ Component({ | ... | @@ -6,26 +6,10 @@ Component({ |
6 | type: String, | 6 | type: String, |
7 | value: 'default value', | 7 | value: 'default value', |
8 | }, | 8 | }, |
9 | eleList: { | ||
10 | type: Object, | ||
11 | value: [], | ||
12 | }, | ||
13 | eleVal: { | ||
14 | type: Number, | ||
15 | value: 0, | ||
16 | }, | ||
17 | wishBillInfo: { | ||
18 | type: Object, | ||
19 | value: {}, | ||
20 | }, | ||
21 | wishInfo: { | 9 | wishInfo: { |
22 | type: Object, | 10 | type: Object, |
23 | value: {}, | 11 | value: {}, |
24 | }, | 12 | }, |
25 | wishList: { | ||
26 | type: Object, | ||
27 | value: [], | ||
28 | }, | ||
29 | // 1正常(有库存) 2无库存 | 13 | // 1正常(有库存) 2无库存 |
30 | status: { | 14 | status: { |
31 | type: Number, | 15 | type: Number, |
... | @@ -49,19 +33,51 @@ Component({ | ... | @@ -49,19 +33,51 @@ Component({ |
49 | name: "_evt_hide_mask" | 33 | name: "_evt_hide_mask" |
50 | }); | 34 | }); |
51 | }, | 35 | }, |
52 | // 自提 要带上参数 | 36 | /** |
37 | * 提交礼品领取方式 | ||
38 | |||
39 | */ | ||
40 | queryWishbillAcceptTypeSubmit(acceptType) { | ||
41 | return new Promise((resolve, reject) => { | ||
42 | let wishInfo = this.properties.wishInfo; | ||
43 | app.post({ | ||
44 | url: app.api.wishbillAcceptTypeSubmit, | ||
45 | data: { | ||
46 | instanceCode: wishInfo.instanceCode, | ||
47 | acceptType: acceptType | ||
48 | } | ||
49 | }).then((result) => { | ||
50 | resolve(result) | ||
51 | }) | ||
52 | }); | ||
53 | }, | ||
54 | |||
55 | // 自提 | ||
53 | toSelfLiftHandler() { | 56 | toSelfLiftHandler() { |
54 | this.hideMask(); | 57 | this.queryWishbillAcceptTypeSubmit(2).then((result) => { |
55 | app.router.push({ | 58 | console.log("prize-self-result:", result); |
56 | path: "prizeDetail", | 59 | let wishInfo = this.properties.wishInfo; |
57 | query: this.properties.wishInfo | 60 | let query = Object.assign(wishInfo, result); |
61 | console.log("prize-self-query:", query); | ||
62 | this.hideMask(); | ||
63 | app.router.push({ | ||
64 | path: "prizeDetail", | ||
65 | query: query | ||
66 | }) | ||
58 | }) | 67 | }) |
59 | }, | 68 | }, |
60 | // 邮寄 | 69 | // 邮寄 |
61 | toUserTableHandler() { | 70 | toUserTableHandler() { |
62 | this.hideMask(); | 71 | this.queryWishbillAcceptTypeSubmit(1).then((result) => { |
63 | app.router.push({ | 72 | console.log("prize-table-result:", result); |
64 | path: "userTable", | 73 | let wishInfo = this.properties.wishInfo; |
74 | let query = Object.assign(wishInfo, result); | ||
75 | console.log("prize-table-query:", query); | ||
76 | this.hideMask(); | ||
77 | app.router.push({ | ||
78 | path: "userTable", | ||
79 | query: query | ||
80 | }) | ||
65 | }) | 81 | }) |
66 | }, | 82 | }, |
67 | 83 | ... | ... |
... | @@ -169,6 +169,199 @@ let productMap = { | ... | @@ -169,6 +169,199 @@ let productMap = { |
169 | 169 | ||
170 | } | 170 | } |
171 | 171 | ||
172 | |||
173 | |||
174 | /** | ||
175 | * @my-wish | ||
176 | * 点击领取心愿单奖品 | ||
177 | */ | ||
178 | let wishbillGiftAccept = { | ||
179 | "status": 1, | ||
180 | "order": { | ||
181 | "acceptType": 0, | ||
182 | "instanceCode": "162951b667a746188c83491bd5601164", | ||
183 | "prizeName": "丸美弹力蛋白眼精华素10g+10g", | ||
184 | "prizePic": "", | ||
185 | "commodityNo": "11059001" | ||
186 | }, | ||
187 | "coupon": null | ||
188 | } | ||
189 | |||
190 | /** | ||
191 | * @my-wish | ||
192 | * 点击单个心愿单奖品 | ||
193 | */ | ||
194 | let curWish = { | ||
195 | accessStatus: 1, | ||
196 | commodityNo: "11059001", | ||
197 | conditionElasticValue: 5480, | ||
198 | coupon: null, | ||
199 | elasticValue: 10000, | ||
200 | initialElasticValue: 33, | ||
201 | instanceCode: "162951b667a746188c83491bd5601164", | ||
202 | name: "丸美弹力蛋白眼精华素10g+10g", | ||
203 | order: { | ||
204 | acceptType: 0, | ||
205 | instanceCode: "162951b667a746188c83491bd5601164", | ||
206 | prizeName: "丸美弹力蛋白眼精华素10g+10g", | ||
207 | prizePic: "", | ||
208 | commodityNo: "11059001" | ||
209 | }, | ||
210 | point: { | ||
211 | left: 558, | ||
212 | top: 437 | ||
213 | }, | ||
214 | price: "548", | ||
215 | prizeDefineCode: "P000000000000000000000000000001", | ||
216 | prizeName: "丸美弹力蛋白眼精华素10g+10g", | ||
217 | prizePic: "", | ||
218 | progress: 100, | ||
219 | progressLeft: 169.00000000000003, | ||
220 | sence: 1, | ||
221 | status: 1, | ||
222 | storeRemain: 99, | ||
223 | tag: 3, | ||
224 | tips: { | ||
225 | type: "top-left", | ||
226 | point: { | ||
227 | fixLeft: -188, | ||
228 | fixTop: -314 | ||
229 | } | ||
230 | } | ||
231 | } | ||
232 | |||
233 | // 读取心愿单奖品 | ||
234 | let wishbillGiftQuery = { | ||
235 | "status": 1, | ||
236 | "order": { | ||
237 | "coupon": { | ||
238 | "couponId": "20839", | ||
239 | "couponCode": "RLLW18Q1", | ||
240 | "rule": "RLLW18Q1", | ||
241 | "startDate": 1564912960000, | ||
242 | "endDate": 1567526399000, | ||
243 | "type": 4, | ||
244 | "name": "眼部护理体验券-7月24日", | ||
245 | "state": 0 | ||
246 | }, | ||
247 | "acceptType": 2, | ||
248 | "instanceCode": "0924988c7fb0437b99c31b97bd1f1d6c", | ||
249 | "storeCode": "", | ||
250 | "storeName": "", | ||
251 | "storeAddress": "", | ||
252 | "latitude": 0.0, | ||
253 | "longitude": 0.0, | ||
254 | "prizeName": "丸美巧克力青春丝滑眼乳霜25g", | ||
255 | "orderSn": "MW20190804180237100003", | ||
256 | "commodityNo": "11039003" | ||
257 | }, | ||
258 | "coupon": null | ||
259 | } | ||
260 | |||
261 | /** | ||
262 | * @tips-prize-comp | ||
263 | * 自提数据 | ||
264 | */ | ||
265 | let prizeLiftQuery = { | ||
266 | "coupon": { | ||
267 | "couponId": "20839", | ||
268 | "couponCode": "RLLW18Q1", | ||
269 | "rule": "RLLW18Q1", | ||
270 | "startDate": 1564912960000, | ||
271 | "endDate": 1567526399000, | ||
272 | "type": 4, | ||
273 | "name": "眼部护理体验券-7月24日", | ||
274 | "state": 0 | ||
275 | }, | ||
276 | "acceptType": 2, | ||
277 | "instanceCode": "0924988c7fb0437b99c31b97bd1f1d6c", | ||
278 | "storeCode": "", | ||
279 | "storeName": "", | ||
280 | "storeAddress": "", | ||
281 | "latitude": 0.0, | ||
282 | "longitude": 0.0, | ||
283 | "prizeName": "丸美巧克力青春丝滑眼乳霜25g", | ||
284 | "orderSn": "MW20190804180237100003", | ||
285 | "commodityNo": "11039003" | ||
286 | } | ||
287 | |||
288 | /** | ||
289 | * @tips-prize-comp | ||
290 | * 邮寄提交返回数据 | ||
291 | */ | ||
292 | let prizeTableQuery = { | ||
293 | address: "", | ||
294 | associateMobile: "", | ||
295 | associateName: "", | ||
296 | city: "", | ||
297 | commodityNo: "11059001", | ||
298 | district: "", | ||
299 | instanceCode: "162951b667a746188c83491bd5601164", | ||
300 | logisticsCompany: "", | ||
301 | logisticsSn: "", | ||
302 | memberCode: "654b8d70164e4c1e83e1503d44f325db", | ||
303 | orderSn: "MW20190804152353100001", | ||
304 | prizeName: "丸美弹力蛋白眼精华素10g+10g", | ||
305 | prizePic: "", | ||
306 | province: "", | ||
307 | } | ||
308 | |||
309 | /** | ||
310 | * @tips-prize-comp | ||
311 | * 邮寄提交返回数据 合并 | ||
312 | */ | ||
313 | let prizeTableQueryAssign = { | ||
314 | accessStatus: 2, | ||
315 | address: "", | ||
316 | associateMobile: "", | ||
317 | associateName: "", | ||
318 | city: "", | ||
319 | commodityNo: "11059001", | ||
320 | conditionElasticValue: 5480, | ||
321 | coupon: null, | ||
322 | district: "", | ||
323 | elasticValue: 10000, | ||
324 | initialElasticValue: 33, | ||
325 | instanceCode: "162951b667a746188c83491bd5601164", | ||
326 | logisticsCompany: "", | ||
327 | logisticsSn: "", | ||
328 | memberCode: "654b8d70164e4c1e83e1503d44f325db", | ||
329 | name: "丸美弹力蛋白眼精华素10g+10g", | ||
330 | order: { | ||
331 | acceptType: 0, | ||
332 | instanceCode: "162951b667a746188c83491bd5601164", | ||
333 | prizeName: "丸美弹力蛋白眼精华素10g+10g", | ||
334 | prizePic: "", | ||
335 | commodityNo: "11059001" | ||
336 | }, | ||
337 | orderSn: "MW20190804152353100001", | ||
338 | point: { | ||
339 | left: 558, | ||
340 | top: 437 | ||
341 | }, | ||
342 | price: "548", | ||
343 | prizeDefineCode: "P000000000000000000000000000001", | ||
344 | prizeName: "丸美弹力蛋白眼精华素10g+10g", | ||
345 | prizePic: "", | ||
346 | progress: 100, | ||
347 | progressLeft: 169.00000000000003, | ||
348 | province: "", | ||
349 | sence: 1, | ||
350 | status: 1, | ||
351 | storeRemain: 98, | ||
352 | tag: 3, | ||
353 | tips: { | ||
354 | type: "top-left", | ||
355 | point: { | ||
356 | fixLeft: -188, | ||
357 | fixTop: -314 | ||
358 | }, | ||
359 | }, | ||
360 | } | ||
361 | |||
172 | module.exports = { | 362 | module.exports = { |
173 | productMap: productMap | 363 | productMap: productMap, |
364 | prizeTableQueryAssign: prizeTableQueryAssign, | ||
365 | prizeLiftQuery: prizeLiftQuery, | ||
366 | wishbillGiftQuery: wishbillGiftQuery | ||
174 | } | 367 | } | ... | ... |
... | @@ -22,5 +22,10 @@ module.exports = { | ... | @@ -22,5 +22,10 @@ module.exports = { |
22 | wishbillAcceptTypeSubmit: '/warubiEyeCreamApi/app/wishbill/accept/type/submit', // post 提交礼品领取方式 | 22 | wishbillAcceptTypeSubmit: '/warubiEyeCreamApi/app/wishbill/accept/type/submit', // post 提交礼品领取方式 |
23 | wishbillAddressSubmit: '/warubiEyeCreamApi/app/wishbill/address/submit', // post 提交邮寄地址 | 23 | wishbillAddressSubmit: '/warubiEyeCreamApi/app/wishbill/address/submit', // post 提交邮寄地址 |
24 | wishbillStoreAppoint: '/warubiEyeCreamApi/app/wishbill/store/appoint', // post 预约自提门店 | 24 | wishbillStoreAppoint: '/warubiEyeCreamApi/app/wishbill/store/appoint', // post 预约自提门店 |
25 | |||
26 | provinceQuery: '/warubiEyeCreamApi/app/store/province', // post 省 | ||
27 | cityQuery: '/warubiEyeCreamApi/app/store/city', // post 市 | ||
28 | districtQuery: '/warubiEyeCreamApi/app/store/district', // post 区 | ||
29 | |||
25 | wxacodeGet: '/warubiEyeCreamApi/app/qrcode/create', // | 30 | wxacodeGet: '/warubiEyeCreamApi/app/qrcode/create', // |
26 | } | 31 | } | ... | ... |
1 | import { | 1 | import { |
2 | getBindtapData | 2 | wishbillGiftQuery |
3 | } from '../../const/custom-data'; | ||
4 | |||
5 | import { | ||
6 | getBindtapData, | ||
7 | pxToRpx | ||
3 | } from '../../utils/util'; | 8 | } from '../../utils/util'; |
4 | import Date from '../../utils/date'; | 9 | import Date from '../../utils/date'; |
10 | |||
11 | import QR from '../../utils/qrcode' | ||
12 | |||
13 | |||
5 | let app = getApp(); | 14 | let app = getApp(); |
6 | Page({ | 15 | Page({ |
7 | data: { | 16 | data: { |
8 | userInfo: {}, | 17 | userInfo: {}, |
9 | used: false, //优惠券已使用,另外的样式 | 18 | used: false, //优惠券已使用,另外的样式 |
10 | couponInfo: { | 19 | wishInfo: {}, |
11 | "couponId": "20839", | 20 | couponInfo: {}, |
12 | "couponCode": "RLLL1IHG", | 21 | nearbyStoreVisible: false, |
13 | "rule": "RLLL1IHG", | 22 | qrImagePath: "", |
14 | "startDate": 1564479217000, | 23 | location: {}, |
15 | "endDate": 1567094399000, | ||
16 | "type": 4, | ||
17 | "name": "眼部护理体验券-7月24日", | ||
18 | "state": 0, | ||
19 | "endDateStr": "19-08-29" | ||
20 | } | ||
21 | }, | 24 | }, |
22 | onShareAppMessage() {}, | 25 | onShareAppMessage() {}, |
23 | onLoad(options) { | 26 | onLoad(options) { |
24 | let couponInfo = options; | 27 | // let wishInfo = options; |
28 | let wishInfo = wishbillGiftQuery.order; | ||
29 | let couponInfo = wishInfo.coupon; | ||
30 | |||
31 | // 设置起止时间 | ||
25 | couponInfo.startDateStr = new Date(couponInfo.startDate).toString("yyyy.MM.dd"); | 32 | couponInfo.startDateStr = new Date(couponInfo.startDate).toString("yyyy.MM.dd"); |
26 | couponInfo.endDateStr = new Date(couponInfo.endDate).toString("yyyy.MM.dd"); | 33 | couponInfo.endDateStr = new Date(couponInfo.endDate).toString("yyyy.MM.dd"); |
34 | |||
35 | // 判断是否使用 | ||
36 | // 自提券 使用状态(0=未使用 1=已过期,2=已使用) | ||
37 | let used = couponInfo.state != 0; | ||
38 | // used = true; | ||
39 | |||
40 | // 设置数据 | ||
27 | this.setData({ | 41 | this.setData({ |
28 | couponInfo: couponInfo | 42 | wishInfo: wishInfo, |
43 | couponInfo: couponInfo, | ||
44 | used: used | ||
29 | }) | 45 | }) |
30 | console.log("couponInfo:", couponInfo); | ||
31 | this.initData(); | 46 | this.initData(); |
32 | }, | 47 | }, |
33 | initData() { | 48 | initData() { |
... | @@ -35,11 +50,124 @@ Page({ | ... | @@ -35,11 +50,124 @@ Page({ |
35 | this.setData({ | 50 | this.setData({ |
36 | userInfo: app.globalData.userInfo | 51 | userInfo: app.globalData.userInfo |
37 | }) | 52 | }) |
53 | |||
54 | // 设置二维码 | ||
55 | let couponInfo = this.data.couponInfo; | ||
56 | let qrSize = this.setCanvasSize(300); | ||
57 | console.log("couponInfo:", couponInfo); | ||
58 | let codeContent = couponInfo.couponCode || ''; | ||
59 | this.createQrCode(codeContent, 'qrcanvas', qrSize.w, qrSize.h); | ||
60 | |||
61 | }) | ||
62 | }, | ||
63 | /** | ||
64 | * 请求门店地址 | ||
65 | */ | ||
66 | queryShop() { | ||
67 | this.selectComponent("#nearbyStoreComp").queryShop().then((result) => { | ||
68 | this.setData({ | ||
69 | nearbyStoreVisible: true | ||
70 | }) | ||
38 | }) | 71 | }) |
39 | }, | 72 | }, |
40 | // 查看可用门店 | 73 | // 查看可用门店 |
41 | onNearbyStoreHandler(evt) { | 74 | onNearbyStoreHandler(evt) { |
42 | console.log("onNearbyStoreHandler couponInfo:", this.data.couponInfo); | 75 | this.wxLocation(); |
76 | }, | ||
77 | // 使用微信位置 | ||
78 | wxLocation() { | ||
79 | let _this = this; | ||
80 | wx.getLocation({ | ||
81 | type: 'wgs84', | ||
82 | success(res) { | ||
83 | _this.setData({ | ||
84 | location: res | ||
85 | }) | ||
86 | _this.queryShop(); | ||
87 | }, | ||
88 | fail(err) { | ||
89 | wx.getSetting({ | ||
90 | success: (res) => { | ||
91 | if (!res.authSetting['scope.userLocation']) { | ||
92 | // 未授权 | ||
93 | wx.showModal({ | ||
94 | title: '提示', | ||
95 | content: '小程序请求访问地理位置', | ||
96 | confirmText: '前往授权', | ||
97 | success(res) { | ||
98 | if (res.confirm) { | ||
99 | wx.openSetting({ | ||
100 | complete() { | ||
101 | //设置完后重拉一遍位置,拉不到就算了 | ||
102 | wx.getLocation({ | ||
103 | type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标 | ||
104 | success: function (res) { | ||
105 | _this.setData({ | ||
106 | location: res | ||
107 | }) | ||
108 | _this.queryShop(); | ||
109 | }, | ||
110 | fail: function () { | ||
111 | _this.queryShop(); | ||
112 | } | ||
113 | }) | ||
114 | } | ||
115 | }) | ||
116 | } else if (res.cancel) { | ||
117 | // 模态窗取消 | ||
118 | _this.queryShop(); | ||
119 | } | ||
120 | } | ||
121 | }) | ||
122 | } | ||
123 | } | ||
124 | }) | ||
125 | } | ||
126 | }) | ||
127 | }, | ||
128 | createQrCode(content, canvasId, cavW, cavH) { | ||
129 | //调用插件中的draw方法,绘制二维码图片 | ||
130 | QR.api.draw(content, canvasId, cavW, cavH); | ||
131 | this.canvasToTempImage(canvasId); | ||
132 | }, | ||
133 | //获取临时缓存图片路径,存入data中 | ||
134 | canvasToTempImage(canvasId) { | ||
135 | let that = this; | ||
136 | wx.canvasToTempFilePath({ | ||
137 | canvasId, // 这里canvasId即之前创建的canvas-id | ||
138 | success: function (res) { | ||
139 | let tempFilePath = res.tempFilePath; | ||
140 | console.log(tempFilePath); | ||
141 | that.setData({ // 如果采用mpvue,即 this.imagePath = tempFilePath | ||
142 | qrImagePath: tempFilePath, | ||
143 | }); | ||
144 | }, | ||
145 | fail: function (res) { | ||
146 | console.log(res); | ||
147 | } | ||
148 | }); | ||
149 | }, | ||
150 | //适配不同屏幕大小的canvas | ||
151 | setCanvasSize(sz) { | ||
152 | var size = {}; | ||
153 | try { | ||
154 | var res = wx.getSystemInfoSync(); | ||
155 | var scale = 750 / sz; //不同屏幕下canvas的适配比例;设计稿是750宽 | ||
156 | var width = res.windowWidth / scale; | ||
157 | var height = width; //canvas画布为正方形 | ||
158 | size.w = width; | ||
159 | size.h = height; | ||
160 | } catch (e) { | ||
161 | // Do something when catch error | ||
162 | console.log("获取设备信息失败" + e); | ||
163 | } | ||
164 | return size; | ||
165 | }, | ||
166 | |||
167 | hideMask() { | ||
168 | this.setData({ | ||
169 | nearbyStoreVisible: false | ||
170 | }) | ||
43 | }, | 171 | }, |
44 | // 子组件事件 | 172 | // 子组件事件 |
45 | evtcomp(evt) { | 173 | evtcomp(evt) { |
... | @@ -50,6 +178,18 @@ Page({ | ... | @@ -50,6 +178,18 @@ Page({ |
50 | switch (name) { | 178 | switch (name) { |
51 | 179 | ||
52 | case "_evt_hide": | 180 | case "_evt_hide": |
181 | this.hideMask(); | ||
182 | break; | ||
183 | |||
184 | // 提交完毕 | ||
185 | case "_evt_submit_store_complete": | ||
186 | // 刷新状态 | ||
187 | this.hideMask(); | ||
188 | wx.showModal({ | ||
189 | content: '预约成功', | ||
190 | showCancel: false, | ||
191 | success(res) {} | ||
192 | }); | ||
53 | break; | 193 | break; |
54 | 194 | ||
55 | default: | 195 | default: | ... | ... |
1 | { | 1 | { |
2 | "navigationBarTitleText": "卡券详情", | 2 | "navigationBarTitleText": "卡券详情", |
3 | "usingComponents": { | 3 | "usingComponents": { |
4 | "use-notice-comp": "../../component/use-notice-comp/use-notice-comp" | 4 | "use-notice-comp": "../../component/use-notice-comp/use-notice-comp", |
5 | "tips-nearby-store-comp": "../../component/tips-nearby-store-comp/tips-nearby-store-comp", | ||
6 | "van-popup": "../../ui/vant-weapp/popup/index" | ||
5 | } | 7 | } |
6 | } | 8 | } | ... | ... |
... | @@ -2,6 +2,7 @@ | ... | @@ -2,6 +2,7 @@ |
2 | @import '../../assets/scss/utils'; | 2 | @import '../../assets/scss/utils'; |
3 | 3 | ||
4 | .page { | 4 | .page { |
5 | position: relative; | ||
5 | padding-bottom: $pageBottom; | 6 | padding-bottom: $pageBottom; |
6 | font-weight: 300; | 7 | font-weight: 300; |
7 | 8 | ||
... | @@ -82,8 +83,12 @@ | ... | @@ -82,8 +83,12 @@ |
82 | .qrcode { | 83 | .qrcode { |
83 | width: 300px; | 84 | width: 300px; |
84 | height: 300px; | 85 | height: 300px; |
85 | background-color: wheat; | ||
86 | margin: 0 auto; | 86 | margin: 0 auto; |
87 | |||
88 | image { | ||
89 | width: 300px; | ||
90 | height: 300px; | ||
91 | } | ||
87 | } | 92 | } |
88 | 93 | ||
89 | // 数字码 | 94 | // 数字码 |
... | @@ -215,14 +220,20 @@ | ... | @@ -215,14 +220,20 @@ |
215 | // 已使用 | 220 | // 已使用 |
216 | .used { | 221 | .used { |
217 | $alp: 0.3; | 222 | $alp: 0.3; |
223 | opacity: $alp; | ||
218 | 224 | ||
219 | .qrcode { | 225 | // .qrcode { |
220 | opacity: $alp; | 226 | // opacity: $alp; |
221 | } | 227 | // } |
228 | |||
229 | // .info { | ||
230 | // opacity: $alp; | ||
231 | // } | ||
232 | |||
233 | // .code{ | ||
234 | // opacity: $alp; | ||
235 | // } | ||
222 | 236 | ||
223 | .info { | ||
224 | opacity: $alp; | ||
225 | } | ||
226 | } | 237 | } |
227 | 238 | ||
228 | 239 | ... | ... |
1 | <canvas style="width: 300rpx;height: 300rpx;visibility: hidden;position:absolute;" canvas-id="qrcanvas" /> | ||
1 | <view class="page"> | 2 | <view class="page"> |
2 | <view class="app__bgc bgc"></view> | 3 | <view class="app__bgc bgc"></view> |
3 | <view class="app__bg bg"></view> | 4 | <view class="app__bg bg"></view> |
... | @@ -26,10 +27,14 @@ | ... | @@ -26,10 +27,14 @@ |
26 | </view> | 27 | </view> |
27 | </view> | 28 | </view> |
28 | <!-- 二维码 --> | 29 | <!-- 二维码 --> |
29 | <view class="qrcode"></view> | 30 | <view class="qrcode"> |
31 | <image class="image" mode="widthFix" src="{{qrImagePath}}" /> | ||
32 | </view> | ||
30 | <view class="code">{{couponInfo.couponCode}}</view> | 33 | <view class="code">{{couponInfo.couponCode}}</view> |
31 | <!-- 预约自提按钮 --> | 34 | <!-- 预约自提按钮 --> |
32 | <view wx:if="{{1<10}}" bindtap="onNearbyStoreHandler" class="reservation-btn">预约自提门店</view> | 35 | <view wx:if="{{1<10}}" bindtap="onNearbyStoreHandler" class="reservation-btn"> |
36 | 预约自提门店 | ||
37 | </view> | ||
33 | <!-- 预约成功 --> | 38 | <!-- 预约成功 --> |
34 | <view wx:else class="reservation-complete"> | 39 | <view wx:else class="reservation-complete"> |
35 | <view class="tips">您已成功预约,请在有效期内前往领取</view> | 40 | <view class="tips">您已成功预约,请在有效期内前往领取</view> |
... | @@ -57,3 +62,6 @@ | ... | @@ -57,3 +62,6 @@ |
57 | </view> | 62 | </view> |
58 | </view> | 63 | </view> |
59 | </view> | 64 | </view> |
65 | <van-popup show="{{ nearbyStoreVisible }}" position="bottom" bind:click-overlay="hideMask"> | ||
66 | <tips-nearby-store-comp id="nearbyStoreComp" bind:evtcomp="evtcomp" wish-info="{{wishInfo}}" location="{{location}}" selectedMode="{{true}}"></tips-nearby-store-comp> | ||
67 | </van-popup> | ... | ... |
1 | import { | ||
2 | prizeTableQueryAssign | ||
3 | } from '../../const/custom-data'; | ||
4 | |||
5 | import { | ||
6 | getBindtapData, | ||
7 | checkMobile, | ||
8 | } from '../../utils/util'; | ||
9 | |||
1 | let app = getApp(); | 10 | let app = getApp(); |
2 | Page({ | 11 | Page({ |
3 | data: { | 12 | data: { |
... | @@ -5,17 +14,122 @@ Page({ | ... | @@ -5,17 +14,122 @@ Page({ |
5 | receiverName: "", | 14 | receiverName: "", |
6 | receiverMobile: "", | 15 | receiverMobile: "", |
7 | receiverAddress: "", | 16 | receiverAddress: "", |
17 | addressStr: "", // 省市区合并地址 | ||
8 | region: [], | 18 | region: [], |
9 | regionStr: "", | 19 | regionStr: "", |
10 | prize: {} | 20 | prize: {}, |
21 | wishInfo: {} | ||
11 | }, | 22 | }, |
12 | onShareAppMessage() {}, | 23 | onShareAppMessage() {}, |
13 | onLoad(options) {}, | 24 | onLoad(options) { |
25 | // let wishInfo = options; | ||
26 | let wishInfo = prizeTableQueryAssign; | ||
27 | console.log("wishInfo:", wishInfo); | ||
28 | this.setData({ | ||
29 | wishInfo: wishInfo | ||
30 | }) | ||
31 | if (wishInfo.associateMobile) { | ||
32 | // 如果初始化回显,则要设置 表单信息 | ||
33 | // 显示省市区 | ||
34 | this.setData({ | ||
35 | receiverName: wishInfo.associateName, | ||
36 | receiverMobile: wishInfo.associateMobile, | ||
37 | receiverAddress: wishInfo.address, | ||
38 | regionStr: wishInfo.province + wishInfo.city + wishInfo.district, | ||
39 | }) | ||
40 | this.setStatus(1); | ||
41 | } else { | ||
42 | this.setStatus(0); | ||
43 | } | ||
44 | |||
45 | |||
46 | }, | ||
14 | /** | 47 | /** |
15 | * 提交表单 | 48 | * 提交表单 |
16 | * @param {*} evt | 49 | * @param {*} evt |
17 | */ | 50 | */ |
18 | onSubmitHandler(evt) {}, | 51 | onSubmitHandler(evt) { |
52 | let wishInfo = this.data.wishInfo; | ||
53 | let { | ||
54 | receiverName, | ||
55 | receiverMobile, | ||
56 | receiverAddress, | ||
57 | region, | ||
58 | } = this.data; | ||
59 | let receiverProvince = region[0]; | ||
60 | let receiverCity = region[1]; | ||
61 | let receiverDistrict = region[2]; | ||
62 | |||
63 | let tips = ""; | ||
64 | if (!receiverName) { | ||
65 | tips = "请输入姓名"; | ||
66 | this.showTips(tips); | ||
67 | return; | ||
68 | } | ||
69 | if (!receiverMobile) { | ||
70 | tips = "请输入手机号码"; | ||
71 | this.showTips(tips); | ||
72 | return; | ||
73 | } | ||
74 | if (!checkMobile(receiverMobile)) { | ||
75 | tips = "请输入正确的手机号"; | ||
76 | this.showTips(tips); | ||
77 | return; | ||
78 | } | ||
79 | if (!receiverProvince || !receiverCity || !receiverDistrict) { | ||
80 | tips = "请选择区域"; | ||
81 | this.showTips(tips); | ||
82 | return; | ||
83 | } | ||
84 | if (!receiverAddress) { | ||
85 | tips = "请填写地址"; | ||
86 | this.showTips(tips); | ||
87 | return; | ||
88 | } | ||
89 | |||
90 | |||
91 | let data = { | ||
92 | instanceCode: wishInfo.instanceCode, | ||
93 | associateName: receiverName, | ||
94 | associateMobile: receiverMobile, | ||
95 | province: receiverProvince, | ||
96 | city: receiverCity, | ||
97 | district: receiverDistrict, | ||
98 | address: receiverAddress, | ||
99 | } | ||
100 | console.log("data:", data); | ||
101 | |||
102 | app.post({ | ||
103 | url: app.api.wishbillAddressSubmit, | ||
104 | data: data | ||
105 | }).then((result) => { | ||
106 | this.setStatus(1); | ||
107 | }) | ||
108 | }, | ||
109 | |||
110 | // 设置显示状态 0:填写 1:回显 | ||
111 | setStatus(tableIndex) { | ||
112 | if (tableIndex == 1) { | ||
113 | // 回显,拼接完整地址 | ||
114 | this.refreshFullAddress(); | ||
115 | } | ||
116 | this.setData({ | ||
117 | tableIndex: tableIndex | ||
118 | }) | ||
119 | }, | ||
120 | /** | ||
121 | * 配置完整地址 | ||
122 | */ | ||
123 | refreshFullAddress() { | ||
124 | let { | ||
125 | receiverAddress, | ||
126 | regionStr, | ||
127 | } = this.data; | ||
128 | let addressStr = regionStr + receiverAddress; | ||
129 | this.setData({ | ||
130 | addressStr: addressStr | ||
131 | }) | ||
132 | }, | ||
19 | /** | 133 | /** |
20 | * 返回心愿单页面 | 134 | * 返回心愿单页面 |
21 | * @param {*} evt | 135 | * @param {*} evt |
... | @@ -26,17 +140,39 @@ Page({ | ... | @@ -26,17 +140,39 @@ Page({ |
26 | path: "wish" | 140 | path: "wish" |
27 | }) | 141 | }) |
28 | }, | 142 | }, |
143 | |||
144 | bindNameInput(e) { | ||
145 | this.setData({ | ||
146 | receiverName: e.detail.value | ||
147 | }) | ||
148 | }, | ||
149 | bindPhoneInput(e) { | ||
150 | this.setData({ | ||
151 | receiverMobile: e.detail.value | ||
152 | }) | ||
153 | }, | ||
154 | bindAddressInput(e) { | ||
155 | this.setData({ | ||
156 | receiverAddress: e.detail.value | ||
157 | }) | ||
158 | }, | ||
29 | bindRegionChange(e) { | 159 | bindRegionChange(e) { |
30 | let region = e.detail.value; | 160 | let region = e.detail.value; |
31 | let regionStr = ""; | 161 | let regionStr = ""; |
32 | if (region.length > 0) { | 162 | if (region.length > 0) { |
33 | regionStr = region.join(","); | 163 | regionStr = region.join(""); |
34 | } | 164 | } |
35 | this.setData({ | 165 | this.setData({ |
36 | region, | 166 | region, |
37 | regionStr | 167 | regionStr |
38 | }) | 168 | }) |
39 | }, | 169 | }, |
170 | showTips(tips) { | ||
171 | wx.showToast({ | ||
172 | title: tips, | ||
173 | icon: 'none' | ||
174 | }) | ||
175 | }, | ||
40 | // 子组件事件 | 176 | // 子组件事件 |
41 | evtcomp(evt) { | 177 | evtcomp(evt) { |
42 | let { | 178 | let { | ... | ... |
... | @@ -165,13 +165,24 @@ $iptHeight:80px; | ... | @@ -165,13 +165,24 @@ $iptHeight:80px; |
165 | align-items: center; | 165 | align-items: center; |
166 | width: 140px; | 166 | width: 140px; |
167 | @extend .bb; | 167 | @extend .bb; |
168 | padding: 0 20px; | 168 | padding: 0 12px; |
169 | font-size: 26px; | ||
169 | 170 | ||
170 | .icon { | 171 | .icon { |
171 | width: 15px; | 172 | width: 15px; |
172 | height: 9px; | 173 | height: 9px; |
173 | margin-left: 8px; | 174 | margin-left: 8px; |
174 | } | 175 | } |
176 | |||
177 | .val{ | ||
178 | // @extend | ||
179 | |||
180 | @include ellipsis(1); | ||
181 | } | ||
182 | |||
183 | .holder{ | ||
184 | |||
185 | } | ||
175 | } | 186 | } |
176 | 187 | ||
177 | .line { | 188 | .line { | ... | ... |
... | @@ -14,9 +14,9 @@ | ... | @@ -14,9 +14,9 @@ |
14 | <image mode="widthFix" src="../../image/oss/user-table/user-table-c1.png" /> | 14 | <image mode="widthFix" src="../../image/oss/user-table/user-table-c1.png" /> |
15 | </view> | 15 | </view> |
16 | <view class="display"> | 16 | <view class="display"> |
17 | <image class="prod" mode="aspectFit" src="../../image/prize/prize-1.png" /> | 17 | <image wx:if="{{wishInfo.tag}}" class="prod" mode="aspectFit" src="../../image/prize/prize-{{wishInfo.tag}}.png" /> |
18 | </view> | 18 | </view> |
19 | <view class="name">丸美弹力蛋白凝时紧致乳</view> | 19 | <view class="name">{{wishInfo.prizeName}}</view> |
20 | </view> | 20 | </view> |
21 | <!-- 表单 --> | 21 | <!-- 表单 --> |
22 | <view class="table"> | 22 | <view class="table"> |
... | @@ -28,28 +28,31 @@ | ... | @@ -28,28 +28,31 @@ |
28 | <view class="form"> | 28 | <view class="form"> |
29 | <view class="ipt"> | 29 | <view class="ipt"> |
30 | <view class="label">姓名</view> | 30 | <view class="label">姓名</view> |
31 | <input class="input" placeholder="请输入" /> | 31 | <input value="{{receiverName}}" bindinput="bindNameInput" class="input" placeholder="请输入" /> |
32 | </view> | 32 | </view> |
33 | <view class="ipt"> | 33 | <view class="ipt"> |
34 | <view class="label">电话</view> | 34 | <view class="label">电话</view> |
35 | <input class="input" placeholder="请输入" /> | 35 | <input value="{{receiverMobile}}" bindinput="bindPhoneInput" class="input" placeholder="请输入" /> |
36 | </view> | 36 | </view> |
37 | <view class="ipt"> | 37 | <view class="ipt"> |
38 | <view class="label">区域</view> | 38 | <view class="label">区域</view> |
39 | <picker class="form-detail-item-label" mode="region" bindchange="bindRegionChange" value="{{region}}"> | 39 | <picker class="form-detail-item-label" mode="region" bindchange="bindRegionChange" value="{{region}}"> |
40 | <view class="input area"> | 40 | <view class="input area"> |
41 | <view class="area-item area-item2"> | 41 | <view class="area-item area-item2"> |
42 | 省 | 42 | <span class="val">{{region[0]?region[0]:'省'}}</span> |
43 | <!-- <span wx:if="{{!region[0]}}" class="holder">省</span> --> | ||
43 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> | 44 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> |
44 | </view> | 45 | </view> |
45 | <view class="line"></view> | 46 | <view class="line"></view> |
46 | <view class="area-item area-item2"> | 47 | <view class="area-item area-item2"> |
47 | 市 | 48 | <span class="val">{{region[1]?region[1]:'市'}}</span> |
49 | <!-- <span wx:if="{{!region[1]}}" class="holder">市</span> --> | ||
48 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> | 50 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> |
49 | </view> | 51 | </view> |
50 | <view class="line"></view> | 52 | <view class="line"></view> |
51 | <view class="area-item area-item2"> | 53 | <view class="area-item area-item2"> |
52 | 区 | 54 | <span class="val">{{region[2]?region[2]:'区'}}</span> |
55 | <!-- <span wx:if="{{!region[2]}}" class="holder">区</span> --> | ||
53 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> | 56 | <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" /> |
54 | </view> | 57 | </view> |
55 | </view> | 58 | </view> |
... | @@ -57,7 +60,7 @@ | ... | @@ -57,7 +60,7 @@ |
57 | </view> | 60 | </view> |
58 | <view class="ipt ipt2"> | 61 | <view class="ipt ipt2"> |
59 | <view class="label">地址</view> | 62 | <view class="label">地址</view> |
60 | <textarea class="input textarea" placeholder="请输入"></textarea> | 63 | <textarea value="{{receiverAddress}}" bindinput="bindAddressInput" class="input textarea" placeholder="请输入"></textarea> |
61 | </view> | 64 | </view> |
62 | </view> | 65 | </view> |
63 | <view bindtap="onSubmitHandler" class="submit-btn">确认提交</view> | 66 | <view bindtap="onSubmitHandler" class="submit-btn">确认提交</view> |
... | @@ -68,16 +71,16 @@ | ... | @@ -68,16 +71,16 @@ |
68 | <view class="tips">*感谢您提交的地址,我们将尽快为您送出以上礼品</view> | 71 | <view class="tips">*感谢您提交的地址,我们将尽快为您送出以上礼品</view> |
69 | <view class="form"> | 72 | <view class="form"> |
70 | <view class="form-item"> | 73 | <view class="form-item"> |
71 | <view class="label">姓名</view> | 74 | <view class="label">{{wishInfo.associateName}}</view> |
72 | <view class="val">林小美</view> | 75 | <view class="val">林小美</view> |
73 | </view> | 76 | </view> |
74 | <view class="form-item"> | 77 | <view class="form-item"> |
75 | <view class="label">电话</view> | 78 | <view class="label">电话</view> |
76 | <view class="val">18812345678</view> | 79 | <view class="val">{{wishInfo.associateMobile}}</view> |
77 | </view> | 80 | </view> |
78 | <view class="form-item"> | 81 | <view class="form-item"> |
79 | <view class="label">地址</view> | 82 | <view class="label">地址</view> |
80 | <view class="val">广州市天河区珠江新城花城大道路xx广州市天河区珠江新城花城大道路xx广州市天河区珠江新城花城大道路xx</view> | 83 | <view class="val">{{regionStr}}{{wishInfo.addressStr}}</view> |
81 | </view> | 84 | </view> |
82 | </view> | 85 | </view> |
83 | <view bindtap="onWishHandler" class="submit-btn">返回首页</view> | 86 | <view bindtap="onWishHandler" class="submit-btn">返回首页</view> | ... | ... |
... | @@ -16,7 +16,18 @@ Page({ | ... | @@ -16,7 +16,18 @@ Page({ |
16 | wishInfo: {}, | 16 | wishInfo: {}, |
17 | wishList: [], | 17 | wishList: [], |
18 | helperInfo: {}, | 18 | helperInfo: {}, |
19 | curWish: {}, | 19 | // curWish: {}, |
20 | curWish: { | ||
21 | "status": 1, | ||
22 | "order": { | ||
23 | "acceptType": 0, | ||
24 | "instanceCode": "162951b667a746188c83491bd5601164", | ||
25 | "prizeName": "丸美弹力蛋白眼精华素10g+10g", | ||
26 | "prizePic": "", | ||
27 | "commodityNo": "11059001" | ||
28 | }, | ||
29 | "coupon": null | ||
30 | }, | ||
20 | status: 1, // 1正常(有库存) 2无库存 | 31 | status: 1, // 1正常(有库存) 2无库存 |
21 | }, | 32 | }, |
22 | onShareAppMessage() {}, | 33 | onShareAppMessage() {}, |
... | @@ -38,28 +49,64 @@ Page({ | ... | @@ -38,28 +49,64 @@ Page({ |
38 | onGetGiftHandler(evt) { | 49 | onGetGiftHandler(evt) { |
39 | let curData = getBindtapData(evt); | 50 | let curData = getBindtapData(evt); |
40 | console.log("curData:", curData); | 51 | console.log("curData:", curData); |
41 | this.setData({ | 52 | app.post({ |
42 | curWish: curData, | ||
43 | tipsPirzeVisible: true, | ||
44 | }) | ||
45 | return; | ||
46 | app.poster({ | ||
47 | url: app.api.wishbillGiftAccept, | 53 | url: app.api.wishbillGiftAccept, |
48 | data: curData | 54 | data: { |
55 | instanceCode: curData.instanceCode | ||
56 | } | ||
49 | }).then((result) => { | 57 | }).then((result) => { |
50 | // let curData | 58 | curData = Object.assign(curData, result); |
51 | this.setData({ | 59 | this.setData({ |
52 | curWish: curData, | 60 | curWish: curData, |
53 | tipsPirzeVisible: true, | 61 | tipsPirzeVisible: true, |
62 | status: curData.status | ||
54 | }) | 63 | }) |
55 | }); | 64 | }); |
56 | }, | 65 | }, |
57 | /** | 66 | /** |
58 | * 查看我的奖品 | 67 | * 查看我的奖品 |
68 | * 点击领取 | ||
59 | */ | 69 | */ |
60 | onCheckGiftHandler(evt) { | 70 | onCheckGiftHandler(evt) { |
61 | let curData = getBindtapData(evt); | 71 | let curData = getBindtapData(evt); |
62 | console.log("curData:", curData); | 72 | // console.log("curData:", curData); |
73 | app.post({ | ||
74 | url: app.api.wishbillGiftQuery, | ||
75 | data: { | ||
76 | instanceCode: curData.instanceCode | ||
77 | } | ||
78 | }).then((result) => { | ||
79 | curData = Object.assign(curData, result); | ||
80 | console.log("curData 222:", curData); | ||
81 | this.setData({ | ||
82 | curWish: curData, | ||
83 | status: curData.status | ||
84 | }) | ||
85 | // 领取状态 | ||
86 | // 领取类型:0=未提交;1=邮寄(填写邮寄信息);2=自提(填门店预约信息) | ||
87 | let acceptType = curData.order.acceptType; | ||
88 | console.log("acceptType:",acceptType); | ||
89 | if (acceptType == 0) { | ||
90 | // 未提交,显示领取选择 | ||
91 | this.setData({ | ||
92 | tipsPirzeVisible: true, | ||
93 | }) | ||
94 | } else if (acceptType == 1) { | ||
95 | // 已经选择邮寄 | ||
96 | // 判断是否已经填写邮寄信息 | ||
97 | app.router.push({ | ||
98 | path: "userTable" | ||
99 | }) | ||
100 | } else if (acceptType == 2) { | ||
101 | // 已经选择自提 | ||
102 | app.router.push({ | ||
103 | path: "prizeDetail" | ||
104 | }) | ||
105 | } | ||
106 | |||
107 | // 查看是否已经预约 | ||
108 | |||
109 | }) | ||
63 | }, | 110 | }, |
64 | // 显示规则页面 | 111 | // 显示规则页面 |
65 | onShowRuleHandler() { | 112 | onShowRuleHandler() { | ... | ... |
src/utils/qrcode.js
0 → 100755
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment