czg_team/cashier_weapp
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

安装弹窗插件

Browse Source
This commit is contained in:
duan
2024-05-14 15:25:34 +08:00
parent da87e38df0
commit 1ef9645144
75 changed files with 9481 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/group_order/components/groupOrderInfo.vue
View File

@@ -85,7 +85,7 @@
.content {
.df(flex-start, stretch);
margin-top: 16rpx;
margin-left: 20rpx;
margin-left: 40rpx;
>view {
>text {

3
pages/group_order/components/groupPay.vue
View File

@@ -80,8 +80,7 @@
.content {
.df(flex-start, stretch);
margin-top: 16rpx;
margin-left: 20rpx;
margin-left: 40rpx;
>view {
>text {
font-weight: 400;

2
pages/group_order/components/groupStore.vue
View File

@@ -5,7 +5,7 @@
style="width: 40rpx;height: 36.44rpx;" mode=""></image>
<text>到店吃套餐</text>
</view>
<view v-for="(item ,i ) in info.tagVos" :key="i">
<view style="margin-left: 52rpx;" v-for="(item ,i ) in info.tagVos" :key="i">
<view class="content">
{{item.title}} {{item.goods.length}} 选 {{item.number}}
</view>

29
pages/group_order/order_groupdetail.vue
View File

@@ -28,8 +28,12 @@
style="width: 40rpx;height: 43.21rpx;" mode=""></image>
联系客服
</view>
<view style="height: 100rpx;" v-if="listinfo.status == 'unpaid'"> </view>
<!-- 待支付按钮 -->
<button v-if="listinfo.status == 'unpaid'" @click="payEvent" class="payStyle">立即支付</button>
<view class="payBox" v-if="listinfo.status == 'unpaid'">
<button @click="payEvent" class="payStyle">立即支付</button>
</view>
<!-- 二维码展示 -->
<view class="qrimg" v-if="isQrimg" @click="clickEvent">
<tki-qrcode ref="qrcode" size="400" :val="qrValue" :loadMake="true" @result="qrR" />
@@ -79,9 +83,9 @@
methods: {
async payEvent() {
let res = await this.api.payOrderPay({
payType:'wechatPay',
orderId:this.listinfo.id,
orderType:'group'
payType: 'wechatPay',
orderId: this.listinfo.id,
orderType: 'group'
})
if (res) {
return
@@ -171,15 +175,22 @@
left: 0%;
}
.payStyle {
background-color: #fe7620;
.payBox {
width: 100vw;
height: 140rpx;
background-color: #fff;
position: fixed;
bottom: 0%;
left: 50%;
transform: translate(-50%);
color: #fff;
width: 90%;
border: 10rpx solid #fff;
.payStyle {
background-color: #fe7620;
color: #fff;
width: 90%;
border: 10rpx solid #fff;
}
}
.customerService {

110
pages/group_order/refund.vue
View File

@@ -34,7 +34,12 @@
<view style="width: 100%;height: 2rpx;background-color: #E6E6E6;margin-top: 32rpx;"> </view>
<view class="refundBoxD">
<view>退款原因 <text style="color: #FF4C11;">*</text> </view>
<view>请至少选择一项 <u-icon name="arrow-right" color="#000" size="28"></u-icon></view>
<view class="as-input" @click="openFood">
<view class="placeholder" v-if="fruitName==undefined||fruitName==''">请至少选择一项</view>
<view class="as-content" v-else>{{fruitName}}</view>
<!-- <uni-icons type="forward" size="16" color="#c0c4cc" class="customer-icon"></uni-icons> -->
<u-icon name="arrow-right" color="#666666" size="16"></u-icon>
</view>
</view>
<view style="width: 100%;height: 2rpx;background-color: #E6E6E6;margin-top: 32rpx;"> </view>
<view class="refundBoxE">
@@ -50,16 +55,46 @@
提交订单
</button>
</view>
<niceui-popup-select ref="showFruit" :columns="foods" :selectValue="fruitId" :is-search="false"
:option="{label:'name', value:'id'}" @confirm="confirmFruit"></niceui-popup-select>
</view>
</template>
<script>
import '../../uni_modules/uni-icons/components/uni-icons/uni-icons.vue'
export default {
data() {
return {
Unumbervalue: 1,
tareaValue: '',
fontNum: 0
fontNum: 0,
foods: [{
id: '1',
name: '计划有变没时间消费'
},
{
id: '2',
name: '买多了/买错了'
},
{
id: '3',
name: '担心安全问题（天气等）'
}, {
id: '3',
name: '担心安全问题（天气等）'
}, {
id: '3',
name: '担心安全问题（天气等）'
}, {
id: '3',
name: '担心安全问题（天气等）'
}, {
id: '3',
name: '担心安全问题（天气等）'
},
],
fruitId: [],
fruitName:''
}
},
methods: {
@@ -67,7 +102,16 @@
sumfontnum(e) {
console.log(e)
this.fontNum = e.detail.value.length
}
},
confirmFruit(value, data) {
this.fruitId = value
this.fruitName = data.map(it => it.name)
this.$refs.showFruit.closePopup()
},
openFood() {
this.$refs.showFruit.showPopup()
},
}
}
</script>
@@ -143,12 +187,14 @@
padding-top: 32rpx;
>view:first-child {
.df;
width: 160rpx;
font-weight: 500;
font-size: 28rpx;
}
>view:last-child {
.df();
// .df();
font-weight: 400;
font-size: 24rpx;
color: #333333;
@@ -218,4 +264,60 @@
right: 0;
top: 30%;
}
radio-group,
checkbox-group {
width: 92%;
}
</style>
<style lang="scss" scoped>
.content {
background-color: #f7f7f7;
width: 100vw;
height: 100vh;
}
.uni-title {
font-size: 33rpx;
font-weight: bold;
padding: 20rpx 20rpx;
}
.uni-list-cell {
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 20rpx;
.uni-list-cell-left {
font-size: 35rpx;
}
}
.uni-list-cell-db {
flex: 1
}
.as-input {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
.customer-icon {
padding: 0 0 0 5rpx;
}
.placeholder {
font-size: 33rpx;
color: #999;
}
.as-content {
color: #333;
font-size: 33rpx;
}
}
</style>