mt-ck/mt-qj-wms-ui
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

新增看板

Browse Source
This commit is contained in:
朱文强
2022-07-04 10:51:20 +08:00
parent 73a729da51
commit 3a12063529
32 changed files with 417 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

128
src/views/common/board.vue Normal file
View File

@@ -0,0 +1,128 @@
<!--
* @Author: zwq
* @Date: 2022-03-07 15:31:13
* @LastEditors: zwq
* @LastEditTime: 2022-07-04 10:49:38
* @Description:
-->
<template>
<div class="main-body">
<div class="container-title">
浙江求精科技车间生产看板
</div>
<el-row :gutter="20" style="margin:20px">
<el-col :span="8">
<board :tableData="tableData1" imgUrl='BMA1'></board>
</el-col>
<el-col :span="8">
<board :tableData="tableData2" imgUrl='BMA2' :countdown="countdown"></board>
</el-col>
<el-col :span="8">
<board :tableData="tableData2" imgUrl='BMA3'></board>
</el-col>
</el-row>
<el-row :gutter="20" style="margin:20px">
<el-col :span="8">
<board :tableData="tableData2" imgUrl='BMA4' :countdown="countdown1"></board>
</el-col>
<el-col :span="8">
<board :tableData="tableData2" imgUrl='BMB1'></board>
</el-col>
<el-col :span="8">
<board :tableData="tableData1" imgUrl='BMB2' :countdown="countdown"></board>
</el-col>
</el-row>
<el-row :gutter="20" style="margin:20px">
<el-col :span="8">
<board :tableData="tableData2" imgUrl='BMB3' :countdown="countdown"></board>
</el-col>
<el-col :span="8">
<board :tableData="tableData1" imgUrl='BMC1'></board>
</el-col>
<el-col :span="8">
<board :tableData="tableData2" imgUrl='BMC2' :countdown="countdown1"></board>
</el-col>
</el-row>
</div>
</template>
<script>
import board from './board-part'
export default {
name: 'Board',
components: { board },
data () {
return {
tableData1: [
{
name: '樟子松',
code: '1103434',
num: 12,
productName: '株洲铁',
weight: 123,
process: '压缩'
},
{
name: '阿斯蒂芬',
code: '1103434',
num: 122,
productName: '株洲铁',
weight: 815,
process: '压缩'
},
{
name: '风都',
code: '1103434',
num: 334,
productName: '株洲铁',
weight: 1223,
process: '压缩'
}
],
tableData2: [
{
name: '阿斯蒂芬',
code: '1103434',
num: 122,
productName: '株洲铁',
weight: 815,
process: '压缩'
}
],
countdown: {
'hours': 5,
'minutes': 20,
'seconds': 12
},
countdown1: {
'hours': 11,
'minutes': 43,
'seconds': 56
}
}
},
created () {},
methods: {}
}
</script>
<style lang="scss" scoped>
.main-body {
min-height: 100%;
width: 100%;
background: url(~@/assets/img/board/1.png) center no-repeat;
background-size: cover;
overflow: hidden;
.container-title {
width: 100%;
height: 80px;
background: url(~@/assets/img/board/2.png) no-repeat;
background-size: 100% 100%;
color: #00fff0;
font-size: 28px;
line-height: 80px;
text-align: center;
}
}
</style>