|
@@ -0,0 +1,594 @@
|
|
|
+<template>
|
|
|
+ <a-card :body-style="{padding: '24px 32px'}" :bordered="false">
|
|
|
+ <a-form @submit="handleSubmit" :form="form">
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="选择快手账户"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-select
|
|
|
+ v-model="accountId"
|
|
|
+ @change="actionGroups"
|
|
|
+ showSearch
|
|
|
+ showArrow
|
|
|
+ allowClear
|
|
|
+ placeholder="选择需创建的快手账户"
|
|
|
+ optionFilterProp="children"
|
|
|
+ style="width: 650px"
|
|
|
+ :filterOption="filterOption"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="userAccount in accountList" :key="userAccount.accountId"
|
|
|
+ :value="userAccount.accountId">{{userAccount.authName}}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="选择广告组"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-cascader style="width: 650px" v-model="ids" :options="options" @change="onChangeActionBarText"
|
|
|
+ :loadData="loadData"
|
|
|
+ placeholder="Please select" :changeOnSelect="changeOnSelectValue"/>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="广告投放位置"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-radio-group v-model="placementPosition" @change="changePlacementPosition">
|
|
|
+ <a-radio-button value='1'>优选广告位</a-radio-button>
|
|
|
+ <a-radio-button value='2'>按场景选择广告位</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="位置类型"
|
|
|
+ v-if="showDeliveryType"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-radio-group v-model="deliveryType" @change="showSinglePicture">
|
|
|
+ <a-radio-button value='1'>信息流广告</a-radio-button>
|
|
|
+ <a-radio-button value='2'>视频后贴片广告</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+
|
|
|
+ label="视频类型"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-radio-group v-model="videoType" @change="changeVideoList">
|
|
|
+ <a-radio-button value='1'>竖版视频</a-radio-button>
|
|
|
+ <a-radio-button value='2'>横版视频</a-radio-button>
|
|
|
+ <a-radio-button value='3' v-if="singlePicture">单张图片</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="视频上传方式"
|
|
|
+ v-if="showUploadType"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-radio-group v-model="videoUploadType" @change="changeUploadVideo">
|
|
|
+ <a-radio-button value='1'>选择作品</a-radio-button>
|
|
|
+ <a-radio-button value='2'>本地上传</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="选择本地文件进行上传"
|
|
|
+ v-if="localUpload"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <upload-to-ali v-model="localUrl"
|
|
|
+ :customDomain="customDomain"
|
|
|
+ preview
|
|
|
+ :region="region"
|
|
|
+ :bucket="bucket"
|
|
|
+ :accept="acceptVideo"
|
|
|
+ :max="10"
|
|
|
+ :size="1024000"
|
|
|
+ :accessKeyId="accessKeyId"
|
|
|
+ :accessKeySecret="accessKeySecret"></upload-to-ali>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="选择作品进行上传"
|
|
|
+ v-if="selectVideoUpload"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-select
|
|
|
+ v-model="videoUrl"
|
|
|
+ @change="getDescription"
|
|
|
+ showSearch
|
|
|
+ allowClear
|
|
|
+ optionFilterProp="children"
|
|
|
+ style="width: 650px"
|
|
|
+ @focus="handleFocus"
|
|
|
+ @blur="handleBlur"
|
|
|
+ :filterOption="filterOption">
|
|
|
+ <a-select-option v-for="video in videoList" :key="video.localUrl" :value="video.localUrl">
|
|
|
+ {{video.videoName}}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ v-if="showImageUpload"
|
|
|
+ label="图片上传"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <upload-to-ali v-model="localImageUrl"
|
|
|
+ :customDomain="customDomain"
|
|
|
+ multiple
|
|
|
+ preview
|
|
|
+ :region="region"
|
|
|
+ :bucket="bucket"
|
|
|
+ :accept="acceptImage"
|
|
|
+ :max="10"
|
|
|
+ :size="1024000"
|
|
|
+ :accessKeyId="accessKeyId"
|
|
|
+ :accessKeySecret="accessKeySecret"></upload-to-ali>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+
|
|
|
+ label="上传封面"
|
|
|
+ v-if="showUploadImageRadio"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-radio-group v-model="imageType" @change="changeImageType">
|
|
|
+ <a-radio-button value='1'>选择封面</a-radio-button>
|
|
|
+ <a-radio-button value='2'>本地上传</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ v-if="showCover"
|
|
|
+ label="选择封面"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-select
|
|
|
+ v-model="imageUrl"
|
|
|
+ showSearch
|
|
|
+ allowClear
|
|
|
+ mode="multiple"
|
|
|
+ placeholder="选择视频封面"
|
|
|
+ optionFilterProp="children"
|
|
|
+ style="width: 650px"
|
|
|
+ @focus="handleFocus"
|
|
|
+ @blur="handleBlur"
|
|
|
+ :filterOption="filterOption">
|
|
|
+ <a-select-option v-for="image in imageList" :key="image.localUrl" :value="image.localUrl">
|
|
|
+ {{image.imageName}}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ v-if="showLocalImageUpload"
|
|
|
+ label="本地封面上传"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <upload-to-ali v-model="imageUrl"
|
|
|
+ :customDomain="customDomain"
|
|
|
+ multiple
|
|
|
+ preview
|
|
|
+ :region="region"
|
|
|
+ :bucket="bucket"
|
|
|
+ :accept="acceptImage"
|
|
|
+ :max="10"
|
|
|
+ :size="1024000"
|
|
|
+ :accessKeyId="accessKeyId"
|
|
|
+ :accessKeySecret="accessKeySecret"></upload-to-ali>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="行动号召按钮"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-select
|
|
|
+ v-model="actionBarTextDesc"
|
|
|
+ showSearch
|
|
|
+ allowClear
|
|
|
+ placeholder="选择应用目标"
|
|
|
+ optionFilterProp="children"
|
|
|
+ style="width: 650px"
|
|
|
+ @focus="handleFocus"
|
|
|
+ @blur="handleBlur"
|
|
|
+ :filterOption="filterOption">
|
|
|
+ <a-select-option v-for="actionBar in actionBarTextList" :key="actionBar.id" :value="actionBar.actionBarText">
|
|
|
+ {{actionBar.actionBarText}}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="作品广告语"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-textarea
|
|
|
+ style="width: 650px"
|
|
|
+ v-model="description" :rows="2"/>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="创意名称"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-model="creativeName" placeholder="请填写广告创意名称" style="width: 650px"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="第三方点击监测链接"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-model="clickTrackUrl" placeholder="请第三方点击监测链接" style="width: 650px"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ :wrapperCol="{ span: 24 }"
|
|
|
+ style="text-align: center">
|
|
|
+ <a-button htmlType="submit" type="primary">提交</a-button>
|
|
|
+ <a-button style="margin-left: 8px">保存</a-button>
|
|
|
+ </a-form-item>
|
|
|
+ </a-form>
|
|
|
+ </a-card>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {getAction, postAction} from '@/api/manage'
|
|
|
+ import {mapGetters} from 'vuex'
|
|
|
+ import UploadToAli from '@femessage/upload-to-ali'
|
|
|
+ import moment from "moment"
|
|
|
+
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: 'BaseForm',
|
|
|
+ components: {
|
|
|
+ UploadToAli
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ accountId: '',// 快手 accountId
|
|
|
+ accountList: {},
|
|
|
+
|
|
|
+ campaignId: '', //广告计划id
|
|
|
+ targetPopulation: '',
|
|
|
+ changeOnSelectValue: true,
|
|
|
+ ids: [],
|
|
|
+ placementPosition: '1',// 广告投放位置
|
|
|
+ showDeliveryType: false,
|
|
|
+ deliveryType: '1',
|
|
|
+ videoType: '1',
|
|
|
+ singlePicture: true,// 展示单张图片
|
|
|
+ videoUploadType: '1',
|
|
|
+ localUpload: false,
|
|
|
+ localUrl: '', // 本地上传地址
|
|
|
+ selectVideoUpload: true,
|
|
|
+ videoUrl: '',// 视频id
|
|
|
+ videoList: [],
|
|
|
+ showUploadType: true,
|
|
|
+ localImageUrl: '',//图片地址
|
|
|
+ showImageUpload: false,
|
|
|
+ imageList: [],
|
|
|
+ imageUrl: [],
|
|
|
+ showCover: true,
|
|
|
+ imageType: '1',
|
|
|
+ actionBarTextList: [],
|
|
|
+ actionBarTextDesc: '',
|
|
|
+ description: '',// 作品广告语
|
|
|
+ creativeName: '',//创意名称
|
|
|
+ clickTrackUrl: '',// 第三方检测链接
|
|
|
+ showLocalImageUpload: false,
|
|
|
+ showUploadImageRadio: true,
|
|
|
+
|
|
|
+
|
|
|
+ customDomain: '',
|
|
|
+ acceptVideo: 'video/mpeg,video/mp4',
|
|
|
+ acceptImage: 'image/jpeg,image,jpg/png',
|
|
|
+ accessKeyId: 'LTAIbNbqWzSOklQV',
|
|
|
+ accessKeySecret: '1rkPz7JNoXk8sJevPaeYHWqfkQXBGh',
|
|
|
+ region: 'oss-cn-beijing',
|
|
|
+ bucket: 'ctop-media',
|
|
|
+ options: [],
|
|
|
+ labelCol: {
|
|
|
+ xs: {
|
|
|
+ span: 7
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ sm: {
|
|
|
+ span: 7
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ wrapperCol: {
|
|
|
+ xs: {
|
|
|
+ span: 10
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ sm: {
|
|
|
+ span: 17
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ }
|
|
|
+ ,
|
|
|
+
|
|
|
+ form: this.$form.createForm(this),
|
|
|
+ url:
|
|
|
+ {
|
|
|
+ userAllocationList: '/ctop/userAllocation/list',
|
|
|
+ getOptionsUrl: '/kuaishou/create/getOptions',
|
|
|
+ getChildrenUrl: '/kuaishou/create/getChildren',
|
|
|
+ videoListUrl: '/kuaishou/kuaiShouVideo/list',
|
|
|
+ imageListUrl: '/kuaishou/kuaiShouImage/list',
|
|
|
+ actionBarTextListUrl: '/kuaishou/kuaiShouActionBarText/list',
|
|
|
+ getDescriptionUrl: '/kuaishou/kuaiShouVideo/queryShouVideo',
|
|
|
+
|
|
|
+ creativeUrl: '/kuaishou/create/createCreative',
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapGetters(["nickname", "avatar", "userInfo"]),
|
|
|
+
|
|
|
+ changeImageType() {
|
|
|
+ if (this.imageType == '2') {
|
|
|
+ this.showLocalImageUpload = true;
|
|
|
+ this.showCover = false;
|
|
|
+ } else {
|
|
|
+ this.showLocalImageUpload = false;
|
|
|
+ this.showCover = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ handleChange(value) {
|
|
|
+ console.log(`selected ${value}`);
|
|
|
+ },
|
|
|
+ handleBlur() {
|
|
|
+ console.log('blur');
|
|
|
+ },
|
|
|
+ handleFocus() {
|
|
|
+ console.log('focus');
|
|
|
+ },
|
|
|
+ filterOption(input, option) {
|
|
|
+ return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
+ },
|
|
|
+ changeUploadVideo() {
|
|
|
+ if (this.videoUploadType == 2) {
|
|
|
+ this.localUpload = true;
|
|
|
+ this.selectVideoUpload = false;
|
|
|
+ this.showImageUpload = false;
|
|
|
+ } else {
|
|
|
+ this.localUpload = false;
|
|
|
+ this.selectVideoUpload = true;
|
|
|
+ this.showImageUpload = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getDescription() {
|
|
|
+ let params = {};
|
|
|
+ params.localUrl = this.videoUrl;
|
|
|
+ params.loginId = this.userInfo().id;
|
|
|
+ postAction(this.url.getDescriptionUrl, params).then((res) => {
|
|
|
+ console.log(res)
|
|
|
+ if (res.success) {
|
|
|
+ this.description = res.result.videoDesc;
|
|
|
+ this.creativeName = res.result.videoName + "_" + moment().format('YYYY-MM-DD_HH:mm');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ changeVideoList() {
|
|
|
+ if (this.videoType == '2' || this.videoType == '1') {
|
|
|
+ this.showImageUpload = false;
|
|
|
+ this.showUploadType = true;
|
|
|
+ this.selectVideoUpload = true;
|
|
|
+ this.localUpload = false;
|
|
|
+ this.showCover = false;
|
|
|
+ this.showLocalImageUpload = false;
|
|
|
+ this.videoUrl = '';
|
|
|
+ this.showLocalImageUpload = false;
|
|
|
+ this.showUploadImageRadio = true;
|
|
|
+ this.showCover = true;
|
|
|
+ let params = {};
|
|
|
+ params.pageSize = '1000';
|
|
|
+ params.loginId = this.userInfo().id;
|
|
|
+ if (this.videoType == '2') {
|
|
|
+ params.materialType = '2';
|
|
|
+ }
|
|
|
+ if (this.videoType == '1') {
|
|
|
+ params.materialType = '1';
|
|
|
+ }
|
|
|
+ getAction(this.url.videoListUrl, params).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.videoList = res.result.records
|
|
|
+ }
|
|
|
+ });
|
|
|
+ getAction(this.url.imageListUrl, params).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.imageList = res.result.records
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.showImageUpload = true;
|
|
|
+ this.showUploadType = false;
|
|
|
+ this.selectVideoUpload = false;
|
|
|
+ this.localUpload = false;
|
|
|
+ this.showCover = false;
|
|
|
+ this.showUploadImageRadio = false;
|
|
|
+ this.showLocalImageUpload = false;
|
|
|
+ this.showCover = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ changePlacementPosition() {
|
|
|
+ this.singlePicture = false;
|
|
|
+ if (this.placementPosition == '1') {
|
|
|
+ this.showDeliveryType = false;
|
|
|
+ this.singlePicture = true;
|
|
|
+ } else if (this.placementPosition == '2' && this.deliveryType == '1') {
|
|
|
+ this.showDeliveryType = true;
|
|
|
+ this.singlePicture = false;
|
|
|
+ } else if (this.placementPosition == '2' && this.deliveryType == '2') {
|
|
|
+ this.showDeliveryType = false;
|
|
|
+ this.singlePicture = true;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ showSinglePicture() {
|
|
|
+ this.singlePicture = false
|
|
|
+
|
|
|
+ if (this.deliveryType == '2') {
|
|
|
+ this.singlePicture = true;
|
|
|
+ this.showImageUpload = false;
|
|
|
+ this.selectVideoUpload = false;
|
|
|
+ this.localUpload = false;
|
|
|
+ } else {
|
|
|
+ this.singlePicture = false;
|
|
|
+ this.showImageUpload = false;
|
|
|
+ this.selectVideoUpload = true;
|
|
|
+ this.localUpload = true;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ handleSubmit(e) {
|
|
|
+ e.preventDefault()
|
|
|
+ this.form.validateFields((err, values) => {
|
|
|
+ if (!err) {
|
|
|
+ console.log('Received values of form: ', values);
|
|
|
+ console.log('快手账号: ', this.accountId);
|
|
|
+ console.log(' ---: ', this.ids);
|
|
|
+ let params = {};
|
|
|
+ params.accountId = this.accountId;
|
|
|
+ if (this.ids.length == 2) {
|
|
|
+ params.unitId = this.ids[1];
|
|
|
+ }
|
|
|
+ params.videoUploadType = this.videoUploadType;
|
|
|
+ if (this.videoUploadType == '1') {
|
|
|
+ params.videoUrl = this.videoUrl;
|
|
|
+ } else if (this.videoUploadType == '2') {
|
|
|
+ params.videoUrl = this.localUrl;
|
|
|
+ }
|
|
|
+ params.imageUrl = this.imageUrl;
|
|
|
+ console.log(this.imageUrl)
|
|
|
+ params.actionBarText = this.actionBarTextDesc;
|
|
|
+ params.description = this.description;
|
|
|
+ params.clickTrackUrl = this.clickTrackUrl;
|
|
|
+ params.creativeName = this.creativeName;
|
|
|
+ params.imageType = this.imageType;
|
|
|
+ params.videoType = this.videoType;
|
|
|
+ params.loginId = this.userInfo().id;
|
|
|
+ postAction(this.url.creativeUrl, params).then((res) => {
|
|
|
+ console.log(res)
|
|
|
+ if (res.success) {
|
|
|
+ alert("广告创意创建成功");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onChange(value) {
|
|
|
+ console.log(value);
|
|
|
+ },
|
|
|
+
|
|
|
+ onChangeActionBarText() {
|
|
|
+ if (this.ids.length == 2) {
|
|
|
+ let id = this.ids[0];
|
|
|
+ let params = {};
|
|
|
+ params.campaignId = id;
|
|
|
+ getAction(this.url.actionBarTextListUrl, params).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.actionBarTextList = res.result.records
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ filterOption(input, option) {
|
|
|
+ return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
+ },
|
|
|
+
|
|
|
+ loadData(selectedOptions) {
|
|
|
+ const targetOption = selectedOptions[selectedOptions.length - 1];
|
|
|
+ targetOption.loading = true;
|
|
|
+ targetOption.loading = false;
|
|
|
+ this.campaignId = `${targetOption.value}`;
|
|
|
+ let params = {};
|
|
|
+ params.campaignId = this.campaignId;
|
|
|
+ params.loginId = this.userInfo().id;
|
|
|
+ params.accountId = this.accountId;
|
|
|
+ postAction(this.url.getChildrenUrl, params).then((res) => {
|
|
|
+ targetOption.children = res
|
|
|
+ });
|
|
|
+ this.options = [...this.options]
|
|
|
+ },
|
|
|
+
|
|
|
+ actionGroups() {
|
|
|
+ let params = {};
|
|
|
+ params.loginId = this.userInfo().id;
|
|
|
+ params.accountId = this.accountId;
|
|
|
+ postAction(this.url.getOptionsUrl, params).then((res) => {
|
|
|
+ this.options = res
|
|
|
+ console.log(res)
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ created: function () {
|
|
|
+ let params = {};
|
|
|
+ params.pageSize = '1000';
|
|
|
+ params.mediaId = '2';
|
|
|
+ params.userId = this.userInfo().id;
|
|
|
+ getAction(this.url.userAllocationList, params).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.accountList = res.result.records
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ // 页面初始化 查询竖版视频
|
|
|
+ params = {};
|
|
|
+ params.pageSize = '1000';
|
|
|
+ params.materialType = '1';
|
|
|
+ params.loginId = this.userInfo().id;
|
|
|
+ getAction(this.url.videoListUrl, params).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.videoList = res.result.records
|
|
|
+ console.log("......")
|
|
|
+ console.log(this.videoList)
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 图片列表
|
|
|
+ getAction(this.url.imageListUrl, params).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.imageList = res.result.records
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+</script>
|