|
|
@@ -21,21 +21,21 @@
|
|
|
<view class='item acea-row row-between-wrapper'>
|
|
|
<view class='name'>团购时间</view>
|
|
|
<view @click="show1 = true">
|
|
|
- <uni-datetime-picker @change="confirmDate1" v-model="datetimerange1" type="datetimerange" rangeSeparator="至">
|
|
|
- <input placeholder='请选择团购时间' disabled :value='grouponDateTime'
|
|
|
- placeholder-class='placeholder'></input>
|
|
|
+ <uni-datetime-picker @change="confirmDate1" v-model="datetimerange1" type="datetimerange"
|
|
|
+ rangeSeparator="至">
|
|
|
+ <input placeholder='请选择团购时间' disabled :value='grouponDateTime' placeholder-class='placeholder'></input>
|
|
|
</uni-datetime-picker>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class='item acea-row row-between-wrapper'>
|
|
|
<view class='name'>提货时间</view>
|
|
|
<view @click="show2 = true">
|
|
|
- <uni-datetime-picker @change="confirmDate2" v-model="datetimerange2" type="datetimerange" rangeSeparator="至">
|
|
|
- <input placeholder='请选择提货时间' disabled :value='takeDateTime'
|
|
|
- placeholder-class='placeholder'></input>
|
|
|
- </uni-datetime-picker>
|
|
|
+ <uni-datetime-picker @change="confirmDate2" v-model="datetimerange2" type="datetimerange"
|
|
|
+ rangeSeparator="至">
|
|
|
+ <input placeholder='请选择提货时间' disabled :value='takeDateTime' placeholder-class='placeholder'></input>
|
|
|
+ </uni-datetime-picker>
|
|
|
</view>
|
|
|
-<!-- <u-datetime-picker @confirm="dateConfirmDate2()" :show="show2" v-model="value1"
|
|
|
+ <!-- <u-datetime-picker @confirm="dateConfirmDate2()" :show="show2" v-model="value1"
|
|
|
mode="datetimerange"></u-datetime-picker> -->
|
|
|
</view>
|
|
|
|
|
|
@@ -44,8 +44,8 @@
|
|
|
<view class='item acea-row row-between-wrapper'>
|
|
|
<view class='name'>自提点</view>
|
|
|
<view @click="openSelfTakeTable()">
|
|
|
- <input placeholder='请选择提自提点' name="phone" disabled :value='ztd'
|
|
|
- placeholder-class='placeholder' maxlength="11"></input>
|
|
|
+ <input placeholder='请选择提自提点' name="phone" disabled :value='ztd' placeholder-class='placeholder'
|
|
|
+ maxlength="11"></input>
|
|
|
</view>
|
|
|
<u-picker @confirm="confirmZTD()" :show="showZTD" :columns="selfTakeList" keyName="name"></u-picker>
|
|
|
</view>
|
|
|
@@ -57,23 +57,34 @@
|
|
|
<view class="title">
|
|
|
团购商品
|
|
|
</view>
|
|
|
- <view class="list-item">
|
|
|
- <block v-for="(itemn, indexn) in selectGoodList" :key="indexn">
|
|
|
- <view hover-class='none' class='item acea-row-item row-column row-middle'>
|
|
|
- <view class='picture'>
|
|
|
- <image :src='itemn.goodsCover' v-if="itemn.goodsCover"></image>
|
|
|
- <image src="/static/images/sort-img.png" v-else></image>
|
|
|
+
|
|
|
+ <view class="all-products-body" v-for="(itemn, indexn) in selectGoodList" :key="indexn">
|
|
|
+ <view class="all-products-item">
|
|
|
+ <image :src='itemn.goodsCover' v-if="itemn.goodsCover"></image>
|
|
|
+ <image src="/static/images/sort-img.png" v-else></image>
|
|
|
+
|
|
|
+ <view class="all-products-item-content">
|
|
|
+ <view class="all-products-item-content-t">
|
|
|
+ {{ itemn.goodsName }}
|
|
|
</view>
|
|
|
- <view class="p-r">
|
|
|
- <view class='name line1'>{{ $t(itemn.goodsName) }}</view>
|
|
|
- <view class="acea-row-item-bArea">
|
|
|
- <view class='jiage line1'>￥{{itemn.discountPrice}}</view>
|
|
|
- <view @click="delItem(indexn)" :class="[itemn.selected ? 'selde' : 'noselde']">删除<text
|
|
|
- :class="[itemn.selected ? 'selde-q' : 'noselde-q']"></text></view>
|
|
|
+ <view class="all-products-item-content-b">
|
|
|
+ <view style="display:flex; flex-grow: 1;">
|
|
|
+ <text class="red"> ¥{{ itemn.discountPrice }}</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view @click="delItem(indexn)" class="count">
|
|
|
+ <image
|
|
|
+ src="http://www.gzzzyd.com/groupon/home_slices/错误@2x.png"
|
|
|
+ mode="scaleToFill"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view>
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </block>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<button class="button_1 flex-col" @click="addGood">
|
|
|
@@ -110,7 +121,7 @@
|
|
|
|
|
|
<script>
|
|
|
const city_res = require('@/mock/json/city_res.json')
|
|
|
-import {publishGroupon, getAllSelfTake} from '@/api/groupon.js';
|
|
|
+import { publishGroupon, getAllSelfTake } from '@/api/groupon.js';
|
|
|
import {
|
|
|
postUserAddressSave,
|
|
|
postUserAddressUpdate,
|
|
|
@@ -154,10 +165,10 @@ export default {
|
|
|
grouponReqData: {
|
|
|
mainTitle: '',
|
|
|
subTitle: '',
|
|
|
- grouponStartTime:'',
|
|
|
- grouponEndTime:'',
|
|
|
- takeStartTime:'',
|
|
|
- takeEndTime:'',
|
|
|
+ grouponStartTime: '',
|
|
|
+ grouponEndTime: '',
|
|
|
+ takeStartTime: '',
|
|
|
+ takeEndTime: '',
|
|
|
selfTakeIds: [],
|
|
|
goodsIds: []
|
|
|
},
|
|
|
@@ -229,26 +240,26 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- confirmDate1(value) {
|
|
|
+ confirmDate1 (value) {
|
|
|
let start = value[0];
|
|
|
let end = value[1];
|
|
|
this.grouponReqData.grouponStartTime = start;
|
|
|
this.grouponReqData.grouponEndTime = end;
|
|
|
- this.grouponDateTime = start.substr(5,2) + "/" + start.substr(8,2) + " " + start.substr(11,5) + " 至 "
|
|
|
- + end.substr(5,2) + "/" + end.substr(8,2) + " " + end.substr(11,5);
|
|
|
+ this.grouponDateTime = start.substr(5, 2) + "/" + start.substr(8, 2) + " " + start.substr(11, 5) + " 至 "
|
|
|
+ + end.substr(5, 2) + "/" + end.substr(8, 2) + " " + end.substr(11, 5);
|
|
|
},
|
|
|
- confirmDate2(value) {
|
|
|
+ confirmDate2 (value) {
|
|
|
let start = value[0];
|
|
|
let end = value[1];
|
|
|
this.grouponReqData.takeStartTime = start;
|
|
|
this.grouponReqData.takeEndTime = end;
|
|
|
- this.takeDateTime = start.substr(5,2) + "/" + start.substr(8,2) + " " + start.substr(11,5) + " 至 "
|
|
|
- + end.substr(5,2) + "/" + end.substr(8,2) + " " + end.substr(11,5);
|
|
|
+ this.takeDateTime = start.substr(5, 2) + "/" + start.substr(8, 2) + " " + start.substr(11, 5) + " 至 "
|
|
|
+ + end.substr(5, 2) + "/" + end.substr(8, 2) + " " + end.substr(11, 5);
|
|
|
},
|
|
|
- selectDatetime() {
|
|
|
+ selectDatetime () {
|
|
|
this.$refs.mySon.show();
|
|
|
},
|
|
|
- openSelfTakeTable() {
|
|
|
+ openSelfTakeTable () {
|
|
|
getAllSelfTake({
|
|
|
current: 1,
|
|
|
size: 50
|
|
|
@@ -586,9 +597,9 @@ export default {
|
|
|
*/
|
|
|
formSubmit: function (e) {
|
|
|
let that = this,
|
|
|
- value = e.detail.value;
|
|
|
-
|
|
|
-
|
|
|
+ value = e.detail.value;
|
|
|
+
|
|
|
+
|
|
|
|
|
|
if (!value.mainTitle.trim()) {
|
|
|
return that.$util.Tips({
|
|
|
@@ -596,26 +607,26 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
that.grouponReqData.mainTitle = value.mainTitle;
|
|
|
-
|
|
|
+
|
|
|
if (!value.subTitle.trim()) {
|
|
|
return that.$util.Tips({
|
|
|
title: that.$t(`请填写副标题`)
|
|
|
});
|
|
|
}
|
|
|
that.grouponReqData.subTitle = value.subTitle;
|
|
|
-
|
|
|
+
|
|
|
if (!that.grouponReqData.grouponStartTime.trim() || !that.grouponReqData.grouponEndTime.trim()) {
|
|
|
return that.$util.Tips({
|
|
|
title: that.$t(`请选择团购时间`)
|
|
|
});
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
if (!that.grouponReqData.takeStartTime.trim() || !that.grouponReqData.takeEndTime.trim()) {
|
|
|
return that.$util.Tips({
|
|
|
title: that.$t(`请选择取货时间`)
|
|
|
});
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
if (that.grouponReqData.selfTakeIds.length < 1) {
|
|
|
return that.$util.Tips({
|
|
|
title: that.$t(`请选择自提点`)
|
|
|
@@ -693,6 +704,7 @@ export default {
|
|
|
.addAddress .list {
|
|
|
background-color: #fff;
|
|
|
padding-top: 10rpx;
|
|
|
+
|
|
|
.title {
|
|
|
margin: 30rpx;
|
|
|
height: 44rpx;
|
|
|
@@ -823,15 +835,95 @@ export default {
|
|
|
|
|
|
.p-r {
|
|
|
flex-direction: column;
|
|
|
- width: 100%;
|
|
|
+ flex-grow: 1;
|
|
|
+ max-width: calc(100% - 120rpx);
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
- .name {}
|
|
|
-
|
|
|
.acea-row-item-bArea {
|
|
|
+ width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+
|
|
|
+ .goodsname {
|
|
|
+ flex-grow: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .selde {
|
|
|
+ width: 80rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.all-products-body {
|
|
|
+ background: white;
|
|
|
+ padding-left: 30px;
|
|
|
+
|
|
|
+ .all-products-item {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+
|
|
|
+ image {
|
|
|
+ margin: auto;
|
|
|
+ width: 128rpx;
|
|
|
+ height: 128rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ border: 2rpx solid #FFFFFF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .all-products-item-content {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ width: calc(100% - 128rpx);
|
|
|
+
|
|
|
+ .all-products-item-content-t {
|
|
|
+ flex: 1;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-right: 30rpx;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .all-products-item-content-b {
|
|
|
+ flex: 1;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 80rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ image {
|
|
|
+ margin: 0;
|
|
|
+ width: 36rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .red {
|
|
|
+ display: block;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #B22338 !important;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .line-thr {
|
|
|
+ display: block;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+
|
|
|
+ .count {
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ margin-right: 30rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
jinchaoyu