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

e301d0db · yangchen · f56f33d0 · e301d0db · e301d0db · e301d0db
Commit e301d0db authored Aug 03, 2025 by yangchen
7 changed files
--- a/src/api/biz/bannerinfo/index.ts
+++ b/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
--- a/src/api/biz/computilityinformation/index.ts
+++ b/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
--- a/src/utils/dict.ts
+++ b/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',
 }
--- a/src/views/biz/bannerinfo/BannerInfoForm.vue
+++ b/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' })

--- a/src/views/biz/bannerinfo/index.vue
+++ b/src/views/biz/bannerinfo/index.vue
@@ -35,16 +35,28 @@
          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="状态" prop="showStatus">
-        <el-select
+        <el-select v-model="queryParams.showStatus" placeholder="请选择状态" clearable class="!w-120px">
-          v-model="queryParams.showStatus"
+          <el-option
-          placeholder="请选择状态：0-已隐藏，1-已显示"
+            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
-          clearable
+            :key="dict.value"
-          class="!w-240px"
+            :label="dict.label"
-        >
+            :value="dict.value"
-          <el-option label="请选择字典生成" 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' })

--- a/src/views/biz/computilityinformation/ComputilityInformationForm.vue
+++ b/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-select v-model="formData.category" placeholder="请选择应用类别" clearable class="!w-120px">
-          <el-option label="请选择字典生成" value="" />
+          <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' })

--- a/src/views/biz/computilityinformation/index.vue
+++ b/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"
+          v-model="queryParams.information"
-          placeholder="请输入标题"
+          placeholder="请输入内容"
          clearable
          @keyup.enter="handleQuery"
          class="!w-240px"
        />
      </el-form-item>
-      <el-form-item label="计算资源应用类别" prop="category">
-        <el-select
+      <el-form-item label="标题" prop="title">
-          v-model="queryParams.category"
+        <el-input
-          placeholder="请选择计算资源应用类别"
+          v-model="queryParams.title"
-          clearable
+          placeholder="请输入标题"
-          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-已显示"
          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"
+          v-model="queryParams.url"
-          placeholder="请输入备注"
+          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' })