用户列表中用户贡献添加排序

src/components/layer/index.vue

@@ -6,7 +6,8 @@
         <slot></slot>
       </el-scrollbar>
       <template #footer v-if="layer.showButton">
-        <div>
+        <div style="position: relative;">
+          <slot name="bottom"></slot>
           <el-button type="primary" @click="confirm">确认</el-button>
           <el-button @click="close">取消</el-button>
         </div>

src/views/main/userModule/userList.vue

@@ -34,7 +34,7 @@
         </el-table-column>
         <el-table-column prop="todayVideo" label="今日视频播放数" width="130" />
         <el-table-column prop="totalVideo" label="视频播放总数" width="110" />
-        <el-table-column prop="totalIncome" label="用户贡献（当日/总共）" width="180">
+        <el-table-column prop="totalIncome" label="用户贡献（当日/总共）" sortable width="200">
           <template #default="scope">
             {{ scope.row.todayIncome === 0 ? '0.00' : scope.row.todayIncome ?? '0.00'}} / 
             {{ scope.row.totalIncome === 0 ? '0.00' : scope.row.totalIncome ?? '0.00' }}
@@ -102,6 +102,8 @@
     </Layer>
 
     <Layer :layer="ecpmLayer" @confirm="ecpmLayer.show = false" @close="ecpmLayer.show = false">
+        <From :form-items="dynamicFormItems1" @formSubmitted="handleFormSubmitted1" @formReset="handleFormReset1" />
+        <el-divider></el-divider>
         <Table :showPage="false" ref="ecpmTable" :data="ecpmData" :height="ecpmLayer.height">
           <el-table-column prop="userId" label="用户ID" width="100" />
           <el-table-column prop="adSourceId" label="广告源ID" width="100" />
@@ -122,6 +124,11 @@
           <el-table-column prop="recordId" label="广告记录ID" width="100" />
           <el-table-column prop="revenue" label="收益" width="100" />
         </Table>
+        <template #bottom>
+          <div style="position: absolute;bottom: 0px;right: 10px;">
+            共：{{ ecpmData.length }}
+          </div>
+        </template>
     </Layer>
   </div>
 </template>
@@ -164,6 +171,7 @@
   });
 
   const dynamicFormItems = ref([])
+  const dynamicFormItems1 = ref([])
 
   onBeforeMount(() => {
     settingData()
@@ -207,6 +215,17 @@
         { label: '登录时间', prop: 'lastLoginTime', type: 'date' },
         { label: '注册时间', prop: 'registryTime', type: 'date' },
       ]
+
+      // 查看ECPM
+      dynamicFormItems1.value = [
+        {
+          label: '广告源类型',
+          prop: 'adSourceType',
+          type: 'select',
+          labelWidth: 100,
+          options: getOptions('ad_source_type'),
+        }, 
+      ]
     })
   }
 
@@ -404,12 +423,34 @@
     height: '60vh'
   });
 
+  
+  const formSearch1 = ref({
+    userId: undefined, //用户ID
+    adSourceType: null,// 广告源类型
+  });
+
+  const handleFormSubmitted1 = (formData) => {
+    // console.log("接收到子组件传递的数据", formData);
+    formSearch1.value.adSourceType = formData.adSourceType;
+
+    lookEcpm();
+  };
+  const handleFormReset1 = () => {
+    delete formSearch1.value.adSourceType // 渠道来源
+
+    lookEcpm();
+  };
+
   const ecpmTable = ref(null)
   const ecpmData = ref([])
 
   const lookEcpm = async(userId)=> {
+    if(userId) {
+      formSearch1.value.userId = userId
+      delete formSearch1.value.adSourceType
+    }
     ecpmData.value = []
-    let res = await appUserEcpm({userId})
+    let res = await appUserEcpm({userId: formSearch1.value.userId })
     ecpmData.value = res.data
     ecpmLayer.value.show = true
   }