lunanting/qiangdanxitong
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 修复延误配置UI显示问题和文案

Browse Source
This commit is contained in:
Your Name 2026-01-06 18:36:51 +08:00
parent f4e4c9bcfe
commit 4c15dab8bd
1 changed files with 60 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
frontend/src/views/Settings.vue
View File

@ -1073,30 +1073,31 @@
<div class="desc">任务延误完结时每延误1小时扣除的分数，支持小数。</div>
</div>
<div class="config-action">
<a-input-number
v-model:value="delayPenaltyConfig.perHour"
:min="0"
:max="100"
:step="0.1"
:precision="2"
size="large"
style="width: 160px;"
>
<template #addonAfter>分/小时</template>
</a-input-number>
<div class="input-with-suffix">
<a-input-number
v-model:value="delayPenaltyConfig.perHour"
:min="0"
:max="100"
:step="0.1"
:precision="2"
size="large"
class="dark-input"
/>
<span class="input-suffix">分/小时</span>
</div>
</div>
</div>
<!-- 月度积分清零 -->
<!-- 月度积分独立统计 -->
<div class="config-item delay-config-card">
<div class="config-info">
<div class="config-header">
<div class="icon-box green">
<Icon name="calendar" size="md" />
</div>
<span class="title">月度积分清零</span>
<span class="title">月度积分独立统计</span>
</div>
<div class="desc">启用后，接单部门的积分统计将在每月1号自动归零重新开始。</div>
<div class="desc">启用后，接单部门的积分将按月独立统计，每月1号重新开始计算，不累加上月积分。</div>
</div>
<div class="config-action">
<a-switch
@ -5105,6 +5106,51 @@ watch(activeTab, (value) => {
align-items: center;
padding-left: 20px;
border-left: 1px solid rgba(255, 255, 255, 0.08);
min-width: 180px;
justify-content: flex-end;
}
}
// 输入框样式
.input-with-suffix {
display: flex;
align-items: center;
gap: 8px;
.input-suffix {
color: $text-tertiary;
font-size: 14px;
white-space: nowrap;
}
.dark-input {
width: 100px;
background-color: #1f1f1f !important;
border-color: #434343 !important;
color: #fff !important;
:deep(.ant-input-number-input) {
color: #fff !important;
background-color: #1f1f1f !important;
}
:deep(.ant-input-number-handler-wrap) {
background-color: #2a2a2a !important;
border-left-color: #434343 !important;
span {
border-bottom-color: #434343 !important;
color: #fff !important;
&:hover {
color: $brand-primary !important;
}
}
}
&:hover, &:focus, &-focused {
border-color: $brand-primary !important;
}
}
}