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