update recent 24
This commit is contained in:
		@@ -7,8 +7,10 @@
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
	<div class="app-container">
 | 
			
		||||
		<h1>Recent 24 hours</h1>
 | 
			
		||||
		<p>{{ jsondemo }}</p>
 | 
			
		||||
		<SearchBar
 | 
			
		||||
			:formConfigs="[{ label: '近24小时检测记录', type: 'title' }]"
 | 
			
		||||
			ref="search-bar" />
 | 
			
		||||
		<pre><code v-html="jsondemo"></code></pre>
 | 
			
		||||
		<base-table
 | 
			
		||||
			:table-props="tableProps"
 | 
			
		||||
			:page="queryParams.pageNo"
 | 
			
		||||
@@ -19,6 +21,12 @@
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script>
 | 
			
		||||
import hljs from 'highlight.js/lib/highlight';
 | 
			
		||||
import json from 'highlight.js/lib/languages/json';
 | 
			
		||||
import 'highlight.js/styles/github-gist.css';
 | 
			
		||||
 | 
			
		||||
hljs.registerLanguage('json', json);
 | 
			
		||||
 | 
			
		||||
export default {
 | 
			
		||||
	name: 'QualityRecentHours',
 | 
			
		||||
	components: {},
 | 
			
		||||
@@ -131,7 +139,15 @@ export default {
 | 
			
		||||
				method: 'get',
 | 
			
		||||
			});
 | 
			
		||||
			console.log(response);
 | 
			
		||||
			this.jsondemo = JSON.stringify(response, null, 2);
 | 
			
		||||
			const {
 | 
			
		||||
				// data: { nameData },
 | 
			
		||||
				code,
 | 
			
		||||
			} = response;
 | 
			
		||||
			this.jsondemo = hljs.highlight(
 | 
			
		||||
				'json',
 | 
			
		||||
				JSON.stringify(response, null, 2),
 | 
			
		||||
				true
 | 
			
		||||
			).value;
 | 
			
		||||
		},
 | 
			
		||||
		filterNameData(nameData) {
 | 
			
		||||
			const ndSet = new Set();
 | 
			
		||||
@@ -159,8 +175,35 @@ export default {
 | 
			
		||||
				};
 | 
			
		||||
			});
 | 
			
		||||
		},
 | 
			
		||||
		handleEmitFun(payload) {
 | 
			
		||||
			console.log('payload', payload);
 | 
			
		||||
		},
 | 
			
		||||
	},
 | 
			
		||||
};
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<style scoped lang="scss"></style>
 | 
			
		||||
<style scoped lang="scss">
 | 
			
		||||
::-webkit-scrollbar {
 | 
			
		||||
	display: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
pre {
 | 
			
		||||
	margin: 10px;
 | 
			
		||||
	background: #f6f8faf6;
 | 
			
		||||
	border: 1px solid #e1e4e8;
 | 
			
		||||
	padding: 12px;
 | 
			
		||||
	border-radius: 12px;
 | 
			
		||||
	position: fixed;
 | 
			
		||||
	// top: 15vh;
 | 
			
		||||
	top: 10vh;
 | 
			
		||||
	left: 0;
 | 
			
		||||
	max-height: 80vh;
 | 
			
		||||
	overflow-y: auto;
 | 
			
		||||
	z-index: 100000;
 | 
			
		||||
	box-shadow: 0 0 32px 12px #0001;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
code {
 | 
			
		||||
	font-family: 'IntelOne Mono', 'Ubuntu', 'Courier New', Courier, monospace;
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										176
									
								
								src/views/quality/monitoring/qualityRecentHours/response.json
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										176
									
								
								src/views/quality/monitoring/qualityRecentHours/response.json
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,176 @@
 | 
			
		||||
{
 | 
			
		||||
	"code": 0,
 | 
			
		||||
	"data": {
 | 
			
		||||
		"data": [
 | 
			
		||||
			{
 | 
			
		||||
				"data": [
 | 
			
		||||
					{
 | 
			
		||||
						"id": "测试222023-08-09T02:00",
 | 
			
		||||
						"parentId": "测试22",
 | 
			
		||||
						"dynamicName": "2023-08-09T02:00",
 | 
			
		||||
						"dynamicValue": 1691517600000,
 | 
			
		||||
						"children": [
 | 
			
		||||
							{
 | 
			
		||||
								"id": "1672847052717821953",
 | 
			
		||||
								"parentId": "测试222023-08-09T02:00",
 | 
			
		||||
								"dynamicName": "产线1",
 | 
			
		||||
								"dynamicValue": 1
 | 
			
		||||
							}
 | 
			
		||||
						]
 | 
			
		||||
					},
 | 
			
		||||
					{
 | 
			
		||||
						"id": "测试222023-08-09T08:00",
 | 
			
		||||
						"parentId": "测试22",
 | 
			
		||||
						"dynamicName": "2023-08-09T08:00",
 | 
			
		||||
						"dynamicValue": 1691539200000,
 | 
			
		||||
						"children": [
 | 
			
		||||
							{
 | 
			
		||||
								"id": "1672847052717821953",
 | 
			
		||||
								"parentId": "测试222023-08-09T08:00",
 | 
			
		||||
								"dynamicName": "产线1",
 | 
			
		||||
								"dynamicValue": 1
 | 
			
		||||
							}
 | 
			
		||||
						]
 | 
			
		||||
					},
 | 
			
		||||
					{
 | 
			
		||||
						"id": "测试222023-08-09T11:00",
 | 
			
		||||
						"parentId": "测试22",
 | 
			
		||||
						"dynamicName": "2023-08-09T11:00",
 | 
			
		||||
						"dynamicValue": 1691550000000,
 | 
			
		||||
						"children": [
 | 
			
		||||
							{
 | 
			
		||||
								"id": "1672847052717821953",
 | 
			
		||||
								"parentId": "测试222023-08-09T11:00",
 | 
			
		||||
								"dynamicName": "产线1",
 | 
			
		||||
								"dynamicValue": 1
 | 
			
		||||
							}
 | 
			
		||||
						]
 | 
			
		||||
					}
 | 
			
		||||
				],
 | 
			
		||||
				"inspectionDetContent": "测试22"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"data": [
 | 
			
		||||
					{
 | 
			
		||||
						"id": "测试112023-08-09T02:00",
 | 
			
		||||
						"parentId": "测试11",
 | 
			
		||||
						"dynamicName": "2023-08-09T02:00",
 | 
			
		||||
						"dynamicValue": 1691517600000,
 | 
			
		||||
						"children": [
 | 
			
		||||
							{
 | 
			
		||||
								"id": "1672847052717821954",
 | 
			
		||||
								"parentId": "测试112023-08-09T02:00",
 | 
			
		||||
								"dynamicName": "产线22",
 | 
			
		||||
								"dynamicValue": 1
 | 
			
		||||
							}
 | 
			
		||||
						]
 | 
			
		||||
					},
 | 
			
		||||
					{
 | 
			
		||||
						"id": "测试112023-08-09T08:00",
 | 
			
		||||
						"parentId": "测试11",
 | 
			
		||||
						"dynamicName": "2023-08-09T08:00",
 | 
			
		||||
						"dynamicValue": 1691539200000,
 | 
			
		||||
						"children": [
 | 
			
		||||
							{
 | 
			
		||||
								"id": "1672847052717821953",
 | 
			
		||||
								"parentId": "测试112023-08-09T08:00",
 | 
			
		||||
								"dynamicName": "产线1",
 | 
			
		||||
								"dynamicValue": 1
 | 
			
		||||
							}
 | 
			
		||||
						]
 | 
			
		||||
					},
 | 
			
		||||
					{
 | 
			
		||||
						"id": "测试112023-08-09T09:00",
 | 
			
		||||
						"parentId": "测试11",
 | 
			
		||||
						"dynamicName": "2023-08-09T09:00",
 | 
			
		||||
						"dynamicValue": 1691542800000,
 | 
			
		||||
						"children": [
 | 
			
		||||
							{
 | 
			
		||||
								"id": "1672847052717821954",
 | 
			
		||||
								"parentId": "测试112023-08-09T09:00",
 | 
			
		||||
								"dynamicName": "产线22",
 | 
			
		||||
								"dynamicValue": 2
 | 
			
		||||
							}
 | 
			
		||||
						]
 | 
			
		||||
					}
 | 
			
		||||
				],
 | 
			
		||||
				"inspectionDetContent": "测试11"
 | 
			
		||||
			}
 | 
			
		||||
		],
 | 
			
		||||
		"nameData": [
 | 
			
		||||
			{
 | 
			
		||||
				"name": "2023-08-09T02:00",
 | 
			
		||||
				"tree": 1,
 | 
			
		||||
				"id": "测试222023-08-09T02:00",
 | 
			
		||||
				"parentId": "测试22"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "产线1",
 | 
			
		||||
				"tree": 2,
 | 
			
		||||
				"id": "1672847052717821953",
 | 
			
		||||
				"parentId": "测试222023-08-09T02:00"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "2023-08-09T08:00",
 | 
			
		||||
				"tree": 1,
 | 
			
		||||
				"id": "测试222023-08-09T08:00",
 | 
			
		||||
				"parentId": "测试22"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "产线1",
 | 
			
		||||
				"tree": 2,
 | 
			
		||||
				"id": "1672847052717821953",
 | 
			
		||||
				"parentId": "测试222023-08-09T08:00"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "2023-08-09T11:00",
 | 
			
		||||
				"tree": 1,
 | 
			
		||||
				"id": "测试222023-08-09T11:00",
 | 
			
		||||
				"parentId": "测试22"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "产线1",
 | 
			
		||||
				"tree": 2,
 | 
			
		||||
				"id": "1672847052717821953",
 | 
			
		||||
				"parentId": "测试222023-08-09T11:00"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "2023-08-09T02:00",
 | 
			
		||||
				"tree": 1,
 | 
			
		||||
				"id": "测试112023-08-09T02:00",
 | 
			
		||||
				"parentId": "测试11"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "产线22",
 | 
			
		||||
				"tree": 2,
 | 
			
		||||
				"id": "1672847052717821954",
 | 
			
		||||
				"parentId": "测试112023-08-09T02:00"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "2023-08-09T08:00",
 | 
			
		||||
				"tree": 1,
 | 
			
		||||
				"id": "测试112023-08-09T08:00",
 | 
			
		||||
				"parentId": "测试11"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "产线1",
 | 
			
		||||
				"tree": 2,
 | 
			
		||||
				"id": "1672847052717821953",
 | 
			
		||||
				"parentId": "测试112023-08-09T08:00"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "2023-08-09T09:00",
 | 
			
		||||
				"tree": 1,
 | 
			
		||||
				"id": "测试112023-08-09T09:00",
 | 
			
		||||
				"parentId": "测试11"
 | 
			
		||||
			},
 | 
			
		||||
			{
 | 
			
		||||
				"name": "产线22",
 | 
			
		||||
				"tree": 2,
 | 
			
		||||
				"id": "1672847052717821954",
 | 
			
		||||
				"parentId": "测试112023-08-09T09:00"
 | 
			
		||||
			}
 | 
			
		||||
		]
 | 
			
		||||
	},
 | 
			
		||||
	"msg": ""
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user