朱鑫波 4 年 前
コミット
b0473217fc
1 ファイル変更95 行追加17 行削除
  1. 95 17
      src/views/modules/autoLaunch/configProject/creatConfig.vue

+ 95 - 17
src/views/modules/autoLaunch/configProject/creatConfig.vue

@@ -1004,46 +1004,96 @@ li.chouzhen.first:before {
                         <a-button type="primary" slot="extra" @click="originalityEdit" :disabled="!projectId"
                             >编辑</a-button
                         >
-                        <a-form-item v-bind="tailFormItemLayoutElse">
+                        <a-form-item v-bind="tailFormItemLayoutElse" style="margin-left:1.15%">
                             <a-descriptions>
                                 <a-descriptions-item label="创意制作方式">
-                                    Zhou Maomao
+                                    <span v-if="showCreativeData && showCreativeData.openProgramCreate">
+                                        {{ showCreativeData.openProgramCreate | openProgramCreate }}
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label=" 广告位置">
-                                    1810000000
+                                    <span v-if="showCreativeData && showCreativeData.sceneId">
+                                        <span v-for="(item, index) in showCreativeData.sceneId" :key="index">
+                                            {{ item | kuaishouSceneId
+                                            }}{{ index === showCreativeData.sceneId.length - 1 ? '' : ',' }}
+                                        </span>
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="关联封面数">
-                                    Hangzhou, Zhejiang
+                                    <span v-if="showCreativeData && showCreativeData.imageCnt">
+                                        {{ showCreativeData.imageCnt }}
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="自定义组上限">
-                                    empty
+                                    <span v-if="showCreativeData && showCreativeData.customUnitCnt">
+                                        {{ showCreativeData.customUnitCnt }}
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="程序化组上限">
-                                    No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
+                                    <span v-if="showCreativeData && showCreativeData.programUnitCnt">
+                                        {{ showCreativeData.programUnitCnt }}
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="素材类型">
-                                    empty
+                                    <span v-if="showCreativeData">
+                                        {{ showCreativeData.channelType | channelType }}
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="素材挖掘">
-                                    empty
+                                    <span v-if="showCreativeData">
+                                        {{ showCreativeData.assetMining === 0 ? '关闭' : '开启' }}
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="智能抽帧">
-                                    empty
+                                    <span v-if="showCreativeData">
+                                        {{ showCreativeData.smartCover === 0 ? '关闭' : '开启' }}
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="素材选取">
-                                    empty
+                                    <span v-if="showCreativeData">
+                                        不限
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="广告语">
-                                    empty
+                                    <span v-if="showCreativeData">
+                                        <span v-for="(item, index) in descriptionList" :key="index">
+                                            {{ item.value }}{{ index === descriptionList.length - 1 ? '' : ',' }}
+                                        </span>
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="创意分类">
-                                    empty
+                                    <span v-if="showCreativeData && showCreativeData.creativeCategory">
+                                        <a-cascader
+                                            :options="createOptions"
+                                            v-model="showCreativeData.creativeCategory"
+                                            disabled
+                                            :fieldNames="fieldNames"
+                                            placeholder="请选择创意分类"
+                                        />
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="行动号召">
-                                    empty
+                                    <span v-if="showCreativeData && showCreativeData.actionBarText">
+                                        {{ showCreativeData.actionBarText }}
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                                 <a-descriptions-item label="创意标签">
-                                    empty
+                                    <span v-if="showCreativeData && showCreativeData.creativeTag">
+                                        {{ showCreativeData.creativeTag.join() }}
+                                    </span>
+                                    <span v-else>-</span>
                                 </a-descriptions-item>
                             </a-descriptions>
                         </a-form-item>
@@ -1639,7 +1689,12 @@ li.chouzhen.first:before {
         </a-drawer>
 
         <!-- 创意信息编辑 -->
-        <a-drawer :width="800" :visible="optimizeVisible" :body-style="{ paddingBottom: '80px' }" @close="closeCreative">
+        <a-drawer
+            :width="800"
+            :visible="optimizeVisible"
+            :body-style="{ paddingBottom: '80px' }"
+            @close="closeCreative"
+        >
             <!-- @close="closeUnit('createForm')" -->
             <h2 slot="title" style="margin-bottom: 0">创意信息</h2>
             <!-- class="create-info" -->
@@ -1675,7 +1730,6 @@ li.chouzhen.first:before {
                             <checkBoxGroup
                                 :options="[
                                     { label: '优选广告位', value: 1 },
-                                    { label: '信息流广告', value: 7 },
                                     { label: '上下滑大屏广告', value: 6 },
                                     { label: '视频播放页广告', value: 3 },
                                     { label: '联盟广告', value: 5 }
@@ -2058,6 +2112,7 @@ export default {
                 children: 'child'
             },
             createOptions: [],
+            showCreativeData: null,
             //公共参数
             activeStep: 0,
             screenWidth: document.body.clientWidth,
@@ -2134,6 +2189,22 @@ export default {
         })
     },
     filters: {
+        openProgramCreate(val) {
+            let data = {
+                0: '自定义',
+                1: '程序化',
+                2: '不限'
+            }
+            return data[val]
+        },
+        channelType(val) {
+            let data = {
+                0: '内部',
+                1: '素造',
+                2: '不限'
+            }
+            return data[val]
+        },
         business(theme) {
             let businessInterest = businessOptions.map(item => {
                 return {
@@ -2238,7 +2309,14 @@ export default {
         },
         submitCreative() {
             this.formOriginality.validateFields((err, values) => {
-                console.log(values)
+                if(!err) {
+
+                   
+                    this.showCreativeData = JSON.parse(JSON.stringify(values))
+                     console.log(values,this.showCreativeData)
+                    this.optimizeVisible = false
+                    // this.closeCreative()
+                }
             })
         },
         changeData(data) {