设备台账页面打印设备铭牌功能调试完成

zhaowei

2025-03-26 dab7284a985531920662e24c4bb7db05d30a2d42

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

@@ -3,8 +3,7 @@
    title="铭牌"
    :width="750"
    :visible="visible"
    @ok="handleOk"
    @cancel="visible=false"
    @cancel="handleCancel"
    :maskClosable="false"
  >
    <table id="nameplateTable" border="1" cellpadding="12" cellspacing="0" align="center" width="80%">
@@ -17,7 +16,7 @@
      <tbody>
      <tr>
        <td rowspan="3">

          <QrcodeVue :value="httpUrl"/>
        </td>
        <td>设备编号</td>
        <td>{{ model.equipmentCode }}</td>
@@ -40,7 +39,9 @@
      </tr>

      <tr>
        <td rowspan="3">123123123123</td>
        <td rowspan="3">
          <QrcodeVue :value="model.equipmentCode"/>
        </td>
        <td>出厂编号</td>
        <td>{{ model.factoryNumber }}</td>
      </tr>
@@ -63,28 +64,29 @@
    </table>

    <template slot="footer">
      <a-button>关闭</a-button>
      <a-button @click="handleCancel">关闭</a-button>
      <a-button type="primary" v-print="'#nameplateTable'">打印</a-button>
    </template>
  </j-modal>
</template>

<script>
import QrcodeVue from 'qrcode.vue'

export default {
  name: 'NameplateModal',
  components: {  },
  components: { QrcodeVue },
  data() {
    return {
      title: '铭牌',
      visible: false,
      disableSubmit: false,
      model: {},
      url: {}
      httpUrl: ''
    }
  },
  methods: {
    handleOk() {

    handleCancel() {
      this.visible = false
    }
  }
}