feat

apps/web-antd/src/api/analytics/index.ts

@@ -25,6 +25,18 @@ export function getworkOrder() {
 export function getTodayMeetCount() {
   return requestClient.get<any>('/property/screen/todayMeetCount');
 }
+// 水电
+export function getHydropower() {
+  return requestClient.get<any>('/property/meterInfo/statusCount');
+}
+// 门禁
+export function getAccessControl() {
+  return requestClient.get<any>('/sis/e8/door/online');
+}
+// 摄像头状态
+export function getCamera() {
+  return requestClient.get<any>('/sis/deviceManage/online');
+}
 // /**
 //  * 导出资产管理列表
 //  * @param params

apps/web-antd/src/views/property/businessManagement/workOrderProcessed/work-orders-detail.vue

@@ -81,6 +81,10 @@ async function handleOpenChange(open: boolean) {
             :is="orderDetail.isTimeOut ? renderDict(orderDetail.isTimeOut,'wy_sf') : ''"
           />
         </DescriptionsItem>
+        <DescriptionsItem label="工单图片" v-if="orderDetail.orderImgPath" :span="2">
+          <img v-for="item in orderDetail.orderImgPath" :src="item" alt="图片加载失败"
+               class="orders-img"/>
+        </DescriptionsItem>
         <DescriptionsItem label="备注">
           {{ orderDetail.remark }}
         </DescriptionsItem>

apps/web-antd/src/views/property/businessManagement/workOrders/work-orders-detail.vue

@@ -112,7 +112,7 @@ async function handleOpenChange(open: boolean) {
         <DescriptionsItem label="创建时间">
           {{ orderDetail.createTime }}
         </DescriptionsItem>
-        <DescriptionsItem label="完成时间">
+        <DescriptionsItem label="完成时间" v-if="orderDetail.compleTime!=null">
           {{ orderDetail.compleTime }}
         </DescriptionsItem>
         <DescriptionsItem label="是否超时" :span="2">

apps/web-antd/src/views/property/businessManagement/workOrdersType/data.ts

@@ -68,11 +68,6 @@ export const columns: VxeGridProps['columns'] = [
     field: 'sort',
     width: 180,
   },
-  {
-    title: '累计工单数量',
-    field: 'number',
-    width: 180,
-  },
   {
     title: '是否支持转单',
     field: 'isTransfers',

apps/web-antd/src/views/property/room/data.ts

@@ -73,7 +73,7 @@ export const modalSchema: FormSchemaGetter = () => [
     component: 'TreeSelect',
     fieldName: 'floorId',
     defaultValue: undefined,
-    label: '社区建筑',
+    label: '园区建筑',
     rules: 'selectRequired',
     formItemClass: 'col-span-2',
   },

apps/web-antd/src/views/property/room/room-detail.vue

@@ -38,7 +38,7 @@ async function handleOpenChange(open: boolean) {
   <BasicModal :footer="false" :fullscreen-button="false" title="房间详情" class="w-[70%]">
     <Descriptions v-if="roomDetail" size="small" :column="2" bordered
                   :labelStyle="{width:'120px'}">
-      <DescriptionsItem label="社区">
+      <DescriptionsItem label="园区">
         {{ roomDetail.communityText }}
       </DescriptionsItem>
       <DescriptionsItem label="建筑名称">

apps/web-antd/src/views/screen/property/analytics-trends.vue

@@ -48,8 +48,8 @@ const getMeterRecordTrend = async (selectedDate: any) => {
       bottom: 125,
       containLabel: true,
       left: '2%',
-      right: '8%',
+      right: '2%',
-      top: '8%',
+      top: '2%',
     },
     series: [
       {
@@ -91,7 +91,6 @@ const getMeterRecordTrend = async (selectedDate: any) => {
     //   type: 'category',
     // },
     xAxis: {
-      name: '月',
       axisTick: {
         show: false,
       },
@@ -109,7 +108,6 @@ const getMeterRecordTrend = async (selectedDate: any) => {
     },
     yAxis: [
       {
-        name: 'KW.h',
         axisTick: {
           show: false,
         },

apps/web-antd/src/views/screen/property/index.vue

@@ -70,28 +70,56 @@
             </div>
           </div>
           <div class="content-center-second">
-            <div class="second-item" @click="changeToPersonnelDuty">
+            <div>
-              <div>
+              <EchartsUI
-                <div class="second-item-box1">645</div>
+                ref="water"
-                <div class="second-item-box-label">采购部</div>
+                height="100%"
-              </div>
+                width="150px"
-              <div>
+              />
-                <div class="second-item-box2">729</div>
-                <div class="second-item-box-label">研发部</div>
-              </div>
-              <div>
-                <div class="second-item-box3">648</div>
-                <div class="second-item-box-label">安保部</div>
-              </div>
-              <div>
-                <div class="second-item-box4">786</div>
-                <div class="second-item-box-label">人事部</div>
-              </div>
-              <div>
-                <div class="second-item-box5">645</div>
-                <div class="second-item-box-label">财务部</div>
-              </div>
             </div>
+            <div>
+              <EchartsUI
+                ref="electricity"
+                height="100%"
+                width="150px"
+              />
+            </div>
+            <div>
+              <EchartsUI
+                ref="accessControl"
+                height="100%"
+                width="150px"
+              />
+            </div>
+            <div>
+              <EchartsUI
+                ref="camera"
+                height="100%"
+                width="150px"
+              />
+            </div>
+<!--            <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>-->
+<!--                <div class="second-item-box-label">研发部</div>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                <div class="second-item-box3">648</div>-->
+<!--                <div class="second-item-box-label">安保部</div>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                <div class="second-item-box4">786</div>-->
+<!--                <div class="second-item-box-label">人事部</div>-->
+<!--              </div>-->
+<!--              <div>-->
+<!--                <div class="second-item-box5">645</div>-->
+<!--                <div class="second-item-box-label">财务部</div>-->
+<!--              </div>-->
+<!--            </div>-->
           </div>
         </div>
         <div class="content-right">
@@ -135,11 +163,11 @@
 <!--            <div ref="deviceChart" class="device-chart"></div>-->
             <div class="third-item">
               <div class="third-title">会议室总数</div>
-              <div class="third-num">557</div>
+              <div class="third-num">{{todayMeetCount?.meetCount}}</div>
             </div>
             <div class="third-item">
               <div class="third-title">当日预约会议室总数</div>
-              <div class="third-num">669</div>
+              <div class="third-num">{{todayMeetCount?.timeQuantity}}</div>
             </div>
           </div>
         </div>
@@ -149,38 +177,13 @@
 </template>
 
 <script setup lang="ts">
-import {getStatistics,getworkOrder,getTodayMeetCount} from '#/api/analytics';
+import {getStatistics,getworkOrder,getTodayMeetCount,getHydropower,getAccessControl,getCamera} from '#/api/analytics';
 import AnalyticsTrends from './analytics-trends.vue';
 import { Radio } from 'ant-design-vue';
+import {EchartsUI, useEcharts} from "@vben/plugins/echarts";
 
 //预警类型
-const warning = ref([
+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();
 }
@@ -207,10 +210,212 @@ const handleDateChange = (date: any) => {
 const todayMeetCount = ref();
 const handleTodayMeetCount = async () => {
   todayMeetCount.value = await getTodayMeetCount();
-  console.log(todayMeetCount)
-
 };
-
+// 水
+const water = ref();
+const { renderEcharts: renderWater } = useEcharts(water);
+async function fetchWater() {
+  const data = await getHydropower()
+  const waterData = [
+    { name: '离线', value: data.water.off },
+    { name: '在线', value: data.water.on }
+  ];
+  renderWater({
+    title: {
+      text: '水',
+      left: 'center',
+      top: 'bottom',
+      padding: [0, 0, 15, 0],
+      textStyle: {
+        color: '#fff',
+        fontSize: 16,
+      }
+    },
+    tooltip: {
+      trigger: 'item'
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: ['40%', '70%'],
+        avoidLabelOverlap: false,
+        itemStyle: {
+          borderRadius: 5,
+          borderColor: '#fff',
+          borderWidth: 1
+        },
+        label: {
+          show: false,
+          position: 'center'
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: 10,
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data:waterData
+      }
+    ]
+  })
+}
+// 电
+const electricity = ref();
+const { renderEcharts: renderElectricity } = useEcharts(electricity);
+async function fetchElectricity() {
+  const data = await getHydropower()
+  const electricityData = [
+    { name: '离线', value: data.power.off },
+    { name: '在线', value: data.power.on }
+  ];
+  renderElectricity({
+    title: {
+      text: '电',
+      left: 'center',
+      top: 'bottom',
+      padding: [0, 0, 15, 0],
+      textStyle: {
+        color: '#fff',
+        fontSize: 16,
+      }
+    },
+    tooltip: {
+      trigger: 'item'
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: ['40%', '70%'],
+        avoidLabelOverlap: false,
+        itemStyle: {
+          borderRadius: 5,
+          borderColor: '#fff',
+          borderWidth: 1
+        },
+        label: {
+          show: false,
+          position: 'center'
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: 10,
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data:electricityData
+      }
+    ]
+  })
+}
+// 门禁
+const accessControl = ref();
+const { renderEcharts: renderAccessControl } = useEcharts(accessControl);
+async function fetchAccessControl() {
+  const data = await getAccessControl()
+  const accessControlData = [
+    { name: '离线', value: data.off },
+    { name: '在线', value: data.on }
+  ];
+  renderAccessControl({
+    title: {
+      text: '门禁',
+      left: 'center',
+      top: 'bottom',
+      padding: [0, 0, 15, 0],
+      textStyle: {
+        color: '#fff',
+        fontSize: 16,
+      }
+    },
+    tooltip: {
+      trigger: 'item'
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: ['40%', '70%'],
+        avoidLabelOverlap: false,
+        itemStyle: {
+          borderRadius: 5,
+          borderColor: '#fff',
+          borderWidth: 1
+        },
+        label: {
+          show: false,
+          position: 'center'
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: 10,
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data:accessControlData
+      }
+    ]
+  })
+}
+// 摄像头
+const camera = ref();
+const { renderEcharts: renderCamera } = useEcharts(camera);
+async function fetchCamera() {
+  const data = await getCamera()
+  console.log(data,111)
+  const cameraData = [
+    { name: '离线', value: data.off },
+    { name: '在线', value: data.on }
+  ];
+  renderCamera({
+    title: {
+      text: '摄像头',
+      left: 'center',
+      top: 'bottom',
+      padding: [0, 0, 15, 0],
+      textStyle: {
+        color: '#fff',
+        fontSize: 16,
+      }
+    },
+    tooltip: {
+      trigger: 'item'
+    },
+    series: [
+      {
+        type: 'pie',
+        radius: ['40%', '70%'],
+        avoidLabelOverlap: false,
+        itemStyle: {
+          borderRadius: 5,
+          borderColor: '#fff',
+          borderWidth: 1
+        },
+        label: {
+          show: false,
+          position: 'center'
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: 10,
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data:cameraData
+      }
+    ]
+  })
+}
 
 
 
@@ -227,7 +432,7 @@ import {
 } from '#/utils/echartsResize';
 import { useFlexibleRem } from '#/utils/useFlexibleRem';
 import {DatePicker} from "ant-design-vue";
-import {getTodayMeetCount} from "#/api/analytics";
+import {getCamera} from "#/api/analytics";
 useFlexibleRem();
 // 路由
 const router = useRouter();
@@ -586,14 +791,18 @@ const initPie3DChart = () => {
   }
 };
 
-const changeToPersonnelDuty=()=>{
+// const changeToPersonnelDuty=()=>{
-  router.push('/property/attendanceManagement/workforceManagement')
+//   router.push('/property/attendanceManagement/workforceManagement')
-}
+// }
 
 // 组件挂载时初始化
 onMounted(() => {
   getWarning()
   handleTodayMeetCount()
+  fetchWater()
+  fetchElectricity()
+  fetchAccessControl()
+  fetchCamera()
 
   updateTime();
   timer = setInterval(updateTime, 1000);
@@ -657,7 +866,7 @@ onBeforeUnmount(() => {
 }
 .mian {
   height: 100vh;
-  background: url('../../../assets/property/bg.png');
+  background: url('../../../assets/property/bg1.png');
   background-size: 100% 100%;
   background-color: #081b3a;
   display: flex;
@@ -841,90 +1050,9 @@ onBeforeUnmount(() => {
         }
       }
       .content-center-second {
-        display: flex;
-        justify-content: center;
-        align-items: center;
         height: 12.5rem;
-        .second-item {
+        display: flex;
-          width: 100%;
+        justify-content: space-around;
-          display: flex;
-          justify-content: space-around;
-          align-items: center;
-          cursor: pointer;
-          .second-item-box1 {
-            width: 7rem;
-            height: 7rem;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-family: ShiShangZhongHeiJianTi;
-            font-weight: 400;
-            font-size: 1.37rem;
-            color: #ffffff;
-            background: url('../../../assets/property/personnel-duty-circle1.png');
-            background-size: 100% 100%;
-          }
-          .second-item-box-label{
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-weight: 400;
-            font-size: 1rem;
-            color: #ffffff;
-          }
-          .second-item-box2 {
-            width: 7rem;
-            height: 7rem;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-family: ShiShangZhongHeiJianTi;
-            font-weight: 400;
-            font-size: 1.37rem;
-            color: #ffffff;
-            background: url('../../../assets/property/personnel-duty-circle2.png');
-            background-size: 100% 100%;
-          }
-          .second-item-box3 {
-            width: 7rem;
-            height: 7rem;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-family: ShiShangZhongHeiJianTi;
-            font-weight: 400;
-            font-size: 1.37rem;
-            color: #ffffff;
-            background: url('../../../assets/property/personnel-duty-circle3.png');
-            background-size: 100% 100%;
-          }
-          .second-item-box4 {
-            width: 7rem;
-            height: 7rem;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-family: ShiShangZhongHeiJianTi;
-            font-weight: 400;
-            font-size: 1.37rem;
-            color: #ffffff;
-            background: url('../../../assets/property/personnel-duty-circle1.png');
-            background-size: 100% 100%;
-          }
-          .second-item-box5 {
-            width: 7rem;
-            height: 7rem;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-family: ShiShangZhongHeiJianTi;
-            font-weight: 400;
-            font-size: 1.37rem;
-            color: #ffffff;
-            background: url('../../../assets/property/personnel-duty-circle4.png');
-            background-size: 100% 100%;
-          }
-        }
       }
     }
     .content-right {

apps/web-antd/src/views/system/user/data.tsx

@@ -43,12 +43,12 @@ export const columns: VxeGridProps['columns'] = [
   { type: 'checkbox', width: 60 },
   {
     field: 'userName',
-    title: '名称',
+    title: '账号',
     minWidth: 80,
   },
   {
     field: 'nickName',
-    title: '昵称',
+    title: '名称',
     minWidth: 130,
   },
   {