合并代码

This commit is contained in:
2025-04-30 15:41:00 +08:00
parent d74696fb64
commit b9413abf93
5 changed files with 222 additions and 185 deletions
+2 -1
View File
@@ -41,13 +41,14 @@ export interface ThinkVip {
prices?: string; prices?: string;
// 是否赠送积分:1赠送,2不赠送 // 是否赠送积分:1赠送,2不赠送
isIntegral?: number; isIntegral?: number;
mode?: number;
expiredTime?: string;
// //
createTime?: number; createTime?: number;
// //
updateTime?: number; updateTime?: number;
// 是否有效:1是,0否 // 是否有效:1是,0否
isUse?: number; isUse?: number;
// 是否销售:1是,0否
isSale?: number; isSale?: number;
} }
+3 -2
View File
@@ -56,6 +56,7 @@
v-model:visible="showEdit" v-model:visible="showEdit"
:merchant="data" :merchant="data"
:merchantId="categoryId" :merchantId="categoryId"
:sid="data.id"
:data="current" :data="current"
@done="reload" @done="reload"
/> />
@@ -180,8 +181,8 @@
}, },
{ {
title: '排序', title: '排序',
dataIndex: 'sortNumber', dataIndex: 'sort',
key: 'sortNumber', key: 'sort',
align: 'center' align: 'center'
}, },
{ {
@@ -15,11 +15,11 @@
<span>{{ data.totalPrice }}元</span> <span>{{ data.totalPrice }}元</span>
</a-form-item> </a-form-item>
<a-form-item label="支付金额"> <a-form-item label="支付金额">
<span>{{ data.payPrice }}元</span> <span>{{ data.price }}元</span>
</a-form-item> </a-form-item>
<a-form-item label="退款金额"> <a-form-item label="退款金额">
<a-input-number placeholder="请输入退款金额" style="width: 300px" v-model:value="form.refundAmount" <a-input-number placeholder="请输入退款金额" style="width: 300px" v-model:value="form.refundAmount"
:max="data.payPrice" /> :max="data.price" />
</a-form-item> </a-form-item>
</a-form> </a-form>
</ele-modal> </ele-modal>
@@ -63,7 +63,7 @@ const updateVisible = (value: boolean) => {
}; };
const save = async () => { const save = async () => {
if (!form.refundAmount) return message.error("请输入退款金额"); if (!form.refundAmount && props.data.price > 0) return message.error("请输入退款金额");
loading.value = true; loading.value = true;
await addThinkOrderRefundLog(form); await addThinkOrderRefundLog(form);
loading.value = false; loading.value = false;
+15 -7
View File
@@ -44,14 +44,9 @@
</template> </template>
<template v-if="column.key === 'action'"> <template v-if="column.key === 'action'">
<a-space v-if="record.status === 1"> <a-space v-if="record.status === 1">
<ThinkSelectUsers :id="record.id" @done="changeBindCard" />
<a-divider type="vertical" />
<template v-if="record.uid"> <template v-if="record.uid">
<a-popconfirm
title="确定要解绑吗?"
@confirm="release(record)"
>
<a class="text-green-600">解绑</a>
</a-popconfirm>
<a-divider type="vertical" />
<a-popconfirm <a-popconfirm
title="确定要退卡吗?" title="确定要退卡吗?"
@confirm="remove(record)" @confirm="remove(record)"
@@ -106,6 +101,7 @@ import type {
ThinkUsersVipParam ThinkUsersVipParam
} from "@/api/think/thinkUsersVip/model"; } from "@/api/think/thinkUsersVip/model";
import ThinkUsersVipLog from "@/views/think/thinkUsersVip/components/thinkUsersVipLog.vue"; import ThinkUsersVipLog from "@/views/think/thinkUsersVip/components/thinkUsersVipLog.vue";
import { ThinkUsers } from "@/api/think/thinkUsers/model";
// 表格实例 // 表格实例
const tableRef = ref<InstanceType<typeof EleProTable> | null>(null); const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
@@ -391,6 +387,18 @@ const query = () => {
loading.value = true; loading.value = true;
}; };
const changeBindCard = (row: ThinkUsers, id: number) => {
updateThinkUsersVip({
id,
uid: row.id,
username: row.truename ?? row.username,
phone: row.phone
}).then(() => {
message.success("操作成功");
reload();
});
};
/* 自定义行属性 */ /* 自定义行属性 */
const customRow = (record: ThinkUsersVip) => { const customRow = (record: ThinkUsersVip) => {
return { return {
@@ -53,6 +53,12 @@
<a-radio :value="2">不赠送</a-radio> <a-radio :value="2">不赠送</a-radio>
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
<a-form-item label="过期类型" name="mode">
<a-radio-group v-model:value="form.mode">
<a-radio :value="0">按下单时间计算</a-radio>
<a-radio :value="1">按固定时间</a-radio>
</a-radio-group>
</a-form-item>
<a-form-item label="可选场馆" name="sid"> <a-form-item label="可选场馆" name="sid">
<ThinkSelectSiteMultiple v-model:value="sites" /> <ThinkSelectSiteMultiple v-model:value="sites" />
</a-form-item> </a-form-item>
@@ -98,26 +104,32 @@
v-model:value="form.eachMoney" v-model:value="form.eachMoney"
/> />
</a-form-item> </a-form-item>
<a-form-item label="年限" name="term"> <template v-if="form.mode === 0">
<a-input <a-form-item label="年限" name="term">
allow-clear <a-input
placeholder="请输入年限" allow-clear
v-model:value="form.term" placeholder="请输入年限"
/> v-model:value="form.term"
</a-form-item> />
<a-form-item label="月限" name="month"> </a-form-item>
<a-input <a-form-item label="月限" name="month">
allow-clear <a-input
placeholder="请输入月限" allow-clear
v-model:value="form.month" placeholder="请输入月限"
/> v-model:value="form.month"
</a-form-item> />
<a-form-item label="日限" name="day"> </a-form-item>
<a-input <a-form-item label="日限" name="day">
allow-clear <a-input
placeholder="请输入日限" allow-clear
v-model:value="form.day" placeholder="请输入日限"
/> v-model:value="form.day"
/>
</a-form-item>
</template>
<a-form-item v-else label="过期时间" name="expiredTime">
<a-date-picker v-model:value="form.expiredTime" value-format="YYYY-MM-DD"
placeholder="请选择过期时间"></a-date-picker>
</a-form-item> </a-form-item>
<a-form-item label="排序" name="sort"> <a-form-item label="排序" name="sort">
<a-input-number <a-input-number
@@ -137,7 +149,13 @@
<a-form-item label="是否有效" name="isUse"> <a-form-item label="是否有效" name="isUse">
<a-radio-group v-model:value="form.isUse"> <a-radio-group v-model:value="form.isUse">
<a-radio :value="1">是</a-radio> <a-radio :value="1">是</a-radio>
<a-radio :value="0">否</a-radio> <a-radio :value="2">否</a-radio>
</a-radio-group>
</a-form-item>
<a-form-item label="是否在售" name="isSale">
<a-radio-group v-model:value="form.isSale">
<a-radio :value="1">是</a-radio>
<a-radio :value="2">否</a-radio>
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
</a-form> </a-form>
@@ -145,165 +163,174 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, reactive, watch } from 'vue'; import { ref, reactive, watch } from "vue";
import { Form, message } from 'ant-design-vue'; import { Form, message } from "ant-design-vue";
import { assignObject, uuid } from 'ele-admin-pro'; import { assignObject, uuid } from "ele-admin-pro";
import { addThinkVip, updateThinkVip } from '@/api/think/thinkVip'; import { addThinkVip, updateThinkVip } from "@/api/think/thinkVip";
import { ThinkVip } from '@/api/think/thinkVip/model'; import { ThinkVip } from "@/api/think/thinkVip/model";
import { useThemeStore } from '@/store/modules/theme'; import { useThemeStore } from "@/store/modules/theme";
import { storeToRefs } from 'pinia'; import { storeToRefs } from "pinia";
import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types'; import { ItemType } from "ele-admin-pro/es/ele-image-upload/types";
import { FormInstance } from 'ant-design-vue/es/form'; import { FormInstance } from "ant-design-vue/es/form";
import { FileRecord } from '@/api/system/file/model'; import { FileRecord } from "@/api/system/file/model";
import { ThinkSite } from '@/api/think/thinkSite/model'; import { ThinkSite } from "@/api/think/thinkSite/model";
import { IMG_URL } from '@/config/setting'; import { IMG_URL } from "@/config/setting";
// 是否是修改 // 是否是修改
const isUpdate = ref(false); const isUpdate = ref(false);
const useForm = Form.useForm; const useForm = Form.useForm;
// 是否开启响应式布局 // 是否开启响应式布局
const themeStore = useThemeStore(); const themeStore = useThemeStore();
const { styleResponsive } = storeToRefs(themeStore); const { styleResponsive } = storeToRefs(themeStore);
const props = defineProps<{ const props = defineProps<{
// 弹窗是否打开 // 弹窗是否打开
visible: boolean; visible: boolean;
// 修改回显的数据 // 修改回显的数据
data?: ThinkVip | null; data?: ThinkVip | null;
}>(); }>();
const emit = defineEmits<{ const emit = defineEmits<{
(e: 'done'): void; (e: "done"): void;
(e: 'update:visible', visible: boolean): void; (e: "update:visible", visible: boolean): void;
}>(); }>();
// 提交状态 // 提交状态
const loading = ref(false); const loading = ref(false);
// 是否显示最大化切换按钮 // 是否显示最大化切换按钮
const maxable = ref(true); const maxable = ref(true);
// 表格选中数据 // 表格选中数据
const formRef = ref<FormInstance | null>(null); const formRef = ref<FormInstance | null>(null);
const images = ref<ItemType[]>([]); const images = ref<ItemType[]>([]);
const sites = ref<ThinkSite[]>([]); const sites = ref<ThinkSite[]>([]);
// 用户信息 // 用户信息
const form = reactive<ThinkVip>({ const form = reactive<ThinkVip>({
id: undefined, id: undefined,
sid: undefined, sid: undefined,
name: undefined, name: undefined,
price: undefined, price: undefined,
desc: undefined, desc: undefined,
info: undefined, info: undefined,
discount: undefined, discount: undefined,
count: undefined, count: undefined,
eachMoney: undefined, eachMoney: undefined,
term: 1, term: 1,
month: undefined, month: undefined,
day: undefined, day: undefined,
type: 1, type: 1,
cardType: 1, cardType: 1,
vipType: 2, vipType: 2,
pic: undefined, pic: undefined,
prices: undefined, prices: undefined,
isIntegral: 2, isIntegral: 2,
isUse: undefined mode: 0,
}); sort: 0,
isSale: 1,
isUse: undefined,
expiredTime: undefined,
});
/* 更新visible */ /* 更新visible */
const updateVisible = (value: boolean) => { const updateVisible = (value: boolean) => {
emit('update:visible', value); emit("update:visible", value);
}; };
// 表单验证规则 // 表单验证规则
const rules = reactive({ const rules = reactive({
name: [ name: [
{ {
required: true, required: true,
type: 'string', type: "string",
message: '请填写名称', message: "请填写名称",
trigger: 'blur' trigger: "blur"
}
]
});
const chooseImage = (data: FileRecord) => {
images.value.push({
uid: data.id,
url: data.path,
status: 'done'
});
form.image = data.path;
};
const onDeleteItem = (index: number) => {
images.value.splice(index, 1);
form.image = '';
};
const { resetFields } = useForm(form, rules);
/* 保存编辑 */
const save = () => {
if (!formRef.value) {
return;
} }
formRef.value ]
.validate() });
.then(() => {
loading.value = true;
// 字符串数组用逗号相连
const join = sites.value.map((d) => d.id).join(',');
const formData = {
...form,
sid: join
};
const saveOrUpdate = isUpdate.value ? updateThinkVip : addThinkVip;
saveOrUpdate(formData)
.then((msg) => {
loading.value = false;
message.success(msg);
updateVisible(false);
emit('done');
})
.catch((e) => {
loading.value = false;
message.error(e.message);
});
})
.catch(() => {});
};
watch( const chooseImage = (data: FileRecord) => {
() => props.visible, images.value.push({
(visible) => { uid: data.id,
if (visible) { url: data.path,
images.value = []; status: "done"
sites.value = []; });
if (props.data) { form.image = data.path;
assignObject(form, props.data); };
if (props.data.image) {
images.value.push({ const onDeleteItem = (index: number) => {
uid: uuid(), images.value.splice(index, 1);
url: props.data.image, form.image = "";
status: 'done' };
});
} const { resetFields } = useForm(form, rules);
if (props.data.sid) {
const split = props.data.sid.split(','); /* 保存编辑 */
split.map((id) => { const save = () => {
sites.value.push({ if (!formRef.value) {
id: Number(id) return;
}); }
}); formRef.value
} .validate()
isUpdate.value = true; .then(() => {
} else { loading.value = true;
isUpdate.value = false; // 字符串数组用逗号相连
} const join = sites.value.map((d) => d.id).join(",");
} else { const formData = {
resetFields(); ...form,
sid: join
};
if (formData.mode === 1 && !formData.expiredTime) {
message.error("请选择过期时间");
return;
} }
}, const saveOrUpdate = isUpdate.value ? updateThinkVip : addThinkVip;
{ immediate: true } saveOrUpdate(formData)
); .then((msg) => {
loading.value = false;
message.success(msg);
updateVisible(false);
emit("done");
})
.catch((e) => {
loading.value = false;
message.error(e.message);
});
})
.catch(() => {
});
};
watch(
() => props.visible,
(visible) => {
if (visible) {
images.value = [];
sites.value = [];
if (props.data) {
assignObject(form, props.data);
if (props.data.image) {
images.value.push({
uid: uuid(),
url: props.data.image,
status: "done"
});
}
if (props.data.sid) {
const split = props.data.sid.split(",");
split.map((id) => {
sites.value.push({
id: Number(id)
});
});
}
isUpdate.value = true;
} else {
isUpdate.value = false;
}
} else {
resetFields();
}
},
{ immediate: true }
);
</script> </script>