赵忠林
528fe28ffc
- 新增api目录下多个接口路径代理处理文件，支持动态拼接目标URL - 根据环境变量选择不同的后端服务地址（如dev和生产环境） - 统一添加TenantId和Authorization请求头传递租户及身份信息 - 实现请求参数及搜索参数的完整转发 - 引入better-sqlite3及node内建模块支持服务端功能 - 新增专家详情页面，实现文章、成果及预约咨询功能展示 - 页面实现加载骨架屏、标签页切换及空状态提示优化体验
1491 lines
84 KiB
JavaScript
1491 lines
84 KiB
JavaScript
import { defineComponent, ref, reactive, resolveComponent, mergeProps, withCtx, createVNode, unref, createTextVNode, useSSRContext } from 'vue';
|
||
import { ssrRenderAttrs, ssrRenderComponent } from 'vue/server-renderer';
|
||
import { message } from 'ant-design-vue';
|
||
import { a as _export_sfc, c as useHead } from './server.mjs';
|
||
import '../nitro/nitro.mjs';
|
||
import 'node:http';
|
||
import 'node:https';
|
||
import 'node:events';
|
||
import 'node:buffer';
|
||
import 'node:fs';
|
||
import 'node:path';
|
||
import 'node:crypto';
|
||
import 'node:url';
|
||
import 'better-sqlite3';
|
||
import 'vue-router';
|
||
import '@babel/runtime/helpers/esm/extends';
|
||
import 'stylis';
|
||
import 'dayjs';
|
||
import '../routes/renderer.mjs';
|
||
import 'vue-bundle-renderer/runtime';
|
||
import 'unhead/server';
|
||
import 'devalue';
|
||
import 'unhead/plugins';
|
||
import 'unhead/utils';
|
||
|
||
const _sfc_main = /* @__PURE__ */ defineComponent({
|
||
__name: "contact",
|
||
__ssrInlineRender: true,
|
||
setup(__props) {
|
||
useHead({ title: "联系我们 - 广西决策咨询网" });
|
||
const submitting = ref(false);
|
||
const form = reactive({
|
||
name: "",
|
||
phone: "",
|
||
organization: "",
|
||
type: void 0,
|
||
content: ""
|
||
});
|
||
const rules = {
|
||
name: [{ required: true, message: "请输入您的姓名" }],
|
||
phone: [{ required: true, message: "请输入联系电话" }],
|
||
content: [{ required: true, message: "请输入咨询内容" }]
|
||
};
|
||
async function handleSubmit() {
|
||
if (!form.name || !form.phone || !form.content) {
|
||
message.warning("请填写必填项");
|
||
return;
|
||
}
|
||
submitting.value = true;
|
||
try {
|
||
await new Promise((resolve) => setTimeout(resolve, 500));
|
||
message.success("咨询已提交，我们会尽快与您联系！");
|
||
handleReset();
|
||
} catch (e) {
|
||
message.error(e?.message || "提交失败");
|
||
} finally {
|
||
submitting.value = false;
|
||
}
|
||
}
|
||
function handleReset() {
|
||
Object.assign(form, {
|
||
name: "",
|
||
phone: "",
|
||
organization: "",
|
||
type: void 0,
|
||
content: ""
|
||
});
|
||
}
|
||
return (_ctx, _push, _parent, _attrs) => {
|
||
const _component_a_row = resolveComponent("a-row");
|
||
const _component_a_col = resolveComponent("a-col");
|
||
const _component_a_tooltip = resolveComponent("a-tooltip");
|
||
const _component_a_form = resolveComponent("a-form");
|
||
const _component_a_form_item = resolveComponent("a-form-item");
|
||
const _component_a_input = resolveComponent("a-input");
|
||
const _component_a_select = resolveComponent("a-select");
|
||
const _component_a_select_option = resolveComponent("a-select-option");
|
||
const _component_a_textarea = resolveComponent("a-textarea");
|
||
const _component_a_space = resolveComponent("a-space");
|
||
const _component_a_button = resolveComponent("a-button");
|
||
_push(`<div${ssrRenderAttrs(mergeProps({ class: "contact-page" }, _attrs))} data-v-f1d248a8><div class="contact-banner" data-v-f1d248a8><div class="mx-auto max-w-screen-xl px-4 py-16 text-center" data-v-f1d248a8><h1 class="banner-title" data-v-f1d248a8>联系我们</h1><p class="banner-desc" data-v-f1d248a8>广西决策咨询中心期待与您交流合作</p></div></div><div class="mx-auto max-w-screen-xl px-4 py-12" data-v-f1d248a8>`);
|
||
_push(ssrRenderComponent(_component_a_row, { gutter: [48, 48] }, {
|
||
default: withCtx((_, _push2, _parent2, _scopeId) => {
|
||
if (_push2) {
|
||
_push2(ssrRenderComponent(_component_a_col, {
|
||
xs: 24,
|
||
md: 8
|
||
}, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
_push3(`<div class="contact-info" data-v-f1d248a8${_scopeId2}><h2 class="info-title" data-v-f1d248a8${_scopeId2}>联系信息</h2><div class="info-item" data-v-f1d248a8${_scopeId2}><div class="info-icon" data-v-f1d248a8${_scopeId2}>📍</div><div class="info-content" data-v-f1d248a8${_scopeId2}><div class="info-label" data-v-f1d248a8${_scopeId2}>办公地址</div><div class="info-value" data-v-f1d248a8${_scopeId2}>广西·南宁·良庆区 五象大道401号 五象航洋城3号楼</div></div></div><div class="info-item" data-v-f1d248a8${_scopeId2}><div class="info-icon" data-v-f1d248a8${_scopeId2}>📞</div><div class="info-content" data-v-f1d248a8${_scopeId2}><div class="info-label" data-v-f1d248a8${_scopeId2}>联系电话</div><div class="info-value" data-v-f1d248a8${_scopeId2}>0771-5386339</div></div></div><div class="info-item" data-v-f1d248a8${_scopeId2}><div class="info-icon" data-v-f1d248a8${_scopeId2}>📧</div><div class="info-content" data-v-f1d248a8${_scopeId2}><div class="info-label" data-v-f1d248a8${_scopeId2}>电子邮箱</div><div class="info-value" data-v-f1d248a8${_scopeId2}>gxjzxzx@126.com</div></div></div><div class="info-item" data-v-f1d248a8${_scopeId2}><div class="info-icon" data-v-f1d248a8${_scopeId2}>⏰</div><div class="info-content" data-v-f1d248a8${_scopeId2}><div class="info-label" data-v-f1d248a8${_scopeId2}>服务时间</div><div class="info-value" data-v-f1d248a8${_scopeId2}>周一至周五 9:00-17:00</div></div></div><div class="info-item" data-v-f1d248a8${_scopeId2}><div class="info-icon" data-v-f1d248a8${_scopeId2}>📮</div><div class="info-content" data-v-f1d248a8${_scopeId2}><div class="info-label" data-v-f1d248a8${_scopeId2}>邮政编码</div><div class="info-value" data-v-f1d248a8${_scopeId2}>530200</div></div></div><div class="info-divider" data-v-f1d248a8${_scopeId2}></div><div class="social-section" data-v-f1d248a8${_scopeId2}><div class="social-title" data-v-f1d248a8${_scopeId2}>关注我们</div><div class="social-items" data-v-f1d248a8${_scopeId2}>`);
|
||
_push3(ssrRenderComponent(_component_a_tooltip, { title: "微信公众号" }, {
|
||
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
if (_push4) {
|
||
_push4(`<div class="social-item" data-v-f1d248a8${_scopeId3}>📱</div>`);
|
||
} else {
|
||
return [
|
||
createVNode("div", { class: "social-item" }, "📱")
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent3, _scopeId2));
|
||
_push3(`</div></div></div>`);
|
||
} else {
|
||
return [
|
||
createVNode("div", { class: "contact-info" }, [
|
||
createVNode("h2", { class: "info-title" }, "联系信息"),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "📍"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "办公地址"),
|
||
createVNode("div", { class: "info-value" }, "广西·南宁·良庆区 五象大道401号 五象航洋城3号楼")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "📞"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "联系电话"),
|
||
createVNode("div", { class: "info-value" }, "0771-5386339")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "📧"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "电子邮箱"),
|
||
createVNode("div", { class: "info-value" }, "gxjzxzx@126.com")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "⏰"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "服务时间"),
|
||
createVNode("div", { class: "info-value" }, "周一至周五 9:00-17:00")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "📮"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "邮政编码"),
|
||
createVNode("div", { class: "info-value" }, "530200")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-divider" }),
|
||
createVNode("div", { class: "social-section" }, [
|
||
createVNode("div", { class: "social-title" }, "关注我们"),
|
||
createVNode("div", { class: "social-items" }, [
|
||
createVNode(_component_a_tooltip, { title: "微信公众号" }, {
|
||
default: withCtx(() => [
|
||
createVNode("div", { class: "social-item" }, "📱")
|
||
]),
|
||
_: 1
|
||
})
|
||
])
|
||
])
|
||
])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
_push2(ssrRenderComponent(_component_a_col, {
|
||
xs: 24,
|
||
md: 16
|
||
}, {
|
||
default: withCtx((_2, _push3, _parent3, _scopeId2) => {
|
||
if (_push3) {
|
||
_push3(`<div class="contact-form-panel" data-v-f1d248a8${_scopeId2}><h2 class="form-title" data-v-f1d248a8${_scopeId2}>在线咨询</h2><p class="form-desc" data-v-f1d248a8${_scopeId2}>请填写您的咨询内容，我们将尽快与您联系</p>`);
|
||
_push3(ssrRenderComponent(_component_a_form, {
|
||
layout: "vertical",
|
||
model: unref(form),
|
||
rules,
|
||
class: "contact-form"
|
||
}, {
|
||
default: withCtx((_3, _push4, _parent4, _scopeId3) => {
|
||
if (_push4) {
|
||
_push4(ssrRenderComponent(_component_a_row, { gutter: 16 }, {
|
||
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
||
if (_push5) {
|
||
_push5(ssrRenderComponent(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
|
||
if (_push6) {
|
||
_push6(ssrRenderComponent(_component_a_form_item, {
|
||
label: "姓名",
|
||
name: "name"
|
||
}, {
|
||
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
|
||
if (_push7) {
|
||
_push7(ssrRenderComponent(_component_a_input, {
|
||
value: unref(form).name,
|
||
"onUpdate:value": ($event) => unref(form).name = $event,
|
||
placeholder: "请输入您的姓名",
|
||
size: "large"
|
||
}, null, _parent7, _scopeId6));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).name,
|
||
"onUpdate:value": ($event) => unref(form).name = $event,
|
||
placeholder: "请输入您的姓名",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent6, _scopeId5));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_form_item, {
|
||
label: "姓名",
|
||
name: "name"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).name,
|
||
"onUpdate:value": ($event) => unref(form).name = $event,
|
||
placeholder: "请输入您的姓名",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent5, _scopeId4));
|
||
_push5(ssrRenderComponent(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
|
||
if (_push6) {
|
||
_push6(ssrRenderComponent(_component_a_form_item, {
|
||
label: "联系电话",
|
||
name: "phone"
|
||
}, {
|
||
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
|
||
if (_push7) {
|
||
_push7(ssrRenderComponent(_component_a_input, {
|
||
value: unref(form).phone,
|
||
"onUpdate:value": ($event) => unref(form).phone = $event,
|
||
placeholder: "请输入联系电话",
|
||
size: "large"
|
||
}, null, _parent7, _scopeId6));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).phone,
|
||
"onUpdate:value": ($event) => unref(form).phone = $event,
|
||
placeholder: "请输入联系电话",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent6, _scopeId5));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_form_item, {
|
||
label: "联系电话",
|
||
name: "phone"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).phone,
|
||
"onUpdate:value": ($event) => unref(form).phone = $event,
|
||
placeholder: "请输入联系电话",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent5, _scopeId4));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "姓名",
|
||
name: "name"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).name,
|
||
"onUpdate:value": ($event) => unref(form).name = $event,
|
||
placeholder: "请输入您的姓名",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "联系电话",
|
||
name: "phone"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).phone,
|
||
"onUpdate:value": ($event) => unref(form).phone = $event,
|
||
placeholder: "请输入联系电话",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent4, _scopeId3));
|
||
_push4(ssrRenderComponent(_component_a_row, { gutter: 16 }, {
|
||
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
||
if (_push5) {
|
||
_push5(ssrRenderComponent(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
|
||
if (_push6) {
|
||
_push6(ssrRenderComponent(_component_a_form_item, {
|
||
label: "单位/组织",
|
||
name: "organization"
|
||
}, {
|
||
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
|
||
if (_push7) {
|
||
_push7(ssrRenderComponent(_component_a_input, {
|
||
value: unref(form).organization,
|
||
"onUpdate:value": ($event) => unref(form).organization = $event,
|
||
placeholder: "请输入单位或组织名称",
|
||
size: "large"
|
||
}, null, _parent7, _scopeId6));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).organization,
|
||
"onUpdate:value": ($event) => unref(form).organization = $event,
|
||
placeholder: "请输入单位或组织名称",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent6, _scopeId5));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_form_item, {
|
||
label: "单位/组织",
|
||
name: "organization"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).organization,
|
||
"onUpdate:value": ($event) => unref(form).organization = $event,
|
||
placeholder: "请输入单位或组织名称",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent5, _scopeId4));
|
||
_push5(ssrRenderComponent(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
|
||
if (_push6) {
|
||
_push6(ssrRenderComponent(_component_a_form_item, {
|
||
label: "咨询类型",
|
||
name: "type"
|
||
}, {
|
||
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
|
||
if (_push7) {
|
||
_push7(ssrRenderComponent(_component_a_select, {
|
||
value: unref(form).type,
|
||
"onUpdate:value": ($event) => unref(form).type = $event,
|
||
placeholder: "请选择咨询类型",
|
||
size: "large"
|
||
}, {
|
||
default: withCtx((_7, _push8, _parent8, _scopeId7) => {
|
||
if (_push8) {
|
||
_push8(ssrRenderComponent(_component_a_select_option, { value: "consult" }, {
|
||
default: withCtx((_8, _push9, _parent9, _scopeId8) => {
|
||
if (_push9) {
|
||
_push9(`咨询服务`);
|
||
} else {
|
||
return [
|
||
createTextVNode("咨询服务")
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent8, _scopeId7));
|
||
_push8(ssrRenderComponent(_component_a_select_option, { value: "expert" }, {
|
||
default: withCtx((_8, _push9, _parent9, _scopeId8) => {
|
||
if (_push9) {
|
||
_push9(`专家申请`);
|
||
} else {
|
||
return [
|
||
createTextVNode("专家申请")
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent8, _scopeId7));
|
||
_push8(ssrRenderComponent(_component_a_select_option, { value: "member" }, {
|
||
default: withCtx((_8, _push9, _parent9, _scopeId8) => {
|
||
if (_push9) {
|
||
_push9(`会员申请`);
|
||
} else {
|
||
return [
|
||
createTextVNode("会员申请")
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent8, _scopeId7));
|
||
_push8(ssrRenderComponent(_component_a_select_option, { value: "cooperation" }, {
|
||
default: withCtx((_8, _push9, _parent9, _scopeId8) => {
|
||
if (_push9) {
|
||
_push9(`商务合作`);
|
||
} else {
|
||
return [
|
||
createTextVNode("商务合作")
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent8, _scopeId7));
|
||
_push8(ssrRenderComponent(_component_a_select_option, { value: "other" }, {
|
||
default: withCtx((_8, _push9, _parent9, _scopeId8) => {
|
||
if (_push9) {
|
||
_push9(`其他`);
|
||
} else {
|
||
return [
|
||
createTextVNode("其他")
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent8, _scopeId7));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_select_option, { value: "consult" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("咨询服务")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "expert" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("专家申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "member" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("会员申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "cooperation" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("商务合作")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "other" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("其他")
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent7, _scopeId6));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_select, {
|
||
value: unref(form).type,
|
||
"onUpdate:value": ($event) => unref(form).type = $event,
|
||
placeholder: "请选择咨询类型",
|
||
size: "large"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select_option, { value: "consult" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("咨询服务")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "expert" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("专家申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "member" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("会员申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "cooperation" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("商务合作")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "other" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("其他")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["value", "onUpdate:value"])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent6, _scopeId5));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_form_item, {
|
||
label: "咨询类型",
|
||
name: "type"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select, {
|
||
value: unref(form).type,
|
||
"onUpdate:value": ($event) => unref(form).type = $event,
|
||
placeholder: "请选择咨询类型",
|
||
size: "large"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select_option, { value: "consult" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("咨询服务")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "expert" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("专家申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "member" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("会员申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "cooperation" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("商务合作")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "other" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("其他")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent5, _scopeId4));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "单位/组织",
|
||
name: "organization"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).organization,
|
||
"onUpdate:value": ($event) => unref(form).organization = $event,
|
||
placeholder: "请输入单位或组织名称",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "咨询类型",
|
||
name: "type"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select, {
|
||
value: unref(form).type,
|
||
"onUpdate:value": ($event) => unref(form).type = $event,
|
||
placeholder: "请选择咨询类型",
|
||
size: "large"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select_option, { value: "consult" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("咨询服务")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "expert" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("专家申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "member" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("会员申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "cooperation" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("商务合作")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "other" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("其他")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent4, _scopeId3));
|
||
_push4(ssrRenderComponent(_component_a_form_item, {
|
||
label: "咨询内容",
|
||
name: "content"
|
||
}, {
|
||
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
||
if (_push5) {
|
||
_push5(ssrRenderComponent(_component_a_textarea, {
|
||
value: unref(form).content,
|
||
"onUpdate:value": ($event) => unref(form).content = $event,
|
||
rows: 5,
|
||
placeholder: "请详细描述您的咨询内容...",
|
||
maxlength: 1e3,
|
||
"show-count": "",
|
||
size: "large"
|
||
}, null, _parent5, _scopeId4));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_textarea, {
|
||
value: unref(form).content,
|
||
"onUpdate:value": ($event) => unref(form).content = $event,
|
||
rows: 5,
|
||
placeholder: "请详细描述您的咨询内容...",
|
||
maxlength: 1e3,
|
||
"show-count": "",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent4, _scopeId3));
|
||
_push4(ssrRenderComponent(_component_a_form_item, null, {
|
||
default: withCtx((_4, _push5, _parent5, _scopeId4) => {
|
||
if (_push5) {
|
||
_push5(ssrRenderComponent(_component_a_space, null, {
|
||
default: withCtx((_5, _push6, _parent6, _scopeId5) => {
|
||
if (_push6) {
|
||
_push6(ssrRenderComponent(_component_a_button, {
|
||
type: "primary",
|
||
size: "large",
|
||
onClick: handleSubmit,
|
||
loading: unref(submitting)
|
||
}, {
|
||
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
|
||
if (_push7) {
|
||
_push7(` 提交咨询 `);
|
||
} else {
|
||
return [
|
||
createTextVNode(" 提交咨询 ")
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent6, _scopeId5));
|
||
_push6(ssrRenderComponent(_component_a_button, {
|
||
size: "large",
|
||
onClick: handleReset
|
||
}, {
|
||
default: withCtx((_6, _push7, _parent7, _scopeId6) => {
|
||
if (_push7) {
|
||
_push7(` 重置 `);
|
||
} else {
|
||
return [
|
||
createTextVNode(" 重置 ")
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent6, _scopeId5));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_button, {
|
||
type: "primary",
|
||
size: "large",
|
||
onClick: handleSubmit,
|
||
loading: unref(submitting)
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 提交咨询 ")
|
||
]),
|
||
_: 1
|
||
}, 8, ["loading"]),
|
||
createVNode(_component_a_button, {
|
||
size: "large",
|
||
onClick: handleReset
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 重置 ")
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent5, _scopeId4));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_space, null, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_button, {
|
||
type: "primary",
|
||
size: "large",
|
||
onClick: handleSubmit,
|
||
loading: unref(submitting)
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 提交咨询 ")
|
||
]),
|
||
_: 1
|
||
}, 8, ["loading"]),
|
||
createVNode(_component_a_button, {
|
||
size: "large",
|
||
onClick: handleReset
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 重置 ")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent4, _scopeId3));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_row, { gutter: 16 }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "姓名",
|
||
name: "name"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).name,
|
||
"onUpdate:value": ($event) => unref(form).name = $event,
|
||
placeholder: "请输入您的姓名",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "联系电话",
|
||
name: "phone"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).phone,
|
||
"onUpdate:value": ($event) => unref(form).phone = $event,
|
||
placeholder: "请输入联系电话",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_row, { gutter: 16 }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "单位/组织",
|
||
name: "organization"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).organization,
|
||
"onUpdate:value": ($event) => unref(form).organization = $event,
|
||
placeholder: "请输入单位或组织名称",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "咨询类型",
|
||
name: "type"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select, {
|
||
value: unref(form).type,
|
||
"onUpdate:value": ($event) => unref(form).type = $event,
|
||
placeholder: "请选择咨询类型",
|
||
size: "large"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select_option, { value: "consult" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("咨询服务")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "expert" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("专家申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "member" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("会员申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "cooperation" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("商务合作")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "other" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("其他")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_form_item, {
|
||
label: "咨询内容",
|
||
name: "content"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_textarea, {
|
||
value: unref(form).content,
|
||
"onUpdate:value": ($event) => unref(form).content = $event,
|
||
rows: 5,
|
||
placeholder: "请详细描述您的咨询内容...",
|
||
maxlength: 1e3,
|
||
"show-count": "",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_form_item, null, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_space, null, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_button, {
|
||
type: "primary",
|
||
size: "large",
|
||
onClick: handleSubmit,
|
||
loading: unref(submitting)
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 提交咨询 ")
|
||
]),
|
||
_: 1
|
||
}, 8, ["loading"]),
|
||
createVNode(_component_a_button, {
|
||
size: "large",
|
||
onClick: handleReset
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 重置 ")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent3, _scopeId2));
|
||
_push3(`<div class="form-tip" data-v-f1d248a8${_scopeId2}> 💡 温馨提示：我们将在1-3个工作日内回复您的咨询，如有紧急事项请直接电话联系。 </div></div>`);
|
||
} else {
|
||
return [
|
||
createVNode("div", { class: "contact-form-panel" }, [
|
||
createVNode("h2", { class: "form-title" }, "在线咨询"),
|
||
createVNode("p", { class: "form-desc" }, "请填写您的咨询内容，我们将尽快与您联系"),
|
||
createVNode(_component_a_form, {
|
||
layout: "vertical",
|
||
model: unref(form),
|
||
rules,
|
||
class: "contact-form"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_row, { gutter: 16 }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "姓名",
|
||
name: "name"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).name,
|
||
"onUpdate:value": ($event) => unref(form).name = $event,
|
||
placeholder: "请输入您的姓名",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "联系电话",
|
||
name: "phone"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).phone,
|
||
"onUpdate:value": ($event) => unref(form).phone = $event,
|
||
placeholder: "请输入联系电话",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_row, { gutter: 16 }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "单位/组织",
|
||
name: "organization"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).organization,
|
||
"onUpdate:value": ($event) => unref(form).organization = $event,
|
||
placeholder: "请输入单位或组织名称",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "咨询类型",
|
||
name: "type"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select, {
|
||
value: unref(form).type,
|
||
"onUpdate:value": ($event) => unref(form).type = $event,
|
||
placeholder: "请选择咨询类型",
|
||
size: "large"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select_option, { value: "consult" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("咨询服务")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "expert" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("专家申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "member" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("会员申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "cooperation" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("商务合作")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "other" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("其他")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_form_item, {
|
||
label: "咨询内容",
|
||
name: "content"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_textarea, {
|
||
value: unref(form).content,
|
||
"onUpdate:value": ($event) => unref(form).content = $event,
|
||
rows: 5,
|
||
placeholder: "请详细描述您的咨询内容...",
|
||
maxlength: 1e3,
|
||
"show-count": "",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_form_item, null, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_space, null, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_button, {
|
||
type: "primary",
|
||
size: "large",
|
||
onClick: handleSubmit,
|
||
loading: unref(submitting)
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 提交咨询 ")
|
||
]),
|
||
_: 1
|
||
}, 8, ["loading"]),
|
||
createVNode(_component_a_button, {
|
||
size: "large",
|
||
onClick: handleReset
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 重置 ")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["model"]),
|
||
createVNode("div", { class: "form-tip" }, " 💡 温馨提示：我们将在1-3个工作日内回复您的咨询，如有紧急事项请直接电话联系。 ")
|
||
])
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent2, _scopeId));
|
||
} else {
|
||
return [
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 8
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode("div", { class: "contact-info" }, [
|
||
createVNode("h2", { class: "info-title" }, "联系信息"),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "📍"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "办公地址"),
|
||
createVNode("div", { class: "info-value" }, "广西·南宁·良庆区 五象大道401号 五象航洋城3号楼")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "📞"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "联系电话"),
|
||
createVNode("div", { class: "info-value" }, "0771-5386339")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "📧"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "电子邮箱"),
|
||
createVNode("div", { class: "info-value" }, "gxjzxzx@126.com")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "⏰"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "服务时间"),
|
||
createVNode("div", { class: "info-value" }, "周一至周五 9:00-17:00")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-item" }, [
|
||
createVNode("div", { class: "info-icon" }, "📮"),
|
||
createVNode("div", { class: "info-content" }, [
|
||
createVNode("div", { class: "info-label" }, "邮政编码"),
|
||
createVNode("div", { class: "info-value" }, "530200")
|
||
])
|
||
]),
|
||
createVNode("div", { class: "info-divider" }),
|
||
createVNode("div", { class: "social-section" }, [
|
||
createVNode("div", { class: "social-title" }, "关注我们"),
|
||
createVNode("div", { class: "social-items" }, [
|
||
createVNode(_component_a_tooltip, { title: "微信公众号" }, {
|
||
default: withCtx(() => [
|
||
createVNode("div", { class: "social-item" }, "📱")
|
||
]),
|
||
_: 1
|
||
})
|
||
])
|
||
])
|
||
])
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 16
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode("div", { class: "contact-form-panel" }, [
|
||
createVNode("h2", { class: "form-title" }, "在线咨询"),
|
||
createVNode("p", { class: "form-desc" }, "请填写您的咨询内容，我们将尽快与您联系"),
|
||
createVNode(_component_a_form, {
|
||
layout: "vertical",
|
||
model: unref(form),
|
||
rules,
|
||
class: "contact-form"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_row, { gutter: 16 }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "姓名",
|
||
name: "name"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).name,
|
||
"onUpdate:value": ($event) => unref(form).name = $event,
|
||
placeholder: "请输入您的姓名",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "联系电话",
|
||
name: "phone"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).phone,
|
||
"onUpdate:value": ($event) => unref(form).phone = $event,
|
||
placeholder: "请输入联系电话",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_row, { gutter: 16 }, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "单位/组织",
|
||
name: "organization"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_input, {
|
||
value: unref(form).organization,
|
||
"onUpdate:value": ($event) => unref(form).organization = $event,
|
||
placeholder: "请输入单位或组织名称",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_col, {
|
||
xs: 24,
|
||
md: 12
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_form_item, {
|
||
label: "咨询类型",
|
||
name: "type"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select, {
|
||
value: unref(form).type,
|
||
"onUpdate:value": ($event) => unref(form).type = $event,
|
||
placeholder: "请选择咨询类型",
|
||
size: "large"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_select_option, { value: "consult" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("咨询服务")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "expert" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("专家申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "member" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("会员申请")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "cooperation" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("商务合作")
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_select_option, { value: "other" }, {
|
||
default: withCtx(() => [
|
||
createTextVNode("其他")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_form_item, {
|
||
label: "咨询内容",
|
||
name: "content"
|
||
}, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_textarea, {
|
||
value: unref(form).content,
|
||
"onUpdate:value": ($event) => unref(form).content = $event,
|
||
rows: 5,
|
||
placeholder: "请详细描述您的咨询内容...",
|
||
maxlength: 1e3,
|
||
"show-count": "",
|
||
size: "large"
|
||
}, null, 8, ["value", "onUpdate:value"])
|
||
]),
|
||
_: 1
|
||
}),
|
||
createVNode(_component_a_form_item, null, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_space, null, {
|
||
default: withCtx(() => [
|
||
createVNode(_component_a_button, {
|
||
type: "primary",
|
||
size: "large",
|
||
onClick: handleSubmit,
|
||
loading: unref(submitting)
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 提交咨询 ")
|
||
]),
|
||
_: 1
|
||
}, 8, ["loading"]),
|
||
createVNode(_component_a_button, {
|
||
size: "large",
|
||
onClick: handleReset
|
||
}, {
|
||
default: withCtx(() => [
|
||
createTextVNode(" 重置 ")
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
})
|
||
]),
|
||
_: 1
|
||
}, 8, ["model"]),
|
||
createVNode("div", { class: "form-tip" }, " 💡 温馨提示：我们将在1-3个工作日内回复您的咨询，如有紧急事项请直接电话联系。 ")
|
||
])
|
||
]),
|
||
_: 1
|
||
})
|
||
];
|
||
}
|
||
}),
|
||
_: 1
|
||
}, _parent));
|
||
_push(`</div></div>`);
|
||
};
|
||
}
|
||
});
|
||
const _sfc_setup = _sfc_main.setup;
|
||
_sfc_main.setup = (props, ctx) => {
|
||
const ssrContext = useSSRContext();
|
||
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/contact.vue");
|
||
return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
|
||
};
|
||
const contact = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1d248a8"]]);
|
||
|
||
export { contact as default };
|
||
//# sourceMappingURL=contact-BpH_I62G.mjs.map
|