Home Explore Help
Register Sign In
gdc
/
yiliangyiyun-pc
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

出库打印更新

zhongtianhaoyuan 3 years ago
parent
2cf971e3a2
commit
b16d7054ed
4 changed files with 1089 additions and 1037 deletions
Unified View Show Diff Stats
  1. 361 0
      public/static/outWeightPrint.html
  2. 8 17
      src/views/outboundManagement/component/weightCheckPrint.vue
  3. 691 986
      src/views/outboundManagement/weighingManagementNew.vue
  4. 29 34
      src/views/outboundManagement/weighingManagementrecord.vue

+ 361 - 0
public/static/outWeightPrint.html
View File 

@@ -0,0 +1,361 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
+    <title></title>
 
+    <style>
 
+        .number {
 
+            width: 50%;
 
+            text-align: right;
 
+            margin: 0 0 10px 0;
 
+        }
 
+
 
+        .No {
 
+            width: 50%;
 
+            text-align: left;
 
+        }
 
+
 
+        .title {
 
+            text-align: center;
 
+            font-size: 28px;
 
+            font-weight: 600;
 
+        }
 
+
 
+        .title_top {
 
+            display: flex
 
+        }
 
+
 
+        table,
 
+        table tr th,
 
+        table tr td {
 
+            border: 2px solid #333333;
 
+            padding: 5px 0;
 
+        }
 
+
 
+        table {
 
+            width: 100%;
 
+            min-height: 25px;
 
+            line-height: 25px;
 
+            text-align: center;
 
+            border-collapse: collapse;
 
+            border: 3px solid #333333;
 
+        }
 
+
 
+        .col-bgc {
 
+            background: #f6f7fb;
 
+        }
 
+
 
+        .bottom-row1 {
 
+            display: flex;
 
+            margin: 10px 0;
 
+        }
 
+
 
+        .bottom-row2 {
 
+            display: flex;
 
+            margin: 10px 0;
 
+        }
 
+
 
+        img {
 
+            width: 120px;
 
+            height: 120px;
 
+            margin-right: 118px;
 
+        }
 
+
 
+        .config {
 
+            margin-top: 20px;
 
+            margin-right: 120px;
 
+        }
 
+
 
+        .autograph {
 
+            margin-top: 20px;
 
+            margin-right: 120px;
 
+        }
 
+
 
+        .bottom-row3 {
 
+            margin: 10px 0;
 
+        }
 
+
 
+        .bottom-row4 {
 
+            margin-top: 50px;
 
+            text-align: center;
 
+        }
 
+
 
+        .small-content {
 
+            width: 400px;
 
+            margin: 0 auto;
 
+            border: 1px solid #ccc;
 
+            padding: 20px 20px 160px 20px;
 
+            position: absolute;
 
+            top: 0;
 
+            bottom: 0;
 
+            left: 0;
 
+            right: 0;
 
+            margin: auto;
 
+            height: 650px;
 
+            margin-top: 20px;
 
+        }
 
+
 
+        .small-title {
 
+            text-align: center;
 
+            font-size: 18px;
 
+            display: flex;
 
+            justify-content: space-between;
 
+            align-items: center;
 
+        }
 
+
 
+        .small-row {
 
+            display: flex;
 
+            justify-content: space-between;
 
+            margin: 10px;
 
+        }
 
+        .listName{
 
+            font-size: 22px;
 
+            font-weight: 600;
 
+            margin-top: 20px;
 
+        }
 
+        .img_css{
 
+            width: 70px;
 
+            height: 70px;
 
+            margin-right: 0px;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div id="app">
 
+        <div v-if="bigContent">
 
+            <div class="title">出库检斤单</div>
 
+            <div class="title_top">
 
+                <div class="No" v-if="tableData.contractNo">{{tableData.contractNo}}</div>
 
+                <div class="No" else>{{tableData.moveTaskNo}}</div>
 
+                <div class="number">{{tableData.number}}</div>
 
+            </div>
 
+
 
+            <table class="table">
 
+                <tr class="row">
 
+                    <td class="col col-bgc">收货单位</td>
 
+                    <td class="col" colspan="2">{{tableData.contractManagement?tableData.contractManagement.buyer:""}}</td>
 
+                    <td class="col col-bgc">客户电话</td>
 
+                    <td class="col">{{tableData.contractManagement?tableData.contractManagement.buyerPhone:""}}</td>
 
+                    <td class="col col-bgc">车牌号</td>
 
+                    <td class="col" colspan="2">{{tableData.carNumber}}</td>
 
+                </tr>
 
+                <tr class="row">
 
+                    <td class="col col-bgc">出库单位</td>
 
+                    <td class="col" colspan="2">{{tableData.compName}}</td>
 
+                    <td class="col col-bgc">联系人</td>
 
+                    <td class="col">{{tableData.person}}</td>
 
+                    <td class="col col-bgc">联系电话</td>
 
+                    <td class="col" colspan="2">{{tableData.personPhone}}</td>
 
+                </tr>
 
+                <tr class="row">
 
+                    <td class="col col-bgc">货名</td>
 
+                    <td class="col">{{tableData.goodsName}}</td>
 
+                    <td class="col col-bgc">类型</td>
 
+                    <td class="col">{{tableData.type}}</td>
 
+                    <td class="col col-bgc">容量（克/升）</td>
 
+                    <td class="col">{{tableData.qualityInspectionManagement ?
 
+                        tableData.qualityInspectionManagement.bulkDensity:""}}</td>
 
+                    <td class="col col-bgc">不完善粒（%）</td>
 
+                    <td class="col">{{tableData.qualityInspectionManagement ?
 
+                        tableData.qualityInspectionManagement.imperfectGrain:""}}</td>
 
+                </tr>
 
+                <tr class="row">
 
+                    <td class="col col-bgc">等级</td>
 
+                    <td class="col">{{tableData.qualityInspectionManagement ?
 
+                        tableData.qualityInspectionManagement.grade:""}}</td>
 
+                    <td class="col col-bgc">水分（%）</td>
 
+                    <td class="col">{{ tableData.qualityInspectionManagement ?
 
+                        tableData.qualityInspectionManagement.waterContent:""}}</td>
 
+                    <td class="col col-bgc">热损伤（%）</td>
 
+                    <td class="col">{{tableData.qualityInspectionManagement ?
 
+                        tableData.qualityInspectionManagement.jiaorenli:""}}</td>
 
+                    <td class="col" colspan="2"></td>
 
+                </tr>
 
+                <tr class="row">
 
+                    <td class="col col-bgc">杂质（%）</td>
 
+                    <td class="col">{{ tableData.qualityInspectionManagement ?
 
+                        tableData.qualityInspectionManagement.impurity:""}}</td>
 
+                    <td class="col col-bgc">霉变粒（%）</td>
 
+                    <td class="col">{{tableData.qualityInspectionManagement ?
 
+                        tableData.qualityInspectionManagement.mildewGrain:""}}</td>
 
+                    <td class="col col-bgc">扣杂</td>
 
+                    <td class="col">{{tableData.qualityInspectionManagement ?
 
+                        tableData.qualityInspectionManagement.buckleMiscellaneous:""}}</td>
 
+                    <td class="col" colspan="2"></td>
 
+                </tr>
 
+                <tr class="row">
 
+                    <td class="col col-bgc">毛重（公斤）</td>
 
+                    <td class="col">{{tableData.grossWeight}}</td>
 
+                    <td class="col col-bgc">皮重（公斤）</td>
 
+                    <td class="col">{{tableData.tare}}</td>
 
+                    <td class="col col-bgc">扣重（公斤）</td>
 
+                    <td class="col">{{tableData.buckleMiscellaneous}}</td>
 
+                    <td class="col col-bgc">净重（公斤）</td>
 
+                    <td class="col">{{tableData.netWeight}}</td>
 
+                </tr>
 
+                <tr class="row">
 
+                    <td class="col col-bgc" colspan="2">毛重检斤时间</td>
 
+                    <td class="col" colspan="2">{{tableData.grossDate}}</td>
 
+                    <td class="col col-bgc" colspan="2"> 皮重检斤时间</td>
 
+                    <td class="col" colspan="2">{{tableData.tareDate}}</td>
 
+                </tr>
 
+            </table>
 
+            <div class="bottom">
 
+                <div class="bottom-row1">
 
+                    <div>毛检：{{tableData.secretaryWeigher}}</div>
 
+                    <div style="margin-left:60px">皮检：{{tableData.skinInspector}}</div>
 
+                    <!-- <div>{{tableData.qualityDate}}</div> -->
 
+                </div>
 
+                <div class="bottom-row2">
 
+                    <div class="left">
 
+                        <img :src="tableData.codeUrl" alt="" />
 
+                    </div>
 
+                    <div class="config">收货单位签名或盖章：</div>
 
+                    <div class="autograph">客户签名：</div>
 
+                    <div class="autograph">司机签名：</div>
 
+                </div>
 
+                <div class="bottom-row3">扫一扫</div>
 
+            </div>
 
+        </div>
 
+        <div class="small-content" v-if="smallContent">
 
+            <div  class="small-row">
 
+                <div class="listName">出库检斤单</div>
 
+                <img :src="tableData.codeUrl" alt="" class="img_css" />
 
+            </div>
 
+            <div class="small-row" v-if="tableData.number">
 
+                <div>业务编号</div>
 
+                <div>{{tableData.number}}</div>
 
+            </div>
 
+            <div class="small-row" else>
 
+                <div>移库任务编号</div>
 
+                <div>{{tableData.moveTaskNo}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>收货单位</div>
 
+                <div v-if="tableData.number">{{tableData.contractManagement?tableData.contractManagement.buyer:""}}</div>
 
+                <div else>{{tableData.compName}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>车牌号</div>
 
+                <div>{{tableData.carNumber}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>出库单位</div>
 
+                <div>{{tableData.compName}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>联系人</div>
 
+                <div>{{tableData.person}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>联系电话</div>
 
+                <div>{{tableData.personPhone}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>货名</div>
 
+                <div>{{tableData.goodsName}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>类型</div>
 
+                <div>{{tableData.type}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>毛重（公斤）</div>
 
+                <div>{{tableData.grossWeight}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>毛检时间</div>
 
+                <div>{{tableData.grossDate}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>皮重（公斤</div>
 
+                <div>{{tableData.tare}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>皮检时间</div>
 
+                <div>{{tableData.tareDate}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>扣重（公斤）</div>
 
+                <div>{{tableData.buckleMiscellaneous}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>净重（公斤）</div>
 
+                <div>{{tableData.netWeight}}</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>发货单位签名或盖章：</div>
 
+            </div>
 
+            <div class="small-row">
 
+                <div>客户签名：</div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</body>
 
+<script src="../cdn/vue/2.6.10/vue.min.js"></script>
 
+<script src="https://unpkg.com/element-ui/lib/index.js"></script>
 
+<script type="text/javascript">
 
+    new Vue({
 
+        el: '#app',
 
+        data: {
 
+            tableData: {
 
+                // qualityInspectionManagement:{}
 
+            },
 
+            name: "",
 
+            bigContent: false,
 
+            smallContent: false
 
+        },
 
+        computed: {},
 
+        methods: {
 
+            tableRowClassName({
 
+                row,
 
+                rowIndex
 
+            }) {
 
+                if (rowIndex === 1) {
 
+                    return 'warning-row';
 
+                } else if (rowIndex === 3) {
 
+                    return 'success-row';
 
+                }
 
+                return '';
 
+            },
 
+            getQueryVariable(variable) {
 
+                var query = window.location.search.substring(1);
 
+                var vars = query.split("&");
 
+                for (var i = 0; i < vars.length; i++) {
 
+                    var pair = vars[i].split("=");
 
+                    if (pair[0] == variable) {
 
+                        return pair[1];
 
+                    }
 
+                }
 
+                return (false);
 
+            },
 
+            printSmall() { },
 
+            printBig() { },
 
+        },
 
+        mounted() {
 
+            let _data = JSON.parse(localStorage.getItem('ck_bd_printData1'))
 
+            let _type = this.getQueryVariable("type")
 
+            if (_type == 2) {
 
+                this.bigContent = true
 
+                this.smallContent = false
 
+            } else {
 
+                this.smallContent = true
 
+                this.bigContent = false
 
+            }
 
+            console.log(_data, "sddsd")
 
+            this.tableData = _data
 
+            console.log(this.tableData)
 
+            document.title = "粮食检斤单"
 
+            window.print()
 
+            window.onafterprint = function (event) {
 
+                window.history.back(-1)
 
+            };
 
+        },
 
+        watch: {}
 
+    })
 
+</script>
 
+
 
+</html>

+ 8 - 17
src/views/outboundManagement/component/weightCheckPrint.vue
View File 

@@ -4,19 +4,15 @@
 
         <div class="number">{{tableData.number}}</div>
 
         <div class="number">{{tableData.number}}</div>
 
         <table class="table">
 
         <table class="table">
 
           <tr class="row">
 
           <tr class="row">
 
-            <td class="col col-bgc" v-if="tableData.serviceManagementType == 3">客户姓名</td>
 
-            <td class="col" colspan="2" v-if="tableData.serviceManagementType == 3">{{tableData.customer}}</td>
 
-            <td class="col col-bgc" v-if="tableData.serviceManagementType == 1">发货单位</td>
 
-            <td class="col" colspan="2" v-if="tableData.serviceManagementType == 1">{{tableData.contractManagement ? tableData.contractManagement.seller : ""}}</td>
 
-            <td class="col col-bgc" v-if="tableData.serviceManagementType == 3">客户电话</td>
 
-            <td class="col" v-if="tableData.serviceManagementType == 3">{{tableData.customerPhone}}</td>
 
-            <td class="col col-bgc" v-if="tableData.serviceManagementType == 1">联系电话</td>
 
-            <td class="col" v-if="tableData.serviceManagementType == 1">{{tableData.contractManagement ? tableData.contractManagement.sellerPhone : ""}}</td>
 
+            <td class="col col-bgc">收货单位</td>
 
+            <td class="col" colspan="2">{{tableData.contractManagement?tableData.contractManagement.buyer:""}}</td>
 
+            <td class="col col-bgc">客户电话</td>
 
+            <td class="col">{{tableData.contractManagement?tableData.contractManagement.buyerPhone:""}}</td>
 
             <td class="col col-bgc">车牌号</td>
 
             <td class="col col-bgc">车牌号</td>
 
             <td class="col" colspan="2">{{tableData.carNumber}}</td>
 
             <td class="col" colspan="2">{{tableData.carNumber}}</td>
 
           </tr>
 
           </tr>
 
           <tr class="row">
 
           <tr class="row">
 
-            <td class="col col-bgc">收货单位</td>
 
+            <td class="col col-bgc">出库单位</td>
 
             <td class="col" colspan="2">{{tableData.compName}}</td>
 
             <td class="col" colspan="2">{{tableData.compName}}</td>
 
             <td class="col col-bgc">联系人</td>
 
             <td class="col col-bgc">联系人</td>
 
             <td class="col" >{{tableData.person}}</td>
 
             <td class="col" >{{tableData.person}}</td>
 
@@ -40,7 +36,7 @@
 
             <td class="col">{{tableData.qualityInspectionManagement.waterContent}}</td>
 
             <td class="col">{{tableData.qualityInspectionManagement.waterContent}}</td>
 
             <td class="col col-bgc">热损伤（%）</td>
 
             <td class="col col-bgc">热损伤（%）</td>
 
             <td class="col">{{tableData.qualityInspectionManagement.jiaorenli}}</td>
 
             <td class="col">{{tableData.qualityInspectionManagement.jiaorenli}}</td>
 
-            <td class="col col-bgc" colspan="2">质检&nbsp;&nbsp;{{tableData.qualityInspectionManagement.qualityDate}}</td>
 
+            <td class="col" colspan="2"></td>
 
           </tr>
 
           </tr>
 
           <tr class="row">
 
           <tr class="row">
 
             <td class="col col-bgc">杂质（%）</td>
 
             <td class="col col-bgc">杂质（%）</td>
 
@@ -49,6 +45,7 @@
 
             <td class="col">{{tableData.qualityInspectionManagement.mildewGrain}}</td>
 
             <td class="col">{{tableData.qualityInspectionManagement.mildewGrain}}</td>
 
             <td class="col col-bgc">扣杂</td>
 
             <td class="col col-bgc">扣杂</td>
 
             <td class="col">{{tableData.qualityInspectionManagement.buckleMiscellaneous}}</td>
 
             <td class="col">{{tableData.qualityInspectionManagement.buckleMiscellaneous}}</td>
 
+             <td class="col" colspan="2"></td>
 
           </tr>
 
           </tr>
 
           <tr class="row">
 
           <tr class="row">
 
             <td class="col col-bgc">毛重（公斤）</td>
 
             <td class="col col-bgc">毛重（公斤）</td>
 
@@ -82,13 +79,7 @@
 
             <div class="autograph">司机签名：</div>
 
             <div class="autograph">司机签名：</div>
 
           </div>
 
           </div>
 
           <div class="bottom-row3">扫一扫</div>
 
           <div class="bottom-row3">扫一扫</div>
 
-           <!-- <div class="bottom-row4">
 
-         <el-button type="primary">关闭</el-button>
 
-        <el-button type="primary" @click="printSmall">打印小票</el-button>
 
-        <el-button type="primary" @click="printBig">打印单据</el-button> 
-      </div> -->
 
         </div>
 
         </div>
 
-        
     </div>
 
     </div>
 
 </template>
 
 </template>
 
 <script>
 
 <script>
 
@@ -165,7 +156,7 @@ export default{
 
 
 
     .config {
 
     .config {
 
         margin-top: 20px;
 
         margin-top: 20px;
 
-      margin-right: 240px;
 
+      margin-right: 120px;
 
     }
 
     }
 
     .autograph{
 
     .autograph{
 
         margin-top: 20px;
 
         margin-top: 20px;

File diff suppressed because it is too large
+ 691 - 986
src/views/outboundManagement/weighingManagementNew.vue


+ 29 - 34
src/views/outboundManagement/weighingManagementrecord.vue
View File 

@@ -103,10 +103,10 @@
 
     </WinseaContentModal>
 
     </WinseaContentModal>
 
     <el-dialog
 
     <el-dialog
 
       width="70%"
 
       width="70%"
 
-      class="table-content"
 
+      class="title_css"
 
       center
 
       center
 
       :visible.sync="isShowPrint"
 
       :visible.sync="isShowPrint"
 
-      title="粮食检斤单"
 
+      title="出库检斤单"
 
       @opened="opendBtn"
 
       @opened="opendBtn"
 
       @close="closeDialog"
 
       @close="closeDialog"
 
       :close-on-click-modal="false"
 
       :close-on-click-modal="false"
 
@@ -229,42 +229,34 @@
 
         this.getList()
 
         this.getList()
 
       },
 
       },
 
       printSmall() {
 
       printSmall() {
 
-      // window.open(
 
-      //   '../../../../static/weightCheck.html?type=1&tableData=' +
 
-      //     JSON.stringify(this.inspect)
 
-      // )
 
-      localStorage.setItem('inspect',JSON.stringify(this.inspect))
 
-        window.open('../../../static/weightChecknew.html?type=1' )
 
+         localStorage.setItem('ck_bd_printData1',JSON.stringify(this.inspect))
 
+         window.open('../../../../static/outWeightPrint.html?type=1')
 
     },
 
     },
 
     printBig() {
 
     printBig() {
 
-      localStorage.setItem('inspect',JSON.stringify(this.inspect))
 
-        window.open('../../../static/weightChecknew.html?type=2' )
 
-      // window.open(
 
-      //   '../../../../static/weightCheck.html?type=2&tableData=' +
 
-      //     JSON.stringify(this.inspect)
 
-      // )
 
+         localStorage.setItem('ck_bd_printData1',JSON.stringify(this.inspect))
 
+         window.open('../../../../static/outWeightPrint.html?type=2')
 
     },
 
     },
 
     opendBtn() {
 
     opendBtn() {
 
-      html2canvas(this.$refs.saveImg.$el).then((canvas) => {
 
-        let dataURL = canvas.toDataURL('image/png')
 
-        this.imgUrl = dataURL
 
-        if (this.imgUrl !== '') {
 
-          let b = this.dataURLtoFile(this.imgUrl, 'printImage')
 
-          let formdata = new FormData()
 
-          formdata.append('file', b)
 
-          axios({
 
-            method: 'post',
 
-            url: 'https://www.zthymaoyi.com/upload/admin',
 
-            data: formdata,
 
-          }).then((response) => {
 
-            //编辑接口
 
-            this.weighingList.pictureAddress = response.data.url
 
-            tare(this.weighingList)
 
-              .toPromise()
 
-              .then((response) => {})
 
-          })
 
-        }
 
-      })
 
+      // html2canvas(this.$refs.saveImg.$el).then((canvas) => {
 
+      //   let dataURL = canvas.toDataURL('image/png')
 
+      //   this.imgUrl = dataURL
 
+      //   if (this.imgUrl !== '') {
 
+      //     let b = this.dataURLtoFile(this.imgUrl, 'printImage')
 
+      //     let formdata = new FormData()
 
+      //     formdata.append('file', b)
 
+      //     axios({
 
+      //       method: 'post',
 
+      //       url: 'https://www.zthymaoyi.com/upload/admin',
 
+      //       data: formdata,
 
+      //     }).then((response) => {
 
+      //       //编辑接口
 
+      //       this.weighingList.pictureAddress = response.data.url
 
+      //       tare(this.weighingList)
 
+      //         .toPromise()
 
+      //         .then((response) => {})
 
+      //     })
 
+      //   }
 
+      // })
 
     },
 
     },
 
     closeDialog() {
 
     closeDialog() {
 
       html2canvas(this.$refs.saveImg.$el).then((canvas) => {
 
       html2canvas(this.$refs.saveImg.$el).then((canvas) => {
 
@@ -452,4 +444,7 @@
 
     border-top-right-radius: 0px;
 
     border-top-right-radius: 0px;
 
     border-bottom-right-radius: 0px;
 
     border-bottom-right-radius: 0px;
 
   }
 
   }
 
+   /deep/.title_css .el-dialog__header{
 
+    text-align: center !important;
 
+  }
 
 </style>
 
 </style>

Some files were not shown because too many files changed in this diff