🎨 优化分类管理和兑换码管理(新增分页)
This commit is contained in:
@@ -75,6 +75,7 @@
|
|||||||
<el-table-column align="left" label="首页展示" prop="index" width="120">
|
<el-table-column align="left" label="首页展示" prop="index" width="120">
|
||||||
<template #default="scope">{{ formatBoolean(scope.row.index) }}</template>
|
<template #default="scope">{{ formatBoolean(scope.row.index) }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column align="left" label="跳转链接" prop="url" width="120" />
|
||||||
<el-table-column align="left" label="分类类型" prop="isArticle" width="120">
|
<el-table-column align="left" label="分类类型" prop="isArticle" width="120">
|
||||||
<template #default="scope">{{ scope.row.isArticle === 1 ? '文章分类' : '非文章分类' }}</template>
|
<template #default="scope">{{ scope.row.isArticle === 1 ? '文章分类' : '非文章分类' }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -128,6 +129,9 @@
|
|||||||
<el-form-item label="是否首页展示:" prop="index" >
|
<el-form-item label="是否首页展示:" prop="index" >
|
||||||
<el-switch v-model="formData.index" active-color="#13ce66" inactive-color="#ff4949" active-text="是" inactive-text="否" clearable ></el-switch>
|
<el-switch v-model="formData.index" active-color="#13ce66" inactive-color="#ff4949" active-text="是" inactive-text="否" clearable ></el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="跳转链接:" prop="url" >
|
||||||
|
<el-input v-model="formData.url" :clearable="false" placeholder="请输入跳转链接" />
|
||||||
|
</el-form-item>
|
||||||
<el-form-item label="分类类型:" prop="isArticle" >
|
<el-form-item label="分类类型:" prop="isArticle" >
|
||||||
<el-select v-model="formData.isArticle" placeholder="请选择分类类型" style="width: 100%">
|
<el-select v-model="formData.isArticle" placeholder="请选择分类类型" style="width: 100%">
|
||||||
<el-option label="文章分类" :value="1" />
|
<el-option label="文章分类" :value="1" />
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<el-form :model="formData" ref="elFormRef" label-position="right" :rules="rule" label-width="80px">
|
<el-form :model="formData" ref="elFormRef" label-position="right" :rules="rule" label-width="80px">
|
||||||
<el-form-item label="名称:" prop="name">
|
<el-form-item label="名称:" prop="name">
|
||||||
<el-input v-model="formData.name" :clearable="false" placeholder="请输入名称" />
|
<el-input v-model="formData.name" :clearable="false" placeholder="请输入名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="排序:" prop="order">
|
<el-form-item label="排序:" prop="order">
|
||||||
<el-input v-model.number="formData.order" :clearable="false" placeholder="请输入" />
|
<el-input v-model.number="formData.order" :clearable="false" placeholder="请输入" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -17,6 +17,9 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="父ID:" prop="parentId">
|
<el-form-item label="父ID:" prop="parentId">
|
||||||
<el-input v-model.number="formData.parentId" :clearable="false" placeholder="请输入" />
|
<el-input v-model.number="formData.parentId" :clearable="false" placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="跳转链接:" prop="url">
|
||||||
|
<el-input v-model="formData.url" :clearable="false" placeholder="请输入名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button :loading="btnLoading" type="primary" @click="save">保存</el-button>
|
<el-button :loading="btnLoading" type="primary" @click="save">保存</el-button>
|
||||||
@@ -58,6 +61,7 @@ const formData = ref({
|
|||||||
active: false,
|
active: false,
|
||||||
parentId: 0,
|
parentId: 0,
|
||||||
index:0,
|
index:0,
|
||||||
|
url:'',
|
||||||
})
|
})
|
||||||
// 验证规则
|
// 验证规则
|
||||||
const rule = reactive({
|
const rule = reactive({
|
||||||
|
|||||||
@@ -218,7 +218,7 @@
|
|||||||
<el-input-number
|
<el-input-number
|
||||||
v-model="generateForm.number"
|
v-model="generateForm.number"
|
||||||
:min="1"
|
:min="1"
|
||||||
:max="1000"
|
:max="100"
|
||||||
placeholder="请输入生成数量"
|
placeholder="请输入生成数量"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
/>
|
/>
|
||||||
@@ -257,7 +257,7 @@
|
|||||||
import { cdkList, addCdk, delCdk } from '@/api/cdk/index.js'
|
import { cdkList, addCdk, delCdk } from '@/api/cdk/index.js'
|
||||||
import { list as domainList } from '@/api/domain'
|
import { list as domainList } from '@/api/domain'
|
||||||
import vueQr from 'vue-qr/src/packages/vue-qr.vue'
|
import vueQr from 'vue-qr/src/packages/vue-qr.vue'
|
||||||
import { ref, onMounted, computed, watch } from 'vue'
|
import { ref, onMounted, computed } from 'vue'
|
||||||
import { useRoute, useRouter } from 'vue-router'
|
import { useRoute, useRouter } from 'vue-router'
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
import { ArrowLeft, CopyDocument } from '@element-plus/icons-vue'
|
import { ArrowLeft, CopyDocument } from '@element-plus/icons-vue'
|
||||||
@@ -266,9 +266,6 @@ defineOptions({
|
|||||||
name: 'CdkManage'
|
name: 'CdkManage'
|
||||||
})
|
})
|
||||||
|
|
||||||
// 注册二维码组件(局部)
|
|
||||||
const components = { vueQr }
|
|
||||||
|
|
||||||
const route = useRoute()
|
const route = useRoute()
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
@@ -309,7 +306,7 @@ const openShare = async (row) => {
|
|||||||
shareDialogVisible.value = true
|
shareDialogVisible.value = true
|
||||||
if (!domainOptions.value.length) {
|
if (!domainOptions.value.length) {
|
||||||
try {
|
try {
|
||||||
const res = await domainList({ page: 1, pageSize: 1000 })
|
const res = await domainList({ page: 1, pageSize: 100 })
|
||||||
if (res.code === 0) {
|
if (res.code === 0) {
|
||||||
domainOptions.value = res.data.list || []
|
domainOptions.value = res.data.list || []
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user