diff --git a/src/views/tested/device/info/components/edit.vue b/src/views/tested/device/info/components/edit.vue
index 8b96b76..e1e20be 100644
--- a/src/views/tested/device/info/components/edit.vue
+++ b/src/views/tested/device/info/components/edit.vue
@@ -124,21 +124,21 @@
   testTask.value.push('')
 }
 // 自动填充 证书有效日期
-// watch(() => ruleForm.value, (newVal) => {
-//   if (newVal.checkDate && newVal.checkCycle && !newVal.certificateValid) {
-//     // ruleForm.value.certificateValid = dayjs(newVal.checkDate).add(Number(newVal.checkCycle) * 30, 'day').format('YYYY-MM-DD')
-//     const date = dayjs(newVal.checkDate).add(Number(newVal.checkCycle), 'month').format('YYYY-MM')
-//     const day = Number(newVal.checkDate.split('-')[2]) === 1 ? '1' : Number(newVal.checkDate.split('-')[2]) - 1
-//     ruleForm.value.certificateValid = dayjs(`${date}-${day}`).format('YYYY-MM-DD')
-//     // 判断日期是否大于当前
-//     if (new Date(ruleForm.value.certificateValid).getTime() - new Date(dayjs().format('YYYY-MM-DD')).getTime() < 0) {
-//       // 使用状态自动变为禁用
-//       ruleForm.value.usageStatus = '1'
-//     }
-//   }
-// }, {
-//   deep: true,
-// })
+watch(() => ruleForm.value, (newVal) => {
+  if (newVal.checkDate && newVal.checkCycle && !newVal.certificateValid) {
+    // ruleForm.value.certificateValid = dayjs(newVal.checkDate).add(Number(newVal.checkCycle) * 30, 'day').format('YYYY-MM-DD')
+    const date = dayjs(newVal.checkDate).add(Number(newVal.checkCycle), 'month').format('YYYY-MM')
+    const day = Number(newVal.checkDate.split('-')[2]) === 1 ? '1' : Number(newVal.checkDate.split('-')[2]) - 1
+    ruleForm.value.certificateValid = dayjs(`${date}-${day}`).format('YYYY-MM-DD')
+    // 判断日期是否大于当前
+    // if (new Date(ruleForm.value.certificateValid).getTime() - new Date(dayjs().format('YYYY-MM-DD')).getTime() < 0) {
+    //   // 使用状态自动变为禁用
+    //   ruleForm.value.usageStatus = '1'
+    // }
+  }
+}, {
+  deep: true,
+})
 const radio = ref('基本信息')
 // 生产日期和购进日期的验证
 const validateProductDate = (rule: any, value: any, callback: any) => {

diff --git a/src/views/tested/device/info/components/edit.vue b/src/views/tested/device/info/components/edit.vue
index 8b96b76..e1e20be 100644
--- a/src/views/tested/device/info/components/edit.vue
+++ b/src/views/tested/device/info/components/edit.vue
@@ -124,21 +124,21 @@
   testTask.value.push('')
 }
 // 自动填充 证书有效日期
-// watch(() => ruleForm.value, (newVal) => {
-//   if (newVal.checkDate && newVal.checkCycle && !newVal.certificateValid) {
-//     // ruleForm.value.certificateValid = dayjs(newVal.checkDate).add(Number(newVal.checkCycle) * 30, 'day').format('YYYY-MM-DD')
-//     const date = dayjs(newVal.checkDate).add(Number(newVal.checkCycle), 'month').format('YYYY-MM')
-//     const day = Number(newVal.checkDate.split('-')[2]) === 1 ? '1' : Number(newVal.checkDate.split('-')[2]) - 1
-//     ruleForm.value.certificateValid = dayjs(`${date}-${day}`).format('YYYY-MM-DD')
-//     // 判断日期是否大于当前
-//     if (new Date(ruleForm.value.certificateValid).getTime() - new Date(dayjs().format('YYYY-MM-DD')).getTime() < 0) {
-//       // 使用状态自动变为禁用
-//       ruleForm.value.usageStatus = '1'
-//     }
-//   }
-// }, {
-//   deep: true,
-// })
+watch(() => ruleForm.value, (newVal) => {
+  if (newVal.checkDate && newVal.checkCycle && !newVal.certificateValid) {
+    // ruleForm.value.certificateValid = dayjs(newVal.checkDate).add(Number(newVal.checkCycle) * 30, 'day').format('YYYY-MM-DD')
+    const date = dayjs(newVal.checkDate).add(Number(newVal.checkCycle), 'month').format('YYYY-MM')
+    const day = Number(newVal.checkDate.split('-')[2]) === 1 ? '1' : Number(newVal.checkDate.split('-')[2]) - 1
+    ruleForm.value.certificateValid = dayjs(`${date}-${day}`).format('YYYY-MM-DD')
+    // 判断日期是否大于当前
+    // if (new Date(ruleForm.value.certificateValid).getTime() - new Date(dayjs().format('YYYY-MM-DD')).getTime() < 0) {
+    //   // 使用状态自动变为禁用
+    //   ruleForm.value.usageStatus = '1'
+    // }
+  }
+}, {
+  deep: true,
+})
 const radio = ref('基本信息')
 // 生产日期和购进日期的验证
 const validateProductDate = (rule: any, value: any, callback: any) => {
diff --git a/src/views/tested/device/info/components/list.vue b/src/views/tested/device/info/components/list.vue
index a7aa6ab..049b52d 100644
--- a/src/views/tested/device/info/components/list.vue
+++ b/src/views/tested/device/info/components/list.vue
@@ -1,9 +1,11 @@
 <!-- 设备信息表格 -->
 <script lang="ts" setup name="DeviceInfoList">
 import { reactive, ref } from 'vue'
-import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import print from 'print-js'
+import { ElLoading, ElMessage, ElMessageBox, FIRST_LAST_KEYS } from 'element-plus'
 import axios from 'axios'
 import type { IlistObjType, IlistQueryType } from './interface'
+import printTag from './printTag.vue'
 import useUserStore from '@/store/modules/user'
 import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
 import ApprovalDialog from '@/components/Approval/ApprovalDialog.vue'
@@ -965,7 +967,53 @@
   scanEquipmentRef.value.initDialog(false)
 }
 // ------------------------------------------------------------------------------------------------------
+// 打印标签
+const hidden = ref(true)
+const printDiv = ref()
+const printList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('无可打印数据')
+    return
+  }
+  if (!selectList.value.length) {
+    ElMessage.warning('请先选择需要打印的数据')
+    return
+  }
 
+  // console.log(printIframeRef.value.contentWindow)
+  // const printIframe = printIframeRef.value
+  // const html = printDiv.value.innerHTML
+  // console.log(html, 'html')
+  // printIframe.setAttribute('srcdoc', html)
+  // printIframe.onload = function () {
+  //   console.log(printIframe.contentWindow)
+  //   // 去掉iframe里面的dom的body的padding margin的默认数值
+  //   printIframe.contentWindow.document.body.style.padding = '0px'
+  //   printIframe.contentWindow.document.body.style.margin = '0px'
+  //   // 开始打印
+  //   printIframe.contentWindow.focus()
+  //   printIframe.contentWindow.print()
+  // }
+  hidden.value = false
+  setTimeout(() => {
+    hidden.value = true
+  }, 100)
+  setTimeout(() => {
+    print({
+      printable: 'printDiv',
+      type: 'html',
+      // targetStyles: ['*'],
+      style: '@page {margin:1mm 0mm ;resolution: 500dpi;}',
+      // onPrintDialogClose: true,
+      // targetStyles: ['*'], // 使用dom的所有样式，很重要
+      targetStyle: '*',
+      targetStyles: '*',
+      // scanStyles: true,
+      // 解决字体样式失效的问题
+      font_size: '',
+    })
+  })
+}
 // 审批状态发生变化
 watch(() => $props.statusName, (newVal) => {
   if (newVal) {
@@ -1167,6 +1215,7 @@
     </search-area>
     <table-container>
       <template v-if="$props.statusName === '全部'" #btns-right>
+        <icon-button icon="icon-print" title="打印标签" @click="printList" />
         <icon-button icon="icon-change" title="切换列表状态" @click="changeTable" />
         <icon-button icon="icon-sweep" title="扫描" @click="scan" />
         <icon-button v-if="proxy.hasPerm(permUrl.add)" icon="icon-add" title="新增" @click="handler({} as any, 'create')" />
@@ -1353,6 +1402,11 @@
   </app-container>
   <!-- 扫描 -->
   <scan-equipment-dialog ref="scanEquipmentRef" title="扫描查询设备" />
+  <!-- 标签打印组件 -->
+  <!--  -->
+  <div id="printDiv" ref="printDiv" :class="{ 'hidden-page': hidden }">
+    <print-tag v-for="item of selectList" :key="item" :data="item" />
+  </div>
 </template>
 
 <style lang="scss" scoped>
@@ -1365,4 +1419,8 @@
 ::v-deep(.el-table__expanded-cell) {
   padding: 0;
 }
+
+.hidden-page {
+  display: none;
+}
 </style>

diff --git a/src/views/tested/device/info/components/edit.vue b/src/views/tested/device/info/components/edit.vue
index 8b96b76..e1e20be 100644
--- a/src/views/tested/device/info/components/edit.vue
+++ b/src/views/tested/device/info/components/edit.vue
@@ -124,21 +124,21 @@
   testTask.value.push('')
 }
 // 自动填充 证书有效日期
-// watch(() => ruleForm.value, (newVal) => {
-//   if (newVal.checkDate && newVal.checkCycle && !newVal.certificateValid) {
-//     // ruleForm.value.certificateValid = dayjs(newVal.checkDate).add(Number(newVal.checkCycle) * 30, 'day').format('YYYY-MM-DD')
-//     const date = dayjs(newVal.checkDate).add(Number(newVal.checkCycle), 'month').format('YYYY-MM')
-//     const day = Number(newVal.checkDate.split('-')[2]) === 1 ? '1' : Number(newVal.checkDate.split('-')[2]) - 1
-//     ruleForm.value.certificateValid = dayjs(`${date}-${day}`).format('YYYY-MM-DD')
-//     // 判断日期是否大于当前
-//     if (new Date(ruleForm.value.certificateValid).getTime() - new Date(dayjs().format('YYYY-MM-DD')).getTime() < 0) {
-//       // 使用状态自动变为禁用
-//       ruleForm.value.usageStatus = '1'
-//     }
-//   }
-// }, {
-//   deep: true,
-// })
+watch(() => ruleForm.value, (newVal) => {
+  if (newVal.checkDate && newVal.checkCycle && !newVal.certificateValid) {
+    // ruleForm.value.certificateValid = dayjs(newVal.checkDate).add(Number(newVal.checkCycle) * 30, 'day').format('YYYY-MM-DD')
+    const date = dayjs(newVal.checkDate).add(Number(newVal.checkCycle), 'month').format('YYYY-MM')
+    const day = Number(newVal.checkDate.split('-')[2]) === 1 ? '1' : Number(newVal.checkDate.split('-')[2]) - 1
+    ruleForm.value.certificateValid = dayjs(`${date}-${day}`).format('YYYY-MM-DD')
+    // 判断日期是否大于当前
+    // if (new Date(ruleForm.value.certificateValid).getTime() - new Date(dayjs().format('YYYY-MM-DD')).getTime() < 0) {
+    //   // 使用状态自动变为禁用
+    //   ruleForm.value.usageStatus = '1'
+    // }
+  }
+}, {
+  deep: true,
+})
 const radio = ref('基本信息')
 // 生产日期和购进日期的验证
 const validateProductDate = (rule: any, value: any, callback: any) => {
diff --git a/src/views/tested/device/info/components/list.vue b/src/views/tested/device/info/components/list.vue
index a7aa6ab..049b52d 100644
--- a/src/views/tested/device/info/components/list.vue
+++ b/src/views/tested/device/info/components/list.vue
@@ -1,9 +1,11 @@
 <!-- 设备信息表格 -->
 <script lang="ts" setup name="DeviceInfoList">
 import { reactive, ref } from 'vue'
-import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import print from 'print-js'
+import { ElLoading, ElMessage, ElMessageBox, FIRST_LAST_KEYS } from 'element-plus'
 import axios from 'axios'
 import type { IlistObjType, IlistQueryType } from './interface'
+import printTag from './printTag.vue'
 import useUserStore from '@/store/modules/user'
 import { delTextBtn, editTextBtn } from '@/utils/applyBtns'
 import ApprovalDialog from '@/components/Approval/ApprovalDialog.vue'
@@ -965,7 +967,53 @@
   scanEquipmentRef.value.initDialog(false)
 }
 // ------------------------------------------------------------------------------------------------------
+// 打印标签
+const hidden = ref(true)
+const printDiv = ref()
+const printList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('无可打印数据')
+    return
+  }
+  if (!selectList.value.length) {
+    ElMessage.warning('请先选择需要打印的数据')
+    return
+  }
 
+  // console.log(printIframeRef.value.contentWindow)
+  // const printIframe = printIframeRef.value
+  // const html = printDiv.value.innerHTML
+  // console.log(html, 'html')
+  // printIframe.setAttribute('srcdoc', html)
+  // printIframe.onload = function () {
+  //   console.log(printIframe.contentWindow)
+  //   // 去掉iframe里面的dom的body的padding margin的默认数值
+  //   printIframe.contentWindow.document.body.style.padding = '0px'
+  //   printIframe.contentWindow.document.body.style.margin = '0px'
+  //   // 开始打印
+  //   printIframe.contentWindow.focus()
+  //   printIframe.contentWindow.print()
+  // }
+  hidden.value = false
+  setTimeout(() => {
+    hidden.value = true
+  }, 100)
+  setTimeout(() => {
+    print({
+      printable: 'printDiv',
+      type: 'html',
+      // targetStyles: ['*'],
+      style: '@page {margin:1mm 0mm ;resolution: 500dpi;}',
+      // onPrintDialogClose: true,
+      // targetStyles: ['*'], // 使用dom的所有样式，很重要
+      targetStyle: '*',
+      targetStyles: '*',
+      // scanStyles: true,
+      // 解决字体样式失效的问题
+      font_size: '',
+    })
+  })
+}
 // 审批状态发生变化
 watch(() => $props.statusName, (newVal) => {
   if (newVal) {
@@ -1167,6 +1215,7 @@
     </search-area>
     <table-container>
       <template v-if="$props.statusName === '全部'" #btns-right>
+        <icon-button icon="icon-print" title="打印标签" @click="printList" />
         <icon-button icon="icon-change" title="切换列表状态" @click="changeTable" />
         <icon-button icon="icon-sweep" title="扫描" @click="scan" />
         <icon-button v-if="proxy.hasPerm(permUrl.add)" icon="icon-add" title="新增" @click="handler({} as any, 'create')" />
@@ -1353,6 +1402,11 @@
   </app-container>
   <!-- 扫描 -->
   <scan-equipment-dialog ref="scanEquipmentRef" title="扫描查询设备" />
+  <!-- 标签打印组件 -->
+  <!--  -->
+  <div id="printDiv" ref="printDiv" :class="{ 'hidden-page': hidden }">
+    <print-tag v-for="item of selectList" :key="item" :data="item" />
+  </div>
 </template>
 
 <style lang="scss" scoped>
@@ -1365,4 +1419,8 @@
 ::v-deep(.el-table__expanded-cell) {
   padding: 0;
 }
+
+.hidden-page {
+  display: none;
+}
 </style>
diff --git a/src/views/tested/device/info/components/printTag.vue b/src/views/tested/device/info/components/printTag.vue
new file mode 100644
index 0000000..c53cbf8
--- /dev/null
+++ b/src/views/tested/device/info/components/printTag.vue
@@ -0,0 +1,107 @@
+<!-- 打印标签组件 -->
+<script lang="ts" setup name="PrintTag">
+import QRCode from 'qrcode'
+import html2canvas from 'html2canvas'
+const $props = defineProps({
+  data: {
+    type: Object,
+    default: () => ({}),
+  },
+})
+watch(() => $props.data, (newVal) => {
+  console.log(newVal, 'newVal')
+})
+const imageUrl = ref()
+const imageTagUrl = ref()
+const canvasContainer = ref()
+QRCode.toDataURL(
+  `${$props.data.id}`,
+  // ,${$props.data.equipmentName},${$props.data.model},${$props.data.equipmentNo},${$props.data.directorName},
+  { margin: 0 }, (error: any, url: string) => {
+    if (error) {
+      console.error(error)
+    }
+    else {
+      imageUrl.value = url
+    }
+  })
+</script>
+
+<template>
+  <!-- <template> -->
+  <div id="canvasContainer" ref="canvasContainer" style="page-break-after: always;" class="tag-container">
+    <!-- 左侧信息 -->
+    <div class="left-info">
+      <div class="info">
+        <div class="name">
+          名称: {{ data.equipmentName }}
+        </div>
+      </div>
+      <div class="info">
+        <div class="name">
+          型号: {{ data.model }}
+        </div>
+      </div>
+      <div class="info">
+        <div class="name">
+          编号: {{ data.equipmentNo }}
+        </div>
+      </div>
+      <div class="info">
+        <div class="name">
+          单位: {{ data.companyName }}
+        </div>
+      </div>
+      <div class="info">
+        <div class="name">
+          负责人: {{ data.directorName }}
+        </div>
+      </div>
+    </div>
+    <!-- 右侧二维码 -->
+    <div class="right-con">
+      <!-- <div class="erweima" /> -->
+      <el-image id="canvas" :src="imageUrl" class="canvas" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.tag-container {
+  background-color: #fff;
+  width: 60mm;
+  height: 30mm;
+  display: flex;
+  // padding: 10mm 0;
+  // border: 1mm solid #ccc;
+
+  .left-info {
+    height: 30mm;
+    display: flex;
+    justify-content: space-around;
+    flex-direction: column;
+    padding: 1.5mm 0;
+    padding-left: 2mm;
+
+    .info {
+      display: flex;
+      font-size: 3.5mm;
+      font-family: "华文黑体";
+    }
+  }
+
+  .right-con {
+    // padding-top: 10mm;
+    height: 30mm;
+    display: flex;
+    justify-content: space-around;
+    flex-direction: column;
+    padding-left: 2mm;
+
+    .canvas {
+      width: 13.8mm;
+      height: 18mm;
+    }
+  }
+}
+</style>