|
|
@@ -17,6 +17,43 @@
|
|
|
<button type="primary" size="mini" @click="onSubmit('form')">确认开团</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="two">
|
|
|
+ <scroll-view scroll-y="true" class="scroll-view" @scrolltolower="toPage" @scroll="toScroll">
|
|
|
+ <view class="list-scroll-view">
|
|
|
+ <view class="two_1" v-if="list.length>0">{{list[0].goods.name}}</view>
|
|
|
+ <view class="list" v-for="(item,index) in list" :key="index">
|
|
|
+ <view class="list_1">
|
|
|
+ <view class="list_1_1">
|
|
|
+ <view class="goods">
|
|
|
+ <view class="goods_1">
|
|
|
+ <image class="image" v-if="item.spec.file&&item.spec.file.length>0"
|
|
|
+ :src="item.spec.file&&item.spec.file.length>0?item.spec.file[0].url:''"
|
|
|
+ mode=""></image>
|
|
|
+ <image class="image" v-else
|
|
|
+ :src="item.goods.file&&item.goods.file.length>0?item.goods.file[0].url:''"
|
|
|
+ mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="goods_2">
|
|
|
+ <view class="goodsname textOver">
|
|
|
+ {{item.spec.name}}
|
|
|
+ </view>
|
|
|
+ <view class="other_2">
|
|
|
+ 团长提成金额：<text>￥{{item.leader_get}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="other_2">
|
|
|
+ 团购价：<text>￥{{item.price}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="other_2">
|
|
|
+ 团长价：<text>￥{{item.leader_price}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</mobile-frame>
|
|
|
</template>
|
|
|
@@ -28,6 +65,7 @@
|
|
|
user: {},
|
|
|
id: '',
|
|
|
form: {},
|
|
|
+ list:[],
|
|
|
rules: {
|
|
|
person_limit: {
|
|
|
rules: [{
|
|
|
@@ -69,7 +107,10 @@
|
|
|
if (user) {
|
|
|
that.$set(that, `user`, user);
|
|
|
let res = await that.$api(`/goodsConfig`, `GET`, that.form, 'group');
|
|
|
- if (res.errcode == '0') that.$set(that.form, `group_config`, res.data);
|
|
|
+ if (res.errcode == '0'){
|
|
|
+ that.$set(that.form, `group_config`, res.data);
|
|
|
+ that.$set(that, `list`, res.data);
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
fail: function(err) {
|
|
|
@@ -149,5 +190,69 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .two {
|
|
|
+ position: relative;
|
|
|
+ flex-grow: 1;
|
|
|
+ .two_1{
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 2vw;
|
|
|
+ margin: 2vw;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .list {
|
|
|
+ background-color: var(--f9Color);
|
|
|
+ padding: 2vw;
|
|
|
+ margin: 0 2vw 2vw 2vw;
|
|
|
+ border-radius: 5px;
|
|
|
+
|
|
|
+ .list_1 {
|
|
|
+ .list_1_1 {
|
|
|
+ border-bottom: 1px solid #f1f1f1;
|
|
|
+
|
|
|
+ .goods {
|
|
|
+ display: flex;
|
|
|
+ padding: 0 0 2vw 0;
|
|
|
+
|
|
|
+ .goods_1 {
|
|
|
+ width: 20vw;
|
|
|
+ height: 20vw;
|
|
|
+
|
|
|
+ .image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .goods_2 {
|
|
|
+ width: 70vw;
|
|
|
+ padding: 0 0 0 2vw;
|
|
|
+
|
|
|
+ .goodsname {
|
|
|
+ font-size: 16px;
|
|
|
+ margin: 0 0 1vw 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .time {
|
|
|
+ font-size: var(--font14Size);
|
|
|
+ text{
|
|
|
+ color: #858585;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .other_2 {
|
|
|
+ font-size: var(--font14Size);
|
|
|
+
|
|
|
+ text {
|
|
|
+ color: #ff0000;
|
|
|
+ padding: 0 2vw 0 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
