样式修改

This commit is contained in:
2025-11-27 17:31:42 +08:00
parent 50a4a98821
commit cb074ac08b
6 changed files with 34 additions and 20 deletions

View File

@@ -153,9 +153,9 @@ function toggleDropdown() {
} }
.sidebar-header { .sidebar-header {
padding: 24px 24px 1px; padding: 24px 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);
height: 100px; height: 80px;
} }
.logo-container { .logo-container {
@@ -216,7 +216,7 @@ function toggleDropdown() {
} }
.sidebar-footer { .sidebar-footer {
height: 50px; height: 70px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@@ -106,11 +106,12 @@
<el-form-item label="索引方式" prop="difyIndexingTechnique" required> <el-form-item label="索引方式" prop="difyIndexingTechnique" required>
<el-radio-group v-model="formData.difyIndexingTechnique"> <el-radio-group v-model="formData.difyIndexingTechnique">
<el-radio value="high_quality"> <el-radio class="index-type" value="high_quality">
<span class="radio-label">高质量</span> <span class="radio-label">高质量</span>
<span class="radio-desc">更精确的检索结果消耗更多tokens</span> <span class="radio-desc">更精确的检索结果消耗更多tokens</span>
</el-radio> </el-radio>
<el-radio <el-radio
class="index-type"
value="economy" value="economy"
:disabled="type === 'edit' && knowledge?.difyIndexingTechnique === 'high_quality'" :disabled="type === 'edit' && knowledge?.difyIndexingTechnique === 'high_quality'"
> >
@@ -162,6 +163,7 @@
v-model="formData.rerankingEnable" v-model="formData.rerankingEnable"
:active-value="true" :active-value="true"
:inactive-value="false" :inactive-value="false"
inline-prompt
active-text="启用" active-text="启用"
inactive-text="禁用" inactive-text="禁用"
/> />
@@ -247,6 +249,7 @@
v-model="formData.status" v-model="formData.status"
:active-value="1" :active-value="1"
:inactive-value="0" :inactive-value="0"
inline-prompt
active-text="启用" active-text="启用"
inactive-text="禁用" inactive-text="禁用"
/> />
@@ -581,7 +584,9 @@ function formatDate(date: string | Date | undefined): string {
display: flex; display: flex;
gap: 24px; gap: 24px;
} }
.index-type{
align-items: center !important;
}
.avatar-section { .avatar-section {
width: 120px; width: 120px;
height: 120px; height: 120px;
@@ -652,6 +657,9 @@ function formatDate(date: string | Date | undefined): string {
.edit-mode { .edit-mode {
.knowledge-form { .knowledge-form {
max-width: 600px; max-width: 600px;
.index-type{
align-items: center !important;
}
:deep(.el-form-item__label) { :deep(.el-form-item__label) {
font-weight: 500; font-weight: 500;
@@ -685,10 +693,12 @@ function formatDate(date: string | Date | undefined): string {
} }
.form-tip { .form-tip {
margin-top: 8px; display: inline-block;
margin-left: 16px;
font-size: 13px; font-size: 13px;
color: #F59E0B; color: #F59E0B;
line-height: 1.4; line-height: 1.4;
vertical-align: middle;
} }
.form-tip-success { .form-tip-success {

View File

@@ -65,6 +65,7 @@
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span>访问统计趋势PV/UV</span> <span>访问统计趋势PV/UV</span>
<div style="display:flex; width:50%">
<el-date-picker <el-date-picker
v-model="dateRange" v-model="dateRange"
type="daterange" type="daterange"
@@ -74,6 +75,7 @@
size="small" size="small"
/> />
</div> </div>
</div>
</template> </template>
<div class="chart-container" ref="activityChart"></div> <div class="chart-container" ref="activityChart"></div>
</el-card> </el-card>

View File

@@ -270,8 +270,9 @@ defineExpose({
.form-item { .form-item {
display: flex; display: flex;
flex-direction: column; /* flex-direction: column; */
gap: 8px; justify-content: center;
align-items: center;
.form-label { .form-label {
font-size: 14px; font-size: 14px;

View File

@@ -24,7 +24,6 @@
</div> </div>
<h1 class="platform-title">红色思政学习平台</h1> <h1 class="platform-title">红色思政学习平台</h1>
</div> </div>
<h2 class="login-title">{{ loginModeTitle }}</h2>
</div> </div>
<!-- 登录方式切换 --> <!-- 登录方式切换 -->

View File

@@ -3,9 +3,11 @@
<div class="learning-records"> <div class="learning-records">
<div class="records-header"> <div class="records-header">
<h2>学习记录</h2> <h2>学习记录</h2>
<div style="width: 40%; display: flex;">
<el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" @change="handleDateChange" /> end-placeholder="结束日期" @change="handleDateChange" />
</div> </div>
</div>
<!-- 学习时长图表 --> <!-- 学习时长图表 -->
<div class="chart-container"> <div class="chart-container">
@@ -16,7 +18,7 @@
<!-- 学习记录分页表格 --> <!-- 学习记录分页表格 -->
<div class="records-table" v-loading="tableLoading"> <div class="records-table" v-loading="tableLoading">
<h3>学习记录明细</h3> <h3>学习记录明细</h3>
<el-table :data="tableData" stripe style="width: 100%"> <el-table :data="tableData">
<el-table-column prop="resourceTitle" label="资源标题"/> <el-table-column prop="resourceTitle" label="资源标题"/>
<el-table-column prop="resourceTypeName" label="类型" /> <el-table-column prop="resourceTypeName" label="类型" />
<el-table-column label="学习时长"> <el-table-column label="学习时长">