fix: 修改大屏不能显示bug、修改大屏字体、替换系统logo
Some checks are pending
Gitea Actions Demo / Explore-Gitea-Actions (push) Waiting to run
Some checks are pending
Gitea Actions Demo / Explore-Gitea-Actions (push) Waiting to run
This commit is contained in:
BIN
apps/web-antd/src/assets/logoDark.png
Normal file
BIN
apps/web-antd/src/assets/logoDark.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 8.1 KiB |
BIN
apps/web-antd/src/assets/logoLight.png
Normal file
BIN
apps/web-antd/src/assets/logoLight.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 7.7 KiB |
@@ -1,5 +1,10 @@
|
||||
import { defineOverridesPreferences } from '@vben/preferences';
|
||||
import logo from '../src/assets/logo.png'
|
||||
import logoDark from '../src/assets/logoDark.png'
|
||||
import logoLight from '../src/assets/logoLight.png'
|
||||
import { preferences, usePreferences } from '@vben/preferences';
|
||||
const { isDark } = usePreferences();
|
||||
|
||||
/**
|
||||
* @description 项目配置文件
|
||||
* 只需要覆盖项目中的一部分配置,不需要的配置不用覆盖,会自动使用默认配置
|
||||
@@ -64,6 +69,6 @@ export const overridesPreferences = defineOverridesPreferences({
|
||||
*/
|
||||
logo: {
|
||||
enable: true,
|
||||
source: logo,
|
||||
source: isDark ? logoDark : logoLight,
|
||||
},
|
||||
});
|
||||
|
@@ -2,9 +2,9 @@ import type { FormSchemaGetter } from '#/adapter/form';
|
||||
import type { VxeGridProps } from '#/adapter/vxe-table';
|
||||
import { getDictOptions } from '#/utils/dict';
|
||||
import { renderDict } from '#/utils/render';
|
||||
import {h} from "vue";
|
||||
import {Rate} from "ant-design-vue";
|
||||
import {rentalOrderList} from "#/api/property/rentalOrder";
|
||||
import { h } from 'vue';
|
||||
import { Rate } from 'ant-design-vue';
|
||||
import { rentalOrderList } from '#/api/property/rentalOrder';
|
||||
|
||||
export const querySchema: FormSchemaGetter = () => [
|
||||
{
|
||||
@@ -32,12 +32,12 @@ export const columns: VxeGridProps['columns'] = [
|
||||
return (rowIndex + 1).toString();
|
||||
},
|
||||
},
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '养护名称',
|
||||
field: 'maintainName',
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
// {
|
||||
// title: '服务地点',
|
||||
@@ -52,7 +52,7 @@ export const columns: VxeGridProps['columns'] = [
|
||||
return renderDict(row.serveType, 'pro_service_type');
|
||||
},
|
||||
},
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '养护周期类型',
|
||||
@@ -62,27 +62,27 @@ export const columns: VxeGridProps['columns'] = [
|
||||
return renderDict(row.periodType, 'wy_time_unit');
|
||||
},
|
||||
},
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '养护周期频次',
|
||||
field: 'periodFrequency',
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '关联订单',
|
||||
field: 'orderId',
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '计划执行时间',
|
||||
field: 'startTime',
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '计划完成时间',
|
||||
field: 'endTime',
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '巡检结果',
|
||||
@@ -92,12 +92,12 @@ export const columns: VxeGridProps['columns'] = [
|
||||
return renderDict(row.inspectResult, 'pro_inspection_results');
|
||||
},
|
||||
},
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '处理措施',
|
||||
field: 'measure',
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '客户评分',
|
||||
@@ -110,12 +110,12 @@ export const columns: VxeGridProps['columns'] = [
|
||||
});
|
||||
},
|
||||
},
|
||||
minWidth: '150'
|
||||
minWidth: '150',
|
||||
},
|
||||
{
|
||||
title: '客户反馈',
|
||||
field: 'customerAdvice',
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
title: '处理状态',
|
||||
@@ -125,7 +125,7 @@ export const columns: VxeGridProps['columns'] = [
|
||||
return renderDict(row.state, 'pro_processing_status');
|
||||
},
|
||||
},
|
||||
minWidth: '120'
|
||||
minWidth: '120',
|
||||
},
|
||||
{
|
||||
field: 'action',
|
||||
@@ -151,7 +151,7 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
fieldName: 'maintainName',
|
||||
component: 'Input',
|
||||
rules: 'required',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '服务地点',
|
||||
@@ -159,7 +159,7 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
component: 'TreeSelect',
|
||||
defaultValue: undefined,
|
||||
rules: 'required',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '服务类型',
|
||||
@@ -169,7 +169,7 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
options: getDictOptions('pro_service_type'),
|
||||
},
|
||||
rules: 'selectRequired',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '养护周期类型',
|
||||
@@ -180,14 +180,14 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
options: getDictOptions('wy_time_unit'),
|
||||
},
|
||||
rules: 'selectRequired',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '养护周期频次',
|
||||
fieldName: 'periodFrequency',
|
||||
component: 'Input',
|
||||
rules: 'required',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '关联订单',
|
||||
@@ -200,7 +200,7 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
valueField: 'id',
|
||||
},
|
||||
rules: 'required',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '计划执行时间',
|
||||
@@ -212,7 +212,7 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
||||
},
|
||||
rules: 'required',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '计划完成时间',
|
||||
@@ -224,7 +224,7 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
||||
},
|
||||
rules: 'required',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '巡检结果',
|
||||
@@ -234,14 +234,14 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
options: getDictOptions('pro_inspection_results'),
|
||||
},
|
||||
rules: 'selectRequired',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '处理措施',
|
||||
fieldName: 'measure',
|
||||
component: 'Textarea',
|
||||
rules: 'required',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '客户评分',
|
||||
@@ -251,16 +251,16 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
allowHalf: false,
|
||||
count: 5,
|
||||
tooltips: ['1星', '2星', '3星', '4星', '5星'],
|
||||
defaultValue: 0
|
||||
defaultValue: 0,
|
||||
},
|
||||
rules: 'required',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '客户反馈',
|
||||
fieldName: 'customerAdvice',
|
||||
component: 'Textarea',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
{
|
||||
label: '处理状态',
|
||||
@@ -270,6 +270,6 @@ export const modalSchema: FormSchemaGetter = () => [
|
||||
options: getDictOptions('pro_processing_status'),
|
||||
},
|
||||
rules: 'selectRequired',
|
||||
labelWidth:100
|
||||
labelWidth: 100,
|
||||
},
|
||||
];
|
||||
|
@@ -42,7 +42,11 @@ const selectedRoom = ref<string>('');
|
||||
const selectedDate = ref<string>('');
|
||||
|
||||
// 一周的日期
|
||||
const weekDates = ref<string[]>([]);
|
||||
interface WeekDate {
|
||||
date: string;
|
||||
weekDay: string;
|
||||
}
|
||||
const weekDates = ref<WeekDate[]>([]);
|
||||
|
||||
// 预约数据
|
||||
const bookings = ref<any[]>([]);
|
||||
@@ -54,16 +58,23 @@ const loading = ref(false);
|
||||
// 时间段只显示"上午" "下午"
|
||||
const timeSlots = ['上午', '下午'];
|
||||
|
||||
function getWeekDay(dateStr: string): string {
|
||||
const weekMap = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
|
||||
const day = dayjs(dateStr).day();
|
||||
return weekMap[dayjs(dateStr).day()]!;
|
||||
}
|
||||
// 生成一周日期
|
||||
function generateWeekDates(): void {
|
||||
const today = dayjs();
|
||||
// 获取本周的周一
|
||||
const startOfWeek = today.startOf('week');
|
||||
const dates = Array.from({ length: 7 }, (_, i) => {
|
||||
return startOfWeek.add(i, 'day').format('YYYY-MM-DD');
|
||||
const dates: WeekDate[] = Array.from({ length: 7 }, (_, i) => {
|
||||
const date = startOfWeek.add(i, 'day').format('YYYY-MM-DD');
|
||||
return {
|
||||
date,
|
||||
weekDay: getWeekDay(date)
|
||||
};
|
||||
});
|
||||
weekDates.value = dates;
|
||||
// 默认选中今天
|
||||
selectedDate.value = today.format('YYYY-MM-DD');
|
||||
}
|
||||
|
||||
@@ -107,7 +118,7 @@ async function fetchBookings(): Promise<void> {
|
||||
const booking = bookings.value.find(
|
||||
(b) => b.name === room.name && b.slots === slot,
|
||||
);
|
||||
table[slot][room.name] = booking || null;
|
||||
table[slot]![room.name] = booking || null;
|
||||
});
|
||||
});
|
||||
bookingTable.value = table;
|
||||
@@ -135,14 +146,14 @@ async function fetchBookings(): Promise<void> {
|
||||
tbConferenceId: item.meetId,
|
||||
}));
|
||||
const table: Record<string, Record<string, any>> = { 上午: {}, 下午: {} };
|
||||
weekDates.value.forEach((date) => {
|
||||
weekDates.value.forEach((item) => {
|
||||
['上午', '下午'].forEach((slot) => {
|
||||
const booking = bookings.value.find(
|
||||
(b) =>
|
||||
dayjs(b.scheduledStarttime).format('YYYY-MM-DD') === date &&
|
||||
dayjs(b.scheduledStarttime).format('YYYY-MM-DD') === item.date &&
|
||||
b.slots === slot,
|
||||
);
|
||||
table[slot][date] = booking || null;
|
||||
table[slot]![item.date] = booking || null;
|
||||
});
|
||||
});
|
||||
bookingTable.value = table;
|
||||
@@ -271,10 +282,10 @@ const columns = computed<TableColumnType<TableRecord>[]>(() => {
|
||||
key: room.name,
|
||||
width: 200,
|
||||
}))
|
||||
: weekDates.value.map((date) => ({
|
||||
title: dayjs(date).format('YYYY-MM-DD'),
|
||||
dataIndex: date,
|
||||
key: date,
|
||||
: weekDates.value.map((item) => ({
|
||||
title: item.date,
|
||||
dataIndex: item.date,
|
||||
key: item.date,
|
||||
width: 200,
|
||||
}));
|
||||
return [...baseColumns, ...dynamicColumns];
|
||||
@@ -284,10 +295,12 @@ const tableData = computed<TableRecord[]>(() => {
|
||||
const slots = ['上午', '下午'];
|
||||
return slots.map((slot) => {
|
||||
const row: any = { slot };
|
||||
const cols =
|
||||
viewMode.value === 'date'
|
||||
? getFullRoomList().map((room) => room.name)
|
||||
: weekDates.value;
|
||||
let cols: string[] = [];
|
||||
if (viewMode.value === 'date') {
|
||||
cols = getFullRoomList().map((room) => room.name);
|
||||
} else {
|
||||
cols = weekDates.value.map(item => item.date);
|
||||
}
|
||||
cols.forEach((col) => {
|
||||
row[col] = bookingTable.value[slot]?.[col] || null;
|
||||
});
|
||||
@@ -328,12 +341,12 @@ onMounted(() => {
|
||||
</div>
|
||||
<div v-if="viewMode === 'date'" class="date-buttons">
|
||||
<Button
|
||||
v-for="date in weekDates"
|
||||
:key="date"
|
||||
:type="date === selectedDate ? 'primary' : 'default'"
|
||||
@click="handleDateChange(date)"
|
||||
v-for="item in weekDates"
|
||||
:key="item.date"
|
||||
:type="item.date === selectedDate ? 'primary' : 'default'"
|
||||
@click="handleDateChange(item.date)"
|
||||
>
|
||||
{{ dayjs(date).format('YYYY-MM-DD') }}
|
||||
{{ item.date }} ({{ item.weekDay }})
|
||||
</Button>
|
||||
</div>
|
||||
<Table
|
||||
@@ -347,7 +360,7 @@ onMounted(() => {
|
||||
>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.dataIndex !== 'slot'">
|
||||
<div v-if="record[column.dataIndex]" :style="getRandomBgColor()">
|
||||
<div v-if="typeof column.dataIndex === 'string' && record[column.dataIndex]" :style="getRandomBgColor()">
|
||||
<div>预约人:{{ record[column.dataIndex].personName }}</div>
|
||||
<div>单位:{{ record[column.dataIndex].unitName }}</div>
|
||||
</div>
|
||||
|
@@ -914,6 +914,12 @@ onBeforeUnmount(() => {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@font-face {
|
||||
font-family: 'ShiShangZhongHeiJianTi';
|
||||
src: url('../../../assets/fonts/时尚中黑简体.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.mian{
|
||||
height: 100vh;
|
||||
background: url("../../../assets/digitalIntelligence/bg.png");
|
||||
|
File diff suppressed because it is too large
Load Diff
@@ -843,6 +843,12 @@ onBeforeUnmount(() => {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@font-face {
|
||||
font-family: 'ShiShangZhongHeiJianTi';
|
||||
src: url('../../../assets/fonts/时尚中黑简体.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.mian{
|
||||
height: 100vh;
|
||||
background: url("../../../assets/monitor/bg.png");
|
||||
|
@@ -88,6 +88,12 @@ const goToHome = () => {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@font-face {
|
||||
font-family: 'ShiShangZhongHeiJianTi';
|
||||
src: url('../../../assets/fonts/时尚中黑简体.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.navigation-bg {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
|
File diff suppressed because it is too large
Load Diff
@@ -731,6 +731,12 @@ onBeforeUnmount(() => {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@font-face {
|
||||
font-family: 'ShiShangZhongHeiJianTi';
|
||||
src: url('../../../assets/fonts/时尚中黑简体.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.mian{
|
||||
height: 100vh;
|
||||
background: url("../../../assets/security/bg.png");
|
||||
@@ -811,6 +817,7 @@ onBeforeUnmount(() => {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
margin: 0 0.2rem;
|
||||
font-family: ShiShangZhongHeiJianTi;
|
||||
}
|
||||
|
||||
.header-value.orange { color: #ffb300; }
|
||||
|
@@ -1,5 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
import { VbenAvatar } from '../avatar';
|
||||
import { usePreferences } from '../../../../../../../packages/preferences/src/index';
|
||||
const { isDark } = usePreferences();
|
||||
|
||||
interface Props {
|
||||
/**
|
||||
@@ -51,23 +53,39 @@ withDefaults(defineProps<Props>(), {
|
||||
<a
|
||||
:class="$attrs.class"
|
||||
:href="href"
|
||||
class="flex h-full items-center gap-2 overflow-hidden px-3 text-lg leading-normal transition-all duration-500"
|
||||
class="flex items-center gap-2 overflow-hidden text-lg leading-normal transition-all duration-500"
|
||||
>
|
||||
<VbenAvatar
|
||||
<div style="margin-top: 20px">
|
||||
<img
|
||||
src="../../../../../../../apps/web-antd/src/assets/logoLight.png"
|
||||
alt=""
|
||||
v-if="isDark"
|
||||
width="170"
|
||||
height="49"
|
||||
/>
|
||||
<img
|
||||
src="../../../../../../../apps/web-antd/src/assets/logoDark.png"
|
||||
alt=""
|
||||
v-if="!isDark"
|
||||
width="170"
|
||||
height="49"
|
||||
/>
|
||||
</div>
|
||||
<!-- <VbenAvatar
|
||||
v-if="src"
|
||||
:alt="text"
|
||||
:src="src"
|
||||
:size="logoSize"
|
||||
:fit="fit"
|
||||
class="relative rounded-none bg-transparent"
|
||||
/>
|
||||
<template v-if="!collapsed">
|
||||
/> -->
|
||||
<!-- <template v-if="!collapsed">
|
||||
<slot name="text">
|
||||
<span class="text-foreground truncate text-nowrap font-semibold">
|
||||
{{ text }}
|
||||
</span>
|
||||
</slot>
|
||||
</template>
|
||||
</template> -->
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
|
@@ -111,7 +111,6 @@ const handleAccountLogin = async () => {
|
||||
|
||||
<template>
|
||||
<div class="login-bg">
|
||||
|
||||
<div class="login-bg_1">
|
||||
<div class="login-wapter">
|
||||
<div class="login-wapter1">欢迎登录</div>
|
||||
|
Reference in New Issue
Block a user