|
|
@@ -11,7 +11,10 @@ |
|
|
|
:formConfigs="[{ label: '近24小时检测记录', type: 'title' }]" |
|
|
|
ref="search-bar" /> |
|
|
|
<!-- <pre><code v-html="jsondemo"></code></pre> --> |
|
|
|
|
|
|
|
<el-skeleton v-if="initing" :rows="6" animated /> |
|
|
|
<base-table |
|
|
|
v-else |
|
|
|
:table-props="tableProps" |
|
|
|
:page="queryParams.pageNo" |
|
|
|
:limit="queryParams.pageSize" |
|
|
@@ -22,8 +25,7 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import response from './response.json'; |
|
|
|
import handleNameData from '@/utils/dynamicProps'; |
|
|
|
import handleDynamicData from '@/utils/dynamicData'; |
|
|
|
import { handleNameData, handleDynamicData } from '@/utils/dynamicProps'; |
|
|
|
// import hljs from 'highlight.js/lib/highlight'; |
|
|
|
// import json from 'highlight.js/lib/languages/json'; |
|
|
|
// import 'highlight.js/styles/github-gist.css'; |
|
|
@@ -36,24 +38,21 @@ export default { |
|
|
|
props: {}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
initing: false, |
|
|
|
queryParams: { |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 10, |
|
|
|
}, |
|
|
|
// jsondemo: '', |
|
|
|
list: [ |
|
|
|
{ |
|
|
|
inspectionContent: '检测内容1', |
|
|
|
'2023-03-18T00:00:00-产线1': '产线1-asdf', |
|
|
|
'2023-03-18T01:00:00-产线2': '产线2-kldf', |
|
|
|
'2023-03-18T02:00:00-产线1': '产线1-vasdkj', |
|
|
|
}, |
|
|
|
// { |
|
|
|
// inspectionContent: '检测内容1', |
|
|
|
// '2023-03-18T00:00:00-产线1': '产线1-asdf', |
|
|
|
// '2023-03-18T01:00:00-产线2': '产线2-kldf', |
|
|
|
// '2023-03-18T02:00:00-产线1': '产线1-vasdkj', |
|
|
|
// }, |
|
|
|
], |
|
|
|
tableProps: [ |
|
|
|
{ |
|
|
|
type: 'index', |
|
|
|
label: '序号' |
|
|
|
}, |
|
|
|
{ |
|
|
|
prop: 'inspectionContent', |
|
|
|
label: '检测内容', |
|
|
@@ -86,11 +85,16 @@ export default { |
|
|
|
data: { data: dyanmicData, nameData }, |
|
|
|
} = response; |
|
|
|
|
|
|
|
this.initing = true; |
|
|
|
const dynamicProps = handleNameData(nameData); |
|
|
|
this.tableProps.push(...dynamicProps) |
|
|
|
const [dataList, length] = handleDynamicData(dyanmicData); |
|
|
|
this.tableProps.push(...dynamicProps); |
|
|
|
const dataList = handleDynamicData(dyanmicData); |
|
|
|
this.list = dataList; |
|
|
|
this.queryParams.pageSize = length; |
|
|
|
this.queryParams.pageSize = dataList.length; |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
this.initing = false; |
|
|
|
}, 1000); |
|
|
|
}, |
|
|
|
|
|
|
|
handleEmitFun(payload) { |
|
|
|