From ecf88b04fdded0eb801c384cdf95c80452f33e4d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 29 Aug 2024 00:38:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=97=A7=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E7=9A=84article=E5=A4=87=E4=BB=BD=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cms/articleV0/components/article-edit.vue | 590 ------------------
 .../cms/articleV0/components/article-info.vue | 173 -----
 .../articleV0/components/article-search.vue   | 104 ---
 .../components/category-edit.bak.vue          | 350 -----------
 .../articleV0/components/category-edit.vue    | 289 ---------
 .../articleV0/components/category-select.vue  |  39 --
 src/views/cms/articleV0/index.vue             | 244 --------
 src/views/cms/articleV0/list.vue              | 324 ----------
 src/views/cms/articleV0/preview/index.vue     |  82 ---
 9 files changed, 2195 deletions(-)
 delete mode 100644 src/views/cms/articleV0/components/article-edit.vue
 delete mode 100644 src/views/cms/articleV0/components/article-info.vue
 delete mode 100644 src/views/cms/articleV0/components/article-search.vue
 delete mode 100644 src/views/cms/articleV0/components/category-edit.bak.vue
 delete mode 100644 src/views/cms/articleV0/components/category-edit.vue
 delete mode 100644 src/views/cms/articleV0/components/category-select.vue
 delete mode 100644 src/views/cms/articleV0/index.vue
 delete mode 100644 src/views/cms/articleV0/list.vue
 delete mode 100644 src/views/cms/articleV0/preview/index.vue

diff --git a/src/views/cms/articleV0/components/article-edit.vue b/src/views/cms/articleV0/components/article-edit.vue
deleted file mode 100644
index 0049480..0000000
--- a/src/views/cms/articleV0/components/article-edit.vue
+++ /dev/null
@@ -1,590 +0,0 @@
-<!-- 用户编辑弹窗 -->
-<template>
-  <ele-modal
-    width="980px"
-    :visible="visible"
-    :confirm-loading="loading"
-    :maxable="maxAble"
-    :title="isUpdate ? '编辑文章' : '添加文章'"
-    :body-style="{ paddingBottom: '8px' }"
-    @update:visible="updateVisible"
-    :maskClosable="false"
-    @ok="save"
-  >
-    <a-form
-      ref="formRef"
-      :model="form"
-      :rules="rules"
-      :label-col="{ md: { span: 8 }, sm: { span: 24 } }"
-      :wrapper-col="{ md: { span: 24 }, sm: { span: 24 } }"
-      layout="vertical"
-    >
-      <a-form-item label="文章分类" name="categoryId">
-        <category-select
-          :data="categoryList"
-          placeholder="请选择文章分类"
-          v-model:value="form.categoryId"
-        />
-      </a-form-item>
-      <a-form-item label="文章标题" name="title">
-        <a-input
-          allow-clear
-          :maxlength="100"
-          placeholder="请输入文章标题"
-          v-model:value="form.title"
-        />
-      </a-form-item>
-      <a-form-item label="封面图" name="images">
-        <SelectFile
-          :placeholder="`请选择图片`"
-          :limit="1"
-          :data="images"
-          @done="chooseFile"
-          @del="onDeleteItem"
-        />
-      </a-form-item>
-      <a-form-item label="文章内容" name="content">
-        <!-- 编辑器 -->
-        <tinymce-editor
-          ref="editorRef"
-          class="content"
-          v-model:value="content"
-          :disabled="disabled"
-          :init="config"
-          placeholder="图片直接粘贴自动上传"
-          @paste="onPaste"
-        />
-      </a-form-item>
-      <a-form-item label="摘要">
-        <a-textarea
-          :rows="4"
-          :maxlength="200"
-          show-count
-          placeholder="请输入文章摘要"
-          @focus="onComments"
-          v-model:value="form.comments"
-        />
-      </a-form-item>
-      <a-form-item label="文章来源" name="source">
-        <source-select
-          v-model:value="form.source"
-        />
-      </a-form-item>
-      <a-form-item label="虚拟阅读量" name="virtualViews" :extra="`用户看到的阅读量(${form.actualViews + form.virtualViews}) = 实际阅读量(${form.actualViews}) + 虚拟阅读量(${form.virtualViews})`">
-        <a-input-number
-          :min="0"
-          class="ele-fluid"
-          placeholder="请输入虚拟阅读量"
-          v-model:value="form.virtualViews"
-        />
-      </a-form-item>
-      <a-form-item label="上传附件（选填）" name="files">
-        <SelectFile
-          :placeholder="`请选择图片`"
-          :limit="9"
-          :data="files"
-          @done="chooseFile2"
-          @del="onDeleteItem2"
-        />
-<!--        <a-upload-->
-<!--          v-model:file-list="fileList"-->
-<!--          :max-count="1"-->
-<!--          class="upload-list-inline"-->
-<!--          list-type="picture"-->
-<!--          :before-upload="beforeUpload"-->
-<!--        >-->
-<!--          <a-button>-->
-<!--            <UploadOutlined />-->
-<!--            上传附件-->
-<!--          </a-button>-->
-<!--        </a-upload>-->
-      </a-form-item>
-      <a-form-item label="排序" name="sortNumber">
-        <a-input-number
-          :min="0"
-          :max="99999"
-          class="ele-fluid"
-          placeholder="请输入排序号"
-          v-model:value="form.sortNumber"
-        />
-      </a-form-item>
-      <a-form-item label="创建时间" name="createTime" v-if="isUpdate">
-        <a-date-picker
-          v-model:value="form.createTime"
-          show-time
-          placeholder="Select Time"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          class="ele-fluid"
-        />
-      </a-form-item>
-      <a-form-item label="展现方式" name="showType">
-        <a-radio-group v-model:value="form.showType">
-          <a-radio :value="10">小图模式(300 * 188)</a-radio>
-          <a-radio :value="20">大图模式(750 * 455)</a-radio>
-        </a-radio-group>
-      </a-form-item>
-    </a-form>
-
-  </ele-modal>
-</template>
-
-<script lang="ts" setup>
-import { ref, reactive, watch, computed } from "vue";
-import { Form, message, Modal } from "ant-design-vue";
-import { useUserStore } from "@/store/modules/user";
-import type { Article } from "@/api/cms/article/model";
-import {addArticle, getArticle, updateArticle} from "@/api/cms/article";
-import { FILE_SERVER, FILE_THUMBNAIL } from "@/config/setting";
-import { ItemType } from "ele-admin-pro/es/ele-image-upload/types";
-import {uploadFile, uploadOss} from "@/api/system/file";
-import TinymceEditor from "@/components/TinymceEditor/index.vue";
-import { FormInstance, Rule, RuleObject } from "ant-design-vue/es/form";
-import CategorySelect from "./category-select.vue";
-import { ArticleCategory } from "@/api/cms/category/model";
-import SourceSelect from "../dictionary/source-select.vue";
-import useFormData from "@/utils/use-form-data";
-import {htmlToText, uuid} from "ele-admin-pro";
-import {isImage} from "@/utils/common";
-import {DocsBook} from "@/api/cms/docs-book/model";
-import {FileRecord} from "@/api/system/file/model";
-
-const useForm = Form.useForm;
-const props = defineProps<{
-  // 弹窗是否打开
-  visible: boolean;
-  categoryId?: number;
-  // 修改回显的数据
-  data?: Article | null;
-  categoryList?: any;
-}>();
-
-const emit = defineEmits<{
-  (e: "done"): void;
-  (e: "update:visible", visible: boolean): void;
-}>();
-
-// 是否是修改
-const isUpdate = ref(false);
-const disabled = ref(false);
-// 是否显示最大化切换按钮
-const maxAble = ref(true);
-// 选项卡位置
-const activeKey = ref("1");
-// 已上传数据
-const images = ref<ItemType[]>([]);
-// 附件
-const fileList = ref<any[]>([]);
-const files = ref<ItemType[]>([]);
-
-// 当前用户信息
-const userStore = useUserStore();
-const loginUser = computed(() => userStore.info ?? {});
-// 编辑器内容，双向绑定
-const content = ref<any>('');
-const uploadImgContent = ref<string>('');
-const formRef = ref<FormInstance | null>(null);
-
-// 已上传数据, 可赋初始值用于回显
-const avatar = ref(<any>[]);
-// 提交状态
-const loading = ref(false);
-// 表单数据
-const { form, resetFields, assignFields } = useFormData<Article>({
-  articleId: undefined,
-  // 封面图
-  image: '',
-  // 文章标题
-  title: '',
-  type: undefined,
-  // 展现方式
-  showType: 10,
-  // 文章来源
-  source: undefined,
-  // 文章类型
-  categoryId: undefined,
-  // 文章内容
-  content: '',
-  // 虚拟阅读量
-  virtualViews: 0,
-  // 实际阅读量
-  actualViews: 0,
-  // 用户ID
-  userId: undefined,
-  // 所属门店ID
-  shopId: undefined,
-  files: '',
-  // 排序
-  sortNumber: 100,
-  // 备注
-  comments: undefined,
-  // 状态
-  status: 0,
-  // 创建时间
-  createTime: '',
-  // 更新时间
-  updateTime: ''
-});
-
-/* 更新visible */
-const updateVisible = (value: boolean) => {
-  emit("update:visible", value);
-};
-
-// 表单验证规则
-const rules = reactive<Record<string, Rule[]>>({
-  title: [
-    {
-      required: true,
-      type: "string",
-      message: "请输入文章标题",
-      trigger: "blur"
-    }
-  ],
-  content: [
-    {
-      required: true,
-      type: "string",
-      message: "请输入文章内容",
-      trigger: "blur",
-      validator: async (_rule: RuleObject, value: string) => {
-        if (content.value == "") {
-          return Promise.reject("请输入文字内容");
-        }
-        return Promise.resolve();
-      }
-    }
-  ],
-  categoryId: [
-    {
-      required: true,
-      type: "number",
-      message: "请选择文章分类",
-      trigger: "blur"
-    }
-  ],
-  // images: [
-  //   {
-  //     required: true,
-  //     type: "string",
-  //     message: "请上传文章封面图",
-  //     trigger: "blur",
-  //     validator: async (_rule: RuleObject, value: string) => {
-  //       if (images.value.length == 0) {
-  //         return Promise.reject('请上传封面图');
-  //       }
-  //       return Promise.resolve();
-  //     }
-  //   }
-  // ],
-  sortNumber: [
-    {
-      required: true,
-      type: "number",
-      message: "请输入排序",
-      trigger: "blur"
-    }
-  ],
-  source: [
-    {
-      required: false,
-      type: "string",
-      message: "请输入文章来源",
-      trigger: "blur"
-    }
-  ]
-});
-
-const onComments = () => {
-  if (form.comments == undefined) {
-    form.comments = htmlToText(content.value)
-    form.comments = form.comments.slice(0, 120)
-  }
-}
-
-const chooseFile = (data: FileRecord) => {
-  images.value.push({
-    uid: data.id,
-    url: data.path,
-    status: 'done'
-  });
-  form.image = data.path;
-}
-
-const onDeleteItem = (index: number) => {
-  images.value.splice(index,1)
-  form.image = '';
-}
-
-const chooseFile2 = (data: FileRecord) => {
-  files.value.push({
-    uid: data.id,
-    url: data.path,
-    status: 'done'
-  });
-}
-
-const onDeleteItem2 = (index: number) => {
-  files.value.splice(index,1)
-}
-
-/* 上传事件 */
-const uploadHandler = (file: File) => {
-  const item: ItemType = {
-    file,
-    uid: (file as any).uid,
-    name: file.name
-  };
-  if (!file.type.startsWith('image')) {
-    message.error('只能选择图片');
-    return;
-  }
-  if (file.size / 1024 / 1024 > 2) {
-    message.error('大小不能超过 2MB');
-    return;
-  }
-  onUpload(item);
-};
-
-// 上传文件
-const onUpload = (item) => {
-  const { file } = item;
-  uploadFile(file)
-    .then((data) => {
-      images.value.push({
-        uid: data.id,
-        url: data.url,
-        status: 'done'
-      });
-      form.image = data.url;
-      message.success('上传成功');
-    })
-    .catch((e) => {
-      message.error(e.message);
-    });
-};
-
-const editorRef = ref<InstanceType<typeof TinymceEditor> | null>(null);
-const config = ref({
-  height: 450,
-  images_upload_handler: (blobInfo, success, error) => {
-    const file = blobInfo.blob();
-    const formData = new FormData();
-    formData.append('file', file, file.name);
-    uploadOss(file).then(res => {
-      success(res.path)
-    }).catch((msg) => {
-      error(msg);
-    })
-  },
-  // 自定义文件上传(这里使用把选择的文件转成 blob 演示)
-  file_picker_callback: (callback: any, _value: any, meta: any) => {
-    const input = document.createElement('input');
-    input.setAttribute('type', 'file');
-    // 设定文件可选类型
-    if (meta.filetype === 'image') {
-      input.setAttribute('accept', 'image/*');
-    } else if (meta.filetype === 'media') {
-      input.setAttribute('accept', 'video/*,.pdf');
-    }
-    input.onchange = () => {
-      const file = input.files?.[0];
-      if (!file) {
-        return;
-      }
-      if (meta.filetype === 'media') {
-        if (file.size / 1024 / 1024 > 200) {
-          editorRef.value?.alert({ content: '大小不能超过 200MB' });
-          return;
-        }
-        if(file.type.startsWith('application/pdf')){
-          uploadOss(file).then(res => {
-            const addPath = `<a href="${res.downloadUrl}" target="_blank">${res.name}</a>`;
-            content.value = content.value + addPath
-          })
-          return;
-        }
-        if (!file.type.startsWith('video/')) {
-          editorRef.value?.alert({ content: '只能选择视频文件' });
-          return;
-        }
-        uploadOss(file).then(res => {
-          callback(res.path)
-        });
-      }
-      // const reader = new FileReader();
-      // reader.onload = (e) => {
-      //   if (e.target?.result != null) {
-      //     const blob = new Blob([e.target.result], { type: file.type });
-      //     callback(URL.createObjectURL(blob));
-      //   }
-      // };
-      // reader.readAsArrayBuffer(file);
-    };
-    input.click();
-  }
-});
-
-/* 粘贴图片上传服务器并插入编辑器 */
-const onPaste = (e) => {
-  const items = (e.clipboardData || e.originalEvent.clipboardData).items;
-  let hasFile = false;
-  for (let i = 0; i < items.length; i++) {
-    if (items[i].type.indexOf('image') !== -1) {
-      let file = items[i].getAsFile();
-      const item: ItemType = {
-        file,
-        uid: (file as any).lastModified,
-        name: file.name
-      };
-      uploadFile(<File>item.file)
-        .then((result) => {
-          const addPath = `<p><img class="content-img" src="${result.url}"></p>`;
-          content.value = content.value + addPath
-        })
-        .catch((e) => {
-          message.error(e.message);
-        });
-      hasFile = true;
-    }
-  }
-  if (hasFile) {
-    e.preventDefault();
-  }
-}
-
-// 文件上传事件
-// const beforeUpload = (file: File) => {
-//   const item: ItemType = {
-//     file,
-//     uid: (file as any).uid,
-//     name: file.name
-//   }
-//   if (!file.type.startsWith("image")) {
-//     if (file.size / 1024 / 1024 > 100) {
-//       message.error("大小不能超过 100MB");
-//       return;
-//     }
-//   }
-//   onUploadFile(item);
-// };
-
-// const onUploadFile = (d: ItemType) => {
-//   uploadOss(<File>d.file)
-//     .then((result) => {
-//       files.value.push({
-//         uid: result.id,
-//         url: result.path,
-//         name: isImage(result.path) ? 'image' : result.name,
-//         status: "done"
-//       });
-//       message.success("上传成功");
-//     })
-//     .catch((e) => {
-//       message.error(e.message);
-//     });
-// };
-
-/* 保存编辑 */
-const save = () => {
-  if (!formRef.value) {
-    return;
-  }
-  formRef.value
-    .validate()
-    .then(() => {
-      loading.value = true;
-      const formData = {
-        ...form,
-        content: content.value,
-        files: JSON.stringify(files.value)
-      };
-      const saveOrUpdate = isUpdate.value ? updateArticle : addArticle;
-      saveOrUpdate(formData)
-        .then((msg) => {
-          loading.value = false;
-          message.success(msg);
-          updateVisible(false);
-          emit("done");
-        })
-        .catch((e) => {
-          loading.value = false;
-          message.error(e.message);
-        });
-    })
-    .catch(() => {
-    });
-};
-
-watch(
-  () => props.visible,
-  (visible) => {
-    if (visible) {
-      form.categoryId = props.categoryId;
-      content.value = '';
-      if (props.data) {
-        loading.value = false;
-        assignFields({
-          ...props.data
-        });
-        images.value = [];
-        files.value = [];
-        fileList.value = [];
-        if(props.data.image){
-          images.value.push({
-            uid: 1,
-            url: props.data.image,
-            status: 'done'
-          });
-        }
-        if(props.data.files){
-          files.value = JSON.parse(props.data.files)
-          fileList.value = JSON.parse(props.data.files)
-        }
-        if(props.data.articleId){
-          getArticle(props.data.articleId).then(data => {
-            content.value = data.content;
-          })
-        }
-        isUpdate.value = true;
-      } else {
-        isUpdate.value = false;
-        images.value = [];
-        files.value = [];
-        content.value = '';
-      }
-    } else {
-      resetFields();
-      formRef.value?.clearValidate();
-    }
-  }
-);
-</script>
-<style lang="less">
-.tab-pane {
-  min-height: 300px;
-}
-
-.form-item-help {
-  font-size: 12px;
-  // line-height: 2;
-  line-height: 1.5;
-  padding-top: 4px;
-  min-height: 22px;
-  // margin-top: -2px;
-  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-
-  a {
-    margin: 0 3px;
-  }
-
-  .extra,
-  small {
-    color: rgba(0, 0, 0, 0.45);
-    font-size: 12.5px !important;
-  }
-
-  .extra {
-    margin-bottom: 4px !important;
-  }
-}
-</style>
diff --git a/src/views/cms/articleV0/components/article-info.vue b/src/views/cms/articleV0/components/article-info.vue
deleted file mode 100644
index 5a12b85..0000000
--- a/src/views/cms/articleV0/components/article-info.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-<!-- 用户编辑弹窗 -->
-<template>
-  <a-drawer
-    width="60%"
-    :visible="visible"
-    :confirm-loading="loading"
-    :title="'文章预览'"
-    :body-style="{ paddingBottom: '8px' }"
-    @update:visible="updateVisible"
-    :footer="null"
-  >
-    <a-form
-      :label-col="{ md: { span: 4 }, sm: { span: 24 } }"
-      :wrapper-col="{ md: { span: 19 }, sm: { span: 24 } }"
-    >
-      <div class="base-form" style="margin-bottom: 20px">
-        <div class="card-head">
-          <h2>{{ record.title }}</h2>
-        </div>
-        <div class="card-desc">
-          <a-descriptions :column="4" :labelStyle="{ color: '#999999' }">
-            <a-descriptions-item label="作者">
-              <a-tooltip :title="`${record.nickname}`">
-                <a-avatar :src="record.userAvatar" size="small" />
-                {{ record.nickname }}
-              </a-tooltip>
-            </a-descriptions-item>
-            <a-descriptions-item label="文章ID">
-              <span>{{ record.articleId }}</span>
-            </a-descriptions-item>
-            <a-descriptions-item label="来源">
-              <span>{{ record.source }}</span>
-            </a-descriptions-item>
-            <a-descriptions-item label="发布时间">
-              <span>{{ timeAgo(record.createTime) }}</span>
-            </a-descriptions-item>
-          </a-descriptions>
-        </div>
-        <div class="content">
-          <!-- 编辑器 -->
-          <tinymce-editor
-            v-model:value="record.content"
-            :disabled="disabled"
-            :init="config"
-          />
-        </div>
-      </div>
-    </a-form>
-  </a-drawer>
-</template>
-
-<script lang="ts" setup>
-  import { timeAgo } from 'ele-admin-pro';
-  import { ref, reactive, watch } from 'vue';
-  import { Form } from 'ant-design-vue';
-  import { assignObject } from 'ele-admin-pro';
-  import type { Article } from '@/api/cms/article/model';
-  import { FILE_SERVER } from '@/config/setting';
-  import TinymceEditor from '@/components/TinymceEditor/index.vue';
-  import { getArticle } from "@/api/cms/article";
-
-  const useForm = Form.useForm;
-
-  const props = defineProps<{
-    // 弹窗是否打开
-    visible: boolean;
-    // 修改回显的数据
-    data?: Article | null;
-  }>();
-
-  const emit = defineEmits<{
-    (e: 'update:visible', visible: boolean): void;
-  }>();
-
-  // 文章信息
-  const record = reactive<Article>({
-    // 文章id
-    articleId: 0,
-    // 文章标题
-    title: '',
-    // 文章类型
-    categoryId: 0,
-    // 封面图
-    avatar: '',
-    // 文章内容
-    content: '',
-    // 虚拟阅读量
-    virtualViews: '',
-    // 实际阅读量
-    actualViews: '',
-    // 文章来源
-    source: '',
-    // 用户ID
-    userId: '',
-    nickname: '',
-    userAvatar: '',
-    // 所属门店ID
-    shopId: '',
-    // 排序
-    sortNumber: 100,
-    // 备注
-    comments: '',
-    // 状态
-    status: 0,
-    // 创建时间
-    createTime: '',
-    // 更新时间
-    updateTime: ''
-  });
-
-  // 请求状态
-  const loading = ref(true);
-  const { resetFields } = useForm(record);
-  const disabled = ref(true);
-
-  /* 更新visible */
-  const updateVisible = (value: boolean) => {
-    emit('update:visible', value);
-  };
-
-  /* 打开外部链接 */
-  const openUrl = (record) => {
-    window.open(record.panel);
-  };
-
-  const config = ref({
-    toolbar: false,
-    menubar: false,
-    height: 620,
-    darkTheme: true,
-    inline: true
-    // quickbars_insert_toolbar: false
-  });
-
-  watch(
-    () => props.visible,
-    (visible) => {
-      if (visible) {
-        if (props.data) {
-          loading.value = false;
-          getArticle(Number(props.data.articleId)).then((data) => {
-            assignObject(record, data);
-          });
-        }
-      } else {
-        resetFields();
-      }
-    }
-  );
-</script>
-<style lang="less">
-  .tab-pane {
-    min-height: 100px;
-  }
-  .card-head {
-    display: flex;
-    height: 40px;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 30px;
-  }
-  .base-form {
-    .card-desc {
-      color: #e3e3e3;
-    }
-    .content {
-      margin-top: 20px;
-      line-height: 2em;
-      font-size: 17px;
-      color: #333333;
-    }
-  }
-</style>
diff --git a/src/views/cms/articleV0/components/article-search.vue b/src/views/cms/articleV0/components/article-search.vue
deleted file mode 100644
index 947c54f..0000000
--- a/src/views/cms/articleV0/components/article-search.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<!-- 搜索表单 -->
-<template>
-  <a-space :size="10" style="flex-wrap: wrap">
-    <a-button
-      type="primary"
-      class="ele-btn-icon"
-      @click="add"
-    >
-      <template #icon>
-        <plus-outlined />
-      </template>
-      <span>新建</span>
-    </a-button>
-    <a-button
-      danger
-      type="primary"
-      class="ele-btn-icon"
-      @click="removeBatch"
-      :disabled="props.selection.length === 0"
-    >
-      <template #icon>
-        <delete-outlined />
-      </template>
-      <span>批量删除</span>
-    </a-button>
-    <a-input-search
-      allow-clear
-      v-model:value="searchText"
-      placeholder="请输入关键词"
-      @search="search"
-      @pressEnter="search"
-    >
-      <template #addonBefore>
-        <a-select v-model:value="type" style="width: 100px; margin: -5px -12px">
-          <a-select-option value="title">文章标题</a-select-option>
-          <a-select-option value="articleId">文章ID</a-select-option>
-          <a-select-option value="userId">用户ID</a-select-option>
-        </a-select>
-      </template>
-    </a-input-search>
-  </a-space>
-</template>
-
-<script lang="ts" setup>
-  import {
-    PlusOutlined,
-    SearchOutlined,
-    DeleteOutlined
-  } from '@ant-design/icons-vue';
-  import useSearch from '@/utils/use-search';
-  import type { ArticleParam } from '@/api/cms/article/model';
-  import { ref, watch } from 'vue';
-  import { assignObject } from 'ele-admin-pro';
-
-  const emit = defineEmits<{
-    (e: 'search', where?: ArticleParam): void;
-    (e: 'add'): void;
-    (e: 'remove'): void;
-  }>();
-
-  const props = defineProps<{
-    // 勾选的项目
-    selection?: [];
-  }>();
-
-  // 表单数据
-  const { where } = useSearch<ArticleParam>({
-    title: ''
-  });
-
-  // 搜索内容
-  const searchText = ref('');
-  const type = ref('title');
-  /* 搜索 */
-  const search = () => {
-    assignObject(where, {});
-    if (type.value == 'title') {
-      where.title = searchText.value;
-    }
-    if (type.value == 'articleId') {
-      where.articleId = Number(searchText.value);
-    }
-    if (type.value == 'userId') {
-      where.userId = Number(searchText.value);
-    }
-    emit('search', where);
-  };
-
-  /*  添加 */
-  const add = () => {
-    emit('add');
-  };
-
-  // 批量删除
-  const removeBatch = () => {
-    emit('remove');
-  };
-
-  // 监听变化
-  watch(
-    () => props.selection,
-    () => {}
-  );
-</script>
diff --git a/src/views/cms/articleV0/components/category-edit.bak.vue b/src/views/cms/articleV0/components/category-edit.bak.vue
deleted file mode 100644
index 8fc1e91..0000000
--- a/src/views/cms/articleV0/components/category-edit.bak.vue
+++ /dev/null
@@ -1,350 +0,0 @@
-<!-- 分类编辑弹窗 -->
-<template>
-  <ele-modal
-    :width="620"
-    :visible="visible"
-    :confirm-loading="loading"
-    :title="isUpdate ? '修改分类' : '添加分类'"
-    :body-style="{ paddingBottom: '8px' }"
-    @update:visible="updateVisible"
-    @ok="save"
-  >
-    <a-form
-      ref="formRef"
-      :model="form"
-      :rules="rules"
-      :label-col="styleResponsive ? { md: 6, sm: 4, xs: 24 } : { flex: '90px' }"
-      :wrapper-col="
-        styleResponsive ? { md: 18, sm: 20, xs: 24 } : { flex: '1' }
-      "
-    >
-      <a-row :gutter="16">
-        <a-col
-          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
-        >
-          <a-form-item label="上级分类" name="parentId">
-            <a-tree-select
-              allow-clear
-              :tree-data="categoryList"
-              tree-default-expand-all
-              placeholder="请选择上级分类"
-              :value="form.parentId || undefined"
-              :dropdown-style="{ maxHeight: '360px', overflow: 'auto' }"
-              @update:value="(value?: number) => (form.parentId = value)"
-            />
-          </a-form-item>
-          <a-form-item label="分类名称" name="title">
-            <a-input
-              allow-clear
-              placeholder="请输入分类名称"
-              v-model:value="form.title"
-              @pressEnter="save"
-            />
-          </a-form-item>
-          <a-form-item label="类型" name="type">
-            <a-select
-              ref="select"
-              v-model:value="form.type"
-              style="width: 208px"
-              @change="onType"
-            >
-              <a-select-option :value="0">文章列表</a-select-option>
-              <a-select-option :value="1">单页内容</a-select-option>
-              <a-select-option :value="2">外部链接</a-select-option>
-            </a-select>
-          </a-form-item>
-          <a-form-item label="选择页面" name="path" v-if="form.type == 1">
-            <SelectDesign
-              :placeholder="`请选择页面`"
-              v-model:value="form.pageName"
-              @done="choosePageId"
-            />
-          </a-form-item>
-          <a-form-item
-            :label="form.type == 2 ? '链接地址' : '路由地址'"
-            name="path"
-            v-if="form.type == 0 || form.type == 2"
-          >
-            <a-input
-              allow-clear
-              :placeholder="
-                form.type == 2 ? '请输入链接地址' : '请输入路由地址'
-              "
-              v-model:value="form.path"
-              @pressEnter="save"
-            />
-          </a-form-item>
-          <a-form-item
-            label="组件路径"
-            name="component"
-            v-if="form.type != 2 && form.type != 1"
-          >
-            <a-input
-              allow-clear
-              placeholder="请输入组件地址"
-              v-model:value="form.component"
-              @pressEnter="save"
-            />
-          </a-form-item>
-        </a-col>
-        <a-col
-          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
-        >
-          <a-form-item label="排序号" name="sortNumber">
-            <a-input-number
-              :min="0"
-              :max="99999"
-              class="ele-fluid"
-              placeholder="请输入排序号"
-              v-model:value="form.sortNumber"
-            />
-          </a-form-item>
-          <a-form-item label="是否展示" name="status">
-            <a-switch
-              checked-children="是"
-              un-checked-children="否"
-              :checked="form.status === 0"
-              @update:checked="updateHideValue"
-            />
-          </a-form-item>
-          <a-form-item label="首页显示">
-            <a-switch
-              checked-children="是"
-              un-checked-children="否"
-              :checked="form.showIndex === 1"
-              @update:checked="updateIndexValue"
-            />
-          </a-form-item>
-          <a-form-item label="是否推荐">
-            <a-switch
-              checked-children="是"
-              un-checked-children="否"
-              :checked="form.recommend === 1"
-              @update:checked="updateRecommendValue"
-            />
-          </a-form-item>
-        </a-col>
-      </a-row>
-      <div style="margin-bottom: 22px">
-        <a-divider />
-      </div>
-      <a-form-item
-        label="备注"
-        name="comments"
-        :label-col="
-          styleResponsive ? { md: 3, sm: 4, xs: 24 } : { flex: '90px' }
-        "
-        :wrapper-col="
-          styleResponsive ? { md: 21, sm: 20, xs: 24 } : { flex: '1' }
-        "
-      >
-        <a-textarea
-          :rows="4"
-          :maxlength="200"
-          placeholder="请输入备注信息"
-          v-model:value="form.comments"
-        />
-      </a-form-item>
-    </a-form>
-  </ele-modal>
-</template>
-
-<script lang="ts" setup>
-  import { ref, reactive, watch } from 'vue';
-  import { Form, message } from 'ant-design-vue';
-  import { assignObject } from 'ele-admin-pro';
-  import {
-    addArticleCategory,
-    updateArticleCategory
-  } from '@/api/cms/category';
-  import type { ArticleCategory } from '@/api/cms/category/model';
-  import { useThemeStore } from '@/store/modules/theme';
-  import { storeToRefs } from 'pinia';
-  import { Design } from '@/api/cms/design/model';
-  import type { Rule } from 'ant-design-vue/es/form';
-
-  const useForm = Form.useForm;
-
-  const emit = defineEmits<{
-    (e: 'done'): void;
-    (e: 'update:visible', visible: boolean): void;
-  }>();
-
-  const props = defineProps<{
-    // 弹窗是否打开
-    visible: boolean;
-    // 修改回显的数据
-    data?: ArticleCategory | null;
-    // 分类id
-    categoryId?: number;
-    // 全部分类
-    categoryList: ArticleCategory[];
-  }>();
-
-  // 是否开启响应式布局
-  const themeStore = useThemeStore();
-  const { styleResponsive } = storeToRefs(themeStore);
-
-  // 是否是修改
-  const isUpdate = ref(false);
-
-  // 提交状态
-  const loading = ref(false);
-
-  // 表单数据
-  const form = reactive<ArticleCategory>({
-    categoryId: undefined,
-    type: 0,
-    title: '',
-    parentId: undefined,
-    image: '',
-    path: '/article/:id',
-    component: '/article/index',
-    pageId: undefined,
-    pageName: '',
-    status: 0,
-    showIndex: 0,
-    recommend: 0,
-    sortNumber: 100
-  });
-
-  // 表单验证规则
-  const rules = reactive({
-    type: [
-      {
-        required: true,
-        message: '请选择分类类型',
-        type: 'number',
-        trigger: 'blur'
-      }
-    ],
-    title: [
-      {
-        required: true,
-        message: '请输入分类名称',
-        type: 'string',
-        trigger: 'blur'
-      }
-    ],
-    sortNumber: [
-      {
-        required: true,
-        message: '请输入排序号',
-        type: 'number',
-        trigger: 'blur'
-      }
-    ],
-    status: [
-      {
-        required: true,
-        message: '请设置是否展示',
-        type: 'number',
-        trigger: 'blur'
-      }
-    ],
-    meta: [
-      {
-        type: 'string',
-        validator: async (_rule: Rule, value: string) => {
-          if (value) {
-            const msg = '请输入正确的JSON格式';
-            try {
-              const obj = JSON.parse(value);
-              if (typeof obj !== 'object' || obj === null) {
-                return Promise.reject(msg);
-              }
-            } catch (_e) {
-              return Promise.reject(msg);
-            }
-          }
-          return Promise.resolve();
-        },
-        trigger: 'blur'
-      }
-    ]
-  });
-
-  const { resetFields, validate } = useForm(form, rules);
-
-  const onType = (index: number) => {
-    if (index == 0) {
-      form.path = '/article/:id';
-      form.component = '/article/index';
-    }
-    if (index == 1) {
-      form.path = '/page/:id';
-      form.component = '/about/index';
-    }
-    if (index == 2) {
-      form.path = undefined;
-      form.component = '';
-    }
-  };
-
-  const choosePageId = (data: Design) => {
-    form.pageName = data.name;
-    form.pageId = data.pageId;
-    form.title = data.name;
-  };
-
-  const updateHideValue = (value: boolean) => {
-    form.status = value ? 0 : 1;
-  };
-
-  const updateIndexValue = (value: boolean) => {
-    form.showIndex = value ? 1 : 0;
-  };
-
-  const updateRecommendValue = (value: boolean) => {
-    form.recommend = value ? 1 : 0;
-  };
-
-  /* 保存编辑 */
-  const save = () => {
-    validate()
-      .then(() => {
-        loading.value = true;
-        const categoryData = {
-          ...form,
-          parentId: form.parentId || 0
-        };
-        const saveOrUpdate = isUpdate.value
-          ? updateArticleCategory
-          : addArticleCategory;
-        saveOrUpdate(categoryData)
-          .then((msg) => {
-            loading.value = false;
-            message.success(msg);
-            updateVisible(false);
-            emit('done');
-          })
-          .catch((e) => {
-            loading.value = false;
-            message.error(e.message);
-          });
-      })
-      .catch(() => {});
-  };
-
-  /* 更新visible */
-  const updateVisible = (value: boolean) => {
-    emit('update:visible', value);
-  };
-
-  watch(
-    () => props.visible,
-    (visible) => {
-      if (visible) {
-        if (props.data) {
-          assignObject(form, props.data);
-          isUpdate.value = true;
-        } else {
-          form.parentId = props.categoryId;
-          isUpdate.value = false;
-        }
-      } else {
-        resetFields();
-      }
-    }
-  );
-</script>
diff --git a/src/views/cms/articleV0/components/category-edit.vue b/src/views/cms/articleV0/components/category-edit.vue
deleted file mode 100644
index b8fd417..0000000
--- a/src/views/cms/articleV0/components/category-edit.vue
+++ /dev/null
@@ -1,289 +0,0 @@
-<!-- 分类编辑弹窗 -->
-<template>
-  <ele-modal
-    :width="620"
-    :visible="visible"
-    :confirm-loading="loading"
-    :title="isUpdate ? '修改分类' : '添加分类'"
-    :body-style="{ paddingBottom: '8px' }"
-    @update:visible="updateVisible"
-    @ok="save"
-  >
-    <a-form
-      ref="formRef"
-      :model="form"
-      :rules="rules"
-      :label-col="styleResponsive ? { md: 7, sm: 4, xs: 24 } : { flex: '90px' }"
-      :wrapper-col="
-        styleResponsive ? { md: 18, sm: 20, xs: 24 } : { flex: '1' }
-      "
-    >
-      <a-row :gutter="16">
-        <a-col
-          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
-        >
-          <a-form-item label="上级分类" name="parentId">
-            <a-tree-select
-              allow-clear
-              :tree-data="categoryList"
-              tree-default-expand-all
-              placeholder="请选择上级分类"
-              :value="form.parentId || undefined"
-              :dropdown-style="{ maxHeight: '360px', overflow: 'auto' }"
-              @update:value="(value?: number) => (form.parentId = value)"
-            />
-          </a-form-item>
-          <a-form-item label="分类名称" name="title">
-            <a-input
-              allow-clear
-              placeholder="请输入分类名称"
-              v-model:value="form.title"
-              @pressEnter="save"
-            />
-          </a-form-item>
-        </a-col>
-        <a-col
-          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
-        >
-          <a-form-item label="排序号" name="sortNumber">
-            <a-input-number
-              :min="0"
-              :max="99999"
-              class="ele-fluid"
-              placeholder="请输入排序号"
-              v-model:value="form.sortNumber"
-            />
-          </a-form-item>
-          <a-form-item label="是否展示" name="status">
-            <a-switch
-              checked-children="是"
-              un-checked-children="否"
-              :checked="form.status === 0"
-              @update:checked="updateHideValue"
-            />
-          </a-form-item>
-        </a-col>
-      </a-row>
-      <div style="margin-bottom: 22px">
-        <a-divider />
-      </div>
-      <a-form-item
-        label="备注"
-        name="comments"
-        :label-col="
-          styleResponsive ? { md: 3, sm: 4, xs: 24 } : { flex: '90px' }
-        "
-        :wrapper-col="
-          styleResponsive ? { md: 21, sm: 20, xs: 24 } : { flex: '1' }
-        "
-      >
-        <a-textarea
-          :rows="4"
-          :maxlength="200"
-          placeholder="请输入备注信息"
-          v-model:value="form.comments"
-        />
-      </a-form-item>
-    </a-form>
-  </ele-modal>
-</template>
-
-<script lang="ts" setup>
-  import { ref, reactive, watch } from 'vue';
-  import { Form, message } from 'ant-design-vue';
-  import { assignObject } from 'ele-admin-pro';
-  import {
-    addArticleCategory,
-    updateArticleCategory
-  } from '@/api/cms/category';
-  import type { ArticleCategory } from '@/api/cms/category/model';
-  import { useThemeStore } from '@/store/modules/theme';
-  import { storeToRefs } from 'pinia';
-  import { Design } from '@/api/cms/design/model';
-  import type { Rule } from 'ant-design-vue/es/form';
-
-  const useForm = Form.useForm;
-
-  const emit = defineEmits<{
-    (e: 'done'): void;
-    (e: 'update:visible', visible: boolean): void;
-  }>();
-
-  const props = defineProps<{
-    // 弹窗是否打开
-    visible: boolean;
-    // 修改回显的数据
-    data?: ArticleCategory | null;
-    // 分类id
-    categoryId?: number;
-    // 全部分类
-    categoryList: ArticleCategory[];
-  }>();
-
-  // 是否开启响应式布局
-  const themeStore = useThemeStore();
-  const { styleResponsive } = storeToRefs(themeStore);
-
-  // 是否是修改
-  const isUpdate = ref(false);
-
-  // 提交状态
-  const loading = ref(false);
-
-  // 表单数据
-  const form = reactive<ArticleCategory>({
-    categoryId: undefined,
-    type: 0,
-    title: '',
-    parentId: undefined,
-    image: '',
-    path: '/article/:id',
-    component: '/article/index',
-    pageId: undefined,
-    pageName: '',
-    status: 0,
-    showIndex: 0,
-    recommend: 0,
-    sortNumber: 100
-  });
-
-  // 表单验证规则
-  const rules = reactive({
-    type: [
-      {
-        required: true,
-        message: '请选择分类类型',
-        type: 'number',
-        trigger: 'blur'
-      }
-    ],
-    title: [
-      {
-        required: true,
-        message: '请输入分类名称',
-        type: 'string',
-        trigger: 'blur'
-      }
-    ],
-    sortNumber: [
-      {
-        required: true,
-        message: '请输入排序号',
-        type: 'number',
-        trigger: 'blur'
-      }
-    ],
-    status: [
-      {
-        required: true,
-        message: '请设置是否展示',
-        type: 'number',
-        trigger: 'blur'
-      }
-    ],
-    meta: [
-      {
-        type: 'string',
-        validator: async (_rule: Rule, value: string) => {
-          if (value) {
-            const msg = '请输入正确的JSON格式';
-            try {
-              const obj = JSON.parse(value);
-              if (typeof obj !== 'object' || obj === null) {
-                return Promise.reject(msg);
-              }
-            } catch (_e) {
-              return Promise.reject(msg);
-            }
-          }
-          return Promise.resolve();
-        },
-        trigger: 'blur'
-      }
-    ]
-  });
-
-  const { resetFields, validate } = useForm(form, rules);
-
-  const onType = (index: number) => {
-    if (index == 0) {
-      form.path = '/article/:id';
-      form.component = '/article/index';
-    }
-    if (index == 1) {
-      form.path = '/page/:id';
-      form.component = '/about/index';
-    }
-    if (index == 2) {
-      form.path = undefined;
-      form.component = '';
-    }
-  };
-
-  const choosePageId = (data: Design) => {
-    form.pageName = data.name;
-    form.pageId = data.pageId;
-    form.title = data.name;
-  };
-
-  const updateHideValue = (value: boolean) => {
-    form.status = value ? 0 : 1;
-  };
-
-  const updateIndexValue = (value: boolean) => {
-    form.showIndex = value ? 1 : 0;
-  };
-
-  const updateRecommendValue = (value: boolean) => {
-    form.recommend = value ? 1 : 0;
-  };
-
-  /* 保存编辑 */
-  const save = () => {
-    validate()
-      .then(() => {
-        loading.value = true;
-        const categoryData = {
-          ...form,
-          parentId: form.parentId || 0
-        };
-        const saveOrUpdate = isUpdate.value
-          ? updateArticleCategory
-          : addArticleCategory;
-        saveOrUpdate(categoryData)
-          .then((msg) => {
-            loading.value = false;
-            message.success(msg);
-            updateVisible(false);
-            emit('done');
-          })
-          .catch((e) => {
-            loading.value = false;
-            message.error(e.message);
-          });
-      })
-      .catch(() => {});
-  };
-
-  /* 更新visible */
-  const updateVisible = (value: boolean) => {
-    emit('update:visible', value);
-  };
-
-  watch(
-    () => props.visible,
-    (visible) => {
-      if (visible) {
-        if (props.data) {
-          assignObject(form, props.data);
-          isUpdate.value = true;
-        } else {
-          form.parentId = props.categoryId;
-          isUpdate.value = false;
-        }
-      } else {
-        resetFields();
-      }
-    }
-  );
-</script>
diff --git a/src/views/cms/articleV0/components/category-select.vue b/src/views/cms/articleV0/components/category-select.vue
deleted file mode 100644
index 97b4940..0000000
--- a/src/views/cms/articleV0/components/category-select.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<!-- 目录选择下拉框 -->
-<template>
-  <a-tree-select
-    allow-clear
-    tree-default-expand-all
-    :placeholder="placeholder"
-    :value="value || undefined"
-    :tree-data="data"
-    :dropdown-style="{ maxHeight: '360px', overflow: 'auto' }"
-    @update:value="updateValue"
-  />
-</template>
-
-<script lang="ts" setup>
-  import type { Article } from '@/api/cms/article/model';
-
-  const emit = defineEmits<{
-    (e: 'update:value', value?: number): void;
-  }>();
-
-  withDefaults(
-    defineProps<{
-      // 选中的数据(v-modal)
-      value?: number;
-      // 提示信息
-      placeholder?: any;
-      // 文章分类
-      data: Article[];
-    }>(),
-    {
-      placeholder: '请选择上级分类'
-    }
-  );
-
-  /* 更新选中数据 */
-  const updateValue = (value?: number) => {
-    emit('update:value', value);
-  };
-</script>
diff --git a/src/views/cms/articleV0/index.vue b/src/views/cms/articleV0/index.vue
deleted file mode 100644
index cdf854f..0000000
--- a/src/views/cms/articleV0/index.vue
+++ /dev/null
@@ -1,244 +0,0 @@
-<template>
-  <div class="ele-body">
-    <a-card :bordered="false" :body-style="{ padding: '16px' }">
-      <ele-split-layout
-        width="266px"
-        allow-collapse
-        :right-style="{ overflow: 'hidden' }"
-        :style="{ minHeight: 'calc(100vh - 152px)' }"
-      >
-        <div>
-          <ele-toolbar theme="default">
-            <a-space :size="10">
-              <a-button
-                type="primary"
-                :size="`small`"
-                class="ele-btn-icon"
-                @click="openEdit()"
-              >
-                <template #icon>
-                  <plus-outlined />
-                </template>
-              </a-button>
-              <a-button
-                type="primary"
-                :size="`small`"
-                :disabled="!current"
-                class="ele-btn-icon"
-                @click="openEdit(current)"
-              >
-                <template #icon>
-                  <edit-outlined />
-                </template>
-              </a-button>
-              <a-button
-                danger
-                type="primary"
-                :size="`small`"
-                :disabled="!current"
-                class="ele-btn-icon"
-                @click="remove"
-              >
-                <template #icon>
-                  <delete-outlined />
-                </template>
-              </a-button>
-            </a-space>
-          </ele-toolbar>
-          <div class="ele-border-split sys-category-list">
-            <a-tree
-              :tree-data="data"
-              v-model:expanded-keys="expandedRowKeys"
-              v-model:selected-keys="selectedRowKeys"
-              @select="onTreeSelect"
-            >
-              <template #title="{ type, key: treeKey, title }">
-                <a-dropdown :trigger="['contextmenu']">
-                  <span>{{ title }}</span>
-                  <template #overlay v-if="type == 0">
-                    <a-menu
-                      @click="
-                        ({ key: menuKey }) =>
-                          onContextMenuClick(treeKey, menuKey)
-                      "
-                    >
-                      <a-menu-item key="1">修改</a-menu-item>
-                      <a-menu-item key="2">删除</a-menu-item>
-                    </a-menu>
-                  </template>
-                </a-dropdown>
-              </template>
-            </a-tree>
-          </div>
-        </div>
-        <template #content>
-          <list
-            v-if="current"
-            :category-list="data"
-            :data="current"
-            :category-id="current.categoryId"
-          />
-        </template>
-      </ele-split-layout>
-    </a-card>
-    <!-- 编辑弹窗 -->
-    <category-edit
-      v-model:visible="showEdit"
-      :data="editData"
-      :category-list="data"
-      :category-id="current?.categoryId"
-      @done="query"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import { createVNode, ref } from 'vue';
-  import { message, Modal } from 'ant-design-vue';
-  import {
-    PlusOutlined,
-    EditOutlined,
-    DeleteOutlined,
-    ExclamationCircleOutlined
-  } from '@ant-design/icons-vue';
-  import { toTreeData, eachTreeData } from 'ele-admin-pro';
-  import List from './list.vue';
-  import CategoryEdit from './components/category-edit.vue';
-  import {
-    listArticleCategory,
-    removeArticleCategory
-  } from '@/api/cms/category';
-  import { ArticleCategory } from '@/api/cms/category/model';
-
-  // 加载状态
-  const loading = ref(true);
-
-  // 树形数据
-  const data = ref<ArticleCategory[]>([]);
-
-  // 树展开的key
-  const expandedRowKeys = ref<number[]>([]);
-
-  // 树选中的key
-  const selectedRowKeys = ref<number[]>([]);
-
-  // 选中数据
-  const current = ref<ArticleCategory | any>(null);
-
-  // 是否显示表单弹窗
-  const showEdit = ref(false);
-
-  // 编辑回显数据
-  const editData = ref<ArticleCategory | null>(null);
-
-  /* 查询 */
-  const query = () => {
-    loading.value = true;
-    listArticleCategory()
-      .then((list) => {
-        loading.value = false;
-        const eks: number[] = [];
-        list.forEach((d) => {
-          d.key = d.categoryId;
-          d.value = d.categoryId;
-          if (typeof d.categoryId === 'number') {
-            eks.push(d.categoryId);
-          }
-        });
-        expandedRowKeys.value = eks;
-        data.value = toTreeData({
-          data: list.map((d) => {
-            d.disabled = d.type != 0;
-            return d;
-          }),
-          idField: 'categoryId',
-          parentIdField: 'parentId'
-        });
-        if (list.length) {
-          if (typeof list[0].categoryId === 'number') {
-            selectedRowKeys.value = [list[0].categoryId];
-          }
-          current.value = list[0];
-        } else {
-          selectedRowKeys.value = [];
-          current.value = null;
-        }
-      })
-      .catch((e) => {
-        loading.value = false;
-        message.error(e.message);
-      });
-  };
-
-  /* 选择数据 */
-  const onTreeSelect = () => {
-    current.value = {};
-    eachTreeData(data.value, (d) => {
-      if (
-        typeof d.categoryId === 'number' &&
-        selectedRowKeys.value.includes(d.categoryId)
-      ) {
-        current.value = d;
-        return false;
-      }
-    });
-  };
-
-  const onContextMenuClick = (treeKey: number, menuKey: number) => {
-    // 修改
-    if (menuKey == 1) {
-      openEdit(current.value);
-    }
-    // 删除
-    if (menuKey == 2) {
-      remove();
-    }
-  };
-
-  /* 打开编辑弹窗 */
-  const openEdit = (item?: ArticleCategory | null) => {
-    editData.value = item ?? null;
-    showEdit.value = true;
-  };
-
-  /* 删除 */
-  const remove = () => {
-    Modal.confirm({
-      title: '提示',
-      content: '确定要删除选中的分类吗?',
-      icon: createVNode(ExclamationCircleOutlined),
-      maskClosable: true,
-      onOk: () => {
-        const hide = message.loading('请求中..', 0);
-        removeArticleCategory(current.value?.categoryId)
-          .then((msg) => {
-            hide();
-            message.success(msg);
-            query();
-          })
-          .catch((e) => {
-            hide();
-            message.error(e.message);
-          });
-      }
-    });
-  };
-
-  query();
-</script>
-
-<script lang="ts">
-  export default {
-    name: 'ArticleIndex'
-  };
-</script>
-
-<style lang="less" scoped>
-  .sys-category-list {
-    padding: 12px 6px;
-    height: calc(100vh - 242px);
-    border-width: 1px;
-    border-style: solid;
-    overflow: auto;
-  }
-</style>
diff --git a/src/views/cms/articleV0/list.vue b/src/views/cms/articleV0/list.vue
deleted file mode 100644
index 9f2fdf4..0000000
--- a/src/views/cms/articleV0/list.vue
+++ /dev/null
@@ -1,324 +0,0 @@
-<template>
-  <!-- 表格 -->
-  <ele-pro-table
-    ref="tableRef"
-    row-key="articleId"
-    :columns="columns"
-    :datasource="datasource"
-    v-model:selection="selection"
-    :customRow="customRow"
-    height="calc(100vh - 290px)"
-    tool-class="ele-toolbar-form"
-    :scroll="{ x: 800 }"
-  >
-    <template #toolbar>
-      <article-search
-        :selection="selection"
-        @search="reload"
-        @add="openEdit()"
-        @remove="removeBatch"
-      />
-    </template>
-    <template #bodyCell="{ column, record }">
-      <template v-if="column.key === 'title'">
-        <a-space class="title">
-          <a-avatar shape="square" :width="45" :src="record.image">
-            <template #icon>
-              <AntDesignOutlined />
-            </template>
-          </a-avatar>
-          <a @click="openPreview(`/article/detail/${record.articleId}`)">{{
-            record.title
-          }}</a>
-        </a-space>
-      </template>
-      <template v-if="column.key === 'image'"> </template>
-      <template v-if="column.key === 'status'">
-        <a-tag
-          v-if="record.status === 0"
-          color="green"
-          @click="(checked: boolean) => editStatus(record.status, record)"
-          >显示</a-tag
-        >
-        <a-tag
-          v-if="record.status === 1"
-          color="red"
-          @click="(checked: boolean) => editStatus(record.status, record)"
-          >隐藏</a-tag
-        >
-      </template>
-      <template v-if="column.key === 'comments'">
-        <a-tooltip :title="record.comments" placement="topLeft">
-          {{ record.comments }}
-        </a-tooltip>
-      </template>
-      <template v-if="column.key === 'nickname'">
-        <a-tooltip
-          :title="`${record.nickname} ${toDateString(record.createTime)}`"
-        >
-          <a-avatar :src="record.userAvatar" size="small" />
-          {{ timeAgo(record.createTime) }}
-        </a-tooltip>
-      </template>
-      <!--      <template v-if="column.key === 'createTime'">-->
-      <!--        <a-tooltip :title="`${toDateString(record.createTime)}`">-->
-      <!--          <span>{{ timeAgo(record.createTime) }}</span>-->
-      <!--        </a-tooltip>-->
-      <!--      </template>-->
-      <template v-else-if="column.key === 'action'">
-        <a-space>
-          <a @click="openEdit(record)">修改</a>
-          <a-divider type="vertical" />
-          <a-popconfirm title="确定要删除此文章吗？" @confirm="remove(record)">
-            <a class="ele-text-danger">删除</a>
-          </a-popconfirm>
-        </a-space>
-      </template>
-    </template>
-  </ele-pro-table>
-  <!-- 编辑弹窗 -->
-  <article-edit
-    :data="current"
-    v-model:visible="showEdit"
-    :category-list="categoryList"
-    :category-id="categoryId"
-    @done="reload"
-  />
-  <!-- 文章预览 -->
-  <article-info v-model:visible="showInfo" :data="current" @done="reload" />
-</template>
-
-<script lang="ts" setup>
-  import { createVNode, ref, watch } from 'vue';
-  import { message, Modal } from 'ant-design-vue';
-  import type { EleProTable } from 'ele-admin-pro';
-  import { AntDesignOutlined } from '@ant-design/icons-vue';
-  import type {
-    DatasourceFunction,
-    ColumnItem
-  } from 'ele-admin-pro/es/ele-pro-table/types';
-  import { toDateString } from 'ele-admin-pro';
-  import ArticleSearch from './components/article-search.vue';
-  import ArticleEdit from './components/article-edit.vue';
-  import ArticleInfo from './components/article-info.vue';
-  import { timeAgo } from 'ele-admin-pro';
-  import {
-    pageArticle,
-    removeArticle,
-    removeBatchArticle,
-    updateArticleStatus
-  } from '@/api/cms/article';
-  import type { Article, ArticleParam } from '@/api/cms/article/model';
-  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
-  // import router from '@/router';
-  import { ArticleCategory } from '@/api/cms/category/model';
-  import { openPreview } from '@/utils/common';
-
-  const props = defineProps<{
-    // 文章 id
-    categoryId?: number;
-    // 全部分类
-    categoryList: ArticleCategory[];
-  }>();
-
-  // 表格实例
-  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
-
-  // 表格选中数据
-  const selection = ref<any[]>([]);
-  // 表格列配置
-  const columns = ref<ColumnItem[]>([
-    // {
-    //   key: 'index',
-    //   width: 48,
-    //   align: 'center',
-    //   fixed: 'left',
-    //   hideInSetting: true,
-    //   customRender: ({ index }) => index + (tableRef.value?.tableIndex ?? 0)
-    // },
-    {
-      title: 'ID',
-      width: 80,
-      dataIndex: 'articleId'
-    },
-    {
-      title: '文章标题',
-      dataIndex: 'title',
-      key: 'title'
-    },
-    {
-      title: '点击',
-      dataIndex: 'actualViews',
-      hideInTable: true,
-      sorter: true
-    },
-    {
-      title: '排序',
-      dataIndex: 'sortNumber',
-      width: 100,
-      align: 'center',
-      sorter: true
-    },
-    {
-      title: '状态',
-      key: 'status',
-      filters: [
-        {
-          text: '显示',
-          value: 0
-        },
-        {
-          text: '隐藏',
-          value: 1
-        }
-      ],
-      hideInTable: true,
-      filterMultiple: false,
-      align: 'center'
-    },
-    {
-      title: '创建时间',
-      dataIndex: 'createTime',
-      key: 'createTime',
-      width: 120,
-      align: 'center',
-      sorter: true,
-      ellipsis: true,
-      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
-    },
-    {
-      title: '操作',
-      key: 'action',
-      width: 100,
-      align: 'center'
-    }
-  ]);
-
-  // 当前编辑数据
-  const current = ref<Article | null>(null);
-  // 是否显示文章详情
-  const showInfo = ref(false);
-  // 是否显示编辑弹窗
-  const showEdit = ref(false);
-
-  // 表格数据源
-  const datasource: DatasourceFunction = ({
-    page,
-    limit,
-    where,
-    orders,
-    filters
-  }) => {
-    if (props.categoryId) {
-      where.categoryId = props.categoryId;
-    }
-    // 按条件排序
-    if (filters) {
-      where.virtualViews = filters.virtualViews;
-      where.actualViews = filters.actualViews;
-      where.sortNumber = filters.sortNumber;
-      where.status = filters.status;
-    }
-    return pageArticle({
-      ...where,
-      ...orders,
-      page,
-      limit
-    });
-  };
-
-  /* 搜索 */
-  const reload = (where?: ArticleParam) => {
-    selection.value = [];
-    tableRef?.value?.reload({ where: where });
-  };
-
-  /* 打开用户详情弹窗 */
-  const openInfo = (row?: Article) => {
-    current.value = row ?? null;
-    showInfo.value = true;
-  };
-
-  /* 打开编辑弹窗 */
-  const openEdit = (row?: Article) => {
-    current.value = row ?? null;
-    showEdit.value = true;
-  };
-
-  /* 删除单个 */
-  const remove = (row: Article) => {
-    const hide = message.loading('请求中..', 0);
-    removeArticle(row.articleId)
-      .then((msg) => {
-        hide();
-        message.success(msg);
-        reload();
-      })
-      .catch((e) => {
-        hide();
-        message.error(e.message);
-      });
-  };
-
-  /* 批量删除 */
-  const removeBatch = () => {
-    if (!selection.value.length) {
-      message.error('请至少选择一条数据');
-      return;
-    }
-    Modal.confirm({
-      title: '提示',
-      content: '确定要删除选中的记录吗?',
-      icon: createVNode(ExclamationCircleOutlined),
-      maskClosable: true,
-      onOk: () => {
-        const hide = message.loading('请求中..', 0);
-        removeBatchArticle(selection.value.map((d) => d.articleId))
-          .then((msg) => {
-            hide();
-            message.success(msg);
-            reload();
-          })
-          .catch((e) => {
-            hide();
-            message.error(e.message);
-          });
-      }
-    });
-  };
-
-  /* 修改文章状态 */
-  const editStatus = (checked: boolean, row: Article) => {
-    const status = checked ? 0 : 1;
-    updateArticleStatus(row.articleId, status)
-      .then((msg) => {
-        row.status = status;
-        message.success(msg);
-      })
-      .catch((e) => {
-        message.error(e.message);
-      });
-  };
-
-  /* 自定义行属性 */
-  const customRow = (record: Article) => {
-    return {
-      // 行点击事件
-      onClick: () => {
-        // console.log(record);
-      },
-      // 行双击事件
-      onDblclick: () => {
-        openEdit(record);
-      }
-    };
-  };
-
-  // 监听文章 id 变化
-  watch(
-    () => props.categoryId,
-    () => {
-      reload();
-    }
-  );
-</script>
diff --git a/src/views/cms/articleV0/preview/index.vue b/src/views/cms/articleV0/preview/index.vue
deleted file mode 100644
index ae789aa..0000000
--- a/src/views/cms/articleV0/preview/index.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-  <a-card class="ele-body">
-    <a-spin :spinning="spinning">
-      <a-typography-title :level="3" class="ele-text-center">{{
-        form.title
-      }}</a-typography-title>
-      <a-divider dashed />
-      <div class="content" v-html="form.content"></div>
-    </a-spin>
-  </a-card>
-</template>
-
-<script lang="ts" setup>
-  import { ref, unref, watch } from 'vue';
-  import { useRouter } from 'vue-router';
-  import { setPageTabTitle } from '@/utils/page-tab-util';
-  import { getArticle } from '@/api/cms/article';
-  import { Article } from '@/api/cms/article/model';
-  import useFormData from '@/utils/use-form-data';
-
-  const { currentRoute } = useRouter();
-  // 是否开启响应式布局
-  const title = ref('');
-  const spinning = ref(true);
-  // 应用信息
-  const { form, assignFields } = useFormData<Article>({
-    articleId: undefined,
-    title: '',
-    content: '',
-    createTime: ''
-  });
-
-  /**
-   * 加载数据
-   */
-  const reload = (id: number) => {
-    console.log(id,'0000');
-    // 加载项目详情
-    getArticle(id).then((data) => {
-      assignFields(data);
-      if (data.title) {
-        title.value = data.title;
-        // 修改页签标题
-        setPageTabTitle(data.title);
-      }
-      spinning.value = false;
-    });
-  };
-
-  watch(
-    currentRoute,
-    (route) => {
-      const { params } = unref(route);
-      const { id } = params;
-      if (id) {
-        reload(Number(id));
-      }
-    },
-    { immediate: true }
-  );
-</script>
-
-<script lang="ts">
-  export default {
-    name: 'ArticlePreview'
-  };
-</script>
-<style>
-  body {
-    background: #f0f2f5;
-  }
-  .ele-body {
-    margin: 0 auto;
-    max-width: 1000px;
-  }
-  .content {
-    padding: 10px;
-  }
-  * {
-    max-width: 100%;
-  }
-</style>