art: 从沃克项目迁移设备管理代码到航宇

zhangherong

2025-04-27 dbb3445dc720a8f36b3424e73f2e02a6b0f9deb6

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

@@ -18,8 +18,10 @@

        <tbody>
        <tr>
          <td rowspan="3">
            <QrcodeVue :value="httpUrl+item.equipmentCode"/>
          <td rowspan="3" align="center">
            <div style="height: 80%;width: 50%">
              <QrcodeVue :value="httpUrl+item.id" :size="50"/>
            </div>
          </td>
          <td>设备编号</td>
          <td>{{ item.equipmentCode }}</td>
@@ -42,8 +44,10 @@
        </tr>

        <tr>
          <td rowspan="3">
            <QrcodeVue :value="item.equipmentCode"/>
          <td rowspan="3" align="center">
            <div style="height: 80%;width: 50%">
              <QrcodeVue :value="item.equipmentCode" :size="50"/>
            </div>
          </td>
          <td>出厂编号</td>
          <td>{{ item.factoryNumber }}</td>
@@ -75,72 +79,73 @@
</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: 10px;
    }

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

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

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

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