feat: 短剧组推广 - 短剧库&短剧组

project/src/components/manage/playletManageV2/dialog/playletSendDialog.vue

@@ -0,0 +1,260 @@
+<template>
+  <el-dialog
+    :visible.sync="dialogVisible"
+    :before-close="handleCancel"
+    class="playletSend-dialog"
+    :title="dialogTitle"
+    width="450px"
+  >
+    <div class="form-wrap" v-loading="loading">
+      <div class="form-item">
+        <span class="lable"><em>*</em>推广链接名称</span>
+        <el-input v-model="form.name" size="small" placeholder="请输入推广链接名称" clearable />
+      </div>
+      <div class="form-item">
+        <span class="lable"><em>*</em>剧集</span>
+        <el-input v-model="form.episode_num" size="small" placeholder="请输入剧集数" clearable @input="onInputEpisodeNum" />
+        <span class="total">共{{ playletInfo.section_count || '-' }}集</span>
+      </div>
+      <div class="form-item">
+        <span class="lable"><em>*</em>公众号</span>
+        <el-select v-model="form.app_id" size="small" placeholder="请选择公众号" clearable filterable>
+          <el-option v-for="item in mpAccountOptions" :key="item.mp_app_id" :label="item.mp_name" :value="item.mp_app_id" />
+        </el-select>
+      </div>
+      <div class="form-item">
+        <span class="lable"><em>*</em>账号</span>
+        <el-select v-model="form.account_id" size="small" placeholder="请选择账号" clearable filterable>
+          <el-option v-for="item in accountOptions" :key="item.account_id" :label="item.account" :value="item.account_id" />
+        </el-select>
+      </div>
+      <div class="form-item">
+        <span class="lable"><em>*</em>推广类型</span>
+        <el-radio-group v-model="form.promotionType">
+          <el-radio :label="1">H5</el-radio>
+          <el-radio :label="2">小程序</el-radio>
+        </el-radio-group>
+      </div>
+      <div v-if="isShowMiniApp" class="form-item">
+        <span class="lable"><em>*</em>小程序</span>
+        <el-select v-model="form.mini_app_id" size="small" placeholder="请选择小程序" clearable filterable>
+          <el-option v-for="item in miniProOptions" :key="item.app_id" :label="item.app_name" :value="item.app_id" />
+        </el-select>
+      </div>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button size="mini" @click="handleCancel">取 消</el-button>
+      <el-button size="mini" type="primary" @click="handleConfirm" :disabled="loading">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getIntegerNumber } from '@/assets/js/common'
+
+export default {
+  name: "playletSendDialog",
+  props: {
+    // 控制弹框是否显示
+    dialogVisible: {
+      type: Boolean,
+      default: () => false
+    },
+    // 剧集信息
+    playletInfo: {
+      type: Object,
+      default: () => ({})
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      mpAccountOptions: [], // 公众号选项
+      accountOptions: [], // 账号选项
+      miniProOptions: [], // 小程序选项
+      form: {
+        name: '', // 推广链接名称
+        episode_num: '', // 剧集数
+        app_id: '', // 公众号
+        account_id: '', // 账号
+        promotionType: 1, // 推广类型 1H5、2小程序
+        mini_app_id: '', // 小程序
+      }
+    }
+  },
+  computed: {
+    // 弹框标题
+    dialogTitle() {
+      return `剧集群发${this.playletInfo.name ? ('-' + this.playletInfo.name) : ''}`
+    },
+    // 控制是否展示"小程序" => 目前"嘉书(新)"平台不需要展示
+    isShowMiniApp() {
+      // return this.playletInfo.platform_id != 4
+      return this.form.promotionType === 2
+    },
+  },
+  watch: {
+    dialogVisible(isShow) {
+      // 弹框显示 => 初始化表单数据
+      if (isShow) {
+        this.handleGetMpAccountOptions()
+        this.handleGetAccountOptions()
+        this.handleGetMiniProOptions()
+        this.handleInitData()
+      }
+    },
+  },
+  methods: {
+    // 获取公众号选项列表
+    async handleGetMpAccountOptions() {
+      const { data: res = {} } = await this.$axios.post(this.URL.BASEURL + this.URL.playletManage_appList, {})
+      if (res && res.errno == 0) {
+        this.mpAccountOptions = res.rst
+      } else if (res.errno != 4002) {
+        this.$message.warning(res.err)
+      }
+    },
+    // 获取账号选项列表
+    async handleGetAccountOptions() {
+      const { data: res = {} } = await this.$axios.post(this.URL.BASEURL + this.URL.playletManage_accountList, {
+        platform_id: this.playletInfo.platform_id
+      })
+      if (res && res.errno == 0) {
+        this.accountOptions = res.rst
+      } else if (res.errno != 4002) {
+        this.$message.warning(res.err)
+      }
+    },
+    // 获取小程序选项列表
+    async handleGetMiniProOptions() {
+      const { data: res = {} } = await this.$axios.post(this.URL.BASEURL + this.URL.playletManage_smallAppList, {
+        platform_id: this.playletInfo.platform_id
+      })
+      if (res && res.errno == 0) {
+        this.miniProOptions = res.rst
+      } else if (res.errno != 4002) {
+        this.$message.warning(res.err)
+      }
+    },
+    // 获取弹框表单数据
+    handleInitData() {
+      this.loading = false
+      this.form.name = ''
+      this.form.episode_num = ''
+      this.form.app_id = ''
+      this.form.account_id = ''
+      this.form.mini_app_id = ''
+    },
+    async handleConfirm() {
+      console.log('handleConfirm => ')
+      console.log('form => ', this.form)
+      console.log('playletInfo => ', this.playletInfo)
+      try {
+        // 表单校验
+        await this.handleFormValidate()
+        let url = `${this.URL.BASEURL}${this.URL.playletManage_createLink}`
+        const params = {
+          ...this.form,
+          platform_id: this.playletInfo.platform_id,
+          playlet_id: this.playletInfo.playlet_id,
+        }
+        this.loading = true
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          this.$message.success('操作成功')
+          this.$emit('confirm', {
+            miniProPath: res.rst.path, // 迈步平台 - 目前生成的是"小程序路径链接"
+            miniProAppId: this.form.mini_app_id,
+            miniProDesc: res.rst.desc,
+            miniProCover: res.rst.cover,
+
+            h5Path: res.rst.path, // 嘉书(新)平台 - 目前生成的是"h5推广链接"
+            h5Desc: res.rst.desc,
+            h5Cover: res.rst.cover,
+          })
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err || '操作失败')
+        }
+      } catch (error) {
+        console.log('error => ', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    handleCancel() {
+      this.$emit('cancel')
+    },
+    // 执行表单校验
+    handleFormValidate() {
+      return new Promise((resolve, reject) => {
+        const { name, episode_num, app_id, account_id, mini_app_id } = this.form
+        const isShowMiniApp = this.isShowMiniApp
+        if (!name) {
+          this.$message.warning('请输入推广链接名称')
+          reject('表单校验未通过')
+        } else if (!episode_num) {
+          this.$message.warning('请输入剧集数')
+          reject('表单校验未通过')
+        } else if (!app_id) {
+          this.$message.warning('请选择公众号')
+          reject('表单校验未通过')
+        } else if (!account_id) {
+          this.$message.warning('请选择账号')
+          reject('表单校验未通过')
+        } else if (isShowMiniApp && !mini_app_id) {
+          this.$message.warning('请选择小程序')
+          reject('表单校验未通过')
+        } else {
+          resolve('表单校验通过')
+        }
+      })
+    },
+    // 监听剧集数输入
+    onInputEpisodeNum(inputVal) {
+      this.form.episode_num = getIntegerNumber(inputVal)
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.playletSend-dialog {
+  /deep/ .el-dialog__title {
+    display: inline-block;
+    width: 90%;
+  }
+  /deep/ .el-dialog__body {
+    padding: 20px 30px 30px 14px;
+  }
+  .form-wrap {
+    .form-item {
+      display: flex;
+      align-items: center;
+      margin-top: 16px;
+      &:first-child {
+        margin-top: 0;
+      }
+      .lable {
+        width: 100px;
+        margin-right: 10px;
+        font-weight: 500;
+        flex-shrink: 0;
+        text-align: right;
+        em {
+          color: red;
+        }
+      }
+      .el-select {
+        width: 100%;
+      }
+    }
+  }
+  .dialog-footer {
+    text-align: center;
+  }
+  .total {
+    flex-shrink: 0;
+    margin-left: 16px;
+  }
+}
+</style>

project/src/components/manage/playletManageV2/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <div class="topTagBox flex" id="customerAnalysis">
+      <div class="left flex-align-center">
+        <div :class="['tagItem',tagType==1?'tagItem_active':'']" @click="changeType(1);">短剧库</div>
+        <div :class="['tagItem',tagType==2?'tagItem_active':'']" @click="changeType(2);">短剧组</div>
+      </div>
+    </div>
+    <playletManage v-if="tagType==1" />
+    <playletGroup v-if="tagType==2" />
+  </div>
+</template>
+
+<script>
+import playletManage from './playletManage.vue'
+import playletGroup from './playletGroup.vue'
+export default {
+  name: "playletManageV2",
+  components: { playletManage, playletGroup },
+  data() {
+    return {
+      tagType: 1
+    }
+  },
+  methods:{
+    changeType(type){
+      this.tagType = type
+    }
+  }
+}
+</script>

project/src/components/manage/playletManageV2/playletGroup.vue

@@ -0,0 +1,151 @@
+<template>
+  <div v-loading="loading" class="playletManage-wrap">
+    <div class="screenBox">
+      <el-button type="primary" size="mini">创建组</el-button>
+    </div>
+    <el-table ref="tableDom" :height="height" :data="playletList" tooltip-effect="dark" style="width: 100%;margin-top:10px">
+      <el-table-column label="短剧组名称" prop="name" min-width="200" align="left" fixed="left" />
+      <el-table-column label="短剧" min-width="500" align="left">
+        <template slot-scope="{ row }">
+          <div class="playlet-wrap">
+            <span class="playlet-item" v-for="item in 3" :key="item">短剧1111111</span>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" min-width="210" align="center" fixed="right">
+        <template slot-scope="{ row }">
+          <span class="btn">编辑</span>
+          <span class="btn">创建群发</span>
+          <span class="btn">创建欢迎语</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination" v-show="pagination.total > 0">
+      <el-pagination background :current-page="pagination.page" @current-change="handleCurrentChange" layout="prev, pager, next" :page-count="Number(pagination.pages)">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'playletManage',
+  components: {},
+  data () {
+    return {
+      height: '',
+      loading: false,
+      pagination: {
+        page: 1,
+        page_size: 20,
+        pages: 0,
+        total: 0,
+      },
+      filter: {
+        platform_id: '',
+        account_id: '',
+        keyword: '',
+      },
+      playletList: [],
+    }
+  },
+  created () {
+    this.height = document.documentElement.clientHeight - 200 > 400 ? document.documentElement.clientHeight - 200 : 400
+    this.handleGetPlaylet()
+  },
+  methods: {
+    // 获取列表数据
+    async handleGetPlaylet() {
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.playletManage_playletList}`
+        const params = {
+          platform_id: this.filter.platform_id,
+          keyword: this.filter.keyword,
+          account_id: this.filter.account_id,
+          page: this.pagination.page,
+          page_size: this.pagination.page_size,
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0 && Array.isArray(res.rst.data)) {
+          this.playletList = res.rst.data;
+          this.pagination.total = res.rst.pageInfo.total;
+          this.pagination.pages = res.rst.pageInfo.pages;
+          this.$refs.tableDom.bodyWrapper.scrollTop = 0
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+          this.playletList = [];
+          this.pagination.total = 0;
+          this.pagination.pages = 0;
+        }
+      } catch (error) {
+        console.log(error)
+        this.playletList = [];
+        this.pagination.total = 0;
+        this.pagination.pages = 0;
+      } finally {
+        this.loading = false
+      }
+    },
+    // 监听当前页数变化
+    handleCurrentChange(currentPage) {
+      this.pagination.page = currentPage
+      this.handleGetPlaylet()
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+.screenBox {
+  background: #fff;
+  padding: 5px 20px;
+}
+/deep/ .el-select .el-input.is-focus .el-input__inner,
+/deep/ .el-select .el-input__inner:focus {
+  border-color: #DCDFE6;
+}
+.playletManage-wrap {
+  .playlet-wrap {
+    display: flex;
+    flex-wrap: wrap;
+    .playlet-item {
+      background-color: #F2F2F2;
+      color: #333;
+      padding: 2px 10px;
+      margin: 0 6px 6px 0;
+      border-radius: 4px;
+    }
+  }
+
+  .select-cls {
+    /deep/ .el-input__suffix {
+      border-top-right-radius: 4px;
+      border-bottom-right-radius: 4px;
+      border: 1px solid #DCDFE6;
+      right: 0;
+      width: 30px;
+      background-color: #F1F1F1;
+      .el-input__icon {
+        color: #909399;
+      }
+    }
+  }
+  .playlet-name {
+    color: #32B38A;
+    // cursor: pointer;
+  }
+  .status {
+    margin: 2px auto;
+    padding: 0 6px;
+    color: #32B38A;
+    border: 1px solid #32B38A;
+  }
+  .btn {
+    color: #32B38A;
+    cursor: pointer;
+    margin-right: 4px;
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}
+</style>

project/src/components/manage/playletManageV2/playletManage.vue

@@ -0,0 +1,284 @@
+<template>
+  <div v-loading="loading" class="playletManage-wrap">
+    <div class="screenBox flex">
+      <div class="flex">
+        <selfChannel title="平台" type="platform" labelWidth @channelDefine="onChangePlatform" />
+        <div class="flex" style="margin-left: 30px;">
+          <span style="font-size: 14px; color: #666; margin-right: 8px;">账号</span>
+          <el-select class="select-cls" v-model="filter.account_id" size="small" placeholder="平台账号" clearable filterable :style="{width: '210px'}" @change="onChangeAccountId">
+            <el-option v-for="item in accountOptions" :key="item.account_id" :label="item.account" :value="item.account_id" />
+          </el-select>
+        </div>
+        <selfInput label_name="搜索剧集" @inputChange="onInputKeyword" />
+      </div>
+      <div class="right">
+        <el-badge :value="9" :hidden="false">
+          <el-button type="primary" plain size="mini">创建组</el-button>
+        </el-badge>
+      </div>
+    </div>
+    <el-table ref="tableDom" :height="height" :data="playletList" tooltip-effect="dark" style="width: 100%;margin-top:10px">
+      <el-table-column label="剧名" prop="name" min-width="160" align="center" fixed="left" />
+      <el-table-column label="封面" min-width="160" align="center">
+        <template slot-scope="{ row }">
+          <el-image style="width: 40px; height: 60px;" :src="row.cover_url" :preview-src-list="[row.cover_url]" />
+        </template>
+      </el-table-column>
+      <el-table-column label="平台" prop="platform_name" min-width="160" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.platform_name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="账号" prop="account" min-width="160" align="center" />
+      <el-table-column label="分类" prop="category" min-width="160" align="center">
+        <template slot-scope="{ row }">
+          <span>{{ row.category || '-' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="集数" prop="section_count" min-width="160" align="center" />
+      <el-table-column label="发布时间" prop="create_date" min-width="160" align="center" />
+      <el-table-column label="状态" min-width="160" align="center">
+        <template slot-scope="{ row }">
+          <span v-if="row.finish_state == 1" class="status">已完结</span>
+          <span v-else class="status">连载中</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" min-width="210" align="center" fixed="right">
+        <template slot-scope="{ row }">
+          <span class="btn" @click="onClickCreateGroupSend(row, { type: 'employee_bulk_messaging_log' })">创建群发</span>
+          <span class="btn" @click="onClickCreateGroupSend(row, { type: 'welcom_message_create' })">创建欢迎语</span>
+          <template>
+            <span v-if="true" class="btn">加入剧组</span>
+            <span v-else class="btn disabled">已加入</span>
+          </template>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination" v-show="pagination.total > 0">
+      <el-pagination background :current-page="pagination.page" @current-change="handleCurrentChange" layout="prev, pager, next" :page-count="Number(pagination.pages)">
+      </el-pagination>
+    </div>
+
+    <!-- S 创建群发 -->
+    <playletSendDialog
+      :dialogVisible="playletSendDialogVisible"
+      :playletInfo="currentPlayletInfo"
+      @confirm="handlePlayletSendConfirm"
+      @cancel="handlePlayletSendCancel"
+    />
+    <!-- E 创建群发 -->
+  </div>
+</template>
+<script>
+import selfChannel from '@/components/assembly/screen/channel.vue'
+import selfInput from '@/components/assembly/screen/input.vue'
+import playletSendDialog from './dialog/playletSendDialog.vue'
+import { pageFromType } from '@/assets/js/staticTypes'
+export default {
+  name: 'playletManage',
+  components: {
+    selfChannel,
+    selfInput,
+    playletSendDialog,
+  },
+  data () {
+    return {
+      height: '',
+      loading: false,
+      pagination: {
+        page: 1,
+        page_size: 20,
+        pages: 0,
+        total: 0,
+      },
+      filter: {
+        platform_id: '',
+        account_id: '',
+        keyword: '',
+      },
+      playletList: [],
+      accountOptions: [], // 账号选项
+
+      playletSendDialogVisible: false, // 控制"添加账号"弹框显示
+      currentPlayletInfo: {}, // 当前编辑的账号信息
+      currentCreateType: '', // 当前创建类型 创建群发 & 创建欢迎语
+    }
+  },
+  created () {
+    this.height = document.documentElement.clientHeight - 200 > 400 ? document.documentElement.clientHeight - 200 : 400
+    this.handleGetPlaylet()
+  },
+  methods: {
+    // 获取列表数据
+    async handleGetPlaylet() {
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.playletManage_playletList}`
+        const params = {
+          platform_id: this.filter.platform_id,
+          keyword: this.filter.keyword,
+          account_id: this.filter.account_id,
+          page: this.pagination.page,
+          page_size: this.pagination.page_size,
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0 && Array.isArray(res.rst.data)) {
+          this.playletList = res.rst.data;
+          this.pagination.total = res.rst.pageInfo.total;
+          this.pagination.pages = res.rst.pageInfo.pages;
+          this.$refs.tableDom.bodyWrapper.scrollTop = 0
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err)
+          this.playletList = [];
+          this.pagination.total = 0;
+          this.pagination.pages = 0;
+        }
+      } catch (error) {
+        console.log(error)
+        this.playletList = [];
+        this.pagination.total = 0;
+        this.pagination.pages = 0;
+      } finally {
+        this.loading = false
+      }
+    },
+    // 监听当前页数变化
+    handleCurrentChange(currentPage) {
+      this.pagination.page = currentPage
+      this.handleGetPlaylet()
+    },
+    // 监听"平台"筛选变化
+    async onChangePlatform(val) {
+      this.filter.platform_id = val || ''
+
+      // 清空“账号”筛选值 => 根据最新平台值 获取 账号选项
+      this.filter.account_id = ''
+      this.accountOptions = []
+      if (this.filter.platform_id) {
+        this.handleGetAccountOptions()
+      }
+
+      await this.$nextTick()
+      this.pagination.page = 1
+      this.handleGetPlaylet()
+    },
+    // 监听"账号"筛选变化
+    onChangeAccountId(val) {
+      this.filter.account_id = val || ''
+      this.pagination.page = 1
+      this.handleGetPlaylet()
+    },
+    // 监听"搜索剧集"变化
+    onInputKeyword(val) {
+      this.filter.keyword = val || ''
+      this.pagination.page = 1
+      this.handleGetPlaylet()
+    },
+    // 获取账号选项列表
+    async handleGetAccountOptions() {
+      const { data: res = {} } = await this.$axios.post(this.URL.BASEURL + this.URL.playletManage_accountList, {
+        platform_id: this.filter.platform_id
+      })
+      if (res && res.errno == 0) {
+        this.accountOptions = res.rst
+      } else if (res.errno != 4002) {
+        this.$message.warning(res.err)
+      }
+    },
+
+    // S 创建群发
+    // 监听点击"创建群发"
+    onClickCreateGroupSend(playletInfo, { type }) {
+      this.currentPlayletInfo = playletInfo
+      this.currentCreateType = type
+      this.playletSendDialogVisible = true
+    },
+    // 创建群发 => 确定
+    handlePlayletSendConfirm({ miniProPath, miniProAppId, miniProDesc, miniProCover, h5Path, h5Desc, h5Cover }) {
+      console.log('handlePlayletSendConfirm => ')
+      this.playletSendDialogVisible = false
+      this.handleGetPlaylet()
+      // 跳转"客户群发" && 新建群发
+      if (this.currentPlayletInfo.platform_id == 4) { // 嘉书(新)平台 H5推广链接
+        const path = this.$router.resolve({
+          path: '/employee_bulk_messaging_log',
+          query: {
+            from: pageFromType.PLAYLET_LINK_H5,
+            h5Path: encodeURIComponent(h5Path),
+            h5Desc: encodeURIComponent(h5Desc),
+            h5Cover: encodeURIComponent(h5Cover),
+          }
+        })
+        window.open(path.href, '_blank')
+      } else { // 其他平台 小程序链接
+        const path = this.$router.resolve({
+          path: '/employee_bulk_messaging_log',
+          query: {
+            from: pageFromType.PLAYLET_LINK_MINIAPP,
+            miniProPath: encodeURIComponent(miniProPath),
+            miniProAppId: encodeURIComponent(miniProAppId),
+            miniProDesc: encodeURIComponent(miniProDesc),
+            miniProCover: encodeURIComponent(miniProCover),
+          }
+        })
+        window.open(path.href, '_blank')
+      }
+    },
+    // 创建群发 => 取消
+    handlePlayletSendCancel() {
+      this.playletSendDialogVisible = false
+    },
+    // E 创建群发
+  }
+}
+</script>
+<style lang="scss" scoped>
+.screenBox {
+  background: #fff;
+  padding: 5px 20px;
+  .right {
+    padding-right: 14px;
+  }
+}
+/deep/ .el-select .el-input.is-focus .el-input__inner,
+/deep/ .el-select .el-input__inner:focus {
+  border-color: #DCDFE6;
+}
+.playletManage-wrap {
+  .select-cls {
+    /deep/ .el-input__suffix {
+      border-top-right-radius: 4px;
+      border-bottom-right-radius: 4px;
+      border: 1px solid #DCDFE6;
+      right: 0;
+      width: 30px;
+      background-color: #F1F1F1;
+      .el-input__icon {
+        color: #909399;
+      }
+    }
+  }
+  .playlet-name {
+    color: #32B38A;
+    // cursor: pointer;
+  }
+  .status {
+    margin: 2px auto;
+    padding: 0 6px;
+    color: #32B38A;
+    border: 1px solid #32B38A;
+  }
+  .btn {
+    color: #32B38A;
+    cursor: pointer;
+    margin-right: 4px;
+    &.disabled {
+      color: #999;
+      cursor: not-allowed;
+    }
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}
+</style>

project/src/router/allRouter.js

@@ -73,7 +73,8 @@ const accountManage = () => import(/* webpackChunkName: 'accountManage' */ '@/co
 // 小程序管理
 const miniProManage = () => import(/* webpackChunkName: 'miniProManage' */ '@/components/manage/miniProManage/miniProManage.vue')
 // 企微助手 - 剧集管理
-const playletManage = () => import(/* webpackChunkName: 'playletManage' */ '@/components/manage/playletManage/playletManage.vue')
+// const playletManage = () => import(/* webpackChunkName: 'playletManage' */ '@/components/manage/playletManage/playletManage.vue')
+const playletManage = () => import(/* webpackChunkName: 'playletManage' */ '@/components/manage/playletManageV2/index.vue')
 // 数据看板 - 平台推广数据
 const platformPromote = () => import(/* webpackChunkName: 'platformPromote' */ '@/components/dataBoard/platformPromote/index.vue')
 // 企微助手 - 客户分析