gxwebsoft/gxtyzx-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增微信支付、Native支付

Browse Source
This commit is contained in:
gxwebsoft
2024-05-11 23:06:25 +08:00
parent 31d6517314
commit ec629c4540
18 changed files with 1121 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/booking/school/components/merchantEdit.vue
+134 -6
View File
@@ -1,7 +1,7 @@
<!-- 编辑弹窗 -->
<template>
<ele-modal
:width="800"
:width="1000"
:visible="visible"
:maskClosable="false"
:maxable="maxable"
@@ -59,6 +59,25 @@
@done="chooseShopType"
/>
</a-form-item>
<a-form-item label="营业时间" name="businessTime">
<!-- <a-time-picker-->
<!-- v-model:value="form.timePeriod1"-->
<!-- format="HH:mm"-->
<!-- valueFormat="HH:mm"-->
<!-- />-->
<!-- - -->
<!-- <a-time-picker-->
<!-- v-model:value="form.timePeriod2"-->
<!-- format="HH:mm"-->
<!-- valueFormat="HH:mm"-->
<!-- />-->
<a-input
allow-clear
:maxlength="100"
placeholder="请选择营业时间"
v-model:value="form.businessTime"
/>
</a-form-item>
<a-form-item label="所属行业" name="category">
<industry-select
v-model:value="form.category"
@@ -93,17 +112,28 @@
v-model:value="form.address"
/>
</a-form-item>
<a-form-item label="手续费(%)" name="commission">
<a-form-item label="每小时价格" name="price">
<a-input-number
:step="1"
:max="100"
:max="1000000"
:min="0.0"
:precision="2"
class="ele-fluid"
placeholder="请输入手续费"
v-model:value="form.commission"
placeholder="请输入每小时价格"
v-model:value="form.price"
/>
</a-form-item>
<!-- <a-form-item label="手续费(%)" name="commission">-->
<!-- <a-input-number-->
<!-- :step="1"-->
<!-- :max="100"-->
<!-- :min="0.0"-->
<!-- :precision="2"-->
<!-- class="ele-fluid"-->
<!-- placeholder="请输入手续费"-->
<!-- v-model:value="form.commission"-->
<!-- />-->
<!-- </a-form-item>-->
<a-form-item label="关键字" name="keywords">
<a-select
v-model:value="form.keywords"
@@ -111,7 +141,7 @@
placeholder="输入关键词后回车"
/>
</a-form-item>
<a-form-item label="资质图片" name="files">
<a-form-item label="场馆图片" name="files">
<SelectFile
:placeholder="`请选择图片`"
:limit="9"
@@ -120,6 +150,17 @@
@del="onDeleteFiles"
/>
</a-form-item>
<a-form-item label="场馆介绍" name="content">
<!-- 编辑器 -->
<tinymce-editor
ref="editorRef"
class="content"
v-model:value="content"
:disabled="disabled"
:init="config"
placeholder="请输入场馆介绍内容"
/>
</a-form-item>
<a-form-item label="是否自营" name="ownStore">
<a-switch
checked-children="是"
@@ -195,6 +236,8 @@
import { MerchantType } from '@/api/shop/merchantType/model';
import { CenterPoint } from 'ele-admin-pro/es/ele-map-picker/types';
import { listRoles } from '@/api/system/role';
import TinymceEditor from '@/components/TinymceEditor/index.vue';
import { uploadOss } from '@/api/system/file';
// 是否是修改
const isUpdate = ref(false);
@@ -223,6 +266,9 @@
const formRef = ref<FormInstance | null>(null);
const images = ref<ItemType[]>([]);
const files = ref<ItemType[]>([]);
const disabled = ref(false);
// 编辑器内容，双向绑定
const content = ref<any>('');
// 是否显示地图选择弹窗
const showMap = ref(false);
@@ -240,9 +286,14 @@
region: '',
address: '',
lngAndLat: '',
price: 0,
commission: 0,
keywords: undefined,
files: undefined,
businessTime: undefined,
content: '',
timePeriod1: undefined,
timePeriod2: undefined,
ownStore: undefined,
recommend: undefined,
goodsReview: 1,
@@ -286,6 +337,14 @@
trigger: 'blur'
}
],
businessTime: [
{
required: true,
type: 'string',
message: '请填营业时间',
trigger: 'blur'
}
],
realName: [
{
required: true,
@@ -377,6 +436,69 @@
form.category = item[0] + '/' + item[1];
};
const editorRef = ref<InstanceType<typeof TinymceEditor> | null>(null);
const config = ref({
height: 450,
images_upload_handler: (blobInfo, success, error) => {
const file = blobInfo.blob();
const formData = new FormData();
formData.append('file', file, file.name);
uploadOss(file)
.then((res) => {
success(res.path);
})
.catch((msg) => {
error(msg);
});
},
// 自定义文件上传(这里使用把选择的文件转成 blob 演示)
file_picker_callback: (callback: any, _value: any, meta: any) => {
const input = document.createElement('input');
input.setAttribute('type', 'file');
// 设定文件可选类型
if (meta.filetype === 'image') {
input.setAttribute('accept', 'image/*');
} else if (meta.filetype === 'media') {
input.setAttribute('accept', 'video/*,.pdf');
}
input.onchange = () => {
const file = input.files?.[0];
if (!file) {
return;
}
if (meta.filetype === 'media') {
if (file.size / 1024 / 1024 > 200) {
editorRef.value?.alert({ content: '大小不能超过 200MB' });
return;
}
if (file.type.startsWith('application/pdf')) {
uploadOss(file).then((res) => {
const addPath = `<a href="${res.downloadUrl}" target="_blank">${res.name}</a>`;
content.value = content.value + addPath;
});
return;
}
if (!file.type.startsWith('video/')) {
editorRef.value?.alert({ content: '只能选择视频文件' });
return;
}
uploadOss(file).then((res) => {
callback(res.path);
});
}
// const reader = new FileReader();
// reader.onload = (e) => {
// if (e.target?.result != null) {
// const blob = new Blob([e.target.result], { type: file.type });
// callback(URL.createObjectURL(blob));
// }
// };
// reader.readAsArrayBuffer(file);
};
input.click();
}
});
const { resetFields } = useForm(form, rules);
/* 保存编辑 */
@@ -391,6 +513,7 @@
loading.value = true;
const formData = {
...form,
content: content.value,
keywords: JSON.stringify(form.keywords),
files: JSON.stringify(files.value)
};
@@ -416,9 +539,13 @@
if (visible) {
images.value = [];
files.value = [];
content.value = '';
if (props.data) {
isUpdate.value = true;
assignObject(form, props.data);
if (form.content) {
content.value = form.content;
}
if (props.data.image) {
images.value.push({
uid: uuid(),
@@ -449,6 +576,7 @@
form.tenantId = Number(localStorage.getItem('TenantId'));
});
} else {
content.value = '';
resetFields();
}
},