This commit is contained in:
lxj
2025-09-09 19:32:19 +08:00
20 changed files with 380 additions and 98 deletions

View File

@@ -17,6 +17,14 @@ export function getStatisticsCurrDay() {
export function getStatistics() { export function getStatistics() {
return requestClient.get<any>('/sis/alarmEvents/query/statistics'); return requestClient.get<any>('/sis/alarmEvents/query/statistics');
} }
// 工单
export function getworkOrder() {
return requestClient.get<any>('/property/screen/typeWorkOrderHistogram');
}
// 会议室
export function getTodayMeetCount() {
return requestClient.get<any>('/property/screen/todayMeetCount');
}
// /** // /**
// * 导出资产管理列表 // * 导出资产管理列表
// * @param params // * @param params

View File

@@ -1,5 +1,5 @@
import { requestClient } from '#/api/request'; import { requestClient } from '#/api/request'
import type { PageResult } from '#/api/common'; import type { PageResult } from '#/api/common'
/** /**
* 通行记录列表 * 通行记录列表
@@ -7,5 +7,5 @@ import type { PageResult } from '#/api/common';
* @returns void * @returns void
*/ */
export function getVisitorList(params?: any) { export function getVisitorList(params?: any) {
return requestClient.get<PageResult<any>>('/sis/visitor/list', { params }); return requestClient.get<PageResult<any>>('/sis/e8/visitor/list', { params })
} }

View File

@@ -5,6 +5,7 @@ import type { PageResult } from '#/api/common';
import { commonExport } from '#/api/helper'; import { commonExport } from '#/api/helper';
import { requestClient } from '#/api/request'; 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) { export function resident_unitInfo(id: ID) {
return requestClient.get<Resident_unitVO>(`/property/resident_unit/${id}`); return requestClient.get<Resident_unitVO>(`/property/resident_unit/${id}`);
} }
/**
* 通行权限组
*/
export function authGroupList(params?: AuthGroupQuery) {
return requestClient.get<PageResult<AuthGroupVO>>('/sis/authGroup/list', { params });
}
/** /**
* 新增入驻单位 * 新增入驻单位

View File

@@ -41,15 +41,15 @@ const { destroyWatermark, updateWatermark } = useWatermark();
const tenantStore = useTenantStore(); const tenantStore = useTenantStore();
const menus = computed(() => { const menus = computed(() => {
const defaultMenus = [ const defaultMenus = [
{ // {
handler: () => { // handler: () => {
openWindow(VBEN_DOC_URL, { // openWindow(VBEN_DOC_URL, {
target: '_blank', // target: '_blank',
}); // });
}, // },
icon: BookOpenText, // icon: BookOpenText,
text: $t('ui.widgets.document'), // text: $t('ui.widgets.document'),
}, // },
{ {
handler: () => { handler: () => {
router.push('/profile'); router.push('/profile');
@@ -146,7 +146,7 @@ watch(
:avatar :avatar
:menus :menus
:text="userStore.userInfo?.realName" :text="userStore.userInfo?.realName"
:description="userStore.userInfo?.roles[0]" :description="userStore.userInfo?.roleName"
tag-text="Pro" tag-text="Pro"
@logout="handleLogout" @logout="handleLogout"
/> />

View File

@@ -116,6 +116,7 @@ export const useAuthStore = defineStore('auth', () => {
roles, roles,
userId: user.userId, userId: user.userId,
username: user.userName, username: user.userName,
roleName:user.roles[0]?.roleName,
} }
userStore.setUserInfo(userInfo) userStore.setUserInfo(userInfo)

View File

@@ -217,6 +217,8 @@ onMounted(() => {
/> />
</div> </div>
</div> </div>
<div class="mt-5 w-full md:flex"> <div class="mt-5 w-full md:flex">
<AnalysisChartCard class="mt-5 md:mr-4 md:mt-0 md:w-1/3" title="预警类型"> <AnalysisChartCard class="mt-5 md:mr-4 md:mt-0 md:w-1/3" title="预警类型">
<AnalyticsVisitsData :statisticsData="statisticsList" /> <AnalyticsVisitsData :statisticsData="statisticsList" />

View File

@@ -127,7 +127,7 @@ const columns = [
}, },
style: 'margin-right: 4px;', style: 'margin-right: 4px;',
}, },
() => user.userName, () => user.nickName,
), ),
), ),
}, },
@@ -299,7 +299,7 @@ async function handleConfirm() {
deptId: item.dept.deptId, //部门ID deptId: item.dept.deptId, //部门ID
deptName: item.dept.deptName, //部门名称 deptName: item.dept.deptName, //部门名称
employeeId: user.userId, //员工ID employeeId: user.userId, //员工ID
employeeName: user.userName, //员工姓名 employeeName: user.nickName, //员工姓名
}); });
} }
} }

View File

@@ -59,7 +59,7 @@ export const querySchema: FormSchemaGetter = () => [
export const unitQuerySchema: FormSchemaGetter = () => [ export const unitQuerySchema: FormSchemaGetter = () => [
{ {
component: 'Input', component: 'Input',
fieldName: 'userName', fieldName: 'nickName',
label: '姓名', label: '姓名',
}, },
{ {
@@ -83,7 +83,7 @@ export const columns: VxeGridProps['columns'] = [
}, },
{ {
title: '人员', title: '人员',
field: 'remoteUserVo.userName', field: 'remoteUserVo.nickName',
width: 120, width: 120,
// width: 'auto', // width: 'auto',
}, },
@@ -196,7 +196,7 @@ export const unitColumns: VxeGridProps['columns'] = [
}, },
{ {
title: '姓名', title: '姓名',
field: 'userName', field: 'nickName',
minWidth: 120, minWidth: 120,
}, },
{ {

View File

@@ -240,7 +240,7 @@ watch(selectedDeptIds, (newVal) => {
:key="user.userId" :key="user.userId"
style="margin-right: 8px" style="margin-right: 8px"
> >
<Tag>{{ user.userName }}</Tag> <Tag>{{ user.nickName }}</Tag>
</span> </span>
</div> </div>
<BasicTable> </BasicTable> <BasicTable> </BasicTable>

View File

@@ -87,7 +87,7 @@ async function handleClosed() {
:key="item.id" :key="item.id"
class="wrap-cell" class="wrap-cell"
> >
{{ item.remoteUserVo.userName }} {{ item.remoteUserVo.nickName }}
<span v-if="index !== row.userGroupList.length - 1"></span> <span v-if="index !== row.userGroupList.length - 1"></span>
</span> </span>
</template> </template>

View File

@@ -85,7 +85,7 @@ const columns = [
}, },
style: 'margin-right: 4px;', style: 'margin-right: 4px;',
}, },
() => user.userName, () => user.nickName,
), ),
), ),
}, },
@@ -196,7 +196,7 @@ const [BasicModal, modalApi] = useVbenModal({
} }
deptMap.get(deptId).users.push({ deptMap.get(deptId).users.push({
userId: item.remoteUserVo.userId, userId: item.remoteUserVo.userId,
userName: item.remoteUserVo.userName, nickName: item.remoteUserVo.nickName,
}); });
} }
// 转换为 tableData 格式 // 转换为 tableData 格式
@@ -254,7 +254,7 @@ async function handleConfirm() {
deptId: item.dept.deptId, deptId: item.dept.deptId,
deptName: item.dept.deptName, deptName: item.dept.deptName,
employeeId: user.userId, employeeId: user.userId,
employeeName: user.userName, employeeName: user.nickName,
})), })),
); );
await arrangementUpdate(data); await arrangementUpdate(data);

View File

@@ -20,10 +20,6 @@ export const columns: VxeGridProps['columns'] = [
title: '工单编号', title: '工单编号',
field: 'orderNo', field: 'orderNo',
}, },
{
title: '工单名称',
field: 'orderName',
},
{ {
title: '工单类型', title: '工单类型',
field: 'typeName', field: 'typeName',

View File

@@ -23,11 +23,6 @@ export const columns: VxeGridProps['columns'] = [
field: 'orderNo', field: 'orderNo',
width: 200, width: 200,
}, },
{
title: '工单名称',
field: 'orderName',
minWidth: 180,
},
{ {
title: '工单类型', title: '工单类型',
field: 'typeName', field: 'typeName',

View File

@@ -39,11 +39,6 @@ export const columns: VxeGridProps['columns'] = [
field: 'orderNo', field: 'orderNo',
width: 180, width: 180,
}, },
{
title: '工单名称',
field: 'orderName',
minWidth: 180,
},
{ {
title: '工单类型', title: '工单类型',
field: 'typeName', field: 'typeName',

View File

@@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import type {Unit} from '#/api/property/resident/unit/model'; import type {Unit} from '#/api/property/resident/unit/model';
import {shallowRef} from 'vue'; import {shallowRef,ref} from 'vue';
import {useVbenModal} from '@vben/common-ui'; import {useVbenModal} from '@vben/common-ui';
@@ -10,7 +10,7 @@ import dayjs from 'dayjs';
import duration from 'dayjs/plugin/duration'; import duration from 'dayjs/plugin/duration';
import relativeTime from 'dayjs/plugin/relativeTime'; 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"; import {renderDict} from "#/utils/render";
dayjs.extend(duration); dayjs.extend(duration);
@@ -24,7 +24,7 @@ const [BasicModal, modalApi] = useVbenModal({
}); });
const unitDetail = shallowRef<null | Unit>(null); const unitDetail = shallowRef<null | Unit>(null);
const authGroupName = ref('')
async function handleOpenChange(open: boolean) { async function handleOpenChange(open: boolean) {
if (!open) { if (!open) {
return null; return null;
@@ -33,13 +33,16 @@ async function handleOpenChange(open: boolean) {
const {id} = modalApi.getData() as { id: number | string }; const {id} = modalApi.getData() as { id: number | string };
const response = await resident_unitInfo(id); 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; unitDetail.value = response;
modalApi.modalLoading(false); modalApi.modalLoading(false);
} }
</script> </script>
<template> <template>
@@ -80,7 +83,7 @@ async function handleOpenChange(open: boolean) {
/> />
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="通行权限组"> <DescriptionsItem label="通行权限组">
{{ unitDetail.authGroupId ?? '-' }} {{ authGroupName }}
</DescriptionsItem> </DescriptionsItem>
<DescriptionsItem label="备注"> <DescriptionsItem label="备注">
{{ unitDetail.remark ?? '-' }} {{ unitDetail.remark ?? '-' }}

View File

@@ -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>

View File

@@ -53,7 +53,7 @@
<div <div
ref="barChart" ref="barChart"
class="bar-chart" class="bar-chart"
style="width: 100%; height: 100%" style="width: 100%; height:242px"
></div> ></div>
</div> </div>
<div class="second"> <div class="second">
@@ -72,14 +72,11 @@
<div class="content-center-second"> <div class="content-center-second">
<div class="second-item" @click="changeToPersonnelDuty"> <div class="second-item" @click="changeToPersonnelDuty">
<div> <div>
<div class="second-item-box1"> <div class="second-item-box1">645</div>
645
</div>
<div class="second-item-box-label">采购部</div> <div class="second-item-box-label">采购部</div>
</div> </div>
<div> <div>
<div class="second-item-box2">729 <div class="second-item-box2">729</div>
</div>
<div class="second-item-box-label">研发部</div> <div class="second-item-box-label">研发部</div>
</div> </div>
<div> <div>
@@ -99,32 +96,51 @@
</div> </div>
<div class="content-right"> <div class="content-right">
<div class="first"> <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 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>
<div class="second"> <div class="second">
<div class="second-box"> <div class="second-box">
<div class="box-content"> <div class="box-content" v-for="(item,index) in warning" :key="index">
<div class="box-content-label">维修</div> <div class="box-content-label">{{ item.typeName }}</div>
<div class="box-content-num">132</div> <div class="box-content-num">{{item.total}}</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> </div>
</div> </div>
<!-- <div ref="waterChart" class="water-chart"></div> --> <!-- <div ref="waterChart" class="water-chart"></div> -->
</div> </div>
<div class="third"> <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> </div>
</div> </div>
@@ -133,17 +149,85 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import {getStatistics,getworkOrder,getTodayMeetCount} 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);
}
};
//会议室
const todayMeetCount = ref();
const handleTodayMeetCount = async () => {
todayMeetCount.value = await getTodayMeetCount();
console.log(todayMeetCount)
};
import { ref, onMounted, onBeforeUnmount } from 'vue'; import { ref, onMounted, onBeforeUnmount } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import 'echarts-gl'; import 'echarts-gl';
import { getThreeDBarOption } from '#/utils/threeDBarOption';
import { renderPie3DChart } from '#/utils/pie3d'; import { renderPie3DChart } from '#/utils/pie3d';
import { import {
addChartToResizeManager, addChartToResizeManager,
removeChartFromResizeManager, removeChartFromResizeManager,
} from '#/utils/echartsResize'; } from '#/utils/echartsResize';
import { useFlexibleRem } from '#/utils/useFlexibleRem'; import { useFlexibleRem } from '#/utils/useFlexibleRem';
import {DatePicker} from "ant-design-vue";
import {getTodayMeetCount} from "#/api/analytics";
useFlexibleRem(); useFlexibleRem();
// 路由 // 路由
const router = useRouter(); const router = useRouter();
@@ -197,33 +281,35 @@ const updateTime = () => {
if (dateElement) dateElement.innerText = date; 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 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({ myChart.setOption({
tooltip: {}, tooltip: {},
legend: {
data: statuses, // 图例数据与series中的name对应
top: 10, // 位置控制
textStyle: {
color: '#fff'
}
},
grid: { left: 40, right: 20, top: 50, bottom: 25 }, grid: { left: 40, right: 20, top: 50, bottom: 25 },
xAxis: { data: ['A', 'B', 'C', 'D'] }, xAxis: { data: title ,axisLabel: { color: '#fff' },},
yAxis: {}, yAxis: {axisLabel: { color: '#fff' },},
series: [ series:seriesData,
{
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],
},
],
}); });
}; };
@@ -506,6 +592,9 @@ const changeToPersonnelDuty=()=>{
// 组件挂载时初始化 // 组件挂载时初始化
onMounted(() => { onMounted(() => {
getWarning()
handleTodayMeetCount()
updateTime(); updateTime();
timer = setInterval(updateTime, 1000); timer = setInterval(updateTime, 1000);
initBarChart(); initBarChart();
@@ -551,6 +640,15 @@ onBeforeUnmount(() => {
</script> </script>
<style scoped> <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-face {
font-family: 'ShiShangZhongHeiJianTi'; font-family: 'ShiShangZhongHeiJianTi';
src: url('../../../assets/fonts/时尚中黑简体.ttf') format('truetype'); src: url('../../../assets/fonts/时尚中黑简体.ttf') format('truetype');
@@ -707,6 +805,7 @@ onBeforeUnmount(() => {
margin: 0 auto; margin: 0 auto;
} }
.bar-chart { .bar-chart {
margin-top: 35px;
} }
} }
.second { .second {
@@ -835,6 +934,7 @@ onBeforeUnmount(() => {
justify-content: space-between; justify-content: space-between;
.first { .first {
height: 16.81rem; height: 16.81rem;
//background-color: red;
.water-chart { .water-chart {
height: 100%; height: 100%;
/* margin-top: 0.2rem; */ /* margin-top: 0.2rem; */
@@ -845,13 +945,14 @@ onBeforeUnmount(() => {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
.second-box { .second-box {
margin-top: 2rem; margin-left: 0.5rem;
margin-top: 3.5rem;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
.box-content { .box-content {
height: 8rem; height: 7rem;
width: 8rem; width: 7rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@@ -880,7 +981,38 @@ onBeforeUnmount(() => {
} }
} }
.third { .third {
padding: 5rem;
height: 13.12rem; 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 { .device-chart {
height: 10rem; height: 10rem;
margin-top: 2rem; margin-top: 2rem;

View File

@@ -24,12 +24,12 @@ export const querySchema: FormSchemaGetter = () => [
{ {
component: 'Input', component: 'Input',
fieldName: 'roleName', fieldName: 'roleName',
label: '角色名称', label: '账号',
}, },
{ {
component: 'Input', component: 'Input',
fieldName: 'roleKey', fieldName: 'roleKey',
label: '权限字符', label: '名称',
}, },
{ {
component: 'Select', component: 'Select',
@@ -49,11 +49,11 @@ export const querySchema: FormSchemaGetter = () => [
export const columns: VxeGridProps['columns'] = [ export const columns: VxeGridProps['columns'] = [
{ type: 'checkbox', width: 60 }, { type: 'checkbox', width: 60 },
{ {
title: '角色名称', title: '账号',
field: 'roleName', field: 'roleName',
}, },
{ {
title: '权限字符', title: '名称',
field: 'roleKey', field: 'roleKey',
slots: { slots: {
default: ({ row }) => { default: ({ row }) => {

View File

@@ -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://183.230.235.66:11010/api', target: 'http://localhost:8080',
ws: true, ws: true,
}, },
}, },

View File

@@ -18,6 +18,8 @@ interface BasicUserInfo {
* 用户角色 * 用户角色
*/ */
roles: string[]; roles: string[];
roleName: string;
/** /**
* 用户id * 用户id
*/ */