调整铭牌批量打印边距

zhaowei

2025-04-27 e355134b3b0a3e236916a69d2f80651281e29f24

 src/views/eam/equipment/modules/NameplateModal.vue

@@ -18,45 +18,49 @@

        <tbody>
        <tr>
          <td rowspan="3">
            <QrcodeVue :value="httpUrl+item.id"/>
          <td rowspan="3" align="center">
            <div style="height: 80%">
              <QrcodeVue :value="httpUrl+item.id" :size="100"/>
            </div>
          </td>
          <td>设备编号</td>
          <td>{{ item.equipmentCode }}</td>
          <td class="long-col">{{ item.equipmentCode }}</td>
        </tr>

        <tr>
          <td>设备名称</td>
          <td>{{ item.equipmentName }}</td>
          <td style="width: 25%">设备名称</td>
          <td class="long-col">{{ item.equipmentName }}</td>
        </tr>

        <tr>
          <td>设备型号</td>
          <td>{{ item.equipmentModel }}</td>
          <td class="long-col">{{ item.equipmentModel }}</td>
        </tr>

        <tr>
          <td>设备管理</td>
          <td>使用车间</td>
          <td>{{ item.orgId_dictText }}</td>
          <td class="long-col">{{ item.orgId_dictText }}</td>
        </tr>

        <tr>
          <td rowspan="3">
            <QrcodeVue :value="item.equipmentCode"/>
          <td rowspan="3" align="center">
            <div style="height: 80%">
              <QrcodeVue :value="item.equipmentCode" :size="100"/>
            </div>
          </td>
          <td>出厂编号</td>
          <td>{{ item.factoryNumber }}</td>
          <td class="long-col">{{ item.factoryNumber }}</td>
        </tr>

        <tr>
          <td>设备管理员</td>
          <td>{{ item.equipmentManager_dictText }}</td>
          <td class="long-col">{{ item.equipmentManager_dictText }}</td>
        </tr>

        <tr>
          <td>安装位置</td>
          <td>{{ item.installationPosition }}</td>
          <td class="long-col">{{ item.installationPosition }}</td>
        </tr>

        <tr>
@@ -75,72 +79,77 @@
</template>

<script>
import QrcodeVue from 'qrcode.vue'
  import QrcodeVue from 'qrcode.vue'

export default {
  name: 'NameplateModal',
  components: { QrcodeVue },
  props: {
    printedRows: {
      type: Array
    }
  },
  data() {
    return {
      title: '铭牌',
      visible: false,
      httpUrl: ''
    }
  },
  methods: {
    handleCancel() {
      this.visible = false
  export default {
    name: 'NameplateModal',
    components: { QrcodeVue },
    props: {
      printedRows: {
        type: Array
      }
    },
    data() {
      return {
        title: '铭牌',
        visible: false,
        httpUrl: ''
      }
    },
    methods: {
      handleCancel() {
        this.visible = false
      }
    }
  }
}
</script>

<style lang="less" scoped>
/deep/ .ant-modal {
  height: 75%;
  overflow: hidden;

  .ant-modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
  /deep/ .ant-modal {
    height: 75%;
    overflow: hidden;

    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    .ant-modal-content {
      height: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden;

    .ant-modal-body {
      flex: 1;
      overflow: auto;
      ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }

      .ant-modal-body {
        flex: 1;
        overflow: auto;
      }
    }
  }
}

table {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #000;
  text-align: center;
  table {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    color: #000;
    text-align: center;

  &:not(:last-child) {
    margin-bottom: 10px;
    &:not(:last-child) {
      margin-bottom: 180px;
    }

    th {
      font-size: 24px;
      letter-spacing: 3px;
      padding: 6px;
    }

    td {
      font-size: 14px;
      /*width: 33%;*/
      padding: 6px;

      &.long-col {
        width: 300px;
      }
    }
  }

  th {
    font-size: 28px;
    letter-spacing: 3px;
    padding: 20px;
  }

  td {
    font-size: 18px;
    width: 33%;
  }
}
</style>