|
|
@@ -1,23 +1,23 @@
|
|
|
<template>
|
|
|
<div class="bg">
|
|
|
<el-dialog
|
|
|
- width="230mm"
|
|
|
- height="279cm"
|
|
|
+ width="900px"
|
|
|
+ height="279mm"
|
|
|
:modal="!alertVisible"
|
|
|
title="领料单"
|
|
|
:visible.sync="alertVisible "
|
|
|
>
|
|
|
<!-- 表单是否显示 -->
|
|
|
- <div style="height: 500px; width: 95%; margin: 0 auto">
|
|
|
+ <div style="height: 500px; width: 90%; margin: 0 auto">
|
|
|
<div ref="qrcode" id="box">
|
|
|
<vue-easy-print tableShow ref="easyPrint" :onePageRow="onePageRow">
|
|
|
<div
|
|
|
v-for="(item1, index1) in list"
|
|
|
:key="index1"
|
|
|
- style="margin-bottom: 30px;padding: 0px 20px;"
|
|
|
+ style="margin-bottom: 30px;width: 85%;margin:0px -10px 0px 5px;"
|
|
|
>
|
|
|
<div style="page-break-after: always">
|
|
|
- <div class="word-title">
|
|
|
+ <!-- <div class="word-title">
|
|
|
<h4>领料单</h4>
|
|
|
</div>
|
|
|
<div class="tagBox">
|
|
|
@@ -37,11 +37,31 @@
|
|
|
领 料 日 期：
|
|
|
<span style="margin-left: 10px">{{ item1.ling_liao_ri_qi_}}</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
+ </div> -->
|
|
|
+ <!-- </div> -->
|
|
|
+ <div style="margin: 0px -2px 0px 40px;">
|
|
|
<table :border="1">
|
|
|
<thead>
|
|
|
+ <tr class="title" style="background:#ffffff">
|
|
|
+ <th colspan="15">
|
|
|
+ <!-- <h1 style="display:block;font-size: 18px;">领料单</h1> -->
|
|
|
+ <div style="line-height: 16px;font-size: 18px;font-weight: bold;">领料单</div>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ <tr class="title" style="background:#ffffff">
|
|
|
+ <th colspan="15">
|
|
|
+ <span style="float: left;">
|
|
|
+ 领料部门:<span style="margin-left: 10px">{{item1.bu_men_ming_cheng}}</span>
|
|
|
+ </span>
|
|
|
+ <span style="float:right;padding-right: 8px;text-align: left;width: 165px;">领 料 日 期:{{ item1.ling_liao_ri_qi_}}</span>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ <tr class="title" style="background:#ffffff">
|
|
|
+ <th colspan="15">
|
|
|
+ <!-- <span style="float:left;">供应商:<span style="margin-left: 10px">{{item1.gong_ying_shang_| gongyingshang(gongyingshangList)}}</span></span> -->
|
|
|
+ <span style="float:right;padding-right: 8px;">领料单编号:{{ item1.ling_liao_chu_ku_ }}</span>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
<tr>
|
|
|
<th style="width: 40px; line-height: 22px">序号</th>
|
|
|
<th style="font-weight: normal">物料编码</th>
|
|
|
@@ -93,15 +113,15 @@
|
|
|
</div>
|
|
|
<div class="bottom">
|
|
|
<div></div>
|
|
|
- <div style="float: left">
|
|
|
+ <div style="float: left;margin-left: 38px;">
|
|
|
领用人/日期：
|
|
|
{{ item1.name1 }}/{{ item1.ling_liao_ri_qi_ }}
|
|
|
</div>
|
|
|
- <div style="margin: 0 auto">
|
|
|
+ <div style="float: left;margin-left: 80px;">
|
|
|
审核人/日期 :
|
|
|
{{ item1.name2 }} /{{item1.time2}}
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div style="float: right">
|
|
|
发放人/日期 :
|
|
|
{{ item1.name3 }}/{{ item1.time3 }}
|
|
|
</div>
|
|
|
@@ -317,14 +337,116 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
+<!-- <style lang="scss" scoped>
|
|
|
+.word-title {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
.bottom {
|
|
|
margin-top: 15px;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: space-between;
|
|
|
+ // align-items: center;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+.bottom {
|
|
|
+ margin-top: 15px;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+ border-left: 1px solid #fff;
|
|
|
+ border-right: 1px solid #fff;
|
|
|
+}
|
|
|
+.word-title {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+thead {
|
|
|
+ background: #f3f3f3;
|
|
|
+}
|
|
|
+.el-dialog__body {
|
|
|
+ color: #0d0e0f;
|
|
|
+ font-size: 10px !important;
|
|
|
+ word-break: none;
|
|
|
+}
|
|
|
+thead > tr > th {
|
|
|
+ font-size: 10px;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: normal;
|
|
|
+ color: #01060c;
|
|
|
+}
|
|
|
+thead > tr > th > td {
|
|
|
+ font-size: 10px;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: normal;
|
|
|
+ color: #01060c;
|
|
|
+}
|
|
|
+.logo {
|
|
|
+ position: absolute;
|
|
|
+ top: -32px;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+.tagBox {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ // border: 1px solid #000000;
|
|
|
+ padding: 5px;
|
|
|
+ display: flex;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.la {
|
|
|
+ display: flex;
|
|
|
align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.lh {
|
|
|
+ // line-height: auto;
|
|
|
+ font-size: 12px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+* {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #01060c;
|
|
|
+}
|
|
|
+
|
|
|
+td {
|
|
|
+ width: 120px;
|
|
|
+ // height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 10px;
|
|
|
+}
|
|
|
+.friday {
|
|
|
+ width: 100px;
|
|
|
+ height: 50px;
|
|
|
+}
|
|
|
+</style> -->
|
|
|
+<style lang="scss" scoped>
|
|
|
+.bottom {
|
|
|
+ margin-top: 15px;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: space-between;
|
|
|
+ // align-items: center;
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
+.bottom {
|
|
|
+ margin-top: 15px;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+ border-left: 1px solid #fff;
|
|
|
+ border-right: 1px solid #fff;
|
|
|
+}
|
|
|
+.title{
|
|
|
+ border-top: 1px solid #fff;
|
|
|
+ border-left: 1px solid #fff;
|
|
|
+ border-right: 1px solid #fff;
|
|
|
+}
|
|
|
.word-title {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
zhangjingyuan