Преглед изворни кода

middle 账户配置 修改BUG

jiayufei пре 4 година
родитељ
комит
5fbc790652

+ 1 - 1
src/views/modules/account-config/components/configuration-modal.less

@@ -144,7 +144,7 @@
                 display: inline-block;
                 .ant-form-item-label {
                     width: 160px;
-                    margin-left: 73px;
+                    margin-left: 53px;
                 }
                 .ant-form-item-control-wrapper {
                     width: 110px;

+ 85 - 23
src/views/modules/account-config/components/configuration-modal.vue

@@ -294,7 +294,7 @@
                     </div>
                     <div v-if="configForm.adverPosition === 'b'" class="position-radio-change">
                         <p>位置选择</p>
-                        <a-checkbox-group v-model="configForm.checkboxChangeValue">
+                        <a-checkbox-group v-model="configForm.checkboxChangeValue" @change="NewCheckboxChangeValue">
                             <a-checkbox :style="radioStyle" value="INVENTORY_FEED">今日头条</a-checkbox>
                             <a-checkbox :style="radioStyle" value="INVENTORY_VIDEO_FEED">西瓜视频</a-checkbox>
                             <a-checkbox :style="radioStyle" value="INVENTORY_HOTSOON_FEED">抖音火山版</a-checkbox>
@@ -754,13 +754,13 @@
             </div>
             <div class="separate-module-con">
                 <p class="rock-title">创意信息</p>
-                <a-form-model-item label="创意方式">
+                <a-form-model-item v-if="isTomatoStatus" label="创意方式">
                     <a-radio-group v-model="configForm.creativeMaterialMode" button-style="solid">
                         <a-radio-button value="STATIC_ASSEMBLE" :disabled="modalTitle === 'edit'">程序化创意</a-radio-button>
                         <a-radio-button value="NONE" :disabled="modalTitle === 'edit'">自定义创意</a-radio-button>
                     </a-radio-group>
                 </a-form-model-item>
-                <a-form-model-item label="创意内容">
+                <a-form-model-item v-if="isTomatoStatus" label="创意内容">
                     <a-radio-group v-model="configForm.creativeImageMode" button-style="solid">
                         <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO_VERTICAL">竖版视频</a-radio-button>
                         <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO">横版视频</a-radio-button>
@@ -769,7 +769,7 @@
                         <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE_VERTICAL">大图竖图</a-radio-button>
                     </a-radio-group>
                 </a-form-model-item>
-                <a-form-model-item label="卡片主图">
+                <a-form-model-item v-if="isTAwemeStatus" label="卡片主图">
                     <a-upload
                         name="avatar"
                         list-type="picture-card"
@@ -793,7 +793,7 @@
                     </a-upload>
                     <span class="especial-label">*</span>
                 </a-form-model-item>
-                <a-form-model-item label="卡片标题" prop="creativeProductDescription">
+                <a-form-model-item v-if="isTAwemeStatus" label="卡片标题" prop="creativeProductDescription">
                     <a-input
                         class="common-input-long"
                         placeholder="请输入卡片标题"
@@ -801,13 +801,13 @@
                         allow-clear
                     />
                 </a-form-model-item>
-                <a-form-model-item label="推广卖点">
+                <a-form-model-item v-if="isTAwemeStatus" label="推广卖点">
                     <a-button type="primary" @click="handleAddOrigin">
                         <a-icon type="plus" />推广卖点
                     </a-button>
                     <span class="especial-label">*</span>
                 </a-form-model-item>
-                <div class="adver-position-radio">
+                <div v-if="isTAwemeStatus" class="adver-position-radio">
                     <a-form-model-item
                         v-for="(item, index) in configForm.defaultFormList"
                         :key="item.id"
@@ -822,14 +822,14 @@
                         <a-icon class="examin-form-icon" type="delete" @click="handleDelOrigin(item)"/>
                     </a-form-model-item>
                 </div>
-                <a-form-model-item label="行动号召">
+                <a-form-model-item v-if="isTomatoStatus || isTAwemeStatus" label="行动号召">
                     <a-radio-group v-model="configForm.creativeEnablePersonalAction" button-style="solid">
                         <a-radio-button :value="true">开启智能优选</a-radio-button>
                         <a-radio-button :value="false">关闭智能优选</a-radio-button>
                     </a-radio-group>
                     <span class="especial-label">*</span>
                 </a-form-model-item>
-                <div class="adver-position-radio">
+                <div v-if="isTomatoStatus" class="adver-position-radio">
                     <a-form-model-item prop="creativeCallToAction">
                         <a-select
                             class="common-input-long"
@@ -845,7 +845,7 @@
                         </a-select>
                     </a-form-model-item>
                 </div>
-                <a-form-model-item label="来源" :prop="getSource">
+                <a-form-model-item v-if="isTomatoStatus" label="来源" :prop="getSource">
                     <a-input
                         class="common-input-long"
                         placeholder="请输入来源"
@@ -883,32 +883,32 @@
                         <a-radio-button :value="1">启用</a-radio-button>
                     </a-radio-group>
                 </a-form-model-item>
-                <a-form-model-item label="广告评论">
+                <a-form-model-item v-if="isTomatoStatus" label="广告评论">
                     <a-radio-group v-model="configForm.creativeIsCommentDisable" button-style="solid">
                         <a-radio-button :value="1">关闭</a-radio-button>
                         <a-radio-button :value="0">开启</a-radio-button>
                     </a-radio-group>
                 </a-form-model-item>
-                <a-form-model-item label="客户端下载视频">
+                <a-form-model-item v-if="isTomatoStatus" label="客户端下载视频">
                     <a-radio-group v-model="configForm.creativeDownloadStatus" button-style="solid">
                         <a-radio-button :value="1">关闭</a-radio-button>
                         <a-radio-button :value="0">开启</a-radio-button>
                     </a-radio-group>
                 </a-form-model-item>
-                <a-form-model-item label="创意展现">
+                <a-form-model-item v-if="isTomatoStatus" label="创意展现">
                     <a-radio-group v-model="configForm.creativeDisplayMode" button-style="solid">
                         <a-radio-button value="CREATIVE_DISPLAY_MODE_CTR">优选模式</a-radio-button>
                         <a-radio-button value="CREATIVE_DISPLAY_MODE_RANDOM">轮播模式</a-radio-button>
                     </a-radio-group>
                 </a-form-model-item>
-                <div v-if="configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_CTR'" class="adver-position-radio">
+                <div v-if="isTomatoStatus && configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_CTR'" class="adver-position-radio">
                     选择优选模式,系统会自动对效果好的创意进行展示量倾斜,创意效果越好展示量越高
                 </div>
-                <div v-if="configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_RANDOM'" class="adver-position-radio">
+                <div v-if="isTomatoStatus && configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_RANDOM'" class="adver-position-radio">
                     使用创意轮播,系统将平分各创意展现机会,便于广告主比较各创意投放效果
                 </div>
             </div>
-            <div class="separate-module-con">
+            <div v-if="isTomatoStatus" class="separate-module-con">
                 <p class="rock-title">创意分类</p>
                 <a-form-model-item label="创意分类" prop="creativeThirdIndustryIds">
                     <a-cascader
@@ -1491,7 +1491,9 @@ export default {
                 adAutoExtendTargets: '',
                 creativeCallToAction: '', // 行动号召
                 creativeLabel: undefined // 倡议标签
-            }
+            },
+            isTomatoStatus: true,
+            isTAwemeStatus: true
         };
     },
     computed: {
@@ -1613,6 +1615,53 @@ export default {
     methods: {
         ...mapGetters(['nickname', 'avatar', 'userInfo']),
         moment,
+        NewCheckboxChangeValue(newVal) {
+            if (newVal.includes('INVENTORY_TOMATO_NOVEL')) {
+                this.isTomatoStatus = true;
+                this.configForm.creativeMaterialMode = 'STATIC_ASSEMBLE';
+                this.configForm.creativeImageMode = 'CREATIVE_IMAGE_MODE_VIDEO_VERTICAL';
+                this.configForm.creativeIsCommentDisable = 0;
+                this.configForm.creativeDownloadStatus = 1;
+                this.configForm.creativeDisplayMode = 'CREATIVE_DISPLAY_MODE_CTR';
+            }
+            else {
+                this.isTomatoStatus = false;
+                this.configForm.creativeMaterialMode = '';
+                this.configForm.creativeImageMode = '';
+                this.configForm.creativeIsCommentDisable = '';
+                this.configForm.creativeDownloadStatus = '';
+                this.configForm.creativeDisplayMode = '';
+            }
+            if (newVal.includes('INVENTORY_AWEME_FEED')) {
+                this.isTAwemeStatus = true;
+                this.configForm.creativeMaterialMode = '';
+                this.configForm.creativeImageMode = '';
+                this.configForm.creativeIsCommentDisable = '';
+                this.configForm.creativeDownloadStatus = '';
+                this.configForm.creativeDisplayMode = '';
+            }
+            else {
+                this.isTAwemeStatus = false;
+                this.configForm.creativeMaterialMode = 'STATIC_ASSEMBLE';
+                this.configForm.creativeImageMode = 'CREATIVE_IMAGE_MODE_VIDEO_VERTICAL';
+                this.configForm.creativeIsCommentDisable = 0;
+                this.configForm.creativeDownloadStatus = 1;
+                this.configForm.creativeDisplayMode = 'CREATIVE_DISPLAY_MODE_CTR';
+            }
+            if ((!newVal.includes('INVENTORY_TOMATO_NOVEL') && !newVal.includes('INVENTORY_AWEME_FEED')) || (newVal.includes('INVENTORY_TOMATO_NOVEL') && newVal.includes('INVENTORY_AWEME_FEED'))) {
+                this.isTomatoStatus = true;
+                this.isTAwemeStatus = true;
+                this.configForm.creativeMaterialMode = 'STATIC_ASSEMBLE';
+                this.configForm.creativeImageMode = 'CREATIVE_IMAGE_MODE_VIDEO_VERTICAL';
+                this.configForm.creativeIsCommentDisable = 0;
+                this.configForm.creativeDownloadStatus = 1;
+                this.configForm.creativeDisplayMode = 'CREATIVE_DISPLAY_MODE_CTR';
+            }
+            if (!newVal.length) {
+                this.isTomatoStatus = true;
+                this.isTAwemeStatus = true;
+            }
+        },
         handleGetChengZiSite() {
             const paramsData = {
                 accountId: this.configForm.accountId
@@ -1655,6 +1704,9 @@ export default {
             if (defaultValue === 'CUSTOMER' || defaultValue === 'APP') {
                 this.configForm.adConvertedTimeDuration = 'THREE_MONTH';
             }
+            else {
+                this.configForm.adConvertedTimeDuration = '';
+            }
         },
         handleAdAutoExtend(e) {
             const defaultValue = e.target.value;
@@ -2286,9 +2338,9 @@ export default {
                         this.configForm.adMaxBid = detailData.adMaxBid;
                         this.configForm.adStepBid = detailData.adStepBid;
                         this.configForm.adBidCreateType = detailData.adBidCreateType;
-                        this.configForm.creativeThirdIndustryIds[0] = detailData.creativeThirdIndustryId.substr(0, 4);
-                        this.configForm.creativeThirdIndustryIds[1] = detailData.creativeThirdIndustryId.substr(0, 6);
-                        this.configForm.creativeThirdIndustryIds[2] = detailData.creativeThirdIndustryId;
+                        this.configForm.creativeThirdIndustryIds[0] = detailData.creativeThirdIndustryId && detailData.creativeThirdIndustryId.substr(0, 4);
+                        this.configForm.creativeThirdIndustryIds[1] = detailData.creativeThirdIndustryId && detailData.creativeThirdIndustryId.substr(0, 6);
+                        this.configForm.creativeThirdIndustryIds[2] = detailData.creativeThirdIndustryId && detailData.creativeThirdIndustryId;
                         this.imageUrl = detailData.imageUrl;
                         this.urlResult = detailData.imageUrl;
                         this.md5Result = detailData.creativeProductImageCode;
@@ -2638,15 +2690,17 @@ export default {
                 this.$message.error('请选择投放时段');
                 return;
             }
-            if (!this.urlResult) {
+            // this.isTomatoStatus = true;
+            // this.isTAwemeStatus = true;
+            if (this.isTAwemeStatus && !this.urlResult) {
                 this.$message.error('请上传图片');
                 return;
             }
-            if (!this.configForm.defaultFormList.length) {
+            if (this.isTAwemeStatus && !this.configForm.defaultFormList.length) {
                 this.$message.error('请添加卖点');
                 return;
             }
-            if (!this.creativeTag.length) {
+            if (this.isTomatoStatus && !this.creativeTag.length) {
                 this.$message.error('请添加标签');
                 return;
             }
@@ -2668,9 +2722,17 @@ export default {
                 paramsFormData.creativeSmartInventory = 1;
             }
             else if (paramsFormData.adverPosition === 'b') {
+                if (!paramsFormData.checkboxChangeValue.length) {
+                    this.$message.error('请选择媒体指定位置');
+                    return;
+                }
                 paramsFormData.creativeInventoryTypes = paramsFormData.checkboxChangeValue;
             }
             else if (paramsFormData.adverPosition === 'c') {
+                if (!paramsFormData.radioChangeValue) {
+                    this.$message.error('请选择场景指定位置');
+                    return;
+                }
                 paramsFormData.creativeSceneInventory = paramsFormData.radioChangeValue;
             }
             if (paramsFormData.launchTimeInterval === 'buxian') {