You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
2.9 KiB
145 lines
2.9 KiB
<template>
|
|
<vk-data-dialog
|
|
v-model="value.show"
|
|
:title="page.title"
|
|
:top="page.top"
|
|
:width="page.width"
|
|
mode="form"
|
|
>
|
|
<view class="page-body">
|
|
<!-- 自定义按钮区域开始 -->
|
|
<view class="btns-box">
|
|
<el-row>
|
|
<el-button size="small" icon="el-icon-delete" @click="clearErrorLog">清空日志</el-button>
|
|
</el-row>
|
|
</view>
|
|
<!-- 自定义按钮区域结束 -->
|
|
|
|
<!-- 表格组件开始 -->
|
|
<vk-data-table
|
|
ref="table1"
|
|
:data="vk.getVuex('$error.logs')"
|
|
:columns="table1.columns"
|
|
:row-no="true"
|
|
:height="600"
|
|
:custom-right-btns="[
|
|
{
|
|
title: '百度',
|
|
icon: 'el-icon-document'
|
|
},
|
|
{
|
|
title: '谷歌',
|
|
icon: 'el-icon-document'
|
|
}
|
|
]"
|
|
@custom-right-btns="customRightBtns"
|
|
></vk-data-table>
|
|
<!-- 表格组件结束 -->
|
|
</view>
|
|
</vk-data-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
var that; // 当前页面对象
|
|
var vk; // vk实例
|
|
export default {
|
|
props: {
|
|
value: {
|
|
Type: Object,
|
|
default: function() {
|
|
return {
|
|
show: false,
|
|
mode: "",
|
|
item: ""
|
|
};
|
|
}
|
|
}
|
|
},
|
|
data: function() {
|
|
// 组件创建时,进行数据初始化
|
|
return {
|
|
page: {
|
|
title: "错误日志",
|
|
top: "7vh",
|
|
width: "1250px"
|
|
},
|
|
table1: {
|
|
show: false,
|
|
columns: [
|
|
{ key: "info", title: "类型", type: "text", width: 160 },
|
|
{ key: "route", title: "页面地址", type: "text", width: 240 },
|
|
{ key: "err", title: "错误信息", type: "text", minWidth: 260 },
|
|
{ key: "time", title: "距离现在", type: "dateDiff", width: 120 },
|
|
{ key: "timeStr", title: "发生时间", type: "text", width: 120 }
|
|
]
|
|
}
|
|
};
|
|
},
|
|
mounted() {
|
|
that = this;
|
|
vk = that.vk;
|
|
that.init();
|
|
},
|
|
methods: {
|
|
// 初始化
|
|
init() {
|
|
let { value } = that;
|
|
that._input(value);
|
|
},
|
|
_input(value) {
|
|
that.$emit("input", value);
|
|
},
|
|
// 清除错误日志
|
|
clearErrorLog() {
|
|
let that = this;
|
|
let { vk } = that;
|
|
vk.vuex.dispatch("$error/clear");
|
|
that.close();
|
|
},
|
|
// 错误日志表格的右侧自定义按钮点击事件
|
|
customRightBtns(row, btn) {
|
|
if (btn.title === "百度") {
|
|
window.open(`https://www.baidu.com/baidu?wd=${row.err}`);
|
|
} else if (btn.title === "谷歌") {
|
|
window.open(`https://www.google.com/search?q=${row.err}`);
|
|
}
|
|
},
|
|
// 监听 - 页面打开
|
|
onOpen() {
|
|
that = this;
|
|
},
|
|
// 监听 - 页面关闭
|
|
onClose() {},
|
|
// 打开页面
|
|
open() {
|
|
let { value } = that;
|
|
value.show = true;
|
|
that._input(value);
|
|
},
|
|
// 关闭页面
|
|
close() {
|
|
let { value } = that;
|
|
value.show = false;
|
|
that._input(value);
|
|
}
|
|
},
|
|
watch: {
|
|
"value.show": {
|
|
handler(newValue, oldValue) {
|
|
let that = this;
|
|
if (newValue) {
|
|
that.onOpen();
|
|
} else {
|
|
that.onClose();
|
|
}
|
|
}
|
|
}
|
|
},
|
|
// 过滤器
|
|
filters: {},
|
|
// 计算属性
|
|
computed: {}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|