Skip to content

T
TF-MOM-WEB
Commit e032bcc9 authored by jingnan's avatar jingnan 👀
Browse files
Options

胶漆打印标签样式修改

parent a1c927a1
Hide whitespace changes
Inline Side-by-side
Showing with 582 additions and 613 deletions
applications/dee-mes/src/privateComponents/components/AssignCradInfo/index.vue
View file @ e032bcc9
......@@ -253,7 +253,7 @@ export default {
},
deployment: { label: '发料员', value: data.creator.userName },
inspector: {
label: '检验',
label: '检验员',
value: data.checker
}
}
......
applications/dee-mes/src/privateComponents/components/AssignCradInfo/printConfigAlodine.vue
View file @ e032bcc9
......@@ -7,8 +7,8 @@
style="
border: 2px solid #222;
box-sizing: border-box;
font-weight: 500;
font-size: 36px;
font-weight: 400;
font-size: 50px;
"
>
<div style="border-bottom: 2px solid #222">
......@@ -36,7 +36,7 @@
text-align: center;
box-sizing: border-box;
border-right: 2px solid #222;
font-size: 40px;
font-size: 54px;
"
>
{{ item.title }}
......@@ -59,7 +59,6 @@
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.number.value }}
......@@ -95,7 +94,6 @@
line-height: 76px;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.mark.value }}
......@@ -131,7 +129,6 @@
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.mixingUnit.value }}
......@@ -139,7 +136,7 @@
</div>
<!-- 第四行 -->
<div
style="height: 76px; box-sizing: border-box; "
style="height: 76px; box-sizing: border-box; border-bottom: 2px solid #222; "
>
<div
style="
......@@ -161,7 +158,6 @@
line-height: 76px;
padding-left: 10px;
vertical-align: top;
border-right: 2px solid #222;
box-sizing: border-box;
"
>
......@@ -175,6 +171,7 @@
display: inline-block;
width: 14%;
border-right: 2px solid #222;
border-left: 2px solid #222;
text-align: center;
box-sizing: border-box;
"
......@@ -192,193 +189,190 @@
{{ item.count.value }}
</div>
</div>
</div>
<!-- 二维码 -->
<div
style="
display: inline-block;
padding: 38px 50px;
width: 29%;
box-sizing: border-box;
"
>
<vue-qr
style="height:236px;"
:size="config.width"
:margin="0"
:text="item.text"
:qid="index.toString()"
/>
</div>
</div>
<!-- 施工期 -->
<div
style="height: 120px; box-sizing: border-box"
>
<div
style="
<!-- 第五行 -->
<div
style="height: 120px; box-sizing: border-box"
>
<div
style="
display: inline-block;
width: 21%;
width:30%;
border-right: 2px solid #222;
text-align: center;
line-height: 120px;
box-sizing: border-box;
vertical-align: top;
"
>
{{ item.validity.label }}
</div>
<div
style="
>
{{ item.validity.label }}
</div>
<div
style="
display: inline-block;
width: 79%;
width: 69%;
line-height: 60px;
vertical-align: top;
"
>
<div
style="
>
<div
style="
display: inline-block;
border-bottom: 2px solid #222;
box-sizing: border-box;
width: 100%;"
>
<!-- 始 -->
<div
style="
>
<!-- 始 -->
<div
style="
display: inline-block;
width: 10%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.label }}
</div>
<div
style="
>
{{ item.validity.value.start.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.value }}
</div>
</div>
>
{{ item.validity.value.start.value }}
</div>
</div>
<div style="">
<!-- 止 -->
<div
style="
<div style="">
<!-- 止 -->
<div
style="
display: inline-block;
width: 10%;
line-height: 50px;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.label }}
</div>
<div
style="
>
{{ item.validity.value.end.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.value }}
>
{{ item.validity.value.end.value }}
</div>
</div>
</div>
</div>
</div>
</div>
<div
style="
font-size: 36px;
<!-- 第六行 -->
<div
style="
vertical-align: middle;
display: flex;
align-items: center;
font-weight: 500;
height: 76px;
border-top: 2px solid #222;
box-sizing: border-box;
"
>
<!-- 调配员 -->
<div style="width: 50%; display: flex">
<div
style="
>
<!-- 调配员 -->
<div style="width: 50%; display: flex">
<div
style="
width: 42%;
text-align: center;
line-height: 76px;
box-sizing: border-box;
border-right: 2px solid #222;"
>
{{ item.deployment.label }}
</div>
<div
style="
>
{{ item.deployment.label }}
</div>
<div
style="
box-sizing: border-box;
padding-left: 20px;
width: 58%;
line-height: 76px;
border-right: 2px solid #222;"
>
{{ item.deployment.value }}
</div>
</div>
<!-- 检验员 -->
<div style="width: 50%; display: flex">
<div
style="width: 40%;
>
{{ item.deployment.value }}
</div>
</div>
<!-- 检验员 -->
<div style="width: 50%; display: flex">
<div
style="width: 40%;
text-align: center;
line-height: 76px;
border-right: 2px solid #222;"
>
{{ item.inspector.label }}
</div>
<div
style="box-sizing: border-box; padding-left: 20px; line-height: 76px;
>
{{ item.inspector.label }}
</div>
<div
style="box-sizing: border-box; padding-left: 20px; line-height: 76px;
"
>
{{ item.inspector.value }}
>
{{ item.inspector.value }}
</div>
</div>
</div>
</div>
</div>
<div
style="
font-size: 36px;
<!-- 第七行 -->
<div
style="
vertical-align: middle;
display: flex;
align-items: center;
font-weight: 500;
height: 76px;
border-top: 2px solid #222;
box-sizing: border-box;
"
>
<div
style="
>
<div
style="
width: 21%;
text-align: center;
line-height: 76px;
box-sizing: border-box;
border-right: 2px solid #222;"
>
{{ item.remark.label }}
</div>
<div
style="
>
{{ item.remark.label }}
</div>
<div
style="
box-sizing: border-box;
padding-left: 20px;
line-height: 76px;
border-right: 2px solid #222;"
>
{{ item.remark.value }}
</div>
</div>
</div>
<!-- 二维码 -->
<div
style="
display: inline-block;
padding: 38px 50px;
width: 29%;
box-sizing: border-box;
"
>
{{ item.remark.value }}
<vue-qr
style="height:500px;"
:size="config.width"
:margin="0"
:text="item.text"
:qid="index.toString()"
/>
</div>
</div>
</div>
<div
style="font-size: 34px;
......
applications/dee-mes/src/privateComponents/components/AssignCradInfo/printConfigPaint.vue
View file @ e032bcc9
......@@ -7,8 +7,7 @@
style="
border: 2px solid #222;
box-sizing: border-box;
font-weight: 500;
font-size: 36px;
font-size: 50px;
"
>
<div style="border-bottom: 2px solid #222">
......@@ -37,7 +36,7 @@
text-align: center;
box-sizing: border-box;
border-right: 2px solid #222;
font-size: 40px;
font-size: 54px;
"
>
{{ item.title }}
......@@ -60,7 +59,7 @@
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.number.value }}
......@@ -97,13 +96,14 @@
line-height: 80px;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.standard.value }}
</div>
</div>
<!-- 第三行 -->
<div
style="
height: 80px;
......@@ -132,13 +132,13 @@
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.mark.value }}
</div>
</div>
<!-- 合格证号 -->
<!-- 第四行 -->
<div
style="height: 80px; box-sizing: border-box; border-bottom: 2px solid #222 "
>
......@@ -158,7 +158,7 @@
<div
style="
display: inline-block;
width: 30%;
width: 40%;
line-height: 80px;
padding-left: 10px;
vertical-align: top;
......@@ -193,8 +193,9 @@
{{ item.count.value }}
</div>
</div>
<!-- 第五行 -->
<div
style="height: 60px; line-height: 60px;"
style="height: 60px; line-height: 60px; border-bottom: 2px solid #222;"
>
<!-- 混合开始时间 -->
<div
......@@ -219,145 +220,125 @@
{{ item.mixStartTime.value }}
</div>
</div>
</div>
<!-- 二维码 -->
<div
style="
display: inline-block;
padding: 38px 50px;
width: 29%;
box-sizing: border-box;
"
>
<vue-qr
style="height:300px;"
:size="config.width"
:margin="0"
:text="item.text"
:qid="index.toString()"
/>
</div>
</div>
<div
v-if="item.remainingConstructionPeriod"
style="height: 40px; border-bottom: 2px solid #222"
>
<!-- 剩余施工期 -->
<div
style="
<div
v-if="item.remainingConstructionPeriod"
style="height: 40px; border-bottom: 2px solid #222"
>
<!-- 剩余施工期 -->
<div
style="
display: inline-block;
border-right: 2px solid #222;
line-height: 40px;
width: 24%;
width: 30%;
text-align: center;
box-sizing: border-box;
"
>
{{ item.remainingConstructionPeriod.label }}
</div>
<div
style="
>
{{ item.remainingConstructionPeriod.label }}
</div>
<div
style="
display: inline-block;
width: 59%;
width: 69%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.remainingConstructionPeriod.value }}
</div>
</div>
>
{{ item.remainingConstructionPeriod.value }}
</div>
</div>
<!-- 施工期 -->
<div
v-if="!item.remainingConstructionPeriod"
style="height: 120px; box-sizing: border-box"
>
<div
style="
<!-- 施工期 -->
<div
v-if="!item.remainingConstructionPeriod"
style="height: 120px; box-sizing: border-box"
>
<div
style="
display: inline-block;
width: 21%;
width: 30%;
border-right: 2px solid #222;
text-align: center;
line-height: 120px;
box-sizing: border-box;
vertical-align: top;
"
>
{{ item.validity.label }}
</div>
<div
style="
>
{{ item.validity.label }}
</div>
<div
style="
display: inline-block;
width: 79%;
width: 69%;
line-height: 60px;
vertical-align: top;
"
>
<div
style="
>
<div
style="
display: inline-block;
border-bottom: 2px solid #222;
box-sizing: border-box;
width: 100%;"
>
<!-- 始 -->
<div
style="
>
<!-- 始 -->
<div
style="
display: inline-block;
width: 10%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.label }}
</div>
<div
style="
>
{{ item.validity.value.start.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.value }}
</div>
</div>
>
{{ item.validity.value.start.value }}
</div>
</div>
<div style="">
<!-- 止 -->
<div
style="
<div style="">
<!-- 止 -->
<div
style="
display: inline-block;
width: 10%;
line-height: 50px;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.label }}
</div>
<div
style="
>
{{ item.validity.value.end.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.value }}
>
{{ item.validity.value.end.value }}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 2 -->
<!--解冻及施工期 -->
<div
v-if="item.remainingConstructionPeriod"
style="width: 100%; height: 40px; font-size: 36px;"
>
<div
style="
<!-- 2 -->
<!--解冻及施工期 -->
<div
v-if="item.remainingConstructionPeriod"
style="width: 100%; height: 40px; "
>
<div
style="
display: inline-block;
text-align: center;
vertical-align: top;
......@@ -366,11 +347,11 @@
border-right: 2px solid #222;
box-sizing: border-box;
"
>
{{ item.validity.label }}
</div>
<div
style="
>
{{ item.validity.label }}
</div>
<div
style="
display: inline-block;
width: 76%;
......@@ -378,69 +359,87 @@
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.label }}
{{ item.validity.value.start.value }}
{{ item.validity.value.end.label }}
{{ item.validity.value.end.value }}
</div>
</div>
>
{{ item.validity.value.start.label }}
{{ item.validity.value.start.value }}
{{ item.validity.value.end.label }}
{{ item.validity.value.end.value }}
</div>
</div>
<!-- 4 -->
<!-- -->
<div
style="
font-size: 36px;
<!-- 4 -->
<!-- -->
<div
style="
vertical-align: middle;
display: flex;
align-items: center;
font-weight: 500;
height: 80px;
border-top: 2px solid #222;
box-sizing: border-box;
"
>
<!-- 调配员 -->
<div style="width: 50%; display: flex">
<div
style="
>
<!-- 调配员 -->
<div style="width: 50%; display: flex">
<div
style="
width: 42%;
text-align: center;
line-height: 80px;
box-sizing: border-box;
border-right: 2px solid #222;"
>
{{ item.deployment.label }}
</div>
<div
style="
>
{{ item.deployment.label }}
</div>
<div
style="
box-sizing: border-box;
padding-left: 20px;
width: 58%;
line-height: 80px;
border-right: 2px solid #222;"
>
{{ item.deployment.value }}
</div>
</div>
<!-- 检验员 -->
<div style="width: 50%; display: flex">
<div
style="width: 40%;
>
{{ item.deployment.value }}
</div>
</div>
<!-- 检验员 -->
<div style="width: 50%; display: flex">
<div
style="width: 40%;
text-align: center;
line-height: 80px;
border-right: 2px solid #222;"
>
{{ item.inspector.label }}
</div>
<div
style="box-sizing: border-box; padding-left: 20px; line-height: 80px;
>
{{ item.inspector.label }}
</div>
<div
style="box-sizing: border-box; padding-left: 20px; line-height: 80px;
"
>
{{ item.inspector.value }}
>
{{ item.inspector.value }}
</div>
</div>
</div>
</div>
<!-- 二维码 -->
<div
style="
display: inline-block;
padding: 38px 50px;
width: 29%;
box-sizing: border-box;
"
>
<vue-qr
style="height:500px;"
:size="config.width"
:margin="0"
:text="item.text"
:qid="index.toString()"
/>
</div>
</div>
</div>
<div
style="font-size: 34px;
......
applications/dee-mes/src/privateComponents/components/AssignCradInfo/printTagLacquer.vue
View file @ e032bcc9
......@@ -7,8 +7,7 @@
style="
border: 2px solid #222;
box-sizing: border-box;
font-weight: 500;
font-size: 36px;
font-size: 50px;
"
>
<div style="border-bottom: 2px solid #222">
......@@ -36,7 +35,7 @@
text-align: center;
box-sizing: border-box;
border-right: 2px solid #222;
font-size: 40px;
font-size: 54px;
"
>
{{ item.title }}
......@@ -59,7 +58,6 @@
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.number.value }}
......@@ -95,13 +93,13 @@
line-height: 90px;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.standard.value }}
</div>
</div>
<!-- 第三行 -->
<div
style="
height: 90px;
......@@ -130,15 +128,14 @@
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.mark.value }}
</div>
</div>
<!-- 合格证号 -->
<!-- 第四行 -->
<div
style="height: 90px; box-sizing: border-box; "
style="height: 90px; box-sizing: border-box; border-bottom: 2px solid #222; "
>
<div
style="
......@@ -156,7 +153,7 @@
<div
style="
display: inline-block;
width: 30%;
width: 40%;
line-height: 90px;
padding-left: 10px;
vertical-align: top;
......@@ -191,184 +188,153 @@
{{ item.count.value }}
</div>
</div>
<!-- <div
style="
height: 90px;
display: flex;
align-items: center;
border-top: 2px solid #222;
border-botoom: 2px solid #222;
"
> -->
<!-- 牌号 -->
</div>
<!-- 二维码 -->
<div
style="
display: inline-block;
padding: 38px 50px;
width: 29%;
box-sizing: border-box;
"
>
<vue-qr
style="height:300px;"
:size="config.width"
:margin="0"
:text="item.text"
:qid="index.toString()"
/>
</div>
</div>
<div
v-if="item.remainingConstructionPeriod"
style="height: 40px; border-bottom: 2px solid #222"
>
<!-- 剩余施工期 -->
<div
style="
<div
v-if="item.remainingConstructionPeriod"
style="height: 40px; border-bottom: 2px solid #222"
>
<!-- 剩余施工期 -->
<div
style="
display: inline-block;
border-right: 2px solid #222;
line-height: 40px;
width: 24%;
width: 30%;
text-align: center;
box-sizing: border-box;
"
>
{{ item.remainingConstructionPeriod.label }}
</div>
<div
style="
>
{{ item.remainingConstructionPeriod.label }}
</div>
<div
style="
display: inline-block;
width: 59%;
width: 69%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.remainingConstructionPeriod.value }}
</div>
</div>
>
{{ item.remainingConstructionPeriod.value }}
</div>
</div>
<div
v-if="item.ineffectiveTime"
style="height: 40px; line-height: 40px; border-bottom: 2px solid #222"
>
<!-- 失效时间 -->
<div
style="
<div
v-if="item.ineffectiveTime"
style="height: 40px; line-height: 40px; border-bottom: 2px solid #222"
>
<!-- 失效时间 -->
<div
style="
display: inline-block;
width: 24%;
width: 30%;
border-right: 2px solid #222;
text-align: center;
box-sizing: border-box;
"
>
{{ item.ineffectiveTime.label }}
</div>
<div
style="
>
{{ item.ineffectiveTime.label }}
</div>
<div
style="
display: inline-block;
width: 76%;
width: 69%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.ineffectiveTime.value }}
</div>
</div>
>
{{ item.ineffectiveTime.value }}
</div>
</div>
<!-- 施工期 -->
<div
v-if="!item.remainingConstructionPeriod"
style="height: 120px; box-sizing: border-box"
>
<div
style="
<!-- 施工期 -->
<div
v-if="!item.remainingConstructionPeriod"
style="height: 120px; box-sizing: border-box"
>
<div
style="
display: inline-block;
width: 21%;
width: 30%;
border-right: 2px solid #222;
text-align: center;
line-height: 120px;
box-sizing: border-box;
vertical-align: top;
"
>
施工期
</div>
<div
style="
>
施工期
</div>
<div
style="
display: inline-block;
width: 79%;
width: 69%;
line-height: 60px;
vertical-align: top;
"
>
<div
style="
>
<div
style="
display: inline-block;
border-bottom: 2px solid #222;
box-sizing: border-box;
width: 100%;"
>
<!-- 始 -->
<div
style="
>
<!-- 始 -->
<div
style="
display: inline-block;
width: 10%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.label }}
</div>
<div
style="
>
{{ item.validity.value.start.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.value }}
</div>
</div>
>
{{ item.validity.value.start.value }}
</div>
</div>
<div style="">
<!-- 止 -->
<div
style="
<div style="">
<!-- 止 -->
<div
style="
display: inline-block;
width: 10%;
line-height: 50px;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.label }}
</div>
<div
style="
>
{{ item.validity.value.end.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.value }}
>
{{ item.validity.value.end.value }}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 2 -->
<!--解冻及施工期 -->
<div
v-if="item.remainingConstructionPeriod"
style="width: 100%; height: 40px; font-size: 36px;"
>
<div
style="
<!-- 2 -->
<!--解冻及施工期 -->
<div
v-if="item.remainingConstructionPeriod"
style="width: 100%; height: 40px; "
>
<div
style="
display: inline-block;
text-align: center;
vertical-align: top;
......@@ -377,11 +343,11 @@
border-right: 2px solid #222;
box-sizing: border-box;
"
>
{{ item.validity.label }}
</div>
<div
style="
>
{{ item.validity.label }}
</div>
<div
style="
display: inline-block;
width: 76%;
......@@ -389,69 +355,86 @@
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.label }}
{{ item.validity.value.start.value }}
{{ item.validity.value.end.label }}
{{ item.validity.value.end.value }}
</div>
</div>
>
{{ item.validity.value.start.label }}
{{ item.validity.value.start.value }}
{{ item.validity.value.end.label }}
{{ item.validity.value.end.value }}
</div>
</div>
<!-- 4 -->
<!-- -->
<div
style="
font-size: 36px;
<div
style="
vertical-align: middle;
display: flex;
align-items: center;
font-weight: 500;
height: 90px;
border-top: 2px solid #222;
box-sizing: border-box;
"
>
<!-- 调配员 -->
<div style="width: 50%; display: flex">
<div
style="
>
<!-- 调配员 -->
<div style="width: 50%; display: flex">
<div
style="
width: 42%;
text-align: center;
line-height: 90px;
box-sizing: border-box;
border-right: 2px solid #222;"
>
{{ item.deployment.label }}
</div>
<div
style="
>
{{ item.deployment.label }}
</div>
<div
style="
box-sizing: border-box;
padding-left: 20px;
width: 58%;
line-height: 90px;
border-right: 2px solid #222;"
>
{{ item.deployment.value }}
</div>
</div>
<!-- 检验员 -->
<div style="width: 50%; display: flex">
<div
style="width: 40%;
>
{{ item.deployment.value }}
</div>
</div>
<!-- 检验员 -->
<div style="width: 50%; display: flex">
<div
style="width: 40%;
text-align: center;
line-height: 90px;
border-right: 2px solid #222;"
>
{{ item.inspector.label }}
</div>
<div
style="box-sizing: border-box; padding-left: 20px; line-height: 90px;
>
{{ item.inspector.label }}
</div>
<div
style="box-sizing: border-box; padding-left: 20px; line-height: 90px;
"
>
{{ item.inspector.value }}
>
{{ item.inspector.value }}
</div>
</div>
</div>
</div>
<!-- 二维码 -->
<div
style="
display: inline-block;
padding: 38px 50px;
width: 29%;
box-sizing: border-box;
"
>
<vue-qr
style="height:500px;"
:size="config.width"
:margin="0"
:text="item.text"
:qid="index.toString()"
/>
</div>
</div>
</div>
<div
style="font-size: 34px;
......
applications/dee-mes/src/privateComponents/components/LacquerFreeze/printTag.vue
View file @ e032bcc9
......@@ -7,8 +7,7 @@
style="
border: 2px solid #222;
box-sizing: border-box;
font-weight: 500;
font-size: 36px;
font-size: 50px;
"
>
<div style="border-bottom: 2px solid #222">
......@@ -16,7 +15,7 @@
style="
display: inline-block;
border-right: 2px solid #222;
width: 75%;
width: 70%;
vertical-align: top;
"
>
......@@ -36,7 +35,7 @@
text-align: center;
box-sizing: border-box;
border-right: 2px solid #222;
font-size: 40px;
font-size: 54px;
"
>
{{ item.title }}
......@@ -46,7 +45,7 @@
style="
display: inline-block;
vertical-align: top;
width: 14%;
width: 10%;
border-right: 2px solid #222;
text-align: center;
box-sizing: border-box;
......@@ -59,7 +58,6 @@
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.number.value }}
......@@ -95,13 +93,13 @@
line-height: 60px;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.standard.value }}
</div>
</div>
<!-- 第三行 -->
<div
style="
height: 60px;
......@@ -130,15 +128,14 @@
display: inline-block;
box-sizing: border-box;
padding-left: 10px;
font-size: 36px;
"
>
{{ item.mark.value }}
</div>
</div>
<!-- 合格证号 -->
<!-- 第四行 -->
<div
style="height: 60px; box-sizing: border-box; "
style="height: 60px; box-sizing: border-box; border-bottom: 2px solid #222 "
>
<div
style="
......@@ -156,7 +153,7 @@
<div
style="
display: inline-block;
width: 30%;
width: 40%;
line-height: 60px;
padding-left: 10px;
vertical-align: top;
......@@ -191,302 +188,298 @@
{{ item.weight }}
</div>
</div>
</div>
<!-- 二维码 -->
<div
style="
display: inline-block;
padding: 20px 50px;
box-sizing: border-box;
"
>
<vue-qr
style="height:236px;"
:size="config.width"
:margin="0"
:text="item.text"
:qid="index.toString()"
/>
</div>
</div>
<div
v-if="item.remainingConstructionPeriod"
style="height: 60px; border-bottom: 2px solid #222"
>
<!-- 剩余施工期 -->
<div
style="
<div
v-if="item.remainingConstructionPeriod"
style="height: 60px; line-height: 60px; box-sizing: border-box; border-bottom: 2px solid #222"
>
<!-- 剩余施工期 -->
<div
style="
display: inline-block;
border-right: 2px solid #222;
line-height: 60px;
width: 21%;
width: 28%;
text-align: center;
box-sizing: border-box;
"
>
{{ item.remainingConstructionPeriod.label }}
</div>
<div
style="
>
{{ item.remainingConstructionPeriod.label }}
</div>
<div
style="
display: inline-block;
width: 59%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.remainingConstructionPeriod.value }}{{ item.remainingConstructionPeriod.value&&'min' }}
</div>
</div>
>
{{ item.remainingConstructionPeriod.value }}{{ item.remainingConstructionPeriod.value&&'min' }}
</div>
</div>
<div
v-if="item.ineffectiveTime"
style="height: 60px; line-height: 60px; border-bottom: 2px solid #222"
>
<!-- 失效时间 -->
<div
style="
<div
v-if="item.ineffectiveTime"
style="height: 60px; line-height: 60px; border-bottom: 2px solid #222"
>
<!-- 失效时间 -->
<div
style="
display: inline-block;
width: 21%;
width: 28%;
border-right: 2px solid #222;
text-align: center;
box-sizing: border-box;
"
>
{{ item.ineffectiveTime.label }}
</div>
<div
style="
>
{{ item.ineffectiveTime.label }}
</div>
<div
style="
display: inline-block;
width: 76%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.ineffectiveTime.value }}
</div>
</div>
>
{{ item.ineffectiveTime.value }}
</div>
</div>
<!-- 施工期 -->
<div
v-if="!item.remainingConstructionPeriod"
style="height: 120px; box-sizing: border-box"
>
<div
style="
<!-- 施工期 -->
<div
v-if="!item.remainingConstructionPeriod"
style="height: 120px; box-sizing: border-box"
>
<div
style="
display: inline-block;
width: 21%;
width: 28%;
border-right: 2px solid #222;
text-align: center;
line-height: 120px;
box-sizing: border-box;
vertical-align: top;
"
>
施工期
</div>
<div
style="
>
施工期
</div>
<div
style="
display: inline-block;
width: 79%;
width: 71%;
line-height: 60px;
vertical-align: top;
"
>
<div
style="
>
<div
style="
display: inline-block;
border-bottom: 2px solid #222;
box-sizing: border-box;
width: 100%;"
>
<!-- 始 -->
<div
style="
>
<!-- 始 -->
<div
style="
display: inline-block;
width: 10%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.label }}
</div>
<div
style="
>
{{ item.validity.value.start.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.value }}
</div>
</div>
>
{{ item.validity.value.start.value }}
</div>
</div>
<div style="">
<!-- 止 -->
<div
style="
<div style="">
<!-- 止 -->
<div
style="
display: inline-block;
width: 10%;
line-height: 50px;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.label }}
</div>
<div
style="
>
{{ item.validity.value.end.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.value }}
>
{{ item.validity.value.end.value }}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 2 -->
<!--解冻及施工期 -->
<div
v-if="item.remainingConstructionPeriod"
style="width: 100%; height: 120px; line-height:120px; font-size: 36px;"
>
<div
style="
<!-- 2 -->
<!--解冻及施工期 -->
<div
v-if="item.remainingConstructionPeriod"
style="width: 100%; height: 120px; line-height:120px; "
>
<div
style="
display: inline-block;
text-align: center;
vertical-align: top;
width: 21%;
width: 28%;
border-right: 2px solid #222;
box-sizing: border-box;
"
>
{{ item.validity.label }}
</div>
<div
style="
>
{{ item.validity.label }}
</div>
<div
style="
display: inline-block;
width: 79%;
width: 71%;
line-height: 60px;
vertical-align: top;
"
>
<div
style="
>
<div
style="
display: inline-block;
border-bottom: 2px solid #222;
box-sizing: border-box;
width: 100%;"
>
<!-- 始 -->
<div
style="
>
<!-- 始 -->
<div
style="
display: inline-block;
width: 10%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.label }}
</div>
<div
style="
>
{{ item.validity.value.start.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.start.value }}
</div>
</div>
>
{{ item.validity.value.start.value }}
</div>
</div>
<div style="">
<!-- 止 -->
<div
style="
<div style="">
<!-- 止 -->
<div
style="
display: inline-block;
width: 10%;
line-height: 50px;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.label }}
</div>
<div
style="
>
{{ item.validity.value.end.label }}
</div>
<div
style="
display: inline-block;
width: 89%;
box-sizing: border-box;
padding-left: 10px;
"
>
{{ item.validity.value.end.value }}
>
{{ item.validity.value.end.value }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 4 -->
<!-- -->
<div
style="
font-size: 36px;
<!-- 4 -->
<!-- -->
<div
style="
vertical-align: middle;
display: flex;
align-items: center;
font-weight: 500;
height: 60px;
border-top: 2px solid #222;
box-sizing: border-box;
"
>
<!-- 调配员 -->
<div style="width: 50%; display: flex">
<div
style="
>
<!-- 调配员 -->
<div style="width: 50%; display: flex">
<div
style="
width: 42%;
text-align: center;
line-height: 60px;
box-sizing: border-box;
border-right: 2px solid #222;"
>
{{ item.deployment.label }}
</div>
<div
style="
>
{{ item.deployment.label }}
</div>
<div
style="
box-sizing: border-box;
padding-left: 20px;
width: 58%;
line-height: 60px;
border-right: 2px solid #222;"
>
{{ item.deployment.value }}
</div>
</div>
<!-- 检验员 -->
<div style="width: 50%; display: flex">
<div
style="width: 40%;
>
{{ item.deployment.value }}
</div>
</div>
<!-- 检验员 -->
<div style="width: 50%; display: flex">
<div
style="width: 40%;
text-align: center;
line-height: 60px;
border-right: 2px solid #222;"
>
{{ item.inspector.label }}
</div>
<div
style="box-sizing: border-box; padding-left: 20px; line-height: 60px;
>
{{ item.inspector.label }}
</div>
<div
style="box-sizing: border-box; padding-left: 20px; line-height: 60px;
"
>
{{ item.inspector.value }}
>
{{ item.inspector.value }}
</div>
</div>
</div>
</div>
<!-- 二维码 -->
<div
style="
display: inline-block;
padding: 20px 50px;
box-sizing: border-box;
"
>
<vue-qr
style="height:500px;"
:size="config.width"
:margin="0"
:text="item.text"
:qid="index.toString()"
/>
</div>
</div>
</div>
<div
style="font-size: 34px;
......
applications/dee-mes/src/privateComponents/components/LacquerFreeze/subpackagePrint.vue
View file @ e032bcc9
......@@ -148,7 +148,7 @@ export default {
},
deployment: { label: '发料员', value: data.creator.userName },
inspector: {
label: '检验',
label: '检验员',
value: data.assignCard.checker
}
}
......
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