lingyun/NetAdmin
lingyun/NetAdmin
Template
6
0
Fork 0
mirror of https://github.com/nsnail/NetAdmin.git synced 2025-04-20 05:02:50 +08:00
Code Issues 1 Packages Projects Releases Wiki Activity

chore: 🔨 界面优化 (#226)

Browse Source 
Co-authored-by: tk <fiyne1a@dingtalk.com>
This commit is contained in:
nsnail 2024-11-27 17:58:38 +08:00 committed by GitHub
parent cb75d19202
commit 7501138e31
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 42 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/frontend/admin/src/components/naColOperation/index.vue
View File

@ -12,7 +12,7 @@
<el-button
v-loading="loading"
:icon="item.icon"
:title="item.title"
:title="$t(item.title)"
:type="item.type"
@click.native.stop
size="small"></el-button>
@ -22,7 +22,7 @@
v-else
v-loading="loading"
:icon="item.icon"
:title="item.title"
:title="$t(item.title)"
:type="item.type"
@click="click(item, row, vue)"
size="small">

2
src/frontend/admin/src/config/naColOperation.js
View File

@ -2,12 +2,14 @@ export default {
buttons: [
{
icon: 'el-icon-view',
title: '查看',
click: async (row, vue) => {
vue.dialog.save = { row, mode: 'view' }
},
},
{
icon: 'el-icon-edit',
title: '编辑',
click: async (row, vue) => {
vue.dialog.save = { row, mode: 'edit' }
},

16
src/frontend/admin/src/views/guest/view-doc.vue
View File

@ -1,6 +1,5 @@
<template>
<article v-if="doc" v-loading="loading" class="article">
<h1>{{ doc.title }}</h1>
<section
:class="this.$TOOL.data.get('APP_SET_DARK') || this.$CONFIG.APP_SET_DARK ? 'aie-theme-dark' : 'aie-theme-light'"
ref="editor"></section>
@ -12,10 +11,11 @@
import { AiEditor } from 'aieditor'
import 'aieditor/dist/style.css'
import { defineAsyncComponent } from 'vue'
const notFound = defineAsyncComponent(() => import('@/layout/other/404.vue'))
import sysConfig from '@/config'
import tool from '@/utils/tool'
const notFound = defineAsyncComponent(() => import('@/layout/other/404.vue'))
export default {
components: { notFound },
data() {
@ -31,11 +31,9 @@ export default {
if (this.doc) {
document.title = this.doc.title
const aiEditor = new AiEditor({
editable: false,
element: this.$refs.editor,
content: this.doc.body,
onChange: (body) => {
this.doc.body = body.getHtml()
},
content: `<h1 style="text-align:center">${this.doc.title}</h1>${this.doc.body}`,
})
aiEditor.changeLang(this.$TOOL.data.get('APP_SET_LANG') || sysConfig.APP_SET_LANG)
} else {
@ -51,11 +49,17 @@ export default {
display: flex;
height: 100%;
flex-direction: column;
> h1 {
padding: 1rem;
}
> section {
flex: 1;
}
}
.article:deep(.aie-container) {
border: none;
}
</style>

43
src/frontend/admin/src/views/sys/doc/list/index.vue
View File

@ -106,22 +106,32 @@
</template>
</el-table-column>
<na-col-operation
:buttons="
naColOperation.buttons.concat([
{
icon: 'el-icon-share',
click: share,
title: '删除文档',
:buttons="[
{
icon: 'el-icon-view',
title: '查看',
click: viewClick,
},
{
icon: 'el-icon-edit',
title: '编辑',
click: async (row, vue) => {
vue.dialog.save = { row, mode: 'edit' }
},
{
icon: 'el-icon-delete',
confirm: true,
title: '删除文档',
click: rowDel,
type: 'danger',
},
])
"
},
{
icon: 'el-icon-share',
click: share,
title: '分享文档',
},
{
icon: 'el-icon-delete',
confirm: true,
title: '删除文档',
click: rowDel,
type: 'danger',
},
]"
:vue="this"
width="180" />
</sc-table>
@ -171,6 +181,9 @@ export default {
},
inject: ['reload'],
methods: {
viewClick(row) {
window.open(window.location.origin + `/guest/view-doc/${row.id}`)
},
filterChange(data) {
Object.entries(data).forEach(([key, value]) => {
this.$refs.search.form.dy[key] = value === 'true' ? true : value === 'false' ? false : value