</div> <div class="flex items-center justify-between space-x-4"> <div class="flex items-center"> <el-select v-model="formData.selectedChannelCompare" class="!w-[180px]" placeholder="版本选择"> <el-option v-for="item in channelCompareOptions" :key="item.value" :label="item.label" :value="item.value" /> </el-select> </div> <div class="flex items-center ml-2"> <el-select v-model="formData.selectedChannelCompare" class="!w-[180px] ml-2" placeholder="全部版本"> <el-option v-for="item in channelCompareOptions" :key="item.value" :label="item.label" :value="item.value" /> </el-select> <el-select v-model="formData.selectedChannelCompare" class="!w-[180px] ml-2" placeholder="全部渠道"> <el-option v-for="item in channelCompareOptions" :key="item.value" :label="item.label" :value="item.value" /> </el-select> <el-date-picker v-model="formData.time" class="w-[200px] ml-2" type="daterange" start-placeholder="开始时间" end-placeholder="结束时间" /> </div> </div> </div> <div class="el-card p-9 mt-2"> <div class="flex justify-between items-center mb-2"> <Title left-line title="事件统计"> <template #default> <el-popover class="box-item" placement="right" trigger="hover" width="600"> <template #reference> <el-icon class="ml-1" style="color: #a4b8cf"><QuestionFilled /></el-icon> </template> <template #default> <div class="ant-popover-inner-content"> <div class="um-page-tips-content" style="line-height: 24px"> <p><span class="highlight">事件消息数：</span><span>事件被触发的次数</span></p> <p><span class="highlight">消息数/启动次数：</span><span>平均每次启动被触发的次数</span></p> <p><span class="highlight">独立用户数：</span><span>每日触发事件的独立用户数（以设备为判断标准）</span></p> <p><span class="highlight">持续时长：</span><span>事件持续的时间长度</span></p> </div> </div> </template> </el-popover> </template>