Merge branch 'master' of http://47.109.37.87:3000/by2025/admin-vben5
This commit is contained in:
@@ -25,6 +25,36 @@ export function getworkOrder() {
|
|||||||
export function getTodayMeetCount() {
|
export function getTodayMeetCount() {
|
||||||
return requestClient.get<any>('/property/screen/todayMeetCount');
|
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');
|
||||||
|
}
|
||||||
|
//车流
|
||||||
|
export async function queryTwentyfourRunningDatasByPlNos() {
|
||||||
|
let params = {
|
||||||
|
"orgId": "10012",
|
||||||
|
"plNos": [
|
||||||
|
"PFN000000012",
|
||||||
|
"PFN000000025"
|
||||||
|
]
|
||||||
|
};
|
||||||
|
const response = await fetch('https://server.cqnctc.com:6081/web/thirdParty/queryTwentyfourRunningDatasByPlNos', {
|
||||||
|
method: 'POST', // 指定请求方法为POST
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json', // 设置内容类型为JSON
|
||||||
|
},
|
||||||
|
body: JSON.stringify(params), // 将参数对象转换为JSON字符串并作为请求体发送
|
||||||
|
});
|
||||||
|
return response.json();
|
||||||
|
}
|
||||||
// /**
|
// /**
|
||||||
// * 导出资产管理列表
|
// * 导出资产管理列表
|
||||||
// * @param params
|
// * @param params
|
||||||
|
BIN
apps/web-antd/src/assets/property/bg1.png
Normal file
BIN
apps/web-antd/src/assets/property/bg1.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 436 KiB |
@@ -8,6 +8,7 @@ import relativeTime from 'dayjs/plugin/relativeTime';
|
|||||||
import {renderDict} from "#/utils/render";
|
import {renderDict} from "#/utils/render";
|
||||||
import {workOrdersInfo} from "#/api/property/businessManagement/workOrders";
|
import {workOrdersInfo} from "#/api/property/businessManagement/workOrders";
|
||||||
import type {WorkOrdersVO} from "#/api/property/businessManagement/workOrders/model";
|
import type {WorkOrdersVO} from "#/api/property/businessManagement/workOrders/model";
|
||||||
|
import {ossInfo} from "#/api/system/oss";
|
||||||
|
|
||||||
dayjs.extend(duration);
|
dayjs.extend(duration);
|
||||||
dayjs.extend(relativeTime);
|
dayjs.extend(relativeTime);
|
||||||
@@ -35,6 +36,25 @@ async function handleOpenChange(open: boolean) {
|
|||||||
handlerName: index === 0 ? item.initiatorPeople : item.handlerName
|
handlerName: index === 0 ? item.initiatorPeople : item.handlerName
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
|
try {
|
||||||
|
if (orderDetail.value.orderImgUrl) {
|
||||||
|
const res = await ossInfo([orderDetail.value.orderImgUrl]);
|
||||||
|
let imgUrls = [] as string[];
|
||||||
|
res.forEach(item => {
|
||||||
|
imgUrls.push(item.url)
|
||||||
|
})
|
||||||
|
orderDetail.value.orderImgPath = imgUrls;
|
||||||
|
}
|
||||||
|
if (orderDetail.value.imgUrl) {
|
||||||
|
const res = await ossInfo([orderDetail.value.imgUrl]);
|
||||||
|
let imgUrls = [] as string[];
|
||||||
|
res.forEach(item => {
|
||||||
|
imgUrls.push(item.url)
|
||||||
|
})
|
||||||
|
orderDetail.value.evaluateImgPath = imgUrls
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
}
|
||||||
modalApi.modalLoading(false);
|
modalApi.modalLoading(false);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -61,6 +81,10 @@ async function handleOpenChange(open: boolean) {
|
|||||||
<DescriptionsItem label="创建时间">
|
<DescriptionsItem label="创建时间">
|
||||||
{{ orderDetail.createTime }}
|
{{ orderDetail.createTime }}
|
||||||
</DescriptionsItem>
|
</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="计划完成时间">-->
|
<!-- <DescriptionsItem label="计划完成时间">-->
|
||||||
<!-- {{ orderDetail.planCompleTime }}-->
|
<!-- {{ orderDetail.planCompleTime }}-->
|
||||||
<!-- </DescriptionsItem>-->
|
<!-- </DescriptionsItem>-->
|
||||||
|
@@ -8,6 +8,7 @@ import relativeTime from 'dayjs/plugin/relativeTime';
|
|||||||
import {renderDict} from "#/utils/render";
|
import {renderDict} from "#/utils/render";
|
||||||
import {workOrdersInfo} from "#/api/property/businessManagement/workOrders";
|
import {workOrdersInfo} from "#/api/property/businessManagement/workOrders";
|
||||||
import type {WorkOrdersVO} from "#/api/property/businessManagement/workOrders/model";
|
import type {WorkOrdersVO} from "#/api/property/businessManagement/workOrders/model";
|
||||||
|
import {ossInfo} from "#/api/system/oss";
|
||||||
|
|
||||||
dayjs.extend(duration);
|
dayjs.extend(duration);
|
||||||
dayjs.extend(relativeTime);
|
dayjs.extend(relativeTime);
|
||||||
@@ -35,6 +36,25 @@ async function handleOpenChange(open: boolean) {
|
|||||||
handlerName: index === 0 ? item.initiatorPeople : item.handlerName
|
handlerName: index === 0 ? item.initiatorPeople : item.handlerName
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
|
try {
|
||||||
|
if (orderDetail.value.orderImgUrl) {
|
||||||
|
const res = await ossInfo([orderDetail.value.orderImgUrl]);
|
||||||
|
let imgUrls = [] as string[];
|
||||||
|
res.forEach(item => {
|
||||||
|
imgUrls.push(item.url)
|
||||||
|
})
|
||||||
|
orderDetail.value.orderImgPath = imgUrls;
|
||||||
|
}
|
||||||
|
if (orderDetail.value.imgUrl) {
|
||||||
|
const res = await ossInfo([orderDetail.value.imgUrl]);
|
||||||
|
let imgUrls = [] as string[];
|
||||||
|
res.forEach(item => {
|
||||||
|
imgUrls.push(item.url)
|
||||||
|
})
|
||||||
|
orderDetail.value.evaluateImgPath = imgUrls
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
}
|
||||||
modalApi.modalLoading(false);
|
modalApi.modalLoading(false);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -81,6 +101,14 @@ async function handleOpenChange(open: boolean) {
|
|||||||
:is="orderDetail.isTimeOut ? renderDict(orderDetail.isTimeOut,'wy_sf') : ''"
|
:is="orderDetail.isTimeOut ? renderDict(orderDetail.isTimeOut,'wy_sf') : ''"
|
||||||
/>
|
/>
|
||||||
</DescriptionsItem>
|
</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="评价图片" v-if="orderDetail.evaluateImgPath" :span="2">
|
||||||
|
<img v-for="item in orderDetail.evaluateImgPath" :src="item" alt="图片加载失败"
|
||||||
|
class="orders-img"/>
|
||||||
|
</DescriptionsItem>
|
||||||
<DescriptionsItem label="备注">
|
<DescriptionsItem label="备注">
|
||||||
{{ orderDetail.remark }}
|
{{ orderDetail.remark }}
|
||||||
</DescriptionsItem>
|
</DescriptionsItem>
|
||||||
|
@@ -112,7 +112,7 @@ async function handleOpenChange(open: boolean) {
|
|||||||
<DescriptionsItem label="创建时间">
|
<DescriptionsItem label="创建时间">
|
||||||
{{ orderDetail.createTime }}
|
{{ orderDetail.createTime }}
|
||||||
</DescriptionsItem>
|
</DescriptionsItem>
|
||||||
<DescriptionsItem label="完成时间">
|
<DescriptionsItem label="完成时间" v-if="orderDetail.compleTime!=null">
|
||||||
{{ orderDetail.compleTime }}
|
{{ orderDetail.compleTime }}
|
||||||
</DescriptionsItem>
|
</DescriptionsItem>
|
||||||
<DescriptionsItem label="是否超时" :span="2">
|
<DescriptionsItem label="是否超时" :span="2">
|
||||||
|
@@ -68,11 +68,6 @@ export const columns: VxeGridProps['columns'] = [
|
|||||||
field: 'sort',
|
field: 'sort',
|
||||||
width: 180,
|
width: 180,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: '累计工单数量',
|
|
||||||
field: 'number',
|
|
||||||
width: 180,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: '是否支持转单',
|
title: '是否支持转单',
|
||||||
field: 'isTransfers',
|
field: 'isTransfers',
|
||||||
|
@@ -11,7 +11,6 @@ import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
|
|||||||
|
|
||||||
import { modalSchema } from './data';
|
import { modalSchema } from './data';
|
||||||
import {personList} from "#/api/property/resident/person";
|
import {personList} from "#/api/property/resident/person";
|
||||||
import {renderDictValue} from "#/utils/render";
|
|
||||||
import {userList} from "#/api/system/user";
|
import {userList} from "#/api/system/user";
|
||||||
|
|
||||||
const emit = defineEmits<{ reload: [] }>();
|
const emit = defineEmits<{ reload: [] }>();
|
||||||
@@ -105,11 +104,23 @@ async function queryPersonData() {
|
|||||||
pageSize: 1000,
|
pageSize: 1000,
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
}
|
}
|
||||||
const res = await userList(params);
|
const user = await userList(params);
|
||||||
const options = res.rows.map((user) => ({
|
const resident = await personList(params);
|
||||||
label: user.nickName + '-' + renderDictValue(user.sex, 'sys_user_sex')
|
|
||||||
+ '-' + user.phonenumber,
|
const residentPerson = user.rows.map(item => ({
|
||||||
value: user.userId.toString(),
|
name: item.nickName,
|
||||||
|
phone: item.phonenumber,
|
||||||
|
id: item.userId
|
||||||
|
}));
|
||||||
|
const userPerson = resident.rows.map(item => ({
|
||||||
|
name: item.userName,
|
||||||
|
phone: item.phone,
|
||||||
|
id: item.id
|
||||||
|
}));
|
||||||
|
const person = residentPerson.concat(userPerson);
|
||||||
|
const options = person.map((user) => ({
|
||||||
|
label: user.name + '-' + user.phone,
|
||||||
|
value: user.id.toString(),
|
||||||
}));
|
}));
|
||||||
formApi.updateSchema([{
|
formApi.updateSchema([{
|
||||||
componentProps: () => ({
|
componentProps: () => ({
|
||||||
|
@@ -34,22 +34,22 @@ export const columns: VxeGridProps['columns'] = [
|
|||||||
{ type: 'checkbox', width: 60 },
|
{ type: 'checkbox', width: 60 },
|
||||||
{
|
{
|
||||||
title: '巡检计划',
|
title: '巡检计划',
|
||||||
field: 'planId',
|
field: 'planText',
|
||||||
minWidth:200
|
minWidth:200
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '巡检任务',
|
title: '巡检任务',
|
||||||
field: 'taskId',
|
field: 'taskText',
|
||||||
width:150
|
width:150
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '巡检路线',
|
title: '巡检路线',
|
||||||
field: 'routeId',
|
field: 'routeText',
|
||||||
width:150
|
width:150
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '巡检点',
|
title: '巡检点',
|
||||||
field: 'pointId',
|
field: 'pointText',
|
||||||
width:150
|
width:150
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@@ -42,6 +42,10 @@ export const columns: VxeGridProps['columns'] = [
|
|||||||
title: '巡检项目',
|
title: '巡检项目',
|
||||||
field: 'itemName',
|
field: 'itemName',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: '巡检位置',
|
||||||
|
field: 'inspectionLocation',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: 'nfc编码',
|
title: 'nfc编码',
|
||||||
field: 'nfcCode',
|
field: 'nfcCode',
|
||||||
|
@@ -47,6 +47,9 @@ async function handleOpenChange(open: boolean) {
|
|||||||
<DescriptionsItem label="巡检项目">
|
<DescriptionsItem label="巡检项目">
|
||||||
{{pointDetail.itemName}}
|
{{pointDetail.itemName}}
|
||||||
</DescriptionsItem>
|
</DescriptionsItem>
|
||||||
|
<DescriptionsItem label="巡检位置">
|
||||||
|
{{pointDetail.inspectionLocation}}
|
||||||
|
</DescriptionsItem>
|
||||||
<DescriptionsItem label="nfc编码">
|
<DescriptionsItem label="nfc编码">
|
||||||
{{ pointDetail.nfcCode}}
|
{{ pointDetail.nfcCode}}
|
||||||
</DescriptionsItem>
|
</DescriptionsItem>
|
||||||
|
@@ -73,7 +73,7 @@ export const modalSchema: FormSchemaGetter = () => [
|
|||||||
component: 'TreeSelect',
|
component: 'TreeSelect',
|
||||||
fieldName: 'floorId',
|
fieldName: 'floorId',
|
||||||
defaultValue: undefined,
|
defaultValue: undefined,
|
||||||
label: '社区建筑',
|
label: '园区建筑',
|
||||||
rules: 'selectRequired',
|
rules: 'selectRequired',
|
||||||
formItemClass: 'col-span-2',
|
formItemClass: 'col-span-2',
|
||||||
},
|
},
|
||||||
|
@@ -38,7 +38,7 @@ async function handleOpenChange(open: boolean) {
|
|||||||
<BasicModal :footer="false" :fullscreen-button="false" title="房间详情" class="w-[70%]">
|
<BasicModal :footer="false" :fullscreen-button="false" title="房间详情" class="w-[70%]">
|
||||||
<Descriptions v-if="roomDetail" size="small" :column="2" bordered
|
<Descriptions v-if="roomDetail" size="small" :column="2" bordered
|
||||||
:labelStyle="{width:'120px'}">
|
:labelStyle="{width:'120px'}">
|
||||||
<DescriptionsItem label="社区">
|
<DescriptionsItem label="园区">
|
||||||
{{ roomDetail.communityText }}
|
{{ roomDetail.communityText }}
|
||||||
</DescriptionsItem>
|
</DescriptionsItem>
|
||||||
<DescriptionsItem label="建筑名称">
|
<DescriptionsItem label="建筑名称">
|
||||||
|
@@ -48,8 +48,8 @@ const getMeterRecordTrend = async (selectedDate: any) => {
|
|||||||
bottom: 125,
|
bottom: 125,
|
||||||
containLabel: true,
|
containLabel: true,
|
||||||
left: '2%',
|
left: '2%',
|
||||||
right: '8%',
|
right: '2%',
|
||||||
top: '8%',
|
top: '2%',
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
@@ -90,7 +90,6 @@ const getMeterRecordTrend = async (selectedDate: any) => {
|
|||||||
// type: 'category',
|
// type: 'category',
|
||||||
// },
|
// },
|
||||||
xAxis: {
|
xAxis: {
|
||||||
name: '月',
|
|
||||||
axisTick: {
|
axisTick: {
|
||||||
show: false,
|
show: false,
|
||||||
},
|
},
|
||||||
@@ -108,7 +107,6 @@ const getMeterRecordTrend = async (selectedDate: any) => {
|
|||||||
},
|
},
|
||||||
yAxis: [
|
yAxis: [
|
||||||
{
|
{
|
||||||
name: 'KW.h',
|
|
||||||
axisTick: {
|
axisTick: {
|
||||||
show: false,
|
show: false,
|
||||||
},
|
},
|
||||||
|
@@ -70,28 +70,56 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-center-second">
|
<div class="content-center-second">
|
||||||
<div class="second-item" @click="changeToPersonnelDuty">
|
|
||||||
<div>
|
<div>
|
||||||
<div class="second-item-box1">645</div>
|
<EchartsUI
|
||||||
<div class="second-item-box-label">采购部</div>
|
ref="water"
|
||||||
|
height="100%"
|
||||||
|
width="150px"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="second-item-box2">729</div>
|
<EchartsUI
|
||||||
<div class="second-item-box-label">研发部</div>
|
ref="electricity"
|
||||||
|
height="100%"
|
||||||
|
width="150px"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="second-item-box3">648</div>
|
<EchartsUI
|
||||||
<div class="second-item-box-label">安保部</div>
|
ref="accessControl"
|
||||||
|
height="100%"
|
||||||
|
width="150px"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="second-item-box4">786</div>
|
<EchartsUI
|
||||||
<div class="second-item-box-label">人事部</div>
|
ref="camera"
|
||||||
</div>
|
height="100%"
|
||||||
<div>
|
width="150px"
|
||||||
<div class="second-item-box5">645</div>
|
/>
|
||||||
<div class="second-item-box-label">财务部</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</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>
|
</div>
|
||||||
<div class="content-right">
|
<div class="content-right">
|
||||||
@@ -135,11 +163,11 @@
|
|||||||
<!-- <div ref="deviceChart" class="device-chart"></div>-->
|
<!-- <div ref="deviceChart" class="device-chart"></div>-->
|
||||||
<div class="third-item">
|
<div class="third-item">
|
||||||
<div class="third-title">会议室总数</div>
|
<div class="third-title">会议室总数</div>
|
||||||
<div class="third-num">557</div>
|
<div class="third-num">{{todayMeetCount?.meetCount}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="third-item">
|
<div class="third-item">
|
||||||
<div class="third-title">当日预约会议室总数</div>
|
<div class="third-title">当日预约会议室总数</div>
|
||||||
<div class="third-num">669</div>
|
<div class="third-num">{{todayMeetCount?.timeQuantity}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -149,38 +177,13 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import {getStatistics,getworkOrder,getTodayMeetCount} from '#/api/analytics';
|
import {getStatistics,getworkOrder,getTodayMeetCount,getHydropower,getAccessControl,getCamera,queryTwentyfourRunningDatasByPlNos} from '#/api/analytics';
|
||||||
import AnalyticsTrends from './analytics-trends.vue';
|
import AnalyticsTrends from './analytics-trends.vue';
|
||||||
import { Radio } from 'ant-design-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() {
|
async function getWarning() {
|
||||||
warning.value = await getStatistics();
|
warning.value = await getStatistics();
|
||||||
}
|
}
|
||||||
@@ -207,10 +210,211 @@ const handleDateChange = (date: any) => {
|
|||||||
const todayMeetCount = ref();
|
const todayMeetCount = ref();
|
||||||
const handleTodayMeetCount = async () => {
|
const handleTodayMeetCount = async () => {
|
||||||
todayMeetCount.value = await getTodayMeetCount();
|
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()
|
||||||
|
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 +431,7 @@ import {
|
|||||||
} from '#/utils/echartsResize';
|
} from '#/utils/echartsResize';
|
||||||
import { useFlexibleRem } from '#/utils/useFlexibleRem';
|
import { useFlexibleRem } from '#/utils/useFlexibleRem';
|
||||||
import {DatePicker} from "ant-design-vue";
|
import {DatePicker} from "ant-design-vue";
|
||||||
import {getTodayMeetCount} from "#/api/analytics";
|
import {getCamera} from "#/api/analytics";
|
||||||
useFlexibleRem();
|
useFlexibleRem();
|
||||||
// 路由
|
// 路由
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
@@ -372,17 +576,20 @@ const initPowerChart = () => {
|
|||||||
addChartToResizeManager(chart);
|
addChartToResizeManager(chart);
|
||||||
};
|
};
|
||||||
|
|
||||||
// 初始化环境图表
|
// 人流车流
|
||||||
const initEnvChart = () => {
|
const initEnvChart = async () => {
|
||||||
if (!envChart.value) return;
|
if (!envChart.value) return;
|
||||||
|
const data = await queryTwentyfourRunningDatasByPlNos()
|
||||||
|
const inCounts = data.data.inCounts
|
||||||
|
const staticTimeStrs = data.data.staticTimeStrs
|
||||||
|
console.log(data)
|
||||||
const chart = echarts.init(envChart.value);
|
const chart = echarts.init(envChart.value);
|
||||||
const option = {
|
const option = {
|
||||||
tooltip: { trigger: 'axis' },
|
tooltip: { trigger: 'axis' },
|
||||||
grid: { left: 40, right: 20, top: 40, bottom: 30 },
|
grid: { left: 40, right: 20, top: 40, bottom: 30 },
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
data: Array.from({ length: 8 }, (_, i) => (i + 1) * 3),
|
data: staticTimeStrs,
|
||||||
axisLine: { lineStyle: { color: '#3ec6ff' } },
|
axisLine: { lineStyle: { color: '#3ec6ff' } },
|
||||||
axisLabel: { color: '#fff' },
|
axisLabel: { color: '#fff' },
|
||||||
},
|
},
|
||||||
@@ -394,8 +601,8 @@ const initEnvChart = () => {
|
|||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: '今年',
|
name: '车流',
|
||||||
data: [100, 200, 150, 300, 250, 200, 100, 80],
|
data: inCounts,
|
||||||
type: 'line',
|
type: 'line',
|
||||||
smooth: true,
|
smooth: true,
|
||||||
itemStyle: { color: '#b388ff' },
|
itemStyle: { color: '#b388ff' },
|
||||||
@@ -404,17 +611,17 @@ const initEnvChart = () => {
|
|||||||
symbol: 'circle',
|
symbol: 'circle',
|
||||||
symbolSize: 0,
|
symbolSize: 0,
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
name: '去年',
|
// name: '去年',
|
||||||
data: [80, 120, 100, 180, 150, 120, 60, 40],
|
// data: [80, 120, 100, 180, 150, 120, 60, 40],
|
||||||
type: 'line',
|
// type: 'line',
|
||||||
smooth: true,
|
// smooth: true,
|
||||||
itemStyle: { color: '#ffb300' },
|
// itemStyle: { color: '#ffb300' },
|
||||||
lineStyle: { width: 3 },
|
// lineStyle: { width: 3 },
|
||||||
areaStyle: { color: 'rgba(255,179,0,0.15)' },
|
// areaStyle: { color: 'rgba(255,179,0,0.15)' },
|
||||||
symbol: 'circle',
|
// symbol: 'circle',
|
||||||
symbolSize: 0,
|
// symbolSize: 0,
|
||||||
},
|
// },
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
chart.setOption(option);
|
chart.setOption(option);
|
||||||
@@ -586,14 +793,18 @@ const initPie3DChart = () => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const changeToPersonnelDuty=()=>{
|
// const changeToPersonnelDuty=()=>{
|
||||||
router.push('/property/attendanceManagement/workforceManagement')
|
// router.push('/property/attendanceManagement/workforceManagement')
|
||||||
}
|
// }
|
||||||
|
|
||||||
// 组件挂载时初始化
|
// 组件挂载时初始化
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getWarning()
|
getWarning()
|
||||||
handleTodayMeetCount()
|
handleTodayMeetCount()
|
||||||
|
fetchWater()
|
||||||
|
fetchElectricity()
|
||||||
|
fetchAccessControl()
|
||||||
|
fetchCamera()
|
||||||
|
|
||||||
updateTime();
|
updateTime();
|
||||||
timer = setInterval(updateTime, 1000);
|
timer = setInterval(updateTime, 1000);
|
||||||
@@ -657,7 +868,7 @@ onBeforeUnmount(() => {
|
|||||||
}
|
}
|
||||||
.mian {
|
.mian {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background: url('../../../assets/property/bg.png');
|
background: url('../../../assets/property/bg1.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-color: #081b3a;
|
background-color: #081b3a;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -841,90 +1052,9 @@ onBeforeUnmount(() => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.content-center-second {
|
.content-center-second {
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 12.5rem;
|
height: 12.5rem;
|
||||||
.second-item {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
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 {
|
.content-right {
|
||||||
|
@@ -291,6 +291,8 @@ function onNodeChecked(
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
// 处理树节点状态
|
||||||
|
treeSelectHandle();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -43,12 +43,12 @@ export const columns: VxeGridProps['columns'] = [
|
|||||||
{ type: 'checkbox', width: 60 },
|
{ type: 'checkbox', width: 60 },
|
||||||
{
|
{
|
||||||
field: 'userName',
|
field: 'userName',
|
||||||
title: '名称',
|
title: '账号',
|
||||||
minWidth: 80,
|
minWidth: 80,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
field: 'nickName',
|
field: 'nickName',
|
||||||
title: '昵称',
|
title: '名称',
|
||||||
minWidth: 130,
|
minWidth: 130,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@@ -27,7 +27,7 @@ export default defineConfig(async () => {
|
|||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
rewrite: (path) => path.replace(/^\/api/, ''),
|
rewrite: (path) => path.replace(/^\/api/, ''),
|
||||||
// mock代理目标地址
|
// mock代理目标地址
|
||||||
target: 'http://localhost:8080',
|
target: 'http://192.168.1.113:8080',
|
||||||
ws: true,
|
ws: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
Reference in New Issue
Block a user