流程页面物料打单

src/views/system/jbdScan/goods/bwlingliaodan.vue

@@ -14,7 +14,7 @@
             <div
               v-for="(item1, index1) in list"
               :key="index1"
-              style="margin-bottom: 30px;padding: 0px  30px  0px 40px;"
+              style="margin-bottom: 30px;margin: 0px -10px 0px 5px;width: 85%;"
             >
               <div style="page-break-after: always">
                 <!-- <div class="word-title">
@@ -42,12 +42,12 @@
                     </div>
                   </div>
                 </div> -->
-                <div>
+                <div style="margin: 0px -2px 0px 40px;">
                   <table :border="1">
                     <thead>
                       <tr class="title" style="background:#ffffff">
                         <th colspan="15">
-                          <h4 style="display:block">领料单</h4>
+                          <div style="line-height: 16px;font-size: 18px;font-weight: bold;">领料单</div>
                         </th>
                       </tr>
                       <tr class="title" style="background:#ffffff">

src/views/system/jbdScan/wuliao/bwlingliaodan.vue

@@ -14,10 +14,10 @@
             <div
               v-for="(item1, index1) in list"
               :key="index1"
-              style="margin-bottom: 30px"
+              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">
@@ -41,10 +41,29 @@
                       }}</span>
                     </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">
+                          <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.ling_liao_bu_men_|bumenfilters(bumenList) }}</span>
+                          </span>
+                          <span style="float:right;padding-right: 8px;">领 料 日 期 :{{ 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_dan_bia}}</span>
+                        </th>
+                      </tr>
                       <tr>
                         <th style="width: 40px; line-height: 22px">序号</th>
                         <th style="font-weight: normal">物料编码</th>
@@ -93,15 +112,15 @@
                   </table>
                 </div>
                 <div class="bottom">
-                  <div style="float: left">
+                  <div style="float: left;margin-left: 39px;">
                     领用人/日期：
                     {{ item1.name1 }}/{{ item1.ling_liao_ri_qi_ }}
                   </div> 
-                  <div style="margin: 0 auto" >
+                  <div style="float: left;margin-left: 100px;" >
                     审核人/日期 :
                     {{ item1.name2 }} /{{item1.time2}}
                   </div>
-                  <div>
+                  <div style="float: right">
                     发放人/日期 :
                     {{ item1.name3 }}/{{ item1.time3 }}
                   </div>
@@ -309,7 +328,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<!-- <style lang="scss" scoped>
 .bottom {
   margin-top: 15px;
   display: flex;
@@ -379,6 +398,98 @@ table {
   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;
+}
+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;

src/views/system/jbdScan/wuliao/caigourukudan.vue

@@ -14,11 +14,11 @@
             <div
               v-for="(item1, index1) in list"
               :key="index1"
-              style="margin-bottom: 30px;padding: 0px 45px 0px 20px;"
+              style="margin-bottom: 30px;margin: 0px -10px 0px 5px;width: 85%;"
             >
-              <div style="page-break-after: always">
+              <div style="page-break-after: always;margin: 0px -2px 0px 40px;">
                 <div class="word-title">
-                  <h4>采购入库单</h4>
+                  <div style="line-height: 16px;font-size: 18px;font-weight: bold;">采购入库单</div>
                 </div>
                 <div class="tagBox">
                   <div>

src/views/system/jbdScan/wuliao/chnangguirukudan.vue

@@ -15,15 +15,15 @@
             <div
               v-for="(item1, index1) in list"
               :key="index1"
-              style="margin-bottom: 30px;padding: 0px 20px  0px 30px;"
+              style="margin-bottom: 30px;margin: 0px -10px 0px 5px;width: 85%;"
             >
               <div style="page-break-after: always">
-                <div>
+                <div style="margin: 0px -2px 0px 40px;">
                   <table :border="1">
                     <thead>
                       <tr class="title" style="background:#ffffff">
                         <th colspan="15">
-                          <h4 style="display:block">采购入库单</h4>
+                          <div style="line-height: 16px;font-size: 18px;font-weight: bold;">采购入库单</div>
                         </th>
                       </tr>
                       <tr class="title" style="background:#ffffff">

src/views/system/jbdScan/wuliao/lingliaodan.vue

@@ -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;