wkjp-list-page 1.0.42 → 1.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -4
- package/package.json +1 -1
- package/src/components/CommonListPage.vue +6 -3
package/README.md
CHANGED
|
@@ -258,20 +258,21 @@ deviceListTransformList(list) {
|
|
|
258
258
|
| `selection-change` | 表格多选变化。 |
|
|
259
259
|
| `fetched` | 每次 `api` 成功，参数 `{ list, total, page, pageSize, raw }`。 |
|
|
260
260
|
| `columns-change` | **仅开启列配置**：弹窗确定后，当前列配置数组。 |
|
|
261
|
-
| `track` | **埋点事件**：用户点击「展开查询 / 收起查询 /
|
|
261
|
+
| `track` | **埋点事件**：用户点击「展开查询 / 收起查询 / 配置字段 / 重置」时触发，参数 `{ action, pageKey, timestamp }`；组件已内置百度统计上报，此事件用于额外接入，详见 §2.15。 |
|
|
262
262
|
|
|
263
263
|
---
|
|
264
264
|
|
|
265
|
-
## 2.15 监测「展开查询 / 收起查询 /
|
|
265
|
+
## 2.15 监测「展开查询 / 收起查询 / 配置字段 / 重置」的点击次数（埋点）
|
|
266
266
|
|
|
267
267
|
**情况：** 想统计用户对搜索折叠、表头设置这几个操作的使用频率。
|
|
268
|
-
**说明：** 组件
|
|
268
|
+
**说明：** 组件 **内置了百度统计上报**，并在以下四个动作发生时同时 **`$emit('track', payload)`**，无需消费方手写上报逻辑。
|
|
269
269
|
|
|
270
270
|
| 动作 | `action` 值 | 百度统计「事件操作」 | 触发时机 |
|
|
271
271
|
|------|------------|----------------------|----------|
|
|
272
272
|
| 展开查询 | `expand-search` | 展开查询 | 点击「展开查询」 |
|
|
273
273
|
| 收起查询 | `fold-search` | 收起查询 | 点击「收起查询」 |
|
|
274
274
|
| 配置字段 | `column-config` | 配置字段 | 打开表头设置面板（关闭不计） |
|
|
275
|
+
| 重置 | `clear-query` | 重置 | 点击「重置 / 清除查询」按钮 |
|
|
275
276
|
|
|
276
277
|
**前置条件（零配置）：** 页面已引入百度统计代码（`hm.js`，全站一次，通常放 `index.html` 的 `<head>`），组件会自动 `window._hmt.push(['_trackEvent', '列表页', 动作名, trackPageKey])` 上报。未引入 `hm.js` 时静默跳过，不报错。可选传 **`track-page-key`** 作为事件标签区分列表页。
|
|
277
278
|
|
|
@@ -279,7 +280,7 @@ deviceListTransformList(list) {
|
|
|
279
280
|
<common-list-page track-page-key="设备列表" ... />
|
|
280
281
|
```
|
|
281
282
|
|
|
282
|
-
**看数据：** 百度统计后台 → **行为分析 →
|
|
283
|
+
**看数据：** 百度统计后台 → **行为分析 → 事件分析**，事件类别选「列表页」，按「事件操作」即可看到四个动作各自的触发次数（事件数据通常 **次日** 才出现）。
|
|
283
284
|
|
|
284
285
|
**额外接其它埋点（可选）：** 仍可监听 `@track`，与内置上报并存：
|
|
285
286
|
|
package/package.json
CHANGED
|
@@ -94,12 +94,12 @@
|
|
|
94
94
|
/>
|
|
95
95
|
</el-form-item>
|
|
96
96
|
<el-form-item v-if="searchCollapseActive && !internalSearchExpanded" class="common-list-page__search-toggle">
|
|
97
|
-
<el-button type="text" class="common-list-page__search-toggle-btn" @click="toggleSearchExpanded(true); emitTrack('expand-search')">
|
|
97
|
+
<el-button id='zhangkai' type="text" class="common-list-page__search-toggle-btn" @click="toggleSearchExpanded(true); emitTrack('expand-search')">
|
|
98
98
|
{{ expandSearchText }}
|
|
99
99
|
</el-button>
|
|
100
100
|
</el-form-item>
|
|
101
101
|
<el-form-item v-if="searchCollapseActive && internalSearchExpanded" class="common-list-page__search-toggle">
|
|
102
|
-
<el-button type="text" class="common-list-page__search-toggle-btn" @click="toggleSearchExpanded(false); emitTrack('fold-search')">
|
|
102
|
+
<el-button id='shouqi' type="text" class="common-list-page__search-toggle-btn" @click="toggleSearchExpanded(false); emitTrack('fold-search')">
|
|
103
103
|
{{ foldSearchText }}
|
|
104
104
|
</el-button>
|
|
105
105
|
</el-form-item>
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
<el-button type="primary" @click="handleQueryClick">{{ queryButtonText }}</el-button>
|
|
108
108
|
</el-form-item>
|
|
109
109
|
<el-form-item v-if="showQueryButton && showClearQueryButton" class="common-list-page__clear-query-item">
|
|
110
|
-
<el-button plain @click="handleClearQueryClick">{{ clearQueryButtonText }}</el-button>
|
|
110
|
+
<el-button id="chongzhi" plain @click="handleClearQueryClick">{{ clearQueryButtonText }}</el-button>
|
|
111
111
|
</el-form-item>
|
|
112
112
|
<slot name="search-left"></slot>
|
|
113
113
|
<div v-if="hasSearchRightCluster" class="common-list-page__search-right">
|
|
@@ -188,6 +188,7 @@
|
|
|
188
188
|
<span
|
|
189
189
|
v-popover:columnConfigPopover
|
|
190
190
|
class="column-config-trigger"
|
|
191
|
+
id="'biaotou'"
|
|
191
192
|
:class="{ 'is-active': columnConfigVisible }"
|
|
192
193
|
@click.stop="toggleColumnConfig"
|
|
193
194
|
>
|
|
@@ -742,6 +743,7 @@ export default {
|
|
|
742
743
|
"expand-search": "展开查询",
|
|
743
744
|
"fold-search": "收起查询",
|
|
744
745
|
"column-config": "配置字段",
|
|
746
|
+
"clear-query": "重置",
|
|
745
747
|
};
|
|
746
748
|
var label = actionLabelMap[action] || action;
|
|
747
749
|
if (typeof window !== "undefined" && window._hmt) {
|
|
@@ -1082,6 +1084,7 @@ export default {
|
|
|
1082
1084
|
});
|
|
1083
1085
|
},
|
|
1084
1086
|
handleClearQueryClick() {
|
|
1087
|
+
this.emitTrack("clear-query");
|
|
1085
1088
|
this.applyInitialFiltersSnapshot();
|
|
1086
1089
|
this.$emit("clear-query");
|
|
1087
1090
|
if (this.fetchOnClearQuery) {
|