添加pinia

统计分析页面开发，和页面调整
2026-02-26 15:50:02 +08:00 · 2026-02-03 15:27:58 +08:00
12 changed files with 451 additions and 73 deletions
--- a/package.json
+++ b/package.json
@ -12,6 +12,8 @@
    "@element-plus/icons-vue": "^2.3.2",
    "echarts": "^6.0.0",
    "element-plus": "^2.13.1",
+    "pinia": "^3.0.4",
+    "pinia-plugin-persistedstate": "^4.7.1",
    "vue": "^3.5.24",
    "vue-router": "^4.6.4"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -17,6 +17,12 @@ importers:
      element-plus:
        specifier: ^2.13.1
        version: 2.13.1(vue@3.5.26(typescript@5.9.3))
+      pinia:
+        specifier: ^3.0.4
+        version: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+      pinia-plugin-persistedstate:
+        specifier: ^4.7.1
+        version: 4.7.1(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)))
      vue:
        specifier: ^3.5.24
        version: 3.5.26(typescript@5.9.3)
@ -587,14 +593,23 @@ packages:
  '@vue/devtools-api@6.6.4':
    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}

+  '@vue/devtools-api@7.7.9':
+    resolution: {integrity: sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==}
+
  '@vue/devtools-core@8.0.5':
    resolution: {integrity: sha512-dpCw8nl0GDBuiL9SaY0mtDxoGIEmU38w+TQiYEPOLhW03VDC0lfNMYXS/qhl4I0YlysGp04NLY4UNn6xgD0VIQ==}
    peerDependencies:
      vue: ^3.0.0

+  '@vue/devtools-kit@7.7.9':
+    resolution: {integrity: sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==}
+
  '@vue/devtools-kit@8.0.5':
    resolution: {integrity: sha512-q2VV6x1U3KJMTQPUlRMyWEKVbcHuxhqJdSr6Jtjz5uAThAIrfJ6WVZdGZm5cuO63ZnSUz0RCsVwiUUb0mDV0Yg==}

+  '@vue/devtools-shared@7.7.9':
+    resolution: {integrity: sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==}
+
  '@vue/devtools-shared@8.0.5':
    resolution: {integrity: sha512-bRLn6/spxpmgLk+iwOrR29KrYnJjG9DGpHGkDFG82UM21ZpJ39ztUT9OXX3g+usW7/b2z+h46I9ZiYyB07XMXg==}

@ -701,6 +716,9 @@ packages:
    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
    engines: {node: '>=12'}

+  defu@6.1.4:
+    resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
+
  echarts@6.0.0:
    resolution: {integrity: sha512-Tte/grDQRiETQP4xz3iZWSvoHrkCQtwqd6hs+mifXcjrCuo2iKWbajFObuLJVBlDIJlOzgQPd1hsaKt/3+OMkQ==}

@ -850,6 +868,9 @@ packages:
  pathe@2.0.3:
    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}

+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
  perfect-debounce@2.0.0:
    resolution: {integrity: sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==}

@ -860,6 +881,29 @@ packages:
    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
    engines: {node: '>=12'}

+  pinia-plugin-persistedstate@4.7.1:
+    resolution: {integrity: sha512-WHOqh2esDlR3eAaknPbqXrkkj0D24h8shrDPqysgCFR6ghqP/fpFfJmMPJp0gETHsvrh9YNNg6dQfo2OEtDnIQ==}
+    peerDependencies:
+      '@nuxt/kit': '>=3.0.0'
+      '@pinia/nuxt': '>=0.10.0'
+      pinia: '>=3.0.0'
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+      '@pinia/nuxt':
+        optional: true
+      pinia:
+        optional: true
+
+  pinia@3.0.4:
+    resolution: {integrity: sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==}
+    peerDependencies:
+      typescript: '>=4.5.0'
+      vue: ^3.5.11
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
  postcss@8.5.6:
    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
    engines: {node: ^10 || ^12 || >=14}
@ -1520,6 +1564,10 @@ snapshots:

  '@vue/devtools-api@6.6.4': {}

+  '@vue/devtools-api@7.7.9':
+    dependencies:
+      '@vue/devtools-kit': 7.7.9
+
  '@vue/devtools-core@8.0.5(vite@7.3.1(@types/node@24.10.8))(vue@3.5.26(typescript@5.9.3))':
    dependencies:
      '@vue/devtools-kit': 8.0.5
@ -1532,6 +1580,16 @@ snapshots:
    transitivePeerDependencies:
      - vite

+  '@vue/devtools-kit@7.7.9':
+    dependencies:
+      '@vue/devtools-shared': 7.7.9
+      birpc: 2.9.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.6
+
  '@vue/devtools-kit@8.0.5':
    dependencies:
      '@vue/devtools-shared': 8.0.5
@ -1542,6 +1600,10 @@ snapshots:
      speakingurl: 14.0.1
      superjson: 2.2.6

+  '@vue/devtools-shared@7.7.9':
+    dependencies:
+      rfdc: 1.4.1
+
  '@vue/devtools-shared@8.0.5':
    dependencies:
      rfdc: 1.4.1
@ -1651,6 +1713,8 @@ snapshots:

  define-lazy-prop@3.0.0: {}

+  defu@6.1.4: {}
+
  echarts@6.0.0:
    dependencies:
      tslib: 2.3.0
@ -1795,12 +1859,27 @@ snapshots:

  pathe@2.0.3: {}

+  perfect-debounce@1.0.0: {}
+
  perfect-debounce@2.0.0: {}

  picocolors@1.1.1: {}

  picomatch@4.0.3: {}

+  pinia-plugin-persistedstate@4.7.1(pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))):
+    dependencies:
+      defu: 6.1.4
+    optionalDependencies:
+      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3))
+
+  pinia@3.0.4(typescript@5.9.3)(vue@3.5.26(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-api': 7.7.9
+      vue: 3.5.26(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
  postcss@8.5.6:
    dependencies:
      nanoid: 3.3.11
--- a/src/components/TableBox/index.vue
+++ b/src/components/TableBox/index.vue
@ -5,16 +5,20 @@ const props = defineProps<{

 </script>
 <template>
-    <div class="table box_shadow">
+    <div class="table">
+        <el-card>
+            <template #header>
                <h3>
                    <slot name="header"></slot>
                </h3>
+            </template>
            <div class="main">
                <slot></slot>
            </div>
            <div class="page">
                <el-pagination background :total="props.total" />
            </div>
+        </el-card>
    </div>
 </template>
 <style scoped>
@ -25,17 +29,14 @@ const props = defineProps<{
        display: flex;
        justify-content: space-between;
        font-weight: 100;
-        padding: 20px;
-        border-bottom: 1px solid #ddd;
    }

    .main {
-        padding: 0 10px;
        width: 100%;
    }

    .page {
-        padding: 20px;
+        margin-top: 20px;
    }
 }
 </style>
--- a/src/main.ts
+++ b/src/main.ts
@ -1,6 +1,5 @@
 import { createApp } from "vue";
 import App from "./App.vue";
-import router from "./router";
 import "@/assets/styles/index.css";
 import ElementPlus from "element-plus";
 import "element-plus/dist/index.css";
@ -9,6 +8,8 @@ import * as ElementPlusIconsVue from "@element-plus/icons-vue";
 import "@/assets/font/iconfont.css";
 import * as echarts from "echarts";
 import Components from "@/components";
+import pinia from "@/store";
+import router from "./router";

 const app = createApp(App);
 // 全局挂载echarts
@ -17,6 +18,8 @@ app.config.globalProperties.$echarts = echarts;
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
 }
+
+app.use(pinia);
 app.use(router);
 app.use(Components);
 app.use(ElementPlus, { locale: zhCn }).mount("#app");
--- a/src/router/index.ts
+++ b/src/router/index.ts
@ -5,6 +5,7 @@ import {
 } from "vue-router";
 import Layout from "@/Layout/index.vue";
 import Login from "@/views/login/index.vue";
+import { useUserStore } from "@/store";

 const routes = [
  {
@ -38,12 +39,21 @@ const routes = [
      },
    ],
  },
-  { path: "/login", component: Login },
+  { path: "/login", name: "Login", component: Login },
 ];

 const router = createRouter({
  history: createWebHashHistory(),
  routes,
 });
+router.beforeEach(async (to, from) => {
+  const userStore = useUserStore();
+  const isToken = userStore.userInfo?.token;
+  console.log(userStore);

+  if (!isToken && to.name !== "Login") {
+    // 将用户重定向到登录页面
+    return { name: "Login" };
+  }
+});
 export default router;
--- a/src/store/index.ts
+++ b/src/store/index.ts
@ -0,0 +1,9 @@
+import { createPinia } from "pinia";
+import persist from "pinia-plugin-persistedstate";
+const pinia = createPinia();
+// 使用持久化存储插件
+pinia.use(persist);
+
+export default pinia;
+
+export * from "./modules/user";
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@ -0,0 +1,25 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+interface UserInfoType {
+  token: string;
+}
+export const useUserStore = defineStore(
+  "user",
+  () => {
+    const userInfo = ref<UserInfoType | undefined>();
+    const setUserInfo = (val: UserInfoType) => {
+      userInfo.value = val;
+    };
+    const delUserInfo = () => {
+      userInfo.value = undefined;
+    };
+    return {
+      userInfo,
+      setUserInfo,
+      delUserInfo,
+    };
+  },
+  {
+    persist: true,
+  },
+);
--- a/src/views/device/index.vue
+++ b/src/views/device/index.vue
@ -112,23 +112,35 @@ onMounted(() => {
 </script>
 <template>
    <div class="data">
-        <ul>
-            <li class="box_shadow" v-for="item in titleList">
+        <div class="info">
+            <div v-for="item in titleList">
+                <el-card>
+                    <div class="count">
                        <i :class="['iconfont', item.icon]"></i>
                        <div>
                            <h2>{{ item.count }}</h2>
                            <text>{{ item.title }}</text>
                        </div>
-            </li>
-        </ul>
-        <div class="chart">
-            <div class="box_shadow">
-                <h3>设备品牌使用统计</h3>
-                <div ref="brandDom"></div>
                    </div>
-            <div class="box_shadow">
-                <h3>设备型号分布</h3>
-                <div ref="typeDom"></div>
+                </el-card>
+            </div>
+        </div>
+        <div class="chart">
+            <div>
+                <el-card>
+                    <template #headher>
+                        <h3>手术类型分布</h3>
+                    </template>
+                    <div class="dom" ref="typeDom"></div>
+                </el-card>
+            </div>
+            <div>
+                <el-card>
+                    <template #headher>
+                        <h3>医生手术统计</h3>
+                    </template>
+                    <div class="dom" ref="brandDom"></div>
+                </el-card>
            </div>
        </div>
        <TableBox :total="100">
@ -203,16 +215,18 @@ onMounted(() => {
        border-bottom: 1px solid #ddd;
    }

-    ul {
+    .info {
        display: flex;
        justify-content: space-between;
        gap: 20px;

-        li {
-            display: flex;
+        >div {
            flex: 1;
-            height: 120px;
-            padding: 20px;
+        }
+
+        .count {
+            display: flex;
+            padding: 10px 0;
            align-self: center;
            gap: 15px;

@ -238,10 +252,8 @@ onMounted(() => {

        >div {
            flex: 1;
-            height: 400px;

-
-            >div {
+            .dom {
                width: 100%;
                height: 330px;
            }
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@ -2,6 +2,9 @@
 import { ref } from 'vue';
 import { User, Lock } from '@element-plus/icons-vue'
 import { ElMessage, type FormInstance, type FormRules } from 'element-plus';
+import { useUserStore } from "@/store";
+import router from '@/router';
+const userStore = useUserStore()
 interface RuleForm {
    username: string
    password: string
@ -24,6 +27,7 @@ const rules = ref<FormRules<RuleForm>>({
    }]
 })
 const loginBtn = async (formEl: FormInstance | undefined) => {
+
    if (!formEl) return
    await formEl.validate((valid) => {
        if (valid) {
@ -31,6 +35,12 @@ const loginBtn = async (formEl: FormInstance | undefined) => {
                message: '登录成功',
                type: 'success',
            })
+            userStore.setUserInfo({
+                token: 'aaaaaa'
+            })
+            console.log(userStore.userInfo);
+            router.push('/')
+
        } else {
            ElMessage({
                message: '请输入账号密码',
--- a/src/views/overview/index.vue
+++ b/src/views/overview/index.vue
@ -153,23 +153,35 @@ onMounted(() => {
 </script>
 <template>
    <div class="data">
-        <ul>
-            <li class="box_shadow" v-for="item in titleList">
+        <div class="info">
+            <div v-for="item in titleList">
+                <el-card>
+                    <div class="count">
                        <i :class="['iconfont', item.icon]"></i>
                        <div>
                            <h2>{{ item.count }}</h2>
                            <text>{{ item.title }}</text>
                        </div>
-            </li>
-        </ul>
-        <div class="chart">
-            <div class="box_shadow">
-                <h3>手术类型分布</h3>
-                <div ref="pieDom"></div>
                    </div>
-            <div class="box_shadow">
+                </el-card>
+            </div>
+        </div>
+        <div class="chart">
+            <div>
+                <el-card>
+                    <template #headher>
+                        <h3>手术类型分布</h3>
+                    </template>
+                    <div class="dom" ref="pieDom"></div>
+                </el-card>
+            </div>
+            <div>
+                <el-card>
+                    <template #headher>
                        <h3>医生手术统计</h3>
-                <div ref="barDom"></div>
+                    </template>
+                    <div class="dom" ref="barDom"></div>
+                </el-card>
            </div>
        </div>
        <TableBox :total="100">
@ -200,20 +212,22 @@ onMounted(() => {
 .data {
    h3 {
        font-weight: 100;
-        padding: 20px;
-        border-bottom: 1px solid #ddd;
+        /* padding: 20px;
+        border-bottom: 1px solid #ddd; */
    }

-    ul {
+    .info {
        display: flex;
        justify-content: space-between;
        gap: 20px;

-        li {
-            display: flex;
+        >div {
            flex: 1;
-            height: 120px;
-            padding: 20px;
+        }
+
+        .count {
+            display: flex;
+            padding: 10px 0;
            align-self: center;
            gap: 15px;

@ -239,10 +253,8 @@ onMounted(() => {

        >div {
            flex: 1;
-            height: 400px;

-
-            >div {
+            .dom {
                width: 100%;
                height: 330px;
            }
--- a/src/views/statistics/index.vue
+++ b/src/views/statistics/index.vue
@ -1,7 +1,226 @@
-<script setup lang='ts'></script>
+<script setup lang='ts'>
+import useCurrentInstance from '@/hooks/useCurrentInstance';
+import { onMounted, ref } from 'vue';
+
+const options = ref([
+    {
+        label: '最近7天',
+        value: 7
+    },
+    {
+        label: '最近30天',
+        value: 30
+    },
+    {
+        label: '最近90天',
+        value: 90
+    },
+    {
+        label: '全部时间',
+        value: 0
+    },
+])
+const { globalProperties } = useCurrentInstance()
+const time = ref(90)
+const numDom = ref<HTMLDivElement | null>(null)
+const typeDom = ref<HTMLDivElement | null>(null)
+const wayDom = ref<HTMLDivElement | null>(null)
+const surgeryDom = ref<HTMLDivElement | null>(null)
+const initialDom = ref<HTMLDivElement | null>(null)
+const nowDom = ref<HTMLDivElement | null>(null)
+const rederNumDom = () => {
+    const chart = globalProperties.$echarts.init(numDom.value)
+    const option = {
+        grid: {
+            left: "5%",
+            right: "5%",
+            top: 0
+        },
+        xAxis: {
+            type: 'category',
+            data: ['2026/07/08', '2026/07/08', '2026/07/08', '2026/07/08'],
+            axisLabel: {
+                rotate: 50
+            }
+        },
+        yAxis: {
+            type: 'value'
+        },
+        series: [
+            {
+                data: [820, 932, 901, 934],
+                type: 'line',
+                smooth: true
+            }
+        ]
+    };
+    chart.setOption(option)
+}
+const redertypeDom = () => {
+    const chart = globalProperties.$echarts.init(typeDom.value)
+    const option = {
+        tooltip: {
+            trigger: 'axis',
+            formatter: '{b} : {c} 台手术',
+            axisPointer: {
+                type: 'shadow',
+                shadowStyle: {
+                    color: "rgba(200, 200, 200, .1)"
+                }
+            }
+        },
+        grid: {
+            left: '5%',
+            bottom: '5%',
+            containLabel: true
+        },
+        color: {
+            type: 'linear',
+            y2: 1,
+            colorStops: [{
+                offset: '0', color: '#3063b0' // 0% 处的颜色
+            }, {
+                offset: '1', color: '#519ef8' // 100% 处的颜色
+            }],
+        },
+        xAxis: {
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']
+        },
+        yAxis: {
+            type: 'value'
+        },
+        series: [
+            {
+                data: [120, 200, 150, 80, 70],
+                type: 'bar'
+            }
+        ]
+    };
+    chart.setOption(option)
+}
+onMounted(() => {
+    rederNumDom()
+    redertypeDom()
+})
+</script>
 <template>
    <div class="statistics">
-        <h1>统计分析</h1>
+        <div class="top">
+            <el-card>
+                <h2>统计分析</h2>
+                <el-select v-model="time" placeholder="Select" style="width: 240px">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+                <p>当前统计时间范围：{{ time === 0 ? '全部时间' : `最近${time}天` }} | 统计数据：{{ time }}台手术</p>
+            </el-card>
+        </div>
+        <div class="number">
+            <el-card>
+                <template #header>
+                    <h3>手术数量趋势</h3>
+                </template>
+                <div class="dom" ref="numDom"></div>
+            </el-card>
+        </div>
+        <div class="type">
+            <el-card>
+                <template #header>
+                    <h3>脑积水类型分布</h3>
+                </template>
+                <div class="dom" ref="typeDom"></div>
+            </el-card>
+            <el-card>
+                <template #header>
+                    <h3>分流方式分布</h3>
+                </template>
+                <div class="dom" ref="wayDom"></div>
+            </el-card>
+        </div>
+        <div class="number">
+            <el-card>
+                <template #header>
+                    <h3>医生手术统计</h3>
+                </template>
+                <div class="dom" ref="surgeryDom"></div>
+            </el-card>
+        </div>
+        <div class="type">
+            <el-card>
+                <template #header>
+                    <h3>初始压力分布</h3>
+                </template>
+                <div class="dom" ref="initialDom"></div>
+            </el-card>
+            <el-card>
+                <template #header>
+                    <h3>当前压力分布</h3>
+                </template>
+                <div class="dom" ref="nowDom"></div>
+            </el-card>
+        </div>
+        <div>
+            <TableBox :total="100">
+                <template #header>
+                    最近手术记录 <el-button size="small" type="primary">查看全部</el-button>
+                </template>
+                <el-table stripe>
+                    <el-table-column prop="date" label="品牌" width="120" />
+                    <el-table-column prop="name" label="型号" width="150" />
+                    <el-table-column prop="name" label="设备名称" width="150" />
+                    <el-table-column prop="name" label="设备类型" />
+                    <el-table-column prop="name" label="使用次数" width="150" />
+                    <el-table-column prop="name" label="最近使用" width="150" />
+                    <el-table-column prop="name" label="平均初始压力" width="150" />
+                    <el-table-column label="name" width="180">
+                        <template #default="scope">
+                            <el-tag>{{ scope.row.name }}</el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column fixed="right" label="操作" align="center" width="150">
+                        <template #default>
+                            <el-button link type="primary" size="small">
+                                查看详情
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </TableBox>
+        </div>
    </div>
 </template>
-<style scoped></style>
+<style scoped>
+.statistics {
+    >div {
+        margin-bottom: 20px;
+
+        h3 {
+            font-weight: 400;
+        }
+    }
+
+    .dom {
+        width: 100%;
+        height: 300px;
+    }
+
+    .type {
+        display: flex;
+        gap: 20px;
+
+        >div {
+            flex: 1;
+        }
+    }
+
+    .top {
+        h2 {
+            margin-bottom: 5px;
+        }
+
+        p {
+            margin-top: 5px;
+        }
+    }
+}
+</style>
--- a/src/views/surgery/index.vue
+++ b/src/views/surgery/index.vue
@ -233,10 +233,6 @@ const openDialog = () => {
 }

 .surgery {
-
-    /* .form {
-        padding-top: 20px;
-    } */
    .basic_info {
        ul {
            border: 1px solid #ebeef5;
Author	SHA1	Message	Date
chenhaizhao	160773fc38	添加pinia	2026-02-26 15:50:02 +08:00
chenhaizhao	1c77a105b4	统计分析页面开发，和页面调整	2026-02-03 15:27:58 +08:00