|
|
@ -148,9 +148,16 @@ |
|
|
|
|
|
|
|
|
<!-- 分页组件 --> |
|
|
<!-- 分页组件 --> |
|
|
<div style="margin-top: 10px;display: flex;"> |
|
|
<div style="margin-top: 10px;display: flex;"> |
|
|
<el-pagination background v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize" |
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" style="margin-top: 1vh;" |
|
|
|
|
|
@size-change="handleSizeChange" @current-change="handleCurrentChange" /> |
|
|
|
|
|
|
|
|
<el-pagination |
|
|
|
|
|
background |
|
|
|
|
|
v-model:current-page="pagination.pageNum" |
|
|
|
|
|
v-model:page-size="pagination.pageSize" |
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
|
:total="pagination.total" |
|
|
|
|
|
style="margin-top: 1vh;" |
|
|
|
|
|
@size-change="handleSizeChange" |
|
|
|
|
|
@current-change="handleCurrentChange" |
|
|
|
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
</el-card> |
|
|
</el-card> |
|
|
|
|
|
|
|
|
@ -160,7 +167,9 @@ |
|
|
|
|
|
|
|
|
<!-- 编辑对话框 --> |
|
|
<!-- 编辑对话框 --> |
|
|
<el-dialog v-model="showEditDialog" :title="editForm.id ? '编辑翻译' : '新增翻译'" width="30vw" draggable |
|
|
<el-dialog v-model="showEditDialog" :title="editForm.id ? '编辑翻译' : '新增翻译'" width="30vw" draggable |
|
|
:close-on-click-modal="false"> |
|
|
|
|
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
|
style="background-color: rgb(243,250,254);" |
|
|
|
|
|
> |
|
|
<el-form :model="editForm" label-width="120px"> |
|
|
<el-form :model="editForm" label-width="120px"> |
|
|
<el-form-item label="原文(中文):"> |
|
|
<el-form-item label="原文(中文):"> |
|
|
<el-input v-model="editForm.chineseSimplified" placeholder="请输入原文内容" show-word-limit /> |
|
|
<el-input v-model="editForm.chineseSimplified" placeholder="请输入原文内容" show-word-limit /> |
|
|
@ -242,7 +251,6 @@ const pagination = ref({ |
|
|
|
|
|
|
|
|
const searchForm = ref({ |
|
|
const searchForm = ref({ |
|
|
chineseSimplified: '', |
|
|
chineseSimplified: '', |
|
|
// 移除languageStatus字段 |
|
|
|
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
const showEditDialog = ref(false) |
|
|
const showEditDialog = ref(false) |
|
|
@ -267,7 +275,7 @@ const editForm = ref({ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 方法定义 |
|
|
|
|
|
|
|
|
// 方法定义 防御性编程:函数内部再次检查可以确保即使在其他调用场景中也能正确处理数据 |
|
|
const truncateText = (text) => { |
|
|
const truncateText = (text) => { |
|
|
if (!text) return '' |
|
|
if (!text) return '' |
|
|
return text.length > 20 ? text.substring(0, 20) + '...' : text |
|
|
return text.length > 20 ? text.substring(0, 20) + '...' : text |
|
|
@ -501,17 +509,17 @@ onMounted(() => { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
// 搜索卡片样式 - 与活动管理一致 |
|
|
|
|
|
|
|
|
// 搜索卡片样式 |
|
|
.card1 { |
|
|
.card1 { |
|
|
background: #F3FAFE; |
|
|
background: #F3FAFE; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 数据表格卡片样式 - 与活动管理一致 |
|
|
|
|
|
|
|
|
// 数据表格卡片样式 |
|
|
.card2 { |
|
|
.card2 { |
|
|
background: #E7F4FD; |
|
|
background: #E7F4FD; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 表头背景等 - 与活动管理一致 |
|
|
|
|
|
|
|
|
// 表头背景等 |
|
|
:deep(.el-table__header-wrapper), |
|
|
:deep(.el-table__header-wrapper), |
|
|
:deep(.el-table__body-wrapper), |
|
|
:deep(.el-table__body-wrapper), |
|
|
:deep(.el-table__cell), |
|
|
:deep(.el-table__cell), |
|
|
|