iuu/cmgd-mini-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

处理多选套餐

Browse Source
This commit is contained in:
建超
2026-01-27 19:40:07 +08:00
parent e04cf17a37
commit 28d58bd38b
6 changed files with 399 additions and 475 deletions
Download Patch File Download Diff File Expand all files Collapse all files

421
pages/index/orderAdd.vue
View File

@@ -17,27 +17,17 @@
<nut-form v-if="form.fee_type==1">
<view class="inline-combo-form" v-for="(item, index) in orderCombos" :key="index">
<view class="form-row">
<nut-form-item label-position="top">
<template v-slot:label>平台</template>
<template v-slot:default>
<view style="color: black;" @click="visibleComboTypePopup = true">
<text v-if="item.combo_type_name">{{item.combo_type_name}}</text>
<text v-else>选择平台</text>
</view>
</template>
</nut-form-item>
<nut-form-item label-position="top">
<template v-slot:label>套餐</template>
<template v-slot:default>
<view style="color: black;" @click="visibleCombosPopup = true">
<text v-if="item.combo_name">{{item.combo_name}}</text>
<text v-else>选择套餐</text>
<view style="color: black;" @click="visibleCombosCascader = true;combosIndex = index">
<text v-if="item.combo_type_name && item.combo_name">
{{ item.combo_type_name }} - {{ item.combo_name }}
</text>
<text v-else>请选择套餐</text>
</view>
</template>
</nut-form-item>
<nut-form-item label-position="top">
<template v-slot:label>售价</template>
<template v-slot:default>
@@ -46,20 +36,18 @@
</view>
</template>
</nut-form-item>
</view>
<view class="form-row">
<nut-form-item label-position="top">
<template v-slot:label>支付状态</template>
<template v-slot:default>
<view style="color: black;" @click="openPayStatusPopup('combo',index)">
<view style="color: black;" @click="openPayStatusPopup('combos',index)">
<text>{{item.combo_pay_status_txt}}</text>
</view>
</template>
</nut-form-item>
<nut-form-item label-position="top">
<template v-slot:label> </template>
<template v-slot:label>操作</template>
<template v-slot:default>
<view>
<nut-button type="danger" size="mini" @click="removeCombos(index)">删除套餐</nut-button>
@@ -68,45 +56,6 @@
</nut-form-item>
</view>
</view>
<!-- 台费类型、套餐、支付状态 三者在同一行布局 -->
<!-- <view class="inline-form" v-for="(item, index) in orderCombos" :key="index"> -->
<!-- 台费类型选择 -->
<!-- <nut-form-item label-position="top">
<template v-slot:label>套餐平台</template>
<template v-slot:default>
<view style="color: black;" @click="visibleComboTypePopup = true">
<text>{{form.combo_type_name}}</text>
</view>
</template>
</nut-form-item> -->
<!-- 套餐选择 -->
<!-- <nut-form-item label-position="top" v-if="form.fee_type === 1 || form.fee_type === 2">
<template v-slot:label>选择团购</template>
<template v-slot:default>
<view style="color: black;" @click="visibleCombosPopup = true">
<text>{{form.fee_combo_name}}</text>
</view>
</template>
</nut-form-item> -->
<!-- 金额输入框 -->
<!-- <nut-form-item label-position="top" v-else>
<template v-slot:label>线下收款</template>
<template v-slot:default>
<nut-input v-model="form.fee_amount" placeholder="请输入金额" type="number" />
</template>
</nut-form-item> -->
<!-- 支付状态选择 -->
<!-- <nut-form-item label-position="top">
<template v-slot:label>支付状态</template>
<template v-slot:default>
<view style="color: black;" @click="openPayStatusPopup('fee')">
<text>{{form.fee_pay_status_txt}}</text>
</view>
</template>
</nut-form-item>
</view> -->
<view class="top-bar">
<nut-button type="primary" plain size="small" @click="addCombos">新增套餐</nut-button>
</view>
@@ -131,45 +80,6 @@
</nut-form>
<!-- 台费类型、套餐、支付状态 三者在同一行布局 -->
<!-- <view class="inline-form"> -->
<!-- 台费类型选择 -->
<!-- <nut-form-item label-position="top">
<template v-slot:label>结算方式</template>
<template v-slot:default>
<view style="color: black;" @click="visibleFeeTypePopup = true">
<text>{{form.fee_type_name}}</text>
</view>
</template>
</nut-form-item> -->
<!-- 套餐选择 -->
<!-- <nut-form-item label-position="top" v-if="form.fee_type === 1 || form.fee_type === 2">
<template v-slot:label>选择团购</template>
<template v-slot:default>
<view style="color: black;" @click="visibleCombosPopup = true">
<text>{{form.fee_combo_name}}</text>
</view>
</template>
</nut-form-item> -->
<!-- 金额输入框 -->
<!-- <nut-form-item label-position="top" v-else>
<template v-slot:label>线下收款</template>
<template v-slot:default>
<nut-input v-model="form.fee_amount" placeholder="请输入金额" type="number" />
</template>
</nut-form-item> -->
<!-- 支付状态选择 -->
<!-- <nut-form-item label-position="top">
<template v-slot:label>支付状态</template>
<template v-slot:default>
<view style="color: black;" @click="openPayStatusPopup('fee')">
<text>{{form.fee_pay_status_txt}}</text>
</view>
</template>
</nut-form-item>
</view> -->
<view class="title" v-if="form.fee_type==1">超时收费</view>
<nut-form v-if="form.fee_type==1 ">
@@ -243,10 +153,11 @@
</nut-form-item>
</view>
</view>
<view class="top-bar">
<nut-button type="primary" plain size="small" @click="addGoods">新增商品</nut-button>
</view>
</nut-form>
<view class="top-bar">
<nut-button type="primary" plain size="small" @click="addGoods">新增商品</nut-button>
</view>
<view class="title">订单优惠 </view>
@@ -279,6 +190,13 @@
@close="onCloseGoodsCascader"></nut-cascader>
<nut-cascader title="套餐选择" v-model:visible="visibleCombosCascader" v-model="cascaderCombosValue"
@change="onCombosChange" @pathChange="onCombosPathChange" text-key="label" value-key="value"
children-key="children" :options="selectCombos" :title-ellipsis="false" @open="onOpenCombosCascader"
@close="onCloseCombosCascader"></nut-cascader>
<!-- v-model="popupPaymentStatusVal" -->
<nut-popup v-model:visible="visiblePaymentStatusPopup" position="bottom" safe-area-inset-bottom>
@@ -287,19 +205,19 @@
</nut-picker>
</nut-popup>
<nut-popup v-model:visible="visibleCombosPopup" position="bottom" safe-area-inset-bottom>
<!-- <nut-popup v-model:visible="visibleCombosPopup" position="bottom" safe-area-inset-bottom>
<nut-picker v-model="popupCombosVal" :columns="combos" :field-names="{text:'label',value:'value'}"
title="选择团购套餐" @confirm="onConfirmCombos" @cancel="visibleCombosPopup = false">
</nut-picker>
</nut-popup>
</nut-popup> -->
<!-- v-model="popupFeeTypeVal" -->
<nut-popup v-model:visible="visibleComboTypePopup" position="bottom" safe-area-inset-bottom>
<!-- <nut-popup v-model:visible="visibleComboTypePopup" position="bottom" safe-area-inset-bottom>
<nut-picker :columns="comboTypes" :field-names="{text:'label',value:'value'}" title="选择套餐平台"
@confirm="onConfirmComboType" @cancel="visibleComboTypePopup = false">
</nut-picker>
</nut-popup>
</nut-popup> -->
<!-- <nut-popup v-model:visible="visibleRoomsPopup" position="bottom" safe-area-inset-bottom>
@@ -332,104 +250,28 @@
} from '@/api/index';
onLoad(options => {
console.log('onLoad');
// 获取房间ID
form.room_id = options.roomId
console.log(form);
console.log(options);
console.log('onLoad - options', options);
form.room_id = options.roomId // 获取房间ID
console.log('onLoad - form', form);
})
const selectGoods = ref([]) // 商品列表
const selectCombos = ref([]) // 套餐列表
onMounted(() => {
fetchGoods().then(res => {
selectGoods.value = res;
})
fetchCombos().then(res => {
selectCombos.value = res;
})
})
// 订单套餐
const orderCombos = ref([
// {
// combo_type_name: null,
// combo_type_id: null,
// combo_name: null,
// goods_id: null,
// goods_price: null,
// goods_pay_status: 0,
// goods_pay_status_txt: "请选择",
// cascader_val: []
// },
])
// 新增套餐
const addCombos = () => {
console.log(orderCombos.value);
orderCombos.value.push({
combo_type_name: null,
combo_type_id: null,
combo_id: null,
combo_name: null,
combo_price: null,
combo_pay_status: 0,
combo_pay_status_txt: "请选择",
// goods_price: null,
// cascader_val: []
})
}
// 删除套餐
const removeCombos = (index) => {
orderCombos.value.splice(index, 1)
}
// 选择套餐平台弹窗
const visibleComboTypePopup = ref(false);
// 套餐平台
const comboTypes = [{
value: 1,
label: '美团'
},
{
value: 2,
label: '抖音'
},
];
// 选择套餐平台
const onConfirmComboType = (selectedValue) => {
console.log(selectedValue);
form.fee_type_name = selectedValue.selectedOptions[0].label
form.fee_type = selectedValue.selectedOptions[0].value
console.log(form);
getCombos();
visibleComboTypePopup.value = false // 关闭选择套餐弹窗
}
const getCombos = () => {
console.log("获取套餐");
fetchCombos({
type: form.fee_type
}).then(res => {
console.log(res);
combos.value = res;
})
}
// 选择套餐弹窗
const visibleCombosPopup = ref(false);
// 选中的套餐
const popupCombosVal = ref([])
// 套餐列表
const combos = ref([]);
// 选择套餐
const onConfirmCombos = (selectedValue) => {
console.log('selectedValue', selectedValue);
form.fee_combo_name = selectedValue.selectedOptions[0].label
form.fee_combo_id = selectedValue.selectedOptions[0].value
form.fee_combo_price = selectedValue.selectedOptions[0].combo_price
console.log(form);
visibleCombosPopup.value = false
}
// 支付状态弹窗
const visiblePaymentStatusPopup = ref(false);
// 选中的支付状态
const popupPaymentStatusVal = ref([])
// 支付类型
const popupPaymentTypeVal = ref('')
const visiblePaymentStatusPopup = ref(false); // 支付状态弹窗
// const popupPaymentStatusVal = ref([]) // 选中的支付状态
const popupPaymentTypeVal = ref('') // 支付类型
// 支付状态
const paymentStatuses = [{
value: 1,
@@ -444,55 +286,150 @@
label: '赠送'
}
];
// 支付弹窗
const openPayStatusPopup = (type, index = -1) => {
popupPaymentTypeVal.value = type
goodsPayIndex.value = index // 只有type = goods 生效
if (type === 'combos') {
// 套餐
combosPayIndex.value = index
} else if (type === 'goods') {
// 商品
goodsPayIndex.value = index
} else {
}
// 展示支付弹窗
visiblePaymentStatusPopup.value = true
console.log(type);
}
// 选中支付状态
const onConfirmPaymentStatus = (selectedValue) => {
let label = selectedValue.selectedOptions[0].label
let value = selectedValue.selectedOptions[0].value
if (popupPaymentTypeVal.value == 'fee') {
form.fee_pay_status_txt = selectedValue.selectedOptions[0].label
form.fee_pay_status = selectedValue.selectedOptions[0].value
// 线下支付
form.fee_pay_status_txt = label
form.fee_pay_status = value
}
if (popupPaymentTypeVal.value == 'over') {
form.over_pay_status_txt = selectedValue.selectedOptions[0].label
form.over_pay_status = selectedValue.selectedOptions[0].value
// 处理超时
form.over_pay_status_txt = label
form.over_pay_status = value
}
if (popupPaymentTypeVal.value == 'combos' && combosPayIndex.value >= 0) {
// 处理套餐
console.log("处理套餐支付状态", combosPayIndex.value);
orderCombos.value[combosPayIndex.value].combo_pay_status_txt = label
orderCombos.value[combosPayIndex.value].combo_pay_status = value
}
if (popupPaymentTypeVal.value == 'goods' && goodsPayIndex.value >= 0) {
// 处理商品
console.log("处理商品支付状态", goodsPayIndex.value);
orderGoods.value[goodsPayIndex.value].goods_pay_status_txt = selectedValue.selectedOptions[0].label
orderGoods.value[goodsPayIndex.value].goods_pay_status = selectedValue.selectedOptions[0].value
orderGoods.value[goodsPayIndex.value].goods_pay_status_txt = label
orderGoods.value[goodsPayIndex.value].goods_pay_status = value
}
console.log(form);
visiblePaymentStatusPopup.value = false
popupPaymentTypeVal.value = ''
visiblePaymentStatusPopup.value = false // 关闭支付弹窗
popupPaymentTypeVal.value = '' // 清空支付类型
goodsPayIndex.value = -1
combosPayIndex.value = -1
}
// 订单商品列表
const orderGoods = ref([
// {
// goods_type_name: null,
// goods_type_id: null,
// goods_name: null,
// goods_id: null,
// goods_price: null,
// goods_pay_status: 0,
// goods_pay_status_txt: "请选择",
// cascader_val: []
// },
])
// 当前操作的商品
const goodsPayIndex = ref(0)
// 当前操作的商品
const goodsIndex = ref(0)
// 添加规则
const orderCombos = ref([]) // 订单套餐
const combosPayIndex = ref(-1) // 当前操作的套餐
const combosIndex = ref(-1) // 当前操作的套餐
const visibleCombosCascader = ref(false) // 显示套餐选择
// 新增套餐
const addCombos = () => {
console.log(orderCombos.value);
orderCombos.value.push({
combo_type_name: null,
combo_type_id: null,
combo_id: null,
combo_name: null,
combo_price: null,
combo_pay_status: 0,
combo_pay_status_txt: "请选择",
cascader_val: []
})
}
// 删除套餐
const removeCombos = (index) => {
orderCombos.value.splice(index, 1)
}
// 套餐选中
const cascaderCombosValue = computed(() => {
let cascader_val = [];
if (combosIndex.value >= 0) {
return orderCombos.value[combosIndex.value]?.cascader_val ?? []
} else {
return cascader_val;
}
});
// 选择套餐
const onCombosPathChange = (args) => {
console.log("onCombosPathChange", args);
console.log("combosIndex", combosIndex.value);
console.log("orderCombos.value[combosIndex.value]", orderCombos.value[combosIndex.value]);
orderCombos.value[combosIndex.value].combo_type_name = null
orderCombos.value[combosIndex.value].combo_type_id = null
orderCombos.value[combosIndex.value].combo_id = null
orderCombos.value[combosIndex.value].combo_name = null
orderCombos.value[combosIndex.value].combo_price = null
if (args.length >= 1 && args[0] !== null) {
orderCombos.value[combosIndex.value].combo_type_name = args[0].text
orderCombos.value[combosIndex.value].combo_type_id = args[0].value
}
if (args.length >= 2 && args[1] !== null) {
orderCombos.value[combosIndex.value].combo_name = args[1].text
orderCombos.value[combosIndex.value].combo_id = args[1].value
orderCombos.value[combosIndex.value].combo_price = args[1].combo_price
}
console.log("orderCombos.value[combosIndex.value]", orderCombos.value[combosIndex.value]);
}
// 打开选择套餐
const onOpenCombosCascader = () => {
console.log("onOpenCombosCascader");
console.log("combosIndex.value", combosIndex.value);
}
// 关闭选择套餐
const onCloseCombosCascader = () => {
console.log("onCloseCombosCascader");
console.log("combosIndex.value", combosIndex.value);
if (orderCombos.value[combosIndex.value].combo_type_id && orderCombos.value[combosIndex.value].combo_id) {
orderCombos.value[combosIndex.value].cascader_val = [
orderCombos.value[combosIndex.value].combo_type_id,
orderCombos.value[combosIndex.value].combo_id
]
}
combosIndex.value = -1
console.log("combosIndex.value", combosIndex.value);
}
const onCombosChange = (...args) => {
console.log("onCombosChange", args);
}
const orderGoods = ref([]) // 订单商品列表
const goodsPayIndex = ref(-1)// 当前操作的商品
const goodsIndex = ref(-1)// 当前操作的商品
const visibleGoodsCascader = ref(false) // 显示商品选择
// 添加商品
const addGoods = () => {
console.log(orderGoods.value);
orderGoods.value.push({
@@ -510,8 +447,6 @@
const removeGoods = (index) => {
orderGoods.value.splice(index, 1)
}
// 显示商品选择
const visibleGoodsCascader = ref(false)
// 商品选中
const cascaderGoodsValue = computed(() => {
let cascader_val = [];
@@ -555,7 +490,7 @@
orderGoods.value[goodsIndex.value].goods_id
]
}
goodsIndex.value = 0
goodsIndex.value = -1
console.log("goodsIndex.value", goodsIndex.value);
}
const onOpenGoodsCascader = () => {
@@ -571,12 +506,6 @@
room_id: 0, // 房间ID
fee_type: "1", // 默认是团购
// fee_combo_id: 0, // 套餐ID
// fee_combo_name: '请选择', // 套餐名称
// fee_combo_price: null,
fee_amount: null, // 线下支付费用
fee_pay_status: 0, // 费用支付状态
fee_pay_status_txt: '请选择', // 费用支付状态
@@ -591,14 +520,6 @@
})
// 商品列表
const selectGoods = ref([])
onMounted(() => {
fetchGoods().then(res => {
selectGoods.value = res;
})
})
@@ -606,6 +527,7 @@
const submitForm = () => {
let data = {
order_goods: orderGoods.value,
order_combos: orderCombos.value,
order: form
}
console.log('提交的订单数据:', data);
@@ -665,11 +587,22 @@
// z-index: 999;
}
.inline-combo-form {}
.inline-combo-form {
border-bottom: 2rpx solid #909ca4;
}
.inline-combo-form:last-child {
border-bottom: none;
}
/* 每个商品项容器 */
.inline-goods-form {
// box-sizing: border-box;
border-bottom: 2rpx solid #909ca4;
}
.inline-goods-form:last-child {
border-bottom: none;
}
/* 行容器 */
@@ -678,6 +611,6 @@
justify-content: space-between;
align-items: flex-start;
gap: 20rpx;
margin-bottom: 20rpx;
// margin-bottom: 20rpx;
}
</style>

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/orderAdd.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-weixin/common/vendor.js vendored
View File

@@ -7440,7 +7440,7 @@ function isConsoleWritable() {
function initRuntimeSocketService() {
const hosts = "127.0.0.1,192.168.31.5,198.18.0.1";
const port = "8090";
const id = "mp-weixin_EY0X_V";
const id = "mp-weixin_xGLqys";
const lazy = typeof swan !== "undefined";
let restoreError = lazy ? () => {
} : initOnError();

425
unpackage/dist/dev/mp-weixin/pages/index/orderAdd.js vendored
View File

@@ -31,81 +31,21 @@ const _sfc_main = {
__name: "orderAdd",
setup(__props) {
common_vendor.onLoad((options) => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:335", "onLoad");
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:253", "onLoad - options", options);
form.room_id = options.roomId;
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:338", form);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:339", options);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:255", "onLoad - form", form);
});
const orderCombos = common_vendor.ref([
// {
// combo_type_name: null,
// combo_type_id: null,
// combo_name: null,
// goods_id: null,
// goods_price: null,
// goods_pay_status: 0,
// goods_pay_status_txt: "请选择",
// cascader_val: []
// },
]);
const addCombos = () => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:358", orderCombos.value);
orderCombos.value.push({
combo_type_name: null,
combo_type_id: null,
combo_id: null,
combo_name: null,
combo_price: null,
combo_pay_status: 0,
combo_pay_status_txt: "请选择"
// goods_price: null,
// cascader_val: []
const selectGoods = common_vendor.ref([]);
const selectCombos = common_vendor.ref([]);
common_vendor.onMounted(() => {
api_index.fetchGoods().then((res) => {
selectGoods.value = res;
});
};
const removeCombos = (index) => {
orderCombos.value.splice(index, 1);
};
const visibleComboTypePopup = common_vendor.ref(false);
const comboTypes = [
{
value: 1,
label: "美团"
},
{
value: 2,
label: "抖音"
}
];
const onConfirmComboType = (selectedValue) => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:389", selectedValue);
form.fee_type_name = selectedValue.selectedOptions[0].label;
form.fee_type = selectedValue.selectedOptions[0].value;
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:392", form);
getCombos();
visibleComboTypePopup.value = false;
};
const getCombos = () => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:401", "获取套餐");
api_index.fetchCombos({
type: form.fee_type
}).then((res) => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:405", res);
combos.value = res;
api_index.fetchCombos().then((res) => {
selectCombos.value = res;
});
};
const visibleCombosPopup = common_vendor.ref(false);
const popupCombosVal = common_vendor.ref([]);
const combos = common_vendor.ref([]);
const onConfirmCombos = (selectedValue) => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:420", "selectedValue", selectedValue);
form.fee_combo_name = selectedValue.selectedOptions[0].label;
form.fee_combo_id = selectedValue.selectedOptions[0].value;
form.fee_combo_price = selectedValue.selectedOptions[0].combo_price;
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:424", form);
visibleCombosPopup.value = false;
};
});
const visiblePaymentStatusPopup = common_vendor.ref(false);
common_vendor.ref([]);
const popupPaymentTypeVal = common_vendor.ref("");
const paymentStatuses = [
{
@@ -123,45 +63,116 @@ const _sfc_main = {
];
const openPayStatusPopup = (type, index = -1) => {
popupPaymentTypeVal.value = type;
goodsPayIndex.value = index;
if (type === "combos") {
combosPayIndex.value = index;
} else if (type === "goods") {
goodsPayIndex.value = index;
} else
;
visiblePaymentStatusPopup.value = true;
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:452", type);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:303", type);
};
const onConfirmPaymentStatus = (selectedValue) => {
let label = selectedValue.selectedOptions[0].label;
let value = selectedValue.selectedOptions[0].value;
if (popupPaymentTypeVal.value == "fee") {
form.fee_pay_status_txt = selectedValue.selectedOptions[0].label;
form.fee_pay_status = selectedValue.selectedOptions[0].value;
form.fee_pay_status_txt = label;
form.fee_pay_status = value;
}
if (popupPaymentTypeVal.value == "over") {
form.over_pay_status_txt = selectedValue.selectedOptions[0].label;
form.over_pay_status = selectedValue.selectedOptions[0].value;
form.over_pay_status_txt = label;
form.over_pay_status = value;
}
if (popupPaymentTypeVal.value == "combos" && combosPayIndex.value >= 0) {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:325", "处理套餐支付状态", combosPayIndex.value);
orderCombos.value[combosPayIndex.value].combo_pay_status_txt = label;
orderCombos.value[combosPayIndex.value].combo_pay_status = value;
}
if (popupPaymentTypeVal.value == "goods" && goodsPayIndex.value >= 0) {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:466", "处理商品支付状态", goodsPayIndex.value);
orderGoods.value[goodsPayIndex.value].goods_pay_status_txt = selectedValue.selectedOptions[0].label;
orderGoods.value[goodsPayIndex.value].goods_pay_status = selectedValue.selectedOptions[0].value;
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:331", "处理商品支付状态", goodsPayIndex.value);
orderGoods.value[goodsPayIndex.value].goods_pay_status_txt = label;
orderGoods.value[goodsPayIndex.value].goods_pay_status = value;
}
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:470", form);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:335", form);
visiblePaymentStatusPopup.value = false;
popupPaymentTypeVal.value = "";
goodsPayIndex.value = -1;
combosPayIndex.value = -1;
};
const orderGoods = common_vendor.ref([
// {
// goods_type_name: null,
// goods_type_id: null,
// goods_name: null,
// goods_id: null,
// goods_price: null,
// goods_pay_status: 0,
// goods_pay_status_txt: "请选择",
// cascader_val: []
// },
]);
const goodsPayIndex = common_vendor.ref(0);
const goodsIndex = common_vendor.ref(0);
const orderCombos = common_vendor.ref([]);
const combosPayIndex = common_vendor.ref(-1);
const combosIndex = common_vendor.ref(-1);
const visibleCombosCascader = common_vendor.ref(false);
const addCombos = () => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:350", orderCombos.value);
orderCombos.value.push({
combo_type_name: null,
combo_type_id: null,
combo_id: null,
combo_name: null,
combo_price: null,
combo_pay_status: 0,
combo_pay_status_txt: "请选择",
cascader_val: []
});
};
const removeCombos = (index) => {
orderCombos.value.splice(index, 1);
};
const cascaderCombosValue = common_vendor.computed(() => {
var _a;
let cascader_val = [];
if (combosIndex.value >= 0) {
return ((_a = orderCombos.value[combosIndex.value]) == null ? void 0 : _a.cascader_val) ?? [];
} else {
return cascader_val;
}
});
const onCombosPathChange = (args) => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:378", "onCombosPathChange", args);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:379", "combosIndex", combosIndex.value);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:380", "orderCombos.value[combosIndex.value]", orderCombos.value[combosIndex.value]);
orderCombos.value[combosIndex.value].combo_type_name = null;
orderCombos.value[combosIndex.value].combo_type_id = null;
orderCombos.value[combosIndex.value].combo_id = null;
orderCombos.value[combosIndex.value].combo_name = null;
orderCombos.value[combosIndex.value].combo_price = null;
if (args.length >= 1 && args[0] !== null) {
orderCombos.value[combosIndex.value].combo_type_name = args[0].text;
orderCombos.value[combosIndex.value].combo_type_id = args[0].value;
}
if (args.length >= 2 && args[1] !== null) {
orderCombos.value[combosIndex.value].combo_name = args[1].text;
orderCombos.value[combosIndex.value].combo_id = args[1].value;
orderCombos.value[combosIndex.value].combo_price = args[1].combo_price;
}
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:395", "orderCombos.value[combosIndex.value]", orderCombos.value[combosIndex.value]);
};
const onOpenCombosCascader = () => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:402", "onOpenCombosCascader");
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:403", "combosIndex.value", combosIndex.value);
};
const onCloseCombosCascader = () => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:407", "onCloseCombosCascader");
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:408", "combosIndex.value", combosIndex.value);
if (orderCombos.value[combosIndex.value].combo_type_id && orderCombos.value[combosIndex.value].combo_id) {
orderCombos.value[combosIndex.value].cascader_val = [
orderCombos.value[combosIndex.value].combo_type_id,
orderCombos.value[combosIndex.value].combo_id
];
}
combosIndex.value = -1;
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:416", "combosIndex.value", combosIndex.value);
};
const onCombosChange = (...args) => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:420", "onCombosChange", args);
};
const orderGoods = common_vendor.ref([]);
const goodsPayIndex = common_vendor.ref(-1);
const goodsIndex = common_vendor.ref(-1);
const visibleGoodsCascader = common_vendor.ref(false);
const addGoods = () => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:497", orderGoods.value);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:434", orderGoods.value);
orderGoods.value.push({
goods_type_name: null,
goods_type_id: null,
@@ -176,7 +187,6 @@ const _sfc_main = {
const removeGoods = (index) => {
orderGoods.value.splice(index, 1);
};
const visibleGoodsCascader = common_vendor.ref(false);
const cascaderGoodsValue = common_vendor.computed(() => {
var _a;
let cascader_val = [];
@@ -187,12 +197,12 @@ const _sfc_main = {
}
});
const onGoodsChange = (...args) => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:525", "onGoodsChange", args);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:460", "onGoodsChange", args);
};
const onGoodsPathChange = (args) => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:529", "onGoodsPathChange", args);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:530", "goodsIndex", goodsIndex.value);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:531", "orderGoods.value[goodsIndex.value]", orderGoods.value[goodsIndex.value]);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:464", "onGoodsPathChange", args);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:465", "goodsIndex", goodsIndex.value);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:466", "orderGoods.value[goodsIndex.value]", orderGoods.value[goodsIndex.value]);
orderGoods.value[goodsIndex.value].goods_type_name = null;
orderGoods.value[goodsIndex.value].goods_type_id = null;
orderGoods.value[goodsIndex.value].goods_name = null;
@@ -207,23 +217,23 @@ const _sfc_main = {
orderGoods.value[goodsIndex.value].goods_id = args[1].value;
orderGoods.value[goodsIndex.value].goods_price = args[1].goods_price;
}
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:547", "orderGoods.value[goodsIndex.value]", orderGoods.value[goodsIndex.value]);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:482", "orderGoods.value[goodsIndex.value]", orderGoods.value[goodsIndex.value]);
};
const onCloseGoodsCascader = () => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:550", "onCloseGoodsCascader");
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:551", "goodsIndex.value", goodsIndex.value);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:485", "onCloseGoodsCascader");
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:486", "goodsIndex.value", goodsIndex.value);
if (orderGoods.value[goodsIndex.value].goods_type_id && orderGoods.value[goodsIndex.value].goods_id) {
orderGoods.value[goodsIndex.value].cascader_val = [
orderGoods.value[goodsIndex.value].goods_type_id,
orderGoods.value[goodsIndex.value].goods_id
];
}
goodsIndex.value = 0;
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:559", "goodsIndex.value", goodsIndex.value);
goodsIndex.value = -1;
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:494", "goodsIndex.value", goodsIndex.value);
};
const onOpenGoodsCascader = () => {
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:562", "onOpenGoodsCascader");
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:563", "goodsIndex.value", goodsIndex.value);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:497", "onOpenGoodsCascader");
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:498", "goodsIndex.value", goodsIndex.value);
};
const form = common_vendor.reactive({
order_type: 1,
@@ -232,9 +242,6 @@ const _sfc_main = {
// 房间ID
fee_type: "1",
// 默认是团购
// fee_combo_id: 0, // 套餐ID
// fee_combo_name: '请选择', // 套餐名称
// fee_combo_price: null,
fee_amount: null,
// 线下支付费用
fee_pay_status: 0,
@@ -253,18 +260,13 @@ const _sfc_main = {
// 优惠金额
remarks: null
});
const selectGoods = common_vendor.ref([]);
common_vendor.onMounted(() => {
api_index.fetchGoods().then((res) => {
selectGoods.value = res;
});
});
const submitForm = () => {
let data = {
order_goods: orderGoods.value,
order_combos: orderCombos.value,
order: form
};
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:611", "提交的订单数据:", data);
common_vendor.index.__f__("log", "at pages/index/orderAdd.vue:533", "提交的订单数据:", data);
};
return (_ctx, _cache) => {
return common_vendor.e({
@@ -286,27 +288,25 @@ const _sfc_main = {
}, form.fee_type == 1 ? {
g: common_vendor.f(orderCombos.value, (item, index, i0) => {
return common_vendor.e({
a: item.combo_type_name
}, item.combo_type_name ? {
b: common_vendor.t(item.combo_type_name)
a: item.combo_type_name && item.combo_name
}, item.combo_type_name && item.combo_name ? {
b: common_vendor.t(item.combo_type_name),
c: common_vendor.t(item.combo_name)
} : {}, {
c: common_vendor.o(($event) => visibleComboTypePopup.value = true, index),
d: "528154d3-6-" + i0 + ",528154d3-5",
e: item.combo_name
}, item.combo_name ? {
f: common_vendor.t(item.combo_name)
} : {}, {
g: common_vendor.o(($event) => visibleCombosPopup.value = true, index),
h: "528154d3-7-" + i0 + ",528154d3-5",
i: common_vendor.t(item.combo_price),
d: common_vendor.o(($event) => {
visibleCombosCascader.value = true;
combosIndex.value = index;
}, index),
e: "528154d3-6-" + i0 + ",528154d3-5",
f: common_vendor.t(item.combo_price),
g: "528154d3-7-" + i0 + ",528154d3-5",
h: common_vendor.t(item.combo_pay_status_txt),
i: common_vendor.o(($event) => openPayStatusPopup("combos", index), index),
j: "528154d3-8-" + i0 + ",528154d3-5",
k: common_vendor.t(item.combo_pay_status_txt),
l: common_vendor.o(($event) => openPayStatusPopup("combo", index), index),
k: common_vendor.o(($event) => removeCombos(index), index),
l: "528154d3-10-" + i0 + "," + ("528154d3-9-" + i0),
m: "528154d3-9-" + i0 + ",528154d3-5",
n: common_vendor.o(($event) => removeCombos(index), index),
o: "528154d3-11-" + i0 + "," + ("528154d3-10-" + i0),
p: "528154d3-10-" + i0 + ",528154d3-5",
q: index
n: index
});
}),
h: common_vendor.p({
@@ -319,66 +319,63 @@ const _sfc_main = {
["label-position"]: "top"
}),
k: common_vendor.p({
["label-position"]: "top"
}),
l: common_vendor.p({
type: "danger",
size: "mini"
}),
m: common_vendor.p({
l: common_vendor.p({
["label-position"]: "top"
}),
n: common_vendor.o(addCombos),
o: common_vendor.p({
m: common_vendor.o(addCombos),
n: common_vendor.p({
type: "primary",
plain: true,
size: "small"
})
} : {
p: common_vendor.o(($event) => form.fee_amount = $event),
q: common_vendor.p({
o: common_vendor.o(($event) => form.fee_amount = $event),
p: common_vendor.p({
placeholder: "请输入金额",
type: "number",
modelValue: form.fee_amount
}),
r: common_vendor.p({
q: common_vendor.p({
["label-position"]: "top"
}),
s: common_vendor.t(form.fee_pay_status_txt),
t: common_vendor.o(($event) => openPayStatusPopup("fee")),
v: common_vendor.p({
r: common_vendor.t(form.fee_pay_status_txt),
s: common_vendor.o(($event) => openPayStatusPopup("fee")),
t: common_vendor.p({
["label-position"]: "top"
})
}, {
w: form.fee_type == 1
v: form.fee_type == 1
}, form.fee_type == 1 ? {} : {}, {
x: form.fee_type == 1
w: form.fee_type == 1
}, form.fee_type == 1 ? {
y: common_vendor.o(($event) => form.over_often = $event),
z: common_vendor.p({
x: common_vendor.o(($event) => form.over_often = $event),
y: common_vendor.p({
placeholder: "请输入小时",
type: "number",
modelValue: form.over_often
}),
A: common_vendor.p({
z: common_vendor.p({
["label-position"]: "top"
}),
B: common_vendor.o(($event) => form.over_amount = $event),
C: common_vendor.p({
A: common_vendor.o(($event) => form.over_amount = $event),
B: common_vendor.p({
placeholder: "请输入金额",
type: "number",
modelValue: form.over_amount
}),
D: common_vendor.p({
C: common_vendor.p({
["label-position"]: "top"
}),
E: common_vendor.t(form.over_pay_status_txt),
F: common_vendor.o(($event) => openPayStatusPopup("over")),
G: common_vendor.p({
D: common_vendor.t(form.over_pay_status_txt),
E: common_vendor.o(($event) => openPayStatusPopup("over")),
F: common_vendor.p({
["label-position"]: "top"
})
} : {}, {
H: common_vendor.f(orderGoods.value, (item, index, i0) => {
G: common_vendor.f(orderGoods.value, (item, index, i0) => {
return common_vendor.e({
a: item.goods_type_name && item.goods_name
}, item.goods_type_name && item.goods_name ? {
@@ -389,18 +386,21 @@ const _sfc_main = {
visibleGoodsCascader.value = true;
goodsIndex.value = index;
}, index),
e: "528154d3-24-" + i0 + ",528154d3-23",
e: "528154d3-23-" + i0 + ",528154d3-22",
f: common_vendor.t(item.goods_price),
g: "528154d3-25-" + i0 + ",528154d3-23",
g: "528154d3-24-" + i0 + ",528154d3-22",
h: common_vendor.t(item.goods_pay_status_txt),
i: common_vendor.o(($event) => openPayStatusPopup("goods", index), index),
j: "528154d3-26-" + i0 + ",528154d3-23",
j: "528154d3-25-" + i0 + ",528154d3-22",
k: common_vendor.o(($event) => removeGoods(index), index),
l: "528154d3-28-" + i0 + "," + ("528154d3-27-" + i0),
m: "528154d3-27-" + i0 + ",528154d3-23",
l: "528154d3-27-" + i0 + "," + ("528154d3-26-" + i0),
m: "528154d3-26-" + i0 + ",528154d3-22",
n: index
});
}),
H: common_vendor.p({
["label-position"]: "top"
}),
I: common_vendor.p({
["label-position"]: "top"
}),
@@ -408,48 +408,45 @@ const _sfc_main = {
["label-position"]: "top"
}),
K: common_vendor.p({
["label-position"]: "top"
}),
L: common_vendor.p({
type: "danger",
size: "mini"
}),
M: common_vendor.p({
L: common_vendor.p({
["label-position"]: "top"
}),
N: common_vendor.o(addGoods),
O: common_vendor.p({
M: common_vendor.o(addGoods),
N: common_vendor.p({
type: "primary",
plain: true,
size: "small"
}),
P: common_vendor.o(($event) => form.discount_amount = $event),
Q: common_vendor.p({
O: common_vendor.o(($event) => form.discount_amount = $event),
P: common_vendor.p({
placeholder: "请输入金额",
type: "number",
modelValue: form.discount_amount
}),
R: common_vendor.o(($event) => form.remarks = $event),
S: common_vendor.p({
Q: common_vendor.o(($event) => form.remarks = $event),
R: common_vendor.p({
rows: 3,
placeholder: "请输入备注",
modelValue: form.remarks
}),
T: common_vendor.p({
S: common_vendor.p({
label: "备注"
}),
U: common_vendor.o(submitForm),
V: common_vendor.p({
T: common_vendor.o(submitForm),
U: common_vendor.p({
type: "primary",
block: true
}),
W: common_vendor.o(onGoodsChange),
X: common_vendor.o(onGoodsPathChange),
Y: common_vendor.o(onOpenGoodsCascader),
Z: common_vendor.o(onCloseGoodsCascader),
aa: common_vendor.o(($event) => visibleGoodsCascader.value = $event),
ab: common_vendor.o(($event) => cascaderGoodsValue.value = $event),
ac: common_vendor.p({
V: common_vendor.o(onGoodsChange),
W: common_vendor.o(onGoodsPathChange),
X: common_vendor.o(onOpenGoodsCascader),
Y: common_vendor.o(onCloseGoodsCascader),
Z: common_vendor.o(($event) => visibleGoodsCascader.value = $event),
aa: common_vendor.o(($event) => cascaderGoodsValue.value = $event),
ab: common_vendor.p({
title: "商品选择",
["text-key"]: "label",
["value-key"]: "value",
@@ -459,9 +456,25 @@ const _sfc_main = {
visible: visibleGoodsCascader.value,
modelValue: cascaderGoodsValue.value
}),
ad: common_vendor.o(onConfirmPaymentStatus),
ae: common_vendor.o(($event) => visiblePaymentStatusPopup.value = false),
af: common_vendor.p({
ac: common_vendor.o(onCombosChange),
ad: common_vendor.o(onCombosPathChange),
ae: common_vendor.o(onOpenCombosCascader),
af: common_vendor.o(onCloseCombosCascader),
ag: common_vendor.o(($event) => visibleCombosCascader.value = $event),
ah: common_vendor.o(($event) => cascaderCombosValue.value = $event),
ai: common_vendor.p({
title: "套餐选择",
["text-key"]: "label",
["value-key"]: "value",
["children-key"]: "children",
options: selectCombos.value,
["title-ellipsis"]: false,
visible: visibleCombosCascader.value,
modelValue: cascaderCombosValue.value
}),
aj: common_vendor.o(onConfirmPaymentStatus),
ak: common_vendor.o(($event) => visiblePaymentStatusPopup.value = false),
al: common_vendor.p({
columns: paymentStatuses,
["field-names"]: {
text: "label",
@@ -469,45 +482,11 @@ const _sfc_main = {
},
title: "选择支付状态"
}),
ag: common_vendor.o(($event) => visiblePaymentStatusPopup.value = $event),
ah: common_vendor.p({
position: "bottom",
["safe-area-inset-bottom"]: true,
visible: visiblePaymentStatusPopup.value
}),
ai: common_vendor.o(onConfirmCombos),
aj: common_vendor.o(($event) => visibleCombosPopup.value = false),
ak: common_vendor.o(($event) => popupCombosVal.value = $event),
al: common_vendor.p({
columns: combos.value,
["field-names"]: {
text: "label",
value: "value"
},
title: "选择团购套餐",
modelValue: popupCombosVal.value
}),
am: common_vendor.o(($event) => visibleCombosPopup.value = $event),
am: common_vendor.o(($event) => visiblePaymentStatusPopup.value = $event),
an: common_vendor.p({
position: "bottom",
["safe-area-inset-bottom"]: true,
visible: visibleCombosPopup.value
}),
ao: common_vendor.o(onConfirmComboType),
ap: common_vendor.o(($event) => visibleComboTypePopup.value = false),
aq: common_vendor.p({
columns: comboTypes,
["field-names"]: {
text: "label",
value: "value"
},
title: "选择套餐平台"
}),
ar: common_vendor.o(($event) => visibleComboTypePopup.value = $event),
as: common_vendor.p({
position: "bottom",
["safe-area-inset-bottom"]: true,
visible: visibleComboTypePopup.value
visible: visiblePaymentStatusPopup.value
})
});
};

2
unpackage/dist/dev/mp-weixin/pages/index/orderAdd.wxml vendored
View File

File diff suppressed because one or more lines are too long

14
unpackage/dist/dev/mp-weixin/pages/index/orderAdd.wxss vendored
View File

@@ -72,13 +72,25 @@
justify-content: space-between;
border-top: 1px solid #eee;
}
.inline-combo-form.data-v-528154d3 {
border-bottom: 2rpx solid #909ca4;
}
.inline-combo-form.data-v-528154d3:last-child {
border-bottom: none;
}
/* 每个商品项容器 */
.inline-goods-form.data-v-528154d3 {
border-bottom: 2rpx solid #909ca4;
}
.inline-goods-form.data-v-528154d3:last-child {
border-bottom: none;
}
/* 行容器 */
.form-row.data-v-528154d3 {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20rpx;
margin-bottom: 20rpx;
}