已支付订单列表：where.payStatus = 1;
This commit is contained in:
+266
@@ -0,0 +1,266 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_booking_matchOrder_index = require("../../api/booking/matchOrder/index.js");
|
||||
const store_modules_user = require("../../store/modules/user.js");
|
||||
const userStore = store_modules_user.useUserStore();
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
logo: "",
|
||||
matchId: 0,
|
||||
userInfo: {},
|
||||
isLogin: false,
|
||||
disabled: false,
|
||||
// 表单数据
|
||||
formData: [
|
||||
{
|
||||
name: void 0,
|
||||
phone: void 0,
|
||||
sex: void 0,
|
||||
idCardNo: void 0,
|
||||
userId: 0,
|
||||
matchId: void 0
|
||||
}
|
||||
],
|
||||
// 单选数据源
|
||||
sexs: [
|
||||
{
|
||||
text: "男",
|
||||
value: 0
|
||||
},
|
||||
{
|
||||
text: "女",
|
||||
value: 1
|
||||
}
|
||||
],
|
||||
rules: {}
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
this.matchId = option.id;
|
||||
this.formData[0].matchId = option.id;
|
||||
this.logo = common_vendor.index.getStorageSync("app_logo") ? common_vendor.index.getStorageSync("app_logo") : "https://oss.wsdns.cn/20240423/7f6878104a6d4427884721f412ab5441.png?x-oss-process=image/resize,m_fixed,w_100,h_100/quality,Q_90";
|
||||
this.reload();
|
||||
},
|
||||
onShow() {
|
||||
if (common_vendor.index.getStorageSync("user_id") && common_vendor.index.getStorageSync("access_token")) {
|
||||
this.isLogin = true;
|
||||
}
|
||||
this.openLogin();
|
||||
},
|
||||
methods: {
|
||||
async reload() {
|
||||
const app = this;
|
||||
const userInfo = await userStore.fetchUserInfo();
|
||||
app.userInfo = userInfo;
|
||||
if (userInfo.userId) {
|
||||
this.isLogin = true;
|
||||
}
|
||||
},
|
||||
onDisabled() {
|
||||
this.disabled = !this.disabled;
|
||||
},
|
||||
navTo(url) {
|
||||
common_vendor.index.navigateTo({
|
||||
url
|
||||
});
|
||||
},
|
||||
openUrl(url) {
|
||||
if (!this.isLogin) {
|
||||
this.$refs.login.open("bottom");
|
||||
return false;
|
||||
} else {
|
||||
common_vendor.index.navigateTo({
|
||||
url
|
||||
});
|
||||
}
|
||||
},
|
||||
onSexValue(text) {
|
||||
this.formData.sex = text;
|
||||
},
|
||||
addUser() {
|
||||
const app = this;
|
||||
this.formData.push({
|
||||
name: void 0,
|
||||
phone: void 0,
|
||||
sex: void 0,
|
||||
idCardNo: void 0,
|
||||
matchId: app.id
|
||||
});
|
||||
},
|
||||
removeUser(index) {
|
||||
this.formData.splice(index, 1);
|
||||
},
|
||||
// 弹出登录提示框
|
||||
openLogin() {
|
||||
if (!this.isLogin) {
|
||||
this.$refs.login.open("bottom");
|
||||
return false;
|
||||
}
|
||||
},
|
||||
submit() {
|
||||
console.log("表单数据信息：", this.formData);
|
||||
api_booking_matchOrder_index.addBatchMatchOrder(this.formData).then((res) => {
|
||||
console.log("173", res);
|
||||
if (res.code == 1) {
|
||||
common_vendor.index.showToast({
|
||||
title: res.message,
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
common_vendor.index.showToast({
|
||||
title: `报名成功`,
|
||||
icon: "success"
|
||||
});
|
||||
this.formData = [
|
||||
{
|
||||
name: void 0,
|
||||
phone: void 0,
|
||||
sex: void 0,
|
||||
idCardNo: void 0,
|
||||
userId: void 0,
|
||||
matchId: void 0
|
||||
}
|
||||
];
|
||||
}).catch((err) => {
|
||||
common_vendor.index.showToast({
|
||||
title: err.message,
|
||||
icon: "none"
|
||||
});
|
||||
console.log("err: ", err);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||||
const _easycom_uni_easyinput2 = common_vendor.resolveComponent("uni-easyinput");
|
||||
const _easycom_uni_forms_item2 = common_vendor.resolveComponent("uni-forms-item");
|
||||
const _easycom_uni_data_checkbox2 = common_vendor.resolveComponent("uni-data-checkbox");
|
||||
const _easycom_uv_input2 = common_vendor.resolveComponent("uv-input");
|
||||
const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
|
||||
const _easycom_uni_forms2 = common_vendor.resolveComponent("uni-forms");
|
||||
const _easycom_uv_button2 = common_vendor.resolveComponent("uv-button");
|
||||
const _easycom_uv_gap2 = common_vendor.resolveComponent("uv-gap");
|
||||
const _easycom_ws_login2 = common_vendor.resolveComponent("ws-login");
|
||||
(_easycom_uni_icons2 + _easycom_uni_easyinput2 + _easycom_uni_forms_item2 + _easycom_uni_data_checkbox2 + _easycom_uv_input2 + _easycom_uni_card2 + _easycom_uni_forms2 + _easycom_uv_button2 + _easycom_uv_gap2 + _easycom_ws_login2)();
|
||||
}
|
||||
const _easycom_uni_icons = () => "../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
|
||||
const _easycom_uni_easyinput = () => "../../uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.js";
|
||||
const _easycom_uni_forms_item = () => "../../uni_modules/uni-forms/components/uni-forms-item/uni-forms-item.js";
|
||||
const _easycom_uni_data_checkbox = () => "../../uni_modules/uni-data-checkbox/components/uni-data-checkbox/uni-data-checkbox.js";
|
||||
const _easycom_uv_input = () => "../../uni_modules/uv-input/components/uv-input/uv-input.js";
|
||||
const _easycom_uni_card = () => "../../uni_modules/uni-card/components/uni-card/uni-card.js";
|
||||
const _easycom_uni_forms = () => "../../uni_modules/uni-forms/components/uni-forms/uni-forms.js";
|
||||
const _easycom_uv_button = () => "../../uni_modules/uv-button/components/uv-button/uv-button.js";
|
||||
const _easycom_uv_gap = () => "../../uni_modules/uv-gap/components/uv-gap/uv-gap.js";
|
||||
const _easycom_ws_login = () => "../../uni_modules/ws-login/components/ws-login/ws-login.js";
|
||||
if (!Math) {
|
||||
(_easycom_uni_icons + _easycom_uni_easyinput + _easycom_uni_forms_item + _easycom_uni_data_checkbox + _easycom_uv_input + _easycom_uni_card + _easycom_uni_forms + _easycom_uv_button + _easycom_uv_gap + _easycom_ws_login)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.f($data.formData, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.o(($event) => $options.removeUser(index), index),
|
||||
b: "8df695a9-2-" + i0 + "," + ("8df695a9-1-" + i0),
|
||||
c: "8df695a9-4-" + i0 + "," + ("8df695a9-3-" + i0),
|
||||
d: common_vendor.o(($event) => $data.formData[index].name = $event, index),
|
||||
e: common_vendor.p({
|
||||
type: "text",
|
||||
placeholder: "请输入姓名",
|
||||
modelValue: $data.formData[index].name
|
||||
}),
|
||||
f: "8df695a9-3-" + i0 + "," + ("8df695a9-1-" + i0),
|
||||
g: "8df695a9-6-" + i0 + "," + ("8df695a9-5-" + i0),
|
||||
h: common_vendor.o(($event) => $data.formData[index].sex = $event, index),
|
||||
i: common_vendor.p({
|
||||
localdata: $data.sexs,
|
||||
modelValue: $data.formData[index].sex
|
||||
}),
|
||||
j: "8df695a9-5-" + i0 + "," + ("8df695a9-1-" + i0),
|
||||
k: "8df695a9-8-" + i0 + "," + ("8df695a9-7-" + i0),
|
||||
l: common_vendor.o(($event) => $data.formData[index].phone = $event, index),
|
||||
m: common_vendor.p({
|
||||
type: "text",
|
||||
maxlength: "11",
|
||||
placeholder: "请输入手机号",
|
||||
modelValue: $data.formData[index].phone
|
||||
}),
|
||||
n: "8df695a9-7-" + i0 + "," + ("8df695a9-1-" + i0),
|
||||
o: "8df695a9-10-" + i0 + "," + ("8df695a9-9-" + i0),
|
||||
p: common_vendor.o(($event) => $data.formData[index].idCardNo = $event, index),
|
||||
q: common_vendor.p({
|
||||
placeholder: "请输入",
|
||||
modelValue: $data.formData[index].idCardNo
|
||||
}),
|
||||
r: "8df695a9-9-" + i0 + "," + ("8df695a9-1-" + i0),
|
||||
s: index,
|
||||
t: "8df695a9-1-" + i0 + ",8df695a9-0",
|
||||
v: common_vendor.p({
|
||||
title: `报名人 ${index + 1}`,
|
||||
border: false,
|
||||
["is-shadow"]: true
|
||||
})
|
||||
};
|
||||
}),
|
||||
b: common_vendor.p({
|
||||
type: "closeempty",
|
||||
color: "#999999",
|
||||
size: "18"
|
||||
}),
|
||||
c: common_vendor.p({
|
||||
label: "姓名",
|
||||
name: "name",
|
||||
required: true
|
||||
}),
|
||||
d: common_vendor.p({
|
||||
label: "性别",
|
||||
name: "sex",
|
||||
required: true
|
||||
}),
|
||||
e: common_vendor.p({
|
||||
label: "手机号码",
|
||||
name: "phone",
|
||||
required: true
|
||||
}),
|
||||
f: common_vendor.p({
|
||||
label: "身份证号",
|
||||
name: "idCardNo",
|
||||
required: true
|
||||
}),
|
||||
g: common_vendor.sr("form", "8df695a9-0"),
|
||||
h: common_vendor.p({
|
||||
["label-width"]: 80
|
||||
}),
|
||||
i: common_vendor.o($options.addUser),
|
||||
j: common_vendor.p({
|
||||
icon: "plus",
|
||||
iconSize: "16",
|
||||
customStyle: {
|
||||
borderRadius: "8px"
|
||||
},
|
||||
text: "新增报名人"
|
||||
}),
|
||||
k: common_vendor.p({
|
||||
height: "50"
|
||||
}),
|
||||
l: common_vendor.o($options.submit),
|
||||
m: common_vendor.p({
|
||||
customStyle: {
|
||||
background: "linear-gradient(to right, #ccff66, #008e04)",
|
||||
borderRadius: "30px",
|
||||
color: "#ffffff"
|
||||
},
|
||||
text: "确定"
|
||||
}),
|
||||
n: common_vendor.sr("login", "8df695a9-14"),
|
||||
o: common_vendor.o($options.reload),
|
||||
p: common_vendor.p({
|
||||
logo: $data.logo
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8df695a9"], ["__file", "/Users/gxwebsoft/APP/gxtyzx-uniapp-cli/src/package/match/checkout.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"navigationBarTitleText": "赛事活动报名",
|
||||
"usingComponents": {
|
||||
"uni-icons": "../../uni_modules/uni-icons/components/uni-icons/uni-icons",
|
||||
"uni-easyinput": "../../uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput",
|
||||
"uni-forms-item": "../../uni_modules/uni-forms/components/uni-forms-item/uni-forms-item",
|
||||
"uni-data-checkbox": "../../uni_modules/uni-data-checkbox/components/uni-data-checkbox/uni-data-checkbox",
|
||||
"uv-input": "../../uni_modules/uv-input/components/uv-input/uv-input",
|
||||
"uni-card": "../../uni_modules/uni-card/components/uni-card/uni-card",
|
||||
"uni-forms": "../../uni_modules/uni-forms/components/uni-forms/uni-forms",
|
||||
"uv-button": "../../uni_modules/uv-button/components/uv-button/uv-button",
|
||||
"uv-gap": "../../uni_modules/uv-gap/components/uv-gap/uv-gap",
|
||||
"ws-login": "../../uni_modules/ws-login/components/ws-login/ws-login"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="container data-v-8df695a9"><uni-forms wx:if="{{h}}" class="r data-v-8df695a9" u-s="{{['d']}}" u-r="form" u-i="8df695a9-0" bind:__l="__l" u-p="{{h}}"><uni-card wx:for="{{a}}" wx:for-item="item" wx:key="s" u-s="{{['d']}}" class="relative data-v-8df695a9" u-i="{{item.t}}" bind:__l="__l" u-p="{{item.v}}"><view class="text-gray-100 absolute right-4 top-25 data-v-8df695a9"><uni-icons wx:if="{{b}}" class="data-v-8df695a9" bindclick="{{item.a}}" u-i="{{item.b}}" bind:__l="__l" u-p="{{b}}"></uni-icons></view><uni-forms-item wx:if="{{c}}" class="data-v-8df695a9" u-s="{{['d']}}" u-i="{{item.f}}" bind:__l="__l" u-p="{{c}}"><uni-easyinput wx:if="{{item.e}}" class="data-v-8df695a9" u-i="{{item.c}}" bind:__l="__l" bindupdateModelValue="{{item.d}}" u-p="{{item.e}}"/></uni-forms-item><uni-forms-item wx:if="{{d}}" class="data-v-8df695a9" u-s="{{['d']}}" u-i="{{item.j}}" bind:__l="__l" u-p="{{d}}"><uni-data-checkbox wx:if="{{item.i}}" class="data-v-8df695a9" u-i="{{item.g}}" bind:__l="__l" bindupdateModelValue="{{item.h}}" u-p="{{item.i}}"/></uni-forms-item><uni-forms-item wx:if="{{e}}" class="data-v-8df695a9" u-s="{{['d']}}" u-i="{{item.n}}" bind:__l="__l" u-p="{{e}}"><uni-easyinput wx:if="{{item.m}}" class="data-v-8df695a9" u-i="{{item.k}}" bind:__l="__l" bindupdateModelValue="{{item.l}}" u-p="{{item.m}}"/></uni-forms-item><uni-forms-item wx:if="{{f}}" class="data-v-8df695a9" u-s="{{['d']}}" u-i="{{item.r}}" bind:__l="__l" u-p="{{f}}"><uv-input wx:if="{{item.q}}" class="data-v-8df695a9" u-i="{{item.o}}" bind:__l="__l" bindupdateModelValue="{{item.p}}" u-p="{{item.q}}"></uv-input></uni-forms-item></uni-card></uni-forms><view class="add-match-user data-v-8df695a9"><uv-button wx:if="{{j}}" class="data-v-8df695a9" bindclick="{{i}}" u-i="8df695a9-11" bind:__l="__l" u-p="{{j}}"></uv-button></view><uv-gap wx:if="{{k}}" class="data-v-8df695a9" u-i="8df695a9-12" bind:__l="__l" u-p="{{k}}"></uv-gap><view class="save-btn data-v-8df695a9"><uv-button wx:if="{{m}}" class="data-v-8df695a9" bindclick="{{l}}" u-i="8df695a9-13" bind:__l="__l" u-p="{{m}}"></uv-button></view></view><ws-login wx:if="{{p}}" class="r data-v-8df695a9" u-r="login" binddone="{{o}}" u-i="8df695a9-14" bind:__l="__l" u-p="{{p}}"/>
|
||||
+161
@@ -0,0 +1,161 @@
|
||||
|
||||
page {
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-color: #f0f2f5;
|
||||
width: 750rpx;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.checkout-car.data-v-8df695a9 {
|
||||
width: 700rpx;
|
||||
left: 25rpx;
|
||||
position: fixed;
|
||||
bottom: 30rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #000000;
|
||||
border-radius: 100px;
|
||||
align-items: center;
|
||||
}
|
||||
.checkout-car .car-selected.data-v-8df695a9 {
|
||||
color: #ccc;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.checkout-car .car-total.data-v-8df695a9 {
|
||||
display: flex;
|
||||
color: #ebcf00;
|
||||
align-items: center;
|
||||
padding-left: 40rpx;
|
||||
}
|
||||
.card-actions.data-v-8df695a9 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
height: 45px;
|
||||
border-top: 1px #eee solid;
|
||||
}
|
||||
.card-actions-item.data-v-8df695a9 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.card-actions-item .web-text-heading.data-v-8df695a9 {
|
||||
font-size: 38rpx;
|
||||
margin-left: 28rpx;
|
||||
}
|
||||
.card-actions-item-text.data-v-8df695a9 {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.address-body.data-v-8df695a9 {
|
||||
width: 660rpx;
|
||||
margin: auto;
|
||||
}
|
||||
.add-match-user.data-v-8df695a9 {
|
||||
width: 700rpx !important;
|
||||
margin: 40rpx auto;
|
||||
}
|
||||
.btn-bar.data-v-8df695a9 {
|
||||
width: 700rpx;
|
||||
left: 25rpx;
|
||||
position: fixed;
|
||||
bottom: 30rpx;
|
||||
margin: auto;
|
||||
clear: both;
|
||||
}
|
||||
.title-bar.data-v-8df695a9 {
|
||||
display: flex;
|
||||
}
|
||||
.title-bar .web-text-heading.data-v-8df695a9 {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.title-bar .web-text-secondary.data-v-8df695a9 {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.xieyi.data-v-8df695a9 {
|
||||
margin-bottom: 80rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.xieyi .text.data-v-8df695a9 {
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
.xieyi .text .link.data-v-8df695a9 {
|
||||
color: #0f80ff;
|
||||
}
|
||||
.pay-password-card.data-v-8df695a9 {
|
||||
width: 600rpx;
|
||||
min-height: 300rpx;
|
||||
margin: 30rpx auto;
|
||||
background-color: #ffffff;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.pay-password-card .web-text-primary.data-v-8df695a9 {
|
||||
line-height: 2rem;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
.to-pay-btn.data-v-8df695a9 {
|
||||
width: 400rpx !important;
|
||||
margin: 40rpx auto;
|
||||
}
|
||||
.example.data-v-8df695a9 {
|
||||
padding: 15px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.segmented-control.data-v-8df695a9 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.save-btn.data-v-8df695a9 {
|
||||
width: 700rpx;
|
||||
left: 25rpx;
|
||||
height: 80rpx;
|
||||
position: fixed;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
.button-group.data-v-8df695a9 {
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.form-item.data-v-8df695a9 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.button.data-v-8df695a9 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 35px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
+401
@@ -0,0 +1,401 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_booking_match_index = require("../../api/booking/match/index.js");
|
||||
const store_modules_car = require("../../store/modules/car.js");
|
||||
store_modules_car.useCarStore();
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
id: 0,
|
||||
// 场馆信息
|
||||
match: {},
|
||||
// 场馆相册
|
||||
photo: [],
|
||||
isLogin: false,
|
||||
disabled: true,
|
||||
options: [
|
||||
{
|
||||
icon: "headphones",
|
||||
text: "客服"
|
||||
},
|
||||
{
|
||||
icon: "upload",
|
||||
text: "分享"
|
||||
}
|
||||
],
|
||||
buttonGroup: [
|
||||
{
|
||||
text: "立即报名",
|
||||
backgroundColor: "linear-gradient(90deg, #FE6035, #EF1224)",
|
||||
color: "#fff"
|
||||
}
|
||||
],
|
||||
specList: [
|
||||
{
|
||||
id: 1,
|
||||
type: 0,
|
||||
name: "周五(7.5)第一场",
|
||||
time: "2024-07-05 14:30 至 2024-07-05 15:30",
|
||||
users: 1,
|
||||
maxUsers: 30,
|
||||
price: 0
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
type: 0,
|
||||
name: "周五(7.5)第二场",
|
||||
time: "2024-07-06 14:30 至 2024-07-06 15:30",
|
||||
users: 3,
|
||||
maxUsers: 30,
|
||||
price: 0
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
type: 0,
|
||||
name: "周五(7.5)第三场",
|
||||
time: "2024-07-07 14:30 至 2024-07-07 15:30",
|
||||
users: 8,
|
||||
maxUsers: 30,
|
||||
price: 0
|
||||
}
|
||||
],
|
||||
selected: 0
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
this.id = option.id;
|
||||
this.reload();
|
||||
},
|
||||
onShow() {
|
||||
if (common_vendor.index.getStorageSync("user_id") && common_vendor.index.getStorageSync("access_token")) {
|
||||
this.isLogin = true;
|
||||
}
|
||||
},
|
||||
onShareTimeline(res) {
|
||||
if (res.from === "button") {
|
||||
console.log("来自页面内分享按钮", res.target);
|
||||
}
|
||||
return {
|
||||
title: this.match.title,
|
||||
path: "/package/match/detail?id=" + this.match.matchId
|
||||
};
|
||||
},
|
||||
onShareAppMessage(res) {
|
||||
if (res.from === "button") {
|
||||
console.log("来自页面内分享按钮", res.target);
|
||||
}
|
||||
return {
|
||||
title: this.match.title,
|
||||
path: "/package/match/detail?id=" + this.match.matchId
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
async reload() {
|
||||
const app = this;
|
||||
Promise.all([app.getMatch()]).then((res) => {
|
||||
const match = res[0];
|
||||
app.match = match;
|
||||
common_vendor.index.setNavigationBarTitle({
|
||||
title: match.title
|
||||
});
|
||||
common_vendor.index.$uv.mpShare.title = match.title;
|
||||
if (match.files) {
|
||||
app.photo = JSON.parse(match.files);
|
||||
}
|
||||
});
|
||||
},
|
||||
getMatch() {
|
||||
return new Promise((resolve, reject) => {
|
||||
api_booking_match_index.getMatch(this.id).then((result) => {
|
||||
resolve(result);
|
||||
}).catch(reject);
|
||||
});
|
||||
},
|
||||
onDisabled() {
|
||||
this.disabled = !this.disabled;
|
||||
},
|
||||
navTo(url) {
|
||||
common_vendor.index.navigateTo({
|
||||
url
|
||||
});
|
||||
},
|
||||
openBookingTel() {
|
||||
this.$refs.popup.open("bottom");
|
||||
},
|
||||
closeBookingTel() {
|
||||
this.$refs.popup.close();
|
||||
},
|
||||
callPhone(phone) {
|
||||
common_vendor.index.makePhoneCall({
|
||||
phoneNumber: phone
|
||||
});
|
||||
},
|
||||
onSelect(item) {
|
||||
this.selected = item.id;
|
||||
},
|
||||
mapTo() {
|
||||
common_vendor.index.getLocation({
|
||||
type: "gcj02",
|
||||
//返回可以用于uni.openLocation的经纬度
|
||||
success: function(res) {
|
||||
console.log("返回可以用于uni.openLocation的经纬度: ", res);
|
||||
const latitude = this.match.latitude;
|
||||
const longitude = this.match.longitude;
|
||||
common_vendor.index.openLocation({
|
||||
latitude,
|
||||
longitude,
|
||||
success: function() {
|
||||
console.log("success");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
buttonClick() {
|
||||
this.openBookingTel();
|
||||
},
|
||||
onClick(e) {
|
||||
const index = e.index;
|
||||
if (index == 1) {
|
||||
common_vendor.index.$uv.mpShare = {
|
||||
title: "啦啦啦",
|
||||
// 默认为小程序名称，可自定义
|
||||
path: "/package/match/detail?id=1"
|
||||
// 默认为当前页面路径，一般无需修改，QQ小程序不支持
|
||||
// 分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径。
|
||||
// 支持PNG及JPG，默认为当前页面的截图
|
||||
// imageUrl: ''
|
||||
};
|
||||
}
|
||||
},
|
||||
save() {
|
||||
if (!this.disabled) {
|
||||
common_vendor.index.showToast({
|
||||
title: "请先阅读并同意订票协议",
|
||||
icon: "none"
|
||||
});
|
||||
return false;
|
||||
}
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/package/match/checkout?id=" + this.id
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uv_swiper2 = common_vendor.resolveComponent("uv-swiper");
|
||||
const _easycom_uv_icon2 = common_vendor.resolveComponent("uv-icon");
|
||||
const _easycom_uv_cell2 = common_vendor.resolveComponent("uv-cell");
|
||||
const _easycom_uv_tags2 = common_vendor.resolveComponent("uv-tags");
|
||||
const _easycom_uv_cell_group2 = common_vendor.resolveComponent("uv-cell-group");
|
||||
const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
|
||||
const _easycom_uv_gap2 = common_vendor.resolveComponent("uv-gap");
|
||||
const _easycom_uv_button2 = common_vendor.resolveComponent("uv-button");
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
const _easycom_ws_login2 = common_vendor.resolveComponent("ws-login");
|
||||
(_easycom_uv_swiper2 + _easycom_uv_icon2 + _easycom_uv_cell2 + _easycom_uv_tags2 + _easycom_uv_cell_group2 + _easycom_uni_card2 + _easycom_uv_gap2 + _easycom_uv_button2 + _easycom_uni_popup2 + _easycom_ws_login2)();
|
||||
}
|
||||
const _easycom_uv_swiper = () => "../../uni_modules/uv-swiper/components/uv-swiper/uv-swiper.js";
|
||||
const _easycom_uv_icon = () => "../../uni_modules/uv-icon/components/uv-icon/uv-icon.js";
|
||||
const _easycom_uv_cell = () => "../../uni_modules/uv-cell/components/uv-cell/uv-cell.js";
|
||||
const _easycom_uv_tags = () => "../../uni_modules/uv-tags/components/uv-tags/uv-tags.js";
|
||||
const _easycom_uv_cell_group = () => "../../uni_modules/uv-cell/components/uv-cell-group/uv-cell-group.js";
|
||||
const _easycom_uni_card = () => "../../uni_modules/uni-card/components/uni-card/uni-card.js";
|
||||
const _easycom_uv_gap = () => "../../uni_modules/uv-gap/components/uv-gap/uv-gap.js";
|
||||
const _easycom_uv_button = () => "../../uni_modules/uv-button/components/uv-button/uv-button.js";
|
||||
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
const _easycom_ws_login = () => "../../uni_modules/ws-login/components/ws-login/ws-login.js";
|
||||
if (!Math) {
|
||||
(_easycom_uv_swiper + _easycom_uv_icon + _easycom_uv_cell + _easycom_uv_tags + _easycom_uv_cell_group + _easycom_uni_card + _easycom_uv_gap + _easycom_uv_button + _easycom_uni_popup + _easycom_ws_login)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.p({
|
||||
list: $data.photo,
|
||||
indicator: true,
|
||||
indicatorMode: "line",
|
||||
circular: true,
|
||||
height: "200",
|
||||
radius: "0"
|
||||
}),
|
||||
b: common_vendor.t($data.match.title),
|
||||
c: common_vendor.p({
|
||||
size: "50rpx",
|
||||
name: "map-fill",
|
||||
color: "#5ac725"
|
||||
}),
|
||||
d: common_vendor.o(($event) => $options.mapTo($data.match)),
|
||||
e: common_vendor.p({
|
||||
title: "活动地点",
|
||||
label: `${$data.match.address}`,
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
f: common_vendor.p({
|
||||
title: "活动时间",
|
||||
label: `2024-07-12 至 2024-08-12`,
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
g: common_vendor.p({
|
||||
title: "报名时间",
|
||||
label: `2024-07-12 至 2024-08-12`,
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
h: common_vendor.p({
|
||||
title: "退款规则",
|
||||
label: `${$data.match.refundRule}`,
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
i: common_vendor.t($data.match.users),
|
||||
j: common_vendor.t($data.match.maxUsers),
|
||||
k: common_vendor.p({
|
||||
text: "未开始",
|
||||
plain: true,
|
||||
size: "mini",
|
||||
type: "primary"
|
||||
}),
|
||||
l: common_vendor.p({
|
||||
title: "已报名",
|
||||
border: false,
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
m: common_vendor.p({
|
||||
customStyle: {
|
||||
backgroundColor: "#ffffff"
|
||||
},
|
||||
border: false
|
||||
}),
|
||||
n: common_vendor.p({
|
||||
title: "活动信息",
|
||||
border: false,
|
||||
["is-shadow"]: false,
|
||||
padding: 0
|
||||
}),
|
||||
o: $data.match.content,
|
||||
p: common_vendor.p({
|
||||
title: "活动介绍",
|
||||
["is-shadow"]: false,
|
||||
border: false,
|
||||
padding: 0
|
||||
}),
|
||||
q: common_vendor.p({
|
||||
height: "100"
|
||||
}),
|
||||
r: common_vendor.p({
|
||||
icon: "server-fill"
|
||||
}),
|
||||
s: common_vendor.p({
|
||||
icon: "share-square",
|
||||
["open-type"]: "share"
|
||||
}),
|
||||
t: common_vendor.o(($event) => $options.navTo(`/package/match/checkout?id=${$data.match.matchId}`)),
|
||||
v: common_vendor.p({
|
||||
customStyle: {
|
||||
background: "linear-gradient(to right, #ccff66, #008e04)",
|
||||
borderRadius: "30px",
|
||||
padding: "0 120rpx",
|
||||
color: "#ffffff"
|
||||
},
|
||||
text: "立即报名"
|
||||
}),
|
||||
w: common_vendor.p({
|
||||
cellStyle: {
|
||||
padding: "10px 5px"
|
||||
}
|
||||
}),
|
||||
x: common_vendor.f($data.specList, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: "c7659a46-19-" + i0 + ",c7659a46-17",
|
||||
b: item.type === 0
|
||||
}, item.type === 0 ? {
|
||||
c: "c7659a46-21-" + i0 + "," + ("c7659a46-20-" + i0),
|
||||
d: common_vendor.p({
|
||||
text: "个人",
|
||||
size: "mini",
|
||||
type: "primary"
|
||||
})
|
||||
} : {}, {
|
||||
e: item.type === 1
|
||||
}, item.type === 1 ? {
|
||||
f: "c7659a46-22-" + i0 + "," + ("c7659a46-20-" + i0),
|
||||
g: common_vendor.p({
|
||||
text: "企业",
|
||||
size: "mini",
|
||||
type: "primary"
|
||||
})
|
||||
} : {}, {
|
||||
h: common_vendor.t(item.name),
|
||||
i: common_vendor.t(item.time),
|
||||
j: common_vendor.t(item.users),
|
||||
k: common_vendor.t(item.maxUsers),
|
||||
l: item.price === 0
|
||||
}, item.price === 0 ? {} : {
|
||||
m: common_vendor.t(item.price)
|
||||
}, {
|
||||
n: common_vendor.o(($event) => $options.onSelect(item), index),
|
||||
o: "c7659a46-20-" + i0 + ",c7659a46-17",
|
||||
p: common_vendor.p({
|
||||
border: false,
|
||||
cellStyle: {
|
||||
padding: "10px 5px",
|
||||
borderRadius: "4px",
|
||||
backgroundColor: item.id === $data.selected ? "rgb(254 242 242)" : "rgb(249 250 251)"
|
||||
}
|
||||
}),
|
||||
q: index
|
||||
});
|
||||
}),
|
||||
y: common_vendor.p({
|
||||
height: "10"
|
||||
}),
|
||||
z: common_vendor.p({
|
||||
height: "50"
|
||||
}),
|
||||
A: common_vendor.p({
|
||||
customStyle: {
|
||||
backgroundColor: "#ffffff"
|
||||
},
|
||||
border: false
|
||||
}),
|
||||
B: common_vendor.p({
|
||||
["is-full"]: true,
|
||||
border: false,
|
||||
["is-shadow"]: false,
|
||||
padding: 0
|
||||
}),
|
||||
C: common_vendor.o($options.save),
|
||||
D: common_vendor.p({
|
||||
disabled: $data.selected === 0,
|
||||
customStyle: {
|
||||
width: "240rpx",
|
||||
background: "linear-gradient(90deg, #FE6035, #EF1224)",
|
||||
borderRadius: "0",
|
||||
color: "#ffffff",
|
||||
border: "none",
|
||||
padding: "0"
|
||||
},
|
||||
text: "下一步"
|
||||
}),
|
||||
E: common_vendor.sr("popup", "c7659a46-15"),
|
||||
F: common_vendor.p({
|
||||
type: "center"
|
||||
}),
|
||||
G: common_vendor.sr("login", "c7659a46-25"),
|
||||
H: common_vendor.o($options.reload),
|
||||
I: common_vendor.p({
|
||||
logo: _ctx.logo
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c7659a46"], ["__file", "/Users/gxwebsoft/APP/gxtyzx-uniapp-cli/src/package/match/detail.vue"]]);
|
||||
_sfc_main.__runtimeHooks = 6;
|
||||
wx.createPage(MiniProgramPage);
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"navigationBarTitleText": "活动详情",
|
||||
"usingComponents": {
|
||||
"uv-swiper": "../../uni_modules/uv-swiper/components/uv-swiper/uv-swiper",
|
||||
"uv-icon": "../../uni_modules/uv-icon/components/uv-icon/uv-icon",
|
||||
"uv-cell": "../../uni_modules/uv-cell/components/uv-cell/uv-cell",
|
||||
"uv-tags": "../../uni_modules/uv-tags/components/uv-tags/uv-tags",
|
||||
"uv-cell-group": "../../uni_modules/uv-cell/components/uv-cell-group/uv-cell-group",
|
||||
"uni-card": "../../uni_modules/uni-card/components/uni-card/uni-card",
|
||||
"uv-gap": "../../uni_modules/uv-gap/components/uv-gap/uv-gap",
|
||||
"uv-button": "../../uni_modules/uv-button/components/uv-button/uv-button",
|
||||
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup",
|
||||
"ws-login": "../../uni_modules/ws-login/components/ws-login/ws-login"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="container data-v-c7659a46"><view class="uv-demo-block data-v-c7659a46"><uv-swiper wx:if="{{a}}" class="data-v-c7659a46" u-i="c7659a46-0" bind:__l="__l" u-p="{{a}}"></uv-swiper></view><view class="match-name flex justify-between data-v-c7659a46"><view class="data-v-c7659a46">{{b}}</view><view class="data-v-c7659a46"></view></view><uni-card wx:if="{{n}}" class="data-v-c7659a46" u-s="{{['d']}}" u-i="c7659a46-1" bind:__l="__l" u-p="{{n}}"><uv-cell-group wx:if="{{m}}" class="data-v-c7659a46" u-s="{{['d']}}" u-i="c7659a46-2,c7659a46-1" bind:__l="__l" u-p="{{m}}"><uv-cell wx:if="{{e}}" class="data-v-c7659a46" u-s="{{['right-icon']}}" bindclick="{{d}}" u-i="c7659a46-3,c7659a46-2" bind:__l="__l" u-p="{{e}}"><uv-icon class="data-v-c7659a46" style="color:#ff0000" u-i="c7659a46-4,c7659a46-3" bind:__l="__l" u-p="{{c}}" slot="right-icon"></uv-icon></uv-cell><uv-cell wx:if="{{f}}" class="data-v-c7659a46" u-i="c7659a46-5,c7659a46-2" bind:__l="__l" u-p="{{f}}"></uv-cell><uv-cell wx:if="{{g}}" class="data-v-c7659a46" u-i="c7659a46-6,c7659a46-2" bind:__l="__l" u-p="{{g}}"></uv-cell><uv-cell wx:if="{{h}}" class="data-v-c7659a46" u-i="c7659a46-7,c7659a46-2" bind:__l="__l" u-p="{{h}}"></uv-cell><uv-cell wx:if="{{l}}" class="data-v-c7659a46" u-s="{{['label','value']}}" u-i="c7659a46-8,c7659a46-2" bind:__l="__l" u-p="{{l}}"><view class="flex flex-row items-center text-xs web-text-secondary data-v-c7659a46" slot="label"><label class="data-v-c7659a46">{{i}}/{{j}}</label></view><uv-tags class="data-v-c7659a46" u-i="c7659a46-9,c7659a46-8" bind:__l="__l" u-p="{{k}}" slot="value"></uv-tags></uv-cell></uv-cell-group></uni-card><uni-card wx:if="{{p}}" class="data-v-c7659a46" u-s="{{['d']}}" u-i="c7659a46-10" bind:__l="__l" u-p="{{p}}"><view class="web-text-heading booking-content data-v-c7659a46"><view class="data-v-c7659a46"><rich-text class="data-v-c7659a46" nodes="{{o}}"/></view></view></uni-card></view><uv-gap wx:if="{{q}}" class="data-v-c7659a46" u-i="c7659a46-11" bind:__l="__l" u-p="{{q}}"></uv-gap><view class="fixed w-full bottom-0 bg-white data-v-c7659a46"><view class="flex justify-between items-center data-v-c7659a46"><view class="left flex data-v-c7659a46"><uv-button wx:if="{{r}}" class="data-v-c7659a46" u-s="{{['d']}}" u-i="c7659a46-12" bind:__l="__l" u-p="{{r}}">客服</uv-button><uv-button wx:if="{{s}}" class="data-v-c7659a46" u-s="{{['d']}}" u-i="c7659a46-13" bind:__l="__l" u-p="{{s}}">分享</uv-button></view><view class="mx-10 data-v-c7659a46"><uv-button wx:if="{{v}}" class="data-v-c7659a46" bindclick="{{t}}" u-i="c7659a46-14" bind:__l="__l" u-p="{{v}}"></uv-button></view></view></view><uni-popup wx:if="{{F}}" class="r data-v-c7659a46" u-s="{{['d']}}" u-r="popup" u-i="c7659a46-15" bind:__l="__l" u-p="{{F}}"><uni-card wx:if="{{B}}" class="data-v-c7659a46" u-s="{{['d']}}" u-i="c7659a46-16,c7659a46-15" bind:__l="__l" u-p="{{B}}"><uv-cell-group wx:if="{{A}}" class="data-v-c7659a46" u-s="{{['d']}}" u-i="c7659a46-17,c7659a46-16" bind:__l="__l" u-p="{{A}}"><uv-cell wx:if="{{w}}" class="data-v-c7659a46" u-s="{{['title']}}" u-i="c7659a46-18,c7659a46-17" bind:__l="__l" u-p="{{w}}"><view class="merchant-name data-v-c7659a46" slot="title">选择规格</view></uv-cell><block wx:for="{{x}}" wx:for-item="item" wx:key="q"><uv-gap wx:if="{{y}}" class="data-v-c7659a46" u-i="{{item.a}}" bind:__l="__l" u-p="{{y}}"></uv-gap><uv-cell wx:if="{{item.p}}" class="data-v-c7659a46" u-s="{{['title','label']}}" bindclick="{{item.n}}" u-i="{{item.o}}" bind:__l="__l" u-p="{{item.p}}"><view class="flex flex-row data-v-c7659a46" slot="title"><uv-tags wx:if="{{item.b}}" class="data-v-c7659a46" u-i="{{item.c}}" bind:__l="__l" u-p="{{item.d}}"></uv-tags><uv-tags wx:if="{{item.e}}" class="data-v-c7659a46" u-i="{{item.f}}" bind:__l="__l" u-p="{{item.g}}"></uv-tags><text class="ml-2 data-v-c7659a46">{{item.h}}</text></view><view slot="label"><view class="flex text-gray-500 py-2 data-v-c7659a46">{{item.i}}</view><view class="flex text-red-500 justify-between data-v-c7659a46"><view class="data-v-c7659a46">已报名 {{item.j}}/{{item.k}}</view><view wx:if="{{item.l}}" class="price text-gray-800 data-v-c7659a46">免费</view><view wx:else class="price text-gray-800 data-v-c7659a46">￥{{item.m}}</view></view></view></uv-cell></block><uv-gap wx:if="{{z}}" class="data-v-c7659a46" u-i="c7659a46-23,c7659a46-17" bind:__l="__l" u-p="{{z}}"></uv-gap></uv-cell-group></uni-card><view class="flex flex-row justify-end w-full fixed bottom-0 bg-white data-v-c7659a46"><uv-button wx:if="{{D}}" class="data-v-c7659a46" bindclick="{{C}}" u-i="c7659a46-24,c7659a46-15" bind:__l="__l" u-p="{{D}}"></uv-button></view></uni-popup><ws-login wx:if="{{I}}" class="r data-v-c7659a46" u-r="login" binddone="{{H}}" u-i="c7659a46-25" bind:__l="__l" u-p="{{I}}"/>
|
||||
+101
@@ -0,0 +1,101 @@
|
||||
|
||||
page {
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-color: #f0f2f5;
|
||||
width: 750rpx;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.match-name.data-v-c7659a46 {
|
||||
padding: 30rpx;
|
||||
font-weight: 500;
|
||||
font-size: 42rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.save-btn.data-v-c7659a46 {
|
||||
width: 700rpx;
|
||||
left: 25rpx;
|
||||
height: 80rpx;
|
||||
position: fixed;
|
||||
bottom: 30rpx;
|
||||
}
|
||||
.booking-tel.data-v-c7659a46 {
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 270px;
|
||||
right: 0;
|
||||
width: 80px;
|
||||
height: 38px;
|
||||
border-radius: 50px 0 0 50px;
|
||||
background: linear-gradient(to right, #ccff66, #008e04);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #ffffff;
|
||||
font-size: 13px;
|
||||
}
|
||||
.popup-booking-tel.data-v-c7659a46 {
|
||||
background-color: #ffffff;
|
||||
width: 750rpx;
|
||||
min-height: 400rpx;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
margin: auto;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.popup-booking-tel .title.data-v-c7659a46 {
|
||||
font-weight: bold;
|
||||
font-size: 38rpx;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.popup-booking-tel .desc.data-v-c7659a46 {
|
||||
line-height: 2rem;
|
||||
}
|
||||
.popup-close.data-v-c7659a46 {
|
||||
display: flex;
|
||||
margin-top: 24rpx;
|
||||
justify-content: center;
|
||||
}
|
||||
.booking-content.data-v-c7659a46 {
|
||||
padding: 10px;
|
||||
font-size: 30rpx;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.xieyi.data-v-c7659a46 {
|
||||
margin-bottom: 80rpx;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.xieyi .text.data-v-c7659a46 {
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
.xieyi .text .link.data-v-c7659a46 {
|
||||
color: #0f80ff;
|
||||
}
|
||||
+176
@@ -0,0 +1,176 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_booking_match_index = require("../../api/booking/match/index.js");
|
||||
const api_booking_matchOrder_index = require("../../api/booking/matchOrder/index.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
// 骨架屏
|
||||
hideTools: true,
|
||||
// 项目列表
|
||||
itemList: []
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
this.reload();
|
||||
},
|
||||
methods: {
|
||||
reload() {
|
||||
const app = this;
|
||||
Promise.all([app.getMatchList(), app.getMatchOrderList()]).then((res) => {
|
||||
console.log("res: ", res);
|
||||
app.list = res[0];
|
||||
app.itemList = res[1];
|
||||
});
|
||||
},
|
||||
getMatchList() {
|
||||
return new Promise((resolve, reject) => {
|
||||
api_booking_match_index.pageMatch({}).then((result) => {
|
||||
resolve(result.list);
|
||||
}).catch(reject);
|
||||
});
|
||||
},
|
||||
getMatchOrderList() {
|
||||
return new Promise((resolve, reject) => {
|
||||
api_booking_matchOrder_index.pageMatchOrder({}).then((result) => {
|
||||
resolve(result);
|
||||
}).catch(reject);
|
||||
});
|
||||
},
|
||||
onItem(e) {
|
||||
const { index } = e.detail;
|
||||
this.openUrl(`/package/match/list?categoryId=` + this.itemList[index].id);
|
||||
},
|
||||
openUrl(url) {
|
||||
common_vendor.index.navigateTo({
|
||||
url
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uv_image2 = common_vendor.resolveComponent("uv-image");
|
||||
const _easycom_uv_text2 = common_vendor.resolveComponent("uv-text");
|
||||
const _easycom_uv_tags2 = common_vendor.resolveComponent("uv-tags");
|
||||
const _easycom_uv_skeleton2 = common_vendor.resolveComponent("uv-skeleton");
|
||||
const _easycom_uv_gap2 = common_vendor.resolveComponent("uv-gap");
|
||||
const _easycom_uni_card2 = common_vendor.resolveComponent("uni-card");
|
||||
(_easycom_uv_image2 + _easycom_uv_text2 + _easycom_uv_tags2 + _easycom_uv_skeleton2 + _easycom_uv_gap2 + _easycom_uni_card2)();
|
||||
}
|
||||
const _easycom_uv_image = () => "../../uni_modules/uv-image/components/uv-image/uv-image.js";
|
||||
const _easycom_uv_text = () => "../../uni_modules/uv-text/components/uv-text/uv-text.js";
|
||||
const _easycom_uv_tags = () => "../../uni_modules/uv-tags/components/uv-tags/uv-tags.js";
|
||||
const _easycom_uv_skeleton = () => "../../uni_modules/uv-skeleton/components/uv-skeleton/uv-skeleton.js";
|
||||
const _easycom_uv_gap = () => "../../uni_modules/uv-gap/components/uv-gap/uv-gap.js";
|
||||
const _easycom_uni_card = () => "../../uni_modules/uni-card/components/uni-card/uni-card.js";
|
||||
if (!Math) {
|
||||
(_easycom_uv_image + _easycom_uv_text + _easycom_uv_tags + _easycom_uv_skeleton + _easycom_uv_gap + _easycom_uni_card)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: $data.list.length > 0
|
||||
}, $data.list.length > 0 ? {
|
||||
b: common_vendor.f($data.list, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: "95122846-0-" + i0,
|
||||
b: common_vendor.p({
|
||||
src: item.image,
|
||||
width: "120",
|
||||
height: "120"
|
||||
}),
|
||||
c: "95122846-1-" + i0,
|
||||
d: common_vendor.p({
|
||||
size: "15",
|
||||
lineHeight: "24",
|
||||
lines: 2,
|
||||
text: item.title
|
||||
}),
|
||||
e: "95122846-2-" + i0,
|
||||
f: item.status == 0
|
||||
}, item.status == 0 ? {
|
||||
g: "95122846-3-" + i0,
|
||||
h: common_vendor.p({
|
||||
text: "未开始",
|
||||
plain: true,
|
||||
size: "mini",
|
||||
type: "primary"
|
||||
})
|
||||
} : {}, {
|
||||
i: item.status == 1
|
||||
}, item.status == 1 ? {
|
||||
j: "95122846-4-" + i0,
|
||||
k: common_vendor.p({
|
||||
text: "进行中",
|
||||
plain: true,
|
||||
size: "mini",
|
||||
type: "error"
|
||||
})
|
||||
} : {}, {
|
||||
l: item.status == 2
|
||||
}, item.status == 2 ? {
|
||||
m: "95122846-5-" + i0,
|
||||
n: common_vendor.p({
|
||||
text: "已结束",
|
||||
plain: true,
|
||||
size: "mini",
|
||||
type: "info"
|
||||
})
|
||||
} : {}, {
|
||||
o: common_vendor.t(item.users),
|
||||
p: common_vendor.t(item.maxUsers),
|
||||
q: common_vendor.o(($event) => $options.openUrl(`/package/match/detail?id=` + item.matchId), index),
|
||||
r: index
|
||||
});
|
||||
}),
|
||||
c: common_vendor.p({
|
||||
lineHeight: "24",
|
||||
size: "13",
|
||||
text: `时间：2024-07-12 至 2024-08-12`
|
||||
})
|
||||
} : {
|
||||
d: common_vendor.p({
|
||||
rows: "2",
|
||||
avatar: true,
|
||||
loading: $data.hideTools,
|
||||
title: false
|
||||
}),
|
||||
e: common_vendor.p({
|
||||
height: "16"
|
||||
}),
|
||||
f: common_vendor.p({
|
||||
rows: "2",
|
||||
avatar: true,
|
||||
loading: $data.hideTools,
|
||||
title: false
|
||||
}),
|
||||
g: common_vendor.p({
|
||||
height: "16"
|
||||
}),
|
||||
h: common_vendor.p({
|
||||
rows: "2",
|
||||
avatar: true,
|
||||
loading: $data.hideTools,
|
||||
title: false
|
||||
}),
|
||||
i: common_vendor.p({
|
||||
height: "16"
|
||||
}),
|
||||
j: common_vendor.p({
|
||||
rows: "2",
|
||||
avatar: true,
|
||||
loading: $data.hideTools,
|
||||
title: false
|
||||
}),
|
||||
k: common_vendor.p({
|
||||
height: "16"
|
||||
}),
|
||||
l: common_vendor.p({
|
||||
border: false,
|
||||
["is-shadow"]: false,
|
||||
padding: "12px 4px"
|
||||
})
|
||||
});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-95122846"], ["__file", "/Users/gxwebsoft/APP/gxtyzx-uniapp-cli/src/package/match/index.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"navigationBarTitleText": "赛事活动",
|
||||
"usingComponents": {
|
||||
"uv-image": "../../uni_modules/uv-image/components/uv-image/uv-image",
|
||||
"uv-text": "../../uni_modules/uv-text/components/uv-text/uv-text",
|
||||
"uv-tags": "../../uni_modules/uv-tags/components/uv-tags/uv-tags",
|
||||
"uv-skeleton": "../../uni_modules/uv-skeleton/components/uv-skeleton/uv-skeleton",
|
||||
"uv-gap": "../../uni_modules/uv-gap/components/uv-gap/uv-gap",
|
||||
"uni-card": "../../uni_modules/uni-card/components/uni-card/uni-card"
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<view class="data-v-95122846"><view class="card-title web-text-heading data-v-95122846">最新赛事/活动</view><block wx:if="{{a}}"><view class="match-list data-v-95122846"><block wx:for="{{b}}" wx:for-item="item" wx:key="r"><view class="match-item flex data-v-95122846" bindtap="{{item.q}}"><uv-image wx:if="{{item.b}}" class="data-v-95122846" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"></uv-image><view class="match-info flex flex-col data-v-95122846"><uv-text wx:if="{{item.d}}" class="match-name data-v-95122846" u-i="{{item.c}}" bind:__l="__l" u-p="{{item.d}}"></uv-text><uv-text wx:if="{{c}}" class="match-name web-text-secondary data-v-95122846" u-i="{{item.e}}" bind:__l="__l" u-p="{{c}}"></uv-text><view class="flex flex-row items-center text-gray-400 items-center text-xs web-text-heading data-v-95122846"><uv-tags wx:if="{{item.f}}" class="data-v-95122846" u-i="{{item.g}}" bind:__l="__l" u-p="{{item.h}}"></uv-tags><uv-tags wx:if="{{item.i}}" class="data-v-95122846" u-i="{{item.j}}" bind:__l="__l" u-p="{{item.k}}"></uv-tags><uv-tags wx:if="{{item.l}}" class="data-v-95122846" u-i="{{item.m}}" bind:__l="__l" u-p="{{item.n}}"></uv-tags><label class="pl-2 web-text-secondary data-v-95122846">{{item.o}}/{{item.p}} 已报名</label></view></view></view></block></view></block><block wx:else><uni-card wx:if="{{l}}" class="data-v-95122846" u-s="{{['d']}}" u-i="95122846-6" bind:__l="__l" u-p="{{l}}"><uv-skeleton wx:if="{{d}}" class="data-v-95122846" u-i="95122846-7,95122846-6" bind:__l="__l" u-p="{{d}}"></uv-skeleton><uv-gap wx:if="{{e}}" class="data-v-95122846" u-i="95122846-8,95122846-6" bind:__l="__l" u-p="{{e}}"></uv-gap><uv-skeleton wx:if="{{f}}" class="data-v-95122846" u-i="95122846-9,95122846-6" bind:__l="__l" u-p="{{f}}"></uv-skeleton><uv-gap wx:if="{{g}}" class="data-v-95122846" u-i="95122846-10,95122846-6" bind:__l="__l" u-p="{{g}}"></uv-gap><uv-skeleton wx:if="{{h}}" class="data-v-95122846" u-i="95122846-11,95122846-6" bind:__l="__l" u-p="{{h}}"></uv-skeleton><uv-gap wx:if="{{i}}" class="data-v-95122846" u-i="95122846-12,95122846-6" bind:__l="__l" u-p="{{i}}"></uv-gap><uv-skeleton wx:if="{{j}}" class="data-v-95122846" u-i="95122846-13,95122846-6" bind:__l="__l" u-p="{{j}}"></uv-skeleton><uv-gap wx:if="{{k}}" class="data-v-95122846" u-i="95122846-14,95122846-6" bind:__l="__l" u-p="{{k}}"></uv-gap></uni-card></block></view>
|
||||
+97
@@ -0,0 +1,97 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.card-title.data-v-95122846 {
|
||||
width: 700rpx;
|
||||
margin: 12rpx auto;
|
||||
font-size: 34rpx;
|
||||
font-weight: 500;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
.match-list.data-v-95122846 {
|
||||
width: 700rpx;
|
||||
margin: auto !important;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.match-list .match-item.data-v-95122846 {
|
||||
width: 700rpx;
|
||||
margin: 16rpx 0;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
background-color: #ffffff;
|
||||
display: flex;
|
||||
}
|
||||
.match-list .match-item .match-info.data-v-95122846 {
|
||||
padding: 10rpx 16rpx;
|
||||
line-height: 35rpx;
|
||||
}
|
||||
.match-list .match-item .price-bar.data-v-95122846 {
|
||||
padding: 0 16rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.item-list.data-v-95122846 {
|
||||
width: 720rpx;
|
||||
margin: auto;
|
||||
}
|
||||
.merchant-card-title.data-v-95122846 {
|
||||
width: 700rpx;
|
||||
margin: 12rpx auto;
|
||||
font-size: 40rpx;
|
||||
font-weight: 500;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
.card-body.data-v-95122846 {
|
||||
width: 700rpx;
|
||||
margin: auto;
|
||||
}
|
||||
.card-body .merchant-card.data-v-95122846 {
|
||||
margin: 12rpx auto;
|
||||
border-radius: 10rpx;
|
||||
border-color: slategrey;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.card-body .merchant-card .merchant-image.data-v-95122846 {
|
||||
width: 45vw;
|
||||
border-radius: 16rpx 16rpx 0 0;
|
||||
}
|
||||
.card-body .merchant-card .merchant-name.data-v-95122846 {
|
||||
padding: 10rpx;
|
||||
overflow: hidden;
|
||||
font-weight: 500;
|
||||
font-size: 26rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.card-body .merchant-card .merchant-desc.data-v-95122846 {
|
||||
width: 400rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
Reference in New Issue
Block a user