wangchao
/
yiliangyiyun-pc-zl


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="../cdn/element-ui/2.13.2/theme-chalk/index.css">
    <title></title>
    <style>
        table,
        table tr th,
        table tr td {
            border: 2px solid #333333;
            padding: 5px 0;
        }

        #app {
            height: 88vh;
            position: relative;
        }

        .content {
            width: 1000px;
            /* height: 583px; */
            margin: auto;
            /* position: absolute; */
            /* top: -5vh; */
            /* bottom: 0;
        left: 0;
        right: 0; */
        }

        table {
            width: 100%;
            text-align: center;
            border-collapse: collapse;
            border: 3px solid #333333;
        }

        .col-bgc {
            background: #f6f7fb;
        }

        .bottom-row1 {
            display: flex;
            justify-content: space-between;
            margin: 20px 0;
        }

        .bottom-row2 {
            display: flex;
            margin: 10px 0;
        }

        img {
            width: 41px;
            height: 41px;
            /* margin-right: 118px; */
        }

        .config {
            margin-right: 240px;
        }

        .bottom-row3 {
            margin: 10px 0;
        }

        .title {
            text-align: center;
            font-size: 24px;
        }

        .title12 {
            margin-top: 20px;
        }

        .number {
            text-align: right;
            margin-bottom: 10px;
        }

        .small-row {
            display: flex;
        }

        .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;
        }

        .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;
        }

        .small-img {
            margin-right: 0;
        }

        .sign {
            margin-right: 100px;
        }

        .header {
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            margin: 10px 0;
        }

        .header1 {
            font-size: 24px;
            margin: 30px 60px 10px 60px;
            display: flex;
            justify-content: center;
        }

        .line {
            height: 2px;
            width: 410px;
            margin: 3px auto;
            background: black;
        }

        .line:nth-of-type(3) {
            margin-bottom: 30px;
        }

        .header-top {
            display: flex;
            justify-content: space-between;
        }

        .sfcard {}

        .sfcard-content {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
        }

        .sfcard-content img {
            width: 45%;
            height: 50vh;
        }

        .sfcard-title {
            font-size: 28px;
            text-align: center;
            margin: 10px 0;
        }

        .avatar {
            margin-bottom: 120px;
        }

        .avatar:nth-of-type(2) {
            margin-bottom: 140px;
        }

        .center {
            height: calc(100vh - 8px);
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="center">
            <div class="title">{{company}}<span v-if="type == '2'">出</span><span v-if="type == '3'">入</span>库单</div>
            <div class='title12'>
                <span>仓库名：</span>
                <span>{{warehouseName}}</span>
                <span v-if='printData[0].qualityInspector'>质检员:</span>
                <span v-if='printData[0].qualityInspector'>{{printData[0].qualityInspector}}</span>
                <span> 检斤员：</span>
                <span>{{printData[0].qualityInspector}}</span>
                <p>
                    <span>日期：</span>
                    <span>{{startDate}}</span>
                    <span>到</span>
                    <span>{{endDate}}</span>
                </p>
                <p>
                    <span>货名：</span>
                    <span>{{printData[0].goodsName}}</span>
                    <span style="margin-left:100px">质量单位：吨</span>
                    <span style="margin-left:100px">车数：{{printData.length}}辆</span>
                </p>
            </div>
            <table class="table">
                <tr class="row">
                    <th>业务编号</th>
                    <th v-if="type == '2'">出库日期</th>
                    <th v-if="type == '3'">入库日期</th>
                    <th>车牌号</th>
                    <th>仓位号</th>
                    <th>水分</th>
                    <th>容重</th>
                    <th>杂质</th>
                    <th>毛重</th>
                    <th>皮重</th>
                    <th v-if="printData[0].goodsName.indexOf('潮粮') != -1">潮粮净重</th>
                    <th v-else>净重</th>
                    <th v-if="printData[0].goodsName.indexOf('潮粮') != -1">折干净重</th>

                </tr>
                <tr class="row" v-for="(item,index) in printData">
                    <td class="col">{{item.busNo.substring(8)}}</td>
                    <td class="col">{{item.inOutDate.substring(5)}}</td>
                    <td class="col">{{item.carNo}}</td>
                    <td class="col">{{item.binNumber}}</td>
                    <td class="col">{{item.waterContent}}</td>
                    <td class="col">{{item.bulkDensity}}</td>
                    <td class="col">{{item.impurity}}</td>
                    <td class="col">{{item.grossWeight}}</td>
                    <td class="col">{{item.tare}}</td>
                    <td class="col">{{item.netWeight}}</td>
                    <td class="col" v-if="printData[0].goodsName.indexOf('潮粮') != -1">{{item.pureWeight}}</td>
                </tr>
                <tr class="row">
                    <td class="col">合计</td>
                    <td class="col"></td>
                    <td class="col"></td>
                    <td class="col"></td>
                    <td class="col"></td>
                    <td class="col"></td>
                    <td class="col"></td>
                    <td class="col">{{maoZhong.toFixed(3)}}</td>
                    <td class="col">{{piZhong.toFixed(3)}}</td>
                    <td class="col">{{jingZhong.toFixed(3)}}</td>
                    <td class="col" v-if="printData[0].goodsName.indexOf('潮粮') != -1">{{ganZhong.toFixed(3)}}</td>
                </tr>
            </table>
        </div>

    </div>
</body>
<script src="../cdn/vue/2.6.10/vue.min.js"></script>
<script src="../cdn/element-ui/2.13.2/index.js"></script>
<script type="text/javascript">
    new Vue({
        el: '#app',
        data: {
            showType: [],
            printData: [{
                identityAuthenticationInfo: {},
                qualityInspectionManagement: {},
                weighingManagement: {},
                customerNumberCard: {},
            }],
            printData1: [],
            customerList: {},
            customerList1: [],

            date: '',
            warehouseName: "",
            type: "",
            maoZhong: 0,
            piZhong: 0,
            jingZhong: 0,
            ganZhong: 0,
            binNos: [],
            binNoShow: "",
            startDate: "",
            endDate: "",
            company: ""
        },
        computed: {},
        methods: {
            dealNo(str) {
                return str.slice(4)
            },
            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() {
            // console.log(API_CONFIG,1111111111)
            // var ippath=API_CONFIG.devServer.proxy['/pb'].target

            this.company = localStorage.getItem("ws-pf_compName")
            this.date = new Date().toLocaleString()
            this.type = decodeURIComponent(this.getQueryVariable('type'))
            this.warehouseName = decodeURIComponent(this.getQueryVariable('warehouseName'))
            if (this.warehouseName == '先锋新屯分库') {
                this.company = '哈尔滨大生实业有限责任公司北安分公司'
            }
            this.startDate = this.getQueryVariable('startDate').replace('%20', ' ')
            this.endDate = this.getQueryVariable('endDate').replace('%20', ' ')
            this.printData = JSON.parse(sessionStorage.getItem('inOutWarehouse_Print'))
            for (var count = 0; count < this.printData.length; count++) {
                this.maoZhong += this.printData[count].grossWeight
                this.piZhong += this.printData[count].tare
                this.jingZhong += this.printData[count].netWeight
                this.ganZhong += this.printData[count].pureWeight
            }
            // document.title = this.printData.compName + '结算凭证'
            window.print()
            window.onafterprint = function (event) {
                window.history.back(-1)
            }
        },
        watch: {}
    })
</script>

</html>