|
@@ -187,277 +187,277 @@
|
|
|
</el-table>
|
|
|
|
|
|
</div>
|
|
|
- <div class="student-section">
|
|
|
- <h3>直播间学员</h3>
|
|
|
- <el-form :inline="true" v-show="showAdvancedSearch" label-width="100px">
|
|
|
- <!-- 直播列表弹框 -->
|
|
|
- <el-dialog title="选择直播" :visible.sync="dialogVisible" width="70%">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="直播名称:">
|
|
|
- <el-input v-model="liveFiltersParam.liveName" placeholder="请输入直播名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="直播状态:">
|
|
|
- <el-select v-model="liveFiltersParam.status" placeholder="请选择直播状态" clearable>
|
|
|
- <el-option label="全部" value=""></el-option>
|
|
|
- <el-option label="已结束" value="3"></el-option>
|
|
|
- <el-option label="进行中" value="2"></el-option>
|
|
|
- <el-option label="未开始" value="1"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="直播时间:">
|
|
|
- <el-date-picker
|
|
|
- v-model="liveDateRange"
|
|
|
- type="daterange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- clearable
|
|
|
- style="width: 250px"
|
|
|
- @change="handleLiveDateChange"
|
|
|
- ></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- 查询 & 重置 按钮 -->
|
|
|
- <el-col :span="4" class="button-group">
|
|
|
- <el-button type="primary" @click="getLive">查询</el-button>
|
|
|
- <el-button @click="resetLiveFilters">重置</el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 直播列表 -->
|
|
|
- <el-table :data="liveList" border @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="50" align="center" />
|
|
|
- <!-- 直播信息列 -->
|
|
|
- <el-table-column label="直播名称" min-width="250">
|
|
|
- <template slot-scope="{ row }">
|
|
|
- <div class="live-info">
|
|
|
- <!-- 直播封面图 -->
|
|
|
- <img :src="row.liveImgUrl" class="live-cover" />
|
|
|
- <!-- 直播名称 + 时间 -->
|
|
|
- <div class="live-text">
|
|
|
- <div type="text"class="live-name">{{ row.liveName }}</div>
|
|
|
- <div class="live-time">{{ row.startTime }}-{{row.finishTime}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <!-- 直播状态 -->
|
|
|
- <el-table-column label="直播状态" min-width="120">
|
|
|
- <template slot-scope="{ row }">
|
|
|
- <div class="status-container">
|
|
|
- <span :class="['status-dot', getStatusClass(row.status)]"></span>
|
|
|
- <span>{{ getStatusText(row.status) }}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <!-- 讲师 -->
|
|
|
- <el-table-column label="讲师" prop="teacher" min-width="120"></el-table-column>
|
|
|
- </el-table>
|
|
|
- <pagination
|
|
|
- v-show="liveTotal>0"
|
|
|
- :total="liveTotal"
|
|
|
- :page.sync="liveFiltersParam.pageNum"
|
|
|
- :limit.sync="liveFiltersParam.pageSize"
|
|
|
- @pagination="getLive"
|
|
|
- />
|
|
|
- <!-- 确认按钮 -->
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible = false">取消</el-button>
|
|
|
- <el-button type="primary" @click="confirmSelection">确认</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <!-- 基础筛选项:始终显示 -->
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="直播名称:" class="el-form-item-ellipsis">
|
|
|
- <el-input
|
|
|
- v-model="filters.liveName"
|
|
|
- placeholder="请选择直播"
|
|
|
- @focus="openDialog"
|
|
|
- type="text"
|
|
|
- readonly
|
|
|
- >
|
|
|
- <template slot="prepend">
|
|
|
- <div v-if="filters.liveNames.length > 0" class="selected-lives">
|
|
|
- <el-tag
|
|
|
- v-for="(name, index) in filters.liveNames"
|
|
|
- :key="index"
|
|
|
- closable
|
|
|
- @close="removeLive(index)"
|
|
|
- class="live-name-tag"
|
|
|
- >
|
|
|
- {{ name }}
|
|
|
- </el-tag>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="用户名:" class="el-form-item-ellipsis">
|
|
|
- <el-input v-model="filters.userName" placeholder="请输入用户名"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="手机号:" class="el-form-item-ellipsis">
|
|
|
- <el-input v-model="filters.userPhone" placeholder="请输入手机号"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <!-- 高级筛选项 -->
|
|
|
- <el-row :gutter="24" v-show="showAllFilters">
|
|
|
- <el-col :span="8" :sm="12" :md="8" >
|
|
|
- <el-form-item label="用户创建时间:">
|
|
|
- <el-date-picker
|
|
|
- v-model="dateRange"
|
|
|
- type="daterange"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- @change="handleDateChange"
|
|
|
- class="full-width-picker"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="分享次数:" class="el-form-item-ellipsis">
|
|
|
- <el-input v-model="filters.shareCount" placeholder="请输入分享次数"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="所属部门:" prop="deptId">
|
|
|
- <treeselect style="width:220px" v-model="filters.deptId" :options="deptOptions" :show-count="true" placeholder="请选择所属部门" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20" v-show="showAllFilters">
|
|
|
- <el-col :span="8" :sm="12" :md="8"> <!-- 每列 span 总和控制在 24 内 -->
|
|
|
- <el-form-item label="跟进人:" class="el-form-item-ellipsis">
|
|
|
- <el-input v-model="filters.companyUserName" placeholder="请输入跟进人"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="购买商品数:" class="el-form-item-ellipsis">
|
|
|
- <el-input v-model="filters.goodsCount" placeholder="请输入购买商品数"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-form-item label="提问数:" class="flex-container">
|
|
|
- <el-row>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-input-number v-model="filters.minQuestionCount" placeholder="最小提问数" :min="0" style="width: 100%"></el-input-number>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2" class="text-center">至</el-col>
|
|
|
- <el-col :span="8" :sm="12" :md="8">
|
|
|
- <el-input-number v-model="filters.maxQuestionCount" placeholder="最大提问数" :min="0" style="width: 100%"></el-input-number>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 按钮组:始终显示 -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="button-group">
|
|
|
- <el-button type="primary" @click="getStudentData" class="custom-button">查询</el-button>
|
|
|
- <el-button @click="resetFilters" class="custom-button">重置</el-button>
|
|
|
- <el-button type="text" @click="toggleAllFilters" class="custom-button toggle-button">
|
|
|
- {{ showAllFilters ? '收起' : '展开' }}
|
|
|
- <i :class="showAllFilters ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <!--<div class="column-button-container">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="showColumnSettings = true"
|
|
|
- class="custom-column-button"
|
|
|
- >
|
|
|
- 自定义列
|
|
|
- </el-button>
|
|
|
- </div>-->
|
|
|
- <!-- 自定义列弹窗 -->
|
|
|
- <el-drawer
|
|
|
- title="自定义列设置"
|
|
|
- :visible.sync="showColumnSettings"
|
|
|
- :before-close="handleClose"
|
|
|
- size="25%"
|
|
|
- >
|
|
|
- <!-- 抽屉内容区域 -->
|
|
|
- <!--<div style="display: flex; flex-direction: column; height: 100%;">
|
|
|
- <!– 可拖拽的列设置区域 –>
|
|
|
- <draggable
|
|
|
- v-model="columnOrder"
|
|
|
- group="columns"
|
|
|
- style="flex: 1; overflow-y: auto;"
|
|
|
- >
|
|
|
- <div v-for="col in columnOrder" :key="col.dataIndex" class="column-item">
|
|
|
- <el-checkbox v-model="col.status" true-label="ENABLE" false-label="DISABLE">
|
|
|
- {{ col.title }}
|
|
|
- </el-checkbox>
|
|
|
- <i class="el-icon-rank drag-handle"></i>
|
|
|
- </div>
|
|
|
- </draggable>
|
|
|
-
|
|
|
- <!– 底部按钮区域 –>
|
|
|
- <div style="padding: 12px; text-align: right; border-top: 2px solid;">
|
|
|
- <el-button @click="showColumnSettings = false" style="color: black;">取消</el-button>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="saveColumnsConfig"
|
|
|
- style="color: black; background-color: #409EFF; border-color: #409EFF;"
|
|
|
- >
|
|
|
- 确定
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
- </el-drawer>
|
|
|
-
|
|
|
-
|
|
|
- <div style="overflow-x: auto; white-space: nowrap;">
|
|
|
- <el-table :data="liveStudentList" border style="min-width: 1200px;">
|
|
|
- <!-- 固定列,内容不换行 -->
|
|
|
- <el-table-column prop="userName" label="客户名" fixed :style="{whiteSpace: 'nowrap',textOverflow: 'ellipsis',overflow: 'hidden',textAlign: 'center'}"></el-table-column>
|
|
|
- <el-table-column prop="liveName" label="直播间" fixed :show-overflow-tooltip="true" width=151px :min-width="'直播间'.length * 12 + 30":style="{whiteSpace: 'nowrap',textOverflow: 'ellipsis',overflow: 'hidden',textAlign: 'center'}"></el-table-column>
|
|
|
- <el-table-column prop="companyUserName" label="跟进人" fixed class="no-wrap-column"></el-table-column>
|
|
|
- <el-table-column prop="deptName" label="归属部门" width="150" show-overflow-tooltip/>
|
|
|
- <el-table-column prop="userCreateTime" label="客户创建时间" width="150" show-overflow-tooltip/>
|
|
|
- <el-table-column prop="userPhone" label="联系方式" width="150" show-overflow-tooltip/>
|
|
|
- <el-table-column prop="goodsCount" label="去下单实物商品" width="150" show-overflow-tooltip/>
|
|
|
- <el-table-column prop="shareCount" label="分享直播间次数" width="150" show-overflow-tooltip/>
|
|
|
- <el-table-column prop="questionCount" label="答题次数" width="150" show-overflow-tooltip/>
|
|
|
-
|
|
|
- <!-- 动态列 -->
|
|
|
- <!--<el-table-column
|
|
|
- v-for="col in filteredColumns"
|
|
|
- :key="col.dataIndex"
|
|
|
- :prop="col.dataIndex"
|
|
|
- :label="col.title"
|
|
|
- :width="col.width"
|
|
|
- :min-width="col.title.length * 12 + 30"
|
|
|
- :show-overflow-tooltip="true">
|
|
|
- </el-table-column>-->
|
|
|
-
|
|
|
- </el-table>
|
|
|
- <pagination
|
|
|
- v-show="liveStudentTotal>0"
|
|
|
- :total="liveStudentTotal"
|
|
|
- :page.sync="filters.pageNum"
|
|
|
- :limit.sync="filters.pageSize"
|
|
|
- @pagination="getStudentData"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- <div class="student-section">-->
|
|
|
+<!-- <h3>直播间学员</h3>-->
|
|
|
+<!-- <el-form :inline="true" v-show="showAdvancedSearch" label-width="100px">-->
|
|
|
+<!-- <!– 直播列表弹框 –>-->
|
|
|
+<!-- <el-dialog title="选择直播" :visible.sync="dialogVisible" width="70%">-->
|
|
|
+<!-- <el-row :gutter="20">-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="直播名称:">-->
|
|
|
+<!-- <el-input v-model="liveFiltersParam.liveName" placeholder="请输入直播名称"></el-input>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="直播状态:">-->
|
|
|
+<!-- <el-select v-model="liveFiltersParam.status" placeholder="请选择直播状态" clearable>-->
|
|
|
+<!-- <el-option label="全部" value=""></el-option>-->
|
|
|
+<!-- <el-option label="已结束" value="3"></el-option>-->
|
|
|
+<!-- <el-option label="进行中" value="2"></el-option>-->
|
|
|
+<!-- <el-option label="未开始" value="1"></el-option>-->
|
|
|
+<!-- </el-select>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="直播时间:">-->
|
|
|
+<!-- <el-date-picker-->
|
|
|
+<!-- v-model="liveDateRange"-->
|
|
|
+<!-- type="daterange"-->
|
|
|
+<!-- value-format="yyyy-MM-dd"-->
|
|
|
+<!-- range-separator="至"-->
|
|
|
+<!-- start-placeholder="开始日期"-->
|
|
|
+<!-- end-placeholder="结束日期"-->
|
|
|
+<!-- clearable-->
|
|
|
+<!-- style="width: 250px"-->
|
|
|
+<!-- @change="handleLiveDateChange"-->
|
|
|
+<!-- ></el-date-picker>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <!– 查询 & 重置 按钮 –>-->
|
|
|
+<!-- <el-col :span="4" class="button-group">-->
|
|
|
+<!-- <el-button type="primary" @click="getLive">查询</el-button>-->
|
|
|
+<!-- <el-button @click="resetLiveFilters">重置</el-button>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+
|
|
|
+<!-- <!– 直播列表 –>-->
|
|
|
+<!-- <el-table :data="liveList" border @selection-change="handleSelectionChange">-->
|
|
|
+<!-- <el-table-column type="selection" width="50" align="center" />-->
|
|
|
+<!-- <!– 直播信息列 –>-->
|
|
|
+<!-- <el-table-column label="直播名称" min-width="250">-->
|
|
|
+<!-- <template slot-scope="{ row }">-->
|
|
|
+<!-- <div class="live-info">-->
|
|
|
+<!-- <!– 直播封面图 –>-->
|
|
|
+<!-- <img :src="row.liveImgUrl" class="live-cover" />-->
|
|
|
+<!-- <!– 直播名称 + 时间 –>-->
|
|
|
+<!-- <div class="live-text">-->
|
|
|
+<!-- <div type="text"class="live-name">{{ row.liveName }}</div>-->
|
|
|
+<!-- <div class="live-time">{{ row.startTime }}-{{row.finishTime}}</div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+
|
|
|
+<!-- <!– 直播状态 –>-->
|
|
|
+<!-- <el-table-column label="直播状态" min-width="120">-->
|
|
|
+<!-- <template slot-scope="{ row }">-->
|
|
|
+<!-- <div class="status-container">-->
|
|
|
+<!-- <span :class="['status-dot', getStatusClass(row.status)]"></span>-->
|
|
|
+<!-- <span>{{ getStatusText(row.status) }}</span>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-table-column>-->
|
|
|
+
|
|
|
+<!-- <!– 讲师 –>-->
|
|
|
+<!-- <el-table-column label="讲师" prop="teacher" min-width="120"></el-table-column>-->
|
|
|
+<!-- </el-table>-->
|
|
|
+<!-- <pagination-->
|
|
|
+<!-- v-show="liveTotal>0"-->
|
|
|
+<!-- :total="liveTotal"-->
|
|
|
+<!-- :page.sync="liveFiltersParam.pageNum"-->
|
|
|
+<!-- :limit.sync="liveFiltersParam.pageSize"-->
|
|
|
+<!-- @pagination="getLive"-->
|
|
|
+<!-- />-->
|
|
|
+<!-- <!– 确认按钮 –>-->
|
|
|
+<!-- <span slot="footer" class="dialog-footer">-->
|
|
|
+<!-- <el-button @click="dialogVisible = false">取消</el-button>-->
|
|
|
+<!-- <el-button type="primary" @click="confirmSelection">确认</el-button>-->
|
|
|
+<!-- </span>-->
|
|
|
+<!-- </el-dialog>-->
|
|
|
+<!-- <!– 基础筛选项:始终显示 –>-->
|
|
|
+<!-- <el-row :gutter="20">-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="直播名称:" class="el-form-item-ellipsis">-->
|
|
|
+<!-- <el-input-->
|
|
|
+<!-- v-model="filters.liveName"-->
|
|
|
+<!-- placeholder="请选择直播"-->
|
|
|
+<!-- @focus="openDialog"-->
|
|
|
+<!-- type="text"-->
|
|
|
+<!-- readonly-->
|
|
|
+<!-- >-->
|
|
|
+<!-- <template slot="prepend">-->
|
|
|
+<!-- <div v-if="filters.liveNames.length > 0" class="selected-lives">-->
|
|
|
+<!-- <el-tag-->
|
|
|
+<!-- v-for="(name, index) in filters.liveNames"-->
|
|
|
+<!-- :key="index"-->
|
|
|
+<!-- closable-->
|
|
|
+<!-- @close="removeLive(index)"-->
|
|
|
+<!-- class="live-name-tag"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- {{ name }}-->
|
|
|
+<!-- </el-tag>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-input>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="用户名:" class="el-form-item-ellipsis">-->
|
|
|
+<!-- <el-input v-model="filters.userName" placeholder="请输入用户名"></el-input>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="手机号:" class="el-form-item-ellipsis">-->
|
|
|
+<!-- <el-input v-model="filters.userPhone" placeholder="请输入手机号"></el-input>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- <!– 高级筛选项 –>-->
|
|
|
+<!-- <el-row :gutter="24" v-show="showAllFilters">-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8" >-->
|
|
|
+<!-- <el-form-item label="用户创建时间:">-->
|
|
|
+<!-- <el-date-picker-->
|
|
|
+<!-- v-model="dateRange"-->
|
|
|
+<!-- type="daterange"-->
|
|
|
+<!-- range-separator="至"-->
|
|
|
+<!-- start-placeholder="开始日期"-->
|
|
|
+<!-- end-placeholder="结束日期"-->
|
|
|
+<!-- value-format="yyyy-MM-dd"-->
|
|
|
+<!-- @change="handleDateChange"-->
|
|
|
+<!-- class="full-width-picker"-->
|
|
|
+<!-- />-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="分享次数:" class="el-form-item-ellipsis">-->
|
|
|
+<!-- <el-input v-model="filters.shareCount" placeholder="请输入分享次数"></el-input>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="所属部门:" prop="deptId">-->
|
|
|
+<!-- <treeselect style="width:220px" v-model="filters.deptId" :options="deptOptions" :show-count="true" placeholder="请选择所属部门" />-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- <el-row :gutter="20" v-show="showAllFilters">-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8"> <!– 每列 span 总和控制在 24 内 –>-->
|
|
|
+<!-- <el-form-item label="跟进人:" class="el-form-item-ellipsis">-->
|
|
|
+<!-- <el-input v-model="filters.companyUserName" placeholder="请输入跟进人"></el-input>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="购买商品数:" class="el-form-item-ellipsis">-->
|
|
|
+<!-- <el-input v-model="filters.goodsCount" placeholder="请输入购买商品数"></el-input>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-form-item label="提问数:" class="flex-container">-->
|
|
|
+<!-- <el-row>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-input-number v-model="filters.minQuestionCount" placeholder="最小提问数" :min="0" style="width: 100%"></el-input-number>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- <el-col :span="2" class="text-center">至</el-col>-->
|
|
|
+<!-- <el-col :span="8" :sm="12" :md="8">-->
|
|
|
+<!-- <el-input-number v-model="filters.maxQuestionCount" placeholder="最大提问数" :min="0" style="width: 100%"></el-input-number>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+
|
|
|
+<!-- <!– 按钮组:始终显示 –>-->
|
|
|
+<!-- <el-row>-->
|
|
|
+<!-- <el-col :span="24" class="button-group">-->
|
|
|
+<!-- <el-button type="primary" @click="getStudentData" class="custom-button">查询</el-button>-->
|
|
|
+<!-- <el-button @click="resetFilters" class="custom-button">重置</el-button>-->
|
|
|
+<!-- <el-button type="text" @click="toggleAllFilters" class="custom-button toggle-button">-->
|
|
|
+<!-- {{ showAllFilters ? '收起' : '展开' }}-->
|
|
|
+<!-- <i :class="showAllFilters ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>-->
|
|
|
+<!-- </el-button>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </el-form>-->
|
|
|
+<!-- <!–<div class="column-button-container">-->
|
|
|
+<!-- <el-button-->
|
|
|
+<!-- type="primary"-->
|
|
|
+<!-- @click="showColumnSettings = true"-->
|
|
|
+<!-- class="custom-column-button"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- 自定义列-->
|
|
|
+<!-- </el-button>-->
|
|
|
+<!-- </div>–>-->
|
|
|
+<!-- <!– 自定义列弹窗 –>-->
|
|
|
+<!-- <el-drawer-->
|
|
|
+<!-- title="自定义列设置"-->
|
|
|
+<!-- :visible.sync="showColumnSettings"-->
|
|
|
+<!-- :before-close="handleClose"-->
|
|
|
+<!-- size="25%"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- <!– 抽屉内容区域 –>-->
|
|
|
+<!-- <!–<div style="display: flex; flex-direction: column; height: 100%;">-->
|
|
|
+<!-- <!– 可拖拽的列设置区域 –>-->
|
|
|
+<!-- <draggable-->
|
|
|
+<!-- v-model="columnOrder"-->
|
|
|
+<!-- group="columns"-->
|
|
|
+<!-- style="flex: 1; overflow-y: auto;"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- <div v-for="col in columnOrder" :key="col.dataIndex" class="column-item">-->
|
|
|
+<!-- <el-checkbox v-model="col.status" true-label="ENABLE" false-label="DISABLE">-->
|
|
|
+<!-- {{ col.title }}-->
|
|
|
+<!-- </el-checkbox>-->
|
|
|
+<!-- <i class="el-icon-rank drag-handle"></i>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </draggable>-->
|
|
|
+
|
|
|
+<!-- <!– 底部按钮区域 –>-->
|
|
|
+<!-- <div style="padding: 12px; text-align: right; border-top: 2px solid;">-->
|
|
|
+<!-- <el-button @click="showColumnSettings = false" style="color: black;">取消</el-button>-->
|
|
|
+<!-- <el-button-->
|
|
|
+<!-- type="primary"-->
|
|
|
+<!-- @click="saveColumnsConfig"-->
|
|
|
+<!-- style="color: black; background-color: #409EFF; border-color: #409EFF;"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- 确定-->
|
|
|
+<!-- </el-button>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>–>-->
|
|
|
+<!-- </el-drawer>-->
|
|
|
+
|
|
|
+
|
|
|
+<!-- <div style="overflow-x: auto; white-space: nowrap;">-->
|
|
|
+<!-- <el-table :data="liveStudentList" border style="min-width: 1200px;">-->
|
|
|
+<!-- <!– 固定列,内容不换行 –>-->
|
|
|
+<!-- <el-table-column prop="userName" label="客户名" fixed :style="{whiteSpace: 'nowrap',textOverflow: 'ellipsis',overflow: 'hidden',textAlign: 'center'}"></el-table-column>-->
|
|
|
+<!-- <el-table-column prop="liveName" label="直播间" fixed :show-overflow-tooltip="true" width=151px :min-width="'直播间'.length * 12 + 30":style="{whiteSpace: 'nowrap',textOverflow: 'ellipsis',overflow: 'hidden',textAlign: 'center'}"></el-table-column>-->
|
|
|
+<!-- <el-table-column prop="companyUserName" label="跟进人" fixed class="no-wrap-column"></el-table-column>-->
|
|
|
+<!-- <el-table-column prop="deptName" label="归属部门" width="150" show-overflow-tooltip/>-->
|
|
|
+<!-- <el-table-column prop="userCreateTime" label="客户创建时间" width="150" show-overflow-tooltip/>-->
|
|
|
+<!-- <el-table-column prop="userPhone" label="联系方式" width="150" show-overflow-tooltip/>-->
|
|
|
+<!-- <el-table-column prop="goodsCount" label="去下单实物商品" width="150" show-overflow-tooltip/>-->
|
|
|
+<!-- <el-table-column prop="shareCount" label="分享直播间次数" width="150" show-overflow-tooltip/>-->
|
|
|
+<!-- <el-table-column prop="questionCount" label="答题次数" width="150" show-overflow-tooltip/>-->
|
|
|
+
|
|
|
+<!-- <!– 动态列 –>-->
|
|
|
+<!-- <!–<el-table-column-->
|
|
|
+<!-- v-for="col in filteredColumns"-->
|
|
|
+<!-- :key="col.dataIndex"-->
|
|
|
+<!-- :prop="col.dataIndex"-->
|
|
|
+<!-- :label="col.title"-->
|
|
|
+<!-- :width="col.width"-->
|
|
|
+<!-- :min-width="col.title.length * 12 + 30"-->
|
|
|
+<!-- :show-overflow-tooltip="true">-->
|
|
|
+<!-- </el-table-column>–>-->
|
|
|
+
|
|
|
+<!-- </el-table>-->
|
|
|
+<!-- <pagination-->
|
|
|
+<!-- v-show="liveStudentTotal>0"-->
|
|
|
+<!-- :total="liveStudentTotal"-->
|
|
|
+<!-- :page.sync="filters.pageNum"-->
|
|
|
+<!-- :limit.sync="filters.pageSize"-->
|
|
|
+<!-- @pagination="getStudentData"-->
|
|
|
+<!-- />-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|