fix: 更新路由为后台配置，修改admim文件名称为admin

src/views/admin/system/version/components/version-file.vue

@@ -0,0 +1,296 @@
+<!-- 文件上传组件 -->
+<template>
+  <div>
+    <el-upload
+      v-model:file-list="fileList"
+      :auto-upload="true"
+      :style="props.style"
+      :before-upload="handleBeforeUpload"
+      :http-request="handleUpload"
+      :on-progress="handleProgress"
+      :on-success="handleSuccess"
+      :on-error="handleError"
+      :accept="props.accept"
+      :limit="props.limit"
+      multiple
+    >
+      <!-- 上传文件按钮 -->
+      <el-button type="primary" :disabled="fileList.length >= props.limit">
+        {{ props.uploadBtnText }}
+      </el-button>
+
+      <!-- 文件列表 -->
+      <template #file="{ file }">
+        <div class="el-upload-list__item-info">
+          <a class="el-upload-list__item-name" @click="handleDownload(file)">
+            <el-icon><Document /></el-icon>
+            <span class="el-upload-list__item-file-name">{{ file.name }}</span>
+            <span class="el-icon--close" @click="handleRemove(file.url!)">
+              <el-icon><Close /></el-icon>
+            </span>
+          </a>
+        </div>
+      </template>
+    </el-upload>
+
+    <el-progress
+      :style="{
+        display: showProgress ? 'inline-flex' : 'none',
+        width: '100%',
+      }"
+      :percentage="progressPercent"
+    />
+  </div>
+</template>
+<script lang="ts" setup>
+import {
+  UploadRawFile,
+  UploadUserFile,
+  UploadProgressEvent,
+  UploadRequestOptions,
+} from "element-plus";
+import VersionApi from "@/api/system/version";
+import OSS from "@/utils/oss-upload.js";
+let ossClient: any = null;
+async function getCredentials() {
+  const res = await VersionApi.getCredentials();
+  ossClient = new OSS({ ...res, stsToken: res.securityToken });
+  console.log(ossClient);
+}
+onMounted(() => {
+  getCredentials();
+});
+import CommonApi, { FileInfo, uploadResponse } from "@/api/account/common";
+
+const props = defineProps({
+  version: {
+    type: [Boolean, Number],
+    default: "",
+  },
+  /**
+   * 请求携带的额外参数
+   */
+  data: {
+    type: Object,
+    default: () => {
+      return {};
+    },
+  },
+  /**
+   * 上传文件的参数名
+   */
+  name: {
+    type: String,
+    default: "file",
+  },
+  /**
+   * 文件上传数量限制
+   */
+  limit: {
+    type: Number,
+    default: 1,
+  },
+  /**
+   * 单个文件上传大小限制(单位MB)
+   */
+  maxFileSize: {
+    type: Number,
+    default: 300,
+  },
+  /**
+   * 上传文件类型
+   */
+  accept: {
+    type: String,
+    default: "*",
+  },
+  /**
+   * 上传按钮文本
+   */
+  uploadBtnText: {
+    type: String,
+    default: "上传文件",
+  },
+
+  /**
+   * 样式
+   */
+  style: {
+    type: Object,
+    default: () => {
+      return {
+        width: "300px",
+      };
+    },
+  },
+});
+
+const modelValue = defineModel("modelValue", {
+  type: [Array] as PropType<string[]>,
+  required: true,
+  default: () => [],
+});
+
+const fileList = ref([] as UploadUserFile[]);
+
+const showProgress = ref(false);
+const progressPercent = ref(0);
+
+// 监听 modelValue 转换用于显示的 fileList
+watch(
+  modelValue,
+  (value) => {
+    fileList.value = value.map((url) => {
+      const name = url.substring(url.lastIndexOf("/") + 1);
+      return {
+        name: name,
+        url: url,
+      } as UploadUserFile;
+    });
+  },
+  {
+    immediate: true,
+  }
+);
+
+/**
+ * 上传前校验
+ */
+function handleBeforeUpload(file: UploadRawFile) {
+  // 限制文件大小
+  if (file.size > props.maxFileSize * 1024 * 1024) {
+    ElMessage.warning("上传图片不能大于" + props.maxFileSize + "M");
+    return false;
+  }
+  return true;
+}
+
+/*
+ * 上传文件
+ */
+function handleUpload(options: UploadRequestOptions) {
+  return new Promise((resolve, reject) => {
+    const file = options.file;
+
+    const formData = new FormData();
+    formData.append(props.name, file);
+
+    // 处理附加参数
+    Object.keys(props.data).forEach((key) => {
+      formData.append(key, props.data[key]);
+    });
+    const name = file.name;
+    showProgress.value = true;
+    ossClient
+      .partUpload(`/version/${props.version}${name.replace(".apk", "")}`, file, (p: number) => {
+        console.log("进度", p);
+        handleProgress({
+          percent: Math.floor(p * 100),
+          lengthComputable: true,
+          loaded: p * file.size,
+          total: file.size,
+          target: null,
+          timeStamp: Date.now(),
+          type: "",
+          eventPhase: 0,
+          bubbles: false,
+          cancelable: false,
+          defaultPrevented: false,
+          isTrusted: true,
+          returnValue: true,
+          srcElement: null,
+          currentTarget: null,
+          composed: false,
+          cancelBubble: false,
+          NONE: 0,
+          CAPTURING_PHASE: 1,
+          AT_TARGET: 2,
+          BUBBLING_PHASE: 3,
+          composedPath: () => [],
+          initEvent: () => {},
+          preventDefault: () => {},
+          stopImmediatePropagation: () => {},
+          stopPropagation: () => {},
+        });
+        // 这里可以根据进度做相应的处理，例如更新UI等
+      })
+      .then((data: any) => {
+        console.log(data);
+        resolve(data);
+      })
+      .catch((error: any) => {
+        reject(error);
+      });
+    // CommonApi.upload(formData)
+    //   .then((data) => {
+    //     resolve(data);
+    //   })
+    //   .catch((error) => {
+    //     reject(error);
+    //   });
+  });
+}
+
+/**
+ * 上传进度
+ *
+ * @param event
+ */
+const handleProgress = (event: UploadProgressEvent) => {
+  progressPercent.value = event.percent;
+  if (progressPercent.value >= 100) {
+    showProgress.value = false;
+  }
+};
+
+/**
+ * 上传成功
+ */
+const handleSuccess = (fileInfo: string) => {
+  ElMessage.success("上传成功");
+  modelValue.value = [...modelValue.value, fileInfo];
+};
+
+const handleError = (error: any) => {
+  ElMessage.error("上传失败");
+};
+
+/**
+ * 删除文件
+ */
+function handleRemove(fileUrl: string) {
+  // CommonApi.delete(fileUrl).then(() => {
+  modelValue.value = modelValue.value.filter((url) => url !== fileUrl);
+  // });
+}
+
+/**
+ * 下载文件
+ */
+function handleDownload(file: UploadUserFile) {
+  // const { url, name } = file;
+  // if (url) {
+  //   CommonApi.download(url, name);
+  // }
+}
+</script>
+<style lang="scss" scoped>
+.el-upload-list__item .el-icon--close {
+  position: absolute;
+  top: 50%;
+  right: 5px;
+  color: var(--el-text-color-regular);
+  cursor: pointer;
+  opacity: 0.75;
+  transition: opacity var(--el-transition-duration);
+  transform: translateY(-50%);
+}
+
+:deep(.el-upload-list) {
+  margin: 0;
+}
+
+:deep(.el-upload-list__item) {
+  margin: 0;
+}
+</style>

src/views/admin/system/version/config/add.ts

@@ -0,0 +1,91 @@
+import VersionApi, { type addRequest } from "@/api/system/version";
+import { sourceOptions, typeOptions, isForceOptions } from "./config";
+import type { IModalConfig } from "@/components/CURD/types";
+
+const modalConfig: IModalConfig<addRequest> = {
+  pageName: "sys:user",
+  dialog: {
+    title: "新增版本",
+    width: 800,
+    draggable: true,
+  },
+  form: {
+    labelWidth: 140,
+  },
+  formAction: function (data) {
+    return VersionApi.add({ ...data, url: typeof data.url === "string" ? data.url : data.url[0] });
+  },
+  beforeSubmit(data) {
+    console.log("提交之前处理", data);
+  },
+  formItems: [
+    {
+      label: "渠道",
+      prop: "source",
+      rules: [{ required: true, message: "请选择渠道", trigger: "blur" }],
+      type: "select",
+      attrs: {
+        placeholder: "请选择渠道",
+      },
+      options: sourceOptions,
+    },
+    {
+      label: "类型",
+      prop: "type",
+      rules: [{ required: true, message: "请选择类型", trigger: "blur" }],
+      type: "select",
+      attrs: {
+        placeholder: "请选择类型",
+      },
+      col: {
+        xs: 24,
+        sm: 12,
+      },
+      options: typeOptions,
+    },
+    {
+      type: "input",
+      label: "版本号",
+      prop: "version",
+      rules: [{ required: true, message: "请输入版本号", trigger: "blur" }],
+      attrs: {
+        placeholder: "请输入版本号",
+      },
+      watch: () => { }
+    },
+    {
+      type: "radio",
+      label: "是否强制更新",
+      prop: "isForce",
+      rules: [{ required: true, message: "请输入版本号", trigger: "blur" }],
+      attrs: {
+        placeholder: "请输入版本号",
+      },
+      initialValue: 0,
+      options: isForceOptions,
+    },
+    {
+      type: "textarea",
+      label: "更新提示内容",
+      prop: "message",
+      rules: [{ required: true, message: "请输入更新提示内容", trigger: "blur" }],
+      attrs: {
+        placeholder: "请输入更新提示内容",
+      },
+    },
+    {
+      type: "custom",
+      label: "版本文件",
+      prop: "url",
+      rules: [{ required: true, message: "请上传版本文件", trigger: "blur" }],
+      attrs: {
+        placeholder: "请上传版本文件",
+      },
+      hidden: true,
+      initialValue: [],
+    },
+  ],
+};
+
+// 如果有异步数据会修改配置的，推荐用reactive包裹，而纯静态配置的可以直接导出
+export default reactive(modalConfig);

src/views/admin/system/version/config/config.ts

@@ -0,0 +1,45 @@
+import { property } from "lodash";
+
+export const sourceOptions: options[] = [
+  { label: "桌面端", value: "pc" },
+  { label: "管理端", value: "manager_app" },
+  { label: "电话机点餐", value: "phone_book " },
+];
+export const typeOptions: options[] = [
+  { label: "windows", value: "0" },
+  { label: "安卓", value: "1" },
+  { label: "IOS", value: "2" },
+];
+export const isForceOptions: options[] = [
+  { label: "不强制更新", value: 0 },
+  { label: "强制更新", value: 1 },
+];
+
+export type optionsType = "source" | "type" | "isForce";
+
+export function returnOptions(type: optionsType) {
+  if (type === "source") {
+    return sourceOptions;
+  }
+  if (type === "type") {
+    return typeOptions;
+  }
+  if (type === "isForce") {
+    return isForceOptions;
+  }
+}
+
+export function returnOptionsLabel(optionsType: optionsType, value: string | number) {
+  const options = returnOptions(optionsType);
+  if (!options) {
+    return "";
+  }
+  const option = options.find((item) => item.value === value);
+  return option ? option.label : "";
+}
+
+export interface options {
+  label: string;
+  value: string | number;
+  [property: string]: any;
+}

src/views/admin/system/version/config/content.ts

@@ -0,0 +1,88 @@
+import VersionApi from "@/api/system/version";
+import type { editRequest } from "@/api/system/version";
+import type { IContentConfig } from "@/components/CURD/types";
+
+const contentConfig: IContentConfig<editRequest> = {
+  pageName: "sys:user",
+  table: {
+    border: true,
+    highlightCurrentRow: true,
+  },
+  pagination: {
+    background: true,
+    layout: "prev,pager,next,jumper,total,sizes",
+    pageSize: 20,
+    pageSizes: [10, 20, 30, 50],
+  },
+  indexAction: function (params) {
+    return VersionApi.getList();
+  },
+  modifyAction: function (data: any) {
+    return VersionApi.edit(data);
+  },
+  deleteAction: VersionApi.delete,
+  // modifyAction: function (data) {
+  //   // return VersionApi.edit(data);
+  // },
+  pk: "id",
+  toolbar: ["add"],
+  defaultToolbar: ["refresh", "filter", "search"],
+  cols: [
+    { type: "selection", width: 50, align: "center" },
+    { label: "id", align: "center", prop: "id", width: 100, show: true },
+    {
+      label: "渠道",
+      align: "center",
+      prop: "source",
+      width: 120,
+      templet: "custom",
+      slotName: "options",
+    },
+    {
+      label: "类型",
+      align: "center",
+      prop: "type",
+      width: 120,
+      templet: "custom",
+      slotName: "options",
+    },
+    {
+      label: "版本号",
+      align: "center",
+      width: 120,
+      prop: "version",
+    },
+
+    {
+      label: "是否强制升级",
+      align: "center",
+      prop: "isForce",
+      width: 120,
+      templet: "switch",
+      slotName: "isForce",
+    },
+    {
+      label: "更新内容",
+      align: "center",
+      prop: "message",
+      width: 240,
+    },
+    {
+      label: "下载地址",
+      align: "center",
+      prop: "url",
+      templet: "url",
+      slotName: "url",
+    },
+    {
+      label: "操作",
+      align: "center",
+      fixed: "right",
+      width: 280,
+      templet: "tool",
+      operat: ["edit", "delete"],
+    },
+  ],
+};
+
+export default contentConfig;

src/views/admin/system/version/config/edit.ts

@@ -0,0 +1,86 @@
+import VersionApi, { type editRequest } from "@/api/system/version";
+import type { IModalConfig } from "@/components/CURD/types";
+import { sourceOptions, typeOptions, isForceOptions } from "./config";
+
+const modalConfig: IModalConfig<editRequest> = {
+  pageName: "sys:user",
+  dialog: {
+    title: "编辑版本",
+    width: 800,
+    draggable: true,
+  },
+  pk: "id",
+  formAction: function (data) {
+    return VersionApi.edit({ ...data, url: typeof data.url === "string" ? data.url : data.url[0] });
+  },
+  beforeSubmit(data) {
+    console.log("提交之前处理", data);
+  },
+  formItems: [
+    {
+      label: "渠道",
+      prop: "source",
+      rules: [{ required: true, message: "请选择渠道", trigger: "blur" }],
+      type: "select",
+      attrs: {
+        placeholder: "请选择渠道",
+      },
+      options: sourceOptions,
+    },
+    {
+      label: "类型",
+      prop: "type",
+      rules: [{ required: true, message: "请选择类型", trigger: "blur" }],
+      type: "select",
+      attrs: {
+        placeholder: "请选择类型",
+      },
+      col: {
+        xs: 24,
+        sm: 12,
+      },
+      options: typeOptions,
+    },
+    {
+      type: "input",
+      label: "版本号",
+      prop: "version",
+      rules: [{ required: true, message: "请输入版本号", trigger: "blur" }],
+      attrs: {
+        placeholder: "请输入版本号",
+      },
+    },
+    {
+      type: "radio",
+      label: "是否强制更新",
+      prop: "isForce",
+      rules: [{ required: true, message: "请输入版本号", trigger: "blur" }],
+      attrs: {
+        placeholder: "请输入版本号",
+      },
+      initialValue: 0,
+      options: isForceOptions,
+    },
+    {
+      type: "textarea",
+      label: "更新提示内容",
+      prop: "message",
+      rules: [{ required: true, message: "请输入更新提示内容", trigger: "blur" }],
+      attrs: {
+        placeholder: "请输入更新提示内容",
+      },
+    },
+    {
+      type: "custom",
+      label: "版本文件",
+      prop: "url",
+      rules: [{ required: true, message: "请上传版本文件", trigger: "blur" }],
+      attrs: {
+        placeholder: "请上传版本文件",
+      },
+      initialValue: [],
+    },
+  ],
+};
+
+export default reactive(modalConfig);

src/views/admin/system/version/config/search.ts

@@ -0,0 +1,21 @@
+import type { ISearchConfig } from "@/components/CURD/types";
+
+const searchConfig: ISearchConfig = {
+  pageName: "sys:user",
+  formItems: [
+    {
+      type: "input",
+      label: "版本号",
+      prop: "keywords",
+      attrs: {
+        placeholder: "请输入版本号",
+        clearable: true,
+        style: {
+          width: "200px",
+        },
+      },
+    },
+  ],
+};
+
+export default searchConfig;

src/views/admin/system/version/index.vue

@@ -0,0 +1,142 @@
+<template>
+  <div class="app-container">
+    <!-- 列表 -->
+    <!-- 搜索 -->
+    <page-search
+      ref="searchRef"
+      :search-config="searchConfig"
+      @query-click="handleQueryClick"
+      @reset-click="handleResetClick"
+    />
+    <!-- 列表 -->
+    <page-content
+      ref="contentRef"
+      :content-config="contentConfig"
+      @add-click="handleAddClick"
+      @edit-click="handleEditClick"
+      @export-click="handleExportClick"
+      @search-click="handleSearchClick"
+      @toolbar-click="handleToolbarClick"
+      @operat-click="handleOperatClick"
+      @filter-change="handleFilterChange"
+    >
+      <template #status="scope">
+        <el-tag :type="scope.row[scope.prop] == 1 ? 'success' : 'info'">
+          {{ scope.row[scope.prop] == 1 ? "启用" : "禁用" }}
+        </el-tag>
+      </template>
+      <template #options="scope">
+        {{ returnOptionsLabel(scope.prop, scope.row[scope.prop]) }}
+      </template>
+      <template #gender="scope">
+        <DictLabel v-model="scope.row[scope.prop]" code="gender" />
+      </template>
+      <template #mobile="scope">
+        <el-text>{{ scope.row[scope.prop] }}</el-text>
+        <copy-button
+          v-if="scope.row[scope.prop]"
+          :text="scope.row[scope.prop]"
+          style="margin-left: 2px"
+        />
+      </template>
+    </page-content>
+
+    <!-- 新增 -->
+    <page-modal
+      ref="addModalRef"
+      @form-data-change="handleFormDataChange"
+      :modal-config="addModalConfig"
+      @submit-click="handleSubmitClick"
+    >
+      <template #url="scope">
+        <version-file
+          :version="version"
+          v-model="scope.formData[scope.prop]"
+          v-bind="scope.attrs"
+        ></version-file>
+      </template>
+    </page-modal>
+
+    <!-- 编辑 -->
+    <page-modal
+      ref="editModalRef"
+      :modal-config="editModalConfig"
+      @submit-click="handleSubmitClick"
+    >
+      <template #url="scope">
+        <version-file
+          :version="version"
+          v-model="scope.formData[scope.prop]"
+          v-bind="scope.attrs"
+        ></version-file>
+      </template>
+    </page-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import versionFile from "./components/version-file.vue";
+import VersionApi from "@/api/system/version";
+import type { IObject, IOperatData } from "@/components/CURD/types";
+import usePage from "@/components/CURD/usePage";
+import addModalConfig from "./config/add";
+import contentConfig from "./config/content";
+import editModalConfig from "./config/edit";
+import searchConfig from "./config/search";
+import { returnOptionsLabel } from "./config/config";
+
+let version = ref<string | number>("");
+function handleFormDataChange(type: string, value: string | number) {
+  version.value = value;
+  if (type === "version" && value !== "") {
+    addModalConfig.formItems[5].hidden = false;
+    return;
+  }
+  if (type === "version" && value == "") {
+    addModalConfig.formItems[5].hidden = true;
+  }
+}
+
+const refVersionFile = ref<any>();
+const {
+  searchRef,
+  contentRef,
+  addModalRef,
+  editModalRef,
+  handleQueryClick,
+  handleResetClick,
+  // handleAddClick,
+  // handleEditClick,
+  handleSubmitClick,
+  handleExportClick,
+  handleSearchClick,
+  handleFilterChange,
+} = usePage();
+
+// 新增
+async function handleAddClick() {
+  addModalRef.value?.setModalVisible();
+  // addModalConfig.formItems[2]!.attrs!.data =
+}
+// 编辑
+async function handleEditClick(row: IObject) {
+  editModalRef.value?.handleDisabled(false);
+  editModalRef.value?.setModalVisible();
+  // 根据id获取数据进行填充
+  // const data = await VersionApi.getFormData(row.id);
+  console.log({ ...row, url: [row.url] });
+  editModalRef.value?.setFormData({ ...row, url: [row.url] });
+}
+1;
+// 其他工具栏
+function handleToolbarClick(name: string) {
+  console.log(name);
+  if (name === "custom1") {
+    ElMessage.success("点击了自定义1按钮");
+  }
+}
+// 其他操作列
+async function handleOperatClick(data: IOperatData) {
+  console.log(data);
+}
+</script>