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