pref:优化命令记录 命令内容格式

@@ -48,82 +48,100 @@
 </template>
 
 <script>
-import { formatToDate } from '@/plugins/utils.js';
-export default {
-	data() {
-		return {
-			commandDetail: {}
-		};
-	},
-	computed: {
-		deviceType() {
-			return this.commandDetail.deviceType === 'DIRECT_CONNECTION'
-				? '直连设备'
-				: this.commandDetail.deviceType === 'GATEWAY'
-				? '网关设备'
-				: this.commandDetail.deviceType === 'SENSOR'
-				? '网关子设备'
-				: '';
-		}
-	},
-	methods: {
-		format(date) {
-			return formatToDate(date, 'YYYY-MM-DD HH:mm:ss');
+	import {
+		formatToDate
+	} from '@/plugins/utils.js';
+	export default {
+		data() {
+			return {
+				commandDetail: {}
+			};
+		},
+		computed: {
+			deviceType() {
+				return this.commandDetail.deviceType === 'DIRECT_CONNECTION' ?
+					'直连设备' :
+					this.commandDetail.deviceType === 'GATEWAY' ?
+					'网关设备' :
+					this.commandDetail.deviceType === 'SENSOR' ?
+					'网关子设备' :
+					'';
+			}
+		},
+		methods: {
+			format(date) {
+				return formatToDate(date, 'YYYY-MM-DD HH:mm:ss');
+			},
+			formatValue(value) {
+				try {
+					const val = JSON.parse(value['params']);
+					//微信小程序端object无法显示,格式化为字符串
+					const stringifyVal = JSON.stringify(val['params'])
+					const formatVal = stringifyVal
+						.replace(/\\"/g, '"')
+						.replace(/]"/g, ']')
+						.replace(/"\[/g, '[');
+					return formatVal
+				} catch (e) {
+					console.error("命令记录页面格式化无返回值", e);
+				}
+
+			}
 		},
-		formatValue(value) {
-			const val = JSON.stringify(value);
-			return val
-				.replace(/\\"/g, '"')
-				.replace(/]"/g, ']')
-				.replace(/"\[/g, '[');
+		onLoad(options) {
+			const {
+				data
+			} = options;
+			this.commandDetail = JSON.parse(data);
 		}
-	},
-	onLoad(options) {
-		const { data } = options;
-		this.commandDetail = JSON.parse(data);
-	}
-};
+	};
 </script>
 
 <style lang="scss" scoped>
-.command-detail {
-	padding: 0 30rpx;
-	height: 100vh;
-	background-color: #f8f9fa;
-	.detail-top {
-		height: 118rpx;
-		width: 690rpx;
-		display: flex;
-		align-items: center;
-		background-color: #fff;
-		color: #333;
-		border-radius: 20rpx;
-		font-size: 15px;
-		margin-top: 30rpx;
-		padding: 30rpx;
-	}
-	.detail {
-		background-color: #fff;
-		margin-top: 30rpx;
-		border-radius: 20rpx;
-		width: 690rpx;
-		.detail-item {
-			padding: 30rpx;
+	.command-detail {
+		padding: 0 30rpx;
+		height: 100vh;
+		background-color: #f8f9fa;
+
+		.detail-top {
+			height: 118rpx;
+			width: 690rpx;
 			display: flex;
 			align-items: center;
-			.detail-label {
-				color: #333;
-				font-size: 15px;
-			}
-			.detail-value {
-				color: #666;
-				font-size: 14px;
-				margin-left: 30rpx;
+			background-color: #fff;
+			color: #333;
+			border-radius: 20rpx;
+			font-size: 15px;
+			margin-top: 30rpx;
+			padding: 30rpx;
+		}
+
+		.detail {
+			background-color: #fff;
+			margin-top: 30rpx;
+			border-radius: 20rpx;
+			width: 690rpx;
+
+			.detail-item {
+				padding: 30rpx;
+				display: flex;
+				align-items: center;
+
+				.detail-label {
+					color: #333;
+					font-size: 15px;
+				}
+
+				.detail-value {
+					color: #666;
+					font-size: 14px;
+					margin-left: 30rpx;
+				}
 			}
 		}
+
+		.command {
+			margin: 30rpx 0;
+		}
 	}
-	.command {
-		margin: 30rpx 0;
-	}
-}
 </style>