移除AI管理和LSJ媒体库模块，新增媒体网站管理与视频分类/标签

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

src/api/activity/msg.js

@@ -45,3 +45,30 @@ export function msgUpdate (data) {
         data
     })
 }
+
+// 获取红包列表明细
+export function getRecordList(data) {
+  return request({
+    url: '/api/web/redpacket/record/list',
+    method: 'post',
+    data
+  })
+}
+
+// 更新红包列表明细
+export function updateConfig(data) {
+  return request({
+    url: '/api/web/redpacket/config/update',
+    method: 'post',
+    data
+  })
+}
+
+// 更新红包列表明细
+export function getConfig(data) {
+  return request({
+    url: '/api/web/redpacket/config/get',
+    method: 'get',
+    params: data || {}
+  })
+}

src/api/aiManagement/aiGirlFriendConfig.js

@@ -1,37 +0,0 @@
-import request from '@/utils/request'
-
-// 查询列表
-export function aiMateScoreConfList(data) {
-  return request({
-    url: '/api/web/aiMateScoreConf/list',
-    method: 'post',
-    params: data
-  })
-}
-
-// 添加积分
-export function aiMateScoreConfAdd(data) {
-  return request({
-    url: '/api/web/aiMateScoreConf/add',
-    method: 'post',
-    data
-  })
-}
-
-// 删除积分种类
-export function aiMateScoreConfDel(data) {
-  return request({
-    url: '/api/web/aiMateScoreConf/del',
-    method: 'post',
-    data
-  })
-}
-
-// 编辑积分
-export function aiMateScoreConfModify(data) {
-  return request({
-    url: '/api/web/aiMateScoreConf/update',
-    method: 'post',
-    data
-  })
-}

src/api/aiManagement/aiImgToVideo.js

@@ -1,37 +0,0 @@
-
-import request from '@/utils/request'
-
-// 查询换脸订单
-export function aiimagetovideoCallback(data) {
-  return request({
-    url: '/api/web/aiimagetovideo/callback',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 查询图生视频列表
-export function aiImgToVideoList(data) {
-  return request({
-    url: '/api/web/aiimagetovideo/list',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 修改图生视频列表
-export function aiImgToVideoUpdate(data) {
-  return request({
-    url: '/api/web/aiimagetovideo/modify',
-    method: 'post',
-    data
-  })
-}
-// 删除图生视频列表
-export function aiImgToVideoDel(data) {
-  return request({
-    url: '/api/web/aiimagetovideo/del',
-    method: 'post',
-    data
-  })
-}

src/api/aiManagement/aiOrder.js

@@ -1,83 +0,0 @@
-/*
- * @Author: 阮小七
- * @Mail: no
- * @Date: 2021-01-04 11:37:07
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2022-06-06 17:42:57
- */
-import request from '@/utils/request'
-
-// 查询换脸订单
-export function aiFacechangeSearch(data) {
-  return request({
-    url: '/api/web/aiorder/facechange/list',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 查询脱衣订单
-export function aiStripSearch(data) {
-  return request({
-    url: '/api/web/aiorder/strip/list',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 修改换脸订单
-export function aiorderFacechangeUpdate(data) {
-  return request({
-    url: '/api/web/aiorder/facechange/update',
-    method: 'post',
-    data
-  })
-}
-// 修改脱衣订单
-export function aiorderStripUpdate(data) {
-  return request({
-    url: '/api/web/aiorder/strip/update',
-    method: 'post',
-    data
-  })
-}
-// 重新提交换脸订单
-export function facechangeResubmit(data) {
-  return request({
-    url: '/api/web/aiorder/facechange/resubmit',
-    method: 'post',
-    data
-  })
-}
-// AI分类
-export function aitemplateCategoryList(data) {
-  return request({
-    url: '/api/web/aitemplate/category/list',
-    method: 'post',
-    data
-  })
-}
-
-export function aitemplateCategoryAdd(data) {
-  return request({
-    url: '/api/web/aitemplate/category/add',
-    method: 'post',
-    data
-  })
-}
-
-export function aitemplateCategoryDel(data) {
-  return request({
-    url: '/api/web/aitemplate/category/del',
-    method: 'post',
-    data
-  })
-}
-
-export function aitemplateCategoryUpdate(data) {
-  return request({
-    url: '/api/web/aitemplate/category/update',
-    method: 'post',
-    data
-  })
-}

src/api/aiManagement/aiTemplate.js

@@ -1,45 +0,0 @@
-/*
- * @Author: 阮小七
- * @Mail: no
- * @Date: 2021-01-04 11:37:07
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2022-06-06 17:42:57
- */
-import request from '@/utils/request'
-
-// 添加
-export function aitemplateAdd(data) {
-  return request({
-    url: '/api/web/aitemplate/add',
-    method: 'post',
-    data
-  })
-}
-
-// 删除
-export function aitemplateDel(data) {
-  return request({
-    url: '/api/web/aitemplate/del',
-    method: 'post',
-    data
-  })
-}
-
-// 查询
-export function aitemplateSearch(data) {
-  return request({
-    url: '/api/web/aitemplate/list',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-
-// 修改
-export function aitemplateUpdate(data) {
-  return request({
-    url: '/api/web/aitemplate/update',
-    method: 'post',
-    data
-  })
-}

src/api/aiManagement/aiTxtToImg.js

@@ -1,64 +0,0 @@
-
-import request from '@/utils/request'
-
-// 查询换脸订单
-export function aitexttoimageCallback(data) {
-  return request({
-    url: '/api/web/aitexttoimage/callback',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 查询图生视频列表
-export function aiTextToImageList(data) {
-  return request({
-    url: '/api/web/aitexttoimage/list',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 查询ai小说列表
-export function aiTextToNovelList(data) {
-  return request({
-    url: '/api/web/aitexttonovel/list',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 删除ai小说列表
-export function deleteNovel(data) {
-  return request({
-    url: '/api/web/aitexttonovel/del',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 退款AI小说
-export function updateNovel(data) {
-  return request({
-    url: '/api/web/aitexttonovel/update',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 修改图生视频列表
-export function aiTextToImageUpdate(data) {
-  return request({
-    url: '/api/web/aitexttoimage/update',
-    method: 'post',
-    data
-  })
-}
-// 删除图生视频列表
-export function aiTextToImageDel(data) {
-  return request({
-    url: '/api/web/aitexttoimage/del',
-    method: 'post',
-    data
-  })
-}

src/api/appManagement/appList.js

@@ -1,45 +1,38 @@
-/*
+
- * @Author: 
- * @Mail: 
- * @Date: 2022-03-14 15:24:36
- * @LastEditTime: 2022-06-06 17:44:49
- * @LastEditors: 
- * @FilePath: /comics-admin/src/api/appManagement/appList.js
- */
 import request from '@/utils/request'
 
-// 添加游戏
+// 请求位置列表
-export function AppInfoAdd (data) {
+export function appInfoList(data) {
     return request({
-        url: '/api/web/apps/add',
+        url: '/media/web/appinfo/info/list',
         method: 'post',
         data
     })
 }
 
-// 删除游戏
+
-export function AppInfoDel (data) {
+// 位置更新更新
+export function appInfoUpdate(data) {
     return request({
-        url: '/api/web/apps/del',
+        url: '/media/web/appinfo/info/update',
         method: 'post',
         data
     })
 }
 
-// 请求游戏列表
+//新增位置
-export function AppInfoSearch (data) {
+export function appInfoAdd(data) {
     return request({
-        url: '/api/web/apps/list',
+        url: '/media/web/appinfo/info/add',
         method: 'post',
-        filterParam: true,
         data
     })
 }
 
-// 修改游戏
+//删除位置
-export function AppInfoUpdate (data) {
+export function appInfoDel(data) {
     return request({
-        url: '/api/web/apps/update',
+        url: '/media/web/appinfo/info/del',
         method: 'post',
         data
     })

src/api/atlas/index.js

@@ -0,0 +1,154 @@
+/*
+ * @Author: 江涛
+ * @Mail: jt213219216@gmail.com
+ * @Date: 2021-03-24 20:23:09
+ * @LastEditTime: 2024-12-07 10:00:57
+ * @LastEditors: Administrator admin@example.com
+ * @FilePath: /aiqi_admin/src/api/atlas/index.js
+ */
+import request from '@/utils/request'
+
+// 新增写真集
+export function photoAdd(data) {
+  return request({
+    url: '/api/web/photo/add',
+    method: 'post',
+    data
+  })
+}
+// 删除写真集
+export function photoDel(data) {
+  return request({
+    url: '/api/web/photo/del',
+    method: 'post',
+    data
+  })
+}
+// 写真集列表
+export function photoList(data) {
+  return request({
+    url: '/api/web/photo/list',
+    method: 'post',
+    data
+  })
+}
+// 更新写真集
+export function photoUpdate(data) {
+  return request({
+    url: '/api/web/photo/update',
+    method: 'post',
+    data
+  })
+}
+
+// 写真集列表
+export function photoBathUpdate(data) {
+  return request({
+    url: '/api/web/photo/bath/update',
+    method: 'post',
+    data
+  })
+}
+// 图集分类列表
+export function classifyList(data) {
+  return request({
+    url: '/api/web/photo/category/list',
+    method: 'post',
+    filterParam: true,
+    data
+  })
+}
+// 图集分类删除
+export function categoryDel(data) {
+  return request({
+    url: '/api/web/photo/category/del',
+    method: 'post',
+    data
+  })
+}
+// 图集分类新增
+export function classifyAdd(data) {
+  return request({
+    url: '/api/web/photo/category/add',
+    method: 'post',
+    data
+  })
+}
+// 图集分类编辑
+export function classifyUpdate(data) {
+  return request({
+    url: '/api/web/photo/category/update',
+    method: 'post',
+    data
+  })
+}
+
+// 图集标签列表
+export function tagList(data) {
+  return request({
+    url: '/api/web/photo/tag/list',
+    method: 'post',
+    filterParam: true,
+    data
+  })
+}
+// 图集标签删除
+export function tagDel(data) {
+  return request({
+    url: '/api/web/photo/tag/del',
+    method: 'post',
+    data
+  })
+}
+// 图集标签编辑
+export function tagUpdate(data) {
+  return request({
+    url: '/api/web/photo/tag/update',
+    method: 'post',
+    data
+  })
+}
+// 图集标签新增
+export function tagAdd(data) {
+  return request({
+    url: '/api/web/photo/tag/add',
+    method: 'post',
+    data
+  })
+}
+
+// 图集专题新增
+export function photoTopicAdd(data) {
+  return request({
+    url: '/api/web/photo/topic/add',
+    method: 'post',
+    data
+  })
+}
+
+// 图集专题新增
+export function photoTopicDel(data) {
+  return request({
+    url: '/api/web/photo/topic/del',
+    method: 'post',
+    data
+  })
+}
+
+// 图集专题新增
+export function photoTopicList(data) {
+  return request({
+    url: '/api/web/photo/topic/list',
+    method: 'post',
+    data
+  })
+}
+
+// 图集专题新增
+export function photoTopicUpdate(data) {
+  return request({
+    url: '/api/web/photo/topic/update',
+    method: 'post',
+    data
+  })
+}

src/api/lsjMediaLibrary/comicsList.js

@@ -1,34 +0,0 @@
-
-import request from '@/utils/request'
-
-// 获取视频列表
-export function lsjComicsList(data) {
-  return request({
-    url: '/api/web/laosiji/comics/search',
-    method: 'post',
-    data
-  })
-}
-
-// 获取视频列表
-export function lsjComicsDel(data) {
-  return request({
-    url: '/api/web/laosiji/comics/search',
-    method: 'post',
-    data
-  })
-}
-export function lsjComicsDetail(data) {
-  return request({
-    url: '/api/web/laosiji/comics/detail',
-    method: 'post',
-    data
-  })
-}
-export function lsjComicsAdd(data) {
-  return request({
-    url: '/api/web/laosiji/comics/add',
-    method: 'post',
-    data
-  })
-}

src/api/lsjMediaLibrary/novelList.js

@@ -1,34 +0,0 @@
-
-import request from '@/utils/request'
-
-// 获取视频列表
-export function lsjNovelList(data) {
-  return request({
-    url: '/api/web/laosiji/novel/search',
-    method: 'post',
-    data
-  })
-}
-
-// 获取视频列表
-export function lsjNovelDel(data) {
-  return request({
-    url: '/api/web/laosiji/novel/search',
-    method: 'post',
-    data
-  })
-}
-export function lsjNovelDetail(data) {
-  return request({
-    url: '/api/web/laosiji/novel/detail',
-    method: 'post',
-    data
-  })
-}
-export function lsjNovelAdd(data) {
-  return request({
-    url: '/api/web/laosiji/novel/add',
-    method: 'post',
-    data
-  })
-}

src/api/lsjMediaLibrary/postList.js

@@ -1,34 +0,0 @@
-
-import request from '@/utils/request'
-
-// 获取视频列表
-export function lsjPostList(data) {
-  return request({
-    url: '/api/web/laosiji/post/search',
-    method: 'post',
-    data
-  })
-}
-
-// 获取视频列表
-export function lsjPostDel(data) {
-  return request({
-    url: '/api/web/laosiji/post/search',
-    method: 'post',
-    data
-  })
-}
-export function lsjPostDetail(data) {
-  return request({
-    url: '/api/web/laosiji/post/detail',
-    method: 'post',
-    data
-  })
-}
-export function lsjPostAdd(data) {
-  return request({
-    url: '/api/web/laosiji/post/add',
-    method: 'post',
-    data
-  })
-}

src/api/lsjMediaLibrary/videoList.js

@@ -1,34 +0,0 @@
-
-import request from '@/utils/request'
-
-// 获取视频列表
-export function lsjVideoList(data) {
-  return request({
-    url: '/api/web/laosiji/movie/search',
-    method: 'post',
-    data
-  })
-}
-
-// 获取视频列表
-export function lsjVideoDel(data) {
-  return request({
-    url: '/api/web/laosiji/movie/search',
-    method: 'post',
-    data
-  })
-}
-export function lsjVideoDetail(data) {
-  return request({
-    url: '/api/web/laosiji/movie/detail',
-    method: 'post',
-    data
-  })
-}
-export function lsjVideoAdd(data) {
-  return request({
-    url: '/api/web/laosiji/movie/add',
-    method: 'post',
-    data
-  })
-}

src/api/mediaLibrary/videoList.js

@@ -1,106 +0,0 @@
-/*
- * @Author: 王涛
- * @Mail: no
- * @Date: 2020-12-26 16:43:00
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2022-06-06 18:00:15
- */
-import request from '@/utils/request'
-
-// 删除视频
-export function mediaDel(data) {
-  return request({
-    url: '/api/web/mediafile/del',
-    method: 'post',
-    data
-  })
-}
-
-// 删除视频V1
-export function mediaDelV1(data) {
-  return request({
-    url: '/api/web/mediafile/delV1',
-    method: 'post',
-    data
-  })
-}
-
-// 视频列表
-export function mediaSearch(data) {
-  return request({
-    url: '/api/web/mediafile/search',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-
-// 视频列表V1
-export function mediaSearchV1(data) {
-  return request({
-    url: '/api/web/mediafile/searchV1',
-    method: 'post',
-    filterParam: true,
-    data
-  })
-}
-// 影片表V3
-export function mediaSearchV2(params) {
-  return request({
-    url: '/api/web/admin/mediaResource/list',
-    method: 'get',
-    params
-  })
-}
-// 修改视频
-export function mediaUpdate(data) {
-  return request({
-    url: '/api/web/mediafile/update',
-    method: 'post',
-    data
-  })
-}
-
-// 修改视频V1
-export function mediaUpdateV1(data) {
-  return request({
-    url: '/api/web/mediafile/updateV1',
-    method: 'post',
-    data
-  })
-}
-
-// 请求视频enkey解密密钥
-export function videoFeviewList(params, urll) {
-  return request({
-    url: '/api/web/media/enkey',
-    method: 'get',
-    params
-  })
-}
-
-export function videoOk(data) {
-  return request({
-    url: '/api/web/media/videoOk',
-    method: 'post',
-    data
-  })
-}
-
-// 更新预览时长
-export function updatePreTime(data) {
-  return request({
-    url: '/api/web/mediafile/update/prefile',
-    method: 'post',
-    data
-  })
-}
-
-// 更新预览时长V1
-export function updatePreTimeV1(data) {
-  return request({
-    url: '/api/web/mediafile/update/prefileV1',
-    method: 'post',
-    data
-  })
-}

src/api/mediaWebManagement/source.js

@@ -0,0 +1,59 @@
+
+import request from '@/utils/request'
+
+// 删除视频
+export function sourceDel (data) {
+    return request({
+        url: '/media/web/source/del',
+        method: 'post',
+        data
+    })
+}
+
+
+// 资源列表
+export function sourceList (data) {
+    return request({
+        url: '/media/web/source/list',
+        method: 'post',
+        filterParam: true,
+        data
+    })
+}
+
+
+// 修改视频
+export function sourceUpdate (data) {
+    return request({
+        url: '/media/web/source/update',
+        method: 'post',
+        data
+    })
+}
+// 新增视频
+export function sourceAdd (data) {
+    return request({
+        url: '/media/web/source/add',
+        method: 'post',
+        data
+    })
+}
+// 视频上传
+export function videoBody (data) {
+    return request({
+        url: '/media/web/proxy/videoBody',
+        method: 'post',
+        data
+    })
+}
+// 视频上传成功
+export function videoOk (data) {
+    return request({
+        url: '/media/web/proxy/videoOk',
+        method: 'post',
+        data
+    })
+}
+
+
+

src/api/mediaWebManagement/taskList.js

@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+// 删除视频
+export function taskDel (data) {
+    return request({
+        url: '/media/web/task/del',
+        method: 'post',
+        data
+    })
+}
+
+
+// 资源列表
+export function taskList (data) {
+    return request({
+        url: '/media/web/task/list',
+        method: 'post',
+        filterParam: true,
+        data
+    })
+}
+
+
+
+// 新增视频
+export function taskAdd (data) {
+    return request({
+        url: '/media/web/task/add',
+        method: 'post',
+        data
+    })
+}
+// 重新生成添加水印 
+export function updateWaterMark (data) {
+    return request({
+        url: '/media/web/task/update/watermark',
+        method: 'post',
+        data
+    })
+}

src/api/user/userList.js

@@ -96,6 +96,15 @@ export function userUnBan(data) {
   })
 }
 
+// 重置用户（设备标识等，管理端）
+export function userResetDevId(data) {
+  return request({
+    url: '/api/web/user/devID/reset',
+    method: 'post',
+    data
+  })
+}
+
 // 用户优惠卷列表
 export function couponList(data) {
   return request({

src/api/videoManagement/shortDrama.js

@@ -0,0 +1,40 @@
+
+import request from '@/utils/request'
+
+// 添加视频
+export function shortDramaAdd (data) {
+    return request({
+        url: '/api/web/shortdrama/add',
+        method: 'post',
+        data
+    })
+}
+
+// 删除视频
+export function shortDramaDel (data) {
+    return request({
+        url: '/api/web/shortdrama/del',
+        method: 'post',
+        data
+    })
+}
+
+// 视频列表
+export function shortDramaSearch (data) {
+    return request({
+        url: '/api/web/shortdrama/list',
+        method: 'post',
+        filterParam: true,
+        data
+    })
+}
+
+// 修改视频
+export function shortDramaUpdate (data) {
+    return request({
+        url: '/api/web/shortdrama/update',
+        method: 'post',
+        data
+    })
+}
+

src/api/videoManagement/shortMedia.js

@@ -0,0 +1,40 @@
+
+import request from '@/utils/request'
+
+// 添加视频
+export function ShortmediaAdd (data) {
+    return request({
+        url: '/api/web/shortmedia/add',
+        method: 'post',
+        data
+    })
+}
+
+// 删除视频
+export function ShortmediaDel (data) {
+    return request({
+        url: '/api/web/shortmedia/del',
+        method: 'post',
+        data
+    })
+}
+
+// 视频列表
+export function ShortmediaSearch (data) {
+    return request({
+        url: '/api/web/shortmedia/list',
+        method: 'post',
+        filterParam: true,
+        data
+    })
+}
+
+// 修改视频
+export function shortmediaUpdate (data) {
+    return request({
+        url: '/api/web/shortmedia/update',
+        method: 'post',
+        data
+    })
+}
+

src/api/videoManagement/videoCategory.js

@@ -0,0 +1,41 @@
+
+import request from '@/utils/request'
+
+
+// 删除视频
+export function videocategoryDel (data) {
+    return request({
+        url: '/api/web/videocategory/del',
+        method: 'post',
+        data
+    })
+}
+
+// 视频列表
+export function videocategorySearch (data) {
+    return request({
+        url: '/api/web/videocategory/list',
+        method: 'post',
+        filterParam: true,
+        data
+    })
+}
+
+// 修改视频
+export function videocategoryUpdate (data) {
+    return request({
+        url: '/api/web/videocategory/update',
+        method: 'post',
+        data
+    })
+}
+
+// 一键同步
+export function videocategoryAdd (data) {
+    return request({
+        url: '/api/web/videocategory/add',
+        method: 'post',
+        data
+    })
+}
+

src/api/videoManagement/videoList.js

@@ -59,6 +59,17 @@ export function mediaSearch(data) {
   })
 }
 
+// 按上架时间导出视频（分页，每页最多 1000）
+export function mediaExportByPublishTime(data) {
+  return request({
+    url: '/api/web/mediacoll/media/export',
+    method: 'post',
+    filterParam: true,
+    data,
+    responseType: 'arraybuffer'
+  })
+}
+
 // 修改视频
 export function mediaUpdate(data) {
   return request({

src/api/videoManagement/videotag.js

@@ -0,0 +1,38 @@
+
+import request from '@/utils/request'
+
+// 视频标签列表
+export function videotagList (data) {
+    return request({
+        url: '/api/web/videotag/list',
+        method: 'post',
+        filterParam: true,
+        data
+    })
+}
+
+// 删除视频标签
+export function videotagDel (data) {
+    return request({
+        url: '/api/web/videotag/del',
+        method: 'post',
+        data
+    })
+}
+
+// 新增视频标签
+export function videotagAdd (data) {
+    return request({
+        url: '/api/web/videotag/add',
+        method: 'post',
+        data
+    })
+}
+// 更新视频标签
+export function videotagUpdate (data) {
+    return request({
+        url: '/api/web/videotag/update',
+        method: 'post',
+        data
+    })
+}

src/components/ConfigForms/index.vue

@@ -0,0 +1,249 @@
+<template>
+  <el-form
+    ref="form"
+    :label-width="labelWidth"
+    label-position="right"
+    size="medium"
+    :model="formData"
+    inline
+    :rules="rules"
+    :inline-message="false">
+    <el-form-item
+      v-for="(item, i) in formItems"
+      :key="i"
+      :style="{ width: item.width }"
+      :label="item.label"
+      :prop="item.key">
+      <div :style="{ width: item.contentWidth || contentWidth }">
+        <el-date-picker
+          v-if="item.type === 'date'"
+          v-model="formData[item.key]"
+          type="date"
+          size="normal"
+          placeholder="请选择日期"></el-date-picker>
+        <el-input-number
+          v-else-if="item.type === 'number'"
+          :style="{ width: item.width || '192px' }"
+          v-model="formData[item.key]"
+          size="small"
+          :min="0"
+          :placeholder="placeholderWidthFormItem(item)"></el-input-number>
+        <el-switch
+          v-else-if="item.type === 'switch'"
+          v-model="formData[item.key]"
+          :disabled="item.disabled"></el-switch>
+        <el-select
+          v-else-if="item.type === 'select'"
+          v-model="formData[item.key]"
+          :disabled="item.disabled"
+          :placeholder="placeholderWidthFormItem(item)"
+          size="small"
+          clearable>
+          <el-option
+            v-for="(option, index) in item.options"
+            :key="index"
+            :label="option.label"
+            :value="option.value">
+          </el-option>
+        </el-select>
+        <!-- <base-upload
+          v-else-if="item.type === 'image'"
+          v-model="formData[item.key]"
+          :hide="true"
+          width="100px"
+          height="100px"
+        ></base-upload>
+        <imgs-upload
+          ref="imgsUpload"
+          v-else-if="item.type === 'images'"
+          v-model="formData[item.key]"
+          :hide="true"
+          width="100px"
+          height="100px"
+        ></imgs-upload>
+        <TagSelector
+          v-else-if="item.type === 'tags'"
+          :style="{ width: item.width || '350px' }"
+          :tag-list="tagList"
+          v-model="formData[item.key]"
+        ></TagSelector> -->
+        <el-input
+          v-else
+          :type="item.type"
+          v-model="formData[item.key]"
+          :placeholder="item.placeholder || placeholderWidthFormItem(item)"
+          clearable
+          size="small"></el-input>
+      </div>
+    </el-form-item>
+    <slot></slot>
+  </el-form>
+</template>
+
+<script>
+import TagSelector from '../tagSelector.vue'
+import baseUpload from '../baseUpload.vue'
+import ImgsUpload from '../imgsUpload.vue'
+import API from '@/api'
+
+export default {
+  name: 'ConfigForms',
+  components: { baseUpload, ImgsUpload, TagSelector },
+  props: {
+    labelWidth: {
+      type: String,
+      default: '80px'
+    },
+    contentWidth: {
+      type: String,
+      default: '200px'
+    },
+    data: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * Array<FormItem>
+     * FormItem:
+     * - label: string
+     * - key: string | number
+     * - required: bool
+     * - type?: 'select' | 'date' | 'text' | 'textarea' | 'number' | 'tags'
+     * - options?: FormOption[]
+     *
+     *
+     * FormOption:
+     * - label: string
+     * - value: string | number
+     */
+    formItems: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+
+  data() {
+    return {
+      formData: {},
+      tagList: []
+    }
+  },
+  computed: {
+    rules() {
+      const rs = {}
+      this.formItems.forEach((item) => {
+        rs[item.key] = [
+          {
+            required: !!item.required,
+            message: this.placeholderWidthFormItem(item)
+          }
+        ]
+      })
+      return rs
+    },
+    containTags() {
+      return this.formItems.findIndex((v) => v.type === 'tags') >= 0
+    }
+  },
+  watch: {
+    formItems: {
+      handler() {
+        this.setFormDataDefault()
+        this.getTagList()
+      },
+      immediate: true
+    },
+    data: {
+      handler(val, oldVal) {
+        let isSame = false
+        if (val && oldVal) {
+          isSame = val.id === oldVal.id
+        }
+        if (this.$refs.imgsUpload && !isSame) {
+          this.$refs.imgsUpload.forEach((el) => el.clearImg())
+        }
+        if (val && Object.keys(val).length) {
+          this.assign(this.formData, val, 'entry')
+        } else {
+          // Object.keys(this.formData).forEach(
+          //   (key) => {
+          //     this.formData[key] = null
+          //   }
+          // );
+        }
+      },
+      immediate: true
+    },
+    formData: {
+      handler(val) {
+        this.$emit('change', val)
+      },
+      deep: true
+    }
+  },
+
+  mounted() {},
+
+  methods: {
+    async validate() {
+      await this.$refs.form.validate()
+      const data = {}
+      this.assign(data, this.formData, 'output')
+      return data
+    },
+    assign(target, source, type) {
+      Object.keys(source).forEach((key) => {
+        const itemVal = source[key]
+        const config = this.formItems.find((v) => v.key === key)
+        if (config) {
+          const func = config[type]
+          target[key] = func ? func(itemVal) : itemVal
+        } else {
+          target[key] = itemVal
+        }
+      })
+    },
+    placeholderWidthFormItem(item) {
+      const prefix = {
+        select: '请选择',
+        date: '请选择',
+        text: '请输入',
+        number: '请输入',
+        tags: '请选择',
+        switch: '请选择',
+        image: '请上传',
+        images: '请上传'
+      }
+      const cur = prefix[item.type] || '请输入'
+      return cur + item.label
+    },
+
+    setFormDataDefault() {
+      this.formItems.forEach((v) => {
+        this.$set(this.formData, v.key, null)
+      })
+      if (this.containTags) {
+        this.$set(this.formData, 'tags', [])
+        // this.formData.tags = []
+      }
+    },
+    getTagList() {
+      if (!this.containTags) return
+      if (this.tagList && this.tagList.length > 0) return
+      const params = {}
+      API.queryTagList(params).then((res) => {
+        if (res.code === 200) {
+          this.tagList = res.data.list || []
+          console.log(this.tagList)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>

src/components/ConfigTable/index.vue

@@ -0,0 +1,357 @@
+<template>
+  <div class="config-table">
+    <!-- search area -->
+    <el-form class="config-table__search" size="mini" inline>
+      <el-form-item
+        v-for="item in searchConfig"
+        :key="item.key"
+        :label="item.label">
+        <el-input
+          v-if="item.type === 'input'"
+          size="small"
+          v-model="params[item.key]"
+          :placeholder="item.placeholder"
+          clearable
+          @blur="inputBlur"
+          @focus="inputFocus"></el-input>
+        <el-input
+          v-else-if="item.type === 'number'"
+          :style="{ width: item.width || '192px' }"
+          v-model.number="params[item.key]"
+          size="small"
+          :min="item.min"
+          :max="item.max"
+          :placeholder="item.placeholder"></el-input>
+        <el-select
+          v-else-if="item.type === 'select'"
+          size="small"
+          v-model="params[item.key]"
+          :placeholder="item.placeholder"
+          clearable>
+          <el-option
+            v-for="op in item.options"
+            :key="op.value"
+            :value="op.value"
+            :label="op.label"></el-option>
+        </el-select>
+        <el-date-picker
+          v-if="item.type.startsWith('date')"
+          v-model="params[item.key]"
+          :type="item.type"
+          size="small"
+          :placeholder="item.placeholder"
+          :start-placeholder="item.startPlaceholder"
+          :end-placeholder="item.endPlaceholder"
+          :clearable="item.clearable === undefined ? true : item.clearable"></el-date-picker>
+        <el-button
+          v-else-if="item.type === 'button' && !item.hidden"
+          :disabled="item.isBatch && !isBatchButtonEnable"
+          type="primary"
+          :icon="`el-icon-${item.icon}`"
+          size="small"
+          @click="buttonAction(item)">{{ item.placeholder }}</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- table area -->
+    <div class="config-table__table">
+      <el-table
+        height="100%"
+        ref="table"
+        :data="tableData"
+        border
+        @selection-change="selectChange">
+        <el-table-column
+          v-if="isSelection"
+          type="selection"
+          width="40"></el-table-column>
+        <el-table-column
+          v-for="column in tableColumns"
+          :key="column.id"
+          :min-width="column.width || 160"
+          align="center"
+          :label="column.name"
+          :prop="column.key"
+          :fixed="column.fixed">
+          <template slot-scope="scope">
+            <div v-if="column.actions" class="table-column-actions">
+              <div v-for="(action, i) in column.actions" :key="i">
+                <el-button
+                  :class="{ isNullText: !action.text }"
+                  v-if="action.hidden ? !action.hidden(scope.row) : true"
+                  :type="action | getTagStyle"
+                  :icon="`el-icon-${action.key || action}`"
+                  size="mini"
+                  @click="rowAction(action, scope.row)">{{ action.text }}</el-button>
+              </div>
+            </div>
+            <div
+              v-else-if="column.overflowTooltip2"
+              class="table-column-actions">
+              <el-tooltip :content="scope.row[column.key]" placement="top">
+                <p class="descStyle">{{ scope.row[column.key] }}</p>
+              </el-tooltip>
+            </div>
+            <div v-else-if="column.component">
+              <component
+                :is="column.component"
+                v-bind="
+                  typeof column.props === 'function'
+                    ? column.props(scope.row[column.key], scope.row)
+                    : column.props
+                ">
+                {{
+                  column.valueHandler
+                    ? column.valueHandler(
+                        scope.row[column.key],
+                        scope.row,
+                        column.key
+                      )
+                    : scope.row[column.key]
+                }}</component>
+            </div>
+            <div v-else>
+              {{
+                column.valueHandler
+                  ? column.valueHandler(
+                      scope.row[column.key],
+                      scope.row,
+                      column.key
+                    )
+                  : scope.row[column.key] || "-"
+              }}
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- pagination area -->
+    <div v-if="this.params.pageSize" class="pagination-footer">
+      <el-pagination
+        :page-sizes="pageSizes"
+        :current-page.sync="params.pageNumber"
+        :page-size.sync="params.pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        background></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import { debounce } from 'lodash'
+
+export default {
+  name: 'ConfigTable',
+  props: {
+    searchConfig: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    tableColumns: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    tableData: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    pageSizes: {
+      type: Array,
+      default() {
+        return [5, 10, 15, 20, 50, 100]
+      }
+    },
+    selection: {
+      type: Boolean,
+      default: false
+    },
+    defaultParams: {
+      type: Object,
+      default() {
+        return {
+          pageNumber: 1,
+          pageSize: 10
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      params: {
+        ...this.defaultParams
+      },
+      selectedData: [],
+      isInputFocus: false
+    }
+  },
+  created() {
+    // Object.keys(this.defaultParams).forEach(key => {
+    //   this.$set(this.params, key, this.defaultParams[key])
+    // })
+  },
+  computed: {
+    isSelection() {
+      return (
+        this.selection || this.searchConfig.findIndex((v) => v.isBatch) > -1
+      )
+    },
+    isBatchButtonEnable() {
+      return this.selectedData.length > 0
+    },
+    // clearSelection	用于多选表格，清空用户的选择	—
+    // toggleRowSelection	用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）	row, selected
+    // toggleAllSelection	用于多选表格，切换所有行的选中状态	-
+    // toggleRowExpansion	用于可展开表格，切换某一行的展开状态，如果使用了第二个参数，则是设置这一行展开与否（expanded 为 true 则展开）	row, expanded
+    // setCurrentRow	用于单选表格，设定某一行为选中行，如果调用时不加参数，则会取消目前高亮行的选中状态。	row
+    // clearSort	用于清空排序条件，数据会恢复成未排序的状态	—
+    // clearFilter	用于清空过滤条件，数据会恢复成未过滤的状态	—
+    // doLayout	对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法	—
+    // sort	手动对 Table 进行排序。参数prop属性指定排序列，order指定排序顺序。	prop: string, order: string
+    // name	说明
+    // append	插入至表格最后一行之后的内容，如果需要对表格的内容进行无限滚动操作，可能需要用到这个 slot。若表格有合计行，该 slot 会位于合计行之上。
+    table() {
+      return this.$refs.table
+    }
+  },
+  watch: {
+    params: {
+      handler() {
+        // / 输入框改变做防抖处理
+        // this.isInputFocus ? this.debounceSearch() : this.search()
+        this.debounceSearch()
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  methods: {
+    search() {
+      const params = {}
+      Object.keys(this.params).forEach((key) => {
+        params[key] = this.params[key]
+        if (Array.isArray(this.params[key])) {
+          const config = this.searchConfig.find((v) => v.key === key)
+          if (config && Array.isArray(config.keys)) {
+            config.keys.forEach((k, i) => (params[k] = this.params[key][i]))
+          }
+        }
+      })
+
+      this.$emit('change', params)
+    },
+    debounceSearch: debounce(function() {
+      this.search()
+    }, 500),
+    inputFocus() {
+      this.isInputFocus = true
+    },
+    inputBlur() {
+      this.isInputFocus = false
+    },
+    buttonAction(item) {
+      if (this.buttonLocakTimeout) {
+        clearTimeout(this.buttonLocakTimeout)
+      }
+      this.buttonLocakTimeout = setTimeout(() => {
+        this.buttonLock = false
+      }, 500)
+      if (this.buttonLock) return
+      this.buttonLock = true
+
+      if (item.isBatch) {
+        this.rowAction(item.key, this.selectedData)
+      } else {
+        this.rowAction(item.key)
+      }
+    },
+    rowAction(action, row) {
+      if (typeof this[action] === 'function') {
+        // eslint-disable-next-line no-useless-call
+        return this[action].call(this, row)
+      }
+      this.$emit(action.action || action, row)
+    },
+    selectChange(e) {
+      this.selectedData = e
+    }
+  },
+  filters: {
+    getTagStyle(idx) {
+      idx = idx.key || idx
+      if (idx === 'edit') return 'success'
+      if (idx === 'delete') return 'danger'
+      return ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.config-table {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 140px);
+
+  .el-form-item {
+    margin-bottom: 10px;
+  }
+
+  &__table {
+    flex: 1;
+    overflow: auto;
+
+    /deep/ .el-button--mini {
+      padding: 7px 11px !important;
+      font-weight: normal !important;
+      &.isNullText {
+        span {
+          margin-left: 0px;
+        }
+      }
+    }
+
+    .table-column-actions {
+      display: flex;
+      justify-content: space-around;
+    }
+  }
+
+  .pagination-footer {
+    z-index: 100;
+    position: sticky;
+    bottom: 0;
+    width: 100%;
+    overflow: hidden;
+
+    height: 60px;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0 0 5px 5px;
+    background: #ebe5e1;
+
+    /deep/ .el-pagination {
+      padding-bottom: 30px;
+    }
+  }
+}
+.descStyle {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 2; /* 限制最多显示 2 行 */
+  -webkit-box-orient: vertical;
+}
+</style>

src/components/HeaderSearch/index.vue

@@ -159,7 +159,7 @@ export default {
     display: inline-block;
     vertical-align: middle;
 
-    /deep/ .el-input__inner {
+    ::v-deep .el-input__inner {
       border-radius: 0;
       border: 0;
       padding-left: 0;

src/filters/aiManagement/aiFaceOrder.js

@@ -1,89 +0,0 @@
-export function aiOrderFaceChangeType(val) {
-    switch (val) {
-        case 1:
-            return '人工'
-        case 2:
-            return '自动'
-    }
-}
-export function aiOrderFaceChangeList() {
-    return [
-        {
-            value: 1,
-            label: '人工'
-        },
-        {
-            value: 2,
-            label: '自动'
-        },
-
-
-    ]
-}
-// 支付方式
-export function aiPayTypeChange(val) {
-    switch (val) {
-        case 0:
-            return '金币'
-        case 1:
-            return '免费次数/卷'
-    }
-}
-// 进度状态
-export function aiFaceOrderType(val) {
-    switch (val) {
-        case 1:
-            return '待审核'
-        case 2:
-            return '排队中'
-        case 3:
-            return '生成中'
-        case 4:
-            return '文件服处理中'
-        case 5:
-            return '已完成'
-        case 6:
-            return '失败退款'
-        case 7:
-            return '拒绝'
-            case 8:
-                return '已删除'
-    }
-}
-export function aiFaceOrderList() {
-    return [
-        {
-            value: 1,
-            label: '待审核'
-        },
-        {
-            value: 2,
-            label: '排队中'
-        },
-        {
-            value: 3,
-            label: '生成中'
-        },
-        {
-            value: 4,
-            label: '文件服处理中'
-        },
-        {
-            value: 5,
-            label: '已完成'
-        },
-        {
-            value: 6,
-            label: '失败退款'
-        },
-        {
-            value: 7,
-            label: '拒绝'
-        },
-        {
-            value: 8,
-            label: '已删除'
-        },
-
-    ]
-}

src/filters/aiManagement/aiTemplate.js

@@ -1,122 +0,0 @@
-export function changeAtType(val)  {
-  switch (val) {
-    case 1:
-      return '图片换脸'
-    case 2:
-      return '视频换脸'
-    case 3:
-      return 'AI脱衣'
-    case 4:
-      return 'AI女友'
-    case 5:
-      return '文生图'
-    case 6:
-      return '图生视频'
-  }
-}
-export function changeAiContentType(val) {
-    switch (val) {
-        case 1:
-            return '图片'
-        case 2:
-            return '视频'
-    }
-}
-export function AtTypeList(val) {
-  return [
-    {
-      value: 1,
-      label: '图片换脸'
-    },
-    {
-      value: 2,
-      label: '视频换脸'
-    },
-    {
-      value: 3,
-      label: 'AI脱衣'
-    },
-    {
-      value: 4,
-      label: 'AI女友'
-    },
-    {
-      value: 5,
-      label: '文生图'
-    },
-    {
-      value: 6,
-      label: '图生视频'
-    }
-  ]
-}
-export function changeStyleType(val) {
-  switch (val) {
-    case 1:
-      return '2.5D'
-    case 2:
-      return '二次元'
-    case 3:
-      return '二次元1'
-    case 4:
-      return '写实'
-    case 5:
-      return '性感卡通'
-    case 6:
-      return '美式像素'
-  }
-}
-export function styleTypeList() {
-  return [
-    {
-      value: 1,
-      label: '2.5D'
-    },
-    {
-      value: 2,
-      label: '二次元'
-    },
-    {
-      value: 3,
-      label: '二次元1'
-    },
-    {
-      value: 4,
-      label: '写实'
-    },
-    {
-      value: 5,
-      label: '性感卡通'
-    },
-    {
-      value: 6,
-      label: '美式像素'
-    }
-  ]
-}
-// ai内容类型
-export function AiContentTypeList(val) {
-    return [
-        {
-            value: 1,
-            label: '图片'
-        },
-        {
-            value: 2,
-            label: '视频'
-        }
-    ]
-}
-// 激活状态
-export function AiEnableList() {
-    return [
-        {
-            value: true,
-            label: '激活'
-        },
-        {
-            value: false,
-            label: '关闭'
-        }
-    ]
-}

src/filters/comicsManagement/comicsTopic.js

@@ -34,6 +34,10 @@ export function comicsTopicshowTypeList () {
         }, {
             label: '竖列表',
             value: 7
+        },
+        {
+            label: '横滑3宫格',
+            value: 13
         }
     ]
 }

src/filters/index.js

@@ -82,8 +82,6 @@ export {
   changeAppTagType
 } from './appManagement/appList'
 export { changeCircleMemberType, changeCircleContentTypeList } from './circleManagement/circleCategory'
-export { changeAtType, changeAiContentType , changeStyleType } from './aiManagement/aiTemplate'
-export { aiOrderFaceChangeType, aiFaceOrderType, aiPayTypeChange } from './aiManagement/aiFaceOrder'
 import moment from 'moment'
 
 export function imgMainPath(path) {

src/filters/mediaLibrary/videoList.js

@@ -56,6 +56,46 @@ export function StatusList(val, list) {
   ]
 }
 
+export function TaskStatusList(val, list) {
+  return [{
+    label: '上传中',
+    value: 'Init'
+  },
+  {
+    label: '下载完成',
+    value: 'DownloadCompleted'
+  },
+  {
+    label: '水印完成',
+    value: 'WatermarkCompleted'
+  },
+  {
+    label: '切片完成',
+    value: 'ConvertCompleted'
+  },
+  {
+    label: '完成-成功',
+    value: 'Completed'
+  },
+  {
+    label: '完成-失败',
+    value: 'CompletedFail'
+  },
+  {
+    label: '同步',
+    value: 'CompletedSync'
+  },
+  {
+    label: '资源同步',
+    value: 'SyncMp4'
+  },
+  {
+    label: '暂停同步',
+    value: 'SyncMp4_2'
+  }
+  ]
+}
+
 export function coverTypeList() {
   return [
     {
@@ -235,6 +275,8 @@ export function changeLocation(val) {
       return '漫画'
     case 6:
       return '小说'
+    case 14:
+      return '瑟图'
   }
 
 }
@@ -263,7 +305,12 @@ export function locationList() {
     {
       label: '小说',
       value: 6
-    }
+    },
+    {
+      label: '涩图',
+      value: 14
+    },
+    
   ]
 }
 export function videoLocationList() {

src/layout/components/TagsView/ScrollPane.vue

@@ -80,13 +80,11 @@ export default {
   position: relative;
   overflow: hidden;
   width: 100%;
-  /deep/ {
+  ::v-deep .el-scrollbar__bar {
-    .el-scrollbar__bar {
+    bottom: 0px;
-      bottom: 0px;
+  }
-    }
+  ::v-deep .el-scrollbar__wrap {
-    .el-scrollbar__wrap {
+    height: 48px;
-      height: 48px;
-    }
   }
 }
 </style>

src/store/getters.js

@@ -44,6 +44,7 @@ const getters = {
   roleId: state => state.user.roleId,
   name: state => state.user.name,
   getCreator: state => state.user.account,
+  getAccId: state => state.user.accid,
   roles: state => state.user.roles,
   permission_routes: state => state.permission.routes,
   permission_serviceRoutes: state => state.permission.addRoutes,

src/utils/roleTreeList.js

@@ -137,68 +137,26 @@ export const serverRouter = [
     ]
   },
   {
-    path: '/mediaLibrary',
+    path: '/mediaWebManagement',
-    component: 'MediaLibrary',
+    component: 'MediaWebManagement',
-    redirect: '/mediaLibrary/mediaTag',
+    redirect: '/mediaWebManagement/sourceList',
-    name: 'MediaLibrary',
+    name: 'MediaWebManagement',
     meta: {
-      title: '媒资库管理',
+      title: '资源管理',
       icon: 'el-icon-film'
     },
     children: [
       {
-        path: 'mediaLibraryVideoList',
+        path: 'sourceList',
-        name: 'MediaLibraryVideoList',
+        name: 'SourceList',
         api_url: [],
-        meta: { title: '影片列表', noCache: true, icon: 'el-icon-film' }
+        meta: { title: '资源列表', noCache: true, icon: 'el-icon-view' }
       },
       {
-        path: 'mediaLibraryVideoListV1',
+        path: 'taskList',
-        name: 'MediaLibraryVideoListV1',
+        name: 'TaskList',
         api_url: [],
-        meta: { title: '影片列表V1', noCache: true, icon: 'el-icon-film' }
+        meta: { title: '切片列表', noCache: true, icon: 'el-icon-setting' }
-      },
-      {
-        path: 'mediaLibraryVideoListV2',
-        name: 'MediaLibraryVideoListV2',
-        api_url: [],
-        meta: { title: '影片列表V2', noCache: true, icon: 'el-icon-film' }
-      }
-    ]
-  },
-  {
-    path: '/lsjMediaLibrary',
-    component: 'LsjMediaLibrary',
-    redirect: '/lsjMediaLibrary/mediaTag',
-    name: 'LsjMediaLibrary',
-    meta: {
-      title: '老司机媒资库管理',
-      icon: 'el-icon-film'
-    },
-    children: [
-      {
-        path: 'lsjMediaLibraryVideoList',
-        name: 'LsjMediaLibraryVideoList',
-        api_url: [],
-        meta: { title: '影片列表', noCache: true, icon: 'el-icon-film' }
-      },
-      {
-        path: 'lsjMediaLibraryPostList',
-        name: 'LsjMediaLibraryPostList',
-        api_url: [],
-        meta: { title: '帖子列表', noCache: true, icon: 'el-icon-film' }
-      },
-      {
-        path: 'lsjMediaLibraryComicsList',
-        name: 'LsjMediaLibraryComicsList',
-        api_url: [],
-        meta: { title: '漫画列表', noCache: true, icon: 'el-icon-film' }
-      },
-      {
-        path: 'lsjMediaLibraryNovelList',
-        name: 'LsjMediaLibraryNovelList',
-        api_url: [],
-        meta: { title: '小说列表', noCache: true, icon: 'el-icon-film' }
       }
     ]
   },
@@ -272,7 +230,12 @@ export const serverRouter = [
           icon: 'el-icon-video-camera'
         }
       },
-
+      {
+        path: 'shortDrama',
+        name: 'ShortDrama',
+        api_url: [],
+        meta: { title: '短剧剧集', noCache: true, icon: 'el-icon-video-camera' }
+      },
       // {
       //   path: 'recommend',
       //   name: 'Recommend',
@@ -488,6 +451,40 @@ export const serverRouter = [
       // }
     ]
   },
+  {
+    path: '/atlas',
+    component: 'Atlas',
+    redirect: '/atlas/atlasList',
+    name: 'Atlas',
+    meta: { title: '图集管理', icon: 'el-icon-s-operation' },
+    children: [
+      {
+        path: 'atlasList',
+        name: 'AtlasList',
+        api_url: [],
+        meta: { title: '图集列表', noCache: true, icon: 'el-icon-s-operation' }
+      },
+      {
+        path: 'atlasClassify',
+        name: 'AtlasClassify',
+        api_url: [],
+        meta: { title: '图集分类', noCache: true, icon: 'el-icon-s-operation' }
+      },
+      {
+        path: 'atlasTopic',
+        name: 'AtlasTopic',
+        api_url: [],
+        meta: { title: '图集主题', noCache: true, icon: 'el-icon-s-operation' }
+      },
+      {
+        path: 'atlasLabel',
+        name: 'AtlasLabel',
+        api_url: [],
+        meta: { title: '图集标签', noCache: true, icon: 'el-icon-s-operation' }
+      }
+
+    ]
+  },
   {
     path: '/rankManagement',
     component: 'RankManagement',
@@ -831,6 +828,18 @@ export const serverRouter = [
           icon: 'el-icon-chat-dot-square'
         }
       },
+      {
+        path: 'hongbao',
+        name: 'Hongbao',
+        api_url: [],
+        meta: { title: '红包配置管理', noCache: true, icon: 'el-icon-chat-dot-square' }
+      },
+      {
+        path: 'hongbaoList',
+        name: 'HongbaoList',
+        api_url: [],
+        meta: { title: '红包领取记录', noCache: true, icon: 'el-icon-chat-dot-square' }
+      },
       {
         path: 'advertise',
         name: 'Advertise',
@@ -1076,72 +1085,6 @@ export const serverRouter = [
       }
     ]
   },
-  {
-    path: '/aiManagement',
-    component: 'AiManagement',
-    redirect: '/aiManagement/aiTemplate',
-    name: 'AiManagement',
-    meta: {
-      title: 'Ai管理',
-      icon: 'el-icon-document-copy'
-    },
-    children: [
-      {
-        path: 'aiGirlFriendConfig',
-        name: 'AiGirlFriendConfig',
-        api_url: [],
-        meta: { title: 'Ai女友购买积分配置', noCache: true, icon: 'el-icon-shopping-bag-1' }
-      },
-      {
-        path: 'aiTemplate',
-        name: 'AiTemplate',
-        api_url: [],
-        meta: { title: 'AI模版', noCache: true, icon: 'el-icon-chat-dot-square' }
-      },
-      {
-        path: 'aiCategory',
-        name: 'AiCategory',
-        api_url: [],
-        meta: { title: 'AI模版分类', noCache: true, icon: 'el-icon-chat-dot-square' }
-      },
-      {
-        path: 'aiFaceOrderPhoto',
-        name: 'AiFaceOrderPhoto',
-        api_url: [],
-        meta: { title: 'AI换脸订单（图片）', noCache: true, icon: 'el-icon-chat-dot-square' }
-      },
-      {
-        path: 'aiFaceOrderVideo',
-        name: 'AiFaceOrderVideo',
-        api_url: [],
-        meta: { title: 'AI换脸订单（视频）', noCache: true, icon: 'el-icon-chat-dot-square' }
-      },
-      {
-        path: 'aiStripOrder',
-        name: 'AiStripOrder',
-        api_url: [],
-        meta: { title: 'AI脱衣订单', noCache: true, icon: 'el-icon-chat-dot-square' }
-      },
-      {
-        path: 'aiImgToVideo',
-        name: 'AiImgToVideo',
-        api_url: [],
-        meta: { title: 'AI图生视频', noCache: true, icon: 'el-icon-chat-dot-square' }
-      },
-      {
-        path: 'aiTxtToImg',
-        name: 'AiTxtToImg',
-        api_url: [],
-        meta: { title: 'AI文生图', noCache: true, icon: 'el-icon-chat-dot-square' }
-      },
-      {
-        path: 'aiNovelList',
-        name: 'AiNovelList',
-        api_url: [],
-        meta: { title: 'AI小说', noCache: true, icon: 'el-icon-chat-dot-square' }
-      }
-    ]
-  },
   {
     path: '/searchManagement',
     component: 'searcManagement',

src/utils/serviceRoute.js

@@ -34,17 +34,11 @@ const map = {
   ResourceManagementNovelList: () => import('@/views/resourceManagement/novels/index.vue'), // 小说管理
   ResourceManagementNovelTagsList: () => import('@/views/resourceManagement/novelTagType/index.vue'), // 小说标签管理
 
-  // 媒资库管理
+  // 资源管理
-  MediaLibrary: Layout,
+  MediaWebManagement: Layout,
-  MediaLibraryVideoList: () => import('@/views/mediaLibrary/videoList/index.vue'), // 影片列表
+  SourceList: () => import('@/views/mediaWebManagement/sourceList/index.vue'), // 资源列表
-  MediaLibraryVideoListV1: () => import('@/views/mediaLibrary/videoListV1/index.vue'), // 影片列表V1
+  TaskList: () => import('@/views/mediaWebManagement/taskList/index.vue'), // 切片列表
-  MediaLibraryVideoListV2: () => import('@/views/mediaLibrary/videoListV2/index.vue'), // 影片列表V2
+
-  // 老司机媒资库管理
-  LsjMediaLibrary: Layout,
-  LsjMediaLibraryVideoList: () => import('@/views/lsjMediaLibrary/videoList/index.vue'), // 影片列表
-  LsjMediaLibraryPostList: () => import('@/views/lsjMediaLibrary/postList/index.vue'), // 帖子列表
-  LsjMediaLibraryComicsList: () => import('@/views/lsjMediaLibrary/comicsList/index.vue'), // 漫画列表
-  LsjMediaLibraryNovelList: () => import('@/views/lsjMediaLibrary/novelList/index.vue'), // 小说列表
   // 视频管理
   VideoManagement: Layout,
   VideoList: () => import('@/views/videoManagement/videoList/index.vue'), // 视频列表
@@ -59,6 +53,7 @@ const map = {
   CommentManage: () => import('@/views/videoManagement/commentManage/index.vue'), // 评论管理
   CommentLib: () => import('@/views/videoManagement/commentLib/index.vue'), // 评论库
   FilterWordList: () => import('@/views/videoManagement/filterWordList/index.vue'), // 非法词列表
+  ShortDrama: () => import('@/views/videoManagement/shortDrama/index.vue'), // 短剧剧集列表
 
   // 小说管理
   NovelsManagement: Layout,
@@ -136,6 +131,8 @@ const map = {
   // 活动管理
   Activity: Layout,
   Announcement: () => import('@/views/activity/announcement/index.vue'), // 公告列表
+  Hongbao: () => import('@/views/activity/hongbao/index.vue'), // 红包管理
+  HongbaoList: () => import('@/views/activity/hongbao/list.vue'), // 红包领取记录
   Advertise: () => import('@/views/activity/advertise/index.vue'), // 活动广告
   CardActivity: () => import('@/views/activity/cardActivity/index.vue'), // 集卡活动
   CardcolletList: () => import('@/views/activity/cardcolletList/index.vue'), // 抽卡结果列表
@@ -171,7 +168,12 @@ const map = {
   System: Layout,
   OperationLog: () => import('@/views/system/operationLog/index.vue'), // 操作日志
   SystemConfig: () => import('@/views/system/systemConfig/index.vue'), // 系统配置
-
+  // 图集管理
+  Atlas: Layout,
+  AtlasList: () => import('@/views/atlas/atlasList/index.vue'), // 图集列表
+  AtlasTopic: () => import('@/views/atlas/atlasTopic/index.vue'), // 图集主题
+  AtlasClassify: () => import('@/views/atlas/atlasClassify/index.vue'), // 图集分类
+  AtlasLabel: () => import('@/views/atlas/atlasLabel/index.vue'), // 图集标签
   // up主管理
   UpManagement: Layout,
   // UpStatistic: () => import('@/views/upManagement/upStatistic/index.vue'), // 操作日志
@@ -184,17 +186,6 @@ const map = {
   // 应用管理
   AppManagement: Layout,
   AppList: () => import('@/views/appManagement/appList/index.vue'), // 应用列表
-  // AI管理
-  AiManagement: Layout,
-  AiGirlFriendConfig: () => import('@/views/aiManagement/aiGirlFriendConfig/index.vue'), // ai女友
-  AiTemplate: () => import('@/views/aiManagement/aiTemplate/index.vue'), // ai模版
-  AiCategory: () => import('@/views/aiManagement/aiCategory/index.vue'), // ai模版分类
-  AiFaceOrderPhoto: () => import('@/views/aiManagement/aiFaceOrder/photo.vue'), // ai换脸ss
-  AiFaceOrderVideo: () => import('@/views/aiManagement/aiFaceOrder/video.vue'), // ai换脸ss
-  AiStripOrder: () => import('@/views/aiManagement/aiStripOrder/index.vue'), // ai脱衣订单
-  AiImgToVideo: () => import('@/views/aiManagement/aiImgToVideo/index.vue'), // ai图生视频
-  AiTxtToImg: () => import('@/views/aiManagement/aiTxtToImg/index.vue'), // ai文生图
-  AiNovelList: () => import('@/views/aiManagement/aiNovelList/index.vue'), // ai文生图
   // 其他管理
   OtherConfig: Layout,
   Jumptab: () => import('@/views/otherConfig/jumptab/index.vue'), // 首页跳转按钮

src/views/activity/hongbao/components/AddOrEdit.vue

@@ -0,0 +1,134 @@
+<template>
+  <el-dialog :title="title" :visible.sync="Visible" width="700px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
+    <el-form :inline="true" :rules="rules" :model="form" ref="ruleForm" class="demo-form-inline" label-width="150px" label-position="right">
+      <el-row :gutter="24">
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="用户Id" prop="userId">
+            <el-input placeholder="请输入用户Id" v-model="form.userId" style="width: 400px" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="图片">
+            <UploadImg @changeImgUrl="changeCoverImgUrl" @onRemove="onRemoveImage('img', $event)" :img="form.img"></UploadImg>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="系统消息标题">
+            <el-input placeholder="请输入系统消息标题" v-model="form.title" style="width: 400px" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="跳转链接" prop="content">
+            <el-input placeholder="请输入跳转链接" v-model="form.link" style="width: 400px" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="内容" prop="content">
+            <el-input placeholder="请输入内容" v-model="form.content" type="textarea" style="width: 400px" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import moment from 'moment'
+import UploadImg from '@/components/UploadImg/index'
+import { msgAdd, msgUpdate } from '@/api/activity/msg'
+
+export default {
+  name: 'AddOrEdit',
+  props: ['data'],
+  components: {
+    UploadImg
+  },
+  data() {
+    return {
+      Visible: true,
+      title: '',
+      // 表单数据
+      form: {
+        img: undefined,
+        userId: undefined,
+        content: undefined, // "string",内容
+        title: undefined // "string",标题
+      },
+      rules: {
+        content: [{ required: true, message: '必填', trigger: 'blur' }],
+        userId: [{ required: true, message: '必填', trigger: 'blur' }]
+      }
+    }
+  },
+
+  mounted() {
+    this.title = this.data.title
+    if (this.title === '编辑') {
+      this.form = { ...this.data.data }
+      this.form.start = moment(this.data.data.start).utcOffset(480).format('YYYY-MM-DDTHH:mm:ss') + '+08:00'
+      this.form.end = moment(this.data.data.end).utcOffset(480).format('YYYY-MM-DDTHH:mm:ss') + '+08:00'
+    }
+  },
+  methods: {
+    // TODO：新增消息列表数据
+    add(data) {
+      msgAdd(data).then(res => {
+        if (res.code === 200) {
+          this.$message.success('新增成功')
+          this.Visible = false
+        } else {
+          this.$message.error('新增失败')
+        }
+      })
+    },
+    // TODO:编辑消息列表数据
+    update(data) {
+      msgUpdate(data).then(res => {
+        if (res.code === 200) {
+          this.$message.success('更新成功')
+          this.Visible = false
+        } else {
+          this.$message.error('更新失败')
+        }
+      })
+    },
+    changeCoverImgUrl(data) {
+      this.form.img = data
+    },
+    // 移除图片地址到form表单
+    onRemoveImage(key, type) {
+      if (type) {
+        this.form[key].type = ''
+      } else {
+        this.form[key] = ''
+      }
+    },
+    // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          this.form.userId = +this.form.userId
+          const data = { ...this.form }
+          if (this.title === '新增') {
+            this.add(data)
+          } else if (this.title === '编辑') {
+            this.update(data)
+          }
+        } else {
+          return false
+        }
+      })
+    },
+
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
+

src/views/activity/hongbao/index.vue

@@ -0,0 +1,127 @@
+<template>
+  <div class="hongbao-bg">
+    <el-form :inline="true" :model="form" ref="ruleForm" label-width="150px" label-position="right">
+      <el-row :gutter="24">
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="展示开启" prop="enabled">
+            <el-switch v-model="form.enabled" active-color="#13ce66" inactive-color="#ff4949" active-text="开启"
+              inactive-text="关闭"></el-switch>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="发放积分总数" prop="content">
+            <el-input placeholder="请输入总数" v-model.number="form.dailyLimit" style="width: 400px">
+              <template #append>
+                <span>积分</span>
+              </template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item :label="`第${i + 1}次领取`" size="mini" v-for="(ru, i) in form.rule" :key="i">
+            <el-form-item label="间隔：" size="mini" label-width="50">
+              <el-input placeholder="单位（s）" v-model.number="ru.interval" style="width: 120px">
+                <template #append>
+                  <span>秒</span>
+                </template>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="最小：" size="mini" label-width="50">
+              <el-input placeholder="该次领取最小值" v-model.number="ru.min" style="width: 150px">
+                <template #append>
+                  <span>积分</span>
+                </template>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="最大：" size="mini" label-width="50">
+              <el-input placeholder="该次领取最大值" v-model.number="ru.max" style="width: 150px">
+                <template #append>
+                  <span>积分</span>
+                </template>
+              </el-input>
+            </el-form-item>
+            <el-button icon="el-icon-delete" type="danger" size="mini" @click="delRule(i)"></el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div style="margin-left: 100px;">
+      <el-button type="text" icon="el-icon-circle-plus-outline" @click="addRule">新增规则</el-button>
+      <el-button type="primary" @click="submit"> 确 定 </el-button>
+    </div>
+  </div>
+</template>
+<script>
+import { updateConfig, getConfig } from '@/api/activity/msg'
+export default {
+  name: 'Hongbao',
+  data() {
+    return {
+      form: {
+        enabled: true,
+        interval: 600,
+        dailyLimit: 200,
+        rule: []
+      }
+    }
+  },
+  computed: {
+    isLastRuleAvailable() {
+      if (!this.form.rule || !this.form.rule.length) return true
+      const lastRule = this.form.rule[this.form.rule.length - 1]
+      return lastRule.interval && lastRule.min && lastRule.max
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    async init() {
+      const res = await getConfig()
+      this.form = res.data
+      this.form.dailyLimit = res.data.dailyLimit || 0
+      if (this.form.rule) {
+        this.form.rule = this.form.rule.map(v => ({ ...v, min: v.min, max: v.max }))
+      }
+    },
+    async submit() {
+      if (!this.isLastRuleAvailable) {
+        this.$message.error('请完善最后一项规则或者删除')
+        return
+      }
+      const form = {
+        ...this.form,
+        dailyLimit: this.form.dailyLimit
+      }
+      if (this.form.rule) {
+        form.rule = this.form.rule.map(v => ({ ...v, min: v.min , max: v.max }))
+      }
+      await updateConfig(form)
+      this.$message.success('修改成功')
+    },
+    addRule() {
+      if (!this.isLastRuleAvailable) {
+        this.$message.error('请先完善上一项规则')
+        return
+      }
+      const rule = {
+        min: null,
+        max: null,
+        interval: null
+      }
+      this.form.rule = this.form.rule || []
+      this.form.rule.push(rule)
+    },
+    delRule(i) {
+      this.form.rule.splice(i, 1)
+    }
+  }
+}
+</script>
+<style>
+.hongbao-bg {
+  height: 80vh;
+  background-color: #fff;
+  padding: 50px 100px;
+}
+</style>

src/views/activity/hongbao/list.vue

@@ -0,0 +1,123 @@
+<template>
+  <div class="hongbao-list">
+    <ConfigTable
+ref="ct"
+:searchConfig="searchConfig"
+:tableColumns="tableColumns"
+:tableData="list"
+:total="total"
+      @change="loadData"
+@delete="delRow"
+@edit="editRow"></ConfigTable>
+  </div>
+</template>
+
+<script>
+import ConfigTable from '@/components/ConfigTable'
+import { getRecordList } from '@/api/activity/msg'
+import { BeiJingTime } from '@/filters'
+
+const prizeTypeOptions = [
+  { label: '金币', value: 1 },
+  { label: '积分', value: 2 }
+]
+
+const searchConfig = [
+  { type: 'number', placeholder: '输入用户ID查询', key: 'userId' },
+  {
+    type: 'select',
+    placeholder: '奖励类型',
+    key: 'prizeType',
+    options: prizeTypeOptions
+  },
+  // { type: "date", placeholder: "请选择日期", key: "day", format: 'YYYY-MM-DD' },
+  { type: 'daterange', startPlaceholder: '开始日期', endPlaceholder: '结束日期', key: 'startTimeAndEndTime', keys: ['startTime', 'endTime'], format: 'YYYY-MM-DD' },
+  { type: 'button', icon: 'search', placeholder: '搜索', key: 'search' }
+]
+
+const tableColumns = (_this) => [
+  { name: 'id', key: 'id', fixed: 'fixed' },
+  { name: '用户id', key: 'userId', fixed: 'fixed' },
+  { name: '用户昵称', key: 'nickname' },
+  { name: '日期', key: 'day' },
+  { name: '奖励类型', key: 'prizeType', valueHandler: (val) => (prizeTypeOptions.find(v => v.value == val) || {}).label },
+  { name: '奖励数量(金币)', key: 'amount', valueHandler: (val) => val },
+  { name: '领取时间', key: 'createdAt', valueHandler: (val) => BeiJingTime(val) }
+]
+
+export default {
+  name: 'HongbaoList',
+  components: { ConfigTable },
+  data() {
+    return {
+      searchConfig,
+      total: 0,
+      list: [],
+      appOpts: []
+    }
+  },
+  computed: {
+    tableColumns() {
+      return tableColumns(this)
+    }
+  },
+  watch: {},
+  mounted() { },
+  methods: {
+    async loadData(params) {
+      try {
+        const newParams = {}
+        Object.keys(params).forEach((key) => {
+          if (params[key] !== '') newParams[key] = params[key]
+        })
+        const r = await getRecordList(newParams)
+        const data = r.data
+        this.total = data.total
+        this.list = data.list
+      } catch (error) {
+        console.error('查询失败：', error)
+      }
+    },
+    async delRow(row) {
+      try {
+        await this.$confirm('您确定要删除该条数据吗？', '操作提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+        const r = await transApi.delAiTextImage({ id: row.id })
+        if (r.code === 200) {
+          this.$message.success('已删除')
+          this.$refs.ct.search()
+        } else {
+          this.$message.error(r.tip)
+        }
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    async editRow(row) {
+      this.$refs.editDialog.open(row)
+    },
+    async callEdit(r) {
+      try {
+        console.log(r)
+        const res = await transApi.updateAiTextImage(r.data)
+        if (res.code !== 200) {
+          this.$message.error(res.data)
+        } else {
+          this.$message.success(r.isEdit ? '退款成功' : '')
+          this.$refs.editDialog.close()
+          setTimeout(() => {
+            this.$refs.ct.search()
+          }, 200)
+        }
+      } catch (error) {
+        console.error('call edit error:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>

src/views/aiManagement/aiCategory/components/AddOrEdit.vue

@@ -1,142 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="780px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
-    <el-form :inline="true" :model="form" :rules="rules" ref="form" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="模版标题" prop="fakeSells">
-            <el-input v-model="form.name" placeholder="模版标题" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="排序">
-            <el-input placeholder="请输入排序" v-model.number="form.rank"> </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="是否开启">
-            <el-switch v-model="form.status" inactive-color="#ff4949" active-color="#13ce66" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="分类所属">
-            <el-select placeholder="请选择分类所属" clearable v-model="form.caType" @clear="onClear('caType')">
-              <el-option label="图片换脸" :value="1" />
-              <el-option label="视频换脸" :value="2" />
-              <el-option label="AI脱衣" :value="3" />
-              <el-option label="AI女友" :value="4" />
-              <el-option label="文生图" :value="5" />
-              <el-option label="图生视频" :value="6" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="广告模式" prop="advertisingId">
-            <el-select placeholder="请选择广告模式" clearable v-model="form.adsType" filterable>
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in videoTypeMode" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="展示方式">
-            <el-select placeholder="请选择展示方式" clearable v-model="form.showType" @clear="onClear('showType')">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in AiContentTypeList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click="submit('form')"> 确 定 </el-button>
-    </div>
-  </el-dialog>
-</template>
-<script>
-import { AiContentTypeList } from '@/filters/aiManagement/aiTemplate'
-import { aitemplateCategoryAdd, aitemplateCategoryUpdate } from '@/api/aiManagement/aiOrder'
-import { videoTypeMode } from '@/filters/videoManagement/videoType'
-
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {},
-  data() {
-    return {
-      AiContentTypeList: AiContentTypeList(),
-      videoTypeMode: videoTypeMode(),
-      Visible: true,
-      title: '',
-      time: [],
-      // 表单数据备份
-      formData: {},
-      // 表单数据
-      form: {
-        caType: undefined,
-        createdAt: undefined,
-        id: undefined,
-        name: undefined,
-        rank: undefined,
-        showType: undefined,
-        status: undefined,
-        updatedAt: undefined,
-        adsType: undefined
-      },
-      rules: {}
-    }
-  },
-  mounted() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-      this.formData = Object.assign({}, this.form)
-    }
-  },
-  methods: {
-    // TODO:新增应用列表数据
-    add(data) {
-      aitemplateCategoryAdd(data).then(res => {
-        if (res.code === 200) {
-          this.Visible = false
-          this.$message.success('新增成功')
-        } else {
-          this.Visible = false
-          this.$message.error('新增失败')
-        }
-      })
-    },
-    // TODO：编辑应用列表数据
-    update(data) {
-      aitemplateCategoryUpdate(data).then(res => {
-        if (res && res.code === 200) {
-          this.Visible = false
-          this.$message.success('更新成功')
-        } else {
-          this.Visible = false
-          this.$message.error('更新失败')
-        }
-      })
-    },
-    // 提交按钮
-    submit(formName) {
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          if (this.title === '新增') {
-            this.add(this.form)
-          } else if (this.title === '编辑') {
-            this.update(this.form)
-          }
-        }
-      })
-    },
-    // 关闭编辑
-    close() {
-      this.$emit('close')
-    },
-
-    onClear(data) {
-      this.form[data] = undefined
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiFaceOrder/components/AddOrEditPhoto.vue

@@ -1,157 +0,0 @@
-<template>
-  <el-dialog
-:title="title"
-:visible.sync="Visible"
-width="780px"
-center
-class="ac-dialog"
-:close-on-click-modal="false"
-    @close="close">
-
-    <el-form
-:inline="true"
-:model="form"
-:rules="rules"
-ref="form"
-class="demo-form-inline"
-label-width="120px"
-      label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="AI生成的图片">
-            <UploadImgArr  @changeImgUrl="changeCoverImgUrl" :img="form.modifyImgs"></UploadImgArr>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-            <el-form-item label="换脸方式">
-              <el-select placeholder="请选择换脸方式" clearable v-model="form.byWay">
-                <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiOrderFaceChangeList" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="任务状态">
-            <el-select placeholder="请选择任务状态" clearable v-model="form.status">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiFaceOrderList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-           <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-            <el-form-item label="原因" prop="fakeSells">
-              <el-input v-model.number="form.reason" placeholder="请输入原因" />
-            </el-form-item>
-          </el-col>
-      </el-row>
-    </el-form>
-
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click="submit('form')"> 确 定 </el-button>
-    </div>
-  </el-dialog>
-</template>
-<script>
-import UploadImgArr from '@/components/UploadImgArr/index'
-import { aiOrderFaceChangeList, aiFaceOrderList } from '@/filters/aiManagement/aiFaceOrder'
-import { aiorderFacechangeUpdate } from '@/api/aiManagement/aiOrder'
-import UploadVideo from '@/components/UploadVideo/index'
-import DPlayer from '@/components/VueDplayerHls/index'
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    UploadImgArr,
-    UploadVideo,
-    DPlayer
-  },
-  data() {
-    return {
-      aiOrderFaceChangeList: aiOrderFaceChangeList(),
-      aiFaceOrderList: aiFaceOrderList(),
-      Visible: true,
-      title: '',
-      time: [],
-      // 表单数据备份
-      formData: {},
-      // 表单数据
-      form: {
-        'byWay': undefined,
-        'id': undefined,
-        'modifyImgs': undefined,
-        'modifyVideoUrl': undefined,
-        'reason': undefined,
-        'status': 0,
-        'updatedAt': undefined
-      },
-      rules: {}
-    }
-  },
-  mounted() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-      this.formData = Object.assign({}, this.form)
-    }
-  },
-  methods: {
-    // TODO:新增应用列表数据
-
-    filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    // TODO：编辑应用列表数据
-    update(data) {
-      aiorderFacechangeUpdate(data).then((res) => {
-        if (res && res.code === 200) {
-          this.$message.success(res.data ? res.data : '更新成功')
-        } else {
-          this.$message.error(res.data ? res.data : '更新失败')
-        }
-        this.Visible = false
-      })
-    },
-    // 提交按钮
-    submit(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.title === '新增') {
-            this.add(this.form)
-          } else if (this.title === '编辑') {
-            this.update(this.form)
-          }
-        }
-      })
-    },
-    // 上传视频返回地址
-    changeVideoUrl(data) {
-      this.form.id = data.id
-      //   this.$set(this.form, 'fieldNameFs', data.videoUri)
-      this.form.videoUrl = data.videoUri
-      //   this.form.fieldNameFs = data.videoUri
-      //   this.form.videoTime = parseInt(data.duration)
-      //   this.form.size = data.size
-      //   this.open()
-    },
-
-    // 重复上传视频
-    repeatVideo(data) {
-      this.form.taskId = data.taskId
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.modifyImgs = data
-    },
-
-    // 关闭编辑
-    close() {
-      this.$emit('close')
-    },
-
-    onClear(data) {
-      this.form[data] = undefined
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiFaceOrder/components/AddOrEditVideo.vue

@@ -1,160 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="780px" center class="ac-dialog" :close-on-click-modal="false"
-    @close="close">
-       <el-row :gutter="24">
-            <el-col >
-                <h3>AI生成的视频URl</h3>
-                <div v-if="form.vidUrl" style="width: 380px; height: 240px; overflow: hidden">
-                  <DPlayer ref="player" v-if="form.vidUrl.indexOf('mp4') === -1" :video="{
-                    url: '/api/web/media/m3u8/' + filterM3u8(form.vidUrl),
-                    type: 'hls',
-                    pic: '',
-                  }" hotkey ></DPlayer>
-                   <DPlayer ref="player" v-else :video="{
-                     url: this.$store.getters.getSystemConfig.mp4Url + form.vidUrl,
-                     type: 'mp4',
-                     pic: '',
-                   }" hotkey ></DPlayer>
-                </div>
-
-            </el-col>
-          </el-row>
-    <el-form :inline="true" :model="form" :rules="rules" ref="form" class="demo-form-inline" label-width="120px"
-      label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-            <el-form-item label="换脸方式">
-              <el-select placeholder="请选择换脸方式" clearable v-model="form.byWay">
-                <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiOrderFaceChangeList" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="任务状态">
-            <el-select placeholder="请选择任务状态" clearable v-model="form.status">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiFaceOrderList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-           <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-            <el-form-item label="原因" prop="fakeSells">
-              <el-input v-model.number="form.reason" placeholder="请输入原因" />
-            </el-form-item>
-          </el-col>
-      </el-row>
-    </el-form>
-
-
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click="submit('form')"> 确 定 </el-button>
-    </div>
-  </el-dialog>
-</template>
-<script>
-import UploadImgArr from '@/components/UploadImgArr/index'
-import { aiOrderFaceChangeList, aiFaceOrderList } from '@/filters/aiManagement/aiFaceOrder'
-import { aiorderFacechangeUpdate } from '@/api/aiManagement/aiOrder'
-import UploadVideo from '@/components/UploadVideo/index'
-import DPlayer from '@/components/VueDplayerHls/index'
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    UploadImgArr,
-    UploadVideo,
-    DPlayer
-  },
-  data() {
-    return {
-      aiOrderFaceChangeList: aiOrderFaceChangeList(),
-      aiFaceOrderList: aiFaceOrderList(),
-      Visible: true,
-      title: '',
-      time: [],
-      // 表单数据备份
-      formData: {},
-      // 表单数据
-      form: {
-         "byWay": undefined,
-        "id": undefined,
-        "modifyImgs": undefined,
-        "vidUrl": undefined,
-        "reason": undefined,
-        "status": 0,
-        "updatedAt": undefined
-      },
-      rules: {},
-    }
-  },
-  mounted() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-      this.formData = Object.assign({}, this.form)
-    }
-  },
-  methods: {
-    //TODO:新增应用列表数据
-
-      filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    //TODO：编辑应用列表数据
-    update(data) {
-
-      aiorderFacechangeUpdate(data).then((res) => {
-        if (res && res.code === 200) {
-          this.$message.success(res.data ? res.data : '更新成功')
-        } else {
-       this.$message.error(res.data ? res.data : '更新失败')
-        }
-          this.Visible = false
-
-      })
-    },
-    // 提交按钮
-    submit(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.title === '新增') {
-            this.add(this.form)
-          } else if (this.title === '编辑') {
-            this.update(this.form)
-          }
-        }
-      })
-    },
-    // 上传视频返回地址
-    changeVideoUrl(data) {
-      this.form.id = data.id
-      //   this.$set(this.form, 'fieldNameFs', data.videoUri)
-      this.form.vidUrl = data.videoUri
-      //   this.form.fieldNameFs = data.videoUri
-      //   this.form.videoTime = parseInt(data.duration)
-      //   this.form.size = data.size
-      //   this.open()
-    },
-
-    // 重复上传视频
-    repeatVideo(data) {
-      this.form.taskId = data.taskId
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.modifyImgs = data
-    },
-
-    // 关闭编辑
-    close() {
-      this.$emit('close')
-    },
-
-    onClear(data) {
-      this.form[data] = undefined
-    },
-  },
-}
-</script>
-

src/views/aiManagement/aiFaceOrder/photo.vue

@@ -1,276 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData.param" class="form-inline" size="mini">
-        <el-form-item>
-          <el-select placeholder="请选择Ai换脸方式" clearable v-model="searchData.byWay" @clear="onClear('byWay')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiOrderFaceChangeList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择任务进度" clearable v-model="searchData.status" @clear="onClear('status')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiFaceOrderList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="请输入操作人" v-model="searchData.operator" @clear="onClear('operator')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="请输入模版标题" v-model="searchData.tplTitle" @clear="onClear('tplTitle')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="ID" v-model="searchData.id" @clear="onClear('id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="用户ID" v-model.number="searchData.userId" @clear="onClear('userId')" />
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%" v-loading="loading">
-          <el-table-column align="center" label="Id">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="用户Id">
-            <template slot-scope="scope">{{ scope.row.userId }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="换脸AI任务ID">
-            <template slot-scope="scope">{{ scope.row.aiVidId }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="支付方式">
-            <template slot-scope="scope">{{ scope.row.payType | aiPayTypeChange }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="AI订单内容类型">
-            <template slot-scope="scope">{{ scope.row.aoContentType | changeAiContentType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="任务进度">
-            <template slot-scope="scope">{{ scope.row.status | aiFaceOrderType }}</template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="是否已退款">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isRefund ? 'danger' : 'success'" plain size="mini">{{ scope.row.isRefund ? '已退款' : '未退款' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="订单退款次数">
-            <template slot-scope="scope">{{ scope.row.retryNum }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="换脸方式">
-            <template slot-scope="scope">{{ scope.row.byWay | aiOrderFaceChangeType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="模版标题">
-            <template slot-scope="scope">{{ scope.row.tplTitle }}</template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="模版图片">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.tplPictures"> </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="用户上传的换脸人物图">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.sourceImgs"> </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="生成的图片">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.modifyImgs"> </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="操作人">
-            <template slot-scope="scope">{{ scope.row.operator }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="原因">
-            <template slot-scope="scope">{{ scope.row.reason }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="价格">
-            <template slot-scope="scope">{{ scope.row.price / 100 }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="模版Id">
-            <template slot-scope="scope">{{ scope.row.tplId }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" label="创建时间" width="180">
-            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" label="更新时间" width="180">
-            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="200">
-            <template slot-scope="scope">
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
-              <el-button v-if="!scope.row.isRefund && (scope.row.status===5   || scope.row.status===6)" @click="orderSumbit(scope.$index, scope.row)" size="mini" type="success">重新生成</el-button>
-
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <!-- 新增及编辑 -->
-    <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
-    <ShowVideo ref="showvideo"></ShowVideo>
-  </div>
-</template>
-<script>
-// 引入模块
-import Edit from './components/AddOrEditPhoto'
-import ShowImg from '@/components/ShowImg/index.vue'
-import ShowVideo from '@/components/ShowVideo/index.vue'
-import { aiFacechangeSearch, facechangeResubmit } from '@/api/aiManagement/aiOrder'
-import { AiContentTypeList } from '@/filters/aiManagement/aiTemplate'
-import { aiOrderFaceChangeList, aiFaceOrderList } from '@/filters/aiManagement/aiFaceOrder'
-export default {
-  name: 'AiOrder',
-  components: {
-    ShowImg,
-    ShowVideo,
-    Edit
-  },
-  data() {
-    return {
-      // 请求列表参数
-      searchData: {
-        userId: undefined,
-        tplTitle: undefined,
-        status: undefined,
-        operator: undefined,
-        id: undefined,
-        byWay: undefined,
-        aoContentType: 1,
-        pageNum: 1,
-        pageSize: 10
-      },
-      resData: [], // el-table表格数据
-      editVisible: false,
-      total: 0, // 数据总条数
-      loading: true, // 列表加载状态
-      AiContentTypeList: AiContentTypeList(),
-      aiOrderFaceChangeList: aiOrderFaceChangeList(),
-      aiFaceOrderList: aiFaceOrderList()
-    }
-  },
-
-  mounted() {
-    this.getGameInfo()
-  },
-  methods: {
-    orderSumbit(index, row) {
-      this.$confirm('此操作将重新提交该订单, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-        center: true
-      }).then(async() => {
-        const res = await facechangeResubmit({ id: row.id })
-        if (res.code === 200) {
-          this.$message({
-            type: 'success',
-            message: '提交成功!'
-          })
-        } else {
-          this.$message({
-            type: 'error',
-            message: '提交失败!'
-          })
-        }
-      }).catch(() => {
-
-      })
-    },
-    // TODO:请求应用列表数据
-    getGameInfo() {
-      aiFacechangeSearch(this.searchData).then(res => {
-        if (res.code === 200) {
-          this.resData = res.data.list
-          this.total = res.data.total
-        } else {
-          this.resData = []
-          this.total = 0
-          this.$message.error('请求列表失败!')
-        }
-        this.loading = false
-      })
-    },
-    // TODO：删除应用列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        AppInfoDel({ id: row.id }).then(res => {
-          if (res.code === 200) {
-            this.getGameInfo()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    onSearch() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 10
-      this.getGameInfo()
-    },
-
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getGameInfo()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getGameInfo()
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true
-    },
-
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true
-      this.editData = {
-        title: '编辑',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-      this.editVisible = false
-      this.getGameInfo()
-    },
-
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData[key] = undefined
-      this.getGameInfo()
-    },
-    // 视频查看
-    checkMedia(url, data) {
-      this.$refs.showvideo.open(url, data, data.id)
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiFaceOrder/video.vue

@@ -1,284 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData.param" class="form-inline" size="mini">
-        <el-form-item>
-          <el-select placeholder="请选择Ai换脸方式" clearable v-model="searchData.byWay" @clear="onClear('byWay')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiOrderFaceChangeList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择任务进度" clearable v-model="searchData.status" @clear="onClear('status')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiFaceOrderList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="请输入操作人" v-model="searchData.operator" @clear="onClear('operator')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="请输入模版标题" v-model="searchData.tplTitle" @clear="onClear('tplTitle')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="ID" v-model="searchData.id" @clear="onClear('id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="用户ID" v-model.number="searchData.userId" @clear="onClear('userId')" />
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%" v-loading="loading">
-          <el-table-column align="center" label="Id">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="用户id">
-            <template slot-scope="scope">{{ scope.row.userId }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="换脸AI任务ID">
-            <template slot-scope="scope">{{ scope.row.aiVidId }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="支付方式">
-            <template slot-scope="scope">{{ scope.row.payType | aiPayTypeChange }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="AI订单内容类型">
-            <template slot-scope="scope">{{ scope.row.aoContentType | changeAiContentType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="任务进度">
-            <template slot-scope="scope">{{ scope.row.status | aiFaceOrderType }}</template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="是否已退款">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isRefund ? 'danger' : 'success'" plain size="mini">{{ scope.row.isRefund ? '已退款' : '未退款' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="订单退款次数">
-            <template slot-scope="scope">{{ scope.row.retryNum }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="换脸方式">
-            <template slot-scope="scope">{{ scope.row.byWay | aiOrderFaceChangeType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="模版标题">
-            <template slot-scope="scope">{{ scope.row.tplTitle }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" width="100" label="模版视频封面">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.tplVideoCover"> </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="模版视频">
-            <template slot-scope="scope">
-              <i v-if="scope.row.tplVideoUrl" class="el-icon-video-play views" title="点击预览" @click="checkMedia(scope.row.tplVideoUrl, scope.row)"></i>
-              <div v-else>暂无</div>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="用户上传的图片">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.sourceImgs"> </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="生成的视频">
-            <template slot-scope="scope">
-              <i v-if="scope.row.vidUrl" class="el-icon-video-play views" title="点击预览" @click="checkMedia(scope.row.vidUrl, scope.row)"></i>
-              <div v-else>暂无</div>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="操作人">
-            <template slot-scope="scope">{{ scope.row.operator }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="原因">
-            <template slot-scope="scope">{{ scope.row.reason }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="价格">
-            <template slot-scope="scope">{{ scope.row.price / 100 }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="模版Id">
-            <template slot-scope="scope">{{ scope.row.tplId }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" label="创建时间" width="180">
-            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" label="更新时间" width="180">
-            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="200">
-            <template slot-scope="scope">
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
-              <el-button v-if="!scope.row.isRefund && (scope.row.status===5   || scope.row.status===6)" @click="orderSumbit(scope.$index, scope.row)" size="mini" type="success">重新生成</el-button>
-
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <!-- 新增及编辑 -->
-    <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
-    <ShowVideo ref="showvideo"></ShowVideo>
-  </div>
-</template>
-<script>
-// 引入模块
-import Edit from './components/AddOrEditVideo'
-import ShowImg from '@/components/ShowImg/index.vue'
-import ShowVideo from '@/components/ShowVideo/index.vue'
-import { aiFacechangeSearch, facechangeResubmit } from '@/api/aiManagement/aiOrder'
-import { AiContentTypeList } from '@/filters/aiManagement/aiTemplate'
-import { aiOrderFaceChangeList, aiFaceOrderList } from '@/filters/aiManagement/aiFaceOrder'
-export default {
-  name: 'AiOrder',
-  components: {
-    ShowImg,
-    ShowVideo,
-    Edit
-  },
-  data() {
-    return {
-      // 请求列表参数
-      searchData: {
-        userId: undefined,
-        tplTitle: undefined,
-        status: undefined,
-        operator: undefined,
-        id: undefined,
-        byWay: undefined,
-        aoContentType: 2,
-        pageNum: 1,
-        pageSize: 10
-      },
-      resData: [], // el-table表格数据
-      editVisible: false,
-      total: 0, // 数据总条数
-      loading: true, // 列表加载状态
-      AiContentTypeList: AiContentTypeList(),
-      aiOrderFaceChangeList: aiOrderFaceChangeList(),
-      aiFaceOrderList: aiFaceOrderList()
-    }
-  },
-
-  mounted() {
-    this.getGameInfo()
-  },
-  methods: {
-    orderSumbit(index, row) {
-      this.$confirm('此操作将重新提交该订单, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-        center: true
-      }).then(async() => {
-        const res = await facechangeResubmit({ id: row.id })
-        if (res.code === 200) {
-          this.$message({
-            type: 'success',
-            message: '提交成功!'
-          })
-        } else {
-          this.$message({
-            type: 'error',
-            message: '提交失败!'
-          })
-        }
-      }).catch(() => {
-
-      })
-    },
-    // TODO:请求应用列表数据
-    getGameInfo() {
-      aiFacechangeSearch(this.searchData).then(res => {
-        if (res.code === 200) {
-          this.resData = res.data.list
-          this.total = res.data.total
-        } else {
-          this.resData = []
-          this.total = 0
-          this.$message.error('请求列表失败!')
-        }
-        this.loading = false
-      })
-    },
-    // TODO：删除应用列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        AppInfoDel({ id: row.id }).then(res => {
-          if (res.code === 200) {
-            this.getGameInfo()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    onSearch() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 10
-      this.getGameInfo()
-    },
-
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getGameInfo()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getGameInfo()
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true
-    },
-
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true
-      this.editData = {
-        title: '编辑',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-      this.editVisible = false
-      this.getGameInfo()
-    },
-
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData[key] = undefined
-      this.getGameInfo()
-    },
-    // 视频查看
-    checkMedia(url, data) {
-      this.$refs.showvideo.open(url, data, data.id)
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiGirlFriendConfig/components/AddOrEdit.vue

@@ -1,161 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="800px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
-    <el-form :inline="true" :model="form" ref="ruleForm" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="24">
-          <el-form-item label="名称" prop="name">
-            <el-input v-model="form.name" placeholder="请输入名称" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="现价(分)" prop="payAmount">
-            <el-input v-model="form.payAmount" placeholder="请输入现价" />
-          </el-form-item>
-          <div style="margin: -20px 118px 20px; color: #c6c6c6">建议输入金额:30,50,100,200,300,500,1000</div>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="原价(分)" prop="prePayAmount">
-            <el-input v-model="form.prePayAmount" placeholder="请输入原价" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="24">
-          <el-form-item label="图片">
-            <UploadImg @changeImgUrl="changeCoverImgUrl" :img="form.image"></UploadImg>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="24">
-        <el-col :xs="24">
-          <el-form-item label="积分数量" prop="score">
-            <el-input v-model.number="form.score" placeholder="请输入积分数量" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="24">
-        <el-col :xs="24">
-          <el-form-item label="赠送积分数量" prop="giftScore">
-            <el-input v-model.number="form.giftScore" placeholder="请输入赠送积分数量" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="24">
-        <el-col :xs="24">
-          <el-form-item label="是否上架" prop="isEnb">
-            <el-switch v-model="form.isEnb" active-color="#13ce66" inactive-color="#ff4949"> </el-switch>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="24">
-          <el-form-item label="描述" prop="desc">
-            <el-input placeholder="请输入描述" v-model="form.desc" type="textarea" style="width: 350px" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="排序" prop="desc">
-            <el-input placeholder="请输入排序" v-model="form.sort" type="textarea" style="width: 350px" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { changeMoneyYuan, changeMoneyFen } from '@/filters/index'
-import UploadImg from '@/components/UploadImg/index'
-import { aiMateScoreConfAdd, aiMateScoreConfModify } from '@/api/aiManagement/aiGirlFriendConfig'
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    UploadImg
-  },
-  data() {
-    return {
-      Visible: true,
-      title: '',
-      // 表单数据
-      form: {
-        giftScore: null, // 赠送金币
-        score: undefined, // 金币基础
-        isEnb: true, // 是否上架
-        image: undefined,
-        name: undefined, // 名称
-        payAmount: undefined, // 支付金额
-        desc: undefined,
-        prePayAmount: undefined
-      }
-    }
-  },
-
-  mounted() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-      this.form.payAmount = changeMoneyYuan(this.form.payAmount)
-      this.form.prePayAmount = changeMoneyYuan(this.form.prePayAmount)
-    }
-  },
-  methods: {
-    // TODO：新增金币管理数据
-    add(data) {
-      aiMateScoreConfAdd(data).then(res => {
-        if (res.code === 200) {
-          this.$message.success('新增成功')
-          this.Visible = false
-        } else {
-          this.$message.error('新增失败')
-        }
-      })
-    },
-    // TODO：编辑金币管理数据
-    update(data) {
-      aiMateScoreConfModify(data).then(res => {
-        if (res.code === 200) {
-          this.$message.success('更新成功')
-          this.Visible = false
-        } else {
-          this.$message.error('更新失败')
-        }
-      })
-    },
-    // 提交按钮
-    submit(formName) {
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          const data = JSON.parse(JSON.stringify(this.form))
-          data.payAmount = data.payAmount ? changeMoneyFen(data.payAmount) : 0
-          data.prePayAmount = data.prePayAmount ? changeMoneyFen(data.prePayAmount) : 0
-          data.sort = Number(data.sort)
-          if (this.title === '新增') {
-            this.add(data)
-          } else if (this.title === '编辑') {
-            this.update(data)
-          }
-        } else {
-          return false
-        }
-      })
-    },
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.image = data
-    },
-
-    // 关闭编辑
-    close() {
-      this.$emit('close')
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiGirlFriendConfig/index.vue

@@ -1,199 +0,0 @@
-
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-        <el-form-item>
-          <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button>
-          <el-button @click="refreshView" icon="el-icon-refresh" plain type="info">刷新</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%" v-loading="loading" :row-style="{ height: '70px' }">
-          <el-table-column align="center" label="ID">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="名称">
-            <template slot-scope="scope">{{ scope.row.name }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="描述" width="120">
-            <template slot-scope="scope">{{ scope.row.desc }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="排序" width="120">
-            <template slot-scope="scope">{{ scope.row.sort }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="图片" width="120px">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 40px; margin: 0 auto" :urls="scope.row.image"></ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="积分数量">
-            <template slot-scope="scope">{{ scope.row.score }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="赠送积分数量">
-            <template slot-scope="scope">{{ scope.row.giftScore }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="现价(单位:分)" width="150px">
-            <template slot-scope="scope">{{ scope.row.payAmount | changeMoneyYuan }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="原价(单位:分)" width="150px">
-            <template slot-scope="scope">{{ scope.row.prePayAmount | changeMoneyYuan }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="是否上架">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isEnb ? 'success' : 'danger'" plain size="mini">{{ scope.row.isEnb ? '上架' : '未上架' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="创建时间" width="160px">
-            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="更新时间" width="160px">
-            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }}</template>
-          </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="200">
-            <template slot-scope="scope">
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
-              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <!-- 新增及编辑 -->
-    <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
-  </div>
-</template>
-<script>
-// 引入模块
-import Edit from './components/AddOrEdit'
-import ShowImg from '@/components/ShowImg/index.vue'
-import { aiMateScoreConfList, aiMateScoreConfDel } from '@/api/aiManagement/aiGirlFriendConfig'
-export default {
-  name: 'Gold',
-  components: {
-    Edit,
-    ShowImg
-  },
-  data() {
-    return {
-      // 请求列表参数
-      searchData: {
-        pageNum: 1,
-        pageSize: 10
-      },
-      resData: [], // el-table表格数据
-      editVisible: false, // 新增或编辑弹出框
-      total: 0, // 数据总条数
-      loading: true, // 列表加载状态
-      // 编辑数据
-      editData: {
-        title: '新增',
-        data: {}
-      }
-    }
-  },
-
-  mounted() {
-    this.getGoldList()
-  },
-  methods: {
-    // TODO：请求金币管理数据列表
-    getGoldList() {
-      this.loading = true
-      aiMateScoreConfList(this.searchData).then(res => {
-        if (res.code === 200) {
-          this.resData = res.data.list
-          this.total = res.data.total
-        } else {
-          this.resData = []
-          this.total = 0
-          this.$message.error('请求列表失败!')
-        }
-        this.loading = false
-      })
-    },
-    // TODO:删除金币管理列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        aiMateScoreConfDel({ id: row.id }).then(res => {
-          if (res.code === 200) {
-            this.getGoldList()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-
-    onSearch() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 10
-      this.getGoldList()
-    },
-    // 刷新数据
-    refreshView() {
-      this.searchData = {
-        pageNum: 1,
-        pageSize: 10
-      }
-      this.getGoldList()
-    },
-
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getGoldList()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getGoldList()
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-    },
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true
-      this.editData = {
-        title: '编辑',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-      this.editVisible = false
-      this.refreshView()
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiImgToVideo/components/AddOrEdit.vue

@@ -1,105 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="800px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
-    <el-form :inline="true" :model="form" ref="ruleForm" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="24">
-          <el-form-item label="备注" prop="remark">
-            <el-input v-model="form.remark" type="textarea" placeholder="请输入名称" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="任务状态">
-            <el-select placeholder="请选择任务状态" clearable v-model="form.status">
-              <el-option :key="item.id" :label="item.name" :value="item.id" v-for="item in aiImgToVideoStatusList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="场景类型">
-            <el-select placeholder="请选择场景类型" clearable v-model="form.sceneType">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in sceneTypes" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { aiImgToVideoUpdate } from '@/api/aiManagement/aiImgToVideo.js'
-export default {
-  name: 'AddOrEdit',
-  props: ['data', 'aiImgToVideoStatusList'],
-  components: {
-  },
-  data() {
-    return {
-      Visible: true,
-      title: '',
-      // 表单数据
-      form: {
-        remark: undefined, // 备注
-        status: undefined, // 状态
-        sceneType: undefined
-      },
-      sceneTypes: [
-        { label: '掀衣露乳', value: 0 },
-        { label: '男人撕衣', value: 1 },
-        { label: '神屌射脸', value: 2 },
-        { label: '阿黑颜', value: 3 },
-        { label: '接吻', value: 4 },
-        { label: '吸奶', value: 5 },
-        { label: '露逼', value: 6 }
-      ]
-    }
-  },
-
-  mounted() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-    }
-  },
-  methods: {
-    // TODO：编辑金币管理数据
-    update(data) {
-      aiImgToVideoUpdate(data).then(res => {
-        if (res.code === 200) {
-          this.$message.success('更新成功')
-          this.Visible = false
-        } else {
-          this.$message.error('更新失败')
-        }
-      })
-    },
-    // 提交按钮
-    submit(formName) {
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          const data = JSON.parse(JSON.stringify(this.form))
-          if (this.title === '编辑') {
-            this.update(data)
-          }
-        } else {
-          return false
-        }
-      })
-    },
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.image = data
-    },
-
-    // 关闭编辑
-    close() {
-      this.$emit('close')
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiImgToVideo/index.vue

@@ -1,260 +0,0 @@
-
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-        <el-form-item>
-          <el-input clearable placeholder="ID" v-model="searchData.id" @clear="onClear('id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="用户ID" v-model.number="searchData.userId" @clear="onClear('userId')" />
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择任务进度" clearable v-model="searchData.status" @clear="onClear('status')">
-            <el-option :key="item.id" :label="item.name" :value="item.id" v-for="item in aiImgToVideoStatusList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
-          <el-button @click="refreshView" icon="el-icon-refresh" plain type="info">刷新</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%" v-loading="loading">
-          <el-table-column align="center" label="Id">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="用户ID">
-            <template slot-scope="scope">{{ scope.row.userId }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="图生视频金币个数">
-            <template slot-scope="scope">{{ scope.row.coin/100  }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="任务进度">
-            <template slot-scope="scope">{{ scope.row.status | aiImgToVideoType }}</template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="是否删除">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isDelete ? 'danger' : 'success'" plain size="mini">{{ scope.row.isDelete ? '已删除' : '未删除' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="场景类型">
-            <template slot-scope="scope">
-            {{ sceneTypes[scope.row.sceneType] }}
-            </template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="是否使用免费次数">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isFreeTimes ? 'danger' : 'success'" plain size="mini">{{ scope.row.isFreeTimes ? '是' : '否' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="是否被用户隐藏">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isHide ? 'danger' : 'success'" plain size="mini">{{ scope.row.isHide ? '是' : '否' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="未处理的图片地址">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.imgUrl"> </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="处理后的图片地址">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.newImgUrl"> </ShowImg>
-            </template>
-          </el-table-column>
-
-          <el-table-column align="center" label="备注">
-            <template slot-scope="scope">{{ scope.row.remark }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="创建时间" width="180">
-            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" label="更新时间" width="180">
-            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="200">
-            <template slot-scope="scope">
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
-              <el-button @click="changeStatus(scope.$index, scope.row)" size="mini" type="danger">退款</el-button>
-              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button>
-
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <!-- 新增及编辑 -->
-    <Edit :data="editData" :aiImgToVideoStatusList="aiImgToVideoStatusList" v-if="editVisible" @close="closeEdit" />
-  </div>
-</template>
-<script>
-// 引入模块
-import Edit from './components/AddOrEdit'
-import ShowImg from '@/components/ShowImg/index.vue'
-import { aiImgToVideoList, aiImgToVideoDel, aiImgToVideoUpdate } from '@/api/aiManagement/aiImgToVideo.js'
-
-export default {
-  name: 'Gold',
-  components: {
-    Edit,
-    ShowImg
-  },
-  data() {
-    return {
-      aiImgToVideoStatusList: [
-        { id: 1, name: '下单成功' },
-        { id: 2, name: '已提交' },
-        { id: 3, name: '生成成功' },
-        { id: 4, name: '生成失败' },
-        { id: 5, name: '退款' }
-      ],
-      sceneTypes: ['掀衣露乳', '男人撕衣', '神屌射脸', '阿黑颜', '接吻', '吸奶', '露逼'],
-      // 请求列表参数
-      searchData: {
-        userId: undefined,
-        status: undefined,
-        id: undefined,
-        pageNum: 1,
-        pageSize: 10
-      },
-      resData: [], // el-table表格数据
-      editVisible: false, // 新增或编辑弹出框
-      total: 0, // 数据总条数
-      loading: true, // 列表加载状态
-      // 编辑数据
-      editData: {
-        title: '新增',
-        data: {}
-      }
-    }
-  },
-
-  mounted() {
-    this.getGoldList()
-  },
-  filters: {
-    aiImgToVideoType(id) {
-      switch (id) {
-        case 1:
-          return '下单成功'
-        case 2:
-          return '已提交'
-        case 3:
-          return '生成成功'
-        case 4:
-          return '生成失败'
-        case 5:
-          return '退款'
-      }
-    }
-  },
-  methods: {
-
-    // TODO：请求金币管理数据列表
-    getGoldList() {
-      this.loading = true
-      aiImgToVideoList(this.searchData).then(res => {
-        if (res.code === 200) {
-          this.resData = res.data.list
-          this.total = res.data.total
-        } else {
-          this.resData = []
-          this.total = 0
-          this.$message.error('请求列表失败!')
-        }
-        this.loading = false
-      })
-    },
-    // TODO:删除金币管理列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        aiImgToVideoDel({ id: row.id }).then(res => {
-          if (res.code === 200) {
-            this.getGoldList()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    changeStatus(index, row) {
-      this.$confirm('确定退款?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        aiImgToVideoUpdate({ id: row.id, status: 5 }).then(res => {
-          if (res.code === 200) {
-            this.getGoldList()
-            this.$message.success('已退款!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    onSearch() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 10
-      this.getGoldList()
-    },
-    // 刷新数据
-    refreshView() {
-      this.searchData = {
-        pageNum: 1,
-        pageSize: 10
-      }
-      this.getGoldList()
-    },
-
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getGoldList()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getGoldList()
-    },
-
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true
-      this.editData = {
-        title: '编辑',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-      this.editVisible = false
-      this.refreshView()
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiNovelList/index.vue

@@ -1,256 +0,0 @@
-<template>
-  <div class="pf-warpper">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-        <el-form-item>
-          <el-input clearable placeholder="ID" v-model="searchData.id" @clear="onClear('id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="用户ID" v-model.number="searchData.uid" @clear="onClear('userId')" />
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择任务进度" clearable v-model="searchData.status" @clear="onClear('status')">
-            <el-option :key="item.id" :label="item.name" :value="item.id" v-for="item in aiImgToVideoStatusList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-           <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="refreshView" icon="el-icon-refresh" plain type="info">刷新</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%">
-      <el-table-column label="ID" prop="id" />
-      <el-table-column label="用户ID" prop="uid" />
-      <el-table-column label="故事情节" prop="description" />
-      <el-table-column label="小说正文" prop="content" width="200">
-         <template slot-scope="scope">
-          <div style="display: flex;" v-if="scope.row.content">
-            <span class="ellipsis2">
-              {{ scope.row.content }}
-            </span>
-            <el-button class="view-btn" type="text" @click="view(scope.row.content)" plain icon="el-icon-zoom-in"></el-button>
-          </div>
-          <span v-else>--</span>
-         </template>
-      </el-table-column>
-      <el-table-column label="状态" prop="status">
-        <template slot-scope="scope">
-          {{ handleStatus(scope.row.status) }}
-        </template>
-      </el-table-column>
-      <el-table-column label="地点场景" prop="scene" />
-      <el-table-column label="故事背景" prop="background" />
-      <el-table-column label="其他要求" prop="other" />
-      <el-table-column label="小说模型" prop="modelType">
-        <template slot-scope="scope">
-          {{ handleModelType(scope.row.modelType) }}
-        </template>
-      </el-table-column>
-      <el-table-column label="金币" prop="coin" />
-      <el-table-column label="扣除金币个数" prop="debitAmountCoin" />
-      <el-table-column label="扣除收益金币个数" prop="debitIncomeCoin" />
-      <el-table-column label="备注" prop="remark" />
-      <el-table-column label="创建时间" prop="createdAt">
-        <template slot-scope="scope">
-          {{scope.row.createdAt | BeiJingTime}}
-        </template>
-      </el-table-column>
-      <el-table-column label="更新时间" prop="updatedAt">
-        <template slot-scope="scope">
-          {{scope.row.updatedAt | BeiJingTime}}
-        </template>
-      </el-table-column>
-        <el-table-column align="center" fixed="right" label="操作" width="200">
-          <template slot-scope="scope">
-            <el-button @click="changeStatus(scope.row)" size="mini">退款</el-button>
-            <el-button @click="handleDelete(scope.row)" size="mini" type="danger">删除</el-button>
-          </template>
-      </el-table-column>
-    </el-table>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <el-dialog
-      title="预览"
-      :visible.sync="dialogVisible"
-      width="600px"
-      :before-handleClose="handleClose"
-      :handleClose-on-click-modal="false"
-      class="look-dialog">
-      <div class="viewContent" v-html="currentContent"></div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { aiTextToNovelList, updateNovel, deleteNovel } from '@/api/aiManagement/aiTxtToImg.js'
-
-export default {
-  name: 'AiNovelList',
-  data() {
-    return {
-      aiImgToVideoStatusList: [
-        { id: 1, name: '下单成功' },
-        { id: 2, name: '已提交' },
-        { id: 3, name: '生成成功' },
-        { id: 4, name: '生成失败' },
-        { id: 5, name: '退款' }
-      ],
-      // 请求列表参数
-      searchData: {
-        userId: undefined,
-        status: undefined,
-        id: undefined,
-        pageNum: 1,
-        pageSize: 10
-      },
-      total: 0,
-      resData: [],
-      appOpts: [],
-      currentContent: '',
-      dialogVisible: false
-    }
-  },
-  watch: {},
-  mounted() {
-    this.getDataList()
-  },
-  methods: {
-    handleStatus(status) {
-      if (!status) {
-        return '--'
-      }
-      const obj = this.aiImgToVideoStatusList.find(item => item.id === status)
-      return obj.name || '--'
-    },
-    handleModelType(type) {
-      if (!type) {
-        return '--'
-      }
-      return type === 1 ? 'AI小艺' : 'AI小萌'
-    },
-    onSearch() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 10
-      this.getDataList()
-    },
-    async getDataList() {
-      try {
-        const r = await aiTextToNovelList(this.searchData)
-        const data = r.data
-        this.total = data.total
-        this.resData = data.list
-      } catch (error) {
-        console.error('查询失败：', error)
-      }
-    },
-    // 刷新数据
-    refreshView() {
-      this.searchData = {
-        pageNum: 1,
-        pageSize: 10
-      }
-      this.getDataList()
-    },
-    // TODO:删除金币管理列表数据
-    handleDelete(row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        deleteNovel({ id: row.id }).then(res => {
-          if (res.code === 200) {
-            this.getDataList()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    changeStatus(row) {
-      this.$confirm('确定退款?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        updateNovel({ id: row.id, status: 5 }).then(res => {
-          if (res.code === 200) {
-            this.getDataList()
-            this.$message.success('已退款!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    view(text) {
-      this.currentContent = text.replace(/\n/g, '<br>')
-      this.dialogVisible = true
-    },
-    handleClose() {
-      this.dialogVisible = false
-    },
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getDataList()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getDataList()
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.ai-novel-list {
-  /deep/ .el-button {
-    padding: 9px 15px;
-  }
-
-  /deep/ .el-image {
-    width: 100px;
-    height: 100px;
-
-    img {
-      object-fit: contain;
-    }
-  }
-}
-
-.ellipsis2 {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  margin-right: 5px;
-}
-.view-btn {
-  width: 35px;
-}
-.look-dialog {
-  text-align: center;
-}
-.viewContent {
-  border: 2px solid;
-  color: #121327;
-  border-radius: 8px;
-  padding: 10px 4px;
-}
-</style>

src/views/aiManagement/aiStripOrder/components/AddOrEdit.vue

@@ -1,168 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="780px" center class="ac-dialog" :close-on-click-modal="false"
-    @close="close">
-    <el-row :gutter="24">
-      <el-col>
-        <h3>AI生成的视频URl</h3>
-        <div v-if="form.modifyVideoUrl" style="width: 380px; height: 240px; overflow: hidden">
-
-            <DPlayer ref="player" v-if="form.modifyVideoUrl.indexOf('mp4') === -1" :video="{
-              url: '/api/web/media/m3u8/' + filterM3u8(form.modifyVideoUrl),
-              type: 'hls',
-              pic: '',
-            }" hotkey ></DPlayer>
-                     <DPlayer ref="player" v-else :video="{
-                       url: this.$store.getters.getSystemConfig.mp4Url + form.modifyVideoUrl,
-                       type: 'mp4',
-                       pic: '',
-                     }" hotkey ></DPlayer>
-        </div>
-
-      </el-col>
-    </el-row>
-    <el-form :inline="true" :model="form" :rules="rules" ref="form" class="demo-form-inline" label-width="120px"
-      label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="AI生成的图片">
-            <UploadImgArr @changeImgUrl="changeCoverImgUrl" :img="form.modifyImgs"></UploadImgArr>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="换脸方式">
-            <el-select placeholder="请选择换脸方式" clearable v-model="form.byWay">
-              <el-option :key="item.value" :label="item.label" :value="item.value"
-                v-for="item in aiOrderFaceChangeList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="任务状态">
-            <el-select placeholder="请选择任务状态" clearable v-model="form.status">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiFaceOrderList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="原因" prop="fakeSells">
-            <el-input v-model.number="form.reason" placeholder="请输入原因" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-
-
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click="submit('form')"> 确 定 </el-button>
-    </div>
-  </el-dialog>
-</template>
-<script>
-import UploadImgArr from '@/components/UploadImgArr/index'
-import { aiOrderFaceChangeList, aiFaceOrderList } from '@/filters/aiManagement/aiFaceOrder'
-import { aiorderStripUpdate } from '@/api/aiManagement/aiOrder'
-import UploadVideo from '@/components/UploadVideo/index'
-import DPlayer from '@/components/VueDplayerHls/index'
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    UploadImgArr,
-    UploadVideo,
-    DPlayer
-  },
-  data() {
-    return {
-      aiOrderFaceChangeList: aiOrderFaceChangeList(),
-      aiFaceOrderList: aiFaceOrderList(),
-      Visible: true,
-      title: '',
-      time: [],
-      // 表单数据备份
-      formData: {},
-      // 表单数据
-      form: {
-        "byWay": undefined,
-        "id": undefined,
-        "modifyImgs": undefined,
-        "modifyVideoUrl": undefined,
-        "reason": undefined,
-        "status": 0,
-        "updatedAt": undefined
-      },
-      rules: {},
-    }
-  },
-  mounted() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-      this.formData = Object.assign({}, this.form)
-    }
-  },
-  methods: {
-    //TODO:新增应用列表数据
-
-    filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    //TODO：编辑应用列表数据
-    update(data) {
-
-      aiorderStripUpdate(data).then((res) => {
-
-
-         if (res && res.code === 200) {
-          this.$message.success(res.data ? res.data : '更新成功')
-        } else {
-          this.$message.error(res.data ? res.data : '更新失败')
-        }
-        this.Visible = false
-      })
-    },
-    // 提交按钮
-    submit(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.title === '新增') {
-            this.add(this.form)
-          } else if (this.title === '编辑') {
-            this.update(this.form)
-          }
-        }
-      })
-    },
-    // 上传视频返回地址
-    changeVideoUrl(data) {
-      this.form.id = data.id
-      //   this.$set(this.form, 'fieldNameFs', data.videoUri)
-      this.form.videoUrl = data.videoUri
-      //   this.form.fieldNameFs = data.videoUri
-      //   this.form.videoTime = parseInt(data.duration)
-      //   this.form.size = data.size
-      //   this.open()
-    },
-
-    // 重复上传视频
-    repeatVideo(data) {
-      this.form.taskId = data.taskId
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.modifyImgs = data
-    },
-
-    // 关闭编辑
-    close() {
-      this.$emit('close')
-    },
-
-    onClear(data) {
-      this.form[data] = undefined
-    },
-  },
-}
-</script>
-

src/views/aiManagement/aiStripOrder/index.vue

@@ -1,243 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData.param" class="form-inline" size="mini">
-        <el-form-item>
-          <el-select placeholder="请选择Ai内容类型" clearable v-model="searchData.contentType" @clear="onClear('subType')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in AiContentTypeList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择Ai换脸方式" clearable v-model="searchData.byWay" @clear="onClear('byWay')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiOrderFaceChangeList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择任务进度" clearable v-model="searchData.status" @clear="onClear('status')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in aiFaceOrderList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="请输入操作人" v-model="searchData.operator" @clear="onClear('operator')" />
-        </el-form-item>
-
-        <el-form-item>
-          <el-input clearable placeholder="ID" v-model="searchData.id" @clear="onClear('id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="用户ID" v-model.number="searchData.userId" @clear="onClear('userId')" />
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%" v-loading="loading">
-          <el-table-column align="center" label="Id">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="用户ID">
-            <template slot-scope="scope">{{ scope.row.userId }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="支付方式">
-            <template slot-scope="scope">{{ scope.row.payType | aiPayTypeChange }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="AI订单内容类型">
-            <template slot-scope="scope">{{ scope.row.aoContentType | changeAiContentType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="任务进度">
-            <template slot-scope="scope">{{ scope.row.status | aiFaceOrderType }}</template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="是否已退款">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isRefund ? 'danger' : 'success'" plain size="mini">{{ scope.row.isRefund ? '已退款' : '未退款' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="订单退款次数">
-            <template slot-scope="scope">{{ scope.row.retryNum }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="换脸方式">
-            <template slot-scope="scope">{{ scope.row.byWay | aiOrderFaceChangeType }}</template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="用户上传的图片">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.sourceImgs"> </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="生成的图片">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.modifyImgs"> </ShowImg>
-            </template>
-          </el-table-column>
-
-          <el-table-column align="center" label="脱衣任务id">
-            <template slot-scope="scope">{{ scope.row.aiJobId }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="操作人">
-            <template slot-scope="scope">{{ scope.row.operator }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="原因">
-            <template slot-scope="scope">{{ scope.row.reason }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="价格">
-            <template slot-scope="scope">{{ scope.row.price / 100 }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="创建时间" width="180">
-            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" label="更新时间" width="180">
-            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="200">
-            <template slot-scope="scope">
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <!-- 新增及编辑 -->
-    <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
-    <ShowVideo ref="showvideo"></ShowVideo>
-  </div>
-</template>
-<script>
-// 引入模块
-import Edit from './components/AddOrEdit'
-import ShowImg from '@/components/ShowImg/index.vue'
-import ShowVideo from '@/components/ShowVideo/index.vue'
-import { aiStripSearch } from '@/api/aiManagement/aiOrder'
-import { AiContentTypeList } from '@/filters/aiManagement/aiTemplate'
-import { aiOrderFaceChangeList, aiFaceOrderList } from '@/filters/aiManagement/aiFaceOrder'
-export default {
-  name: 'AiOrder',
-  components: {
-    ShowImg,
-    ShowVideo,
-    Edit
-  },
-  data() {
-    return {
-      // 请求列表参数
-      searchData: {
-        userId: undefined,
-        tplTitle: undefined,
-        status: undefined,
-        operator: undefined,
-        id: undefined,
-        byWay: undefined,
-        aoContentType: undefined,
-        pageNum: 1,
-        pageSize: 10
-      },
-      resData: [], // el-table表格数据
-      editVisible: false,
-      total: 0, // 数据总条数
-      loading: true, // 列表加载状态
-      AiContentTypeList: AiContentTypeList(),
-      aiOrderFaceChangeList: aiOrderFaceChangeList(),
-      aiFaceOrderList: aiFaceOrderList()
-    }
-  },
-
-  mounted() {
-    this.getGameInfo()
-  },
-  methods: {
-    // TODO:请求应用列表数据
-    getGameInfo() {
-      aiStripSearch(this.searchData).then(res => {
-        if (res.code === 200) {
-          this.resData = res.data.list
-          this.total = res.data.total
-        } else {
-          this.resData = []
-          this.total = 0
-          this.$message.error('请求列表失败!')
-        }
-        this.loading = false
-      })
-    },
-    // TODO：删除应用列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        AppInfoDel({ id: row.id }).then(res => {
-          if (res.code === 200) {
-            this.getGameInfo()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    onSearch() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 10
-      this.getGameInfo()
-    },
-
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getGameInfo()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getGameInfo()
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true
-    },
-
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true
-      this.editData = {
-        title: '编辑',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-      this.editVisible = false
-      this.getGameInfo()
-    },
-
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData[key] = undefined
-      this.getGameInfo()
-    },
-    // 视频查看
-    checkMedia(url, data) {
-      this.$refs.showvideo.open(url, data, data.id)
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiTemplate/components/AddOrEdit.vue

@@ -1,219 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="780px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
-    <el-form :inline="true" :model="form" :rules="rules" ref="form" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="请选择Ai内容类型">
-            <el-select placeholder="请选择Ai内容类型" clearable v-model="form.contentType" @clear="onClear('subType')">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in AiContentTypeList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" v-if="form.contentType == 2">
-          <el-form-item label="媒资库视频taskId" prop="fakeSells">
-            <el-input v-model="form.taskID" placeholder="请输入媒资库视频taskId" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="请选择Ai类型">
-            <el-select placeholder="请选择Ai类型" clearable v-model="form.atType" @clear="onClear('subType')">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in AtTypeList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-                <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="风格类型" prop="styleType">
-            <el-select placeholder="请选择风格类型" clearable v-model="form.styleType" filterable @clear="onClear('styleType')">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in styleTypeList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="模版分类" prop="categoryId">
-            <el-select placeholder="请选择模版分类" clearable v-model="form.categoryId" filterable @clear="onClear('categoryId')">
-              <el-option :key="item.id" :label="item.name" :value="item.id" v-for="item in categoryIdList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="模版图片">
-            <UploadImg @changeImgUrl="changeCoverImgUrl" :img="form.picture"></UploadImg>
-          </el-form-item>
-        </el-col>
-
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="激活状态">
-            <el-select placeholder="请选择激活状态" clearable v-model="form.enable">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in AiEnableList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="售卖次数（虚拟）" prop="fakeSells">
-            <el-input v-model.number="form.fakeSells" placeholder="请输入售卖次数（虚拟）" />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="模版标题" prop="fakeSells">
-            <el-input v-model="form.title" placeholder="模版标题" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="价格">
-            <el-input placeholder="请输入价格" v-model.number="form.price"> </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="排序">
-            <el-input placeholder="请输入排序" v-model.number="form.rank"> </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click="submit('form')"> 确 定 </el-button>
-    </div>
-  </el-dialog>
-</template>
-<script>
-import UploadImg from '@/components/UploadImg/index'
-import { AtTypeList, AiContentTypeList, AiEnableList, styleTypeList } from '@/filters/aiManagement/aiTemplate'
-import { aitemplateAdd, aitemplateUpdate } from '@/api/aiManagement/aiTemplate'
-import { changeMoneyYuan, changeMoneyFen } from '@/filters/index'
-// import UploadVideo from '@/components/UploadVideo/index'
-// import DPlayer from '@/components/VueDplayerHls/index'
-export default {
-  name: 'AddOrEdit',
-  props: ['data', 'categoryIdList'],
-  components: {
-    UploadImg
-    // UploadVideo,
-    // DPlayer
-  },
-  data() {
-    return {
-      AtTypeList: AtTypeList(),
-      AiContentTypeList: AiContentTypeList(),
-      AiEnableList: AiEnableList(),
-      styleTypeList: styleTypeList(),
-      Visible: true,
-      title: '',
-      time: [],
-      // 表单数据备份
-      formData: {},
-      // 表单数据
-      form: {
-        atType: undefined,
-        contentType: undefined,
-        createdAt: undefined,
-        enable: undefined,
-        fakeSells: undefined,
-        height: undefined,
-        id: undefined,
-        picture: undefined,
-        playTime: undefined,
-        price: undefined,
-        rank: undefined,
-        sells: undefined,
-        taskID: undefined,
-        title: undefined,
-        updatedAt: undefined,
-        videoCover: undefined,
-        videoUrl: undefined,
-        width: undefined,
-        categoryId: undefined
-      },
-      rules: {}
-    }
-  },
-  mounted() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-      this.formData = Object.assign({}, this.form)
-      this.form.price = changeMoneyYuan(this.formData.price)
-    }
-  },
-  methods: {
-    // TODO:新增应用列表数据
-    add(data) {
-      data.price = changeMoneyFen(data.price)
-      if (data.contentType === 2 && !data.taskID) return this.$message.error('请输入视频taskId进行视频绑定！')
-
-      aitemplateAdd(data).then(res => {
-        if (res.code === 200) {
-          this.Visible = false
-          this.$message.success('新增成功')
-        } else {
-          this.Visible = false
-          this.$message.error('新增失败')
-        }
-      })
-    },
-    filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    // TODO：编辑应用列表数据
-    update(data) {
-      data.price = changeMoneyFen(data.price)
-      aitemplateUpdate(data).then(res => {
-        if (res && res.code === 200) {
-          this.Visible = false
-          this.$message.success('更新成功')
-        } else {
-          this.Visible = false
-          this.$message.error('更新失败')
-        }
-      })
-    },
-    // 提交按钮
-    submit(formName) {
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          if (this.title === '新增') {
-            this.add(this.form)
-          } else if (this.title === '编辑') {
-            this.update(this.form)
-          }
-        }
-      })
-    },
-    // 上传视频返回地址
-    changeVideoUrl(data) {
-      this.form.id = data.id
-      //   this.$set(this.form, 'fieldNameFs', data.videoUri)
-      this.form.videoUri = data.videoUri
-      //   this.form.fieldNameFs = data.videoUri
-      //   this.form.videoTime = parseInt(data.duration)
-      //   this.form.size = data.size
-      //   this.open()
-    },
-
-    // 重复上传视频
-    repeatVideo(data) {
-      this.form.taskId = data.taskId
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.picture = data
-    },
-    changeVideoCoverImgUrl(data) {
-      this.form.videoCover = data
-    },
-    // 关闭编辑
-    close() {
-      this.$emit('close')
-    },
-
-    onClear(data) {
-      this.form[data] = undefined
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiTemplate/index.vue

@@ -1,267 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData.param" class="form-inline" size="mini">
-        <el-form-item>
-          <el-select placeholder="请选择Ai类型" clearable v-model="searchData.atType" @clear="onClear('subType')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in AtTypeList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择Ai内容类型" clearable v-model="searchData.contentType" @clear="onClear('subType')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in AiContentTypeList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择激活状态" clearable v-model="searchData.enable" @clear="onClear('enable')">
-            <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in AiEnableList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择排序状态" clearable v-model="searchData.sort" @clear="onClear('sort')">
-            <el-option key="0" :label="'最新'" :value="0" />
-            <el-option key="1" :label="'最热'" :value="1" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="请输入视频媒资库taskID" v-model.number="searchData.taskID" @clear="onClear('taskID')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="请输入模版标题" v-model.number="searchData.title" @clear="onClear('title')" />
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
-          <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%" v-loading="loading">
-          <el-table-column align="center" label="类型">
-            <template slot-scope="scope">{{ scope.row.atType | changeAtType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="AI内容类型">
-            <template slot-scope="scope">{{ scope.row.contentType | changeAiContentType }}</template>
-          </el-table-column>
-           <el-table-column align="center" label="风格类型">
-            <template slot-scope="scope">{{ scope.row.styleType | changeStyleType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="售卖次数（虚拟）">
-            <template slot-scope="scope">{{ scope.row.fakeSells }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="售卖次数（真）">
-            <template slot-scope="scope">{{ scope.row.sells }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="价格">
-            <template slot-scope="scope">{{ scope.row.price / 100 }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="排序">
-            <template slot-scope="scope">{{ scope.row.rank }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="是否激活">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.enable ? 'success' : 'error'" plain size="mini">{{ scope.row.enable ? '开启' : '关闭' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="视频媒资库taskID（视频才会存在）">
-            <template slot-scope="scope">{{ scope.row.taskID }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="模版标题">
-            <template slot-scope="scope">{{ scope.row.title }}</template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="模版图片">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.picture"></ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="视频封面">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.videoCover"> </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="影片时长">
-            <template slot-scope="scope">{{ scope.row.playTime | secondToHouseMinuteSecond }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="视频">
-            <template slot-scope="scope">
-              <i v-if="scope.row.videoUrl" class="el-icon-video-play views" title="点击预览" @click="checkMedia(scope.row.videoUrl, scope.row)"></i>
-              <div v-else>暂无</div>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="创建时间" width="180">
-            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" label="更新时间" width="180">
-            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="200">
-            <template slot-scope="scope">
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
-              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <!-- 新增及编辑 -->
-    <Edit :data="editData" v-if="editVisible" @close="closeEdit" :categoryIdList="categoryIdList" />
-    <ShowVideo ref="showvideo"></ShowVideo>
-  </div>
-</template>
-<script>
-// 引入模块
-import Edit from './components/AddOrEdit'
-import ShowImg from '@/components/ShowImg/index.vue'
-import { aitemplateSearch, aitemplateDel } from '@/api/aiManagement/aiTemplate'
-import ShowVideo from '@/components/ShowVideo/index.vue'
-import { AtTypeList, AiContentTypeList, AiEnableList } from '@/filters/aiManagement/aiTemplate'
-import { aitemplateCategoryList } from '@/api/aiManagement/aiOrder'
-
-export default {
-  name: 'AiTemplate',
-  components: {
-    ShowImg,
-    Edit,
-    ShowVideo
-  },
-  data() {
-    return {
-      // 请求列表参数
-      searchData: {
-        atType: undefined,
-        contentType: undefined, // 搜索结束时间
-        enable: undefined, // 搜索开始时间
-        sort: undefined, // 发布者ID
-        taskID: undefined,
-        title: undefined,
-        pageNum: 1,
-        pageSize: 10
-      },
-      resData: [], // el-table表格数据
-      total: 0, // 数据总条数
-      loading: true, // 列表加载状态
-      AtTypeList: AtTypeList(),
-      AiContentTypeList: AiContentTypeList(),
-      AiEnableList: AiEnableList(),
-      editVisible: false,
-      categoryIdList: []
-    }
-  },
-
-  mounted() {
-    this.getGameInfo()
-    this.getCategoryId()
-  },
-  methods: {
-    getCategoryId() {
-      aitemplateCategoryList({
-        pageNum: 1,
-        pageSize: 1000
-      }).then(res => {
-        if (res.code === 200) {
-          this.categoryIdList = res.data.list
-        } else {
-          this.categoryIdList = []
-          this.$message.error('请求列表失败!')
-        }
-      })
-    },
-    // TODO:请求应用列表数据
-    getGameInfo() {
-      aitemplateSearch(this.searchData).then(res => {
-        if (res.code === 200) {
-          this.resData = res.data.list
-          this.total = res.data.total
-        } else {
-          this.resData = []
-          this.total = 0
-          this.$message.error('请求列表失败!')
-        }
-        this.loading = false
-      })
-    },
-    // TODO：删除应用列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        aitemplateDel({ id: row.id }).then(res => {
-          if (res.code === 200) {
-            this.getGameInfo()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    onSearch() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 10
-      this.getGameInfo()
-    },
-
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getGameInfo()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getGameInfo()
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true
-      this.editData = {
-        title: '新增'
-      }
-    },
-
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true
-      this.editData = {
-        title: '编辑',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-      this.editVisible = false
-      this.getGameInfo()
-    },
-
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData[key] = undefined
-      this.getGameInfo()
-    },
-    // 视频查看
-    checkMedia(url, data) {
-      this.$refs.showvideo.open(url, data, data.id)
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiTxtToImg/components/AddOrEdit.vue

@@ -1,88 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="800px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
-    <el-form :inline="true" :model="form" ref="ruleForm" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="24">
-          <el-form-item label="备注" prop="remark">
-            <el-input v-model="form.remark" type="textarea" placeholder="请输入名称" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="任务状态">
-            <el-select placeholder="请选择任务状态" clearable v-model="form.status">
-              <el-option :key="item.id" :label="item.name" :value="item.id" v-for="item in aiImgToVideoStatusList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { aiTextToImageUpdate } from '@/api/aiManagement/aiTxtToImg.js'
-export default {
-  name: 'AddOrEdit',
-  props: ['data', 'aiImgToVideoStatusList'],
-  components: {
-  },
-  data() {
-    return {
-      Visible: true,
-      title: '',
-      // 表单数据
-      form: {
-        remark: undefined, // 备注
-        status: undefined // 状态
-      }
-    }
-  },
-
-  mounted() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-    }
-  },
-  methods: {
-    // TODO：编辑金币管理数据
-    update(data) {
-      aiTextToImageUpdate(data).then(res => {
-        if (res.code === 200) {
-          this.$message.success('更新成功')
-          this.Visible = false
-        } else {
-          this.$message.error('更新失败')
-        }
-      })
-    },
-    // 提交按钮
-    submit(formName) {
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          const data = JSON.parse(JSON.stringify(this.form))
-          if (this.title === '编辑') {
-            this.update(data)
-          }
-        } else {
-          return false
-        }
-      })
-    },
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.image = data
-    },
-
-    // 关闭编辑
-    close() {
-      this.$emit('close')
-    }
-  }
-}
-</script>
-

src/views/aiManagement/aiTxtToImg/index.vue

@@ -1,255 +0,0 @@
-
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-        <el-form-item>
-          <el-input clearable placeholder="ID" v-model="searchData.id" @clear="onClear('id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input clearable placeholder="用户ID" v-model.number="searchData.userId" @clear="onClear('userId')" />
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择任务进度" clearable v-model="searchData.status" @clear="onClear('status')">
-            <el-option :key="item.id" :label="item.name" :value="item.id" v-for="item in aiImgToVideoStatusList" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
-          <el-button @click="refreshView" icon="el-icon-refresh" plain type="info">刷新</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%" v-loading="loading">
-          <el-table-column align="center" label="Id">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="用户ID">
-            <template slot-scope="scope">{{ scope.row.userId }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="文生图金币个数">
-            <template slot-scope="scope">{{ scope.row.coin/100  }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="任务进度">
-            <template slot-scope="scope">{{ scope.row.status | aiImgToVideoType }}</template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="是否删除">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isDelete ? 'danger' : 'success'" plain size="mini">{{ scope.row.isDelete ? '已删除' : '未删除' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="是否使用免费次数">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isFreeTimes ? 'danger' : 'success'" plain size="mini">{{ scope.row.isFreeTimes ? '是' : '否' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column width="100" align="center" label="是否被用户隐藏">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.isHide ? 'danger' : 'success'" plain size="mini">{{ scope.row.isHide ? '是' : '否' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="未处理的图片地址">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.imgUrl"> </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="100" label="处理后的图片地址">
-            <template slot-scope="scope">
-              <ShowImg style="width: 70px; height: 70px; margin: 0 auto" :urls="scope.row.newImgUrl"> </ShowImg>
-            </template>
-          </el-table-column>
-
-          <el-table-column align="center" label="图片描述">
-            <template slot-scope="scope">{{ scope.row.text }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="创建时间" width="180">
-            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" label="更新时间" width="180">
-            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }} </template>
-          </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="200">
-            <template slot-scope="scope">
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
-              <el-button @click="changeStatus(scope.$index, scope.row)" size="mini" type="danger">退款</el-button>
-              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button>
-
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <!-- 新增及编辑 -->
-    <Edit :data="editData" :aiImgToVideoStatusList="aiImgToVideoStatusList" v-if="editVisible" @close="closeEdit" />
-  </div>
-</template>
-<script>
-// 引入模块
-import Edit from './components/AddOrEdit'
-import ShowImg from '@/components/ShowImg/index.vue'
-import { aiTextToImageList, aiTextToImageDel, aiTextToImageUpdate } from '@/api/aiManagement/aiTxtToImg.js'
-
-export default {
-  name: 'Gold',
-  components: {
-    Edit,
-    ShowImg
-  },
-  data() {
-    return {
-      aiImgToVideoStatusList: [
-        { id: 1, name: '下单成功' },
-        { id: 2, name: '已提交' },
-        { id: 3, name: '生成成功' },
-        { id: 4, name: '生成失败' },
-        { id: 5, name: '退款' }
-      ],
-
-      // 请求列表参数
-      searchData: {
-        userId: undefined,
-        status: undefined,
-        id: undefined,
-        pageNum: 1,
-        pageSize: 10
-      },
-      resData: [], // el-table表格数据
-      editVisible: false, // 新增或编辑弹出框
-      total: 0, // 数据总条数
-      loading: true, // 列表加载状态
-      // 编辑数据
-      editData: {
-        title: '新增',
-        data: {}
-      }
-    }
-  },
-
-  mounted() {
-    this.getGoldList()
-  },
-  filters: {
-    aiImgToVideoType(id) {
-      switch (id) {
-        case 1:
-          return '下单成功'
-        case 2:
-          return '已提交'
-        case 3:
-          return '生成成功'
-        case 4:
-          return '生成失败'
-        case 5:
-          return '退款'
-      }
-    }
-  },
-  methods: {
-
-    // TODO：请求金币管理数据列表
-    getGoldList() {
-      this.loading = true
-      aiTextToImageList(this.searchData).then(res => {
-        if (res.code === 200) {
-          this.resData = res.data.list
-          this.total = res.data.total
-        } else {
-          this.resData = []
-          this.total = 0
-          this.$message.error('请求列表失败!')
-        }
-        this.loading = false
-      })
-    },
-    // TODO:删除金币管理列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        aiTextToImageDel({ id: row.id }).then(res => {
-          if (res.code === 200) {
-            this.getGoldList()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    changeStatus(index, row) {
-      this.$confirm('确定退款?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        aiTextToImageUpdate({ id: row.id, status: 5 }).then(res => {
-          if (res.code === 200) {
-            this.getGoldList()
-            this.$message.success('已退款!')
-          } else {
-            this.$message.error('操作失败')
-          }
-        })
-      })
-    },
-    onSearch() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 10
-      this.getGoldList()
-    },
-    // 刷新数据
-    refreshView() {
-      this.searchData = {
-        pageNum: 1,
-        pageSize: 10
-      }
-      this.getGoldList()
-    },
-
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getGoldList()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getGoldList()
-    },
-
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true
-      this.editData = {
-        title: '编辑',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-      this.editVisible = false
-      this.refreshView()
-    }
-  }
-}
-</script>
-

src/views/atlas/atlasClassify/components/AddOrEdit.vue

@@ -0,0 +1,158 @@
+<template>
+  <el-dialog
+:title="title"
+:visible.sync="Visible"
+width="1100px"
+center
+class="ac-dialog"
+:close-on-click-modal="false"
+    @close="close">
+    <el-form
+:inline="true"
+:model="form"
+:rules="rules"
+ref="ruleForm"
+class="demo-form-inline"
+label-width="80px"
+      label-position="right">
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="分类名称" prop="name">
+            <el-input v-model="form.name" placeholder="请输入名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="排序" prop="name">
+            <el-input v-model.number="form.rank" placeholder="请输入排序" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="广告模式" prop="advertisingId">
+            <el-select placeholder="请选择广告模式" clearable v-model="form.adsType" filterable>
+              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in videoTypeMode" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="广告ID" prop="advertisingId">
+            <el-input v-model.number="form.advertisingId" placeholder="请输入排序" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="展示类型">
+            <el-select placeholder="请选择展示方式" clearable v-model="form.showType">
+              <el-option :key="item.value" :label="item.name" :value="item.value" v-for="item in showTypeList" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="是否启用" prop="status">
+            <el-switch
+v-model="form.status"
+active-color="#13ce66"
+inactive-color="#ff4949"
+active-text="开启"
+              inactive-text="关闭"></el-switch>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="描述" prop="desc">
+            <el-input placeholder="请输入描述" v-model="form.desc" type="textarea" style="width: 500px" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <TagSelectV2 type="atlas"  @selectTags="selectTags" :formTags="form.tagIds" :mediatagCategory="[]"  :allTags="tagList" />
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import {
+  classifyAdd,
+  classifyUpdate
+} from '@/api/atlas/index.js'
+import { videoTypeMode } from '@/filters/videoManagement/videoType'
+import TagSelectV2 from '@/components/TagSelectV2/index'
+export default {
+  name: 'AddOrEdit',
+  props: ['data', 'showTypeList', 'tagList'],
+  components: { TagSelectV2 },
+  data() {
+    return {
+      Visible: true,
+      videoTypeMode: videoTypeMode(),
+      title: '',
+      // 表单数据
+      form: {
+
+        advertisingId: undefined, //  0,广告ID
+        desc: undefined, //  "string",描述信息
+        name: undefined, //  "string",分类名
+        rank: undefined, //  0,排序
+        status: undefined, //  true,是否启用
+        tagIds: []
+      },
+      rules: {}
+    }
+  },
+
+  mounted() {
+    this.title = this.data.title
+
+    if (this.title === '编辑') {
+      this.form = JSON.parse(JSON.stringify(this.data.data))
+    }
+  },
+  methods: {
+    selectTags(tags) {
+      this.form.tagIds = tags
+    },
+    // TODO:新增漫画分类列表数据
+    add(data) {
+      classifyAdd(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('新增成功')
+          this.Visible = false
+        } else {
+          this.$message.error('新增失败')
+        }
+      })
+    },
+    // TODO：编辑漫画分类列表数据
+    update(data) {
+      classifyUpdate(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('更新成功')
+          this.Visible = false
+        } else {
+          this.$message.error('更新失败')
+        }
+      })
+    },
+    // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          const data = JSON.parse(JSON.stringify(this.form))
+          data.location = 5
+          if (this.title === '新增') {
+            this.add(data)
+          } else if (this.title === '编辑') {
+            this.update(data)
+          }
+        } else {
+          return false
+        }
+      })
+    },
+
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+    }
+  }
+}
+</script>

src/views/atlas/atlasClassify/index.vue

@@ -0,0 +1,247 @@
+<template>
+  <div class="pf-warpper avlist">
+    <el-row class="table-form">
+      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
+        <el-form-item>
+          <el-input placeholder="请输入分类名称" clearable v-model.trim="searchData.name" @clear="onClear('name')" />
+        </el-form-item>
+        <el-form-item>
+          <el-select placeholder="请选择是否启用" clearable v-model="searchData.status" @clear="onClear('status')">
+            <el-option label="启用" :value="true" />
+            <el-option label="未启用" :value="false" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
+          <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button>
+          <el-button @click="getList" icon="el-icon-refresh" plain type="info">刷新</el-button>
+        </el-form-item>
+      </el-form>
+    </el-row>
+
+    <el-row>
+      <el-col>
+        <el-table
+:data="resData"
+element-loading-text="拼命加载中"
+border
+height="750"
+highlight-current-row
+          style="width: 100%"
+v-loading="loading">
+          <el-table-column align="center" label="排序" width="80">
+            <template slot-scope="scope">{{
+              scope.row.rank
+            }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="ID" width="80">
+            <template slot-scope="scope">{{
+              scope.row.id
+            }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="分类名称">
+            <template slot-scope="scope">{{
+              scope.row.name
+            }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="是否启用" width="80">
+            <template slot-scope="scope">{{ scope.row.status ? '已开启' : '已关闭' }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="描述信息" show-overflow-tooltip>
+            <template slot-scope="scope">{{
+              scope.row.desc
+            }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="展示类型" width="80">
+            <template slot-scope="scope">{{
+              scope.row.showType | changeName(showTypeList, 'value', 'name')
+            }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="标签" width="300">
+            <template slot-scope="scope">
+              <el-tag :key="index" v-for="(item, index) in scope.row.tagIds" size="mini">
+                {{ item|changeName(tagList,'id','name') }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="广告模式" width="80">
+            <template slot-scope="scope">{{ scope.row.adsType | changeVideoTypeMode }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="创建时间" width="180">
+            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="创建时间" width="180">
+            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="更新时间" width="180">
+            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" fixed="right" label="操作" width="180">
+            <template slot-scope="scope">
+              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
+              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+    <div class="table-pagination">
+      <el-pagination
+:current-page="searchData.pageNum"
+:page-size="searchData.pageSize"
+        :page-sizes="[10, 20, 30, 50, 100]"
+:total="total"
+@current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+layout="total, sizes, prev, pager, next, jumper" />
+    </div>
+
+    <!-- 新增及编辑 -->
+    <Edit :tagList='tagList' :data="editData" :showTypeList="showTypeList" v-if="editVisible" @close="closeEdit" />
+  </div>
+</template>
+<script>
+// 引入模块
+import Edit from './components/AddOrEdit'
+import {
+  classifyList,
+  categoryDel
+} from '@/api/atlas/index.js'
+import { tagList } from '@/api/atlas/index.js'
+export default {
+  name: 'ComicsCategory',
+  components: {
+    Edit
+  },
+  data() {
+    return {
+      // 请求列表参数
+      searchData: {
+        pageNum: 1,
+        pageSize: 50,
+        name: undefined, // "string",
+        status: undefined // true
+      },
+      resData: [], // el-table表格数据
+      editVisible: false, // 新增或编辑弹出框
+      total: 0, // 数据总条数
+      loading: false, // 列表加载状态
+      // 编辑数据
+      editData: {
+        title: '新增',
+        data: {}
+      },
+      showTypeList: [
+        { name: '主题模式', value: 1 },
+        { name: '写真列表', value: 2 },
+        { name: '发现展示', value: 3 }
+
+      ],
+      tagList: []
+    }
+  },
+
+  mounted() {
+    this.getTagList()
+    this.getList()
+  },
+  methods: {
+    // TODO:请求图集标签列表数据
+    getTagList() {
+      tagList({ pageNum: 1, pageSize: 500 }).then((res) => {
+        if (res.code === 200) {
+          this.tagList = res.data.list
+        } else {
+          this.$message.error('请求标签列表失败!')
+          this.tagList = []
+        }
+      })
+    },
+    // TODO:请求漫画分类列表数据
+    getList() {
+      this.loading = true
+      classifyList(this.searchData).then((res) => {
+        if (res.code === 200) {
+          this.resData = res.data.list
+          this.total = res.data.count
+        } else {
+          this.$message.error('请求列表失败!')
+          this.resData = []
+          this.total = 0
+        }
+        this.loading = false
+      })
+    },
+
+    // TODO:删除漫画分类列表数据
+    handleDelete(index, row) {
+      this.$confirm('确定删除?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        categoryDel({ id: row.id }).then((res) => {
+          if (res.code === 200) {
+            this.getList()
+            this.$message.success('成功删除!')
+          } else {
+            this.$message.error(res.tip)
+          }
+        })
+      })
+    },
+
+    onSearch() {
+      this.searchData.pageNum = 1
+      this.searchData.pageSize = 10
+      this.getList()
+    },
+
+    // 新增按钮
+    add() {
+      this.editVisible = true
+      this.editData = {
+        title: '新增',
+        data: {}
+      }
+    },
+    // 编辑按钮
+    handleEdit(index, row) {
+      this.editVisible = true
+      this.editData = {
+        title: '编辑',
+        data: row
+      }
+    },
+
+    // 关闭编辑弹窗
+    closeEdit() {
+      this.editData = {
+        title: '新增',
+        data: {}
+      }
+      this.editVisible = false
+      this.getList()
+    },
+    // 切换每页数据量
+    handleSizeChange(val) {
+      this.searchData.pageSize = val
+      this.getList()
+    },
+    // 切换页数
+    handleCurrentChange(val) {
+      this.searchData.pageNum = val
+      this.getList()
+    },
+    // 清空某一项筛选列表
+    onClear(key) {
+      this.searchData[key] = undefined
+      this.getList()
+    }
+  }
+}
+</script>

src/views/atlas/atlasLabel/components/AddOrEdit.vue

@@ -0,0 +1,123 @@
+<template>
+  <el-dialog
+:title="title"
+:visible.sync="Visible"
+width="700px"
+center
+class="ac-dialog"
+:close-on-click-modal="false"
+    @close="close">
+    <el-form
+:inline="true"
+:model="form"
+:rules="rules"
+ref="ruleForm"
+class="demo-form-inline"
+label-width="80px"
+      label-position="right">
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="标签名称" prop="name">
+            <el-input v-model="form.name" placeholder="请输入标签名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="排序" prop="rank">
+            <el-input v-model.number="form.rank" placeholder="请输入排序" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="观看数" prop="watchTimes">
+            <el-input v-model.number="form.watchTimes" placeholder="请输入观看数" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="是否启用" prop="status">
+            <el-switch
+v-model="form.status"
+active-color="#13ce66"
+inactive-color="#ff4949"
+active-text="开启"
+              inactive-text="关闭"></el-switch>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { tagAdd, tagUpdate } from '@/api/atlas/index.js'
+export default {
+  name: 'AddOrEdit',
+  props: ['data'],
+  components: {
+  },
+  data() {
+    return {
+      Visible: true,
+      title: '',
+      // 表单数据
+      form: {
+        cover: undefined, // "string",
+        name: undefined, // "string",
+        rank: undefined, // 0,
+        status: undefined, // true,
+        watchTimes: undefined // 0
+      },
+      rules: {}
+    }
+  },
+
+  mounted() {
+    this.title = this.data.title
+    if (this.title === '编辑') {
+      this.form = { ...this.data.data }
+    }
+  },
+  methods: {
+    add(data) {
+      tagAdd(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('新增成功')
+          this.Visible = false
+        } else {
+          this.$message.error('新增失败')
+        }
+      })
+    },
+    update(data) {
+      tagUpdate(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('更新成功')
+          this.Visible = false
+        } else {
+          this.$message.error('更新失败')
+        }
+      })
+    },
+    // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (this.title === '新增') {
+            this.add(this.form)
+          } else if (this.title === '编辑') {
+            this.update(this.form)
+          }
+        } else {
+          return false
+        }
+      })
+    },
+
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+    }
+  }
+}
+</script>

src/views/atlas/atlasLabel/index.vue

@@ -1,59 +1,85 @@
 <template>
   <div class="pf-warpper avlist">
     <el-row class="table-form">
-      <el-form :inline="true" :model="searchData.param" class="form-inline" size="mini">
+      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
         <el-form-item>
-          <el-select placeholder="请选择任务进度" clearable v-model="searchData.status" @clear="onClear('status')">
+          <el-input placeholder="请输入标签ID" clearable v-model.number="searchData.id" @clear="onClear('id')" />
-            <el-option label="开启" :value="true" />
+        </el-form-item>
-            <el-option label="关闭" :value="false" />
+        <el-form-item>
+          <el-input placeholder="请输入标签名称" clearable v-model.trim="searchData.name" @clear="onClear('name')" />
+        </el-form-item>
+        <el-form-item>
+          <el-select placeholder="请选择是否启用" clearable v-model="searchData.status" @clear="onClear('status')">
+            <el-option label="启用" :value="true" />
+            <el-option label="未启用" :value="false" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select placeholder="排序方式" clearable v-model.number="searchData.sort" @clear="onClear('sort')">
+            <el-option label="rank排序" :value="0" />
+            <el-option label="观看次数排序" :value="1" />
           </el-select>
         </el-form-item>
         <el-form-item>
           <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
           <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button>
+          <el-button @click="getList" icon="el-icon-refresh" plain type="info">刷新</el-button>
         </el-form-item>
       </el-form>
     </el-row>
+
     <el-row>
       <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="750" highlight-current-row style="width: 100%" v-loading="loading">
+        <el-table
-          <el-table-column align="center" label="Id">
+:data="resData"
+element-loading-text="拼命加载中"
+border
+height="750"
+highlight-current-row
+          style="width: 100%"
+v-loading="loading">
+          <el-table-column align="center" label="标签ID" width="80">
             <template slot-scope="scope">{{ scope.row.id }}</template>
           </el-table-column>
-          <el-table-column align="center" label="名称">
+          <el-table-column align="center" label="标签名称" show-overflow-tooltip>
             <template slot-scope="scope">{{ scope.row.name }}</template>
           </el-table-column>
-          <el-table-column align="center" label="AI订单内容类型">
+          <el-table-column align="center" label="标签排序" width="80">
-            <template slot-scope="scope">{{ scope.row.caType | changeAtType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="排序">
             <template slot-scope="scope">{{ scope.row.rank }}</template>
           </el-table-column>
-          <el-table-column align="center" label="展示方式">
+          <!-- <el-table-column align="center" label="标签封面">
-            <template slot-scope="scope">{{ scope.row.showType | changeAiContentType }}</template>
-          </el-table-column>
-               <el-table-column align="center" label="广告模式" width="80">
-            <template slot-scope="scope">{{ scope.row.adsType | changeVideoTypeMode }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="是否启用">
             <template slot-scope="scope">
-              <el-button :type="scope.row.status ? 'success' : 'danger'" plain size="mini">{{ scope.row.status ? '开启' : '关闭' }}</el-button>
+              <ShowImg style="width: 104px; height: 70px; margin: 0 auto" :urls="scope.row.cover"></ShowImg>
+            </template>
+          </el-table-column> -->
+          <el-table-column align="center" label="观看次数" width="80">
+            <template slot-scope="scope">{{ scope.row.watchTimes }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="是否展示" width="80">
+            <template slot-scope="scope">
+              <el-button :type="scope.row.status ? 'success' : 'danger'" plain size="mini">{{
+                scope.row.status ? '已启用' : '未启用'
+              }}</el-button>
             </template>
           </el-table-column>
           <el-table-column align="center" label="创建时间" width="180">
-            <template slot-scope="scope">
+            <template slot-scope="scope">{{
-              {{ scope.row.createdAt | BeiJingTime }}
+              scope.row.createdAt | BeiJingTime
+            }}
             </template>
           </el-table-column>
           <el-table-column align="center" label="更新时间" width="180">
-            <template slot-scope="scope">
+            <template slot-scope="scope">{{
-              {{ scope.row.updatedAt | BeiJingTime }}
+              scope.row.updatedAt | BeiJingTime
+            }}
             </template>
           </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="200">
+          <el-table-column align="center" fixed="right" label="操作" width="180">
             <template slot-scope="scope">
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
+              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑
-              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button>
+              </el-button>
+              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除
+              </el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -61,13 +87,13 @@
     </el-row>
     <div class="table-pagination">
       <el-pagination
-        :current-page="searchData.pageNum"
+:current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
+:page-size="searchData.pageSize"
         :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
+:total="total"
-        @current-change="handleCurrentChange"
+@current-change="handleCurrentChange"
         @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
+layout="total, sizes, prev, pager, next, jumper" />
     </div>
     <!-- 新增及编辑 -->
     <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
@@ -75,10 +101,10 @@
 </template>
 <script>
 // 引入模块
-import { aitemplateCategoryList, aitemplateCategoryDel } from '@/api/aiManagement/aiOrder'
 import Edit from './components/AddOrEdit'
+import { tagList, tagDel } from '@/api/atlas/index.js'
 export default {
-  name: 'AiOrder',
+  name: 'AtlasLabel',
   components: {
     Edit
   },
@@ -86,78 +112,85 @@ export default {
     return {
       // 请求列表参数
       searchData: {
-        status: undefined,
         pageNum: 1,
-        pageSize: 10
+        pageSize: 50,
+        name: undefined, // "string",
+        status: undefined // true
       },
       resData: [], // el-table表格数据
-      editVisible: false,
+      editVisible: false, // 新增或编辑弹出框
       total: 0, // 数据总条数
-      loading: true // 列表加载状态
+      loading: false, // 列表加载状态
+
+      // 编辑数据
+      editData: {
+        title: '新增',
+        data: {}
+      }
     }
   },
 
   mounted() {
-    this.getGameInfo()
+    this.getList()
   },
   methods: {
-    // TODO:请求应用列表数据
+    // TODO:请求漫画标签列表数据
-    getGameInfo() {
+    getList() {
-      aitemplateCategoryList(this.searchData).then(res => {
+      this.loading = true
+      tagList(this.searchData).then((res) => {
         if (res.code === 200) {
           this.resData = res.data.list
-          this.total = res.data.total
+          this.total = res.data.count
         } else {
+          this.$message.error('请求列表失败!')
           this.resData = []
           this.total = 0
-          this.$message.error('请求列表失败!')
         }
         this.loading = false
       })
     },
-    // TODO：删除应用列表数据
+    // TODO：删除漫画标签列表数据
     handleDelete(index, row) {
       this.$confirm('确定删除?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        aitemplateCategoryDel({ id: row.id }).then(res => {
+        tagDel({ id: row.id }).then((res) => {
           if (res.code === 200) {
-            this.getGameInfo()
+            this.getList()
             this.$message.success('成功删除!')
           } else {
-            this.$message.error('操作失败')
+            this.$message.error(res.tip)
           }
         })
       })
     },
+
     onSearch() {
       this.searchData.pageNum = 1
-      this.searchData.pageSize = 10
+      this.searchData.pageSize = 50
-      this.getGameInfo()
+      this.getList()
     },
-
     // 切换每页数据量
     handleSizeChange(val) {
       this.searchData.pageSize = val
-      this.getGameInfo()
+      this.getList()
     },
     // 切换页数
     handleCurrentChange(val) {
       this.searchData.pageNum = val
-      this.getGameInfo()
+      this.getList()
     },
 
     // 新增按钮
     add() {
+      this.editVisible = true
       this.editData = {
         title: '新增',
         data: {}
       }
-      this.editVisible = true
     },
-
     // 编辑按钮
     handleEdit(index, row) {
       this.editVisible = true
@@ -174,13 +207,13 @@ export default {
         data: {}
       }
       this.editVisible = false
-      this.getGameInfo()
+      this.getList()
     },
 
     // 清空某一项筛选列表
     onClear(key) {
       this.searchData[key] = undefined
-      this.getGameInfo()
+      this.getList()
     }
   }
 }

src/views/atlas/atlasList/components/AddOrEdit.vue

@@ -0,0 +1,228 @@
+<template>
+  <el-dialog :title="title" :visible.sync="Visible" width="1100px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
+    <el-form :inline="true" :model="form" :rules="rules" ref="ruleForm" class="demo-form-inline" label-width="80px" label-position="right">
+      <el-row :gutter="24">
+        <el-col :span='8'>
+          <el-form-item label="封面">
+            <UploadImg @changeImgUrl="changeCoverUrl" :img="form.cover" @onRemove="handleRemove('cover')"></UploadImg>
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="写真名称">
+            <el-input v-model="form.name" placeholder="请输入写真名称" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="排序">
+            <el-input v-model.number="form.rank" placeholder="请输入排序" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="写真分类">
+            <el-select placeholder="请选择写真分类" v-model="form.categoryId" style="width: 180px">
+              <el-option :label="item.name" :value="item.id" v-for="(item, index) in atlasClassifyList" :key="index" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="写真主题">
+            <el-select placeholder="请选择写真主题" v-model="form.topicId" multiple style="width: 180px">
+              <el-option :label="item.name" :value="item.id" v-for="(item, index) in photoToipcList" :key="index" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="内容分类">
+            <el-select placeholder="请选择内容分类" v-model="form.pictureType" style="width: 180px">
+              <el-option label="图片" :value="0" />
+              <el-option label="GIF" :value="1" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="评分">
+            <el-input v-model.number="form.photoScore" placeholder="请输入评分" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="状态">
+            <el-switch v-model="form.status" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="价格" prop="price">
+            <el-input v-model.number="form.price" placeholder="请输入价格" style="width: 180px">
+              <template
+slot="append">钻石</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span='8'>
+          <el-form-item label="背景">
+            <UploadImg @changeImgUrl="changeBackUrl" :img="form.backgroud" @onRemove="handleRemove('backgroud')"> </UploadImg>
+          </el-form-item>
+        </el-col>
+        <el-col :span='8'>
+          <el-form-item label="是否Vip">
+            <el-switch v-model="form.isVip" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
+          </el-form-item>
+        </el-col>
+        <el-col :span='16'>
+          <el-form-item label="写真描述">
+            <el-input v-model="form.desc" placeholder="请输入排序" style="width: 480px" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="24">
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="写真">
+            <UploadImgArr @changeImgUrl="changePicturesUrl" :img="form.pictures" style="width: 950px"></UploadImgArr>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <TagSelectV2 type="atlas" @selectTags="selectTags" :formTags="form.tags" :mediatagCategory="[]"  :allTags="tagList" />
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { photoAdd, photoUpdate } from '@/api/atlas/index.js'
+import UploadImg from '@/components/UploadImg/index'
+import UploadImgArr from '@/components/UploadImgArr/index'
+import { changeMoneyFen, changeMoneyYuan } from '@/filters'
+import TagSelectV2 from '@/components/TagSelectV2/index'
+export default {
+  name: 'AddOrEdit',
+  props: ['data', 'atlasClassifyList', 'photoTopicListAll', 'tagList'],
+  components: {
+    UploadImg,
+    UploadImgArr,
+    TagSelectV2
+  },
+  data() {
+    return {
+      tagsList: [],
+      chooseMediatag: [],
+      showTagsFlag: false,
+      ActressList: this.$store.getters.getActressList,
+      Visible: true,
+      title: '',
+      // 表单数据
+      form: {
+        backgroud: undefined, // 背景
+        cover: undefined, // "string",封面
+        isVip: undefined, // [],是否需要VIp
+        name: undefined, // 写真名称
+        photoScore: undefined, // 评分
+        pictures: undefined, // [],写真集
+        price: undefined, // [],价格
+        rank: undefined, // 0,排序
+        status: undefined, // true,是否启用
+        topicId: [], // [],写真专题
+        categoryId: undefined, // 分类ID
+        pictureType: undefined, // 图片类型 0:静态图片 1:动图gif
+        tags: [], // 标签
+        desc: '' // 描述
+      },
+      rules: {}
+    }
+  },
+
+  mounted() {
+    this.title = this.data.title
+    if (this.title === '编辑') {
+      const data = { ...this.data.data }
+      data.price = changeMoneyYuan(data.price)
+      this.form = data
+    }
+  },
+  computed: {
+    photoToipcList() {
+      const arr = []
+      if (this.form.categoryId) {
+        this.photoTopicListAll.map(item => {
+        })
+      }
+      return arr
+    }
+  },
+  methods: {
+    selectTags(tags) {
+      this.form.tags = tags
+    },
+
+    handleRemove(key) {
+      this.form[key] = ''
+    },
+    // 修改封面
+    changeCoverUrl(data) {
+      this.form.cover = data
+    },
+    // 上传图片返回地址
+    changePicturesUrl(data) {
+      this.form.pictures = data
+    },
+    // 修改背景图
+    changeBackUrl(data) {
+      this.form.backgroud = data
+    },
+    // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          const param = JSON.parse(JSON.stringify(this.form))
+          param.rank = param.rank ? Number(param.rank) : 0
+          param.price = changeMoneyFen(this.form.price)
+          let data
+          if (this.title === '新增') {
+            data = param
+            this.add(data)
+          } else if (this.title === '编辑') {
+            data = {
+              id: param.id,
+              param: param
+            }
+            this.update(data)
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    // TODO:新增写真列表数据
+    add(data) {
+      photoAdd(data).then(res => {
+        if (res.code === 200) {
+          this.$message.success('新增成功')
+          this.Visible = false
+        } else {
+          this.$message.error('新增失败')
+        }
+      })
+    },
+    // TODO:编辑写真列表数据
+    update(data) {
+      photoUpdate(data).then(res => {
+        if (res.code === 200) {
+          this.$message.success('更新成功')
+          this.Visible = false
+        } else {
+          this.$message.error('更新失败')
+        }
+      })
+    },
+
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+    }
+  }
+}
+</script>

src/views/atlas/atlasList/components/batch.vue

@@ -0,0 +1,126 @@
+<!--
+ * @Date: 2024-08-20 20:14:48
+ * @LastEditors: Administrator admin@example.com
+ * @LastEditTime: 2024-12-26 15:40:35
+ * @FilePath: /aiqi_admin/src/views/atlas/atlasList/components/batch.vue
+-->
+<template>
+  <el-dialog
+:title="title"
+:visible.sync="Visible"
+width="1100px"
+center
+class="ac-dialog"
+:close-on-click-modal="false"
+    @close="close">
+    <el-form
+:inline="true"
+:model="form"
+:rules="rules"
+ref="ruleForm"
+class="demo-form-inline"
+label-width="120px"
+      label-position="right">
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="写真分类">
+            <el-select placeholder="请选择写真分类" v-model="form.categoryId" style="width: 180px">
+              <el-option :label="item.name" :value="item.id" v-for="(item, index) in atlasClassifyList" :key="index" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="是否Vip">
+            <el-switch v-model="form.isVip" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="价格" prop="price">
+            <el-input v-model.number="form.price" placeholder="请输入价格" style="width: 180px">
+              <template slot="append">钻石</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="状态">
+            <el-switch v-model="form.status" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <TagSelectV2  type="atlas" @selectTags="selectTags" :formTags="form.tags" :mediatagCategory="[]"  :allTags="tagList" />
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click="submit"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { photoBathUpdate } from '@/api/atlas/index'
+import TagSelectV2 from '@/components/TagSelectV2/index'
+export default {
+  name: 'Batch',
+  props: ['data', 'atlasClassifyList', 'tagList'],
+  components: {
+    TagSelectV2
+  },
+  data() {
+    return {
+      tagsList: [],
+      Visible: true,
+      title: '',
+      // 表单数据
+      form: {
+        categoryId: undefined,
+        isVip: undefined,
+        price: undefined,
+        status: undefined,
+        tags: []
+      },
+      //
+      dates: [],
+      rules: {
+      }
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    selectTags(tags) {
+      this.form.tags = tags
+    },
+    // 提交按钮
+    submit() {
+      if (this.data.length) {
+        const param = JSON.parse(JSON.stringify(this.form))
+        param.ids = []
+        this.data.forEach(item => {
+          param.ids.push(item.id)
+        })
+        photoBathUpdate(param).then(res => {
+          if (res.code === 200) {
+            this.$message({
+              type: 'success',
+              message: '修改成功'
+            })
+          }
+        })
+      } else {
+        this.$message({
+          type: 'error',
+          message: '未选择视频'
+        })
+      }
+      this.Visible = false
+    },
+
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+    }
+  }
+}
+</script>

src/views/atlas/atlasList/index.vue

@@ -0,0 +1,369 @@
+<template>
+  <div class="pf-warpper avlist">
+    <el-row class="table-form">
+      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
+        <el-form-item>
+          <el-select clearable placeholder="请选择内容分类" v-model="searchData.pictureType" @clear="onClear('pictureType')">
+            <el-option label="图片" :value="0" />
+            <el-option label="GIF" :value="1" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+clearable
+placeholder="请选择写真分类"
+filterable
+remote
+v-model="searchData.categoryId"
+            @clear="onClear('categoryId')">
+            <el-option :label="item.name" :value="item.id" v-for="(item, index) in atlasClassifyList" :key="index" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+clearable
+placeholder="请选择写真主题"
+filterable
+remote
+v-model="searchData.topicId"
+            @clear="onClear('topicId')">
+            <el-option :label="item.name" :value="item.id" v-for="(item, index) in photoToipcList" :key="index" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
+          <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button>
+          <el-button @click="batch" icon="el-icon-edit-outline" plain type="warning">批量设置图集</el-button>
+        </el-form-item>
+      </el-form>
+    </el-row>
+
+    <el-row>
+      <el-col>
+        <el-table
+:data="resData"
+element-loading-text="拼命加载中"
+border
+height="750"
+highlight-current-row
+          style="width: 100%"
+v-loading="loading"
+:row-style="{ height: '70px' }"
+@selection-change="handleSelectionChange">
+<el-table-column type="selection" width="50" fixed="left"> </el-table-column>
+          <el-table-column align="center" label="排序">
+            <template slot-scope="scope">{{ scope.row.rank }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="写真ID">
+            <template slot-scope="scope">{{ scope.row.id }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="写真名称">
+            <template slot-scope="scope">{{ scope.row.name }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="写真分类">
+            <template slot-scope="scope">
+              {{scope.row.categoryId | changeName(atlasClassifyList, 'id', 'name') }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="写真主题">
+            <template slot-scope="scope">{{ scope.row.topicId | changeName(photoTopicListAll, 'id', 'name')
+              }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="写真标签" width="300px">
+            <template slot-scope="scope">
+              <el-tag :key="index" v-for="(item, index) in scope.row.tags" type="primary">{{item | changeName(tagList, 'id', 'name')}}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="写真描述">
+            <template slot-scope="scope">{{ scope.row.desc }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="写真演员ID">
+            <template slot-scope="scope">{{ scope.row.actorId }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="写真用户ID">
+            <template slot-scope="scope">{{ scope.row.userId }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="是否Vip">
+            <template slot-scope="scope">
+              <el-button :type="scope.row.isVip ? 'success' : 'danger'" plain size="mini">{{
+                scope.row.isVip ? '是' : '否'
+                }}</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="评分">
+            <template slot-scope="scope">{{ scope.row.photoScore }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="价格">
+            <template slot-scope="scope">{{ scope.row.price |changeMoneyYuan }}钻石</template>
+          </el-table-column>
+          <el-table-column align="center" label="封面">
+            <template slot-scope="scope">
+              <ShowImg style="width: 70px; height: 40px; margin: 0 auto" :urls="scope.row.cover"></ShowImg>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="背景">
+            <template slot-scope="scope">
+              <ShowImg style="width: 70px; height: 40px; margin: 0 auto" :urls="scope.row.backgroud"></ShowImg>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="图集">
+            <template slot-scope="scope">
+              <ShowImg style="width: 70px; height: 40px; margin: 0 auto" :urls="scope.row.pictures"></ShowImg>
+            </template>
+          </el-table-column>
+          <!-- <el-table-column align="center" label="写真分类" width="300">
+            <template slot-scope="scope">
+              <el-tag :key="index" v-for="(item, index) in scope.row.topicId" type="success">{{
+                item | changeValuetoLabel(atlasClassifyList)
+              }}</el-tag>
+            </template>
+          </el-table-column> -->
+          <el-table-column align="center" label="是否推荐" width="100">
+            <template slot-scope="scope">
+              <el-button :type="scope.row.recommend ? 'success' : 'danger'" plain size="mini">{{
+                scope.row.recommend ? '推荐' : '未推荐'
+                }}</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="是否启用" width="100">
+            <template slot-scope="scope">
+              <el-button :type="scope.row.status ? 'success' : 'danger'" plain size="mini">{{
+                scope.row.status ? '已启用' : '未启用'
+                }}</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="创建时间" width="180">
+            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="更新时间" width="180">
+            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }}</template>
+          </el-table-column>
+          <el-table-column align="center" fixed="right" label="操作" width="200">
+            <template slot-scope="scope">
+              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
+              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+    <div class="table-pagination">
+      <el-pagination
+:current-page="searchData.pageNum"
+:page-size="searchData.pageSize"
+        :page-sizes="[10, 20, 30, 50, 100]"
+:total="total"
+@current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+layout="total, sizes, prev, pager, next, jumper" />
+    </div>
+
+    <!-- 新增及编辑 -->
+    <Edit
+:data="editData"
+v-if="editVisible"
+:atlasClassifyList="atlasClassifyList"
+      :photoTopicListAll="photoTopicListAll"
+:tagList="tagList"
+@close="closeEdit" />
+<Batch :tagList="tagList" :data="selectBatch" :atlasClassifyList="atlasClassifyList"  v-if="batchVisible" @close="closeEdit">
+</Batch>
+  </div>
+</template>
+<script>
+// 引入模块
+import Edit from './components/AddOrEdit'
+import Batch from './components/batch'
+import { photoList, photoDel, classifyList } from '@/api/atlas/index.js'
+import ShowImg from '@/components/ShowImg/index.vue'
+import { topicSearch } from '@/api/videoManagement/topic'
+import { tagList } from '@/api/atlas/index.js'
+export default {
+  name: 'PhotoManagement',
+  components: {
+    Edit,
+    ShowImg,
+    Batch
+  },
+  data() {
+    return {
+      ActressList: [],
+      atlasClassifyList: [],
+      tagList: [], // 标签列表
+      photoTopicListAll: [],
+      // 请求列表参数
+      searchData: {
+        pageNum: 1,
+        pageSize: 10,
+        name: undefined,
+        categoryId: undefined,
+        topicId: undefined
+      },
+      resData: [], // el-table表格数据
+      editVisible: false, // 新增或编辑弹出框
+      total: 0, // 数据总条数
+      loading: true, // 列表加载状态
+      // 编辑数据
+      editData: {
+        title: '新增',
+        data: {}
+      },
+      selectBatch: [],
+      batchVisible: false
+    }
+  },
+  computed: {
+    photoToipcList() {
+      const arr = this.photoTopicListAll.filter(item => {
+        if (item && item.categoryId) {
+          return item.categoryId === this.searchData.categoryId
+        }
+      })
+      return arr
+    }
+  },
+  async mounted() {
+    this.getPhotoList()
+    await this.getCategoryList()
+    await this.getTopicList()
+    await this.gettagList()
+  },
+  methods: {
+    // 批量设置
+    batch() {
+      this.batchVisible = true
+    },
+    // 批量选择
+    handleSelectionChange(val) {
+      this.selectBatch = val
+    },
+
+    // TODO：请求写真列表数据
+    getPhotoList() {
+      this.loading = true
+      photoList(this.searchData).then(res => {
+        if (res.code === 200) {
+          this.resData = res.data.list
+          this.total = res.data.total
+        } else {
+          this.$message.error('请求列表失败!')
+          this.resData = []
+          this.total = 0
+        }
+        this.loading = false
+      })
+    },
+    // TODO:请求写真分类列表数据
+    async getCategoryList() {
+      const param = {
+        pageNum: 1,
+        pageSize: 500
+      }
+      await classifyList(param).then(res => {
+        if (res.code === 200) {
+          this.atlasClassifyList = res.data.list
+        } else {
+          this.$message.error('请求写真分类列表失败!')
+          this.atlasClassifyList = []
+        }
+      })
+    },
+    // TODO：请求写真主题列表数据
+    async getTopicList() {
+      const param = {
+        pageNum: 1,
+        pageSize: 500
+      }
+      await topicSearch(param).then(res => {
+        if (res.code === 200) {
+          this.photoTopicListAll = res.data.list
+        } else {
+          this.$message.error('请求写真主题列表失败!')
+          this.photoTopicListAll = []
+        }
+      })
+    },
+    // 获取标签
+    gettagList(val) {
+      this.chooseMediatag = []
+      const param = {
+        pageNum: 1,
+        pageSize: 500
+      }
+      tagList(param).then(res => {
+        if (res.data.list) {
+          this.tagList = res.data.list
+        } else {
+          this.$message.error('请求标签列表失败!')
+        }
+      })
+    },
+    // TODO:删除写真列表数据
+    handleDelete(index, row) {
+      this.$confirm('确定删除?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        photoDel({ id: row.id }).then(res => {
+          if (res.code === 200) {
+            this.getPhotoList()
+            this.$message.success('成功删除!')
+          } else {
+            this.$message.error(res.tip)
+          }
+        })
+      })
+    },
+    onSearch() {
+      this.searchData.pageNum = 1
+      this.searchData.pageSize = 10
+      this.getPhotoList()
+    },
+
+    // 切换每页数据量
+    handleSizeChange(val) {
+      this.searchData.pageSize = val
+      this.getPhotoList()
+    },
+    // 切换页数
+    handleCurrentChange(val) {
+      this.searchData.pageNum = val
+      this.getPhotoList()
+    },
+
+    // 新增按钮
+    add() {
+      this.editVisible = true
+      this.editData = {
+        title: '新增',
+        data: {}
+      }
+    },
+    // 编辑按钮
+    handleEdit(index, row) {
+      this.editVisible = true
+      this.editData = {
+        title: '编辑',
+        data: row
+      }
+    },
+
+    // 关闭编辑弹窗
+    closeEdit() {
+      this.editData = {
+        title: '新增',
+        data: {}
+      }
+      this.batchVisible = false
+      this.editVisible = false
+      this.getPhotoList()
+    },
+    // 清空某一项筛选列表
+    onClear(key) {
+      this.searchData[key] = undefined
+      this.getPhotoList()
+    }
+  }
+}
+</script>

src/views/atlas/atlasTopic/components/AddOrEdit.vue

@@ -0,0 +1,161 @@
+<template>
+  <el-dialog
+:title="title"
+:visible.sync="Visible"
+width="1100px"
+center
+class="ac-dialog"
+:close-on-click-modal="false"
+    @close="close">
+    <el-form
+:inline="true"
+:model="form"
+:rules="rules"
+ref="ruleForm"
+class="demo-form-inline"
+label-width="100px"
+      label-position="right">
+      <el-row :gutter="24">
+        <el-col :span="8">
+          <el-form-item label="封面图">
+            <UploadImg @changeImgUrl="changeCoverImgUrl" :img="form.coverImg"></UploadImg>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="主题名称">
+            <el-input v-model="form.name" placeholder="请输入主题名称" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item label="排序">
+            <el-input v-model.number="form.rank" placeholder="请输入排序" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="主题所属分类">
+            <el-select placeholder="请选择主题所属分类" v-model="form.categoryId" filterable allow-create default-first-option>
+              <el-option :key="item.value" :label="item.name" :value="item.id" v-for="item in categoryList" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="展示方式">
+            <el-select placeholder="请选择展示方式" v-model="form.showType">
+              <el-option :key="item.value" :label="item.name" :value="item.value" v-for="item in showTypeList" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="虚拟图片数量">
+            <el-input v-model.number="form.photoCount" placeholder="请输入虚拟图片数量" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="虚拟观看次数">
+            <el-input v-model.number="form.watchTimes" placeholder="请输入虚拟观看次数" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="状态">
+            <el-switch v-model="form.status" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="主题描述">
+            <el-input v-model="form.desc" placeholder="请输入主题描述" style="width: 400px" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <TagSelectV2 type="atlas"  @selectTags="selectTags" :formTags="form.tagIds" :mediatagCategory="[]"  :allTags="tagList" />
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import { photoTopicAdd, photoTopicUpdate } from '@/api/atlas/index.js'
+import UploadImg from '@/components/UploadImg/index'
+import TagSelectV2 from '@/components/TagSelectV2/index'
+export default {
+  name: 'AddOrEdit',
+  props: ['data', 'categoryList', 'showTypeList', 'tagList'],
+  components: { UploadImg, TagSelectV2 },
+  data() {
+    return {
+      Visible: true,
+      title: '',
+      // 表单数据
+      form: {
+        categoryId: undefined, // 分类ID
+        coverImg: undefined, // 封面
+        desc: undefined, // 描述
+        name: undefined, // 专题名称
+        photoCount: undefined, // 图片数量
+        rank: undefined, // 排序
+        showType: undefined, // 展示方式
+        status: undefined, // 是否启用
+        watchTimes: undefined, // 观看次数
+        tagIds: []
+      },
+      rules: {}
+    }
+  },
+
+  mounted() {
+    this.title = this.data.title
+    if (this.title === '编辑') {
+      this.form = { ...this.data.data }
+    }
+  },
+  methods: {
+    selectTags(tags) {
+      this.form.tagIds = tags
+    },
+    add(data) {
+      photoTopicAdd(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('新增成功')
+          this.Visible = false
+        } else {
+          this.$message.error('新增失败')
+        }
+      })
+    },
+    update(data) {
+      photoTopicUpdate(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('更新成功')
+          this.Visible = false
+        } else {
+          this.$message.error('更新失败')
+        }
+      })
+    },
+    // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (this.title === '新增') {
+            this.add(this.form)
+          } else if (this.title === '编辑') {
+            this.update(this.form)
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    changeCoverImgUrl(data) {
+      this.form.coverImg = data
+    },
+
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+    }
+  }
+}
+</script>

src/views/atlas/atlasTopic/index.vue

@@ -0,0 +1,279 @@
+<template>
+  <div class="pf-warpper avlist">
+    <el-row class="table-form">
+      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
+        <el-form-item>
+          <el-input placeholder="请输入标签ID" clearable v-model.number="searchData.id" @clear="onClear('id')" />
+        </el-form-item>
+        <el-form-item>
+          <el-input placeholder="请输入标签名称" clearable v-model.trim="searchData.name" @clear="onClear('name')" />
+        </el-form-item>
+        <el-form-item>
+          <el-select placeholder="请选择是否启用" clearable v-model="searchData.status" @clear="onClear('status')">
+            <el-option label="启用" :value="true" />
+            <el-option label="未启用" :value="false" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select placeholder="排序方式" clearable v-model.number="searchData.sort" @clear="onClear('sort')">
+            <el-option label="rank排序" :value="0" />
+            <el-option label="创建时间" :value="1" />
+            <el-option label="观看数量" :value="2" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
+          <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button>
+          <el-button @click="getList" icon="el-icon-refresh" plain type="info">刷新</el-button>
+        </el-form-item>
+      </el-form>
+    </el-row>
+
+    <el-row>
+      <el-col>
+        <el-table
+:data="resData"
+element-loading-text="拼命加载中"
+border
+height="750"
+highlight-current-row
+          style="width: 100%"
+v-loading="loading">
+          <el-table-column align="center" label="专题ID" width="80">
+            <template slot-scope="scope">{{ scope.row.id }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="专题名称" show-overflow-tooltip>
+            <template slot-scope="scope">{{ scope.row.name }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="专题排序" width="80">
+            <template slot-scope="scope">{{ scope.row.rank }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="主题描述" width="400" show-overflow-tooltip>
+            <template slot-scope="scope">{{ scope.row.desc }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="标签"  width="400">
+            <template slot-scope="scope">
+              <el-tag :key="index" v-for="(item, index) in scope.row.tagIds" size="mini">
+                {{ item|changeName(tagList,'id','name') }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="是否展示" width="80">
+            <template slot-scope="scope">
+              <el-button :type="scope.row.status ? 'success' : 'danger'" plain size="mini">{{
+                scope.row.status ? '已启用' : '未启用'
+                }}</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="封面图" width="100px">
+            <template slot-scope="scope">
+              <ShowImg style="width: 40px; height: 40px; margin: 0 auto; line-height: 40px" :urls="scope.row.coverImg">
+              </ShowImg>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="主题所属分类">
+            <template slot-scope="scope">
+              {{ scope.row.categoryId | changeName(categoryList, 'id', 'name') }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="展示方式" width="180">
+            <template slot-scope="scope">{{ scope.row.showType|changeName(showTypeList,'value','name') }}</template>
+          </el-table-column>
+
+          <el-table-column align="center" label="虚拟观看次数" width="80">
+            <template slot-scope="scope">{{ scope.row.watchTimes }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="虚拟图片数量" width="80">
+            <template slot-scope="scope">{{ scope.row.photoCount }}</template>
+          </el-table-column>
+
+          <el-table-column align="center" label="创建时间" width="180">
+            <template slot-scope="scope">{{
+              scope.row.createdAt | BeiJingTime
+              }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="更新时间" width="180">
+            <template slot-scope="scope">{{
+              scope.row.updatedAt | BeiJingTime
+              }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" fixed="right" label="操作" width="180">
+            <template slot-scope="scope">
+              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑
+              </el-button>
+              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+    <div class="table-pagination">
+      <el-pagination
+:current-page="searchData.pageNum"
+:page-size="searchData.pageSize"
+        :page-sizes="[10, 20, 30, 50, 100]"
+:total="total"
+@current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+layout="total, sizes, prev, pager, next, jumper" />
+    </div>
+    <!-- 新增及编辑 -->
+    <Edit :tagList="tagList" :data="editData" :showTypeList="showTypeList" :categoryList="categoryList" v-if="editVisible" @close="closeEdit" />
+  </div>
+</template>
+<script>
+// 引入模块
+import Edit from './components/AddOrEdit'
+import ShowImg from '@/components/ShowImg/index.vue'
+import { photoTopicList, photoTopicDel } from '@/api/atlas/index.js'
+import { classifyList } from '@/api/atlas/index.js'
+import { tagList } from '@/api/atlas/index.js'
+export default {
+  name: 'AtlasLabel',
+  components: {
+    Edit, ShowImg
+  },
+  data() {
+    return {
+      // 请求列表参数
+      searchData: {
+        pageNum: 1,
+        pageSize: 50,
+        name: undefined, // "string",
+        status: undefined // true
+      },
+      resData: [], // el-table表格数据
+      editVisible: false, // 新增或编辑弹出框
+      total: 0, // 数据总条数
+      loading: false, // 列表加载状态
+      showTypeList: [
+        { name: '五宫格', value: 1 },
+        { name: '四宫格', value: 2 },
+        { name: '大列表', value: 3 }
+      ],
+      categoryList: [],
+      tagList: [],
+
+      // 编辑数据
+      editData: {
+        title: '新增',
+        data: {}
+      }
+    }
+  },
+
+  mounted() {
+    this.getTagList()
+    this.getClassifyList()
+    this.getList()
+  },
+  methods: {
+    // TODO:请求图集标签列表数据
+    getTagList() {
+      tagList({ pageNum: 1, pageSize: 500 }).then((res) => {
+        if (res.code === 200) {
+          this.tagList = res.data.list
+        } else {
+          this.$message.error('请求标签列表失败!')
+          this.tagList = []
+        }
+      })
+    },
+    // TODO:请求图集分类列表数据
+    getClassifyList() {
+      classifyList({ pageNum: 1, pageSize: 100 }).then((res) => {
+        if (res.code === 200) {
+          this.categoryList = res.data.list
+        } else {
+          this.$message.error('请求图集分类列表失败!')
+          this.categoryList = []
+        }
+      })
+    },
+    // TODO:请求漫画标签列表数据
+    getList() {
+      this.loading = true
+      photoTopicList(this.searchData).then((res) => {
+        if (res.code === 200) {
+          this.resData = res.data.list
+          this.total = res.data.count
+        } else {
+          this.$message.error('请求列表失败!')
+          this.resData = []
+          this.total = 0
+        }
+        this.loading = false
+      })
+    },
+    // TODO：删除漫画标签列表数据
+    handleDelete(index, row) {
+      this.$confirm('确定删除?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        photoTopicDel({ id: row.id }).then((res) => {
+          if (res.code === 200) {
+            this.getList()
+            this.$message.success('成功删除!')
+          } else {
+            this.$message.error(res.tip)
+          }
+        })
+      })
+    },
+
+    onSearch() {
+      this.searchData.pageNum = 1
+      this.searchData.pageSize = 50
+      this.getList()
+    },
+    // 切换每页数据量
+    handleSizeChange(val) {
+      this.searchData.pageSize = val
+      this.getList()
+    },
+    // 切换页数
+    handleCurrentChange(val) {
+      this.searchData.pageNum = val
+      this.getList()
+    },
+
+    // 新增按钮
+    add() {
+      this.editVisible = true
+      this.editData = {
+        title: '新增',
+        data: {}
+      }
+    },
+    // 编辑按钮
+    handleEdit(index, row) {
+      this.editVisible = true
+      this.editData = {
+        title: '编辑',
+        data: row
+      }
+    },
+
+    // 关闭编辑弹窗
+    closeEdit() {
+      this.editData = {
+        title: '新增',
+        data: {}
+      }
+      this.editVisible = false
+      this.getList()
+    },
+
+    // 清空某一项筛选列表
+    onClear(key) {
+      this.searchData[key] = undefined
+      this.getList()
+    }
+  }
+}
+</script>

src/views/comicsManagement/comics/index.vue

@@ -287,7 +287,7 @@ layout="total, sizes, prev, pager, next, jumper" />
     <ChapterList :data="editData" v-if="chapterListVisible" @close="closeEdit" />
     <SetTag :data="selectBatch" v-if="setTagVisible" @close="closeEdit"></SetTag>
     <DelTag :data="topicIdList" v-if="delThemeVisible" @close="closeEdit"></DelTag>
-    <EditCom :data="editData" v-if="editComVisible" :objectype="5" @close="closeEdit" />
+    <!-- <EditCom :data="editData" v-if="editComVisible" :objectype="5" @close="closeEdit" /> -->
     <AddTags :data="selectBatch" v-if="tagsVisible" @close="closeEdit" />
     <Bach :data="selectBatch" v-if="batchVisible" @close="closeEdit" />
   </div>
@@ -307,7 +307,7 @@ import Edit from './components/AddOrEdit'
 import Bach from './components/Bach'
 import SetTag from './components/setTag'
 import DelTag from './components/delTag'
-import EditCom from '@/views/videoManagement/videoList/components/videoComment.vue'
+// import EditCom from '@/views/videoManagement/videoList/components/videoComment.vue'
 import AddTags from './components/addTags'
 export default {
   name: 'Comics',
@@ -316,7 +316,7 @@ export default {
     ShowImg,
     ChapterList,
     SetTag,
-    EditCom,
+    // EditCom,
     AddTags,
     DelTag,
     Bach

src/views/lsjMediaLibrary/comicsList/components/AddOrEdit.vue

@@ -1,517 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="900px" center class="ac-dialog"
-    :close-on-click-modal="false" @close="close">
-    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="标题">
-            <el-input v-model="form.name" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-         <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="子标题">
-            <el-input v-model="form.sub_title" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-          <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="价格">
-            <el-input v-model="form.money" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-         <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="描述">
-            <el-input v-model="form.description" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-         <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="作者">
-            <el-input v-model="form.author" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-           <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="是否有声">
-            <el-select v-model="form.is_adult" placeholder="请选择是否有声">
-              <el-option  :value="'y'" :label="'是'"></el-option>
-              <el-option  :value="'n'" :label="'否'"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-           <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="更新状态">
-            <el-select v-model="form.update_status" placeholder="请选择更新状态">
-              <el-option  :value="'0'" :label="'更新中'"></el-option>
-              <el-option  :value="'1'" :label="'已完结'"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-         <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="分类">
-            <el-input v-model="form.category" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-          <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-           <el-form-item label="章节列表">
-              <el-button size="small" type="success" @click="showDetailFn(form.chapter)">查看漫画章节详情</el-button>
-           </el-form-item>
-          </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="标签">
-            <el-tag :key="index + 'tagData'" style="margin: 2px" v-for="(item, index) in form.tags" size="mini">
-              {{ item.name }}
-            </el-tag>
-          </el-form-item>
-        </el-col>
-        <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="12">
-          <el-form-item label="更新时间">
-            <el-date-picker style="width: 200px" v-model="form.updated_at" type="date" placeholder="选择日期"
-              value-format="yyyy-MM-ddTHH:mm:ssZ">
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="封面">
-            <ShowImg style="width: 100px; height: 100px;" :noNeedDoamin="true" :urls="form.img">
-            </ShowImg>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-    </el-form>
-  <ComicsDetailView v-if="showDetail" :itemData="novelDetailData" @close="showDetail = false" />
-    <div slot="footer" class="dialog-footer">
-      <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
-    </div>
-  </el-dialog>
-</template>
-<script>
-import 'videojs-contrib-hls'
-import { lsjComicsDetail } from '@/api/lsjMediaLibrary/comicsList.js'
-import ShowImg from '@/components/ShowImg/index.vue'
-import ComicsDetailView from '@/components/ComicsDetailView/index.vue'
-
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    ShowImg,
-    ComicsDetailView
-  },
-
-  data() {
-    return {
-      coverTypeList: [
-        { label: '横版', value: 'long' },
-        { label: '竖版', value: 'short' },
-      ],
-      novelDetailData:[],
-      showDetail:false,
-      type: undefined,
-      videoType: undefined,
-      innerVisible: false,
-      Visible: true,
-      title: '',
-
-      taskId: '',
-      tags: null,
-      fieldNameFs: '', // 正片地址全称
-      form: {
-        links: [{
-          m3u8_url: '',
-          preview_m3u8_url: '',
-        }]
-      },
-
-    }
-  },
-
-  async created() {
-    this.title = this.data.title
-    if (this.title === '查看详情') {
-      await this.getVideoDetail()
-      if (this.form.links.m3u8_url) {
-        this.open()
-      }
-    }
-    if (this.player) {
-      this.player.dispose()
-    }
-  },
-  methods: {
-      showDetailFn(row) {
-      this.novelDetailData = row
-      this.showDetail = true
-    },
-    getVideoDetail() {
-      lsjComicsDetail({ id: this.data.data.id }).then((res) => {
-        if (res.code === 200) {
-          this.form = res.data
-        } else {
-          this.$message.error('请求失败!')
-        }
-      })
-    },
-
-    filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.form.param[key] = []
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.coverImg = data
-    },
-
-
-    // 关闭编辑
-    close() {
-      if (this.player) {
-        this.player.dispose()
-      }
-      this.$emit('close')
-    }
-  }
-}
-</script>
-<style lang="scss">
-.el-dialog {
-  display: flex;
-  flex-direction: column;
-  margin: 0 !important;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  /*height:600px;*/
-  max-height: calc(100% - 30px);
-  max-width: calc(100% - 30px);
-}
-
-.el-dialog .el-dialog__body {
-  flex: 1;
-  overflow: auto;
-}
-
-.videoBox {
-  display: flex;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.el-textarea.is-disabled.ti .el-textarea__inner {
-  color: red;
-}
-
-.media-box {
-  width: 100%;
-  height: 400px;
-  text-align: center;
-  overflow: hidden;
-
-  img {
-    height: 100%;
-    max-width: 100%;
-  }
-
-  #my-video {
-    width: 100% !important;
-    height: 100% !important;
-    border: none !important;
-  }
-}
-
-.check_upload {
-  position: relative;
-  padding: 10px;
-  overflow: hidden;
-  border: 1px dashed #ccc;
-  background-color: #f5f5f5;
-
-  div {
-    display: inline-block;
-    position: relative;
-    padding: 4px 8px;
-    font-size: 100%;
-    line-height: 1.4;
-    color: #666;
-    border: 1px solid #666;
-    cursor: pointer;
-    border-radius: 2px;
-    background: none;
-    outline: none;
-  }
-
-}
-.itemData-main {
-    /* rem适配基础设置 */
-    font-size: 16px;
-    /* 基准字体大小 */
-    background: #000;
-    color: #fff;
-    height: 844px;
-    overflow-y: scroll;
-    padding: 10px;
-
-    a,
-    a:link,
-    a:visited,
-    a:hover,
-    a:active {
-        text-decoration: none;
-        color: inherit;
-    }
-
-    .topBox {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 8px 16px;
-        background: #212121;
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        z-index: 99;
-        /* display: none; */
-    }
-
-    .navBtn {
-        width: 51px;
-        height: 24px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 10px;
-        color: #E0E0E0;
-        border-radius: 6px;
-        background: rgba(255, 255, 255, 0.10);
-    }
-
-    .navBtn .moreIcon {
-        width: 16px;
-        height: 16px;
-        margin-right: 3px;
-    }
-
-    .logo {
-        width: 94px;
-        height: 32px;
-    }
-
-    .searchIcon {
-        width: 24px;
-        height: 24px;
-        margin-left: 27px;
-    }
-
-    .header {
-        width: 100%;
-        /* height: 159px; */
-        background: #212121;
-        padding: 12px 16px;
-        box-sizing: border-box;
-        margin-bottom: 20px;
-    }
-
-    .header .title {
-        text-align: center;
-        color: #BDBDBD;
-        font-size: 26px;
-        line-height: 32px;
-        margin-bottom: 14px;
-    }
-
-    .header .info {
-        font-size: 14px;
-        line-height: 20px;
-        color: rgba(255, 255, 255, 0.70);
-        display: flex;
-        align-items: center;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 3;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-
-    .header .info a {
-        text-decoration-line: underline;
-    }
-
-    .main .lineBox {
-        padding: 0 16px;
-        box-sizing: border-box;
-    }
-
-    .main .lineBox .line {
-        width: 100%;
-        height: 1px;
-        background: rgba(255, 255, 255, 0.10);
-        margin: 18px 0;
-    }
-
-    .postContent {
-        margin: 36px 0 0;
-    }
-
-    .postBox {
-        color: #FAFAFA;
-        /* margin-bottom: 18px; */
-    }
-
-    .postTitle {
-        font-size: 24px;
-        font-weight: 600;
-        line-height: 32px;
-        margin-bottom: 28px;
-        padding: 0 16px;
-        box-sizing: border-box;
-    }
-
-    .postText {
-        color: #FAFAFA;
-        margin: 0 16px 36px;
-        font-size: 16px;
-        line-height: 22px;
-    }
-
-    .postimage {
-        width: 100%;
-        height: auto;
-        margin-bottom: 18px;
-        /* margin-bottom: 47px; */
-    }
-
-    .postDesc {
-        font-size: 16px;
-        color: #FAFAFA;
-        line-height: 22px;
-        padding: 0 16px;
-        box-sizing: border-box;
-        margin-bottom: 19px;
-    }
-
-    .postDesc span {
-        font-weight: 600;
-    }
-
-    .postLine {
-        margin: 0 16px;
-        border-bottom: 1px dashed rgba(255, 255, 255, 0.50);
-    }
-
-    .tagBox {
-        margin-bottom: 12px;
-        padding: 0 16px;
-    }
-
-    .tagBox .tagList {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        gap: 7px;
-        margin-bottom: 18px;
-    }
-
-    .tagBox .tagList .tagItem {
-        padding: 8px 16px;
-        box-sizing: border-box;
-        border-radius: 62px;
-        background: rgba(255, 255, 255, 0.05);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 12px;
-        color: #BDBDBD;
-    }
-
-    .lastDay {
-        text-align: right;
-        color: #BDBDBD;
-        line-height: 20px;
-        font-size: 14px;
-    }
-
-    .copyBox {
-        color: #FFF;
-        text-align: center;
-        text-shadow: 0 0 20px #FF8400, 0 0 20px #FF8400;
-        font-family: "PingFang SC";
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 28px;
-        /* 140% */
-        padding: 18px;
-        box-sizing: border-box;
-        margin-bottom: 18px;
-    }
-
-    .copySuccess {
-        color: #FFF;
-        text-align: center;
-        text-shadow: 0 0 20px #FF00B2, 0 0 20px #FF00B2;
-        font-family: "PingFang SC";
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 28px;
-        /* 140% */
-        padding: 18px;
-        box-sizing: border-box;
-        margin-bottom: 18px;
-    }
-
-    .dplayerBox {
-        margin-bottom: 18px;
-        max-height: 300px;
-    }
-
-    .gridAdvBox {
-        margin: 0 16px 18px;
-    }
-
-    .gridAdvBox .gridAdvTitle {
-        padding: 0 16px;
-        box-sizing: border-box;
-        height: 49px;
-        display: flex;
-        align-items: center;
-        border-top: 1px solid rgba(255, 255, 255, 0.10);
-        background: rgba(255, 255, 255, 0.05);
-        font-size: 18px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 24px;
-    }
-
-    .keywords {
-        box-sizing: border-box;
-        font-size: 16px;
-        line-height: 22px;
-        color: #BDBDBD;
-    }
-
-    @media screen and (min-width: 768px) {
-
-        /* body {
-    margin-top: 140px;
-  } */
-        body main {
-            max-width: 720px;
-            margin: 0 auto;
-        }
-
-        .header {
-            max-width: 720px;
-            margin: 0 auto;
-        }
-
-        .topBox {
-            display: none;
-        }
-    }
-}
-</style>

src/views/lsjMediaLibrary/comicsList/index.vue

@@ -1,337 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-        <el-form-item>
-          <el-input placeholder="请输入关键词" clearable v-model="searchData.keywords" @clear="onClear('keywords')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入ID" clearable v-model="searchData.id" @clear="onClear('id')" />
-        </el-form-item>
-          <el-form-item>
-          <el-input placeholder="请输入源站" clearable v-model="searchData.source_site" @clear="onClear('source_site')" />
-        </el-form-item>
-         <el-form-item>
-          <el-input placeholder="请输入源链接" clearable v-model="searchData.source_url" @clear="onClear('source_url')" />
-        </el-form-item>
-       <el-form-item>
-          <el-select placeholder="请选择是否完结" clearable v-model="searchData.is_end" @clear="onClear('is_end')">
-            <el-option label="已完结" value="y" />
-            <el-option label="未完结" value="n" />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item>
-          <el-select placeholder="请选择分类" clearable v-model="searchData.cat_id" @clear="onClear('cat_id')">
-            <el-option label="韩漫" value="韩漫" />
-            <el-option label="日漫" value="日漫" />
-            <el-option label="国漫" value="国漫" />
-            <el-option label="本子" value="本子" />
-            <el-option label="色图" value="色图" />
-            <el-option label="腐漫" value="腐漫" />
-            <el-option label="Cosplay" value="Cosplay" />
-            <el-option label="3D" value="3D" />
-            <el-option label="CG" value="CG" />
-            <el-option label="欧美漫画" value="欧美漫画" />
-            <el-option label="港台漫画" value="港台漫画" />
-            <el-option label="真人漫画" value="真人漫画" />
-            <el-option label="同人" value="同人" />
-            <el-option label="写真" value="写真" />
-            <el-option label="AI" value="AI" />
-
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-date-picker v-model="time" type="daterange" range-separator="至" value-format="yyyy-MM-dd HH:mm:ss"
-            start-placeholder="开始日期" end-placeholder="结束日期">
-          </el-date-picker>
-        </el-form-item>
-
-        <el-form-item>
-          <el-button @click="onSeach" icon="el-icon-search" plain type="primary">搜索</el-button>
-          <!-- <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button> -->
-          <el-button @click="addPostArray" icon="el-icon-circle-plus-outline" plain type="warning">批量加入后台视频库</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="735" highlight-current-row
-          style="width: 100%; font-size: 10px" v-loading="loading" :row-style="{ height: '30px' }"
-          :cell-style="{ padding: '5px' }" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="50"> </el-table-column>
-          <el-table-column align="center" label="ID" width="190px">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="标题" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.name }}</template>
-          </el-table-column>
-
-              <el-table-column align="center" label="描述" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.description }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="封面" width="80px">
-            <template slot-scope="scope">
-              <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :noNeedDoamin="true" :urls="scope.row.img">
-              </ShowImg>
-            </template>
-          </el-table-column>
-           <el-table-column align="center" label="分类名称"  show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.category }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" label="章节数量">
-            <template slot-scope="scope">{{
-              scope.row.chapter_count
-              }}</template>
-          </el-table-column>
-       <el-table-column align="center" label="标签" width="300px">
-            <template slot-scope="scope">
-              <el-tag :key="index + 'tagData'" style="margin: 2px" v-for="(item, index) in scope.row.tags"
-                size="mini">
-                {{ item.name }}
-              </el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="类型">
-            <template slot-scope="scope">{{ scope.row.type }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="价格">
-            <template slot-scope="scope">{{ scope.row.money }}</template>
-          </el-table-column>
-            <el-table-column align="center" label="是否有声" width="110px">
-            <template slot-scope="scope">
-              <el-button plain size="mini">{{
-                scope.row.is_adult === 'y' ? '有声' : '文本' }}</el-button>
-            </template>
-          </el-table-column>
-           <el-table-column align="center" label="更新状态" width="110px">
-           <template slot-scope="scope">{{
-              scope.row.update_status | changeUpdateStatus
-              }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="是否完结" width="110px">
-            <template slot-scope="scope">
-              <el-button plain size="mini">{{
-                scope.row.is_end === 'y' ? '已完结' : '未完结' }}</el-button>
-            </template>
-          </el-table-column>
-            <el-table-column align="center" label="子标题" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.sub_title }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="别名" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.alias_name }}</template>
-          </el-table-column>
-            <el-table-column align="center" width="120px" label="最后更新时间">
-            <template slot-scope="scope">{{ scope.row.last_update | BeiJingTime }}</template>
-          </el-table-column>
-          <el-table-column align="center" width="120px" label="创建时间">
-            <template slot-scope="scope">{{ scope.row.created_at | BeiJingTime }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" fixed="right" label="操作" width="300">
-            <template slot-scope="scope">
-              <el-button  @click="addPost(scope.$index, scope.row)" size="mini"
-                :type="scope.row.isAdd ? 'info' : 'primary'" :disabled="scope.row.isAdd ? true : false">{{
-                  `${scope.row.isAdd ? '已加入后台资源库' : '加入后台资源库'}` }}</el-button>
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">查看详情</el-button>
-              <!-- <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button> -->
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination :current-page="page" :page-size="page_size"
-        :page-sizes="[10, 20, 30, 50, 100]" :total="total" @current-change="handleCurrentChange"
-        @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper" />
-    </div>
-    <!-- 查看详情 -->
-    <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
-    <NovelDetailView v-if="showDetail" :itemData="novelDetailData" @close="closeEdit"
-     />
-  </div>
-</template>
-<script>
-// 引入模块
-import ShowImg from '@/components/ShowImg/index.vue'
-import Edit from './components/AddOrEdit'
-import { lsjComicsList, lsjComicsDel, lsjComicsAdd } from '@/api/lsjMediaLibrary/comicsList.js'
-
-import { audioAdd } from '@/api/novelsManagement/audio.js'
-import { isNumber } from 'mathjs/lib/entry/typeChecks'
-import NovelDetailView from '@/components/NovelDetailView/index.vue'
-export default {
-  name: 'MediaCat',
-  components: {
-    ShowImg,
-    Edit,
-    NovelDetailView
-  },
-  data() {
-    return {
-       page: 1,
-        page_size: 20,
-  novelDetailData:[],
-      // 请求列表参数
-      searchData: {
-        id: undefined,
-        name: undefined, // 外用状态
-        status: undefined, // "string",当前状态
-        cat_id: undefined // 视频归类
-      },
-      time: undefined,
-      resData: [], // el-table表格数据
-      total: 0, // 数据总条数
-      selectArray: undefined,
-      editShowLocationVisible: undefined,
-      showDetail: false,
-      loading: true, // 列表加载状态
-      // 编辑数据
-      editVisible: false, // 新增或编辑弹出框
-      editData: {
-        title: '查看详情',
-        data: {}
-      }
-    }
-  },
-  filters: {
-    changeUpdateStatus(v){
-
-      switch (v) {
-        case '0':
-          return '更新中'
-        case '1':
-          return '更新完成'
-
-      }
-    },
-
-  },
-
-  mounted() {
-    this.getMediaSearch()
-
-  },
-  methods: {
-    showDetailFn(row) {
-      this.novelDetailData = row
-      this.showDetail = true
-    },
-
-    // TODO:加入后台视频库
-    addPost(index, row) {
-      lsjComicsAdd({ id: row.id }).then((res) => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-
-
-    // TODO:请求影片列表数据
-    getMediaSearch() {
-      this.loading = true
-      if(isNumber(this.page)|| isNumber(this.page_size)){
-        this.searchData.page = this.page + ''
-        this.searchData.page_size = this.page_size + ''
-      }
-      if (this.time) {
-        this.searchData.start_time = this.time[0]
-        this.searchData.end_time = this.time[1]
-      } else {
-        this.searchData.start_time = undefined
-        this.searchData.end_time = undefined
-      }
-      lsjComicsList(this.searchData).then((res) => {
-        if (res.code === 200) {
-          this.resData = res.data.data
-          this.total = Number(res.data.total)
-        } else {
-          this.$message.error('请求列表失败!')
-          this.resData = []
-          this.total = 0
-        }
-        this.loading = false
-      })
-    },
-
-    // TODO:删除影片列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        lsjComicsDel({ id: row.id }).then((res) => {
-          if (res.code === 200) {
-            this.getMediaSearch()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error(res.tip)
-          }
-        })
-      })
-    },
-    addPostArray() {
-      Object.keys(this.selectArray).forEach((key) => {
-        if (!this.selectArray[key].isAdd) {
-          this.addPost(key, this.selectArray[key])
-        }
-      })
-    },
-
-    onSeach() {
-      this.page = 1
-      this.page_size = 20
-      this.getMediaSearch()
-    },
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.page_size = val
-      this.getMediaSearch()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.page = val
-      this.getMediaSearch()
-    },
-    handleSelectionChange(val) {
-      this.selectArray = val
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-    },
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '查看详情',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editVisible = false
-      this.editShowLocationVisible = false
-      this.showDetail = false
-      this.getMediaSearch()
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData[key] = undefined
-      this.getMediaSearch()
-    }
-  }
-}
-</script>

src/views/lsjMediaLibrary/novelList/components/AddOrEdit.vue

@@ -1,513 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="900px" center class="ac-dialog" :close-on-click-modal="false"
-    @close="close">
-    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="标题">
-            <el-input v-model="form.name" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="子标题">
-            <el-input v-model="form.sub_title" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="价格">
-            <el-input v-model="form.money" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="描述">
-            <el-input v-model="form.description" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="作者">
-            <el-input v-model="form.author" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="是否有声">
-            <el-select v-model="form.is_adult" placeholder="请选择是否有声">
-              <el-option :value="'y'" :label="'是'"></el-option>
-              <el-option :value="'n'" :label="'否'"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="更新状态">
-            <el-select v-model="form.update_status" placeholder="请选择更新状态">
-              <el-option :value="'0'" :label="'更新中'"></el-option>
-              <el-option :value="'1'" :label="'已完结'"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="分类">
-            <el-input v-model="form.category_name" style="width: 200px" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="章节列表">
-            <el-button size="small" type="success" @click="showDetailFn(form.chapter)">查看小说章节</el-button>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="标签">
-            <el-tag :key="index + 'tagData'" style="margin: 2px" v-for="(item, index) in form.tags" size="mini">
-              {{ item.name }}
-            </el-tag>
-          </el-form-item>
-        </el-col>
-        <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="12">
-          <el-form-item label="更新时间">
-            <el-date-picker style="width: 200px" v-model="form.updated_at" type="date" placeholder="选择日期"
-              value-format="yyyy-MM-ddTHH:mm:ssZ">
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="封面">
-            <ShowImg style="width: 100px; height: 100px;" :noNeedDoamin="true" :urls="form.img">
-            </ShowImg>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-    </el-form>
-    <NovelDetailView v-if="showDetail" :itemData="novelDetailData" @close="showDetail = false" />
-    <div slot="footer" class="dialog-footer">
-      <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
-    </div>
-
-  </el-dialog>
-</template>
-<script>
-import 'videojs-contrib-hls'
-import { lsjNovelDetail } from '@/api/lsjMediaLibrary/novelList.js'
-import ShowImg from '@/components/ShowImg/index.vue'
-import NovelDetailView from '@/components/NovelDetailView/index.vue'
-
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    ShowImg,
-    NovelDetailView
-  },
-
-  data() {
-    return {
-      coverTypeList: [
-        { label: '横版', value: 'long' },
-        { label: '竖版', value: 'short' },
-      ],
-      novelDetailData: [],
-      showDetail: false,
-      type: undefined,
-      videoType: undefined,
-      innerVisible: false,
-      Visible: true,
-      title: '',
-
-      taskId: '',
-      tags: null,
-      fieldNameFs: '', // 正片地址全称
-      form:{
-        links:{}
-      },
-
-    }
-  },
-
-  async created() {
-    this.title = this.data.title
-    if (this.title === '查看详情') {
-      await this.getVideoDetail()
-
-    }
-    if (this.player) {
-      this.player.dispose()
-    }
-  },
-  methods: {
-    showDetailFn(row) {
-      this.novelDetailData = row
-      this.showDetail = true
-    },
-    getVideoDetail() {
-      lsjNovelDetail({ id: this.data.data.id }).then((res) => {
-        if (res.code === 200) {
-          this.form = res.data
-        } else {
-          this.$message.error('请求失败!')
-        }
-      })
-    },
-
-    filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.form.param[key] = []
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.coverImg = data
-    },
-
-    // 关闭编辑
-    close() {
-      if (this.player) {
-        this.player.dispose()
-      }
-      this.$emit('close')
-    }
-  }
-}
-</script>
-<style lang="scss">
-.el-dialog {
-  display: flex;
-  flex-direction: column;
-  margin: 0 !important;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  /*height:600px;*/
-  max-height: calc(100% - 30px);
-  max-width: calc(100% - 30px);
-}
-
-.el-dialog .el-dialog__body {
-  flex: 1;
-  overflow: auto;
-}
-
-.videoBox {
-  display: flex;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.el-textarea.is-disabled.ti .el-textarea__inner {
-  color: red;
-}
-
-.media-box {
-  width: 100%;
-  height: 400px;
-  text-align: center;
-  overflow: hidden;
-
-  img {
-    height: 100%;
-    max-width: 100%;
-  }
-
-  #my-video {
-    width: 100% !important;
-    height: 100% !important;
-    border: none !important;
-  }
-}
-
-.check_upload {
-  position: relative;
-  padding: 10px;
-  overflow: hidden;
-  border: 1px dashed #ccc;
-  background-color: #f5f5f5;
-
-  div {
-    display: inline-block;
-    position: relative;
-    padding: 4px 8px;
-    font-size: 100%;
-    line-height: 1.4;
-    color: #666;
-    border: 1px solid #666;
-    cursor: pointer;
-    border-radius: 2px;
-    background: none;
-    outline: none;
-  }
-
-}
-
-.itemData-main {
-  /* rem适配基础设置 */
-  font-size: 16px;
-  /* 基准字体大小 */
-  background: #000;
-  color: #fff;
-  height: 844px;
-  overflow-y: scroll;
-  padding: 10px;
-
-  a,
-  a:link,
-  a:visited,
-  a:hover,
-  a:active {
-    text-decoration: none;
-    color: inherit;
-  }
-
-  .topBox {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 8px 16px;
-    background: #212121;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    z-index: 99;
-    /* display: none; */
-  }
-
-  .navBtn {
-    width: 51px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 10px;
-    color: #E0E0E0;
-    border-radius: 6px;
-    background: rgba(255, 255, 255, 0.10);
-  }
-
-  .navBtn .moreIcon {
-    width: 16px;
-    height: 16px;
-    margin-right: 3px;
-  }
-
-  .logo {
-    width: 94px;
-    height: 32px;
-  }
-
-  .searchIcon {
-    width: 24px;
-    height: 24px;
-    margin-left: 27px;
-  }
-
-  .header {
-    width: 100%;
-    /* height: 159px; */
-    background: #212121;
-    padding: 12px 16px;
-    box-sizing: border-box;
-    margin-bottom: 20px;
-  }
-
-  .header .title {
-    text-align: center;
-    color: #BDBDBD;
-    font-size: 26px;
-    line-height: 32px;
-    margin-bottom: 14px;
-  }
-
-  .header .info {
-    font-size: 14px;
-    line-height: 20px;
-    color: rgba(255, 255, 255, 0.70);
-    display: flex;
-    align-items: center;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-
-  .header .info a {
-    text-decoration-line: underline;
-  }
-
-  .main .lineBox {
-    padding: 0 16px;
-    box-sizing: border-box;
-  }
-
-  .main .lineBox .line {
-    width: 100%;
-    height: 1px;
-    background: rgba(255, 255, 255, 0.10);
-    margin: 18px 0;
-  }
-
-  .postContent {
-    margin: 36px 0 0;
-  }
-
-  .postBox {
-    color: #FAFAFA;
-    /* margin-bottom: 18px; */
-  }
-
-  .postTitle {
-    font-size: 24px;
-    font-weight: 600;
-    line-height: 32px;
-    margin-bottom: 28px;
-    padding: 0 16px;
-    box-sizing: border-box;
-  }
-
-  .postText {
-    color: #FAFAFA;
-    margin: 0 16px 36px;
-    font-size: 16px;
-    line-height: 22px;
-  }
-
-  .postimage {
-    width: 100%;
-    height: auto;
-    margin-bottom: 18px;
-    /* margin-bottom: 47px; */
-  }
-
-  .postDesc {
-    font-size: 16px;
-    color: #FAFAFA;
-    line-height: 22px;
-    padding: 0 16px;
-    box-sizing: border-box;
-    margin-bottom: 19px;
-  }
-
-  .postDesc span {
-    font-weight: 600;
-  }
-
-  .postLine {
-    margin: 0 16px;
-    border-bottom: 1px dashed rgba(255, 255, 255, 0.50);
-  }
-
-  .tagBox {
-    margin-bottom: 12px;
-    padding: 0 16px;
-  }
-
-  .tagBox .tagList {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 7px;
-    margin-bottom: 18px;
-  }
-
-  .tagBox .tagList .tagItem {
-    padding: 8px 16px;
-    box-sizing: border-box;
-    border-radius: 62px;
-    background: rgba(255, 255, 255, 0.05);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 12px;
-    color: #BDBDBD;
-  }
-
-  .lastDay {
-    text-align: right;
-    color: #BDBDBD;
-    line-height: 20px;
-    font-size: 14px;
-  }
-
-  .copyBox {
-    color: #FFF;
-    text-align: center;
-    text-shadow: 0 0 20px #FF8400, 0 0 20px #FF8400;
-    font-family: "PingFang SC";
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 28px;
-    /* 140% */
-    padding: 18px;
-    box-sizing: border-box;
-    margin-bottom: 18px;
-  }
-
-  .copySuccess {
-    color: #FFF;
-    text-align: center;
-    text-shadow: 0 0 20px #FF00B2, 0 0 20px #FF00B2;
-    font-family: "PingFang SC";
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 28px;
-    /* 140% */
-    padding: 18px;
-    box-sizing: border-box;
-    margin-bottom: 18px;
-  }
-
-  .dplayerBox {
-    margin-bottom: 18px;
-    max-height: 300px;
-  }
-
-  .gridAdvBox {
-    margin: 0 16px 18px;
-  }
-
-  .gridAdvBox .gridAdvTitle {
-    padding: 0 16px;
-    box-sizing: border-box;
-    height: 49px;
-    display: flex;
-    align-items: center;
-    border-top: 1px solid rgba(255, 255, 255, 0.10);
-    background: rgba(255, 255, 255, 0.05);
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 24px;
-  }
-
-  .keywords {
-    box-sizing: border-box;
-    font-size: 16px;
-    line-height: 22px;
-    color: #BDBDBD;
-  }
-
-  @media screen and (min-width: 768px) {
-
-    /* body {
-    margin-top: 140px;
-  } */
-    body main {
-      max-width: 720px;
-      margin: 0 auto;
-    }
-
-    .header {
-      max-width: 720px;
-      margin: 0 auto;
-    }
-
-    .topBox {
-      display: none;
-    }
-  }
-}
-</style>

src/views/lsjMediaLibrary/novelList/index.vue

@@ -1,334 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-        <el-form-item>
-          <el-input placeholder="请输入关键词" clearable v-model="searchData.keywords" @clear="onClear('keywords')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入ID" clearable v-model="searchData.ids" @clear="onClear('id')" />
-        </el-form-item>
-       <el-form-item>
-          <el-select placeholder="请选择是否完结" clearable v-model="searchData.is_end" @clear="onClear('is_end')">
-            <el-option label="已完结" value="y" />
-            <el-option label="未完结" value="n" />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item>
-          <el-select placeholder="请选择分类" clearable v-model="searchData.cat_id" @clear="onClear('cat_id')">
-            <el-option label="有声" value="audio" />
-            <el-option label="成人" value="18R" />
-            <el-option label="贤者" value="normal" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-date-picker v-model="time" type="daterange" range-separator="至" value-format="yyyy-MM-dd HH:mm:ss"
-            start-placeholder="开始日期" end-placeholder="结束日期">
-          </el-date-picker>
-        </el-form-item>
-
-        <el-form-item>
-          <el-button @click="onSeach" icon="el-icon-search" plain type="primary">搜索</el-button>
-          <!-- <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button> -->
-          <el-button @click="addPostArray" icon="el-icon-circle-plus-outline" plain type="warning">批量加入后台视频库</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="735" highlight-current-row
-          style="width: 100%; font-size: 10px" v-loading="loading" :row-style="{ height: '30px' }"
-          :cell-style="{ padding: '5px' }" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="50"> </el-table-column>
-          <el-table-column align="center" label="ID" width="190px">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="标题" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.name }}</template>
-          </el-table-column>
-            <el-table-column align="center" label="子标题" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.sub_title }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="别名" width="390px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.alias_name }}</template>
-          </el-table-column>
-              <el-table-column align="center" label="描述" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.description }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="封面" width="80px">
-            <template slot-scope="scope">
-              <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :noNeedDoamin="true" :urls="scope.row.img">
-              </ShowImg>
-            </template>
-          </el-table-column>
-           <el-table-column align="center" label="分类名称" width="390px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.category_name }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" label="章节数量">
-            <template slot-scope="scope">{{
-              scope.row.chapter_count
-              }}</template>
-          </el-table-column>
-       <el-table-column align="center" label="标签" width="300px">
-            <template slot-scope="scope">
-              <el-tag :key="index + 'tagData'" style="margin: 2px" v-for="(item, index) in scope.row.tags"
-                size="mini">
-                {{ item.name }}
-              </el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="类型">
-            <template slot-scope="scope">{{ scope.row.type }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="价格">
-            <template slot-scope="scope">{{ scope.row.money }}</template>
-          </el-table-column>
-            <el-table-column align="center" label="是否有声" width="110px">
-            <template slot-scope="scope">
-              <el-button plain size="mini">{{
-                scope.row.is_adult === 'y' ? '有声' : '文本' }}</el-button>
-            </template>
-          </el-table-column>
-           <el-table-column align="center" label="更新状态" width="110px">
-           <template slot-scope="scope">{{
-              scope.row.update_status | changeUpdateStatus
-              }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="是否完结" width="110px">
-            <template slot-scope="scope">
-              <el-button plain size="mini">{{
-                scope.row.is_end === 'y' ? '已完结' : '未完结' }}</el-button>
-            </template>
-          </el-table-column>
-            <el-table-column align="center" width="120px" label="最后更新时间">
-            <template slot-scope="scope">{{ scope.row.last_update | BeiJingTime }}</template>
-          </el-table-column>
-          <el-table-column align="center" width="120px" label="创建时间">
-            <template slot-scope="scope">{{ scope.row.created_at | BeiJingTime }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" fixed="right" label="操作" width="300">
-            <template slot-scope="scope">
-              <el-button  @click="addPost(scope.$index, scope.row)" size="mini"
-                :type="scope.row.isAdd ? 'info' : 'primary'" :disabled="scope.row.isAdd ? true : false">{{
-                  `${scope.row.isAdd ? '已加入后台资源库' : '加入后台资源库'}` }}</el-button>
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">查看详情</el-button>
-              <!-- <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button> -->
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination :current-page="page" :page-size="page_size"
-        :page-sizes="[10, 20, 30, 50, 100]" :total="total" @current-change="handleCurrentChange"
-        @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper" />
-    </div>
-    <!-- 查看详情 -->
-    <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
-    <NovelDetailView v-if="showDetail" :itemData="novelDetailData" @close="closeEdit"
-     />
-  </div>
-</template>
-<script>
-// 引入模块
-import ShowImg from '@/components/ShowImg/index.vue'
-import Edit from './components/AddOrEdit'
-import { lsjNovelList, lsjNovelDel, lsjNovelAdd } from '@/api/lsjMediaLibrary/novelList.js'
-
-import { audioAdd } from '@/api/novelsManagement/audio.js'
-import { isNumber } from 'mathjs/lib/entry/typeChecks'
-import NovelDetailView from '@/components/NovelDetailView/index.vue'
-export default {
-  name: 'MediaCat',
-  components: {
-    ShowImg,
-    Edit,
-    NovelDetailView
-  },
-  data() {
-    return {
-       page: 1,
-        page_size: 20,
-  novelDetailData:[],
-      // 请求列表参数
-      searchData: {
-        id: undefined,
-        name: undefined, // 外用状态
-        status: undefined, // "string",当前状态
-        cat_id: undefined // 视频归类
-      },
-      time: undefined,
-      resData: [], // el-table表格数据
-      total: 0, // 数据总条数
-      selectArray: undefined,
-      editShowLocationVisible: undefined,
-      showDetail: false,
-      loading: true, // 列表加载状态
-      // 编辑数据
-      editVisible: false, // 新增或编辑弹出框
-      editData: {
-        title: '查看详情',
-        data: {}
-      }
-    }
-  },
-  filters: {
-    changeUpdateStatus(v){
-
-      switch (v) {
-        case '0':
-          return '更新中'
-        case '1':
-          return '更新完成'
-
-      }
-    },
-
-  },
-
-  mounted() {
-    this.getMediaSearch()
-
-  },
-  methods: {
-    showDetailFn(row) {
-      this.novelDetailData = row
-      this.showDetail = true
-    },
-
-    // TODO:加入后台视频库
-    addPost(index, row) {
-      lsjNovelAdd({ id: row.id }).then((res) => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // 加入后台音频库
-    addAudioArray() {
-      Object.keys(this.selectArray).forEach((key) => {
-        if (!this.selectArray[key].isAdd) {
-          this.audioListFn(key, this.selectArray[key])
-        }
-      })
-    },
-    // TODO:加入音频视频库
-    audioListFn(index, row) {
-      audioAdd({ fileId: row.id }).then((res) => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // TODO:请求影片列表数据
-    getMediaSearch() {
-      this.loading = true
-      if(isNumber(this.page)|| isNumber(this.page_size)){
-        this.searchData.page = this.page + ''
-        this.searchData.page_size = this.page_size + ''
-      }
-      if (this.time) {
-        this.searchData.start_time = this.time[0]
-        this.searchData.end_time = this.time[1]
-      } else {
-        this.searchData.start_time = undefined
-        this.searchData.end_time = undefined
-      }
-      lsjNovelList(this.searchData).then((res) => {
-        if (res.code === 200) {
-          this.resData = res.data.data
-          this.total = Number(res.data.total)
-        } else {
-          this.$message.error('请求列表失败!')
-          this.resData = []
-          this.total = 0
-        }
-        this.loading = false
-      })
-    },
-
-    // TODO:删除影片列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        lsjNovelDel({ id: row.id }).then((res) => {
-          if (res.code === 200) {
-            this.getMediaSearch()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error(res.tip)
-          }
-        })
-      })
-    },
-    addPostArray() {
-      Object.keys(this.selectArray).forEach((key) => {
-        if (!this.selectArray[key].isAdd) {
-          this.addPost(key, this.selectArray[key])
-        }
-      })
-    },
-
-    onSeach() {
-      this.page = 1
-      this.page_size = 20
-      this.getMediaSearch()
-    },
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.page_size = val
-      this.getMediaSearch()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.page = val
-      this.getMediaSearch()
-    },
-    handleSelectionChange(val) {
-      this.selectArray = val
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-    },
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '查看详情',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editVisible = false
-      this.editShowLocationVisible = false
-      this.showDetail = false
-      this.getMediaSearch()
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData[key] = undefined
-      this.getMediaSearch()
-    }
-  }
-}
-</script>

src/views/lsjMediaLibrary/postList/components/AddOrEdit.vue

@@ -1,543 +0,0 @@
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="1800px" center class="ac-dialog"
-    :close-on-click-modal="false" @close="close">
-    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="标题">
-            <el-input v-model="form.title" style="width: 315px" />
-          </el-form-item>
-        </el-col>
-
-        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="内容">
-            <el-input v-model="form.content" style="width: 315px" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="封面">
-            <ShowImg style="width: 300px; height: 300px; margin: 0 auto" :noNeedDoamin="true" :urls="form.img">
-            </ShowImg>
-          </el-form-item>
-        </el-col>
-        <!-- <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-          <el-form-item label="上架状态">
-            <el-switch
-v-model="form.status"
-active-color="#13ce66"
-inactive-color="#ff4949"
-              style="width: 180px"></el-switch>
-          </el-form-item>
-        </el-col> -->
-        <!-- <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-          <el-form-item label="付费类型">
-            <el-switch
-v-model="form.update_status"
-active-color="#13ce66"
-inactive-color="#ff4949"
-              style="width: 180px"></el-switch>
-          </el-form-item>
-        </el-col> -->
-        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-          <el-form-item label="分类">
-            <el-tag :key="index + 'tagData'" style="margin: 2px" v-for="(item, index) in form.categories" size="mini">
-              {{ item.name }}
-            </el-tag>
-          </el-form-item>
-        </el-col>
-        <el-col :lg="8" :md="8" :sm="8" :xl="8" :xs="8">
-          <el-form-item label="更新时间">
-            <el-date-picker style="width: 180px" v-model="form.time" type="date" placeholder="选择日期"
-              value-format="yyyy-MM-ddTHH:mm:ssZ">
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col>
-          <el-form-item label="节点内容">
-            <div class="itemData-main">
-              <div class="postContent">
-                <div class="postBox" v-for="(item, index) in form.files" :key="index">
-                  <!-- <p class="postTitle">{{ item.title }}</p> -->
-                  <ShowImg :noNeedDoamin='true' :key="imgINdex" :urls="item.image" />
-                  <!-- <span class="postText">{{ item.text }}</span> -->
-                  <DPlayer ref="player" class="dplayerBox" v-if="item.video_link" :video="{
-                    url: filterM3u8(item.video_link),
-                    type: 'hls',
-                    pic: '',
-                  }" hotkey></DPlayer>
-                </div>
-
-              </div>
-
-          </div>
-          </el-form-item>
-
-        </el-col>
-      </el-row>
-
-    </el-form>
-
-    <div slot="footer" class="dialog-footer">
-      <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
-    </div>
-
-  </el-dialog>
-</template>
-<script>
-import DPlayer from '@/components/VueDplayerHls/index'
-import 'videojs-contrib-hls'
-import { lsjPostDetail } from '@/api/lsjMediaLibrary/postList.js'
-import ShowImg from '@/components/ShowImg/index.vue'
-
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    DPlayer,
-    ShowImg
-  },
-
-  data() {
-    return {
-      coverTypeList: [
-        { label: '横版', value: 'long' },
-        { label: '竖版', value: 'short' },
-      ],
-
-      type: undefined,
-      videoType: undefined,
-      innerVisible: false,
-      Visible: true,
-      title: '',
-
-      taskId: '',
-      tags: null,
-      fieldNameFs: '', // 正片地址全称
-      form: {
-        links: [{
-          m3u8_url: '',
-          preview_m3u8_url: '',
-        }]
-      },
-
-    }
-  },
-
-  async created() {
-    this.title = this.data.title
-    if (this.title === '查看详情') {
-      await this.getVideoDetail()
-      if (this.form.links.m3u8_url) {
-        this.open()
-      }
-    }
-    if (this.player) {
-      this.player.dispose()
-    }
-  },
-  methods: {
-    getVideoDetail() {
-      lsjPostDetail({ id: this.data.data.id }).then((res) => {
-        if (res.code === 200) {
-          this.form = res.data
-        } else {
-          this.$message.error('请求失败!')
-        }
-      })
-    },
-
-    filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.form.param[key] = []
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.coverImg = data
-    },
-    // / 监听视频播放的回调函数
-    onPlayerPlay() { },
-    // / 监听暂停播放的回调函数
-    onPlayerPause() { },
-    // / 监听当前视频数据加载完成
-    onPlayerLoadeddata() { },
-    // / 监听当前视频数据加载失败
-    onPlayerError() { },
-    // / 监听当前视频数据加载ing
-    onPlayerWaiting() { },
-    // / 监听当前视频播放完成
-    onPlayerEnded() { },
-    open() {
-      this.mediaUrl =
-        'api/web/media/m3u8/' +
-        (this.form.links[0].m3u8_url.match(RegExp(/.m3u8/))
-          ? this.form.links[0].m3u8_url
-          : this.form.links[0].m3u8_url + '.m3u8')
-      // this.$nextTick(function () {
-      //   document.getElementById("media-box").innerHTML =
-      //     '<video  id="my-video"  class="video-js vjs-default-skin"  controls preload="auto" style="width:100%;height:100%; "  playsinline="true"></video>';
-      //   this.player = videojs("my-video", {
-      //     bigPlayButton: false,
-      //     textTrackDisplay: false,
-      //     posterImage: true,
-      //     errorDisplay: true,
-      //     controlBar: true,
-      //     playbackRates: [0.5, 1, 1.5, 2, 3, 5, 10],
-      //   });
-      //   this.player.src(this.mediaUrl);
-      // });
-    },
-
-    // 关闭编辑
-    close() {
-      if (this.player) {
-        this.player.dispose()
-      }
-      this.$emit('close')
-    }
-  }
-}
-</script>
-<style lang="scss">
-.el-dialog {
-  display: flex;
-  flex-direction: column;
-  margin: 0 !important;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  /*height:600px;*/
-  max-height: calc(100% - 30px);
-  max-width: calc(100% - 30px);
-}
-
-.el-dialog .el-dialog__body {
-  flex: 1;
-  overflow: auto;
-}
-
-.videoBox {
-  display: flex;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.el-textarea.is-disabled.ti .el-textarea__inner {
-  color: red;
-}
-
-.media-box {
-  width: 100%;
-  height: 400px;
-  text-align: center;
-  overflow: hidden;
-
-  img {
-    height: 100%;
-    max-width: 100%;
-  }
-
-  #my-video {
-    width: 100% !important;
-    height: 100% !important;
-    border: none !important;
-  }
-}
-
-.check_upload {
-  position: relative;
-  padding: 10px;
-  overflow: hidden;
-  border: 1px dashed #ccc;
-  background-color: #f5f5f5;
-
-  div {
-    display: inline-block;
-    position: relative;
-    padding: 4px 8px;
-    font-size: 100%;
-    line-height: 1.4;
-    color: #666;
-    border: 1px solid #666;
-    cursor: pointer;
-    border-radius: 2px;
-    background: none;
-    outline: none;
-  }
-
-}
-.itemData-main {
-    /* rem适配基础设置 */
-    font-size: 16px;
-    /* 基准字体大小 */
-    background: #000;
-    color: #fff;
-    height: 844px;
-    overflow-y: scroll;
-    padding: 10px;
-
-    a,
-    a:link,
-    a:visited,
-    a:hover,
-    a:active {
-        text-decoration: none;
-        color: inherit;
-    }
-
-    .topBox {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 8px 16px;
-        background: #212121;
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        z-index: 99;
-        /* display: none; */
-    }
-
-    .navBtn {
-        width: 51px;
-        height: 24px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 10px;
-        color: #E0E0E0;
-        border-radius: 6px;
-        background: rgba(255, 255, 255, 0.10);
-    }
-
-    .navBtn .moreIcon {
-        width: 16px;
-        height: 16px;
-        margin-right: 3px;
-    }
-
-    .logo {
-        width: 94px;
-        height: 32px;
-    }
-
-    .searchIcon {
-        width: 24px;
-        height: 24px;
-        margin-left: 27px;
-    }
-
-    .header {
-        width: 100%;
-        /* height: 159px; */
-        background: #212121;
-        padding: 12px 16px;
-        box-sizing: border-box;
-        margin-bottom: 20px;
-    }
-
-    .header .title {
-        text-align: center;
-        color: #BDBDBD;
-        font-size: 26px;
-        line-height: 32px;
-        margin-bottom: 14px;
-    }
-
-    .header .info {
-        font-size: 14px;
-        line-height: 20px;
-        color: rgba(255, 255, 255, 0.70);
-        display: flex;
-        align-items: center;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 3;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-
-    .header .info a {
-        text-decoration-line: underline;
-    }
-
-    .main .lineBox {
-        padding: 0 16px;
-        box-sizing: border-box;
-    }
-
-    .main .lineBox .line {
-        width: 100%;
-        height: 1px;
-        background: rgba(255, 255, 255, 0.10);
-        margin: 18px 0;
-    }
-
-    .postContent {
-        margin: 36px 0 0;
-    }
-
-    .postBox {
-        color: #FAFAFA;
-        /* margin-bottom: 18px; */
-    }
-
-    .postTitle {
-        font-size: 24px;
-        font-weight: 600;
-        line-height: 32px;
-        margin-bottom: 28px;
-        padding: 0 16px;
-        box-sizing: border-box;
-    }
-
-    .postText {
-        color: #FAFAFA;
-        margin: 0 16px 36px;
-        font-size: 16px;
-        line-height: 22px;
-    }
-
-    .postimage {
-        width: 100%;
-        height: auto;
-        margin-bottom: 18px;
-        /* margin-bottom: 47px; */
-    }
-
-    .postDesc {
-        font-size: 16px;
-        color: #FAFAFA;
-        line-height: 22px;
-        padding: 0 16px;
-        box-sizing: border-box;
-        margin-bottom: 19px;
-    }
-
-    .postDesc span {
-        font-weight: 600;
-    }
-
-    .postLine {
-        margin: 0 16px;
-        border-bottom: 1px dashed rgba(255, 255, 255, 0.50);
-    }
-
-    .tagBox {
-        margin-bottom: 12px;
-        padding: 0 16px;
-    }
-
-    .tagBox .tagList {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        gap: 7px;
-        margin-bottom: 18px;
-    }
-
-    .tagBox .tagList .tagItem {
-        padding: 8px 16px;
-        box-sizing: border-box;
-        border-radius: 62px;
-        background: rgba(255, 255, 255, 0.05);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 12px;
-        color: #BDBDBD;
-    }
-
-    .lastDay {
-        text-align: right;
-        color: #BDBDBD;
-        line-height: 20px;
-        font-size: 14px;
-    }
-
-    .copyBox {
-        color: #FFF;
-        text-align: center;
-        text-shadow: 0 0 20px #FF8400, 0 0 20px #FF8400;
-        font-family: "PingFang SC";
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 28px;
-        /* 140% */
-        padding: 18px;
-        box-sizing: border-box;
-        margin-bottom: 18px;
-    }
-
-    .copySuccess {
-        color: #FFF;
-        text-align: center;
-        text-shadow: 0 0 20px #FF00B2, 0 0 20px #FF00B2;
-        font-family: "PingFang SC";
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 28px;
-        /* 140% */
-        padding: 18px;
-        box-sizing: border-box;
-        margin-bottom: 18px;
-    }
-
-    .dplayerBox {
-        margin-bottom: 18px;
-        max-height: 300px;
-    }
-
-    .gridAdvBox {
-        margin: 0 16px 18px;
-    }
-
-    .gridAdvBox .gridAdvTitle {
-        padding: 0 16px;
-        box-sizing: border-box;
-        height: 49px;
-        display: flex;
-        align-items: center;
-        border-top: 1px solid rgba(255, 255, 255, 0.10);
-        background: rgba(255, 255, 255, 0.05);
-        font-size: 18px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 24px;
-    }
-
-    .keywords {
-        box-sizing: border-box;
-        font-size: 16px;
-        line-height: 22px;
-        color: #BDBDBD;
-    }
-
-    @media screen and (min-width: 768px) {
-
-        /* body {
-    margin-top: 140px;
-  } */
-        body main {
-            max-width: 720px;
-            margin: 0 auto;
-        }
-
-        .header {
-            max-width: 720px;
-            margin: 0 auto;
-        }
-
-        .topBox {
-            display: none;
-        }
-    }
-}
-</style>

src/views/lsjMediaLibrary/postList/index.vue

@@ -1,354 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-        <el-form-item>
-          <el-input placeholder="请输入关键词" clearable v-model="searchData.keywords" @clear="onClear('keywords')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入ID" clearable v-model="searchData.id" @clear="onClear('id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入up主id" clearable v-model="searchData.home_id" @clear="onClear('home_id')" />
-        </el-form-item>
-
-        <el-form-item>
-          <el-select placeholder="请选择付费状态" clearable v-model="searchData.pay_type" @clear="onClear('pay_type')">
-            <el-option label="金币" value="1" />
-            <el-option label="会员" value="2" />
-            <el-option label="免费" value="0" />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item>
-          <el-select placeholder="请选择内容类型" clearable v-model="searchData.position" @clear="onClear('position')">
-            <el-option v-for="item in positionList" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item>
-          <el-date-picker v-model="time" type="daterange" range-separator="至" value-format="yyyy-MM-dd HH:mm:ss"
-            start-placeholder="开始日期" end-placeholder="结束日期">
-          </el-date-picker>
-        </el-form-item>
-
-        <el-form-item>
-          <el-button @click="onSeach" icon="el-icon-search" plain type="primary">搜索</el-button>
-          <!-- <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button> -->
-
-          <el-button @click="addPostArray" icon="el-icon-circle-plus-outline" plain type="warning">批量加入后台视频库</el-button>
-          <el-button @click="addOutside" icon="el-icon-circle-plus-outline" plain type="warning">批量加入外用列表</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table :data="resData" element-loading-text="拼命加载中" border height="735" highlight-current-row
-          style="width: 100%; font-size: 10px" v-loading="loading" :row-style="{ height: '30px' }"
-          :cell-style="{ padding: '5px' }" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="50"> </el-table-column>
-          <el-table-column align="center" label="帖子ID" width="190px">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" label="帖子标题" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.title }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="帖子内容" width="390px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.content }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="帖子内容预览" width="130px">
-            <template slot-scope="scope">
-              <el-button slot="reference" size="small" @click="showDetailFn(scope.row.files)">节点内容预览</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="帖子类型">
-            <template slot-scope="scope">{{
-              scope.row.position | changePosition
-              }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="发布者ID">
-            <template slot-scope="scope" v-if="scope.row.up_user">{{
-              scope.row.up_user.id
-              }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="发布者昵称">
-            <template slot-scope="scope" v-if="scope.row.up_user">{{
-              scope.row.up_user.nickname
-              }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="帖子封面" width="80px">
-            <template slot-scope="scope">
-              <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :noNeedDoamin="true" :urls="scope.row.img">
-              </ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="帖子封面数量">
-            <template slot-scope="scope">{{
-              scope.row.img_count
-              }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="分类" width="300px">
-            <template slot-scope="scope">
-              <el-tag :key="index + 'tagData'" style="margin: 2px" v-for="(item, index) in scope.row.categories"
-                size="mini">
-                {{ item.name }}
-              </el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="价格">
-            <template slot-scope="scope">{{ scope.row.money  }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="付费类型" width="110px">
-            <template slot-scope="scope">
-              <el-button plain size="mini">{{
-                scope.row.pay_type === 1 ? '金币' : scope.row.pay_type === 2 ? '会员' :'免费' }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" width="120px" label="更新时间">
-            <template slot-scope="scope">{{ scope.row.time | BeiJingTime }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" fixed="right" label="操作" width="300">
-            <template slot-scope="scope">
-              <el-button  @click="addPost(scope.$index, scope.row)" size="mini"
-                :type="scope.row.isAdd ? 'info' : 'primary'" :disabled="scope.row.isAdd ? true : false">{{
-                  `${scope.row.isAdd ? '已加入后台资源库' : '加入后台资源库'}` }}</el-button>
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">查看详情</el-button>
-              <!-- <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button> -->
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination :current-page="searchData.page" :page-size="searchData.page_size"
-        :page-sizes="[10, 20, 30, 50, 100]" :total="total" @current-change="handleCurrentChange"
-        @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper" />
-    </div>
-    <!-- 查看详情 -->
-    <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
-    <PostDetailView v-if="showDetail" :itemData="postDetailData" @close="closeEdit"
-     />
-  </div>
-</template>
-<script>
-// 引入模块
-import ShowImg from '@/components/ShowImg/index.vue'
-import Edit from './components/AddOrEdit'
-import { lsjPostList, lsjPostDel, lsjPostAdd } from '@/api/lsjMediaLibrary/postList.js'
-import {
-  positionList, statusList
-} from '@/filters/lsjMediaLibrary/videoList.js'
-import { audioAdd } from '@/api/novelsManagement/audio.js'
-import PostDetailView from '@/components/PostDetailView/index.vue'
-import { isNumber } from 'mathjs/lib/entry/typeChecks'
-
-export default {
-  name: 'MediaCat',
-  components: {
-    ShowImg,
-    Edit,
-    PostDetailView
-  },
-  data() {
-    return {
-      positionList: positionList(),
-      statusList: statusList(),
-  page: 1,
-        page_size: 20,
-      // 请求列表参数
-      searchData: {
-        position: 'guochan', // 番号
-        id: undefined,
-        name: undefined, // 外用状态
-        status: undefined, // "string",当前状态
-        cat_id: undefined // 视频归类
-      },
-      time: undefined,
-      resData: [], // el-table表格数据
-      total: 0, // 数据总条数
-      selectArray: undefined,
-      editShowLocationVisible: undefined,
-      showDetail: false,
-      loading: true, // 列表加载状态
-      // 编辑数据
-      editVisible: false, // 新增或编辑弹出框
-      editData: {
-        title: '查看详情',
-        data: {}
-      }
-    }
-  },
-  filters: {
-    changeFormat(val) {
-      switch (val) {
-        case 1:
-          return '长视频'
-        case 2:
-          return '短视频'
-        case 3:
-          return '预览'
-      }
-    },
-    changeContentType(val) {
-      switch (val) {
-        case 1:
-          return 'AV（日本）'
-        case 2:
-          return '短视频（国产）'
-        case 3:
-          return '动漫'
-      }
-    }
-  },
-
-  mounted() {
-    this.getMediaSearch()
-
-  },
-  methods: {
-    showDetailFn(row) {
-      this.postDetailData = row
-      this.showDetail = true
-    },
-    addOutside() {
-      this.editShowLocationVisible = true
-      this.editData = {
-        title: '',
-        data: this.selectArray
-      }
-    },
-    // TODO:加入后台视频库
-    addPost(index, row) {
-      lsjPostAdd({ id: row.id }).then((res) => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // 加入后台音频库
-    addAudioArray() {
-      Object.keys(this.selectArray).forEach((key) => {
-        if (!this.selectArray[key].isAdd) {
-          this.audioListFn(key, this.selectArray[key])
-        }
-      })
-    },
-    // TODO:加入音频视频库
-    audioListFn(index, row) {
-      audioAdd({ id: row.id }).then((res) => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // TODO:请求影片列表数据
-    getMediaSearch() {
-      this.loading = true
-  if(isNumber(this.page)|| isNumber(this.page_size)){
-        this.searchData.page = this.page + ''
-        this.searchData.page_size = this.page_size + ''
-      }
-      if (this.time) {
-        this.searchData.start_time = this.time[0]
-        this.searchData.end_time = this.time[1]
-      } else {
-        this.searchData.start_time = undefined
-        this.searchData.end_time = undefined
-      }
-      lsjPostList(this.searchData).then((res) => {
-        if (res.code === 200) {
-          this.resData = res.data.data
-         this.total = Number(res.data.total)
-        } else {
-          this.$message.error('请求列表失败!')
-          this.resData = []
-          this.total = 0
-        }
-        this.loading = false
-      })
-    },
-
-    // TODO:删除影片列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        lsjPostDel({ id: row.id }).then((res) => {
-          if (res.code === 200) {
-            this.getMediaSearch()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error(res.tip)
-          }
-        })
-      })
-    },
-    addPostArray() {
-      Object.keys(this.selectArray).forEach((key) => {
-        if (!this.selectArray[key].isAdd) {
-          this.addPost(key, this.selectArray[key])
-        }
-      })
-    },
-
-    onSeach() {
-      this.searchData.page = 1
-      this.searchData.page_size = 20
-      this.getMediaSearch()
-    },
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.page_size = val
-      this.getMediaSearch()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.page = val
-      this.getMediaSearch()
-    },
-    handleSelectionChange(val) {
-      this.selectArray = val
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-    },
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '查看详情',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editVisible = false
-      this.editShowLocationVisible = false
-      this.showDetail = false
-      this.getMediaSearch()
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData[key] = undefined
-      this.getMediaSearch()
-    }
-  }
-}
-</script>

src/views/lsjMediaLibrary/videoList/components/AddOrEdit.vue

@@ -1,360 +0,0 @@
-<template>
-  <el-dialog
-:title="title"
-:visible.sync="Visible"
-width="1800px"
-center
-class="ac-dialog"
-:close-on-click-modal="false"
-    @close="close">
-    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="标题">
-            <el-input v-model="form.name" style="width: 315px" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="视频分类ID">
-            <el-input v-model="form.cat_id" style="width: 315px" />
-          </el-form-item>
-        </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="视频分类名称">
-            <el-input v-model="form.cat_name" style="width: 315px" />
-          </el-form-item>
-        </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="视频描述">
-            <el-input v-model="form.description" style="width: 315px" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="视频导演">
-            <el-input v-model="form.director" style="width: 315px" />
-          </el-form-item>
-        </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="视频语言">
-            <el-input v-model="form.language" style="width: 315px" />
-          </el-form-item>
-        </el-col>
-         <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="视频系列">
-            <el-input v-model="form.series" style="width: 315px" />
-          </el-form-item>
-        </el-col>
-     <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="封面类型">
-            <el-select style="width: 180px" placeholder="请选择封面类型" v-model="form.img_type">
-              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in coverTypeList" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="横版封面">
-            <ShowImg style="width: 330px; height: 150px; margin: 0 auto" :noNeedDoamin="true" :urls="form.img_x"></ShowImg>
-          </el-form-item>
-        </el-col>
-         <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="竖版封面">
-            <ShowImg style="width: 120px; height: 300px; margin: 0 auto" :noNeedDoamin="true" :urls="form.img_y"></ShowImg>
-          </el-form-item>
-        </el-col>
-         <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
-          <el-form-item label="预览图片">
-            <ShowImg style="width: 300px; height: 300px; margin: 0 auto" :noNeedDoamin="true" :urls="form.preview_images"></ShowImg>
-          </el-form-item>
-        </el-col>
-         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-          <el-form-item label="是否多集">
-            <el-switch
-v-model="form.is_more_link"
-active-color="#13ce66"
-inactive-color="#ff4949"
-              style="width: 180px"></el-switch>
-          </el-form-item>
-        </el-col>
-      <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-          <el-form-item label="上架状态">
-            <el-switch
-v-model="form.status"
-active-color="#13ce66"
-inactive-color="#ff4949"
-              style="width: 180px"></el-switch>
-          </el-form-item>
-        </el-col>
-         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-          <el-form-item label="更新状态">
-            <el-switch
-v-model="form.update_status"
-active-color="#13ce66"
-inactive-color="#ff4949"
-              style="width: 180px"></el-switch>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-          <el-form-item label="标签">
-                 <el-tag :key="index + 'tagData'" style="margin: 2px" v-for="(item, index) in form.tags" size="mini">
-                {{ item.name }}
-              </el-tag>
-          </el-form-item>
-        </el-col>
-         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-          <el-form-item label="采集网站标签">
-                 <el-tag :key="index + 'tagData'" style="margin: 2px" v-for="(item, index) in form.source_tags" size="mini">
-                {{ item }}
-              </el-tag>
-          </el-form-item>
-        </el-col>
-        <el-col :lg="8" :md="8" :sm="8" :xl="8" :xs="8">
-          <el-form-item label="上传时间">
-            <el-date-picker
-style="width: 180px"
-v-model="form.issue_date"
-type="date"
-placeholder="选择日期"
-              value-format="yyyy-MM-ddTHH:mm:ssZ">
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :lg="8" :md="8" :sm="8" :xl="8" :xs="8">
-          <el-form-item label="上架时间">
-            <el-date-picker
-style="width: 180px"
-v-model="form.show_at"
-type="date"
-placeholder="选择日期"
-              value-format="yyyy-MM-ddTHH:mm:ssZ">
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-    </el-form>
-    <div style="display: flex;">
-      <div style="margin-right: 100px;">
-        <h3>预览</h3>
-
-        <div  style="width: 380px; height: 240px; overflow: hidden">
-          <DPlayer
-ref="player"
-v-if="form.links[0].preview_m3u8_url.indexOf('mp4') === -1"
-:video="{
-            url:  filterM3u8(form.links[0].preview_m3u8_url),
-            type: 'hls',
-            pic: '',
-          }"
-hotkey></DPlayer>
-
-        </div>
-      </div>
-      <div >
-        <h3>正片</h3>
-        <div v-if="form.links[0].m3u8_url" style="width: 380px; height: 240px; overflow: hidden">
-          <DPlayer
-
-:video="{
-            url:  filterM3u8(form.links[0].m3u8_url),
-            type: 'hls',
-            pic: '',
-          }"
-hotkey></DPlayer>
-
-        </div>
-        </div>
-    </div>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
-
-    </div>
-
-  </el-dialog>
-</template>
-<script>
-import DPlayer from '@/components/VueDplayerHls/index'
-import 'videojs-contrib-hls'
-import { lsjVideoDetail } from '@/api/lsjMediaLibrary/videoList.js'
-import ShowImg from '@/components/ShowImg/index.vue'
-
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    DPlayer,
-    ShowImg
-  },
-
-  data() {
-    return {
-      coverTypeList: [
-        {label:'横版',value:'long'},
-       {label:'竖版',value:'short'},
-      ],
-
-      type: undefined,
-      videoType: undefined,
-      innerVisible: false,
-      Visible: true,
-      title: '',
-
-      taskId: '',
-      tags: null,
-      fieldNameFs: '', // 正片地址全称
-      form: {
-        links:[{
-          m3u8_url:'',
-          preview_m3u8_url:'',
-        }]
-      },
-
-    }
-  },
-
- async created() {
-    this.title = this.data.title
-    if (this.title === '查看详情') {
-     await this.getVideoDetail()
-      if (this.form.links.m3u8_url) {
-        this.open()
-      }
-    }
-    if (this.player) {
-      this.player.dispose()
-    }
-  },
-  methods: {
-    getVideoDetail(){
-      lsjVideoDetail({ id: this.data.data.id }).then((res) => {
-        if (res.code === 200) {
-          this.form= res.data
-        } else {
-          this.$message.error('请求失败!')
-        }
-      })
-    },
-
-    filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.form.param[key] = []
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.coverImg = data
-    },
-    // / 监听视频播放的回调函数
-    onPlayerPlay() { },
-    // / 监听暂停播放的回调函数
-    onPlayerPause() { },
-    // / 监听当前视频数据加载完成
-    onPlayerLoadeddata() { },
-    // / 监听当前视频数据加载失败
-    onPlayerError() { },
-    // / 监听当前视频数据加载ing
-    onPlayerWaiting() { },
-    // / 监听当前视频播放完成
-    onPlayerEnded() { },
-    open() {
-      this.mediaUrl =
-        'api/web/media/m3u8/' +
-        (this.form.links[0].m3u8_url.match(RegExp(/.m3u8/))
-          ? this.form.links[0].m3u8_url
-          : this.form.links[0].m3u8_url + '.m3u8')
-      // this.$nextTick(function () {
-      //   document.getElementById("media-box").innerHTML =
-      //     '<video  id="my-video"  class="video-js vjs-default-skin"  controls preload="auto" style="width:100%;height:100%; "  playsinline="true"></video>';
-      //   this.player = videojs("my-video", {
-      //     bigPlayButton: false,
-      //     textTrackDisplay: false,
-      //     posterImage: true,
-      //     errorDisplay: true,
-      //     controlBar: true,
-      //     playbackRates: [0.5, 1, 1.5, 2, 3, 5, 10],
-      //   });
-      //   this.player.src(this.mediaUrl);
-      // });
-    },
-
-    // 关闭编辑
-    close() {
-      if (this.player) {
-        this.player.dispose()
-      }
-      this.$emit('close')
-    }
-  }
-}
-</script>
-<style lang="scss">
-.el-dialog {
-  display: flex;
-  flex-direction: column;
-  margin: 0 !important;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  /*height:600px;*/
-  max-height: calc(100% - 30px);
-  max-width: calc(100% - 30px);
-}
-
-.el-dialog .el-dialog__body {
-  flex: 1;
-  overflow: auto;
-}
-
-.videoBox {
-  display: flex;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.el-textarea.is-disabled.ti .el-textarea__inner {
-  color: red;
-}
-
-.media-box {
-  width: 100%;
-  height: 400px;
-  text-align: center;
-  overflow: hidden;
-
-  img {
-    height: 100%;
-    max-width: 100%;
-  }
-
-  #my-video {
-    width: 100% !important;
-    height: 100% !important;
-    border: none !important;
-  }
-}
-
-.check_upload {
-  position: relative;
-  padding: 10px;
-  overflow: hidden;
-  border: 1px dashed #ccc;
-  background-color: #f5f5f5;
-
-  div {
-    display: inline-block;
-    position: relative;
-    padding: 4px 8px;
-    font-size: 100%;
-    line-height: 1.4;
-    color: #666;
-    border: 1px solid #666;
-    cursor: pointer;
-    border-radius: 2px;
-    background: none;
-    outline: none;
-  }
-
-}</style>

src/views/lsjMediaLibrary/videoList/index.vue

@@ -1,401 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-
-        <el-form-item>
-          <el-input placeholder="请输入ID" clearable v-model="searchData.ids" @clear="onClear('ids')" />
-        </el-form-item>
-              <el-form-item>
-          <el-input placeholder="请输入up主id" clearable v-model="searchData.home_id" @clear="onClear('home_id')" />
-        </el-form-item>
-         <el-form-item>
-          <el-input placeholder="请输入关键字" clearable v-model="searchData.keywords" @clear="onClear('keywords')" />
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择更新状态" clearable v-model="searchData.update_status" @clear="onClear('update_status')">
-            <el-option  label="已完结" value="1" />
-            <el-option  label="未完结" value="0" />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item>
-          <el-input placeholder="请输入mid,多个用,分开" clearable v-model="searchData.mid" @clear="onClear('mid')" />
-        </el-form-item>
-            <el-form-item>
-          <el-select
-placeholder="请选择视频分类类型"
-clearable
-v-model="searchData.cat_id"
-            @clear="onClear('cat_id')">
-            <el-option v-for="item in videoTypeList" :key="item.value" :label="item.value" :value="item.label" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择内容类型" clearable v-model="searchData.position" @clear="onClear('position')">
-            <el-option v-for="item in positionList" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item>
-          <el-date-picker
-v-model="time"
-type="daterange"
-range-separator="至"
-value-format="yyyy-MM-dd HH:mm:ss"
-            start-placeholder="开始日期"
-end-placeholder="结束日期">
-          </el-date-picker>
-        </el-form-item>
-
-        <el-form-item>
-          <el-button @click="onSeach" icon="el-icon-search" plain type="primary">搜索</el-button>
-          <!-- <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button> -->
-          <el-button
-@click="addAudioArray"
-icon="el-icon-circle-plus-outline"
-plain
-            type="warning">批量加入音频视频库</el-button>
-          <el-button
-@click="addVideoArray"
-icon="el-icon-circle-plus-outline"
-plain
-            type="warning">批量加入后台视频库</el-button>
-          <el-button @click="addOutside" icon="el-icon-circle-plus-outline" plain type="warning">批量加入外用列表</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table
-:data="resData"
-element-loading-text="拼命加载中"
-border
-height="735"
-highlight-current-row
-          style="width: 100%; font-size: 10px"
-v-loading="loading"
-:row-style="{ height: '30px' }"
-          :cell-style="{ padding: '5px' }"
-@selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="50"> </el-table-column>
-          <el-table-column align="center" label="视频ID" width="190px">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" label="视频标题" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.name }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="视频描述" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.description }}</template>
-          </el-table-column>
-           <el-table-column align="center" label="视频定位">
-            <template slot-scope="scope">{{
-        scope.row.position | changePosition
-      }}</template>
-          </el-table-column>
-             <el-table-column align="center" label="up主名称">
-            <template slot-scope="scope">{{
-        scope.row.up_user
-      }}</template>
-          </el-table-column>
-            <el-table-column align="center" label="视频分类ID">
-            <template slot-scope="scope">{{
-        scope.row.cat_id
-      }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="视频分类名称">
-            <template slot-scope="scope">{{
-          scope.row.cat_name
-        }}</template>
-          </el-table-column>
-            <el-table-column align="center" label="视频封面类型">
-            <template slot-scope="scope">{{ scope.row.img_type==='long'?'横图':'竖图'}}</template>
-          </el-table-column>
-
-          <el-table-column align="center" label="视频横版封面" width="80px">
-            <template slot-scope="scope">
-              <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :noNeedDoamin="true" :urls="scope.row.img_x"></ShowImg>
-            </template>
-          </el-table-column>
-           <el-table-column align="center" label="视频竖版封面" width="80px">
-            <template slot-scope="scope">
-              <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :noNeedDoamin="true" :urls="scope.row.img_y"></ShowImg>
-            </template>
-          </el-table-column>
-            <el-table-column align="center" label="标签" width="300px">
-            <template slot-scope="scope">
-              <el-tag :key="index + 'tagData'" style="margin: 2px" v-for="(item, index) in scope.row.tags" size="mini">
-                {{ item.name }}
-              </el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="视频导演">
-            <template slot-scope="scope">{{ scope.row.director }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="上架状态" width="110px">
-            <template slot-scope="scope">
-              <el-button  plain size="mini">{{
-        scope.row.status_text  }}</el-button>
-            </template>
-          </el-table-column>
-            <el-table-column align="center" width="120px" label="上架时间">
-              <template slot-scope="scope">{{ scope.row.issue_date | BeiJingTime }}</template>
-            </el-table-column>
-              <el-table-column align="center" width="120px" label="更新状态">
-              <template slot-scope="scope">{{ scope.row.update_status==='0'?'更新中':'已完结'}}</template>
-            </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="300">
-            <template slot-scope="scope">
-              <el-button
-v-if="scope.row.type == 'MP3'"
-@click="audioListFn(scope.$index, scope.row)"
-type="success"
-                size="mini">加入后台MP3库</el-button>
-              <el-button
-v-else
-@click="addVideo(scope.$index, scope.row)"
-size="mini"
-                :type="scope.row.isAdd ? 'info' : 'primary'"
-:disabled="scope.row.isAdd ? true : false">{{
-        `${scope.row.isAdd ? '已加入后台视频库' : '加入后台视频库'}` }}</el-button>
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">查看详情</el-button>
-              <!-- <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button> -->
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-:current-page="page"
-:page-size="page_size"
-        :page-sizes="[10, 20, 30, 50, 100]"
-:total="total"
-@current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-layout="total, sizes, prev, pager, next, jumper" />
-    </div>
-    <!-- 查看详情 -->
-    <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
-    <ShowVideo ref="showvideo"></ShowVideo>
-
-  </div>
-</template>
-<script>
-// 引入模块
-import ShowImg from '@/components/ShowImg/index.vue'
-import Edit from './components/AddOrEdit'
-// import EditShowLocation from './components/editShowLocation'
-import { lsjVideoList, lsjVideoDel,lsjVideoAdd } from '@/api/lsjMediaLibrary/videoList.js'
-import ShowVideo from '@/components/ShowVideo/index.vue'
-import {
-  positionList, videoTypeList,statusList
-} from '@/filters/lsjMediaLibrary/videoList.js'
-import { audioAdd } from '@/api/novelsManagement/audio.js'
-import { isNumber } from 'mathjs/lib/entry/typeChecks'
-
-export default {
-  name: 'MediaCat',
-  components: {
-    ShowImg,
-    ShowVideo,
-    Edit
-  },
-  data() {
-    return {
-      videoTypeList: videoTypeList(),
-      positionList: positionList(),
-      statusList: statusList(),
-        page: 1,
-        page_size: 20,
-      // 请求列表参数
-      searchData: {
-          position: 'guochan', // 番号
-          id: undefined,
-          name: undefined, // 外用状态
-          status: undefined, // "string",当前状态
-          cat_id: undefined // 视频归类
-      },
-      time: undefined,
-      resData: [], // el-table表格数据
-      total: 0, // 数据总条数
-      selectArray: undefined,
-      editShowLocationVisible: undefined,
-
-      loading: true, // 列表加载状态
-      // 编辑数据
-      editVisible: false, // 新增或编辑弹出框
-      editData: {
-        title: '查看详情',
-        data: {}
-      }
-    }
-  },
-  filters: {
-    changeFormat(val) {
-      switch (val) {
-        case 1:
-          return '长视频'
-        case 2:
-          return '短视频'
-        case 3:
-          return '预览'
-      }
-    },
-    changeContentType(val) {
-      switch (val) {
-        case 1:
-          return 'AV（日本）'
-        case 2:
-          return '短视频（国产）'
-        case 3:
-          return '动漫'
-      }
-    }
-  },
-
-  mounted() {
-    this.getMediaSearch()
-
-  },
-  methods: {
-    addOutside() {
-      this.editShowLocationVisible = true
-      this.editData = {
-        title: '',
-        data: this.selectArray
-      }
-    },
-    // TODO:加入后台视频库
-    addVideo(index, row) {
-      lsjVideoAdd({ id: row.id }).then((res) => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // 加入后台音频库
-    addAudioArray() {
-      Object.keys(this.selectArray).forEach((key) => {
-        if (!this.selectArray[key].isAdd) {
-          this.audioListFn(key, this.selectArray[key])
-        }
-      })
-    },
-    // TODO:加入音频视频库
-    audioListFn(index, row) {
-      audioAdd({ id: row.id }).then((res) => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // TODO:请求影片列表数据
-    getMediaSearch() {
-      this.loading = true
-      if(isNumber(this.page)|| isNumber(this.page_size)){
-        this.searchData.page = this.page + ''
-        this.searchData.page_size = this.page_size + ''
-      }
-       if (this.time) {
-        this.searchData.start_time = this.time[0]
-        this.searchData.end_time = this.time[1]
-      } else {
-        this.searchData.start_time = undefined
-        this.searchData.end_time = undefined
-      }
-      lsjVideoList(this.searchData).then((res) => {
-        if (res.code === 200) {
-          this.resData = res.data.data
-          this.total = Number(res.data.total)
-        } else {
-          this.$message.error('请求列表失败!')
-          this.resData = []
-          this.total = 0
-        }
-        this.loading = false
-      })
-    },
-
-    // TODO:删除影片列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        lsjVideoDel({ id: row.id }).then((res) => {
-          if (res.code === 200) {
-            this.getMediaSearch()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error(res.tip)
-          }
-        })
-      })
-    },
-    addVideoArray() {
-      Object.keys(this.selectArray).forEach((key) => {
-        if (!this.selectArray[key].isAdd) {
-          this.addVideo(key, this.selectArray[key])
-        }
-      })
-    },
-
-    onSeach() {
-      this.page = 1
-      this.page_size = 20
-      this.getMediaSearch()
-    },
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.page_size = val
-      this.getMediaSearch()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.page = val
-      this.getMediaSearch()
-    },
-    handleSelectionChange(val) {
-      this.selectArray = val
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-    },
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '查看详情',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editVisible = false
-      this.editShowLocationVisible = false
-      this.getMediaSearch()
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData[key] = undefined
-      this.getMediaSearch()
-    }
-  }
-}
-</script>

src/views/mediaLibrary/videoList/components/AddOrEdit.vue

@@ -1,462 +0,0 @@
-<template>
-  <el-dialog
-:title="title"
-:visible.sync="Visible"
-width="1800px"
-center
-class="ac-dialog"
-:close-on-click-modal="false"
-    @close="close">
-    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
-      <div>
-        <el-form-item label="标题">
-          <el-input v-model="form.title" style="width: 315px" />
-        </el-form-item>
-      </div>
-      <div>
-        <el-form-item label="封面">
-          <UploadImg @changeImgUrl="changeCoverImgUrl" :img="form.coverImg" @onRemove="handleRemove('coverImg')">
-          </UploadImg>
-        </el-form-item>
-      </div>
-      <el-form-item label="影片类型">
-        <el-select clearable placeholder="影片类型" v-model="form.type" style="width: 180px">
-          <el-option label="长视频" value="longvideo" />
-          <el-option label="短视频" value="shortvideo" />
-        </el-select>
-      </el-form-item>
-         <el-form-item label="视频归类">
-                <el-select placeholder="请选择视频归类" v-model="videoType" style="width: 180px">
-                  <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in formVideoTypeList" />
-                </el-select>
-              </el-form-item>
-      <div>
-        <el-form-item label="APP">
-          <el-select multiple placeholder="APP" v-model="form.appids" style="width: 180px">
-            <el-option label="麻豆APP" :value="1" />
-            <el-option label="麻豆官网" :value="2" />
-            <el-option label="逼喱逼喱" :value="3" />
-          </el-select>
-        </el-form-item>
-      </div>
-      <div>
-        <el-form-item label="上架时间">
-          <el-date-picker
-style="width: 180px"
-v-model="form.addedTime"
-type="date"
-placeholder="选择日期"
-            value-format="yyyy-MM-ddTHH:mm:ssZ">
-          </el-date-picker>
-        </el-form-item>
-      </div>
-      <div>
-        <el-form-item label="正片地址">
-          <el-input v-model="form.fieldNameFs" style="width: 515px" disabled="disabled" />
-        </el-form-item>
-      </div>
-      <div>
-        <el-form-item label="预览地址">
-          <el-input v-model="form.preFileName" style="width: 515px">
-            <el-button slot="append" @click="innerVisible = true">自定义设置预览</el-button>
-          </el-input>
-        </el-form-item>
-      </div>
-      <el-form-item label="详细描述">
-        <el-input v-model="form.desc" type="textarea" style="width: 515px" />
-      </el-form-item>
-
-    </el-form>
-
-    <div style="position: absolute; top: 50px; right: 10px">
-      <h3>正片</h3>
-       <div v-if="form.fieldNameFs" style="width: 380px; height: 240px; overflow: hidden">
-            <DPlayer
-ref="player"
-v-if="form.fieldNameFs.indexOf('mp4') === -1"
-:video="{
-              url: '/api/web/media/m3u8/' + filterM3u8(form.fieldNameFs),
-              type: 'hls',
-              pic: '',
-            }"
-hotkey></DPlayer>
-            <DPlayer
-ref="player"
-v-else
-:video="{
-              url: this.$store.getters.getSystemConfig.mp4Url + form.fieldNameFs,
-              type: 'mp4',
-              pic: '',
-            }"
-hotkey></DPlayer>
-          </div>
-       <UploadVideo
-v-if="videoType"
-@changeVideoUrl="changeVideoUrl"
-:type="videoType"
-@repeatVideo="repeatVideo"
-            style="max-width: 520px"></UploadVideo>
-          <div v-else class="check_upload" @click.prevent="checkUpload">
-            <div>
-              选择文件
-            </div>
-          </div>
-    </div>
-    <div style="position: absolute; top: 50px; right: 410px">
-      <h3>预览</h3>
-      <div v-if="form.preFileName" style="width: 380px; height: 240px; overflow: hidden">
-            <DPlayer
-ref="player"
-v-if="form.preFileName.indexOf('mp4') === -1"
-:video="{
-              url: '/api/web/media/m3u8/' + filterM3u8(form.preFileName),
-              type: 'hls',
-              pic: '',
-            }"
-hotkey></DPlayer>
-            <DPlayer
-ref="player"
-v-else
-:video="{
-              url: this.$store.getters.getSystemConfig.mp4Url + form.preFileName,
-              type: 'mp4',
-              pic: '',
-            }"
-hotkey></DPlayer>
-          </div>
-    </div>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click.native.prevent="submit('ruleForm')">
-        确 定
-      </el-button>
-    </div>
-    <el-dialog width="30%" title="设置预览时长" :visible.sync="innerVisible" append-to-body>
-      <el-row>
-        <el-col :span="24" style="text-align: center">
-          <div><span>总时长:</span>{{ totalTime }}s</div>
-          <div>
-            时:
-            <el-input-number :min="0" :max="24" size="mini" v-model="previewTimeData.h"></el-input-number>
-          </div>
-          <div>
-            分:
-            <el-input-number :min="0" :max="59" size="mini" v-model="previewTimeData.m"></el-input-number>
-          </div>
-          <div>
-            秒:
-            <el-input-number :min="0" :max="59" size="mini" v-model="previewTimeData.s"></el-input-number>
-          </div>
-        </el-col>
-        <el-col :span="24" style="text-align: center; margin: 10px 0">
-          <el-button-group>
-            <el-button type="info" @click.native.prevent="restTime">取消</el-button>
-            <el-button type="primary" @click.native.prevent="subimitPTime">确定
-            </el-button>
-          </el-button-group>
-        </el-col>
-      </el-row>
-    </el-dialog>
-  </el-dialog>
-</template>
-<script>
-import DPlayer from '@/components/VueDplayerHls/index'
-import UploadImg from '@/components/UploadImg/index'
-import UploadVideo from '@/components/UploadVideo/index'
-import 'videojs-contrib-hls'
-import { mediaUpdate, updatePreTime } from '@/api/mediaLibrary/videoList'
-import { stringToArry, arryToString } from '@/filters/index'
-import { StatusList, formVideoTypeList } from '@/filters/mediaLibrary/videoList'
-import { current } from '@/filters/index'
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    UploadImg,
-    UploadVideo,
-    DPlayer
-  },
-  computed: {
-    totalTime() {
-      return this.data.data.videoTime
-    }
-  },
-  data() {
-    return {
-      innerVisible: false,
-      Visible: true,
-      title: '',
-      defaltTime: current() + 'T12:00:00.000Z',
-      taskId: '',
-      StatusList: StatusList(),
-      formVideoTypeList: formVideoTypeList(),
-      tags: null,
-      fieldNameFs: '', // 正片地址全称
-      secondTags: [],
-      FirstTagList: [],
-
-      form: {
-        appids: [],
-        actors: undefined, // [],演员
-        addedTime: undefined, // 'string',上架时间
-        bango: undefined, //  'string',番号
-        checkSum: undefined, //  'string',md5校验码
-        country: undefined, //  'string',国家
-        coverImg: undefined, // 封面
-        desc: undefined, //  'string',详细描述
-        directors: undefined, // [],导演
-        firstTag: undefined, //  'string',一级标签
-        preFileName: undefined, //  'string',预览文件
-        preview: undefined, //  0,预览普通视频
-        publish: undefined, //  'string',视频发布者
-        secondTags: undefined, // [],二级标签标签
-        size: undefined, //  0,文件大小
-        status: undefined, //  'string',当前状态
-        studio: undefined, // 'string',工作室/所有者
-        title: undefined, // 'string',标题
-        type: undefined, // 'string',长视频/短视频
-        videoTime: undefined //  0,影片长度
-      },
-      previewTimeData: {
-        h: 0,
-        m: 0,
-        s: 0
-      },
-      type: undefined,
-      videoType: undefined
-    }
-  },
-
-  created() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-      this.form.actors = arryToString(this.form.actors)
-      this.form.directors = arryToString(this.form.directors)
-      if (this.form.fieldNameFs) {
-        this.open()
-      }
-    }
-    if (this.player) {
-      this.player.dispose()
-    }
-  },
-
-  methods: {
-    checkUpload() {
-      if (!this.videoType) {
-        return this.$message({
-          type: 'error',
-          message: '请选择视频归类！!'
-        })
-      }
-    },
-    // TODO：新增视频时绑定煤资库ID
-    async subimitPTime() {
-      let s = 0
-      if (this.previewTimeData.h) {
-        s += this.previewTimeData.h * 60 * 60
-      }
-      if (this.previewTimeData.m) {
-        s += this.previewTimeData.m * 60
-      }
-      s += this.previewTimeData.s
-      if (s > 0 && s + 15 <= this.data.data.videoTime - 15) {
-        const data = {
-          id: this.data.data.id,
-          preFileTime: s
-        }
-        updatePreTime(data).then((res) => {
-          if (res.code === 200) {
-            this.$message.success('预览时长设置成功')
-            this.innerVisible = false
-          } else {
-            this.$message.error('预览时长设置失败')
-          }
-        })
-      } else {
-        this.$message.error('预览时长设置不能为零或不能超过播放时长')
-      }
-    },
-    // TODO：提交视频列表数据
-    update(data) {
-      mediaUpdate(data).then((res) => {
-        if (res.code === 200) {
-          this.$message.success('更新成功')
-          this.close()
-        } else {
-          this.$message.error('更新失败')
-        }
-      })
-    },
-    filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    handleRemove(key) {
-      this.form[key] = ''
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.form.param[key] = []
-    },
-    restTime() {
-      this.previewTimeData = {
-        h: 0,
-        m: 0,
-        s: 0
-      }
-      this.innerVisible = false
-    },
-
-    // 提交按钮
-    submit() {
-      const data = { ...this.form }
-      data.actors = data.actors ? stringToArry(data.actors) : []
-      data.directors = data.directors ? stringToArry(data.directors) : []
-      const YY = new Date().getUTCFullYear()
-      const MM =
-        new Date().getMonth() + 1 < 10
-          ? `0${new Date().getMonth() + 1}`
-          : new Date().getMonth() + 1
-      const DD =
-        new Date().getUTCDate() < 10
-          ? `0${new Date().getUTCDate()}`
-          : new Date().getUTCDate()
-      const HH =
-        new Date().getUTCHours() < 10
-          ? `0${new Date().getUTCHours()}`
-          : new Date().getUTCHours()
-      const MU =
-        new Date().getUTCMinutes() < 10
-          ? `0${new Date().getUTCMinutes()}`
-          : new Date().getUTCMinutes()
-      const SS =
-        new Date().getUTCSeconds() < 10
-          ? `0${new Date().getUTCSeconds()}`
-          : new Date().getUTCSeconds()
-      const MS =
-        new Date().getUTCMilliseconds() < 10
-          ? `0${new Date().getUTCMilliseconds()}`
-          : new Date().getUTCMilliseconds()
-      data.addedTime =
-        data.addedTime || `${YY}-${MM}-${DD}T${HH}:${MU}:${SS}.${MS}Z`
-      this.update(data)
-    },
-
-    // 上传视频返回地址
-    changeVideoUrl(data) {
-      this.form.id = data.id
-      this.fieldNameFs = data.videoUri
-      this.form.videoTime = parseInt(data.duration)
-      this.form.size = data.size
-    },
-
-    // 重复上传视频
-    repeatVideo(data) {
-      this.taskId = data.taskId
-      this.getData()
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.coverImg = data
-    },
-    // / 监听视频播放的回调函数
-    onPlayerPlay() { },
-    // / 监听暂停播放的回调函数
-    onPlayerPause() { },
-    // / 监听当前视频数据加载完成
-    onPlayerLoadeddata() { },
-    // / 监听当前视频数据加载失败
-    onPlayerError() { },
-    // / 监听当前视频数据加载ing
-    onPlayerWaiting() { },
-    // / 监听当前视频播放完成
-    onPlayerEnded() { },
-    open() {
-      this.mediaUrl =
-        'api/web/media/m3u8' +
-        (this.form.fieldNameFs.match(RegExp(/.m3u8/))
-          ? this.form.fieldNameFs
-          : this.form.fieldNameFs + '.m3u8')
-    },
-
-    // 关闭编辑
-    close() {
-      if (this.player) {
-        this.player.dispose()
-      }
-      this.$emit('close')
-    }
-  }
-}
-</script>
-<style lang="scss">
-.el-dialog {
-  display: flex;
-  flex-direction: column;
-  margin: 0 !important;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  /*height:600px;*/
-  max-height: calc(100% - 30px);
-  max-width: calc(100% - 30px);
-}
-
-.el-dialog .el-dialog__body {
-  flex: 1;
-  overflow: auto;
-}
-
-.videoBox {
-  display: flex;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.el-textarea.is-disabled.ti .el-textarea__inner {
-  color: red;
-}
-
-.media-box {
-  width: 100%;
-  height: 400px;
-  text-align: center;
-  overflow: hidden;
-
-  img {
-    height: 100%;
-    max-width: 100%;
-  }
-
-  #my-video {
-    width: 100% !important;
-    height: 100% !important;
-    border: none !important;
-  }
-}
-.check_upload {
-  position: relative;
-  padding: 10px;
-  overflow: hidden;
-  border: 1px dashed #ccc;
-  background-color: #f5f5f5;
-
-  div {
-    display: inline-block;
-    position: relative;
-    padding: 4px 8px;
-    font-size: 100%;
-    line-height: 1.4;
-    color: #666;
-    border: 1px solid #666;
-    cursor: pointer;
-    border-radius: 2px;
-    background: none;
-    outline: none;
-  }
-
-}
-</style>

src/views/mediaLibrary/videoList/components/editShowLocation.vue

@@ -1,62 +0,0 @@
-<!--
- * @Date: 2024-07-02 11:19:17
- * @LastEditors: Administrator admin@example.com
- * @LastEditTime: 2024-07-02 11:35:38
- * @FilePath: /waiwang_webadmin/src/views/mediaLibrary/videoList/components/editShowLocation.vue
--->
-<template>
-  <el-dialog :title="title" :visible.sync="Visible" width="400px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
-    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
-      <el-row :gutter="24">
-        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-          <el-form-item label="外用状态" prop="showLocation">
-            <el-select placeholder="请选择外用列表状态" v-model="form.showLocation" style="width: 180px">
-              <el-option label="非外用" :value="0" />
-              <el-option label="外用" :value="1" />
-              <el-option label="已完成" :value="2" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click.native.prevent="submit('ruleForm')"> 确 定 </el-button>
-    </div>
-  </el-dialog>
-</template>
-<script>
-import { mediaUpdate } from '@/api/mediaLibrary/videoList'
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  data() {
-    return {
-      Visible: true,
-      title: '',
-      form: {
-        showLocation: undefined // 视频类型 1:长视频 2:短视频 3:预览
-      }
-    }
-  },
-  methods: {
-    submit() {
-      this.data.data.forEach(item => {
-        item.showLocation = this.form.showLocation
-        mediaUpdate(item).then(res => {
-          if (res.code === 200) {
-            this.$message.success(item.id + '加入成功')
-          } else {
-            this.$message.error(item.id + '加入失败')
-          }
-        })
-      })
-      this.$emit('close')
-    },
-    close() {
-      this.$emit('close')
-    }
-  }
-}
-</script>
-<style lang="scss"></style>

src/views/mediaLibrary/videoList/index.vue

@@ -1,473 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-        <el-form-item>
-          <el-input placeholder="请输入影片ID" clearable v-model="searchData.param.id" @clear="onClear('id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入标题" clearable v-model="searchData.param.title" @clear="onClear('title')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入任务ID" clearable v-model="searchData.param.taskId" @clear="onClear('taskId')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入番号" clearable v-model="searchData.param.bango" @clear="onClear('bango')" />
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择当前状态" clearable v-model="searchData.param.status" @clear="onClear('status')">
-            <el-option v-for="item in StatusList" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择APP类型" clearable v-model="searchData.param.appid" @clear="onClear('appid')">
-            <el-option v-for="item in appidsList" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入一级标签" clearable v-model="searchData.param.firstTag" @clear="onClear('firstTag')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入二级标签" clearable v-model="searchData.param.secondTags" @clear="onClear('secondTags')" />
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择内容归类" clearable v-model="searchData.param.type" @clear="onClear('type')">
-            <el-option v-for="item in formVideoTypeList" :key="item.value" :label="item.label" :value="item.label" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择视频类型" clearable v-model="searchData.param.formatType" @clear="onClear('formatType')">
-            <el-option v-for="item in formatTypeList" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择内容类型" clearable v-model="searchData.param.contentType" @clear="onClear('contentType')">
-            <el-option v-for="item in contentTypeList" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择排序方式" clearable v-model="searchData.param.timeRange" @clear="onClear('timeRange')">
-            <el-option label="上架时间排序" value="addedTime" />
-            <el-option label="创建时间排序" value="createdAt" />
-            <el-option label="修改时间排序" value="updatedAt" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择外用状态" clearable v-model="searchData.param.showLocation" @clear="onClear('showLocation')">
-            <el-option label="非外用（未修改）" :value="0" />
-            <el-option label="外用（修改中）" :value="1" />
-            <el-option label="待验收" :value="3" />
-            <el-option label="已完成" :value="2" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入演员" clearable v-model="searchData.param.actors" @clear="onClear('actors')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入发布者" clearable v-model="searchData.param.publish" @clear="onClear('publish')" />
-        </el-form-item>
-        <el-form-item>
-          <el-date-picker v-model="time" type="daterange" range-separator="至" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
-        </el-form-item>
-
-        <el-form-item>
-          <el-button @click="onSeach" icon="el-icon-search" plain type="primary">搜索</el-button>
-          <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button>
-          <el-button @click="addAudioArray" icon="el-icon-circle-plus-outline" plain type="warning">批量加入音频视频库</el-button>
-          <el-button @click="addVideoArray" icon="el-icon-circle-plus-outline" plain type="warning">批量加入后台视频库</el-button>
-          <el-button @click="addOutside" icon="el-icon-circle-plus-outline" plain type="warning">批量加入外用列表</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table
-          :data="resData"
-          element-loading-text="拼命加载中"
-          border
-          height="735"
-          highlight-current-row
-          style="width: 100%; font-size: 10px"
-          v-loading="loading"
-          :row-style="{ height: '30px' }"
-          :cell-style="{ padding: '5px' }"
-          @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="50"> </el-table-column>
-          <el-table-column align="center" label="视频ID" width="190px">
-            <template slot-scope="scope">{{ scope.row.id }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="标题" width="190px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.title }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="视频封面" width="80px">
-            <template slot-scope="scope">
-              <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :urls="scope.row.coverImg"></ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="任务ID" width="190px">
-            <template slot-scope="scope">{{ scope.row.taskId }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="发布者">
-            <template slot-scope="scope">{{ scope.row.publish }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" label="视频类型">
-            <template slot-scope="scope">{{ scope.row.contentType | changeContentType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="封面类型" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.coverType | changeCoverType }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="APP类型" width="150">
-            <template slot-scope="scope">
-              <el-tag :key="index" style="margin: 2px" v-for="(item, index) in scope.row.appids" size="mini">
-                {{ item | changeAppids }}
-              </el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="一级标签" width="100px">
-            <template slot-scope="scope">{{ scope.row.firstTag }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="二级标签" width="150px">
-            <template slot-scope="scope">{{ scope.row.secondTags }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="视频归属" width="100px">
-            <template slot-scope="scope">{{ scope.row.mediaSet }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="当前状态" width="110px">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.status === 'Completed' ? 'success' : 'danger'" plain size="mini">{{ scope.row.status | changeStatus }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="外用状态" width="120px">
-            <template slot-scope="scope">
-              <el-button :type="scope.row.showLocation === 2 ? 'success' : scope.row.showLocation === 1 ? 'warning' : 'danger'" plain size="mini">{{
-                scope.row.showLocation | changeShowLocation
-              }}</el-button>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="演员" width="200">
-            <template slot-scope="scope">
-              <el-tag :key="index" v-for="(item, index) in scope.row.actors" type="primary">{{ item }}</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="所有者" width="100px">
-            <template slot-scope="scope">{{ scope.row.studio }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="番号" width="150px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.bango }}</template>
-          </el-table-column>
-          <el-table-column align="center" label="备注" width="150px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.remark }}</template>
-          </el-table-column>
-
-          <el-table-column align="center" label="影片时长" width="80px">
-            <template slot-scope="scope">{{ scope.row.videoTime | secondToHouseMinuteSecond }}</template>
-          </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="300">
-            <template slot-scope="scope">
-              <el-button v-if="scope.row.type == 'MP3'" @click="audioListFn(scope.$index, scope.row)" type="success" size="mini">加入后台MP3库</el-button>
-              <el-button v-else @click="addVideo(scope.$index, scope.row)" size="mini" :type="!scope.row.isAdd ? 'primary' : 'info'" :disabled="scope.row.isAdd">加入后台视频库</el-button>
-              <el-button v-if="scope.row.type !== 'MP3' && scope.row.status === 'Completed'" @click="addResourceVideo(scope.$index, scope.row)" type="success" size="mini">加入资源库</el-button>
-              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
-              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <!-- 新增及编辑 -->
-    <Edit :contentTypeList="contentTypeList" :data="editData" v-if="editVisible" @close="closeEdit" />
-    <ShowVideo ref="showvideo"></ShowVideo>
-    <EditShowLocation :data="editData" v-if="editShowLocationVisible" @close="closeEdit" />
-  </div>
-</template>
-<script>
-// 引入模块
-import ShowImg from '@/components/ShowImg/index.vue'
-import Edit from './components/AddOrEdit'
-import EditShowLocation from './components/editShowLocation'
-import { mediaSearch, mediaDel } from '@/api/mediaLibrary/videoList'
-import ShowVideo from '@/components/ShowVideo/index.vue'
-import { appidsList, formatTypeList, StatusList, formVideoTypeList, contentTypeList } from '@/filters/mediaLibrary/videoList'
-import { mediaAdd } from '@/api/videoManagement/videoList'
-import { audioAdd } from '@/api/novelsManagement/audio.js'
-import { mediaAddResource } from '@/api/resourceManagement/video.js'
-export default {
-  name: 'MediaCat',
-  components: {
-    Edit,
-    ShowImg,
-    ShowVideo,
-    EditShowLocation
-  },
-  data() {
-    return {
-      appidsList: appidsList(),
-      formatTypeList: formatTypeList(),
-      contentTypeList: contentTypeList(),
-      StatusList: StatusList(),
-      formVideoTypeList: formVideoTypeList(),
-      // 请求列表参数
-      searchData: {
-        pageNum: 1,
-        pageSize: 20,
-        param: {
-          bango: undefined, // 番号
-          id: undefined,
-          showLocation: undefined, // 外用状态
-          appid: undefined,
-          end: undefined, // "string",结束时间
-          start: undefined, // "string",开始时间
-          status: undefined, // "string",当前状态
-          timeRange: undefined, // "string",时间范围 addedTime/createdAt/updatedAt 排序默认最新
-          title: undefined, // "string",标题
-          taskId: undefined,
-          formatType: undefined, // "string",长视频/短视频
-          actors: undefined, // 演员
-          publish: undefined, // 发布者
-          type: undefined, // 视频归类
-          contentType: undefined,
-          secondTags: undefined
-        }
-      },
-      time: undefined,
-      resData: [], // el-table表格数据
-      total: 0, // 数据总条数
-      selectArray: undefined,
-      editShowLocationVisible: undefined,
-
-      loading: true, // 列表加载状态
-      // 编辑数据
-      editVisible: false, // 新增或编辑弹出框
-      editData: {
-        title: '新增',
-        data: {}
-      }
-    }
-  },
-  filters: {
-    changeShowLocation(val) {
-      switch (val) {
-        case 0:
-          return '非外用'
-        case 1:
-          return '外用'
-        case 2:
-          return '已完成'
-        case 3:
-          return '待验收'
-      }
-    },
-    changeCoverType(val) {
-      switch (val) {
-        case 1:
-          return '横版'
-        case 2:
-          return '竖版'
-        case 3:
-          return '系统'
-      }
-    },
-    changeAppids(val) {
-      switch (val) {
-        case 1:
-          return '麻豆APP'
-        case 2:
-          return '麻豆官网'
-        case 3:
-          return 'JAV视频'
-        case 8:
-        case 4:
-          return '快手'
-        case 999:
-          return '哔哩哔哩'
-        case 444:
-          return '欲漫涩'
-        case 123:
-          return '快看禁漫'
-        case 6:
-          return '微勃视频'
-        case 80:
-          return '微勃视频'
-        case 494:
-          return '暗网视频'
-        case 8888:
-          return '外网禁忌'
-        case 178:
-          return '好色'
-        case 777:
-          return '微勃'
-        case 594:
-          return '乱伦'
-        case 694:
-          return '麻豆涩漫'
-        case 888:
-          return '麻豆'
-        case 258:
-          return '新内涵'
-      }
-    }
-  },
-
-  mounted() {
-    this.getMediaSearch()
-  },
-  methods: {
-    addOutside() {
-      this.editShowLocationVisible = true
-      this.editData = {
-        title: '',
-        data: this.selectArray
-      }
-    },
-    // 加入后台音频库
-    addAudioArray() {
-      Object.keys(this.selectArray).forEach(key => {
-        if (!this.selectArray[key].isAdd) {
-          this.audioListFn(key, this.selectArray[key])
-        }
-      })
-    },
-    // TODO:加入音频视频库
-    audioListFn(index, row) {
-      audioAdd({ fileId: row.id }).then(res => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // TODO:加入后台视频库
-    addVideo(index, row) {
-      mediaAdd({ fileId: row.id }).then(res => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // 加入到资源管理
-    addResourceVideo(index, row) {
-      mediaAddResource({ fileId: row.id }).then(res => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // TODO:请求影片列表数据
-    getMediaSearch() {
-      this.loading = true
-      if (this.time) {
-        this.searchData.param.start = this.time[0]
-        this.searchData.param.end = this.time[1]
-      } else {
-        this.searchData.param.start = undefined
-        this.searchData.param.end = undefined
-      }
-
-      mediaSearch(this.searchData).then(res => {
-        if (res.code === 200) {
-          this.resData = res.data.list
-          this.total = res.data.total
-        } else {
-          this.$message.error('请求列表失败!')
-          this.resData = []
-          this.total = 0
-        }
-        this.loading = false
-      })
-    },
-
-    // TODO:删除影片列表数据
-    handleDelete(index, row) {
-      this.$confirm('确定删除?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        mediaDel({ id: row.id }).then(res => {
-          if (res.code === 200) {
-            this.getMediaSearch()
-            this.$message.success('成功删除!')
-          } else {
-            this.$message.error(res.tip)
-          }
-        })
-      })
-    },
-    addVideoArray() {
-      Object.keys(this.selectArray).forEach(key => {
-        if (!this.selectArray[key].isAdd) {
-          this.addVideo(key, this.selectArray[key])
-        }
-      })
-    },
-
-    onSeach() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 20
-      this.getMediaSearch()
-    },
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getMediaSearch()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getMediaSearch()
-    },
-    handleSelectionChange(val) {
-      this.selectArray = val
-    },
-
-    // 新增按钮
-    add() {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '新增',
-        data: {}
-      }
-    },
-    // 编辑按钮
-    handleEdit(index, row) {
-      this.editVisible = true // 新增或编辑弹出框
-      this.editData = {
-        title: '编辑',
-        data: row
-      }
-    },
-
-    // 关闭编辑弹窗
-    closeEdit() {
-      this.editVisible = false
-      this.editShowLocationVisible = false
-      this.getMediaSearch()
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData.param[key] = undefined
-      this.getMediaSearch()
-    }
-  }
-}
-</script>
-

src/views/mediaLibrary/videoListV1/components/AddOrEdit.vue

@@ -1,422 +0,0 @@
-<template>
-    <el-dialog :title="title" :visible.sync="Visible" width="1800px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
-      <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
-        <el-row :gutter="24">
-          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-            <el-form-item label="标题">
-              <el-input v-model="form.title" style="width: 315px" />
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-            <el-form-item label="封面类型">
-              <el-select style="width: 180px" placeholder="请选择封面类型" v-model="form.coverType">
-                <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in coverTypeList" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-            <el-form-item label="封面">
-              <UploadImg @changeImgUrl="changeCoverImgUrl" :img="form.coverImg"></UploadImg>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-            <el-form-item label="番号">
-              <el-input v-model="form.bango" style="width: 315px" />
-            </el-form-item>
-          </el-col>
-          <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-            <el-form-item label="演员">
-              <el-input v-model="form.actors" placeholder="可填多人，中间用'，/。/,'等符号分割" style="width:315px" />
-            </el-form-item>
-          </el-col>
-          <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-            <el-form-item label="视频归属">
-              <el-input v-model="form.mediaSet" style="width: 315px" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="24">
-          <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-            <el-form-item label="一级标签:">
-              <el-input v-model="form.firstTag" placeholder="请输入一级标签,中间用'，/。/,'等符号分割" style="width:315px" />
-            </el-form-item>
-          </el-col>
-          <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-            <el-form-item label="二级标签">
-              <el-input v-model="form.secondTags" placeholder="请输入二级标签,中间用'，/。/,'等符号分割" style="width:315px" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="24">
-          <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-            <el-form-item label="APP">
-              <el-select multiple placeholder="APP" v-model="form.appids" style="width: 180px">
-                <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in appidsList" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-            <el-form-item label="视频类型">
-              <el-select placeholder="请选择视频类型" v-model="form.formatType" style="width: 180px">
-                <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in formatTypeList" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-            <el-form-item label="内容类型">
-              <el-select placeholder="请选择内容类型" v-model="form.contentType" style="width: 180px">
-                <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in contentTypeList" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :lg="8" :md="8" :sm="8" :xl="8" :xs="8">
-            <el-form-item label="发布者">
-              <el-input v-model="form.publish" placeholder="请输入发布者" style="width: 180px" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="8" :md="8" :sm="8" :xl="8" :xs="8">
-            <el-form-item label="所有者">
-              <el-input v-model="form.studio" placeholder="请输入所有者" style="width: 180px" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="8" :md="8" :sm="8" :xl="8" :xs="8">
-            <el-form-item label="上架时间">
-              <el-date-picker style="width: 180px" v-model="form.addedTime" type="date" placeholder="选择日期" value-format="yyyy-MM-ddTHH:mm:ssZ">
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="24">
-  
-          <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="12">
-            <el-form-item label="正片地址">
-              <el-input v-model="form.fieldNameFs" style="width: 515px" disabled="disabled" />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="12">
-            <el-form-item label="预览地址">
-              <el-input v-model="form.preFileName" style="width: 515px">
-                <el-button slot="append" @click="innerVisible = true">自定义设置预览</el-button>
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24">
-            <el-form-item label="详细描述">
-              <el-input v-model="form.desc" type="textarea" style="width: 515px" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div style="position: absolute;top: 50px;right: 50px">
-        <div style="float:left">
-          <h3>预览</h3>
-          <div v-if="form.fieldNameFs" style="width: 380px; height: 240px; overflow: hidden">
-            <DPlayer ref="player" :video="{
-                  url: '/api/web/media/m3u8/' + filterM3u8(form.preFileName),
-                  type: 'hls',
-                  pic: '',
-              }" hotkey :autoplay="false" @playing="onPlayerPlay" @pause="onPlayerPause" @loadeddata="onPlayerLoadeddata" @error="onPlayerError" @ended="onPlayerEnded" @waiting="onPlayerWaiting"></DPlayer>
-          </div>
-        </div>
-        <div style="float:left">
-          <h3>正片</h3>
-          <div v-if="form.fieldNameFs" style="width: 380px; height: 240px; overflow: hidden">
-            <DPlayer ref="player" :video="{
-                  url: '/api/web/media/m3u8/' + filterM3u8(form.fieldNameFs),
-                  type: 'hls',
-                  pic: '',
-              }" hotkey :autoplay="false" @playing="onPlayerPlay" @pause="onPlayerPause" @loadeddata="onPlayerLoadeddata" @error="onPlayerError" @ended="onPlayerEnded" @waiting="onPlayerWaiting"></DPlayer>
-          </div>
-          <UploadVideo @changeVideoUrl="changeVideoUrl" @repeatVideo="repeatVideo" style="max-width: 520px"></UploadVideo>
-        </div>
-  
-      </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
-        <el-button type="primary" @click.native.prevent="submit('ruleForm')">
-          确 定
-        </el-button>
-      </div>
-      <el-dialog width="30%" title="设置预览时长" :visible.sync="innerVisible" append-to-body>
-        <el-row>
-          <el-col :span="24" style="text-align: center">
-            <div><span>总时长:</span>{{ totalTime }}s</div>
-            <div>
-              时:
-              <el-input-number :min="0" :max="24" size="mini" v-model="previewTimeData.h"></el-input-number>
-            </div>
-  
-            <div>
-              分:
-              <el-input-number :min="0" :max="59" size="mini" v-model="previewTimeData.m"></el-input-number>
-            </div>
-            <div>
-              秒:
-              <el-input-number :min="0" :max="59" size="mini" v-model="previewTimeData.s"></el-input-number>
-            </div>
-          </el-col>
-          <el-col :span="24" style="text-align: center; margin: 10px 0">
-            <el-button-group>
-              <el-button type="info" @click.native.prevent="restTime">取消</el-button>
-              <el-button type="primary" @click.native.prevent="subimitPTime">确定
-              </el-button>
-            </el-button-group>
-          </el-col>
-        </el-row>
-      </el-dialog>
-    </el-dialog>
-  </template>
-  <script>
-  import DPlayer from '@/components/VueDplayerHls/index'
-  import UploadImg from '@/components/UploadImg/index'
-  import UploadVideo from '@/components/UploadVideo/index'
-  import 'videojs-contrib-hls'
-  import { mediaUpdateV1, updatePreTimeV1 } from '@/api/mediaLibrary/videoList'
-  import { stringToArry, arryToString, current } from '@/filters/index'
-  import {
-    coverTypeList,
-    appidsList,
-    formatTypeList,
-    contentTypeList,
-  } from '@/filters/mediaLibrary/videoList'
-  export default {
-    name: 'AddOrEdit',
-    props: ['data'],
-    components: {
-      UploadImg,
-      UploadVideo,
-      DPlayer,
-    },
-    computed: {
-      totalTime() {
-        return this.data.data.videoTime
-      },
-    },
-    data() {
-      return {
-        coverTypeList: coverTypeList(),
-        appidsList: appidsList(),
-        formatTypeList: formatTypeList(),
-        contentTypeList: contentTypeList(),
-  
-        innerVisible: false,
-        Visible: true,
-        title: '',
-        defaltTime: current() + 'T12:00:00.000Z',
-        taskId: '',
-        tags: null,
-        fieldNameFs: '', // 正片地址全称
-        form: {
-          formatType: undefined, // 视频类型 1:长视频 2:短视频 3:预览
-          mediaSet: undefined, // 视频归属
-          contentType: undefined, // 内容类型 1:av（日本） 2:国产（短视频） 3:动漫
-          coverType: undefined, // 封面类型 1:竖版 2:横版 3:系统
-  
-          title: undefined, // 'string',标题
-          addedTime: undefined, // 'string',上架时间
-          publish: undefined, //  'string',视频发布者
-          firstTag: undefined, //  'string',一级标签
-          secondTags: undefined, // [],二级标签标签
-          bango: undefined, //  'string',番号
-          appids: [],
-          desc: undefined, //  'string',详细描述
-          preFileName: undefined, //  'string',预览文件
-          coverImg: undefined, // 封面
-          actors: undefined, // [],演员
-          studio: undefined, // 'string',工作室/所有者
-        },
-        previewTimeData: {
-          h: 0,
-          m: 0,
-          s: 0,
-        },
-      }
-    },
-  
-    created() {
-      this.title = this.data.title
-      if (this.title === '编辑') {
-        this.form = { ...this.data.data }
-        this.form.actors = arryToString(this.form.actors)
-        this.form.secondTags = arryToString(this.form.secondTags)
-        this.form.mediaSet = arryToString(this.form.mediaSet)
-        if (this.form.fieldNameFs) {
-          this.open()
-        }
-      }
-      if (this.player) {
-        this.player.dispose()
-      }
-    },
-    methods: {
-      //TODO:编辑影片列表数据
-      update(data) {
-        mediaUpdateV1(data).then((res) => {
-          if (res.code === 200) {
-            this.$message.success('更新成功')
-            this.close()
-          } else {
-            this.$message.error('更新失败')
-          }
-        })
-      },
-      filterM3u8(v) {
-        return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-      },
-      // 清空某一项筛选列表
-      onClear(key) {
-        this.form.param[key] = []
-      },
-      restTime() {
-        this.previewTimeData = {
-          h: 0,
-          m: 0,
-          s: 0,
-        }
-        this.innerVisible = false
-      },
-      async subimitPTime() {
-        let s = 0
-        if (this.previewTimeData.h) {
-          s += this.previewTimeData.h * 60 * 60
-        }
-        if (this.previewTimeData.m) {
-          s += this.previewTimeData.m * 60
-        }
-        s += this.previewTimeData.s
-        if (s > 0 && s + 15 <= this.data.data.videoTime - 15) {
-          const res = await updatePreTimeV1({
-            id: this.data.data.id,
-            preFileTime: s,
-          })
-          if (res.code === 200) {
-            this.$message.success('预览时长设置成功')
-            this.innerVisible = false
-          } else {
-            this.$message.error('预览时长设置失败')
-          }
-        } else {
-          this.$message.error('预览时长设置不能为零或不能超过播放时长')
-        }
-      },
-      // 提交按钮
-      submit() {
-        const data = { ...this.form }
-        data.actors = data.actors ? stringToArry(data.actors) : []
-        data.secondTags = data.secondTags ? stringToArry(data.secondTags) : []
-        data.mediaSet = data.mediaSet ? stringToArry(data.mediaSet) : []
-        data.addedTime = data.addedTime
-          ? data.addedTime === '0001-01-01T00:00:00Z'
-            ? this.defaltTime
-            : data.addedTime
-          : this.defaltTime
-        this.update(data)
-      },
-  
-      // 上传视频返回地址
-      changeVideoUrl(data) {
-        this.form.id = data.id
-        //   this.$set(this.form, 'fieldNameFs', data.videoUri)
-        this.fieldNameFs = data.videoUri
-        //   this.form.fieldNameFs = data.videoUri
-        //   this.form.videoTime = parseInt(data.duration)
-        //   this.form.size = data.size
-        //   this.open()
-      },
-  
-      // 重复上传视频
-      repeatVideo(data) {
-        this.taskId = data.taskId
-        this.getData()
-      },
-  
-      // 上传图片返回地址
-      changeCoverImgUrl(data) {
-        this.form.coverImg = data
-      },
-      // / 监听视频播放的回调函数
-      onPlayerPlay() {},
-      // / 监听暂停播放的回调函数
-      onPlayerPause() {},
-      // / 监听当前视频数据加载完成
-      onPlayerLoadeddata() {},
-      // / 监听当前视频数据加载失败
-      onPlayerError() {},
-      // / 监听当前视频数据加载ing
-      onPlayerWaiting() {},
-      // / 监听当前视频播放完成
-      onPlayerEnded() {},
-      open() {
-        this.mediaUrl =
-          'api/web/media/m3u8/' +
-          (this.form.fieldNameFs.match(RegExp(/.m3u8/))
-            ? this.form.fieldNameFs
-            : this.form.fieldNameFs + '.m3u8')
-        // this.$nextTick(function () {
-        //   document.getElementById("media-box").innerHTML =
-        //     '<video  id="my-video"  class="video-js vjs-default-skin"  controls preload="auto" style="width:100%;height:100%; "  playsinline="true"></video>';
-        //   this.player = videojs("my-video", {
-        //     bigPlayButton: false,
-        //     textTrackDisplay: false,
-        //     posterImage: true,
-        //     errorDisplay: true,
-        //     controlBar: true,
-        //     playbackRates: [0.5, 1, 1.5, 2, 3, 5, 10],
-        //   });
-        //   this.player.src(this.mediaUrl);
-        // });
-      },
-  
-      // 关闭编辑
-      close() {
-        if (this.player) {
-          this.player.dispose()
-        }
-        this.$emit('close')
-      },
-    },
-  }
-  </script>
-  <style lang="scss">
-  .el-dialog {
-    display: flex;
-    flex-direction: column;
-    margin: 0 !important;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    /*height:600px;*/
-    max-height: calc(100% - 30px);
-    max-width: calc(100% - 30px);
-  }
-  .el-dialog .el-dialog__body {
-    flex: 1;
-    overflow: auto;
-  }
-  .videoBox {
-    display: flex;
-    justify-content: center;
-    overflow: hidden;
-  }
-  
-  .el-textarea.is-disabled.ti .el-textarea__inner {
-    color: red;
-  }
-  .media-box {
-    width: 100%;
-    height: 400px;
-    text-align: center;
-    overflow: hidden;
-    img {
-      height: 100%;
-      max-width: 100%;
-    }
-    #my-video {
-      width: 100% !important;
-      height: 100% !important;
-      border: none !important;
-    }
-  }
-  </style>
-  

src/views/mediaLibrary/videoListV1/index.vue

@@ -1,412 +0,0 @@
-<template>
-    <div class="pf-warpper avlist">
-      <el-row class="table-form">
-        <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-          <el-form-item>
-            <el-input placeholder="请输入影片ID" clearable v-model="searchData.param.id" @clear="onClear('id')" />
-          </el-form-item>
-          <el-form-item>
-            <el-input placeholder="请输入标题" clearable v-model="searchData.param.title" @clear="onClear('title')" />
-          </el-form-item>
-          <el-form-item>
-            <el-input placeholder="请输入任务ID" clearable v-model="searchData.param.taskId" @clear="onClear('taskId')" />
-          </el-form-item>
-          <el-form-item>
-            <el-input placeholder="请输入番号" clearable v-model="searchData.param.bango" @clear="onClear('bango')" />
-          </el-form-item>
-          <el-form-item>
-            <el-select placeholder="请选择当前状态" clearable v-model="searchData.param.status" @clear="onClear('status')">
-              <el-option v-for="item in StatusList" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-select placeholder="请选择APP类型" clearable v-model="searchData.param.appid" @clear="onClear('appid')">
-              <el-option v-for="item in appidsList" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-input placeholder="请输入一级标签" clearable v-model="searchData.param.firstTag" @clear="onClear('firstTag')" />
-          </el-form-item>
-          <el-form-item>
-          <el-input placeholder="请输入二级标签" clearable v-model="secondTagsString" @clear="onClear('secondTags')" />
-        </el-form-item>
-          <el-form-item>
-            <el-select placeholder="请选择视频类型" clearable v-model="searchData.param.formatType" @clear="onClear('formatType')">
-              <el-option v-for="item in formatTypeList" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-select placeholder="请选择内容类型" clearable v-model="searchData.param.contentType" @clear="onClear('contentType')">
-              <el-option v-for="item in contentTypeList" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-select placeholder="请选择排序方式" clearable v-model="searchData.param.timeRange" @clear="onClear('timeRange')">
-              <el-option label="上架时间排序" value="addedTime" />
-              <el-option label="创建时间排序" value="createdAt" />
-              <el-option label="修改时间排序" value="updatedAt" />
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-input placeholder="请输入演员" clearable v-model="searchData.param.actors" @clear="onClear('actors')" />
-          </el-form-item>
-          <el-form-item>
-            <el-input placeholder="请输入发布者" clearable v-model="searchData.param.publish" @clear="onClear('publish')" />
-          </el-form-item>
-          <el-form-item>
-            <el-date-picker v-model="time" type="daterange" range-separator="至" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期">
-            </el-date-picker>
-          </el-form-item>
-  
-          <el-form-item>
-            <el-button @click="onSeach" icon="el-icon-search" plain type="primary">搜索</el-button>
-            <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button>
-            <el-button @click="addVideoArray" icon="el-icon-circle-plus-outline" plain type="warning">批量加入后台视频库</el-button>
-          </el-form-item>
-        </el-form>
-      </el-row>
-      <el-row>
-        <el-col>
-          <el-table :data="resData" element-loading-text="拼命加载中" border height="735" highlight-current-row style="width: 100%; font-size: 10px" v-loading="loading" :row-style="{ height: '30px' }" :cell-style="{ padding: '5px' }" @selection-change="handleSelectionChange">
-            <el-table-column type="selection" width="50"> </el-table-column>
-            <el-table-column align="center" label="视频ID" width="190px">
-              <template slot-scope="scope">{{ scope.row.id }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="标题" width="190px" show-overflow-tooltip>
-              <template slot-scope="scope">{{ scope.row.title }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="视频封面" width="80px">
-              <template slot-scope="scope">
-                <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :urls="scope.row.coverImg"></ShowImg>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" label="任务ID" width="190px">
-              <template slot-scope="scope">{{ scope.row.taskId }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="发布者">
-              <template slot-scope="scope">{{ scope.row.publish }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="视频类型">
-              <template slot-scope="scope">{{
-                scope.row.formatType |changeFormat
-              }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="内容类型">
-              <template slot-scope="scope">{{
-                scope.row.contentType |changeContentType
-              }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="封面类型" show-overflow-tooltip>
-              <template slot-scope="scope">{{ scope.row.coverType |changeCoverType}}</template>
-            </el-table-column>
-            <el-table-column align="center" label="APP类型" width="150">
-              <template slot-scope="scope">
-                <el-tag :key="index" style="margin: 2px" v-for="(item, index) in scope.row.appids" size="mini">
-                  {{item |changeAppids }}
-                </el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" label="一级标签" width="100px">
-              <template slot-scope="scope">{{ scope.row.firstTag }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="二级标签" width="150px">
-              <template slot-scope="scope">
-                <el-tag :key="index" v-for="(item, index) in scope.row.secondTags" type="primary">{{ item }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" label="视频归属" width="100px">
-              <template slot-scope="scope">{{ scope.row.mediaSet }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="当前状态" width="110px">
-              <template slot-scope="scope">
-                <el-button :type="scope.row.status === 'Completed' ? 'success' : 'danger'" plain size="mini">{{ scope.row.status | changeStatus }}</el-button>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" label="演员" width="200">
-              <template slot-scope="scope">
-                <el-tag :key="index" v-for="(item, index) in scope.row.actors" type="primary">{{ item }}</el-tag>
-              </template>
-            </el-table-column>
-            <el-table-column align="center" label="所有者" width="100px">
-              <template slot-scope="scope">{{ scope.row.studio }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="番号" width="150px" show-overflow-tooltip>
-              <template slot-scope="scope">{{ scope.row.bango }}</template>
-            </el-table-column>
-            <el-table-column align="center" label="备注" width="150px" show-overflow-tooltip>
-              <template slot-scope="scope">{{ scope.row.remark }}</template>
-            </el-table-column>
-  
-            <el-table-column align="center" label="影片时长" width="80px">
-              <template slot-scope="scope">{{
-                scope.row.videoTime | secondToHouseMinuteSecond
-              }}</template>
-            </el-table-column>
-            <el-table-column align="center" fixed="right" label="操作" width="300">
-              <template slot-scope="scope">
-                <el-button @click="addVideo(scope.$index, scope.row)" size="mini" :type="!scope.row.isAdd ? 'primary' : 'info'" :disabled="scope.row.isAdd">加入后台视频库</el-button>
-                <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
-                <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger">删除</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-col>
-      </el-row>
-      <div class="table-pagination">
-        <el-pagination :current-page="searchData.pageNum" :page-size="searchData.pageSize" :page-sizes="[10, 20, 30, 50, 100]" :total="total" @current-change="handleCurrentChange" @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper" />
-      </div>
-      <!-- 新增及编辑 -->
-      <Edit :data="editData" v-if="editVisible" @close="closeEdit" />
-      <ShowVideo ref="showvideo"></ShowVideo>
-    </div>
-  </template>
-  <script>
-  // 引入模块
-  import ShowImg from '@/components/ShowImg/index.vue'
-  import Edit from './components/AddOrEdit'
-  import { mediaSearchV1, mediaDelV1 } from '@/api/mediaLibrary/videoList'
-  import ShowVideo from '@/components/ShowVideo/index.vue'
-  import {
-    appidsList,
-    formatTypeList,
-    contentTypeList,
-    StatusList,
-  } from '@/filters/mediaLibrary/videoList'
-  import { mediaAddV1 } from '@/api/videoManagement/videoList'
-  export default {
-    name: 'MediaCat',
-    components: {
-      Edit,
-      ShowImg,
-      ShowVideo,
-    },
-    data() {
-      return {
-        appidsList: appidsList(),
-        formatTypeList: formatTypeList(),
-        contentTypeList: contentTypeList(),
-        StatusList: StatusList(),
-      secondTagsString:undefined,
-
-        // 请求列表参数
-        searchData: {
-          pageNum: 1,
-          pageSize: 20,
-          param: {
-            bango: undefined, // 番号
-            id: undefined,
-            appid: undefined,
-            end: undefined, // "string",结束时间
-            start: undefined, // "string",开始时间
-            status: undefined, // "string",当前状态
-            timeRange: undefined, // "string",时间范围 addedTime/createdAt/updatedAt 排序默认最新
-            title: undefined, // "string",标题
-            taskId: undefined,
-            formatType: undefined, // "string",长视频/短视频
-            actors: undefined, // 演员
-            publish: undefined, // 发布者
-            contentType: undefined,
-          },
-        },
-        time: undefined,
-        resData: [], // el-table表格数据
-        total: 0, // 数据总条数
-        selectArray: undefined,
-        loading: true, // 列表加载状态
-        // 编辑数据
-        editVisible: false, // 新增或编辑弹出框
-        editData: {
-          title: '新增',
-          data: {},
-        },
-      }
-    },
-    filters: {
-      changeCoverType(val) {
-        switch (val) {
-          case 1:
-            return '横版'
-          case 2:
-            return '竖版'
-          case 3:
-            return '系统'
-        }
-      },
-      changeAppids(val) {
-        switch (val) {
-          case 1:
-            return '麻豆APP'
-          case 2:
-            return '麻豆官网'
-          case 3:
-            return 'JAV视频'
-          case 8:
-          case 4:
-            return '快手'
-          case 999:
-            return '哔哩哔哩'
-          case 444:
-            return '欲漫涩'
-          case 123:
-            return '快看禁漫'
-          case 6:
-            return '微勃视频'
-          case 80:
-            return '微勃视频'
-          case 494:
-            return '暗网视频'
-          case 8888:
-            return '外网禁忌'
-          case 178:
-            return '好色'
-          case 777:
-            return '微勃'
-          case 594:
-            return '乱伦'
-          case 694:
-            return '麻豆涩漫'
-          case 888:
-            return '麻豆'
-          case 258:
-            return '新内涵'
-        }
-      },
-      changeFormat(val) {
-        switch (val) {
-          case 1:
-            return '长视频'
-          case 2:
-            return '短视频'
-          case 3:
-            return '预览'
-        }
-      },
-      changeContentType(val) {
-        switch (val) {
-          case 1:
-            return 'AV（日本）'
-          case 2:
-            return '短视频（国产）'
-          case 3:
-            return '动漫'
-        }
-      },
-    },
-  
-    mounted() {
-      this.getMediaSearch()
-    },
-    methods: {
-      //TODO:加入后台视频库
-      addVideo(index, row) {
-        mediaAddV1({ fileId: row.id }).then((res) => {
-          if (res.code === 200) {
-            this.$message.success('加入成功!')
-            this.getMediaSearch()
-          } else {
-            this.$message.error('加入失败!')
-          }
-        })
-      },
-      //TODO:请求影片列表数据
-      getMediaSearch() {
-        this.loading = true
-        if (this.time) {
-          this.searchData.param.start = this.time[0]
-          this.searchData.param.end = this.time[1]
-        } else {
-          this.searchData.param.start = undefined
-          this.searchData.param.end = undefined
-        }
-        if(this.secondTagsString){
-        this.searchData.param.secondTags  = [this.secondTagsString]
-      }
-
-        mediaSearchV1(this.searchData).then((res) => {
-          if (res.code === 200) {
-            this.resData = res.data.list
-            this.total = res.data.total
-          } else {
-            this.$message.error('请求列表失败!')
-            this.resData = []
-            this.total = 0
-          }
-          this.loading = false
-        })
-      },
-  
-      //TODO:删除影片列表数据
-      handleDelete(index, row) {
-        this.$confirm('确定删除?', '警告', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        }).then(() => {
-          mediaDelV1({ id: row.id }).then((res) => {
-            if (res.code === 200) {
-              this.getMediaSearch()
-              this.$message.success('成功删除!')
-            } else {
-              this.$message.error(res.tip)
-            }
-          })
-        })
-      },
-      addVideoArray() {
-        Object.keys(this.selectArray).forEach((key) => {
-          if (!this.selectArray[key].isAdd) {
-            this.addVideo(key, this.selectArray[key])
-          }
-        })
-      },
-  
-      onSeach() {
-        this.searchData.pageNum = 1
-        this.searchData.pageSize = 20
-        this.getMediaSearch()
-      },
-      // 切换每页数据量
-      handleSizeChange(val) {
-        this.searchData.pageSize = val
-        this.getMediaSearch()
-      },
-      // 切换页数
-      handleCurrentChange(val) {
-        this.searchData.pageNum = val
-        this.getMediaSearch()
-      },
-      handleSelectionChange(val) {
-        this.selectArray = val
-      },
-  
-      // 新增按钮
-      add() {
-        this.editVisible = true // 新增或编辑弹出框
-        this.editData = {
-          title: '新增',
-          data: {},
-        }
-      },
-      // 编辑按钮
-      handleEdit(index, row) {
-        this.editVisible = true // 新增或编辑弹出框
-        this.editData = {
-          title: '编辑',
-          data: row,
-        }
-      },
-  
-      // 关闭编辑弹窗
-      closeEdit() {
-        this.editVisible = false
-        this.getMediaSearch()
-      },
-      // 清空某一项筛选列表
-      onClear(key) {
-        this.searchData.param[key] = undefined
-        this.getMediaSearch()
-      },
-    },
-  }
-  </script>
-  

src/views/mediaLibrary/videoListV2/components/AddOrEdit.vue

@@ -1,469 +0,0 @@
-<template>
-  <el-dialog
-:title="title"
-:visible.sync="Visible"
-width="1800px"
-center
-class="ac-dialog"
-    :close-on-click-modal="false"
-@close="close">
-    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
-      <div>
-        <el-form-item label="标题">
-          <el-input v-model="form.title" style="width: 315px" />
-        </el-form-item>
-      </div>
-      <div>
-        <el-form-item label="封面">
-          <UploadImg @changeImgUrl="changeCoverImgUrl" :img="form.coverImg" @onRemove="handleRemove('coverImg')">
-          </UploadImg>
-        </el-form-item>
-      </div>
-      <el-form-item label="影片类型">
-        <el-select clearable placeholder="影片类型" v-model="form.type" style="width: 180px">
-          <el-option label="长视频" value="longvideo" />
-          <el-option label="短视频" value="shortvideo" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="视频归类">
-        <el-select placeholder="请选择视频归类" v-model="videoType" style="width: 180px">
-          <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in formVideoTypeList" />
-        </el-select>
-      </el-form-item>
-      <div>
-        <el-form-item label="APP">
-          <el-select placeholder="APP" v-model="form.appids" style="width: 180px">
-            <el-option label="麻豆APP" :value="1" />
-            <el-option label="麻豆官网" :value="2" />
-            <el-option label="逼喱逼喱" :value="3" />
-          </el-select>
-        </el-form-item>
-      </div>
-      <div>
-        <el-form-item label="上架时间">
-          <el-date-picker
-style="width: 180px"
-v-model="form.addedTime"
-type="date"
-placeholder="选择日期"
-            value-format="yyyy-MM-ddTHH:mm:ssZ">
-          </el-date-picker>
-        </el-form-item>
-      </div>
-      <div>
-        <el-form-item label="正片地址">
-          <el-input v-model="form.fieldNameFs" style="width: 515px" disabled="disabled" />
-        </el-form-item>
-      </div>
-      <div>
-        <el-form-item label="预览地址">
-          <el-input v-model="form.preFileName" style="width: 515px">
-            <el-button slot="append" @click="innerVisible = true">自定义设置预览</el-button>
-          </el-input>
-        </el-form-item>
-      </div>
-      <el-form-item label="详细描述">
-        <el-input v-model="form.desc" type="textarea" style="width: 515px" />
-      </el-form-item>
-    </el-form>
-
-    <div style="position: absolute; top: 50px; right: 10px">
-      <h3>正片</h3>
-      <div v-if="form.fieldNameFs" style="width: 380px; height: 240px; overflow: hidden">
-        <DPlayer
-ref="player"
-v-if="form.fieldNameFs.indexOf('mp4') === -1"
-:video="{
-          url: '/api/web/media/m3u8/' + filterM3u8(form.fieldNameFs),
-          type: 'hls',
-          pic: ''
-        }"
-hotkey></DPlayer>
-        <DPlayer
-ref="player"
-v-else
-:video="{
-          url:
-            this.$store.getters.getSystemConfig.mp4Url + form.fieldNameFs,
-          type: 'mp4',
-          pic: ''
-        }"
-hotkey></DPlayer>
-      </div>
-      <UploadVideo
-v-if="videoType"
-@changeVideoUrl="changeVideoUrl"
-:appId="form.appids ? form.appids : 888"
-        :type="videoType"
-@repeatVideo="repeatVideo"
-style="max-width: 520px"></UploadVideo>
-      <div v-else class="check_upload" @click.prevent="checkUpload">
-        <div>
-          选择文件
-        </div>
-      </div>
-    </div>
-    <div style="position: absolute; top: 50px; right: 410px">
-      <h3>预览</h3>
-      <div v-if="form.preFileName" style="width: 380px; height: 240px; overflow: hidden">
-        <DPlayer
-ref="player"
-v-if="form.preFileName.indexOf('mp4') === -1"
-:video="{
-          url: '/api/web/media/m3u8/' + filterM3u8(form.preFileName),
-          type: 'hls',
-          pic: ''
-        }"
-hotkey></DPlayer>
-        <DPlayer
-ref="player"
-v-else
-:video="{
-          url:
-            this.$store.getters.getSystemConfig.mp4Url + form.preFileName,
-          type: 'mp4',
-          pic: ''
-        }"
-hotkey></DPlayer>
-      </div>
-    </div>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
-      <el-button type="primary" @click.native.prevent="submit('ruleForm')">
-        确 定
-      </el-button>
-    </div>
-    <el-dialog width="30%" title="设置预览时长" :visible.sync="innerVisible" append-to-body>
-      <el-row>
-        <el-col :span="24" style="text-align: center">
-          <div><span>总时长:</span>{{ totalTime }}s</div>
-          <div>
-            时:
-            <el-input-number :min="0" :max="24" size="mini" v-model="previewTimeData.h"></el-input-number>
-          </div>
-          <div>
-            分:
-            <el-input-number :min="0" :max="59" size="mini" v-model="previewTimeData.m"></el-input-number>
-          </div>
-          <div>
-            秒:
-            <el-input-number :min="0" :max="59" size="mini" v-model="previewTimeData.s"></el-input-number>
-          </div>
-        </el-col>
-        <el-col :span="24" style="text-align: center; margin: 10px 0">
-          <el-button-group>
-            <el-button type="info" @click.native.prevent="restTime">取消</el-button>
-            <el-button type="primary" @click.native.prevent="subimitPTime">确定
-            </el-button>
-          </el-button-group>
-        </el-col>
-      </el-row>
-    </el-dialog>
-  </el-dialog>
-</template>
-<script>
-import DPlayer from '@/components/VueDplayerHls/index'
-import UploadImg from '@/components/UploadImg/index'
-import UploadVideo from '@/components/UploadVideoLibraryV2/index'
-import 'videojs-contrib-hls'
-import { mediaUpdateV2, updatePreTime } from '@/api/mediaLibrary/videoList'
-import { stringToArry, arryToString } from '@/filters/index'
-import {
-  StatusList,
-  formVideoTypeList
-} from '@/filters/mediaLibrary/videoList'
-import { current } from '@/filters/index'
-export default {
-  name: 'AddOrEdit',
-  props: ['data'],
-  components: {
-    UploadImg,
-    UploadVideo,
-    DPlayer
-  },
-  computed: {
-    totalTime() {
-      return this.data.data.videoTime
-    }
-  },
-  data() {
-    return {
-      innerVisible: false,
-      Visible: true,
-      title: '',
-      defaltTime: current() + 'T12:00:00.000Z',
-      taskId: '',
-      StatusList: StatusList(),
-      formVideoTypeList: formVideoTypeList(),
-      tags: null,
-      fieldNameFs: '', // 正片地址全称
-      secondTags: [],
-      FirstTagList: [],
-
-      form: {
-        appids: undefined,
-        actors: undefined, // [],演员
-        addedTime: undefined, // 'string',上架时间
-        bango: undefined, //  'string',番号
-        checkSum: undefined, //  'string',md5校验码
-        country: undefined, //  'string',国家
-        coverImg: undefined, // 封面
-        desc: undefined, //  'string',详细描述
-        directors: undefined, // [],导演
-        firstTag: undefined, //  'string',一级标签
-        preFileName: undefined, //  'string',预览文件
-        preview: undefined, //  0,预览普通视频
-        publish: undefined, //  'string',视频发布者
-        secondTags: undefined, // [],二级标签标签
-        size: undefined, //  0,文件大小
-        status: undefined, //  'string',当前状态
-        studio: undefined, // 'string',工作室/所有者
-        title: undefined, // 'string',标题
-        type: undefined, // 'string',长视频/短视频
-        videoTime: undefined //  0,影片长度
-      },
-      previewTimeData: {
-        h: 0,
-        m: 0,
-        s: 0
-      },
-      type: undefined,
-      videoType: undefined
-    }
-  },
-
-  created() {
-    this.title = this.data.title
-    if (this.title === '编辑') {
-      this.form = { ...this.data.data }
-      this.form.actors = arryToString(this.form.actors)
-      this.form.directors = arryToString(this.form.directors)
-      if (this.form.fieldNameFs) {
-        this.open()
-      }
-    }
-    if (this.player) {
-      this.player.dispose()
-    }
-  },
-
-  methods: {
-    checkUpload() {
-      if (!this.videoType) {
-        return this.$message({
-          type: 'error',
-          message: '请选择视频归类！!'
-        })
-      }
-    },
-    // TODO：新增视频时绑定煤资库ID
-    async subimitPTime() {
-      let s = 0
-      if (this.previewTimeData.h) {
-        s += this.previewTimeData.h * 60 * 60
-      }
-      if (this.previewTimeData.m) {
-        s += this.previewTimeData.m * 60
-      }
-      s += this.previewTimeData.s
-      if (s > 0 && s + 15 <= this.data.data.videoTime - 15) {
-        const data = {
-          id: this.data.data.id,
-          preFileTime: s
-        }
-        updatePreTime(data).then(res => {
-          if (res.code === 200) {
-            this.$message.success('预览时长设置成功')
-            this.innerVisible = false
-          } else {
-            this.$message.error('预览时长设置失败')
-          }
-        })
-      } else {
-        this.$message.error('预览时长设置不能为零或不能超过播放时长')
-      }
-    },
-    // TODO：提交视频列表数据
-    update(data) {
-      mediaUpdateV2(data).then(res => {
-        if (res.code === 200) {
-          this.$message.success('更新成功')
-          this.close()
-        } else {
-          this.$message.error('更新失败')
-        }
-      })
-    },
-    filterM3u8(v) {
-      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
-    },
-    handleRemove(key) {
-      this.form[key] = ''
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.form.param[key] = []
-    },
-    restTime() {
-      this.previewTimeData = {
-        h: 0,
-        m: 0,
-        s: 0
-      }
-      this.innerVisible = false
-    },
-
-    // 提交按钮
-    submit() {
-      const data = { ...this.form }
-      data.appids = data.appids ? [data.appids] : []
-      data.actors = data.actors ? stringToArry(data.actors) : []
-      data.directors = data.directors ? stringToArry(data.directors) : []
-      const YY = new Date().getUTCFullYear()
-      const MM =
-        new Date().getMonth() + 1 < 10
-          ? `0${new Date().getMonth() + 1}`
-          : new Date().getMonth() + 1
-      const DD =
-        new Date().getUTCDate() < 10
-          ? `0${new Date().getUTCDate()}`
-          : new Date().getUTCDate()
-      const HH =
-        new Date().getUTCHours() < 10
-          ? `0${new Date().getUTCHours()}`
-          : new Date().getUTCHours()
-      const MU =
-        new Date().getUTCMinutes() < 10
-          ? `0${new Date().getUTCMinutes()}`
-          : new Date().getUTCMinutes()
-      const SS =
-        new Date().getUTCSeconds() < 10
-          ? `0${new Date().getUTCSeconds()}`
-          : new Date().getUTCSeconds()
-      const MS =
-        new Date().getUTCMilliseconds() < 10
-          ? `0${new Date().getUTCMilliseconds()}`
-          : new Date().getUTCMilliseconds()
-      data.addedTime =
-        data.addedTime || `${YY}-${MM}-${DD}T${HH}:${MU}:${SS}.${MS}Z`
-      this.update(data)
-    },
-
-    // 上传视频返回地址
-    changeVideoUrl(data) {
-      console.log(data)
-      this.form.id = data.id
-      this.form.fieldNameFs = data.videoUri
-      this.form.videoTime = parseInt(data.duration)
-      this.form.size = data.size
-    },
-
-    // 重复上传视频
-    repeatVideo(data) {
-      this.taskId = data.taskId
-      this.getData()
-    },
-
-    // 上传图片返回地址
-    changeCoverImgUrl(data) {
-      this.form.coverImg = data
-    },
-    // / 监听视频播放的回调函数
-    onPlayerPlay() { },
-    // / 监听暂停播放的回调函数
-    onPlayerPause() { },
-    // / 监听当前视频数据加载完成
-    onPlayerLoadeddata() { },
-    // / 监听当前视频数据加载失败
-    onPlayerError() { },
-    // / 监听当前视频数据加载ing
-    onPlayerWaiting() { },
-    // / 监听当前视频播放完成
-    onPlayerEnded() { },
-    open() {
-      this.mediaUrl =
-        'api/web/media/m3u8' +
-        (this.form.fieldNameFs.match(RegExp(/.m3u8/))
-          ? this.form.fieldNameFs
-          : this.form.fieldNameFs + '.m3u8')
-    },
-
-    // 关闭编辑
-    close() {
-      if (this.player) {
-        this.player.dispose()
-      }
-      this.$emit('close')
-    }
-  }
-}
-</script>
-<style lang="scss">
-.el-dialog {
-  display: flex;
-  flex-direction: column;
-  margin: 0 !important;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  /*height:600px;*/
-  max-height: calc(100% - 30px);
-  max-width: calc(100% - 30px);
-}
-
-.el-dialog .el-dialog__body {
-  flex: 1;
-  overflow: auto;
-}
-
-.videoBox {
-  display: flex;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.el-textarea.is-disabled.ti .el-textarea__inner {
-  color: red;
-}
-
-.media-box {
-  width: 100%;
-  height: 400px;
-  text-align: center;
-  overflow: hidden;
-
-  img {
-    height: 100%;
-    max-width: 100%;
-  }
-
-  #my-video {
-    width: 100% !important;
-    height: 100% !important;
-    border: none !important;
-  }
-}
-
-.check_upload {
-  position: relative;
-  padding: 10px;
-  overflow: hidden;
-  border: 1px dashed #ccc;
-  background-color: #f5f5f5;
-
-  div {
-    display: inline-block;
-    position: relative;
-    padding: 4px 8px;
-    font-size: 100%;
-    line-height: 1.4;
-    color: #666;
-    border: 1px solid #666;
-    cursor: pointer;
-    border-radius: 2px;
-    background: none;
-    outline: none;
-  }
-}
-</style>

src/views/mediaLibrary/videoListV2/index.vue

@@ -1,293 +0,0 @@
-<template>
-  <div class="pf-warpper avlist">
-    <el-row class="table-form">
-      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
-        <el-form-item>
-          <el-input placeholder="请输入hashID" clearable v-model="searchData.hash_id" @clear="onClear('hash_id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入标题" clearable v-model="searchData.title" @clear="onClear('title')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入UP主ID" clearable v-model.number="searchData.vlogger_user_id" @clear="onClear('vlogger_user_id')" />
-        </el-form-item>
-        <el-form-item>
-          <el-input placeholder="请输入标签" clearable v-model="searchData.tag_text" @clear="onClear('tag_text')" />
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择作者类型" clearable v-model="searchData.mVia" @clear="onClear('mVia')">
-            <el-option v-for="item in mViaList" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择视频类型" clearable v-model="searchData.videoType" @clear="onClear('videoType')">
-            <el-option v-for="item in videoTypes" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择同步类型" clearable v-model="searchData.syncType" @clear="onClear('syncType')">
-            <el-option v-for="item in syncTypes" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="请选择排序类型" clearable v-model="searchData.sortType" @clear="onClear('sortType')">
-            <el-option v-for="item in sortTypes" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-select placeholder="列表最大总数" clearable v-model="searchData.maxTotal" @clear="onClear('maxTotal')">
-            <el-option v-for="item in maxTotalTypes" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-date-picker v-model="time" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="onSeach" icon="el-icon-search" plain type="primary">搜索</el-button>
-          <!-- <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button> -->
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <el-row>
-      <el-col>
-        <el-table
-          :data="resData"
-          element-loading-text="拼命加载中"
-          border
-          height="735"
-          highlight-current-row
-          style="width: 100%; font-size: 10px"
-          v-loading="loading"
-          :row-style="{ height: '30px' }"
-          :cell-style="{ padding: '5px' }">
-          <el-table-column prop="id" label="ID" align="center" min-width="120"></el-table-column>
-          <el-table-column align="center" label="标题" width="120px" show-overflow-tooltip>
-            <template slot-scope="scope">{{ scope.row.title || '未知' }}</template>
-          </el-table-column>
-          <el-table-column prop="content" label="视频内容" align="center" width="160" show-overflow-tooltip>
-            <!-- <template slot-scope="scope">
-              <span>{{ scope.row.content || '-' }}</span>
-            </template> -->
-          </el-table-column>
-          <el-table-column prop="videoType" label="类型" align="center" width="120">
-            <template slot-scope="scope">
-              <span>{{ scope.row.videoType | handleType }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="vlogger_user_id" label="UP主ID" align="center" min-width="120"></el-table-column>
-          <el-table-column prop="tags_text" label="标签" align="center" min-width="200">
-            <!-- <template slot-scope="scope">
-              <el-tag size="middle" type="success" class="tagItem" v-for="(item, index) in scope.row.tagList" :key="index">{{ item }}</el-tag>
-            </template> -->
-          </el-table-column>
-          <el-table-column prop="hash_id" label="hashId" align="center" min-width="200"></el-table-column>
-          <el-table-column label="封面图" align="center" width="200" prop="cover">
-            <template slot-scope="scope">
-              <ShowImg class="imgBox" style="width: auto; height: 60px; margin: 0 auto" :urls="scope.row.cover_image"></ShowImg>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="预览">
-            <template slot-scope="scope">
-              <i
-                v-if="(scope.row.src_480 || scope.row.src_720 || scope.row.src_1080, scope.row)"
-                class="el-icon-video-play views"
-                title="点击预览"
-                @click="checkMedia(scope.row.src_480 || scope.row.src_720 || scope.row.src_1080, scope.row)"></i>
-              <div v-else>暂无</div>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="300">
-            <template slot-scope="scope">
-              <el-button @click="addVideo(scope.$index, scope.row)" size="mini" :type="!scope.row.isAdd ? 'primary' : 'info'" :disabled="scope.row.isAdd">加入后台视频库</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-col>
-    </el-row>
-    <div class="table-pagination">
-      <el-pagination
-        :current-page="searchData.pageNum"
-        :page-size="searchData.pageSize"
-        :page-sizes="[10, 20, 30, 50, 100, 500, 1000]"
-        :total="total"
-        @current-change="handleCurrentChange"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"/>
-    </div>
-    <ShowVideo ref="showvideo"></ShowVideo>
-  </div>
-</template>
-<script>
-// 引入模块
-import ShowImg from '@/components/ShowImg/index.vue'
-import { mediaSearchV2 } from '@/api/mediaLibrary/videoList'
-import ShowVideo from '@/components/ShowVideo/index.vue'
-import { mediaAddV2 } from '@/api/videoManagement/videoList'
-export default {
-  name: 'MediaCat',
-  components: {
-    ShowImg,
-    ShowVideo
-  },
-  data() {
-    return {
-      videoTypes: [
-        {
-          label: '长视频',
-          value: 0
-        },
-        {
-          label: '短视频',
-          value: 1
-        },
-        {
-          label: '图文',
-          value: 2
-        }
-      ],
-      syncTypes: [
-        {
-          label: '全量',
-          value: 'all'
-        },
-        {
-          label: '增量',
-          value: 'incr'
-        }
-      ],
-      maxTotalTypes: [
-        {
-          label: '1000',
-          value: 1000
-        },
-        {
-          label: '2000',
-          value: 2000
-        },
-        {
-          label: '5000',
-          value: 5000
-        },
-        {
-          label: '10000',
-          value: 10000
-        }
-      ],
-      mViaList: [
-        { label: '全部', value: 0 },
-        { label: 'up主', value: 1 },
-        { label: '非up主', value: 2 }
-      ],
-      sortTypes: [{ label: '正序', value: 0 }, { label: '倒序', value: 1 }],
-      // 请求列表参数
-      searchData: {
-        pageNum: 1,
-        pageSize: 20,
-        hash_id: undefined,
-        vlogger_user_id: undefined,
-        videoType: 0,
-        mVia: 0,
-        start: undefined,
-        end: undefined,
-        terminalCdo: undefined,
-        tag_text: undefined,
-        syncType: undefined,
-        sortType: undefined,
-        maxTotal: 1000
-      },
-      time: undefined,
-      resData: [], // el-table表格数据
-      total: 0, // 数据总条数
-      selectArray: undefined,
-      loading: true // 列表加载状态
-    }
-  },
-  watch: {
-    time(val) {
-      if (val && val.length >= 2) {
-        this.searchData.start = val[0]
-        this.searchData.end = val[1]
-      } else {
-        this.searchData.start = null
-        this.searchData.end = null
-      }
-    }
-  },
-  filters: {
-    handleType(val) {
-      switch (val) {
-        case 0:
-          return '长视频'
-        case 1:
-          return '短视频'
-        case 2:
-          return '图文'
-      }
-    }
-  },
-
-  mounted() {
-    this.getMediaSearch()
-  },
-  methods: {
-    // 视频查看
-    checkMedia(url, data) {
-      this.$refs.showvideo.open(url, data, data.id)
-    },
-    // TODO:加入后台视频库
-    addVideo(index, row) {
-      mediaAddV2({ id: row.id, videoType: row.videoType }).then(res => {
-        if (res.code === 200) {
-          this.$message.success('加入成功!')
-          this.getMediaSearch()
-        } else {
-          this.$message.error('加入失败!')
-        }
-      })
-    },
-    // TODO:请求影片列表数据
-    getMediaSearch() {
-      this.loading = true
-      mediaSearchV2(this.searchData).then(res => {
-        if (res.code === 200) {
-          this.resData = res.data.list
-          this.total = res.data.count
-        } else {
-          this.$message.error('请求列表失败!')
-          this.resData = []
-          this.total = 0
-        }
-        this.loading = false
-      })
-    },
-
-    onSeach() {
-      this.searchData.pageNum = 1
-      this.searchData.pageSize = 20
-      this.getMediaSearch()
-    },
-    // 切换每页数据量
-    handleSizeChange(val) {
-      this.searchData.pageSize = val
-      this.getMediaSearch()
-    },
-    // 切换页数
-    handleCurrentChange(val) {
-      this.searchData.pageNum = val
-      this.getMediaSearch()
-    },
-    // 清空某一项筛选列表
-    onClear(key) {
-      this.searchData[key] = undefined
-      this.getMediaSearch()
-    }
-  }
-}
-</script>
-<style scoped lang="scss">
-.imgBox {
-  >>> img {
-    width: auto !important;
-  }
-}
-</style>

src/views/mediaWebManagement/sourceList/components/AddOrEdit.vue

@@ -0,0 +1,373 @@
+<template>
+  <el-dialog :title="title" :visible.sync="Visible" width="900px" center class="ac-dialog" :close-on-click-modal="false"
+    @close="close">
+    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
+      <el-row :gutter="24">
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="标题">
+            <el-input v-model="form.title" style="width: 615px" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="封面">
+            <UploadImg @changeImgUrl="changeCoverImgUrl" :img="form.coverImg"></UploadImg>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="12">
+          <el-form-item label="发布者">
+            <el-input v-model="form.publish" placeholder="请输入发布者" />
+          </el-form-item>
+        </el-col>
+        <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="12">
+          <el-form-item label="上架时间">
+            <el-date-picker v-model="form.addedTime" type="date" placeholder="选择日期" value-format="yyyy-MM-ddTHH:mm:ssZ">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="12">
+          <el-form-item label="备注">
+            <el-input v-model="form.remark" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="关键词">
+            <el-tag :key="tag" v-for="tag in form.keyworld" closable :disable-transitions="false"
+              @close="handleClose(tag)">
+              {{ tag }}
+            </el-tag>
+            <el-input class="input-new-tag" placeholder="添加多个关键词用#/。/,分隔" v-if="inputVisible" v-model="inputValue"
+              ref="saveTagInput" size="small" @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
+            </el-input>
+            <el-button v-else class="button-new-tag" size="small" @click="showInput">添加关键词</el-button>
+          </el-form-item>
+        </el-col>
+
+
+      </el-row>
+      <div class="post-text-view" style="background: #efe4d2; padding: 5px 0; margin: 5px 0">
+        <div v-for="(item, index) in form.nodes" :key="index">
+          <el-row :gutter="10">
+            <el-col el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24">
+              <el-form-item :label="'第' + (index + 1) + '个节点'" style="width: 100%"> </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="节点标题" class="margin-top text-post">
+                <el-input placeholder="请输入节点标题" v-model="item.title" style="width: 500px"> </el-input>
+              </el-form-item>
+              <el-form-item label="帖子图片" class="margin-top video-box">
+                <div>
+                  <UploadImgArr @changeImgUrl="changeImagesUrl($event, index)" 
+                    :isView="true" style="border-color: #2b333f" :img="item.images"></UploadImgArr>
+                </div>
+              </el-form-item>
+              <el-form-item label="帖子文本" class="margin-top text-post">
+                <el-input placeholder="请输入帖子文本" v-model="item.text" type="textarea" style="width: 500px"
+                  :autosize="{ minRows: 2, maxRows: 14 }"> </el-input>
+              </el-form-item>
+              <el-button v-if="!showUrlInput && !item.url" class="button-new-tag" size="small"
+                @click="showUrlInput = true">添加跳转链接</el-button>
+              <el-form-item label="链接地址" class="text-post" v-else>
+                <el-input placeholder="请输入链接地址" v-model="item.url" type="textarea" style="width: 500px"> </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col class="btn-list">
+              <el-button v-if="form.nodes.length === index + 1" type="success" size="mini"
+                icon="el-icon-circle-plus-outline" @click="addSectionItem"> 新增节点 </el-button>
+              <el-button type="danger" size="mini" style="margin: 5px 0" icon="el-icon-delete-solid"
+                @click="delSectionItem(index)"> 删除节点 </el-button>
+            </el-col>
+          </el-row>
+        </div>
+        <el-button class="new-btn" v-if="form.nodes.length === 0" type="success" icon="el-icon-circle-plus-outline"
+          @click="addSectionItem"> 新增节点 </el-button>
+      </div>
+
+    </el-form>
+    <div>
+      <div style="float:left">
+        <h3>正片</h3>
+        <div v-if="form.sourceNameFs" style="width: 380px; height: 240px; overflow: hidden">
+          <DPlayer ref="player" v-if="form.sourceNameFs.indexOf('mp4') === -1" :video="{
+            url: '/api/web/m3u8/' + filterM3u8(form.sourceNameFs),
+            type: 'hls',
+            pic: '',
+          }" hotkey></DPlayer>
+          <DPlayer ref="player" v-else :video="{
+            url: $store.getters.getSystemConfig.mp4Addr + form.sourceNameFs,
+            type: 'mp4',
+            pic: '',
+          }" hotkey></DPlayer>
+        </div>
+        <UploadVideo v-if="!form.sourceNameFs && !isEdit" @changeVideoUrl="changeVideoUrl"  @repeatVideo="repeatVideo"
+          style="max-width: 520px"></UploadVideo>
+
+      </div>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click.native.prevent="submit('ruleForm')">
+        确 定
+      </el-button>
+    </div>
+
+  </el-dialog>
+</template>
+<script>
+import DPlayer from '@/components/VueDplayerHls/index'
+import UploadVideo from '@/components/UploadVideoLibrary/index'
+import UploadImgArr from '@/components/UploadImgArr/index'
+import UploadImg from '@/components/UploadImg/index'
+
+import 'videojs-contrib-hls'
+import { sourceUpdate, sourceAdd } from '@/api/mediaWebManagement/source.js'
+import { current, stringToArry, } from '@/filters/index'
+
+export default {
+  name: 'AddOrEdit',
+  props: ['data', 'appList'],
+  components: {
+    UploadImg,
+    UploadVideo,
+    DPlayer,
+    UploadImgArr
+  },
+  computed: {
+    totalTime() {
+      return this.data.data.videoTime
+    },
+  },
+  data() {
+    return {
+      Visible: true,
+      title: '',
+      defaltTime: current() + 'T12:00:00.000Z',
+      inputVisible: false,
+      showUrlInput: false,
+      tagSecondInputVvalue: '',
+      inputValue: '',
+      taskId: '',
+      tags: null,
+      isEdit:false,
+      fieldNameFs: '', // 正片地址全称
+      form: {
+        formatType: undefined, // 视频类型 1:长视频 2:短视频 3:预览
+        title: undefined, // 'string',标题
+        addedTime: undefined, // 'string',上架时间
+        publish: undefined, //  'string',视频发布者
+        firstTag: undefined, //  'string',一级标签
+        secondTags: undefined, // [],二级标签标签
+        keyworld: [],
+        uploadAppId: undefined,
+        appId:undefined,
+        desc: undefined, //  'string',详细描述
+        nodes: [
+          {
+            images: undefined,
+            informationId: undefined,
+            text: undefined,
+            url: undefined,
+          }
+        ],
+        coverImg: undefined, // 封面
+      },
+
+    }
+  },
+
+  created() {
+    this.title = this.data.title
+    if (this.data.data.nodes === null) {
+      this.data.data.nodes = []
+    }
+    if (this.data.data.keyworld === null) {
+      this.data.data.keyworld = []
+    }
+
+    if (this.title === '编辑') {
+      this.form = JSON.parse(JSON.stringify(this.data.data))
+      this.isEdit = true
+    }
+    if (this.player) {
+      this.player.dispose()
+    }
+  },
+  methods: {
+    showInput() {
+      this.inputVisible = true;
+      this.$nextTick(_ => {
+        this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+    // 删除关键字
+    handleClose(tag) {
+      this.form.keyworld.splice(this.form.keyworld.indexOf(tag), 1);
+    },
+  
+    handleInputConfirm() {
+      let inputValue = this.inputValue;
+     const regex = /[\n\s,#。、]+/;
+      if (regex.test(this.inputValue)) {
+        inputValue = stringToArry(inputValue)
+             this.form.keyworld = this.form.keyworld.concat(...inputValue);
+      
+            } else {
+         if (inputValue) {
+      this.form.keyworld.push(inputValue);
+    }
+      }
+      this.inputVisible = false;
+      this.inputValue = '';
+    },
+  
+
+    // 删除已有nodes
+    delSectionItem(index) {
+      this.form.nodes.splice(index, 1)
+    },
+    // 新增已有nodes
+    addSectionItem() {
+      this.form.nodes.push({
+        images: [],
+        text: undefined,
+        url: undefined
+      })
+    },
+    // 封面
+    changeImagesUrl(data, index) {
+      this.form.nodes[index].images = data
+    },
+      
+    //TODO:编辑影片列表数据
+    update(data) {
+      // if(){}
+      sourceUpdate(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('更新成功')
+          this.close()
+        } else {
+          this.$message.error('更新失败')
+        }
+      })
+    },
+    add(data) {
+        data.uploadUserName = this.$store.getters.getCreator
+
+      sourceAdd(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('新增成功')
+          this.close()
+        } else {
+          this.$message.error('新增失败')
+        }
+      })
+    },
+    filterM3u8(v) {
+      return /\.m3u8/g.test(v) ? v : v + '.m3u8'
+    },
+    // 清空某一项筛选列表
+    onClear(key) {
+      this.form.param[key] = []
+    },
+    // 提交按钮
+    submit() {
+      const data = { ...this.form }
+      data.addedTime = data.addedTime
+        ? data.addedTime === '0001-01-01T00:00:00Z'
+          ? this.defaltTime
+          : data.addedTime
+        : this.defaltTime
+        data.appId = 2
+        data.uploadAppId = this.$store.getters.uploadAppId
+        
+      if (this.form.id) {
+        this.update(data)
+      } else {
+        this.add(data)
+      }
+
+    },
+
+    // 上传视频返回地址
+    changeVideoUrl(data) {
+      this.form.id = data.id
+      this.fieldNameFs = data.videoUri
+
+    },
+
+    // 重复上传视频
+    repeatVideo(data) {
+      this.taskId = data.taskId
+      this.getData()
+    },
+
+    // 上传图片返回地址
+    changeCoverImgUrl(data) {
+      this.form.coverImg = data
+    },
+
+
+
+    // 关闭编辑
+    close() {
+      if (this.player) {
+        this.player.dispose()
+      }
+      this.$emit('close')
+    },
+  },
+}
+</script>
+<style lang="scss">
+.el-dialog {
+  display: flex;
+  flex-direction: column;
+  margin: 0 !important;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  /*height:600px;*/
+  max-height: calc(100% - 30px);
+  max-width: calc(100% - 30px);
+}
+
+.el-dialog .el-dialog__body {
+  flex: 1;
+  overflow: auto;
+}
+
+.el-tag+.el-tag {
+  margin-left: 10px;
+}
+
+.button-new-tag {
+  margin-left: 10px;
+  height: 32px;
+  line-height: 30px;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.input-new-tag {
+  width: 200px;
+  margin-left: 10px;
+  vertical-align: bottom;
+}
+
+
+.post-text-view {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.btn-list {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+</style>

src/views/mediaWebManagement/sourceList/index.vue

@@ -0,0 +1,408 @@
+<template>
+  <div class="pf-warpper avlist">
+    <el-row class="table-form">
+      <el-form :inline="true" :model="searchData" class="form-inline" size="mini">
+        <el-form-item>
+          <el-input placeholder="请输入ID" clearable v-model="searchData.id" @clear="onClear('id')" />
+        </el-form-item>
+        <el-form-item>
+          <el-input placeholder="请输入标题" clearable v-model="searchData.title" @clear="onClear('title')" />
+        </el-form-item>
+        <el-form-item>
+          <el-input placeholder="请输入任务ID" clearable v-model="searchData.taskId" @clear="onClear('taskId')" />
+        </el-form-item>
+            <el-form-item>
+          <el-input placeholder="请输入关键字" clearable v-model="searchData.keyworld" @clear="onClear('keyworld')" />
+        </el-form-item>
+           <el-form-item>
+          <el-input placeholder="请输入发布者" clearable v-model="searchData.publish" @clear="onClear('publish')" />
+        </el-form-item>
+         <el-form-item>
+          <el-input placeholder="请输入上传人姓名" clearable v-model="searchData.uploadUserName" @clear="onClear('uploadUserName')" />
+        </el-form-item>
+        <el-form-item>
+          <el-select placeholder="请选择当前状态" clearable v-model="searchData.status" @clear="onClear('status')">
+            <el-option v-for="item in StatusList" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select placeholder="请选择App" clearable v-model="searchData.appId" @clear="onClear('appId')">
+            <el-option v-for="item in appList" :key="item.id" :label="item.name" :value="item.appId" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="onSeach" icon="el-icon-search" plain type="primary">搜索</el-button>
+          <el-button @click="add" icon="el-icon-circle-plus-outline" plain type="success">新增</el-button>
+          <el-button @click="batchAddTask" icon="el-icon-document-add" plain type="warning">批量添加切片水印任务</el-button>
+          <el-button @click="toggleHideAddTask" :type="searchData.isAddTask === false ? 'success' : 'info'" plain icon="el-icon-filter">
+            {{ searchData.isAddTask === false ? '✓ 已过滤已添加水印任务' : '过滤已添加水印任务' }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-col>
+        <el-table
+:data="resData"
+element-loading-text="拼命加载中"
+border
+height="735"
+highlight-current-row
+          style="width: 100%; font-size: 10px"
+v-loading="loading"
+:row-style="{ height: '30px' }"
+          :cell-style="{ padding: '5px' }"
+@selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="50"> </el-table-column>
+          <el-table-column align="center" label="视频ID" width="190px">
+            <template slot-scope="scope">{{ scope.row.id }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="标题" width="190px" show-overflow-tooltip>
+            <template slot-scope="scope">{{ scope.row.title }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="视频封面" width="80px">
+            <template slot-scope="scope">
+              <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :urls="scope.row.coverImg"></ShowImg>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="任务ID" width="190px">
+            <template slot-scope="scope">{{ scope.row.taskId }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="发布者">
+            <template slot-scope="scope">{{ scope.row.publish }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="当前状态" width="110px">
+            <template slot-scope="scope">
+              <el-button :type="scope.row.status === 'Completed' ? 'success' : 'danger'" plain size="mini">{{
+                scope.row.status | changeStatus }}</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="app" width="200" show-overflow-tooltip>
+            <template slot-scope="scope">{{ scope.row.appId | changeAppName(appList) }}</template>
+          </el-table-column>
+ <el-table-column align="center" label="关键词" width="500px" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <el-tag :key="index" v-for="(item, index) in scope.row.keyworld" type="primary">{{ item }}</el-tag>
+            </template>
+          </el-table-column>
+            <el-table-column align="center" label="帖子内容预览" width="100px">
+                        <template slot-scope="scope">
+                            <el-button slot="reference" size="small" @click="showDetailFn(scope.row)">详情</el-button>
+                        </template>
+                    </el-table-column>
+          <el-table-column align="center" label="备注" show-overflow-tooltip>
+            <template slot-scope="scope">{{ scope.row.remark }}</template>
+          </el-table-column>
+             <el-table-column align="center" label="上传人名称">
+            <template slot-scope="scope">{{ scope.row.uploadUserName }}</template>
+          </el-table-column>
+            <el-table-column align="center" label="最后操作人">
+            <template slot-scope="scope">{{ scope.row.optionAccount }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="创建时间" width="150px">
+            <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="更新时间" width="150px">
+            <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }}</template>
+          </el-table-column>
+          <el-table-column align="center" fixed="right" label="操作" width="300">
+            <template slot-scope="scope">
+              <el-button @click="handleEdit(scope.$index, scope.row)" size="mini" type="primary">编辑</el-button>
+              <el-button v-if="!scope.row.isAddTask" @click="addTask(scope.$index, scope.row)" size="mini" type="primary">添加切片水印任务</el-button>
+              <el-button @click="handleDelete(scope.$index, scope.row)" size="mini" type="danger" v-if="roleId!==810051 && roleId!==14131">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+    <div class="table-pagination">
+      <el-pagination
+:current-page="searchData.pageNum"
+:page-size="searchData.pageSize"
+        :page-sizes="[10, 20, 30, 50, 100]"
+:total="total"
+@current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+layout="total, sizes, prev, pager, next, jumper" />
+    </div>
+    <!-- 新增及编辑 -->
+    <Edit :data="editData" v-if="editVisible" :appList="appList" @close="closeEdit" />
+    <ShowVideo ref="showvideo"></ShowVideo>
+     <PostDetailView
+v-if="showDetail"
+:itemData="postDetailData"
+@close="closeEdit"
+            :videoCategoryList="videoCategoryList"
+:videoTagList="videoTagList" />
+  </div>
+</template>
+<script>
+// 引入模块
+import ShowImg from '@/components/ShowImg/index.vue'
+import Edit from './components/AddOrEdit'
+import { sourceList, sourceDel } from '@/api/mediaWebManagement/source.js'
+import ShowVideo from '@/components/ShowVideo/index.vue'
+import { StatusList } from '@/filters/mediaLibrary/videoList'
+import { appInfoList } from '@/api/appManagement/appList.js'
+import { taskAdd } from '@/api/mediaWebManagement/taskList.js'
+import PostDetailView from '@/components/PostDetailView/index.vue'
+
+export default {
+  name: 'MediaCat',
+  components: {
+    Edit,
+    ShowImg,
+    ShowVideo,
+    PostDetailView
+  },
+  data() {
+    return {
+      StatusList: StatusList(),
+      appList: [],
+      // 请求列表参数
+      searchData: {
+        pageNum: 1,
+        pageSize: 20,
+        appId: 2,
+        webAppId: 2,
+        id: undefined,
+        isAddTask: undefined
+      },
+      resData: [], // el-table表格数据
+      total: 0, // 数据总条数
+      selectArray: undefined,
+      loading: true, // 列表加载状态
+      // 编辑数据
+      editVisible: false, // 新增或编辑弹出框
+      showDetail: false,
+      // 视频分类列表
+      videoCategoryList: [],
+      // 视频标签
+      videoTagList: [],
+      postDetailData: {
+        video: { url: '' }
+      },
+      editData: {
+        title: '新增',
+        data: {}
+      }
+    }
+  },
+  filters: {
+    changeCoverType(val) {
+      switch (val) {
+        case 1:
+          return '横版'
+        case 2:
+          return '竖版'
+        case 3:
+          return '系统'
+      }
+    },
+    changeAppName(v, list) {
+      if (v) {
+        const a = list.filter(item => item.appId === v)
+        return a[0].name
+      }
+    },
+    changeFormat(val) {
+      switch (val) {
+        case 1:
+          return '长视频'
+        case 2:
+          return '短视频'
+        case 3:
+          return '预览'
+      }
+    },
+    changeContentType(val) {
+      switch (val) {
+        case 1:
+          return 'AV（日本）'
+        case 2:
+          return '短视频（国产）'
+        case 3:
+          return '动漫'
+      }
+    }
+  },
+  computed: {
+    roleId() {
+      return this.$store.getters.roleId
+    }
+  },
+  async mounted() {
+    await this.getAppList()
+    await this.getMediaSearch()
+  },
+  methods: {
+
+    showDetailFn(row) {
+      this.postDetailData.video.url = row.fieldNameFs
+      Object.assign(this.postDetailData, row)
+      this.showDetail = true
+    },
+    addTask(index, row) {
+      this.$confirm('是否加入切片列表?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        taskAdd({
+          appId: 2,
+          mediaSourceId: row.id,
+          watermarkImage: this.$store.getters.getSystemConfig.watermarkImage,
+          watermarkMedia: this.$store.getters.getSystemConfig.watermarkMedia,
+          watermarkMediaTop: this.$store.getters.getSystemConfig.watermarkMediaTop
+        }).then((res) => {
+          if (res.code === 200) {
+            this.$message.success('添加成功')
+          } else {
+            this.$message.error('添加失败')
+          }
+        })
+      })
+    },
+    batchAddTask() {
+      if (!this.selectArray || !this.selectArray.length) {
+        return this.$message.error('请先选择需要添加切片水印任务的资源！')
+      }
+      const rows = this.selectArray.filter(item => !item.isAddTask)
+      if (!rows.length) {
+        return this.$message.warning('所选资源均已添加切片水印任务，无需重复添加')
+      }
+      this.$confirm(`确定为所选 ${rows.length} 条资源批量添加切片水印任务?`, '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const watermarkImage = this.$store.getters.getSystemConfig.watermarkImage
+        const watermarkMedia = this.$store.getters.getSystemConfig.watermarkMedia
+        const watermarkMediaTop = this.$store.getters.getSystemConfig.watermarkMediaTop
+        const appId = 2
+        const requests = rows.map(row => taskAdd({
+          appId,
+          mediaSourceId: row.id,
+          watermarkImage,
+          watermarkMedia,
+          watermarkMediaTop
+        }).then(res => res && res.code === 200).catch(() => false))
+        Promise.all(requests).then(results => {
+          const successCount = results.filter(Boolean).length
+          const failCount = results.length - successCount
+          if (failCount === 0) {
+            this.$message.success(`批量添加成功，共 ${successCount} 条`)
+          } else if (successCount === 0) {
+            this.$message.error(`批量添加失败，共 ${failCount} 条`)
+          } else {
+            this.$message.warning(`成功 ${successCount} 条，失败 ${failCount} 条`)
+          }
+          this.getMediaSearch()
+        })
+      })
+    },
+    //  请求app列表
+    getAppList() {
+      appInfoList({
+        pageSize: 100,
+        pageNum: 1
+      }).then((res) => {
+        if (res.code === 200) {
+          this.appList = res.data.list
+        } else {
+          this.appList = []
+        }
+        this.loading = false
+      })
+    },
+
+    // TODO:请求影片列表数据
+    getMediaSearch() {
+      this.loading = true
+      sourceList(this.searchData).then(res => {
+        if (res.code === 200) {
+          this.resData = res.data.list
+          this.total = res.data.total
+        } else {
+          this.$message.error('请求列表失败!')
+          this.resData = []
+          this.total = 0
+        }
+        this.loading = false
+      })
+    },
+    // 切换：过滤掉已添加水印任务的资源
+    toggleHideAddTask() {
+      this.searchData.isAddTask = this.searchData.isAddTask === false ? undefined : false
+      this.searchData.pageNum = 1
+      this.getMediaSearch()
+    },
+
+    // TODO:删除影片列表数据
+    handleDelete(index, row) {
+      this.$confirm('确定删除?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        sourceDel({ id: row.id }).then(res => {
+          if (res.code === 200) {
+            this.getMediaSearch()
+            this.$message.success('成功删除!')
+          } else {
+            this.$message.error(res.tip)
+          }
+        })
+      })
+    },
+
+    onSeach() {
+      this.searchData.pageNum = 1
+      this.searchData.pageSize = 20
+      this.getMediaSearch()
+    },
+    // 切换每页数据量
+    handleSizeChange(val) {
+      this.searchData.pageSize = val
+      this.getMediaSearch()
+    },
+    // 切换页数
+    handleCurrentChange(val) {
+      this.searchData.pageNum = val
+      this.getMediaSearch()
+    },
+    handleSelectionChange(val) {
+      this.selectArray = val
+    },
+
+    // 新增按钮
+    add() {
+      this.editVisible = true // 新增或编辑弹出框
+      this.editData = {
+        title: '新增',
+        data: {}
+      }
+    },
+    // 编辑按钮
+    handleEdit(index, row) {
+      this.editVisible = true // 新增或编辑弹出框
+      this.editData = {
+        title: '编辑',
+        data: row
+      }
+    },
+
+    // 关闭编辑弹窗
+    closeEdit() {
+      this.editVisible = false
+      this.showDetail = false
+      this.getMediaSearch()
+    },
+    // 清空某一项筛选列表
+    onClear(key) {
+      this.searchData[key] = undefined
+      this.getMediaSearch()
+    }
+  }
+}
+</script>

src/views/mediaWebManagement/taskList/components/AddFIle.vue

@@ -0,0 +1,79 @@
+<template>
+  <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="Visible" @close="close" center
+    class="ac-dialog" width="900px">
+    <el-form :inline="true" :model="form" class="demo-form-inline" label-position="right" label-width="100px"
+      ref="form">
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="切片任务ID" prop="fileId">
+            <el-input style="width: 500px;" v-model="form.fileId" placeholder="请输入切片任务ID"  />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    
+    </el-form>
+    <div class="dialog-footer" slot="footer">
+      <el-button @click="Visible = false">取 消</el-button>
+      <el-button @click="submit('form')" type="primary">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { videoinfoAdd } from '@/api/videoManagement/videoList.js';
+
+export default {
+  name: 'AddOrEdit',
+  props: ['data'],
+  data() {
+    return {
+      Visible: true,
+      title: '',
+      // 表单数据
+      form: {
+        fileId:undefined,
+      },
+      rules: {}
+    }
+  },
+  mounted() {
+    this.title = this.data.title
+   
+  },
+  methods: {
+  // TODO：新增视频分类数据
+    add(data) {
+      videoinfoAdd(data).then(res => {
+        if (res.code === 200) {
+          this.$message.success('新增成功')
+          this.Visible = false
+        } else {
+          this.$message.error('新增失败')
+        }
+      })
+    },
+
+     // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          if (this.title === '新增') {
+            this.data.data.forEach(item=>{
+                 this.add({
+              fileId:[item.id]
+            })
+            })
+           
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    // 关闭编辑
+    close() {
+      this.$emit('close', false)
+    },
+  },
+}
+</script>

src/views/mediaWebManagement/taskList/components/UpdateTask.vue

@@ -0,0 +1,171 @@
+<template>
+  <el-dialog :title="title" :visible.sync="Visible" width="400px" center class="ac-dialog" :close-on-click-modal="false"
+    @close="close">
+    <el-form :inline="true"  class="demo-form-inline"  label-position="center">
+      <el-row :gutter="24">   
+    <el-checkbox label="更新图片水印"  v-model="selectedValue1"></el-checkbox>
+    <el-checkbox label="更新视频水印"  v-model="selectedValue2"></el-checkbox>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click.native.prevent="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click.native.prevent="submit('ruleForm')">
+        确 定
+      </el-button>
+    </div>
+  
+  </el-dialog>
+</template>
+<script>
+
+import { updateWaterMark } from '@/api/mediaWebManagement/taskList.js'
+
+
+
+export default {
+  name: 'AddOrEdit',
+  props: ['data','selectBatch'],
+  components: {
+  },
+  computed: {
+     newChangeValue(){
+            let arr = []
+        if(this.selectedValues.value===2){
+          arr = this.options
+        }else{
+    
+         this.selectedValues.filter(item=>{
+            if(item===this.options[0].text){
+                arr.push(this.options[0]) 
+            }else{
+                arr.push(this.options[1])
+            }
+        })
+        }
+      return arr
+    }
+  },
+  data() {
+    return {
+      type: undefined,
+      Visible: true,
+      title: '重新生成',
+       options: [
+        { id:0,text: '更新图片水印', value: this.$store.getters.getSystemConfig.watermarkImage },
+        { id:1,text: '更新视频水印(底部)', value: this.$store.getters.getSystemConfig.watermarkMedia },
+        { id:1,text: '更新视频水印(顶部)', value: this.$store.getters.getSystemConfig.watermarkMediaTop },
+      ],
+      selectedValue1:false,
+      selectedValue2:false,
+    }
+  },
+  mounted(){
+    this.title = this.data.title?this.data.title:'重新生成'
+  },
+
+  methods: {
+    //TODO:编辑影片列表数据
+    addTask(data) {
+      console.log(data,'11');
+      
+       updateWaterMark({
+          id:data.id,
+          watermarkImage: this.selectedValue1?this.options[0].value:undefined,
+          watermarkMedia: this.selectedValue2?this.options[1].value:undefined,
+          watermarkMediaTop: this.selectedValue2?this.options[2].value:undefined,
+        }).then((res) => {
+          if (res.code === 200) {
+            this.$message.success('添加成功')
+          } else {
+            this.$message.error(res.tip)
+          }
+        })
+          this.close()
+
+    },
+  
+  
+    // 提交按钮
+    submit() {
+      if(this.data.title==='批量重新生成'){
+        this.data.data.forEach((item)=>{
+          this.addTask(item)
+        })
+      }else{
+    
+        
+         this.addTask(this.data.data)
+      }
+     
+    },
+
+
+  
+    // 关闭编辑
+    close() {
+      
+      this.$emit('close')
+    },
+  },
+}
+</script>
+<style lang="scss">
+.el-dialog {
+  display: flex;
+  flex-direction: column;
+  margin: 0 !important;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  /*height:600px;*/
+  max-height: calc(100% - 30px);
+  max-width: calc(100% - 30px);
+}
+
+.el-dialog .el-dialog__body {
+  flex: 1;
+  overflow: auto;
+}
+
+.videoBox {
+  display: flex;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.el-textarea.is-disabled.ti .el-textarea__inner {
+  color: red;
+}
+
+.media-box {
+  width: 100%;
+  height: 400px;
+  text-align: center;
+  overflow: hidden;
+
+  img {
+    height: 100%;
+    max-width: 100%;
+  }
+
+  #my-video {
+    width: 100% !important;
+    height: 100% !important;
+    border: none !important;
+  }
+}
+
+
+.post-text-view{
+display: flex;
+align-items: center;
+justify-content: center;
+flex-direction: column;
+}
+.btn-list{
+  display: flex;
+align-items: center;
+justify-content: space-around;
+}
+</style>

src/views/mediaWebManagement/taskList/index.vue

@@ -0,0 +1,499 @@
+<template>
+    <div>
+        <el-row>
+            <el-form :inline="true" :model="searchData" class="form-inline" label-width="80px" size="mini">
+                <el-form-item>
+                    <el-input placeholder="请输入切片列表ID" clearable v-model="searchData.id" @clear="onClear('id')" />
+                </el-form-item>
+                  <el-form-item>
+                    <el-input placeholder="请输入资源列表ID" clearable v-model="searchData.mediaSourceId" @clear="onClear('mediaSourceId')" />
+                </el-form-item>
+                <el-form-item>
+                    <el-input placeholder="请输入标题" clearable v-model="searchData.title" @clear="onClear('title')" />
+                </el-form-item>
+                <el-form-item>
+                    <el-input placeholder="请输入关键词" clearable v-model="searchData.keyword" @clear="clear('keyword')" />
+                </el-form-item>
+
+                <el-form-item>
+                    <el-input placeholder="请输入视频发布者" clearable v-model="searchData.publish" @clear="onClear('publish')" />
+                </el-form-item>
+                <el-form-item>
+                    <el-input
+placeholder="请输入TaskID"
+clearable
+v-model="searchData.taskId"
+                        @clear="onClear('taskId')" />
+                </el-form-item>
+                <el-form-item>
+                    <el-select placeholder="请选择当前状态" clearable v-model="searchData.status" @clear="onClear('status')">
+                        <el-option
+v-for="item in TaskStatusList"
+:key="item.value"
+:label="item.label"
+                            :value="item.value" />
+                    </el-select>
+                </el-form-item>
+                  <el-form-item>
+          <el-select placeholder="请选择App" clearable v-model="searchData.appId" @clear="onClear('appId')">
+            <el-option v-for="item in appList" :key="item.id" :label="item.name" :value="item.appId" />
+          </el-select>
+        </el-form-item>
+                <el-form-item>
+                    <el-button @click="onSearch" icon="el-icon-search" plain type="primary">搜索</el-button>
+                    <el-button @click="add" icon="el-icon-search" plain type="success">批量同步</el-button>
+                    <el-button @click="addAddFile" icon="el-icon-search" plain type="success">批量重新生成</el-button>
+                    <el-button @click="refreshView" icon="el-icon-refresh" plain type="info">刷新</el-button>
+                </el-form-item>
+            </el-form>
+        </el-row>
+
+        <el-row>
+            <el-col>
+                <el-table
+:data="waterList"
+element-loading-text="拼命加载中"
+@selection-change="handleSelectionChange"
+                    border
+height="700"
+highlight-current-row
+style="width: 100%"
+v-loading="loading"
+                    :row-style="{ height: '70px' }">
+                    <el-table-column type="selection" width="50" fixed="left"> </el-table-column>
+
+                    <el-table-column align="center" label="Id" width="200">
+                        <template slot-scope="scope">{{ scope.row.id }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="资源列表ID" width="200">
+                        <template slot-scope="scope">{{ scope.row.mediaSourceId }}</template>
+                    </el-table-column>
+
+                    <el-table-column align="center" label="标题" show-overflow-tooltip width="300">
+                        <template slot-scope="scope">{{ scope.row.title }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="封面" width="80px">
+                        <template slot-scope="scope">
+                            <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :urls="scope.row.coverImg">
+                            </ShowImg>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column align="center" label="app名称">
+                        <template slot-scope="scope">{{ scope.row.appId | changeAppName(appList) }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="帖子内容预览" width="100px">
+                        <template slot-scope="scope">
+                            <el-button slot="reference" size="small" @click="showDetailFn(scope.row)">详情</el-button>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column align="center" label="视频后缀">
+                        <template slot-scope="scope">{{ scope.row.ext }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="原视频">
+                        <template slot-scope="scope">
+                            <i
+v-if="scope.row.sourceNameFs"
+class="el-icon-video-play views"
+title="点击预览"
+                                @click="checkMedia(scope.row.sourceNameFs, scope.row)"></i>
+                            <div v-else>暂无</div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="水印视频">
+                        <template slot-scope="scope">
+                            <i
+v-if="scope.row.fieldNameFs"
+class="el-icon-video-play views"
+title="点击预览"
+                                @click="checkMedia(scope.row.fieldNameFs, scope.row)"></i>
+                            <div v-else>暂无</div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="图片水印" width="80px">
+                        <template slot-scope="scope">
+                            <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :urls="scope.row.watermarkImage">
+                            </ShowImg>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="视频水印" width="80px">
+                        <template slot-scope="scope">
+                            <ShowImg style="width: 30px; height: 30px; margin: 0 auto" :urls="scope.row.watermarkMedia">
+                            </ShowImg>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="合并重试次数">
+                        <template slot-scope="scope">{{ scope.row.mergeRetry }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="重试次数">
+                        <template slot-scope="scope">{{ scope.row.retry }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="切片重试次数">
+                        <template slot-scope="scope">{{ scope.row.segmentRetry }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="显示位置">
+                        <template slot-scope="scope">{{ scope.row.showLocation }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="当前状态" width="110px">
+                        <template slot-scope="scope">
+                            <el-button
+:type="scope.row.status === 'Completed' ? 'success' : 'danger'"
+plain
+                                size="mini">{{
+                                    scope.row.status | changeTaskStatus }}</el-button>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="备注">
+                        <template slot-scope="scope">{{ scope.row.remark }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="失败原因">
+                        <template slot-scope="scope">{{ scope.row.failReason }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="切片相关信息">
+                        <template slot-scope="scope">{{ scope.row.filename }}</template>
+                    </el-table-column>
+
+                    <el-table-column align="center" label="视频贞数">
+                        <template slot-scope="scope">{{ scope.row.frameRate }}</template>
+                    </el-table-column>
+
+                    <el-table-column align="center" label="从该ts中获取视频分辨率等信息">
+                        <template slot-scope="scope">{{ scope.row.infoTsName }}</template>
+                    </el-table-column>
+
+                    <el-table-column align="center" label="是否删除了对于磁盘文件" width="100px">
+                        <template slot-scope="scope">{{ scope.row.deleteDisk ? '已删除' : '未删除' }}</template>
+
+                    </el-table-column>
+                    <el-table-column align="center" label="是否需要加水印" width="100px">
+                        <template slot-scope="scope">{{ scope.row.isAddWatermark ? '需要' : '不需要' }}</template>
+
+                    </el-table-column>
+
+                    <el-table-column align="center" label="更新时间" width="100">
+                        <template slot-scope="scope">{{ scope.row.updatedAt | BeiJingTime }}</template>
+                    </el-table-column>
+                    <el-table-column align="center" label="创建时间" width="100">
+                        <template slot-scope="scope">{{ scope.row.createdAt | BeiJingTime }}</template>
+                    </el-table-column>
+
+                    <el-table-column align="center" fixed="right" label="操作" width="300px">
+                        <template slot-scope="scope">
+                            <el-button
+@click="upDateImg(scope.$index, scope.row)"
+size="mini"
+                                type="warning">重新生成</el-button>
+                                 <el-button
+v-if="scope.row.preMp4FileNameFs"
+@click="upLoadVideo(scope.row)"
+size="mini"
+                                type="success">下载预览视频</el-button>
+                            <el-button
+@click="handleDelete(scope.$index, scope.row)"
+size="mini"
+                                type="primary">删除</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </el-col>
+        </el-row>
+        <div class="table-pagination">
+            <el-pagination
+:current-page="searchData.pageNum"
+:page-size="searchData.pageSize"
+                :page-sizes="[10, 20, 30, 50, 100]"
+:total="total"
+@current-change="handleCurrentChange"
+                @size-change="handleSizeChange"
+layout="total, sizes, prev, pager, next, jumper" />
+        </div>
+        <ShowVideo ref="showvideo"></ShowVideo>
+        <UpdateTask :data="editData" v-if="updateImgVisible" @close="closeEdit" />
+        <PostDetailView
+v-if="showDetail"
+:itemData="postDetailData"
+@close="closeEdit"
+            :videoCategoryList="videoCategoryList"
+:videoTagList="videoTagList" />
+
+    </div>
+</template>
+<script>
+import ShowImg from '@/components/ShowImg/index.vue'
+import { appInfoList } from '@/api/appManagement/appList.js'
+import ShowVideo from '@/components/ShowVideo/index.vue'
+import UpdateTask from './components/UpdateTask.vue'
+import { videoinfoAdd } from '@/api/videoManagement/videoList.js'
+import { TaskStatusList } from '@/filters/mediaLibrary/videoList'
+import PostDetailView from '@/components/PostDetailView/index.vue'
+import {
+  taskList,
+  taskDel
+} from '@/api/mediaWebManagement/taskList.js'
+export default {
+  name: 'UserList',
+  components: {
+    ShowImg,
+    ShowVideo,
+    UpdateTask,
+    PostDetailView
+
+  },
+
+  data() {
+    return {
+      // 列表加载状态
+      loading: false,
+
+      updateImgVisible: false,
+      TaskStatusList: TaskStatusList(),
+      // 请求或搜索数据参数
+      searchData: {
+        pageNum: 1,
+        pageSize: 10,
+        appId: 2
+      },
+      selectBatch: [],
+      // 用户列表数据
+      waterList: [],
+      // 数据总条数
+      total: 0,
+      // 视频分类列表
+      videoCategoryList: [],
+      // 视频标签
+      videoTagList: [],
+      // 编辑数据
+      editData: {},
+      showDetail: false,
+      postDetailData: {
+        video: { url: '' }
+      },
+      appList: []
+    }
+  },
+  filters: {
+    changeAppName(v, list) {
+      if (v) {
+        const a = list.filter(item => item.appId === v)
+        if (a[0] && a[0].name) {
+          return a[0].name
+        }
+      }
+    }
+  },
+  async mounted() {
+    await this.getAppDataList()
+    await this.getDataList()
+  },
+  methods: {
+    upLoadVideo(row) {
+      const videoUrl = this.$store.getters.getSystemConfig.mp4Addr + row.preMp4FileNameFs
+      // 创建一个链接元素
+      const link = document.createElement('a')
+      link.href = videoUrl
+      link.download = row.id // 设置下载文件名
+
+      // 触发点击事件
+      document.body.appendChild(link)
+      link.click()
+
+      // 移除链接元素
+      document.body.removeChild(link)
+    },
+    showDetailFn(row) {
+      this.postDetailData.video.url = row.fieldNameFs
+      Object.assign(this.postDetailData, row)
+      this.showDetail = true
+    },
+    // 刷新
+    refreshView() {
+      this.getDataList()
+    },
+    add() {
+      if (!this.selectBatch.length) {
+        return this.$message.error('请选择需要同步的切片任务！')
+      } else {
+        this.$confirm('确定同步所选任务?', '警告', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          const ids = []
+          this.selectBatch.forEach(item => {
+            ids.push(item.id)
+          })
+          videoinfoAdd({ fileId: ids }).then(res => {
+            if (res.code === 200) {
+              this.$message.success('同步成功')
+            } else {
+              this.$message.error('同步失败')
+            }
+          })
+        })
+      }
+    },
+    addAddFile() {
+      if (!this.selectBatch.length) {
+        return this.$message.error('请选择需要重新生成的切片任务！')
+      } else {
+        this.$confirm('确定重新生成所选任务?', '警告', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.updateImgVisible = true
+          this.editData = {
+            title: '批量重新生成',
+            data: this.selectBatch
+          }
+        })
+      }
+    },
+    handleSelectionChange(val) {
+      this.selectBatch = val
+    },
+    getAppDataList() {
+      appInfoList({
+        pageSize: 100,
+        pageNum: 1
+      }).then((res) => {
+        if (res.code === 200) {
+          this.appList = res.data.list
+        } else {
+          this.appList = []
+        }
+        this.loading = false
+      })
+    },
+    // 点击搜索input内的清空按钮触发
+    onClear() {
+      this.searchData.keyWords = undefined
+      this.getDataList()
+    },
+    // 视频查看
+    checkMedia(url, data) {
+      this.$refs.showvideo.open(url, data, data.id)
+    },
+    // TODO:删除影片列表数据
+    handleDelete(index, row) {
+      this.$confirm('确定删除?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        taskDel({ id: row.id }).then(res => {
+          if (res.code === 200) {
+            this.getDataList()
+            this.$message.success('成功删除!')
+          } else {
+            this.$message.error(res.tip)
+          }
+        })
+      })
+    },
+    // TODO：请求用户列表数据
+    getDataList() {
+      this.loading = true
+      taskList(this.searchData).then((res) => {
+        if (res.code === 200) {
+          this.waterList = res.data.list
+
+          this.total = res.data.total
+        } else {
+          this.waterList = []
+          this.total = 0
+          this.$message.error('请求失败')
+        }
+        this.loading = false
+      })
+    },
+
+    clear(key) {
+      this.searchData[key] = undefined
+      this.getDataList()
+    },
+
+    // 搜索按钮
+    onSearch() {
+      this.getDataList()
+    },
+
+    // 切换每页数据量
+    handleSizeChange(val) {
+      this.searchData.pageSize = val
+      this.getDataList()
+    },
+    // 切换页数
+    handleCurrentChange(val) {
+      this.searchData.pageNum = val
+      this.getDataList()
+    },
+
+    // 更新水印图片
+    upDateImg(index, row) {
+      this.updateImgVisible = true
+      this.editData = {
+        title: '编辑',
+        data: row
+      }
+    },
+    // 关闭编辑弹窗
+    closeEdit() {
+      this.updateImgVisible = false
+      this.showDetail = false
+      this.getDataList()
+    }
+  }
+}
+</script>
+<style lang="scss">
+.el-popper {
+    max-height: 500px;
+    min-height: 300px;
+    overflow: auto;
+}
+
+.popover-content {
+    max-height: 500px;
+    min-height: 300px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+
+    .node-text {
+        font-size: 14px;
+        color: #333;
+        margin-bottom: 15px;
+    }
+
+    .node-image {
+        width: 100%;
+        border-radius: 4px;
+        margin-bottom: 15px;
+    }
+
+    .node-video {
+        width: 320px;
+        border-radius: 4px;
+        background-color: #2b333f;
+        margin-bottom: 15px;
+    }
+
+    .node-link {
+        font-size: 14px;
+    }
+}
+
+.container {
+    width: 100%;
+    height: 100%;
+}
+
+/* 添加必要的样式 */
+#checkbox-group {
+    max-height: 200px;
+    overflow-y: auto;
+}
+</style>

src/views/novelsManagement/novels/index.vue

@@ -257,7 +257,7 @@
     <ChapterList :data="editData" v-if="chapterListVisible" @close="closeEdit" />
     <SetTag :data="selectBatch" v-if="setTagVisible" @close="closeEdit"></SetTag>
     <EditCom :data="editData" v-if="editComVisible" :objectype="6" @close="closeEdit" />
-    <AddTags :data="selectBatch" v-if="tagsVisible" @close="closeEdit" />
+    <!-- <AddTags :data="selectBatch" v-if="tagsVisible" @close="closeEdit" /> -->
     <AddTotal :data="editData" v-if="addTotalVisible" @close="closeEdit" />
     <Batch :data="selectBatch" v-if="batchVisible" @close="closeEdit"></Batch>
   </div>
@@ -271,7 +271,7 @@ import ChapterList from './components/chapterList'
 import ShowImg from '@/components/ShowImg/index.vue'
 import Edit from './components/AddOrEdit'
 import SetTag from './components/setTag'
-import EditCom from '@/views/videoManagement/videoList/components/videoComment.vue'
+// import EditCom from '@/views/videoManagement/videoList/components/videoComment.vue'
 import AddTags from './components/addTags'
 import Batch from './components/batch'
 import AddTotal from './components/addTotal'
@@ -283,7 +283,7 @@ export default {
     ShowImg,
     ChapterList,
     SetTag,
-    EditCom,
+    // EditCom,
     AddTags,
     AddTotal,
     Batch

src/views/otherConfig/aicustomerservice/components/AddOrEdit.vue

@@ -1,29 +1,18 @@
 <template>
   <el-dialog :title="title" :visible.sync="Visible" width="780px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
-    <el-form :inline="true" :model="form" :rules="rules" ref="form" class="demo-form-inline" label-width="120px" label-position="right">
+    <el-form  :model="form" :rules="rules" ref="form" label-width="120px">
-      <el-row :gutter="24">
+      <el-form-item label="标题" prop="name">
-
+        <el-input v-model="form.title" placeholder="请输入标题" />
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+      </el-form-item>
-          <el-form-item label="标题" prop="name">
+      <el-form-item label="答案" prop="answer">
-            <el-input v-model="form.title" placeholder="请输入标题" />
+        <el-input type="textarea" :rows="2"  v-model="form.answer" placeholder="请输入答案" />
-          </el-form-item>
+      </el-form-item>
-        </el-col>
+      <el-form-item label="排序" prop="rank">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+        <el-input v-model.number="form.rank" placeholder="请输入排序" />
-          <el-form-item label="答案" prop="answer">
+      </el-form-item>
-            <el-input v-model="form.answer" placeholder="请输入答案" />
+      <el-form-item label="是否开启" prop="enable">
-          </el-form-item>
+        <el-switch v-model="form.enable" active-color="#13ce66" :active-value="true" :inactive-value="false"></el-switch>
-        </el-col>
+      </el-form-item>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="排序" prop="rank">
-            <el-input v-model.number="form.rank" placeholder="请输入排序" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="是否开启" prop="enable">
-            <el-switch v-model="form.enable" active-color="#13ce66" :active-value="true" :inactive-value="false"></el-switch>
-          </el-form-item>
-        </el-col>
-      </el-row>
     
     </el-form>
     <div slot="footer" class="dialog-footer">

src/views/postManagement/infoList/index.vue

@@ -279,7 +279,7 @@ style="
     <Audit  :data="editData" v-if="auditVisible" @close="closeEdit"></Audit>
     <ShowVideo ref="showvideo"></ShowVideo>
     <Edit :allPostTags="allPostTags" :postDiscussList="postDiscussList" :data="editData" v-if="editVisible" :circleList="circleList" :infoCategoryList="infoCategoryList" @close="closeEdit" />
-    <EditCom :objectype="8" :data="editData" v-if='editComVisible' @close="closeEdit" />
+    <!-- <EditCom :objectype="8" :data="editData" v-if='editComVisible' @close="closeEdit" /> -->
   </div>
 </template>
 <script>
@@ -288,7 +288,7 @@ import Edit from './components/AddOrEdit'
 import ShowImg from '@/components/ShowImg/index.vue'
 import Audit from './components/auditEdit'
 import ShowVideo from '@/components/ShowVideo/index.vue'
-import EditCom from '@/views/videoManagement/videoList/components/videoComment.vue'
+// import EditCom from '@/views/videoManagement/videoList/components/videoComment.vue'
 import {
   infomationSearch,
   infomationDel,
@@ -305,7 +305,7 @@ export default {
     Edit,
     ShowImg,
     ShowVideo,
-    EditCom,
+    // EditCom,
     Audit
   },
   filters: {},

src/views/system/systemConfig/index.vue

@@ -314,7 +314,7 @@ export default {
     getData() {
       getSyscfg({}).then(res => {
         if (res.code === 200) {
-          this.form = JSON.parse(JSON.stringify(res.data))
+          this.form = Object.assign({}, this.form, JSON.parse(JSON.stringify(res.data)))
           this.$store.dispatch('system/setConfig', res.data)
           this.form.rewardNumList = arryToString(this.form.rewardNumList)
           this.form.payGiftCoinCount = changeMoneyYuan(this.form.payGiftCoinCount)

src/views/user/userList/index.vue

@@ -291,7 +291,7 @@ v-loading="loading"
               scope.row.updatedAt | BeiJingTime
               }}</template>
           </el-table-column>
-          <el-table-column align="center" fixed="right" label="操作" width="650">
+          <el-table-column align="center" fixed="right" label="操作" width="740">
             <template slot-scope="scope">
               <el-button size="mini" type="primary" @click="openQr(scope.$index, scope.row)">查看二维码</el-button>
               <el-button
@@ -323,6 +323,7 @@ size="mini"
                 </el-dropdown-menu>
               </el-dropdown>
               <el-button @click="BindBankCard(scope.$index, scope.row)" size="mini" type="success">绑定银行卡</el-button>
+              <el-button @click="resetUserDevId(scope.row)" size="mini" type="warning" plain>重置用户</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -356,7 +357,8 @@ import {
   getUserList,
   userExport,
   userUpdate,
-  userUnBan
+  userUnBan,
+  userResetDevId
 } from '@/api/user/userList'
 import { vipTypeList, userTypeList } from '@/filters/user/userList'
 import Edit from './components/AddOrEdit'
@@ -529,6 +531,25 @@ export default {
       })
     },
 
+    resetUserDevId(row) {
+      this.$confirm('确定重置该用户？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          userResetDevId({ id: row.id }).then((res) => {
+            if (res.code === 200) {
+              this.$message.success('重置成功')
+              this.getUserData()
+            } else {
+              this.$message.error(res.msg || res.tip || '重置失败')
+            }
+          })
+        })
+        .catch(() => {})
+    },
+
     clear(key) {
       this.searchData[key] = undefined
       this.getUserData()
@@ -581,8 +602,10 @@ export default {
       this.getUserData()
     },
     handleEditMovieTickets(index, row) {
-      this.editMovieTicketsVisible = true
+      setTimeout(() => {
-      this.editMovieTicketsData = row
+        this.editMovieTicketsVisible = true
+        this.editMovieTicketsData = row
+      }, 300)
     },
     // 编辑
     handleEdit(index, row) {
@@ -591,7 +614,8 @@ export default {
     },
     // 编辑VIP
     handleEditVip(index, row) {
-      this.editVipVisible = true
+      setTimeout(() => {
+              this.editVipVisible = true
       if (index === 0) {
         this.editData = {
           ...row.normalVip,
@@ -617,16 +641,23 @@ export default {
           cardCategory: index
         }
       }
+      },300)
     },
     // 编辑金币
     addIncCoin(index, row) {
-      this.addIncCoinVisible = true
+      setTimeout(() => {
-      this.editData = row
+        this.addIncCoinVisible = true
+        this.editData = row
+      }, 300)
+
     },
     // 编辑优惠券
     addCoupon(index, row) {
-      this.couponVisible = true
+      setTimeout(() => {
-      this.editData = row
+        this.couponVisible = true
+        this.editData = row
+      }, 300)
+
     },
     // 编辑游戏币
     addGameCoin(index, row) {

src/views/videoManagement/commentManage/components/toTop.vue

@@ -16,6 +16,13 @@
           </el-form-item>
         </el-col>
       </el-row>
+      <el-row :gutter="24">
+        <el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24">
+          <el-form-item label="跳转链接">
+            <el-input v-model="form.jumpLink" />
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
     <div class="dialog-footer" slot="footer">
       <el-button @click="Visible=false">取 消</el-button>
@@ -37,7 +44,8 @@ export default {
       // 表单数据
       form: {
         id: undefined,
-        topRank: undefined
+        topRank: undefined,
+        jumpLink: undefined
       }
     }
   },
@@ -53,7 +61,8 @@ export default {
       const param = {
         id: this.form.id,
         param: {
-          topRank: this.form.topRank
+          topRank: this.form.topRank,
+          jumpLink: this.form.jumpLink
         }
       }
       commentUpdate(param).then((res) => {

src/views/videoManagement/shortDrama/components/AddOrEdit.vue

@@ -0,0 +1,234 @@
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="Visible"
+    top="50px"
+    center
+    class="ac-dialog"
+    :close-on-click-modal="false"
+    @close="close"
+  >
+    <el-form
+      :inline="true"
+      :model="form"
+      :rules="rules"
+      class="demo-form-inline"
+      label-width="120px"
+      label-position="right"
+      style=""
+      ref="ruleForm"
+    >
+      <el-row :gutter="24">
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="标题">
+            <el-input
+              v-model="form.title"
+              style="width: 400px"
+              type="textarea"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="描述">
+            <el-input
+              v-model="form.desc"
+              style="width: 400px"
+              type="textarea"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="售价">
+            <el-input v-model.number="form.price" style="width: 180px">
+              <template slot="append">元</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="排序">
+            <el-input v-model.number="form.rank" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="视频状态">
+            <el-select
+              placeholder="请选择视频状态"
+              clearable
+              v-model="form.status"
+            >
+              <el-option
+                v-for="item in MediaSatusList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="剧集专题">
+            <el-select
+              placeholder="请选择剧集专题"
+              clearable
+              @clear="clearableFn"
+              v-model="form.topicId"
+            >
+              <el-option
+                v-for="item in topicList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="封面">
+            <UploadImg
+              @changeImgUrl="changeCoverImgUrl"
+              :img="form.coverImg"
+            ></UploadImg>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消</el-button>
+      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
+    </div>
+    <AddVideo
+      :data="form"
+      v-if="addVisible"
+      @close="closeVideoInfo"
+      @closeAll="close"
+      @submit="videoInfo"
+    ></AddVideo>
+  </el-dialog>
+</template>
+<script>
+import UploadImg from "@/components/UploadImg/index";
+
+import moment from "moment";
+import {
+  stringToArry,
+  arryToString,
+  changeMoneyYuan,
+  changeMoneyFen,
+} from "@/filters/index";
+import { MediaSatusList } from "@/filters/videoManagement/videoList";
+import {
+  shortDramaUpdate,
+  shortDramaAdd,
+} from "@/api/videoManagement/shortDrama";
+
+export default {
+  name: "AddOrEdit",
+  props: ["data", "videoType", "topicList"],
+  components: {
+    UploadImg,
+  },
+
+  data() {
+    return {
+      Visible: true,
+      title: "",
+      addVisible: false,
+      MediaSatusList: MediaSatusList(),
+      tagsList: [],
+      tagCategoryId: undefined,
+      form: {
+        title: undefined,
+        topicId: undefined,
+        status: undefined,
+        coverImg: undefined, // [],封面
+  rank:undefined,
+        desc: undefined, // "string",详细描述
+
+        price: undefined, // 0,售价，单位分
+      },
+      rules: {},
+    };
+  },
+  computed: {},
+  mounted() {
+    this.title = this.data.title;
+    if (this.title === "编辑") {
+      this.form = { ...this.data.data };
+      this.form.price = changeMoneyYuan(this.form.price);
+    } else if (this.title === "新增") {
+      this.addVisible = true;
+    }
+  },
+  methods: {
+    // TODO：
+    update(data) {
+      if (this.title === "新增") {
+        shortDramaAdd(data).then((res) => {
+          if (res.code === 200) {
+            this.$message.success("更新成功");
+            this.close();
+          } else {
+            this.$message.error("更新失败");
+          }
+        });
+      } else {
+        shortDramaUpdate(data).then((res) => {
+          if (res.code === 200) {
+            this.$message.success("更新成功");
+            this.close();
+          } else {
+            this.$message.error("更新失败");
+          }
+        });
+      }
+    },
+
+    // 新增时视频ID绑定
+    videoInfo(data) {
+      this.form = { ...this.form, data };
+
+      this.addVisible = false;
+    },
+
+    // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.form.score = parseFloat(this.form.score);
+          const data = {
+            id: this.form.id,
+            param: JSON.parse(JSON.stringify(this.form)),
+          };
+
+          data.param.price = data.param.price
+            ? changeMoneyFen(data.param.price)
+            : 0;
+
+          this.update(data);
+        } else {
+          return false;
+        }
+      });
+    },
+    clearableFn(){
+      this.form.topicId = 0
+    },
+    // 关闭编辑
+    close() {
+      this.$emit("close");
+    },
+    // 上传图片返回地址
+    changeCoverImgUrl(data) {
+      this.form.coverImg = data;
+    },
+
+    // 关闭不通过原因弹框
+    closeVideoInfo() {
+      this.addVisible = false;
+    },
+  },
+};
+</script>
+

src/views/videoManagement/shortDrama/components/addVideo.vue

@@ -0,0 +1,58 @@
+<!--
+ * @Author: 王涛
+ * @Mail: no
+ * @Date: 2020-10-02 23:41:38
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2022-05-26 17:25:56
+-->
+<template>
+  <el-dialog :visible.sync="Visible" width="400px" center class="ac-dialog" :close-on-click-modal="false" @close="close" title="绑定影片" append-to-body>
+    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
+      <el-input v-model="form.fileId " placeholder="请输入媒资库影片ID" style="width: 100%;margin-top:10px"></el-input>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close"> 取 消 </el-button>
+      <el-button type="primary" @click="submit"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { mediaAdd } from '@/api/videoManagement/videoList'
+export default {
+  name: 'AvList',
+  props: ['data'],
+  data() {
+    return {
+      Visible: true,
+      // 表单数据
+      form: {
+        fileId: undefined,
+      },
+    }
+  },
+  mounted() {},
+  methods: {
+    // 提交按钮
+    submit() {
+      mediaAdd(this.form).then((res) => {
+        if (res.code === 200) {
+          //   this.$emit('submit', res.data)
+          this.$message.success('添加成功')
+          this.close()
+        } else if (res.code === 8000) {
+          this.$message.error('媒资库ID不存在')
+        } else if (res.code === 1006) {
+          this.$message.error('请输入媒资库ID')
+        }
+      })
+    },
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+      this.$emit('closeAll')
+    },
+  },
+}
+</script>
+

src/views/videoManagement/shortDrama/components/addVideo2.vue

@@ -0,0 +1,60 @@
+<!--
+ * @Author: 王涛
+ * @Mail: no
+ * @Date: 2020-10-02 23:41:38
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2022-05-26 17:51:34
+-->
+<template>
+  <el-dialog :visible.sync="Visible" width="400px" center class="ac-dialog" :close-on-click-modal="false" @close="close" title="绑定影片" append-to-body>
+    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
+      <el-input v-model="form.fileId " placeholder="请输入媒资库影片ID" style="width: 100%;margin-top:10px"></el-input>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close"> 取 消 </el-button>
+      <el-button type="primary" @click="submit"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { mediaAddTs } from '@/api/videoManagement/videoList'
+export default {
+  name: 'AvList',
+  props: ['data'],
+  data() {
+    return {
+      Visible: true,
+      // 表单数据
+      form: {
+        fileId: undefined,
+      },
+    }
+  },
+  mounted() {},
+  methods: {
+    // 提交按钮
+    submit() {
+      mediaAddTs(this.form).then((res) => {
+        if (res.code === 200) {
+          //   this.$emit('submit', res.data)
+          this.$message.success('添加成功')
+          this.close()
+        } else if (res.code === 8000) {
+          this.$message.error('媒资库ID不存在')
+        } else if (res.code === 1006) {
+          this.$message.error('请输入媒资库ID')
+        } else {
+          this.$message.error('视频添加失败')
+        }
+      })
+    },
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+      this.$emit('closeAll')
+    },
+  },
+}
+</script>
+

src/views/videoManagement/shortDrama/components/batch.vue

@@ -0,0 +1,457 @@
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="Visible"
+    width="700px"
+    center
+    class="ac-dialog"
+    :close-on-click-modal="false"
+    @close="close"
+  >
+    <el-form
+      :inline="true"
+      :model="form"
+      :rules="rules"
+      ref="ruleForm"
+      class="demo-form-inline"
+      label-width="120px"
+      label-position="right"
+    >
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="视频分类">
+            <el-select
+              placeholder="请选择视频分类"
+              v-model="form.cardType"
+              clearabl
+              @change="changeCardType"
+              style="width: 180px"
+            >
+              <el-option
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                v-for="item in cardType"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="主题分类">
+            <el-select
+              placeholder="请选择主题分类"
+              v-model="form.topicIds"
+              filterable
+              allow-create
+              default-first-option
+              multiple
+              style="width: 180px"
+            >
+              <el-option
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                v-for="item in chooseVideoType"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="是否VIP" prop="status">
+            <el-select
+              placeholder="请选择信息分类"
+              clearable
+              v-model="form.isVip"
+              style="width: 180px"
+            >
+              <el-option label="非VIP视频" :value="false" />
+              <el-option label="VIP视频" :value="true" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="视频状态" prop="status">
+            <el-select
+              placeholder="请选择视频状态"
+              clearable
+              v-model="form.status"
+              style="width: 180px"
+            >
+              <el-option
+                v-for="item in MediaSatusList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="演员分类">
+            <el-select
+              style="width: 180px"
+              multiple
+              placeholder="请选择演员分类"
+              v-model="form.actorIds"
+              filterable
+              allow-create
+              default-first-option
+            >
+              <el-option
+                :key="item.value"
+                :label="item.name"
+                :value="item.id"
+                v-for="item in actorList"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="发布者ID">
+            <el-input v-model.number="form.publishId" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="上架时间">
+            <el-date-picker v-model="form.addedTime" type="datetime" placeholder="请选择发布时间">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="封面类型">
+            <el-select
+              placeholder="请选择封面类型"
+              v-model="form.coverType"
+              clearable
+              style="width: 180px"
+            >
+              <el-option
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                v-for="item in coverTypeList"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+       
+      </el-row>
+
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="虚拟观看次数">
+            <el-input v-model.number="form.fake.watchTimes" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="虚拟点赞次数">
+            <el-input v-model.number="form.fake.likes" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="售价">
+            <el-input v-model="form.price" style="width: 180px">
+              <template slot="append"
+                >元</template
+              >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="视频类型">
+            <el-select
+              placeholder="请选择视频类型"
+              v-model="form.contentType"
+              clearable
+              style="width: 180px"
+            >
+              <el-option
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                v-for="item in contentTypeList"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="已选标签">
+              <el-tag :key="index + 'tag'" v-for="(item, index) in tagsList" :disable-transitions="true" closable style="margin: 2px" @close="handleTagClose(item.id)">
+                {{ item.name }}
+              </el-tag>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+          <el-form-item label="可选标签">
+            <el-button
+              :type="showTagsFlag ? 'warning' : 'success'"
+              @click="showTagsFun"
+              >{{ showTagsFlag ? "隐藏标签" : "展示标签" }}</el-button
+            >
+            <div v-for="(itemList,index) in chooseMediatag" :key="index">
+              <span v-show="showTagsFlag">{{ itemList[0].tagCategoryId | changeName(tagTypeList,'id','name') }}</span>
+              <el-tag v-show="showTagsFlag" :key="index + 'tagData'" style="margin: 2px; cursor: pointer" v-for="(item, index) in itemList" :disable-transitions="true" :type="fliterTagType(item.name)" @click="handleClickTag(item)">
+                {{ item.name}}
+              </el-tag>
+            </div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click="submit"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { mediaUpdate, getVideoTags } from "@/api/videoManagement/videoList";
+import { MediaSatusList } from "@/filters/videoManagement/videoList";
+import { arryToString, changeMoneyFen } from "@/filters/index";
+import { mediatagList } from "@/api/videoManagement/mediatag";
+import { topicSearch } from "@/api/videoManagement/topic";
+import {
+  contentTypeList,
+  coverTypeList,
+  videoClassificationList,
+} from "@/filters/mediaLibrary/videoList";
+export default {
+  name: "Batch",
+  props: ["data", "videoType", "gatherList", "studioList", "actorList", "tagTypeList"],
+  data() {
+    return {
+      contentTypeList: contentTypeList(),
+      MediaSatusList: MediaSatusList(),
+      coverTypeList: coverTypeList(),
+      cardType: videoClassificationList(),
+      Visible: true,
+      showTagsFlag: false,
+      title: "",
+      // 表单数据
+      form: {
+        isVip: undefined,
+        status: undefined,
+        topicIds: [],
+        gatherIds: [],
+        actorIds: [],
+        actor: undefined,
+        companiesId: undefined,
+        publishId: undefined,
+        addedTime: undefined,
+        coverType: undefined,
+        tags: [],
+        fake: {},
+  
+        cardType: undefined,
+        contentType: undefined,
+        price: undefined,
+      },
+      //
+      dates: [],
+      rules: {
+        isVip: undefined,
+        status: undefined,
+      },
+      chooseMediatag: [],
+      chooseVideoType: [],
+      tagsList: []
+    };
+  },
+
+  methods: {
+    // 删除已选择列表中的标签
+    handleTagClose(tag) {
+      this.form.tags.splice(this.form.tags.indexOf(tag), 1);
+      this.tagsList.splice(this.form.tags.indexOf(tag), 1)
+    },
+    //显示展示标签
+    showTagsFun() {
+      this.showTagsFlag = !this.showTagsFlag;
+    },
+    // 点击可选择列表中的标签
+    handleClickTag(item) {
+      if (this.form.tags.indexOf(item.id) === -1) {
+        this.form.tags.push(item.id);
+        this.tagsList.push(item)
+      }
+    },
+    // 在可选择列表过滤出已选择的标签
+    fliterTagType(tagID) {
+      if (this.form.tags.indexOf(tagID) !== -1) {
+        return "danger";
+      } else {
+        return "info";
+      }
+    },
+
+    changeCardType(val) {
+      this.getTopicSearch(val);
+    },
+    // changeContentType(val) {
+    //   this.getMediatagList(val);
+    // },
+    // 获取标签
+    getMediatagList(val) {
+      this.chooseMediatag = [];
+      const param = {
+        pageNum: 1,
+        pageSize: 500,
+      };
+      getVideoTags(param).then((res) => {
+        if (res.data.list) {
+          const result = res.data.list.reduce((acc,cur) => { // 将标签区分类型
+            const index = acc.findIndex(item => item[0].tagCategoryId === cur.tagCategoryId)
+            if( index === -1){
+              acc.push([cur])
+            } else {
+              acc[index].push(cur)
+            }
+            return acc
+          }, [])
+          this.chooseMediatag = [...result]
+        } else {
+          this.chooseMediatag = [];
+        }
+      });
+    },
+    // 获取主题
+    getTopicSearch(val) {
+      this.chooseVideoType = [];
+      const param = {
+        pageNum: 1,
+        pageSize: 500,
+        cardType: val,
+      };
+      topicSearch(param).then((res) => {
+        if (res.data.list) {
+          res.data.list.forEach((item) => {
+            this.chooseVideoType.push({
+              label: item.name,
+              value: item.id,
+            });
+          });
+        } else {
+          this.chooseVideoType = [];
+        }
+      });
+    },
+    // 提交按钮
+    submit() {
+      if (this.data.length) {
+        this.data.forEach((item) => {
+          const data = {
+            id: item.id,
+            param: item,
+          };
+          data.param.isVip = this.form.isVip;
+          if(this.form.status){
+            data.param.status = this.form.status;
+          }else{
+            this.$message({
+          type: "error",
+          message: "请选择视频状态！",
+        });
+        return
+          }
+          
+          if (this.form.tags.length) {
+            data.param.tags = this.form.tags;
+          }
+          if (this.form.topicIds.length) {
+            data.param.topicIds = this.form.topicIds;
+          }
+          if (this.form.cardType) {
+            data.param.cardType = this.form.cardType;
+          }
+          if (this.form.gatherIds.length !== 0) {
+            data.param.gatherIds = this.form.gatherIds;
+          }
+          if (this.form.price) {
+            data.param.price = changeMoneyFen(this.form.price);
+          }
+          if (this.form.fake.watchTimes) {
+            data.param.fake.watchTimes = this.form.fake.watchTimes;
+          }
+          if (this.form.fake.likes) {
+            data.param.fake.likes = this.form.fake.likes;
+          }
+          if (this.form.actorIds.length !== 0) {
+            data.param.actorIds = this.form.actorIds;
+            const actorNameArr = [];
+            Object.keys(this.actorList).forEach((key) => {
+              if (this.form.actorIds.length > 0) {
+                for (
+                  let index = 0;
+                  index < this.form.actorIds.length;
+                  index++
+                ) {
+                  if (this.form.actorIds[index] === this.actorList[key].id) {
+                    actorNameArr.push(this.actorList[key].name);
+                  }
+                }
+              }
+            });
+            data.param.actor = arryToString(actorNameArr);
+          } else {
+            data.param.actor = arryToString(data.param.actor);
+          }
+          if (this.form.companiesId) {
+            data.param.companiesId = this.form.companiesId;
+          }
+          if (this.form.publishId) {
+            data.param.publishId = this.form.publishId;
+          }
+          if (this.form.addedTime) {
+            data.param.addedTime = this.form.addedTime;
+          }
+          if (this.form.contentType) {
+            data.param.contentType = this.form.contentType;
+          }
+          if (this.form.coverType) {
+            data.param.coverType = this.form.coverType;
+          }
+          mediaUpdate(data).then((res) => {
+            if (res.code === 200) {
+              this.$message({
+                type: "success",
+                message: item.id + "修改成功",
+              });
+            } else {
+              this.$message({
+                type: "error",
+                message: item.id + "修改失败",
+              });
+            }
+          });
+        });
+      } else {
+        this.$message({
+          type: "error",
+          message: "未选择视频",
+        });
+      }
+      this.Visible = false;
+    },
+
+    // 关闭编辑
+    close() {
+      this.$emit("close");
+    },
+  },
+  mounted() {
+    this.getMediatagList()
+  },
+};
+</script>

src/views/videoManagement/shortDrama/components/components/AddOrEdit.vue

@@ -0,0 +1,248 @@
+<template>
+  <el-dialog :title="title" :visible.sync="Visible"  top="50px" center class="ac-dialog"  @close="close" append-to-body>
+    <el-form :inline="true" :model="form" :rules="rules" class="demo-form-inline" label-width="120px" label-position="right" style="" ref="ruleForm">
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="标题">
+            <el-input v-model="form.title" style="width: 400px" type="textarea" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="番号">
+            <el-input v-model="form.bango" style="width: 400px" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
+          <el-form-item label="封面">
+            <UploadImg @changeImgUrl="changeCoverImgUrl" :img="form.coverImg"></UploadImg>
+          </el-form-item>
+        </el-col>
+ 
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="预览时间(秒)">
+            <el-input v-model.number="form.preTime" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
+          <el-form-item label="视频状态">
+            <el-select placeholder="请选择视频状态" clearable v-model="form.status">
+              <el-option v-for="item in MediaSatusList" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
+          <el-form-item label="上架时间">
+            <el-date-picker v-model="form.addedTime" type="datetime" placeholder="请选择发布时间">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
+          <el-form-item label="售价">
+            <el-input v-model="form.price" style="width: 180px">
+              <template slot="append">元</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
+          <el-form-item label="是否是vip">
+            <el-switch v-model="form.isVip" active-color="#13ce66" inactive-color="#ff4949" style="width: 180px"></el-switch>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
+          <el-form-item label="排序">
+            <el-input v-model.number="form.rank" style="width: 180px" />
+          </el-form-item>
+        </el-col>
+      </el-row>  
+      <el-row :gutter="70">
+      </el-row>
+
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消</el-button>
+      <el-button type="primary" @click="submit('ruleForm')">
+        确 定
+      </el-button>
+    </div>
+    <AddVideo :data="form" v-if="addVisible" @close="closeVideoInfo" @closeAll="close" @submit="videoInfo"></AddVideo>
+  </el-dialog>
+</template>
+<script>
+import UploadImg from '@/components/UploadImg/index'
+
+import moment from 'moment'
+import { stringToArry, arryToString, changeMoneyYuan, changeMoneyFen } from '@/filters/index'
+import { MediaSatusList } from '@/filters/videoManagement/videoList'
+import { shortmediaUpdate,ShortmediaAdd } from '@/api/videoManagement/shortMedia'
+
+
+export default {
+  name: 'AddOrEdit',
+  props: ['data', 'videoType', 'mediatag',],
+  components: {
+    UploadImg,
+
+  },
+
+  data() {
+    return {
+      showTagsFlag: false,
+      Visible: true,
+      title: '',
+      MediaSatusList: MediaSatusList(),
+      addVisible: false,
+      longMediatag: [],
+      longVideoType: [],
+      shortMediatag: [],
+      shortVideoType: [],
+      chooseMediatag: [],
+      chooseVideoType: [],
+      tagsList:[],
+      tagCategoryId: undefined,
+      form: {
+        addedTime: undefined, // "string",上架时间
+        bango: undefined, // 番号
+        contentType: undefined, // 格式类型: 1:AV 2:小视频 3:动漫
+        tags: [],
+        score: undefined, // 评分
+        coverImg: undefined, // [],封面
+        coverType: undefined, //	封面类型： 1:竖版封面 2:横版封面 3:未知
+        desc: undefined, // "string",详细描述
+        fake: {},
+        isVip: undefined, // true,是否VIp
+        preFileName: undefined, // "string",预览文件
+        price: undefined, // 0,售价，单位分
+        publishAvatar: undefined, // 视频发布者头像
+        publishId: undefined, // 发布者ID
+        status: undefined, // 0,视频状态
+        title: undefined, // "string",标题
+        topicIds: [], // 视频分类
+        mediaSet: undefined, // 视频归属
+        id: undefined, // 0,视频Id
+        rank:undefined,
+        preTime: 0,
+ 
+      },
+      rules: {}
+    }
+  },
+  computed: {
+
+  },
+  mounted() {
+    this.title = this.data.title
+    if (this.title === '编辑') {
+      this.form = { ...this.data.data }
+      this.form.price = changeMoneyYuan(this.form.price)
+      this.form.addedTime =
+        moment(this.data.data.addedTime)
+          .utcOffset(480)
+          .format('YYYY-MM-DDTHH:mm:ss') + '+08:00'
+      this.form.sortTime =
+        moment(this.data.data.sortTime)
+          .utcOffset(480)
+          .format('YYYY-MM-DDTHH:mm:ss') + '+08:00'
+    } else if (this.title === '新增') {
+      this.addVisible = true
+    }
+  },
+  methods: {
+
+    // TODO：
+    update(data) {
+      if(this.title === '新增'){
+          ShortmediaAdd(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('更新成功')
+          this.close()
+        } else {
+          this.$message.error('更新失败')
+        }
+      })
+      }else{
+          shortmediaUpdate(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('更新成功')
+          this.close()
+        } else {
+          this.$message.error('更新失败')
+        }
+      })
+      }
+    },
+  
+
+    // 新增时视频ID绑定
+    videoInfo(data) {
+      this.form = { ...this.form, data }
+      if (this.form.actorIds) {
+        this.form.actorids = arryToString(this.form.actorids)
+      }
+      //   this.form.directors = arryToString(this.form.directors)
+      //   this.form.secondTags = arryToString(this.form.secondTags)
+      this.addVisible = false
+    },
+
+
+ 
+
+    // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          const tagNameArr = []
+          if (this.mediatag) {
+            Object.keys(this.mediatag).forEach((key) => {
+              if (this.form.actorIds.length > 0) {
+                for (let index = 0; index < this.form.tags.length; index++) {
+                  if (this.form.tags[index] === this.mediatag[key].id) {
+                    tagNameArr.push(this.mediatag[key].name)
+                  }
+                }
+              }
+            })
+            this.form.tagString = arryToString(tagNameArr)
+          }
+          this.form.score = parseFloat(this.form.score)
+          const data = {
+            id: this.form.id,
+            param: JSON.parse(JSON.stringify(this.form)),
+          }
+          data.param.mediaSet = data.param.mediaSet ? stringToArry(data.param.mediaSet) : []
+          data.param.price =  changeMoneyFen(data.param.price)
+
+          data.param.companiesId = Number(data.param.companiesId)
+          data.param.fake.watchTimes = data.param.fake.watchTimes
+            ? Number(data.param.fake.watchTimes)
+            : 0
+          this.update(data)
+        } else {
+          return false
+        }
+      })
+    },
+
+
+
+
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+    },
+    // 上传图片返回地址
+    changeCoverImgUrl(data) {
+      this.form.coverImg = data
+    },
+
+    // 关闭不通过原因弹框
+    closeVideoInfo() {
+      this.addVisible = false
+    },
+  },
+}
+</script>
+

src/views/videoManagement/shortDrama/components/components/addVideo.vue

@@ -0,0 +1,58 @@
+<!--
+ * @Author: 王涛
+ * @Mail: no
+ * @Date: 2020-10-02 23:41:38
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2022-05-26 17:25:56
+-->
+<template>
+  <el-dialog :visible.sync="Visible" width="400px" center class="ac-dialog" :close-on-click-modal="false" @close="close" title="绑定影片" append-to-body>
+    <el-form :inline="true" :model="form" class="demo-form-inline" label-width="120px" label-position="right">
+      <el-input v-model="form.fileId " placeholder="请输入媒资库影片ID" style="width: 100%;margin-top:10px"></el-input>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close"> 取 消 </el-button>
+      <el-button type="primary" @click="submit"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { mediaAdd } from '@/api/videoManagement/videoList'
+export default {
+  name: 'AvList',
+  props: ['data'],
+  data() {
+    return {
+      Visible: true,
+      // 表单数据
+      form: {
+        fileId: undefined,
+      },
+    }
+  },
+  mounted() {},
+  methods: {
+    // 提交按钮
+    submit() {
+      mediaAdd(this.form).then((res) => {
+        if (res.code === 200) {
+          //   this.$emit('submit', res.data)
+          this.$message.success('添加成功')
+          this.close()
+        } else if (res.code === 8000) {
+          this.$message.error('媒资库ID不存在')
+        } else if (res.code === 1006) {
+          this.$message.error('请输入媒资库ID')
+        }
+      })
+    },
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+      this.$emit('closeAll')
+    },
+  },
+}
+</script>
+

src/views/videoManagement/shortDrama/components/components/batch.vue

@@ -0,0 +1,160 @@
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="Visible"
+    top="50px"
+    center
+    class="ac-dialog"
+    :close-on-click-modal="false"
+    @close="close"
+    append-to-body
+  >
+    <el-form
+      :inline="true"
+      :model="form"
+      :rules="rules"
+      class="demo-form-inline"
+      label-width="120px"
+      label-position="right"
+      style=""
+      ref="ruleForm"
+    >
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="视频状态">
+            <el-select
+              placeholder="请选择视频状态"
+              clearable
+              v-model="form.status"
+            >
+              <el-option
+                v-for="item in MediaSatusList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="上架时间">
+            <el-date-picker
+              v-model="form.addedTime"
+              type="datetime"
+              placeholder="请选择发布时间"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="售价">
+            <el-input v-model="form.price" style="width: 180px">
+              <template slot="append">元</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="是否是vip">
+            <el-switch
+              v-model="form.isVip"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              style="width: 180px"
+            ></el-switch>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消</el-button>
+      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import UploadImg from "@/components/UploadImg/index";
+
+import moment from "moment";
+import {
+  stringToArry,
+  arryToString,
+  changeMoneyYuan,
+  changeMoneyFen,
+} from "@/filters/index";
+import { MediaSatusList } from "@/filters/videoManagement/videoList";
+import {
+  shortmediaUpdate,
+  ShortmediaAdd,
+} from "@/api/videoManagement/shortMedia";
+
+export default {
+  name: "AddOrEdit",
+  props: ["selectBatch"],
+  components: {
+    UploadImg,
+  },
+
+  data() {
+    return {
+      Visible: true,
+      title: "",
+      MediaSatusList: MediaSatusList(),
+      form: {
+        addedTime: undefined, // "string",上架时间
+        isVip: false, // true,是否VIp
+        price: undefined, // 0,售价，单位分
+        status: undefined, // 0,视频状态
+      },
+      rules: {},
+    };
+  },
+  computed: {},
+  mounted() {},
+  methods: {
+    // TODO：
+    update(data,length) {
+      shortmediaUpdate(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success("更新成功");
+          if(length){
+            this.close()
+          }
+        } else {
+          this.$message.error("更新失败");
+        }
+      });
+     
+    },
+
+    // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate( (valid) => {
+        if (valid) {
+          this.form.price = changeMoneyFen(this.form.price);
+          this.selectBatch.map((item,index)=>{
+             const data = {
+              id: item.id,
+              param: { ...this.form },
+            };
+            this.update(data,this.selectBatch.length-1===index);
+          })
+        
+       
+        } else {
+          return false;
+        }
+      });
+    },
+
+    // 关闭编辑
+    close() {
+      this.$emit("close");
+    },
+    // 上传图片返回地址
+    changeCoverImgUrl(data) {
+      this.form.coverImg = data;
+    },
+  },
+};
+</script>
+

src/views/videoManagement/shortDrama/components/mediaList.vue

@@ -0,0 +1,529 @@
+
+<template>
+  <div class="pf-warpper avlist">
+    <el-dialog
+      title="短剧视频"
+      :visible.sync="Visible"
+      width="90%"
+      center
+      class="ac-dialog"
+      :close-on-click-modal="false"
+      @close="close"
+    >
+      <el-row class="table-form">
+        <el-form
+          :inline="true"
+          :model="searchData"
+          class="form-inline"
+          size="mini"
+        >
+          <el-form-item>
+            <el-input
+              placeholder="请输入短剧Id"
+              clearable
+              v-model.number="searchData.id"
+              @clear="onClear('id')"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              placeholder="请输入标题"
+              clearable
+              v-model="searchData.title"
+              @clear="onClear('title')"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button
+              @click="onSeach"
+              icon="el-icon-search"
+              plain
+              type="primary"
+              >搜索</el-button
+            >
+            <el-button @click="batch"  plain type="success"
+              >批量设置</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </el-row>
+      <el-row>
+        <el-col>
+          <el-table
+            :data="resData"
+            element-loading-text="拼命加载中"
+            border
+            height="700"
+            highlight-current-row
+            style="width: 100%"
+            v-loading="loading"
+            :row-style="{ height: '70px' }"
+            @selection-change="handleSelectionChange"
+            empty-text="暂无更多数据"
+          >
+            <el-table-column type="selection" width="50" fixed="left">
+            </el-table-column>
+            <el-table-column align="center" label="排序">
+              <template slot-scope="scope">{{ scope.row.rank }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="Id">
+              <template slot-scope="scope">{{ scope.row.id }}</template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              label="标题"
+              width="150px"
+              show-overflow-tooltip
+            >
+              <template slot-scope="scope">{{ scope.row.title }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="影片时长">
+              <template slot-scope="scope">{{
+                scope.row.playTime | secondToHouseMinuteSecond
+              }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="视频状态" width="100px">
+              <template slot-scope="scope">
+                <el-button
+                  :type="
+                    scope.row.status === 1
+                      ? 'success'
+                      : scope.row.status === 2
+                      ? 'danger'
+                      : 'warning'
+                  "
+                  plain
+                  size="mini"
+                  >{{ scope.row.status | changMediaSatus }}</el-button
+                >
+              </template>
+            </el-table-column>
+            <el-table-column align="center" label="是否VIp" width="120px">
+              <template slot-scope="scope">
+                <el-button
+                  :type="scope.row.isVip ? 'success' : 'danger'"
+                  plain
+                  size="mini"
+                  >{{ scope.row.isVip ? "VIP视频" : "非VIP视频" }}</el-button
+                >
+              </template>
+            </el-table-column>
+            <el-table-column align="center" label="售价（元）" width="100px">
+              <template slot-scope="scope">{{
+                scope.row.price | changeMoneyYuan
+              }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="正片预览">
+              <template slot-scope="scope">
+                <i
+                  v-if="scope.row.fieldNameFs"
+                  class="el-icon-video-play views"
+                  title="点击预览"
+                  @click="checkMedia(scope.row.fieldNameFs, scope.row)"
+                ></i>
+                <div v-else>暂无</div>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" label="预览时间">
+              <template slot-scope="scope">{{ scope.row.preTime }}秒</template>
+            </el-table-column>
+
+            <el-table-column align="center" label="视频封面" width="100px">
+              <template slot-scope="scope">
+                <ShowImg
+                  style="width: 50px; height: 70px; margin: 0 auto"
+                  :urls="scope.row.coverImg"
+                ></ShowImg>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" label="预览视频">
+              <template slot-scope="scope">
+                <i
+                  v-if="scope.row.preFileName"
+                  class="el-icon-video-play views"
+                  title="点击预览"
+                  @click="checkMedia(scope.row.preFileName, scope.row)"
+                ></i>
+                <div v-else>暂无</div>
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              align="center"
+              label="详细描述"
+              width="200px"
+              show-overflow-tooltip
+            >
+              <template slot-scope="scope">{{ scope.row.desc }}</template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              label="番号"
+              width="100px"
+              show-overflow-tooltip
+            >
+              <template slot-scope="scope">{{ scope.row.bango }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="分辨率高">
+              <template slot-scope="scope">{{ scope.row.height }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="分辨率宽">
+              <template slot-scope="scope">{{ scope.row.width }}</template>
+            </el-table-column>
+
+            <el-table-column align="center" label="文件大小(MB)">
+              <template slot-scope="scope">{{
+                getSizeToMB(scope.row.size)
+              }}</template>
+            </el-table-column>
+            <el-table-column align="center" width="120px" label="本周观看次数">
+              <template slot-scope="scope">{{ scope.row.weekWatchs }}</template>
+            </el-table-column>
+            <el-table-column align="center" width="120px" label="本月观看次数">
+              <template slot-scope="scope">{{
+                scope.row.wonthWatchs
+              }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="媒资库ID" width="150px">
+              <template slot-scope="scope">{{ scope.row.fileId }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="上次观看时间" width="160px">
+              <template slot-scope="scope">{{
+                scope.row.lastWatchTime | BeiJingTime
+              }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="上架时间" width="160px">
+              <template slot-scope="scope">{{
+                scope.row.addedTime | BeiJingTime
+              }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="真实信息">
+              <el-table-column align="center" label="评论数">
+                <template slot-scope="scope">{{
+                  scope.row.real.comments
+                }}</template>
+              </el-table-column>
+              <el-table-column align="center" label="点赞数">
+                <template slot-scope="scope">{{
+                  scope.row.real.likes
+                }}</template>
+              </el-table-column>
+              <el-table-column align="center" label="售卖数">
+                <template slot-scope="scope">{{
+                  scope.row.real.sells
+                }}</template>
+              </el-table-column>
+              <el-table-column align="center" label="分享数">
+                <template slot-scope="scope">{{
+                  scope.row.real.shares
+                }}</template>
+              </el-table-column>
+              <el-table-column align="center" label="观看数">
+                <template slot-scope="scope">{{
+                  scope.row.real.watchTimes
+                }}</template>
+              </el-table-column>
+            </el-table-column>
+            <el-table-column align="center" label="虚拟信息">
+              <el-table-column align="center" label="评论数">
+                <template slot-scope="scope">{{
+                  scope.row.fake.comments
+                }}</template>
+              </el-table-column>
+              <el-table-column align="center" label="点赞数">
+                <template slot-scope="scope">{{
+                  scope.row.fake.likes
+                }}</template>
+              </el-table-column>
+              <el-table-column align="center" label="售卖数">
+                <template slot-scope="scope">{{
+                  scope.row.fake.sells
+                }}</template>
+              </el-table-column>
+              <el-table-column align="center" label="分享数">
+                <template slot-scope="scope">{{
+                  scope.row.fake.shares
+                }}</template>
+              </el-table-column>
+              <el-table-column align="center" label="观看数">
+                <template slot-scope="scope">{{
+                  scope.row.fake.watchTimes
+                }}</template>
+              </el-table-column>
+            </el-table-column>
+            <el-table-column align="center" label="创建时间" width="160px">
+              <template slot-scope="scope">{{
+                scope.row.createdAt | BeiJingTime
+              }}</template>
+            </el-table-column>
+            <el-table-column align="center" label="更新时间" width="160px">
+              <template slot-scope="scope">{{
+                scope.row.updatedAt | BeiJingTime
+              }}</template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              fixed="right"
+              label="操作"
+              width="250"
+            >
+              <template slot-scope="scope">
+                <!-- <el-button @click="onAddComment(scope.row)" size="mini" type="success">添加评论</el-button> -->
+                <el-button
+                  @click="handleEdit(scope.row)"
+                  size="mini"
+                  type="primary"
+                  >编辑</el-button
+                >
+                <!-- <el-button @click="toTop(scope.$index, scope.row)" size="mini" type="primary">视频置顶</el-button> -->
+                <el-button
+                  @click="handleDelete(scope.row)"
+                  size="mini"
+                  type="danger"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-row>
+      <div class="table-pagination">
+        <el-pagination
+          :current-page="searchData.pageNum"
+          :page-size="searchData.pageSize"
+          :page-sizes="[10, 20, 30, 50, 200]"
+          :total="total"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+          layout="total, sizes, prev, pager, next, jumper"
+        />
+      </div>
+      <!-- 新增及编辑 -->
+      <Edit
+        :mediatag="mediatag"
+        :data="editData"
+        v-if="editVisible"
+        @close="closeEdit"
+      />
+      <ShowVideo ref="showvideo"></ShowVideo>
+      <Batch :selectBatch="selectBatch" v-if="batchVisible"      @close="closeEdit"/>
+    </el-dialog>
+  </div>
+</template>
+<script>
+// 引入模块
+import ShowImg from "@/components/ShowImg/index.vue";
+import Edit from "./components/AddOrEdit";
+import Batch from "./components/batch";
+
+import {
+  ShortmediaSearch,
+  ShortmediaDel,
+} from "@/api/videoManagement/shortMedia";
+import ShowVideo from "@/components/ShowVideo/index.vue";
+
+export default {
+  name: "ShortMedia",
+  props: ["data"],
+  components: {
+    Edit,
+    ShowImg,
+    ShowVideo,
+    Batch
+  },
+
+  data() {
+    return {
+      mediatag: [],
+      actorList: [], // 女优列表
+      circleList: [],
+      mediaCollList: [],
+      tagTypeList: [],
+      Visible: true,
+      //   MediacolumnList: [],
+      // 请求列表参数
+      searchData: {
+        id: undefined, // 0,视频Id
+        pageNum: 1,
+        pageSize: 10,
+        title: undefined, // 标题
+        dramaId: undefined, // 短剧Id
+      },
+      time: undefined,
+      resData: [], // el-table表格数据
+      total: 0, // 数据总条数
+      loading: true, // 列表加载状态
+
+      editData: {
+        title: "新增",
+        data: {},
+      },
+      editVisible: false,
+      batchVisible: false,
+      videoList: [],
+      selectBatch: [],
+    };
+  },
+
+  mounted() {
+    this.searchData = this.$store.getters.getSeachParam;
+    this.searchData.dramaId = this.data.data.id;
+    this.getShortmediaSearch();
+  },
+  methods: {
+    getSizeToMB(val) {
+      return (val / 1024 / 1024).toFixed(2);
+    },
+
+    // 批量选择
+    handleSelectionChange(val) {
+      this.selectBatch = val;
+    },
+
+    // 批量加入后台视频库按钮
+    addVideoArray() {
+      this.addVideoVisible = true;
+    },
+
+    onAddComment(row) {
+      this.editData = {
+        title: "添加评论",
+        data: {
+          userId: 0,
+          objectId: row.id,
+          objectType: 1,
+        },
+      };
+      this.editComVisible = true;
+    },
+
+    // // 一键同步
+    // onSynch() {
+    //   mediaSync().then((res) => {
+    //     if (res.code === 200) {
+    //       this.$message.success('同步成功!')
+    //     } else {
+    //       this.$message.error(res.data)
+    //     }
+    //   })
+    // },
+    // TODO：请求视频列表数据
+    getShortmediaSearch() {
+      this.loading = true;
+      let param = JSON.parse(JSON.stringify(this.searchData));
+      if (this.time) {
+        param.start = this.time[0];
+        param.end = this.time[1];
+      } else {
+        param.start = undefined;
+        param.end = undefined;
+      }
+      if (this.searchData.sort == "") {
+        param.sort = undefined;
+      }
+      this.$store.dispatch("videoManagement/setSeachParam", param);
+      ShortmediaSearch(param).then((res) => {
+        if (res.code === 200) {
+          res.data.list.forEach((item) => {
+            item.actor ? (item.actor = item.actor.split(",")) : "";
+          });
+          this.resData = res.data.list;
+          this.total = res.data.total;
+        } else {
+          this.$message.error("请求列表失败!");
+          this.resData = [];
+          this.total = 0;
+        }
+        this.loading = false;
+      });
+    },
+    //TODO：删除视频列表数据
+    handleDelete(row) {
+      this.$confirm("确定删除?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        ShortmediaDel({ id: row.id }).then((res) => {
+          if (res.code === 200) {
+            this.getShortmediaSearch();
+            this.$message.success("成功删除!");
+          } else {
+            this.$message.error(res.tip);
+          }
+        });
+      });
+    },
+
+    // 批量设置
+    batch() {
+      if(!this.selectBatch.length){
+        return this.$message.error('请选择短剧!')
+      }else{
+         this.batchVisible = true;
+      }
+     
+    },
+    setTag() {
+      this.setTagVisible = true;
+    },
+
+    onSeach() {
+      this.searchData.pageNum = 1;
+      this.searchData.pageSize = 10;
+      this.getShortmediaSearch();
+    },
+
+    // 切换每页数据量
+    handleSizeChange(val) {
+      this.searchData.pageSize = val;
+      this.getShortmediaSearch();
+    },
+    // 切换页数
+    handleCurrentChange(val) {
+      this.searchData.pageNum = val;
+      this.getShortmediaSearch();
+    },
+
+    // 新增按钮
+    add() {
+      this.editVisible = true;
+      this.editData = {
+        title: "新增",
+        data: {},
+      };
+    },
+    // 编辑按钮
+    handleEdit(row) {
+      this.editVisible = true;
+      this.editData = {
+        title: "编辑",
+        data: row,
+      };
+    },
+    // 关闭编辑
+    close() {
+      this.$emit("close");
+    },
+    // 关闭编辑弹窗
+  async  closeEdit() {
+      this.batchVisible = false;
+      this.editVisible = false;
+      this.editComVisible = false;
+      this.setTagVisible = false;
+      this.addVideoVisible = false;
+    await  this.getShortmediaSearch();
+    },
+    // 清空某一项筛选列表
+   async onClear(key) {
+      this.searchData[key] = undefined;
+    await  this.getShortmediaSearch();
+    },
+    // 视频查看
+    checkMedia(url, data) {
+      this.$refs.showvideo.open(url, data, data.id);
+    },
+  },
+};
+</script>
+

src/views/videoManagement/shortDrama/index.vue

@@ -0,0 +1,426 @@
+
+<template>
+  <div class="pf-warpper avlist">
+    <el-row class="table-form">
+      <el-form
+        :inline="true"
+        :model="searchData"
+        class="form-inline"
+        size="mini"
+      >
+        <el-form-item>
+          <el-input
+            placeholder="请输入剧集Id"
+            clearable
+            v-model.number="searchData.dramaId"
+            @clear="onClear('dramaId')"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-input
+            placeholder="请输入标题"
+            clearable
+            v-model="searchData.title"
+            @clear="onClear('title')"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            placeholder="请选择视频状态"
+            clearable
+            v-model="searchData.status"
+            @clear="onClear('status')"
+          >
+            <el-option
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              v-for="item in MediaSatusList"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            placeholder="请选择主题"
+            clearable
+            v-model="searchData.topicId"
+          >
+            <el-option
+              v-for="item in topicList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button @click="onSeach" icon="el-icon-search" plain type="primary"
+            >搜索</el-button
+          >
+        </el-form-item>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-col>
+        <el-table
+          :data="resData"
+          element-loading-text="拼命加载中"
+          border
+          height="700"
+          highlight-current-row
+          style="width: 100%"
+          v-loading="loading"
+          :row-style="{ height: '70px' }"
+          @selection-change="handleSelectionChange"
+          empty-text="暂无更多数据"
+        >
+          <el-table-column type="selection" width="50" fixed="left">
+          </el-table-column>
+
+          <el-table-column align="center" label="视频Id">
+            <template slot-scope="scope">{{ scope.row.id }}</template>
+          </el-table-column>
+
+          <el-table-column
+            align="center"
+            label="标题"
+            width="300px"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">{{ scope.row.title }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="视频封面" width="100px">
+            <template slot-scope="scope">
+              <ShowImg
+                style="width: 50px; height: 70px; margin: 0 auto"
+                :urls="scope.row.coverImg"
+              ></ShowImg>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            label="详细描述"
+            width="250px"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">{{ scope.row.desc }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="视频状态" width="100px">
+            <template slot-scope="scope">
+              <el-button
+                :type="
+                  scope.row.status === 1
+                    ? 'success'
+                    : scope.row.status === 2
+                    ? 'danger'
+                    : 'warning'
+                "
+                plain
+                size="mini"
+                >{{ scope.row.status | changMediaSatus }}</el-button
+              >
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="排序">
+            <template slot-scope="scope">{{ scope.row.rank }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="售价（元）" width="100px">
+            <template slot-scope="scope">{{
+              scope.row.price | changeMoneyYuan
+            }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="专题" width="100px">
+            <template slot-scope="scope">{{
+              scope.row.topicId | changeTopicValue(topicList)
+            }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="总集数" width="100px">
+            <template slot-scope="scope">{{ scope.row.mediaCount }}</template>
+          </el-table-column>
+
+          <el-table-column align="center" label="创建时间" width="160px">
+            <template slot-scope="scope">{{
+              scope.row.createdAt | BeiJingTime
+            }}</template>
+          </el-table-column>
+          <el-table-column align="center" label="更新时间" width="160px">
+            <template slot-scope="scope">{{
+              scope.row.updatedAt | BeiJingTime
+            }}</template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            fixed="right"
+            label="操作"
+            width="350"
+          >
+            <template slot-scope="scope">
+              <el-button
+                @click="handleEdit(scope.row)"
+                size="mini"
+                type="primary"
+                >编辑</el-button
+              >
+              <el-button
+                @click="showMediaList(scope.$index, scope.row)"
+                size="mini"
+                type="primary"
+                >查看视频列表</el-button
+              >
+              <el-button
+                @click="handleDelete(scope.row)"
+                size="mini"
+                type="danger"
+                >删除</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+    <div class="table-pagination">
+      <el-pagination
+        :current-page="searchData.pageNum"
+        :page-size="searchData.pageSize"
+        :page-sizes="[10, 20, 30, 50, 200]"
+        :total="total"
+        @current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+        layout="total, sizes, prev, pager, next, jumper"
+      />
+    </div>
+    <!-- 新增及编辑 -->
+    <Edit
+      :mediatag="mediatag"
+      :data="editData"
+      v-if="editVisible"
+      :topicList="topicList"
+      @close="closeEdit"
+    />
+    <MediaList :data="editData" @close="closeEdit" v-if="mediaListVisible" />
+  </div>
+</template>
+<script>
+// 引入模块
+import ShowImg from "@/components/ShowImg/index.vue";
+import Edit from "./components/AddOrEdit";
+import MediaList from "./components/mediaList";
+import {
+  shortDramaSearch,
+  shortDramaDel,
+} from "@/api/videoManagement/shortDrama";
+import { MediaSatusList } from "@/filters/videoManagement/videoList";
+import ShowVideo from "@/components/ShowVideo/index.vue";
+import { topicSearch } from "@/api/videoManagement/topic";
+export default {
+  name: "ShortMedia",
+  components: {
+    Edit,
+    ShowImg,
+    ShowVideo,
+    MediaList,
+  },
+
+  data() {
+    return {
+      mediatag: [],
+      topicList: [], // 主题列表
+      MediaSatusList: MediaSatusList(),
+      //   MediacolumnList: [],
+      // 请求列表参数
+      searchData: {
+        id: undefined, // 0,视频Id
+        dramaId: undefined,
+        title: undefined,
+        status: undefined,
+        topicId: undefined,
+        pageNum:1,
+        pageSize:10,
+      },
+      resData: [], // el-table表格数据
+      total: 0, // 数据总条数
+      loading: true, // 列表加载状态
+
+      editData: {
+        title: "新增",
+        data: {},
+      },
+      editVisible: false,
+      batchVisible: false,
+      mediaListVisible: false,
+      videoList: [],
+      selectBatch: [],
+    };
+  },
+  filters: {
+    changeTopicValue(val, list) {
+      let a = "暂无";
+      if (list && list.length) {
+        list.map((item) => {
+          if (item.id === val) {
+            a = item.name;
+          }
+        });
+      }
+
+      return a;
+    },
+  },
+  mounted() {
+    this.getTopicSearch();
+    this.getshortDramaSearch();
+  },
+  methods: {
+    // 查询专题列表
+    async getTopicSearch() {
+      const res = await topicSearch({
+        showType: 10, // 显示方式为剧集的专题
+        pageNum: 1,
+        pageSize: 9999,
+      });
+      if (res.code === 200) {
+        this.topicList = res.data.list;
+      } else {
+        this.$message.error("请求列表失败!");
+      }
+    },
+    // 查看视频列表
+    showMediaList(index, row) {
+      this.mediaListVisible = true;
+      this.editData = {
+        title: "视频列表",
+        data: row,
+      };
+    },
+    getSizeToMB(val) {
+      return (val / 1024 / 1024).toFixed(2);
+    },
+
+    // 批量选择
+    handleSelectionChange(val) {
+      this.selectBatch = val;
+    },
+
+    // 批量加入后台视频库按钮
+    addVideoArray() {
+      this.addVideoVisible = true;
+    },
+
+    // // 一键同步
+    // onSynch() {
+    //   mediaSync().then((res) => {
+    //     if (res.code === 200) {
+    //       this.$message.success('同步成功!')
+    //     } else {
+    //       this.$message.error(res.data)
+    //     }
+    //   })
+    // },
+    // TODO：请求视频列表数据
+    getshortDramaSearch() {
+      this.loading = true;
+      let param = JSON.parse(JSON.stringify(this.searchData));
+
+      shortDramaSearch(param).then((res) => {
+        if (res.code === 200) {
+          if (res.data.list && res.data.list.length) {
+            res.data.list.forEach((item) => {
+              item.actor ? (item.actor = item.actor.split(",")) : "";
+            });
+            this.resData = res.data.list;
+            this.total = res.data.total;
+          } else {
+            this.resData = [];
+            this.total = 0;
+          }
+        } else {
+          this.$message.error("请求列表失败!");
+          this.resData = [];
+          this.total = 0;
+        }
+        this.loading = false;
+      });
+    },
+    //TODO：删除视频列表数据
+    handleDelete(row) {
+      this.$confirm("确定删除?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        shortDramaDel({ id: row.id }).then((res) => {
+          if (res.code === 200) {
+            this.getshortDramaSearch();
+            this.$message.success("成功删除!");
+          } else {
+            this.$message.error(res.tip);
+          }
+        });
+      });
+    },
+
+    // 批量设置
+    batch() {
+      this.batchVisible = true;
+    },
+    setTag() {
+      this.setTagVisible = true;
+    },
+
+    onSeach() {
+      this.searchData.pageNum = 1;
+      this.searchData.pageSize = 10;
+      this.getshortDramaSearch();
+    },
+
+    // 切换每页数据量
+    handleSizeChange(val) {
+      this.searchData.pageSize = val;
+      this.getshortDramaSearch();
+    },
+    // 切换页数
+    handleCurrentChange(val) {
+      this.searchData.pageNum = val;
+      this.getshortDramaSearch();
+    },
+
+    // 新增按钮
+    add() {
+      this.editVisible = true;
+      this.editData = {
+        title: "新增",
+        data: {},
+      };
+    },
+    // 编辑按钮
+    handleEdit(row) {
+      this.editVisible = true;
+      this.editData = {
+        title: "编辑",
+        data: row,
+      };
+    },
+
+    // 关闭编辑弹窗
+    closeEdit() {
+      this.batchVisible = false;
+      this.editVisible = false;
+      this.setTagVisible = false;
+      this.addVideoVisible = false;
+      this.mediaListVisible = false;
+      this.getshortDramaSearch();
+    },
+    // 清空某一项筛选列表
+    onClear(key) {
+      this.searchData[key] = undefined;
+      this.getshortDramaSearch();
+    },
+    // 视频查看
+    checkMedia(url, data) {
+      this.$refs.showvideo.open(url, data, data.id);
+    },
+  },
+};
+</script>
+

src/views/videoManagement/videoList/components/AddOrEdit.vue

@@ -1,6 +1,9 @@
 <template>
-  <el-dialog :title="title" :visible.sync="Visible" width="1200px" top="50px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
+  <div>
-    <el-form :inline="true" :model="form" :rules="rules" class="demo-form-inline" label-width="120px" label-position="right" style="" ref="ruleForm">
+  <el-dialog :title="title" :visible.sync="Visible" width="1200px" top="50px" center class="ac-dialog"
+    :close-on-click-modal="false" @close="close">
+    <el-form :inline="true" :model="form" :rules="rules" class="demo-form-inline" label-width="120px"
+      label-position="right" style="" ref="ruleForm">
       <el-row :gutter="24">
         <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
           <el-form-item label="标题">
@@ -24,10 +27,16 @@
         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
           <el-form-item label="视频类型">
             <el-select placeholder="请选择视频类型" v-model="form.contentType" clearable @change="changeContentType">
-              <el-option :key="index" :label="item.label" :value="item.value" v-for="(item, index) in contentTypeList" />
+              <el-option :key="index" :label="item.label" :value="item.value"
+                v-for="(item, index) in contentTypeList" />
             </el-select>
           </el-form-item>
         </el-col>
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
+          <el-form-item label="绑定女优ID">
+            <el-input v-model="form.actorIds" style="width: 220px" placeholder="多个女优用英文逗号隔开" type="textarea" />
+          </el-form-item>
+        </el-col>
       </el-row>
 
       <el-row :gutter="24">
@@ -40,7 +49,8 @@
         </el-col>
         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
           <el-form-item label="所属视频合集">
-            <el-select placeholder="请选择所视频合集" v-model="form.collectionId" filterable allow-create default-first-option multiple>
+            <el-select placeholder="请选择所视频合集" v-model="form.collectionId" filterable allow-create default-first-option
+              multiple>
               <el-option :key="index" :label="item.name" :value="item.id" v-for="(item, index) in mediaCollList" />
             </el-select>
           </el-form-item>
@@ -65,7 +75,8 @@
         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
           <el-form-item label="圈子">
             <el-select style="width: 163px" placeholder="请选择圈子" v-model="form.circleId" filterable>
-              <el-option :key="index + item.name" :label="item.name" :value="item.id" v-for="(item, index) in circleList" />
+              <el-option :key="index + item.name" :label="item.name" :value="item.id"
+                v-for="(item, index) in circleList" />
             </el-select>
           </el-form-item>
         </el-col>
@@ -74,11 +85,6 @@
             <el-input v-model.number="form.rank" style="width: 180px" />
           </el-form-item>
         </el-col>
-        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-          <el-form-item label="预览时长">
-            <el-input v-model.number="form.preTime" style="width: 180px" />
-          </el-form-item>
-        </el-col>
       </el-row>
 
       <el-row :gutter="24">
@@ -92,46 +98,55 @@
             <el-input v-model.number="form.fake.likes" style="width: 180px" />
           </el-form-item>
         </el-col>
-        <!--        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">-->
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
-        <!--          <el-form-item label="虚拟评论数">-->
+          <el-form-item label="预览时间">
-        <!--            <el-input v-model.number="form.fake.comments" style="width: 180px" />-->
+            <el-input v-model.number="form.preTime" style="width: 180px" />
-        <!--          </el-form-item>-->
+          </el-form-item>
-        <!--        </el-col>-->
+        </el-col>
-        <!--        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">-->
-        <!--          <el-form-item label="虚拟售卖数">-->
-        <!--            <el-input v-model.number="form.fake.sells" style="width: 180px" />-->
-        <!--          </el-form-item>-->
-        <!--        </el-col>-->
-        <!--        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">-->
-        <!--          <el-form-item label="虚拟分享数">-->
-        <!--            <el-input v-model.number="form.fake.shares" style="width: 180px" />-->
-        <!--          </el-form-item>-->
-        <!--        </el-col>-->
       </el-row>
       <el-row :gutter="24">
         <el-col :xs="16" :sm="16" :md="16" :lg="16" :xl="16">
           <el-form-item label="详细描述">
-            <el-input v-model="form.desc" type="textarea" :autosize="{ minRows: 6, maxRows: 10 }" style="width: 590px" />
+            <el-input v-model="form.desc" type="textarea" :autosize="{ minRows: 6, maxRows: 10 }"
+              style="width: 590px" />
           </el-form-item>
         </el-col>
         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
           <el-form-item label="封面">
             <UploadImg @changeImgUrl="changeCoverImgUrl" :img="form.coverImg"></UploadImg>
+            <el-button type="primary" plain size="small" style="margin-top: 8px; display: block" @click="openAiCoverEditor">
+              AI 编辑
+            </el-button>
           </el-form-item>
         </el-col>
         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
           <el-form-item label="是否是vip">
-            <el-switch v-model="form.isVip" active-color="#13ce66" inactive-color="#ff4949" style="width: 180px"></el-switch>
+            <el-switch v-model="form.isVip" active-color="#13ce66" inactive-color="#ff4949"
+              style="width: 180px"></el-switch>
           </el-form-item>
         </el-col>
         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
           <el-form-item label="是否热搜">
-            <el-switch v-model="form.isHotSearches" active-color="#13ce66" inactive-color="#ff4949" style="width: 180px"></el-switch>
+            <el-switch v-model="form.isHotSearches" active-color="#13ce66" inactive-color="#ff4949"
+              style="width: 180px"></el-switch>
           </el-form-item>
         </el-col>
         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
           <el-form-item label="是否精选">
-            <el-switch v-model="form.isRecomend" active-color="#13ce66" inactive-color="#ff4949" style="width: 180px"></el-switch>
+            <el-switch v-model="form.isRecomend" active-color="#13ce66" inactive-color="#ff4949"
+              style="width: 180px"></el-switch>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
+          <el-form-item label="是否专属">
+            <el-switch v-model="form.isExclusive" active-color="#13ce66" inactive-color="#ff4949"
+              style="width: 180px"></el-switch>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
+          <el-form-item label="是否原创">
+            <el-switch v-model="form.isOriginal" active-color="#13ce66" inactive-color="#ff4949"
+              style="width: 180px"></el-switch>
           </el-form-item>
         </el-col>
       </el-row>
@@ -140,7 +155,8 @@
       <el-row :gutter="24">
         <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
           <el-form-item label="所属主题">
-            <el-select placeholder="请选择所属主题" v-model="form.topicIds" filterable allow-create default-first-option multiple @change="selectTopic">
+            <el-select placeholder="请选择所属主题" v-model="form.topicIds" filterable allow-create default-first-option
+              multiple @change="selectTopic">
               <el-option :key="index" :label="item.name" :value="item.id" v-for="(item, index) in chooseVideoType" />
             </el-select>
           </el-form-item>
@@ -160,7 +176,8 @@
       </el-row>
       <!-- 标签 -->
       <el-divider content-position="center">标签绑定设置</el-divider>
-      <TagSelectV2 type="resourceManagement" ref="TagSelect" @selectTags="selectTags" :formTags="form.tags" :mediatagCategory="newMediatagCategory" :allTags="allMediaList" />
+      <TagSelectV2 type="resourceManagement" @selectTags="selectTags" :formTags="form.tags"
+        :mediatagCategory="newMediatagCategory" :allTags="allMediaList" />
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button @click="Visible = false"> 取 消</el-button>
@@ -168,10 +185,18 @@
     </div>
     <AddVideo :data="form" v-if="addVisible" @close="closeVideoInfo" @closeAll="close" @submit="videoInfo"></AddVideo>
   </el-dialog>
+  <AIImageEditorDialog
+    v-if="aiCoverVisible"
+    :image="form.coverImg || ''"
+    @close="closeAiCoverEditor"
+    @success="onAiCoverSuccess"
+  />
+  </div>
 </template>
 <script>
 import UploadImg from '@/components/UploadImg/index'
 import AddVideo from './addVideo'
+import AIImageEditorDialog from './index.vue'
 import moment from 'moment'
 import { stringToArry, arryToString, changeMoneyYuan, changeMoneyFen } from '@/filters/index'
 import { MediaSatusList } from '@/filters/videoManagement/videoList'
@@ -182,11 +207,12 @@ import TagSelectV2 from '@/components/TagSelectV2/index'
 
 export default {
   name: 'AddOrEdit',
-  props: ['data', 'videoType', 'actorList', 'circleList', 'mediaCollList', 'mediatagCategory'],
+  props: ['data', 'videoType', 'circleList', 'mediaCollList', 'mediatagCategory'],
   components: {
     UploadImg,
     AddVideo,
-    TagSelectV2
+    TagSelectV2,
+    AIImageEditorDialog
   },
 
   data() {
@@ -200,6 +226,7 @@ export default {
       videoLocationList: videoLocationList(),
       chooseVideoType: [], // 过滤后的视频主题
       addVisible: false,
+      aiCoverVisible: false,
       mediatagCategoryId: null,
       form: {
         location: undefined, // 视频所属位置
@@ -223,7 +250,9 @@ export default {
         id: undefined, // 0,视频Id
         isHotSearches: undefined,
         isRecomend: undefined,
-        collectionId: [] // 合集id
+        collectionId: [], // 合集id
+        preTime: undefined,
+        actorIds: undefined // 绑定的女优
       },
       rules: {},
       searchTagTxt: '' // 本地标签搜索
@@ -234,6 +263,7 @@ export default {
     this.title = this.data.title
     if (this.title === '编辑') {
       this.form = { ...this.data.data }
+      if (Array.isArray(this.form.actorIds)) this.form.actorIds = this.form.actorIds.join(',');
       this.form.price = Number(changeMoneyYuan(this.form.price))
       this.form.mediaSet = arryToString(this.form.mediaSet)
       this.form.sortTime = moment(this.data.data.sortTime).utcOffset(480).format('YYYY-MM-DDTHH:mm:ss') + '+08:00'
@@ -344,6 +374,7 @@ export default {
             id: this.form.id,
             param: JSON.parse(JSON.stringify(this.form))
           }
+          if (data.param.actorIds) data.param.actorIds = data.param.actorIds.split(',').map(Number);
           data.param.mediaSet = data.param.mediaSet ? stringToArry(data.param.mediaSet) : []
           if (data.param.price !== undefined) {
             data.param.price = changeMoneyFen(data.param.price)
@@ -370,6 +401,19 @@ export default {
       this.form.coverImg = data
     },
 
+    openAiCoverEditor() {
+      this.aiCoverVisible = true
+    },
+
+    closeAiCoverEditor() {
+      this.aiCoverVisible = false
+    },
+
+    onAiCoverSuccess(path) {
+      this.form.coverImg = path
+      this.aiCoverVisible = false
+    },
+
     // 关闭不通过原因弹框
     closeVideoInfo() {
       this.addVisible = false

src/views/videoManagement/videoList/components/batch.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <el-dialog :title="title" :visible.sync="Visible" width="700px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
+  <el-dialog :title="title" :visible.sync="Visible" width="1100px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
     <el-form :inline="true" :model="form" :rules="rules" ref="ruleForm" class="demo-form-inline" label-width="120px" label-position="right">
       <el-row :gutter="24">
         <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
@@ -20,20 +20,28 @@
         </el-col>
       </el-row>
       <el-row :gutter="24">
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+        <el-col :span="8">
-          <el-form-item label="主题分类">
-            <el-select style="width: 180px" multiple placeholder="请选择主题分类" v-model="form.topicIds" filterable allow-create default-first-option>
-              <el-option :key="item.value" :label="item.name" :value="item.id" v-for="item in newVideoType" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
           <el-form-item label="视频所属位置">
             <el-select placeholder="请选择视频所属位置" clearable v-model="form.location" @change="changeLocationFn">
               <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in videoLocationList" />
             </el-select>
           </el-form-item>
         </el-col>
+        <el-col :span="8">
+          <el-form-item label="所属分类">
+            <el-select   placeholder="请选择所属分类" clearable v-model="form.category" @change="changeCategoryFn">
+              <el-option :key="item.value" :label="item.name" :value="item.id" v-for="item in categoryList" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="所属主题">
+            <el-select  multiple placeholder="请选择所属主题" v-model="form.topicIds" filterable allow-create default-first-option>
+              <el-option :key="item.value" :label="item.name" :value="item.id" v-for="item in newVideoType" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+
         <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
           <el-form-item label="所属视频合集">
             <el-select placeholder="请选择所视频合集" v-model="form.collectionId" filterable allow-create default-first-option multiple>
@@ -82,6 +90,8 @@
           </el-form-item>
         </el-col>
       </el-row>
+      <el-divider content-position="center">标签绑定设置</el-divider>
+      <TagSelectV2 type="resourceManagement" ref="TagSelect" @selectTags="selectTags" :formTags="form.tags" :mediatagCategory="newMediatagCategory" :allTags="allMediaList" />
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button @click="Visible = false"> 取 消 </el-button>
@@ -91,13 +101,18 @@
 </template>
 
 <script>
-import { mediaUpdate } from '@/api/videoManagement/videoList'
+import { mediaUpdate, mediatagTopic } from '@/api/videoManagement/videoList'
 import { MediaSatusList } from '@/filters/videoManagement/videoList'
+import { mediaAllList } from '@/api/postManagement/newList'
 // import { arryToString, changeMoneyYuan, changeMoneyFen } from '@/filters/index'
 import { contentTypeList, videoLocationList } from '@/filters/mediaLibrary/videoList'
+import TagSelectV2 from '@/components/TagSelectV2/index'
 export default {
   name: 'Batch',
-  props: ['data', 'videoType', 'gatherList', 'studioList', 'actorList', 'circleList', 'mediaCollList'],
+  props: ['data', 'videoType', 'gatherList', 'studioList', 'circleList', 'mediaCollList', 'mediatagCategory', 'categoryList'],
+  components: {
+    TagSelectV2
+  },
   data() {
     return {
       contentTypeList: contentTypeList(),
@@ -106,6 +121,8 @@ export default {
       Visible: true,
       title: '',
       newVideoType: [],
+      allMediaList: [],
+
       // 表单数据
       form: {
         isVip: undefined,
@@ -122,7 +139,8 @@ export default {
         contentType: undefined,
         location: undefined,
         circleId: undefined,
-        price: undefined
+        price: undefined,
+        tags: []
       },
       //
       dates: [],
@@ -144,14 +162,71 @@ export default {
       } else {
         return this.mediaCollList
       }
+    },
+    newMediatagCategory() {
+      let arr = []
+      if (this.form.location === 1 || this.form.location === 3) {
+        arr = this.mediatagCategory.filter(item => {
+          return item.location === this.form.location
+        })
+        return arr
+      } else {
+        return this.mediatagCategory
+      }
     }
   },
   methods: {
-    changeLocationFn(val) {
+    // 请求带分类的标签列表
-      this.newVideoType = this.newVideoType.filter(item => {
+    async getMediaAllList(location) {
-        return item.location === val
+      await mediaAllList({ pageNum: 1, pageSize: 100, location }).then(res => {
+        if (res.code === 200) {
+          this.allMediaList = res.data.list
+        } else {
+          this.allMediaList = []
+          this.$message.error('请求标签分类失败')
+        }
       })
     },
+    selectTags(tags) {
+      if (!this.form.topicIds.length) {
+        mediatagTopic({ ids: tags }).then(res => {
+          if (res.code === 200) {
+            this.form.tagTopicIds = [res.data.id]
+            this.form.topicIds = []
+          }
+        })
+      }
+      this.form.tags = tags
+    },
+    changeLocationFn(val) {
+      this.getMediaAllList(val)
+      if (this.form.category && this.form.category !== '') {
+        this.newVideoType = this.videoType.filter(item => {
+          return item.categoryId === this.form.category
+        })
+        this.newVideoType = this.newVideoType.filter(item => {
+          return item.location === val
+        })
+      } else {
+        this.newVideoType = this.videoType.filter(item => {
+          return item.location === val
+        })
+      }
+    },
+    changeCategoryFn(val) {
+      if (this.form.location && this.form.location !== '') {
+        this.newVideoType = this.videoType.filter(item => {
+          return item.location === this.form.location
+        })
+        this.newVideoType = this.newVideoType.filter(item => {
+          return item.categoryId === val
+        })
+      } else {
+        this.newVideoType = this.videoType.filter(item => {
+          return item.categoryId === val
+        })
+      }
+    },
     // 提交按钮
     submit() {
       if (this.data.length) {
@@ -173,23 +248,6 @@ export default {
           if (this.form.collectionId.length !== 0) {
             data.param.collectionId = this.form.collectionId
           }
-
-          // if (this.form.actorIds.length !== 0) {
-          //   data.param.actorIds = this.form.actorIds;
-          //   const actorNameArr = [];
-          //   Object.keys(this.actorList).forEach(key => {
-          //     if (this.form.actorIds.length > 0) {
-          //       for (let index = 0; index < this.form.actorIds.length; index++) {
-          //         if (this.form.actorIds[index] === this.actorList[key].id) {
-          //           actorNameArr.push(this.actorList[key].name);
-          //         }
-          //       }
-          //     }
-          //   });
-          //   data.param.actor = arryToString(actorNameArr);
-          // } else {
-          //   data.param.actor = arryToString(data.param.actor);
-          // }
           if (this.form.companiesId) {
             data.param.companiesId = this.form.companiesId
           }
@@ -216,6 +274,9 @@ export default {
           } else if (this.form.price === 0) {
             data.param.price = 0
           }
+          if (this.form.tags) {
+            data.param.tags = this.form.tags
+          }
           mediaUpdate(data).then(res => {
             if (res.code === 200) {
               this.$message({
@@ -245,6 +306,7 @@ export default {
     }
   },
   mounted() {
+    this.getMediaAllList(this.form.location)
     this.newVideoType = JSON.parse(JSON.stringify(this.videoType))
   }
 }