diff --git a/package.json b/package.json
index d36ba8d3..239ba1db 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "js-cookie": "^3.0.0",
     "js-md5": "^0.7.3",
     "jspdf": "^2.5.1",
+    "kr-print-designer": "^1.1.8",
     "mockjs": "^1.1.0",
     "nprogress": "^0.2.0",
     "vite-plugin-mock": "^2.9.4",
diff --git a/src/components/printdesign/printdesign.vue b/src/components/printdesign/printdesign.vue
new file mode 100644
index 00000000..7b8474f1
--- /dev/null
+++ b/src/components/printdesign/printdesign.vue
@@ -0,0 +1,32 @@
+<template>
+    <div ref="printDesignerContainer"></div>
+  </template>
+  
+  <script>
+  import { ref, onMounted } from 'vue';
+  import KrPrintDesigner from 'kr-print-designer';
+  
+  export default {
+    name: 'KrPrintDesignerWrapper',
+    setup() {
+      const printDesignerContainer = ref(null);
+  
+      onMounted(() => {
+        const printDesigner = new KrPrintDesigner({
+          container: printDesignerContainer.value,
+          // 其他配置项
+        });
+  
+        printDesigner.init();
+      });
+  
+      return {
+        printDesignerContainer,
+      };
+    },
+  };
+  </script>
+  
+  <style lang="scss">
+  /* 样式可以根据需要进行添加或修改 */
+  </style>
\ No newline at end of file
diff --git a/src/views/distribution/signfor/distributionSignfor.vue b/src/views/distribution/signfor/distributionSignfor.vue
index 8553e14b..1671f4c0 100644
--- a/src/views/distribution/signfor/distributionSignfor.vue
+++ b/src/views/distribution/signfor/distributionSignfor.vue
@@ -166,6 +166,7 @@
       </el-dialog>
     </div>
   </basic-container>
+
   <edittablehead
     @setcolum="setnewcolum"
     @closce="showdrawer"
@@ -175,12 +176,14 @@
 </template>
 
 <script>
+
 import { getList, getDetail, add, update, remove ,getPage,getstatistics} from '@/api/distribution/distributionSignfor';
 import option from '@/option/distribution/distributionSignfor';
 import { mapGetters } from 'vuex';
 import { getDictionaryBiz } from '@/api/system/dict';
 import dayjs from 'dayjs';
 export default {
+
   data() {
     return {
       columnList: [