comclib
c02029a5f3
- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
108 lines
11 KiB
JavaScript
108 lines
11 KiB
JavaScript
import { defineComponent, mergeProps, unref, useSSRContext } from "vue";
|
|
import { ssrRenderAttrs, ssrRenderAttr, ssrIncludeBooleanAttr, ssrLooseContain, ssrLooseEqual, ssrRenderList, ssrInterpolate, ssrRenderComponent } from "vue/server-renderer";
|
|
import { u as useLeadForm } from "./useLeadForm-hNHTDEhY.js";
|
|
import { u as useSeo } from "./useSeo-BkcZp48C.js";
|
|
import "../server.mjs";
|
|
import "/home/akoo/居家服务/hss-home-service/website/node_modules/ofetch/dist/node.mjs";
|
|
import "#internal/nuxt/paths";
|
|
import "/home/akoo/居家服务/hss-home-service/website/node_modules/hookable/dist/index.mjs";
|
|
import "/home/akoo/居家服务/hss-home-service/website/node_modules/unctx/dist/index.mjs";
|
|
import "/home/akoo/居家服务/hss-home-service/website/node_modules/h3/dist/index.mjs";
|
|
import "vue-router";
|
|
import "/home/akoo/居家服务/hss-home-service/website/node_modules/defu/dist/defu.mjs";
|
|
import "/home/akoo/居家服务/hss-home-service/website/node_modules/ufo/dist/index.mjs";
|
|
import "./v3-eWcT6REp.js";
|
|
import "/home/akoo/居家服务/hss-home-service/website/node_modules/@unhead/vue/dist/index.mjs";
|
|
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
__name: "DemoForm",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const { form, loading, success, error } = useLeadForm("demo");
|
|
const focusAreas = ["政府监管", "医院延续护理", "养老机构上门服务", "社区居家照护", "长护险管理", "其他"];
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
_push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-lg mx-auto" }, _attrs))}>`);
|
|
if (!unref(success)) {
|
|
_push(`<form class="space-y-5"><div><label class="block text-sm font-medium mb-1 text-left">姓名 <span class="text-red-500">*</span></label><input${ssrRenderAttr("value", unref(form).name)} class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none transition-all" placeholder="您的姓名"></div><div><label class="block text-sm font-medium mb-1 text-left">单位名称 <span class="text-red-500">*</span></label><input${ssrRenderAttr("value", unref(form).orgName)} class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none transition-all" placeholder="您所在的单位"></div><div><label class="block text-sm font-medium mb-1 text-left">职务</label><input${ssrRenderAttr("value", unref(form).position)} class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none transition-all" placeholder="您的职务/角色"></div><div><label class="block text-sm font-medium mb-1 text-left">手机号 <span class="text-red-500">*</span></label><input${ssrRenderAttr("value", unref(form).phone)} type="tel" class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none transition-all" placeholder="您的手机号"></div><div><label class="block text-sm font-medium mb-1 text-left">所在城市</label><input${ssrRenderAttr("value", unref(form).city)} class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none transition-all" placeholder="城市"></div><div><label class="block text-sm font-medium mb-1 text-left">关注方向</label><select class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none transition-all"><option value=""${ssrIncludeBooleanAttr(Array.isArray(unref(form).focusArea) ? ssrLooseContain(unref(form).focusArea, "") : ssrLooseEqual(unref(form).focusArea, "")) ? " selected" : ""}>请选择</option><!--[-->`);
|
|
ssrRenderList(focusAreas, (a) => {
|
|
_push(`<option${ssrRenderAttr("value", a)}${ssrIncludeBooleanAttr(Array.isArray(unref(form).focusArea) ? ssrLooseContain(unref(form).focusArea, a) : ssrLooseEqual(unref(form).focusArea, a)) ? " selected" : ""}>${ssrInterpolate(a)}</option>`);
|
|
});
|
|
_push(`<!--]--></select></div><div><label class="block text-sm font-medium mb-1 text-left">留言需求</label><textarea rows="3" class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none transition-all resize-none" placeholder="请简要描述您的需求">${ssrInterpolate(unref(form).message)}</textarea></div>`);
|
|
if (unref(error)) {
|
|
_push(`<p class="text-red-500 text-sm">${ssrInterpolate(unref(error))}</p>`);
|
|
} else {
|
|
_push(`<!---->`);
|
|
}
|
|
_push(`<button type="submit"${ssrIncludeBooleanAttr(unref(loading)) ? " disabled" : ""} class="w-full px-6 py-3 bg-cta text-white rounded-xl font-semibold hover:bg-cta-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed">${ssrInterpolate(unref(loading) ? "提交中..." : "提交预约")}</button></form>`);
|
|
} else {
|
|
_push(`<div class="text-center py-12"><div class="w-16 h-16 mx-auto mb-4 rounded-full bg-green-100 text-green-500 flex items-center justify-center"><svg class="w-10 h-10" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><h3 class="text-2xl font-bold mb-2">提交成功</h3><p class="text-text-secondary">感谢您的关注，我们将尽快与您联系。</p></div>`);
|
|
}
|
|
_push(`</div>`);
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup$2 = _sfc_main$2.setup;
|
|
_sfc_main$2.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/DemoForm.vue");
|
|
return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
|
|
};
|
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
__name: "ContactForm",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
const { form, loading, success, error } = useLeadForm("contact");
|
|
const coopTypes = ["政府项目", "医院合作", "养老机构合作", "社区服务", "技术合作", "其他"];
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
_push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-lg mx-auto" }, _attrs))}>`);
|
|
if (!unref(success)) {
|
|
_push(`<form class="space-y-5"><div class="grid sm:grid-cols-2 gap-5"><div><label class="block text-sm font-medium mb-1 text-left">姓名 <span class="text-red-500">*</span></label><input${ssrRenderAttr("value", unref(form).name)} class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none" placeholder="您的姓名"></div><div><label class="block text-sm font-medium mb-1 text-left">单位名称 <span class="text-red-500">*</span></label><input${ssrRenderAttr("value", unref(form).orgName)} class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none" placeholder="您所在的单位"></div></div><div><label class="block text-sm font-medium mb-1 text-left">手机号 <span class="text-red-500">*</span></label><input${ssrRenderAttr("value", unref(form).phone)} type="tel" class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none" placeholder="您的手机号"></div><div><label class="block text-sm font-medium mb-1 text-left">合作类型</label><select class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none"><option value=""${ssrIncludeBooleanAttr(Array.isArray(unref(form).contact) ? ssrLooseContain(unref(form).contact, "") : ssrLooseEqual(unref(form).contact, "")) ? " selected" : ""}>请选择</option><!--[-->`);
|
|
ssrRenderList(coopTypes, (t) => {
|
|
_push(`<option${ssrRenderAttr("value", t)}${ssrIncludeBooleanAttr(Array.isArray(unref(form).contact) ? ssrLooseContain(unref(form).contact, t) : ssrLooseEqual(unref(form).contact, t)) ? " selected" : ""}>${ssrInterpolate(t)}</option>`);
|
|
});
|
|
_push(`<!--]--></select></div><div><label class="block text-sm font-medium mb-1 text-left">需求描述</label><textarea rows="4" class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-primary focus:ring-2 focus:ring-primary-50 outline-none resize-none" placeholder="请描述您的合作需求">${ssrInterpolate(unref(form).message)}</textarea></div>`);
|
|
if (unref(error)) {
|
|
_push(`<p class="text-red-500 text-sm">${ssrInterpolate(unref(error))}</p>`);
|
|
} else {
|
|
_push(`<!---->`);
|
|
}
|
|
_push(`<button type="submit"${ssrIncludeBooleanAttr(unref(loading)) ? " disabled" : ""} class="w-full px-6 py-3 bg-cta text-white rounded-xl font-semibold hover:bg-cta-700 transition-colors disabled:opacity-50">${ssrInterpolate(unref(loading) ? "提交中..." : "提交咨询")}</button></form>`);
|
|
} else {
|
|
_push(`<div class="text-center py-12"><div class="w-16 h-16 mx-auto mb-4 rounded-full bg-green-100 text-green-500 flex items-center justify-center"><svg class="w-10 h-10" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><h3 class="text-2xl font-bold mb-2">提交成功</h3><p class="text-text-secondary">感谢您的咨询，我们将尽快与您联系。</p></div>`);
|
|
}
|
|
_push(`</div>`);
|
|
};
|
|
}
|
|
});
|
|
const _sfc_setup$1 = _sfc_main$1.setup;
|
|
_sfc_main$1.setup = (props, ctx) => {
|
|
const ssrContext = useSSRContext();
|
|
(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ContactForm.vue");
|
|
return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
|
|
};
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "contact",
|
|
__ssrInlineRender: true,
|
|
setup(__props) {
|
|
useSeo({ title: "联系我们", description: "预约演示、获取方案、合作咨询。填写表单，我们将尽快与您联系。" });
|
|
return (_ctx, _push, _parent, _attrs) => {
|
|
const _component_DemoForm = _sfc_main$2;
|
|
const _component_ContactForm = _sfc_main$1;
|
|
_push(`<!--[--><section class="py-20 bg-gradient-to-br from-primary-700 to-primary-900 text-white"><div class="section-container text-center"><h1 class="text-4xl md:text-5xl font-bold mb-4">联系我们</h1><p class="text-xl text-blue-100 max-w-2xl mx-auto">预约演示、获取方案或合作咨询</p></div></section><section class="py-20 bg-surface"><div class="section-container"><div class="grid lg:grid-cols-2 gap-16 items-start"><div><h2 class="text-2xl font-bold mb-6">预约演示</h2><p class="text-text-secondary mb-8">填写表单，我们的产品顾问将在 1 个工作日内与您联系，为您安排专属演示。</p>`);
|
|
_push(ssrRenderComponent(_component_DemoForm, null, null, _parent));
|
|
_push(`</div><div><h2 class="text-2xl font-bold mb-6">合作咨询</h2><p class="text-text-secondary mb-8">如果您有政府项目合作、医院对接、机构采购或其他合作需求，请填写下方表单。</p>`);
|
|
_push(ssrRenderComponent(_component_ContactForm, null, null, _parent));
|
|
_push(`</div></div></div></section><!--]-->`);
|
|
};
|
|
}
|
|
});
|
|
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;
|
|
};
|
|
export {
|
|
_sfc_main as default
|
|
};
|
|
//# sourceMappingURL=contact-ERUzdvQx.js.map
|