|
@@ -17,8 +17,7 @@
|
|
v-for="userAccount in accountList"
|
|
v-for="userAccount in accountList"
|
|
:key="userAccount.accountId"
|
|
:key="userAccount.accountId"
|
|
:value="userAccount.accountId"
|
|
:value="userAccount.accountId"
|
|
- >{{userAccount.authName}}
|
|
|
|
- </a-select-option>
|
|
|
|
|
|
+ >{{userAccount.authName}}</a-select-option>
|
|
</a-select>
|
|
</a-select>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
|
|
|
@@ -30,7 +29,7 @@
|
|
@change="onChangeActionBarText"
|
|
@change="onChangeActionBarText"
|
|
:loadData="loadData"
|
|
:loadData="loadData"
|
|
placeholder="Please select"
|
|
placeholder="Please select"
|
|
- :changeOnSelect="changeOnSelectValue"
|
|
|
|
|
|
+ changeOnSelect
|
|
/>
|
|
/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
|
|
|
@@ -107,7 +106,8 @@
|
|
>
|
|
>
|
|
<div>
|
|
<div>
|
|
<a type="primary" @click="showModalVideo">点击选中已上传作品</a>
|
|
<a type="primary" @click="showModalVideo">点击选中已上传作品</a>
|
|
- <a-modal class="ant_modal_body_container"
|
|
|
|
|
|
+ <a-modal
|
|
|
|
+ class="ant_modal_body_container"
|
|
title="选择作品"
|
|
title="选择作品"
|
|
v-model="visibleVideo"
|
|
v-model="visibleVideo"
|
|
@ok="handleOkVideo"
|
|
@ok="handleOkVideo"
|
|
@@ -129,7 +129,7 @@
|
|
</a-radio-group>
|
|
</a-radio-group>
|
|
</template>
|
|
</template>
|
|
</a-modal>
|
|
</a-modal>
|
|
- <div class="checkbox_item_container" v-if="videoUrl">
|
|
|
|
|
|
+ <div class="checkbox_item_container checkbox_item_container_size" v-if="videoUrl">
|
|
<div class="item_ul">
|
|
<div class="item_ul">
|
|
<div class="item_li" style="width:130px;height:180px;">
|
|
<div class="item_li" style="width:130px;height:180px;">
|
|
<a-col class="item">
|
|
<a-col class="item">
|
|
@@ -143,7 +143,8 @@
|
|
:src="videoUrl"
|
|
:src="videoUrl"
|
|
controls="controls"
|
|
controls="controls"
|
|
style="min-height:160px"
|
|
style="min-height:160px"
|
|
- >您的浏览器不支持 video 标签。</video>
|
|
|
|
|
|
+ >您的浏览器不支持 video 标签。
|
|
|
|
+ </video>
|
|
</a-col>
|
|
</a-col>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -160,7 +161,8 @@
|
|
>
|
|
>
|
|
<div>
|
|
<div>
|
|
<a type="primary" @click="showSinglePicModalVideo">点击选中已上传作品</a>
|
|
<a type="primary" @click="showSinglePicModalVideo">点击选中已上传作品</a>
|
|
- <a-modal class="ant_modal_body_container"
|
|
|
|
|
|
+ <a-modal
|
|
|
|
+ class="ant_modal_body_container"
|
|
title="选择作品"
|
|
title="选择作品"
|
|
v-model="visibleSinglePicVideo"
|
|
v-model="visibleSinglePicVideo"
|
|
@ok="handleOkSinglePicVideo"
|
|
@ok="handleOkSinglePicVideo"
|
|
@@ -189,7 +191,7 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</a-modal>
|
|
</a-modal>
|
|
- <div class="checkbox_item_container">
|
|
|
|
|
|
+ <div class="checkbox_item_container checkbox_item_container_size">
|
|
<div class="item_ul">
|
|
<div class="item_ul">
|
|
<div
|
|
<div
|
|
class="item_li"
|
|
class="item_li"
|
|
@@ -208,7 +210,8 @@
|
|
:src="item"
|
|
:src="item"
|
|
controls="controls"
|
|
controls="controls"
|
|
style="min-height:160px"
|
|
style="min-height:160px"
|
|
- >您的浏览器不支持 video 标签。</video>
|
|
|
|
|
|
+ >您的浏览器不支持 video 标签。
|
|
|
|
+ </video>
|
|
</a-col>
|
|
</a-col>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -247,7 +250,8 @@
|
|
>
|
|
>
|
|
<div>
|
|
<div>
|
|
<a type="primary" @click="showSinglePicCoverModal">点击选中已上传封面</a>
|
|
<a type="primary" @click="showSinglePicCoverModal">点击选中已上传封面</a>
|
|
- <a-modal class="ant_modal_body_container"
|
|
|
|
|
|
+ <a-modal
|
|
|
|
+ class="ant_modal_body_container"
|
|
title="选择封面"
|
|
title="选择封面"
|
|
v-model="visibleSinglePicCover"
|
|
v-model="visibleSinglePicCover"
|
|
@ok="handleOkSinglePicCover"
|
|
@ok="handleOkSinglePicCover"
|
|
@@ -284,6 +288,26 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</a-modal>
|
|
</a-modal>
|
|
|
|
+ <div class="checkbox_item_container checkbox_item_container_size">
|
|
|
|
+ <div class="item_ul">
|
|
|
|
+ <div
|
|
|
|
+ class="item_li"
|
|
|
|
+ v-for="(item,index) of imageList"
|
|
|
|
+ :key="index"
|
|
|
|
+ style="width:100px;height:150px;margin:15px 0;"
|
|
|
|
+ v-if="checkeds.indexOf( item.id )!=-1"
|
|
|
|
+ >
|
|
|
|
+ <a-col class="item">
|
|
|
|
+ <a-icon
|
|
|
|
+ type="close-circle"
|
|
|
|
+ style="position:absolute;top:-5px;right:-5px;color:red"
|
|
|
|
+ @click="deteleImg(item.id)"
|
|
|
|
+ />
|
|
|
|
+ <img :src="item.src" alt style="width:100%"/>
|
|
|
|
+ </a-col>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
|
|
|
@@ -359,12 +383,12 @@
|
|
@click="checkAll($event)"
|
|
@click="checkAll($event)"
|
|
class="select_all"
|
|
class="select_all"
|
|
/> 全选
|
|
/> 全选
|
|
- <br />
|
|
|
|
- <br />
|
|
|
|
|
|
+ <br/>
|
|
|
|
+ <br/>
|
|
<div class="image_item_container">
|
|
<div class="image_item_container">
|
|
<div v-for="(item ,index) in imageList" class="image_item" :key="index">
|
|
<div v-for="(item ,index) in imageList" class="image_item" :key="index">
|
|
<label :for="item.id" class="label_item">
|
|
<label :for="item.id" class="label_item">
|
|
- <img :src="item.src" alt class="item_img" />
|
|
|
|
|
|
+ <img :src="item.src" alt class="item_img"/>
|
|
<p class="item_text">{{item.name}}</p>
|
|
<p class="item_text">{{item.name}}</p>
|
|
<p class="item_checkbox">
|
|
<p class="item_checkbox">
|
|
<input
|
|
<input
|
|
@@ -382,7 +406,7 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</a-modal>
|
|
</a-modal>
|
|
- <div class="checkbox_item_container">
|
|
|
|
|
|
+ <div class="checkbox_item_container checkbox_item_container_size">
|
|
<div class="item_ul">
|
|
<div class="item_ul">
|
|
<div
|
|
<div
|
|
class="item_li"
|
|
class="item_li"
|
|
@@ -397,7 +421,7 @@
|
|
style="position:absolute;top:-5px;right:-5px;color:red"
|
|
style="position:absolute;top:-5px;right:-5px;color:red"
|
|
@click="deteleImg(item.id)"
|
|
@click="deteleImg(item.id)"
|
|
/>
|
|
/>
|
|
- <img :src="item.src" alt style="width:100%" />
|
|
|
|
|
|
+ <img :src="item.src" alt style="width:100%"/>
|
|
</a-col>
|
|
</a-col>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -442,12 +466,13 @@
|
|
v-for="actionBar in actionBarTextList"
|
|
v-for="actionBar in actionBarTextList"
|
|
:key="actionBar.id"
|
|
:key="actionBar.id"
|
|
:value="actionBar.actionBarText"
|
|
:value="actionBar.actionBarText"
|
|
- >{{actionBar.actionBarText}}</a-select-option>
|
|
|
|
|
|
+ >{{actionBar.actionBarText}}
|
|
|
|
+ </a-select-option>
|
|
</a-select>
|
|
</a-select>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
|
|
|
<a-form-item label="作品广告语" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-form-item label="作品广告语" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
- <a-textarea style="width: 650px" v-model="description" :rows="2" />
|
|
|
|
|
|
+ <a-textarea style="width: 650px" v-model="description" :rows="2"/>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
|
|
|
<a-form-item label="创意名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-form-item label="创意名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
@@ -481,13 +506,13 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
- import { getAction, postAction } from '@/api/manage'
|
|
|
|
- import { mapGetters } from 'vuex'
|
|
|
|
|
|
+ import {getAction, postAction} from '@/api/manage'
|
|
|
|
+ import {mapGetters} from 'vuex'
|
|
import UploadToAli from '@femessage/upload-to-ali'
|
|
import UploadToAli from '@femessage/upload-to-ali'
|
|
import moment from 'moment'
|
|
import moment from 'moment'
|
|
import VuePreview from 'vue-preview'
|
|
import VuePreview from 'vue-preview'
|
|
import jq from 'jquery'
|
|
import jq from 'jquery'
|
|
- import { stopOtherVideo, closeAllVideoFun } from '@/utils/videoControl' // 停止除当前外的其他视频播放,及停止所有视频播放的方法
|
|
|
|
|
|
+ import {stopOtherVideo, closeAllVideoFun} from '@/utils/videoControl' // 停止除当前外的其他视频播放,及停止所有视频播放的方法
|
|
|
|
|
|
export default {
|
|
export default {
|
|
name: 'BaseForm',
|
|
name: 'BaseForm',
|
|
@@ -686,7 +711,7 @@
|
|
this.haveSinglePicimagesList = []
|
|
this.haveSinglePicimagesList = []
|
|
},
|
|
},
|
|
|
|
|
|
- checkeda: function(id) {
|
|
|
|
|
|
+ checkeda: function (id) {
|
|
let indexOf = this.checkeds.indexOf(id)
|
|
let indexOf = this.checkeds.indexOf(id)
|
|
if (indexOf >= 0) {
|
|
if (indexOf >= 0) {
|
|
this.$delete(this.checkeds, id)
|
|
this.$delete(this.checkeds, id)
|
|
@@ -704,7 +729,7 @@
|
|
for (let i = 0; i < this.imageList.length; i++) {
|
|
for (let i = 0; i < this.imageList.length; i++) {
|
|
if (!checkObj[i].checked) {
|
|
if (!checkObj[i].checked) {
|
|
// 将未勾选的checkbox选项push到绑定数组中
|
|
// 将未勾选的checkbox选项push到绑定数组中
|
|
- this.checkeds.push(checkObj[i].value)
|
|
|
|
|
|
+ this.checkeds.push(parseFloat(checkObj[i].value))
|
|
console.log(this.checkeds)
|
|
console.log(this.checkeds)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -741,6 +766,7 @@
|
|
changeVideoList() {
|
|
changeVideoList() {
|
|
if ((this.creativeMaterialType == '1' || this.creativeMaterialType == '2') && this.sceneId == '2') {
|
|
if ((this.creativeMaterialType == '1' || this.creativeMaterialType == '2') && this.sceneId == '2') {
|
|
// 横版竖版并且无单张图片
|
|
// 横版竖版并且无单张图片
|
|
|
|
+ this.imageUrl = []
|
|
this.showImageUpload = false
|
|
this.showImageUpload = false
|
|
this.showUploadType = true
|
|
this.showUploadType = true
|
|
this.selectVideoUpload = true
|
|
this.selectVideoUpload = true
|
|
@@ -797,6 +823,10 @@
|
|
this.showUploadImageRadio = false
|
|
this.showUploadImageRadio = false
|
|
this.showUploadSinglePicType = false
|
|
this.showUploadSinglePicType = false
|
|
this.tiepianImageLocalUpload = false
|
|
this.tiepianImageLocalUpload = false
|
|
|
|
+
|
|
|
|
+ this.haveSinglePicimagesList = []
|
|
|
|
+ this.haveSinglePicVideoUrl = []
|
|
|
|
+
|
|
let params = {}
|
|
let params = {}
|
|
params.accountId = this.accountId
|
|
params.accountId = this.accountId
|
|
params.pageSize = '1000'
|
|
params.pageSize = '1000'
|
|
@@ -1058,16 +1088,19 @@
|
|
loadData(selectedOptions) {
|
|
loadData(selectedOptions) {
|
|
const targetOption = selectedOptions[selectedOptions.length - 1]
|
|
const targetOption = selectedOptions[selectedOptions.length - 1]
|
|
targetOption.loading = true
|
|
targetOption.loading = true
|
|
- targetOption.loading = false
|
|
|
|
|
|
+
|
|
this.campaignId = `${targetOption.value}`
|
|
this.campaignId = `${targetOption.value}`
|
|
let params = {}
|
|
let params = {}
|
|
params.campaignId = this.campaignId
|
|
params.campaignId = this.campaignId
|
|
params.loginId = this.userInfo().id
|
|
params.loginId = this.userInfo().id
|
|
params.accountId = this.accountId
|
|
params.accountId = this.accountId
|
|
postAction(this.url.getChildrenUrl, params).then(res => {
|
|
postAction(this.url.getChildrenUrl, params).then(res => {
|
|
|
|
+ console.log(res, 10000000)
|
|
targetOption.children = res
|
|
targetOption.children = res
|
|
|
|
+ this.options = [...this.options]
|
|
|
|
+ targetOption.loading = false
|
|
})
|
|
})
|
|
- this.options = [...this.options]
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
|
|
|
|
actionGroups() {
|
|
actionGroups() {
|
|
@@ -1147,10 +1180,11 @@
|
|
var index = this.checkeds.findIndex(v => v === item)
|
|
var index = this.checkeds.findIndex(v => v === item)
|
|
this.checkeds.splice(index, 1)
|
|
this.checkeds.splice(index, 1)
|
|
this.imageUrl.splice(index, 1)
|
|
this.imageUrl.splice(index, 1)
|
|
|
|
+ this.haveSinglePicimagesList.splice(index, 1)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
|
|
- created: function() {
|
|
|
|
|
|
+ created: function () {
|
|
let params = {}
|
|
let params = {}
|
|
params.pageSize = '1000'
|
|
params.pageSize = '1000'
|
|
params.mediaId = '2'
|
|
params.mediaId = '2'
|
|
@@ -1163,8 +1197,6 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
-
|
|
|
|
-
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
.select_all {
|
|
.select_all {
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
@@ -1222,6 +1254,7 @@
|
|
|
|
|
|
// 多选框
|
|
// 多选框
|
|
.checkbox_item_container {
|
|
.checkbox_item_container {
|
|
|
|
+
|
|
.item_ul {
|
|
.item_ul {
|
|
margin: 0 -10px;
|
|
margin: 0 -10px;
|
|
|
|
|
|
@@ -1230,15 +1263,19 @@
|
|
float: left;
|
|
float: left;
|
|
padding: 0 10px;
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
+
|
|
.item:hover i {
|
|
.item:hover i {
|
|
display: block;
|
|
display: block;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
+
|
|
.item {
|
|
.item {
|
|
position: relative;
|
|
position: relative;
|
|
|
|
+
|
|
i {
|
|
i {
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
+
|
|
video {
|
|
video {
|
|
width: 100%;
|
|
width: 100%;
|
|
min-height: 255px;
|
|
min-height: 255px;
|
|
@@ -1266,4 +1303,38 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ // @media (min-width: 1024px){
|
|
|
|
+ // .checkbox_item_container {
|
|
|
|
+ // width:70%
|
|
|
|
+ // }
|
|
|
|
+ // } /*>=1024的设备*/
|
|
|
|
+
|
|
|
|
+ // @media (min-width: 1100px) {
|
|
|
|
+ // .checkbox_item_container {
|
|
|
|
+ // width:70%
|
|
|
|
+ // }
|
|
|
|
+ // } /*>=1100的设备*/
|
|
|
|
+ @media (min-width: 1280px) {
|
|
|
|
+ .checkbox_item_container_size {
|
|
|
|
+ width: 70%
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /*>=1280的设备*/
|
|
|
|
+
|
|
|
|
+ // @media (min-width: 1366px) {
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ // @media (min-width: 1440px) {
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ // @media (min-width: 1680px) {
|
|
|
|
+
|
|
|
|
+ // }
|
|
|
|
+ @media (min-width: 1920px) {
|
|
|
|
+ .checkbox_item_container_size {
|
|
|
|
+ width: 50%
|
|
|
|
+ }
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|