From 6c1f706d6acee58316ec2584d231cf286a4ffc6a Mon Sep 17 00:00:00 2001
From: cuiyouliang <cuiyouliang@lzzg365.com>
Date: Mon, 2 Jun 2025 16:36:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=85=AC=E5=85=B1=E6=9E=9A?=
 =?UTF-8?q?=E4=B8=BE=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                    |   2 +-
 .../TUISearch/search-result/index.vue         |   2 +-
 src/api/contentCenter/index.ts                |  76 +++++
 src/api/contentCenter/types.ts                |  69 +++++
 src/layout/components/Sidebar/Logo.vue        |   2 +-
 src/router/index.ts                           |  41 ++-
 src/utils/commonDictionary.ts                 |  33 +++
 src/views/contentManage/video/index.vue       | 261 ++++++++++++++++++
 src/views/workflow/category/index.vue         |   8 +-
 vite.config.ts                                |   4 +-
 10 files changed, 486 insertions(+), 12 deletions(-)
 create mode 100644 src/api/contentCenter/index.ts
 create mode 100644 src/api/contentCenter/types.ts
 create mode 100644 src/utils/commonDictionary.ts
 create mode 100644 src/views/contentManage/video/index.vue

diff --git a/index.html b/index.html
index aa1c86d..0b7d607 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="renderer" content="webkit" />
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
     <link rel="icon" href="/favicon.ico" />
-    <title>RuoYi-Vue-Plus多租户管理系统</title>
+    <title>无终街管理系统</title>
     <!--[if lt IE 11
       ]><script>
         window.location.href = '/html/ie.html';
diff --git a/src/TUIKit/components/TUISearch/search-result/index.vue b/src/TUIKit/components/TUISearch/search-result/index.vue
index ade9e87..b9f22b0 100644
--- a/src/TUIKit/components/TUISearch/search-result/index.vue
+++ b/src/TUIKit/components/TUISearch/search-result/index.vue
@@ -465,7 +465,7 @@ const getMoreResult = (result: { key: string; label: string; list: ISearchResult
       searchType: props.searchType,
     });
   } else {
-    // View more results for a single category: Use the cursor as the search start position to pull the next part of the results
+    // View more results for a single video: Use the cursor as the search start position to pull the next part of the results
     setMessageSearchResultList({ cursor: result?.cursor || undefined });
   }
 };
diff --git a/src/api/contentCenter/index.ts b/src/api/contentCenter/index.ts
new file mode 100644
index 0000000..b6a83ea
--- /dev/null
+++ b/src/api/contentCenter/index.ts
@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { CategoryVO, CategoryForm, CategoryQuery, CategoryTreeVO } from '@/api/workflow/category/types';
+
+/**
+ * 查询流程分类列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listCategory = (query?: CategoryQuery): AxiosPromise<CategoryVO[]> => {
+  return request({
+    url: '/workflow/category/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询流程分类详细
+ * @param categoryId
+ */
+export const getCategory = (categoryId: string | number): AxiosPromise<CategoryVO> => {
+  return request({
+    url: '/workflow/category/' + categoryId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增流程分类
+ * @param data
+ */
+export const addCategory = (data: CategoryForm) => {
+  return request({
+    url: '/workflow/category',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改流程分类
+ * @param data
+ */
+export const updateCategory = (data: CategoryForm) => {
+  return request({
+    url: '/workflow/category',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除流程分类
+ * @param categoryId
+ */
+export const delCategory = (categoryId: string | number | Array<string | number>) => {
+  return request({
+    url: '/workflow/category/' + categoryId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 获取流程分类树列表
+ * @param query 流程实例id
+ * @returns
+ */
+export const categoryTree = (query?: CategoryForm): AxiosPromise<CategoryTreeVO[]> => {
+  return request({
+    url: `/workflow/category/categoryTree`,
+    method: 'get',
+    params: query
+  });
+};
diff --git a/src/api/contentCenter/types.ts b/src/api/contentCenter/types.ts
new file mode 100644
index 0000000..d7c33c8
--- /dev/null
+++ b/src/api/contentCenter/types.ts
@@ -0,0 +1,69 @@
+export interface CategoryTreeVO {
+  id: number | string;
+  label: string;
+  parentId: number | string;
+  weight: number;
+  children: CategoryTreeVO[];
+}
+export interface CategoryVO {
+  /**
+   * 流程分类ID
+   */
+  categoryId: string | number;
+
+  /**
+   * 父级id
+   */
+  parentId: string | number;
+
+  /**
+   * 流程分类名称
+   */
+  categoryName: string;
+
+  /**
+   * 显示顺序
+   */
+  orderNum: number;
+
+  /**
+   * 创建时间
+   */
+  createTime: string;
+
+  /**
+   * 子对象
+   */
+  children: CategoryVO[];
+}
+
+export interface CategoryForm extends BaseEntity {
+  /**
+   * 流程分类ID
+   */
+  categoryId?: string | number;
+
+  /**
+   * 流程分类名称
+   */
+  categoryName?: string;
+
+  /**
+   * 父流程分类id
+   */
+  parentId?: string | number;
+
+  /**
+   * 显示顺序
+   */
+  orderNum?: number;
+
+  type?: number;
+}
+
+export interface CategoryQuery {
+  /**
+   * 流程分类名称
+   */
+  categoryName?: string;
+}
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 511d788..1907d68 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -34,7 +34,7 @@ defineProps({
   }
 });
 
-const title = ref('RuoYi-Vue-Plus');
+const title = ref('无终街管理系统');
 const settingsStore = useSettingsStore();
 const sideTheme = computed(() => settingsStore.sideTheme);
 </script>
diff --git a/src/router/index.ts b/src/router/index.ts
index be19b69..f96d08f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -93,13 +93,48 @@ export const constantRoutes: RouteRecordRaw[] = [
         meta: { title: '个人中心', icon: 'user' }
       }
     ]
+  },
+  // 内容中心
+  {
+    path: '/content-center',
+    component: Layout,
+    // hidden: true,
+    // permissions: ['system:role:edit'],
+    children: [
+      // 视频管理
+      {
+        path: 'video-manage',
+        component: () => import('@/views/contentManage/video/index.vue'),
+        name: 'Video',
+        meta: { title: '视频管理', icon: '', noCache: true }
+      },
+      // 评论和点赞
+      {
+        path: 'comments',
+        component: () => import('@/views/contentManage/video/index.vue'),
+        name: 'Comments',
+        meta: { title: '评论与点赞', icon: '', noCache: true }
+      },
+      // 粉丝与关注
+      {
+        path: 'fans',
+        component: () => import('@/views/contentManage/video/index.vue'),
+        name: 'Fans',
+        meta: { title: '粉丝与关注', icon: '', noCache: true }
+      },
+      // 云点播
+      {
+        path: 'cloud',
+        component: () => import('@/views/contentManage/video/index.vue'),
+        name: 'Cloud',
+        meta: { title: '云点播', icon: '', noCache: true }
+      }
+    ]
   }
 ];
 
 // 动态路由，基于用户权限动态去加载
-export const dynamicRoutes: RouteRecordRaw[] = [
-
-];
+export const dynamicRoutes: RouteRecordRaw[] = [];
 
 /**
  * 创建路由
diff --git a/src/utils/commonDictionary.ts b/src/utils/commonDictionary.ts
new file mode 100644
index 0000000..cdbd528
--- /dev/null
+++ b/src/utils/commonDictionary.ts
@@ -0,0 +1,33 @@
+export const commonDictionary: any = {
+  // im会员性别
+  imGender: [
+    {
+      label: '男性',
+      value: 'Gender_Type_Male'
+    },
+    {
+      label: '女性',
+      value: 'Gender_Type_Female'
+    },
+    {
+      label: '未设置性别',
+      value: 'Gender_Type_Unknown'
+    }
+  ],
+  // 加好友验证方式
+  imAddFriendType: [
+    {
+      label: '需要经过自己确认对方才能添加自己为好友',
+      value: 'AllowType_Type_NeedConfirm'
+    },
+    {
+      label: '许任何人添加自己为好友',
+      value: 'AllowType_Type_AllowAny'
+    },
+    {
+      label: '不允许任何人添加自己为好友',
+      value: 'AllowType_Type_DenyAny'
+    }
+  ]
+};
+export default commonDictionary;
diff --git a/src/views/contentManage/video/index.vue b/src/views/contentManage/video/index.vue
new file mode 100644
index 0000000..8958aa8
--- /dev/null
+++ b/src/views/contentManage/video/index.vue
@@ -0,0 +1,261 @@
+<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="search">
+        <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+          <el-form-item label="类型" prop="status">
+            <el-select v-model="queryParams.type" placeholder="类型" clearable>
+              <el-option value="1">评论</el-option>
+              <el-option value="2">点赞</el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="评论内容" prop="categoryName">
+            <el-input v-model="queryParams.categoryName" 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-form-item>
+        </el-form>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mt30">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['workflow:video:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="info" plain icon="Sort" @click="handleToggleExpandAll">展开/折叠</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+      <el-table
+        ref="categoryTableRef"
+        v-loading="loading"
+        :data="categoryList"
+        row-key="categoryId"
+        border
+        :default-expand-all="isExpandAll"
+        :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      >
+        <el-table-column label="类型" prop="categoryName" width="260" />
+        <el-table-column label="内容" align="center" prop="orderNum" width="200" />
+        <el-table-column label="操作时间" align="center" prop="createTime" width="180" />
+        <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['workflow:video:edit']" />
+            </el-tooltip>
+            <el-tooltip content="新增" placement="top">
+              <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['workflow:video:add']" />
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['workflow:video:remove']" />
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="categoryFormRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="上级分类" prop="parentId">
+          <el-tree-select
+            v-model="form.parentId"
+            :data="categoryOptions"
+            :props="{ value: 'categoryId', label: 'categoryName', children: 'children' } as any"
+            value-key="categoryId"
+            placeholder="请选择上级分类"
+            check-strictly
+          />
+        </el-form-item>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="分类名称" prop="categoryName">
+              <el-input v-model="form.categoryName" placeholder="请输入分类名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="排序" prop="orderNum">
+              <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </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="Category" lang="ts">
+import { listCategory, getCategory, delCategory, addCategory, updateCategory } from '@/api/workflow/category';
+import { CategoryVO, CategoryQuery, CategoryForm } from '@/api/contentCenter/types';
+
+type CategoryOption = {
+  categoryId: number;
+  categoryName: string;
+  children?: CategoryOption[];
+};
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
+const categoryList = ref<CategoryVO[]>([]);
+const categoryOptions = ref<CategoryOption[]>([]);
+const buttonLoading = ref(false);
+const showSearch = ref(true);
+const isExpandAll = ref(true);
+const loading = ref(false);
+
+const queryFormRef = ref<ElFormInstance>();
+const categoryFormRef = ref<ElFormInstance>();
+const categoryTableRef = ref<ElTableInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+const initFormData: CategoryForm = {
+  categoryId: undefined,
+  categoryName: '',
+  parentId: undefined,
+  orderNum: 0,
+  type: 1
+};
+
+const data = reactive<PageData<CategoryForm, CategoryQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    categoryName: undefined
+  },
+  rules: {
+    categoryId: [{ required: true, message: '流程分类ID不能为空', trigger: 'blur' }],
+    parentId: [{ required: true, message: '请选择上级分类', trigger: 'change' }],
+    categoryName: [{ required: true, message: '请输入分类名称', trigger: 'blur' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询流程分类列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listCategory(queryParams.value);
+  const data = proxy?.handleTree<CategoryVO>(res.data, 'categoryId', 'parentId');
+  if (data) {
+    categoryList.value = data;
+    loading.value = false;
+  }
+};
+
+/** 查询流程分类下拉树结构 */
+const getTreeselect = async () => {
+  const res = await listCategory();
+  categoryOptions.value = [];
+  // 处理树形数据
+  const data = proxy?.handleTree<CategoryOption>(res.data, 'categoryId', 'parentId');
+  if (data) {
+    categoryOptions.value = data; // 将处理后的树形数据赋值
+  }
+};
+
+// 取消按钮
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+// 表单重置
+const reset = () => {
+  form.value = { ...initFormData };
+  categoryFormRef.value?.resetFields();
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  getList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+/** 新增按钮操作 */
+const handleAdd = (row?: CategoryVO) => {
+  reset();
+  getTreeselect();
+  if (row?.categoryId) {
+    form.value.parentId = row.categoryId;
+  } else {
+    form.value.parentId = undefined;
+  }
+  dialog.visible = true;
+  dialog.title = '添加流程分类';
+};
+
+/** 展开/折叠操作 */
+const handleToggleExpandAll = () => {
+  isExpandAll.value = !isExpandAll.value;
+  toggleExpandAll(categoryList.value, isExpandAll.value);
+};
+
+/** 展开/折叠操作 */
+const toggleExpandAll = (data: CategoryVO[], status: boolean) => {
+  data.forEach((item) => {
+    categoryTableRef.value?.toggleRowExpansion(item, status);
+    if (item.children && item.children.length > 0) toggleExpandAll(item.children, status);
+  });
+};
+
+/** 修改按钮操作 */
+const handleUpdate = async (row: CategoryVO) => {
+  await getTreeselect();
+  if (row != null) {
+    form.value.parentId = row.parentId;
+  }
+  const res = await getCategory(row.categoryId);
+  reset();
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '修改流程分类';
+};
+
+/** 提交按钮 */
+const submitForm = () => {
+  categoryFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.categoryId) {
+        await updateCategory(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addCategory(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      getList();
+    }
+  });
+};
+
+/** 删除按钮操作 */
+const handleDelete = async (row: CategoryVO) => {
+  await proxy?.$modal.confirm('是否确认删除"' + row.categoryName + '"的分类？');
+  loading.value = true;
+  await delCategory(row.categoryId).finally(() => (loading.value = false));
+  await getList();
+  proxy?.$modal.msgSuccess('删除成功');
+};
+
+onMounted(() => {
+  // getList();
+});
+</script>
diff --git a/src/views/workflow/category/index.vue b/src/views/workflow/category/index.vue
index cd6984e..fff1897 100644
--- a/src/views/workflow/category/index.vue
+++ b/src/views/workflow/category/index.vue
@@ -18,7 +18,7 @@
       <template #header>
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['workflow:category:add']">新增</el-button>
+            <el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['workflow:video:add']">新增</el-button>
           </el-col>
           <el-col :span="1.5">
             <el-button type="info" plain icon="Sort" @click="handleToggleExpandAll">展开/折叠</el-button>
@@ -41,13 +41,13 @@
         <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
           <template #default="scope">
             <el-tooltip content="修改" placement="top">
-              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['workflow:category:edit']" />
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['workflow:video:edit']" />
             </el-tooltip>
             <el-tooltip content="新增" placement="top">
-              <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['workflow:category:add']" />
+              <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['workflow:video:add']" />
             </el-tooltip>
             <el-tooltip content="删除" placement="top">
-              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['workflow:category:remove']" />
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['workflow:video:remove']" />
             </el-tooltip>
           </template>
         </el-table-column>
diff --git a/vite.config.ts b/vite.config.ts
index 42f58c1..0eb5f0c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -30,8 +30,8 @@ export default defineConfig(({ mode, command }) => {
           rewrite: (path) => path.replace(new RegExp('^' + env.VITE_APP_BASE_API), ''),
           bypass(req, res, options) {
             const proxyURL = options.target + options.rewrite(req.url);
-            console.log('请求的真实api地址===>', proxyURL);
-            res.setHeader('x-req-proxyURL', proxyURL); // 设置真实请求地址
+            // console.log('请求的真实api地址===>', proxyURL);
+            res.setHeader('x-req-proxyURL', proxyURL); // 设置真实请求地址,便于开发联调
           }
         }
       }