Leo_Ding/GPU_Admin
1
0
Fork 0
generated from Leo_Ding/web-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://gitlab.guxuan.icu/Leo_Ding/GPU_Admin

Browse Source
This commit is contained in:
Leo_Ding 2026-01-27 09:23:37 +08:00
commit 79cf7c68c2
16 changed files with 215 additions and 531 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/apis/modules/activities.js
View File

@ -1,6 +1,6 @@
import request from '@/utils/request'
//获取产品优势列表
//获取活动列表
export const getActiveList = (params) => request.basic.get('/api/v1/active', params)
//获取单个banner

5
src/apis/modules/banner.js
View File

@ -3,11 +3,12 @@ import request from '@/utils/request'
//获取banner列表
export const getBannerList = (params) => request.basic.get('/api/v1/banners', params)
//获取单个banner
//获取单个图片
export const getBanner = (id) => request.basic.get(`/api/v1/banners/${id}`)
//创建banner
export const createBanner = (data) => request.basic.post('/api/v1/banners', data)
//更新banner
//编辑banner
export const updateBanner = (id, data) => request.basic.put(`/api/v1/banners/${id}`, data)
//删除banner
export const deleteBanner = (id) => request.basic.delete(`/api/v1/banners/${id}`)

24
src/apis/modules/host.js
View File

@ -2,21 +2,11 @@
* 权限接口
*/
import request from '@/utils/request'
// 获取role列表
// 获取主机列表
export const getPageList = (params) => request.basic.get('/api/v1/power-hosts', params)
// 获取role条数据
export const getPage = (id) => request.basic.get(`/api/v1/power-hosts/${id}`)
// 添加role
export const createPage = (params) => request.basic.post('/api/v1/power-hosts', params)
// 更新role
export const updatePage = (id, params) => request.basic.put(`/api/v1/power-hosts/${id}`, params)
// 删除role
export const delPage = (id) => request.basic.delete(`/api/v1/power-hosts/${id}`)
//获取区域列表
export const getRegionList = (params) => request.basic.get('/api/v1/computing-power-centers/label', params)
//添加算力卡
export const createComputeCard = (params) => request.basic.post('/api/v1/computing-cards', params)
//获取算力卡列表
export const getComputeCardList = (params) => request.basic.get('/api/v1/computing-cards', params)
//删除算力卡
export const delComputeCard = (id) => request.basic.delete(`/api/v1/computing-cards/${id}`)
// 删除主机列表
export const delHost = (id) => request.basic.delete(`/api/v1/power-hosts/${id}`)
// 编辑主机列表
export const updateHost = (id, params) => request.basic.put(`/api/v1/power-hosts/${id}`, params)
// 获取主机详情
export const getHostDetail = (id) => request.basic.delete(`/api/v1/power-hosts//${id}`)

19
src/apis/modules/platform.js
View File

@ -3,12 +3,23 @@ import request from '@/utils/request'
//获取标签列表
export const getTagList = (params) => request.basic.get('/api/v1/home-top-labels', params)
//获取算力卡列表
export const getCardsList = (params) => request.basic.get('/api/v1/cards', params)
// 新增标签
export const createTag = (data) => request.basic.post('/api/v1/home-top-labels', data)
//获取算力中心列表
export const getCentersList = (params) => request.basic.get('/api/v1/centers', params)
// 编辑标签
export const updateTag = (id, data) => request.basic.put(`/api/v1/home-top-labels/${id}`, data)
// 删除标签
export const deleteTag = (id) => request.basic.delete(`/api/v1/home-top-labels/${id}`)
//获取产品优势列表
export const getAdvanceList = (params) => request.basic.get('/api/v1/advance', params)
// 新增产品优势
export const createAdvance = (data) => request.basic.post('/api/v1/advance', data)
// 编辑产品优势
export const updateAdvance = (id, data) => request.basic.put(`/api/v1/advance/${id}`, data)
//获取单个banner
export const getBanner = (id) => request.basic.get(`/api/v1/banners/${id}`)

30
src/router/routes/bannerMgt.js
View File

@ -1,30 +0,0 @@
import { SettingOutlined } from '@ant-design/icons-vue'
export default [
{
path: 'bannerMgt',
name: 'bannerMgt',
component: 'RouteViewLayout',
meta: {
icon: 'icon-zhifudingjin',
title: '图片管理',
isMenu: true,
keepAlive: true,
permission: '*',
},
children: [
{
path: 'bannerList',
name: 'bannerList',
component: 'bannerMgt/bannerList/index.vue',
meta: {
title: '图片列表',
isMenu: true,
keepAlive: true,
permission: '*',
},
},
],
}
]

2
src/router/routes/index.js
View File

@ -30,7 +30,6 @@ import withdrawal from './withdrawal'
import invoice from './invoice'
import activities from './activities'
import systemSettings from './systemSettings'
import bannerMgt from './bannerMgt'
import platform from './platform'
export default [
...home,
@ -65,6 +64,5 @@ export default [
...invoice,
...activities,
...systemSettings,
...bannerMgt,
...platform,
]

158
src/views/bannerMgt/bannerList/components/EditDialog.vue
View File

@ -1,158 +0,0 @@
<template>
<a-modal :open="modal.open" :title="modal.title" :width="640" :confirm-loading="modal.confirmLoading"
:after-close="onAfterClose" :cancel-text="cancelText" :ok-text="okText" @ok="handleOk" @cancel="handleCancel">
<a-form ref="formRef" :model="formData" :rules="formRules">
<a-card class="mb-8-2">
<a-row :gutter="24">
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.name')" name="name">
<a-input v-model:value="formData.name"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.sequence')" name="sequence">
<a-input :defaultValue="0" type="number" v-model:value="formData.sequence"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.status')" name="status">
<a-radio-group v-model:value="formData.status" :options="[
{ label: $t('pages.system.role.form.status.enabled'), value: 'enabled' },
{ label: $t('pages.system.role.form.status.disabled'), value: 'disabled' },
]"></a-radio-group>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="'描述'">
<a-textarea v-model:value="formData.description"></a-textarea>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="'上传图片'" name="permissions">
<GxUpload :fileNumber="1" />
</a-form-item>
</a-col>
</a-row>
</a-card>
</a-form>
</a-modal>
</template>
<script setup>
import { cloneDeep } from 'lodash-es'
import { message } from 'ant-design-vue'
import { ref, watch } from 'vue'
import { config } from '@/config'
import apis from '@/apis'
import { useForm, useModal } from '@/hooks'
import GxUpload from '@/components/GxUpload/index.vue'
const emit = defineEmits(['ok'])
import { useI18n } from 'vue-i18n'
const { modal, showModal, hideModal, showLoading, hideLoading } = useModal()
const { formRecord, formData, formRef, formRules, resetForm } = useForm()
const { t } = useI18n() // 解构出t方法
const cancelText = ref(t('button.cancel'))
const okText = ref(t('button.confirm'))
formData.value.enabled='enabled'
formRules.value = {
name: { required: true, message: t('pages.system.role.form.name.placeholder') },
code: { required: true, message: t('pages.system.role.form.code.placeholder') },
status: { required: true, message: t('pages.system.role.form.status.placeholder') },
}
/**
* 新建
*/
function handleCreate() {
showModal({
type: 'create',
title: t('pages.system.role.add'),
})
}
/**
* 编辑
*/
async function handleEdit(record = {}) {
showModal({
type: 'edit',
title: t('pages.system.role.edit'),
})
const { data, success } = await apis.role.getRole(record.id).catch()
if (!success) {
message.error(t('component.message.error.save'))
hideModal()
return
}
let menus = []
if (data.menus) {
for (let item of data.menus) {
menus.push(item.menu_id)
}
}
checkedKeys.value = menus
formRecord.value = data
formData.value = cloneDeep(data)
}
/**
* 确定
*/
function handleOk() {
formRef.value
.validateFields()
.then(async (values) => {
try {
showLoading()
const params = {...values}
let result = null
switch (modal.value.type) {
case 'create':
result = await apis.banner.createBanner(params).catch(() => {
throw new Error()
})
break
case 'edit':
result = await apis.banner.updateBanner(formData.value.id, params).catch(() => {
throw new Error()
})
break
}
hideLoading()
if (config('http.code.success') === result?.success) {
hideModal()
emit('ok')
}
} catch (error) {
hideLoading()
}
})
.catch(() => {
hideLoading()
})
}
/**
* 取消
*/
function handleCancel() {
hideModal()
}
/**
* 关闭后
*/
function onAfterClose() {
resetForm()
hideLoading()
}
defineExpose({
handleCreate,
handleEdit,
})
</script>
<style lang="less" scoped></style>

211
src/views/bannerMgt/bannerList/index.vue
View File

@ -1,211 +0,0 @@
<template>
<x-search-bar class="mb-8-2">
<template #default="{ gutter, colSpan }">
<a-form :model="searchFormData" layout="inline">
<a-row :gutter="gutter">
<a-col v-bind="colSpan">
<a-form-item :label="$t('pages.system.role.form.name')" name="name">
<a-input :placeholder="$t('pages.system.role.form.code.placeholder')"
v-model:value="searchFormData.name"></a-input>
</a-form-item>
</a-col>
<a-col class="align-right" v-bind="colSpan">
<a-space>
<a-button @click="handleResetSearch">{{ $t('button.reset') }}</a-button>
<a-button ghost type="primary" @click="handleSearch">
{{ $t('button.search') }}
</a-button>
</a-space>
</a-col>
</a-row>
</a-form>
</template>
</x-search-bar>
<a-row :gutter="8" :wrap="false">
<a-col flex="auto">
<a-card type="flex">
<x-action-bar class="mb-8-2">
<a-button v-action="'add'" type="primary" @click="$refs.editDialogRef.handleCreate()">
<template #icon>
<plus-outlined></plus-outlined>
</template>
添加图片
</a-button>
</x-action-bar>
<a-table :columns="columns" :data-source="listData" :loading="loading" :pagination="paginationState"
:scroll="{ x: 1000 }" @change="onTableChange">
<template #bodyCell="{ column, record }">
<template v-if="'banner_type' === column.key">
<!--状态-->
<a-tag v-if="record.banner_type == 1" color="processing">
首页轮播图
</a-tag>
<!--状态-->
<a-tag v-else color="processing">
营销活动图
</a-tag>
</template>
<template v-if="'is_recommend' === column.key">
<!--状态-->
<a-tag v-if="record.banner_type == true" color="processing">
启用
</a-tag>
<!--状态-->
<a-tag v-else color="processing">
禁用
</a-tag>
</template>
<template v-if="'createAt' === column.key">
{{ formatUtcDateTime(record.created_at) }}
</template>
<template v-if="'action' === column.key">
<x-action-button @click="$refs.editDialogRef.handleEdit(record)">
<a-tooltip>
<template #title> {{ $t('pages.system.role.edit') }}</template>
<edit-outlined />
</a-tooltip>
</x-action-button>
<x-action-button @click="handleRemove(record)">
<a-tooltip>
<template #title> {{ $t('pages.system.delete') }}</template>
<delete-outlined style="color: #ff4d4f" />
</a-tooltip>
</x-action-button>
</template>
</template>
</a-table>
</a-card>
</a-col>
</a-row>
<edit-dialog ref="editDialogRef" @ok="onOk"></edit-dialog>
</template>
<script setup>
import { message, Modal } from 'ant-design-vue'
import { ref } from 'vue'
import apis from '@/apis'
import { formatUtcDateTime } from '@/utils/util'
import { config } from '@/config'
import { statusTypeEnum } from '@/enums/system'
import { usePagination, useForm } from '@/hooks'
import EditDialog from './components/EditDialog.vue'
import { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons-vue'
import { useI18n } from 'vue-i18n'
defineOptions({
name: 'systemRole',
})
const { t } = useI18n() // 解构出t方法
const columns = [
{ title: '缩略图', dataIndex: 'code', width: 200 },
{ title: '名称', dataIndex: 'name', width: 150 },
{ title: '类型', dataIndex: 'banner_type', key: 'banner_type', width: 150 },
{ title: t('pages.system.role.form.created_at'), key: 'createAt', fixed: 'right', width: 120 },
{ title: '是否启用', key: 'is_recommend', fixed: 'is_recommend', width: 120 },
{ title: t('button.action'), key: 'action', fixed: 'right', width: 120 },
]
const { listData, loading, showLoading, hideLoading, paginationState, searchFormData, resetPagination } =
usePagination()
const { resetForm } = useForm()
const editDialogRef = ref()
getPageList()
/**
* 获取用户列表
* @returns {Promise<void>}
*/
async function getPageList() {
try {
showLoading()
const { pageSize, current } = paginationState
const { data, total } = await apis.banner
.getBannerList({
pageSize,
current: current,
...searchFormData.value,
})
.catch(() => {
throw new Error()
})
hideLoading()
if (data.length > 0) {
listData.value = data
paginationState.total = total
}
} catch (error) {
hideLoading()
}
}
/**
* 移除
*/
function handleRemove({ id }) {
Modal.confirm({
title: t('pages.system.role.delTip'),
content: t('button.confirm'),
okText: t('button.confirm'),
onOk: () => {
return new Promise((resolve, reject) => {
; (async () => {
try {
const { success } = await apis.role.delRole(id).catch(() => {
throw new Error()
})
if (config('http.code.success') === success) {
resolve()
message.success(t('component.message.success.delete'))
await getPageList()
}
} catch (error) {
reject()
}
})()
})
},
})
}
/**
* 分页
*/
function onTableChange({ current, pageSize }) {
paginationState.current = current
paginationState.pageSize = pageSize
getPageList()
}
/**
* 重置
*/
function handleResetSearch() {
searchFormData.value = {}
resetPagination()
getPageList()
}
/**
* 搜索
*/
function handleSearch() {
resetForm()
resetPagination()
getPageList()
}
/**
* 编辑完成
*/
async function onOk() {
await getPageList()
}
</script>
<style lang="less" scoped></style>

4
src/views/computing/host/components/EditDialog.vue
View File

@ -80,7 +80,7 @@ async function handleEdit(record = {}) {
title: t('pages.system.role.edit'),
})
const { data, success } = await apis.role.getRole(record.id).catch()
const { data, success } = await apis.host.getHostDetail(record.id).catch()
if (!success) {
message.error(t('component.message.error.save'))
hideModal()
@ -115,7 +115,7 @@ function handleOk() {
})
break
case 'edit':
result = await apis.banner.updateBanner(formData.value.id, params).catch(() => {
result = await apis.host.updateHost(formData.value.id, params).catch(() => {
throw new Error()
})
break

2
src/views/computing/host/index.vue
View File

@ -215,7 +215,7 @@ function handleRemove({ id }) {
return new Promise((resolve, reject) => {
; (async () => {
try {
const { success } = await apis.role.delRole(id).catch(() => {
const { success } = await apis.host.delHost(id).catch(() => {
throw new Error()
})
if (config('http.code.success') === success) {

41
src/views/platform/bannerList/components/EditDialog.vue
View File

@ -5,21 +5,29 @@
<a-card class="mb-8-2">
<a-row :gutter="24">
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.name')" name="name">
<a-form-item :label="'标题'" name="name">
<a-input v-model:value="formData.name"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.sequence')" name="sequence">
<a-input :defaultValue="0" type="number" v-model:value="formData.sequence"></a-input>
<a-form-item :label="$t('pages.system.role.form.sequence')" name="order">
<a-input :defaultValue="0" type="number" v-model:value="formData.order"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.status')" name="status">
<a-radio-group v-model:value="formData.status" :options="[
{ label: $t('pages.system.role.form.status.enabled'), value: 'enabled' },
{ label: $t('pages.system.role.form.status.disabled'), value: 'disabled' },
<a-form-item :label="'是否推荐到首页'" name="is_recommend">
<a-radio-group v-model:value="formData.is_recommend" :options="[
{ label: '是', value: true },
{ label:'否', value: false },
]"></a-radio-group>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="'图片类型'" name="type">
<a-radio-group v-model:value="formData.type" :options="[
{ label: '轮播图片', value: '1'},
{ label: '营销图片', value: '2'},
]"></a-radio-group>
</a-form-item>
</a-col>
@ -54,7 +62,7 @@ const { formRecord, formData, formRef, formRules, resetForm } = useForm()
const { t } = useI18n() // 解构出t方法
const cancelText = ref(t('button.cancel'))
const okText = ref(t('button.confirm'))
formData.value.enabled='enabled'
formData.value.enabled = 'enabled'
formRules.value = {
name: { required: true, message: t('pages.system.role.form.name.placeholder') },
code: { required: true, message: t('pages.system.role.form.code.placeholder') },
@ -65,9 +73,10 @@ formRules.value = {
* 新建
*/
function handleCreate() {
console.log('添加handleCreate')
showModal({
type: 'create',
title: t('pages.system.role.add'),
title: '添加图片',
})
}
@ -77,22 +86,16 @@ function handleCreate() {
async function handleEdit(record = {}) {
showModal({
type: 'edit',
title: t('pages.system.role.edit'),
title: '编辑图片',
})
const { data, success } = await apis.role.getRole(record.id).catch()
const { data, success } = await apis.banner.getBanner(record.id).catch()
if (!success) {
message.error(t('component.message.error.save'))
hideModal()
return
}
let menus = []
if (data.menus) {
for (let item of data.menus) {
menus.push(item.menu_id)
}
}
checkedKeys.value = menus
formRecord.value = data
formData.value = cloneDeep(data)
}
@ -106,7 +109,7 @@ function handleOk() {
.then(async (values) => {
try {
showLoading()
const params = {...values}
const params = { ...values }
let result = null
switch (modal.value.type) {
case 'create':

14
src/views/platform/bannerList/index.vue
View File

@ -35,9 +35,9 @@
<a-table :columns="columns" :data-source="listData" :loading="loading" :pagination="paginationState"
:scroll="{ x: 1000 }" @change="onTableChange">
<template #bodyCell="{ column, record }">
<template v-if="'banner_type' === column.key">
<template v-if="'type' === column.key">
<!--状态-->
<a-tag v-if="record.banner_type == 1" color="processing">
<a-tag v-if="record.type == 1" color="processing">
首页轮播图
</a-tag>
<!--状态-->
@ -104,7 +104,7 @@ const { t } = useI18n() // 解构出t方法
const columns = [
{ title: '缩略图', dataIndex: 'code', width: 200 },
{ title: '名称', dataIndex: 'name', width: 150 },
{ title: '类型', dataIndex: 'banner_type', key: 'banner_type', width: 150 },
{ title: '类型', dataIndex: 'type', key: 'type', width: 150 },
{ title: t('pages.system.role.form.created_at'), key: 'createAt', fixed: 'right', width: 120 },
{ title: '是否启用', key: 'is_recommend', fixed: 'is_recommend', width: 120 },
{ title: t('button.action'), key: 'action', fixed: 'right', width: 120 },
@ -149,14 +149,14 @@ async function getPageList() {
*/
function handleRemove({ id }) {
Modal.confirm({
title: t('pages.system.role.delTip'),
title: '是否确认删除该图片？',
content: t('button.confirm'),
okText: t('button.confirm'),
onOk: () => {
return new Promise((resolve, reject) => {
; (async () => {
try {
const { success } = await apis.role.delRole(id).catch(() => {
const { success } = await apis.banner.deleteBanner(id).catch(() => {
throw new Error()
})
if (config('http.code.success') === success) {
@ -195,8 +195,8 @@ function handleResetSearch() {
* 搜索
*/
function handleSearch() {
resetForm()
resetPagination()
// resetForm()
// resetPagination()
getPageList()
}

108
src/views/platform/platformList/components/EditDialog.vue
View File

@ -1,60 +1,101 @@
<template>
<a-modal
:open="modal.open"
:title="modal.title"
:confirm-loading="modal.confirmLoading"
:after-close="onAfterClose"
@ok="handleOk"
@cancel="handleCancel">
<a-form
ref="formRef"
scroll-to-first-error
:model="formData"
:rules="formRules"
:label-col="{ style: { width: '80px' } }">
<a-form-item
label="标题"
name="title">
<a-input v-model:value="formData.title"></a-input>
</a-form-item>
<a-modal :open="modal.open" :title="modal.title" :width="640" :confirm-loading="modal.confirmLoading"
:after-close="onAfterClose" :cancel-text="cancelText" :ok-text="okText" @ok="handleOk" @cancel="handleCancel">
<a-form ref="formRef" :model="formData" :rules="formRules">
<a-card class="mb-8-2">
<a-row :gutter="24">
<a-col :span="24">
<a-form-item :label="'标题'" name="name">
<a-input v-model:value="formData.name"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.sequence')" name="sequence">
<a-input :defaultValue="0" type="number" v-model:value="formData.sequence"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.status')" name="status">
<a-radio-group v-model:value="formData.status" :options="[
{ label: $t('pages.system.role.form.status.enabled'), value: 'enabled' },
{ label: $t('pages.system.role.form.status.disabled'), value: 'disabled' },
]"></a-radio-group>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="'描述'">
<a-textarea v-model:value="formData.description"></a-textarea>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="'上传图片'" name="permissions">
<GxUpload :fileNumber="1" />
</a-form-item>
</a-col>
</a-row>
</a-card>
</a-form>
</a-modal>
</template>
<script setup>
import { cloneDeep } from 'lodash-es'
import { message } from 'ant-design-vue'
import { ref, watch } from 'vue'
import { config } from '@/config'
import apis from '@/apis'
import { useForm, useModal } from '@/hooks'
import GxUpload from '@/components/GxUpload/index.vue'
const emit = defineEmits(['ok'])
import { useI18n } from 'vue-i18n'
const { modal, showModal, hideModal, showLoading, hideLoading } = useModal()
const { formRef, formRules, formRecord, formData, resetForm } = useForm()
const { formRecord, formData, formRef, formRules, resetForm } = useForm()
const { t } = useI18n() // 解构出t方法
const cancelText = ref(t('button.cancel'))
const okText = ref(t('button.confirm'))
formData.value.enabled = 'enabled'
formRules.value = {
title: { required: true, message: '请输入标题' },
name: { required: true, message: t('pages.system.role.form.name.placeholder') },
code: { required: true, message: t('pages.system.role.form.code.placeholder') },
status: { required: true, message: t('pages.system.role.form.status.placeholder') },
}
/**
* 新建
*/
function handleCreate() {
console.log('添加handleCreate')
showModal({
type: 'create',
title: '新建',
title: '添加产品优势',
})
}
/**
* 编辑
*/
function handleEdit(record = {}) {
async function handleEdit(record = {}) {
showModal({
type: 'edit',
title: '编辑',
title: '编辑产品优势',
})
formRecord.value = record
formData.value = cloneDeep(record)
const { data, success } = await apis.banner.getBanner(record.id).catch()
if (!success) {
message.error(t('component.message.error.save'))
hideModal()
return
}
let menus = []
if (data.menus) {
for (let item of data.menus) {
menus.push(item.menu_id)
}
}
checkedKeys.value = menus
formRecord.value = data
formData.value = cloneDeep(data)
}
/**
@ -66,24 +107,22 @@ function handleOk() {
.then(async (values) => {
try {
showLoading()
const params = {
...values,
}
const params = { ...values }
let result = null
switch (modal.value.type) {
case 'create':
result = await apis.common.create(params).catch(() => {
result = await apis.platform.createAdvance(params).catch(() => {
throw new Error()
})
break
case 'edit':
result = await apis.common.update(formRecord.value.id, params).catch(() => {
result = await apis.platform.updateAdvance(formData.value.id, params).catch(() => {
throw new Error()
})
break
}
hideLoading()
if (200 === result?.code) {
if (config('http.code.success') === result?.success) {
hideModal()
emit('ok')
}
@ -108,6 +147,7 @@ function handleCancel() {
*/
function onAfterClose() {
resetForm()
hideLoading()
}
defineExpose({

10
src/views/platform/platformList/index.vue
View File

@ -30,12 +30,12 @@
<a-col flex="auto">
<a-card type="flex">
<x-action-bar class="mb-8-2">
<!-- <a-button v-action="'add'" type="primary" @click="$refs.editDialogRef.handleCreate()">
<a-button v-action="'add'" type="primary" @click="$refs.editDialogRef.handleCreate()">
<template #icon>
<plus-outlined></plus-outlined>
</template>
添加图片
</a-button> -->
添加产品优势
</a-button>
</x-action-bar>
<a-table :columns="columns" :data-source="listData" :loading="loading" :pagination="paginationState"
:scroll="{ x: 1000 }" @change="onTableChange">
@ -137,8 +137,8 @@ async function getPageList() {
try {
showLoading()
const { pageSize, current } = paginationState
const { data, total } = await apis.activities
.getActiveList({
const { data, total } = await apis.platform
.getAdvanceList({
pageSize,
current: current,
...searchFormData.value,

108
src/views/platform/tagList/components/EditDialog.vue
View File

@ -1,60 +1,101 @@
<template>
<a-modal
:open="modal.open"
:title="modal.title"
:confirm-loading="modal.confirmLoading"
:after-close="onAfterClose"
@ok="handleOk"
@cancel="handleCancel">
<a-form
ref="formRef"
scroll-to-first-error
:model="formData"
:rules="formRules"
:label-col="{ style: { width: '80px' } }">
<a-form-item
label="标题"
name="title">
<a-input v-model:value="formData.title"></a-input>
</a-form-item>
<a-modal :open="modal.open" :title="modal.title" :width="640" :confirm-loading="modal.confirmLoading"
:after-close="onAfterClose" :cancel-text="cancelText" :ok-text="okText" @ok="handleOk" @cancel="handleCancel">
<a-form ref="formRef" :model="formData" :rules="formRules">
<a-card class="mb-8-2">
<a-row :gutter="24">
<a-col :span="24">
<a-form-item :label="'标题'" name="name">
<a-input v-model:value="formData.name"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.sequence')" name="sequence">
<a-input :defaultValue="0" type="number" v-model:value="formData.sequence"></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="$t('pages.system.role.form.status')" name="status">
<a-radio-group v-model:value="formData.status" :options="[
{ label: $t('pages.system.role.form.status.enabled'), value: 'enabled' },
{ label: $t('pages.system.role.form.status.disabled'), value: 'disabled' },
]"></a-radio-group>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="'描述'">
<a-textarea v-model:value="formData.description"></a-textarea>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item :label="'上传图片'" name="permissions">
<GxUpload :fileNumber="1" />
</a-form-item>
</a-col>
</a-row>
</a-card>
</a-form>
</a-modal>
</template>
<script setup>
import { cloneDeep } from 'lodash-es'
import { message } from 'ant-design-vue'
import { ref, watch } from 'vue'
import { config } from '@/config'
import apis from '@/apis'
import { useForm, useModal } from '@/hooks'
import GxUpload from '@/components/GxUpload/index.vue'
const emit = defineEmits(['ok'])
import { useI18n } from 'vue-i18n'
const { modal, showModal, hideModal, showLoading, hideLoading } = useModal()
const { formRef, formRules, formRecord, formData, resetForm } = useForm()
const { formRecord, formData, formRef, formRules, resetForm } = useForm()
const { t } = useI18n() // 解构出t方法
const cancelText = ref(t('button.cancel'))
const okText = ref(t('button.confirm'))
formData.value.enabled = 'enabled'
formRules.value = {
title: { required: true, message: '请输入标题' },
name: { required: true, message: t('pages.system.role.form.name.placeholder') },
code: { required: true, message: t('pages.system.role.form.code.placeholder') },
status: { required: true, message: t('pages.system.role.form.status.placeholder') },
}
/**
* 新建
*/
function handleCreate() {
console.log('添加handleCreate')
showModal({
type: 'create',
title: '新建',
title: '添加标签',
})
}
/**
* 编辑
*/
function handleEdit(record = {}) {
async function handleEdit(record = {}) {
showModal({
type: 'edit',
title: '编辑',
title: '编辑标签',
})
formRecord.value = record
formData.value = cloneDeep(record)
const { data, success } = await apis.platform.updateTag(record.id).catch()
if (!success) {
message.error(t('component.message.error.save'))
hideModal()
return
}
let menus = []
if (data.menus) {
for (let item of data.menus) {
menus.push(item.menu_id)
}
}
checkedKeys.value = menus
formRecord.value = data
formData.value = cloneDeep(data)
}
/**
@ -66,24 +107,22 @@ function handleOk() {
.then(async (values) => {
try {
showLoading()
const params = {
...values,
}
const params = { ...values }
let result = null
switch (modal.value.type) {
case 'create':
result = await apis.common.create(params).catch(() => {
result = await apis.platform.createTag(params).catch(() => {
throw new Error()
})
break
case 'edit':
result = await apis.common.update(formRecord.value.id, params).catch(() => {
result = await apis.platform.updateTag(formData.value.id, params).catch(() => {
throw new Error()
})
break
}
hideLoading()
if (200 === result?.code) {
if (config('http.code.success') === result?.success) {
hideModal()
emit('ok')
}
@ -108,6 +147,7 @@ function handleCancel() {
*/
function onAfterClose() {
resetForm()
hideLoading()
}
defineExpose({

8
src/views/platform/tagList/index.vue
View File

@ -30,12 +30,12 @@
<a-col flex="auto">
<a-card type="flex">
<x-action-bar class="mb-8-2">
<!-- <a-button v-action="'add'" type="primary" @click="$refs.editDialogRef.handleCreate()">
<a-button v-action="'add'" type="primary" @click="$refs.editDialogRef.handleCreate()">
<template #icon>
<plus-outlined></plus-outlined>
</template>
添加图片
</a-button> -->
添加标签
</a-button>
</x-action-bar>
<a-table :columns="columns" :data-source="listData" :loading="loading" :pagination="paginationState"
:scroll="{ x: 1000 }" @change="onTableChange">
@ -156,7 +156,7 @@ function handleRemove({ id }) {
return new Promise((resolve, reject) => {
; (async () => {
try {
const { success } = await apis.role.delRole(id).catch(() => {
const { success } = await apis.platform.deleteTag(id).catch(() => {
throw new Error()
})
if (config('http.code.success') === success) {