From e479f3851c303c97db18303b2d80cc5458368241 Mon Sep 17 00:00:00 2001
From: dev_ljl <2590379346@qq.com>
Date: Tue, 9 Sep 2025 17:49:34 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat:=E4=B8=8D=E5=B1=95=E7=A4=BA=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E3=80=81=E5=B1=95=E7=A4=BA=E8=A7=92=E8=89=B2=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/layouts/basic.vue | 20 ++++++++++----------
 apps/web-antd/src/store/auth.ts     |  1 +
 packages/stores/src/modules/user.ts |  2 ++
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/apps/web-antd/src/layouts/basic.vue b/apps/web-antd/src/layouts/basic.vue
index 61256dab..eaa9997b 100644
--- a/apps/web-antd/src/layouts/basic.vue
+++ b/apps/web-antd/src/layouts/basic.vue
@@ -41,15 +41,15 @@ const { destroyWatermark, updateWatermark } = useWatermark();
 const tenantStore = useTenantStore();
 const menus = computed(() => {
   const defaultMenus = [
-    {
-      handler: () => {
-        openWindow(VBEN_DOC_URL, {
-          target: '_blank',
-        });
-      },
-      icon: BookOpenText,
-      text: $t('ui.widgets.document'),
-    },
+    // {
+    //   handler: () => {
+    //     openWindow(VBEN_DOC_URL, {
+    //       target: '_blank',
+    //     });
+    //   },
+    //   icon: BookOpenText,
+    //   text: $t('ui.widgets.document'),
+    // },
     {
       handler: () => {
         router.push('/profile');
@@ -146,7 +146,7 @@ watch(
         :avatar
         :menus
         :text="userStore.userInfo?.realName"
-        :description="userStore.userInfo?.roles[0]"
+        :description="userStore.userInfo?.roleName"
         tag-text="Pro"
         @logout="handleLogout"
       />
diff --git a/apps/web-antd/src/store/auth.ts b/apps/web-antd/src/store/auth.ts
index 2160ba05..db3637c4 100644
--- a/apps/web-antd/src/store/auth.ts
+++ b/apps/web-antd/src/store/auth.ts
@@ -116,6 +116,7 @@ export const useAuthStore = defineStore('auth', () => {
       roles,
       userId: user.userId,
       username: user.userName,
+      roleName:user.roles[0]?.roleName,
     }
     userStore.setUserInfo(userInfo)
 
diff --git a/packages/stores/src/modules/user.ts b/packages/stores/src/modules/user.ts
index 56810b4f..9a426040 100644
--- a/packages/stores/src/modules/user.ts
+++ b/packages/stores/src/modules/user.ts
@@ -18,6 +18,8 @@ interface BasicUserInfo {
    * 用户角色
    */
   roles: string[];
+
+  roleName: string;
   /**
    * 用户id
    */

From ef72d3a38e15211a0edf1ad50011c99ac8c80ace Mon Sep 17 00:00:00 2001
From: FLL <2162874245@qq.com>
Date: Tue, 9 Sep 2025 17:50:56 +0800
Subject: [PATCH 2/4] feat

---
 apps/web-antd/src/api/analytics/index.ts      |   4 +
 .../src/views/dashboard/analytics/index.vue   |   2 +
 .../workforceManagement/arrangement-modal.vue |   4 +-
 .../workforceManagement/data.ts               |   6 +-
 .../workforceManagement/unit-person-modal.vue |   2 +-
 .../workforce-day-detail.vue                  |   2 +-
 .../workforceManagement/workforce-detail.vue  |   6 +-
 .../workOrderPending/data.ts                  |   4 -
 .../workOrderProcessed/data.ts                |   5 -
 .../businessManagement/workOrders/data.ts     |   5 -
 .../screen/property/analytics-trends.vue      | 141 +++++++++++
 .../src/views/screen/property/index.vue       | 225 ++++++++++++++----
 apps/web-antd/src/views/system/role/data.tsx  |   8 +-
 13 files changed, 335 insertions(+), 79 deletions(-)
 create mode 100644 apps/web-antd/src/views/screen/property/analytics-trends.vue

diff --git a/apps/web-antd/src/api/analytics/index.ts b/apps/web-antd/src/api/analytics/index.ts
index 38754d53..9dafc61e 100644
--- a/apps/web-antd/src/api/analytics/index.ts
+++ b/apps/web-antd/src/api/analytics/index.ts
@@ -17,6 +17,10 @@ export function getStatisticsCurrDay() {
 export function getStatistics() {
   return requestClient.get<any>('/sis/alarmEvents/query/statistics');
 }
+// 工单
+export function getworkOrder() {
+  return requestClient.get<any>('/property/screen/typeWorkOrderHistogram');
+}
 // /**
 //  * 导出资产管理列表
 //  * @param params
diff --git a/apps/web-antd/src/views/dashboard/analytics/index.vue b/apps/web-antd/src/views/dashboard/analytics/index.vue
index a0c9d5ab..826e7d35 100644
--- a/apps/web-antd/src/views/dashboard/analytics/index.vue
+++ b/apps/web-antd/src/views/dashboard/analytics/index.vue
@@ -218,6 +218,8 @@ onMounted(() => {
         />
       </div>
     </div>
+
+
     <div class="mt-5 w-full md:flex">
       <AnalysisChartCard class="mt-5 md:mr-4 md:mt-0 md:w-1/3" title="预警类型">
         <AnalyticsVisitsData :statisticsData="statisticsList" />
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/arrangement-modal.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/arrangement-modal.vue
index c497417f..06e315b7 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/arrangement-modal.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/arrangement-modal.vue
@@ -127,7 +127,7 @@ const columns = [
             },
             style: 'margin-right: 4px;',
           },
-          () => user.userName,
+          () => user.nickName,
         ),
       ),
   },
@@ -299,7 +299,7 @@ async function handleConfirm() {
           deptId: item.dept.deptId, //部门ID
           deptName: item.dept.deptName, //部门名称
           employeeId: user.userId, //员工ID
-          employeeName: user.userName, //员工姓名
+          employeeName: user.nickName, //员工姓名
         });
       }
     }
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts
index 0383df0f..22c504d3 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts
@@ -59,7 +59,7 @@ export const querySchema: FormSchemaGetter = () => [
 export const unitQuerySchema: FormSchemaGetter = () => [
   {
     component: 'Input',
-    fieldName: 'userName',
+    fieldName: 'nickName',
     label: '姓名',
   },
   {
@@ -83,7 +83,7 @@ export const columns: VxeGridProps['columns'] = [
   },
   {
     title: '人员',
-    field: 'remoteUserVo.userName',
+    field: 'remoteUserVo.nickName',
     width: 120,
     // width: 'auto',
   },
@@ -196,7 +196,7 @@ export const unitColumns: VxeGridProps['columns'] = [
   },
   {
     title: '姓名',
-    field: 'userName',
+    field: 'nickName',
     minWidth: 120,
   },
   {
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/unit-person-modal.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/unit-person-modal.vue
index d8d7ae92..e5268899 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/unit-person-modal.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/unit-person-modal.vue
@@ -240,7 +240,7 @@ watch(selectedDeptIds, (newVal) => {
               :key="user.userId"
               style="margin-right: 8px"
             >
-              <Tag>{{ user.userName }}</Tag>
+              <Tag>{{ user.nickName }}</Tag>
             </span>
           </div>
           <BasicTable> </BasicTable>
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue
index 696610df..1a00fdaf 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue
@@ -87,7 +87,7 @@ async function handleClosed() {
               :key="item.id"
               class="wrap-cell"
             >
-              {{ item.remoteUserVo.userName }}
+              {{ item.remoteUserVo.nickName }}
               <span v-if="index !== row.userGroupList.length - 1">、</span>
             </span>
           </template>
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue
index de9b4d0e..d7caf72e 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue
@@ -85,7 +85,7 @@ const columns = [
             },
             style: 'margin-right: 4px;',
           },
-          () => user.userName,
+          () => user.nickName,
         ),
       ),
   },
@@ -196,7 +196,7 @@ const [BasicModal, modalApi] = useVbenModal({
           }
           deptMap.get(deptId).users.push({
             userId: item.remoteUserVo.userId,
-            userName: item.remoteUserVo.userName,
+            nickName: item.remoteUserVo.nickName,
           });
         }
         // 转换为 tableData 格式
@@ -254,7 +254,7 @@ async function handleConfirm() {
         deptId: item.dept.deptId,
         deptName: item.dept.deptName,
         employeeId: user.userId,
-        employeeName: user.userName,
+        employeeName: user.nickName,
       })),
     );
     await arrangementUpdate(data);
diff --git a/apps/web-antd/src/views/property/businessManagement/workOrderPending/data.ts b/apps/web-antd/src/views/property/businessManagement/workOrderPending/data.ts
index 3cdf6882..0a81a416 100644
--- a/apps/web-antd/src/views/property/businessManagement/workOrderPending/data.ts
+++ b/apps/web-antd/src/views/property/businessManagement/workOrderPending/data.ts
@@ -20,10 +20,6 @@ export const columns: VxeGridProps['columns'] = [
     title: '工单编号',
     field: 'orderNo',
   },
-  {
-    title: '工单名称',
-    field: 'orderName',
-  },
   {
     title: '工单类型',
     field: 'typeName',
diff --git a/apps/web-antd/src/views/property/businessManagement/workOrderProcessed/data.ts b/apps/web-antd/src/views/property/businessManagement/workOrderProcessed/data.ts
index d88cc3c0..2ddeee48 100644
--- a/apps/web-antd/src/views/property/businessManagement/workOrderProcessed/data.ts
+++ b/apps/web-antd/src/views/property/businessManagement/workOrderProcessed/data.ts
@@ -23,11 +23,6 @@ export const columns: VxeGridProps['columns'] = [
     field: 'orderNo',
     width: 200,
   },
-  {
-    title: '工单名称',
-    field: 'orderName',
-    minWidth: 180,
-  },
   {
     title: '工单类型',
     field: 'typeName',
diff --git a/apps/web-antd/src/views/property/businessManagement/workOrders/data.ts b/apps/web-antd/src/views/property/businessManagement/workOrders/data.ts
index 3e5d020d..f8b0c660 100644
--- a/apps/web-antd/src/views/property/businessManagement/workOrders/data.ts
+++ b/apps/web-antd/src/views/property/businessManagement/workOrders/data.ts
@@ -39,11 +39,6 @@ export const columns: VxeGridProps['columns'] = [
     field: 'orderNo',
     width: 180,
   },
-  {
-    title: '工单名称',
-    field: 'orderName',
-    minWidth: 180,
-  },
   {
     title: '工单类型',
     field: 'typeName',
diff --git a/apps/web-antd/src/views/screen/property/analytics-trends.vue b/apps/web-antd/src/views/screen/property/analytics-trends.vue
new file mode 100644
index 00000000..c12e3044
--- /dev/null
+++ b/apps/web-antd/src/views/screen/property/analytics-trends.vue
@@ -0,0 +1,141 @@
+<script lang="ts" setup>
+import type { EchartsUIType } from '@vben/plugins/echarts';
+
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
+import { onMounted, ref, defineExpose } from 'vue';
+import { meterRecordTrend } from '#/api/property/energyManagement/meterRecord';
+import dayjs from 'dayjs';
+import * as echarts from "echarts";
+const chartRef = ref<EchartsUIType>();
+const { renderEcharts } = useEcharts(chartRef);
+// 添加日期选择相关逻辑
+const selectedDate = ref<string>(dayjs().format('YYYY-MM'));
+// 获取当月天数
+const getDaysInMonth = (date: any) => {
+  const year = parseInt(date.split('-')[0]);
+  const month = parseInt(date.split('-')[1]);
+  const daysInMonth = new Date(year, month, 0).getDate();
+  return Array.from({ length: daysInMonth }, (_, i) => i + 1);
+};
+const getMeterRecordTrend = async (selectedDate: any) => {
+  const res = await meterRecordTrend({
+    day: dayjs().format('YYYY-MM-DD'),
+    month: selectedDate.value,
+    year: dayjs().format('YYYY'),
+    meterType: 1,
+    meterId: null,
+    floorId: null,
+  });
+
+  // 处理返回的数据
+  const chartData = res.day.nowMonth.data || [];
+
+  // 创建一个映射，将日期和数值对应起来
+  const dataMap: Record<string, string> = {};
+  chartData.forEach(([day, value]: [string, string]) => {
+    dataMap[day] = value;
+  });
+
+  // 获取当月所有日期
+  const days = getDaysInMonth(selectedDate.value);
+
+  // 为没有数据的日期填充0，构建完整的数据数组
+  const seriesData = days.map((day) => {
+    return parseFloat(dataMap[day.toString()] || '0');
+  });
+  renderEcharts({
+    grid: {
+      bottom: 125,
+      containLabel: true,
+      left: '2%',
+      right: '8%',
+      top: '8%',
+    },
+    series: [
+      {
+        areaStyle: {},
+        data: seriesData,
+        itemStyle: {
+          color: '#3ec6ff',
+        },
+        smooth: true,
+        type: 'line',
+        areaStyle: {
+          color: new echarts.graphic.LinearGradient(
+            0,
+            0,
+            0,
+            1, // 上→下
+            [
+              { offset: 0, color: '#32B7E9' },
+              { offset: 1, color: 'rgba(50,183,233,0)' },
+            ],
+          ),
+        },
+      },
+    ],
+    tooltip: {
+      axisPointer: {
+        lineStyle: {
+          width: 1,
+        },
+      },
+      trigger: 'axis',
+    },
+    // xAxis: {
+    //   axisTick: {
+    //     show: false,
+    //   },
+    //   boundaryGap: false,
+    //   data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+    //   type: 'category',
+    // },
+    xAxis: {
+      name: '月',
+      axisTick: {
+        show: false,
+      },
+      boundaryGap: false,
+      data: days,
+      splitLine: {
+        lineStyle: {
+          type: 'solid',
+          width: 1,
+        },
+        show: false,
+      },
+      type: 'category',
+      axisLabel: { color: '#fff' },
+    },
+    yAxis: [
+      {
+        name: 'KW.h',
+        axisTick: {
+          show: false,
+        },
+        // max: 800,
+        splitArea: {
+          show: false,
+        },
+        splitNumber: 4,
+        type: 'value',
+        axisLabel: { color: '#fff' },
+        splitLine: { lineStyle: { color: '#1e90ff22' } },
+      },
+    ],
+  });
+};
+onMounted(async () => {
+  getMeterRecordTrend(selectedDate);
+});
+// 暴露方法给父组件调用
+defineExpose({
+  getMeterRecordTrend,
+});
+</script>
+
+<template>
+  <div>
+    <EchartsUI ref="chartRef" />
+  </div>
+</template>
diff --git a/apps/web-antd/src/views/screen/property/index.vue b/apps/web-antd/src/views/screen/property/index.vue
index 2ea12f21..a02edb61 100644
--- a/apps/web-antd/src/views/screen/property/index.vue
+++ b/apps/web-antd/src/views/screen/property/index.vue
@@ -53,7 +53,7 @@
             <div
               ref="barChart"
               class="bar-chart"
-              style="width: 100%; height: 100%"
+              style="width: 100%; height:242px"
             ></div>
           </div>
           <div class="second">
@@ -72,14 +72,11 @@
           <div class="content-center-second">
             <div class="second-item" @click="changeToPersonnelDuty">
               <div>
-                <div class="second-item-box1">
-                645
-              </div>
-              <div class="second-item-box-label">采购部</div>
-              </div>
-<div>
-  <div class="second-item-box2">729
+                <div class="second-item-box1">645</div>
+                <div class="second-item-box-label">采购部</div>
               </div>
+              <div>
+                <div class="second-item-box2">729</div>
                 <div class="second-item-box-label">研发部</div>
               </div>
               <div>
@@ -99,32 +96,51 @@
         </div>
         <div class="content-right">
           <div class="first">
-            <div ref="waterChart" class="water-chart"></div>
+<!--            <div ref="waterChart" class="water-chart"></div>-->
             <!-- <div ref="pie3dChart" class="pie3d-chart"></div> -->
+            <div class="mt-8" style="position: relative">
+              <div
+                class="flex items-center justify-between p-5"
+              >
+                <Radio.Group v-model:value="timeUnit" size="small">
+                  <Radio.Button value="1" style="background-color: transparent;color: #fff">电量</Radio.Button>
+                </Radio.Group>
+                <DatePicker
+                  v-model:value="selectedDate"
+                  picker="month"
+                  placeholder="请选择月份"
+                  style="width: 130px;height: 25px;background-color: transparent;"
+                  @change="handleDateChange"
+                  class="white-text-datepicker"
+                />
+              </div>
+              <div v-if="timeUnit == 1">
+                <AnalyticsTrends
+                  ref="analyticsTrendsRef"
+                  :selected-date="selectedDate"
+                />
+              </div>
+            </div>
           </div>
           <div class="second">
             <div class="second-box">
-              <div class="box-content">
-                <div class="box-content-label">维修</div>
-                <div class="box-content-num">132</div>
-              </div>
-              <div class="box-content">
-                <div class="box-content-label">保洁</div>
-                <div class="box-content-num">862</div>
-              </div>
-              <div class="box-content">
-                <div class="box-content-label">客服服务</div>
-                <div class="box-content-num">272</div>
-              </div>
-              <div class="box-content">
-                <div class="box-content-label">安保</div>
-                <div class="box-content-num">272</div>
+              <div class="box-content" v-for="(item,index) in warning" :key="index">
+                <div class="box-content-label">{{ item.typeName }}</div>
+                <div class="box-content-num">{{item.total}}</div>
               </div>
             </div>
             <!-- <div ref="waterChart" class="water-chart"></div> -->
           </div>
           <div class="third">
-            <div ref="deviceChart" class="device-chart"></div>
+<!--            <div ref="deviceChart" class="device-chart"></div>-->
+            <div class="third-item">
+              <div class="third-title">会议室总数</div>
+              <div class="third-num">557</div>
+            </div>
+            <div class="third-item">
+              <div class="third-title">当日预约会议室总数</div>
+              <div class="third-num">669</div>
+            </div>
           </div>
         </div>
       </div>
@@ -133,17 +149,77 @@
 </template>
 
 <script setup lang="ts">
+import {getStatistics,getworkOrder} from '#/api/analytics';
+import AnalyticsTrends from './analytics-trends.vue';
+import { Radio } from 'ant-design-vue';
+
+//预警类型
+const warning = ref([
+  // {
+  //   "typeCode": 1025,
+  //   "typeName": "车辆违停占用报警",
+  //   "total": 121
+  // },
+  // {
+  //   "typeCode": 1008,
+  //   "typeName": "周界闯入",
+  //   "total": 64306
+  // },
+  // {
+  //   "typeCode": 1026,
+  //   "typeName": "黑名单人员",
+  //   "total": 25
+  // },
+  // {
+  //   "typeCode": 1007,
+  //   "typeName": "人员聚集",
+  //   "total": 250
+  // },
+  // {
+  //   "typeCode": 1028,
+  //   "typeName": "非法停车",
+  //   "total": 628
+  // }
+])
+async function getWarning() {
+  warning.value = await getStatistics();
+}
+//tab选择
+const timeUnit = ref(1);
+// 月份选择
+const selectedDate = ref<any>(null);
+const paramDate = ref(null);
+
+const analyticsTrendsRef = ref<InstanceType<typeof AnalyticsTrends> | null>(
+  null,
+);
+const handleDateChange = (date: any) => {
+  paramDate.value = date.format('YYYY-MM');
+  // 调用子组件的方法
+  if (
+    analyticsTrendsRef.value &&
+    analyticsTrendsRef.value.getMeterRecordTrend
+  ) {
+    analyticsTrendsRef.value.getMeterRecordTrend(paramDate);
+  }
+};
+
+
+
+
+
+
 import { ref, onMounted, onBeforeUnmount } from 'vue';
 import { useRouter } from 'vue-router';
 import * as echarts from 'echarts';
 import 'echarts-gl';
-import { getThreeDBarOption } from '#/utils/threeDBarOption';
 import { renderPie3DChart } from '#/utils/pie3d';
 import {
   addChartToResizeManager,
   removeChartFromResizeManager,
 } from '#/utils/echartsResize';
 import { useFlexibleRem } from '#/utils/useFlexibleRem';
+import {DatePicker} from "ant-design-vue";
 useFlexibleRem();
 // 路由
 const router = useRouter();
@@ -197,33 +273,35 @@ const updateTime = () => {
   if (dateElement) dateElement.innerText = date;
 };
 
-// 初始化柱状图
-const initBarChart = () => {
-  if (!barChart.value) return;
 
+// 初始化柱状图
+const initBarChart = async () => {
+  if (!barChart.value) return;
   const myChart = echarts.init(barChart.value);
+  const workOrder = await getworkOrder();
+  const title = workOrder.map((item) => {return item.type})
+  const statuses = ['已派单', '处理中', '已完成', '创建工单'];
+  const seriesData = statuses.map(status => {
+    return {
+      name: status,
+      type: 'bar',
+      emphasis: { focus: 'series' },
+      data: workOrder.map(item => item.statusCounts[status])
+    };
+  });
   myChart.setOption({
     tooltip: {},
+    legend: {
+      data: statuses,  // 图例数据，与series中的name对应
+      top: 10,         // 位置控制
+      textStyle: {
+        color: '#fff'
+      }
+    },
     grid: { left: 40, right: 20, top: 50, bottom: 25 },
-    xAxis: { data: ['A', 'B', 'C', 'D'] },
-    yAxis: {},
-    series: [
-      {
-        name: '数量',
-        type: 'bar',
-        data: [5, 20, 36, 10, 10, 20],
-      },
-      {
-        name: '已处理',
-        type: 'bar',
-        data: [2, 10, 16, 3, 6, 8],
-      },
-      {
-        name: '待处理',
-        type: 'bar',
-        data: [3, 10, 20, 7, 4, 12],
-      },
-    ],
+    xAxis: { data: title ,axisLabel: { color: '#fff' },},
+    yAxis: {axisLabel: { color: '#fff' },},
+    series:seriesData,
   });
 };
 
@@ -506,6 +584,8 @@ const changeToPersonnelDuty=()=>{
 
 // 组件挂载时初始化
 onMounted(() => {
+  getWarning()
+
   updateTime();
   timer = setInterval(updateTime, 1000);
   initBarChart();
@@ -551,6 +631,15 @@ onBeforeUnmount(() => {
 </script>
 
 <style scoped>
+.white-text-datepicker :deep(.ant-picker-input > input::placeholder) {
+  color: #fff !important;
+}
+.white-text-datepicker :deep(.ant-picker-input > input) {
+  color: white !important;
+}
+.white-text-datepicker :deep(.ant-picker-suffix > .anticon) {
+  color: white !important;
+}
 @font-face {
   font-family: 'ShiShangZhongHeiJianTi';
   src: url('../../../assets/fonts/时尚中黑简体.ttf') format('truetype');
@@ -707,6 +796,7 @@ onBeforeUnmount(() => {
           margin: 0 auto;
         }
         .bar-chart {
+          margin-top: 35px;
         }
       }
       .second {
@@ -835,6 +925,7 @@ onBeforeUnmount(() => {
       justify-content: space-between;
       .first {
         height: 16.81rem;
+        //background-color: red;
         .water-chart {
           height: 100%;
           /* margin-top: 0.2rem; */
@@ -845,13 +936,14 @@ onBeforeUnmount(() => {
         margin-top: 2rem;
         margin-bottom: 2rem;
         .second-box {
-          margin-top: 2rem;
+          margin-left: 0.5rem;
+          margin-top: 3.5rem;
           display: flex;
           justify-content: space-around;
           align-items: center;
           .box-content {
-            height: 8rem;
-            width: 8rem;
+            height: 7rem;
+            width: 7rem;
             display: flex;
             flex-direction: column;
             justify-content: center;
@@ -880,7 +972,38 @@ onBeforeUnmount(() => {
         }
       }
       .third {
+        padding: 5rem;
         height: 13.12rem;
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        .third-item{
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          .third-title{
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 0.8rem;
+            color: #c4d6ff;
+            line-height: 2rem;
+          }
+          .third-num{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 6rem;
+            height: 4rem;
+            background: url('../../../assets/monitor/device-alerts-bg2.png');
+            background-size: 100% 100%;
+
+            font-family: Microsoft YaHei;
+            font-weight: 400;
+            font-size: 1.2rem;
+            color: #ffffff;
+          }
+        }
         .device-chart {
           height: 10rem;
           margin-top: 2rem;
diff --git a/apps/web-antd/src/views/system/role/data.tsx b/apps/web-antd/src/views/system/role/data.tsx
index 4fe79453..795a74cf 100644
--- a/apps/web-antd/src/views/system/role/data.tsx
+++ b/apps/web-antd/src/views/system/role/data.tsx
@@ -24,12 +24,12 @@ export const querySchema: FormSchemaGetter = () => [
   {
     component: 'Input',
     fieldName: 'roleName',
-    label: '角色名称',
+    label: '账号',
   },
   {
     component: 'Input',
     fieldName: 'roleKey',
-    label: '权限字符',
+    label: '名称',
   },
   {
     component: 'Select',
@@ -49,11 +49,11 @@ export const querySchema: FormSchemaGetter = () => [
 export const columns: VxeGridProps['columns'] = [
   { type: 'checkbox', width: 60 },
   {
-    title: '角色名称',
+    title: '账号',
     field: 'roleName',
   },
   {
-    title: '权限字符',
+    title: '名称',
     field: 'roleKey',
     slots: {
       default: ({ row }) => {

From 24ef7391a7b219cf49650c283e83c3b4af90cb67 Mon Sep 17 00:00:00 2001
From: FLL <2162874245@qq.com>
Date: Tue, 9 Sep 2025 18:34:45 +0800
Subject: [PATCH 3/4] feat

---
 apps/web-antd/src/api/analytics/index.ts            |  4 ++++
 .../src/api/property/resident/unit/index.ts         |  7 +++++++
 .../views/property/resident/unit/unit-detail.vue    | 13 ++++++++-----
 apps/web-antd/src/views/screen/property/index.vue   | 11 ++++++++++-
 4 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/apps/web-antd/src/api/analytics/index.ts b/apps/web-antd/src/api/analytics/index.ts
index 9dafc61e..94e746b3 100644
--- a/apps/web-antd/src/api/analytics/index.ts
+++ b/apps/web-antd/src/api/analytics/index.ts
@@ -21,6 +21,10 @@ export function getStatistics() {
 export function getworkOrder() {
   return requestClient.get<any>('/property/screen/typeWorkOrderHistogram');
 }
+// 会议室
+export function getTodayMeetCount() {
+  return requestClient.get<any>('/property/screen/todayMeetCount');
+}
 // /**
 //  * 导出资产管理列表
 //  * @param params
diff --git a/apps/web-antd/src/api/property/resident/unit/index.ts b/apps/web-antd/src/api/property/resident/unit/index.ts
index aa042dcd..bb7b71ef 100644
--- a/apps/web-antd/src/api/property/resident/unit/index.ts
+++ b/apps/web-antd/src/api/property/resident/unit/index.ts
@@ -5,6 +5,7 @@ import type { PageResult } from '#/api/common';
 
 import { commonExport } from '#/api/helper';
 import { requestClient } from '#/api/request';
+import type {AuthGroupQuery, AuthGroupVO} from "#/api/sis/authGroup/model";
 
 /**
 * 查询入驻单位列表
@@ -32,6 +33,12 @@ export function resident_unitExport(params?: Resident_unitQuery) {
 export function resident_unitInfo(id: ID) {
   return requestClient.get<Resident_unitVO>(`/property/resident_unit/${id}`);
 }
+/**
+ * 通行权限组
+ */
+export function authGroupList(params?: AuthGroupQuery) {
+  return requestClient.get<PageResult<AuthGroupVO>>('/sis/authGroup/list', { params });
+}
 
 /**
  * 新增入驻单位
diff --git a/apps/web-antd/src/views/property/resident/unit/unit-detail.vue b/apps/web-antd/src/views/property/resident/unit/unit-detail.vue
index 398f6908..a04f2bf8 100644
--- a/apps/web-antd/src/views/property/resident/unit/unit-detail.vue
+++ b/apps/web-antd/src/views/property/resident/unit/unit-detail.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type {Unit} from '#/api/property/resident/unit/model';
 
-import {shallowRef} from 'vue';
+import {shallowRef,ref} from 'vue';
 
 import {useVbenModal} from '@vben/common-ui';
 
@@ -10,7 +10,7 @@ import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
 import relativeTime from 'dayjs/plugin/relativeTime';
 
-import {resident_unitInfo} from '#/api/property/resident/unit';
+import {resident_unitInfo, authGroupList} from '#/api/property/resident/unit';
 import {renderDict} from "#/utils/render";
 
 dayjs.extend(duration);
@@ -24,7 +24,7 @@ const [BasicModal, modalApi] = useVbenModal({
 });
 
 const unitDetail = shallowRef<null | Unit>(null);
-
+const authGroupName = ref('')
 async function handleOpenChange(open: boolean) {
   if (!open) {
     return null;
@@ -33,13 +33,16 @@ async function handleOpenChange(open: boolean) {
 
   const {id} = modalApi.getData() as { id: number | string };
   const response = await resident_unitInfo(id);
+  const authGroupId = response.authGroupId;
+  const res = await authGroupList();
+  const authGroup = res.rows;
+  authGroupName.value = authGroup.find(item => item.id === authGroupId)?.name;
   // 赋值
   unitDetail.value = response;
 
   modalApi.modalLoading(false);
 }
 
-
 </script>
 
 <template>
@@ -80,7 +83,7 @@ async function handleOpenChange(open: boolean) {
         />
       </DescriptionsItem>
        <DescriptionsItem label="通行权限组">
-        {{ unitDetail.authGroupId ?? '-' }}
+        {{ authGroupName }}
       </DescriptionsItem>
       <DescriptionsItem label="备注">
         {{ unitDetail.remark ?? '-' }}
diff --git a/apps/web-antd/src/views/screen/property/index.vue b/apps/web-antd/src/views/screen/property/index.vue
index a02edb61..a778a439 100644
--- a/apps/web-antd/src/views/screen/property/index.vue
+++ b/apps/web-antd/src/views/screen/property/index.vue
@@ -149,7 +149,7 @@
 </template>
 
 <script setup lang="ts">
-import {getStatistics,getworkOrder} from '#/api/analytics';
+import {getStatistics,getworkOrder,getTodayMeetCount} from '#/api/analytics';
 import AnalyticsTrends from './analytics-trends.vue';
 import { Radio } from 'ant-design-vue';
 
@@ -203,6 +203,13 @@ const handleDateChange = (date: any) => {
     analyticsTrendsRef.value.getMeterRecordTrend(paramDate);
   }
 };
+//会议室
+const todayMeetCount = ref();
+const handleTodayMeetCount = async () => {
+  todayMeetCount.value = await getTodayMeetCount();
+  console.log(todayMeetCount)
+
+};
 
 
 
@@ -220,6 +227,7 @@ import {
 } from '#/utils/echartsResize';
 import { useFlexibleRem } from '#/utils/useFlexibleRem';
 import {DatePicker} from "ant-design-vue";
+import {getTodayMeetCount} from "#/api/analytics";
 useFlexibleRem();
 // 路由
 const router = useRouter();
@@ -585,6 +593,7 @@ const changeToPersonnelDuty=()=>{
 // 组件挂载时初始化
 onMounted(() => {
   getWarning()
+  handleTodayMeetCount()
 
   updateTime();
   timer = setInterval(updateTime, 1000);

From 5c86b29c14be718141b6e1d0563562d4ed03b8bd Mon Sep 17 00:00:00 2001
From: zcxlsm <patrickstarlsm@163.com>
Date: Tue, 9 Sep 2025 19:04:07 +0800
Subject: [PATCH 4/4] refactor(property): 1

---
 .../src/api/property/resident/passRecordManagement/index.ts | 6 +++---
 apps/web-antd/vite.config.mts                               | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web-antd/src/api/property/resident/passRecordManagement/index.ts b/apps/web-antd/src/api/property/resident/passRecordManagement/index.ts
index 92b2c5fd..eb9b6143 100644
--- a/apps/web-antd/src/api/property/resident/passRecordManagement/index.ts
+++ b/apps/web-antd/src/api/property/resident/passRecordManagement/index.ts
@@ -1,5 +1,5 @@
-import { requestClient } from '#/api/request';
-import type { PageResult } from '#/api/common';
+import { requestClient } from '#/api/request'
+import type { PageResult } from '#/api/common'
 
 /**
  * 通行记录列表
@@ -7,5 +7,5 @@ import type { PageResult } from '#/api/common';
  * @returns void
  */
 export function getVisitorList(params?: any) {
-  return requestClient.get<PageResult<any>>('/sis/visitor/list', { params });
+  return requestClient.get<PageResult<any>>('/sis/e8/visitor/list', { params })
 }
diff --git a/apps/web-antd/vite.config.mts b/apps/web-antd/vite.config.mts
index 1d6a92d6..7e884500 100644
--- a/apps/web-antd/vite.config.mts
+++ b/apps/web-antd/vite.config.mts
@@ -27,7 +27,7 @@ export default defineConfig(async () => {
             changeOrigin: true,
             rewrite: (path) => path.replace(/^\/api/, ''),
             // mock代理目标地址
-            target: 'http://183.230.235.66:11010/api',
+            target: 'http://localhost:8080',
             ws: true,
           },
         },