1107

2023-11-07 17:15:33 +08:00
commit fe37e2e1df
418 changed files with 53012 additions and 0 deletions
@@ -0,0 +1,145 @@
+<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>