日常修复内容20260422

This commit is contained in:
2026-04-22 18:27:37 +08:00
parent b9c971d6b5
commit c2521db336
13 changed files with 778 additions and 641 deletions

View File

@@ -12,10 +12,13 @@
<icon-menu-fold v-if="!topMenu && appStore.device === 'mobile'" style="font-size: 22px; cursor: pointer" @click="toggleDrawerMenu" />
</a-space>
</div>
<div class="center-side flex items-center justify-center font-bold text-lg">
<div class="center-side flex items-center font-bold text-lg justify-center">
<div class="fix-side" v-if="route.query.id">
<project-info-other />
</div>
<template v-if="title">
<a-typography-title
:style="{ margin: 0, fontSize: '1.2rem', fontWeight: 'bold' }"
class="project-name"
:heading="3"
:ellipsis="{
rows: 2
@@ -89,9 +92,6 @@
</a-dropdown>
</li>
</ul>
<div class="fix-side" v-if="route.query.id">
<project-info-other />
</div>
</div>
</template>
@@ -158,12 +158,10 @@ const handleClickLogo = () => {
</script>
<style scoped lang="less">
// 项目管理悬浮定位
.fix-side {
position: absolute;
left: 16%;
top: 50%;
transform: translateY(-50%);
// 项目设置按钮
margin-left: 50px;
margin-top: 10px;
}
.logo-container {
@@ -248,6 +246,26 @@ const handleClickLogo = () => {
animation: neon6 0.5s ease-in-out infinite alternate;
}
}
// 根据浏览器宽度调整
.project-name {
font-size: 1.2rem;
flex: 1;
text-align: center;
}
@media (max-width: 1024px) {
.project-name {
font-size: 0.8rem;
}
}
@media (max-width: 1280px) {
.project-name {
font-size: 1rem;
}
}
@keyframes neon6 {
from {
text-shadow:

View File

@@ -5,7 +5,7 @@
<span>题注</span>
<a-input v-model="fontnote" :style="{ width: '500px' }"></a-input>
</a-space>
<a-alert type="warning" class="mt-2">表格第一行为[表头]测评数据/硬件项表格会自动添加序号列而其他纯自定义表格动态环境描述软件概述不会添加序号列</a-alert>
<a-alert type="warning" class="mt-2">表格第一行为[表头]自定义表格外例如软/硬件环境测评数据环境差异性分析会自动添加[序号]</a-alert>
</div>
<div class="arco-table arco-table-size-large arco-table-border arco-table-stripe arco-table-hover">
<div class="arco-table-container">

View File

@@ -1,68 +1,113 @@
<template>
<button class="button">
<svg xmlns="http://www.w3.org/2000/svg" width="20" viewBox="0 0 20 20" height="20" fill="none" class="svg-icon">
<g stroke-width="1.5" stroke-linecap="round" stroke="#5d41de">
<circle r="2.5" cy="10" cx="10"></circle>
<path
fill-rule="evenodd"
d="m8.39079 2.80235c.53842-1.51424 2.67991-1.51424 3.21831-.00001.3392.95358 1.4284 1.40477 2.3425.97027 1.4514-.68995 2.9657.82427 2.2758 2.27575-.4345.91407.0166 2.00334.9702 2.34248 1.5143.53842 1.5143 2.67996 0 3.21836-.9536.3391-1.4047 1.4284-.9702 2.3425.6899 1.4514-.8244 2.9656-2.2758 2.2757-.9141-.4345-2.0033.0167-2.3425.9703-.5384 1.5142-2.67989 1.5142-3.21831 0-.33914-.9536-1.4284-1.4048-2.34247-.9703-1.45148.6899-2.96571-.8243-2.27575-2.2757.43449-.9141-.01669-2.0034-.97028-2.3425-1.51422-.5384-1.51422-2.67994.00001-3.21836.95358-.33914 1.40476-1.42841.97027-2.34248-.68996-1.45148.82427-2.9657 2.27575-2.27575.91407.4345 2.00333-.01669 2.34247-.97026z"
clip-rule="evenodd"
></path>
</g>
</svg>
<span class="lable">{{ label }}</span>
<slot></slot>
</button>
</template>
<script setup lang="ts">
const { label } = defineProps<{
label: string
}>()
defineOptions({
name: "SettingButton"
})
</script>
<style scoped>
.button {
display: flex;
justify-content: center;
align-items: center;
padding: 6px 12px;
gap: 8px;
height: 36px;
width: 200px;
border: none;
background: #5e41de33;
border-radius: 20px;
cursor: pointer;
}
.lable {
line-height: 20px;
font-size: 17px;
color: #5d41de;
font-family: sans-serif;
letter-spacing: 1px;
}
.button:hover {
background: #5e41de4d;
}
.button:hover .svg-icon {
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
<template>
<button class="button">
<svg xmlns="http://www.w3.org/2000/svg" width="20" viewBox="0 0 20 20" height="20" fill="none" class="svg-icon">
<g stroke-width="1.5" stroke-linecap="round" stroke="#5d41de">
<circle r="2.5" cy="10" cx="10"></circle>
<path
fill-rule="evenodd"
d="m8.39079 2.80235c.53842-1.51424 2.67991-1.51424 3.21831-.00001.3392.95358 1.4284 1.40477 2.3425.97027 1.4514-.68995 2.9657.82427 2.2758 2.27575-.4345.91407.0166 2.00334.9702 2.34248 1.5143.53842 1.5143 2.67996 0 3.21836-.9536.3391-1.4047 1.4284-.9702 2.3425.6899 1.4514-.8244 2.9656-2.2758 2.2757-.9141-.4345-2.0033.0167-2.3425.9703-.5384 1.5142-2.67989 1.5142-3.21831 0-.33914-.9536-1.4284-1.4048-2.34247-.9703-1.45148.6899-2.96571-.8243-2.27575-2.2757.43449-.9141-.01669-2.0034-.97028-2.3425-1.51422-.5384-1.51422-2.67994.00001-3.21836.95358-.33914 1.40476-1.42841.97027-2.34248-.68996-1.45148.82427-2.9657 2.27575-2.27575.91407.4345 2.00333-.01669 2.34247-.97026z"
clip-rule="evenodd"
></path>
</g>
</svg>
<span class="lable">{{ label }}</span>
<slot></slot>
</button>
</template>
<script setup lang="ts">
const { label } = defineProps<{
label: string
}>()
defineOptions({
name: "SettingButton"
})
</script>
<style scoped>
.button {
display: flex;
justify-content: center;
align-items: center;
padding: 6px 12px;
gap: 8px;
height: 36px;
width: 200px;
border: none;
background: #5e41de33;
border-radius: 20px;
cursor: pointer;
transition: all 0.2s ease;
}
.lable {
line-height: 1.2;
font-size: 17px;
color: #5d41de;
font-family: sans-serif;
letter-spacing: 1px;
}
.svg-icon {
display: block;
width: 20px;
height: 20px;
}
.button:hover {
background: #5e41de4d;
}
.button:hover .svg-icon {
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* 屏幕宽度 ≤1280px 时适度缩小 */
@media (max-width: 1280px) {
.button {
width: 170px;
height: 32px;
padding: 5px 10px;
gap: 6px;
}
.lable {
font-size: 16px;
}
.svg-icon {
width: 18px;
height: 18px;
}
}
/* 屏幕宽度 ≤1024px 时进一步缩小 */
@media (max-width: 1024px) {
.button {
width: 150px;
height: 30px;
padding: 4px 8px;
gap: 5px;
}
.lable {
font-size: 15px;
letter-spacing: 0.5px;
}
.svg-icon {
width: 16px;
height: 16px;
}
}
</style>