diff --git a/src/api/videoManagement/shortDrama.js b/src/api/videoManagement/shortDrama.js
new file mode 100644
index 0000000..398522a
--- /dev/null
+++ b/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
+    })
+}
+
diff --git a/src/api/videoManagement/shortMedia.js b/src/api/videoManagement/shortMedia.js
new file mode 100644
index 0000000..3e1fa68
--- /dev/null
+++ b/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
+    })
+}
+
diff --git a/src/utils/roleTreeList.js b/src/utils/roleTreeList.js
index 3025e94..a6c8941 100644
--- a/src/utils/roleTreeList.js
+++ b/src/utils/roleTreeList.js
@@ -272,7 +272,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',
diff --git a/src/utils/serviceRoute.js b/src/utils/serviceRoute.js
index 6e598f1..6054392 100644
--- a/src/utils/serviceRoute.js
+++ b/src/utils/serviceRoute.js
@@ -59,6 +59,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,
diff --git a/src/views/activity/hongbao/index.vue b/src/views/activity/hongbao/index.vue
index 0974404..af386a8 100644
--- a/src/views/activity/hongbao/index.vue
+++ b/src/views/activity/hongbao/index.vue
@@ -9,10 +9,10 @@
           </el-form-item>
         </el-col>
         <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-          <el-form-item label="发放金币总数" prop="content">
+          <el-form-item label="发放积分总数" prop="content">
             <el-input placeholder="请输入总数" v-model.number="form.dailyLimit" style="width: 400px">
               <template #append>
-                <span>金币</span>
+                <span>积分</span>
               </template>
             </el-input>
           </el-form-item>
@@ -29,14 +29,14 @@
             <el-form-item label="最小：" size="mini" label-width="50">
               <el-input placeholder="该次领取最小值" v-model.number="ru.min" style="width: 150px">
                 <template #append>
-                  <span>金币</span>
+                  <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>
+                  <span>积分</span>
                 </template>
               </el-input>
             </el-form-item>
@@ -79,9 +79,9 @@ export default {
     async init() {
       const res = await getConfig()
       this.form = res.data
-      this.form.dailyLimit = (res.data.dailyLimit || 0) / 100
+      this.form.dailyLimit = res.data.dailyLimit || 0
       if (this.form.rule) {
-        this.form.rule = this.form.rule.map(v => ({ ...v, min: v.min / 100, max: v.max / 100 }))
+        this.form.rule = this.form.rule.map(v => ({ ...v, min: v.min, max: v.max }))
       }
     },
     async submit() {
@@ -91,10 +91,10 @@ export default {
       }
       const form = {
         ...this.form,
-        dailyLimit: this.form.dailyLimit * 100
+        dailyLimit: this.form.dailyLimit
       }
       if (this.form.rule) {
-        form.rule = this.form.rule.map(v => ({ ...v, min: v.min * 100, max: v.max * 100 }))
+        form.rule = this.form.rule.map(v => ({ ...v, min: v.min , max: v.max }))
       }
       await updateConfig(form)
       this.$message.success('修改成功')
diff --git a/src/views/otherConfig/aicustomerservice/components/AddOrEdit.vue b/src/views/otherConfig/aicustomerservice/components/AddOrEdit.vue
index 5f6696c..4140a47 100644
--- a/src/views/otherConfig/aicustomerservice/components/AddOrEdit.vue
+++ b/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-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.title" placeholder="请输入标题" />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
-          <el-form-item label="答案" prop="answer">
-            <el-input v-model="form.answer" 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="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  :model="form" :rules="rules" ref="form" label-width="120px">
+      <el-form-item label="标题" prop="name">
+        <el-input v-model="form.title" placeholder="请输入标题" />
+      </el-form-item>
+      <el-form-item label="答案" prop="answer">
+        <el-input type="textarea" :rows="2"  v-model="form.answer" placeholder="请输入答案" />
+      </el-form-item>
+      <el-form-item label="排序" prop="rank">
+        <el-input v-model.number="form.rank" placeholder="请输入排序" />
+      </el-form-item>
+      <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-form>
     <div slot="footer" class="dialog-footer">
diff --git a/src/views/videoManagement/shortDrama/components/AddOrEdit.vue b/src/views/videoManagement/shortDrama/components/AddOrEdit.vue
new file mode 100644
index 0000000..67cda62
--- /dev/null
+++ b/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>
+
diff --git a/src/views/videoManagement/shortDrama/components/addVideo.vue b/src/views/videoManagement/shortDrama/components/addVideo.vue
new file mode 100644
index 0000000..4229e03
--- /dev/null
+++ b/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>
+
diff --git a/src/views/videoManagement/shortDrama/components/addVideo2.vue b/src/views/videoManagement/shortDrama/components/addVideo2.vue
new file mode 100644
index 0000000..2ad10d8
--- /dev/null
+++ b/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>
+
diff --git a/src/views/videoManagement/shortDrama/components/batch.vue b/src/views/videoManagement/shortDrama/components/batch.vue
new file mode 100644
index 0000000..bd31a1f
--- /dev/null
+++ b/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>
diff --git a/src/views/videoManagement/shortDrama/components/components/AddOrEdit.vue b/src/views/videoManagement/shortDrama/components/components/AddOrEdit.vue
new file mode 100644
index 0000000..3e8a684
--- /dev/null
+++ b/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>
+
diff --git a/src/views/videoManagement/shortDrama/components/components/addVideo.vue b/src/views/videoManagement/shortDrama/components/components/addVideo.vue
new file mode 100644
index 0000000..4229e03
--- /dev/null
+++ b/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>
+
diff --git a/src/views/videoManagement/shortDrama/components/components/batch.vue b/src/views/videoManagement/shortDrama/components/components/batch.vue
new file mode 100644
index 0000000..5cff29e
--- /dev/null
+++ b/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>
+
diff --git a/src/views/videoManagement/shortDrama/components/mediaList.vue b/src/views/videoManagement/shortDrama/components/mediaList.vue
new file mode 100644
index 0000000..64a27b3
--- /dev/null
+++ b/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>
+
diff --git a/src/views/videoManagement/shortDrama/components/setTag.vue b/src/views/videoManagement/shortDrama/components/setTag.vue
new file mode 100644
index 0000000..990b6bf
--- /dev/null
+++ b/src/views/videoManagement/shortDrama/components/setTag.vue
@@ -0,0 +1,99 @@
+<!--
+ * @Author: 
+ * @Mail: 
+ * @Date: 2022-03-14 15:22:04
+ * @LastEditTime: 2022-03-18 11:58:24
+ * @LastEditors: 
+ * @FilePath: /comics-admin/src/views/videoManagement/videoList/components/setTag.vue
+-->
+<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="视频标签" prop="status">
+            <el-select placeholder="请选择视频标签" clearable v-model="form.tags" style="width: 180px" multiple filterable>
+              <el-option v-for="item in MediaSatusList" :key="item.id" :label="item.name" :value="item.id" />
+            </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"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { mediatagAddTags } from '@/api/videoManagement/videoList'
+import { mediatagList } from '@/api/videoManagement/mediatag'
+export default {
+  name: 'AvList',
+  props: ['data'],
+  data() {
+    return {
+      MediaSatusList: [],
+      Visible: true,
+      title: '',
+      // 表单数据
+      form: {
+        tags: undefined
+      },
+      //
+      rules: {
+
+      }
+    }
+  },
+  mounted() {
+    this.getMediatagList()
+  },
+  methods: {
+    // 提交按钮
+    submit() {
+      if (this.data.length) {
+        const mediaIds = []
+        this.data.forEach(item => {
+          mediaIds.push(item.id)
+        })
+        const param = {
+          mediaIds: mediaIds,
+          tags: this.form.tags
+        }
+        mediatagAddTags(param).then(res => {
+          if (res.code === 200) {
+            this.$message.success('设置标签成功')
+          } else {
+            this.$message.error('设置标签失败')
+          }
+        })
+      } else {
+        this.$message({
+          type: 'error',
+          message: '未选择视频'
+        })
+      }
+      this.Visible = false
+    },
+
+    getMediatagList(val) {
+      const param = {
+        pageNum: 1,
+        pageSize: 5000
+      }
+      mediatagList(param).then((res) => {
+        if (res.data.list) {
+          this.MediaSatusList = res.data.list
+        }
+      })
+    },
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
+
diff --git a/src/views/videoManagement/shortDrama/index.vue b/src/views/videoManagement/shortDrama/index.vue
new file mode 100644
index 0000000..9dc53f3
--- /dev/null
+++ b/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>
+