<template>
  <Container>
    <div style="padding: 10px; text-align: center">
      <div class="prit-out">
        <table id="printid" border="1" style="width: 70mm; margin: 0 auto">
          <tr>
            <td style="width: 15mm">收货人</td>
            <td>张伟</td>
          </tr>
          <tr>
            <td>地址</td>
            <td>陕西省西安市未央区陕西省西安市未央区</td>
          </tr>
          <tr>
            <td>标签</td>
            <td>5-5</td>
          </tr>
          <tr>
            <td colspan="2">
              <p>西安源点计划信息技术有限公司</p>
              <p>客服电话:18888888888</p>
            </td>
          </tr>
        </table>

        <!--<ul id="printid" class="prit-ul">
          <li class="prit-li clearfix">
            <span class="label">收货人</span>
            <span class="value">张伟</span>
          </li>
          <li class="prit-li clearfix">
            <span class="label">地址</span>
            <span class="value">陕西省西安市未央区</span>
          </li>
          <li class="prit-li clearfix">
            <span class="label">标签</span>
            <span class="value">5-5</span>
          </li>
          <li class="prit-li" style="text-align: center; line-height: 5mm">
            <p>西安源点计划信息技术有限公司</p>
            <p>客服电话:18888888888</p>
          </li>
        </ul>-->
      </div>

      <el-button v-print="'#printid'" type="primary">打印</el-button>
    </div>
  </Container>
</template>

<script>
  export default {
    name: "TagPrint",
  };
</script>

<style scoped lang="scss">
  .prit-out {
    /*height: 50mm;*/
    text-align: center;
  }
  .prit-ul {
    border: 1px solid #000000;
    width: 70mm;
    height: 50mm;
    overflow: hidden;
    .prit-li {
      border-bottom: 1px solid #000000;
      &:last-child {
        border-bottom: 0;
      }
      line-height: 80px;
      .label {
        height: 10mm;
        line-height: 10mm;
        float: left;
        width: 30%;
        text-align: center;
        border-right: 1px solid #000000;
        vertical-align: middle;
      }
      .value {
        line-height: 10mm;
        height: 10mm;
        float: left;
        width: 70%;
        font-size: 14px;
        vertical-align: middle;
        padding: 0 10px;
      }
    }
  }
</style>
