diff --git a/src/commonMethods/useCreateQr.ts b/src/commonMethods/useCreateQr.ts
index 678b33b..b2bb293 100644
--- a/src/commonMethods/useCreateQr.ts
+++ b/src/commonMethods/useCreateQr.ts
@@ -4,9 +4,9 @@
   'errorCorrectionLevel': 'M', // 纠错级别。low, medium, quartile, high , L, M, Q, H
   'maskPattern': 1, // 0、1、2、3、4、5、6、7
   toSJISFunc() {}, //
-  'margin': 4, // 边距
+  'margin': 0, // 边距
   'scale': 4, // 每一个黑点的宽度
-  'width': 4, // 二维码宽
+  'width': 2, // 二维码宽
   'color.dark': '#000', // 二维码颜色
   'color.light': '#ccc', // 背景色
 }

diff --git a/src/commonMethods/useCreateQr.ts b/src/commonMethods/useCreateQr.ts
index 678b33b..b2bb293 100644
--- a/src/commonMethods/useCreateQr.ts
+++ b/src/commonMethods/useCreateQr.ts
@@ -4,9 +4,9 @@
   'errorCorrectionLevel': 'M', // 纠错级别。low, medium, quartile, high , L, M, Q, H
   'maskPattern': 1, // 0、1、2、3、4、5、6、7
   toSJISFunc() {}, //
-  'margin': 4, // 边距
+  'margin': 0, // 边距
   'scale': 4, // 每一个黑点的宽度
-  'width': 4, // 二维码宽
+  'width': 2, // 二维码宽
   'color.dark': '#000', // 二维码颜色
   'color.light': '#ccc', // 背景色
 }
diff --git a/src/views/business/taskMeasure/print/components/label/printThreeInfo.vue b/src/views/business/taskMeasure/print/components/label/printThreeInfo.vue
new file mode 100644
index 0000000..dde1f85
--- /dev/null
+++ b/src/views/business/taskMeasure/print/components/label/printThreeInfo.vue
@@ -0,0 +1,111 @@
+<!-- 标签---三行信息，测试、校准、限用、停用、封存、合格、禁用 -->
+<script name="LabelThreeInfo" lang="ts" setup>
+import type { Ref } from 'vue'
+import { onMounted, ref } from 'vue'
+import dayjs from 'dayjs'
+import { ElLoading, ElMessage } from 'element-plus'
+import { printHtml } from '@/utils/printUtils'
+import { useCreateQr } from '@/commonMethods/useCreateQr'
+const props = defineProps({
+  title: { // 标题
+    type: String,
+    default: '测试',
+  },
+  backgroundColor: { // 背景颜色
+    type: String,
+    default: '#12cccc',
+  },
+  dateTitle: { // 日期标题
+    type: String,
+    default: '测试日期',
+  },
+  personTitle: { // 人员标题
+    type: String,
+    default: '测试人',
+  },
+  deviceNo: { // 设备编号
+    type: String,
+    default: '',
+  },
+})
+const form = ref({
+  no: '', // 编号
+  date: '', // 日期
+  person: '', // 人员
+})
+
+const print = () => {
+  printHtml('printData')
+}
+const qrCodeRef = ref()
+const qrUrl = ref('') // 二维码图片
+
+watch(() => props.deviceNo, (newValue) => {
+  if (newValue) {
+    qrUrl.value = useCreateQr(newValue)!
+  }
+}, { immediate: true })
+
+defineExpose({ print })
+</script>
+
+<template>
+  <div id="printData" class="three-info">
+    <div class="left">
+      <div class="deviceNo-class">
+        {{ props.deviceNo }}
+      </div>
+      <div class="date-class">
+        2024 10 10
+      </div>
+      <div class="person-class">
+        赵丽颖
+      </div>
+    </div>
+    <div class="right">
+      <el-image style="width: 160px; height: 160px; margin-left: 10px;" :src="qrUrl" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.three-info {
+  display: flex;
+  border-radius: 10px;
+  width: 550px;
+  height: 200px;
+  background-color: #f2f3f5;
+
+  .left {
+    padding: 10px 20px;
+    flex: 1;
+    background-color: #f2f3f5;
+    border-radius: 10px;
+
+    .deviceNo-class {
+      position: relative;
+      top: 40px;
+      left: 60px;
+    }
+
+    .date-class {
+      position: relative;
+      top: 60px;
+      left: 60px;
+    }
+
+    .person-class {
+      position: relative;
+      top: 80px;
+      left: 60px;
+    }
+  }
+
+  .right {
+    width: 220px;
+    display: flex;
+    align-items: center;
+  }
+}
+</style>
+

diff --git a/src/commonMethods/useCreateQr.ts b/src/commonMethods/useCreateQr.ts
index 678b33b..b2bb293 100644
--- a/src/commonMethods/useCreateQr.ts
+++ b/src/commonMethods/useCreateQr.ts
@@ -4,9 +4,9 @@
   'errorCorrectionLevel': 'M', // 纠错级别。low, medium, quartile, high , L, M, Q, H
   'maskPattern': 1, // 0、1、2、3、4、5、6、7
   toSJISFunc() {}, //
-  'margin': 4, // 边距
+  'margin': 0, // 边距
   'scale': 4, // 每一个黑点的宽度
-  'width': 4, // 二维码宽
+  'width': 2, // 二维码宽
   'color.dark': '#000', // 二维码颜色
   'color.light': '#ccc', // 背景色
 }
diff --git a/src/views/business/taskMeasure/print/components/label/printThreeInfo.vue b/src/views/business/taskMeasure/print/components/label/printThreeInfo.vue
new file mode 100644
index 0000000..dde1f85
--- /dev/null
+++ b/src/views/business/taskMeasure/print/components/label/printThreeInfo.vue
@@ -0,0 +1,111 @@
+<!-- 标签---三行信息，测试、校准、限用、停用、封存、合格、禁用 -->
+<script name="LabelThreeInfo" lang="ts" setup>
+import type { Ref } from 'vue'
+import { onMounted, ref } from 'vue'
+import dayjs from 'dayjs'
+import { ElLoading, ElMessage } from 'element-plus'
+import { printHtml } from '@/utils/printUtils'
+import { useCreateQr } from '@/commonMethods/useCreateQr'
+const props = defineProps({
+  title: { // 标题
+    type: String,
+    default: '测试',
+  },
+  backgroundColor: { // 背景颜色
+    type: String,
+    default: '#12cccc',
+  },
+  dateTitle: { // 日期标题
+    type: String,
+    default: '测试日期',
+  },
+  personTitle: { // 人员标题
+    type: String,
+    default: '测试人',
+  },
+  deviceNo: { // 设备编号
+    type: String,
+    default: '',
+  },
+})
+const form = ref({
+  no: '', // 编号
+  date: '', // 日期
+  person: '', // 人员
+})
+
+const print = () => {
+  printHtml('printData')
+}
+const qrCodeRef = ref()
+const qrUrl = ref('') // 二维码图片
+
+watch(() => props.deviceNo, (newValue) => {
+  if (newValue) {
+    qrUrl.value = useCreateQr(newValue)!
+  }
+}, { immediate: true })
+
+defineExpose({ print })
+</script>
+
+<template>
+  <div id="printData" class="three-info">
+    <div class="left">
+      <div class="deviceNo-class">
+        {{ props.deviceNo }}
+      </div>
+      <div class="date-class">
+        2024 10 10
+      </div>
+      <div class="person-class">
+        赵丽颖
+      </div>
+    </div>
+    <div class="right">
+      <el-image style="width: 160px; height: 160px; margin-left: 10px;" :src="qrUrl" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.three-info {
+  display: flex;
+  border-radius: 10px;
+  width: 550px;
+  height: 200px;
+  background-color: #f2f3f5;
+
+  .left {
+    padding: 10px 20px;
+    flex: 1;
+    background-color: #f2f3f5;
+    border-radius: 10px;
+
+    .deviceNo-class {
+      position: relative;
+      top: 40px;
+      left: 60px;
+    }
+
+    .date-class {
+      position: relative;
+      top: 60px;
+      left: 60px;
+    }
+
+    .person-class {
+      position: relative;
+      top: 80px;
+      left: 60px;
+    }
+  }
+
+  .right {
+    width: 220px;
+    display: flex;
+    align-items: center;
+  }
+}
+</style>
+
diff --git a/src/views/business/taskMeasure/print/components/label/threeInfo.vue b/src/views/business/taskMeasure/print/components/label/threeInfo.vue
index 24f386e..8f0871d 100644
--- a/src/views/business/taskMeasure/print/components/label/threeInfo.vue
+++ b/src/views/business/taskMeasure/print/components/label/threeInfo.vue
@@ -79,54 +79,56 @@
             />
           </el-form-item>
         </el-form>
-        <div style="display: flex;justify-content: center;align-items: center;">
-          <el-image style="width: 160px; height: 160px;margin-left: 10px;" :src="qrUrl" />
-        </div>
       </div>
     </div>
-    <!-- <div class="right">
-      <el-image style="width: 46px; height: 32px;background: red;" :src="qrUrl" />
-    </div> -->
+    <div class="right">
+      <el-image style="width: 160px; height: 160px; margin-left: 10px;" :src="qrUrl" />
+    </div>
   </div>
 </template>
 
 <style lang="scss" scoped>
 .three-info {
-  padding: 10px  20px 20px;
   display: flex;
   border-radius: 10px;
-  // width: fit-content;
-  background-color: v-bind(backgroundColor);
-  // width: 400px;
-  // height: 260px;
-  width: 500px;
-  height: 300px;
+  width: 550px;
+  height: 200px;
+  background-color: #f2f3f5;
 
   .left {
+    padding: 10px 20px;
     flex: 1;
+    background-color: v-bind(backgroundColor);
+    border-radius: 10px;
 
     .banner {
       display: flex;
       align-items: center;
-      margin-bottom: 20px;
+      margin-bottom: 10px;
 
       .title {
         flex: 1;
         font-weight: 600;
-        font-size: 24px;
+        font-size: 20px;
         color: #fff;
-        margin-left: -20px;
         text-align: center;
+        margin-left: -20px;
       }
     }
 
     .data-area {
+      width: 330px;
       background-color: #fff;
-      padding: 20px 0 20px 10px;
       border-radius: 2px;
-      display: flex;
+      font-size: 14px;
     }
   }
+
+  .right {
+    width: 220px;
+    display: flex;
+    align-items: center;
+  }
 }
 </style>
 

diff --git a/src/commonMethods/useCreateQr.ts b/src/commonMethods/useCreateQr.ts
index 678b33b..b2bb293 100644
--- a/src/commonMethods/useCreateQr.ts
+++ b/src/commonMethods/useCreateQr.ts
@@ -4,9 +4,9 @@
   'errorCorrectionLevel': 'M', // 纠错级别。low, medium, quartile, high , L, M, Q, H
   'maskPattern': 1, // 0、1、2、3、4、5、6、7
   toSJISFunc() {}, //
-  'margin': 4, // 边距
+  'margin': 0, // 边距
   'scale': 4, // 每一个黑点的宽度
-  'width': 4, // 二维码宽
+  'width': 2, // 二维码宽
   'color.dark': '#000', // 二维码颜色
   'color.light': '#ccc', // 背景色
 }
diff --git a/src/views/business/taskMeasure/print/components/label/printThreeInfo.vue b/src/views/business/taskMeasure/print/components/label/printThreeInfo.vue
new file mode 100644
index 0000000..dde1f85
--- /dev/null
+++ b/src/views/business/taskMeasure/print/components/label/printThreeInfo.vue
@@ -0,0 +1,111 @@
+<!-- 标签---三行信息，测试、校准、限用、停用、封存、合格、禁用 -->
+<script name="LabelThreeInfo" lang="ts" setup>
+import type { Ref } from 'vue'
+import { onMounted, ref } from 'vue'
+import dayjs from 'dayjs'
+import { ElLoading, ElMessage } from 'element-plus'
+import { printHtml } from '@/utils/printUtils'
+import { useCreateQr } from '@/commonMethods/useCreateQr'
+const props = defineProps({
+  title: { // 标题
+    type: String,
+    default: '测试',
+  },
+  backgroundColor: { // 背景颜色
+    type: String,
+    default: '#12cccc',
+  },
+  dateTitle: { // 日期标题
+    type: String,
+    default: '测试日期',
+  },
+  personTitle: { // 人员标题
+    type: String,
+    default: '测试人',
+  },
+  deviceNo: { // 设备编号
+    type: String,
+    default: '',
+  },
+})
+const form = ref({
+  no: '', // 编号
+  date: '', // 日期
+  person: '', // 人员
+})
+
+const print = () => {
+  printHtml('printData')
+}
+const qrCodeRef = ref()
+const qrUrl = ref('') // 二维码图片
+
+watch(() => props.deviceNo, (newValue) => {
+  if (newValue) {
+    qrUrl.value = useCreateQr(newValue)!
+  }
+}, { immediate: true })
+
+defineExpose({ print })
+</script>
+
+<template>
+  <div id="printData" class="three-info">
+    <div class="left">
+      <div class="deviceNo-class">
+        {{ props.deviceNo }}
+      </div>
+      <div class="date-class">
+        2024 10 10
+      </div>
+      <div class="person-class">
+        赵丽颖
+      </div>
+    </div>
+    <div class="right">
+      <el-image style="width: 160px; height: 160px; margin-left: 10px;" :src="qrUrl" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.three-info {
+  display: flex;
+  border-radius: 10px;
+  width: 550px;
+  height: 200px;
+  background-color: #f2f3f5;
+
+  .left {
+    padding: 10px 20px;
+    flex: 1;
+    background-color: #f2f3f5;
+    border-radius: 10px;
+
+    .deviceNo-class {
+      position: relative;
+      top: 40px;
+      left: 60px;
+    }
+
+    .date-class {
+      position: relative;
+      top: 60px;
+      left: 60px;
+    }
+
+    .person-class {
+      position: relative;
+      top: 80px;
+      left: 60px;
+    }
+  }
+
+  .right {
+    width: 220px;
+    display: flex;
+    align-items: center;
+  }
+}
+</style>
+
diff --git a/src/views/business/taskMeasure/print/components/label/threeInfo.vue b/src/views/business/taskMeasure/print/components/label/threeInfo.vue
index 24f386e..8f0871d 100644
--- a/src/views/business/taskMeasure/print/components/label/threeInfo.vue
+++ b/src/views/business/taskMeasure/print/components/label/threeInfo.vue
@@ -79,54 +79,56 @@
             />
           </el-form-item>
         </el-form>
-        <div style="display: flex;justify-content: center;align-items: center;">
-          <el-image style="width: 160px; height: 160px;margin-left: 10px;" :src="qrUrl" />
-        </div>
       </div>
     </div>
-    <!-- <div class="right">
-      <el-image style="width: 46px; height: 32px;background: red;" :src="qrUrl" />
-    </div> -->
+    <div class="right">
+      <el-image style="width: 160px; height: 160px; margin-left: 10px;" :src="qrUrl" />
+    </div>
   </div>
 </template>
 
 <style lang="scss" scoped>
 .three-info {
-  padding: 10px  20px 20px;
   display: flex;
   border-radius: 10px;
-  // width: fit-content;
-  background-color: v-bind(backgroundColor);
-  // width: 400px;
-  // height: 260px;
-  width: 500px;
-  height: 300px;
+  width: 550px;
+  height: 200px;
+  background-color: #f2f3f5;
 
   .left {
+    padding: 10px 20px;
     flex: 1;
+    background-color: v-bind(backgroundColor);
+    border-radius: 10px;
 
     .banner {
       display: flex;
       align-items: center;
-      margin-bottom: 20px;
+      margin-bottom: 10px;
 
       .title {
         flex: 1;
         font-weight: 600;
-        font-size: 24px;
+        font-size: 20px;
         color: #fff;
-        margin-left: -20px;
         text-align: center;
+        margin-left: -20px;
       }
     }
 
     .data-area {
+      width: 330px;
       background-color: #fff;
-      padding: 20px 0 20px 10px;
       border-radius: 2px;
-      display: flex;
+      font-size: 14px;
     }
   }
+
+  .right {
+    width: 220px;
+    display: flex;
+    align-items: center;
+  }
 }
 </style>
 
diff --git a/src/views/business/taskMeasure/print/detail.vue b/src/views/business/taskMeasure/print/detail.vue
index 77490d2..2a5d904 100644
--- a/src/views/business/taskMeasure/print/detail.vue
+++ b/src/views/business/taskMeasure/print/detail.vue
@@ -2,6 +2,7 @@
 <script name="BusinessTaskMeasurePrintDetail" lang="ts" setup>
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import ThreeInfo from './components/label/threeInfo.vue'
+import printThreeInfo from './components/label/printThreeInfo.vue'
 import type { IEquipmentList } from './print-interface'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import type { dictType } from '@/global'
@@ -293,7 +294,7 @@
       </el-col>
       <el-col :span="12">
         <detail-block title="" style="padding-bottom: 20px;display: flex;justify-content: center;">
-          <div v-if="checkoutList.length" id="html">
+          <div v-if="checkoutList.length">
             <three-info
               v-for="(item, index) in checkoutList"
               :key="index"
@@ -306,6 +307,18 @@
             />
             <!-- <three-info ref="threeInfoRef" style="margin-top: 10px;" /> -->
           </div>
+          <div v-if="checkoutList.length" id="html">
+            <print-three-info
+              v-for="(item, index) in checkoutList"
+              :key="index"
+              ref="threeInfoRef"
+              :device-no="item.deviceNo"
+              :title="item.identifyTypeName"
+              :date-title="printMenu[item.identifyTypeName].dateTitle"
+              :person-title="printMenu[item.identifyTypeName].personTitle"
+              :background-color="printMenu[item.identifyTypeName].backgroundColor"
+            />
+          </div>
         </detail-block>
       </el-col>
     </el-row>