tone/tonePage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化 Resources管理界面

Browse Source
This commit is contained in:
tone
2024-10-01 16:39:32 +08:00
parent 35fcf700e2
commit 57e8d9ac21
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
tonecn/src/components/Console/Resources.vue
View File

@@ -40,6 +40,7 @@ const editForm: ResourceData = reactive({
addition: '', addition: '',
src: '', src: '',
}) })
const openEditFormSrc = () => { window.open(editForm.src); }
const editHandle = (data: ResourceData) => { const editHandle = (data: ResourceData) => {
editForm.id = data.id; editForm.id = data.id;
editForm.type = data.type; editForm.type = data.type;
@@ -111,12 +112,12 @@ const delHandle = async (data: { id: string, [key: string]: any }) => {
</div> </div>
<el-table :data="tableData" border style="width: 100%"> <el-table :data="tableData" border style="width: 100%">
<el-table-column prop="id" label="id" width="50" /> <el-table-column prop="id" label="id" width="50" />
<el-table-column prop="type" label="类型" width="60"> <el-table-column prop="type" label="类型" width="80" sortable>
<template #default="scope"> <template #default="scope">
{{ scope.row.type == 'resource' ? '资源' : scope.row.type == 'download' ? '下载' : '未知' }} {{ scope.row.type == 'resource' ? '资源' : scope.row.type == 'download' ? '下载' : '未知' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="recommand" label="推荐" width="50" /> <el-table-column prop="recommand" label="推荐" width="60" />
<el-table-column prop="title" label="标题" width="130" /> <el-table-column prop="title" label="标题" width="130" />
<el-table-column prop="describe" label="描述" width="200" /> <el-table-column prop="describe" label="描述" width="200" />
<el-table-column prop="icon_src" label="图标" width="110"> <el-table-column prop="icon_src" label="图标" width="110">
@@ -162,9 +163,12 @@ const delHandle = async (data: { id: string, [key: string]: any }) => {
</el-form-item> </el-form-item>
<el-form-item label="图标链接"> <el-form-item label="图标链接">
<el-input v-model="editForm.icon_src" /> <el-input v-model="editForm.icon_src" />
<img :src="editForm.icon_src" class="w-[80px] h-[80px] mt-2 shadow rounded-[4px] bg-gray-100"
alt="链接无效">
</el-form-item> </el-form-item>
<el-form-item label="资源链接"> <el-form-item label="资源链接">
<el-input v-model="editForm.src" /> <el-input v-model="editForm.src" />
<el-button class="mt-2" @click="openEditFormSrc">前往链接</el-button>
</el-form-item> </el-form-item>
<el-form-item label="附加样式"> <el-form-item label="附加样式">
<el-input v-model="editForm.addition" type="textarea" autosize /> <el-input v-model="editForm.addition" type="textarea" autosize />