feat: 平台推广数据

project/src/components/assembly/screen/channel.vue

@@ -223,7 +223,7 @@ export default {
       this.placeholderVal = '请选择'
     } else if (this.type == 'promotionData') {
       this.options = [...promotionData]
-      this.placeholderVal = '请选择'
+      this.placeholderVal = '请选择平台'
     } else {
       this.init()
     }

project/src/components/assembly/screen/channelMultiple.vue

@@ -220,7 +220,7 @@ export default {
       this.placeholderVal = '请选择'
     } else if (this.type == 'promotionData') { // 平台推广数据
       this.options = [...promotionData]
-      this.placeholderVal = '请选择'
+      this.placeholderVal = '请选择平台'
     } else {
       this.init()
     }

project/src/components/assembly/screen/channelV2.vue

@@ -497,7 +497,7 @@ export default {
         this.placeholderVal = '请选择'
       } else if (this.type == 'promotionData') { // 平台推广数据
         this.options = [...promotionData]
-        this.placeholderVal = '请选择'
+        this.placeholderVal = '请选择平台'
       } else {
         this.init()
       }

project/src/components/dataBoard/promotionData.vue

@@ -3,107 +3,45 @@
     <div class="screenBox flex-align-center">
       <div class="flex-align-center" style="flex: 1">
         <datePicker title="自定义" :is_include_today="false" :pickerOptions="pickerOptions" :quickFlag="true" :afferent_time="default_time" :clearFlag="false" @changeTime="changeTime" />
-        <selfInputV2 v-model="keyword" label_name="标题" placeholder="请输入关键字" labelWidth @change="onChangeKeyword" />
-        <selfChannelV2 v-model="plat_type" type='promotionData' title="平台" @change="onChangePlatType" />
+        <selfInputV2 v-model="keyword" label_name="推广标题" placeholder="请输入关键字" labelWidth @change="onChangeKeyword" />
+        <selfChannelV2 v-model="plat_type" type="promotionData" title="平台" labelWidth @change="onChangePlatType" />
       </div>
       <div class="right">
-        <el-button v-if="isCanExport" type="primary" size="mini" @click="init(1, 'export')">导出Excel</el-button>
+        <el-button v-if="isCanExport" type="primary" size="mini" @click="init(1, 'export')" >导出Excel</el-button>
       </div>
     </div>
     <div class="dataInfoBox">
-      <div
-        class="dataInfoItem"
-        v-for="(item, index) in dataInfoArrs"
-        :key="index"
-      >
+      <div class="dataInfoItem" v-for="(item, index) in dataInfoArrs" :key="index">
         <div class="dataItemTitle">
           <img :src="item.icon" style="height: 14px" class="titleIcon" />
           <span>{{ item.label }}</span>
         </div>
         <div class="dataItem-data">
-          {{
-            dataInfo && (dataInfo[item.prop] || dataInfo[item.prop] == 0)
-              ? $formatNum(dataInfo[item.prop])
-              : "-"
-          }}
-          <span class="f15">{{
-            item.brackets_prop
-              ? `(${
-                  dataInfo &&
-                  (dataInfo[item.brackets_prop] ||
-                    dataInfo[item.brackets_prop] == 0)
-                    ? $formatNum(dataInfo[item.brackets_prop])
-                    : "-"
-                })`
-              : ""
-          }}</span>
+          {{ dataInfo && (dataInfo[item.prop] || dataInfo[item.prop] == 0) ? $formatNum(dataInfo[item.prop])   : "-" }}
+          <span class="f15">{{ item.brackets_prop ? `(${dataInfo && (dataInfo[item.brackets_prop] || dataInfo[item.brackets_prop] == 0) ? $formatNum(dataInfo[item.brackets_prop]) : "-" })` : "" }}</span>
         </div>
       </div>
     </div>
     <div>
-      <ux-grid
-        ref="plxTable"
-        :border="false"
-        @row-click="
-          () => {
-            return;
-          }
-        "
-        :header-cell-style="
-          () => {
-            return {
-              backgroundColor: '#FFFFFF !important',
-              border: 'none!important',
-            };
-          }
-        "
-        :height="height"
-        show-footer-overflow="tooltip"
-        show-overflow="tooltip"
-        size="mini"
-      >
-        <ux-table-column
-          v-for="item in desCol"
-          v-if="!item.excelShow"
-          :key="item.prop"
-          :resizable="true"
-          :field="item.prop"
-          :title="item.label"
-          :min-width="item.min_width ? item.min_width : 120"
-          :fixed="item.fixed ? item.fixed : ''"
-          align="center"
-        >
+      <ux-grid ref="plxTable" :border="false" @row-click="() => { return; }" :header-cell-style="() => { return { backgroundColor: '#FFFFFF !important', border: 'none!important', }; } " :height="height" show-footer-overflow="tooltip" show-overflow="tooltip" size="mini">
+        <ux-table-column v-for="item in desCol" v-if="!item.excelShow" :key="item.prop" :resizable="true" :field="item.prop" :title="item.label" :min-width="item.min_width ? item.min_width : 120" :fixed="item.fixed ? item.fixed : ''" align="center">
           <template #header>
-            <div :class="['flex-align-jus-center']">
-              {{ item.label
-              }}{{ item.brackets_label ? `(${item.brackets_label})` : "" }}
-              <el-tooltip
-                v-if="item.notes"
-                :content="item.notes"
-                placement="top"
-              >
-                <div><i class="el-icon-question"></i></div>
+            <div :class="['flex-align-jus-center']">{{ item.label }}{{ item.brackets_label ? `(${item.brackets_label})` : "" }}
+              <el-tooltip v-if="item.notes" :content="item.notes" placement="top">
+                <div><i class="el-icon-question" /></div>
               </el-tooltip>
             </div>
           </template>
           <template v-slot="{ row }">
             <span v-if="item.prop === 'pid' || item.prop === 'adq_account_id'">{{ row[item.prop] }}</span>
-            <span v-else-if="item.prop === 'plat_type'">{{ row[item.prop] == 10 ? '番茄' : (row[item.prop] == 8 ? '映客' : '') }}</span>
-            <span v-else>{{ row[item.prop] !== "" && (row[item.prop] || row[item.prop] === 0 || row[item.prop] === "0")   ? $formatNum(row[item.prop])   : "-" }}</span>
-            <span v-if="item.brackets_label" >({{   row[item.brackets_prop] != "" && (row[item.brackets_prop] || row[item.brackets_prop] == 0) ? $formatNum(row[item.brackets_prop]) : "-" }})</span>
+            <span v-else-if="item.prop === 'plat_type'">{{ row[item.prop] == 10 ? "番茄" : row[item.prop] == 8 ? "映客" : "" }}</span>
+            <span v-else>{{ row[item.prop] !== "" && (row[item.prop] || row[item.prop] === 0 || row[item.prop] === "0") ? $formatNum(row[item.prop]) : "-" }}</span>
+            <span v-if="item.brackets_label">({{ row[item.brackets_prop] != "" && (row[item.brackets_prop] || row[item.brackets_prop] == 0) ? $formatNum(row[item.brackets_prop]) : "-" }})</span>
           </template>
         </ux-table-column>
       </ux-grid>
       <div class="pagination" v-show="total > 0">
-        <el-pagination
-          background
-          :current-page="page"
-          @current-change="handleCurrentChange"
-          layout="prev, pager, next, sizes, jumper"
-          :page-sizes="[20, 50, 100]"
-          @size-change="handleSizeChange"
-          :page-count="Number(pages)"
-        />
+        <el-pagination background :current-page="page" @current-change="handleCurrentChange" layout="prev, pager, next, sizes, jumper" :page-sizes="[20, 50, 100]" @size-change="handleSizeChange" :page-count="Number(pages)" />
       </div>
     </div>
   </div>
@@ -143,11 +81,11 @@ export default {
           prop: "first_roi",
           label: "首日roi",
           icon: require("@/assets/img/icon/roi@2x.png"),
-        }
+        },
       ],
       dataInfo: {},
       desCol: [
-        { prop: "populariz_title", label: "推广标题", fixed: "left", min_width: "160" },
+        { prop: "populariz_title", label: "推广标题", fixed: "left", min_width: "160", },
         { prop: "pid", label: "推广ID", min_width: "160" },
         { prop: "ref_date", label: "日期", min_width: "160" },
         { prop: "plat_type", label: "平台" },
@@ -170,10 +108,7 @@ export default {
   },
   created() {
     this.time = this.default_time;
-    this.height =
-      document.documentElement.clientHeight - 400 > 400
-        ? document.documentElement.clientHeight - 400
-        : 400;
+    this.height = document.documentElement.clientHeight - 330 > 330 ? document.documentElement.clientHeight - 330 : 330;
     this.init(1);
   },
   methods: {
@@ -199,25 +134,20 @@ export default {
         }
       }
       this.loading = true;
-      this.$axios
-        .get(this.URL.BASEURL + this.URL.dataBoard_promotionData, {
+      this.$axios.get(this.URL.BASEURL + this.URL.dataBoard_promotionData, {
           params: {
             send_time_start: this.time[0],
             send_time_end: this.time[1],
             keyword: this.keyword,
             plat_type: this.plat_type,
             page: type == "export" ? 1 : this.page,
-            page_size:
-              type == "export"
-                ? this.$store.state.exportNumber
-                : this.page_size,
+            page_size: type == "export" ? this.$store.state.exportNumber : this.page_size,
           },
         })
         .then((res) => {
           var res = res.data;
           this.loading = false;
           if (res && res.errno == 0) {
-            console.log("res => ", res);
             if (res.rst.extra) {
               // 汇总数据
               this.dataInfo = res.rst.extra;
@@ -276,7 +206,7 @@ export default {
       this.init(1);
     },
     onChangePlatType(val) {
-      this.plat_type = val || ''
+      this.plat_type = val || "";
       this.init(1);
     },
   },