update recent 24
This commit is contained in:
parent
2a2ef5ab5c
commit
8f61e9a9d9
@ -1,16 +1,19 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<meta name="renderer" content="webkit">
|
<meta name="renderer" content="webkit" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
<meta
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
name="viewport"
|
||||||
<title>
|
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
||||||
<%= webpackConfig.name %>
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
|
||||||
</title>
|
<title><%= webpackConfig.name %></title>
|
||||||
<!--[if lt IE 11]><script>window.location.href='html/ie.html';</script><![endif]-->
|
<!--[if lt IE 11]>
|
||||||
|
<script>
|
||||||
|
window.location.href = 'html/ie.html';
|
||||||
|
</script>
|
||||||
|
<![endif]-->
|
||||||
<style>
|
<style>
|
||||||
html,
|
html,
|
||||||
body,
|
body,
|
||||||
@ -46,7 +49,7 @@
|
|||||||
margin: -75px 0 0 -75px;
|
margin: -75px 0 0 -75px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 3px solid transparent;
|
border: 3px solid transparent;
|
||||||
border-top-color: #FFF;
|
border-top-color: #fff;
|
||||||
-webkit-animation: spin 2s linear infinite;
|
-webkit-animation: spin 2s linear infinite;
|
||||||
-ms-animation: spin 2s linear infinite;
|
-ms-animation: spin 2s linear infinite;
|
||||||
-moz-animation: spin 2s linear infinite;
|
-moz-animation: spin 2s linear infinite;
|
||||||
@ -56,7 +59,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#loader:before {
|
#loader:before {
|
||||||
content: "";
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
@ -64,7 +67,7 @@
|
|||||||
bottom: 5px;
|
bottom: 5px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 3px solid transparent;
|
border: 3px solid transparent;
|
||||||
border-top-color: #FFF;
|
border-top-color: #fff;
|
||||||
-webkit-animation: spin 3s linear infinite;
|
-webkit-animation: spin 3s linear infinite;
|
||||||
-moz-animation: spin 3s linear infinite;
|
-moz-animation: spin 3s linear infinite;
|
||||||
-o-animation: spin 3s linear infinite;
|
-o-animation: spin 3s linear infinite;
|
||||||
@ -73,7 +76,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#loader:after {
|
#loader:after {
|
||||||
content: "";
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15px;
|
top: 15px;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
@ -81,7 +84,7 @@
|
|||||||
bottom: 15px;
|
bottom: 15px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 3px solid transparent;
|
border: 3px solid transparent;
|
||||||
border-top-color: #FFF;
|
border-top-color: #fff;
|
||||||
-moz-animation: spin 1.5s linear infinite;
|
-moz-animation: spin 1.5s linear infinite;
|
||||||
-o-animation: spin 1.5s linear infinite;
|
-o-animation: spin 1.5s linear infinite;
|
||||||
-ms-animation: spin 1.5s linear infinite;
|
-ms-animation: spin 1.5s linear infinite;
|
||||||
@ -89,7 +92,6 @@
|
|||||||
animation: spin 1.5s linear infinite;
|
animation: spin 1.5s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@-webkit-keyframes spin {
|
@-webkit-keyframes spin {
|
||||||
0% {
|
0% {
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-transform: rotate(0deg);
|
||||||
@ -118,13 +120,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#loader-wrapper .loader-section {
|
#loader-wrapper .loader-section {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 51%;
|
width: 51%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #7171C6;
|
background: #7171c6;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
-webkit-transform: translateX(0);
|
-webkit-transform: translateX(0);
|
||||||
-ms-transform: translateX(0);
|
-ms-transform: translateX(0);
|
||||||
@ -139,21 +140,20 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.loaded #loader-wrapper .loader-section.section-left {
|
.loaded #loader-wrapper .loader-section.section-left {
|
||||||
-webkit-transform: translateX(-100%);
|
-webkit-transform: translateX(-100%);
|
||||||
-ms-transform: translateX(-100%);
|
-ms-transform: translateX(-100%);
|
||||||
transform: translateX(-100%);
|
transform: translateX(-100%);
|
||||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.loaded #loader-wrapper .loader-section.section-right {
|
.loaded #loader-wrapper .loader-section.section-right {
|
||||||
-webkit-transform: translateX(100%);
|
-webkit-transform: translateX(100%);
|
||||||
-ms-transform: translateX(100%);
|
-ms-transform: translateX(100%);
|
||||||
transform: translateX(100%);
|
transform: translateX(100%);
|
||||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.loaded #loader {
|
.loaded #loader {
|
||||||
@ -181,7 +181,7 @@
|
|||||||
|
|
||||||
#loader-wrapper .load_title {
|
#loader-wrapper .load_title {
|
||||||
font-family: 'Open Sans';
|
font-family: 'Open Sans';
|
||||||
color: #FFF;
|
color: #fff;
|
||||||
font-size: 19px;
|
font-size: 19px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -196,7 +196,7 @@
|
|||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: #FFF;
|
color: #fff;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -212,5 +212,4 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -7,8 +7,10 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<h1>Recent 24 hours</h1>
|
<SearchBar
|
||||||
<p>{{ jsondemo }}</p>
|
:formConfigs="[{ label: '近24小时检测记录', type: 'title' }]"
|
||||||
|
ref="search-bar" />
|
||||||
|
<pre><code v-html="jsondemo"></code></pre>
|
||||||
<base-table
|
<base-table
|
||||||
:table-props="tableProps"
|
:table-props="tableProps"
|
||||||
:page="queryParams.pageNo"
|
:page="queryParams.pageNo"
|
||||||
@ -19,6 +21,12 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<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 {
|
export default {
|
||||||
name: 'QualityRecentHours',
|
name: 'QualityRecentHours',
|
||||||
components: {},
|
components: {},
|
||||||
@ -131,7 +139,15 @@ export default {
|
|||||||
method: 'get',
|
method: 'get',
|
||||||
});
|
});
|
||||||
console.log(response);
|
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) {
|
filterNameData(nameData) {
|
||||||
const ndSet = new Set();
|
const ndSet = new Set();
|
||||||
@ -159,8 +175,35 @@ export default {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
handleEmitFun(payload) {
|
||||||
|
console.log('payload', payload);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</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": ""
|
||||||
|
}
|
@ -5293,7 +5293,7 @@ hex-color-regex@^1.1.0:
|
|||||||
|
|
||||||
highlight.js@9.18.5:
|
highlight.js@9.18.5:
|
||||||
version "9.18.5"
|
version "9.18.5"
|
||||||
resolved "https://registry.npmmirror.com/highlight.js/-/highlight.js-9.18.5.tgz"
|
resolved "https://registry.npmmirror.com/highlight.js/-/highlight.js-9.18.5.tgz#d18a359867f378c138d6819edfc2a8acd5f29825"
|
||||||
integrity sha512-a5bFyofd/BHCX52/8i8uJkjr9DYwXIPnM/plwI6W7ezItLGqzt7X2G2nXuYSfsIJdkwwj/g9DG1LkcGJI/dDoA==
|
integrity sha512-a5bFyofd/BHCX52/8i8uJkjr9DYwXIPnM/plwI6W7ezItLGqzt7X2G2nXuYSfsIJdkwwj/g9DG1LkcGJI/dDoA==
|
||||||
|
|
||||||
highlight.js@^10.7.1:
|
highlight.js@^10.7.1:
|
||||||
|
Loading…
Reference in New Issue
Block a user