|
@@ -39,9 +39,22 @@
|
|
|
<span>登录账号:</span>
|
|
|
<el-input v-model="listQuery.userName" placeholder="登录账号" @keyup.enter.native="getList" />
|
|
|
</div>
|
|
|
+ <div class="filter-control">
|
|
|
+ <span>上传时间:</span>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="filterTime"
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ type="datetimerange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
<div class="filter-control">
|
|
|
<el-button type="primary" @click="getList">查询</el-button>
|
|
|
<el-button type="primary" :disabled="selectionList.length === 0" @click="onDownload('select')">下载</el-button>
|
|
|
+ <el-button v-if="tokenFlag" type="primary" @click="onUnBindDouyin">解绑已关联抖音号</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 列表 -->
|
|
@@ -135,6 +148,7 @@
|
|
|
<script>
|
|
|
import {
|
|
|
checkDouyinAccessToken,
|
|
|
+ clearDouyinTokenRedis,
|
|
|
fetchClubList,
|
|
|
fetchDouyinActivityStatus,
|
|
|
fetchDouyinVideoList,
|
|
@@ -156,11 +170,14 @@ export default {
|
|
|
// 视频播放
|
|
|
videoDialog: false,
|
|
|
videoUrl: '',
|
|
|
+ filterTime: [],
|
|
|
listQuery: {
|
|
|
status: '',
|
|
|
authId: '',
|
|
|
userName: '',
|
|
|
authParty: '',
|
|
|
+ startTime: '',
|
|
|
+ endTime: '',
|
|
|
pageNum: 1,
|
|
|
pageSize: 10
|
|
|
},
|
|
@@ -183,7 +200,8 @@ export default {
|
|
|
content: [{ required: true, message: '口令不能为空', trigger: ['blur'] }]
|
|
|
},
|
|
|
clubList: [],
|
|
|
- selectionList: []
|
|
|
+ selectionList: [],
|
|
|
+ tokenFlag: false
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -193,6 +211,7 @@ export default {
|
|
|
this.getList()
|
|
|
this.getClubList()
|
|
|
this.fetchActivityStatus()
|
|
|
+ this.fetchAccessTokenFlag()
|
|
|
},
|
|
|
methods: {
|
|
|
// 获取活动状态
|
|
@@ -286,6 +305,10 @@ export default {
|
|
|
getList() {
|
|
|
this.list = []
|
|
|
this.listQuery.pageNum = 1
|
|
|
+ if (this.filterTime.length > 0) {
|
|
|
+ this.listQuery.startTime = this.filterTime[0]
|
|
|
+ this.listQuery.endTime = this.filterTime[1]
|
|
|
+ }
|
|
|
this.fetchDouyinVideoList()
|
|
|
},
|
|
|
|
|
@@ -360,7 +383,7 @@ export default {
|
|
|
const url = generateQueryUrl('https://open.douyin.com/platform/oauth/connect', {
|
|
|
client_key: 'awwwvh9tsnvo54w1',
|
|
|
response_type: 'code',
|
|
|
- scope: 'video.data,video.list,trial.whitelist,data.external.item,h5.share',
|
|
|
+ scope: 'video.data,video.list,data.external.item,h5.share', // trial.whitelist,
|
|
|
redirect_uri: process.env.VUE_APP_LOCAL + '#/douyin',
|
|
|
state: '/challenge/video'
|
|
|
})
|
|
@@ -499,6 +522,26 @@ export default {
|
|
|
} catch (error) {
|
|
|
console.log(error)
|
|
|
}
|
|
|
+ },
|
|
|
+
|
|
|
+ // 解绑已关联抖音
|
|
|
+ async onUnBindDouyin() {
|
|
|
+ try {
|
|
|
+ await clearDouyinTokenRedis()
|
|
|
+ this.fetchAccessTokenFlag()
|
|
|
+ this.$message.success('解绑成功')
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ async fetchAccessTokenFlag() {
|
|
|
+ try {
|
|
|
+ const { data: tokenFlag } = await checkDouyinAccessToken()
|
|
|
+ this.tokenFlag = tokenFlag
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error)
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|