+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("password.title") }}
+ 
+
+
+
+
-
-
-
-
-
-
- 这里是预览文字 (This is preview text)
-
-
-
-
-
-
-
+
+
+
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t("btn.upload") }}
-
-
-
-
-
- {{ $t("common.cancel") }}
- {{ $t("common.save") }}
-
-
+ mode="edit"
+ :hospitals="hospitals"
+ :order-data="detail"
+ :submitting="editSubmitting"
+ @submit="onEditSubmit"
+ />
@@ -811,119 +303,4 @@ onBeforeUnmount(() => {
margin: 0 auto;
object-fit: contain;
}
-
-.rich-editor {
- width: 100%;
- background: #fff;
- border-radius: 4px;
- // 用 box-shadow 模拟边框，避免 wangEditor 内部元素覆盖 border
- // box-shadow: 0 0 0 1px #dcdfe6 inset;
- border: 1px solid #dcdfe6;
- overflow: hidden;
-}
-.rich-editor :deep(.w-e-toolbar) {
- background: #fafafa;
- border-bottom: 1px solid #dcdfe6;
-}
-.rich-editor :deep(.w-e-text-container) {
- background: #fff;
-}
-// 标题 + 颜色标签
-.title-row {
- display: flex;
- align-items: center;
- gap: 12px;
- width: 100%;
-}
-.title-row .el-input {
- flex: 1;
-}
-// 优先级 + 反馈渠道同一行展示
-.inline-row {
- display: flex;
- flex-wrap: nowrap;
- align-items: center;
- gap: 0 24px;
- width: 100%;
-}
-.inline-row .inline-item {
- flex: 1 1 0;
- min-width: 0;
- margin-bottom: 0 !important;
-}
-.inline-row .inline-item :deep(.el-form-item__content) {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
-}
-.color-tag-picker {
- position: relative;
- flex-shrink: 0;
-}
-.color-tag-preview {
- width: 28px;
- height: 28px;
- border-radius: 6px;
- cursor: pointer;
- border: 2px solid #fff;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
- transition:
- transform 0.2s ease,
- box-shadow 0.2s ease;
-}
-.color-tag-preview:hover {
- transform: scale(1.08);
-}
-.color-tag-preview.is-empty {
- background-image: linear-gradient(
- 135deg,
- #f5f5f5 25%,
- transparent 25%,
- transparent 50%,
- #f5f5f5 50%,
- #f5f5f5 75%,
- transparent 75%
- );
- background-size: 8px 8px;
- box-shadow: 0 0 0 1px #dcdfe6;
-}
-.color-tag-dropdown {
- position: absolute;
- top: calc(100% + 8px);
- left: 0;
- z-index: 10;
- background: #fff;
- border-radius: 10px;
- padding: 12px 14px;
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
- min-width: 180px;
-}
-.color-tag-title {
- font-size: 13px;
- font-weight: 600;
- color: #333;
- margin-bottom: 10px;
-}
-.color-tag-options {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
-}
-.color-tag-option {
- width: 24px;
- height: 24px;
- border-radius: 6px;
- cursor: pointer;
- border: 2px solid transparent;
- transition:
- transform 0.2s ease,
- border-color 0.2s ease;
-}
-.color-tag-option:hover {
- transform: scale(1.12);
-}
-.color-tag-option.active {
- border-color: #1890ff;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
-}
diff --git a/src/views/admin/orders/list.vue b/src/views/admin/orders/list.vue
index ba68015..f3eb8f1 100644
--- a/src/views/admin/orders/list.vue
+++ b/src/views/admin/orders/list.vue
@@ -1,425 +1,162 @@
{{ currentTitle }}
-
-
-
- 修改密码
- 更换主题
- 退出登录
-
+
-
-
+
- 管
- {{ userStore.userInfo?.name || userStore.userInfo?.userName || '管理员' }}
-
-
-
+
+
+
+
+ ![]()
+
+
+
+
+ {{ item.title }}
-
+
+
+
+
+
-
+
+ 
+ 快速提交
+
-
+
+ 快速提交
+
+
+
+ 修改密码
+ 更换主题
+ 退出登录
+
+
+
+
+
+
+ {{
+ userStore.userInfo?.name ||
+ userStore.userInfo?.userName ||
+ "管理员"
+ }}
+
+
+
+
+
-
-
-
-
-
-
-
-
-
diff --git a/src/components/navBar/NavBarMenuItem.vue b/src/components/navBar/NavBarMenuItem.vue
deleted file mode 100644
index cacf35a..0000000
--- a/src/components/navBar/NavBarMenuItem.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/themeSwitch/CustomColorPicker.vue b/src/components/themeSwitch/CustomColorPicker.vue
deleted file mode 100644
index 4dcee8f..0000000
--- a/src/components/themeSwitch/CustomColorPicker.vue
+++ /dev/null
@@ -1,363 +0,0 @@
-
-
- 取消
- 确认
-
-
-
-
-
-
-
-
diff --git a/src/composables/useLanguage.js b/src/composables/useLanguage.js
deleted file mode 100644
index 4fd484d..0000000
--- a/src/composables/useLanguage.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import { ref, computed } from "vue";
-import { useI18n } from "vue-i18n";
-import { useLangStore } from "@/stores/lang";
-
-const LANG_OPTIONS = [
- { value: "zhCN", label: "中文(简体)" },
- { value: "zhTW", label: "中文(繁體)" },
- { value: "enUS", label: "English" },
-];
-
-const LANG_MAP = {
- zhCN: "中文(简体)",
- zhTW: "中文(繁體)",
- enUS: "English",
-};
-
-export function useLanguage() {
- const store = useLangStore();
- const { locale } = useI18n();
-
- const currentLangKey = ref(
- store.language || localStorage.getItem("lang") || "zhCN",
- );
-
- const currentLangValue = computed({
- get: () => LANG_MAP[currentLangKey.value],
- set: (lang) => changeLang(lang),
- });
-
- const changeLang = (lang) => {
- if (!lang || currentLangKey.value === lang) return;
- currentLangKey.value = lang;
- locale.value = lang;
- try {
- store.changeLang(lang);
- } catch (error) {
- console.warn("change language failed:", error);
- }
- // 如果你框架有全局通知微应用可以发事件
- // window.dispatchEvent(new CustomEvent('app-lang-change', { detail: lang }))
- };
-
- return {
- langOptions: LANG_OPTIONS,
- currentLang: currentLangValue,
- currentLangKey,
- changeLang,
- };
-}
diff --git a/src/composables/useRouteSync.js b/src/composables/useRouteSync.js
deleted file mode 100644
index f3b4c3b..0000000
--- a/src/composables/useRouteSync.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { watch } from 'vue'
-import { useRoute } from 'vue-router'
-import { useRouteStore } from '@/stores/route'
-
-export const useRouteSync = () => {
- const route = useRoute()
- const routeStore = useRouteStore()
-
- watch(
- () => route.path,
- (newPath) => {
- routeStore.setCurrentPath(newPath)
- },
- { immediate: true },
- )
-
- return routeStore
-}
diff --git a/src/i18n/lang/en-US.js b/src/i18n/lang/en-US.js
index b857964..36b39a4 100644
--- a/src/i18n/lang/en-US.js
+++ b/src/i18n/lang/en-US.js
@@ -317,7 +317,7 @@ export default {
theme: {
blue: 'Cosmic Blue',
purple: 'Orbital Purple',
- green: 'Mountain Green',
+ red: 'Gilded Rose',
title: 'Change Theme',
},
// Language
diff --git a/src/i18n/lang/zh-CN.js b/src/i18n/lang/zh-CN.js
index 253878c..55a9ab3 100644
--- a/src/i18n/lang/zh-CN.js
+++ b/src/i18n/lang/zh-CN.js
@@ -319,7 +319,7 @@ export default {
theme: {
blue: "穹宇蓝",
purple: "星轨紫",
- green: "青峦绿",
+ red: "流金粉",
title: "更换主题",
},
// 语言
diff --git a/src/i18n/lang/zh-TW.js b/src/i18n/lang/zh-TW.js
index f5c15e3..e9fbe9b 100644
--- a/src/i18n/lang/zh-TW.js
+++ b/src/i18n/lang/zh-TW.js
@@ -317,7 +317,7 @@ export default {
theme: {
blue: '穹宇藍',
purple: '星軌紫',
- green: '青巒綠',
+ red: '流金粉',
title: '更換主題',
},
// 语言
diff --git a/src/router/route.js b/src/router/route.js
index 469bbe4..ea00f25 100644
--- a/src/router/route.js
+++ b/src/router/route.js
@@ -36,54 +36,42 @@ export const constantRoutes = [
component: () => import("@/views/hospital/orders/detail.vue"),
meta: { title: "工单详情", hidden: true },
},
- {
- path: "orders/quick",
- name: "HospitalOrderQuick",
- component: () => import("@/views/hospital/orders/quick.vue"),
- meta: { title: "快速提交", icon: "EditPen" },
- },
- {
- path: "orders/edit/:id",
- name: "HospitalOrderEdit",
- component: () => import("@/views/hospital/orders/quick.vue"),
- meta: { title: "编辑工单", hidden: true },
- },
{
path: "points",
name: "HospitalPoints",
component: () => import("@/views/hospital/points.vue"),
meta: { title: "我的积分", icon: "Coin" },
},
- {
- path: "password",
- name: "HospitalPassword",
- component: () => import("@/views/hospital/password.vue"),
- meta: { title: "修改密码", hidden: true },
- },
+ // {
+ // path: "password",
+ // name: "HospitalPassword",
+ // component: () => import("@/views/hospital/password.vue"),
+ // meta: { title: "修改密码", hidden: true },
+ // },
],
},
- // ========== 管理端（侧边栏布局） ==========
+ // ========== 管理端（顶部水平菜单布局） ==========
{
path: "/admin",
component: RouterViewWrapper,
redirect: "/admin/orders",
meta: { title: "管理端", layoutType: "admin", role: "Admin" },
children: [
- // 工单管理 → 服务工单
+ // 服务工单
{
path: "orders",
name: "AdminOrders",
component: () => import("@/views/admin/orders/list.vue"),
- meta: { title: "服务工单", icon: "Tickets", group: "工单管理" },
+ meta: { title: "服务工单", icon: "admin-router-fuwu-gd" },
+ },
+ // 服务报告（必须在 orders/detail/:id 之前声明，避免被动态路由抢占）
+ {
+ path: "orders/report",
+ name: "AdminOrderReport",
+ component: () => import("@/views/admin/orders/report.vue"),
+ meta: { title: "服务报告", icon: "admin-router-fuwu-bg" },
},
- // 工单管理 → 服务报告
- // {
- // path: "orders/report",
- // name: "AdminOrderReport",
- // component: () => import("@/views/admin/orders/report.vue"),
- // meta: { title: "服务报告", icon: "DataAnalysis", group: "工单管理" },
- // },
{
path: "orders/detail/:id",
name: "AdminOrderDetail",
@@ -96,20 +84,20 @@ export const constantRoutes = [
component: () => import("@/views/admin/orders/process.vue"),
meta: { title: "处理工单", hidden: true },
},
- // 客户管理 → 医院信息
+ // 医院信息
{
path: "hospitals",
name: "AdminHospitals",
component: () => import("@/views/admin/hospitals/list.vue"),
- meta: { title: "医院信息", icon: "OfficeBuilding", group: "客户管理" },
+ meta: { title: "医院信息", icon: "admin-router-yiyuan-xx" },
+ },
+ // 客户服务（必须在 hospitals/detail/:id 之前声明）
+ {
+ path: "hospitals/service",
+ name: "AdminHospitalService",
+ component: () => import("@/views/admin/hospitals/service.vue"),
+ meta: { title: "客户服务", icon: "admin-router-kehu-fw" },
},
- // 客户管理 → 客户服务
- // {
- // path: "hospitals/service",
- // name: "AdminHospitalService",
- // component: () => import("@/views/admin/hospitals/service.vue"),
- // meta: { title: "客户服务", icon: "Service", group: "客户管理" },
- // },
{
path: "hospitals/detail/:id",
name: "AdminHospitalDetail",
@@ -122,26 +110,19 @@ export const constantRoutes = [
component: () => import("@/views/admin/hospitals/edit.vue"),
meta: { title: "编辑医院", hidden: true },
},
- // 绩效管理 → 客户经理积分
+ // 客户经理积分
{
path: "performance/score",
name: "AdminPerformanceScore",
component: () => import("@/views/admin/performance/score.vue"),
- meta: { title: "客户经理积分", icon: "Trophy", group: "绩效管理" },
+ meta: { title: "客户经理积分", icon: "admin-router-kehu-jljf" },
},
- // 绩效管理 → 客户分级和积分
- // {
- // path: "grades",
- // name: "AdminGrades",
- // component: () => import("@/views/admin/grades.vue"),
- // meta: { title: "客户分级和积分", icon: "Medal", group: "绩效管理" },
- // },
- // 系统管理 → 账号管理
+ // 账号管理
{
path: "accounts",
name: "AdminAccounts",
component: () => import("@/views/admin/accounts/list.vue"),
- meta: { title: "账号管理", icon: "UserFilled", group: "系统管理" },
+ meta: { title: "账号管理", icon: "admin-router-zhanghao-gl" },
},
{
path: "accounts/edit/:id?",
@@ -149,12 +130,6 @@ export const constantRoutes = [
component: () => import("@/views/admin/accounts/edit.vue"),
meta: { title: "编辑账号", hidden: true },
},
- {
- path: "password",
- name: "AdminPassword",
- component: () => import("@/views/admin/password.vue"),
- meta: { title: "修改密码", hidden: true },
- },
],
},
diff --git a/src/service/modular/shop/index.js b/src/service/modular/shop/index.js
deleted file mode 100644
index f56ebed..0000000
--- a/src/service/modular/shop/index.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import kcRequest from "@/service/request/index.js";
-
-// 获取页面列表
-export const getPageList = (data = {}) => {
- return kcRequest.request(`/ShopRenovate/GetPageList`, "get", data);
-};
-
-//创建页面
-export const createPage = (data = {}) => {
- return kcRequest.request(`/ShopRenovate/CreatePage`, "post", data);
-};
-
-//更新页面
-export const updatePage = (data = {}) => {
- return kcRequest.request(`/ShopRenovate/UpdatePage`, "post", data);
-};
-
-//删除页面
-export const deletePage = (data = {}) => {
- return kcRequest.request(`/ShopRenovate/DeletePage`, "post", data);
-};
-
-//发布页面
-export const publishPage = (data = {}) => {
- return kcRequest.request(`/ShopRenovate/PublishPage`, "post", data);
-};
-// 取消发布
-export const unpublishPage = (data = {}) => {
- return kcRequest.request(`/ShopRenovate/UnpublishPage`, "post", data);
-};
diff --git a/src/stores/fontSize/index.js b/src/stores/fontSize/index.js
deleted file mode 100644
index 623b2e3..0000000
--- a/src/stores/fontSize/index.js
+++ /dev/null
@@ -1,19 +0,0 @@
-// src/stores/fontSizeStore.js
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-
-export const useFontSizeStore = defineStore('fontSize', () => {
- const scale = ref(parseFloat(localStorage.getItem('fontScale')) || 1.2)
-
- const updateScale = (val) => {
- scale.value = val
- localStorage.setItem('fontScale', val)
- // 可以在这里动态修改全局字体大小，例如：
- document.documentElement.style.fontSize = `${16 * val}px`
- }
-
- return {
- scale,
- updateScale
- }
-})
diff --git a/src/stores/lang.js b/src/stores/lang.js
deleted file mode 100644
index 11c7433..0000000
--- a/src/stores/lang.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { defineStore } from 'pinia'
-
-export const useLangStore = defineStore('lang', {
- state: () => {
- return {
- language: localStorage.getItem('lang') || 'zhCN',
- }
- },
- actions: {
- changeLang(data) {
- this.language = data
- },
- },
- persist: {
- key: 'lang',
- storage: localStorage,
- serializer: {
- serialize: (state) => state.language,
- deserialize: (value) => ({
- language: value || 'zhCN',
- }),
- },
- },
-})
\ No newline at end of file
diff --git a/src/stores/orderDialog.js b/src/stores/orderDialog.js
new file mode 100644
index 0000000..dfa1e28
--- /dev/null
+++ b/src/stores/orderDialog.js
@@ -0,0 +1,27 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+
+/**
+ * 全局工单表单弹窗状态（用于 AdminLayout header 按钮、列表页、详情页、积分页等任意位置触发）
+ * - open() 新建模式
+ * - openEdit(id) 编辑模式
+ * - close() 关闭
+ */
+export const useOrderDialogStore = defineStore("orderDialog", () => {
+ const visible = ref(false);
+ const orderId = ref(null);
+
+ const open = () => {
+ orderId.value = null;
+ visible.value = true;
+ };
+ const openEdit = (id) => {
+ orderId.value = id;
+ visible.value = true;
+ };
+ const close = () => {
+ visible.value = false;
+ };
+
+ return { visible, orderId, open, openEdit, close };
+});
diff --git a/src/stores/route/index.js b/src/stores/route/index.js
deleted file mode 100644
index 4050f7f..0000000
--- a/src/stores/route/index.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import { computed, ref } from "vue";
-import { defineStore } from "pinia";
-import { constantRoutes } from "@/router/route";
-
-const isSidebarRoute = (route) =>
- route.path !== "/" &&
- route.meta?.layout !== false &&
- !route.meta?.hidden &&
- route.meta?.title;
-
-const buildRoutePath = (parentPath, routePath) => {
- if (routePath.startsWith("/")) {
- return routePath;
- }
-
- return parentPath ? `${parentPath}/${routePath}` : `/${routePath}`;
-};
-
-// isChild是否需要返回child
-const normalizeMenuRoute = (route, parentPath = "") => {
- const fullPath = buildRoutePath(parentPath, route.path);
- const children = (route.children || [])
- .filter((child) => child.meta?.title && !child.meta?.hidden)
- .map((child) => normalizeMenuRoute(child, fullPath));
-
- return {
- path: fullPath,
- title: route.meta?.title || "",
- iconName: route.meta?.icon || "Document",
- hidden: Boolean(route.meta?.hidden),
- children,
- };
-};
-
-export const useRouteStore = defineStore("route", () => {
- // 当前页面完整路由
- const currentPath = ref("/");
-
- // 设置当前页面完整路由
- const setCurrentPath = (path) => {
- currentPath.value = path || "/";
- };
-
- // 主路由
- const allMainRoutes = constantRoutes
- .filter(isSidebarRoute)
- .map((route) => normalizeMenuRoute(route, ""));
-
- const mainRoutes = allMainRoutes.slice(0, 8);
-
- const moreMainRoutes = allMainRoutes.slice(8);
-
- const activeMainRoute = computed(() =>
- allMainRoutes.find((route) => currentPath.value.startsWith(route.path)),
- );
-
- const sideRoutes = computed(() => activeMainRoute.value?.children || []);
-
- const activeSideRoute = computed(() =>
- sideRoutes.value.find((route) => currentPath.value.startsWith(route.path)),
- );
-
- return {
- constantRoutes,
- currentPath,
- setCurrentPath,
- mainRoutes,
- moreMainRoutes,
- activeMainRoute,
- sideRoutes,
- activeSideRoute,
- };
-});
diff --git a/src/stores/theme/index.js b/src/stores/theme/index.js
index f992c26..8aa6984 100644
--- a/src/stores/theme/index.js
+++ b/src/stores/theme/index.js
@@ -8,7 +8,7 @@ const CUSTOM_THEME_COLOR_KEY = "customThemeColor";
const THEME_CLASS_MAP = {
blue: "",
purple: "purple",
- green: "green",
+ red: "red",
black: "dark",
dark: "dark",
custom: "",
diff --git a/src/utils/index.js b/src/utils/index.js
deleted file mode 100644
index 8e5ff4d..0000000
--- a/src/utils/index.js
+++ /dev/null
@@ -1,44 +0,0 @@
-// 工具类函数
-// 输入hex颜色值或rgba 颜色值 与 alpha值，返回rgba颜色值
-export const applyAlphaToColor = (color, alpha = 1) => {
- if (!color || alpha === 1) return color;
- const s = color.trim();
-
- const hex3 = /^#([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])$/i.exec(s);
- if (hex3) {
- const r = parseInt(hex3[1] + hex3[1], 16);
- const g = parseInt(hex3[2] + hex3[2], 16);
- const b = parseInt(hex3[3] + hex3[3], 16);
- return `rgba(${r}, ${g}, ${b}, ${Number(alpha)})`;
- }
-
- const hex6 = /^#([0-9a-fA-F]{6})$/i.exec(s);
- if (hex6) {
- const h = hex6[1];
- const r = parseInt(h.slice(0, 2), 16);
- const g = parseInt(h.slice(2, 4), 16);
- const b = parseInt(h.slice(4, 6), 16);
- return `rgba(${r}, ${g}, ${b}, ${Number(alpha)})`;
- }
-
- const hex8 = /^#([0-9a-fA-F]{8})$/i.exec(s);
- if (hex8) {
- const h = hex8[1];
- const r = parseInt(h.slice(0, 2), 16);
- const g = parseInt(h.slice(2, 4), 16);
- const b = parseInt(h.slice(4, 6), 16);
- return `rgba(${r}, ${g}, ${b}, ${Number(alpha)})`;
- }
-
- const rgb = /^rgb\s*\(([^)]+)\)$/i.exec(s);
- const rgba = /^rgba\s*\(([^)]+)\)$/i.exec(s);
- if (rgba || rgb) {
- const parts = (rgba ? rgba[1] : rgb[1]).split(',').map(p => p.trim());
- const r = parts[0] || '0';
- const g = parts[1] || '0';
- const b = parts[2] || '0';
- return `rgba(${r}, ${g}, ${b}, ${Number(alpha)})`;
- }
-
- return color;
-};
\ No newline at end of file
diff --git a/src/views/admin/orders/components/OrderFormDialog.vue b/src/views/admin/orders/components/OrderFormDialog.vue
new file mode 100644
index 0000000..5c74d49
--- /dev/null
+++ b/src/views/admin/orders/components/OrderFormDialog.vue
@@ -0,0 +1,665 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/admin/orders/detail.vue b/src/views/admin/orders/detail.vue
index 90cde3e..02dbefa 100644
--- a/src/views/admin/orders/detail.vue
+++ b/src/views/admin/orders/detail.vue
@@ -17,7 +17,7 @@
type="primary"
size="small"
style="margin-left:auto"
- @click="openEdit"
+ @click="editVisible = true"
>
{{ $t('btn.edit') }}
@@ -71,178 +71,15 @@
-
-
+
@@ -82,40 +101,80 @@
import { computed, ref } from "vue";
import { useRoute, useRouter } from "vue-router";
import { ElMessageBox } from "element-plus";
-import { Fold, Expand, ArrowDown } from "@element-plus/icons-vue";
-import NavBar from "@/components/navBar/NavBar.vue";
+import { ArrowDown, DataLine, Document, Coin } from "@element-plus/icons-vue";
import SvgIcon from "@/components/SvgIcon/index.vue";
import { useUserStore } from "@/stores/api/user";
import { useThemeStore } from "@/stores/theme";
+import { useOrderDialogStore } from "@/stores/orderDialog";
+import OrderFormDialog from "@/views/hospital/orders/OrderFormDialog.vue";
+import PasswordDialog from "@/components/PasswordDialog.vue";
+
+// 顶部菜单图标（直接以静态资源方式 import，绕开 SvgIcon 的 fill 干扰）
+import fuwuGd from "@/assets/image/admin/router/fuwu-gd.svg";
+import fuwuGdActive from "@/assets/image/admin/router/fuwu-gd-active.svg";
+import fuwuBg from "@/assets/image/admin/router/fuwu-bg.svg";
+import fuwuBgActive from "@/assets/image/admin/router/fuwu-bg-active.svg";
+import yiyuanXx from "@/assets/image/admin/router/yiyuan-xx.svg";
+import yiyuanXxActive from "@/assets/image/admin/router/yiyuan-xx-active.svg";
+import kehuFw from "@/assets/image/admin/router/kehu-fw.svg";
+import kehuFwActive from "@/assets/image/admin/router/kehu-fw-active.svg";
+import kehuJljf from "@/assets/image/admin/router/kehu-jljf.svg";
+import kehuJljfActive from "@/assets/image/admin/router/kehu-jljf-active.svg";
+import zhanghaoGl from "@/assets/image/admin/router/zhanghao-gl.svg";
+import zhanghaoGlActive from "@/assets/image/admin/router/zhanghao-gl-active.svg";
+
+// 头像(按性别)
+import avatarMale from "@/assets/image/avatar-male.svg";
+import avatarFemale from "@/assets/image/avatar-female.svg";
const route = useRoute();
const router = useRouter();
const userStore = useUserStore();
const themeStore = useThemeStore();
-const collapsed = ref(false);
+const orderDialogStore = useOrderDialogStore();
+
+// 当前是否为医院端（用于切换头部布局样式）
+const isHospitalMode = computed(() => route.path.startsWith("/hospital"));
+
+// 头部快速提交 / 列表编辑成功后通知当前路由对应的列表页刷新
+const onOrderDialogSuccess = () => {
+ // 触发全局事件，由 list.vue / detail.vue 监听
+ window.dispatchEvent(new CustomEvent("hospital-order-saved"));
+};
// 主题弹窗显隐
const themeDialogVisible = ref(false);
+// 修改密码弹窗显隐
+const passwordDialogVisible = ref(false);
+// 修改密码：根据当前所在端选择对应接口
+const passwordRole = computed(() => (isHospitalMode.value ? "hospital" : "admin"));
+
// 预设主题配置（与现有 scss 主题保持一致）
const presetThemes = [
{
+ borderColor: "#3289FB",
+ boxShadow: "0 4px 12px 0 rgba(50, 137, 251, 0.5)",
value: "blue",
name: "穹宇蓝",
- desc: "深邃星空，科技感十足",
- preview: "linear-gradient(135deg, #6c7cf3 0%, #5868e6 100%)",
+ desc: "深邃星空\n科技感十足",
+ preview: "linear-gradient(to bottom, #3289FB 0%, #77B2FF 100%)",
},
{
+ borderColor: "#6155F5",
+ boxShadow: "0 4px 12px 0 rgba(97, 85, 245, 0.5)",
value: "purple",
name: "星轨紫",
- desc: "神秘优雅，梦幻氛围",
- preview: "linear-gradient(135deg, #A06CFC 0%, #6B2EDB 100%)",
+ desc: "神秘优雅\n梦幻氛围",
+ preview: "linear-gradient(to bottom, #6155F5 0%, #9B93FF 100%)",
},
{
- value: "green",
- name: "青峦绿",
- desc: "清新自然，宁静致远",
- preview: "linear-gradient(135deg, #34B693 0%, #228F72 100%)",
+ borderColor: "#DE6262",
+ boxShadow: "0 4px 12px 0 rgba(222, 98, 98, 0.5)",
+ value: "red",
+ name: "流金粉",
+ desc: "晨雾染金\n自带光芒",
+ preview: "linear-gradient(to bottom, #DE6262 0%, #FF988B 100%)",
},
];
@@ -124,57 +183,63 @@ const handlePresetTheme = (value) => {
themeStore.setTheme(value);
};
-// 菜单分组顺序（驱动侧边栏的顺序与分组）
-const GROUP_ORDER = ["工单管理", "客户管理", "绩效管理", "系统管理"];
+// 图标查找表：route meta.icon -> { normal, active }
+const ICON_MAP = {
+ "admin-router-fuwu-gd": { normal: fuwuGd, active: fuwuGdActive },
+ "admin-router-fuwu-bg": { normal: fuwuBg, active: fuwuBgActive },
+ "admin-router-yiyuan-xx": { normal: yiyuanXx, active: yiyuanXxActive },
+ "admin-router-kehu-fw": { normal: kehuFw, active: kehuFwActive },
+ "admin-router-kehu-jljf": { normal: kehuJljf, active: kehuJljfActive },
+ "admin-router-zhanghao-gl": { normal: zhanghaoGl, active: zhanghaoGlActive },
+};
-// 父级菜单的 icon（与 group 绑定）
-const GROUP_ICON = {
- 工单管理: "Tickets",
- 客户管理: "OfficeBuilding",
- 绩效管理: "Trophy",
- 系统管理: "Setting",
+// 医院端 Element Plus 图标映射：route meta.icon -> icon component
+const HOSPITAL_ICON_MAP = {
+ DataLine,
+ Document,
+ Coin,
};
+const resolveIcon = (name) => HOSPITAL_ICON_MAP[name] || Document;
-// 父级菜单的 path 前缀（用第一个可见子项的 path 作为 index）
-const buildSideRoutes = (children) => {
- const visible = children.filter((c) => c.meta?.title && !c.meta?.hidden);
- const groupMap = new Map();
-
- visible.forEach((c) => {
- const group = c.meta?.group;
- if (!group) return; // 顶路下未分组的子项不进入侧边栏（如 password）
- if (!groupMap.has(group)) groupMap.set(group, []);
- groupMap.get(group).push(c);
- });
-
- return GROUP_ORDER.filter((g) => groupMap.has(g)).map((group) => {
- const items = groupMap.get(group);
- return {
- // 父级 index 指向该组下第一个子项，这样点击父级会跳到默认页，
- // el-sub-menu 也能以该 path 作为展开标记
- path: `/admin/${items[0].path}`,
- title: group,
- iconName: GROUP_ICON[group] || "Document",
- children: items.map((c) => ({
- path: `/admin/${c.path}`,
- title: c.meta.title,
- iconName: c.meta?.icon || "Document",
- })),
- };
- });
+// 当前 hover 的菜单项 path
+const hoveredPath = ref("");
+
+// 判断菜单项是否处于激活态
+const isActiveMenu = (path) => {
+ if (!path || !route.path) return false;
+ return route.path === path;
};
-const sideRoutes = computed(() => {
- const adminRoute = route.matched.find((r) => r.path === "/admin");
- if (!adminRoute || !adminRoute.children) return [];
- return buildSideRoutes(adminRoute.children);
-});
+// hover 或激活时都用 active 图标
+const isMenuHoveredOrActive = (path) => {
+ return isActiveMenu(path) || hoveredPath.value === path;
+};
-// 根据当前路由计算哪些父级菜单应保持展开
-const defaultOpeneds = computed(() => {
- return sideRoutes.value
- .filter((g) => g.children.some((c) => route.path === c.path || route.path.startsWith(c.path + "/")))
- .map((g) => g.path);
+// 顶部水平菜单：根据当前顶层路由（/admin 或 /hospital）动态生成
+const sideRoutes = computed(() => {
+ const groupPath = isHospitalMode.value ? "/hospital" : "/admin";
+ const groupRoute = route.matched.find((r) => r.path === groupPath);
+ if (!groupRoute || !groupRoute.children) return [];
+ return groupRoute.children
+ .filter((c) => c.meta?.title && !c.meta?.hidden && !c.path.includes(":"))
+ .map((c) => {
+ if (isHospitalMode.value) {
+ // 医院端：使用 Element Plus 图标
+ return {
+ path: `${groupPath}/${c.path}`,
+ title: c.meta.title,
+ iconName: c.meta?.icon || "Document",
+ };
+ }
+ // 管理端：使用 SVG 图标
+ const icon = ICON_MAP[c.meta?.icon];
+ return {
+ path: `${groupPath}/${c.path}`,
+ title: c.meta.title,
+ iconUrl: icon?.normal || "",
+ iconUrlActive: icon?.active || "",
+ };
+ });
});
const currentTitle = computed(() => {
@@ -182,13 +247,14 @@ const currentTitle = computed(() => {
return last?.meta?.title || "管理端";
});
-const toggleSidebar = () => {
- collapsed.value = !collapsed.value;
-};
+// 头像：sex === 1 用男,否则用女
+const avatarSrc = computed(() => {
+ return userStore.userInfo?.sex === 2 ? avatarFemale : avatarMale;
+});
const handleCommand = async (cmd) => {
if (cmd === "password") {
- router.push("/admin/password");
+ passwordDialogVisible.value = true;
return;
}
if (cmd === "theme") {
@@ -214,198 +280,269 @@ const handleCommand = async (cmd) => {
+
+
\ No newline at end of file
diff --git a/src/components/layout/HospitalLayout.vue b/src/components/layout/HospitalLayout.vue
deleted file mode 100644
index 89e9568..0000000
--- a/src/components/layout/HospitalLayout.vue
+++ /dev/null
@@ -1,280 +0,0 @@
-
-
+ 更换主题
+
+
+
-
+
+
+
-
+
+
{{ t.name }}
{{ t.desc }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/layout/Layout.vue b/src/components/layout/Layout.vue
deleted file mode 100644
index 991cd5a..0000000
--- a/src/components/layout/Layout.vue
+++ /dev/null
@@ -1,404 +0,0 @@
-
-
-
-
-
-
-
-
-
- 修改密码
- 更换主题
- 退出登录
-
-
-
-
-
- 医
- {{ userStore.userInfo?.name || userStore.userInfo?.userName || '用户' }}
-
-
-
-
-
-
-
-
-
- {{ t.name }}
- {{ t.desc }}
-
-
-
-
-
-
-
diff --git a/src/components/layout/header.vue b/src/components/layout/header.vue
deleted file mode 100644
index 349d252..0000000
--- a/src/components/layout/header.vue
+++ /dev/null
@@ -1,536 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ tab.title }}
-
-
-
-
-
-
-
- 康策CRM8.0|
-
-
- 上海演示医院
-
-
-
-
-
- 上海演示医院1
- 上海演示医院2
-
-
-
-
-
-
-
- 忙碌
- 空闲
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ currentTime }}
-
-
-
-
-
-
-
-
-
-
-
-
- 管
- {{ userStore.userData.EmployeeName || '管理员' }}
-
- 修改密码
-
- 提示设置
-
-
-
-
- 语言切换
-
-
-
-
-
-
-
- 皮肤选择
-
-
-
- 安全退出
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/themeSwitch/index.vue b/src/components/themeSwitch/index.vue
deleted file mode 100644
index 89d8704..0000000
--- a/src/components/themeSwitch/index.vue
+++ /dev/null
@@ -1,388 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- 选择皮肤颜色
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ item.label }}
-
-
-
-
-
-
-
-
-
-
-
-
- 取消
- 确认
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('btn.upload') }}
+
+
+
+
+
+
+
+
+
+
+ {{ isEdit ? $t('modal.edit') : $t('modal.submit') }}
+
+
+
+
+
+
+
+
+ {{ $t('label.colorTag') }}
+
+
+
+
+ 高
+ 中
+ 低
+
+
+
+
+
+
+
+
+
+ {{ $t('label.attachmentTip') }}
+
+
-
-
-
-
-
-
- {{ $t("label.colorTag") }}
-
-
-
-
- 高
- 中
- 低
-
-
-
-
-
-
-
-
-
-
- {{ $t("label.attachmentTip") }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{
- $t("btn.query")
- }}
- {{ $t("btn.reset") }}
- {{
- $t("btn.quickAddOrder")
- }}
-
-
-
-
-
-
+
+
+
+
-
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/hospital/LotteryDialog.vue b/src/views/hospital/LotteryDialog.vue
new file mode 100644
index 0000000..3ed903a
--- /dev/null
+++ b/src/views/hospital/LotteryDialog.vue
@@ -0,0 +1,553 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/hospital/SignInDialog.vue b/src/views/hospital/SignInDialog.vue
new file mode 100644
index 0000000..510f3e8
--- /dev/null
+++ b/src/views/hospital/SignInDialog.vue
@@ -0,0 +1,359 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/hospital/orders/quick.vue b/src/views/hospital/orders/OrderFormDialog.vue
similarity index 69%
rename from src/views/hospital/orders/quick.vue
rename to src/views/hospital/orders/OrderFormDialog.vue
index e45aa72..21005da 100644
--- a/src/views/hospital/orders/quick.vue
+++ b/src/views/hospital/orders/OrderFormDialog.vue
@@ -1,155 +1,154 @@
-
+ ![total]()
+
+ {{ stats.total }}
{{ $t("stat.totalOrders") }}
-
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ $t("btn.query")
+ }}
+ {{ $t("btn.reset") }}
+ {{
+ $t("btn.quickAddOrder")
+ }}
+
+
+
+
+
+
+
+
+ {{ row.completedAt || "-" }}
+
+
+
+
+ {{
+ row.status
+ }}
+
+
+
+
+ {{
+ row.status === "已完成" ? $t("btn.modify") : $t("btn.process")
}}
- {{
- row.status === "已完成" ? $t("btn.modify") : $t("btn.process")
- }}
-
-
-
+ {{
+ $t("btn.detail")
+ }}
+
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t("btn.upload") }}
-
-
-
-
-
- {{
- $t("common.cancel")
- }}
- {{ $t("common.submit") }}
-
-
+ mode="create"
+ :hospitals="hospitals"
+ :submitting="quickSubmitting"
+ @submit="onQuickSubmit"
+ />
-// el-upload 事件：选文件后立即校验大小
-const handleAttachmentChange = (file) => {
- if (file?.size > MAX_FILE_SIZE) {
- ElMessage.warning("文件不能超过 50MB");
- // 把超限文件从列表里移除
- quickForm.files = quickForm.files.filter(
- (f) => f.uid !== file.uid || f.size <= MAX_FILE_SIZE,
- );
+
\ No newline at end of file
+
diff --git a/src/views/admin/password.vue b/src/views/admin/password.vue
deleted file mode 100644
index d9b2f44..0000000
--- a/src/views/admin/password.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-
-
+ ![pending]()
+
+ {{ stats.pending }}
{{ $t("stat.pendingOrders") }}
-
+
+
+
-
-
-
- {{
- row.priority
- }}
-
-
-
-
- {{ row.completedAt || "-" }}
-
-
-
-
- {{
- row.status
- }}
-
-
-
-
- {{
- $t("btn.detail")
+
+
+
+ ![complete]()
+
+ {{ stats.completed }}
{{ $t("stat.completedOrders") }}
-
+
+
+
-
+ ![high]()
+
+ {{ stats.highPriority }}
{{ $t("stat.highPriorityOrders") }}
+ {{ row.priority }}
+
+
+ {{ row.priority }}
+
+
+ {{ row.priority }}
+
+
+
-
-
+
+
-
-
-
-
-
-
-
-
- {{ $t("label.colorTag") }}
-
-
-
-
- 高
- 中
- 低
-
-
-
-
-
-
-
-
-
-
- {{ $t("label.attachmentTip") }}
-
-
-
-
- {{ $t("password.title") }}
-
-
-
-
-
-
-
-
- {{
- $t("password.submit")
- }}
- {{ $t("password.cancel") }}
-
-
-
-
-
-
-
-
-
diff --git a/src/views/hospital/AssetsDialog.vue b/src/views/hospital/AssetsDialog.vue
new file mode 100644
index 0000000..c2d7cf8
--- /dev/null
+++ b/src/views/hospital/AssetsDialog.vue
@@ -0,0 +1,334 @@
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 我的资产
+
+
+
+
+
+
+ 
+
+
+
+ {{ totalPoints }}
+ 积分
+
+ 已积累{{ totalPoints }}分，继续加油!
+
+
+
+
+
+ 距离兑换{{ rewardName }}
+ 还差{{ remainingPoints }}分
+
+
+
+
+
+
+ 积分明细
+
+
+
+
+
+ 
+
+
+
+ 今日提交工单
+ +{{ todayOrder }} 积分
+
+
+
+
+ 
+
+
+
+ 今日签到
+ +{{ todaySignIn }} 分
+
+
+
+
+ 
+
+
+
+ 今日抽奖
+ +{{ todayDraw }} 分
+
+
+
+
+
+
+
+
+ 积分抽奖
+顺时针转动高亮 · 停在哪格就领对应奖励
+
+
+
+
+
+
+
+
+ {{ item.points }}积分
+
+
+
+
+
+
+
+ ![]()
+
+ 恭喜抽中
+
+ +
+ {{ winningPoints }}
+ 积分
+
+
+
+
+ 距离兑换 康小虎 AI 吉祥物
+ 还差{{ batchRemaining }}分
+
+
+
+ 开心收下
+ 查看我的资产
+
+
+
+
+
+
+
+ + + 连续签到{{ streakDays }}天 排名{{ rank }}名 + + + 每日签到 领积分 + +
++ + 当前积分: {{ totalPoints }}分 您已击败全国{{ beatPercent }}%的医院 + + + 坚持签到，积分兑好礼 + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 第{{ idx + 1 }}天
+ 今天
+
+
+ ![]()
+
+ +1
+
+ 
+ 
+
+
+
+
-
-
- {{ isEdit ? '编辑工单' : $t('modal.submit') }}
-
-
-
-
-
-
-
- {{ $t('common.cancel') }}
+
+ {{ $t('common.submit') }}
+
+
+
diff --git a/src/views/hospital/points.vue b/src/views/hospital/points.vue
index 2d4e5ff..599032d 100644
--- a/src/views/hospital/points.vue
+++ b/src/views/hospital/points.vue
@@ -1,118 +1,139 @@
-
+
+
+
-
+
+
+ {{ $t('label.colorTag') }}
-
+
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('btn.upload') }}
+
+
+
+
+
+
-
-
+
{{ $t('label.colorTag') }}
+
-
-
- 高
- 中
- 低
-
-
-
-
-
-
-
-
+
+
+ 高
+ 中
+ 低
+
+
+
+
+
+
+
+
+
-
-
-
-
-
- {{ $t('btn.upload') }}
-
-
-
-
- {{ $t('common.submit') }}
- {{ $t('common.cancel') }}
-
-
-
+
+
-
-
- {{ $t('label.attachmentTip') }}
-
-
-
+ {{ $t('label.attachmentTip') }}
+
+
+
-
-
-
+
+ 🎁 我的积分
-
-
- 🔄{{ $t("points.refresh") }}
-
-
- 📖{{ $t("points.rule") }}
-
-
-
-
-
-
-
-
- 💰 当前可用积分
- 🏆 已获 {{ rewardCount }} 次奖励
+
+
+
+ 
-
+
+
+
+ 当前可用积分
+
+ {{ totalPoints }}
+ 分
+
+
+ 
+ 已获得 {{ rewardCount }} 次奖励
+
+ 已获得 {{ rewardCount }} 次奖励
+
- {{ totalPoints }}
- 分
-
-
-
- 📅 本月
- +{{ monthPoints }}
-
-
- ⬆️ 今日
- +{{ todayPoints }}
+
-
+
+
+ 
+ 本月
+ +{{ monthPoints }}
+
+
+
+ 本月
+ +{{ monthPoints }}
+
+
+ 今日
+ +{{ todayPoints }}
+
+ 今日
+ +{{ todayPoints }}
+
-
- 🎁 兑换进度
- {{ goalText }}
+
+
+
+
-
+ 
+ 兑换进度
+
+ 兑换进度
+
-
-
+
+
-
+
{{ progressPercent }}%
-
-
-
-
-
+
康小虎 AI 吉祥物
- 限量款 · 智能语音互动
+
+ 
+
+
+
- {{ REWARD_NAME }}
+ 赚徽章·智聊语音互动
-
-
📅
- 签到
- +1 积分
- 今日已签到
+
+
+
+
+ 
+
+
-
+
+
签到
+
+
+ 连续签到{{ signInStreakDays }}天，排名{{ signInRank }}，您已击败全国{{ signInBeatPercent }}%的医院
+
+
+ 每日签到可领积分，连续签到奖励更多
+
+
+
-
+
-
{{ row.source || "-" }}
@@ -122,131 +143,131 @@
-
+
{{ formatAmount(row.changeAmount) }}
-
+
+
+ {{ row.description || "-" }}
+
+
+
-
-
+
+
+
-
-
-
-
取消
-
+
确认兑换
-
-
-
🎰
- 抽奖
- +1 ~ 10 积分
-
- 今日已抽奖
+
+
+
+ 
+
-
+
+ +1~10积分
抽奖
+
-
-
+
📝
- 提交工单
- +1 积分
+
+
+
+ 
+
+
+
+ +1积分
提交工单
+
-
- 📦查看兑换记录
+
+
+
+
- 🕘 积分变动记录
-
+ 
+ 积分变动记录
+
+
-
- 填写收件信息,即可兑换「康小虎 AI 吉祥物」
+ 填写收件信息,即可兑换「{{ REWARD_NAME }}」
🎯 兑换消耗
-{{ EXCHANGE_GOAL }} 积分
- 已成功兑换的「康小虎 AI 吉祥物」清单
-
-
-
-
-
📭
-
-
- - 快去积攒积分兑换「康小虎」吧! -
- -
-
-
-
🧸 {{ item.itemName || REWARD_NAME }}
-
- 👤 {{ item.recipientName }} ｜ 📞 {{ item.recipientPhone }} ｜
- 📍 {{ item.recipientAddress }}
+
+
+
+
+
+
+
+
+ 兑换记录
+ 已成功兑换的「{{ REWARD_NAME }}」清单
+
+
+
+
+
+
+
@@ -259,6 +280,11 @@ import { computed, onMounted, reactive, ref } from "vue";
import { useRouter } from "vue-router";
import { ElMessage, ElMessageBox } from "element-plus";
import dayjs from "dayjs";
+import SvgIcon from "@/components/SvgIcon/index.vue";
+import LotteryDialog from "@/views/hospital/LotteryDialog.vue";
+import AssetsDialog from "@/views/hospital/AssetsDialog.vue";
+import SignInDialog from "@/views/hospital/SignInDialog.vue";
+import { useOrderDialogStore } from "@/stores/orderDialog";
import {
getPoints,
getPointsDetails,
@@ -271,9 +297,17 @@ import {
const router = useRouter();
// 兑换目标(500 积分 = 一个康小虎)
-const EXCHANGE_GOAL = 500;
+const EXCHANGE_GOAL = 10;
const REWARD_NAME = "康小虎 AI 吉祥物";
+// 签到记录(接口暂未提供,先写死)
+const signInStreakDays = 2;
+const signInRank = 350;
+const signInBeatPercent = "95.68";
+
+// 金币堆：固定 7 格，按比例点亮
+const COIN_TOTAL = 7;
+
const summary = ref({});
const details = ref([]);
const total = ref(0);
@@ -300,10 +334,19 @@ const goalText = computed(() => {
return `还差 ${EXCHANGE_GOAL - totalPoints.value} 分`;
});
const exchangeButtonText = computed(() => {
- if (canExchange.value) return "🎁 去兑换";
+ if (canExchange.value) return "去兑换";
return `还差 ${EXCHANGE_GOAL - totalPoints.value} 分`;
});
+// 金币堆高亮数量：按积分比例递增（最多 COIN_TOTAL）
+const filledCoins = computed(() => {
+ if (totalPoints.value <= 0) return 0;
+ return Math.min(
+ COIN_TOTAL,
+ Math.ceil((totalPoints.value / EXCHANGE_GOAL) * COIN_TOTAL),
+ );
+});
+
// 后端 ApiResponse 兼容:可能是 { data: ... } 也可能直接是 payload
const unwrap = (res) => res?.data ?? res ?? {};
@@ -347,7 +390,8 @@ const showRule = () => {
ElMessage.info("📖 签到 +1 · 抽奖 +1~10 · 提交工单 +1");
};
-// 操作:签到
+// 操作:签到 todo 记得改为 false
+const signInVisible = ref(false);
const handleSignIn = async () => {
if (summary.value.isSignIn) {
ElMessage.info("今日已签到,明天再来吧!");
@@ -362,24 +406,59 @@ const handleSignIn = async () => {
}
};
-// 操作:抽奖
-const handleDraw = async () => {
- if (summary.value.isDraw) {
- ElMessage.info("今日已抽奖,明天再来吧!");
- return;
- }
- try {
- const res = unwrap(await draw());
- const points = Number(res?.points ?? res ?? 0);
- ElMessage.success(`🎉 抽中 ${points} 积分!`);
- await loadAll();
- } catch (e) {
- ElMessage.error(e?.message || "抽奖失败");
- }
+// 打开签到弹窗(签到记录 + 每日签到 二合一)
+const showSignInRecord = () => {
+ signInVisible.value = true;
+};
+
+// 签到弹窗签到成功回调
+const onSignInSuccess = async () => {
+ await loadAll();
};
-// 操作:提交工单(跳转)
-const goSubmit = () => router.push("/hospital/orders/quick");
+// 操作:抽奖(只负责打开弹窗,抽奖逻辑在 LotteryDialog 中)
+const lotteryVisible = ref(false);
+const assetsVisible = ref(false);
+const handleDraw = () => {
+ // if (summary.value.isDraw) {
+ // ElMessage.info("今日已抽奖,明天再来吧!");
+ // return;
+ // }
+ lotteryVisible.value = true;
+};
+const onLotterySuccess = async () => {
+ await loadAll();
+};
+const onLotteryViewAccount = () => {
+ // 抽奖结果页的"查看我的账户" -> 打开资产弹窗
+ assetsVisible.value = true;
+};
+
+// 今日积分明细（按来源分类汇总）
+const todayBreakdown = computed(() => {
+ const today = dayjs().format("YYYY-MM-DD");
+ const sumBy = (test) =>
+ details.value
+ .filter(
+ (r) =>
+ r.createdAt && r.createdAt.startsWith(today) && test(r.source),
+ )
+ .reduce(
+ (sum, r) => sum + Math.abs(Number(r.changeAmount) || 0),
+ 0,
+ );
+ return {
+ order: sumBy((s) => /工单|order/i.test(s || "")),
+ signIn: sumBy((s) => /签到|签/i.test(s || "")),
+ draw: sumBy((s) => /抽奖|抽/i.test(s || "")),
+ };
+});
+
+// 操作:提交工单(打开全局弹窗)
+const orderDialogStore = useOrderDialogStore();
+const goSubmit = () => {
+ orderDialogStore.open();
+};
// 兑换表单
const exchangeVisible = ref(false);
@@ -479,20 +558,6 @@ const showRedeemLog = async () => {
const formatLogTime = (val) =>
val ? dayjs(val).format("YYYY-MM-DD HH:mm") : "-";
-// 表格辅助
-const sourceEmoji = (source) => {
- const map = {
- 每日签到: "📅",
- 签到: "📅",
- 每日抽奖: "🎰",
- 抽奖: "🎰",
- 提交工单: "📝",
- 积分兑换: "🎁",
- 兑换: "🎁",
- };
- return map[source] || "🏅";
-};
-
const formatAmount = (amount) => {
const n = Number(amount) || 0;
return n >= 0 ? `+${n}` : `${n}`;
@@ -501,366 +566,526 @@ const formatAmount = (amount) => {
const amountBadgeClass = (amount) => {
const n = Number(amount) || 0;
if (n < 0) return "negative";
- if (n >= 8) return "positive-high";
- return "positive";
+ if (n >= 0) return "positive";
};
onMounted(() => loadAll());
-/* 响应式 */
-@media (max-width: 1024px) {
- .dashboard-grid { grid-template-columns: 1fr; }
- .score-number .big { font-size: 46px; }
-}
-@media (max-width: 700px) {
- .action-grid { grid-template-columns: 1fr 1fr; }
- .goal-reward-item { flex-direction: column; align-items: stretch; text-align: center; }
- .goal-reward-item .reward-cta { width: 100%; }
- .history-card-header { flex-direction: column; align-items: stretch; }
-}
-@media (max-width: 480px) {
- .action-grid { grid-template-columns: 1fr; }
+
+
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index d265f5d..8679697 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,7 +3,7 @@ import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
-export default defineConfig({
+export default defineConfig(async () => ({
plugins: [
vue(),
createSvgIconsPlugin({
@@ -38,4 +38,31 @@ export default defineConfig({
'@': resolve(__dirname, './src'),
}
},
-})
+ css: {
+ preprocessorOptions: {
+ scss: {
+ // 使用纯 JS 版本的 sass，避免 sass-embedded 在 Windows 上处理大量 SCSS 时内存爆炸
+ implementation: await import('sass'),
+ silenceDeprecations: ['legacy-js-api', 'import', 'global-builtin', 'color-functions'],
+ },
+ },
+ },
+ build: {
+ // 提高 sourcemap 阈值以减少内存峰值
+ sourcemap: false,
+ // 警告阈值：项目中含 element-plus 全量样式 + echarts，体积较大，放宽到 2MB
+ chunkSizeWarningLimit: 2000,
+ rollupOptions: {
+ output: {
+ // 把大型依赖拆成独立 chunk，减少单 chunk 体积并改善首屏
+ manualChunks: {
+ 'vue-vendor': ['vue', 'vue-router', 'pinia', 'pinia-plugin-persistedstate'],
+ 'element-plus': ['element-plus', '@element-plus/icons-vue'],
+ 'echarts-vendor': ['echarts', 'vue-echarts'],
+ 'editor-vendor': ['@wangeditor/editor', '@wangeditor/editor-for-vue'],
+ 'pdf-vendor': ['vue-pdf-embed'],
+ },
+ },
+ },
+ },
+}))
📭
+
+
+ + 快去积攒积分兑换「康小虎」吧! +
+ +
+
+
+
- 🧸{{ item.itemName || REWARD_NAME }}
+
+
+ 收件人：
+ {{ item.recipientName }}
+
+
+ 收件地址：
+ {{ item.recipientAddress }}
+
+
+ 备注：
+ {{ item.remark || "无" }}
+
+
- 🕒 {{ formatLogTime(item.createdAt) }} ｜ 备注:{{
- item.remark || "无"
- }}
+
- 已兑换
+
+ 🧸{{ item.itemName || REWARD_NAME }}
+
+
+
+ 手机号：
+ {{ item.recipientPhone }}
+
+
+ 兑换时间：
+ {{ formatLogTime(item.createdAt) }}
+
+ 已兑换