gdc
/
yiliangyiyun-pc


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271
							<!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 tr td {
            border: 2px solid #333333;
            padding: 5px 0;
        }
        
        #app {
            height: 88vh;
            position: relative;
        }
        
        .simple {
            height: 120vh !important;
        }
        
        .content {
            width: 1000px;
            margin: auto;
        }
        
        table {
            width: 100%;
            text-align: center;
            border-collapse: collapse;
        }
        
        .col-bgc {
            background: #f6f7fb;
        }
        
        .bottom-row1 {
            display: flex;
            justify-content: space-between;
            margin: 20px 0;
        }
        
        .bottom-row2 {
            display: flex;
            margin: 10px 0;
        }
        
        img {
            width: 80px;
            height: 80px;
            /* margin-right: 118px; */
        }
        
        .leftimg {
            width: 80px;
            height: 80px;
            position: absolute;
            right: 20px;
            top: 3px;
        }
        
        .config {
            margin-right: 240px;
        }
        
        .bottom-row3 {
            margin: 10px 0;
        }
        
        .title {
            text-align: center;
            font-size: 24px;
        }
        
        .number {
            text-align: right;
            margin-bottom: 10px;
        }
        
        .number1 {
            text-align: right;
            margin-bottom: 10px;
            margin-top: 60px;
        }
        
        .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 {
            background: red;
        }
        
        .sfcard-content {
            /*        display: flex;
        align-items: center;
        justify-content: space-evenly; */
        }
        
        .sfcard-content img {
            width: 100%;
            height: 90vh;
        }
        
        .sfcard-title {
            font-size: 28px;
            text-align: center;
        }
        
        .center {
            height: 99.5vh;
        }
        
        .part2 {
            height: 99.5vh;
            /* background: red; */
        }
        
        .part5 {
            width: 100%
        }
        
        .paymentScreenshot {
            width: 100%;
            height: 130vh
        }
        /* .onlypz-center{
        height: 130vh;
      } */
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div v-if="selectPrint">
            <div v-for="(item,index) in printData1" :key="index">
                <div class="content">
                    <!-- <div class="part5" v-if="isShowPrintType5">
                        <div class="header1">
                            付款回执单
                        </div>
                        <img :src="printData1[index].codeUrl" class="paymentScreenshot" />
                    </div> -->
                    <div class="center" v-if="isShowPrintType3">
                        <div class="header1">{{ printData1[index].compName}}结算凭证</div>
                        <div class="line"></div>
                        <div class="line"></div>
                        <div class="header">
                            <div>单位名称：{{ printData1[index].compName}}</div>
                            <!-- <div>税务登记编号：91230230MA1BNL7Q93</div> -->
                        </div>
                        <div class="header-top">
                            <div>单位：公斤/元</div>
                            <div>No.</div>
                        </div>
                        <div class="header-top">
                            <div>开票日期：{{printData1[index].createDate}}</div>
                            <!-- <div>开票日期：{{new Date(yyyy,mm,dd)}}</div> -->
                            <div class="number">
                                {{dealNo(printData1[index].paymentNo)}}
                            </div>
                        </div>
                        <table class="table">
                            <tr class="row">
                                <td rowspan="4" class="col col-bgc">买方</td>
                                <td class="col col-bgc">单位名称</td>
                                <td class="col" colspan="3">
                                    {{ printData1[index].compName}}
                                </td>
                                <td rowspan="4" class="col col-bgc">卖方</td>
                                <td class="col col-bgc">姓名</td>
                                <td class="col" colspan="4">
                                    {{ printData1[index].customerName}}
                                </td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">税务登记号</td>
                                <td class="col" colspan="3">
                                    {{ printData1[index].taxRegistrationNo}}
                                </td>
                                <td class="col col-bgc">身份证号</td>
                                <td class="col" colspan="4">
                                    {{ printData1[index].identityAuthenticationInfo.customerNumberCard}}
                                </td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">业务编号</td>
                                <td class="col" colspan="3">
                                    {{ printData1[index].paymentNo}}
                                </td>
                                <td class="col col-bgc">卡号</td>
                                <td class="col" colspan="4">
                                    {{printData1[index].identityAuthenticationInfo.bankDeposit}}{{printData1[index].identityAuthenticationInfo.bankCard}}
                                </td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">收货仓库</td>
                                <td class="col" colspan="3">
                                    {{printData1[index].warehouseName}}
                                </td>
                                <td class="col col-bgc">地址</td>
                                <td class="col" colspan="4">
                                    {{printData1[index].identityAuthenticationInfo.compAddress}}
                                </td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">货名</td>
                                <td class="col col-bgc">类型</td>
                                <td class="col col-bgc">等级</td>
                                <td class="col col-bgc">水分%</td>
                                <td class="col col-bgc">杂质%</td>
                                <td class="col col-bgc">{{printData1[index].goodsName != '大豆'? '容重（克/升）': '蛋白'}}</td>
                                <td class="col col-bgc">毛重</td>
                                <td class="col col-bgc">皮重</td>
                                <td class="col col-bgc">扣杂重</td>
                                <td class="col col-bgc">净重</td>
                            </tr>
                            <tr class="row">
                                <td class="col">{{ printData1[index].goodsName}}</td>
                                <td class="col">{{ printData1[index].type}}</td>
                                <td class="col">
                                    {{ printData1[index].qualityInspectionManagement.grade}}
                                </td>
                                <td class="col">
                                    {{ printData1[index].qualityInspectionManagement.waterContent}}
                                </td>
                                <td class="col">
                                    {{ printData1[index].qualityInspectionManagement.impurity}}
                                </td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.bulkDensity:''}}
                                </td>
                                <td class="col">{{ printData1[index].grossWeight}}</td>
                                <td class="col">{{ printData1[index].tare}}</td>
                                <td class="col">
                                    {{printData1[index].weighingManagement?printData1[index].weighingManagement.buckleMiscellaneous:''}}
                                </td>
                                <td class="col">{{ printData1[index].netWeight}}</td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">纯重</td>
                                <td class="col col-bgc" v-if="printData1[index].type == '潮粮'">
                                    净重单价
                                </td>
                                <td class="col col-bgc" v-if="printData1[index].type == '干粮'">
                                    单价
                                </td>
                                <td class="col col-bgc">扣单价</td>
                                <td class="col col-bgc">粮款</td>
                                <td class="col col-bgc">称重补助</td>
                                <td class="col col-bgc">运费补助</td>
                                <td class="col col-bgc">卸车补助</td>
                                <td class="col col-bgc">其他补助</td>
                                <td class="col col-bgc">称重扣款</td>
                                <td class="col col-bgc">运费扣款</td>
                            </tr>
                            <tr class="row">
                                <td class="col">{{ printData1[index].pureWeight}}</td>
                                <td class="col " v-if="printData1[index].type == '潮粮'">
                                    {{printData1[index].tidalGrainPrice}}
                                </td>
                                <td class="col " v-if="printData1[index].type == '干粮'">
                                    {{printData1[index].qualityInspectionManagement.dryGrainPrice}}
                                </td>
                                <td class="col ">{{ printData1[index].unitDeduction}}</td>
                                <td class="col ">{{ printData1[index].grainMoney}}</td>
                                <td class="col ">{{ printData1[index].weighingSubsidy}}</td>
                                <td class="col ">{{ printData1[index].freightSubsidy}}</td>
                                <td class="col ">{{ printData1[index].unloadSubsidy}}</td>
                                <td class="col ">{{ printData1[index].otherSubsidy}}</td>
                                <td class="col ">{{ printData1[index].weighingDeduction}}</td>
                                <td class="col ">{{ printData1[index].freightDeduction}}</td>
                                <!-- <td class="col ">{{ printData1[index].unloadDeduction}}</td> -->
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">卸车扣款</td>
                                <td class="col col-bgc">质量扣款</td>
                                <td class="col col-bgc">其他扣款</td>
                                <!-- <td class="col col-bgc" v-if="printData.type == '潮粮'">
                                    纯重单价
                                </td> -->
                                <td class="col col-bgc">合计应付</td>
                                <td class="col col-bgc">购粮性质</td>
                                <td class="col col-bgc">车牌号</td>
                                <td class="col col-bgc" colspan="4">记事</td>
                            </tr>
                            <tr class="row">
                                <td class="col ">{{ printData1[index].unloadDeduction}}</td>
                                <td class="col ">{{ printData1[index].qualityDeduction}}</td>
                                <td class="col ">{{ printData1[index].otherDeduction}}</td>
                                <!-- <td class="col " v-if="printData1[index].type == '潮粮'">
                                    {{ printData1[index].solidGrainPrice}}
                                </td> -->
                                <td class="col ">
                                    {{ printData1[index].calculationPayable}}
                                </td>
                                <td class="col ">
                                    {{ printData1[index].qualityInspectionManagement.natureOfGrainPurchase}}
                                </td>
                                <td class="col ">{{ printData1[index].carNo}}</td>
                                <td class="col " colspan="4">
                                    {{ printData1[index].remarks}}
                                </td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">实付金额</td>
                                <td class="col " colspan="2">
                                    {{printData1[index].actualPayment}}
                                </td>
                                <td class="col col-bgc" colspan="3">人民币（大写）</td>
                                <td class="col " colspan="4">
                                    {{printData1[index].capitalize}}
                                </td>
                            </tr>
                        </table>

                        <div class="bottom">
                            <div class="bottom-row1">
                                <div>
                                    质检：{{ printData1[index].qualityInspectionManagement.qualityInspector}}
                                </div>
                                <div>
                                    毛检：{{ printData1[index].weighingManagement.secretaryWeigher}}
                                </div>
                                <div>
                                    皮检：{{ printData1[index].weighingManagement.skinInspector}}
                                </div>
                                <div>结算：{{ printData1[index].settlementClerk}}</div>
                                <div>付款：{{ printData1[index].cashier}}</div>
                                <div>复点：{{ }}</div>
                                <div></div>
                            </div>
                            <div class="bottom-row2">
                                <!-- <div class="left">
                   <img src="../../../../public/img/add.png" alt="" />
                 </div> -->
                                <div class="config">收货单位签名或盖章</div>
                                <div class="">客户签名</div>
                            </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 v-if="isShowPrintType4" class="part2">
                        <div style="height: 120px;">

                            <div class="title">入库检斤单</div>
                            <!-- <div class="leftimg">
                                <img :src="printData1[index].weighingManagement.codeUrl" alt="">
                            </div> -->
                            <div class="number1">{{printData1[index].weighingManagement.number}}</div>
                        </div>

                        <table class="table">
                            <tr class="row">
                                <td class="col col-bgc">客户姓名</td>
                                <td class="col" colspan="2">{{printData1[index].weighingManagement.customer}}</td>
                                <td class="col col-bgc">客户电话</td>
                                <td class="col">{{printData1[index].weighingManagement.customerPhone}}</td>
                                <td class="col col-bgc">车牌号</td>
                                <td class="col" colspan="2">{{printData1[index].weighingManagement.carNumber}}</td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">收货单位</td>
                                <td class="col" colspan="2">{{printData1[index].weighingManagement.compName}}</td>
                                <td class="col col-bgc">联系人</td>
                                <td class="col">{{printData1[index].weighingManagement.person}}</td>
                                <td class="col col-bgc">联系电话</td>
                                <td class="col" colspan="2">{{printData1[index].weighingManagement.personPhone}}</td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">货名</td>
                                <td class="col">{{printData1[index].weighingManagement.goodsName}}</td>
                                <td class="col col-bgc">类型</td>
                                <td class="col">{{printData1[index].weighingManagement.type}}</td>
                                <td class="col col-bgc">{{printData1[index].weighingManagement.goodsName != '大豆' ? '容重（克/升）' : '蛋白'}}</td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.bulkDensity:''}}
                                </td>
                                <td class="col col-bgc">不完善粒（%）</td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.imperfectGrain:''}}
                                </td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">等级</td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.grade:''}}
                                </td>
                                <td class="col col-bgc">水分（%）</td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.waterContent:''}}
                                </td>
                                <td class="col col-bgc">热损伤（%）</td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.jiaorenli:''}}
                                </td>
                                <td class="col col-bgc">质检时间</td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.qualityDate:''}}
                                </td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">杂质（%）</td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.impurity:''}}
                                </td>
                                <td class="col col-bgc">霉变粒（%）</td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.mildewGrain:''}}
                                </td>
                                <td class="col col-bgc">扣杂</td>
                                <td class="col">
                                    {{printData1[index].qualityInspectionManagement?printData1[index].qualityInspectionManagement.buckleMiscellaneous:''}}
                                </td>
                                <td class="col " colspan="2"></td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc">毛重（公斤）</td>
                                <td class="col">{{printData1[index].weighingManagement.grossWeight}}</td>
                                <td class="col col-bgc">皮重（公斤）</td>
                                <td class="col">{{printData1[index].weighingManagement.tare}}</td>
                                <td class="col col-bgc">扣重（公斤）</td>
                                <td class="col">{{printData1[index].weighingManagement.buckleMiscellaneous}}</td>
                                <td class="col col-bgc">净重（公斤）</td>
                                <td class="col">{{printData1[index].weighingManagement.netWeight}}</td>
                            </tr>
                            <tr class="row">
                                <td class="col col-bgc" colspan="2">毛重检斤时间</td>
                                <td class="col" colspan="2">{{printData1[index].weighingManagement.grossDate}}</td>
                                <td class="col col-bgc" colspan="2">皮重检斤时间</td>
                                <td class="col" colspan="2">{{printData1[index].weighingManagement.tareDate}}</td>
                            </tr>
                        </table>

                        <div class="bottom">
                            <div class="bottom-row1">
                                <div>毛检：{{printData1[index].weighingManagement.secretaryWeigher}}</div>
                                <div style="margin-left:60px">
                                    皮检：{{printData1[index].weighingManagement.skinInspector}}
                                </div>
                                <!-- <div>{{tableData.qualityDate}}</div> -->
                            </div>
                            <div class="bottom-row2">
                                <!-- <div class="leftimg">
                    <img src="../img/add.png" alt="">
                  </div> -->
                                <div class="config">收货单位签名或盖章：</div>
                                <div class="autograph">客户签名：</div>
                            </div>
                            <!-- <div class="bottom-row3">扫一扫</div> -->
                        </div>
                    </div>

                    <div class="part1" v-if="isShowPrintType1">
                        <div class="sfcard-content">
                            <div class="sfcard-title">
                                {{ printData1[index].customerName}}{{printData1[index].identityAuthenticationInfo.customerNumberCard}}
                            </div>
                            <img :src="customerList1[index].imgURl.imageUrl1" class="avatar" />
                        </div>
                        <!--     <div class="sfcard-content">
                <div class="sfcard-title">
                  {{
                  printData1[index].customerName}}{{printData1[index].identityAuthenticationInfo.customerNumberCard}}
                </div>
                <img :src="customerList1[index].imgURl.imageUrl2" class="avatar" />
              </div> -->
                    </div>
                    <div class="bankcard" v-if="isShowPrintType2">

                        <div class="sfcard-content part2">
                            <div class="sfcard-title">
                                {{printData1[index].bankDeposit}}{{printData1[index].bankCard}}
                            </div>
                            <!-- <img :src="customerList1[index].imgURl.imageUrl3" class="avatar" /> -->
                            <img v-if="printData1[index].imgURl" :src="printData1[index].imgURl.imageUrl3" class="avatar" />
                            <img v-else class="avatar" />
                            <!-- <img v-if="printData1[index].imgURl" :src="printData1[index].imgURl.imageUrl4" class="avatar" />
                            <img v-else class="avatar" /> -->

                        </div>
                        <!--          <div class="sfcard-content part2">
                <div class="sfcard-title">
                  {{printData1[index].identityAuthenticationInfo.bankDeposit}}{{printData1[index].identityAuthenticationInfo.bankCard}}
                </div>
                <img :src="customerList1[index].imgURl.imageUrl4" class="avatar" />
              </div> -->
                    </div>
                </div>
            </div>
        </div>
        <div class="content" v-else>
            <!-- <div class="part5" v-if="isShowPrintType5">
                <div class="header1">
                    付款回执单
                </div>
                <img :src="printData.paymentScreenshot" class="paymentScreenshot" />
            </div> -->
            <div class="center part1" v-if="isShowPrintType3" :class="!selectPrint? 'simple':''">
                <div class="header1">{{ printData.compName}}结算凭证</div>
                <div class="line"></div>
                <div class="line"></div>
                <div class="header">
                    <div>单位名称：{{ printData.compName}}</div>
                    <!-- <div>税务登记编号：91230230MA1BNL7Q93</div> -->
                </div>
                <div class="header-top">
                    <div>单位：公斤/元</div>
                    <div>No.</div>
                </div>
                <div class="header-top">
                    <div>开票日期：{{printData.createDate}}</div>
                    <!-- <div>开票日期：{{new Date(yyyy,mm,dd)}}</div> -->
                    <div class="number">{{dealNo(printData.paymentNo)}}</div>
                </div>
                <table class="table">
                    <tr class="row">
                        <td rowspan="4" class="col col-bgc">买方</td>
                        <td class="col col-bgc">单位名称</td>
                        <td class="col" colspan="3">{{ printData.compName}}</td>
                        <td rowspan="4" class="col col-bgc">卖方</td>
                        <td class="col col-bgc">姓名</td>
                        <td class="col" colspan="4">{{ printData.customerName}}</td>
                    </tr>
                    <tr class="row">
                        <td class="col col-bgc">税务登记号</td>
                        <td class="col" colspan="3">{{ printData.taxRegistrationNo}}</td>
                        <td class="col col-bgc">身份证号</td>
                        <td class="col" colspan="4">
                            {{ printData.identityAuthenticationInfo.customerNumberCard}}
                        </td>
                    </tr>
                    <tr class="row">
                        <td class="col col-bgc">业务编号</td>
                        <td class="col" colspan="3">{{ printData.paymentNo}}</td>
                        <td class="col col-bgc">卡号</td>
                        <td class="col" colspan="4">
                            {{printData.identityAuthenticationInfo.bankDeposit}}{{printData.identityAuthenticationInfo.bankCard}}
                        </td>
                    </tr>
                    <tr class="row">
                        <td class="col col-bgc">收货仓库</td>
                        <td class="col" colspan="3">{{printData.warehouseName}}</td>
                        <td class="col col-bgc">地址</td>
                        <td class="col" colspan="4">
                            {{printData.identityAuthenticationInfo.compAddress}}
                        </td>
                    </tr>
                    <tr class="row">
                        <td class="col col-bgc">货名</td>
                        <td class="col col-bgc">类型</td>
                        <td class="col col-bgc">等级</td>
                        <td class="col col-bgc">水分%</td>
                        <td class="col col-bgc">杂质%</td>
                        <td class="col col-bgc">毛重</td>
                        <td class="col col-bgc">皮重</td>
                        <td class="col col-bgc">扣杂重</td>
                        <td class="col col-bgc">净重</td>
                        <td class="col col-bgc"></td>
                        <!-- <td class="col col-bgc">出库净重</td> -->
                        <!-- <td class="col col-bgc">纯重</td> -->
                    </tr>
                    <tr class="row">
                        <td class="col">{{ printData.goodsName}}</td>
                        <td class="col">{{ printData.type}}</td>
                        <td class="col">
                            {{ printData.qualityInspectionManagement.grade}}
                        </td>
                        <td class="col">
                            {{ printData.qualityInspectionManagement.waterContent}}
                        </td>
                        <td class="col">
                            {{ printData.qualityInspectionManagement.impurity}}
                        </td>
                        <td class="col">{{ printData.grossWeight}}</td>
                        <td class="col">{{ printData.tare}}</td>
                        <td class="col">
                            {{ printData.weighingManagement.buckleMiscellaneous}}
                        </td>
                        <td class="col">{{ printData.netWeight}}</td>
                        <td class="col"></td>
                        <!-- <td class="col">{{ printData.pureWeight}}</td> -->
                    </tr>
                    <tr class="row">
                        <td class="col col-bgc">纯重</td>
                        <td class="col col-bgc" v-if="printData.type == '潮粮'">
                            净重单价
                        </td>
                        <td class="col col-bgc" v-if="printData.type == '干粮'">单价</td>
                        <td class="col col-bgc">扣单价</td>
                        <td class="col col-bgc">粮款</td>
                        <td class="col col-bgc">称重补助</td>
                        <td class="col col-bgc">运费补助</td>
                        <td class="col col-bgc">卸车补助</td>
                        <td class="col col-bgc">其他补助</td>
                        <td class="col col-bgc">称重扣款</td>
                        <td class="col col-bgc">运费扣款</td>
                        <!-- <td class="col col-bgc">1卸车扣款</td> -->
                    </tr>
                    <tr class="row">
                        <td class="col">{{ printData.pureWeight}}</td>
                        <td class="col " v-if="printData.type == '潮粮'">
                            {{printData.tidalGrainPrice}}
                        </td>
                        <td class="col " v-if="printData.type == '干粮'">
                            {{printData.qualityInspectionManagement.dryGrainPrice}}
                        </td>
                        <td class="col ">{{ printData.unitDeduction}}</td>
                        <td class="col ">{{ printData.grainMoney}}</td>
                        <td class="col ">{{ printData.weighingSubsidy}}</td>
                        <td class="col ">{{ printData.freightSubsidy}}</td>
                        <td class="col ">{{ printData.unloadSubsidy}}</td>
                        <td class="col ">{{ printData.otherSubsidy}}</td>
                        <td class="col ">{{ printData.weighingDeduction}}</td>
                        <td class="col ">{{ printData.freightDeduction}}</td>
                        <!-- <td class="col ">{{ printData.unloadDeduction}}</td> -->
                    </tr>
                    <tr class="row">
                        <td class="col col-bgc">卸车扣款</td>
                        <td class="col col-bgc">质量扣款</td>
                        <td class="col col-bgc">其他扣款</td>
                        <!-- <td class="col col-bgc" v-if="printData.type == '潮粮'">
                            纯重单价
                        </td> -->
                        <td class="col col-bgc">合计应付</td>
                        <td class="col col-bgc">购粮性质</td>
                        <td class="col col-bgc">车牌号</td>
                        <td class="col col-bgc" colspan="4">记事</td>
                    </tr>
                    <tr class="row">
                        <td class="col ">{{ printData.unloadDeduction}}</td>
                        <td class="col ">{{ printData.qualityDeduction}}</td>
                        <td class="col ">{{ printData.otherDeduction}}</td>
                        <!-- <td class="col " v-if="printData.type == '潮粮'">
                            {{ printData.solidGrainPrice}}
                        </td> -->
                        <td class="col ">{{ printData.calculationPayable}}</td>
                        <td class="col ">
                            {{ printData.qualityInspectionManagement.natureOfGrainPurchase}}
                        </td>
                        <td class="col ">{{ printData.carNo}}</td>
                        <td class="col " colspan="4">{{ printData.remarks}}</td>
                    </tr>
                    <tr class="row">
                        <td class="col col-bgc">实付金额</td>
                        <td class="col " colspan="2">{{printData.actualPayment}}</td>
                        <td class="col col-bgc" colspan="3">人民币（大写）</td>
                        <td class="col " colspan="4">{{printData.capitalize}}</td>
                    </tr>
                </table>
                <div class="bottom">
                    <div class="bottom-row1">
                        <div>
                            质检：{{ printData.qualityInspectionManagement.qualityInspector}}
                        </div>
                        <div>
                            毛检：{{ printData.weighingManagement.secretaryWeigher}}
                        </div>
                        <div>皮检：{{ printData.weighingManagement.skinInspector}}</div>
                        <div>结算：{{ printData.settlementClerk}}</div>
                        <div>付款：{{ printData.cashier}}</div>
                        <div>复点：{{ }}</div>
                        <div></div>
                    </div>
                    <div class="bottom-row2">
                        <!-- <div class="left">
               <img src="../../../../public/img/add.png" alt="" />
             </div> -->
                        <div class="config">收货单位签名或盖章</div>
                        <div class="">客户签名</div>
                    </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 v-if="isShowPrintType4" class="part2">
                <div>

                    <div class="title">入库检斤单</div>
                    <!-- <div class="leftimg">
                        <img :src="tableData.codeUrl" alt="">
                    </div> -->
                    <div class="number1">{{tableData.number}}</div>
                </div>
                <table class="table">
                    <tr class="row">
                        <td class="col col-bgc">客户姓名</td>
                        <td class="col" colspan="2">{{tableData.customer}}</td>
                        <td class="col col-bgc">客户电话</td>
                        <td class="col">{{tableData.customerPhone}}</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">{{tableData.goodsName!= '大豆' ? '容重（克/升）' : '蛋白'}}</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 col-bgc">质检时间</td>
                        <td class="col">
                            {{tableData.qualityInspectionManagement?tableData.qualityInspectionManagement.qualityDate:''}}
                        </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="../img/add.png" alt="">
              </div> -->
                        <div class="config">收货单位签名或盖章：</div>
                        <div class="autograph">客户签名：</div>
                    </div>
                    <!-- <div class="bottom-row3">扫一扫</div> -->
                </div>
            </div>

            <div class="sfcard part3" v-if="isShowPrintType1">
                <div class="sfcard-content">
                    <div class="sfcard-title">
                        {{ printData.customerName}}{{ printData.identityAuthenticationInfo.customerNumberCard}}
                    </div>
                    <img :src="imageUrl1" class="avatar" />
                </div>
                <!-- <div class="sfcard-content">
                    <div class="sfcard-title">
                        {{ printData.customerName}}{{ printData.identityAuthenticationInfo.customerNumberCard}}
                    </div>
                    <img :src="imageUrl2" class="avatar" />
                </div> -->
            </div>

            <div class="bankcard part4" v-if="isShowPrintType2">
                <div class="sfcard-content">
                    <div class="sfcard-title">
                        {{printData.bankDeposit}}{{printData.bankCard}}
                    </div>
                    <img :src="imageUrl3" class="avatar" />
                </div>
                <!-- <div class="sfcard-content">
                    <div class="sfcard-title">
                        {{printData.bankDeposit}}{{printData.bankCard}}
                    </div>
                    <img :src="imageUrl4" class="avatar" />
                </div> -->

            </div>
        </div>

        <div class="small-content" v-if="smallContent">
            <div class="small-title">
                <div>
                    {{printData.compName}}结算凭证
                </div>
                <img class="small-img" src="../img/add.png" alt="" />
            </div>
            <div class="small-row">
                <div>开票日期</div>
                <div>{{printData.createDate}}</div>
            </div>
            <div class="small-row">
                <div>买方单位名称</div>
                <div>{{printData.compName}}</div>
            </div>
            <div class="small-row">
                <div>买方姓名</div>
                <div>{{printData.customerName}}</div>
            </div>
            <div class="small-row">
                <div>税务登记号</div>
                <div>{{printData.taxRegistrationNo}}</div>
            </div>
            <div class="small-row">
                <div>身份证号</div>
                <div>{{printData.customerNumberCard}}</div>
            </div>
            <div class="small-row">
                <div>化验单号</div>
                <div>{{printData.paymentNo}}</div>
            </div>
            <div class="small-row">
                <div>卡号</div>
                <div>{{printData.bankCard}}</div>
            </div>
            <div class="small-row">
                <div>收货仓库</div>
                <div>{{printData.warehouseName}}</div>
            </div>
            <div class="small-row">
                <div>货名</div>
                <div>{{printData.goodsName}}</div>
            </div>
            <div class="small-row">
                <div>类型</div>
                <div>{{printData.type}}</div>
            </div>
            <div class="small-row">
                <div>等级</div>
                <div>{{printData.grade}}</div>
            </div>
            <div class="small-row">
                <div>水分%</div>
                <div>{{printData.waterContent}}</div>
            </div>
            <div class="small-row">
                <div>杂质%</div>
                <div>{{printData.impurity}}</div>
            </div>
            <div class="small-row">
                <div>毛重</div>
                <div>{{printData.grossWeight}}</div>
            </div>
            <div class="small-row">
                <div>皮重</div>
                <div>{{printData.tare}}</div>
            </div>
            <div class="small-row">
                <div>扣杂重</div>
                <div>{{printData.weighingManagement.buckleMiscellaneous}}</div>
            </div>
            <div class="small-row">
                <div>净重</div>
                <div>{{printData.netWeight}}</div>
            </div>
            <div class="small-row">
                <div>纯重</div>
                <div>{{printData.pureWeight}}</div>
            </div>
            <div class="small-row">
                <div>净重单价</div>
                <div>{{printData.tidalGrainPrice}}</div>
            </div>
            <div class="small-row">
                <div>粮款</div>
                <div>{{printData.grainMoney}}</div>
            </div>
            <div class="small-row">
                <div>称重补助</div>
                <div>{{printData.weighingSubsidy}}</div>
            </div>
            <div class="small-row">
                <div>运费补助</div>
                <div>{{printData.freightSubsidy}}</div>
            </div>
            <div class="small-row">
                <div>卸车补助</div>
                <div>{{printData.unloadSubsidy}}</div>
            </div>
            <div class="small-row">
                <div>其他补助</div>
                <div>{{printData.otherSubsidy}}</div>
            </div>
            <div class="small-row">
                <div>称重扣款</div>
                <div>{{printData.weighingDeduction}}</div>
            </div>
            <div class="small-row">
                <div>运费扣款</div>
                <div>{{printData.freightDeduction}}</div>
            </div>
            <div class="small-row">
                <div>卸车扣款</div>
                <div>{{printData.unloadDeduction}}</div>
            </div>
            <div class="small-row">
                <div>质量扣款</div>
                <div>{{printData.qualityDeduction}}</div>
            </div>
            <div class="small-row">
                <div>其他扣款</div>
                <div>{{printData.otherDeduction}}</div>
            </div>
            <div class="small-row">
                <div>纯重单价</div>
                <div>{{printData.solidGrainPrice}}</div>
            </div>
            <div class="small-row">
                <div>合计应付</div>
                <div>{{printData.calculationPayable}}</div>
            </div>
            <div class="small-row">
                <div>购粮性质</div>
                <div>{{printData.natureOfGrainPurchase}}</div>
            </div>
            <div class="small-row">
                <div>车牌号</div>
                <div>{{printData.carNo}}</div>
            </div>
            <div class="small-row">
                <div>记事</div>
                <div>{{printData.remarks}}</div>
            </div>
            <div class="small-row">
                <div>实付金额</div>
                <div>{{printData.actualPayment}}</div>
            </div>
            <div class="small-row">
                <div>人民币（大写）</div>
                <div>{{printData.capitalize}}</div>
            </div>
            <div class="small-row">
                <div>质检</div>
                <div>{{printData.qualityInspector}}</div>
            </div>
            <div class="small-row">
                <div>毛检</div>
                <div>{{printData.secretaryWeigher}}</div>
            </div>
            <div class="small-row">
                <div>皮检</div>
                <div>{{printData.skinInspector}}</div>
            </div>
            <div class="small-row">
                <div>结算</div>
                <div>{{printData.settlementClerk}}</div>
            </div>
            <div class="small-row">
                <div>付款</div>
                <div>{{printData.actualPayment}}</div>
            </div>
            <div class="small-row">
                <div>复点</div>
                <div>&nbsp;&nbsp;&nbsp;</div>
            </div>
        </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: {
            isShowPrintType1: false,
            isShowPrintType2: false,
            isShowPrintType3: false,
            isShowPrintType4: false,
            isShowPrintType5: false,
            showType: [],
            printData: {},
            printData1: [],
            customerList: {},
            customerList1: [],
            name: '',
            bigContent: false,
            smallContent: false,
            date: '',
            imageUrl1: '',
            imageUrl2: '',
            imageUrl3: '',
            imageUrl4: '',
            identity: [],
            bank: [],
            selectPrint: false,
            onlyShowPz: false,
            tableData: []
        },
        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() {
            this.date = new Date().toLocaleString()
                // let _data = decodeURIComponent(this.getQueryVariable('dataList'))
            let _data = {}
            if (localStorage.getItem('print_pay_data')) {
                _data = localStorage.getItem('print_pay_data')
            } else {
                _data = decodeURIComponent(this.getQueryVariable("dataList"))
            }
            if (!_data || _data == 'false') {
                this.selectPrint = true
                this.printData1 = JSON.parse(
                    localStorage.getItem('selectPrint_selectPrintList')
                )
                console.log("对象", this.printData1)
                console.log("对象", this.printData)
                for (let i = 0; i < this.printData1.length; i++) {
                    if (!this.printData1[i].identityAuthenticationInfo.compAddress) this.printData1[i]
                        .identityAuthenticationInfo.compAddress = ''
                    if (this.printData1[i].identityAuthenticationInfo.compAddress.length > 24) {
                        this.printData1[i].identityAuthenticationInfo.compAddress = this.printData1[i]
                            .identityAuthenticationInfo
                            .compAddress.substring(0, 24)
                    }
                }
            } else {
                this.printData = JSON.parse(_data)
                    //地址过长截取
                if (this.printData.identityAuthenticationInfo && this.printData.identityAuthenticationInfo.compAddress.length > 24) {
                    this.printData.identityAuthenticationInfo.compAddress = this.printData.identityAuthenticationInfo
                        .compAddress.substring(0, 24)
                }
                this.selectPrint = false
            }
            let _type = decodeURIComponent(this.getQueryVariable('type'))
            this.showType = decodeURIComponent(
                    this.getQueryVariable('printTypeList')
                )
                // this.pzList = this.showType.split(',')
                // if((this.showType.indexOf('打印结算凭证')>-1)&&this.pzList.length==1){
                //   this.onlyShowPz = true
                // }
                // this.pageType = decodeURIComponent(this.getQueryVariable('printTypeList'))
            let _data1 = decodeURIComponent(this.getQueryVariable('customerList'))
            if (!_data1) {
                this.customerList1 = JSON.parse(
                    localStorage.getItem('selectPrint_selectCustomerList')
                )
            } else {
                this.customerList = JSON.parse(_data1)
            }
            console.log('cwprint', localStorage.getItem('cwprint'))
            var cwprint = localStorage.getItem('cwprint')
            if (cwprint == 'true') {
                if (this.selectPrint) {
                    for (let i = 0; i < this.customerList1.length; i++) {
                        let _url1 = this.customerList1[i].identityAuthenticationInfo.cardAddressUrl.split(',')
                            // let _url2 = this.customerList1[i].payeeAddressUrl.split(',')
                        this.customerList1[i].imgURl = {
                            imageUrl1: _url1[0],
                            imageUrl2: _url1[1],
                            // imageUrl3: _url2[0],
                            // imageUrl4: _url2[0]
                        }
                    }
                    for (let i = 0; i < this.printData1.length; i++) {
                        if (this.printData1[i].payeeAddressUrl) {
                            let _url2 = this.printData1[i].payeeAddressUrl.split(',')
                            this.printData1[i].imgURl = {
                                imageUrl3: _url2[0],
                                imageUrl4: _url2[1]
                            }
                        }

                    }
                } else {
                    if (this.customerList.cardAddressUrl) {
                        this.identity = this.customerList.cardAddressUrl.split(',')
                        this.imageUrl1 = this.identity[0]
                        this.imageUrl2 = this.identity[1]
                    }
                    console.log(this.customerList)
                    if (this.customerList.payeeAddressUrl) {
                        this.bank = this.customerList.payeeAddressUrl.split(',')
                        this.imageUrl3 = this.bank[0]
                        this.imageUrl4 = this.bank[1]
                    }
                    if (this.printData.payeeAddressUrl) {
                        this.bank = this.printData.payeeAddressUrl.split(',')
                        this.imageUrl3 = this.bank[0]
                        this.imageUrl4 = this.bank[1]
                    }

                    this.tableData = this.printData.weighingManagement
                }
                let _lsit = this.showType.split(',')
                for (let i = 0; i < _lsit.length; i++) {
                    switch (_lsit[i]) {
                        case '打印身份证':
                            this.isShowPrintType1 = !this.isShowPrintType1
                            break
                        case '打印银行卡':
                            this.isShowPrintType2 = !this.isShowPrintType2
                            break
                        case '打印结算凭证':
                            this.isShowPrintType3 = !this.isShowPrintType3
                            break
                        case '打印检斤单':
                            this.isShowPrintType4 = !this.isShowPrintType4
                            break
                        case '打印回执单':
                            this.isShowPrintType5 = !this.isShowPrintType5
                            break
                    }
                }
            } else {
                this.isShowPrintType3 = true
            }
            if (_type == 2) {
                this.bigContent = true
                this.smallContent = false
            } else {
                this.smallContent = true
                this.bigContent = false
            }
            if (this.printData.compName == undefined) this.printData.compName = ''
            document.title = this.printData.compName + '结算凭证'
            window.print()
                // sessionStorage.removeItem('selectPrint_selectPrintList');
                // sessionStorage.removeItem('selectPrint_selectCustomerList');
            window.onafterprint = function(event) {
                window.history.back(-1)
            }
        },
        watch: {}
    })
</script>

</html>