|
@@ -6,50 +6,62 @@
|
6
|
6
|
<el-button class="lMar10" type="primary" plain @click="exportEvent">导出数据</el-button>
|
7
|
7
|
</div>
|
8
|
8
|
</div>
|
9
|
|
- <div>
|
10
|
|
- <el-table ref="tableAccountRef" :data="tableInfo.tableList" :header-cell-style="tableHeaderStyle"
|
11
|
|
- style="width: 100%;" :key="tableInfo.updateKey" border empty-text="暂无数据"
|
12
|
|
- max-height="calc(100vh - 280px)">
|
13
|
|
- <template v-if="tableInfo.total>0" v-for="item in tableInfo.descol">
|
14
|
|
- <el-table-column :fixed="item.disabled == 1" :prop="item.key_value"
|
15
|
|
- :min-width="item.key_value != 'advertiser_status' && item.key_value != 'advertiser_nick' && item.label.length <= 4 ? '120px' : item.label.length <= 8 ? '150px' : '200px'">
|
16
|
|
- <template #header>
|
17
|
|
- <div class="flex" :class="[tableInfo.sortKey == item.key_value ? 'active_css' : '']">
|
18
|
|
- <span :style="{ color: tableInfo.sortKey == item.key_value ? '#3173FF' : '' }">{{ item.label }}</span>
|
19
|
|
- <el-tooltip v-if="item.tooltip && item.tooltip != item.label" placement="top" effect="dark"
|
20
|
|
- :content="item.tooltip"><i-ep-QuestionFilled class="lMar5 c-999 f14 pointer" /></el-tooltip>
|
21
|
|
- <div v-if="item.if_sort == 1" class="sortBox lMar5 pointer">
|
22
|
|
- <div class="sortItem" @click="sortEvent(item.key_value, 'asc')">
|
23
|
|
- <el-icon
|
24
|
|
- :color="(tableInfo.sortType == 'asc' && tableInfo.sortKey == item.key_value) ? '#3173FF' : ''"><i-ep-CaretTop /></el-icon>
|
25
|
|
- </div>
|
26
|
|
- <div class="sortItem" @click="sortEvent(item.key_value, 'desc')">
|
27
|
|
- <el-icon
|
28
|
|
- :color="(tableInfo.sortType == 'desc' && tableInfo.sortKey == item.key_value) ? '#3173FF' : ''"><i-ep-CaretBottom /></el-icon>
|
|
9
|
+ <el-collapse-transition>
|
|
10
|
+ <div v-show="true">
|
|
11
|
+ <el-table ref="tableAccountRef" :data="tableInfo.tableList" :header-cell-style="tableHeaderStyle"
|
|
12
|
+ style="width: 100%;" :key="tableInfo.updateKey" border empty-text="暂无数据" max-height="calc(100vh - 280px)">
|
|
13
|
+ <template v-for="item in tableInfo.descol">
|
|
14
|
+ <el-table-column :fixed="item.disabled == 1" :prop="item.key_value"
|
|
15
|
+ :min-width="item.key_value != 'advertiser_status' && item.key_value != 'advertiser_nick' && item.label.length <= 4 ? '120px' : item.label.length <= 8 ? '150px' : '200px'">
|
|
16
|
+ <template #header>
|
|
17
|
+ <div class="flex" :class="[tableInfo.sortKey == item.key_value ? 'active_css' : '']">
|
|
18
|
+ <span :style="{ color: tableInfo.sortKey == item.key_value ? '#3173FF' : '' }">{{ item.label }}</span>
|
|
19
|
+ <el-tooltip v-if="item.tooltip && item.tooltip != item.label" placement="top" effect="dark"
|
|
20
|
+ :content="item.tooltip"><i-ep-QuestionFilled class="lMar5 c-999 f14 pointer" /></el-tooltip>
|
|
21
|
+ <div v-if="item.if_sort == 1" class="sortBox lMar5 pointer">
|
|
22
|
+ <div class="sortItem" @click="sortEvent(item.key_value, 'asc')">
|
|
23
|
+ <el-icon
|
|
24
|
+ :color="(tableInfo.sortType == 'asc' && tableInfo.sortKey == item.key_value) ? '#3173FF' : ''"><i-ep-CaretTop /></el-icon>
|
|
25
|
+ </div>
|
|
26
|
+ <div class="sortItem" @click="sortEvent(item.key_value, 'desc')">
|
|
27
|
+ <el-icon
|
|
28
|
+ :color="(tableInfo.sortType == 'desc' && tableInfo.sortKey == item.key_value) ? '#3173FF' : ''"><i-ep-CaretBottom /></el-icon>
|
|
29
|
+ </div>
|
29
|
30
|
</div>
|
30
|
31
|
</div>
|
31
|
|
- </div>
|
32
|
|
- </template>
|
33
|
|
- <template #default="scope">
|
34
|
|
- <!-- 其他 -->
|
35
|
|
- <div class="cellDiv" :class="tableInfo.sortKey == item.key_value ? 'active_css' : ''">
|
36
|
|
- <el-tooltip :disabled="!(scope.row[item.key_value] && scope.row[item.key_value].length > 30)"
|
37
|
|
- effect="dark" :content="scope.row[item.key_value] + ''">
|
38
|
|
- <div class="clampTwo line21" style="flex: 1">
|
39
|
|
- {{ scope.row[item.key_value] || scope.row[item.key_value] == 0 ? (item.label.indexOf('ID') != -1 || item.label.indexOf('id') != -1 ? scope.row[item.key_value] : hasDot(scope.row[item.key_value], 2, true)) : '-' }}<span
|
40
|
|
- v-if="item.label.indexOf('率') != -1 && (scope.row[item.key_value] || scope.row[item.key_value] == 0)">%</span>
|
41
|
|
- </div>
|
42
|
|
- </el-tooltip>
|
43
|
|
- </div>
|
44
|
|
- </template>
|
45
|
|
- </el-table-column>
|
46
|
|
- </template>
|
47
|
|
- </el-table>
|
48
|
|
- <div class="paginationBox flex" style="justify-content: center" v-if="Number(tableInfo.total) > 0">
|
49
|
|
- <el-pagination v-model:currentPage="tableInfo.currentPage" v-model:page-size="tableInfo.pageSize" background
|
50
|
|
- :total="tableInfo.total" @current-change="handleCurrentChange" />
|
|
32
|
+ </template>
|
|
33
|
+ <template #default="scope">
|
|
34
|
+ <div v-if="item.key_value == 'mf_view'">
|
|
35
|
+ <img :src="scope.row.pre_oss_url" style="width: 100px;height:60px;object-fit:contain;" />
|
|
36
|
+ </div>
|
|
37
|
+
|
|
38
|
+ <div v-else-if="item.key_value == 'mf_info'">
|
|
39
|
+ <p class="hiddenEllipsis" :title="scope.row.mf_name">{{ scope.row.mf_name }}</p>
|
|
40
|
+ <p>ID: {{ scope.row.mf_id }}</p>
|
|
41
|
+ </div>
|
|
42
|
+
|
|
43
|
+ <!-- 其他 -->
|
|
44
|
+ <div v-else class="cellDiv" :class="tableInfo.sortKey == item.key_value ? 'active_css' : ''">
|
|
45
|
+ <el-tooltip :disabled="!(scope.row[item.key_value] && scope.row[item.key_value].length > 30)"
|
|
46
|
+ effect="dark" :content="scope.row[item.key_value] + ''">
|
|
47
|
+ <div class="clampTwo line21" style="flex: 1">
|
|
48
|
+ {{ scope.row[item.key_value] || scope.row[item.key_value] == 0 ? (item.label.indexOf('ID') != -1 ||
|
|
49
|
+ item.label.indexOf('id') != -1 ? scope.row[item.key_value] : hasDot(scope.row[item.key_value], 2,
|
|
50
|
+ true)) : '-' }}<span
|
|
51
|
+ v-if="item.label.indexOf('率') != -1 && (scope.row[item.key_value] || scope.row[item.key_value] == 0)">%</span>
|
|
52
|
+ </div>
|
|
53
|
+ </el-tooltip>
|
|
54
|
+ </div>
|
|
55
|
+ </template>
|
|
56
|
+ </el-table-column>
|
|
57
|
+ </template>
|
|
58
|
+ </el-table>
|
|
59
|
+ <div class="paginationBox flex" style="justify-content: center" v-if="Number(tableInfo.total) > 0">
|
|
60
|
+ <el-pagination v-model:currentPage="tableInfo.currentPage" v-model:page-size="tableInfo.pageSize" background
|
|
61
|
+ :total="tableInfo.total" @current-change="handleCurrentChange" />
|
|
62
|
+ </div>
|
51
|
63
|
</div>
|
52
|
|
- </div>
|
|
64
|
+ </el-collapse-transition>
|
53
|
65
|
</div>
|
54
|
66
|
</template>
|
55
|
67
|
<script setup lang="ts">
|
|
@@ -256,4 +268,5 @@ defineExpose({
|
256
|
268
|
color: #333;
|
257
|
269
|
font-weight: bold;
|
258
|
270
|
}
|
259
|
|
-}</style>
|
|
271
|
+}
|
|
272
|
+</style>
|