ソースを参照

feat: 版本汇总-版本列表功能代码暂存提交

lihao16 2 ヶ月 前
コミット
4aef046feb

+ 55 - 0
smsb-modules/smsb-device/src/main/java/com/inspur/device/util/KeycloakAuthUrlGenerator.java

@@ -0,0 +1,55 @@
+package com.inspur.device.util;
+
+import java.net.URLEncoder;
+import java.nio.charset.StandardCharsets;
+import java.util.UUID;
+
+/**
+ * 现网安播云生成访问路径
+ * @author lihao16
+ */
+public class KeycloakAuthUrlGenerator {
+
+    public static void main(String[] args) {
+        String authUrl = generateKeycloakAuthUrl();
+        System.out.println("Generated Keycloak Authorization URL:");
+        System.out.println(authUrl);
+    }
+
+    public static String generateKeycloakAuthUrl() {
+        // Keycloak 基础配置
+        String keycloakServerUrl = "https://msr.inspur.com:8084";
+        String realm = "smsb";
+        String clientId = "frontend-api";
+        String redirectUri = "https://msr.inspur.com:8084/admin/#/home";
+
+        // 生成随机参数
+        String state = UUID.randomUUID().toString();
+        String nonce = UUID.randomUUID().toString();
+
+        // 构建授权端点基础URL
+        String authEndpoint = String.format("%s/auth/realms/%s/protocol/openid-connect/auth",
+                keycloakServerUrl, realm);
+
+        // 构建查询参数
+        String queryParams = String.format(
+                "client_id=%s" +
+                "&redirect_uri=%s" +
+                "&state=%s" +
+                "&response_mode=fragment" +
+                "&response_type=code" +
+                "&scope=openid" +
+                "&nonce=%s",
+                urlEncode(clientId),
+                urlEncode(redirectUri),
+                urlEncode(state),
+                urlEncode(nonce));
+
+        // 组合完整URL
+        return authEndpoint + "?" + queryParams;
+    }
+
+    private static String urlEncode(String value) {
+        return URLEncoder.encode(value, StandardCharsets.UTF_8);
+    }
+}

+ 106 - 0
smsb-modules/smsb-source/src/main/java/com/inspur/source/controller/SmsbVersionPackageController.java

@@ -0,0 +1,106 @@
+package com.inspur.source.controller;
+
+import cn.dev33.satoken.annotation.SaCheckPermission;
+import com.inspur.source.domain.bo.SmsbVersionPackageBo;
+import com.inspur.source.domain.vo.SmsbVersionPackageVo;
+import com.inspur.source.service.ISmsbVersionPackageService;
+import jakarta.servlet.http.HttpServletResponse;
+import jakarta.validation.constraints.NotEmpty;
+import jakarta.validation.constraints.NotNull;
+import lombok.RequiredArgsConstructor;
+import org.dromara.common.core.domain.R;
+import org.dromara.common.core.validate.AddGroup;
+import org.dromara.common.core.validate.EditGroup;
+import org.dromara.common.excel.utils.ExcelUtil;
+import org.dromara.common.idempotent.annotation.RepeatSubmit;
+import org.dromara.common.log.annotation.Log;
+import org.dromara.common.log.enums.BusinessType;
+import org.dromara.common.mybatis.core.page.PageQuery;
+import org.dromara.common.mybatis.core.page.TableDataInfo;
+import org.dromara.common.web.core.BaseController;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+/**
+ * 版本列表
+ *
+ * @author Hao Li
+ * @date 2025-08-13
+ */
+@Validated
+@RequiredArgsConstructor
+@RestController
+@RequestMapping("/source/versionPackage")
+public class SmsbVersionPackageController extends BaseController {
+
+    private final ISmsbVersionPackageService smsbVersionPackageService;
+
+    /**
+     * 查询版本列表列表
+     */
+    @SaCheckPermission("source:versionPackage:list")
+    @GetMapping("/list")
+    public TableDataInfo<SmsbVersionPackageVo> list(SmsbVersionPackageBo bo, PageQuery pageQuery) {
+        return smsbVersionPackageService.queryPageList(bo, pageQuery);
+    }
+
+    /**
+     * 导出版本列表列表
+     */
+    @SaCheckPermission("source:versionPackage:export")
+    @Log(title = "版本列表", businessType = BusinessType.EXPORT)
+    @PostMapping("/export")
+    public void export(SmsbVersionPackageBo bo, HttpServletResponse response) {
+        List<SmsbVersionPackageVo> list = smsbVersionPackageService.queryList(bo);
+        ExcelUtil.exportExcel(list, "版本列表", SmsbVersionPackageVo.class, response);
+    }
+
+    /**
+     * 获取版本列表详细信息
+     *
+     * @param id 主键
+     */
+    @SaCheckPermission("source:versionPackage:query")
+    @GetMapping("/{id}")
+    public R<SmsbVersionPackageVo> getInfo(@NotNull(message = "主键不能为空")
+                                           @PathVariable Long id) {
+        return R.ok(smsbVersionPackageService.queryById(id));
+    }
+
+    /**
+     * 新增版本列表
+     */
+    @SaCheckPermission("source:versionPackage:add")
+    @Log(title = "版本列表", businessType = BusinessType.INSERT)
+    @RepeatSubmit()
+    @PostMapping()
+    public R<Void> add(@Validated(AddGroup.class) @RequestBody SmsbVersionPackageBo bo) {
+        return toAjax(smsbVersionPackageService.insertByBo(bo));
+    }
+
+    /**
+     * 修改版本列表
+     */
+    @SaCheckPermission("source:versionPackage:edit")
+    @Log(title = "版本列表", businessType = BusinessType.UPDATE)
+    @RepeatSubmit()
+    @PutMapping()
+    public R<Void> edit(@Validated(EditGroup.class) @RequestBody SmsbVersionPackageBo bo) {
+        return toAjax(smsbVersionPackageService.updateByBo(bo));
+    }
+
+    /**
+     * 删除版本列表
+     *
+     * @param ids 主键串
+     */
+    @SaCheckPermission("source:versionPackage:remove")
+    @Log(title = "版本列表", businessType = BusinessType.DELETE)
+    @DeleteMapping("/{ids}")
+    public R<Void> remove(@NotEmpty(message = "主键不能为空")
+                          @PathVariable Long[] ids) {
+        return toAjax(smsbVersionPackageService.deleteWithValidByIds(List.of(ids), true));
+    }
+}

+ 82 - 0
smsb-modules/smsb-source/src/main/java/com/inspur/source/domain/SmsbVersionPackage.java

@@ -0,0 +1,82 @@
+package com.inspur.source.domain;
+
+import com.baomidou.mybatisplus.annotation.TableId;
+import com.baomidou.mybatisplus.annotation.TableName;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import org.dromara.common.tenant.core.TenantEntity;
+
+import java.io.Serial;
+
+/**
+ * 版本列表对象 smsb_version_package
+ *
+ * @author Hao Li
+ * @date 2025-08-13
+ */
+@Data
+@EqualsAndHashCode(callSuper = true)
+@TableName("smsb_version_package")
+public class SmsbVersionPackage extends TenantEntity {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 主键ID
+     */
+    @TableId(value = "id")
+    private Long id;
+
+    /**
+     * 版本名称
+     */
+    private String versionName;
+
+    /**
+     * 版本号
+     */
+    private String versionCode;
+
+    /**
+     * 文件大小KB
+     */
+    private Long fileSize;
+
+    /**
+     * 文件名称
+     */
+    private String fileName;
+
+    /**
+     * 下载路径
+     */
+    private String fileUrl;
+
+    /**
+     * apk MD5
+     */
+    private String md5;
+
+    /**
+     * 分类ID
+     */
+    private Long treeId;
+
+    /**
+     * 分类Ids
+     */
+    private String treeIds;
+
+    /**
+     * 备注
+     */
+    private String remark;
+
+    /**
+     * oss id
+     */
+    private Long ossId;
+
+
+}

+ 71 - 0
smsb-modules/smsb-source/src/main/java/com/inspur/source/domain/bo/SmsbVersionPackageBo.java

@@ -0,0 +1,71 @@
+package com.inspur.source.domain.bo;
+
+import com.inspur.source.domain.SmsbVersionPackage;
+import io.github.linpeilie.annotations.AutoMapper;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import org.dromara.common.mybatis.core.domain.BaseEntity;
+
+/**
+ * 版本列表业务对象 smsb_version_package
+ *
+ * @author Hao Li
+ * @date 2025-08-13
+ */
+@Data
+@EqualsAndHashCode(callSuper = true)
+@AutoMapper(target = SmsbVersionPackage.class, reverseConvertGenerate = false)
+public class SmsbVersionPackageBo extends BaseEntity {
+
+    /**
+     * 主键ID
+     */
+    private Long id;
+
+    /**
+     * 版本名称
+     */
+    private String versionName;
+
+    /**
+     * 版本号
+     */
+    private String versionCode;
+
+    /**
+     * 文件大小KB
+     */
+    private Long fileSize;
+
+    /**
+     * 文件名称
+     */
+    private String fileName;
+
+    /**
+     * 下载路径
+     */
+    private String fileUrl;
+
+    /**
+     * apk MD5
+     */
+    private String md5;
+
+    /**
+     * 分类ID
+     */
+    private Long treeId;
+
+    /**
+     * 分类Ids
+     */
+    private String treeIds;
+
+    /**
+     * 备注
+     */
+    private String remark;
+
+
+}

+ 95 - 0
smsb-modules/smsb-source/src/main/java/com/inspur/source/domain/vo/SmsbVersionPackageVo.java

@@ -0,0 +1,95 @@
+package com.inspur.source.domain.vo;
+
+import com.alibaba.excel.annotation.ExcelIgnoreUnannotated;
+import com.alibaba.excel.annotation.ExcelProperty;
+import com.inspur.source.domain.SmsbVersionPackage;
+import io.github.linpeilie.annotations.AutoMapper;
+import lombok.Data;
+
+import java.io.Serial;
+import java.io.Serializable;
+import java.util.Date;
+
+
+/**
+ * 版本列表视图对象 smsb_version_package
+ *
+ * @author Hao Li
+ * @date 2025-08-13
+ */
+@Data
+@ExcelIgnoreUnannotated
+@AutoMapper(target = SmsbVersionPackage.class)
+public class SmsbVersionPackageVo implements Serializable {
+
+    @Serial
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 主键ID
+     */
+    @ExcelProperty(value = "主键ID")
+    private Long id;
+
+    /**
+     * 版本名称
+     */
+    @ExcelProperty(value = "版本名称")
+    private String versionName;
+
+    /**
+     * 版本号
+     */
+    @ExcelProperty(value = "版本号")
+    private String versionCode;
+
+    /**
+     * 文件大小KB
+     */
+    @ExcelProperty(value = "文件大小KB")
+    private Long fileSize;
+
+    /**
+     * 文件名称
+     */
+    @ExcelProperty(value = "文件名称")
+    private String fileName;
+
+    /**
+     * 下载路径
+     */
+    @ExcelProperty(value = "下载路径")
+    private String fileUrl;
+
+    /**
+     * apk MD5
+     */
+    @ExcelProperty(value = "apk MD5")
+    private String md5;
+
+    /**
+     * 分类ID
+     */
+    @ExcelProperty(value = "分类ID")
+    private Long treeId;
+
+    /**
+     * 分类Ids
+     */
+    @ExcelProperty(value = "分类Ids")
+    private String treeIds;
+
+    /**
+     * 创建时间
+     */
+    @ExcelProperty(value = "创建时间")
+    private Date createTime;
+
+    /**
+     * 备注
+     */
+    @ExcelProperty(value = "备注")
+    private String remark;
+
+
+}

+ 15 - 0
smsb-modules/smsb-source/src/main/java/com/inspur/source/mapper/SmsbVersionPackageMapper.java

@@ -0,0 +1,15 @@
+package com.inspur.source.mapper;
+
+import com.inspur.source.domain.SmsbVersionPackage;
+import com.inspur.source.domain.vo.SmsbVersionPackageVo;
+import org.dromara.common.mybatis.core.mapper.BaseMapperPlus;
+
+/**
+ * 版本列表Mapper接口
+ *
+ * @author Hao Li
+ * @date 2025-08-13
+ */
+public interface SmsbVersionPackageMapper extends BaseMapperPlus<SmsbVersionPackage, SmsbVersionPackageVo> {
+
+}

+ 68 - 0
smsb-modules/smsb-source/src/main/java/com/inspur/source/service/ISmsbVersionPackageService.java

@@ -0,0 +1,68 @@
+package com.inspur.source.service;
+
+import com.inspur.source.domain.bo.SmsbVersionPackageBo;
+import com.inspur.source.domain.vo.SmsbVersionPackageVo;
+import org.dromara.common.mybatis.core.page.PageQuery;
+import org.dromara.common.mybatis.core.page.TableDataInfo;
+
+import java.util.Collection;
+import java.util.List;
+
+/**
+ * 版本列表Service接口
+ *
+ * @author Hao Li
+ * @date 2025-08-13
+ */
+public interface ISmsbVersionPackageService {
+
+    /**
+     * 查询版本列表
+     *
+     * @param id 主键
+     * @return 版本列表
+     */
+    SmsbVersionPackageVo queryById(Long id);
+
+    /**
+     * 分页查询版本列表列表
+     *
+     * @param bo        查询条件
+     * @param pageQuery 分页参数
+     * @return 版本列表分页列表
+     */
+    TableDataInfo<SmsbVersionPackageVo> queryPageList(SmsbVersionPackageBo bo, PageQuery pageQuery);
+
+    /**
+     * 查询符合条件的版本列表列表
+     *
+     * @param bo 查询条件
+     * @return 版本列表列表
+     */
+    List<SmsbVersionPackageVo> queryList(SmsbVersionPackageBo bo);
+
+    /**
+     * 新增版本列表
+     *
+     * @param bo 版本列表
+     * @return 是否新增成功
+     */
+    Boolean insertByBo(SmsbVersionPackageBo bo);
+
+    /**
+     * 修改版本列表
+     *
+     * @param bo 版本列表
+     * @return 是否修改成功
+     */
+    Boolean updateByBo(SmsbVersionPackageBo bo);
+
+    /**
+     * 校验并批量删除版本列表信息
+     *
+     * @param ids     待删除的主键集合
+     * @param isValid 是否进行有效性校验
+     * @return 是否删除成功
+     */
+    Boolean deleteWithValidByIds(Collection<Long> ids, Boolean isValid);
+}

+ 129 - 0
smsb-modules/smsb-source/src/main/java/com/inspur/source/service/impl/SmsbVersionPackageServiceImpl.java

@@ -0,0 +1,129 @@
+package com.inspur.source.service.impl;
+
+import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
+import com.baomidou.mybatisplus.core.toolkit.Wrappers;
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.inspur.source.domain.SmsbVersionPackage;
+import com.inspur.source.domain.bo.SmsbVersionPackageBo;
+import com.inspur.source.domain.vo.SmsbVersionPackageVo;
+import com.inspur.source.mapper.SmsbVersionPackageMapper;
+import com.inspur.source.service.ISmsbVersionPackageService;
+import lombok.RequiredArgsConstructor;
+import org.dromara.common.core.utils.MapstructUtils;
+import org.dromara.common.core.utils.StringUtils;
+import org.dromara.common.mybatis.core.page.PageQuery;
+import org.dromara.common.mybatis.core.page.TableDataInfo;
+import org.springframework.stereotype.Service;
+
+import java.util.Collection;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * 版本列表Service业务层处理
+ *
+ * @author Hao Li
+ * @date 2025-08-13
+ */
+@RequiredArgsConstructor
+@Service
+public class SmsbVersionPackageServiceImpl implements ISmsbVersionPackageService {
+
+    private final SmsbVersionPackageMapper baseMapper;
+
+    /**
+     * 查询版本列表
+     *
+     * @param id 主键
+     * @return 版本列表
+     */
+    @Override
+    public SmsbVersionPackageVo queryById(Long id) {
+        return baseMapper.selectVoById(id);
+    }
+
+    /**
+     * 分页查询版本列表列表
+     *
+     * @param bo        查询条件
+     * @param pageQuery 分页参数
+     * @return 版本列表分页列表
+     */
+    @Override
+    public TableDataInfo<SmsbVersionPackageVo> queryPageList(SmsbVersionPackageBo bo, PageQuery pageQuery) {
+        LambdaQueryWrapper<SmsbVersionPackage> lqw = buildQueryWrapper(bo);
+        Page<SmsbVersionPackageVo> result = baseMapper.selectVoPage(pageQuery.build(), lqw);
+        return TableDataInfo.build(result);
+    }
+
+    /**
+     * 查询符合条件的版本列表列表
+     *
+     * @param bo 查询条件
+     * @return 版本列表列表
+     */
+    @Override
+    public List<SmsbVersionPackageVo> queryList(SmsbVersionPackageBo bo) {
+        LambdaQueryWrapper<SmsbVersionPackage> lqw = buildQueryWrapper(bo);
+        return baseMapper.selectVoList(lqw);
+    }
+
+    private LambdaQueryWrapper<SmsbVersionPackage> buildQueryWrapper(SmsbVersionPackageBo bo) {
+        Map<String, Object> params = bo.getParams();
+        LambdaQueryWrapper<SmsbVersionPackage> lqw = Wrappers.lambdaQuery();
+        lqw.like(StringUtils.isNotBlank(bo.getVersionName()), SmsbVersionPackage::getVersionName, bo.getVersionName());
+        return lqw;
+    }
+
+    /**
+     * 新增版本列表
+     *
+     * @param bo 版本列表
+     * @return 是否新增成功
+     */
+    @Override
+    public Boolean insertByBo(SmsbVersionPackageBo bo) {
+        SmsbVersionPackage add = MapstructUtils.convert(bo, SmsbVersionPackage.class);
+        validEntityBeforeSave(add);
+        boolean flag = baseMapper.insert(add) > 0;
+        if (flag) {
+            bo.setId(add.getId());
+        }
+        return flag;
+    }
+
+    /**
+     * 修改版本列表
+     *
+     * @param bo 版本列表
+     * @return 是否修改成功
+     */
+    @Override
+    public Boolean updateByBo(SmsbVersionPackageBo bo) {
+        SmsbVersionPackage update = MapstructUtils.convert(bo, SmsbVersionPackage.class);
+        validEntityBeforeSave(update);
+        return baseMapper.updateById(update) > 0;
+    }
+
+    /**
+     * 保存前的数据校验
+     */
+    private void validEntityBeforeSave(SmsbVersionPackage entity) {
+        //TODO 做一些数据校验,如唯一约束
+    }
+
+    /**
+     * 校验并批量删除版本列表信息
+     *
+     * @param ids     待删除的主键集合
+     * @param isValid 是否进行有效性校验
+     * @return 是否删除成功
+     */
+    @Override
+    public Boolean deleteWithValidByIds(Collection<Long> ids, Boolean isValid) {
+        if (isValid) {
+            //TODO 做一些业务上的校验,判断是否需要校验
+        }
+        return baseMapper.deleteByIds(ids) > 0;
+    }
+}

+ 7 - 0
smsb-modules/smsb-source/src/main/resources/mapper/SmsbVersionPackageMapper.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper
+    PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.inspur.source.mapper.SmsbVersionPackageMapper">
+
+</mapper>

+ 63 - 0
smsb-plus-ui/src/api/smsb/source/version_package/api.ts

@@ -0,0 +1,63 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { VersionPackageVO, VersionPackageForm, VersionPackageQuery } from '@/api/smsb/source/version_package/types';
+
+/**
+ * 查询版本列表列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listVersionPackage = (query?: VersionPackageQuery): AxiosPromise<VersionPackageVO[]> => {
+  return request({
+    url: '/source/versionPackage/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询版本列表详细
+ * @param id
+ */
+export const getVersionPackage = (id: string | number): AxiosPromise<VersionPackageVO> => {
+  return request({
+    url: '/source/versionPackage/' + id,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增版本列表
+ * @param data
+ */
+export const addVersionPackage = (data: VersionPackageForm) => {
+  return request({
+    url: '/source/versionPackage',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改版本列表
+ * @param data
+ */
+export const updateVersionPackage = (data: VersionPackageForm) => {
+  return request({
+    url: '/source/versionPackage',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除版本列表
+ * @param id
+ */
+export const delVersionPackage = (id: string | number | Array<string | number>) => {
+  return request({
+    url: '/source/versionPackage/' + id,
+    method: 'delete'
+  });
+};

+ 126 - 0
smsb-plus-ui/src/api/smsb/source/version_package/types.ts

@@ -0,0 +1,126 @@
+export interface VersionPackageVO {
+  /**
+   * 主键ID
+   */
+  id: string | number;
+
+  /**
+   * 版本名称
+   */
+  versionName: string;
+
+  /**
+   * 版本号
+   */
+  versionCode: string;
+
+  /**
+   * 文件大小KB
+   */
+  fileSize: number;
+
+  /**
+   * 文件名称
+   */
+  fileName: string;
+
+  /**
+   * 下载路径
+   */
+  fileUrl: string;
+
+  /**
+   * apk MD5
+   */
+  md5: string;
+
+  /**
+   * 分类ID
+   */
+  treeId: string | number;
+
+  /**
+   * 分类Ids
+   */
+  treeIds: string | number;
+
+  /**
+   * 创建时间
+   */
+  createTime: string;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+}
+
+export interface VersionPackageForm extends BaseEntity {
+  /**
+   * 主键ID
+   */
+  id?: string | number;
+
+  /**
+   * 版本名称
+   */
+  versionName?: string;
+
+  /**
+   * 版本号
+   */
+  versionCode?: string;
+
+  /**
+   * 文件大小KB
+   */
+  fileSize?: number;
+
+  /**
+   * 文件名称
+   */
+  fileName?: string;
+
+  /**
+   * 下载路径
+   */
+  fileUrl?: string;
+
+  /**
+   * apk MD5
+   */
+  md5?: string;
+
+  /**
+   * 分类ID
+   */
+  treeId?: string | number;
+
+  /**
+   * 分类Ids
+   */
+  treeIds?: string | number;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+}
+
+export interface VersionPackageQuery extends PageQuery {
+
+  /**
+   * 版本名称
+   */
+  versionName?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+

+ 1 - 1
smsb-plus-ui/src/views/smsb/otaPackage/index.vue

@@ -64,7 +64,7 @@
         v-model:limit="queryParams.pageSize" @pagination="getList" />
     </el-card>
     <!-- 添加或修改OTA版本管理对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="800px" append-to-body>
       <el-form ref="otaPackageFormRef" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="版本名称" prop="versionName">
           <el-input v-model="form.versionName" placeholder="请输入版本名称" />

+ 274 - 0
smsb-plus-ui/src/views/smsb/versionPackage/index.vue

@@ -0,0 +1,274 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+                :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover" :style="{ height: '80px' }">
+          <div class="form-wrapper">
+            <div class="form-container">
+              <el-form ref="queryFormRef" :model="queryParams" style="margin-top: 10px" :inline="true">
+                <el-form-item label="版本名称" prop="versionName">
+                  <el-input v-model="queryParams.versionName" placeholder="请输入版本名称" clearable
+                            @keyup.enter="handleQuery"/>
+                </el-form-item>
+                <el-form-item label="版本号" prop="versionCode">
+                  <el-input v-model="queryParams.versionCode" placeholder="请输入版本号" clearable
+                            @keyup.enter="handleQuery"/>
+                </el-form-item>
+                <el-form-item>
+                  <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                  <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+                  <el-button type="primary" plain icon="Plus" @click="handleAdd"
+                             v-hasPermi="['source:versionPackage:add']">
+                    新增
+                  </el-button>
+                </el-form-item>
+              </el-form>
+            </div>
+          </div>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <div class="table-content">
+        <el-table v-loading="loading" :data="versionPackageList" @selection-change="handleSelectionChange">
+          <el-table-column label="" align="center" prop="" width="10"/>
+          <el-table-column label="版本名称" align="left" prop="versionName"/>
+          <el-table-column label="版本号" align="left" prop="versionCode"/>
+          <el-table-column label="文件大小" align="center" prop="fileSize"/>
+          <el-table-column label="文件名称" align="center" prop="fileName"/>
+          <el-table-column label="下载路径" align="center" prop="fileUrl"/>
+          <el-table-column label="MD5" align="center" prop="md5"/>
+          <el-table-column label="所属分类" align="center" prop="treeId"/>
+          <el-table-column label="创建时间" align="center" prop="createTime" width="180"/>
+          <el-table-column label="备注" align="center" prop="remark"/>
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <template #default="scope">
+              <el-tooltip content="删除" placement="top">
+                <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+                           v-hasPermi="['source:versionPackage:remove']">删除
+                </el-button>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+                  v-model:limit="queryParams.pageSize" @pagination="getList"/>
+    </el-card>
+    <!-- 添加或修改版本列表对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="800px" append-to-body>
+      <el-form ref="versionPackageFormRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="版本名称" prop="versionName">
+          <el-input v-model="form.versionName" placeholder="请输入版本名称"/>
+        </el-form-item>
+        <el-form-item label="归属分类" prop="treeId">
+          <el-tree-select v-model="form.treeId" :data="sourceTreeOptions"
+                          :props="{ value: 'id', label: 'name', children: 'children' }" value-key="id"
+                          placeholder="请选择归属目录"  default-expand-all
+                          check-strictly @node-click="handleNodeClick" style="width: 100%"/>
+        </el-form-item>
+        <el-form-item label="版本文件" prop="ossId">
+          <ota-file-upload v-model="form.ossId"/>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input type="textarea" :rows="3" v-model="form.remark" placeholder="请输入备注"/>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="VersionPackage" lang="ts">
+import {
+  addVersionPackage,
+  delVersionPackage,
+  getVersionPackage,
+  listVersionPackage,
+  updateVersionPackage
+} from '@/api/smsb/source/version_package/api';
+import {VersionPackageForm, VersionPackageQuery, VersionPackageVO} from '@/api/smsb/source/version_package/types';
+import {listVersionTree} from "@/api/smsb/source/version_tree/api";
+
+type SourceTreeOption = {
+  id: number;
+  name: string;
+  children?: SourceTreeOption[];
+};
+const {proxy} = getCurrentInstance() as ComponentInternalInstance;
+const sourceTreeOptions = ref<SourceTreeOption[]>([]);
+const versionPackageList = ref<VersionPackageVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const versionPackageFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+const initFormData: VersionPackageForm = {
+  id: undefined,
+  versionName: undefined,
+  versionCode: undefined,
+  fileSize: undefined,
+  fileName: undefined,
+  fileUrl: undefined,
+  md5: undefined,
+  treeId: undefined,
+  treeIds: undefined,
+  remark: undefined,
+}
+const data = reactive<PageData<VersionPackageForm, VersionPackageQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    versionName: undefined,
+    params: {}
+  },
+  rules: {
+    id: [
+      {required: true, message: "主键ID不能为空", trigger: "blur"}
+    ],
+    versionName: [
+      {required: true, message: "版本名称不能为空", trigger: "blur"}
+    ],
+    fileUrl: [
+      {required: true, message: "下载路径不能为空", trigger: "blur"}
+    ],
+    treeId: [
+      {required: true, message: "分类ID不能为空", trigger: "blur"}
+    ],
+  }
+});
+
+const {queryParams, form, rules} = toRefs(data);
+
+/** 查询版本列表列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listVersionPackage(queryParams.value);
+  versionPackageList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = {...initFormData};
+  versionPackageFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: VersionPackageVO[]) => {
+  ids.value = selection.map(item => item.id);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = "添加";
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: VersionPackageVO) => {
+  reset();
+  const _id = row?.id || ids.value[0]
+  const res = await getVersionPackage(_id);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  versionPackageFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.id) {
+        await updateVersionPackage(form.value).finally(() => buttonLoading.value = false);
+      } else {
+        await addVersionPackage(form.value).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: VersionPackageVO) => {
+  const _ids = row?.id || ids.value;
+  await proxy?.$modal.confirm('是否确认删除已选择的数据项?').finally(() => loading.value = false);
+  await delVersionPackage(_ids);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('source/versionPackage/export', {
+    ...queryParams.value
+  }, `versionPackage_${new Date().getTime()}.xlsx`)
+}
+const getTreeselect = async () => {
+  const res = await listVersionTree();
+  sourceTreeOptions.value = [];
+  const data: SourceTreeOption = {id: 0, name: '顶级节点', children: []};
+  data.children = proxy?.handleTree<SourceTreeOption>(res.data, 'id', 'parentId');
+  sourceTreeOptions.value.push(data);
+};
+const handleNodeClick = (data: SourceTreeOption, node: any) => {
+  // 判断是否为叶子节点
+  if (!node.isLeaf) {
+    // 如果不是叶子节点,则清空已选择的值或不进行任何操作
+    proxy?.$modal.msgWarning("只能选择最后一级节点");
+    // 使用 nextTick 确保在 DOM 更新后清除值
+    nextTick(() => {
+      form.value.treeId = undefined;
+    });
+  }
+};
+onMounted(() => {
+  getList();
+  getTreeselect();
+});
+</script>