Commit b596caca authored by 崔婷婷's avatar 崔婷婷

生产数据增加图标以及日期

parent 97ed1de2
<template> <template>
<div class="con"> <div class="con">
<div class="left"> <div class="left">
<img class="img" src="./logo1.png" /> <img class="img" src="./logo2.png" />
<ViewSCCom <ViewSCCom
:ID="FactoryWorkShopTeamID1" :ID="FactoryWorkShopTeamID1"
style="margin-right: -1px" style="margin-right: -1px"
...@@ -10,8 +10,13 @@ ...@@ -10,8 +10,13 @@
<div class="right"> <div class="right">
<ViewSCCom :ID="FactoryWorkShopTeamID2"></ViewSCCom> <ViewSCCom :ID="FactoryWorkShopTeamID2"></ViewSCCom>
<div class="date"> <div class="date">
<div>{{ formattedDate.split(" ")[0] }}</div> <img class="img1" src="./logo1.png" />
<div style="text-align: center;">{{ formattedDate.split(" ")[1] }}</div> <div>
{{ formattedDate.split(" ")[0] }}
<div style="text-align: center">
{{ formattedDate.split(" ")[1] }}
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -100,8 +105,13 @@ export default { ...@@ -100,8 +105,13 @@ export default {
top: 5px; top: 5px;
} }
.date { .date {
display: flex;
align-items: center;
.img1 {
height: 5vh;
}
position: absolute; position: absolute;
top: calc(3vh - 20px); top: calc(3vh - 25px);
font-size: 20px; font-size: 20px;
right: 15px; right: 15px;
} }
......
...@@ -78,9 +78,9 @@ ...@@ -78,9 +78,9 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="tableDiv" style="height: 30vh; overflow: hidden"> <div class="tableDiv" style="height: 31vh; overflow: hidden">
<div class="subTitle">不良品明细</div> <div class="subTitle">不良品明细</div>
<div style="display: flex; flex-wrap: wrap; text-align: center"> <div style="display: flex; flex-wrap: wrap; text-align: center;padding: 0px 1px;">
<div <div
style="width: 25%; font-size: 25px" style="width: 25%; font-size: 25px"
v-for="(item, index) in QIData" v-for="(item, index) in QIData"
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
<el-table-column prop="Count" label="数量"> </el-table-column> <el-table-column prop="Count" label="数量"> </el-table-column>
</el-table> --> </el-table> -->
</div> </div>
<div class="tableDiv" style="height: 27vh; border-bottom: 0px"> <div class="tableDiv" style="border-bottom: 0px">
<div class="subTitle">时间段产量</div> <div class="subTitle">时间段产量</div>
<el-table <el-table
:header-cell-style="{ 'text-align': 'center' }" :header-cell-style="{ 'text-align': 'center' }"
...@@ -213,7 +213,7 @@ export default { ...@@ -213,7 +213,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.head .title { .head .title {
font-size: 45px; font-size: 46px;
text-align: center; text-align: center;
min-height: 5vh; min-height: 5vh;
display: flex; display: flex;
...@@ -229,13 +229,14 @@ export default { ...@@ -229,13 +229,14 @@ export default {
text-align: center; text-align: center;
// padding: 6px; // padding: 6px;
border: 1px solid black; border: 1px solid black;
border-bottom: 0px;
height: 100%; height: 100%;
display: flex; display: flex;
// justify-content: space-between; // justify-content: space-between;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
.text { .text {
font-size: 36px; font-size: 37px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
...@@ -249,7 +250,7 @@ export default { ...@@ -249,7 +250,7 @@ export default {
border: 1px solid black; border: 1px solid black;
margin-top: -1px; margin-top: -1px;
.subTitle { .subTitle {
font-size: 32px; font-size: 33px;
text-align: center; text-align: center;
margin: 5px 0; margin: 5px 0;
} }
...@@ -290,7 +291,7 @@ export default { ...@@ -290,7 +291,7 @@ export default {
} }
/deep/.el-table th > .cell, /deep/.el-table th > .cell,
/deep/.el-table .cell { /deep/.el-table .cell {
font-size: 22px; font-size: 23px;
color: black; color: black;
padding: 0px; padding: 0px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment