Skip to content

phsl / admin

Go to a project
Commit e301d0db by yangchen
Options

实现计算资源首页管理功能

parent f56f33d0
Showing with 166 additions and 57 deletions
src/api/biz/bannerinfo/index.ts
......@@ -10,7 +10,7 @@ export interface BannerInfo {
url: string; // 链接地址
description: string; // 描述内容
orderNum: number; // 排序值
showStatus?: boolean; // 状态：0-已隐藏，1-已显示
showStatus: number; // 状态：0-已隐藏，1-已显示
remark: string; // 备注
}
......@@ -50,4 +50,4 @@ export const BannerInfoApi = {
exportBannerInfo: async (params) => {
return await request.download({ url: `/biz/banner-info/export-excel`, params })
}
}
\ No newline at end of file
}
src/api/biz/computilityinformation/index.ts
......@@ -10,7 +10,7 @@ export interface ComputilityInformation {
url: string; // 链接地址
description: string; // 描述内容
category?: number; // 计算资源应用类别
showStatus?: boolean; // 状态：0-已隐藏，1-已显示
showStatus: number; // 状态：0-已隐藏，1-已显示
remark: string; // 备注
}
......@@ -50,4 +50,4 @@ export const ComputilityInformationApi = {
exportComputilityInformation: async (params) => {
return await request.download({ url: `/biz/computility-information/export-excel`, params })
}
}
\ No newline at end of file
}
src/utils/dict.ts
......@@ -244,5 +244,8 @@ export enum DICT_TYPE {
IOT_PLUGIN_STATUS = 'iot_plugin_status', // IOT 插件状态
IOT_PLUGIN_TYPE = 'iot_plugin_type', // IOT 插件类型
IOT_DATA_BRIDGE_DIRECTION_ENUM = 'iot_data_bridge_direction_enum', // 桥梁方向
IOT_DATA_BRIDGE_TYPE_ENUM = 'iot_data_bridge_type_enum' // 桥梁类型
IOT_DATA_BRIDGE_TYPE_ENUM = 'iot_data_bridge_type_enum', // 桥梁类型
// ========== 首页信息模块 ==========
HOME_INFO_COMPUTILITY_TYPE = 'home_info_computility_type',
}
src/views/biz/bannerinfo/BannerInfoForm.vue
......@@ -25,11 +25,23 @@
<el-form-item label="排序值" prop="orderNum">
<el-input v-model="formData.orderNum" placeholder="请输入排序值" />
</el-form-item>
<!-- <el-form-item label="状态" prop="showStatus">-->
<!-- <el-radio-group v-model="formData.showStatus">-->
<!-- <el-radio value="1">请选择字典生成</el-radio>-->
<!-- </el-radio-group>-->
<!-- </el-form-item>-->
<el-form-item label="状态" prop="showStatus">
<el-radio-group v-model="formData.showStatus">
<el-radio value="1">请选择字典生成</el-radio>
<el-radio
v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
:key="dict.value"
:label="dict.value"
>
{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>
......@@ -42,6 +54,7 @@
</template>
<script setup lang="ts">
import { BannerInfoApi, BannerInfo } from '@/api/biz/bannerinfo'
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
/** banner页管理 表单 */
defineOptions({ name: 'BannerInfoForm' })
......
src/views/biz/bannerinfo/index.vue
......@@ -35,16 +35,28 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item label="状态" prop="showStatus">
<el-select
v-model="queryParams.showStatus"
placeholder="请选择状态：0-已隐藏，1-已显示"
clearable
class="!w-240px"
>
<el-option label="请选择字典生成" value="" />
<el-select v-model="queryParams.showStatus" placeholder="请选择状态" clearable class="!w-120px">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="状态" prop="showStatus">-->
<!-- <el-select-->
<!-- v-model="queryParams.showStatus"-->
<!-- placeholder="请选择状态：0-已隐藏，1-已显示"-->
<!-- clearable-->
<!-- class="!w-240px"-->
<!-- >-->
<!-- <el-option label="请选择字典生成" value="" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="创建时间" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
......@@ -109,13 +121,24 @@
@selection-change="handleRowCheckboxChange"
>
<el-table-column type="selection" width="55" />
<el-table-column label="轮播图地址" align="center" prop="image" />
<el-table-column label="排序值" align="center" prop="orderNum" />
<!-- <el-table-column label="轮播图地址" align="center" prop="image" />-->
<el-table-column label="轮播图地址" align="center" prop="image" width="100">
<template #default="scope">
<img :src="scope.row.image" alt="轮播图" class="h-36px" />
</template>
</el-table-column>
<el-table-column label="内容" align="center" prop="information" />
<el-table-column label="标题" align="center" prop="title" />
<el-table-column label="链接地址" align="center" prop="url" />
<el-table-column label="描述内容" align="center" prop="description" />
<el-table-column label="排序值" align="center" prop="orderNum" />
<el-table-column label="状态" align="center" prop="showStatus" />
<!-- <el-table-column label="状态" align="center" prop="showStatus" />-->
<el-table-column label="状态" align="center" prop="showStatus">
<template #default="scope">
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.showStatus" />
</template>
</el-table-column>
<el-table-column
label="创建时间"
align="center"
......@@ -164,6 +187,7 @@ import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { BannerInfoApi, BannerInfo } from '@/api/biz/bannerinfo'
import BannerInfoForm from './BannerInfoForm.vue'
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
/** banner页管理 列表 */
defineOptions({ name: 'BannerInfo' })
......
src/views/biz/computilityinformation/ComputilityInformationForm.vue
......@@ -22,16 +22,41 @@
<el-form-item label="描述内容" prop="description">
<Editor v-model="formData.description" height="150px" />
</el-form-item>
<!-- <el-form-item label="计算资源应用类别" prop="category">-->
<!-- <el-select v-model="formData.category" placeholder="请选择计算资源应用类别">-->
<!-- <el-option label="请选择字典生成" value="" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="计算资源应用类别" prop="category">
<el-select v-model="formData.category" placeholder="请选择计算资源应用类别">
<el-option label="请选择字典生成" value="" />
<el-select v-model="formData.category" placeholder="请选择应用类别" clearable class="!w-120px">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.HOME_INFO_COMPUTILITY_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="状态" prop="showStatus">-->
<!-- <el-radio-group v-model="formData.showStatus">-->
<!-- <el-radio value="1">请选择字典生成</el-radio>-->
<!-- </el-radio-group>-->
<!-- </el-form-item>-->
<el-form-item label="状态" prop="showStatus">
<el-radio-group v-model="formData.showStatus">
<el-radio value="1">请选择字典生成</el-radio>
<el-radio
v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
:key="dict.value"
:label="dict.value"
>
{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>
......@@ -44,6 +69,7 @@
</template>
<script setup lang="ts">
import { ComputilityInformationApi, ComputilityInformation } from '@/api/biz/computilityinformation'
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
/** 计算资源首页管理 表单 */
defineOptions({ name: 'ComputilityInformationForm' })
......
src/views/biz/computilityinformation/index.vue
......@@ -8,55 +8,88 @@
:inline="true"
label-width="68px"
>
<el-form-item label="标题" prop="title">
<el-form-item label="内容" prop="information">
<el-input
v-model="queryParams.title"
placeholder="请输入标题"
v-model="queryParams.information"
placeholder="请输入内容"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<el-form-item label="计算资源应用类别" prop="category">
<el-select
v-model="queryParams.category"
placeholder="请选择计算资源应用类别"
clearable
class="!w-240px"
>
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="状态" prop="showStatus">
<el-select
v-model="queryParams.showStatus"
placeholder="请选择状态：0-已隐藏，1-已显示"
<el-form-item label="标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入标题"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
>
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
value-format="YYYY-MM-DD HH:mm:ss"
type="daterange"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
class="!w-220px"
/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-form-item label="链接地址" prop="url">
<el-input
v-model="queryParams.remark"
placeholder="请输入备注"
v-model="queryParams.url"
placeholder="请输入链接地址"
clearable
@keyup.enter="handleQuery"
class="!w-240px"
/>
</el-form-item>
<!-- <el-form-item label="计算资源应用类别" prop="category">-->
<!-- <el-select-->
<!-- v-model="queryParams.category"-->
<!-- placeholder="请选择计算资源应用类别"-->
<!-- clearable-->
<!-- class="!w-240px"-->
<!-- >-->
<!-- <el-option label="请选择字典生成" value="" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="计算资源应用类别" prop="category">
<el-select v-model="queryParams.category" placeholder="请选择应用类别" clearable class="!w-120px">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.HOME_INFO_COMPUTILITY_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="showStatus">
<el-select v-model="queryParams.showStatus" placeholder="请选择状态" clearable class="!w-120px">
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="创建时间" prop="createTime">-->
<!-- <el-date-picker-->
<!-- v-model="queryParams.createTime"-->
<!-- value-format="YYYY-MM-DD HH:mm:ss"-->
<!-- type="daterange"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"-->
<!-- :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"-->
<!-- class="!w-220px"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="备注" prop="remark">-->
<!-- <el-input-->
<!-- v-model="queryParams.remark"-->
<!-- placeholder="请输入备注"-->
<!-- clearable-->
<!-- @keyup.enter="handleQuery"-->
<!-- class="!w-240px"-->
<!-- />-->
<!-- </el-form-item>-->
<el-form-item>
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
......@@ -101,13 +134,24 @@
@selection-change="handleRowCheckboxChange"
>
<el-table-column type="selection" width="55" />
<el-table-column label="展示图地址" align="center" prop="image" />
<!-- <el-table-column label="展示图地址" align="center" prop="image" />-->
<el-table-column label="展示图地址" align="center" prop="image" width="100">
<template #default="scope">
<img :src="scope.row.image" alt="资源展示图" class="h-36px" />
</template>
</el-table-column>
<el-table-column label="内容" align="center" prop="information" />
<el-table-column label="标题" align="center" prop="title" />
<el-table-column label="链接地址" align="center" prop="url" />
<el-table-column label="描述内容" align="center" prop="description" />
<el-table-column label="计算资源应用类别" align="center" prop="category" />
<el-table-column label="状态" align="center" prop="showStatus" />
<!-- <el-table-column label="状态" align="center" prop="showStatus" />-->
<el-table-column label="状态" align="center" prop="showStatus">
<template #default="scope">
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="Number(scope.row.showStatus)" />
</template>
</el-table-column>
<el-table-column
label="创建时间"
align="center"
......@@ -156,6 +200,7 @@ import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { ComputilityInformationApi, ComputilityInformation } from '@/api/biz/computilityinformation'
import ComputilityInformationForm from './ComputilityInformationForm.vue'
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
/** 计算资源首页管理 列表 */
defineOptions({ name: 'ComputilityInformation' })
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment