|
@@ -19,29 +19,29 @@
|
|
<text @click="toChoose" class="iconfont icon-jiantouyou"></text>
|
|
<text @click="toChoose" class="iconfont icon-jiantouyou"></text>
|
|
</view>
|
|
</view>
|
|
<view class="one_2">
|
|
<view class="one_2">
|
|
- <view class="list">
|
|
|
|
|
|
+ <view class="list" v-for="(item,index) in orderList" :key="index">
|
|
<view class="list_1">
|
|
<view class="list_1">
|
|
<view class="l">
|
|
<view class="l">
|
|
<text class="iconfont icon-shangdian"></text>
|
|
<text class="iconfont icon-shangdian"></text>
|
|
- <text>{{shop.shop}}</text>
|
|
|
|
|
|
+ <text>{{item.shop}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="list_2">
|
|
<view class="list_2">
|
|
<view class="l">
|
|
<view class="l">
|
|
- <image class="image" :src="shop.url&&shop.url.length>0?shop.url[0].url:''"
|
|
|
|
|
|
+ <image class="image" :src="item.url&&item.url.length>0?item.url[0].url:''"
|
|
mode=""></image>
|
|
mode=""></image>
|
|
</view>
|
|
</view>
|
|
<view class="c">
|
|
<view class="c">
|
|
<view class="name">
|
|
<view class="name">
|
|
- {{shop.name}}
|
|
|
|
|
|
+ {{item.name}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="r">
|
|
<view class="r">
|
|
<view class="price">
|
|
<view class="price">
|
|
- ¥{{shop.price}}
|
|
|
|
|
|
+ ¥{{item.price}}
|
|
</view>
|
|
</view>
|
|
<view class="num">
|
|
<view class="num">
|
|
- ×{{shop.buy_num}}
|
|
|
|
|
|
+ ×{{item.buy_num}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -54,7 +54,8 @@
|
|
</view>
|
|
</view>
|
|
<view class="other">
|
|
<view class="other">
|
|
<view class="other_1">运费</view>
|
|
<view class="other_1">运费</view>
|
|
- <view class="other_2">¥{{shop.freight}}</view>
|
|
|
|
|
|
+ <view class="other_2" v-if="!shop.freight==0">¥{{shop.freight}}</view>
|
|
|
|
+ <view class="other_2" v-else>包邮</view>
|
|
</view>
|
|
</view>
|
|
<view class="other">
|
|
<view class="other">
|
|
<view class="other_1">订单备注</view>
|
|
<view class="other_1">订单备注</view>
|
|
@@ -92,9 +93,9 @@
|
|
</view>
|
|
</view>
|
|
<view class="two">
|
|
<view class="two">
|
|
<view class="two_1">
|
|
<view class="two_1">
|
|
- <checkbox-group @change="toCheckbox(item)">
|
|
|
|
|
|
+ <checkbox-group @change="toCheckbox">
|
|
<label>
|
|
<label>
|
|
- <checkbox style="transform:scale(0.7)" />选择地址
|
|
|
|
|
|
+ <checkbox :value="item._id" :checked="item.checked" style="transform:scale(0.7)" />选择地址
|
|
</label>
|
|
</label>
|
|
</checkbox-group>
|
|
</checkbox-group>
|
|
</view>
|
|
</view>
|
|
@@ -116,6 +117,10 @@
|
|
id: {},
|
|
id: {},
|
|
info: {},
|
|
info: {},
|
|
shop: {
|
|
shop: {
|
|
|
|
+ money: 58,
|
|
|
|
+ freight: 7
|
|
|
|
+ },
|
|
|
|
+ orderList: [{
|
|
shop: '官方自营店',
|
|
shop: '官方自营店',
|
|
status: '1',
|
|
status: '1',
|
|
url: [{
|
|
url: [{
|
|
@@ -129,7 +134,21 @@
|
|
market_num: 1,
|
|
market_num: 1,
|
|
money: 58,
|
|
money: 58,
|
|
freight: 7
|
|
freight: 7
|
|
- },
|
|
|
|
|
|
+ }, {
|
|
|
|
+ shop: '官方自营店',
|
|
|
|
+ status: '1',
|
|
|
|
+ url: [{
|
|
|
|
+ name: "20220928155634.jpg",
|
|
|
|
+ uri: "/files/point/20220928155634.jpg",
|
|
|
|
+ url: "https://broadcast.waityou24.cn/files/point/20220928155634.jpg"
|
|
|
|
+ }],
|
|
|
|
+ name: '饮用水',
|
|
|
|
+ price: 58,
|
|
|
|
+ buy_num: 1,
|
|
|
|
+ market_num: 1,
|
|
|
|
+ money: 58,
|
|
|
|
+ freight: 7
|
|
|
|
+ }],
|
|
// 收货地址
|
|
// 收货地址
|
|
addressList: [],
|
|
addressList: [],
|
|
};
|
|
};
|
|
@@ -151,7 +170,17 @@
|
|
// 是否选中
|
|
// 是否选中
|
|
toCheckbox(e) {
|
|
toCheckbox(e) {
|
|
const that = this;
|
|
const that = this;
|
|
- that.$set(that, `info`, e);
|
|
|
|
|
|
+ var addressList = that.addressList,
|
|
|
|
+ values = e.detail.value;
|
|
|
|
+ for (var i = 0, lenI = addressList.length; i < lenI; ++i) {
|
|
|
|
+ const item = addressList[i]
|
|
|
|
+ if (values.includes(item._id)) {
|
|
|
|
+ that.$set(item, 'checked', true)
|
|
|
|
+ that.$set(that, `info`, item);
|
|
|
|
+ } else {
|
|
|
|
+ that.$set(item, 'checked', false)
|
|
|
|
+ }
|
|
|
|
+ }
|
|
that.$refs.popup.close();
|
|
that.$refs.popup.close();
|
|
},
|
|
},
|
|
// 删除收货地址
|
|
// 删除收货地址
|
|
@@ -267,15 +296,15 @@
|
|
|
|
|
|
.one_2 {
|
|
.one_2 {
|
|
margin: 2vw 0 0 0;
|
|
margin: 2vw 0 0 0;
|
|
- background-color: var(--mainColor);
|
|
|
|
|
|
|
|
.list {
|
|
.list {
|
|
width: 96vw;
|
|
width: 96vw;
|
|
padding: 0 2vw;
|
|
padding: 0 2vw;
|
|
|
|
+ margin: 2vw 0;
|
|
|
|
|
|
.list_1 {
|
|
.list_1 {
|
|
- margin: 0 0 1vw 0;
|
|
|
|
- padding: 1vw 0;
|
|
|
|
|
|
+ padding: 2vw;
|
|
|
|
+ background-color: var(--mainColor);
|
|
border-bottom: 0.1vw solid var(--fcColor);
|
|
border-bottom: 0.1vw solid var(--fcColor);
|
|
|
|
|
|
text {
|
|
text {
|
|
@@ -284,8 +313,9 @@
|
|
}
|
|
}
|
|
|
|
|
|
.list_2 {
|
|
.list_2 {
|
|
- margin: 0 0 1vw 0;
|
|
|
|
|
|
+ padding: 2vw;
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+ background-color: var(--mainColor);
|
|
|
|
|
|
.l {
|
|
.l {
|
|
width: 20vw;
|
|
width: 20vw;
|
|
@@ -388,6 +418,7 @@
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
background-color: var(--f1Color);
|
|
background-color: var(--f1Color);
|
|
|
|
+
|
|
.one {
|
|
.one {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|