init: 初始化 hgmj 后台管理项目

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/App.vue

@@ -0,0 +1,37 @@
+<template>
+  <div id="app">
+    <keep-alive v-if="isLoggedIn">
+      <router-view v-if="$route.meta.keepAlive" style="min-height:100%"></router-view>
+    </keep-alive>
+    <router-view v-if="!$route.meta.keepAlive ||!isLoggedIn" style="min-height:100%"></router-view>
+  </div>
+</template>
+<script>
+import local from "./utils/localStroage.js";
+
+export default {
+  data() {
+    return {
+      isLoggedIn: false
+    };
+  },
+  watch: {
+    // eslint-disable-next-line no-unused-vars
+    $route(to, from) {
+      // if the route changes...
+      let token = local.get("userInfo") ? local.get("userInfo").token : "";
+      this.isLoggedIn = token ? true : false;
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+#app {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
+}
+</style>
+ 

src/api/activeManagement.js

@@ -0,0 +1,439 @@
+import ajax from "../utils/request";
+const activeApi = {
+  /********************************活动列表*********************************** */
+  // 活动列表
+  getWebActivity(params) {
+    return ajax({
+      url: "/activity",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增活动
+  addWebActivity(params) {
+    return ajax({
+      url: "/activity",
+      type: "post",
+      params: params,
+    });
+  },
+
+  //编辑活动
+  editWebActive(params) {
+    return ajax({
+      url: "/activity",
+      type: "put",
+      params: params,
+    });
+  },
+
+  /********************************新版活动列表*********************************** */
+  // 活动列表
+  getActivity(params) {
+    return ajax({
+      url: "/actv/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增活动
+  addActivity(params) {
+    return ajax({
+      url: "/actv/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  //编辑活动
+  editActive(params) {
+    return ajax({
+      url: "/actv/update",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /********************************一次活动列表*********************************** */
+  // 活动列表
+  getOneActivity(params) {
+    return ajax({
+      url: "/task/once/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增活动
+  addOneActivity(params) {
+    return ajax({
+      url: "/task/once/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  //编辑活动
+  editOneActive(params) {
+    return ajax({
+      url: "/task/once/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************每日活动列表*********************************** */
+  // 活动列表
+  getDailyActivity(params) {
+    return ajax({
+      url: "/task/daily/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增活动
+  addDailyActivity(params) {
+    return ajax({
+      url: "/task/daily/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  //编辑活动
+  editDailyActive(params) {
+    return ajax({
+      url: "/task/daily/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************成长活动任务列表*********************************** */
+  // 活动列表
+  getGrowthList(params) {
+    return ajax({
+      url: "/task/growth/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增活动
+  addGrowthActivity(params) {
+    return ajax({
+      url: "/task/growth/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  //编辑活动
+  editGrowthActive(params) {
+    return ajax({
+      url: "/task/growth/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************活动奖品列表*********************************** */
+  //获取奖品
+  getWebPrice(params) {
+    return ajax({
+      url: "/activity/prize",
+      type: "get",
+      params: params,
+    });
+  },
+  //新增奖品
+  addWebPrice(params) {
+    return ajax({
+      url: "/activity/prize",
+      type: "post",
+      params: params,
+    });
+  },
+  //修改奖品
+  editWebPrice(params) {
+    return ajax(
+      {
+        url: "/activity/prize",
+        type: "put",
+        params: params,
+      },
+      true
+    );
+  },
+  //获取活动ID
+  getActiveityId(params) {
+    return ajax({
+      url: "/activity/box",
+      type: "get",
+      params: params,
+    });
+  },
+  //获取会员卡ID
+  getVipcardId(params) {
+    return ajax({
+      url: "/activity/prize/vipBox",
+      type: "get",
+      params: params,
+    });
+  },
+
+  /********************************奖池*********************************** */
+  // 获取奖池
+  getPrizePool(params) {
+    return ajax({
+      url: "/activity/prizePool",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增奖池
+  addPrizePool(params) {
+    return ajax({
+      url: "/activity/prizePool",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改奖池
+  editPrizePool(params) {
+    return ajax({
+      url: "/activity/prizePool",
+      type: "put",
+      params: params,
+    });
+  },
+
+  /********************************奖池*********************************** */
+
+  /********************************活动奖品列表*********************************** */
+  /**
+   * 奖品列表
+   * @param {object} [params]            - 需要的参数
+   * @param {string} [params.actID]      - 活动id
+   * @param {number} [params.pageNumber] - 页码【从1开始计数】
+   * @param {number} [params.pageSize]   - 每页显示的条数【从1开始计数】
+   */
+  getActivityPrize(params) {
+    return ajax({
+      url: "/activity/reward/list",
+      type: "get",
+      params: params,
+    });
+  },
+  /**
+   * 新增奖品
+   * @param {object} [params]            - 需要的参数
+   * @param {string} [params.actID]      - 活动id
+   * @param {number} [params.pageNumber] - 页码【从1开始计数】
+   * @param {number} [params.pageSize]   - 每页显示的条数【从1开始计数】
+   */
+  addActivityPrize(params) {
+    return ajax({
+      url: "/activity/reward/add",
+      type: "post",
+      params: params,
+    });
+  },
+  /**
+   * 编辑奖品
+   * @param {object} [params]            - 需要的参数
+   * @param {string} [params.actID]      - 活动id
+   * @param {number} [params.pageNumber] - 页码【从1开始计数】
+   * @param {number} [params.pageSize]   - 每页显示的条数【从1开始计数】
+   */
+  editActivityPrize(params) {
+    return ajax({
+      url: "/activity/reward/modify",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************兑换码列表*********************************** */
+  // 兑换码列表
+  redemptionCodeList(params) {
+    return ajax({
+      url: "/exchange/code/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加兑换码
+  addCode(params) {
+    return ajax({
+      url: "/exchange/code/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改兑换码
+  editCode(params) {
+    return ajax({
+      url: "/exchange/code/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除兑换码
+  delCode(params) {
+    return ajax({
+      url: "/exchange/code/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  /********************************兑换码兑换日志*********************************** */
+  redemptionLogList(params) {
+    return ajax({
+      url: "/exchange/log/list",
+      type: "get",
+      params: params,
+    });
+  },
+
+  /********************************获奖记录列表（嫩模活动）*********************************** */
+
+  //添加获奖记录列表
+  addWinRecord(params) {
+    return ajax({
+      url: "/newactivity/addWinRecord",
+      type: "post",
+      params: params,
+    });
+  },
+
+  //导入所有嫩模
+  importModels(params) {
+    return ajax({
+      url: "/newactivity/importModels",
+      type: "post",
+      params: params,
+    });
+  },
+
+  //写入参数活动人数
+  updateJoinNum(params) {
+    return ajax({
+      url: "/newactivity/updateJoinNum",
+      type: "post",
+      params: params,
+    });
+  },
+  //
+  // 嫩模获奖记录
+  winRecordPage(params) {
+    return ajax({
+      url: "/newactivity/winRecordPage",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /********************************购买列表*********************************** */
+
+  //购买列表
+  buyPage(params) {
+    return ajax({
+      url: "/newactivity/buyPage",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /******************************** 摇奖号列表*********************************** */
+
+  //请求列表
+  getLottery(params) {
+    return ajax({
+      url: "/lottnum/list",
+      type: "get",
+      params: params,
+    });
+  },
+
+  /********************************兑换码类型*********************************** */
+  // 兑换码类型列表
+  // redemptionTypeList(params) {
+  //   return ajax({
+  //     url: '/exchange/type/list',
+  //     type: 'get',
+  //     params: params
+  //   })
+  // },
+  // // 添加兑换码类型
+  // addType(params) {
+  //   return ajax({
+  //     url: '/exchange/type/add',
+  //     type: 'post',
+  //     params: params
+  //   })
+  // },
+  // // 删除兑换码类型
+  // delType(params) {
+  //   return ajax({
+  //     url: '/exchange/type/del',
+  //     type: 'delete',
+  //     params: params
+  //   })
+  // },
+  // // 修改兑换码类型
+  // editType(params) {
+  //   return ajax({
+  //     url: '/exchange/type/update',
+  //     type: 'post',
+  //     params: params
+  //   })
+  // }
+  /** ********************楼凤列表************************* */
+  // 获取楼凤列表
+  getLouFengList(params) {
+    return ajax({
+      url: "/loufeng/list",
+      type: "post",
+      params: params,
+    });
+  },
+  // 新增
+  addLoufeng(params) {
+    return ajax({
+      url: "/loufeng/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改
+  updateLoufeng(params) {
+    return ajax({
+      url: "/loufeng/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除
+  deleteLoufeng(params) {
+    return ajax({
+      url: "/loufeng/del",
+      type: "delete",
+      params: params,
+    });
+  },
+
+  /** **************砸蛋活动流水********************* */
+  // 获取砸蛋活动流水
+  getWinRecord(params) {
+    return ajax({
+      url: "/activity/record",
+      type: "get",
+      params: params,
+    });
+  },
+  // 获取奖品名字列表
+  getPrizeNames(params) {
+    return ajax({
+      url: "/sge/winRecord/prizeNames",
+      type: "get",
+      params: params,
+    });
+  },
+};
+
+export default activeApi;

src/api/actressManagement.js

@@ -0,0 +1,32 @@
+import ajax from "../utils/request";
+const actressApi = {
+  /********************************活动列表*********************************** */
+  // 女优列表
+  queryActressList(params) {
+    return ajax({
+      url: "/actor/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增女优
+  addActress(params) {
+    return ajax({
+      url: "/actor/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  //编辑女优
+  editActress(params) {
+    return ajax({
+      url: "/actor/update",
+      type: "post",
+      params: params,
+    });
+  },
+
+};
+
+export default actressApi;

src/api/administrators.js

@@ -0,0 +1,53 @@
+import ajax from '../utils/request';
+const admApi = {
+  /********************************系统管理*********************************** */
+  // 添加管理员
+  addAdm(params) {
+    return ajax({
+      url: '/manage/add',
+      type: 'post',
+      params: params
+    });
+  },
+  // 请求管理员列表
+  getAdmList(params) {
+    return ajax({
+      url: '/manage/list',
+      type: 'get',
+      params: params
+    });
+  },
+  // 修改权限
+  updateAdm(params) {
+    return ajax({
+      url: '/manage/update',
+      type: 'post',
+      params: params
+    });
+  },
+  // 删除权限
+  delAdm(params) {
+    return ajax({
+      url: '/manage/del',
+      type: 'delete',
+      params: params
+    });
+  },
+  // 请求管理员日志
+  getAdminLog(params) {
+    return ajax({
+      url: '/log/operator',
+      type: 'get',
+      params: params
+    });
+  },
+  // 编辑管理员操作日志
+  editAdminLog(params) {
+    return ajax({
+      url: '/log/operator/modify',
+      type: 'post',
+      params: params
+    })
+  }
+};
+export default admApi;

src/api/advertisingManagement.js

@@ -0,0 +1,79 @@
+import ajax from '../utils/request'
+const adsApi = {
+  /********************************广告管理*********************************** */
+  // 请求广告列表
+  getAdList(params) {
+    return ajax({
+      url: '/ads/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 新增广告
+  addAds(params) {
+    return ajax({
+      url: '/ads/add',
+      type: 'post',
+      params: params
+    })
+  },
+  // 编辑广告
+  editAds(params) {
+    return ajax({
+      url: '/ads/update',
+      type: 'post',
+      params: params
+    })
+  },
+  // 删除广告
+  delAds(params) {
+    return ajax({
+      url: '/ads/del',
+      type: 'delete',
+      params: params
+    })
+  },
+  // 请求点击日志列表
+  getClickLog(params) {
+    return ajax({
+      url: '/log/ads',
+      type: 'get',
+      params: params
+    })
+  },
+  /********************************公告管理*********************************** */
+  // 请求公告列表
+  getAnnouList(params) {
+    return ajax({
+      url: '/annou/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 新增公告
+  addAnnou(params) {
+    return ajax({
+      url: '/annou/add',
+      type: 'post',
+      params: params
+    })
+  },
+  // 编辑公告
+  editAnnou(params) {
+    return ajax({
+      url: '/annou/update',
+      type: 'post',
+      params: params
+    })
+  },
+  // 删除公告
+  delAnnou(params) {
+    return ajax({
+      url: '/annou/del',
+      type: 'delete',
+      params: params
+    })
+  },
+
+}
+export default adsApi

src/api/agentDistrictProvider.js

@@ -0,0 +1,260 @@
+import ajax from "../utils/request";
+
+const angentDistrictApi = {
+  /*************************代理列表*************************/
+  // 获取商区代理列表 or 下级代理  (共用接口，传参数不同)
+  getDistrictList(params) {
+    return ajax({
+      url: "/district/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增商区代理
+  addDistrict(params) {
+    return ajax({
+      url: "/district/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  //编辑---修改基础数据
+  updateBase(params) {
+    return ajax({
+      url: "/district/update/update/base",
+      type: "post",
+      params: params,
+    });
+  },
+  //编辑---修改充值配置
+  updateDedRecharge(params) {
+    return ajax({
+      url: "/district/update/update/dedRecharge",
+      type: "post",
+      params: params,
+    });
+  },
+  //编辑---修改用户配置
+  updateDedNewUser(params) {
+    return ajax({
+      url: "/district/update/update/dedNewUser",
+      type: "post",
+      params: params,
+    });
+  },
+  //编辑---修改落地页配置
+  updateLandPage(params) {
+    return ajax({
+      url: "/district/update/update/ldy",
+      type: "post",
+      params: params,
+    });
+  },
+  // // 编辑商区代理
+  // updateDistrict(params) {
+  //   return ajax({
+  //     url: "/district/update",
+  //     type: "post",
+  //     params: params,
+  //   });
+  // },
+
+  // 删除商区代理
+  delDistrict(params) {
+    return ajax({
+      url: "/district/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  /*** 禁用 */
+  disDistrict(params) {
+    return ajax({
+      url: "/district/disable",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /*** 购买记录 */
+  getPayHisList(params) {
+    return ajax({
+      url: "/district/agent/trans/BuyVip/list",
+      type: "get",
+      params: params,
+    });
+  },
+  /** 每日统计  */
+  getStatDailyList(params) {
+    return ajax({
+      url: "/district/agent/stat/daily/list",
+      type: "get",
+      params: params,
+    });
+  },
+  /** 结算账单*/
+  getStatSettlementList(params) {
+    return ajax({
+      url: "/district/agent/bill/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 提现记录
+  getWithdrawLists(params) {
+    return ajax({
+      url: "/district/agent/order/withdraw/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 充值记录
+  getRechargeList(params) {
+    return ajax({
+      url: "/district/agent/order/recharge/list",
+      type: "get",
+      params: params,
+    });
+  },
+  //编辑--扣用户
+  handleNewUserAnalysis(params) {
+    return ajax({
+      url: "/district/deduct/newUser/analysis",
+      type: "post",
+      params,
+    });
+  },
+  //编辑--扣充值
+  handleRechargeAnalysis(params) {
+    return ajax({
+      url: "/district/deduct/recharge/analysis",
+      type: "post",
+      params,
+    });
+  },
+  //下级代理--添加
+  addSubAgent(params) {
+    return ajax({
+      url: "/district/agent/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /************************* 代理权限*************************/
+  //获取权限列表
+  getRoleList(params) {
+    return ajax({
+      url: "/district/author/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增权限列表
+  addRole(params) {
+    return ajax({
+      url: "/district/author/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改权限列表
+  updateRole(params) {
+    return ajax({
+      url: "/district/author/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除权限列表
+  deleteRole(params) {
+    return ajax({
+      url: "/district/author/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 克隆权限
+  clone(params) {
+    return ajax({
+      url: "/district/author/cloneToChild",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /************************* 每日报表*************************/
+  // 获取每日报表列表
+  getDailyList(params) {
+    return ajax({
+      url: "/district/agent/report/daily/list",
+      type: "get",
+      params: params,
+    });
+  },
+
+  /************************* 每日报表*************************/
+  // 获取每日报表列表
+  getMonthlyList(params) {
+    return ajax({
+      url: "/district/agent/report/monthly/list",
+      type: "get",
+      params: params,
+    });
+  },
+
+  /************************* 域名列表*************************/
+  // 获取域名表列表
+  getDomainList(params) {
+    return ajax({
+      url: "/district/domain/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 修改域名
+  updateDomain(params) {
+    return ajax({
+      url: "/district/domain/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除域名
+  delDomain(params) {
+    return ajax({
+      url: "/district/domain/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  //添加域名
+  addDomain(params) {
+    return ajax({
+      url: "/district/domain/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /*********************广告审核**************************/
+  // 请求广告审核列表
+  getAdReviewList(params) {
+    return ajax({
+      url: "/district/ad/review/list",
+      type: "get",
+      params: params,
+    });
+  },
+  //广告审核
+  AdReview(params) {
+    return ajax({
+      url: "/district/ad/review/check",
+      type: "post",
+      params: params,
+    });
+  },
+};
+
+export default angentDistrictApi;

src/api/ai.js

@@ -0,0 +1,230 @@
+import ajax from "../utils/request";
+const voteApi = {
+  /********************************AI交易列表*********************************** */
+  // 请求AI交易列表
+  getAiTransList(params) {
+    return ajax({
+      url: "/ai/undress/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // AI交易审核
+  aiTransExamine(params) {
+    return ajax({
+      url: "/ai/undress/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // AI交易自动处理
+  aiTransAuto(params) {
+    return ajax({
+      url: "/ai/undress/auto",
+      type: "post",
+      params: params,
+    });
+  },
+  // AI交易批量自动处理
+  aiTransBatchAuto(params) {
+    return ajax({
+      url: "/ai/undress/auto/batch",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************AI图片换脸交易列表*********************************** */
+  // 请求AI图片换脸交易列表
+  getAiImgTransList(params) {
+    return ajax({
+      url: "/ai/change_face_img/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // AI图片换脸交易审核
+  aiImgTransExamine(params) {
+    return ajax({
+      url: "/ai/change_face_img/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************AI换脸模版*********************************** */
+  // 获取AI换脸模版列表
+  getChangeFaceModList(params) {
+    return ajax({
+      url: "/ai/changeface/mod/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加AI换脸模版
+  addChangeFaceMod(params) {
+    return ajax({
+      url: "/ai/changeface/mod/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改AI换脸模版
+  updateChangeFaceMod(params) {
+    return ajax(
+      {
+        url: "/ai/changeface/mod/update",
+        type: "post",
+        params: params,
+      },
+      true
+    );
+  },
+  // 获取AI换脸交易列表
+  getChangeFaceList(params) {
+    return ajax({
+      url: "/ai/changeface/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 编辑AI换脸交易列表
+  updChangeFaceList(params) {
+    return ajax({
+      url: "/ai/changeface/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 给用户添加AI换脸折扣券
+  addUserAiChangeFaceDiscount(params) {
+    return ajax({
+      url: "/user/generate/aiChangeFaceDiscount",
+      type: "post",
+      params: params,
+    });
+  },
+  // 查询AI换脸折扣券奖品列表
+  getAiChangeFaceDiscountList() {
+    return ajax({
+      url: "/user/gainAiPrize",
+      type: "get",
+    });
+  },
+  /********************************AI模块列表*********************************** */
+  getTemplateList(params) {
+    return ajax({
+      url: "/ai_template_module/list",
+      type: "get",
+      params: params,
+    });
+  },
+  addTemplate(params) {
+    return ajax({
+      url: "/ai_template_module/create",
+      type: "post",
+      params: params,
+    });
+  },
+  updateTemplate(params) {
+    return ajax({
+      url: "/ai_template_module/update",
+      type: "post",
+      params: params,
+    });
+  },
+  deleteTemplate(params) {
+    return ajax({
+      url: "/ai_template_module/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  getTemplateAll() {
+    return ajax({
+      url: "/ai_template_module/all",
+      type: "get",
+    });
+  },
+  setTemplateAll(params) {
+    return ajax({
+      url: "/ai/changeface/mod/batch/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************AI广场列表*********************************** */
+  geTaiplazaList(params) {
+    return ajax({
+      url: "/aiplaza/list",
+      type: "get",
+      params: params,
+    });
+  },
+  createAiplaza(params) {
+    return ajax({
+      url: "/aiplaza/create",
+      type: "post",
+      params: params,
+    });
+  },
+
+  updateAiplaza(params) {
+    return ajax({
+      url: "/aiplaza/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 批量修改
+  updateBatchAiplaza(params) {
+    return ajax({
+      url: "/aiplaza/batch/update",
+      type: "post",
+      params: params,
+    });
+  },
+  deleteAiplaza(params) {
+    return ajax({
+      url: "/aiplaza/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  getAllScene(params) {
+    return ajax({
+      url: "/ai/changeface/mod/all/scene",
+      type: "get",
+      params,
+    });
+  },
+  /******************************** AI小说订单 *********************************** */
+  getAiNovelList(params) {
+    return ajax({
+      url: "/ai/text_to_novel/list",
+      type: "get",
+      params,
+    });
+  },
+  delAiNovel(params) {
+    return ajax({
+      url: "/ai/text_to_novel/delete",
+      type: "post",
+      params,
+    });
+  },
+  updateAiNovel(params) {
+    return ajax({
+      url: "/ai/text_to_novel/update",
+      type: "post",
+      params,
+    });
+  },
+  /********************************AI女友V2消费流水*********************************** */
+  getAimatev2OrderLogs(params) {
+    return ajax({
+      url: "/aimatev2/order_logs",
+      type: "get",
+      params: params,
+    });
+  },
+};
+export default voteApi;

src/api/angentManagement.js

@@ -0,0 +1,42 @@
+import ajax from '../utils/request';
+
+const angentApi = {
+  /***************************金币流水管理****************************** */
+  // 获取用户推广日志
+  getExtensionList(params) {
+    return ajax({
+      url: '/proxy/log',
+      type: 'get',
+      params: params
+    });
+  },
+  // 获取用户推广查询列表
+  getUserExtensionList(parmas) {
+    return ajax({
+      url: '/proxy/promotion',
+      type: 'get',
+      params: parmas
+    });
+  },
+
+/***************************代理列表****************************** */
+  // 代理列表配置
+  getProxyList(params) {
+    return ajax({
+      url: '/proxy/totalIncome',
+      type: 'get',
+      params: params
+    });
+  },
+  // 代理列表详情记录
+  getProxyDetails(params) {
+    return ajax({
+      url: '/proxy/income/details',
+      type: 'get',
+      params: params
+    });
+  },
+};
+
+
+export default angentApi;

src/api/animation.js

@@ -0,0 +1,340 @@
+import ajax from "../utils/request";
+const animationApi = {
+  /********************************动漫列表*********************************** */
+  // 获取动漫列表
+  getAnimeList(params) {
+    return ajax({
+      url: "/media/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加动漫
+  addAnime(params) {
+    return ajax({
+      url: "/media/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除动漫
+  delAnime(params) {
+    return ajax({
+      url: "/media/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改动漫
+  updateAnime(params) {
+    return ajax({
+      url: "/media/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 动漫导出
+  exportMediaList(params) {
+    return ajax({
+      url: "/media/export",
+      type: "post",
+      responseType: "blob",
+      params: params,
+    });
+  },
+  // 批量删除动漫列表
+  batchDelMedia(params) {
+    return ajax({
+      url: "/media/batch/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************动漫推荐列表*********************************** */
+  // 获取动漫推荐列表
+  getMediaRecommendList(params) {
+    return ajax({
+      url: "/media_recommend/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加动漫推荐
+  addMediaRecommend(params) {
+    return ajax({
+      url: "/media_recommend/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除动漫推荐
+  delMediaRecommend(params) {
+    return ajax({
+      url: "/media_recommend/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改动漫推荐
+  updateMediaRecommend(params) {
+    return ajax({
+      url: "/media_recommend/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取动漫推荐信息
+  getMediaRecommendInfo(params) {
+    return ajax({
+      url: "/media_recommend/info",
+      type: "get",
+      params: params,
+    });
+  },
+  /********************************动漫任务列表*********************************** */
+  // 获取动漫任务列表
+  getMediaTaskList(params) {
+    return ajax({
+      url: "/media_task/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加动漫任务
+  addMediaTask(params) {
+    return ajax({
+      url: "/media_task/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除动漫任务
+  delMediaTask(params) {
+    return ajax({
+      url: "/media_task/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改动漫任务
+  updateMediaTask(params) {
+    return ajax({
+      url: "/media_task/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************动漫上传列表*********************************** */
+  // 视频上传
+  uploadMedia(params) {
+    return ajax({
+      url: "/media/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 子媒体上传
+  subUploadMedia(params) {
+    return ajax({
+      url: "/media_content/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 校验媒体是否存在
+  getMediaInfo(params) {
+    return ajax({
+      url: "/media/find",
+      type: "get",
+      params: params,
+    });
+  },
+  // 获取种类、维度下的标签
+  getMediaTagByKindDimension(params) {
+    return ajax({
+      url: "/media_tag/all",
+      type: "get",
+      params: params,
+    });
+  },
+  // 设置媒体状态
+  setMediaStatus(params) {
+    return ajax({
+      url: "/media/batch/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取动漫专题
+  queryModuleCartoonAll(params) {
+    return ajax({
+      url: "/module/conf/cartoon/all",
+      type: "get",
+      params: params,
+    });
+  },
+  /********************************动漫内容列表*********************************** */
+  // 获取动漫内容列表
+  getAnimeContentList(params) {
+    return ajax({
+      url: "/media_content/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加动漫内容
+  addAnimeContent(params) {
+    return ajax({
+      url: "/media_content/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除动漫内容
+  delAnimeContent(params) {
+    return ajax({
+      url: "/media_content/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改动漫内容
+  updateAnimeContent(params) {
+    return ajax({
+      url: "/media_content/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改动漫内容
+  setSubMediaStatus(params) {
+    return ajax({
+      url: "/media_content/batch/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 查询剧集转码状态
+  getMediaContentView(id) {
+    return ajax({
+      url: "/media_content/view/" + id,
+      type: "get",
+    });
+  },
+  /********************************动漫标签列表*********************************** */
+  // 获取动漫标签列表
+  getAnimeTagList(params) {
+    return ajax({
+      url: "/media_tag/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 获取动漫所有纬度
+  getAnimeAllLatitude(params) {
+    return ajax({
+      url: "/media_tag_dimension/all",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加动漫标签
+  addAnimeTag(params) {
+    return ajax({
+      url: "/media_tag/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除动漫标签
+  delAnimeTag(params) {
+    return ajax({
+      url: "/media_tag/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改动漫标签
+  updateAnimeTag(params) {
+    return ajax({
+      url: "/media_tag/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************纬度列表*********************************** */
+  // 获取纬度列表
+  getLatitudeList(params) {
+    return ajax({
+      url: "/media_tag_dimension/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加纬度
+  addLatitude(params) {
+    return ajax({
+      url: "/media_tag_dimension/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除纬度
+  delLatitude(params) {
+    return ajax({
+      url: "/media_tag_dimension/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改纬度
+  updateLatitude(params) {
+    return ajax({
+      url: "/media_tag_dimension/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /***********************acg媒体资源库************************ */
+  // 查询acg媒体资源库列表
+  queryAcgMediaResConfig(params) {
+    return ajax({
+      url: "/mediaResource/media/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 查询acg媒体资源库列表(子)
+  queryAcgMediaContentResConfig(params) {
+    return ajax({
+      url: "/mediaResource/media/content_list",
+      type: "get",
+      params: params,
+    });
+  },
+  // acg媒体使用
+  useAcgMediaRes(params) {
+    return ajax({
+      url: "/mediaResource/media/use",
+      type: "post",
+      params: params,
+    });
+  },
+  // acg媒体使用
+  ignoreAcgMediaRes(params) {
+    return ajax({
+      url: "/mediaResource/media/ignore",
+      type: "post",
+      params: params,
+    });
+  },
+  // acg媒体同步
+  acgMediaSync(params) {
+    return ajax({
+      url: "/mediaResource/media/sync",
+      type: "post",
+      params: params,
+    });
+  },
+};
+export default animationApi;

src/api/author.js

@@ -0,0 +1,38 @@
+import ajax from '../utils/request'
+const authorApi = {
+  /********************************主后台权限管理*********************************** */
+  // 删除权限
+  delAuthor(params) {
+    return ajax({
+      url: '/author/del',
+      type: 'delete',
+      params: params
+    })
+  },
+  // 获取权限/角色列表
+  getAuthorList(params) {
+    return ajax({
+      url: '/author/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 修改权限
+  updateAuthor(params) {
+    return ajax({
+      url: '/author/update',
+      type: 'post',
+      params: params
+    })
+  },
+  // 添加角色
+  addAuthor(params) {
+    return ajax({
+      url: '/author/add',
+      type: 'post',
+      params: params
+    })
+  },
+
+}
+export default authorApi

src/api/avComment.js

@@ -0,0 +1,28 @@
+import ajax from '../utils/request'
+const avCommentApi = {
+  // 获取AV解说列表
+  getAvCommentList(params) {
+    return ajax({
+      url: '/avcomment/list',
+      type: 'post',
+      params: params
+    })
+  },
+  // 添加
+  addAvComment(params) {
+    return ajax({
+      url: '/avcomment/add',
+      type: 'post',
+      params: params
+    })
+  },
+  // 编辑
+  editAvComment(params) {
+    return ajax({
+      url: '/avcomment/edit',
+      type: 'post',
+      params: params
+    })
+  },
+}
+export default avCommentApi

src/api/balance.js

@@ -0,0 +1,14 @@
+import ajax from '../utils/request';
+const balanceApi = {
+  /*******************************商人上分管理*********************************** */
+
+getBalanceList(params) {
+    return ajax({
+      url:'/daichong/merchant/balanceList',
+      type:'get',
+      params
+    })
+  }
+}
+export default balanceApi;
+

src/api/businessman.js

@@ -0,0 +1,169 @@
+import ajax from '../utils/request';
+const businessmanApi = {
+  /********************************代充，商人管理*********************************** */
+  /**
+   * 编辑商人
+   * @param {*} params 
+   * @param {String} params.uid 商户id 
+   * @param {String} params.name 账户名 
+   * @param {String} params.password 密码 
+   * @param {String} params.nickname 昵称 
+   * @param {String} params.email 邮箱 
+   * @param {String} params.mobile 手机号
+   * @param {String} params.cid 商人所属聚商ID
+   * @param {String} params.channel 商人所属渠道
+   * @param {String} params.wechat 微信号码
+   * @param {Number} params.balance 商人余额
+   */
+  editBusinessman(params) {
+    return ajax({
+      url: '/daichong/merchant/edit',
+      type: 'post',
+      params: params
+    })
+  },
+  /**
+   * 删除商人
+   * @param {*} params 
+   * @param {Array} params.uids  商人id
+   */
+  delBusinessman(params){
+    return ajax({
+      url:'/daichong/merchant/del',
+      type:'delete',
+      params,
+      
+    })
+  },
+/**
+ * 商人列表
+ * @param {*} params 
+ * @param {String} params.uid 商户id 
+ * @param {String} params.name 账户名 
+ * @param {String} params.nickname 昵称 
+ * @param {String} params.mobile 手机号
+ * @param {String} params.cid 商人所属聚商ID
+ * @param {String} params.channel 商人所属渠道
+ * @param {Number} params.pageNumber 当前页
+ * @param {Number} params.pageSize 每页条数
+ */
+  getBusinessmanList(params) {
+    return ajax({
+      url:'/daichong/merchant/list',
+      type:'get',
+      params
+    })
+  },
+  /**
+   * 增加商人
+   * @param {*} params 
+   * @param {String} params.name 账户名 
+   * @param {String} params.password 密码 
+   * @param {String} params.nickname 昵称 
+   * @param {String} params.email 邮箱 
+   * @param {String} params.mobile 手机号
+   * @param {String} params.cid 商人所属聚商ID
+   * @param {String} params.channel 商人所属渠道
+   * @param {String} params.wechat 微信号码
+   * @param {Number} params.balance 商人余额 
+   */
+  addBusinessman(params) {
+    return ajax({
+      url:'/daichong/merchant/add',
+      type:'post',
+      params,
+      // headers: {
+      //   'Content-Type': 'multipart/form-data'
+      // }
+    })
+  },
+  //商人上分
+  addOrDebitScore(params) {
+    return ajax({
+      url:'/daichong/merchant/addOrDebitScore',
+      type:'post',
+      params
+    })
+  },
+// 商人追分
+  seekScore(params) {
+    return ajax({
+      url:'/daichong/merchant/seekScore',
+      type:'post',
+      params
+    })
+  },  
+// ----------------------聚商管理模块
+  // 增
+  addGatheringList(params) {
+    return ajax({
+      url: '/jushang/merchant/add',
+      type: 'post',
+      params
+    })
+  },
+  // 删
+  delGatheringList(params) {
+    return ajax({
+      url: '/jushang/merchant/del',
+      type: 'delete',
+      params
+    })
+  },
+  // 改
+  editGatheringList(params) {
+    return ajax({
+      url: '/jushang/merchant/edit',
+      type: 'post',
+      params
+    })
+  },
+  // 查询
+  getGatheringList(params) {
+    return ajax({
+      url: '/jushang/merchant/list',
+      type: 'get',
+      params
+    })
+  },
+  // 商人余额信息
+  businessblBalance(params) {
+    return ajax({
+      url: '/jushang/merchant/info',
+      type: 'get',
+      params
+    })
+  },
+  // 商人上分
+  onPointsGathering(params) {
+    return ajax({
+      url: '/jushang/merchant/addOrDebitScore',
+      type: 'post',
+      params
+    })
+  },
+  // 商人追分
+  chasePointsGathering(params) {
+    return ajax({
+      url: '/jushang/merchant/seekScore',
+      type: 'post',
+      params
+    })
+  },
+  // 聚商商人上分列表
+  JushangList(params) {
+    return ajax({
+      url: '/jushang/merchant/balanceList',
+      type: 'get',
+      params
+    })
+  },
+}
+  
+
+
+
+
+
+export default businessmanApi;
+

src/api/channelBackground.js

@@ -0,0 +1,57 @@
+import ajax from '../utils/request'
+
+const channelBApi = {
+  /***************************渠道明细****************************** */
+  // 请求渠道查询,日志（同一个）列表列表
+  getChannelDetailList(params) {
+    return ajax({
+      url: '/channel/manage/detail',
+      type: 'get',
+      params: params
+    })
+  },
+/***************************渠道账簿****************************** */
+  getBookList(params) {
+    return ajax({
+      url: '/channel/manage/accountbook',
+      type: 'get',
+      params: params
+    })
+  },
+/***************************自助结算审核****************************** */
+// 自助结算审核列表数据
+  getAutoAccountList(params) {
+    return ajax({
+      url: '/channel/manage/autoaccount',
+      type: 'get',
+      params: params
+    })
+  },
+  // 编辑账单
+  automaticBillGeneration(params) {
+    return ajax({
+      url: '/channel/manage/autoaccount/modify',
+      type: 'post',
+      params: params
+    })
+  },
+  // 编辑银行卡信息
+  editBank(params) {
+    return ajax({
+      url: '/channel/manage/autoaccount/addbank',
+      type: 'post',
+      params: params
+    })
+  },
+/***************************银行卡配置****************************** */
+  // 银行卡列表数据
+  getBankList(params) {
+    return ajax({
+      url: '/channel/manage/bank',
+      type: 'get',
+      params: params
+    })
+  },
+}
+
+export default channelBApi

src/api/channelManagement.js

@@ -0,0 +1,131 @@
+import ajax from '../utils/request'
+
+const channelApi = {
+  /***************************渠道查询****************************** */
+  // 请求渠道查询,日志（同一个）列表列表
+  getChannelLogList(params) {
+    return ajax({
+      url: '/channel/channelLog/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 修改渠道日志
+  updateChannelLog(params) {
+    return ajax({
+      url: '/channel/channelLog/update',
+      type: 'post',
+      params: params
+    })
+  },
+  /***************************渠道号管理****************************** */
+  // 请求渠道号列表
+  getNumberList(params) {
+    return ajax({
+      url: '/channel/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 删除渠道号
+  delNumberList(params) {
+    return ajax({
+      url: '/channel/delete',
+      type: 'delete',
+      params: params
+    })
+  },
+  // 请求渠道成本列表
+  getChannelCostList(params) {
+    return ajax({
+      url: '/channel/channelCost/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 请求渠道成本列表
+  updateChannelCost(params) {
+    return ajax({
+      url: '/channel/channelCost/update',
+      type: 'post',
+      params: params
+    })
+  },
+  // 新增渠道号
+  addNumber(params) {
+    return ajax({
+      url: '/channel/add',
+      type: 'post',
+      params: params
+    })
+  },
+  // 编辑渠道号
+  updateNumber(params) {
+    return ajax({
+      url: '/channel/update',
+      type: 'post',
+      params: params
+    })
+  },
+  /***************************渠道商管理****************************** */
+  // 请求渠道商列表
+  getAgentList(params) {
+    return ajax({
+      url: '/channel/channelAgent/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 新增渠道商
+  addAgent(params) {
+    return ajax({
+      url: '/channel/channelAgent/add',
+      type: 'post',
+      params: params
+    })
+  },
+  // 编辑渠道商
+  updateAgent(params) {
+    return ajax({
+      url: '/channel/channelAgent/update',
+      type: 'post',
+      params: params
+    })
+  },
+  // 删除渠道商
+  delAgent(params) {
+    return ajax({
+      url: '/channel/channelAgent/delete',
+      type: 'delete',
+      params: params
+    })
+  },
+  /***************************渠道页面配置****************************** */
+  // 渠道页面配置列表
+  getChannelConfigList(params) {
+    return ajax({
+      url: '/channel/channelPage/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 渠道页面修改
+  updateChannelConfig(params) {
+    return ajax({
+      url: '/channel/channelPage/update',
+      type: 'post',
+      params: params
+    })
+  },
+  /***************************渠道页面配置****************************** */
+  // 渠道成本修改记录
+  getChannelUpdateList(params) {
+    return ajax({
+      url: '/channel/changeRecord/list',
+      type: 'get',
+      params: params
+    })
+  }
+}
+
+export default channelApi

src/api/contentReview.js

@@ -0,0 +1,123 @@
+import ajax from "../utils/request";
+import axios from "axios";
+import config from "../utils/serverUrlConfig";
+import local from "../utils/localStroage.js";
+
+function authHeaders() {
+  const token = local.get("userInfo") ? local.get("userInfo").token : "";
+  return token ? { Authorization: token } : {};
+}
+
+const contentReviewApi = {
+  /** 敏感词列表 */
+  sensitiveWordList(params) {
+    return ajax({
+      url: "/sensitive-word/list",
+      type: "get",
+      params,
+    });
+  },
+  sensitiveWordAdd(params) {
+    return ajax({
+      url: "/sensitive-word/add",
+      type: "post",
+      params,
+    });
+  },
+  sensitiveWordUpdate(params) {
+    return ajax({
+      url: "/sensitive-word/update",
+      type: "post",
+      params,
+    });
+  },
+  sensitiveWordDelete(params) {
+    return ajax({
+      url: "/sensitive-word/delete",
+      type: "post",
+      params,
+    });
+  },
+  /** xlsx 导出（GET + query） */
+  sensitiveWordExport(params) {
+    return ajax({
+      url: "/sensitive-word/export",
+      type: "get",
+      params,
+      responseType: "blob",
+    });
+  },
+  /** 下载导入模版（空 xlsx） */
+  sensitiveWordTemplate() {
+    return ajax({
+      url: "/sensitive-word/template",
+      type: "get",
+      responseType: "blob",
+    });
+  },
+  /** 发起检测任务 */
+  contentReviewCreate(params) {
+    return ajax({
+      url: "/content-review/create",
+      type: "post",
+      params,
+    });
+  },
+  contentReviewList(params) {
+    return ajax({
+      url: "/content-review/list",
+      type: "get",
+      params,
+    });
+  },
+  contentReviewDetail(params) {
+    return ajax({
+      url: "/content-review/detail",
+      type: "get",
+      params,
+    });
+  },
+  contentReviewIssues(params) {
+    return ajax({
+      url: "/content-review/issues",
+      type: "get",
+      params,
+    });
+  },
+  contentReviewIssueResolve(params) {
+    return ajax({
+      url: "/content-review/issue/resolve",
+      type: "post",
+      params,
+    });
+  },
+  contentReviewIssueReject(params) {
+    return ajax({
+      url: "/content-review/issue/reject",
+      type: "post",
+      params,
+    });
+  },
+  /** 批量下架命中记录对应资源 */
+  contentReviewIssueBatchOffshelf(params) {
+    return ajax({
+      url: "/content-review/issue/batch-offshelf",
+      type: "post",
+      params,
+    });
+  },
+  /** 敏感词 xlsx 导入（multipart） */
+  sensitiveWordImport(file) {
+    const fd = new FormData();
+    fd.append("upload", file);
+    return axios
+      .post(`${config.baseServerUrl}/sensitive-word/import`, fd, {
+        headers: {
+          ...authHeaders(),
+        },
+      })
+      .then((r) => r.data);
+  },
+};
+
+export default contentReviewApi;

src/api/discountAreaManagement.js

@@ -0,0 +1,71 @@
+import ajax from "../utils/request";
+const discountAreaManagementApi = {
+  /********************************折扣专区列表*********************************** */
+  // 请求折扣专区列表
+  getDiscountAreaList(params) {
+    return ajax({
+      url: "/discount_area/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加折扣专区
+  addDiscountArea(params) {
+    return ajax({
+      url: "/discount_area/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改折扣专区
+  updateDiscountArea(params) {
+    return ajax({
+      url: "/discount_area/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除折扣专区
+  deleteDiscountArea(params) {
+    return ajax({
+      url: "/discount_area/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************折扣专区视频列表*********************************** */
+  // 请求折扣专区视频列表
+  getDiscountAreaVideoList(params) {
+    return ajax({
+      url: "/discount_area/vid/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加折扣专区视频
+  addDiscountAreaVideo(params) {
+    return ajax({
+      url: "/discount_area/vid/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改折扣专区视频
+  updateDiscountAreaVideo(params) {
+    return ajax({
+      url: "/discount_area/vid/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除折扣专区视频
+  deleteDiscountAreaVideo(params) {
+    return ajax({
+      url: "/discount_area/vid/delete",
+      type: "post",
+      params: params,
+    });
+  },
+};
+
+export default discountAreaManagementApi;

src/api/fiction.js

@@ -0,0 +1,126 @@
+/*
+ * @Author: 王枫叶
+ * @Date: 2020-12-17 20:38:54
+ * @LastEditors: 王枫叶
+ * @LastEditTime: 2020-12-26 14:38:36
+ */
+import ajax from '../utils/request'
+
+const fictionApi = {
+  /***************************小说列表****************************** */
+  // 获取列表
+  getfFiction(params) {
+    return ajax({
+      url: '/fiction/list',
+      type: 'post',
+      params: params
+    })
+  },
+  // 修改
+  updateFiction(params) {
+    return ajax({
+      url: '/fiction/edit',
+      type: 'post',
+      params: params
+    })
+  },
+    // 新增
+    addFiction(params) {
+      return ajax({
+        url: '/fiction/add',
+        type: 'post',
+        params: params
+      })
+    },
+      // 删除
+    deleteFiction(params) {
+    return ajax({
+      url: '/fiction/del',
+      type: 'delete',
+      params: params
+    })
+  },  
+  // 查看报错小详情
+  getErr(params) {
+    return ajax({
+      url: '/fiction/get',
+      type: 'post',
+      params: params
+    })
+  },  
+  /***************************举报列表****************************** */
+  // 获取列表
+  getErrFeedback(params) {
+    return ajax({
+      url: '/errFeedback/list',
+      type: 'post',
+      params: params
+    })
+  },
+  // 修改
+  updateErrFeedback(params) {
+    return ajax({
+      url: '/errFeedback/edit',
+      type: 'post',
+      params: params
+    })
+  },
+    // 新增
+    addErrFeedback(params) {
+      return ajax({
+        url: '/errFeedback/add',
+        type: 'post',
+        params: params
+      })
+    },
+      // 删除
+    deleteErrFeedback(params) {
+    return ajax({
+      url: '/errFeedback/del',
+      type: 'delete',
+      params: params
+    })
+  },
+  /***************************有声小说列表****************************** */
+  // 获取列表 
+  getAudiobook(params) {
+    return ajax({
+      url: '/audiobook/list',
+      type: 'post',
+      params: params
+    })
+  },
+  // 本书配置
+  updateAudiobook(params) {
+    return ajax({
+      url: '/audiobook/edit',
+      type: 'post',
+      params: params
+    })
+  },
+    // 新增
+    addAudiobook(params) {
+      return ajax({
+        url: '/audiobook/add',
+        type: 'post',
+        params: params
+      })
+    },
+      // 删除
+    deleteAudiobook(params) {
+    return ajax({
+      url: '/audiobook/del',
+      type: 'delete',
+      params: params
+    })
+  } ,
+    // 一键配置
+    editPrice(params) {
+      return ajax({
+        url: '/audiobook/editBatch',
+        type: 'post',
+        params: params
+      })
+    },
+}
+export default fictionApi

src/api/groupChatManagement.js

@@ -0,0 +1,86 @@
+import ajax from '../utils/request'
+const groupChatManagementApi = {
+  // 群组列表
+  getImgroupList(params) {
+    return ajax({
+      url: '/imgroup/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 群组新增
+  createImgroup(params) {
+    return ajax({
+      url: '/imgroup/create',
+      type: 'post',
+      params: params
+    })
+  },
+  // 群组修改
+  updateImgroup(params) {
+    return ajax({
+      url: '/imgroup/update',
+      type: 'post',
+      params: params
+    })
+  },
+
+  // 群成员列表
+  getImgroupmemberList(params) {
+    return ajax({
+      url: '/imgroupmember/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 群成员新增
+  createImgroupmember(params) {
+    return ajax({
+      url: '/imgroupmember/create',
+      type: 'post',
+      params: params
+    })
+  },
+  // 群成员修改
+  updateImgroupmember(params) {
+    return ajax({
+      url: '/imgroupmember/update',
+      type: 'post',
+      params: params
+    })
+  },
+
+  // 群消息列表
+  getImmessageList(params) {
+    return ajax({
+      url: '/immessage/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 群消息新增
+  createImmessage(params) {
+    return ajax({
+      url: '/immessage/create',
+      type: 'post',
+      params: params
+    })
+  },
+  // 群消息修改
+  updateImmessage(params) {
+    return ajax({
+      url: '/immessage/update',
+      type: 'post',
+      params: params
+    })
+  },
+  // 群消息删除
+  deleteImmessage(params) {
+    return ajax({
+      url: '/immessage/delete',
+      type: 'post',
+      params: params
+    })
+  },
+}
+export default groupChatManagementApi

src/api/home.js

@@ -0,0 +1,46 @@
+import ajax from '../utils/request'
+const homeApi = {
+  /********************************首页*********************************** */
+  // 登陆
+  getStatData(params) {
+    return ajax({
+      url: '/home/statData',
+      type: 'get',
+      params: params
+    })
+  },
+  // 上传图片接口
+  uploadImg(param) {
+    return ajax({
+      url: '/vid/uploadStatic',
+      type: 'post',
+      params: param
+    })
+  },
+  // 视频上传成功回调通知接口
+  uploadSuccess(param) {
+    return ajax({
+      url: '/vid/uploadSuccess',
+      type: 'post',
+      params: param
+    })
+  },
+  // 访问量折线图数据接口
+  getViewsData(params) {
+    return ajax({
+      url: '/home/points/visit',
+      type: 'get',
+      params:params
+    })
+  },
+  // 注册量折线图数据接口
+  getRegisteredChart(params) {
+    return ajax({
+      url: '/home/points/regist',
+      type: 'get',
+      params:params
+    })
+  },
+
+}
+export default homeApi

src/api/hotManagement.js

@@ -0,0 +1,40 @@
+import ajax from '../utils/request'
+const hotApi = {
+/***************************热点管理****************************** */
+/*************************排行页面***************************** */
+  // 排行列表
+  getRankList(params) {
+    return ajax({
+      ulr: '',
+      type: 'get',
+      params: params
+    })
+  },
+  // 编辑排行
+  updateRank(params) {
+    return ajax({
+      url: '',
+      type: 'post',
+      params: params
+    })
+  },
+/*************************发现精彩***************************** */
+  // 发现精彩列表
+  getWonderfulList(params) {
+    return ajax({
+      url: '',
+      type: 'get',
+      params: params
+    })
+  },
+// 编辑精彩
+  updateWonderful(params) {
+    return ajax({
+      url: '',
+      type: 'post',
+      params: params
+    })
+  },
+}
+
+export default hotApi

src/api/index.js

@@ -0,0 +1,121 @@
+/*
+ * @Author: 王枫叶
+ * @Date: 2020-10-13 17:37:19
+ * @LastEditors: 王枫叶
+ * @LastEditTime: 2020-12-17 21:44:43
+ */
+// 首页统计数据接口
+// 活动管理接口
+import activeApi from "./activeManagement";
+// 女优管理接口
+import actressApi from "./actressManagement";
+// 系统管理接口
+import admApi from "./administrators";
+// 广告管理api接口
+import adsApi from "./advertisingManagement";
+// 代理管理Api接口
+import angentApi from "./angentManagement";
+// 权限管理接口
+import authorApi from "./author";
+import businessmanApi from "./businessman";
+import balanceApi from "./balance";
+// 渠道后台管理api
+import channelBApi from "./channelBackground";
+// 渠道管理api
+import channelApi from "./channelManagement";
+import homeApi from "./home";
+// 热点管理接口
+import hotApi from "./hotManagement";
+// 落地页配置接口
+import LandPageApi from "./landPage";
+// 登陆api接口
+import loginApi from "./login";
+// 产品管理api接口
+import productApi from "./productManagement";
+// 用户配置api接口
+import discountAreaManagementApi from "./discountAreaManagement";
+// 机器人借口管理
+import roBotApi from "./robot";
+// 统计管理接口
+import staticsAPi from "./statistics";
+// 系统管理api接口
+import systemApi from "./systemManagement";
+// 热点管理接口
+import systemMessage from "./systemMessage";
+// 交易管理api接口
+import transApi from "./transactionManagement";
+// 用户api接口
+import userApi from "./user";
+// 视频api接口
+import videoApi from "./videoManagement";
+// 商区代理接口
+import angentDistrictApi from "./agentDistrictProvider";
+//楼凤模块接口
+import loufApi from "./loufeng";
+//裸聊专区接口
+import nakedChatApi from "./nakedChatManage";
+//小说管理接口
+import fictionApi from "./fiction";
+//av解说管理接口
+import avCommentApi from "./avComment";
+//标签配置接口
+import tagConfigAPi from "./tagConfigList";
+//模块配置接口
+import moduleConfigApi from "./moduleConfig";
+//签到管理
+import signinApi from "./signin";
+//AI
+import aiApi from "./ai";
+//动漫
+import animationApi from "./animation";
+// 群组
+import groupChatManagementApi from "./groupChatManagement";
+//老司机媒体模块接口
+import lsjMediaLibApi from './lsjMediaLib';
+//二部媒资库接口
+import mediaLibApi from './mediaLib';
+import contentReviewApi from './contentReview';
+import officialWebsiteApi from './officialWebsite';
+import shortVideoRecommendApi from './shortVideoRecommend';
+const Api = Object.assign({
+  ...loginApi,
+  ...videoApi,
+  ...userApi,
+  ...productApi,
+  ...discountAreaManagementApi,
+  ...transApi,
+  ...adsApi,
+  ...admApi,
+  ...authorApi,
+  ...systemApi,
+  ...activeApi,
+  ...actressApi,
+  ...angentApi,
+  ...staticsAPi,
+  ...channelApi,
+  ...channelBApi,
+  ...homeApi,
+  ...LandPageApi,
+  ...hotApi,
+  ...systemMessage,
+  ...roBotApi,
+  ...businessmanApi,
+  ...balanceApi,
+  ...angentDistrictApi,
+  ...loufApi,
+  ...nakedChatApi,
+  ...fictionApi,
+  ...avCommentApi,
+  ...signinApi,
+  ...tagConfigAPi,
+  ...moduleConfigApi,
+  ...aiApi,
+  ...animationApi,
+  ...groupChatManagementApi,
+  ...lsjMediaLibApi,
+  ...mediaLibApi,
+  ...contentReviewApi,
+  ...officialWebsiteApi,
+  ...shortVideoRecommendApi,
+});
+export default Api;

src/api/landPage.js

@@ -0,0 +1,88 @@
+import ajax from "../utils/request";
+const landPageApi = {
+  /******************* 域名配置**********************8*/
+  // 域名配置请求列表
+  getLangPageList(params) {
+    return ajax({
+      url: "/webplt/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增域名配置
+  addLandPage(params) {
+    return ajax({
+      url: "/webplt/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除域名配置
+  deleteLandPage(params) {
+    return ajax({
+      url: "/webplt/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 编辑落地页配置
+  editLandPage(params) {
+    return ajax({
+      url: "/webplt/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************* 落地页配置************************/
+  // 获取落地页配置
+  getLdyList(params) {
+    return ajax({
+      url: "/ldy/cfg",
+      type: "get",
+      params: params,
+    });
+  },
+  //编辑
+  updateLdy(params) {
+    return ajax({
+      url: "/ldy/update",
+      type: "post",
+      params,
+    });
+  },
+
+  // // 添加按钮状态
+  // addSwitchFlag(params) {
+  //   return ajax({
+  //     url: '/switch/add',
+  //     type: 'post',
+  //     params: params
+  //   });
+  // },
+  // // 获取开关
+  // getSwitchList(params) {
+  //   return ajax({
+  //     url: '/switch/list',
+  //     type: 'get',
+  //     params: params
+  //   });
+  // }
+  // // 删除开关
+  // deleteSwitch(params) {
+  //   return ajax({
+  //     url: '/switch/del',
+  //     type: 'delete',
+  //     params: params
+  //   });
+  // },
+  // // 获取开关
+  // getSwitchList(params) {
+  //   return ajax({
+  //     url: '/switch/list',
+  //     type: 'get',
+  //     params: params
+  //   });
+  // }
+};
+
+export default landPageApi;

src/api/login.js

@@ -0,0 +1,45 @@
+import ajax from '../utils/request'
+const loginApi = {
+  /********************************登陆管理*********************************** */
+  // 登陆
+  login(params) {
+    return ajax({
+      url: '/login',
+      type: 'post',
+      params: params
+    })
+  },
+  // sso登陆
+  slogin(params) {
+    return ajax({
+      url: '/slogin',
+      type: 'post',
+      params: params
+    })
+  },
+  // 登陆验证
+  verify(params) {
+    return ajax({
+      url: '/verify',
+      type: 'post',
+      params: params
+    })
+  },
+  // 刷新token
+  refreshToken(params) {
+    return ajax({
+      url: '/refresh',
+      type: 'get',
+      params: params
+    })
+  },
+  // 登出
+  logout(params) {
+    return ajax({
+      url: '/logout',
+      type: 'post',
+      params: params
+    })
+  },
+}
+export default loginApi

src/api/loufeng.js

@@ -0,0 +1,121 @@
+/*
+ * @Author: 王枫叶
+ * @Date: 2020-10-21 14:11:47
+ * @LastEditors: 王枫叶
+ * @LastEditTime: 2020-12-17 19:43:50
+ */
+import ajax from "../utils/request";
+const loufApi={ 
+      /** ********************楼凤列表************************* */
+  // 获取楼凤列表 
+    getLouFengList(params) {
+    return ajax({
+      url: '/loufeng/list',
+      type: 'post',
+      params: params
+    })
+  },
+  // 新增
+  addLoufeng(params) {
+    return ajax({
+      url: '/loufeng/add',
+      type: 'post',
+      params: params
+    })
+  },
+  // 修改
+  updateLoufeng(params) {
+    return ajax({
+      url: '/loufeng/edit',
+      type: 'post',
+      params: params
+    })
+  },
+  // 删除
+  deleteLoufeng(params) {
+    return ajax({
+      url: '/loufeng/del',
+      type: 'delete',
+      params: params
+    })
+  },
+  // 取消置顶
+  cancelToplf(params) {
+    return ajax({
+      url: '/loufeng/cancelTop',
+      type: 'post',
+      params: params
+    })
+  },
+  /**************楼凤配置******************/
+    // 获取楼凤列表 
+    getLoufCfgList(params) {
+      return ajax({
+        url: '/loufeng/getConfig',
+        type: 'get',
+        params: params
+      })
+    },
+    // 修改
+    editLoufCfg(params) {
+      return ajax({
+        url: '/loufeng/setConfig',
+        type: 'post',
+        params: params
+      })
+    },
+
+      /**************举报信息列表******************/
+    // 获取举报信息
+    getFeedbList(params) {
+      return ajax({
+        url: '/loufeng/getFeedback',
+        type: 'post',
+        params: params
+      })
+    },
+    // 修改举报信息
+    editFeedb (params) {
+      return ajax({
+        url: '/loufeng/processFeedback',
+        type: 'post',
+        params: params
+      })
+    },
+
+        /** ********************楼凤广告配置************************* */
+  // 获取列表 
+  getLfAdList(params) {
+    return ajax({
+      url: '/loufengad/list',
+      type: 'post',
+      params: params
+    })
+  },
+  // 新增
+  addLfAd(params) {
+    return ajax({
+      url: '/loufengad/add',
+      type: 'post',
+      params: params
+    })
+  },
+  // 修改
+  updateLfAd(params) {
+    return ajax({
+      url: '/loufengad/edit',
+      type: 'post',
+      params: params
+    })
+  },
+  // 删除
+  deleteLfAd(params) {
+    return ajax({
+      url: '/loufengad/del',
+      type: 'post',
+      params: params
+    })
+  },
+}
+
+  export default loufApi;

src/api/lsjMediaLib.js

@@ -0,0 +1,143 @@
+import request from "../utils/request";
+
+export default {
+  /**
+   * 动漫相关接口
+   */
+  // 获取视频列表
+  lsjComicsList(params) {
+    return request({
+      url: '/laosiji/comics/search',
+      type: 'post',
+      params
+    })
+  },
+
+  // 获取视频列表
+  lsjComicsDel(params) {
+    return request({
+      url: '/laosiji/comics/search',
+      type: 'post',
+      params
+    })
+  },
+  lsjComicsDetail(params) {
+    return request({
+      url: '/laosiji/comics/detail',
+      type: 'post',
+      params
+    })
+  },
+  lsjComicsAdd(params) {
+    return request({
+      url: '/laosiji/comics/add',
+      type: 'post',
+      params
+    })
+  },
+  /**
+   * 小说相关接口
+   */
+
+  // 获取视频列表
+  lsjNovelList(params) {
+    return request({
+      url: '/laosiji/novel/search',
+      type: 'post',
+      params
+    })
+  },
+
+  // 获取视频列表
+  lsjNovelDel(params) {
+    return request({
+      url: '/laosiji/novel/search',
+      type: 'post',
+      params
+    })
+  },
+  lsjNovelDetail(params) {
+    return request({
+      url: '/laosiji/novel/detail',
+      type: 'post',
+      params
+    })
+  },
+  lsjNovelAdd(params) {
+    return request({
+      url: '/laosiji/novel/add',
+      type: 'post',
+      params
+    })
+  },
+
+  /**
+   * 帖子相关接口
+   */
+  // 获取视频列表
+  lsjPostList(params) {
+    return request({
+      url: '/laosiji/post/search',
+      type: 'post',
+      params
+    })
+  },
+
+  // 获取视频列表
+  lsjPostDel(params) {
+    return request({
+      url: '/laosiji/post/search',
+      type: 'post',
+      params
+    })
+  },
+  lsjPostDetail(params) {
+    return request({
+      url: '/laosiji/post/detail',
+      type: 'post',
+      params
+    })
+  },
+  lsjPostAdd(params) {
+    return request({
+      url: '/laosiji/post/add',
+      type: 'post',
+      params
+    })
+  },
+
+  /**
+   * 视频相关接口
+   */
+  // 获取视频列表
+  lsjVideoList(params) {
+    return request({
+      url: '/laosiji/movie/search',
+      type: 'post',
+      params
+    })
+  },
+
+  // 获取视频列表
+  lsjVideoDel(params) {
+    return request({
+      url: '/laosiji/movie/search',
+      type: 'post',
+      params
+    })
+  },
+  lsjVideoDetail(params) {
+    return request({
+      url: '/laosiji/movie/detail',
+      type: 'post',
+      params
+    })
+  },
+  lsjVideoAdd(params) {
+    return request({
+      url: '/laosiji/movie/add',
+      type: 'post',
+      params
+    })
+  }
+}

src/api/marquee.js

@@ -0,0 +1,37 @@
+import axios from '../utils/request';
+
+// 获取跑马灯列表
+export function getAnnounceList(params) {
+  return axios({
+    url: '/announce/list',
+    type: 'get',
+    params
+  })
+}
+
+// 新增跑马灯
+export function addAnnounce(params) {
+  return axios({
+    url: '/announce/add',
+    type: 'post',
+    params
+  })
+}
+
+// 修改跑马灯
+export function updateAnnounce(params) {
+  return axios({
+    url: '/announce/update',
+    type: 'post',
+    params
+  })
+}
+
+// 删除跑马灯
+export function deleteAnnounce(params) {
+  return axios({
+    url: '/announce/del',
+    type: 'delete',
+    params
+  })
+}

src/api/mediaLib.js

@@ -0,0 +1,48 @@
+import request from "../utils/request";
+
+export default {
+  /**
+   * 视频相关接口
+   */
+  // 获取视频列表
+  mediaSearch(params) {
+    return request({
+      url: '/tianyu/search',
+      type: 'post',
+      params
+    })
+  },
+
+  // 删除视频
+  mediaDel(params) {
+    return request({
+      url: '/mediafile/del',
+      type: 'post',
+      params
+    })
+  },
+  // 添加资源
+  mediaAdd(params) {
+    return request({
+      url: '/tianyu/add',
+      type: 'post',
+      params
+    })
+  },
+  // 资源更新
+  mediaUpdate(params) {
+    return request({
+      url: '/mediafile/update',
+      type: 'post',
+      params
+    })
+  },
+  // 资源更新预览时长
+  updatePreTime(params) {
+    return request({
+      url: '/mediafile/update/prefile',
+      type: 'post',
+      params
+    })
+  }
+}

src/api/moduleConfig.js

@@ -0,0 +1,178 @@
+import axios from '../utils/request';
+
+// 模块配置
+const moduleConfApi = {
+  // 获取标签配置列表
+  getTagConfigs(params) {
+    return axios({
+      url: '/tag/conf',
+      type: 'get',
+      params
+    })
+  },
+  // 获取模块配置列表
+  getModules(params) {
+    return axios({
+      url: '/module/conf/list',
+      type: 'post',
+      params
+    })
+  },
+  // 新增模块
+  addModule(params, noFiltering) {
+    return axios({
+      url: '/module/conf/add',
+      type: 'post',
+      params
+    }, noFiltering)
+  },
+  // 修改模块
+  editModule(params, noFiltering) {
+    return axios({
+      url: '/module/conf/edit',
+      type: 'post',
+      params
+    }, noFiltering)
+  },
+  // 删除模块
+  deleteModule(params) {
+    return axios({
+      url: '/module/conf/delete',
+      type: 'post',
+      params
+    })
+  },
+
+  // 获取专题列表
+  getSections(params) {
+    return axios({
+      url: '/module/section/list',
+      type: 'post',
+      params
+    })
+  },
+  // 新增专题
+  addSection(params) {
+    return axios({
+      url: '/module/section/add',
+      type: 'post',
+      params
+    })
+  },
+  // 修改专题
+  editSection(params) {
+    return axios({
+      url: '/module/section/edit',
+      type: 'post',
+      params
+    })
+  },
+  // 删除专题
+  deleteSection(params) {
+    return axios({
+      url: '/module/section/delete',
+      type: 'post',
+      params
+    })
+  },
+  // 查询专题点击量
+  queryClicks(params) {
+    return axios({
+      url: '/module/section/clicks',
+      type: 'post',
+      params
+    })
+  },
+
+  // 获取视频列表
+  getVideos(params) {
+    return axios({
+      url: '/module/video/list',
+      type: 'post',
+      params
+    })
+  },
+  // 新增视频
+  addVideo(params) {
+    return axios({
+      url: '/module/video/add',
+      type: 'post',
+      params
+    })
+  },
+  // 批量新增视频
+  addVideos(params) {
+    return axios({
+      url: '/module/video/add/batch',
+      type: 'post',
+      params
+    })
+  },
+  // 修改视频
+  editVideo(params) {
+    return axios({
+      url: '/module/video/edit',
+      type: 'post',
+      params
+    })
+  },
+  // 删除视频
+  deleteVideo(params) {
+    return axios({
+      url: '/module/video/delete',
+      type: 'post',
+      params
+    })
+  },
+   // 获取跑马灯内容
+   queryMarquee(params) {
+    return axios({
+      url: '/module/conf/marquee',
+      type: 'get',
+      params
+    })
+  },
+  // 编辑跑马灯
+  modifyMarquee(params) {
+    return axios({
+      url: '/module/conf/marquee',
+      type: 'post',
+      params
+    })
+  },
+  // 金刚区
+  // 金刚区列表查询
+  queryKingKongList(params) {
+    return axios({
+      url: '/jingang/list',
+      type: 'get',
+      params
+    })
+  },
+  // 金刚区添加
+  addKingKong(params) {
+    return axios({
+      url: '/jingang/add',
+      type: 'post',
+      params
+    })
+  },
+  // 金刚区修改
+  modifyKingKong(params) {
+    return axios({
+      url: '/jingang/update',
+      type: 'post',
+      params
+    })
+  },
+  // 金刚区删除
+  delKingKong(params) {
+    return axios({
+      url: '/jingang/delete',
+      type: 'post',
+      params
+    })
+  },
+}
+
+export default moduleConfApi;

src/api/nakedChatManage.js

@@ -0,0 +1,104 @@
+import ajax from "../utils/request";
+
+const nakedChatApi = {
+    /** ********************裸聊专区列表************************* */
+    // 商品复选框
+    getProductCheckbox(params) {
+        return ajax({
+            url: '/business/product/checkbox',
+            type: 'get',
+            params: params
+        })
+    },
+    // 获取裸聊列表
+    getNakedChatList(params) {
+        return ajax({
+            url: '/nakedchat/list',
+            type: 'get',
+            params: params
+        })
+    },
+    // 新增
+    addNakedChat(params) {
+        return ajax({
+            url: '/nakedchat/create',
+            type: 'post',
+            params: params
+        })
+    },
+    // 修改
+    updateNakedChat(params) {
+        return ajax({
+            url: '/nakedchat/update',
+            type: 'post',
+            params: params
+        })
+    },
+    // 批量修改裸聊模块
+    batchUpdateNakedChat(params) {
+        return ajax({
+            url: '/nakedchat/batch/update',
+            type: 'post',
+            params: params
+        })
+    },
+    // 官方公告
+    nakedChatConfig(params) {
+        return ajax({
+            url: '/nude/chat/config',
+            type: 'get',
+            params: params
+        })
+    },
+    // 修改官方公告
+    updateNakedChatConfig(params) {
+        return ajax({
+            url: '/nude/chat/config',
+            type: 'put',
+            params: params
+        })
+    },
+    // 获取裸聊购买列表
+    getNakedChatBuyList(params) {
+        return ajax({
+            url: '/nakedchatorder/list',
+            type: 'get',
+            params: params
+        })
+    },
+    // 更新裸聊购买
+    updateNakedchatorder(params) {
+        return ajax({
+            url: '/nakedchatorder/update',
+            type: 'post',
+            params: params
+        })
+    },
+    // 获取裸聊购买列表
+    confirmUseCode(params) {
+        return ajax({
+            url: '/nude/chat/use/code',
+            type: 'put',
+            params: params
+        })
+    },
+
+    // 获取裸聊举报信息列表
+    queryFeedback(params) {
+        return ajax({
+            url: '/nude/chat/feedback',
+            type: 'get',
+            params: params
+        })
+    },
+    
+    operateFeedback(params) {
+        return ajax({
+            url: '/nude/chat/feedback/operate',
+            type: 'post',
+            params: params
+        })
+    },
+}
+
+export default nakedChatApi;

src/api/officialWebsite.js

@@ -0,0 +1,171 @@
+import ajax from '../utils/request';
+
+const BASE = '/officialWebsite';
+
+const officialWebsiteApi = {
+  // 基础数据
+  getOfficialWebsiteBasic() {
+    return ajax({ url: BASE, type: 'get' });
+  },
+  createOfficialWebsiteBasic(params) {
+    return ajax({ url: BASE, type: 'post', params });
+  },
+  updateOfficialWebsiteBasic(params) {
+    return ajax({ url: BASE, type: 'put', params }, true);
+  },
+  deleteOfficialWebsiteBasic(params) {
+    return ajax({ url: BASE, type: 'delete', params });
+  },
+
+  // 创作者
+  getHeroList(params) {
+    return ajax({ url: `${BASE}/hero/list`, type: 'get', params });
+  },
+  createHero(params) {
+    return ajax({ url: `${BASE}/hero/create`, type: 'post', params });
+  },
+  updateHero(params) {
+    return ajax({ url: `${BASE}/hero/update`, type: 'put', params }, true);
+  },
+  deleteHero(params) {
+    return ajax({ url: `${BASE}/hero/delete`, type: 'delete', params });
+  },
+
+  // 专辑
+  getAlbumList(params) {
+    return ajax({ url: `${BASE}/album/list`, type: 'get', params });
+  },
+  createAlbum(params) {
+    return ajax({ url: `${BASE}/album/create`, type: 'post', params });
+  },
+  updateAlbum(params) {
+    return ajax({ url: `${BASE}/album/update`, type: 'put', params }, true);
+  },
+  deleteAlbum(params) {
+    return ajax({ url: `${BASE}/album/delete`, type: 'delete', params });
+  },
+
+  // 视频
+  getOfficialVideoList(params) {
+    return ajax({ url: `${BASE}/video/list`, type: 'get', params });
+  },
+  createOfficialVideo(params) {
+    return ajax({ url: `${BASE}/video/create`, type: 'post', params });
+  },
+  updateOfficialVideo(params) {
+    return ajax({ url: `${BASE}/video/update`, type: 'put', params }, true);
+  },
+  deleteOfficialVideo(params) {
+    return ajax({ url: `${BASE}/video/delete`, type: 'delete', params });
+  },
+  batchOfficialVideo(params) {
+    return ajax({ url: `${BASE}/video/batch`, type: 'put', params }, true);
+  },
+  // 导入后台视频库视频
+  importOfficialVideo(params) {
+    return ajax({ url: `${BASE}/video/import`, type: 'put', params }, true);
+  },
+  getOfficialVideoListFromVid(params) {
+    return ajax({ url: `${BASE}/video/listFromVid`, type: 'get', params });
+  },
+
+  // 写真
+  getPhotographList(params) {
+    return ajax({ url: `${BASE}/photograph/list`, type: 'get', params });
+  },
+  createPhotograph(params) {
+    return ajax({ url: `${BASE}/photograph/create`, type: 'post', params });
+  },
+  updatePhotograph(params) {
+    return ajax({ url: `${BASE}/photograph/update`, type: 'put', params }, true);
+  },
+  deletePhotograph(params) {
+    return ajax({ url: `${BASE}/photograph/delete`, type: 'delete', params });
+  },
+  batchPhotograph(params) {
+    return ajax({ url: `${BASE}/photograph/batch`, type: 'put', params }, true);
+  },
+
+  // 标签
+  getOfficialTagList(params) {
+    return ajax({ url: `${BASE}/tag/list`, type: 'get', params });
+  },
+  createOfficialTag(params) {
+    return ajax({ url: `${BASE}/tag/create`, type: 'post', params });
+  },
+  updateOfficialTag(params) {
+    return ajax({ url: `${BASE}/tag/update`, type: 'put', params }, true);
+  },
+  deleteOfficialTag(params) {
+    return ajax({ url: `${BASE}/tag/delete`, type: 'delete', params });
+  },
+
+  // 招聘表单
+  getRecruitFormList(params) {
+    return ajax({ url: `${BASE}/recruitForm/list`, type: 'get', params });
+  },
+  updateRecruitForm(params) {
+    return ajax({ url: `${BASE}/recruitForm/update`, type: 'put', params }, true);
+  },
+  deleteRecruitForm(params) {
+    return ajax({ url: `${BASE}/recruitForm/delete`, type: 'delete', params });
+  },
+
+  // 职位
+  getJobList(params) {
+    return ajax({ url: `${BASE}/jobList/list`, type: 'get', params });
+  },
+  createJob(params) {
+    return ajax({ url: `${BASE}/jobList/create`, type: 'post', params });
+  },
+  updateJob(params) {
+    return ajax({ url: `${BASE}/jobList/update`, type: 'put', params }, true);
+  },
+  deleteJob(params) {
+    return ajax({ url: `${BASE}/jobList/delete`, type: 'delete', params });
+  },
+
+  // 新闻
+  getNewsList(params) {
+    return ajax({ url: `${BASE}/news/list`, type: 'get', params });
+  },
+  createNews(params) {
+    return ajax({ url: `${BASE}/news/create`, type: 'post', params });
+  },
+  updateNews(params) {
+    return ajax({ url: `${BASE}/news/update`, type: 'put', params }, true);
+  },
+  deleteNews(params) {
+    return ajax({ url: `${BASE}/news/delete`, type: 'delete', params });
+  },
+
+  // 合作伙伴
+  getPartnerList(params) {
+    return ajax({ url: `${BASE}/partner/list`, type: 'get', params });
+  },
+  createPartner(params) {
+    return ajax({ url: `${BASE}/partner/create`, type: 'post', params });
+  },
+  updatePartner(params) {
+    return ajax({ url: `${BASE}/partner/update`, type: 'put', params }, true);
+  },
+  deletePartner(params) {
+    return ajax({ url: `${BASE}/partner/delete`, type: 'delete', params });
+  },
+
+  // Business
+  getBusinessList(params) {
+    return ajax({ url: `${BASE}/business/list`, type: 'get', params });
+  },
+  createBusiness(params) {
+    return ajax({ url: `${BASE}/business/create`, type: 'post', params });
+  },
+  updateBusiness(params) {
+    return ajax({ url: `${BASE}/business/update`, type: 'put', params }, true);
+  },
+  deleteBusiness(params) {
+    return ajax({ url: `${BASE}/business/delete`, type: 'delete', params });
+  },
+};
+
+export default officialWebsiteApi;

src/api/productManagement.js

@@ -0,0 +1,458 @@
+import ajax from "../utils/request";
+
+const productApi = {
+  /********************************产品和订单管理*********************************** */
+  /********************************VIP商品列表*********************************** */
+  // VIP商品列表
+  getPruductList(params) {
+    return ajax({
+      url: "/business/product/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // VIP所有权益列表
+  getProductAllList() {
+    return ajax({
+      url: "/productBenefit/all/list",
+      type: "get",
+    });
+  },
+  // 新增栏目
+  getNewSection(params) {
+    return ajax({
+      url: "/business/product",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑栏目
+  getEditSection(params) {
+    return ajax({
+      url: "/business/product/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除栏目
+  getDeleteSection(params) {
+    return ajax({
+      url: "/business/product",
+      type: "delete",
+      params: params,
+    });
+  },
+  /********************************VIP权益列表*********************************** */
+  // VIP权益列表
+  getProductBenefitList(params) {
+    return ajax({
+      url: "/productBenefit/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增权益
+  newProductBenefit(params) {
+    return ajax({
+      url: "/productBenefit/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑权益
+  editProductBenefit(params) {
+    return ajax({
+      url: "/productBenefit/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除权益
+  deleteProductBenefit(params) {
+    return ajax({
+      url: "/productBenefit/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  /********************************金币列表*********************************** */
+  // 新增金币
+  addGold(params) {
+    return ajax({
+      url: "/recharge/gold/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取金币配置列表
+  getGoldList(params) {
+    return ajax({
+      url: "/recharge/gold/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 修改金币配置
+  updateGold(params) {
+    return ajax({
+      url: "/recharge/gold/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除金币配置
+  delGold(params) {
+    return ajax({
+      url: "/recharge/gold/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  /********************************积分配置列表*********************************** */
+  // 获取积分配置列表
+  getIntegralConfigList(params) {
+    return ajax({
+      url: "/integral_config",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加积分配置
+  addIntegralConfig(params) {
+    return ajax({
+      url: "/integral_config",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改积分配置
+  updateIntegralConfig(params) {
+    return ajax({
+      url: "/integral_config",
+      type: "put",
+      params: params,
+    });
+  },
+  /********************************预售配置列表*********************************** */
+  // 获取预售配置
+  getAdvanceConfigList(params) {
+    return ajax({
+      url: "/advance_config/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加预售配置
+  addAdvanceConfig(params) {
+    return ajax({
+      url: "/advance_config/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除预售配置
+  delAdvanceConfig(params) {
+    return ajax({
+      url: "/advance_config/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改预售配置
+  updateAdvanceConfig(params) {
+    return ajax({
+      url: "/advance_config/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************游戏金币列表*********************************** */
+  // 新增游戏金币
+  addGameGold(params) {
+    return ajax({
+      url: "/recharge/game/gold/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取游戏金币配置列表
+  getGameGoldList(params) {
+    return ajax({
+      url: "/recharge/game/gold/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 修改游戏金币配置
+  updateGameGold(params) {
+    return ajax({
+      url: "/recharge/game/gold/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除游戏金币配置
+  delGameGold(params) {
+    return ajax({
+      url: "/recharge/game/gold/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+
+  /********************************货币列表*********************************** */
+  // 新增货币
+  addCurrency(params) {
+    return ajax({
+      url: "/currency",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取货币配置列表
+  getCurrencyList(params) {
+    return ajax({
+      url: "/currency",
+      type: "get",
+      params: params,
+    });
+  },
+  // 修改货币配置
+  updateCurrency(params, noFiltering) {
+    return ajax(
+      {
+        url: "/currency",
+        type: "put",
+        params: params,
+      },
+      noFiltering
+    );
+  },
+
+  /********************************金币优惠配置*********************************** */
+  // 新增金币优惠配置
+  addPayGold(params) {
+    return ajax({
+      url: "/gold/cfg/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取金币支付配置列表
+  getPayGoldList(params) {
+    return ajax({
+      url: "/gold/cfg/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 编辑金币支付配置
+  updatePayGold(params) {
+    return ajax({
+      url: "/gold/cfg/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除金币支付配置
+  delPayGold(params) {
+    return ajax({
+      url: "/gold/cfg/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  /********************************推广落地页列表*********************************** */
+  // 新增推广落地页
+  addPromote(params) {
+    return ajax({
+      url: "/promoteUrl/insert",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取推广落地页配置列表
+  getPromoteList(params) {
+    return ajax({
+      url: "/promoteUrl/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 修改推广落地页配置
+  updatePromote(params) {
+    return ajax({
+      url: "/promoteUrl/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除推广落地页配置
+  delPromote(params) {
+    return ajax({
+      url: "/promoteUrl/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  /********************************支付方式列表*********************************** */
+  // 新增支付方式
+  addChannel(params) {
+    return ajax({
+      url: "/recharge/channel/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取支付方式配置列表
+  getChannelList(params) {
+    return ajax({
+      url: "/recharge/channel/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 修改支付方式配置
+  updateChannel(params) {
+    return ajax({
+      url: "/recharge/channel/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除支付方式配置
+  delChannel(params) {
+    return ajax({
+      url: "/recharge/channel/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+
+  /********************************产品展示位置配置列表*********************************** */
+  // 获取列表
+  getPositionList(params) {
+    return ajax({
+      url: "/business/productPosition/list",
+      type: "post",
+      params: params,
+    });
+  },
+  // 新增
+  addPosition(params) {
+    return ajax({
+      url: "/business/productPosition/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑
+  editPosition(params) {
+    return ajax({
+      url: "/business/productPosition/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  //删除
+  deletePosition(params) {
+    return ajax({
+      url: "/business/productPosition/del",
+      type: "post",
+      params: params,
+    });
+  },
+  // 产品展示位置
+  getNames(params) {
+    return ajax({
+      url: "/business/productPosition/names",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************VIP升级配置*********************************** */
+  // 获取VIP升级配置信息
+  getConfig(params) {
+    return ajax({
+      url: "/business/getConfig",
+      type: "get",
+      params: params,
+    });
+  },
+  //编辑配置信息
+  setConfig(params) {
+    return ajax({
+      url: "/business/setConfig",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************官方下载管理*********************************** */
+  // 官方下载管理列表
+  getOfficialList(params) {
+    return ajax({
+      url: "/official/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增官方下载
+  addOfficial(params) {
+    return ajax({
+      url: "/official/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑官方下载
+  updOfficial(params) {
+    return ajax({
+      url: "/official/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除栏目
+  delOfficial(params) {
+    return ajax({
+      url: "/official/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  /********************************banner活动管理*********************************** */
+  // 获取banner活动列表
+  getBannerjumpList(params) {
+    return ajax({
+      url: "/bannerjump/list",
+      type: "get",
+      params,
+    });
+  },
+  // 新增banner活动
+  addBannerjump(params) {
+    return ajax({
+      url: "/bannerjump/create",
+      type: "post",
+      params,
+    });
+  },
+  // 修改banner活动
+  updateBannerjump(params) {
+    return ajax({
+      url: "/bannerjump/update",
+      type: "post",
+      params,
+    });
+  },
+  // 删除banner活动
+  deleteBannerjump(params) {
+    return ajax({
+      url: "/bannerjump/delete",
+      type: "post",
+      params,
+    });
+  },
+};
+
+export default productApi;

src/api/robot.js

@@ -0,0 +1,57 @@
+import ajax from '../utils/request';
+
+const robotApi = {
+
+  /***************************机器人配置****************************** */
+  // 请求机器人列表
+  getRbotList(params) {
+    return ajax({
+      url: '/robot/conf/list',
+      type: 'get',
+      params: params
+    });
+  },
+  // 添加机器人配置
+  addRbot(params) {
+    return ajax({
+      url: '/robot/conf/add',
+      type: 'post',
+      params: params
+    });
+  },
+  // 修改机器人列表
+  updateRbot(params) {
+    return ajax({
+      url: '/robot/conf/update',
+      type: 'post',
+      params: params
+    });
+  },
+/***************************聊天内容****************************** */
+  // 机器人聊天内容列表
+  getContentList(params) {
+    return ajax({
+      url: '/robot/content/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 增加聊天内容
+  addContent(params) {
+    return ajax({
+      url: '/robot/content/add',
+      type: 'post',
+      params: params
+    })
+  },
+  // 删除聊天内容
+  delContent(params) {
+    return ajax({
+      url: '/robot/content/del',
+      type: 'delete',
+      params: params
+    })
+  }
+};
+
+export default robotApi;

src/api/shortVideoRecommend.js

@@ -0,0 +1,97 @@
+import ajax from '../utils/request';
+
+const shortVideoRecommendApi = {
+  // 付费引导配置
+  getPaymentGuideList(params) {
+    return ajax({
+      url: '/payment-guide/list',
+      type: 'get',
+      params,
+    });
+  },
+  addPaymentGuide(params) {
+    return ajax({
+      url: '/payment-guide/add',
+      type: 'post',
+      params,
+    });
+  },
+  editPaymentGuide(params) {
+    return ajax({
+      url: '/payment-guide/edit',
+      type: 'post',
+      params,
+    });
+  },
+  deletePaymentGuide(params) {
+    // id 走 query（params），request 对非 get 会把 params 放进 data
+    return ajax({
+      url: `/payment-guide/delete?id=${encodeURIComponent(params.id)}`,
+      type: 'delete',
+    });
+  },
+
+  // 评论 Banner 配置
+  getCommentBannerList(params) {
+    return ajax({
+      url: '/banner/list',
+      type: 'get',
+      params: {
+        scene: 'COMMENT_TOP',
+        ...params,
+      },
+    });
+  },
+  addCommentBanner(params) {
+    return ajax({
+      url: '/banner/add',
+      type: 'post',
+      params,
+    });
+  },
+  editCommentBanner(params) {
+    return ajax({
+      url: '/banner/edit',
+      type: 'post',
+      params,
+    });
+  },
+  deleteCommentBanner(params) {
+    return ajax({
+      url: '/banner/delete',
+      type: 'delete',
+      params,
+    });
+  },
+
+  // VIP 卡片实验
+  getVipCardExperimentCurrent() {
+    return ajax({
+      url: '/vip-card-experiment/current',
+      type: 'get',
+    });
+  },
+  publishVipCardExperiment(params) {
+    return ajax({
+      url: '/vip-card-experiment/publish',
+      type: 'post',
+      params,
+    });
+  },
+  disableVipCardExperiment(params) {
+    return ajax({
+      url: '/vip-card-experiment/disable',
+      type: 'post',
+      params,
+    });
+  },
+  getVipCardExperimentStatistics(params) {
+    return ajax({
+      url: '/vip-card-experiment/statistics',
+      type: 'get',
+      params,
+    });
+  },
+};
+
+export default shortVideoRecommendApi;

src/api/signin.js

@@ -0,0 +1,125 @@
+import ajax from '../utils/request';
+
+const signinApi = {
+  // 新增奖品
+  addSignin(params) {
+    return ajax({
+      url: '/task/prize',
+      type: 'post',
+      params: params
+    });
+  },
+  // 修改奖品
+  editSignin(params) {
+    return ajax({
+      url: '/task/prize',
+      type: 'put',
+      params: params
+    }, true);
+  },
+  // 查询奖品
+  querySignin(params) {
+    return ajax({
+      url: '/task/prize',
+      type: 'get',
+      params: params
+    });
+  },
+
+  // 查询奖品--配置页面
+  queryPrizeBox(params) {
+    return ajax({
+      url: '/activity/prize/box',
+      type: 'get',
+      params: params
+    });
+  },
+  // 新增配置
+  addSigninConfig(params) {
+    return ajax({
+      url: '/task/sign/add',
+      type: 'post',
+      params: params
+    });
+  },
+  // 修改配置
+  editSigninConfig(params) {
+    return ajax({
+      url: '/task/sign/edit',
+      type: 'post',
+      params: params
+    });
+  },
+  // 查询配置
+  querySigninConfig(params) {
+    return ajax({
+      url: '/task/sign/list',
+      type: 'get',
+      params: params
+    });
+  },
+
+  // 签到历史记录（参考 qiyou2_admin_client）
+  getCheckinHistoryList(params) {
+    return ajax({
+      url: '/checkin/history/list',
+      type: 'post',
+      params
+    });
+  },
+  deleteCheckinHistory(params) {
+    return ajax({
+      url: '/checkin/history/del',
+      type: 'post',
+      params
+    });
+  },
+
+  // 签到奖品配置列表（参考 qiyou2_admin_client）
+  checkinCfgAdd(params) {
+    return ajax({
+      url: '/checkinprize/add',
+      type: 'post',
+      params
+    });
+  },
+  checkinCfgDel(params) {
+    return ajax({
+      url: '/checkinprize/del',
+      type: 'post',
+      params
+    });
+  },
+  checkinCfgSearch(params) {
+    return ajax({
+      url: '/checkinprize/list',
+      type: 'post',
+      params
+    });
+  },
+  checkinCfgUpdate(params) {
+    return ajax({
+      url: '/checkinprize/update',
+      type: 'post',
+      params
+    });
+  },
+
+  // 文档后台管理接口
+  getCheckingCg(params = {}) {
+    return ajax({
+      url: '/checkin/conf/get',
+      type: 'post',
+      params
+    });
+  },
+  updateCheckingCg(params) {
+    return ajax({
+      url: '/checkin/conf/update',
+      type: 'post',
+      params
+    });
+  },
+}
+
+export default signinApi;

src/api/statistics.js

@@ -0,0 +1,98 @@
+import ajax from '../utils/request'
+
+const staticsApi = {
+  /***************************金币流水统计管理****************************** */
+  // 请求金币流水列表
+  getGlodList(params) {
+    return ajax({
+      url: '/log/gold',
+      type: 'get',
+      params: params
+    })
+  },
+    // 请求金币流水-用途列表
+    getUseList(params) {
+      return ajax({
+        url: '/log/goldType',
+        type: 'get',
+        params: params
+      })
+    },
+  /***************************营收数据****************************** */
+  getRevenue(params) {
+    return ajax({
+      url: '/stats/revenue/list',
+      type: 'get',
+      params: params
+    })
+  },
+  /***************************用户今日统计****************************** */
+  getUserTody(params) {
+    return ajax({
+      url: '/stats/user/daily/list',
+      type: 'get',
+      params: params
+    })
+  },
+  /***************************提现充值成功统计****************************** */
+  getOrderStats(params) {
+    return ajax({
+      url: '/stats/order/list',
+      type: 'get',
+      params: params
+    })
+  },
+  /**
+   * 获取交易统计里 趋势图详情接口
+   * @param {*} params 
+   */
+  getEchartData(data) {
+    return ajax({
+      url: '/stats/order/sucRate',
+      type: 'post',
+      params:data
+    })
+  },
+  /***************************视频收入统计****************************** */
+  getVIncomeList(params) {
+    return ajax({
+      url: '/stats/video/earn/list',
+      type: 'get',
+      params: params
+    })
+  },
+  /***************************广告点击统计****************************** */
+  getClickStatistics(params) {
+    return ajax({
+      url: '/log/ads/statistical',
+      type: 'get',
+      params: params
+    })
+  },
+  /***************************广告ab用户分析****************************** */
+  getAdgroupList(params) {
+    return ajax({
+      url: '/adgroup/list',
+      type: 'post',
+      params: params
+    })
+  },
+  /***************************视频销售金币统计****************************** */
+  getVideoPayGoldStat(params) {
+    return ajax({
+      url: '/stats/video/earn/aggregate',
+      type: 'get',
+      params: params
+    })
+  },
+  /***************************视频扣量金币统计****************************** */
+  getVideoKlGoldStat(params) {
+    return ajax({
+      url: '/stats/video/publisher/deduction',
+      type: 'get',
+      params: params
+    })
+  },
+}
+
+export default staticsApi

src/api/systemManagement.js

@@ -0,0 +1,70 @@
+import ajax from '../utils/request'
+const systemApi = {
+  /********************************版本管理*********************************** */
+  // 请求版本管理模块配置列表
+  getVersionList(params) {
+    return ajax({
+      url: '/ver/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 删除tags
+  getVersionDelets(params) {
+    return ajax({
+      url: '/ver',
+      type: 'delete',
+      params: params
+    })
+  },
+  // 编辑tags
+  getVersionPut(params) {
+    return ajax({
+      url: '/ver/update',
+      type: 'post',
+      params: params
+    })
+  },
+  // 增加tags
+  getVersionPost(params) {
+    return ajax({
+      url: '/ver',
+      type: 'post',
+      params: params
+    })
+  },
+   /** ***********************ip配置************************** */
+  // 请求列表
+  getIpConfigList(params) {
+    return ajax({
+      url: '/ipwhite/list',
+      type: 'get',
+      params: params
+    })
+  },
+  // 新增
+  addIpConfig(params) {
+    return ajax({
+      url: '/ipwhite/add',
+      type: 'post',
+      params: params
+    })
+  },
+  // 编辑
+  updateIpConfig(params) {
+    return ajax({
+      url: '/ipwhite/edit',
+      type: 'post',
+      params: params
+    })
+  },
+  // 删除
+  delIpConfig(params) {
+    return ajax({
+      url: '/ipwhite/del',
+      type: 'delete',
+      params: params
+    })
+  }
+}
+export default systemApi

src/api/systemMessage.js

@@ -0,0 +1,104 @@
+import ajax from "../utils/request";
+const systemMessageApi = {
+  /********************************系统管理*********************************** */
+  // 获取消息通知列表
+  getSystemMessage(params) {
+    return ajax({
+      url: "/infmt/notice/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 删除消息通知
+  removeMessage(params) {
+    return ajax({
+      url: "/infmt/notice/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  addMessage(params) {
+    return ajax({
+      url: "/infmt/notice/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑通知
+  editMessage(params) {
+    return ajax({
+      url: "/infmt/notice/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取邮件列表
+  getEmailList(params) {
+    return ajax({
+      url: "/infmt/mail/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加邮件
+  addEmail(params) {
+    return ajax({
+      url: "/infmt/mail/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除邮件
+  removeEmail(params) {
+    return ajax({
+      url: "/infmt/mail/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  /********************************系统配置列表*********************************** */
+  // 获取系统配置列表
+  getSysconfAll(params) {
+    return ajax({
+      url: "/sysconf/all",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加系统配置
+  addSysconf(params) {
+    return ajax({
+      url: "/sysconf/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除系统配置
+  delSysconf(params) {
+    return ajax({
+      url: "/sysconf/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改系统配置
+  updateSysconf(params) {
+    return ajax(
+      {
+        url: "/sysconf/update",
+        type: "post",
+        params: params,
+      },
+      true
+    );
+  },
+  // selectValues下拉框选项修改
+  updateSysSelect(params) {
+    return ajax({
+      url: "/sysconf/update/select",
+      type: "post",
+      params: params,
+    });
+  },
+};
+export default systemMessageApi;

src/api/tagConfigList.js

@@ -0,0 +1,30 @@
+import ajax from "../utils/request";
+
+const tagConfigsListApi = {
+  // 新增标签配置
+  addTagConfig(params) {
+    return ajax({
+      url: '/tag/conf/add',
+      type: 'post',
+      params
+    })
+  },
+  // 删除标签配置
+  delTagConfig(params) {
+    return ajax({
+      url: '/tag/conf/delete',
+      type: 'post',
+      params
+    })
+  },
+  // 修改标签配置
+  editTagConfig(params) {
+    return ajax({
+      url: '/tag/conf/update',
+      type: 'post',
+      params
+    })
+  }
+}
+
+export default tagConfigsListApi;

src/api/transactionManagement.js

@@ -0,0 +1,250 @@
+import ajax from "../utils/request";
+
+const transApi = {
+  /********************************充值订单管理列表*********************************** */
+  // 请求充值订单列表
+  getOrderList(params) {
+    return ajax({
+      url: "/recharge/order/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 编辑状态说明
+  editStatusText(params) {
+    return ajax({
+      url: "/recharge/order/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 把订单信息通知到第三方平台
+  handAddScore(params) {
+    return ajax({
+      url: "/daichong/order/handScore",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************积分兑换列表*********************************** */
+  // 获取积分兑换列表
+  getIntegralExchangeList(params) {
+    return ajax({
+      url: "/integral_exchange",
+      type: "get",
+      params: params,
+    });
+  },
+  // 修改积分兑换
+  updateIntegralExchange(params) {
+    return ajax({
+      url: "/integral_exchange",
+      type: "put",
+      params: params,
+    });
+  },
+  /********************************提现订单管理列表*********************************** */
+  // 请求提现列表
+  getWithdrawList(params) {
+    return ajax({
+      url: "/withdraw/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 提现审核
+  WithdrawExamine(params) {
+    return ajax({
+      url: "/withdraw/check",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************预售订单管理列表*********************************** */
+  // 请求预售订单列表
+  getAdvanceOrderList(params) {
+    return ajax({
+      url: "/advance_order",
+      type: "get",
+      params: params,
+    });
+  },
+  exportAdvanceOrder(params) {
+    return ajax({
+      url: "/advance_order/export",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************提现方式*********************************** */
+  // 新增提现方式
+  addWChannel(params) {
+    return ajax({
+      url: "/withdraw/channel/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取提现方式配置列表
+  getWChannelList(params) {
+    return ajax({
+      url: "/withdraw/channel/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 修改提现方式配置
+  updateWChannel(params) {
+    return ajax({
+      url: "/withdraw/channel/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改提现税率
+  updateTax(params) {
+    return ajax({
+      url: "/withdraw/channel/batch",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除提现方式配置
+  delWChannel(params) {
+    return ajax({
+      url: "/withdraw/channel/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  /********************************提现银行配置*********************************** */
+  // 提现银行配置列表配置
+  cashBankList(params) {
+    return ajax({
+      url: "/bankType/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 提现银行配置新增
+  addCashBank(params) {
+    return ajax({
+      url: "/bankType/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 提现银行配置编辑
+  editCashBank(params) {
+    return ajax({
+      url: "/bankType/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 提现银行配置删除
+  delCashBank(params) {
+    return ajax({
+      url: "/bankType/del ",
+      type: "delete",
+      params: params,
+    });
+  },
+
+  /******************************财务转账列表******************************/
+  // 获取财务转账列表
+  getTransferList(params) {
+    return ajax({
+      url: "/withdraw/finan/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 回执请求
+  receipt(params) {
+    return ajax({
+      url: "/withdraw/finan/receipt",
+      type: "post",
+      params: params,
+    });
+  },
+  /******************************会员购买记录******************************/
+  getVipCardPurchaseRecord(params) {
+    return ajax({
+      url: "/business/product/order",
+      type: "get",
+      params: params,
+    });
+  },
+
+  // 导出会员购买记录（POST）
+  exportVipCardPurchaseRecord(params) {
+    return ajax({
+      url: "/business/product/order/export",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /******************************退款列表******************************/
+  // 获取退款列表
+  getRefundList(params) {
+    return ajax({
+      url: "/withdraw/refund/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 请求
+  Refund(params) {
+    return ajax({
+      url: "/withdraw/refund/dealwith ",
+      type: "post",
+      params: params,
+    });
+  },
+  /******************************** AI图生视频订单 *********************************** */
+  getAiImageToVideoList(params) {
+    return ajax({
+      url: "/ai/image_to_video/list",
+      type: "get",
+      params,
+    });
+  },
+  delAiImageToVideo(params) {
+    return ajax({
+      url: "/ai/image_to_video/delete",
+      type: "post",
+      params,
+    });
+  },
+  updateAiImageToVideo(params) {
+    return ajax({
+      url: "/ai/image_to_video/update",
+      type: "post",
+      params,
+    });
+  },
+  getAiTextImage(params) {
+    return ajax({
+      url: "/ai/text_to_image/list",
+      type: "get",
+      params
+    });
+  },
+  delAiTextImage(params) {
+    return ajax({
+      url: "/ai/text_to_image/delete",
+      type: "post",
+      params
+    });
+  },
+  updateAiTextImage(params) {
+    return ajax({
+      url: "/ai/text_to_image/update",
+      type: "post",
+      params
+    });
+  },
+};
+export default transApi;

src/api/user.js

@@ -0,0 +1,556 @@
+import ajax from "../utils/request";
+const userApi = {
+  /********************************用户管理*********************************** */
+  // 添加用户
+  addUser(params) {
+    return ajax({
+      url: "/user/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 更新用户设备id
+  resetDev(params) {
+    return ajax({
+      url: "/user/devID/reset",
+      type: "post",
+      params: params,
+    });
+  },
+  // 请求用户管理模块禁言用户
+  getUserBan(params) {
+    return ajax({
+      url: "/user/banned",
+      type: "post",
+      params: params,
+    });
+  },
+  // 设置用户是否打广告
+  setUserAdv(params) {
+    return ajax({
+      url: "/user/advertiser",
+      type: "post",
+      params: params,
+    });
+  },
+  // 神评或者取消神评
+  updateComment(params) {
+    return ajax({
+      url: "/comment/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除用户评论
+  delUserComment(params) {
+    return ajax({
+      url: "/user/deleteComment",
+      type: "post",
+      params: params,
+    });
+  },
+  // 请求用户列表
+  getUserList(params) {
+    return ajax({
+      url: "/user/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 更新用户禁止上传状态
+  resetForbid(params) {
+    return ajax({
+      url: "/user/forbid",
+      type: "post",
+      params: params,
+    });
+  },
+  // 请求查看或生成验证码
+  getViewCaptcha(params) {
+    return ajax({
+      url: "/extend/viewCaptcha",
+      type: "get",
+      params: params,
+    });
+  },
+  // 请求用户观看视频详情列表
+  getUserPlay(params) {
+    return ajax({
+      url: "/user/record/play",
+      type: "get",
+      params: params,
+    });
+  },
+  // 请求用户管理模块禁止用户登陆
+  getUserLock(params) {
+    return ajax({
+      url: "/user/lock",
+      type: "post",
+      params: params,
+    });
+  },
+  // 设置ai伴侣余额
+  creditAiMateBalance(params) {
+    return ajax({
+      url: "/user/credit/aiMateBalance",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑用户
+  editUser(params) {
+    return ajax({
+      url: "/user/update",
+      type: "post",
+      params: params,
+    });
+  },
+  //重置用户银行卡姓名
+  restBankUserName(params) {
+    return ajax(
+      {
+        url: "/user/update",
+        type: "post",
+        params: params,
+      },
+      true
+    );
+  },
+  // 理由列表
+  getReasonList(params) {
+    return ajax({
+      url: "/rejectTemp/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增理由
+  addReasonList(params) {
+    return ajax({
+      url: "/rejectTemp/insert",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除理由
+  delReasonList(params) {
+    return ajax({
+      url: "/rejectTemp/del",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑理由
+  editReasonList(params) {
+    return ajax({
+      url: "/rejectTemp/update",
+      type: "post",
+      params: params,
+    });
+  },
+
+  // 用户加金币
+  addUserGold(params) {
+    return ajax({
+      url: "/user/credit",
+      type: "post",
+      params: params,
+    });
+  },
+  // 用户加AI脱衣免费次数
+  addAiUndressFreeTimes(params) {
+    return ajax({
+      url: "/user/update/freeTimes",
+      type: "post",
+      params: params,
+    });
+  },
+  // 用户加下载次数
+  addDownloadTimes(params) {
+    return ajax({
+      url: "/user/update/download",
+      type: "post",
+      params: params,
+    });
+  },
+  // 用户加抽奖次数
+  addLotteryTimes(params) {
+    return ajax({
+      url: "/user/update/lotteryTimes",
+      type: "post",
+      params: params,
+    });
+  },
+  // 用户加积分
+  addUserIntegral(params) {
+    return ajax({
+      url: "/user/integral",
+      type: "post",
+      params: params,
+    });
+  },
+  // 用户加果币
+  addUserFruitCoin(params) {
+    return ajax({
+      url: "/user/credit/fruitCoin",
+      type: "post",
+      params: params,
+    });
+  },
+  // 用户VIP权益
+  getUserVipInfo(params) {
+    return ajax({
+      url: "/user/vipInfo",
+      type: "get",
+      params: params,
+    });
+  },
+  // 获取账号凭证
+  getQrcode(params) {
+    return ajax({
+      url: "/user/qr_code",
+      type: "post",
+      params: params,
+    });
+  },
+  // 查询会员卡
+  queryVipCard(params) {
+    return ajax({
+      url: "/business/product/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 查询游戏码
+  queryUserGameCode(params) {
+    return ajax({
+      url: "/user/queryGameCode",
+      type: "get",
+      params: params,
+    });
+  },
+  // 用户导出
+  exportUserList(params) {
+    return ajax({
+      url: "/export/userList",
+      type: "get",
+      params: params,
+    });
+  },
+  /********************************背包列表*********************************** */
+  // 获取背包列表
+  getBackpackList(params) {
+    return ajax({
+      url: "/backpack",
+      type: "get",
+      params: params,
+    });
+  },
+  /********************************用户私信列表*********************************** */
+  // 请求用户私信列表
+  getChatMessageList(params) {
+    return ajax({
+      url: "/user/chatMessage/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 请求用户私信列表
+  chatMessageSend(params) {
+    return ajax({
+      url: "/user/chatMessage/send",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************用户登陆日志*********************************** */
+  // 请求用户登陆日志列表
+  getLoginLog(params) {
+    return ajax({
+      url: "/user/login/list",
+      type: "get",
+      params: params,
+    });
+  },
+  /********************************用户ip限制*********************************** */
+  // 请求ip限制列表
+  getIpBlock(params) {
+    return ajax({
+      url: "/ipblock/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 修改IP限制
+  editIpBlock(params) {
+    return ajax({
+      url: "/ipblock/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除IP限制
+  delIpBlock(params) {
+    return ajax({
+      url: "/ipblock/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 添加IP限制
+  addIpBlock(params) {
+    return ajax({
+      url: "/ipblock/add",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************用户观看日志*********************************** */
+  // 请求用户观看记录列表
+  getWatchLog(params) {
+    return ajax({
+      url: "/user/play/list",
+      type: "get",
+      params: params,
+    });
+  },
+  /********************************用户常见问题*********************************** */
+  //请求用户常见问题列表
+
+  //请求用户常见问题列表
+  getUserQuestionList(params) {
+    return ajax({
+      url: "/user/faq/list",
+      type: "get",
+      params,
+    });
+  },
+  //请求用户常见问题分类列表
+  getClassificationList(params) {
+    return ajax({
+      url: "/user/faq/cate/list ",
+      type: "get",
+      params,
+    });
+  },
+  // 新增问题
+  AddQuestion(params) {
+    return ajax({
+      url: "/user/faq/add",
+      type: "post",
+      params,
+    });
+  },
+  // 编辑问题
+  EditQuestion(params) {
+    return ajax({
+      url: "/user/faq/update",
+      type: "post",
+      params,
+    });
+  },
+  // 删除问题
+  DeleteQuestion(params) {
+    return ajax({
+      url: "/user/faq/del",
+      type: "delete",
+      params,
+    });
+  },
+  /********************************用户举报列表*********************************** */
+  // 请求用户举报列表
+  getUserReport(params) {
+    return ajax({
+      url: "/user/report/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 请求用户举报列表
+  setRept(params) {
+    return ajax({
+      url: "/user/report/setStatus",
+      type: "post",
+      params: params,
+    });
+  },
+  // 请求举报分类列表
+  getReportTypes(params) {
+    return ajax({
+      url: "/user/report/types/list",
+      type: "get",
+      params: params,
+    });
+  },
+  /********************************黑名单列表*********************************** */
+  //请求黑名单列表
+  getBlackList(params) {
+    return ajax({
+      url: "/blacklist/list",
+      type: "get",
+      params,
+    });
+  },
+  // 移除黑名单
+  removeBlackList(params) {
+    return ajax({
+      url: "/blacklist/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 添加黑名单
+  addBlackList(params) {
+    return ajax({
+      url: "/blacklist/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /********************************用户推荐列表*********************************** */
+  // 请求用户推荐列表
+  getRecommendationList(params) {
+    return ajax({
+      url: "/user/reco/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 用户推荐修改
+  updateRecommendation(params) {
+    return ajax({
+      url: "/user/reco/modify",
+      type: "post",
+      params: params,
+    });
+  },
+  // 用户推荐新增
+  addRecommendation(params) {
+    return ajax({
+      url: "/user/reco/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 用户推荐删除
+  delRecommendation(params) {
+    return ajax({
+      url: "/user/reco/del",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /**********************用户反馈列表******************** */
+  // 请求用户反馈列表
+  getFeedbackList(params) {
+    return ajax({
+      url: "/user/feedback/list",
+      type: "get",
+      params: params,
+    });
+  },
+  //用户反馈修改
+  updateFeedback(params) {
+    return ajax({
+      url: "/user/feedback/update",
+      type: "post",
+      params: params,
+    });
+  },
+  //用户反馈删除
+  delFeedback(params) {
+    return ajax({
+      url: "/user/feedback/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  //查询游戏余额
+  queryBalance(params) {
+    return ajax({
+      url: "/game/wali/balance/get",
+      type: "post",
+      params: params,
+    });
+  },
+  //回收游戏余额
+  recycleGameBal(params) {
+    return ajax({
+      url: "/game/wali/transfer",
+      type: "post",
+      params: params,
+    });
+  },
+  //回收金币
+  recycleIncome(params) {
+    return ajax({
+      url: "/user/credit/gold",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /**********************用户操作日志列表******************** */
+  // 请求用户日志列表
+  getUserLogList(params) {
+    return ajax({
+      url: "/operation/log/list",
+      type: "get",
+      params: params,
+    });
+  },
+
+  // 查询所有工作室用户
+  queryStudioList(params) {
+    return ajax({
+      url: "/user/madou/list ",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************用户资源配置*********************************** */
+  // 请求用户资源配置列表
+  getResource(params) {
+    return ajax({
+      url: "/user/resource/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 删除用户资源配置
+  delResource(params) {
+    return ajax({
+      url: "/user/resource/del",
+      type: "post",
+      params: params,
+    });
+  },
+  // 新增用户资源配置
+  addResource(params) {
+    return ajax({
+      url: "/user/resource/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑用户资源配置
+  updResource(params) {
+    return ajax({
+      url: "/user/resource/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 请求用户ai伴侣交易列表
+  getUserAiMateTransList(params) {
+    return ajax({
+      url: "/aimate/trans_list",
+      type: "get",
+      params: params,
+    });
+  },
+};
+
+export default userApi;

src/api/videoManagement.js

@@ -0,0 +1,813 @@
+import ajax from "../utils/request";
+const videoApi = {
+  /********************************审核视频相关接口*********************************** */
+  queryTagList(params) {
+    return ajax({
+      url: "/tag/pure/list",
+      type: "get",
+      params: params,
+    });
+  },
+  getVideoList(params) {
+    return ajax({
+      url: "/vid/list",
+      type: "get",
+      params: params,
+    });
+  },
+  queryHappTopList(params) {
+    return ajax({
+      url: "/image/list",
+      type: "post",
+      params: params,
+    });
+  },
+  delHappTopList(params) {
+    return ajax({
+      url: "/image/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  updataHappTopList(params) {
+    return ajax({
+      url: "/image/update",
+      type: "post",
+      params: params,
+    });
+  },
+  queryVidHot(params) {
+    return ajax({
+      url: "/vid/search",
+      type: "post",
+      params: params,
+    });
+  },
+  exportVideoList(params) {
+    return ajax({
+      url: "/vid/export",
+      type: "post",
+      // responseType: "blob",
+      params: params,
+    });
+  },
+  // 视频删除接口
+  deleteVideos(params) {
+    return ajax({
+      url: "/vid/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 单个视频审核接口
+  examineVideo(params) {
+    return ajax({
+      url: "/vid/batch/pass",
+      type: "post",
+      params: params,
+    });
+  },
+  // 批量视频审核接口
+  batchReview(params) {
+    return ajax({
+      url: "/vid/batch/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  // 从专题批量视频删除接口
+  batchDelete(params) {
+    return ajax({
+      url: "/module/video/delete/batch",
+      type: "post",
+      params: params,
+    });
+  },
+  // 视频编辑
+  editVideoInfo(params) {
+    return ajax(
+      {
+        url: "/vid/update",
+        type: "post",
+        params: params,
+      },
+      true
+    );
+  },
+  // 上传图片
+  fileUpload(params) {
+    return ajax({
+      url: "/vid/uploadStatic",
+      type: "post",
+      headers: {
+        "Content-Type": "multipart/form-data",
+      },
+      params: params,
+    });
+  },
+  // 推送为精选
+  setChosen(params) {
+    return ajax({
+      url: "/vid/batch/update",
+      type: "post",
+      params: params,
+    });
+  },
+
+  // 是否推荐
+  setRecommend(params) {
+    return ajax({
+      url: "/vid/push",
+      type: "post",
+      params: params,
+    });
+  },
+  // 批量是否推荐
+  batchSetRecommend(params) {
+    return ajax({
+      url: "/vid/batch/reco",
+      type: "post",
+      params: params,
+    });
+  },
+  // 批量修改帖子类型
+  batchSetVideoType(params) {
+    return ajax({
+      url: "/vid/batch/newsType/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 取消推送
+  cancelRecommend(params) {
+    return ajax({
+      url: "/vid/push/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 推送列表
+  recommendList(params) {
+    return ajax({
+      url: "/vid/push/list",
+      type: "get",
+      params: params,
+    });
+  },
+
+  // 视频上传
+  uploadVideo(params) {
+    return ajax({
+      url: "/vid/submit",
+      type: "post",
+      params: params,
+    });
+  },
+  // 精选视频推送
+  pushVideo(params) {
+    return ajax({
+      url: "/vid/push",
+      type: "post",
+      params: params,
+    });
+  },
+  // 审核不通过理由列表
+  // 查询
+  queryFailList(params) {
+    return ajax({
+      url: "/rejectTemp/vid/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增
+  addFailList(params) {
+    return ajax({
+      url: "/rejectTemp/vid/insert",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除
+  delFailList(params) {
+    return ajax({
+      url: "/rejectTemp/vid/del",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑
+  editFailList(params) {
+    return ajax({
+      url: "/rejectTemp/vid/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 视频审查
+  videoFeviewList(params, urll) {
+    return ajax({
+      url: "/vid/view/" + urll,
+      type: "get",
+      params: params,
+    });
+  },
+  // 获取专题
+  sectionList(params) {
+    return ajax({
+      url: "/module/section/all",
+      type: "post",
+      params: params,
+    });
+  },
+  // 批量新增视频
+  batch(params) {
+    return ajax({
+      url: "/module/video/add/batch",
+      type: "post",
+      params: params,
+    });
+  },
+  // 批量新增视频
+  getVideoActivity(params) {
+    return ajax({
+      url: "/video_activity/box",
+      type: "get",
+      params: params,
+    });
+  },
+
+  /**
+   * 断点续传视频验证是否分片上传完毕
+   * @param {*} data
+   */
+  uploadDotJson(params) {
+    return ajax({
+      url: "/vid/uploadDotJson",
+      type: "post",
+      params: params,
+      headers: {
+        "Content-Type": "application/json; charset=utf-8",
+      },
+    });
+  },
+  uploadDotStream(params) {
+    return ajax({
+      url: "/vid/uploadDotStream",
+      type: "post",
+      params: params,
+    });
+  },
+  // 批量编辑标签
+  batchEditTags(params) {
+    return ajax({
+      url: "/vid/batch/update/tags",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************城市列表*********************************** */
+  // 删除城市
+  deleteCity(params) {
+    return ajax({
+      url: "/vid/location/hotCity/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 获取城市列表
+  getCityList(params) {
+    return ajax({
+      url: "/vid/location/city/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 编辑
+  updateCity(params) {
+    return ajax({
+      url: "/vid/location/city/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************热门城市*********************************** */
+  // 新增热门城市
+  addHotCity(params) {
+    return ajax({
+      url: "/vid/location/hotCity/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除热门城市
+  deleteHotCity(params) {
+    return ajax({
+      url: "/vid/location/hotCity/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 获取热门城市列表
+  getHotCityList(params) {
+    return ajax({
+      url: "/vid/location/hotCity/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 编辑热门城市
+  editHotCity(params) {
+    return ajax({
+      url: "/vid/location/hotCity/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************评论管理*********************************** */
+  // 回复评论
+  replyComment(params) {
+    return ajax({
+      url: "/comment/send",
+      type: "post",
+      params: params,
+    });
+  },
+  // 请求评论管理模块配置列表
+  getCommentList(params) {
+    return ajax({
+      url: "/comment/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 请求评论管理模块封禁用户
+  getCommentBan(params) {
+    return ajax({
+      url: "/comment/ban",
+      type: "post",
+      params: params,
+    });
+  },
+  // 请求评论管理模块通过审核
+  getCommentAccess(params) {
+    return ajax({
+      url: "/comment/access",
+      type: "post",
+      params: params,
+    });
+  },
+  // 评论批量通过
+  commentBatchPass(params) {
+    return ajax({
+      url: "/comment/batch/access",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除评论
+  delComment(params) {
+    return ajax({
+      url: "/comment/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 根据评论内容删除评论
+  deleteContent(params) {
+    return ajax({
+      url: "/web/comment/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 根据评论内容删除评论
+  // upLoadContent(params) {
+  //   return ajax({
+  //     url: '/comment/importExcel',
+  //     type: 'post',
+  //     params: params
+  //   })
+  // },
+
+  //导入评论内容
+  iExcel(params) {
+    return ajax({
+      url: "/comment/importExcel",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************短视频最热*********************************** */
+  // 请求萝莉岛最热模块配置列表
+  getVideoHotList(params) {
+    return ajax({
+      url: "/vid/tone/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 编辑萝莉岛最热
+  editVideoHot(params) {
+    return ajax({
+      url: "/vid/tone/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************标签管理*********************************** */
+  // 添加标签
+  addTags(params) {
+    return ajax({
+      url: "/tag/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 请求标签列表
+  getTagList(params) {
+    return ajax({
+      url: "/tag/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 请求推荐标签列表
+  getRecmdList(params) {
+    return ajax({
+      url: "/recmd/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 请求新增推荐标签
+  addRecmdList(params) {
+    return ajax({
+      url: "/recmd/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑推荐标签
+  editRecmdList(params) {
+    return ajax({
+      url: "/recmd/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除推荐标签
+  deleteRecmdList(params) {
+    return ajax({
+      url: "/recmd/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 删除tags
+  deleteTags(params) {
+    return ajax({
+      url: "/tag/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 编辑标签
+  editTags(params) {
+    return ajax({
+      url: "/tag/update",
+      type: "post",
+      params: params,
+    });
+  },
+  // 推送至精彩
+  pushWonder(params) {
+    return ajax({
+      url: "/vid/wonder/add",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************发现精彩*********************************** */
+  // 删除推荐精彩
+  deleteWonder(params) {
+    return ajax({
+      url: "/vid/wonder/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 获取精彩视频列表
+  getWonderList(params) {
+    return ajax({
+      url: "/vid/wonder/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 编辑发现精彩
+  editWonder(params) {
+    return ajax({
+      url: "/vid/wonder/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************视频热度计算方式*********************************** */
+  // 获取视频热度计算方式
+  queryVidPopularity(params) {
+    return ajax({
+      url: "/vid/popularity/config",
+      type: "get",
+      params,
+    });
+  },
+  // 修改视频热度计算方式
+  modifyVidPopularity(params) {
+    return ajax({
+      url: "/vid/popularity/config",
+      type: "post",
+      params,
+    });
+  },
+  /********************************资源管理*********************************** */
+  // 删除资源
+  deleteSource(params) {
+    return ajax({
+      url: "/source/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 获取资源列表
+  getSourceList(params) {
+    return ajax({
+      url: "/source/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加资源
+  addSource(params) {
+    return ajax({
+      url: "/source/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑资源
+  editSource(params) {
+    return ajax({
+      url: "/source/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************过滤词管理*********************************** */
+  // 过滤词列表
+  filterList(params) {
+    return ajax({
+      url: "/filter/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 过滤词删除
+  filterDelete(params) {
+    return ajax({
+      url: "/filter/delete",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 过滤词添加
+  filterAdd(params) {
+    return ajax({
+      url: "/filter/add",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /***********************免费视频观看配置列表************************ */
+  // 过滤词列表
+  // 删除
+  deletefreeVid(params) {
+    return ajax({
+      url: "/freeVid/cfg/del",
+      type: "delete",
+      params: params,
+    });
+  },
+  // 获取请求列表
+  getfreeVidList(params) {
+    return ajax({
+      url: "/freeVid/cfg/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加
+  addfreeVid(params) {
+    return ajax({
+      url: "/freeVid/cfg/add",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑
+  editfreeVid(params) {
+    return ajax({
+      url: "/freeVid/cfg/edit",
+      type: "post",
+      params: params,
+    });
+  },
+
+  /***********************活动配置************************ */
+
+  // 查询活动配置
+  queryActiveConfig(params) {
+    return ajax({
+      url: "/video_activity",
+      type: "get",
+      params: params,
+    });
+  },
+
+  // 新增活动配置
+  addActiveConfig(params) {
+    return ajax({
+      url: "/video_activity",
+      type: "post",
+      params: params,
+    });
+  },
+
+  // 编辑活动配置
+  eidtActiveConfig(params) {
+    return ajax({
+      url: "/video_activity",
+      type: "put",
+      params: params,
+    });
+  },
+  /********************************金币视频配置*********************************** */
+  // 请求金币视频配置
+  getVideoGoldCoin(params) {
+    return ajax({
+      url: "/video_gold_coin",
+      type: "get",
+      params: params,
+    });
+  },
+  // 添加金币视频配置
+  addVideoGoldCoin(params) {
+    return ajax({
+      url: "/video_gold_coin",
+      type: "post",
+      params: params,
+    });
+  },
+  // 修改金币视频配置
+  editVideoGoldCoin(params) {
+    return ajax({
+      url: "/video_gold_coin",
+      type: "put",
+      params: params,
+    });
+  },
+  // 删除金币视频配置
+  deleteVideoGoldCoin(params) {
+    return ajax({
+      url: "/video_gold_coin",
+      type: "delete",
+      params: params,
+    });
+  },
+  /***********************视频资源库************************ */
+  // 查询资源库列表
+  queryMediaResConfig(params) {
+    return ajax({
+      url: "/mediaResource/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 使用
+  useMediaRes(params) {
+    return ajax({
+      url: "/mediaResource/use",
+      type: "post",
+      params: params,
+    });
+  },
+  // 使用
+  ignoreMediaRes(params) {
+    return ajax({
+      url: "/mediaResource/ignore",
+      type: "post",
+      params: params,
+    });
+  },
+  /**************************自动上线视频配置**************************/
+  // 视频自动上线列表接口
+  getVidTimeOnlineList(params) {
+    return ajax({
+      url: "/vid/timeOnline/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 视频自动上线新增接口
+  editVidTimeOnline(params) {
+    return ajax({
+      url: "/vid/timeOnline/edit",
+      type: "post",
+      params: params,
+    });
+  },
+  // 视频自动上线删除接口
+  delVidTimeOnline(params) {
+    return ajax({
+      url: "/vid/timeOnline/del",
+      type: "post",
+      params: params,
+    });
+  },
+  // 视频自动上线批量新增接口
+  batchVidTimeOnline(params) {
+    return ajax({
+      url: "/vid/timeOnline/batchAudit",
+      type: "post",
+      params: params,
+    });
+  },
+  /********************************快捷搜索管理*********************************** */
+  // 获取快捷搜索列表
+  getQuickSearchList(params) {
+    return ajax({
+      url: "/quickSearch/list",
+      type: "get",
+      params: params,
+    });
+  },
+  // 新增快捷搜索
+  addQuickSearch(params) {
+    return ajax({
+      url: "/quickSearch/create",
+      type: "post",
+      params: params,
+    });
+  },
+  // 删除快捷搜索
+  deleteQuickSearch(params) {
+    return ajax({
+      url: "/quickSearch/delete",
+      type: "post",
+      params: params,
+    });
+  },
+  // 编辑快捷搜索
+  editQuickSearch(params) {
+    return ajax({
+      url: "/quickSearch/update",
+      type: "post",
+      params: params,
+    });
+  },
+  /***********************表情包管理************************ */
+  // 获取表情包列表
+  getEmojiList(params) {
+    return ajax({
+      url: "/emoji/list",
+      type: "get",
+      params,
+    });
+  },
+  // 新增表情包
+  addEmoji(params) {
+    return ajax({
+      url: "/emoji/create",
+      type: "post",
+      params,
+    });
+  },
+  // 修改表情包
+  updateEmoji(params) {
+    return ajax({
+      url: "/emoji/update",
+      type: "post",
+      params,
+    });
+  },
+  // 删除表情包
+  deleteEmoji(params) {
+    return ajax({
+      url: "/emoji/delete",
+      type: "post",
+      params,
+    });
+  },
+};
+export default videoApi;

src/assets/scss/base.scss

@@ -0,0 +1,291 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+html,
+body {
+  height: 100%;
+}
+a {
+  text-decoration: none;
+}
+li {
+  list-style: none;
+}
+i {
+  font-style: normal;
+}
+
+/*公共样式*/
+.el-pagination  {
+  margin-top: 4px;
+  float: right;
+}
+.el-dialog__header {
+  text-align: center;
+}
+.el-menu-item-group {
+  .el-menu-item {
+    font-size: 14px;
+    padding-left: 60px !important;
+    text-align: left;
+  }
+}
+.el-table {
+  .el-button--mini {
+    padding: 7px 11px !important;
+    font-weight: normal !important;
+  }
+}
+  // 表头数据可以复制
+.el-table th {
+  user-select: unset;
+}
+/*操作栏样式*/
+.action-bar {
+  width: 100%;
+  //height: 30px;
+  height: auto;
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 15px !important;
+  .el-select {
+    width: 150px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+  }
+  .el-button {
+    margin-left: 10px;
+    margin-bottom: 10px;
+  }
+  .block {
+    margin-top: 30px;
+  }
+  .param-input {
+    width: 180px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+  }
+}
+
+.color-1 {
+  background-image: linear-gradient(
+    to right,
+    #25aae1,
+    #40e495,
+    #30dd8a,
+    #2bb673
+  );
+  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
+}
+.color-2 {
+  background-image: linear-gradient(
+    to right,
+    #f5ce62,
+    #e43603,
+    #fa7199,
+    #e85a19
+  );
+  box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
+}
+.color-3 {
+  background-image: linear-gradient(
+    to right,
+    #667eea,
+    #764ba2,
+    #6b8dd6,
+    #8e37d7
+  );
+  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
+}
+.color-4 {
+  background-image: linear-gradient(
+    to right,
+    #fc6076,
+    #ff9a44,
+    #ef9d43,
+    #e75516
+  );
+  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
+}
+.color-5 {
+  background-image: linear-gradient(
+    to right,
+    #0ba360,
+    #3cba92,
+    #30dd8a,
+    #2bb673
+  );
+  box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
+}
+.color-6 {
+  background-image: linear-gradient(
+    to right,
+    #009245,
+    #fcee21,
+    #00a8c5,
+    #d9e021
+  );
+  box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
+}
+.color-7 {
+  background-image: linear-gradient(
+    to right,
+    #6253e1,
+    #852d91,
+    #a3a1ff,
+    #f24645
+  );
+  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
+}
+.color-8 {
+  background-image: linear-gradient(
+    to right,
+    #29323c,
+    #485563,
+    #2b5876,
+    #4e4376
+  );
+  box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
+}
+.color-9 {
+  background-image: linear-gradient(
+    to right,
+    #25aae1,
+    #4481eb,
+    #04befe,
+    #3f86ed
+  );
+  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
+}
+.color-10 {
+  background-image: linear-gradient(
+    to right,
+    #ed6ea0,
+    #ec8c69,
+    #f7186a,
+    #fbb03b
+  );
+  box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
+}
+.color-11 {
+  background-image: linear-gradient(
+    to right,
+    #eb3941,
+    #04befe,
+    #e14e53,
+    #3f86ed
+  );
+  box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4);
+}
+.color-12 {
+  background-image: linear-gradient(
+    to right,
+    #ed6ea0,
+    #ec8c69,
+    #ec8c69,
+    #ed6ea0
+  );
+  box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4);
+}
+.color-13 {
+  background-image: linear-gradient(
+    to right,
+    #25aae1,
+    #40e495,
+    #30dd8a,
+    #2bb673
+  );
+  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
+}
+.color-14 {
+  background-image: linear-gradient(
+    to right,
+    #f5ce62,
+    #e43603,
+    #fa7199,
+    #e85a19
+  );
+  box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
+}
+.color-15 {
+  background-image: linear-gradient(
+    to right,
+    #667eea,
+    #764ba2,
+    #6b8dd6,
+    #8e37d7
+  );
+  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
+}
+.color-16 {
+  background-image: linear-gradient(
+    to right,
+    #fc6076,
+    #ff9a44,
+    #ef9d43,
+    #e75516
+  );
+  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
+}
+.color-17 {
+  background-image: linear-gradient(
+    to right,
+    #0ba360,
+    #3cba92,
+    #30dd8a,
+    #2bb673
+  );
+  box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
+}
+.color-18 {
+  background-image: linear-gradient(
+    to right,
+    #009245,
+    #fcee21,
+    #00a8c5,
+    #d9e021
+  );
+  box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
+}
+.color-19 {
+  background-image: linear-gradient(
+    to right,
+    #6253e1,
+    #852d91,
+    #a3a1ff,
+    #f24645
+  );
+  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
+}
+.color-20 {
+  background-image: linear-gradient(
+    to right,
+    #29323c,
+    #485563,
+    #2b5876,
+    #4e4376
+  );
+  box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
+}
+.color-9 {
+  background-image: linear-gradient(
+    to right,
+    #25aae1,
+    #4481eb,
+    #04befe,
+    #3f86ed
+  );
+  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
+}
+.color-10 {
+  background-image: linear-gradient(
+    to right,
+    #ed6ea0,
+    #ec8c69,
+    #f7186a,
+    #fbb03b
+  );
+  box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
+}

src/assets/scss/element-variables.scss

@@ -0,0 +1,7 @@
+/* 改变主题色变量 */
+$--color-primary: #e63765;
+
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
+@import '~element-ui/packages/theme-chalk/src/index';

src/components/ConfigForms/index.vue

@@ -0,0 +1,233 @@
+<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]"
+          :cover="formData[item.key]"
+          :hide="true"
+          width="100px"
+          height="100px"
+          @successCallback="(res) => {formData[item.key] = res.data.coverImg}"
+        ></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>
+        <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 baseUpload from "../baseUpload.vue";
+import ImgsUpload from "../imgsUpload.vue";
+
+export default {
+  name: "ConfigForms",
+  components: { baseUpload, ImgsUpload },
+  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();
+      },
+      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);
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/components/ConfigTable/index.vue

@@ -0,0 +1,363 @@
+<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-number
+          v-else-if="item.type === 'number'"
+          :style="{ width: item.width || '192px' }"
+          v-model="params[item.key]"
+          size="small"
+          :min="item.min"
+          :max="item.max"
+          :placeholder="item.placeholder"
+        ></el-input-number>
+        <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.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
+                    )
+                  : typeof scope.row[column.key] == "number"
+                  ? 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);
+    },
+    add() {
+      this.$emit("add");
+    },
+    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;
+    }
+  }
+}
+</style>

src/components/Gallery/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="gallery">
+    <div class="gallery-item" v-show="i === 0" v-for="(src, i) in srcList" :key="i">
+      <DecryptImg
+        :src="src"
+        :initial-index="i"
+        :i-preview-src-list="previewBlobs"
+        @load="onImgLoad(i, $event)"
+      ></DecryptImg>
+    </div>
+    <div v-if="srcList.length > 1" class="tag">
+      <span>共{{ srcList.length }}张</span>
+    </div>
+    <div v-else-if="srcList.length < 1">
+      <span>-</span>
+    </div>
+  </div>
+</template>
+
+<script>
+import DecryptImg from "@/components/decrypt-img";
+
+export default {
+  name: "Gallery",
+  props: ["list"],
+  components: { DecryptImg },
+  computed: {
+    srcList() {
+      const list = (Array.isArray(this.list) ? this.list : [this.list]).filter(
+        (v) => !!v
+      );
+      return list;
+    },
+  },
+  data() {
+    return {
+      index: 0,
+      timer: null,
+      previewBlobs: [],
+    };
+  },
+  mounted() {},
+  activated() {},
+  deactivated() {},
+  methods: {
+    onImgLoad(i, e) {
+      const arr = Object.assign([], this.previewBlobs);
+      arr[i] = e.blob;
+      this.previewBlobs = arr;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.gallery {
+  position: relative;
+  margin: 0 auto;
+  width: 100px;
+  height: 100px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .tag {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    padding: 0px 8px;
+    background-color: #0009;
+    font-size: 10px;
+    line-height: 16px;
+    border-radius: 100px;
+    color: #fff;
+  }
+
+  &-item {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>

src/components/LongText.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="long-text">
+    <span ref="textDom" class="ellipsis2" v-html="text || '-'"></span>
+    <el-button v-if="(text && isEllipsis)" type="text" plain @click="view" icon="el-icon-zoom-in"></el-button>
+    <rich-preview ref="rich"></rich-preview>
+  </div>
+</template>
+
+<script>
+import RichPreview from "@/components/rich-preview";
+
+export default {
+  name: "LongText",
+  props: ["text", "previewAlways"],
+  components: { RichPreview },
+  data() {
+    return {
+      isEllipsis: true
+    };
+  },
+  watch: {
+    text() {
+      this.updatePreviewMore();
+    }
+  },
+  mounted() {
+    this.updatePreviewMore();
+  },
+  methods: {
+    async updatePreviewMore() {
+      await this.$nextTick();
+      const textDom = this.$refs.textDom;
+      this.isEllipsis = textDom.scrollHeight > textDom.offsetHeight;
+    },
+    view() {
+      const { isDialogDetail, sessionId } = this.$attrs;
+      if (isDialogDetail) this.$refs.dialog.open({ id: sessionId });
+      else this.$refs.rich.open(this.text);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+
+@mixin multi-ellipsis($lines) {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: $lines;
+  line-break: anywhere;
+
+  /* autoprefixer: ignore next */
+  -webkit-box-orient: vertical;
+}
+
+.ellipsis {
+  @include multi-ellipsis(1);
+}
+
+.ellipsis2 {
+  @include multi-ellipsis(2);
+}
+
+.ellipsis3 {
+  @include multi-ellipsis(3);
+}
+
+.long-text {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &__detail {
+    color: red;
+  }
+}
+</style>

src/components/ShowVideo/index.vue

@@ -0,0 +1,122 @@
+<template>
+  <div>
+    <el-dialog
+      :title="title"
+      align="center"
+      :visible.sync="dialogVisible"
+      width="40%"
+      :before-close="handleClose"
+      :close-on-click-modal="false"
+      append-to-body>
+      <div :data="myData" class="my_data">
+        <span>视频高度:{{ this.myData.height }}</span>
+        <span>视频宽度:{{ this.myData.width }}</span>
+        <span>视频时长:{{ this.myData.playTime + "s" }}</span>
+      </div>
+      <!-- <div class="media-box" id="media-box"></div> -->
+      <div v-if="mediaUrl" style="width: 400px; heigth: 130px; background: red;margin-top:10px">
+        <DPlayer
+          ref="player"
+          :video="{
+            url: mediaUrl,
+            type: type === 'mp4' ? '' : 'hls',
+            pic: '',
+          }"
+          hotkey
+          :autoplay="true"
+          @playing="onPlayerPlay"
+          @pause="onPlayerPause"
+          @loadeddata="onPlayerLoadeddata"
+          @error="onPlayerError"
+          @ended="onPlayerEnded"
+          @waiting="onPlayerWaiting"></DPlayer>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import DPlayer from '../VueDplayerHls/index'
+
+export default {
+  name: 'ShowVideo',
+  components: {
+    DPlayer
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      mediaUrl: '',
+      title: '封面图查看',
+      params: {},
+      myData: {},
+      type: undefined,
+      domain: '/api/web/media/m3u8/' // 存放图片的域名
+    }
+  },
+  computed: {
+    token() {
+      return this.$store.state.user.token
+    }
+  },
+
+  methods: {
+    // / 监听视频播放的回调函数
+    onPlayerPlay() {},
+    // / 监听暂停播放的回调函数
+    onPlayerPause() {},
+    // / 监听当前视频数据加载完成
+    onPlayerLoadeddata() {},
+    // / 监听当前视频数据加载失败
+    onPlayerError() {},
+    // / 监听当前视频数据加载ing
+    onPlayerWaiting() {},
+    // / 监听当前视频播放完成
+    onPlayerEnded() {},
+    handleClose() {
+      if (this.player) {
+        this.player.dispose()
+      }
+      this.dialogVisible = false
+      this.mediaUrl = ''
+    },
+    open(url, data) {
+      console.log(url);
+      
+      this.myData = { ...data }
+      this.dialogVisible = true
+      this.title = '视频查看'
+      // this.mediaUrl = this.domain + (url.match(RegExp(/.m3u8/)) ? url : url + '.m3u8')
+      if (url.indexOf('mp4') !== -1) {
+        this.mediaUrl = this.$store.getters.getSystemConfig.mp4Url + url
+        this.type = 'mp4'
+      } else {
+        this.mediaUrl = (url.startsWith('http') ? '' : this.domain) + (url.match(RegExp(/.m3u8/)) ? url : url + '.m3u8')
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.my_data {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+.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/components/VueDplayerHls/index.vue

@@ -0,0 +1,140 @@
+<template>
+  <div id="dplayer" ref="dplayer"></div>
+</template>
+
+<script>
+import DPlayer from 'dplayer'
+import Hls from 'hls.js';
+window.Hls = Hls;
+export default {
+  props: {
+    autoplay: {
+      type: Boolean,
+      default: false
+    },
+    theme: { // 主题色
+      type: String,
+      default: '#FADFA3'
+    },
+    loop: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: 'zh'
+    },
+    screenshot: { // 是否开启截图
+      type: Boolean,
+      default: false
+    },
+    hotkey: { // 是否开启热键
+      type: Boolean,
+      default: true
+    },
+    preload: {
+      type: String,
+      default: 'auto'
+    },
+    contextmenu: { // 自定义右键菜单
+      type: Array,
+      default: () => []
+    },
+    logo: {
+      type: String,
+      default: ''
+    },
+    video: {
+      type: Object, // 可选值：‘auto’,'hls','flv','dash','webtorrent','normal'
+      required: true,
+      validator(value) {
+        return typeof value.url === 'string'
+      }
+    },
+    option: {
+      type: Object,
+      require: false,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      dp: null
+    }
+  },
+  watch: {
+    video(val) {
+      if (this.dp) {
+        this.dp.switchVideo(val) // 切换到其他视频
+      }
+    }
+  },
+  beforeDestroy() {
+    if (this.dp) {
+      this.dp.destroy()
+    }
+  },
+  mounted() {
+    const player = (this.dp = new DPlayer({
+      ...{
+        container: this.$refs.dplayer,
+        autoplay: false,
+        theme: this.theme,
+        loop: this.loop,
+        lang: this.lang,
+        screenshot: this.screenshot,
+        hotkey: this.hotkey,
+        preload: this.preload,
+        contextmenu: this.contextmenu,
+        logo: this.logo,
+        video: {
+          url: this.video.url,
+          pic: this.video.pic,
+          type: this.video.type
+        }
+      },
+      ...this.option
+    }))
+    player.video.muted = true
+    player.on('play', () => {
+      this.$emit('play')
+    })
+    player.on('playing', () => {
+      this.$emit('playing')
+    })
+    player.on('pause', () => {
+      this.$emit('pause')
+    })
+    player.on('canplay', () => {
+      this.$emit('canplay')
+    })
+    player.on('ended', () => {
+      this.$emit('ended')
+    })
+    player.on('error', () => {
+      this.$emit('error')
+    })
+    player.on('loadeddata', () => {
+      this.$emit('loadeddata')
+      if (this.autoplay) {
+        player.play()
+        player.video.muted = false
+      }
+    })
+    player.on('loadedmetadata', () => {
+      this.$emit('loadedmetadata')
+    })
+    player.on('waiting', () => {
+      this.$emit('waiting')
+    })
+  }
+}
+</script>
+<style lang="scss" scoped>
+#dplayer {
+  width: 100%;
+  height: 100%;
+}
+</style>

src/components/baseUpload.vue

@@ -0,0 +1,274 @@
+<template>
+  <div>
+    <div class="upload-img-box" @paste="onPaste">
+      <el-upload class="avatar-uploader" action="#" name="upload" :show-file-list="false"
+        :on-success="handleAvatarSuccess" :on-error="uploadError" :before-upload="beforeUpload"
+        :http-request="handleUpload" accept="image/jpeg, image/png, image/jpg, image/gif, image/webp"
+        :style="{ width: width, height: height }" ref="multipleUpload" list-type="picture"
+        :disabled="uploading">
+        <div v-if="cover" class="preview-box">
+          <decrypt-img :src="imgUrl + cover" class="avatar" @click.stop="preview" @load="onImgLoad" />
+          <div class="hover-cover">
+            <i class="el-icon-view" @click.stop="preview"></i>
+            <i class="el-icon-upload"></i>
+          </div>
+        </div>
+        <i v-else-if="uploading" class="el-icon-loading avatar-uploader-icon" :style="{ lineHeight: height }"></i>
+        <i v-else class="el-icon-plus avatar-uploader-icon" :style="{ lineHeight: height }"></i>
+      </el-upload>
+      <p class="desc" v-if="isShow">
+        <slot name="desc">
+          <span>图片大小最好不要超过1M,且宽高度最好为{{ wSize + '*' + hSize }}</span>
+        </slot>
+      </p>
+    </div>
+    <!--封面图、视频弹窗组件-->
+    <media-popup ref="mediaPopup"></media-popup>
+  </div>
+</template>
+<script>
+import MediaPopup from '@/components/media-popup'
+import baseConfig from "@/utils/serverUrlConfig";
+import api from '@/api'
+// import { compressImage } from '@/utils/compressImage'
+export default {
+  components: { MediaPopup },
+  data() {
+    return {
+      imgUrl: baseConfig.imgUrl,
+      cropperModel: false,
+      // 当前选中的文件（未压缩裁剪之前）
+      checkedFile: "",
+      // 传递到裁剪框中的图片路径
+      imgFile: "",
+      lockImg: '',
+      decryptBlob: null,
+      uploading: false,
+    };
+  },
+  props: ["cover", "width", "height", "id", "wSize", "hSize", "hide", "customPreview"],
+  computed: {
+    isShow() {
+      return this.hide ? false : true;
+    }
+  },
+  methods: {
+    beforeUpload(file) {
+      const validTypes = [
+        'image/jpeg',
+        'image/jpg',
+        'image/png',
+        'image/gif',
+        'image/webp',
+      ]
+      if (!validTypes.includes(file.type)) {
+        this.$message.error('仅支持 jpg、png、gif、webp 格式')
+        return false
+      }
+      return true
+    },
+
+    async handleUpload({ file }) {
+      this.uploading = true
+      try {
+        // const compressed = await compressImage(file)
+        const formData = new FormData()
+        formData.append('upload', file, file.name)
+        if (this.id) {
+          formData.append('id', this.id)
+        }
+        const res = await api.uploadImg(formData)
+        if (res.code === 200) {
+          return res
+        }
+        this.$message.error('上传封面图失败')
+        throw new Error(res.msg || '上传失败')
+      } catch (error) {
+        this.$message.error('上传封面图失败')
+        throw error
+      } finally {
+        this.uploading = false
+      }
+    },
+
+    // 视频封面上传成功回掉
+    handleAvatarSuccess(res) {
+      if (!res || res.code !== 200) {
+        this.$message.error("上传封面图失败");
+        return
+      }
+      this.$emit("successCallback", res);
+    },
+
+    onPaste(event) {
+      const items = (event.clipboardData || window.clipboardData).items
+      let file = null
+      if (!items || items.length === 0) {
+        this.$message.error('当前浏览器不支持本地')
+        return
+      }
+      // 搜索剪切板items
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].type.indexOf('image') !== -1) {
+          file = items[i].getAsFile()
+          break
+        }
+      }
+      if (!file) {
+        this.$message.error('粘贴内容非图片')
+        return
+      }
+      // 此时file就是我们的剪切板中的图片对象   
+      this.file = file
+      this.uploadPlans()
+    },
+
+    // 粘贴图片上传
+    async uploadPlans() {
+      const file = this.file
+      if (!file) {
+        this.$message.error('请粘贴图片后上传')
+        return
+      }
+      this.uploading = true
+      try {
+        // const compressed = await compressImage(file)
+        const form = new FormData()
+        form.append('upload', file, file.name)
+        if (this.id) {
+          form.append('id', this.id)
+        }
+        const res = await api.uploadImg(form)
+        if (res.code === 200) {
+          this.$message.success('上传成功!')
+          this.lockImg = res.data.coverImg
+          this.changeImgUrl()
+          this.$emit('successCallback', res)
+        } else {
+          this.$message.error('上传失败!')
+          this.lockImg = ''
+        }
+      } catch (error) {
+        this.$message.error('上传失败!')
+      } finally {
+        this.uploading = false
+      }
+    },
+
+    changeImgUrl() {
+      this.$emit('changeImgUrl', this.lockImg)
+    },
+
+    // 图片上传错误
+    uploadError() {
+      this.$message.error("上传封面图失败");
+    },
+
+    preview() {
+      if (this.customPreview) {
+        this.$emit('preview')
+        return
+      }
+      this.$refs.mediaPopup.open(this.decryptBlob, 'img')
+    },
+    onImgLoad(e) {
+      this.decryptBlob = e.blob;
+      this.$emit('load', e)
+    },
+  }
+};
+</script>
+<style lang="scss" scoped>
+.dialog-popup {
+  .el-dialog {
+    margin-top: 0px !important;
+  }
+}
+
+.upload-img-box {
+  .avatar-uploader {
+    width: 150px;
+    height: 150px;
+  }
+
+  .el-icon-plus {
+    height: 100% !important;
+  }
+
+  .preview-box {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+
+    .avatar {
+      object-fit: contain;
+    }
+
+    .hover-cover {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: #0008;
+      opacity: 0;
+      transition: all 0.25s ease-in;
+      color: white;
+      font-size: 25px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      i {
+        margin: 5px;
+      }
+    }
+
+    &:hover {
+      .hover-cover {
+        opacity: 1;
+      }
+    }
+  }
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+
+  /deep/ .el-upload {
+    width: 100%;
+    height: 100%;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+
+    &:hover {
+      border: 1px dashed #e63765;
+    }
+  }
+
+  .desc {
+    line-height: 1;
+    margin-top: 10px;
+    color: #999;
+    font-size: 12px;
+  }
+
+  .avatar-uploader-icon {
+    width: 100%;
+    height: 100%;
+    font-size: 28px;
+    color: #8c939d;
+    line-height: 150px;
+    text-align: center;
+
+    &:hover {
+      color: 1px dashed #e63765 !important;
+    }
+  }
+}
+</style>

src/components/baseUploadNew.vue

@@ -0,0 +1,203 @@
+<template>
+  <div class="upload-img-box" @paste="onPaste">
+    <el-upload
+      class="avatar-uploader"
+      :action="uploadUrl"
+      name="upload"
+      :show-file-list="false"
+      :on-success="handleAvatarSuccess"
+      :on-error="uploadError"
+      accept="image/jpeg, image/png, image/jpg, image/gif, image/webp"
+      :style="{ width: width, height: height }"
+      ref="multipleUpload"
+      list-type="picture"
+      :headers="header"
+      :data="id ? { id: id } : {}"
+    >
+      <decrypt-img v-if="cover" :src="imgUrl + cover" :iPreviewSrcList="[]" class="avatar" @load="$emit('load', $event)" />
+      <i
+        v-else
+        class="el-icon-plus avatar-uploader-icon"
+        :style="{ lineHeight: height }"
+      ></i>
+    </el-upload>
+    <p class="desc" v-if="isShow">
+      图片大小最好不要超过500kb,且宽高度最好为{{
+        wSize + "*" + hSize
+      }}
+    </p>
+  </div>
+</template>
+<script>
+// import { mapGetters } from 'vuex'
+import baseConfig from "@/utils/serverUrlConfig";
+import local from "@/utils/localStroage";
+import api from "@/api";
+export default {
+  data() {
+    return {
+      imgUrl: baseConfig.imgUrl,
+      uploadUrl: baseConfig.baseServerUrl + "/vid/uploadStatic",
+      cropperModel: false,
+      // 当前选中的文件（未压缩裁剪之前）
+      checkedFile: "",
+      // 传递到裁剪框中的图片路径
+      imgFile: "",
+      header: {
+        Authorization: local.get("userInfo").token,
+      },
+      lockImg: "",
+    };
+  },
+  props: [
+    "cover",
+    "width",
+    "height",
+    "id",
+    "wSize",
+    "hSize",
+    "hide",
+    "groupIndex",
+    "index",
+  ],
+  computed: {
+    isShow() {
+      return this.hide ? false : true;
+    },
+  },
+  methods: {
+    // // 图片上传前验证
+    // beforeAvatarUpload(file) {
+    //   const isLt3M = file.size / 1024 / 1024 < 0.5;
+    //   if (!isLt3M) {
+    //     this.$message.error("封面上传大小不能超过500kb");
+    //     return false
+    //   }
+    // },
+    // 视频封面上传成功回掉
+    handleAvatarSuccess(res) {
+      if (res.code === 200) {
+        let obj = {
+          res: res,
+          groupIndex: this.groupIndex,
+          index: this.index,
+        };
+        this.$emit("successCallback", obj);
+      } else {
+        this.$message.error("上传封面图失败");
+      }
+    },
+
+    onPaste(event) {
+      const items = (event.clipboardData || window.clipboardData).items;
+      let file = null;
+      if (!items || items.length === 0) {
+        this.$message.error("当前浏览器不支持本地");
+        return;
+      }
+      // 搜索剪切板items
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].type.indexOf("image") !== -1) {
+          file = items[i].getAsFile();
+          break;
+        }
+      }
+      if (!file) {
+        this.$message.error("粘贴内容非图片");
+        return;
+      }
+      // 此时file就是我们的剪切板中的图片对象
+      this.file = file;
+      this.uploadPlans();
+    },
+
+    // 上传文件成功后回调
+    uploadPlans() {
+      const file = this.file;
+      if (!file) {
+        this.$message.error("请粘贴图片后上传");
+        return;
+      }
+      this.loading = true;
+      const form = new FormData();
+      form.append("upload", file);
+      form.append("type", this.type);
+      api.uploadImg(form).then((res) => {
+        if (res.code === 200) {
+          this.$message({
+            type: "success",
+            message: "上传成功!",
+          });
+          this.lockImg = res.data.coverImg;
+          this.changeImgUrl();
+        } else {
+          this.$message({
+            type: "error",
+            message: "上传失败!",
+          });
+          this.lockImg = "";
+        }
+      });
+    },
+
+    changeImgUrl() {
+      this.$emit("changeImgUrl", this.lockImg);
+    },
+
+    // 图片上传错误
+    uploadError() {
+      this.$message.error("上传封面图失败");
+    },
+  },
+};
+</script>
+<style lang="scss">
+.dialog-popup {
+  .el-dialog {
+    margin-top: 0px !important;
+  }
+}
+.upload-img-box {
+  .avatar-uploader {
+    width: 150px;
+    height: 150px;
+  }
+  .el-icon-plus {
+    height: 100% !important;
+  }
+  img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .el-upload {
+    width: 100%;
+    height: 100%;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    &:hover {
+      border: 1px dashed #e63765;
+    }
+  }
+  .desc {
+    line-height: 1;
+    margin-top: 10px;
+    color: #999;
+    font-size: 12px;
+  }
+  .avatar-uploader-icon {
+    width: 100%;
+    height: 100%;
+    font-size: 28px;
+    color: #8c939d;
+    line-height: 150px;
+    text-align: center;
+    &:hover {
+      color: 1px dashed #e63765 !important;
+    }
+  }
+}
+</style>

src/components/baseUploadOld.vue

@@ -0,0 +1,198 @@
+<template>
+  <div class="upload-img-box">
+    <el-upload class="avatar-uploader" action="'string'" name="upload" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :on-error="uploadError" accept="image/jpeg,image/png,image/jpg, image/gif, image/webp" :on-change="handleCrop" :style="{width: width,height: height}" :auto-upload="false" :http-request="upload" ref="multipleUpload" list-type="picture">
+      <img v-if="cover" :src="imgUrl + cover" class="avatar" />
+      <i v-else class="el-icon-plus avatar-uploader-icon" :style="{lineHeight: height}"></i>
+    </el-upload>
+    <p class="desc">图片大小不能超过1M,且宽高度为{{wSize + '*' + hSize}}</p>
+    <el-dialog :visible.sync="cropperModel" width="1100px" class="dialog-popup" append-to-body :title="'图片裁剪大小' + wSize + '*' + hSize">
+      <Cropper :img-file="imgFile" ref="vueCropper" :fixedNumber="[wSize,hSize]" @upload="upload">
+      </Cropper>
+    </el-dialog>
+  </div>
+</template>
+<script>
+// import { mapGetters } from 'vuex'
+import baseConfig from '@/utils/serverUrlConfig'
+import Cropper from './cropper'
+import api from '@/api'
+export default {
+  data() {
+    return {
+      imgUrl: baseConfig.imgUrl,
+      cropperModel: false,
+      // 当前选中的文件（未压缩裁剪之前）
+      checkedFile: '',
+      // 传递到裁剪框中的图片路径
+      imgFile: '',
+    }
+  },
+  props: ['cover', 'action', 'width', 'height', 'id', 'wSize', 'hSize'],
+  components: {
+    Cropper
+  },
+  methods: {
+    // 图片选择过后
+    handleCrop(file) {
+      this.cropperModel = true
+      this.imgFile = URL.createObjectURL(file.raw)
+      this.checkedFile = file
+    },
+    // 图片上传前验证
+    beforeAvatarUpload(file) {
+      const isLt3M = file.size / 1024 / 1024 < 1.024;
+      if (!isLt3M) {
+        this.$message.error("封面上传大小不能超过1M");
+        return false
+      }
+      //const isSize = new Promise(function (resolve, reject) {
+      //  let width = this.wSize;
+      //  let height = this.hSize;
+      //  let _URL = window.URL || window.webkitURL;
+      //  let img = new Image();
+      //  img.onload = function () {
+      //    let valid = img.width === width && img.height === height;
+      //    valid ? resolve() : reject();
+      //  }
+      //  img.src = _URL.createObjectURL(file);
+      //}).then(() => {
+      //  return file;
+      //}, () => {
+      //  this.$message.error('上传的图片宽高必须为' + this.wSize + '*' + this.hSize + '!');
+      //  return Promise.reject();
+      //});
+      //return isSize;
+    },
+    // 视频封面上传成功回掉
+    handleAvatarSuccess(res) {
+      if (res.code === 200) {
+        this.$emit("successCallback", res)
+      } else {
+        this.$message.error('上传封面图失败')
+      }
+    },
+    // 图片上传错误
+    uploadError() {
+      this.$message.error('上传封面图失败')
+    },
+    // 图片上传
+    upload(data) {
+      this.cropperModel = false;
+      let img = new Image();
+      img.src = data;
+      img.onload = async () => {
+        // 将base64转换成blob
+        let blob = this.dataURItoBlob(data);
+        let formData = new FormData();
+        formData.append('upload', blob, this.checkedFile.name); // 有的后台需要传文件名，不然会报错
+        if (this.id) {
+          formData.append('id', this.id)
+        }
+        // 判断图片大小 超过500kb自动打包  
+        if (formData.get('upload').size / 1024 / 1024 > 1.024) {
+          this.compress(img)
+        } else {
+          this.imgUpload(formData);
+        }
+      };
+    },
+    async imgUpload(formData) {
+      api.uploadImg(formData).then(res => {
+        if (res.code === 200) {
+          this.$emit("successCallback", res)
+          this.$message({
+            message: '上传成功',
+            type: 'success'
+          });
+        } else {
+          this.$message.error('上传失败');
+        }
+        this.uploading = false;
+        this.$refs.vueCropper.flag = false;
+      }).catch(() => {
+        this.uploading = false;
+        this.$message.error('上传失败');
+      });
+    },
+    // 压缩图片
+    compress(img) {
+      let canvas = document.createElement('canvas');
+      let ctx = canvas.getContext('2d');
+      // let initSize = img.src.length;
+      let width = img.width;
+      let height = img.height;
+      canvas.width = width;
+      canvas.height = height;
+      // 铺底色
+      ctx.fillStyle = '#fff';
+      ctx.fillRect(0, 0, canvas.width, canvas.height);
+      ctx.drawImage(img, 0, 0, width, height);
+      // 进行压缩
+      let ndata = canvas.toDataURL('image/jpeg', 0.98);
+      this.upload(ndata)
+    },
+    // base64转成bolb对象
+    dataURItoBlob(base64Data) {
+      let byteString;
+      if (base64Data.split(',')[0].indexOf('base64') >= 0) { byteString = atob(base64Data.split(',')[1]); } else { byteString = unescape(base64Data.split(',')[1]); }
+      let mimeString = base64Data.split(',')[0].split(':')[1].split(';')[0];
+      let ia = new Uint8Array(byteString.length);
+      for (let i = 0; i < byteString.length; i++) {
+        ia[i] = byteString.charCodeAt(i);
+      }
+      return new Blob([ia], { type: mimeString });
+    }
+  }
+}
+</script>
+<style lang="scss">
+.dialog-popup {
+  .el-dialog {
+    margin-top: 0px !important;
+  }
+}
+.upload-img-box {
+  .avatar-uploader {
+    width: 150px;
+    height: 150px;
+  }
+  .el-icon-plus {
+    height: 100% !important;
+  }
+  img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .el-upload {
+    width: 100%;
+    height: 100%;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    &:hover {
+      border: 1px dashed #e63765;
+    }
+  }
+  .desc {
+    line-height: 1;
+    margin-top: 10px;
+    color: #999;
+    font-size: 12px;
+  }
+  .avatar-uploader-icon {
+    width: 100%;
+    height: 100%;
+    font-size: 28px;
+    color: #8c939d;
+    line-height: 150px;
+    text-align: center;
+    &:hover {
+      color: 1px dashed #e63765 !important;
+    }
+  }
+}
+</style>
+

src/components/batchTagsPopup.vue

@@ -0,0 +1,152 @@
+<template>
+  <div class="tags-box">
+    <el-dialog
+      :title="'标签编辑'"
+      :visible.sync="dialogVisible"
+      width="550px"
+      :before-close="handleClose"
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="editParam" label-width="100px">
+        <el-form-item label="标签:" prop="tags">
+          <tag-selector
+            v-model="editParam.tags"
+            :tagList="tagList"
+          ></tag-selector>
+        </el-form-item>
+        <el-form-item label="更新状态:" prop="overwrite">
+          <el-select
+            v-model="editParam.overwrite"
+            size="small"
+            placeholder="请选择更新状态"
+            style="width:300px"
+          >
+            <el-option
+              v-for="item in overwriteOptions"
+              :value="item.value"
+              :label="item.label"
+              :key="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleClose" size="small">取 消</el-button>
+        <el-button type="primary" @click="submitTag" size="small"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import API from "@/api";
+import TagSelector from "@/components/tagSelector";
+
+export default {
+  components: {
+    TagSelector,
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      tagList: [],
+      editParam: {
+        ids: [],
+        tags: [],
+        overwrite: true,
+      },
+      overwriteOptions: [
+        {
+          label: "覆盖写入",
+          value: true,
+        },
+        {
+          label: "追加写入",
+          value: false,
+        },
+      ],
+    };
+  },
+  methods: {
+    // 打开弹窗并赋值需要修改
+    open(videoIds) {
+      this.getTagList();
+      this.dialogVisible = true;
+      this.editParam.ids = videoIds || [];
+    },
+    getTagList() {
+      const params = {};
+      API.queryTagList(params).then((res) => {
+        if (res.code === 200) {
+          this.tagList = res.data.list;
+        }
+      });
+    },
+    // 关闭弹窗
+    handleClose() {
+      this.dialogVisible = false;
+      this.$refs.form.resetFields();
+    },
+    // 提交tags
+    submitTag() {
+      // const tags = this.editParam.tags.filter(
+      //   (item) => this.tagList.map((e) => e.name).indexOf(item) === -1
+      // );
+      // if (tags.length > 0) {
+      //   this.$confirm(
+      //     `标签${tags.join(",")}不属于常用标签，确定修改？`,
+      //     "提示",
+      //     {
+      //       confirmButtonText: "确定",
+      //       cancelButtonText: "取消",
+      //       type: "warning",
+      //     }
+      //   )
+      //     .then(() => {
+      //       this.editTags();
+      //     })
+      //     .catch(() => {
+      //       return false;
+      //     });
+      // } else {
+      this.editTags();
+      // }
+    },
+    editTags() {
+      if (!this.editParam.tags.length)
+        return this.$message.error("请至少选择一个标签");
+      API.batchEditTags(this.editParam)
+        .then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              message: "编辑成功！",
+              type: "success",
+            });
+            this.$emit("handlerClose");
+          } else {
+            this.$message.error("编辑失败！");
+          }
+          this.handleClose();
+        })
+        .catch(() => {
+          this.handleClose();
+        });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.tags-box {
+  .input-box {
+    margin-top: 15px;
+    text-align: left;
+  }
+  .el-input {
+    width: 200px;
+    margin-right: 10px;
+  }
+}
+</style>

src/components/clipboardPic.vue

@@ -0,0 +1,140 @@
+<template>
+  <div class="box">
+    <div v-on:paste="handlePaste">
+      <img-load
+        v-if="lockImg"
+        ref="preview"
+        :src="imgUrl + lockImg"
+        alt=""
+        style="width:400px;height:300px;"
+      ></img-load>
+      <div
+        v-else
+        style="width:300px;height:300px;border:1px solid;padding:20px;"
+      >
+        <div style="text-indent:2em;">
+          将图片按<span style="color:red">cmd+C复制</span>到粘贴板，<span
+            style="color:red"
+            >cmd+V粘贴</span
+          >至此处；
+        </div>
+        <div style="text-indent:2em;">
+          或者<span style="color:red">Ctrl+Shift+cmd+4截图</span
+          >保存在粘贴板，<span style="color:red">cmd+V粘贴</span>至此处
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import baseConfig from "@/utils/serverUrlConfig";
+import api from "@/api";
+export default {
+  data() {
+    return {
+      imgUrl: baseConfig.imgUrl,
+      lockImg: "",
+    };
+  },
+  props: {
+    img: {
+      type: String,
+      default: "",
+    },
+  },
+  watch: {
+    img: function(val, oldval) {
+      this.lockImg = val;
+      window.console.log(oldval);
+    },
+  },
+  mounted() {
+    if (this.img) {
+      this.lockImg = this.img;
+    } else {
+      this.lockImg = "";
+    }
+  },
+  methods: {
+    handlePaste(event) {
+      const items = (event.clipboardData || window.clipboardData).items;
+      let file = null;
+      if (!items || items.length === 0) {
+        this.$message.error("当前浏览器不支持本地");
+        return;
+      }
+      // 搜索剪切板items
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].type.indexOf("image") !== -1) {
+          file = items[i].getAsFile();
+          break;
+        }
+      }
+      if (!file) {
+        this.$message.error("粘贴内容非图片");
+        return;
+      }
+      // 此时file就是我们的剪切板中的图片对象
+      this.file = file;
+      this.uploadPlans();
+    },
+    // 上传文件成功后回调
+    uploadPlans() {
+      const file = this.file;
+      if (!file) {
+        this.$message.error("请粘贴图片后上传");
+        return;
+      }
+      this.loading = true;
+      const form = new FormData();
+      form.append("upload", file);
+      form.append("type", this.type);
+      api.uploadImg(form).then((res) => {
+        if (res.code === 200) {
+          this.$message({
+            type: "success",
+            message: "上传成功!",
+          });
+          this.lockImg = res.data.coverImg;
+          this.changeImgUrl();
+        } else {
+          this.$message({
+            type: "error",
+            message: "上传失败!",
+          });
+          this.lockImg = "";
+        }
+      });
+    },
+
+    changeImgUrl() {
+      this.$emit("changeImgUrl", this.lockImg);
+    },
+  },
+};
+</script>
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 148px;
+  height: 148px;
+  line-height: 148px;
+  text-align: center;
+}
+.avatar {
+  width: 148px;
+  height: 148px;
+  display: block;
+}
+</style>

src/components/commentAction.vue

@@ -0,0 +1,134 @@
+<template>
+  <div class="action-box">
+    <el-dialog
+      :title="title"
+      :visible.sync="dialogVisible"
+      width="400px"
+      :before-close="handleClose"
+      :close-on-click-modal="false"
+    >
+      <el-form ref="form" :model="params" :rules="rules" label-width="80px">
+        <el-form-item label="用户ID:" prop="toUserID">
+          <el-input
+            v-model.number="params.toUserID"
+            size="small"
+            placeholder="请输入用户ID"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="内容:" prop="content">
+          <el-input
+            v-model="params.content"
+            type="textarea"
+            rows="3"
+            size="small"
+          ></el-input>
+        </el-form-item>
+        <el-form-item
+          size="small"
+          label="图片:"
+          prop="image"
+          style="width: 480px"
+        >
+          <base-upload
+            :cover="params.image"
+            :action="uploadUrl"
+            @successCallback="uploadImg"
+            :width="'120px'"
+            :height="'120px'"
+            :hide="true"
+          ></base-upload>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleClose" size="small">取 消</el-button>
+        <el-button
+          type="primary"
+          @click="sendComment()"
+          :loading="flag"
+          size="small"
+          >确 认</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import API from "@/api";
+import baseConfig from "@/utils/serverUrlConfig";
+export default {
+  data() {
+    return {
+      // 封面上传地址
+      uploadUrl: baseConfig.baseServerUrl + "/vid/uploadStatic",
+      dialogVisible: false,
+      title: "评论",
+      // 提交状态
+      flag: false,
+      id: "",
+      // 回复评论的参数
+      params: {
+        objID: "",
+        cid: "",
+        rid: "",
+        level: 2,
+        content: "",
+        image: "",
+      },
+      // 表单验证规则
+      rules: {
+        content: [
+          { required: true, message: "请输入评论内容", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    // 图上传成功
+    uploadImg(res) {
+      this.params.image = res.data.coverImg;
+    },
+    sendComment() {
+      const params = Object.assign({}, this.params);
+      API.replyComment(params)
+        .then((res) => {
+          (res.code === 200 &&
+            (this.$message.success("评论成功！"),
+            this.handleClose(),
+            this.$emit("handleList"))) ||
+            this.$message.error("操作失败，请重试");
+        })
+        .catch(() => {
+          this.$message.error("操作失败，请重试");
+        })
+        .finally(() => {
+          this.params.content = "";
+        });
+    },
+    // 关闭弹窗
+    handleClose() {
+      this.dialogVisible = false;
+      this.$refs.form.resetFields();
+      this.params = {
+        objID: "",
+        cid: "",
+        rid: "",
+        level: 2,
+        content: "",
+        image: "",
+      };
+    },
+    // 打开编辑视频弹窗、传递需要编辑的参数
+    open(data) {
+      this.dialogVisible = true;
+      this.params = {
+        objID: data.objID,
+        cid: data.cid || "",
+        rid: data.level == 2 ? data.rid : undefined,
+        level: data.level || 2,
+        content: "",
+        image: "",
+      };
+    },
+  },
+};
+</script>

src/components/cropper.vue

@@ -0,0 +1,186 @@
+<template>
+  <div>
+    <div class="cropper-content">
+      <!-- 剪裁框 -->
+      <div class="cropper">
+        <vueCropper
+          ref="cropper"
+          :img="this.imgFile"
+          :outputSize="option.size"
+          :outputType="option.outputType"
+          :info="true"
+          :full="option.full"
+          :canMove="option.canMove"
+          :canMoveBox="option.canMoveBox"
+          :original="option.original"
+          :autoCrop="option.autoCrop"
+          :autoCropWidth="fixedNumber[0]"
+          :autoCropHeight="fixedNumber[1]"
+          :fixedBox="option.fixedBox"
+          @realTime="realTime"
+          :fixed="option.fixed"
+          :fixedNumber="fixedNumber"
+        ></vueCropper>
+        <vueCropper
+          ref="cropper"
+          :img="option.img"
+          :outputSize="option.size"
+          :outputType="option.outputType"
+        ></vueCropper>
+      </div>
+      <!-- 预览框 -->
+      <div class="show-preview">
+        <div :style="previews.div" class="preview">
+          <img :src="previews.url" :style="previews.img" />
+        </div>
+      </div>
+    </div>
+    <div class="footer-btn">
+      <!-- 确认上传按钮 -->
+      <div class="upload-btn">
+        <!-- <el-button type="primary" @click="uploadImg('blob')">上传</el-button> -->
+        <el-button type="primary" @click="uploadImg('base64')" :loading="flag">
+          {{flag ? '正在上传' : '点击上传'}}
+          <i class="el-icon-upload el-icon--right"></i>
+        </el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { VueCropper } from "vue-cropper";
+export default {
+  data() {
+    return {
+      previews: {}, // 预览数据
+      flag: false,
+      option: {
+        img: "", // 裁剪图片的地址  (默认：空)
+        outputSize: 1, // 裁剪生成图片的质量  (默认:1)
+        full: false, // 是否输出原图比例的截图 选true生成的图片会非常大  (默认:false)
+        outputType: "png", // 裁剪生成图片的格式  (默认:jpg)
+        canMove: true, // 上传图片是否可以移动  (默认:true)
+        original: false, // 上传图片按照原始比例渲染  (默认:false)
+        canMoveBox: true, // 截图框能否拖动  (默认:true)
+        autoCrop: true, // 是否默认生成截图框  (默认:false)
+        fixedBox: true, // 固定截图框大小 不允许改变  (默认:false)
+        fixed: false, // 是否开启截图框宽高固定比例  (默认:true)
+        fixedNumber: [1, 1], // 截图框比例  (默认:[1:1])
+        enlarge: 1
+      },
+      downImg: "#"
+    };
+  },
+  props: ["imgFile", "fixedNumber", "flags"],
+  methods: {
+    changeScale(num) {
+      // 图片缩放
+      num = num || 1;
+      this.$refs.cropper.changeScale(num);
+    },
+    rotateLeft() {
+      // 向左旋转
+      this.$refs.cropper.rotateLeft();
+    },
+    rotateRight() {
+      // 向右旋转
+      this.$refs.cropper.rotateRight();
+    },
+    Update() {
+      // this.file = this.imgFile
+      this.option.img = this.imgFile;
+    },
+    realTime(data) {
+      this.previews = data;
+    },
+    uploadImg() {
+      // 将剪裁好的图片回传给父组件
+      this.flag = true;
+      event.preventDefault();
+      let that = this;
+      this.$refs.cropper.getCropData(data => {
+        that.$emit("upload", data);
+      });
+    }
+  },
+  components: { VueCropper }
+};
+</script>
+<style>
+.cropper-content {
+  display: flex;
+  display: -webkit-flex;
+  justify-content: flex-end;
+  -webkit-justify-content: flex-end;
+}
+.cropper-content .cropper {
+  width: 500px;
+  height: 780px;
+}
+.cropper-content .show-preview {
+  flex: 1;
+  width: 500px;
+  height: 780px;
+  overflow: hidden;
+  align-items: center;
+  -webkit-flex: 1;
+  display: flex;
+  display: -webkit-flex;
+  justify-content: center;
+  -webkit-justify-content: center;
+  overflow: hidden;
+  border: 1px solid #cccccc;
+  background: #cccccc;
+  margin-left: 40px;
+}
+.preview {
+  overflow: hidden;
+  border: 1px solid #cccccc;
+  background: black;
+}
+.footer-btn {
+  margin-top: 30px;
+  display: flex;
+  display: -webkit-flex;
+  justify-content: flex-end;
+  -webkit-justify-content: flex-end;
+}
+.footer-btn .scope-btn {
+  width: 250px;
+  display: flex;
+  display: -webkit-flex;
+  justify-content: space-between;
+  -webkit-justify-content: space-between;
+}
+.footer-btn .upload-btn {
+  flex: 1;
+  -webkit-flex: 1;
+  display: flex;
+  display: -webkit-flex;
+  justify-content: center;
+  -webkit-justify-content: center;
+}
+.footer-btn .btn {
+  outline: none;
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  -webkit-appearance: none;
+  text-align: center;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  -webkit-transition: 0.1s;
+  transition: 0.1s;
+  font-weight: 500;
+  padding: 8px 15px;
+  font-size: 12px;
+  border-radius: 3px;
+  color: #fff;
+  background-color: #67c23a;
+  border-color: #67c23a;
+}
+</style>

src/components/decrypt-img/index.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="decrypt-img">
+    <el-image class="decrypt-img"
+      v-if="decryptBlob"
+      :src="decryptBlob"
+      :preview-src-list="previewSrcList"
+      fit="contain"
+      @load="onImgLoad"
+      v-bind="$attrs"
+      lazy
+    ></el-image>
+  </div>
+</template>
+
+<script>
+import { decryptTool } from "./tool";
+
+export default {
+  name: "LongText",
+  props: ["src", "origin", "iPreviewSrcList"],
+  emit: ["load"],
+  data() {
+    return {
+      decryptBlob: null,
+    };
+  },
+  computed: {
+    previewSrcList() {
+      if (this.iPreviewSrcList) return this.iPreviewSrcList;
+      if (this.decryptBlob) return [this.decryptBlob];
+      return [];
+    }
+  },
+  watch: {
+    src: {
+      async handler(val) {
+        const url = val.startsWith('http') ? val : this.$imgUrl + "/" + val;
+        this.decryptBlob = !this.origin
+          ? await decryptTool.imgDecypt(url)
+          : this.src;
+      },
+      immediate: true,
+    },
+  },
+  mounted() {
+    
+  },
+  methods: {
+    onImgLoad(e) {
+      this.$emit("load", {
+        event: e,
+        blob: this.decryptBlob,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.decrypt-img {
+  width: 100%;
+  height: 100%;
+}
+</style>

src/components/decrypt-img/tool.js

@@ -0,0 +1,60 @@
+export const decryptTool = {
+  decryptKey: "2019ysapp7527",
+  cachedBlobs: {},
+  // 并发控制
+  maxConcurrency: 10,
+  activeCount: 0,
+  queue: [],
+  /**
+   * @description 图片解密
+   * @param url 需要解密的url
+   * @returns  解密过后的图片链接
+   */
+  async imgDecypt(url) {
+    return new Promise((resolve, reject) => {
+      const task = async () => {
+        try {
+          const r = await fetch(url);
+          const rb = await r.arrayBuffer();
+          const blobUrl = this.imgEncrypt(rb);
+          resolve(blobUrl);
+        } catch (e) {
+          reject(e);
+        } finally {
+          // 任务完成，减少计数并尝试启动下一个队列任务
+          this.activeCount = Math.max(0, this.activeCount - 1);
+          if (this.queue.length > 0) {
+            const next = this.queue.shift();
+            this.activeCount++;
+            next();
+          }
+        }
+      };
+
+      if (this.activeCount < this.maxConcurrency) {
+        this.activeCount++;
+        task();
+      } else {
+        this.queue.push(task);
+      }
+    });
+  },
+  /**
+   * 图片解密
+   * @param buffer buffer
+   * @returns
+   */
+  imgEncrypt(buffer) {
+    const bytes = new Uint8Array(buffer);
+    const encoder = new TextEncoder();
+    const KEY = encoder.encode(this.decryptKey);
+    for (let i = 0; i < 100; i++) {
+      bytes[i] ^= KEY[i % KEY.length];
+    }
+    const blob = new Blob([bytes], {
+      type: "image/png",
+    });
+    const url = URL.createObjectURL(blob);
+    return url;
+  },
+};

src/components/globalUploader.vue

@@ -0,0 +1,389 @@
+<template>
+  <div id="global-uploader" ref="gUploader">
+    <!-- 上传 -->
+    <uploader
+      ref="uploader"
+      :options="options"
+      :autoStart="false"
+      @file-added="onFileAdded"
+      @file-success="onFileSuccess"
+      @file-progress="onFileProgress"
+      class="uploader-app"
+    >
+      <uploader-unsupport></uploader-unsupport>
+
+      <uploader-btn id="global-uploader-btn" :attrs="attrs" ref="uploadBtn"
+        >选择文件</uploader-btn
+      >
+      <uploader-list></uploader-list>
+      <uploader-list v-show="panelShow">
+        <div
+          class="file-panel"
+          slot-scope="props"
+          :class="{ collapse: collapse }"
+        >
+          <div class="file-title">
+            <h2>文件列表</h2>
+            <div class="operate">
+              <el-button
+                @click="fileListShow"
+                type="text"
+                :title="collapse ? '展开' : '折叠'"
+              >
+                <i
+                  class="iconfont"
+                  :class="collapse ? 'inuc-fullscreen' : 'inuc-minus-round'"
+                ></i>
+              </el-button>
+              <el-button @click="close" type="text" title="关闭">
+                <i class="iconfont icon-close"></i>
+              </el-button>
+            </div>
+          </div>
+
+          <ul class="file-list" ref="fList">
+            <li v-for="file in props.fileList" :key="file.id">
+              <uploader-file
+                :class="'file_' + file.id"
+                ref="files"
+                :file="file"
+                :list="true"
+              ></uploader-file>
+            </li>
+            <div class="no-file" v-if="!props.fileList.length">
+              <i class="iconfont icon-empty-file"></i> 暂无待上传文件
+            </div>
+          </ul>
+        </div>
+      </uploader-list>
+    </uploader>
+  </div>
+</template>
+
+
+<script>
+/**
+ *   全局上传插件
+ *   调用方法：Bus.$emit('openUploader', {}) 打开文件选择框，参数为需要传递的额外参数
+ *   监听函数：Bus.$on('fileAdded', fn); 文件选择后的回调
+ *            Bus.$on('fileSuccess', fn); 文件上传成功的回调
+ */
+import { ACCEPT_CONFIG } from "@/utils/uploadConfig";
+import Bus from "@/utils/eventBus.js";
+import SparkMD5 from "spark-md5";
+import local from "@/utils/localStroage.js";
+import { safeJsonParse } from "@/utils/safeJsonParse";
+import baseConfig from "@/utils/serverUrlConfig";
+import api from "@/api";
+export default {
+  data() {
+    return {
+      options: {
+        target: baseConfig.baseServerUrl + "/vid/uploadDotStream",
+        chunkSize: "2048000",
+        fileParameterName: "upfile",
+        maxChunkRetries: 3,
+        testChunks: true, //是否开启服务器分片校验
+        // 服务器分片校验函数，秒传及断点续传基础
+        checkChunkUploadedByResponse: function (chunk, message) {
+          const objMessage = safeJsonParse(message, {});
+          if (objMessage.skipUpload) {
+            return true;
+          }
+          return (objMessage.uploaded || []).indexOf(chunk.offset + 1) >= 0;
+        },
+        headers: {
+          Authorization: local.get("userInfo")
+            ? local.get("userInfo").token
+            : "",
+        },
+        query() { },
+      },
+      attrs: {
+        accept: ACCEPT_CONFIG.getAll(),
+      },
+      panelShow: false, //选择文件后，展示上传panel
+      collapse: false,
+    };
+  },
+  mounted() {
+    Bus.$on("openUploader", (query) => {
+      this.params = query || {};
+      if (this.$refs.uploadBtn) {
+        document.getElementById("global-uploader-btn").click();
+      }
+    });
+  },
+  computed: {
+    //Uploader实例
+    uploader() {
+      return this.$refs.uploader.uploader;
+    },
+  },
+  methods: {
+    onFileAdded(file) {
+      this.panelShow = true;
+      this.computeMD5(file);
+      Bus.$emit("fileAdded");
+    },
+    onFileProgress(rootFile, file, chunk) {
+      window.console.log(
+        `上传中 ${file.name}，chunk：${chunk.startByte / 1024 / 1024} ~ ${chunk.endByte / 1024 / 1024
+        }`
+      );
+    },
+    onFileSuccess(rootFile, file, response) {
+      const res = safeJsonParse(response, null);
+      if (!res) {
+        this.$message({ message: "上传响应解析失败", type: "error" });
+        this.statusSet(file.id, "failed");
+        return;
+      }
+      // 服务器自定义的错误（即虽返回200，但是是错误的情况），这种错误是Uploader无法拦截的
+      if (!res.result) {
+        this.$message({ message: res.message, type: "error" });
+        // 文件状态设为“失败”
+        this.statusSet(file.id, "failed");
+        return;
+      }
+      // 如果服务端返回需要合并
+      if (res.needMerge) {
+        // 文件状态设为“合并中”
+        this.statusSet(file.id, "merging");
+        api
+          .mergeSimpleUpload({
+            tempName: res.tempName,
+            fileName: file.name,
+            ...this.params,
+          })
+          // eslint-disable-next-line no-unused-vars
+          .then((res) => {
+            // 文件合并成功
+            Bus.$emit("fileSuccess");
+            this.statusRemove(file.id);
+          })
+          // eslint-disable-next-line no-unused-vars
+          .catch((e) => { });
+        // 不需要合并
+      } else {
+        Bus.$emit("fileSuccess");
+        window.console.log("上传成功");
+      }
+    },
+    // onFileError(rootFile, file, response, chunk) {
+    //     this.$message({
+    //         message: response,
+    //         type: 'error'
+    //     })
+    // },
+    /**
+     * 计算md5，实现断点续传及秒传
+     * @param file
+     */
+    computeMD5(file) {
+      let fileReader = new FileReader();
+      let time = new Date().getTime();
+      let blobSlice =
+        File.prototype.slice ||
+        File.prototype.mozSlice ||
+        File.prototype.webkitSlice;
+      let currentChunk = 0;
+      const chunkSize = 10 * 1024 * 1000;
+      let chunks = Math.ceil(file.size / chunkSize);
+      let spark = new SparkMD5.ArrayBuffer();
+      // 文件状态设为"计算MD5"
+      this.statusSet(file.id, "md5");
+      file.pause();
+      loadNext();
+      fileReader.onload = (e) => {
+        spark.append(e.target.result);
+        if (currentChunk < chunks) {
+          currentChunk++;
+          loadNext();
+          // 实时展示MD5的计算进度
+          this.$nextTick(() => {
+            document.getElementsByClassName(
+              `myStatus_${file.id}`
+            ).innerText = `校验MD5 '+ ((currentChunk/chunks)*100).toFixed(0)+'%`;
+          });
+        } else {
+          let md5 = spark.end();
+          this.computeMD5Success(md5, file);
+          window.console.log(
+            `MD5计算完毕：${file.name} \nMD5：${md5} \n分片：${chunks} 大小:${file.size
+            } 用时：${new Date().getTime() - time} ms`
+          );
+        }
+      };
+      fileReader.onerror = function () {
+        this.error(`文件${file.name}读取出错，请检查该文件`);
+        file.cancel();
+      };
+      function loadNext() {
+        let start = currentChunk * chunkSize;
+        let end =
+          start + chunkSize >= file.size ? file.size : start + chunkSize;
+        fileReader.readAsArrayBuffer(blobSlice.call(file.file, start, end));
+      }
+    },
+    computeMD5Success(md5, file) {
+      // 将自定义参数直接加载uploader实例的opts上
+      Object.assign(this.uploader.opts, {
+        query: {
+          ...this.params,
+        },
+      });
+      file.uniqueIdentifier = md5;
+      file.resume();
+      this.statusRemove(file.id);
+    },
+    fileListShow() {
+      let gUploader = this.$refs.gUploader;
+      let fList = this.$refs.fList;
+      let list = Object.assign({ ...gUploader, ...fList });
+      if (list.is(":visible")) {
+        list.slideUp();
+        this.collapse = true;
+      } else {
+        list.slideDown();
+        this.collapse = false;
+      }
+    },
+    close() {
+      this.uploader.cancel();
+      this.panelShow = false;
+    },
+    /**
+     * 新增的自定义的状态: 'md5'、'transcoding'、'failed'
+     * @param id
+     * @param status
+     */
+    statusSet(id, status) {
+      let statusMap = {
+        md5: {
+          text: "校验MD5",
+          bgc: "#fff",
+        },
+        merging: {
+          text: "合并中",
+          bgc: "#e2eeff",
+        },
+        transcoding: {
+          text: "转码中",
+          bgc: "#e2eeff",
+        },
+        failed: {
+          text: "上传失败",
+          bgc: "#e2eeff",
+        },
+      };
+      this.$nextTick(() => {
+        document
+          .getElementsByClassName(`myStatus_${id}`)
+          .appendChild(`.file_${id} .uploader-file-status`)
+          .css({
+            position: "absolute",
+            top: "0",
+            left: "0",
+            right: "0",
+            bottom: "0",
+            zIndex: "1",
+            backgroundColor: statusMap[status].bgc,
+          })
+          .text(statusMap[status].text);
+      });
+    },
+    statusRemove(id) {
+      this.$nextTick(() => {
+        document.getElementsByClassName(`myStatus_${id}`).removeChild();
+      });
+    },
+    error(msg) {
+      this.$notify({
+        title: "错误",
+        message: msg,
+        type: "error",
+        duration: 2000,
+      });
+    },
+  },
+  watch: {},
+  destroyed() {
+    Bus.$off("openUploader");
+  },
+  components: {},
+};
+</script>
+
+<style scoped lang="scss">
+#global-uploader {
+  position: fixed;
+  z-index: 20;
+  right: 15px;
+  bottom: 15px;
+  .uploader-app {
+    width: 520px;
+  }
+  .file-panel {
+    background-color: #fff;
+    border: 1px solid #e2e2e2;
+    border-radius: 7px 7px 0 0;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+    .file-title {
+      display: flex;
+      height: 40px;
+      line-height: 40px;
+      padding: 0 15px;
+      border-bottom: 1px solid #ddd;
+      .operate {
+        flex: 1;
+        text-align: right;
+      }
+    }
+    .file-list {
+      position: relative;
+      height: 240px;
+      overflow-x: hidden;
+      overflow-y: auto;
+      background-color: #fff;
+      > li {
+        background-color: #fff;
+      }
+    }
+    &.collapse {
+      .file-title {
+        background-color: #e7ecf2;
+      }
+    }
+  }
+  .no-file {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 16px;
+  }
+  // /deep/.uploader-file-icon {
+  //     &:before {
+  //         content: '' !important;
+  //     }
+  //     &[icon=image] {
+  //         background: url(./images/image-icon.png);
+  //     }
+  //     &[icon=video] {
+  //         background: url(./images/video-icon.png);
+  //     }
+  //     &[icon=document] {
+  //         background: url(./images/text-icon.png);
+  //     }
+  // }
+  /deep/.uploader-file-actions > span {
+    margin-right: 6px;
+  }
+}
+/* 隐藏上传按钮 */
+#global-uploader-btn {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+}
+</style>

src/components/imgLoad.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="img-wrap">
+    <decrypt-img :src="src" class="cover" :style="{width: width, height: height}">
+      <div slot="placeholder" class="image-slot" :style="{width: width, height: height, lineHeight: height}">
+        <i class="el-icon-loading"></i>加载中
+      </div>
+    </decrypt-img>
+    <!--封面图、视频弹窗组件-->
+    <media-popup ref="mediaPopup" ></media-popup>
+  </div>
+</template>
+<script>
+import MediaPopup from '@/components/media-popup'
+export default {
+  data() {
+    return {
+
+    }
+  },
+  components: {
+    MediaPopup,
+  },
+  props: ['width', 'height', 'src'],
+  // created() {
+  //   console.log(this.src)
+  // },
+  methods: {
+    // 查看媒体
+    checkMedia(url, type) {
+      this.$refs.mediaPopup.open(url, type)
+    },
+  }
+} 
+</script>
+
+<style lang="scss">
+.img-wrap {
+  display: flex;
+  justify-content: center;
+  cursor: pointer;
+  .image-slot {
+    background: #f5f7fa;
+    font-size: 12px;
+    color: #c0c4cc;
+  }
+  .el-image__error {
+    font-size: 12px;
+  }
+}
+</style>

src/components/imgsUpload.vue

@@ -0,0 +1,245 @@
+<template>
+  <div class="upload-imgs-box">
+    <el-upload
+      ref="upload"
+      class="upload-demo"
+      :action="uploadUrl"
+      name="upload[]"
+      :on-remove="handleRemove"
+      :on-success="handleAvatarSuccess"
+      :on-error="uploadError"
+      :before-upload="beforeAvatarUpload"
+      accept="image/jpeg, image/png, image/jpg, image/gif, image/webp"
+      :on-exceed="handleExceed"
+      list-type="picture-card"
+      multiple
+      :limit="150"
+      :file-list="fileList"
+    >
+      <el-button
+        size="small"
+        class="btnPics"
+        type="success"
+        @click="submitUpload"
+        >选取图片</el-button
+      >
+      <!-- <el-button size="small" type="success" @click="submitUpload">上传</el-button> -->
+      <div slot="tip" v-if="!notLimit">
+        只能上传jpg、png、gif格式，大小不超过1M的图片
+      </div>
+    </el-upload>
+  </div>
+</template>
+<script>
+import baseConfig from "@/utils/serverUrlConfig";
+import local from "@/utils/localStroage";
+import { decryptTool } from "@/components/decrypt-img/tool";
+
+export default {
+  data() {
+    return {
+      fileList: [],
+      SeriesCover: [],
+      imgUrl: baseConfig.imgUrl,
+      uploadUrl: baseConfig.baseServerUrl + "/vid/uploadStaticBatch",
+      cropperModel: false,
+      // 当前选中的文件（未压缩裁剪之前）
+      checkedFile: "",
+      header: {
+        Authorization: local.get("userInfo").token,
+      },
+    };
+  },
+  props: [
+    "cover",
+    "width",
+    "height",
+    "id",
+    "wSize",
+    "hSize",
+    "hide",
+    "notLimit",
+  ],
+  beforeDestroy() {
+    this.revokePreviewUrls();
+  },
+  methods: {
+    getImgBaseUrl() {
+      let imgApi = this.$imgUrl || this.imgUrl || "";
+      if (imgApi.slice(-1) === "/") {
+        imgApi = imgApi.slice(0, -1);
+      }
+      return imgApi;
+    },
+    buildImageUrl(path) {
+      if (!path) return "";
+      if (/^https?:\/\//.test(path) || /^blob:/.test(path)) return path;
+      const imgApi = this.getImgBaseUrl();
+      const normalized = path.startsWith("/") ? path : `/${path}`;
+      return `${imgApi}${normalized}`;
+    },
+    revokePreviewUrls() {
+      this.fileList.forEach((file) => {
+        if (file.url && file.url.startsWith("blob:")) {
+          URL.revokeObjectURL(file.url);
+        }
+      });
+    },
+    //移除图片
+    handleRemove(file, fileList) {
+      if (file.url && file.url.startsWith("blob:")) {
+        URL.revokeObjectURL(file.url);
+      }
+      this.fileList = fileList;
+      const paths = fileList.map((f) => f.originalPath).filter(Boolean);
+      this.SeriesCover = paths;
+      this.$emit("successCallback", paths);
+    },
+    // eslint-disable-next-line no-unused-vars
+    handlePreview(file) {},
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `当前限制选择 150 个文件，本次选择了 ${
+          files.length
+        } 个文件，共选择了 ${files.length + fileList.length} 个文件`
+      );
+    },
+    // eslint-disable-next-line no-unused-vars
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    // 图片上传前验证
+    beforeAvatarUpload(file) {
+      const isLt3M = file.size / 1024 / 1024 < 1.024;
+      if (!isLt3M && !this.notLimit) {
+        // this.fileList.pop()
+        this.$message.error("图片上传大小不能超过1M");
+        return false;
+      }
+    },
+    //图片上传成功回调
+    // eslint-disable-next-line no-unused-vars
+    handleAvatarSuccess(response, file, fileList) {
+      this.SeriesCover = [];
+      this.$refs.upload.uploadFiles.forEach((e) => {
+        if (e.response && e.response.data && e.response.data.filePath) {
+          const originalPath = e.response.data.filePath[0];
+          this.SeriesCover.push(originalPath);
+          e.originalPath = originalPath;
+        }
+      });
+      this.$emit("successCallback", this.SeriesCover);
+    },
+    //图片上传错误
+    uploadError() {
+      this.$message.error("上传封面图失败");
+    },
+    submitUpload() {
+      let { uploadFiles } = this.$refs.upload;
+      let form = new FormData();
+      let status = "success";
+      // 在这里对每一张图片进行大小的校验，如果不符合则提示，所有不符合的都提示，校验完成后只要有不符合条件的就不执行下面的操作
+      uploadFiles.forEach((item) => {
+        const size = item.raw.size / 1024 <= 1024;
+        if (!size && !this.notLimit) {
+          this.$message.error(`${item.raw.name}大小超过1M`);
+          status = "failed";
+          return;
+        }
+        form.append("upload[]", item.raw);
+      });
+      if (!status) {
+        return;
+      }
+      // 符合条件后再将这个FormData对象传递给后端
+      //调取接口上传form参数
+    },
+
+    // 只要列表中状态改变on-change就会被调用
+    uploadChange(file, fileList) {
+      window.console.log(fileList);
+      if (
+        this.$refs.upload.uploadFiles.filter((i) => {
+          return i.status !== "success";
+        }).length === 0
+      ) {
+        fileList = this.SeriesCover;
+        this.fileList = [...this.fileList, ...this.SeriesCover];
+      }
+    },
+
+    ImageRequest(file) {
+      this.formData.append("upload[]", file.file);
+    },
+
+    // 清除图片
+    clearImg() {
+      this.revokePreviewUrls();
+      this.fileList = [];
+      this.SeriesCover = [];
+      if (this.$refs.upload) {
+        this.$refs.upload.clearFiles();
+      }
+    },
+
+    // 获取回显图片（加密图需解密后展示）
+    async getFileList(imgArr) {
+      const list = Array.isArray(imgArr) ? imgArr.filter(Boolean) : [];
+      this.revokePreviewUrls();
+      this.SeriesCover = [...list];
+      if (!list.length) {
+        this.fileList = [];
+        return;
+      }
+      const files = await Promise.all(
+        list.map(async (path, index) => {
+          const originalPath = path;
+          try {
+            const displayUrl = await decryptTool.imgDecypt(this.buildImageUrl(path));
+            return {
+              name: `image-${index + 1}`,
+              url: displayUrl,
+              status: "success",
+              originalPath,
+            };
+          } catch (error) {
+            console.error("img decrypt error:", error);
+            return {
+              name: `image-${index + 1}`,
+              url: this.buildImageUrl(path),
+              status: "success",
+              originalPath,
+            };
+          }
+        })
+      );
+      this.fileList = files;
+    },
+    // submitUpload () {
+    //   this.formData = new FormData()
+    //   // 手动触发上传
+    //   this.$refs.upload.submit()
+    //   // 此时所有的钩子已经执行完了formData 中存的是通过校验的数据
+    //   // 此时在调用接口上传该数据
+    // },
+  },
+};
+</script>
+<style lang="scss">
+.upload-imgs-box {
+  width: 100%;
+  .el-upload {
+    width: 200px !important;
+    height: 100px !important;
+    .btnPics {
+      position: relative;
+      top: -25px;
+      left: 0px;
+    }
+  }
+  .el-upload-list--picture-card .el-upload-list__item {
+    width: 100px !important;
+    height: 100px !important;
+  }
+}
+</style>

src/components/media-popup.vue

@@ -0,0 +1,173 @@
+<template>
+  <div v-show="dialogVisible">
+    <el-dialog
+      :title="title"
+      align="center"
+      :visible.sync="dialogVisible"
+      top="5vh"
+      width="40%"
+      :before-close="handleClose"
+      :close-on-click-modal="true"
+      append-to-body
+      :modal-append-to-body="true"
+      custom-class="media-preview-dialog"
+    >
+      <div class="media-box" v-if="videoShow">
+        <video
+          ref="videoEl"
+          class="preview-video"
+          controls
+          preload="auto"
+          playsinline
+        ></video>
+      </div>
+      <div class="media-box" id="img-box" v-if="imgShow">
+        <decrypt-img :src="mediaUrl" />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import Hls from "hls.js";
+import baseConfig from "@/utils/serverUrlConfig";
+import previewImages from "../utils/previewImages";
+
+export default {
+  data() {
+    return {
+      dialogVisible: false,
+      imgShow: true,
+      mediaUrl: "",
+      videoShow: false,
+      title: "封面图查看",
+      myData: [],
+      hls: null
+    };
+  },
+  computed: {
+    token() {
+      return this.$store.state.token;
+    }
+  },
+  beforeDestroy() {
+    this.destroyPlayer();
+  },
+  methods: {
+    destroyPlayer() {
+      if (this.hls) {
+        this.hls.destroy();
+        this.hls = null;
+      }
+      const video = this.$refs.videoEl;
+      if (video) {
+        video.pause();
+        video.removeAttribute("src");
+        video.load();
+      }
+    },
+    handleClose() {
+      this.destroyPlayer();
+      this.dialogVisible = false;
+      this.imgShow = false;
+      this.videoShow = false;
+      this.mediaUrl = "";
+    },
+    initHlsPlayer(src) {
+      const video = this.$refs.videoEl;
+      if (!video || !src) return;
+
+      if (Hls.isSupported()) {
+        this.hls = new Hls({
+          enableWorker: true,
+          maxBufferLength: 15,
+          maxMaxBufferLength: 180
+        });
+        this.hls.loadSource(src);
+        this.hls.attachMedia(video);
+        this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
+          video.play().catch(() => {});
+        });
+        this.hls.on(Hls.Events.ERROR, (event, data) => {
+          if (!data.fatal || !this.hls) return;
+          if (data.type === Hls.ErrorTypes.NETWORK_ERROR) {
+            this.hls.startLoad();
+          } else if (data.type === Hls.ErrorTypes.MEDIA_ERROR) {
+            this.hls.recoverMediaError();
+          } else {
+            this.destroyPlayer();
+          }
+        });
+        return;
+      }
+
+      // Safari 等原生 HLS
+      if (video.canPlayType("application/vnd.apple.mpegurl")) {
+        video.src = src;
+        video.addEventListener(
+          "loadedmetadata",
+          () => {
+            video.play().catch(() => {});
+          },
+          { once: true }
+        );
+      }
+    },
+    open(url, type) {
+      if (type === "img") {
+        previewImages([url]);
+      } else {
+        this.destroyPlayer();
+        this.dialogVisible = true;
+        this.imgShow = false;
+        this.videoShow = true;
+        this.title = "视频查看";
+        this.mediaUrl =
+          baseConfig.baseServerUrl +
+          baseConfig.playVideoUrl +
+          url +
+          "?token=" +
+          this.token;
+        this.$nextTick(() => {
+          const dialog = document.querySelector(".media-preview-dialog");
+          const wrapper = dialog && dialog.parentElement;
+          if (wrapper) {
+            wrapper.style.zIndex = "4000";
+          }
+          const modals = document.querySelectorAll(".v-modal");
+          const modal = modals[modals.length - 1];
+          if (modal) {
+            modal.style.zIndex = "3999";
+          }
+          this.initHlsPlayer(this.mediaUrl);
+        });
+      }
+    }
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.my_data {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
+.media-box {
+  width: 100%;
+  height: 400px;
+  text-align: center;
+  overflow: hidden;
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+  .preview-video {
+    width: 100% !important;
+    height: 100% !important;
+    border: none !important;
+    background: #000;
+    object-fit: contain;
+  }
+}
+</style>

src/components/mediaTagSelector.vue

@@ -0,0 +1,128 @@
+<template>
+  <div> 
+    <el-tag size="middle" style="margin: 0 5px;" closable v-for="(item,index) in value" :key="index"
+    @close="closeTag(item)"
+    >{{item.name}}</el-tag>
+    <el-input
+      class="input-new-tag"
+      v-if="inputVisible"
+      v-model="inputValue"
+      ref="saveTagInput"
+      size="small"
+      @keyup.enter.native="$event.target.blur"
+      @blur="handleInputConfirm"
+    >
+    </el-input>
+    <el-card style="width: 500px;max-height: 200px;overflow-y: scroll;" v-if="tagList.length > 0">
+      <el-button size="small" v-for="item in tagList" @click="clickTag(item.name, item.id)" :key="item.id"
+      :type="item.name | valueClassFilter(tagStr)"
+      :disabled="item.name | valueFilter(tagStr)"
+      >{{item.name}}</el-button>
+    </el-card>
+  </div> 
+</template>
+<script>
+export default {
+  filters: {
+    valueFilter(tag, tagStr){
+      return tagStr.indexOf(tag) >= 0 ? true : false
+    },
+    valueClassFilter(tag,tagStr){
+      return tagStr.indexOf(tag) >= 0 ? 'info' : 'success'
+    }
+  },
+  props: {
+    tagList: {
+      required: true,
+      type: Array,
+    },
+    value: {
+      required: true,
+      type: Array,
+    }
+  },
+  created() {
+    if (this.value.length > 0) {
+      for (const t of this.value) {
+        this.tagStr.push(t.name)
+      }
+    }
+  },
+  data() {
+    return {
+      inputVisible: false,
+      inputValue: '',
+      tagStr: [],
+    }
+  },
+  beforeDestroy() {
+    this.tagStr = [];
+  },
+  methods: {
+    clickTag(tag, id){
+      if(this.value.length >= 5) {
+        this.$message.error('帖子关联标签最多5个');
+        return false
+      }
+      let arr = [...this.value]
+      arr.push({"id": id, "name": tag})
+      this.tagStr.push(tag)
+      this.$emit('input', arr)
+    },
+    closeTag(item) {
+      let arr = [...this.value]
+      if (arr.length > 0) {
+        for (const a of arr) {
+          if (a.tag === item.tag) {
+            arr.splice(this.value.indexOf(a.tag), 1);
+            break;
+          }
+        }
+      }
+      let tagStr = [...this.tagStr];
+      tagStr.splice(this.tagStr.indexOf(item.tag), 1);
+      this.tagStr = tagStr;
+      this.$emit('input', arr)
+    },
+    showInput() {
+      this.inputVisible = true;
+      this.$nextTick(() => {
+        this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+    handleInputConfirm() {
+      let inputValue = this.inputValue;
+      if(this.value.length >= 5) {
+        this.$message.error('帖子关联标签最多5个');
+        this.inputVisible = false;
+        this.inputValue = '';
+        return false
+      }
+      if (inputValue) {
+        let arr = [...this.value]
+        arr.push(inputValue);
+        this.$emit('input', arr)
+      }
+      this.inputVisible = false;
+      this.inputValue = '';
+    },
+  }
+}
+</script>
+<style scoped>
+  .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: 90px;
+    margin-left: 10px;
+    vertical-align: bottom;
+  }
+</style>

src/components/multipleChannels.vue

@@ -0,0 +1,154 @@
+<template>
+  <div class="agent-action-box">
+    <!--渠道选择弹窗-->
+    <el-dialog :title="'渠道选择'" :visible.sync="dialogVisible1" width="800px" :before-close="handleClose1" :close-on-click-modal="false" append-to-body>
+      <div class="action-bar">
+        <el-input size="small" placeholder="请输入渠道" style="width: 200px;" v-model="transParams.channel" clearable @keyup.enter.native="getNumberList('status')"></el-input>
+        <el-button type="primary" size="small" class="checked" @click="getNumberList('status')">搜索</el-button>
+      </div>
+      <!-- <el-table :data="tableData" style="width: 100%" border v-loading="loading" element-loading-text="拼命加载中" @selection-change="handleSelectionChange" @select="handleSelectionChange" ref="multipleTable"> -->
+      <el-table :data="tableData" style="width: 100%" border v-loading="loading" element-loading-text="拼命加载中" @select="handleSelectionChange" ref="multipleTable" :row-key="(row)=>row.id">
+        <el-table-column type="selection" width="55" reserve-selection></el-table-column>
+        <el-table-column prop="channel" label="渠道" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.channel || '未知' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="device" label="设备" align="center" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span>{{ scope.row.device || '未知' }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-box" style="width:100%;height:70px">
+        <el-pagination :page-sizes="[5]" :current-page="transParams.pageNumber" :page-size="transParams.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" background v-if="total > 10" @size-change="changeSize" @current-change="changeCurrent"></el-pagination>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleClose1" size="small">取 消</el-button>
+        <el-button type="primary" @click="checkedNumber()" size="small">确 认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import API from '@/api';
+export default {
+  data() {
+    return {
+      // 内层弹出框
+      dialogVisible1: false,
+      // 内层弹窗表格加载状态
+      loading: false,
+      //  编辑是选中的渠道
+      checkedChannel: [],
+      selectedData: [],
+      // 分页总条数
+      total: 0,
+      // 表格数据
+      tableData: [],
+      // 渠道input框绑定值
+      channel: '',
+      // 请求渠道列表参数
+      transParams: {
+        channel: '',
+        pageNumber: 1,
+        pageSize: 5,
+      },
+    };
+  },
+  methods: {
+    // 打开表格选择弹窗
+    open(data) {
+      this.checkedChannel = data.split(',') || []
+      this.dialogVisible1 = true;
+      this.transParams.pageNumber = 1;
+      this.getNumberList();
+    },
+    // 获取渠道列表
+    getNumberList(type) {
+      if (type === 'status') {
+        this.transParams.pageNumber = 1;
+      }
+      this.loading = true;
+      API.getNumberList(this.transParams)
+        .then(res => {
+          if (res.code === 200 && res.data.list.length > 0) {
+            this.tableData = res.data.list;
+            this.total = res.data.total;
+            /// 添加默认选项
+            this.tableData.find(item => {
+              if (this.checkedChannel.includes(item.channel)) {
+                this.$refs.multipleTable.toggleRowSelection(item, true)
+                this.checkedChannel.splice(this.checkedChannel.indexOf(item.channel), 1)
+              }
+            })
+          } else {
+            this.tableData = [];
+            this.total = 0;
+          }
+          this.loading = false;
+        })
+    },
+    // pageSize发生变化触发
+    changeSize(size) {
+      this.transParams.pageSize = size;
+      this.transParams.pageNumber = 1;
+      this.getNumberList();
+    },
+    // 当前页发生变化触发
+    changeCurrent(pageNumber) {
+      this.transParams.pageNumber = pageNumber;
+      this.getNumberList();
+    },
+    // 确认选中渠道
+    checkedNumber() {
+      if (!this.selectedData) {
+        this.$message.error('请至少选择一个渠道！');
+        return false;
+      }
+      this.handleClose1()
+      let data = this.selectedData.map(res => res.channel).join(',')
+      if (this.checkedChannel.length > 0) {
+        data = data + ',' + this.checkedChannel.join(',')
+      }
+      this.$emit('onChange', data)
+    },
+    // 获取选中数据
+    handleSelectionChange(selection) {
+      this.selectedData = selection;
+    },
+    // 内侧弹窗关闭
+    handleClose1() {
+      this.$refs.multipleTable.clearSelection()
+      this.transParams = {
+        channel: '',
+        pageNumber: 1,
+        pageSize: 5,
+      }
+      this.dialogVisible1 = false;
+    },
+  }
+};
+</script>
+<style lang="scss">
+agent-action-box {
+  .el-input {
+    width: 220px;
+  }
+  .checked {
+    margin-left: 10px;
+  }
+  .avatar-uploader {
+    width: 150px;
+    height: 150px;
+  }
+  .page-box {
+    margin-top: 35px;
+    position: relative;
+    height: 40px;
+  }
+  .el-pagination {
+    margin-top: 0 !important;
+  }
+}
+</style>

src/components/radioChannel.vue

@@ -0,0 +1,151 @@
+<template>
+  <div class="agent-action-box">
+    <!--渠道选择弹窗-->
+    <el-dialog :title="'渠道选择'" :visible.sync="dialogVisible1" width="800px" :before-close="handleClose1" :close-on-click-modal="false" append-to-body>
+      <div class="action-bar">
+        <el-input size="small" placeholder="请输入渠道" style="width: 200px;" v-model="transParams.channel" clearable @keyup.enter.native="getNumberList('status')"></el-input>
+        <el-button type="primary" size="small" class="checked" @click="getNumberList('status')">搜索</el-button>
+      </div>
+      <el-table :data="tableData" style="width: 100%" border v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" highlight-current-row @current-change="handleSelectionChange" ref="multipleTable">
+        <!-- DOM有其默认的基本属性，而这些属性就是所谓的“property”，无论如何，它们都会在初始化的时候在DOM对象上创建。
+             如果在TAG对这些属性进行赋值，那么这些值就会作为初始值赋给DOM的同名property。 -->
+        <el-table-column prop="channel" label="渠道" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.channel || '未知' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="device" label="设备" align="center" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span>{{ scope.row.device || '未知' }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="page-box" style="width:100%;height:70px">
+        <el-pagination :page-sizes="[5]" :current-page="transParams.pageNumber" :page-size="transParams.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" background v-if="total > 10" @size-change="changeSize" @current-change="changeCurrent"></el-pagination>
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="handleClose1" size="small">取 消</el-button>
+        <el-button type="primary" @click="checkedNumber()" size="small">确 认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import API from '@/api';
+export default {
+  data() {
+    return {
+      // 内层弹出框
+      dialogVisible1: false,
+      // 内层弹窗表格加载状态
+      loading: false,
+      //  编辑是选中的渠道
+      checkedChannel: '',
+      selectedData: null,
+      // 分页总条数
+      total: 0,
+      // 表格数据
+      tableData: [],
+      // 渠道input框绑定值
+      channel: '',
+      // 请求渠道列表参数
+      transParams: {
+        channel: '',
+        pageNumber: 1,
+        pageSize: 5,
+      },
+    };
+  },
+  methods: {
+    // 打开表格选择弹窗
+    open(data) {
+      this.checkedChannel = data
+      this.dialogVisible1 = true;
+      this.transParams.pageNumber = 1;
+      this.getNumberList();
+    },
+    // 获取渠道列表
+    getNumberList(type) {
+      if (type === 'status') {
+        this.transParams.pageNumber = 1;
+      }
+      this.loading = true;
+      API.getNumberList(this.transParams)
+        .then(res => {
+          if (res.code === 200 && res.data.list.length > 0) {
+            this.tableData = res.data.list;
+            this.total = res.data.total;
+            /// 添加默认选项
+            this.tableData.find(item => {
+              if (item.channel === this.checkedChannel) {
+                this.$refs.multipleTable.setCurrentRow(item)
+                return true
+              }
+            })
+          } else {
+            this.tableData = [];
+            this.total = 0;
+          }
+          this.loading = false;
+        })
+    },
+    // pageSize发生变化触发
+    changeSize(size) {
+      this.transParams.pageSize = size;
+      this.transParams.pageNumber = 1;
+      this.getNumberList();
+    },
+    // 当前页发生变化触发
+    changeCurrent(pageNumber) {
+      this.transParams.pageNumber = pageNumber;
+      this.getNumberList();
+    },
+    // 确认选中渠道
+    checkedNumber() {
+      if (!this.selectedData) {
+        this.$message.error('请选择一个渠道！');
+        return false;
+      }
+      this.handleClose1()
+      let data = this.selectedData.channel
+      this.$emit('onChange', data)
+    },
+    // 获取选中数据
+    handleSelectionChange(val) {
+      this.selectedData = val;
+    },
+    // 内侧弹窗关闭
+    handleClose1() {
+      this.$refs.multipleTable.clearSelection()
+      this.transParams = {
+        channel: '',
+        pageNumber: 1,
+        pageSize: 5,
+      }
+      this.dialogVisible1 = false;
+    },
+  }
+};
+</script>
+<style lang="scss">
+agent-action-box {
+  .el-input {
+    width: 220px;
+  }
+  .checked {
+    margin-left: 10px;
+  }
+  .avatar-uploader {
+    width: 150px;
+    height: 150px;
+  }
+  .page-box {
+    margin-top: 35px;
+    position: relative;
+    height: 40px;
+  }
+  .el-pagination {
+    margin-top: 0 !important;
+  }
+}
+</style>

src/components/reasonAction.vue

@@ -0,0 +1,240 @@
+<template>
+  <div class="reason-action-box">
+    <el-dialog :title="title" :visible.sync="dialogVisible" width="600px" :before-close="handleClose" align="center" :close-on-click-modal="false" class="el-dialogs">
+      <el-form label-width="0px" class="form-inline" align="left">
+        <el-form-item>
+          <el-button type="danger" :disabled="isEdit" icon="el-icon-plus" @click="handlerAdd">新增原因</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table :data="tableData" :loading="loading" border>
+        <el-table-column prop="content" label="驳回原因" width="370" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.content">{{ scope.row.content }}</span>
+            <div v-else class="inline-item">
+              <el-form :model="params" :inline="true" ref="form" label-width="0px" class="form-inline" align="center" size="mini">
+                <el-form-item prop="content" style="width: 180px; margin-bottom: 0;">
+                  <el-input v-model="params.content" type="textarea" :placeholder="scope.row._placeholder" size="small" />
+                </el-form-item>
+                <el-form-item style="width: 60px">
+                  <el-button type="success" :loading="flag" size="small" @click="submitReason(scope.row)">确认</el-button>
+                </el-form-item>
+                <el-form-item style="width: 60px">
+                  <el-button type="primary" size="small" @click="handlerCancel()">取消</el-button>
+                </el-form-item>
+              </el-form>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center">
+          <template slot-scope="scope">
+            <el-button type="success" size="small" @click="handlerEdit(scope.row)">编辑</el-button>
+            <el-button type="danger" size="small" @click="delReason(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div v-if="total>pageSize" class="table-pagination">
+        <el-pagination :current-page.sync="pageNum" :page-size="pageSize" layout="prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import API from '@/api'
+export default {
+  data() {
+    return {
+      // 外层弹出框
+      dialogVisible: false,
+      // 弹窗标题
+      title: '原因列表',
+      // 原因类型
+      type: '',
+      // 提交按钮状态
+      flag: false,
+      // 表格加载状态
+      loading: false,
+      isEdit: false,
+      // 新增帖子请求参数
+      params: {
+        content: ''
+      },
+      tableData: [],
+      pageSize: 5,
+      pageNum: 1,
+      total: 0
+    }
+  },
+  created() {
+  },
+  methods: {
+    // 获取驳回原因列表
+    getReasonList() {
+      this.loading = true
+      const params = Object.assign({}, {
+        type: this.type,
+        page: this.pageNum,
+        pageSize: this.pageSize
+        // content: this.params.content
+      })
+      API.getReasonList(params).then(res => {
+        if (res.code === 200 && res.data.list) {
+          this.total = res.data.total
+          this.tableData = res.data.list || []
+        } else {
+          this.tableData = []
+          this.total = 0
+        }
+        this.loading = false
+      }).catch(() => {
+        this.tableData = []
+        this.loading = false
+      })
+    },
+    handleSizeChange(val) {
+      window.console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange(val) {
+      this.pageNum = val
+      this.getReasonList()
+    },
+    handlerAdd() {
+      this.tableData.unshift({ id: 'add', content: '', _placeholder: '请输入新增原因' })
+      this.isEdit = true
+    },
+    handlerEdit(row) {
+      if (this.isEdit) {
+        this.$message.error('请先完成新增或其他列的修改！')
+        return false
+      }
+      row._placeholder = row.content
+      row.content = ''
+      this.isEdit = true
+    },
+    handlerCancel() {
+      this.isEdit = false
+      this.params.content = ''
+      this.getReasonList()
+    },
+    submitReason(row) {
+      this.isEdit = false
+      if (row.id === 'add') {
+        this.addReason()
+      } else {
+        this.editReason(row)
+      }
+      this.params.content = ""
+    },
+    editReason(row) {
+      this.flag = true
+      const params = Object.assign({}, {
+        id: row.id,
+        content: this.params.content
+      })
+      API.editReasonList(params).then(res => {
+        if (res.code === 200) {
+          this.$message({
+            message: '编辑成功！',
+            type: 'success'
+          });
+          this.handlerCancel();
+        } else {
+          this.$message.error('编辑失败！')
+        }
+      }).catch(() => {
+        this.flag = false
+        this.$message.error('编辑失败！')
+      })
+    },
+    addReason() {
+      this.flag = true
+      const params = {
+        type: this.type,
+        content: this.params.content,
+      }
+      API.addReasonList(params)
+        .then(res => {
+          if (res.code === 200) {
+            this.$message({
+              message: '添加成功！',
+              type: 'success'
+            })
+            this.params.content = ''
+            this.pageNum = 1
+          } else {
+            this.$message.error('新增失败！');
+          }
+          this.flag = false
+          this.getReasonList()
+        })
+        .catch(() => {
+          this.flag = false
+          this.$message.error('添加失败！')
+        })
+    },
+    delReason(row) {
+      this.$confirm('您确定要删除当前原因吗？', '删除提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+      .then(() => {
+        const params = Object.assign({}, {
+          ids: [row.id],
+        })
+        API.delReasonList(params).then(res => {
+          if (res.code === 200) {
+            this.$message({
+              message: '删除成功',
+              type: 'success'
+            });
+          this.getReasonList()
+          } else {
+            this.$message.error('删除失败！');
+          }
+        })
+        .catch(() => {
+          this.flag = false
+          this.getReasonList()
+          this.$message.error('删除失败！')
+        })
+      })
+    },
+    // 数据提交验证
+    // submitForm() {
+    //   this.$refs.form.validate(valid => {
+    //     if (valid) {
+    //       this.flag = true
+    //       this.rejectPosts()
+    //     } else {
+    //       return false
+    //     }
+    //   })
+    // },
+    // 关闭弹窗
+    handleClose() {
+      this.dialogVisible = false
+      this.params = {
+        content: ''
+      }
+      this.isEdit = false
+      this.tableData = []
+      // this.$refs.form.resetFields()
+    },
+    // 打开编辑视频弹窗、传递需要编辑的参数
+    open(type) {
+      this.dialogVisible = true
+      this.type = type
+      this.getReasonList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.reason-action-box {
+  .inline-item {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>

src/components/rich-editor/index.vue

@@ -0,0 +1,418 @@
+<template>
+  <div>
+    <el-dialog
+      title="富文本配置"
+      width="50%"
+      top="2%"
+      :visible.sync="dialogVisible"
+      @close="handleClose"
+      :close-on-click-modal="false"
+    >
+      <!-- <el-button type="warning" size="medium" @click="openAddImg"
+        >图片上传</el-button
+      > -->
+      <el-button type="success" size="medium" @click="openLook"
+        >预览页面</el-button
+      >
+      <el-button type="danger" size="medium" @click="handleCope"
+        >复制图文</el-button
+      >
+      <el-button type="primary" size="medium" @click="handleSubmit"
+        >保存</el-button
+      >
+      <br /><br />
+      <div ref="content" id="wangEditor" class="wangEditor"></div>
+    </el-dialog>
+    <el-dialog
+      title="上传图片"
+      :visible.sync="dialogVisibleAddImg"
+      width="800px"
+      @close="handleAddImgClose"
+      :close-on-click-modal="false"
+      style="height:500px"
+    >
+      <el-form ref="form" :model="editParam" label-width="300px">
+        <div class="form-flex-box">
+          <el-form-item label="" prop="cover">
+            <el-upload
+              class="upload-demo"
+              name="upload"
+              accept="image/jpeg, image/png, image/jpg, image/gif, image/webp"
+              :action="action"
+              :headers="header"
+              :on-success="imageUploadSuccess"
+              :on-error="imageUploadFail"
+            >
+              <el-button size="small" type="primary">点击上传</el-button>
+            </el-upload>
+            <decrypt-img
+              v-if="editParam.cover"
+              style="height: 100px"
+              :src="setImage(editParam.cover)"
+              :preview-src-list="[setImage(editParam.cover)]"
+            >
+            </decrypt-img>
+          </el-form-item>
+        </div>
+        图片地址:
+        <span>{{ editParam.cover ? setImage(editParam.cover) : null }}</span>
+      </el-form>
+    </el-dialog>
+
+    <rich-preview ref="preview"></rich-preview>
+  </div>
+</template>
+
+<script>
+// 引入 wangEditor
+import wangEditor from "wangeditor";
+import RichPreview from "../rich-preview/index.vue";
+import API from "@/api";
+import baseConfig from "@/utils/serverUrlConfig";
+import local from "@/utils/localStroage";
+import { decryptTool } from "../decrypt-img/tool";
+
+const isBlobUrl = (url) => /^blob:(https?|file):/.test(url);
+const observedElements = [];
+let observer = null;
+
+export default {
+  components: { RichPreview },
+  data() {
+    return {
+      dialogVisible: false,
+      dialogVisibleLook: false,
+      dialogVisibleAddImg: false,
+      editor: null,
+      editorData: "",
+      id: "",
+      richText: "",
+      cope_rich_text: "",
+      data: "",
+      video: null, //视频对象
+      // 封面上传地址
+      action: baseConfig.baseServerUrl + "/vid/uploadStatic",
+      header: {
+        Authorization: local.get("userInfo").token,
+      },
+      editParam: {
+        imgUrl: baseConfig.imgUrl,
+        cover: "",
+      },
+      copySrc: "",
+    };
+  },
+  created() {
+    observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          this.observeEntry(entry);
+        });
+      },
+      { threshold: 0.1 }
+    );
+  },
+  mounted() {
+    // 监听 copy 事件
+    // document.addEventListener("copy", this.handleCopy);
+  },
+  beforeDestroy() {
+    this.unobserveImages();
+    observer.disconnect();
+    // 移除事件监听
+    // document.removeEventListener("copy", this.handleCopy);
+  },
+  methods: {
+    handleCopy(event) {
+      const newHtml = event.target.outerHTML;
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(newHtml, "text/html");
+      if (
+        doc.getElementsByTagName("img") &&
+        doc.getElementsByTagName("img").length
+      ) {
+        this.copySrc = doc.getElementsByTagName("img")[0].getAttribute("alt");
+      } else {
+        this.copySrc = "";
+      }
+    },
+    createEditor() {
+      const editor = new wangEditor(`#wangEditor`);
+      editor.config.uploadImgServer = this.action;
+      editor.config.uploadImgHeaders = this.header;
+      editor.config.uploadFileName = "upload";
+      editor.config.pasteFilterStyle = false;
+      editor.config.pasteIgnoreImg = false;
+      editor.config.customAlert = () => {};
+      editor.config.uploadImgHooks = {
+        customInsert: async (insertImgFn, result) => {
+          if (result.code === 200) {
+            // insertImgFn 可把图片插入到编辑器，传入图片 src ，执行函数即可
+            insertImgFn(result.data.coverImg, "");
+            this.handleDynamicElements();
+          }
+        },
+      };
+      editor.config.height = 700;
+      // 配置 onchange 回调函数，将数据同步到 vue 中
+      editor.config.onchange = (newHtml) => {
+        this.editorData = newHtml;
+      };
+      // 粘贴的钩子
+      editor.config.pasteTextHandle = (newHtml) => {
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(newHtml, "text/html");
+        const images = doc.getElementsByTagName("img");
+        for(let i = 0; i < images.length; i++) {
+          let src = images[i].getAttribute("src");
+          let originSrc = images[i].getAttribute("alt");
+          setTimeout(() => {
+            this.processImages(src, originSrc);
+          }, 500);
+        }
+        return newHtml;
+      };
+      // 创建编辑器
+      editor.create();
+      if (this.richText != "" && this.richText != "") {
+        editor.txt.html(this.richText);
+      }
+      this.editor = editor;
+      this.handleDynamicElements();
+    },
+    processImages(src, originSrc) {
+      const images = this.$refs.content.querySelectorAll("img[src]");
+      images.forEach((img) => {
+        if (img.getAttribute("src") == src) {
+          img.setAttribute("origin-src", originSrc);
+          img.setAttribute("alt", originSrc);
+        }
+      });
+    },
+    // **** 图片解密处理图片 start！！！
+    async handleDynamicElements() {
+      await this.$nextTick();
+      const imgs = this.$refs.content.getElementsByTagName("img");
+      this.observeImages(imgs);
+    },
+    observeImages(imgs) {
+      // 先移除原来的监听
+      this.unobserveImages();
+      if (!imgs) return;
+      for (let index = 0; index < imgs.length; index++) {
+        const element = imgs[index];
+        if (element.getAttribute("origin-src")) continue;
+        element.setAttribute("alt", "");
+        observer.observe(element);
+        observedElements.push(element);
+      }
+    },
+    async observeEntry(entry) {
+      const { intersectionRatio } = entry;
+      if (intersectionRatio <= 0) return;
+      const target = entry.target;
+      const tempSrc = target.getAttribute("src");
+      if (!tempSrc) {
+        // 没有临时路径，清除监听
+        this.unobserveEntry(entry);
+        return;
+      }
+      // 是完整url，无需解密直接src加载
+      if (isBlobUrl(tempSrc)) {
+        // target.style.minHeight = target.style.minHeight || "auto";
+        // target.setAttribute("src", tempSrc);
+        // target.setAttribute("origin-src", tempSrc);
+        // target.setAttribute("title", tempSrc);
+        this.unobserveEntry(entry);
+        return;
+      }
+      try {
+        let imgApi = this.$imgUrl;
+        if (imgApi.slice(-1) != "/") {
+          imgApi = imgApi + "/";
+        }
+        const url = await decryptTool.imgDecypt(imgApi + tempSrc);
+        target.style.minHeight = target.style.minHeight || "auto";
+        target.style.maxWidth = "100%";
+        target.setAttribute("src", url);
+        target.setAttribute("origin-src", tempSrc);
+        target.setAttribute("alt", tempSrc);
+        this.unobserveEntry(entry);
+      } catch (error) {
+        console.error("img decypt error:", error);
+      }
+    },
+    unobserveImages() {
+      observedElements.forEach((v) => observer.unobserve(v));
+      observedElements.splice(0);
+    },
+    unobserveImage(img) {
+      observer.unobserve(img);
+      const idx = observedElements.indexOf(img);
+      if (idx >= 0) {
+        observedElements.splice(idx, 1);
+      }
+    },
+    unobserveEntry(entry) {
+      this.unobserveImage(entry.target);
+    },
+    // **** 图片解密处理图片 end！！！
+    // 打开编辑视频弹窗、传递需要编辑的参数
+    async open(video) {
+      this.dialogVisible = true;
+      this.video = video;
+      this.id = video.id;
+      if (video.richText && video.richText != "") {
+        this.richText = video.richText;
+        // this.richText = video.richText.replace(
+        //   /<img src="/g,
+        //   `<img src="${ resourceHost }`
+        // );
+      }
+      //处理复制图文业务
+      var cope_rich_text = "<p>";
+      if (video.title !== "") {
+        cope_rich_text += video.title;
+        cope_rich_text += "<br/><br/>";
+      }
+      if (video.content !== "") {
+        cope_rich_text += video.content;
+      }
+      if (video.seriesCover !== "") {
+        var seriesCover = video.seriesCover || [];
+        if (seriesCover.length > 0);
+        for (const p of seriesCover) {
+          cope_rich_text += `<br/><br/><img src="`;
+          cope_rich_text += p;
+          cope_rich_text += '"/><br/><br/>';
+        }
+      }
+      if (cope_rich_text !== "<p>") {
+        this.cope_rich_text = cope_rich_text;
+      }
+      await this.$nextTick();
+      this.createEditor();
+    },
+    // 关闭弹窗
+    handleClose() {
+      this.dialogVisible = false;
+      this.editor && this.editor.destroy();
+      this.editor = null;
+      this.cleanData();
+    },
+    handleAddImgClose() {
+      this.dialogVisibleAddImg = false;
+      this.data = "";
+      this.editParam = {
+        imgUrl: baseConfig.imgUrl,
+        cover: "",
+      };
+    },
+    openAddImg() {
+      this.dialogVisibleAddImg = true;
+    },
+    cleanData() {
+      this.id = "";
+      this.richText = "";
+      this.cope_rich_text = "";
+      this.video = null;
+    },
+    openLook() {
+      this.dialogVisibleLook = true;
+      this.data = this.editor.txt.html();
+      this.$refs.preview.open(this.richText, false);
+    },
+    handleSubmit() {
+      this.data = this.editor.txt.html();
+      if (!this.data) {
+        alert("保存内容为空");
+        return;
+      }
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(this.data, "text/html");
+      const images = doc.getElementsByTagName("img");
+      for (const img of Array.from(images)) {
+        const src = img.getAttribute("alt");
+        if (src) {
+          img.setAttribute("src", src);
+          img.removeAttribute("origin-src");
+        }
+        img.setAttribute("alt", "");
+      }
+      this.data = doc.body.innerHTML;
+      this.submitDate();
+    },
+    async handleCope() {
+      this.richText = this.cope_rich_text;
+      this.editor.destroy();
+      this.editor = null;
+      this.$nextTick();
+      this.createEditor();
+    },
+    // 保存
+    submitDate() {
+      if (this.data == null || this.data == "") {
+        alert("保存内容为空");
+        return;
+      }
+      if (this.video == null || this.video == "") {
+        alert("保存内容异常");
+        return;
+      }
+      if (this.id == null || this.id == "") {
+        alert("编辑帖子id异常！");
+        return;
+      }
+      //编辑
+      const params = {};
+      params.id = this.id;
+      params.richText = this.data;
+      params.type = 2;
+      API.editVideoInfo(params)
+        .then((res) => {
+          if (res.code === 200) {
+            this.$message({
+              message: "保存成功！",
+              type: "success",
+            });
+            this.$emit("handlerLoadList");
+          } else {
+            this.$message.error(res.msg || res.tip || "保存失败！");
+          }
+          this.handleClose();
+        })
+        .catch((e) => {
+          console.error(e);
+        });
+    },
+    async updateFile(file) {
+      const form = new FormData();
+      form.append("upload", file.file);
+      const { data } = await API.fileUpload(form);
+      this.editParam.cover = data.coverImg;
+    },
+    imageUploadSuccess(res) {
+      if (res.code === 200) {
+        this.editParam.cover = res.data.coverImg;
+      } else {
+        this.$message.error(res.data);
+      }
+    },
+    imageUploadFail(res) {
+      this.$message.error(res.message);
+    },
+    setImage(val) {
+      return this.editParam.imgUrl + val;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.wangEditor {
+  /deep/ img {
+    width: 100%;
+    min-height: 200px;
+  }
+}
+</style>

src/components/rich-preview/content.vue

@@ -0,0 +1,152 @@
+<template>
+  <div class="rich-preview">
+    <div
+      ref="content"
+      class="content"
+      v-html="html"
+      @click="onElementClick"
+    ></div>
+  </div>
+</template>
+<script>
+import { decryptTool } from "../decrypt-img/tool";
+
+const observedElements = [];
+let observer = null;
+const isBlobUrl = (url) => /^blob:(https?|file):/.test(url);
+export default {
+  props: {
+    text: String,
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    html() {
+      this.$nextTick(this.handleDynamicElements);
+      return this.replaceImageSrc(this.text || "");
+    },
+  },
+  methods: {
+    handleDynamicElements() {
+      const imgs = this.$refs.content.getElementsByTagName("img");
+      this.observeImages(imgs);
+    },
+    onElementClick(e) {
+      const ele = e.target;
+      const aTag = this.findNearestElement("a", ele);
+      if (aTag) {
+        const href = aTag.getAttribute("href");
+        console.log(href);
+      }
+    },
+    findNearestElement(nodeName, element) {
+      const upperNodeName = nodeName.toUpperCase();
+      if (!element) return null;
+      if (element.nodeName === upperNodeName) return element;
+      return this.findNearestElement(upperNodeName, element.parentElement);
+    },
+    observeImages(imgs) {
+      // 先移除原来的监听
+      this.unobserveImages();
+      if (!imgs) return;
+      for (let index = 0; index < imgs.length; index++) {
+        const element = imgs[index];
+        observer.observe(element);
+        observedElements.push(element);
+      }
+    },
+    unobserveImages() {
+      observedElements.forEach((v) => observer.unobserve(v));
+      observedElements.splice(0);
+    },
+    unobserveImage(img) {
+      observer.unobserve(img);
+      const idx = observedElements.indexOf(img);
+      if (idx >= 0) {
+        observedElements.splice(idx, 1);
+      }
+    },
+    unobserveEntry(entry) {
+      this.unobserveImage(entry.target);
+    },
+    replaceImageSrc(htmlContent) {
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(htmlContent, "text/html");
+      const images = doc.getElementsByTagName("img");
+      for (const img of Array.from(images)) {
+        let imgSrc = img.getAttribute("src") || "";
+        // img.setAttribute("src", placeholderImage);
+        img.setAttribute("temp-src", imgSrc);
+        img.setAttribute("alt", "");
+      }
+      return doc.documentElement.outerHTML;
+    },
+    async observeEntry(entry) {
+      const { intersectionRatio } = entry;
+      if (intersectionRatio <= 0) return;
+      const target = entry.target;
+      const tempSrc = target.getAttribute("temp-src");
+      if (!tempSrc) {
+        // 没有临时路径，清除监听
+        this.unobserveEntry(entry);
+        return;
+      }
+      // 是完整url，无需解密直接src加载
+      if (isBlobUrl(tempSrc)) {
+        target.style.minHeight = target.style.minHeight || "auto";
+        target.setAttribute("src", tempSrc);
+        target.removeAttribute("temp-src");
+        this.unobserveEntry(entry);
+        return;
+      }
+      try {
+        let imgApi = this.$imgUrl;
+        if (imgApi.slice(-1) != "/") {
+          imgApi = imgApi + "/";
+        }
+        const url = await decryptTool.imgDecypt(imgApi + tempSrc);
+        target.style.minHeight = target.style.minHeight || "auto";
+        target.setAttribute("src", url);
+        target.removeAttribute("temp-src");
+        this.unobserveEntry(entry);
+      } catch (error) {
+        console.error("img decypt error:", error);
+      }
+    },
+  },
+  created() {
+    observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          this.observeEntry(entry);
+        });
+      },
+      { threshold: 0.1 }
+    );
+  },
+  beforeDestroy() {
+    this.unobserveImages();
+    observer.disconnect();
+  },
+};
+</script>
+<style lang="scss" scoped>
+.rich-preview {
+  .content {
+    margin: 0 0 10px 0;
+    color: #888;
+    font-size: 14px;
+    line-height: 1.3;
+    font-weight: 400;
+    white-space: pre-line;
+
+    /deep/ img {
+      width: 100%;
+      min-height: 200px;
+      object-fit: scale-down;
+      background-color: #ccc;
+    }
+  }
+}
+</style>

src/components/rich-preview/index.vue

@@ -0,0 +1,89 @@
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="dialogVisible"
+    width="600px"
+    :before-handleClose="handleClose"
+    :handleClose-on-click-modal="false"
+    class="look-dialog"
+  >
+    <div class="look-one">
+      <Content :text="text"></Content>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import Content from "./content.vue";
+
+export default {
+  components: { Content },
+  data() {
+    return {
+      dialogVisible: false,
+      title: "预览",
+      text: "",
+    };
+  },
+  methods: {
+    // 关闭弹窗
+    handleClose() {
+      this.dialogVisible = false;
+    },
+    // 打开编辑视频弹窗、传递需要编辑的参数
+    open(text) {
+      this.dialogVisible = true;
+      this.text = text;
+    },
+  },
+  updated() {
+    // if (!this.dialogVisible) {
+    //   return;
+    // }
+    // var dom = document.getElementById("look");
+    // dom.style.width = "414px";
+    // //img数量
+    // var li = dom.getElementsByTagName("img").length;
+    // //循环动态更新图片宽度
+    // for (let index = 0; index < li; index++) {
+    //   dom.getElementsByTagName("img")[index].style.width = "414px";
+    // }
+    // //p数量
+    // var lp = dom.getElementsByTagName("p").length;
+    // //循环动态更新段落宽度
+    // for (let index = 0; index < lp; index++) {
+    //   dom.getElementsByTagName("p")[index].style.width = "414px";
+    // }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.look-dialog {
+  z-index: 999999 !important;
+
+  /deep/ .el-dialog__header {
+    position: sticky;
+    top: 0;
+    background: white;
+    z-index: 1;
+  }
+}
+
+.look-one {
+  border: 2px solid;
+  color: #121327;
+  border-radius: 12px;
+  width: 500px;
+  margin-left: 30px;
+  padding: 10px;
+
+  .look {
+    position: relative;
+    padding: 10px 20px;
+
+    /deep/ img {
+      width: 100%;
+    }
+  }
+}
+</style>

src/components/selectReasonAction.vue

@@ -0,0 +1,292 @@
+<template>
+  <div class="reason-action-box">
+    <el-dialog :title="title" :visible.sync="dialogVisible" width="600px" :before-close="handleClose" align="center" :close-on-click-modal="false" class="el-dialogs">
+      <!-- <el-form label-width="0px" class="form-inline" align="left" v-if="type == 'vid'">
+        <el-form-item>
+          <el-button size="small" type="success" round @click="addReason">新增原因</el-button>
+        </el-form-item>
+      </el-form> -->
+      <el-form ref="form" :model="params" :rules="rules" :label-position="labelPosition" label-width="100px">
+        <el-form-item label="原因列表:"  prop="content" align="left">
+          <!-- <span>原因列表</span> -->
+          <el-table ref="table" :data="tableData" border highlight-current-row @current-change="handlerSelect">
+            <el-table-column prop="content" label="原因" align="center" />
+          </el-table>
+          <el-input type="textarea" placeholder="请输入原因" style="margin-top: 10px" clearable v-model="vidContent" v-if="type == 'vid'"></el-input>
+        </el-form-item>
+          <el-form-item label="截图:" prop="lockImg" v-if="type!=='vid'">
+            <UploadImgPaste @changeImgUrl='changeImgUrl' :img='params.lockImg'></UploadImgPaste>
+          </el-form-item>
+      </el-form>
+
+      <div v-if="total>pageSize" class="table-pagination">
+        <el-pagination :current-page.sync="pageNum" :page-size="pageSize" layout="prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button size="small" @click="handleClose">取 消</el-button>
+        <el-button type="primary" :loading="flag" size="small" @click="submitForm('form')">确 认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+// import { reasonList, rejectPost } from '@/api/video/post'
+import API from "@/api";
+import baseConfig from '@/utils/serverUrlConfig'
+import UploadImgPaste from './clipboardPic.vue'
+export default {
+  data() {
+    return {
+      type: '',
+      labelPosition: 'left',
+      // 外层弹出框
+      dialogVisible: false,
+      // 弹窗标题
+      title: '原因',
+      // 提交按钮状态
+      flag: false,
+      // 内层弹窗表格加载状态
+      loading: false,
+      // 编辑id
+      id: '',
+      // 新增帖子请求参数
+      params: {
+        content: '',
+        lockImg: ''
+      },
+      vidContent: '',
+      tableData: [],
+      pageSize: 5,
+      pageNum: 1,
+      total: 0,
+      action: baseConfig.baseServerUrl + '/vid/uploadStatic',
+      // 验证规则
+      rules: {
+      }
+    }
+  },
+  created() {
+  },
+  components:{UploadImgPaste},
+  methods: {
+    addReason() {
+      this.$prompt("请输入新增原因", "新增原因", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        inputPattern: /.+/,
+        inputErrorMessage: "原因不能为空"
+      }).then(({ value }) => {
+        const params = Object.assign({}, {
+          type: this.type,
+          content: value
+        })
+        API.addReasonList(params).then(res => {
+          if (res.code === 200) {
+            this.$message({
+              message: '新增成功！',
+              type: 'success'
+            });
+            this.getReasonList()
+          } else {
+            this.$message.error('新增失败！')
+          }
+        }).catch(() => {
+          this.$message.error('新增失败！')
+        })
+      }).catch(() => {
+        this.$message({
+          type: "info",
+          message: "取消输入"
+        });
+      });
+    },
+    handlerSelect(currentRow) {
+      if (currentRow) {
+        this.params.content = currentRow.content
+      } else {
+        this.params.content = ''
+      }
+    },
+    // 获取驳回原因列表
+    getReasonList() {
+      this.loading = true
+      const params = Object.assign({}, {
+        type: this.type,
+        page: this.pageNum,
+        pageSize: this.pageSize
+      })
+      API.getReasonList(params).then(res => {
+        if (res.code === 200 && res.data.list) {
+          this.total = res.data.total
+          this.tableData = res.data.list || []
+        } else {
+          this.tableData = []
+          this.total = 0
+        }
+        this.loading = false
+      }).catch(() => {
+        this.tableData = []
+        this.loading = false
+      })
+    },
+    handleSizeChange(val) {
+      window.console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange(val) {
+      this.pageNum = val
+      this.getReasonList()
+    },
+    // 数据提交验证
+    submitForm() {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          let content = this.vidContent || this.params.content;
+          if(content.trim() == '') {
+            this.$message.warning('原因不能为空！')
+            return;
+          }
+          this.flag = true
+          switch(this.type){
+            case 'user':
+              this.handleLock()
+              break
+            case 'upload':
+              this.udpateForbid()
+              break
+            case 'vid':
+              this.examineVideo()
+              break
+            default:
+              this.$message.error('操作失败,请重试')
+              return false
+          }
+          this.handleClose()
+        } else {
+          return false
+        }
+      })
+    },
+    examineVideo() {
+      const params = Object.assign({}, {
+        ids: [this.id],
+        pass: 2,
+        reason: this.vidContent || this.params.content
+      })
+      API.examineVideo(params).then(res => {
+        if (res.code === 200) {
+          this.$message({
+            message: '操作成功！',
+            type: 'success'
+          });
+          this.$emit('handleList')
+        } else {
+          this.$message.error('操作失败！')
+        }
+        this.handleClose();
+        this.flag = false
+      }).catch(() => {
+        this.handleClose();
+        this.flag = false
+        this.$message.error('操作失败！')
+      })
+    },
+    // 禁止用户上传文件
+    udpateForbid(){
+      const params = Object.assign({}, {
+        uidList: [this.id],
+        enable: true,
+        reason: this.vidContent || this.params.content
+      })
+      API.resetForbid(params) 
+        .then(res => {
+          res.code === 200 && (
+            this.$message.success('修改用户禁止上传文件状态成功！'),this.$emit('handleList')
+          ) 
+          this.handleClose()
+          this.flag = false
+        })
+        .catch(() => {
+          this.$message.error('操作失败，请重试')
+          this.handleClose()
+          this.flag = false
+        })
+    },
+    // 封禁用户
+    handleLock() {
+      const params = Object.assign({}, {
+        uid: this.id,
+        enable: true,
+        reason: this.vidContent || this.params.content,
+        lockImg: this.params.lockImg
+      })
+      API.getUserLock(params)
+        .then(res => {
+          if (res.code === 200) {
+            if (params.enable) {
+              this.$message({
+                message: "封禁用户成功",
+                type: "success"
+              });
+              this.$emit('handleList')
+            } else {
+              this.$message({
+                message: "解封用户成功",
+                type: "success"
+              });
+            }
+            // this.search();
+          }
+          this.handleClose()
+          this.flag = false
+        })
+        .catch(() => {
+          this.$message.error('封禁失败！')
+          this.flag = false
+          this.handleClose()
+        });
+    },
+    // 图片上传成功回调
+    // successCallback1(res) {
+    //   this.params.lockImg = res.data.coverImg
+    // },
+      changeImgUrl(data) {
+       this.params.lockImg = data
+    },    
+    // 关闭弹窗
+    handleClose() {
+      this.dialogVisible = false
+      this.$refs.table.setCurrentRow()
+      this.params = {
+        content: '',
+      }
+      this.pageSize = 10
+      this.pageNum = 1
+      this.flag = false
+      this.$refs.form.resetFields();
+      this.params.lockImg = '';
+    },
+    // 打开编辑视频弹窗、传递需要编辑的参数
+    open(data, type) {
+      this.dialogVisible = true
+      this.type = type
+      // window.console.log(data)
+      // window.console.log(type,'type')
+      this.id = parseInt( data.uid || data.userID)||data.id
+      this.getReasonList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.reason-action-box {
+  .inline {
+    display: flex;
+    align-items: center;
+  }
+  /deep/.el-table__body tr.current-row > td {
+    background-color: #1890ff;
+    color: #fff;
+  }
+}
+</style>

src/components/tagSelector.vue

@@ -0,0 +1,143 @@
+<template>
+  <div>
+    <el-tag
+      size="middle"
+      style="margin: 0 5px;"
+      closable
+      v-for="(item, index) in value"
+      :key="index"
+      @close="closeTag(item)"
+      >{{ item }}</el-tag
+    >
+    <el-input
+      class="input-new-tag"
+      v-if="inputVisible"
+      v-model="inputValue"
+      ref="saveTagInput"
+      size="small"
+      @keyup.enter.native="$event.target.blur"
+      @blur="handleInputConfirm"
+    >
+    </el-input>
+    <el-button v-else class="button-new-tag" size="small" @click="showInput"
+      >+ New Tag</el-button
+    >
+    <el-card
+      style="width: 500px;max-height: 200px;overflow-y: scroll;"
+      v-if="tagList.length > 0"
+    >
+      <el-button
+        size="small"
+        v-for="item in tagList"
+        @click="clickTag(item.name)"
+        :key="item.id"
+        :type="item.name | valueClassFilter(value)"
+        :disabled="item.name | valueFilter(value)"
+        >{{ item.name }}</el-button
+      >
+    </el-card>
+  </div>
+</template>
+<script>
+export default {
+  filters: {
+    valueFilter(tag, value) {
+      return value.indexOf(tag) >= 0 ? true : false;
+    },
+    valueClassFilter(tag, value) {
+      return value.indexOf(tag) >= 0 ? "info" : "success";
+    },
+  },
+  props: {
+    tagList: {
+      required: true,
+      type: Array,
+    },
+    value: {
+      required: true,
+      type: Array,
+    },
+    quantity: {
+      require: false,
+      type: Number,
+      default: 5,
+    },
+  },
+  data() {
+    return {
+      inputVisible: false,
+      inputValue: "",
+    };
+  },
+  methods: {
+    clickTag(tag) {
+      if (this.value.length >= this.quantity) {
+        this.$message.error(`帖子关联标签最多${this.quantity}个`);
+        return false;
+      }
+      let arr = [...this.value];
+      arr.push(tag);
+      this.$emit("input", arr);
+    },
+    closeTag(tag) {
+      let arr = [...this.value];
+      arr.splice(this.value.indexOf(tag), 1);
+      this.$emit("input", arr);
+      // 如果关闭的标签是客服标签，则提示是否关闭
+      // const tagBool = this.tagList.map(item => item.name).indexOf(tag)
+      // if(tagBool === -1) {
+      //   this.$confirm('此操作将删除视频自带标签?', '提示', {
+      //     confirmButtonText: '确定',
+      //     cancelButtonText: '取消',
+      //     type: 'warning'
+      //   }).then(() => {
+      //   arr.splice(this.value.indexOf(tag), 1);
+      //   this.$emit('input', arr)
+      //   }).catch(() => {
+      //     return false
+      //   });
+      // } else {
+      // }
+    },
+    showInput() {
+      this.inputVisible = true;
+      this.$nextTick(() => {
+        this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+    handleInputConfirm() {
+      let inputValue = this.inputValue;
+      if (this.value.length >= this.quantity) {
+        this.$message.error(`帖子关联标签最多${this.quantity}个`);
+        this.inputVisible = false;
+        this.inputValue = "";
+        return false;
+      }
+      if (inputValue) {
+        let arr = [...this.value];
+        arr.push(inputValue);
+        this.$emit("input", arr);
+      }
+      this.inputVisible = false;
+      this.inputValue = "";
+    },
+  },
+};
+</script>
+<style scoped>
+.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: 90px;
+  margin-left: 10px;
+  vertical-align: bottom;
+}
+</style>

src/main.js

@@ -0,0 +1,58 @@
+/*
+ * @Author: 王枫叶
+ * @Date: 2020-10-30 14:43:04
+ * @LastEditors: 王枫叶
+ * @LastEditTime: 2020-12-18 11:31:13
+ */
+import Vue from "vue";
+import App from "./App.vue";
+import router from "./router";
+import store from "./stroe";
+import ElementUI from "element-ui";
+import Router from "vue-router";
+import filters from "@/utils/filter";
+import "./assets/scss/element-variables.scss";
+import "video.js/dist/video-js.css";
+import "./permission";
+import components from "@/utils/gloabalComponents";
+import uploader from "vue-simple-uploader";
+import VueCropper from "vue-cropper";
+import AudioPlayer from '@liripeng/vue-audio-player'
+import '@liripeng/vue-audio-player/lib/vue-audio-player.css'
+Vue.prototype.$store = store;
+// 引入lodash
+import _ from "lodash";
+import { LoginPlugin } from "./plugins/LoginPlugin";
+
+Vue.prototype._ = _;
+const originalPush = Router.prototype.push;
+Router.prototype.push = function push(location) {
+  return originalPush.call(this, location).catch((err) => err);
+};
+// 注册全局过滤器
+Object.keys(filters).forEach((k) => Vue.filter(k, filters[k]));
+
+// 全局组件注册
+Vue.use(components);
+// 图片裁剪组件注册
+Vue.use(VueCropper);
+// 全局路由
+Vue.use(Router);
+// 登陆插件
+Vue.use(LoginPlugin, { router });
+// 引入element-ui
+Vue.use(ElementUI);
+// 引入分片上传
+Vue.use(uploader);
+//引入音频插件
+Vue.use(AudioPlayer);
+//阻止启动生产模式的消息
+Vue.config.productionTip = false;
+
+const vue = new Vue({
+  router,
+  store, // 注册store选项  把 store 对象提供给 “store” 选项，实现把 store 的实例注入所有的子组件
+  render: (h) => h(App), //生成VNodes树<=>虚拟DOM
+}).$mount("#app");
+
+export default vue;

src/permission.js

@@ -0,0 +1,67 @@
+import router from "./router";
+import store from "./stroe";
+import local from "@/utils/localStroage.js";
+import { getQueryString } from "@/utils/index.js";
+/**
+ * @description 设置全局路由守卫，判断用户是否登陆
+ * @param to 开始路由
+ * @param form 目的路由
+ * @param next 做拦截处理
+ * @public
+ */
+router.beforeEach((to, form, next) => {
+  let userInfo = local.get("userInfo");
+  // 获取当前用户权限
+  let userRouter = local.get("role");
+  // 判断用户是否登陆
+  if (userInfo) {
+    // 在登陆状态下跳转到登录页面，则自动跳转到当前页
+    if (to.path === "/login" || to.path === "/") {
+      next({
+        path: "/welcome",
+      });
+      // 移除所有的标签
+      store.dispatch("removeAllTag");
+    } else {
+      // 用户没有页面权限时，直接跳转到欢迎页
+      if (!userRouter || userRouter.length === 0) {
+        next({
+          path: "/welcome",
+        });
+        return;
+      }
+      // 用户有页面权限，判断路由是否存在，不存在则实时刷新路由
+      let hasRoles =
+        store.state.routerList && store.state.routerList.length > 0;
+      if (hasRoles) {
+        next();
+      } else {
+        // 用户刷新后，vuex的数据被清空实时刷新数据，从locastorage中获取数据并刷新。
+        store.dispatch("refreshRouter");
+        // 重定向到该页面
+        next({
+          ...to,
+          replace: true,
+        });
+      }
+      store.dispatch("setRouterActive", to.path);
+    }
+    const n = getQueryString('n');
+    const p = getQueryString('p');
+    if (n && p) {
+      const hostname = window.location.origin + window.location.pathname;
+      window.history.replaceState(null, null, hostname);
+    }
+  } else {
+    if (to.path !== "/login" && to.path !== "/") {
+      next({
+        path: "/login",
+        query: {
+          redirect: to.fullPath,
+        },
+      });
+    } else {
+      next();
+    }
+  }
+});