修改广告活动头部信息

src/theme/app.scss

@@ -425,9 +425,15 @@ body,
 
 .asj-detail-info {
   margin: 5px;
-  //display: flex;
-  //flex-direction: row;
+  display: flex;
+  flex-direction: row;
   gap: 30px;
+  .label {
+    color: #999;
+  }
+  .value {
+    color: #333;
+  }
 }
 
 .asj-detail-tabs > .el-tabs__header.is-top {

src/views/adManage/sp/campaigns/campaignDetail/adGroups/adGroupDetail/index.vue

@@ -5,10 +5,22 @@
         <span> {{ adGroupInfo.adGroupName }} </span>
       </span>
       <div class="asj-detail-info">
-        <span>状态：{{ adGroupInfo.state }}</span>
-        <span>投放类型：{{ adGroupInfo.targetingType }}</span>
-        <span>默认竞价：{{ profile.currency_symbol + adGroupInfo.defaultBid }}</span>
-        <span>投放日期：{{ adGroupInfo.startDate }} ~ {{ adGroupInfo.endDate ?? '无结束日期' }}</span>
+        <div>
+          <span class="label">状态：</span>
+          <span class="value">{{ adGroupInfo.state }}</span>
+        </div>
+        <div>
+          <span class="label">投放类型：</span>
+          <span class="value">{{ adGroupInfo.targetingType }}</span>
+        </div>
+        <div>
+          <span class="label">默认竞价：</span>
+          <span class="value">{{ profile.currency_symbol + adGroupInfo.defaultBid }}</span>
+        </div>
+        <div>
+          <span class="label">投放日期：</span>
+          <span class="value">{{ adGroupInfo.startDate }} ~ {{ adGroupInfo.endDate ?? '无结束日期' }}</span>
+        </div>
       </div>
     </div>
     <el-tabs type="border-card" class="asj-detail-tabs" v-model="tabActiveName">

src/views/adManage/sp/campaigns/campaignDetail/index.vue

@@ -5,12 +5,30 @@
         <span> {{ campaignInfo.campaignName }}</span>
       </span>
       <div class="asj-detail-info">
-        <span>状态：{{ campaignInfo.state }} ({{ campaignInfo.servingStatus }})</span>
-        <span>预算：{{ profile.currency_symbol + campaignInfo.budget }} | {{ campaignInfo.budgetType }}</span>
-        <span>投放类型：{{ campaignInfo.targetingType }}</span>
-        <span>投放日期：{{ campaignInfo.startDate }} ~ {{ campaignInfo.endDate ?? '无结束日期' }}</span>
-        <span>广告组合：{{ campaignInfo?.portfolioName }}</span>
-        <span>竞价策略：{{ getEnumLabel(dynBidStrategyEnum, campaignInfo.dynBidStrategy) }}</span>
+        <div>
+          <span class="label">状态：</span>
+          <span class="value">{{ campaignInfo.state }} ({{ campaignInfo.servingStatus }})</span>
+        </div>
+        <div>
+          <span class="label">预算：</span>
+          <span class="value">{{ profile.currency_symbol + campaignInfo.budget }} | {{ campaignInfo.budgetType }}</span>
+        </div>
+        <div>
+          <span class="label">投放类型：</span>
+          <span class="value">{{ campaignInfo.targetingType }}</span>
+        </div>
+        <div>
+          <span class="label">投放日期：</span>
+          <span class="value">{{ campaignInfo.startDate }} ~ {{ campaignInfo.endDate ?? '无结束日期' }}</span>
+        </div>
+        <div>
+          <span class="label">广告组合：</span>
+          <span class="value">{{ campaignInfo?.portfolioName }}</span>
+        </div>
+        <div>
+          <span class="label">竞价策略：</span>
+          <span class="value">{{ getEnumLabel(dynBidStrategyEnum, campaignInfo.dynBidStrategy) }}</span>
+        </div>
       </div>
     </div>
     <el-tabs type="border-card" class="asj-detail-tabs" v-model="tabActiveName">