gdc
/
yiliangyiyun-pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248
							<!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>
      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: 130vh;
      }

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

      .center {
        height: 140vh;
      }

      .part2 {
        height: 140vh;
        /* background: red; */
      }

      .part5 {
        width: 100%
      }

      .paymentScreenshot {
        width: 100%;
        height: 130vh
      }

      /* .onlypz-center{
        height: 130vh;
      } */
    </style>
  </head>
  <body>
    <div id="app">
      <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">容重（克/升）</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].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].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.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>
                  <!-- <td class="col">{{ printData1[index].pureWeight}}</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>
                  <!-- <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">容量（克/升）</td>
                  <td class="col">
                    {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.bulkDensity:''}}
                  </td>
                  <td class="col col-bgc">不完善粒（%）</td>
                  <td class="col">
                    {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.imperfectGrain:''}}
                  </td>
                </tr>
                <tr class="row">
                  <td class="col col-bgc">等级</td>
                  <td class="col">
                    {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.grade:''}}
                  </td>
                  <td class="col col-bgc">水分（%）</td>
                  <td class="col">
                    {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.waterContent:''}}
                  </td>
                  <td class="col col-bgc">热损伤（%）</td>
                  <td class="col">
                    {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.jiaorenli:''}}
                  </td>
                  <td class="col col-bgc">质检时间</td>
                  <td class="col">
                    {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.qualityDate:''}}
                  </td>
                </tr>
                <tr class="row">
                  <td class="col col-bgc">杂质（%）</td>
                  <td class="col">
                    {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.impurity:''}}
                  </td>
                  <td class="col col-bgc">霉变粒（%）</td>
                  <td class="col">
                    {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.qualityInspectionManagement.mildewGrain:''}}
                  </td>
                  <td class="col col-bgc">扣杂</td>
                  <td class="col">
                    {{printData1[index].weighingManagement.qualityInspectionManagement?printData1[index].weighingManagement.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].identityAuthenticationInfo.bankDeposit}}{{printData1[index].identityAuthenticationInfo.bankCard}}
                </div>
                <img :src="customerList1[index].imgURl.imageUrl3" 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>
            </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">{{ printData.pureWeight}}</td>
            </tr>
            <tr class="row">
              <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">卸车扣款</td>
            </tr>
            <tr class="row">
              <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" 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="5">记事</td>
            </tr>
            <tr class="row">
              <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="5">{{ 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">容量（克/升）</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.identityAuthenticationInfo.bankDeposit}}{{printData.identityAuthenticationInfo.bankCard}}
            </div>
            <img :src="imageUrl3" class="avatar" />
          </div>
          <div class="sfcard-content">
            <div class="sfcard-title">
              {{printData.identityAuthenticationInfo.bankDeposit}}{{printData.identityAuthenticationInfo.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="https://unpkg.com/element-ui/lib/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'))
        if (!_data) {
          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.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].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]
              }
            }
          } else {
            if (this.customerList.cardAddressUrl) {
              this.identity = this.customerList.cardAddressUrl.split(',')
              this.imageUrl1 = this.identity[0]
              this.imageUrl2 = this.identity[1]
            }
            if (this.customerList.payeeAddressUrl) {
              this.bank = this.customerList.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>