diff --git a/package.json b/package.json
index b781b64..c9343e0 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "@dnd-kit/core": "^6.1.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@onlyoffice/document-editor-vue": "^1.5.0",
+    "@sv-print/vue3": "^0.2.2",
     "@tinymce/tinymce-vue": "^5.1.1",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vueup/vue-quill": "^1.2.0",
@@ -61,17 +62,20 @@
     "element-resize-detector": "^1.2.4",
     "font-awesome": "^4.7.0",
     "html2canvas": "^1.4.1",
-    "jquery": "^3.7.1",
+    "install": "^0.13.0",
     "js-beautify": "^1.14.8",
     "js-md5": "^0.7.3",
+    "jsbarcode": "^3.12.1",
     "jszip": "^3.10.1",
     "mapv-three": "^1.0.18",
     "md5": "^2.3.0",
+    "npm": "^11.4.2",
     "nprogress": "^0.2.0",
     "path-browserify": "^1.0.1",
     "path-to-regexp": "^6.2.0",
     "pinia": "^2.1.6",
     "province-city-china": "^8.5.8",
+    "qrcode": "^1.5.4",
     "quill-image-resize-custom-module": "^4.1.7",
     "quill-image-uploader": "^1.3.0",
     "react-dnd-html5-backend": "^16.0.1",
@@ -88,7 +92,7 @@
     "vue-baidu-map-3x": "^1.0.35",
     "vue-demi": "^0.14.10",
     "vue-i18n": "9.2.2",
-    "vue-plugin-hiprint": "^0.0.59-beta4",
+    "vue-plugin-hiprint": "^0.0.60",
     "vue-router": "^4.2.0",
     "vue3-dnd": "^2.1.0",
     "vue3-ruler-tool": "^0.0.1",
diff --git a/public/print-lock.css b/public/print-lock.css
new file mode 100644
index 0000000..82c1404
--- /dev/null
+++ b/public/print-lock.css
@@ -0,0 +1,352 @@
+@media print {
+  body {
+    margin: 0px;
+    padding: 0px;
+  }
+}
+
+@page {
+  margin: 0;
+}
+
+.hiprint-printPaper * {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box; /* Firefox */
+  -webkit-box-sizing: border-box; /* Safari */
+}
+
+.hiprint-printPaper *:focus {
+  outline: -webkit-focus-ring-color auto 0px;
+}
+
+.hiprint-printPaper {
+  position: relative;
+  padding: 0 0 0 0;
+  page-break-after: always;
+  -webkit-user-select: none; /* Chrome/Safari/Opera */
+  -moz-user-select: none; /* Firefox */
+  user-select: none;
+  overflow-x: hidden;
+  overflow: hidden;
+}
+
+.hiprint-printPaper .hiprint-printPaper-content {
+  position: relative;
+}
+
+/* 火狐浏览器打印 第一页过后 重叠问题 */
+@-moz-document url-prefix() {
+  .hiprint-printPaper .hiprint-printPaper-content {
+    position: relative;
+    margin-top: 20px;
+    top: -20px
+  }
+}
+
+.hiprint-printPaper.design {
+  overflow: visible;
+}
+
+
+.hiprint-printTemplate .hiprint-printPanel {
+  page-break-after: always;
+}
+
+.hiprint-printPaper, hiprint-printPanel {
+  box-sizing: border-box;
+  border: 0px;
+}
+
+.hiprint-printPanel .hiprint-printPaper:last-child {
+  page-break-after: avoid;
+}
+
+.hiprint-printTemplate .hiprint-printPanel:last-child {
+  page-break-after: avoid;
+}
+
+.hiprint-printPaper .hideheaderLinetarget {
+  border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper .hidefooterLinetarget {
+  border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper.design {
+  border: 1px dashed rgba(170, 170, 170, 0.7);
+}
+
+.design .hiprint-printElement-table-content, .design .hiprint-printElement-longText-content {
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.design .resize-panel {
+  box-sizing: border-box;
+  border: 1px dotted;
+}
+
+.hiprint-printElement-text {
+  background-color: transparent;
+  background-repeat: repeat;
+  padding: 0 0 0 0;
+  border: 0.75pt none rgb(0, 0, 0);
+  direction: ltr;
+  font-family: 'SimSun';
+  font-size: 9pt;
+  font-style: normal;
+  font-weight: normal;
+  padding-bottom: 0pt;
+  padding-left: 0pt;
+  padding-right: 0pt;
+  padding-top: 0pt;
+  text-align: left;
+  text-decoration: none;
+  line-height: 9.75pt;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  word-break: break-all;
+}
+
+.design .hiprint-printElement-text-content {
+  border: 1px dashed rgb(206, 188, 188);
+  box-sizing: border-box;
+}
+
+.hiprint-printElement-longText {
+  background-color: transparent;
+  background-repeat: repeat;
+  border: 0.75pt none rgb(0, 0, 0);
+  direction: ltr;
+  font-family: 'SimSun';
+  font-size: 9pt;
+  font-style: normal;
+  font-weight: normal;
+  padding-bottom: 0pt;
+  padding-left: 0pt;
+  padding-right: 0pt;
+  padding-top: 0pt;
+  text-align: left;
+  text-decoration: none;
+  line-height: 9.75pt;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  word-break: break-all;
+  /*white-space: pre-wrap*/
+}
+
+
+.hiprint-printElement-table {
+  background-color: transparent;
+  background-repeat: repeat;
+  color: rgb(0, 0, 0);
+  border-color: rgb(0, 0, 0);
+  border-style: none;
+  direction: ltr;
+  font-family: 'SimSun';
+  font-size: 9pt;
+  font-style: normal;
+  font-weight: normal;
+  padding-bottom: 0pt;
+  padding-left: 0pt;
+  padding-right: 0pt;
+  padding-top: 0pt;
+  text-align: left;
+  text-decoration: none;
+  padding: 0 0 0 0;
+  box-sizing: border-box;
+  line-height: 9.75pt;
+}
+
+.hiprint-printElement-table thead {
+  background: #e8e8e8;
+  font-weight: 700;
+}
+
+table.hiprint-printElement-tableTarget {
+  width: 100%;
+}
+
+.hiprint-printElement-tableTarget, .hiprint-printElement-tableTarget tr, .hiprint-printElement-tableTarget td {
+  border-color: rgb(0, 0, 0);
+  /*border-style: none;*/
+  /*border: 1px solid rgb(0, 0, 0);*/
+  font-weight: normal;
+  direction: ltr;
+  padding-bottom: 0pt;
+  padding-left: 4pt;
+  padding-right: 4pt;
+  padding-top: 0pt;
+  text-decoration: none;
+  vertical-align: middle;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  word-break: break-all;
+  /*line-height: 9.75pt;
+  font-size: 9pt;*/
+}
+
+.hiprint-printElement-tableTarget-border-all {
+  border: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-none {
+  border: 0px solid;
+}
+.hiprint-printElement-tableTarget-border-lr {
+  border-left: 1px solid;
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-left {
+  border-left: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-right {
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-tb {
+  border-top: 1px solid;
+  border-bottom: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-top {
+  border-top: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-bottom {
+  border-bottom: 1px solid;
+}
+
+.hiprint-printElement-tableTarget-border-td-none td {
+  border: 0px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:not(:nth-last-child(-n+2)) {
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:not(last-child) {
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:last-child {
+  border-left: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:last-child:first-child {
+  border-left: none;
+}
+
+/*.hiprint-printElement-tableTarget tr,*/
+.hiprint-printElement-tableTarget td {
+  height: 18pt;
+}
+
+.hiprint-printPaper .hiprint-paperNumber {
+  font-size: 9pt;
+}
+
+.design .hiprint-printElement-table-handle {
+  position: absolute;
+  height: 21pt;
+  width: 21pt;
+  background: red;
+  z-index: 1;
+}
+
+.hiprint-printPaper .hiprint-paperNumber-disabled {
+  float: right !important;
+  right: 0 !important;
+  color: gainsboro !important;
+}
+
+.hiprint-printElement-vline, .hiprint-printElement-hline {
+  border: 0px none rgb(0, 0, 0);
+
+}
+
+.hiprint-printElement-vline {
+  border-left: 0.75pt solid #000;
+  border-right: 0px none rgb(0, 0, 0) !important;
+  border-bottom: 0px none rgb(0, 0, 0) !important;
+  border-top: 0px none rgb(0, 0, 0) !important;
+}
+
+.hiprint-printElement-hline {
+  border-top: 0.75pt solid #000;
+  border-right: 0px none rgb(0, 0, 0) !important;
+  border-bottom: 0px none rgb(0, 0, 0) !important;
+  border-left: 0px none rgb(0, 0, 0) !important;
+}
+
+.hiprint-printElement-oval, .hiprint-printElement-rect {
+  border: 0.75pt solid #000;
+}
+
+.hiprint-text-content-middle {
+}
+
+.hiprint-text-content-middle > div {
+  display: grid;
+  align-items: center;
+}
+
+.hiprint-text-content-bottom {
+}
+
+.hiprint-text-content-bottom > div {
+  display: grid;
+  align-items: flex-end;
+}
+
+.hiprint-text-content-wrap {
+}
+
+.hiprint-text-content-wrap .hiprint-text-content-wrap-nowrap {
+  white-space: nowrap;
+}
+
+.hiprint-text-content-wrap .hiprint-text-content-wrap-clip {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: clip;
+}
+
+.hiprint-text-content-wrap .hiprint-text-content-wrap-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/*hi-grid-row */
+.hi-grid-row {
+  position: relative;
+  height: auto;
+  margin-right: 0;
+  margin-left: 0;
+  zoom: 1;
+  display: block;
+  box-sizing: border-box;
+}
+
+.hi-grid-row::after, .hi-grid-row::before {
+  display: table;
+  content: '';
+  box-sizing: border-box;
+}
+
+.hi-grid-col {
+  display: block;
+  box-sizing: border-box;
+  position: relative;
+  float: left;
+  flex: 0 0 auto;
+}
+
+.table-grid-row {
+  margin-left: -0pt;
+  margin-right: -0pt;
+}
+
+.tableGridColumnsGutterRow {
+  padding-left: 0pt;
+  padding-right: 0pt;
+}
+
+.hiprint-gridColumnsFooter {
+  text-align: left;
+  clear: both;
+}
diff --git a/src/api/DesignForm/requestapi.ts b/src/api/DesignForm/requestapi.ts
index 93e1e25..dcd1fd3 100644
--- a/src/api/DesignForm/requestapi.ts
+++ b/src/api/DesignForm/requestapi.ts
@@ -633,3 +633,25 @@ export function gainDataStorceAllField(data: any) {
 		data: data
 	});
 }
+
+//获取有源数据表字段
+/*
+	VersionId        string `json:"versionid"`
+	FormKey          string `json:"formkey"`
+*/
+export function getPrintTemplate(data: any) {
+	return request({
+		url: '/printer/customer_form/getPrintTemplate',
+		method: 'post',
+		data: data
+	});
+}
+
+//获取有源数据表字段
+export function savePrintTemplate(data: any) {
+	return request({
+		url: '/printer/customer_form/savePrintTemplate',
+		method: 'post',
+		data: data
+	});
+}
\ No newline at end of file
diff --git a/src/assets/logo_text.png b/src/assets/logo_text.png
new file mode 100644
index 0000000..bdf9286
Binary files /dev/null and b/src/assets/logo_text.png differ
diff --git a/src/assets/print-lock.css b/src/assets/print-lock.css
new file mode 100644
index 0000000..82c1404
--- /dev/null
+++ b/src/assets/print-lock.css
@@ -0,0 +1,352 @@
+@media print {
+  body {
+    margin: 0px;
+    padding: 0px;
+  }
+}
+
+@page {
+  margin: 0;
+}
+
+.hiprint-printPaper * {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box; /* Firefox */
+  -webkit-box-sizing: border-box; /* Safari */
+}
+
+.hiprint-printPaper *:focus {
+  outline: -webkit-focus-ring-color auto 0px;
+}
+
+.hiprint-printPaper {
+  position: relative;
+  padding: 0 0 0 0;
+  page-break-after: always;
+  -webkit-user-select: none; /* Chrome/Safari/Opera */
+  -moz-user-select: none; /* Firefox */
+  user-select: none;
+  overflow-x: hidden;
+  overflow: hidden;
+}
+
+.hiprint-printPaper .hiprint-printPaper-content {
+  position: relative;
+}
+
+/* 火狐浏览器打印 第一页过后 重叠问题 */
+@-moz-document url-prefix() {
+  .hiprint-printPaper .hiprint-printPaper-content {
+    position: relative;
+    margin-top: 20px;
+    top: -20px
+  }
+}
+
+.hiprint-printPaper.design {
+  overflow: visible;
+}
+
+
+.hiprint-printTemplate .hiprint-printPanel {
+  page-break-after: always;
+}
+
+.hiprint-printPaper, hiprint-printPanel {
+  box-sizing: border-box;
+  border: 0px;
+}
+
+.hiprint-printPanel .hiprint-printPaper:last-child {
+  page-break-after: avoid;
+}
+
+.hiprint-printTemplate .hiprint-printPanel:last-child {
+  page-break-after: avoid;
+}
+
+.hiprint-printPaper .hideheaderLinetarget {
+  border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper .hidefooterLinetarget {
+  border-top: 0px dashed rgb(201, 190, 190) !important;
+}
+
+.hiprint-printPaper.design {
+  border: 1px dashed rgba(170, 170, 170, 0.7);
+}
+
+.design .hiprint-printElement-table-content, .design .hiprint-printElement-longText-content {
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.design .resize-panel {
+  box-sizing: border-box;
+  border: 1px dotted;
+}
+
+.hiprint-printElement-text {
+  background-color: transparent;
+  background-repeat: repeat;
+  padding: 0 0 0 0;
+  border: 0.75pt none rgb(0, 0, 0);
+  direction: ltr;
+  font-family: 'SimSun';
+  font-size: 9pt;
+  font-style: normal;
+  font-weight: normal;
+  padding-bottom: 0pt;
+  padding-left: 0pt;
+  padding-right: 0pt;
+  padding-top: 0pt;
+  text-align: left;
+  text-decoration: none;
+  line-height: 9.75pt;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  word-break: break-all;
+}
+
+.design .hiprint-printElement-text-content {
+  border: 1px dashed rgb(206, 188, 188);
+  box-sizing: border-box;
+}
+
+.hiprint-printElement-longText {
+  background-color: transparent;
+  background-repeat: repeat;
+  border: 0.75pt none rgb(0, 0, 0);
+  direction: ltr;
+  font-family: 'SimSun';
+  font-size: 9pt;
+  font-style: normal;
+  font-weight: normal;
+  padding-bottom: 0pt;
+  padding-left: 0pt;
+  padding-right: 0pt;
+  padding-top: 0pt;
+  text-align: left;
+  text-decoration: none;
+  line-height: 9.75pt;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  word-break: break-all;
+  /*white-space: pre-wrap*/
+}
+
+
+.hiprint-printElement-table {
+  background-color: transparent;
+  background-repeat: repeat;
+  color: rgb(0, 0, 0);
+  border-color: rgb(0, 0, 0);
+  border-style: none;
+  direction: ltr;
+  font-family: 'SimSun';
+  font-size: 9pt;
+  font-style: normal;
+  font-weight: normal;
+  padding-bottom: 0pt;
+  padding-left: 0pt;
+  padding-right: 0pt;
+  padding-top: 0pt;
+  text-align: left;
+  text-decoration: none;
+  padding: 0 0 0 0;
+  box-sizing: border-box;
+  line-height: 9.75pt;
+}
+
+.hiprint-printElement-table thead {
+  background: #e8e8e8;
+  font-weight: 700;
+}
+
+table.hiprint-printElement-tableTarget {
+  width: 100%;
+}
+
+.hiprint-printElement-tableTarget, .hiprint-printElement-tableTarget tr, .hiprint-printElement-tableTarget td {
+  border-color: rgb(0, 0, 0);
+  /*border-style: none;*/
+  /*border: 1px solid rgb(0, 0, 0);*/
+  font-weight: normal;
+  direction: ltr;
+  padding-bottom: 0pt;
+  padding-left: 4pt;
+  padding-right: 4pt;
+  padding-top: 0pt;
+  text-decoration: none;
+  vertical-align: middle;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  word-break: break-all;
+  /*line-height: 9.75pt;
+  font-size: 9pt;*/
+}
+
+.hiprint-printElement-tableTarget-border-all {
+  border: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-none {
+  border: 0px solid;
+}
+.hiprint-printElement-tableTarget-border-lr {
+  border-left: 1px solid;
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-left {
+  border-left: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-right {
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-tb {
+  border-top: 1px solid;
+  border-bottom: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-top {
+  border-top: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-bottom {
+  border-bottom: 1px solid;
+}
+
+.hiprint-printElement-tableTarget-border-td-none td {
+  border: 0px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:not(:nth-last-child(-n+2)) {
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:not(last-child) {
+  border-right: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:last-child {
+  border-left: 1px solid;
+}
+.hiprint-printElement-tableTarget-border-td-all td:last-child:first-child {
+  border-left: none;
+}
+
+/*.hiprint-printElement-tableTarget tr,*/
+.hiprint-printElement-tableTarget td {
+  height: 18pt;
+}
+
+.hiprint-printPaper .hiprint-paperNumber {
+  font-size: 9pt;
+}
+
+.design .hiprint-printElement-table-handle {
+  position: absolute;
+  height: 21pt;
+  width: 21pt;
+  background: red;
+  z-index: 1;
+}
+
+.hiprint-printPaper .hiprint-paperNumber-disabled {
+  float: right !important;
+  right: 0 !important;
+  color: gainsboro !important;
+}
+
+.hiprint-printElement-vline, .hiprint-printElement-hline {
+  border: 0px none rgb(0, 0, 0);
+
+}
+
+.hiprint-printElement-vline {
+  border-left: 0.75pt solid #000;
+  border-right: 0px none rgb(0, 0, 0) !important;
+  border-bottom: 0px none rgb(0, 0, 0) !important;
+  border-top: 0px none rgb(0, 0, 0) !important;
+}
+
+.hiprint-printElement-hline {
+  border-top: 0.75pt solid #000;
+  border-right: 0px none rgb(0, 0, 0) !important;
+  border-bottom: 0px none rgb(0, 0, 0) !important;
+  border-left: 0px none rgb(0, 0, 0) !important;
+}
+
+.hiprint-printElement-oval, .hiprint-printElement-rect {
+  border: 0.75pt solid #000;
+}
+
+.hiprint-text-content-middle {
+}
+
+.hiprint-text-content-middle > div {
+  display: grid;
+  align-items: center;
+}
+
+.hiprint-text-content-bottom {
+}
+
+.hiprint-text-content-bottom > div {
+  display: grid;
+  align-items: flex-end;
+}
+
+.hiprint-text-content-wrap {
+}
+
+.hiprint-text-content-wrap .hiprint-text-content-wrap-nowrap {
+  white-space: nowrap;
+}
+
+.hiprint-text-content-wrap .hiprint-text-content-wrap-clip {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: clip;
+}
+
+.hiprint-text-content-wrap .hiprint-text-content-wrap-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/*hi-grid-row */
+.hi-grid-row {
+  position: relative;
+  height: auto;
+  margin-right: 0;
+  margin-left: 0;
+  zoom: 1;
+  display: block;
+  box-sizing: border-box;
+}
+
+.hi-grid-row::after, .hi-grid-row::before {
+  display: table;
+  content: '';
+  box-sizing: border-box;
+}
+
+.hi-grid-col {
+  display: block;
+  box-sizing: border-box;
+  position: relative;
+  float: left;
+  flex: 0 0 auto;
+}
+
+.table-grid-row {
+  margin-left: -0pt;
+  margin-right: -0pt;
+}
+
+.tableGridColumnsGutterRow {
+  padding-left: 0pt;
+  padding-right: 0pt;
+}
+
+.hiprint-gridColumnsFooter {
+  text-align: left;
+  clear: both;
+}
diff --git a/src/components/DesignForm/app/index copy.vue b/src/components/DesignForm/app/index copy.vue
deleted file mode 100644
index fa3d145..0000000
--- a/src/components/DesignForm/app/index copy.vue	
+++ /dev/null
@@ -1,2614 +0,0 @@
-<!--
-@ 作者: 秦东
-@ 时间: 2024-06-03 13:23:59
-@ 备注: App表单列表1
--->
-<script lang="ts" setup>
-import {
-  json2string,
-  objToStringify,
-  string2json,
-  stringToObj,
-} from "@/utils/DesignForm/form";
-import { onBeforeRouteLeave, useRoute, useRouter } from "vue-router";
-import { useDesignFormStore } from "@/store/DesignForm/designForm";
-import {
-  attrButton,
-  FormPageList,
-  FormPageConfig,
-  viewPageType,
-  tableButton,
-} from "@/api/DesignForm/tableButton";
-import {
-  inputUnit,
-  timeUnit,
-  choiceUnit,
-  switchUnit,
-  orgUnit,
-  checkboxUnit,
-  orgDeptUnit,
-} from "@/api/DesignForm/fieldUnit";
-import type { FormInstance, FormRules } from "element-plus";
-import { ElLoading, ElMessage, ElNotification } from "element-plus";
-import html2canvas from "html2canvas";
-import JSZip, { forEach } from "jszip";
-import { gainFormPageListCont } from "@/api/DesignForm/requestapi";
-import { Picture, InfoFilled, QuestionFilled } from "@element-plus/icons-vue";
-import request from "@/utils/request";
-import {
-  softDeletion,
-  retractRunWorkFlow,
-  recallSendMsg,
-  recalSendMsg,
-} from "@/api/taskapi/management";
-
-import { formatNumber } from "@/api/DesignForm/utils";
-
-//引入组件
-import FormPageCont from "@/components/DesignForm/tableListPage/formPageCont.vue";
-import TableFlow from "@/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue";
-import TimeAxisPage from "@/components/DesignForm/app/timeAxis.vue";
-import CardPage from "@/components/DesignForm/app/cardPage.vue";
-import GanttPageIng from "@/components/DesignForm/app/gannttPage.vue";
-import MapPage from "@/components/DesignForm/app/mapPage.vue";
-import CalendarPage from "@/components/DesignForm/app/calendar/calendar1/calendarPage.vue";
-import SearchSelect from "@/components/DesignForm/app/calendar/selectSearch.vue";
-import AKSelect from "@/components/DesignForm/public/form/select.vue";
-import ContainerPath from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/echatesUnit/container.vue";
-import exportPanel from "../exportPanel.vue";
-import importPanel from "../importPanel.vue";
-import { EpPropMergeType } from "element-plus/es/utils";
-import { RendererNode, RendererElement } from "vue";
-import { echatsViews } from "@/api/DesignForm/types";
-
-const props = withDefaults(
-  defineProps<{
-    data: FormPageList;
-    searchData?: attrButton[];
-    config?: FormPageConfig|any;
-    formId?: string;
-    beforeRequest?: (params: any, rout: any) => any;
-    afterResponse?: (result: any) => any | string;
-    beforeDelete?: (params: any, route: any) => any;
-    showPage?: boolean;
-    requestUrl?: string; // 请求的api
-    deleteUrl?: string; // 删除的api
-    dict?: { [key: string | number]: string | number };
-    fixedBottomScroll?: boolean;
-    query?: { [key: string]: any }; // 一些附加的请求参数
-    autoLoad?: boolean; // 初始时自动请求加载数据
-    delKey?: string; // 删除标识
-    lookPageIsShow?: boolean;
-    versionid?: string;
-    signCode?: string;
-    pickAppMenu?: any;
-    versiontitle?: string;
-    viewPage?: viewPageType|any;
-    formBasicConfig?: any;
-    fieldsDetailList?: any;
-    orgAndManTree?: any;
-    echatsViews: echatsViews;
-  }>(),
-  {
-    showPage: true,
-    data: () => {
-      return { columns: [], controlBtn: [], operateBtn: [], config: {} };
-    },
-    searchData: () => {
-      return [];
-    },
-    config: () => {
-      return {};
-    },
-    dict: () => {
-      return {};
-    },
-    formId: () => {
-      return "";
-    },
-    versionid: () => {
-      return "";
-    },
-    signCode: () => {
-      return "";
-    },
-    versiontitle: () => {
-      return "";
-    },
-    fixedBottomScroll: true,
-    autoLoad: true,
-    delKey: "id",
-    query: () => {
-      return {};
-    },
-    lookPageIsShow: () => {
-      return false;
-    },
-    viewPage: () => {
-      return [];
-    },
-    formBasicConfig: () => {
-      return {};
-    },
-    fieldsDetailList: () => {
-      return {};
-    },
-    orgAndManTree: () => {
-      return {};
-    },
-  }
-);
-const echatsViewsdf = computed({
-  get() {
-    return props.echatsViews;
-  },
-  set(newVal: any) {},
-});
-const emits = defineEmits<{
-  (e: "selectionChange", row: any): void;
-  (e: "btnClick", btn: any, row?: any): void; // 列表上面及表格列表里添加删除按钮事件
-}>();
-const loadData = ref(false);
-const operState = ref<number>(1); //操作状态	1：新增；2：重新发起；3：申请修改；4：提交审批;5:普通表单修改
-const idList = ref<string[]>([]);
-const designStore = useDesignFormStore();
-const route = useRoute();
-const router = useRouter();
-const tableDataList = ref([]); // 表格行数据
-const currentAsfTableDataList = ref([]); //当前点击的关联表单数据
-const openTaskDrawer = ref(false); //新增数据
-
-//导出窗口的父元素
-const dynamicVNode = ref<VNode | null>(null); //组件的父组件
-
-const state = reactive({
-  loading: false,
-  currentPage: 1,
-  pageSize: props.config?.pageSize || 2,
-  total: 0,
-  selectionChecked: [],
-  dict: {}, // 接口返回的
-  searchFormDown: false,
-  treeValue: {}, // 侧栏树选中的值
-  tableScrollMargin: 0,
-  columnsCheck: designStore.getColumnsCheck(route.path),
-  currentNodeKey: "",
-});
-/**
-@ 作者: 秦东
-@ 时间: 2024-03-28 16:03:12
-@ 功能: 判断类型
-*/
-const unitIsShow = (val: tableButton, unitName: string) => {
-  // val.pattern
-  switch (val.fieldClass) {
-    case "id": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "masters_key": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "creater": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "creater_time": //自定义表单保留字
-      return timeUnit.includes(unitName);
-      break;
-    case "edit_time": //自定义表单保留字
-      return timeUnit.includes(unitName);
-      break;
-    case "flow_id": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "baidumap": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "input": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "radio": //自定义表单保留字
-      return choiceUnit.includes(unitName);
-      break;
-    case "switch": //自定义表单保留字
-      return switchUnit.includes(unitName);
-      break;
-    case "orgCentent": //自定义表单保留字
-      return orgUnit.includes(unitName);
-      break;
-    case "varchar": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "checkbox":
-      return checkboxUnit.includes(unitName);
-      break;
-    case "deptOrg":
-      return orgDeptUnit.includes(unitName);
-      break;
-    default:
-      if (val.fieldClass != "datePicker" && val.fieldClass != "timePicker") {
-        return inputUnit.includes(unitName);
-      }
-
-      break;
-  }
-  return false;
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-03-28 13:17:46
-@ 功能: 重置表单
-*/
-const ruleSearchForm = ref();
-const resetFields = (formEl: FormInstance | undefined) => {
-  // formEl.resetFields()
-  // console.log("formEl",formEl,formEl.resetFields())
-  // if (!formEl) return
-  // formEl.resetFields()
-  if (props.searchData && props.searchData.length > 0) {
-    props.searchData.forEach((item: any) => {
-      item.value = "";
-    });
-  }
-};
-
-//20250117 李文轩 二维码表格
-const qrCodesPrintDialogFlag = ref(false);
-let tableRefs = reactive({});
-const tablesData = ref({});
-function getDetailQrCodes(val: any) {
-  return request({
-    url: "/javasys/lowCode/QrCode/getDetailQrCodes",
-    method: "post",
-    data: {
-      cfid: props.formId,
-      idArray: val,
-      settings: props.formBasicConfig,
-    },
-  });
-}
-
-function modifyFieldsMap4(fieldsMap: any): Array<{ key: string; value: string }> {
-  let result: Array<{ key: string; value: string }> = [];
-  // 使用 Object.entries 获取键值对数组，保留原始顺序
-  for (const [key, value] of Object.entries(fieldsMap)) {
-    let parts = value.split("!@#@!");
-    if (parts.length === 2) {
-      result.push({ key: parts[0], value: parts[1] });
-    } else {
-      // 如果格式不符合，可进行错误处理，这里暂时不做处理，直接使用原属性名和属性值
-      result.push({ key, value });
-    }
-  }
-  return result;
-}
-
-// 定义两个响应式的布尔值来控制按钮的禁用状态
-const isButton1Disabled = ref(false);
-const isButton2Disabled = ref(false);
-
-async function downloadTables() {
-  isButton1Disabled.value = true;
-  isButton2Disabled.value = true;
-  const loadingInstance = ElLoading.service({
-    fullscreen: true,
-    text: "正在生成图片，请稍候...", // 添加的文字内容，可根据需要修改
-  });
-  //ElMessage('This is a message.')
-  const zip = new JSZip();
-  //console.log(tableRefs)
-  for (const [tableKey, element] of Object.entries(tableRefs)) {
-    try {
-      const canvas = await html2canvas(element);
-      const dataUrl = canvas.toDataURL("image/png");
-      const byteString = atob(dataUrl.split(",")[1]);
-      const mimeString = dataUrl.split(",")[0].split(":")[1].split(";")[0];
-      const ab = new ArrayBuffer(byteString.length);
-      const ia = new Uint8Array(ab);
-
-      for (let i = 0; i < byteString.length; i++) {
-        ia[i] = byteString.charCodeAt(i);
-      }
-
-      const blob = new Blob([ab], { type: mimeString });
-      zip.file(`${props.formBasicConfig.formName}-${tableKey}.png`, blob);
-    } catch (error) {
-      console.error(`Error converting ${tableKey} to image:`, error);
-    }
-  }
-
-  zip.generateAsync({ type: "blob" }).then(function (content) {
-    const now = new Date();
-    const formattedDate = `${now.getFullYear()}${String(now.getMonth() + 1).padStart(
-      2,
-      "0"
-    )}${String(now.getDate()).padStart(2, "0")}_${String(now.getHours()).padStart(
-      2,
-      "0"
-    )}${String(now.getMinutes()).padStart(2, "0")}${String(now.getSeconds()).padStart(
-      2,
-      "0"
-    )}`;
-    const fileName = `${props.formBasicConfig.formName}-${formattedDate}.zip`;
-
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(content);
-    link.download = fileName;
-    loadingInstance.close();
-    link.click();
-    tableRefs = {};
-    // 不管成功与否，最后都要恢复按钮的状态
-    isButton1Disabled.value = false;
-    isButton2Disabled.value = false;
-  });
-}
-function closeQrDownload() {
-  qrCodesPrintDialogFlag.value = false;
-  tableRefs = {};
-  //console.log(tableRefs)
-}
-
-let asfs: any[] = [];
-let radios: any[] = [];
-let checkboxs: any[] = [];
-let switchs: any[] = [];
-let selects: any[] = [];
-let tables: any[] = [];
-let dofs: any[] = []; //deptOrgAndOrgCententAndFounderArr
-function getAsfs() {
-  //setTimeout(() => {
-  let dataList = ref({});
-  dataList.value = props.fieldsDetailList;
-  if (dataList && Array.isArray(dataList.value) && dataList.value.length > 0) {
-    for (let i = 0; i < dataList.value.length; i++) {
-      if (dataList.value[i].type == "associatedForms") {
-        asfs.push(dataList.value[i]);
-      } else if (dataList.value[i].type == "radio") {
-        radios.push(dataList.value[i]);
-      } else if (dataList.value[i].type == "checkbox") {
-        checkboxs.push(dataList.value[i]);
-      } else if (dataList.value[i].type == "switch") {
-        switchs.push(dataList.value[i]);
-      } else if (dataList.value[i].type == "select") {
-        selects.push(dataList.value[i]);
-      } else if (
-        dataList.value[i].type == "deptOrg" ||
-        dataList.value[i].type == "orgCentent" ||
-        dataList.value[i].type == "founder"
-      ) {
-        //||dataList.value[i].type == "owner"拥有者,"expand-user"选择用户
-        dofs.push(dataList.value[i]);
-      } else if (
-        dataList.value[i].type == "card" ||
-        dataList.value[i].type == "flex" ||
-        dataList.value[i].type == "div" ||
-        dataList.value[i].type == "table"
-      ) {
-        if (dataList.value[i].type == "table") {
-          tables.push(dataList.value[i]);
-        }
-
-        dataList.value[i].list.forEach((element: any) => {
-          if (element.type == "associatedForms") {
-            asfs.push(element);
-          } else if (element.type == "radio") {
-            radios.push(element);
-          } else if (element.type == "checkbox") {
-            checkboxs.push(element);
-          } else if (element.type == "switch") {
-            switchs.push(element);
-          } else if (element.type == "select") {
-            selects.push(element);
-          } else if (
-            element.type == "deptOrg" ||
-            element.type == "orgCentent" ||
-            element.type == "founder"
-          ) {
-            dofs.push(element);
-          }
-        });
-      } else if (dataList.value[i].type == "grid") {
-        let columns = JSON.parse(JSON.stringify(dataList.value[i].columns));
-
-        if (columns.length > 0) {
-          for (let z = 0; z < columns.length; z++) {
-            for (let x = 0; x < columns[z].list.length; x++) {
-              let a = JSON.parse(JSON.stringify(columns[z].list[x]));
-
-              if (a.type == "associatedForms") {
-                asfs.push(a);
-              } else if (a.type == "radio") {
-                radios.push(a);
-              } else if (a.type == "checkbox") {
-                checkboxs.push(a);
-              } else if (a.type == "switch") {
-                switchs.push(a);
-              } else if (a.type == "select") {
-                selects.push(a);
-              } else if (
-                a.type == "deptOrg" ||
-                a.type == "orgCentent" ||
-                a.type == "founder"
-              ) {
-                dofs.push(a);
-              }
-            }
-          }
-        }
-      } else if (dataList.value[i].type == "tabs") {
-        //tabs标签页有可能再嵌套一层flex或者table
-        let columns = JSON.parse(JSON.stringify(dataList.value[i].columns));
-        if (columns.length > 0) {
-          for (let z = 0; z < columns.length; z++) {
-            for (let x = 0; x < columns[z].list.length; x++) {
-              let a = JSON.parse(JSON.stringify(columns[z].list[x]));
-
-              if (a.type == "associatedForms") {
-                asfs.push(a);
-              } else if (a.type == "radio") {
-                radios.push(a);
-              } else if (a.type == "checkbox") {
-                checkboxs.push(a);
-              } else if (a.type == "switch") {
-                switchs.push(a);
-              } else if (a.type == "select") {
-                selects.push(a);
-              } else if (
-                a.type == "deptOrg" ||
-                a.type == "orgCentent" ||
-                a.type == "founder"
-              ) {
-                dofs.push(a);
-              } else if (a.type == "flex" || a.type == "table") {
-                if (a.type == "table") {
-                  tables.push(dataList.value[i]);
-                }
-
-                if (a.list.length > 0) {
-                  for (let m = 0; m < a.list.length; m++) {
-                    let q = JSON.parse(JSON.stringify(a.list[m]));
-
-                    if (q.type == "associatedForms") {
-                      asfs.push(q);
-                    } else if (q.type == "radio") {
-                      radios.push(q);
-                    } else if (q.type == "checkbox") {
-                      checkboxs.push(q);
-                    } else if (q.type == "switch") {
-                      switchs.push(q);
-                    } else if (q.type == "select") {
-                      selects.push(q);
-                    } else if (
-                      q.type == "deptOrg" ||
-                      q.type == "orgCentent" ||
-                      q.type == "founder"
-                    ) {
-                      dofs.push(q);
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  //}, 500);
-}
-
-function convertStringToArray(str: string) {
-  if (typeof str !== "string") {
-    throw new Error("Input must be a string.");
-  }
-  if (str === "") {
-    return [];
-  }
-  // 去除首尾的中括号
-  str = str.slice(1, -1);
-  if (str === "") {
-    return [];
-  }
-  let parts = str.split(",");
-  return parts.map((part) => parseFloat(part));
-}
-interface Tree {
-  id?: string;
-  label: string;
-  disabled?: boolean;
-  children?: Tree[];
-  parentId?: string;
-  [key: string]: any;
-}
-function getLabelById(id: string): string | undefined {
-  //console.log(id)
-  const treeNodes = props.orgAndManTree;
-
-  const findLabel = (nodes: Tree[]): string | undefined => {
-    for (const node of nodes) {
-      // 检查当前节点是否匹配目标id
-      if (node.id === id) {
-        return node.label;
-      }
-      // 递归遍历子节点
-      if (node.children?.length) {
-        const found = findLabel(node.children);
-        if (found) return found;
-      }
-    }
-    return undefined;
-  };
-
-  return findLabel(treeNodes);
-}
-
-//liwenxuan 20250120 二维码 end
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 11:36:07
-@ 功能: 功能按钮动作
-*/
-const setUpClick = (val: string, id: string) => {
-  //alert(val.key)
-  // console.log("功能按钮动作",val,"----id----->",props.versionid,"-----formId---->",props.versiontitle)
-  if (val.key == "newAdd") {
-    drawerWith.value = container.value?.clientWidth;
-    openTaskDrawer.value = true;
-  } else if (val.key === "export") {
-    doExportTableData();
-  } else if (val.key === "import") {
-    doImportTableData();
-  } else if (val.key == "showQrCode") {
-    //liwenxuan 20250114 二维码打印弹窗 start
-    //在此组装参数,以生成二维码图片
-    let idArray = state.selectionChecked.map((item) => item.id);
-    if (idArray.length > 0) {
-      //console.log(props.formBasicConfig)
-      if (props.formBasicConfig.qrCodeFlag == true) {
-        if (props.formBasicConfig.qrCodeInside == true) {
-          if (
-            props.formBasicConfig.qrCodePrintStyle &&
-            props.formBasicConfig.qrCodePrintStyle == "2" &&
-            props.formBasicConfig.qrCodeShowFields.length == 0
-          ) {
-            alert("未配置表格展示字段");
-            return;
-          }
-          const loadingInstance1 = ElLoading.service({
-            fullscreen: true,
-            text: "正在生成二维码，请稍候...", // 添加的文字内容，可根据需要修改
-          });
-          //请求数据
-          let getDetailQrCodesData: any = {};
-          let currentFieldsMapArrObj: any = {};
-          getDetailQrCodes(idArray)
-            .then(({ data }) => {
-              getDetailQrCodesData = JSON.parse(JSON.stringify(data));
-              if (
-                props.formBasicConfig.qrCodePrintStyle &&
-                props.formBasicConfig.qrCodePrintStyle == "2"
-              ) {
-                let asfQueryParams1: any[] = [];
-                for (let key in getDetailQrCodesData) {
-                  currentFieldsMapArrObj[key] = getDetailQrCodesData[key];
-                  if (getDetailQrCodesData.hasOwnProperty(key)) {
-                    let currentFieldsMap = getDetailQrCodesData[key].fieldsMap;
-                    //console.log(currentFieldsMap)
-                    // 遍历对象的属性
-                    for (let attr_name in currentFieldsMap) {
-                      if (currentFieldsMap.hasOwnProperty(attr_name)) {
-                        //console.log("attr_name------"+attr_name)
-                        //console.log(`属性名: ${attr_name}, 属性值: ${currentFieldsMap[attr_name]}`);
-                        radios.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            let optionsHasCurrentValue = false;
-                            element.options.forEach((element1: any) => {
-                              if (toConvertValue == element1.value) {
-                                currentFieldsMap[attr_name] =
-                                  currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                  "!@#@!" +
-                                  element1.label;
-                                optionsHasCurrentValue = true;
-                              }
-                            });
-                            if (optionsHasCurrentValue == false) {
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                "";
-                            }
-                          }
-                        });
-                        selects.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            let optionsHasCurrentValue = false;
-                            element.options.forEach((element1: any) => {
-                              if (toConvertValue == element1.value) {
-                                currentFieldsMap[attr_name] =
-                                  currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                  "!@#@!" +
-                                  element1.label;
-                                optionsHasCurrentValue = true;
-                              }
-                            });
-                            if (optionsHasCurrentValue == false) {
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                "";
-                            }
-                          }
-                        });
-                        //console.log(dofs)
-                        dofs.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            let orgName = getLabelById(toConvertValue);
-                            currentFieldsMap[attr_name] =
-                              currentFieldsMap[attr_name].split("!@#@!")[0] +
-                              "!@#@!" +
-                              orgName;
-                          }
-                        });
-                        switchs.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            if (toConvertValue == "0") {
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                "禁用";
-                            } else {
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                "启用";
-                            }
-                          }
-                        });
-                        checkboxs.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            let toConvertArr = convertStringToArray(toConvertValue);
-                            let toAddStr = "";
-                            if (toConvertArr.length > 0) {
-                              toConvertArr.forEach((element1: any) => {
-                                element.options.forEach((element2: any) => {
-                                  if (element1 == element2.value) {
-                                    toAddStr = toAddStr + element2.label + ",";
-                                  }
-                                });
-                              });
-                              toAddStr = toAddStr.slice(0, -1);
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                toAddStr;
-                            }
-                          }
-                        });
-                        asfs.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此关联表单,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            if (toConvertValue.length > 0) {
-                              //console.log(element)
-                              let fieldCount = 0; //如果>0则有此field名
-                              asfQueryParams1.forEach((item1: any) => {
-                                //如果参数数组中已存在同field的     关联表单asfQueryParamsItem1,则往已存在的如果参数数组中已存在同field的关联表单asfQueryParamsItem1.asfToSelectIds1中新增asfMasterAndAsfId1
-                                //              不存在则push一个新的关联表单asfQueryParamsItem1
-                                if (item1.field == element.name) {
-                                  fieldCount++;
-                                }
-                              });
-                              if (fieldCount > 0) {
-                                //已存在
-                                //得到已存在的相关field参数对象
-                                asfQueryParams1.forEach((item1: any) => {
-                                  if (item1.field == element.name) {
-                                    let asfMasterAndAsfId1: any = {};
-                                    asfMasterAndAsfId1.asfId = toConvertValue + "";
-                                    asfMasterAndAsfId1.asfMasterId = key + "";
-                                    item1.asfToSelectIds.push(asfMasterAndAsfId1);
-                                  }
-                                });
-                              } else {
-                                //不存在
-                                let asfQueryParamsItem1: any = {};
-                                asfQueryParamsItem1.formId = element.control.formid;
-                                asfQueryParamsItem1.field = element.name;
-                                let asfToSelectIds1: any[] = [];
-                                asfQueryParamsItem1.asfToSelectIds = asfToSelectIds1;
-                                let asfMasterAndAsfId1: any = {};
-                                asfMasterAndAsfId1.asfId = toConvertValue + "";
-                                asfMasterAndAsfId1.asfMasterId = key + "";
-                                asfToSelectIds1.push(asfMasterAndAsfId1);
-                                asfQueryParams1.push(asfQueryParamsItem1);
-                              }
-                            }
-                          }
-                        });
-                      }
-                    }
-                    setTimeout(() => {
-                      getDetailQrCodesData[key].fieldsMap = modifyFieldsMap4(
-                        currentFieldsMap
-                      );
-                    }, 800);
-                  }
-                }
-
-                getAsfDataTitlesByIds(asfQueryParams1).then(({ data }) => {
-                  let getAsfDataTitlesByIdsData = JSON.parse(JSON.stringify(data));
-                  for (let key in currentFieldsMapArrObj) {
-                    if (getDetailQrCodesData.hasOwnProperty(key)) {
-                      let currentFieldsMap = getDetailQrCodesData[key].fieldsMap;
-                      getAsfDataTitlesByIdsData.forEach((element1: any) => {
-                        element1.list.forEach((element2: any) => {
-                          if (key == element2.asfMasterId) {
-                            currentFieldsMap[element1.field] =
-                              currentFieldsMap[element1.field].split("!@#@!")[0] +
-                              "!@#@!" +
-                              element2.label;
-                          }
-                        });
-                      });
-                    }
-                  }
-                });
-
-                setTimeout(() => {
-                  tablesData.value = getDetailQrCodesData;
-                }, 810);
-
-                setTimeout(() => {
-                  loadingInstance1.close();
-                  qrCodesPrintDialogFlag.value = true;
-                }, 820);
-              } else if (
-                props.formBasicConfig.qrCodePrintStyle &&
-                props.formBasicConfig.qrCodePrintStyle == "1"
-              ) {
-                //fieldsMap = null
-                tablesData.value = getDetailQrCodesData;
-                qrCodesPrintDialogFlag.value = true;
-                loadingInstance1.close();
-              }
-            })
-            .finally(() => {
-              loadingInstance1.close();
-            });
-        } else {
-          alert("内部二维码功能未启用");
-        }
-      } else {
-        alert("请先为本表单开启二维码功能");
-      }
-    } else {
-      alert("未选中任何一条,请先选择");
-    }
-    //liwenxuan 20250114 二维码打印弹窗 end
-  } else {
-    if (idList.value.length > 0) {
-      ElMessageBox.confirm("确认删除此数据项?删除后不可恢复！", "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(() => {
-        let sendData = {
-          id: idList.value,
-          isTrue: 2,
-        };
-        softDeletion(sendData).then((data) => {
-          // console.log('cancel!',data)
-          ElNotification({
-            title: "温馨提示！",
-            message: data.mag,
-            type: "success",
-          });
-          getPageData();
-        });
-      });
-    } else {
-      ElMessage.error("你还未选中要删除的项目！");
-    }
-  }
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 13:30:06
-@ 功能: 表格选择操作
-*/
-const selectionChange = (row: any) => {
-  state.selectionChecked = row;
-  emits("selectionChange", row);
-  // console.log('selectionChange', row)
-  idList.value.length = 0;
-  // console.log('idList.value-1-->', idList.value)
-  if (row && row.length > 0) {
-    row.forEach((item: any) => {
-      // console.log('item', item.masters_key)
-      idList.value.push(item.masters_key.toString());
-    });
-  }
-  // console.log('idList.value--->', idList.value)
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 13:31:37
-@ 功能: 获取表格头内容
-*/
-const columnsFilter = computed(() => {
-  console.log("props.data判断是否有标题", props.data);
-  if (!state.columnsCheck?.length) {
-    // console.log("props.data判断是否有标题",props.data)
-    return props.data.columns;
-  } else {
-    // console.log("props.data.columns判断是否有标题",props.data)
-    return props.data.columns.filter((item: any) => {
-      return state.columnsCheck.includes(item.prop || item.type);
-    });
-  }
-  console.log("获取表格头内容", props.data.columns);
-});
-
-const subTableFieldsFilter = computed(() => {
-  const arr: { table: string; field: string; label: string }[] = [];
-  const names: string[] = [];
-  props.fieldsDetailList.forEach((item: any) => {
-    if (item.type === "table") {
-      names.push(item.name);
-      item.list.forEach((sub: any) => {
-        arr.push({ table: item.name, field: sub.name, label: sub.item.label });
-      });
-    }
-  });
-  return { tables: names, fields: arr };
-});
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 14:14:36
-@ 功能: 翻页操作
-*/
-const handleSizeChange = (page: number) => {
-  // console.log("翻页操作",page)
-  state.pageSize = page;
-  getListData(1);
-};
-const handleCurrentChange = (page: number) => {
-  getListData(page);
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 14:15:16
-@ 功能: 获取数据
-*/
-// 筛选查询列表数据
-const getListData = (page?: number) => {
-  if (page) {
-    state.currentPage = page;
-  }
-  getPageData();
-};
-watch(
-  () => props.lookPageIsShow,
-  (val: boolean) => {
-    if (val && props.formId != "") {
-      getPageData();
-    }
-  }
-);
-watch(
-  () => props.formId,
-  (val: any) => {
-    getPageData();
-  },
-  {
-    deep: true,
-  }
-);
-
-const timeAxisRef = ref(null);
-const calendarPageRef = ref(null);
-const cardPageRef = ref(null);
-const searchSend = reactive({
-  formId: props.formId,
-  page: state.currentPage,
-  pagesize: state.pageSize,
-  searchData: json2string(props.searchData),
-  viewClass: {},
-});
-let asfDetails = [];
-let transferDetails = [];
-let asfQueryParams: any[] = [];
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 15:51:32
-@ 功能: 获取数据
-*/
-const getPageData = () => {
-  let sendData = {
-    formId: props.formId,
-    page: state.currentPage,
-    pagesize: state.pageSize,
-    searchData: json2string(props.searchData),
-  };
-  // console.log("获取列表详细信息",sendData)
-
-  switch (viewType.value) {
-    case 2:
-      nextTick(() => {
-        console.log("获取列表详细信息-------555---------->", calendarPageRef.value);
-        calendarPageRef.value.calendarSearchData(sendData);
-      });
-      // calendarPageRef.value.calendarSearchData()
-      break;
-    case 3:
-      nextTick(() => {
-        console.log("获取列表详细信息-------222---------->", timeAxisRef.value);
-        timeAxisRef.value.searchTimeList(sendData, 1);
-      });
-
-      break;
-    case 4:
-      break;
-    case 5:
-      break;
-    case 6:
-      nextTick(() => {
-        cardPageRef.value.getCardList(sendData);
-      });
-      break;
-    default:
-      state.loading = true;
-      //by han2015, 抽成独立部分，方便其他功能调用
-      doGainFormPageListCont(sendData)
-        .then((datas) => {
-          tableDataList.value = datas.list;
-          state.total = datas.total;
-        })
-        .finally(() => {
-          //原 finally的处理内容
-          state.loading = false;
-          asfs = [];
-          radios = [];
-          checkboxs = [];
-          switchs = [];
-          selects = [];
-          tables = [];
-          dofs = [];
-          getAsfs();
-        });
-  }
-};
-
-//表单导入
-function doImportTableData() {
-  dynamicVNode.value = h(importPanel, {
-    fields: props.fieldsDetailList.filter((val) => val.type !== "table"),
-    formId: props.versionid,
-    commitFunc: () => {
-      getPageData(); //刷新table页面
-      dynamicVNode.value = null;
-    },
-    closeFunc: () => (dynamicVNode.value = null),
-  });
-}
-
-//表格导出
-function doExportTableData() {
-  //fields表示主表单的导出字段，subs表示主表单包含的子表格的导出字段
-  function exportFunc(
-    fields: { field: string; label: string }[],
-    subs: { table: string; field: string; label: string }[]
-  ) {
-    let sendData = {
-      formId: props.formId,
-      page: 1,
-      pagesize: 10000,
-      searchData: json2string(props.searchData),
-    };
-    //全量获取页面的数据
-    doGainFormPageListCont(sendData)
-      .then((datas) => {
-        const array: string[] = [];
-        //写入表头行
-        const title: string[] = [];
-        for (let val of fields) {
-          title.push(val.label);
-        }
-        for (let val of subs) {
-          title.push(val.label);
-        }
-        array.push(title.join(","));
-
-        //写入数据行
-        datas.list.forEach((item) => {
-          const line = [];
-          let maxline = 0;
-          //写主表列
-          for (let val of fields) {
-            if (typeof val === "string")
-              line.push((item[val.field] as string).replaceAll(",", "，"));
-            else line.push(item[val.field]);
-          }
-
-          //写子表列
-          if (subs.length > 0) {
-            //计算所有子列表的最大行数
-            for (let tab of subTableFieldsFilter.value.tables) {
-              if (item[tab] && item[tab].length > maxline) maxline = item[tab].length;
-            }
-            //全都是空的
-            if (maxline === 0) {
-              array.push(line.join(",") + "," + Array(subs.length).fill(""));
-              return;
-            }
-
-            //除第一行数据包含子表数据外，其他行都省略主表字段数据，用spaceprefix填充，避免重复
-            const spacePrefix = Array(line.length).fill("");
-
-            for (let i = 0; i < maxline; i++) {
-              const row: any[] = [];
-              subTableFieldsFilter.value.tables.forEach((name) => {
-                if (item[name] && item[name].length - 1 >= i) {
-                  //添加实际数据
-                  subs
-                    .filter((v) => v.table === name)
-                    .forEach((f) => {
-                      row.push(item[name][i][f.field]);
-                    });
-                } else {
-                  //添加字段长度的N个空列
-                  row.push(
-                    ...Array(subs.filter((v) => v.table === name).length).fill("")
-                  );
-                }
-              });
-
-              //写入总csv数组
-              if (i === 0) {
-                array.push(line.join(",") + "," + row.join(","));
-              } else {
-                array.push(spacePrefix + "," + row.join(","));
-              }
-            }
-
-            return;
-          }
-          //没有子表
-          array.push(line.join(","));
-        });
-
-        //去掉标题行的统计
-        if (array.length - 1 !== datas.total)
-          alert(`导出记录数：${datas.total}, 共计：${array.length - 1} 行`);
-
-        const filename = props.pickAppMenu.label + ".csv";
-        const csvString = array.join("\n");
-        const blob = new Blob([csvString], { type: "text/csv;charset=utf-8;" });
-        const link = document.createElement("a");
-        if (link.download !== undefined) {
-          // feature detection
-          // Browsers that support HTML5 download attribute
-          const url = URL.createObjectURL(blob);
-          link.setAttribute("href", url);
-          link.setAttribute("download", filename);
-          link.style.visibility = "hidden";
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-        }
-      })
-      .finally(() => (dynamicVNode.value = null));
-  }
-
-  dynamicVNode.value = h(exportPanel, {
-    fields: columnsFilter.value.filter((item) => item.pattern !== "table"),
-    subtabs: columnsFilter.value.filter((item) => item.pattern === "table"),
-    subFields: subTableFieldsFilter.value.fields,
-    commitFunc: exportFunc,
-    closeFunc: () => (dynamicVNode.value = null),
-  });
-}
-
-async function doGainFormPageListCont(sendData: any) {
-  const data = await gainFormPageListCont(sendData);
-  // console.log("获取列表详细信息----------------->",data)
-  //console.log(dataList)
-  asfDetails = props.data.columns.filter((item: any) => {
-    return item.fieldClass == "associatedForms";
-  });
-
-  transferDetails = props.data.columns.filter((item: any) => {
-    return item.fieldClass == "lowcodeTransfer";
-  });
-
-  if (asfDetails.length > 0 && data.data.list != null) {
-    //console.log(data.data.list)
-    //拼装参数,asf值对象数组
-    asfQueryParams = [];
-    for (let j = 0; j < asfDetails.length; j++) {
-      let asfQueryParamsItem: any = {};
-      //console.log(asfDetails[j])
-      asfQueryParamsItem.formId = asfDetails[j].control.formid;
-      asfQueryParamsItem.field = asfDetails[j].field;
-
-      let asfToSelectIds = [];
-      // console.log(data.data.list)
-      for (let i = 0; i < data.data.list.length; i++) {
-        let asfMasterAndAsfId: any = {};
-        asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field];
-        asfMasterAndAsfId.asfMasterId = data.data.list[i].id;
-
-        asfToSelectIds.push(asfMasterAndAsfId);
-      }
-      asfQueryParamsItem.asfToSelectIds = asfToSelectIds;
-      asfQueryParams.push(asfQueryParamsItem);
-    }
-    let queryCount = 0;
-    for (let i = 0; i < asfQueryParams[0].asfToSelectIds.length; i++) {
-      if (asfQueryParams[0].asfToSelectIds[i].asfId != "") {
-        queryCount++;
-      }
-    }
-    //console.log(asfQueryParams)
-    if (queryCount > 0) {
-      //liwenxuan 关联表单数据获取 start
-      let dataList = data;
-      //-------------------直接return 异步结果----------------------
-      return await getAsfDataTitlesByIds(asfQueryParams).then(({ data }) => {
-        //console.log(data)
-        for (let i = 0; i < dataList.data.list.length; i++) {
-          //console.log(dataList.data.list[i])
-          for (let j = 0; j < data.length; j++) {
-            //console.log(data[j])
-            for (let n = 0; n < data[j].list.length; n++) {
-              if (dataList.data.list[i].id == data[j].list[n].asfMasterId) {
-                dataList.data.list[i][data[j].field] = data[j].list[n].label;
-              }
-              //console.log(data[j].list[n])
-            }
-          }
-        }
-        return dataList.data;
-      });
-    }
-
-    return data.data;
-  }
-
-  //console.log(data.data.list)
-  transferDetails.forEach((element) => {
-    //console.log(element)
-    data.data.list.forEach((obj: any) => {
-      //console.log(obj)
-      for (const key in obj) {
-        // 确保只处理对象自身的属性（不包括原型链上的）
-        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-          const value = obj[key];
-
-          // 特殊处理数组/嵌套对象（使用JSON格式化）
-          const formattedValue =
-            Array.isArray(value) || (typeof value === "object" && value !== null)
-              ? JSON.stringify(value, null, 2)
-              : value;
-
-          //console.log(`${key}: ${formattedValue}`);
-          if (key == element.field) {
-            //console.log(key)
-            /* console.log(element.control.fixedOptions)
-              console.log(obj[key]) */
-            obj[key] = mapIdsToLabels(element.control.fixedOptions, obj[key]);
-          }
-        }
-      }
-    });
-  });
-
-  return data.data;
-
-  //tableDataList.value = data.data.list
-  //liwenxuan 关联表单数据获取 end
-}
-
-interface TreeNode {
-  id: string;
-  label: string;
-  disabled: boolean;
-  children: TreeNode[];
-}
-
-function mapIdsToLabels(treeNodes: TreeNode[], ids1: string): string[] {
-  const ids: string[] = JSON.parse(ids1);
-  // 创建id到label的映射字典
-  const idToLabelMap: Record<string, string> = {};
-
-  // 递归遍历树节点并填充映射字典
-  function traverse(node: TreeNode) {
-    idToLabelMap[node.id] = node.label; // 存储当前节点的映射
-    node.children.forEach((child) => traverse(child)); // 递归处理子节点
-  }
-
-  // 遍历根节点列表
-  treeNodes.forEach((root) => traverse(root));
-  //console.log(ids)
-  // 将id数组转换为label数组
-  return ids.map((id) => idToLabelMap[id] || "已删除的节点(id):" + id);
-}
-
-const asfGetPageData = (asfFormId: any, asfToSelectMastersKey: any) => {
-  let searchData = [
-    {
-      id: "id",
-      label: "Id",
-      field: "id",
-      type: "bigint(20)",
-      attribute: "",
-      pattern: "bigint",
-      fieldClass: "id",
-      activeValue: "",
-      inactiveValue: "",
-      config: { optionsType: 0 },
-      control: { optionsValue3Formid: "", optionsValue3Field: "" },
-      options: [],
-      isSearch: true,
-      value: asfToSelectMastersKey,
-    },
-  ];
-  //state.loading = true;
-  let sendData = {
-    formId: asfFormId,
-    page: 1,
-    pagesize: 1,
-    searchData: json2string(searchData),
-  };
-  //console.log("asf获取列表详细信息",sendData)
-  gainFormPageListCont(sendData)
-    .then((data) => {
-      //console.log("获取列表详细信息----------------->",data)
-      //liwenxuan 关联表单数据获取 start
-
-      let dataList = data;
-      //console.log(dataList)
-      asfDetails = props.data.columns.filter((item: any) => {
-        return item.fieldClass == "associatedForms";
-      });
-
-      if (asfDetails.length > 0) {
-        //console.log(data.data.list)
-        //拼装参数,asf值对象数组
-        let asfAsfQueryParams = [];
-        for (let j = 0; j < asfDetails.length; j++) {
-          let asfQueryParamsItem: any = {};
-          //console.log(asfDetails[j])
-          asfQueryParamsItem.formId = asfDetails[j].control.formid;
-          asfQueryParamsItem.field = asfDetails[j].field;
-
-          let asfToSelectIds = [];
-          for (let i = 0; i < data.data.list.length; i++) {
-            let asfMasterAndAsfId: any = {};
-            //asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field];
-            asfMasterAndAsfId.asfId = data.data.list[i].id;
-            asfMasterAndAsfId.asfMasterId = data.data.list[i].id;
-
-            asfToSelectIds.push(asfMasterAndAsfId);
-          }
-          asfQueryParamsItem.asfToSelectIds = asfToSelectIds;
-          asfAsfQueryParams.push(asfQueryParamsItem);
-        }
-        let queryCount = 0;
-        for (let i = 0; i < asfAsfQueryParams[0].asfToSelectIds.length; i++) {
-          if (
-            asfAsfQueryParams[0].asfToSelectIds[i].asfId != undefined &&
-            asfAsfQueryParams[0].asfToSelectIds[i].asfId != ""
-          ) {
-            queryCount++;
-          }
-        }
-
-        //console.log(asfAsfQueryParams)
-        if (queryCount > 0) {
-          getAsfDataTitlesByIds(asfAsfQueryParams).then(({ data }) => {
-            //console.log(data)
-            for (let i = 0; i < dataList.data.list.length; i++) {
-              //console.log(dataList.data.list[i])
-              for (let j = 0; j < data.length; j++) {
-                //console.log(data[j])
-                for (let n = 0; n < data[j].list.length; n++) {
-                  if (dataList.data.list[i].id == data[j].list[n].asfMasterId) {
-                    dataList.data.list[i][data[j].field] = data[j].list[n].label;
-                  }
-                  //console.log(data[j].list[n])
-                }
-              }
-            }
-            currentAsfTableDataList.value = dataList.data.list;
-          });
-        } else {
-          currentAsfTableDataList.value = data.data.list;
-        }
-      } else {
-        currentAsfTableDataList.value = data.data.list;
-      }
-      /* //liwenxuan 关联表单数据获取 end
-			state.total = data.data.total
-			state.loading = false; */
-    })
-    .finally(() => {
-      /* state.loading = false; */
-
-      //显示关联表单本条详情
-      setTimeout(() => {
-        tablePageClass.value = 4;
-        drawerWith.value = container.value?.clientWidth;
-        asflookPageInfoIsShow.value = true;
-      }, 500);
-    });
-};
-
-//liwenxuan 关联表单数据获取 start
-function getAsfDataTitlesByIds(asfQueryParams: any[]) {
-  return request({
-    url: "/javasys/lowCode/AssociatedForms/getAsfDataTitlesByIds",
-    method: "post",
-    data: asfQueryParams,
-  });
-}
-//liwenxuan 关联表单数据获取 end
-
-//liwenxuan 关联表单详情弹窗 start
-function showAsfDetailDialog(item: any, scope: any, asfQueryParams: any) {
-  let val = scope.row;
-  //asfShowDetailsFlag.value= true
-  /* console.log("item----------------->",item)
-	console.log("scope----------------->",scope)
-	console.log("asfQueryParams----------------->",asfQueryParams)
-	console.log("val----------------->",val) */
-  let asfFormId = item.control.formid; //关联表单在customer_form中的id
-  //alert("asfFormId:"+asfFormId)
-  let scopeColumnProperty = scope.column.property; //exp:associatedForms1720570283525
-
-  let asfQueryParamsNAsfToSelectIdsNAsfMasterId = val.id;
-  //alert(asfQueryParamsNAsfToSelectIdsNAsfMasterId)
-  let asfToSelectMastersKey = "";
-  for (let i = 0; i < asfQueryParams.length; i++) {
-    if (asfQueryParams[i].field == scopeColumnProperty) {
-      for (let j = 0; j < asfQueryParams[i].asfToSelectIds.length; j++) {
-        if (
-          asfQueryParams[i].asfToSelectIds[j].asfMasterId ==
-          asfQueryParamsNAsfToSelectIdsNAsfMasterId
-        ) {
-          asfToSelectMastersKey = asfQueryParams[i].asfToSelectIds[j].asfId;
-        }
-      }
-    }
-  }
-  //alert("asfToSelectMastersKey:"+asfToSelectMastersKey)
-
-  asfGetPageData(asfFormId, asfToSelectMastersKey);
-}
-//liwenxuan 关联表单详情弹窗 end
-
-onMounted(() => {
-  // console.log("视图数据提交---》",props.viewPage);
-  getPageData();
-  nextTick(() => {
-    drawerWith.value = container.value?.clientWidth;
-  });
-  getAsfs();
-});
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-02 13:59:21
-@ 功能: 判断单选值
-*/
-const judjeRadio = (val: any, options: any[]) => {
-  // console.log("判断单选值",val, options)
-  if (options && options.length > 0) {
-    options.forEach((item) => {
-      if (item.value == val) {
-        // console.log("判断单选值",val, item.value,item.label)
-        val = item.label;
-      }
-    });
-  }
-  if (val == 0 || val == "0") {
-    val = "";
-  }
-  return val;
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-11-29 13:46:36
-@ 功能: 获取级联选择值
-*/
-const judjeCascader = (val: any[], options: any[]) => {
-  if (val.length < 0) return "";
-  let valAry = stringToObj(val);
-  console.log("获取级联选择值", stringToObj(val), val.length, options);
-  if (!Array.isArray(valAry)) return "";
-  let title = "";
-  valAry.forEach((item: any) => {
-    // console.log("item", item);
-
-    console.log(item + "=============:", item, diGuiJilian(item, options));
-    if (title == "") {
-      title = title + diGuiJilian(item, options);
-    } else {
-      title = title + " / " + diGuiJilian(item, options);
-    }
-  });
-  return title;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-11-29 13:57:04
-@ 功能: 递归查询数据
-*/
-const diGuiJilian = (val: any, options: any[]) => {
-  if (!Array.isArray(options)) return "";
-  let dataVal = "";
-  options.forEach((item: any) => {
-    if (item.value == val) {
-      // console.log(val + "=======递归查询数据======:", item.value, item.label);
-      dataVal = item.label;
-      // return dataVal;
-      // return item.label;
-    }
-
-    if (item.children && item.children.length > 0) {
-      // console.log(
-      //   val + "=======递归查询数据====1==:",
-      //   item.children,
-      //   item.children.length
-      // );
-      let gdVal = diGuiJilian(val, item.children);
-      if (gdVal != "") {
-        dataVal = gdVal;
-      }
-    }
-  });
-  return dataVal;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-02 14:49:40
-@ 功能: 判断开关类型
-*/
-const judjeSwitch = (val: any, yesVal: any) => {
-  // console.log("判断开关类型-1-->",val)
-  // console.log("判断开关类型-2-->",yesVal)
-  if (val == yesVal) return true;
-  return false;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-03 13:13:56
-@ 功能: 列表信息删除信息
-*/
-const confirmEvent = (val: any) => {
-  let sendData = {
-    id: [val.masters_key],
-    isTrue: 2,
-  };
-  softDeletion(sendData).then((data: { mag: EpPropMergeType<(new (...args: any[]) => string|globalThis.VNode<RendererNode, RendererElement, { [key: string]: any; }>)|(() => string|globalThis.VNode<RendererNode, RendererElement, { [key: string]: any; }>)|((new (...args: any[]) => string|globalThis.VNode<RendererNode, RendererElement, { [key: string]: any; }>)|(() => string|globalThis.VNode<RendererNode, RendererElement, { [key: string]: any; }>))[], unknown, unknown>|undefined; }) => {
-    // console.log('cancel!',data)
-    ElNotification({
-      title: "系统提示！",
-      message: data.mag ? data.mag : "删除成功",
-      type: "success",
-    });
-    getPageData();
-  });
-};
-const cancelEvent = (val: any) => {
-  //   console.log('cancel!',val)
-};
-const container = ref(); //实例化内容容器
-const drawerWith = ref(); //编辑表单时抽屉宽度
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-03 13:24:06
-@ 功能: 查看详细内容
-*/
-const tablePageClass = ref(1);
-const lookPageInfoIsShow = ref(false);
-const asflookPageInfoIsShow = ref(false);
-const pageInfoCont = ref<any>();
-
-const lookPageInfo = (val: any) => {
-  tablePageClass.value = 4;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-05 11:29:50
-@ 功能: 编辑表单内容
-*/
-
-const editInfo = (val: any) => {
-  // console.log('修改数据!',val)
-  operState.value = 5;
-  tablePageClass.value = 2;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-10 15:32:55
-@ 功能: 提交审批
-*/
-const submitApproval = (val: any) => {
-  operState.value = 4;
-  tablePageClass.value = 2;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-11 09:36:59
-@ 功能: 撤回申请
-*/
-const withdrawApplication = (val: any) => {
-  // console.log("撤回申请", val);
-  let sendInfo = {
-    // id: val.masters_key,
-    id: val.runFlowId,
-  };
-  retractRunWorkFlow(sendInfo).then((data) => {
-    ElMessage({
-      message: "撤回成功！",
-      type: "success",
-    });
-    getPageData();
-  });
-};
-/**
-@ 作者: 秦东
-@ 时间: 2025-04-01 14:50:46
-@ 功能: 撤回发送的企业微信消息
-*/
-const recallSendMsg = (val: any) => {
-  let sendInfo = {
-    id: val.masters_key.toString(),
-  };
-  recalSendMsg(sendInfo).then((data) => {
-    ElMessage({
-      message: "撤回成功！",
-      type: "success",
-    });
-    getPageData();
-  });
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-11 11:17:42
-@ 功能: 重新提交申请
-*/
-const afreshSendFlow = (val: any) => {
-  operState.value = 2;
-  tablePageClass.value = 2;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-11 11:19:21
-@ 功能: 申请修改数据
-*/
-const editFormSendFlow = (val: any) => {
-  operState.value = 3;
-  tablePageClass.value = 2;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-const viewType = ref(1);
-const viewLayout = ref<any>();
-/**
-@ 作者: 秦东
-@ 时间: 2024-07-08 09:39:52
-@ 功能: 切换视图展示方式
-*/
-const tabsView = (val: any, types: number) => {
-  viewType.value = types;
-  val.isClick = true;
-  viewLayout.value = val;
-  // console.log("切换视图展示方式",val)
-  switch (types) {
-    case 2:
-      props.viewPage.list.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-    case 3:
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.chart.isClick = false;
-      getPageData();
-      break;
-    case 4:
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-    case 5:
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-    case 6:
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-    case 7:
-      props.viewPage.card.isClick = false;
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      break;
-    default:
-      props.viewPage.date.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-  }
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-07-25 08:30:49
-@ 功能: 判断是否有标题
-*/
-const writeListTitle = (val: any, viewConfig: any) => {
-  // console.log("判断是否有标题--1-->",val)
-  // console.log("判断是否有标题--2-->",viewConfig)
-  var titleAry: any[] = [];
-  if (viewConfig.form && viewConfig.form.title) {
-    if (viewConfig.form.title.length > 0) {
-      viewConfig.form.title.forEach((item: string|number, index: any) => {
-        // console.log("判断是否有标题--"+index+"-->",val[item])
-        if (val[item]) {
-          titleAry.push(val[item]);
-        }
-      });
-    }
-  }
-  if (titleAry.length > 0) {
-    return titleAry.join();
-  } else {
-    let firstWord = "";
-    let powerAry = [
-      "id",
-      "creater_time",
-      "edit_time",
-      "masters_key",
-      "states",
-      "flow_id",
-    ];
-    for (let key in val) {
-      if (val.hasOwnProperty(key)) {
-        if (!powerAry.includes(key)) {
-          if (val[key] != "" && val[key] != null) {
-            firstWord = val[key];
-          }
-        }
-      }
-    }
-    return firstWord;
-  }
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-07-25 10:27:21
-@ 功能: 判断是否有标题
-*/
-const judgeListTitle = (val: any, viewConfig: any) => {
-  // console.log("判断是否有标题--3-->",val)
-  // console.log("判断是否有标题--4-->",viewConfig)
-  if (val && val.fieldClass == "_lableTitle") {
-    if (viewConfig.form && viewConfig.form.title) {
-      if (viewConfig.form.title.length > 0) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-// 选择数据转换，默认尝试转数字
-const transformOption = (val: string | number, type?: string) => {
-  return formatNumber(val);
-};
-
-const readerColumnSun = (column: any) => {
-  // console.log("表头label长度-11->", column);
-  let labelLong = 0; // 表头label长度
-  if (column.children) {
-    labelLong = column.children.length;
-  }
-  if (labelLong > 0) {
-    let countLenght = 3;
-    column.children.forEach((item: any) => {
-      if (item.label.length < 3) {
-        countLenght = countLenght + 15;
-      } else {
-        countLenght = countLenght + item.label.length * 15;
-      }
-    });
-    // console.log("表头label长度-->", countLenght);
-    return countLenght;
-  } else {
-    return 100;
-  }
-};
-</script>
-<template>
-  <div ref="container" v-loading="state.loading" class="table-list-comm">
-    <el-row class="rowBox">
-      <el-col :span="24">
-        <el-form v-if="config.searchIsShow" ref="ruleSearchForm" class="seacherForm">
-          <template v-for="(item, index) in searchData" :key="index">
-            <div class="group group-input">
-              <el-form-item :label="item.label" class="form_cont">
-                <el-input
-                  v-model="item.value"
-                  :placeholder="'请输入' + item.label"
-                  clearable
-                  v-if="unitIsShow(item, 'input')"
-                />
-                <el-date-picker
-                  v-model="item.value"
-                  type="datetime"
-                  :placeholder="'请选择' + item.label"
-                  :shortcuts="shortcuts"
-                  v-if="unitIsShow(item, 'time')"
-                />
-                <SearchSelect
-                  v-if="unitIsShow(item, 'radio')"
-                  :data="item"
-                  :disabled="false"
-                  :transform-option="transformOption"
-                  v-model:model-value="item.value"
-                />
-                <el-select
-                  v-model="item.value"
-                  clearable
-                  :placeholder="'请选择' + item.label"
-                  v-if="unitIsShow(item, 'switch')"
-                >
-                  <el-option
-                    :key="item.activeValue"
-                    label="是"
-                    :value="item.activeValue"
-                  />
-                  <el-option
-                    :key="item.inactiveValue"
-                    label="否"
-                    :value="item.inactiveValue"
-                  />
-                </el-select>
-                <SearchSelect
-                  v-if="unitIsShow(item, 'checkbox')"
-                  :data="item"
-                  :disabled="false"
-                  :is-checkbox="true"
-                  :transform-option="transformOption"
-                  v-model:model-value="item.value"
-                />
-                <el-date-picker
-                  v-if="item.fieldClass == 'datePicker'"
-                  v-model="item.value"
-                  :type="item.auxiliary"
-                  :placeholder="'请选择' + item.label"
-                  value-format="x"
-                />
-                <el-time-picker
-                  v-if="item.fieldClass == 'timePicker'"
-                  v-model="item.value"
-                  arrow-control
-                  :placeholder="'请选择' + item.label"
-                  value-format="x"
-                />
-                <DeptOrgSearch
-                  v-model="item.value"
-                  clearable
-                  :placeholder="'请选择' + item.label"
-                  v-if="unitIsShow(item, 'org')"
-                >
-                </DeptOrgSearch>
-                <DeptOrgSearch
-                  v-if="unitIsShow(item, 'deptOrg')"
-                  v-model:model-value="item.value"
-                />
-              </el-form-item>
-
-              <!-- <DeptOrgPage
-                v-if="item.fieldClass === 'deptOrg' && type != 4"
-                :data="data"
-                :form-props="formProps"
-                :tablekey="props.tablekey"
-              /> -->
-            </div>
-          </template>
-          <div class="group group-btn" v-if="searchData.length">
-            <el-button type="primary" @click="getPageData"
-              ><el-icon><Search /></el-icon>查询</el-button
-            >
-            <el-button @click="resetFields(ruleSearchForm)"
-              ><el-icon><Refresh /></el-icon>重置</el-button
-            >
-          </div>
-        </el-form>
-      </el-col>
-      <el-col :span="24">
-        <div class="operateButArea">
-          <div class="operatLeft">
-            <el-text v-if="data.controlBtn.length === 0" class="mx-1 tipBox" type="info"
-              >操作按钮区域</el-text
-            >
-            <el-button
-              v-for="item in data.controlBtn"
-              v-bind="item"
-              :key="item.type"
-              @click="setUpClick(item)"
-            >
-              {{ item.label }}
-            </el-button>
-          </div>
-          <div>
-            <el-button-group class="ml-4">
-              <el-tooltip
-                class="box-item"
-                effect="dark"
-                content="折叠查询表单"
-                placement="bottom"
-              >
-                <el-button
-                  size="small"
-                  @click="config.searchIsShow = !config.searchIsShow"
-                  class="fa fa-search"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.list.status"
-                class="box-item"
-                effect="dark"
-                content="列表视图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-table"
-                  :color="viewPage.list.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.list, 1)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="props.viewPage.card && props.viewPage.card.status"
-                class="box-item"
-                effect="dark"
-                content="卡片视图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-id-card-o"
-                  :color="
-                    props.viewPage.card && props.viewPage.card.isClick ? '#a0cfff' : ''
-                  "
-                  @click="tabsView(props.viewPage.card, 6)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.date.status"
-                class="box-item"
-                effect="dark"
-                content="日历视图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-calendar"
-                  :color="viewPage.date.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.date, 2)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.time.status"
-                class="box-item"
-                effect="dark"
-                content="时间轴"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-clock-o"
-                  :color="viewPage.time.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.time, 3)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.gantt.status"
-                class="box-item"
-                effect="dark"
-                content="甘特图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-bar-chart"
-                  :color="viewPage.gantt.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.gantt, 4)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.map.status"
-                class="box-item"
-                effect="dark"
-                content="地图视图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-map-signs"
-                  :color="viewPage.map.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.map, 5)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.chart.status"
-                class="box-item"
-                effect="dark"
-                content="BI报表"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-line-chart"
-                  :color="viewPage.chart.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.chart, 7)"
-                />
-              </el-tooltip>
-            </el-button-group>
-          </div>
-        </div>
-      </el-col>
-
-      <el-col v-if="viewType == 1" :span="24">
-        <el-table
-          v-bind="data.tableProps"
-          ref="table"
-          :data="tableDataList"
-          @selection-change="selectionChange"
-          table-layout="fixed"
-          v-loading="state.loading"
-        >
-          <template v-for="item in columnsFilter" :key="item.id || item.label">
-            <el-table-column
-              v-if="['-'].includes(item.fieldClass)"
-              :type="item.type"
-              :prop="item.field"
-              :label="item.label"
-              config=""
-              width="60"
-              fixed
-            >
-              <template v-if="item.help" #header="scope">
-                {{ scope.column.label }}
-                <tooltip :content="item.help" />
-              </template>
-            </el-table-column>
-            <el-table-column
-              v-else-if="item.fieldClass == '__control'"
-              :prop="item.field"
-              :label="item.label"
-              config=""
-              min-width="100"
-              align="center"
-              fixed="right"
-            >
-              <template #default="scope">
-                <el-button-group>
-                  <el-tooltip
-                    v-if="scope.row.flowIsOpens == 1 && scope.row.taskStatus == 1"
-                    class="box-item"
-                    effect="dark"
-                    content="提交审批"
-                    placement="top-end"
-                  >
-                    <el-button
-                      type="success"
-                      size="small"
-                      class="fa fa-send-o"
-                      @click="submitApproval(scope.row)"
-                    />
-                  </el-tooltip>
-
-                  <el-tooltip
-                    v-if="scope.row.flowIsOpens == 1 && scope.row.taskStatus == 2"
-                    class="box-item"
-                    effect="dark"
-                    content="重新申请"
-                    placement="top-end"
-                  >
-                    <el-button
-                      type="warning"
-                      size="small"
-                      class="fa fa-retweet"
-                      @click="afreshSendFlow(scope.row)"
-                    />
-                  </el-tooltip>
-                  <el-tooltip
-                    class="box-item"
-                    effect="dark"
-                    content="查看详情"
-                    placement="top-end"
-                  >
-                    <el-button
-                      @click="lookPageInfo(scope.row)"
-                      type="primary"
-                      size="small"
-                      class="fa fa-eye"
-                    />
-                  </el-tooltip>
-                  <el-popconfirm
-                    v-if="scope.row.retract_true"
-                    confirm-button-text="确定"
-                    cancel-button-text="取消"
-                    :icon="QuestionFilled"
-                    icon-color="#F56C6C"
-                    title="您确定要撤回此次发送的消息？"
-                    @confirm="recallSendMsg(scope.row)"
-                    @cancel="cancelEvent(scope.row)"
-                  >
-                    <template #reference>
-                      <el-button
-                        size="small"
-                        class="fa fa-mail-reply-all"
-                        color="rgb(250, 181.5, 181.5)"
-                      />
-                    </template>
-                  </el-popconfirm>
-                  <el-popconfirm
-                    v-if="scope.row.flowIsOpens == 1 && scope.row.isRetract"
-                    confirm-button-text="确定"
-                    cancel-button-text="取消"
-                    :icon="QuestionFilled"
-                    icon-color="#F56C6C"
-                    title="您确定要撤回此次申请？一经撤回！需要此流程重新提交申请！"
-                    @confirm="withdrawApplication(scope.row)"
-                    @cancel="cancelEvent(scope.row)"
-                  >
-                    <template #reference>
-                      <el-button size="small" class="fa fa-reply-all" />
-                    </template>
-                  </el-popconfirm>
-                  <el-tooltip
-                    v-if="scope.row.flowIsOpens == 2"
-                    class="box-item"
-                    effect="dark"
-                    content="编辑"
-                    placement="top-end"
-                  >
-                    <el-button
-                      @click="editInfo(scope.row)"
-                      type="info"
-                      size="small"
-                      class="fa fa-edit"
-                    />
-                  </el-tooltip>
-                  <el-popconfirm
-                    v-if="scope.row.taskStatus == 2 || scope.row.taskStatus == 1"
-                    confirm-button-text="确定"
-                    cancel-button-text="取消"
-                    :icon="QuestionFilled"
-                    icon-color="#F56C6C"
-                    title="您确定要删除此条记录?一经删除！数据将不可恢复！"
-                    @confirm="confirmEvent(scope.row)"
-                    @cancel="cancelEvent(scope.row)"
-                  >
-                    <template #reference>
-                      <el-button type="danger" size="small" class="fa fa-trash-o" />
-                    </template>
-                  </el-popconfirm>
-
-                  <el-tooltip
-                    v-if="scope.row.flowIsOpens == 1 && scope.row.taskStatus == 4"
-                    class="box-item"
-                    effect="dark"
-                    content="申请修改"
-                    placement="top-end"
-                  >
-                    <el-button
-                      type="info"
-                      size="small"
-                      class="fa fa-edit"
-                      @click="editFormSendFlow(scope.row)"
-                    />
-                  </el-tooltip>
-                </el-button-group>
-              </template>
-            </el-table-column>
-            <el-table-column
-              v-else-if="item.fieldClass == '_lableTitle'"
-              label="标题"
-              config=""
-              min-width="20"
-            >
-              <template #default="scope">
-                {{ writeListTitle(scope.row, viewPage.list) }}
-              </template>
-            </el-table-column>
-
-            <el-table-column
-              v-else-if="item.fieldClass == ''"
-              :prop="item.field"
-              :label="item.label"
-              :min-width="readerColumnSun(item)"
-            >
-              <template #default="scope">
-
-
-                <el-table
-                  v-if="item.pattern == 'table'"
-                  v-bind="data.tableProps"
-                  ref="table"
-                  border
-                  :data="scope.row[item.field]"
-                >
-                  <template
-                    v-for="sunItem in item.children"
-                    :key="sunItem.id || sunItem.label"
-                  >
-                    <el-table-column
-                      v-if="sunItem.fieldClass == ''"
-                      :prop="sunItem.field"
-                      :label="sunItem.label"
-                    >
-                    </el-table-column>
-                  </template>
-                </el-table>
-              </template>
-            </el-table-column>
-
-            <el-table-column
-              v-else
-              :prop="item.field"
-              :label="item.label"
-              config=""
-              min-width="220"
-            >
-              <template v-if="item.help" #header="scope">
-                {{ scope.column.label }}
-                <tooltip :content="item.help" />
-              </template>
-              <template v-if="item.fieldClass == 'deptOrg'" #default="scope">
-                <!-- {{scope.row[scope.column.property]}}{{item}} -->
-                {{ scope.row[scope.column.property] }}
-              </template>
-              <template v-if="item.fieldClass == 'cascader'" #default="scope">
-                {{ judjeCascader(scope.row[scope.column.property], item.options) }}
-              </template>
-              <template v-if="item.fieldClass == 'radio'" #default="scope">
-                <!-- {{scope.row[scope.column.property]}}{{item}} -->
-                {{ judjeRadio(scope.row[scope.column.property], item.options) }}
-              </template>
-              <template v-if="item.fieldClass == 'upload'" #default="scope">
-                <div class="demo-image__error">
-                  <el-image
-                    style="width: 50px; height: 50px"
-                    :src="scope.row[scope.column.property]"
-                  >
-                    <template #error>
-                      <div class="image-slot">
-                        <el-icon><Picture /></el-icon>
-                      </div>
-                    </template>
-                  </el-image>
-                </div>
-              </template>
-              <template v-if="item.fieldClass == 'switch'" #default="scope">
-                <el-tag
-                  v-if="judjeSwitch(scope.row[scope.column.property], item.activeValue)"
-                  type="success"
-                  effect="light"
-                >
-                  启用
-                </el-tag>
-                <el-tag v-else type="danger" effect="light"> 禁用 </el-tag>
-              </template>
-              <template v-if="item.fieldClass == 'baidumap'" #default="scope">
-                {{ scope.row[scope.column.property] }}
-              </template>
-              <template v-if="item.fieldClass == 'associatedForms'" #default="scope">
-                <el-link
-                  key="primary"
-                  type="primary"
-                  @click="showAsfDetailDialog(item, scope, asfQueryParams)"
-                >
-                  {{ scope.row[scope.column.property] }}==
-                </el-link>
-              </template>
-            </el-table-column>
-          </template>
-        </el-table>
-      </el-col>
-      <el-col v-if="viewType == 1 && state.total > 0" :span="24">
-        <div class="pageBox">
-          <el-pagination
-            v-model:currentPage="state.currentPage"
-            v-model:page-size="state.pageSize"
-            :page-sizes="[20, 30, 40, 50] as any"
-            :total="state.total"
-            layout="total, sizes, prev, pager, next, jumper"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
-        </div>
-      </el-col>
-      <el-col v-if="viewType == 2" :span="24">
-        <CalendarPage
-          ref="calendarPageRef"
-          :search-send="searchSend"
-          :body-hight="265"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.date"
-        />
-      </el-col>
-      <el-col v-if="viewType == 3" :span="24">
-        <TimeAxisPage
-          ref="timeAxisRef"
-          :data="tableDataList"
-          :view-layout="viewLayout"
-          :columns-filter="columnsFilter"
-          :search-send="searchSend"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.time"
-        />
-      </el-col>
-      <el-col v-if="viewType == 4" :span="24">
-        <GanttPageIng
-          ref="ganttPageRef"
-          :search-send="searchSend"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.gantt"
-        />
-      </el-col>
-      <el-col v-if="viewType == 5" :span="24">
-        <MapPage
-          ref="mapPageRef"
-          :search-send="searchSend"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.map"
-        />
-      </el-col>
-      <el-col v-if="viewType == 6" :span="24">
-        <CardPage
-          ref="cardPageRef"
-          :search-send="searchSend"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.card"
-          :columns-filter="columnsFilter"
-        />
-      </el-col>
-      <el-col v-if="viewType == 7" :span="24">
-        <ContainerPath
-          :echats-views="echatsViewsdf"
-          :table-key="formBasicConfig.name"
-          :types="1"
-        />
-      </el-col>
-      <el-col :span="24" style="display: none">
-        <el-button-group>
-          <el-tooltip
-            class="box-item"
-            effect="dark"
-            content="提交审批"
-            placement="top-end"
-          >
-            <el-button type="success" size="small" class="fa fa-send-o" />
-          </el-tooltip>
-
-          <el-tooltip
-            class="box-item"
-            effect="dark"
-            content="重新申请"
-            placement="top-end"
-          >
-            <el-button type="warning" size="small" class="fa fa-retweet" />
-          </el-tooltip>
-          <el-tooltip
-            class="box-item"
-            effect="dark"
-            content="查看详情"
-            placement="top-end"
-          >
-            <el-button type="primary" size="small" class="fa fa-eye" />
-          </el-tooltip>
-          <el-tooltip class="box-item" effect="dark" content="撤回" placement="top-end">
-            <el-button size="small" class="fa fa-reply-all" />
-          </el-tooltip>
-          <el-tooltip class="box-item" effect="dark" content="删除" placement="top-end">
-            <el-button type="danger" size="small" class="fa fa-trash-o" />
-          </el-tooltip>
-
-          <el-tooltip
-            class="box-item"
-            effect="dark"
-            content="申请修改"
-            placement="top-end"
-          >
-            <el-button type="info" size="small" class="fa fa-edit" />
-          </el-tooltip>
-        </el-button-group>
-      </el-col>
-    </el-row>
-    <FormPageCont
-      v-model:is-show="lookPageInfoIsShow"
-      :drawer-with="drawerWith"
-      :page-info="pageInfoCont"
-      :table-page-class="tablePageClass"
-      :oper-state="operState"
-      @getPageData="getPageData"
-    />
-    <FormPageCont
-      v-model:is-show="asflookPageInfoIsShow"
-      :drawer-with="drawerWith"
-      :page-info="currentAsfTableDataList[0]"
-      :table-page-class="tablePageClass"
-      :oper-state="operState"
-      @getPageData="getPageData"
-    />
-    <TableFlow
-      v-model:isopen="openTaskDrawer"
-      :versionid="props.versionid"
-      :versiontitle="props.versiontitle"
-      :drawerwith="drawerWith"
-      :pick-app-menu="pickAppMenu"
-      @searchquery="getListData"
-    />
-  </div>
-
-  <div v-if="dynamicVNode">
-    <component :is="dynamicVNode" />
-  </div>
-  <!-- 2025 liwenxuan 二维码打印 -->
-  <el-dialog
-    v-model="qrCodesPrintDialogFlag"
-    class="glxxsztc"
-    top="150px"
-    :close-on-click-modal="false"
-    title="生成的二维码"
-    :show-close="false"
-    style="margin-top: 10px"
-    width="40%"
-  >
-    <div
-      v-if="formBasicConfig.qrCodePrintStyle == '2'"
-      style="max-width: 600px; min-height: 50px; max-height: 750px; overflow-y: auto"
-    >
-      <div
-        v-for="(tableData, tableKey) in tablesData"
-        :id="tableKey"
-        :key="tableKey"
-        :ref="(el: any) => { if (el) tableRefs[tableKey] = el }"
-        style="margin-bottom: 30px; width: 95%"
-      >
-        <table>
-          <tr>
-            <th colspan="2">
-              {{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}
-            </th>
-            <td rowspan="6" style="width: 240px">
-              <img
-                :src="tableData.bufferedImage"
-                alt="二维码"
-                width="200px"
-                style="margin-top: 5px"
-              />
-            </td>
-          </tr>
-          <tr v-for="(item, fIndex) in tableData.fieldsMap" :key="fIndex">
-            <th>{{ item.key }}</th>
-            <td>{{ item.value }}</td>
-          </tr>
-        </table>
-      </div>
-    </div>
-    <div
-      v-if="formBasicConfig.qrCodePrintStyle == '1'"
-      style="
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        min-height: 50px;
-        max-height: 750px;
-        overflow-y: auto;
-      "
-    >
-      <div
-        v-for="(tableData, tableKey) in tablesData"
-        :id="tableKey"
-        :key="tableKey"
-        :ref="(el: any) => { if (el) tableRefs[tableKey] = el }"
-        style="margin-bottom: 30px; width: 400px"
-      >
-        <table>
-          <tr>
-            <th style="font-weight: bold; font-size: medium" colspan="1">
-              {{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}-{{
-                tablesData[tableKey].dataTitle
-              }}
-            </th>
-          </tr>
-          <tr>
-            <th>
-              <img
-                :src="tableData.bufferedImage"
-                alt="二维码"
-                width="auto"
-                height="100%"
-              />
-            </th>
-          </tr>
-        </table>
-      </div>
-    </div>
-
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button
-          :disabled="isButton1Disabled"
-          type="primary"
-          plain
-          @click="downloadTables"
-          >下载</el-button
-        >
-        <el-button
-          :disabled="isButton2Disabled"
-          type="primary"
-          plain
-          @click="closeQrDownload"
-        >
-          确定
-        </el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-<style lang="scss" scoped>
-.rowBox {
-  width: 100%;
-}
-.table-list-comm {
-  padding: 0px 5px 5px 5px;
-}
-.seacherForm {
-  min-height: auto;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-}
-.pageBox {
-  width: 100%;
-  margin-top: 20px;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-}
-.operateButArea {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 15px;
-  margin-bottom: 15px;
-  .operatLeft {
-    padding-bottom: 2px;
-  }
-}
-.group {
-  width: auto;
-  margin-right: 10px;
-}
-.demo-image__error .block {
-  padding: 0px 0;
-  text-align: center;
-  border-right: solid 1px var(--el-border-color);
-  display: inline-block;
-  width: 100%;
-  box-sizing: border-box;
-  vertical-align: top;
-}
-.demo-image__error .demonstration {
-  display: block;
-  color: var(--el-text-color-secondary);
-  font-size: 14px;
-  margin-bottom: 20px;
-}
-.demo-image__error .el-image {
-  padding: 0 5px;
-  max-width: 300px;
-  max-height: 200px;
-  width: 100%;
-  height: 200px;
-}
-
-.demo-image__error .image-slot {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  background: var(--el-fill-color-light);
-  color: var(--el-text-color-secondary);
-  font-size: 30px;
-}
-.demo-image__error .image-slot .el-icon {
-  font-size: 30px;
-}
-table {
-  border-collapse: collapse;
-  width: 100%;
-  font-size: 13px;
-  text-align: center;
-}
-
-td,
-th {
-  border: 1px solid black;
-  padding: 8px;
-  vertical-align: middle; /* 设置文字上下居中 */
-}
-</style>
diff --git a/src/components/DesignForm/app/index.vue b/src/components/DesignForm/app/index.vue
index 2bc21bb..770d4b9 100644
--- a/src/components/DesignForm/app/index.vue
+++ b/src/components/DesignForm/app/index.vue
@@ -43,7 +43,10 @@ import {
 } from "@/api/taskapi/management";
 
 import { formatNumber } from "@/api/DesignForm/utils";
-
+import printHtmlRender from '../printHtmlRender.vue'
+import {fieldTree,PageConfig} from '../printHtmlRender.vue'
+import {printElement} from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/printHtmlDom.js"
+import {getPrintTemplate} from '@/api/DesignForm/requestapi'
 //引入组件
 import FormPageCont from "@/components/DesignForm/tableListPage/formPageCont.vue";
 import TableFlow from "@/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue";
@@ -70,6 +73,7 @@ const props = withDefaults(
     searchData?: attrButton[];
     config?: FormPageConfig|any;
     formId?: string;
+    appKey?: string;
     beforeRequest?: (params: any, rout: any) => any;
     afterResponse?: (result: any) => any | string;
     beforeDelete?: (params: any, route: any) => any;
@@ -83,6 +87,7 @@ const props = withDefaults(
     delKey?: string; // 删除标识
     lookPageIsShow?: boolean;
     versionid?: string;
+    formKey?:string;
     signCode?: string;
     pickAppMenu?: any;
     versiontitle?: string;
@@ -1609,6 +1614,91 @@ const lookPageInfo = (val: any) => {
   drawerWith.value = container.value?.clientWidth;
   lookPageInfoIsShow.value = true;
 };
+
+
+/****************表单打印功能************************/
+const printRenderMode = ref(false);
+const printRenderTree: Ref<any[]> = ref([]);
+const printPage = async (row: any) => {
+  let data:any[]=[]
+  let _pageConfig:PageConfig
+  let title:string="表单";
+  await getPrintTemplate({"versionid":props.versionid,"formkey":props.appKey}).then(resp=>{
+    title=resp.data.title
+    if(resp.data.formtemplatejson!=""){
+      data=JSON.parse(resp.data.formtemplatejson)
+    }else{
+      alert("请先创建打印模板！")
+      return
+    }
+
+    if(resp.data.pageconfigjson!=""){
+      _pageConfig=JSON.parse(resp.data.pageconfigjson)
+      if(_pageConfig.founder!=""){
+        _pageConfig.founder=row[_pageConfig.founder]
+      }
+      if(_pageConfig.founderTime!=""){
+        _pageConfig.founderTime=row[_pageConfig.founderTime]
+      }
+      if(_pageConfig.deptOrg!=""){
+        _pageConfig.deptOrg=row[_pageConfig.deptOrg]
+      }
+      if(_pageConfig.serialNumber!=""){
+        _pageConfig.serialNumber=row[_pageConfig.serialNumber]
+      }
+    }
+  })
+
+  let qrstr=`https://wab.hxgk.group/#/form_table/taskInfo?id=${props.formId}&key=${props.appKey}&
+      formid=${props.versionid}&formKey=${props.formKey}&state=2`
+  data.forEach(node=>{
+    deepLoopForm(node,row)
+  })
+  printRenderTree.value=data
+  printRenderMode.value = true;
+  ElMessageBox({
+    message: () => h('div',{style:{ width:'1200px',display:'flex','flex-direction':'column'}},[
+      h(ElButton, {
+        type:"primary",
+        style: "margin:10px 10px 5px auto;",
+        onClick: () => {
+          printElement("printContainer")
+        }
+      },'打印表单'),
+      h('div',{style:{ border: '1px solid black', width: 'fit-content', margin: '5px','align-self': 'center'}},[
+        h(printHtmlRender,{
+          name:title,
+          fieldTree:printRenderTree.value,
+          pageConfig:_pageConfig,
+          qrcode:qrstr,
+        })
+      ])
+    ]),
+    showConfirmButton:false,
+    customStyle: { '--el-messagebox-width':'1300px',padding:'10px'},
+  }).then(() => {
+  })
+};
+
+
+const deepLoopForm=(node:fieldTree, row: Record<string, any>)=>{
+    if(Array.isArray(node)){
+      node.forEach(item=>{deepLoopForm(item,row)})
+      return
+    }
+
+    if(node.field!=""){
+      let rnode:Object;
+      if (row.hasOwnProperty(node.field!)){// 有这个字段
+        if (node.type=="table" || node.type=="tabs"){
+          node.data=row[node.field!]
+        }else{
+          node.field=row[node.field!]
+        }
+      }
+    }
+  }
+
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-05 11:29:50
@@ -2261,6 +2351,21 @@ const isObject = (obj: any) => {
                       class="fa fa-edit"
                     />
                   </el-tooltip>
+
+                  <el-tooltip
+                    class="box-item"
+                    effect="dark"
+                    content="打印表单"
+                    placement="top-end"
+                  >
+                    <el-button
+                      @click="printPage(scope.row)"
+                      type="primary"
+                      size="small"
+                      class="fa fa-print"
+                    />
+                  </el-tooltip>
+
                   <el-popconfirm
                     v-if="scope.row.taskStatus == 2 || scope.row.taskStatus == 1"
                     confirm-button-text="确定"
diff --git a/src/components/DesignForm/printHtmlRender.vue b/src/components/DesignForm/printHtmlRender.vue
new file mode 100644
index 0000000..0775997
--- /dev/null
+++ b/src/components/DesignForm/printHtmlRender.vue
@@ -0,0 +1,323 @@
+<script lang="ts" setup>
+import QRCode from 'qrcode';
+import logourl from "@/assets/logo_text.png";
+import { useUserStore } from '@/store/modules/user';
+
+export interface fieldTree{
+  field?:string;
+  name?:string;
+  type:string;
+  checked?:number;
+  data?:[];
+  child?:fieldTree[]
+}
+
+export interface PageConfig{
+  width:string;
+  height:string;
+  horizontal:string;//横向
+  pagesize:string;
+
+  //页脚页眉
+  pagebrow:string[];
+  founder:string;
+  founderTime:string;
+  deptOrg:string;
+  serialNumber:string;
+  qrcode:boolean;
+}
+
+const props = withDefaults(defineProps<{
+    name:string,
+    pageConfig:PageConfig,
+    fieldTree:fieldTree[],
+    qrcode?:string,
+}>(),{})
+
+const qrdata=ref("")
+const userName=useUserStore().nickname;
+
+function parseDataPicker(val:string){
+  if(val==""|| val.match(/[a-z]/) ) return val;
+  let str=new Date(parseInt(val)).toISOString()
+  return str.slice(0,10)+" "+str.slice(11,16)
+}
+
+const generateQrCode= ()=>{
+  var opts = {
+    errorCorrectionLevel: 'M',
+    type: 'image/png',
+    quality: 0.3,
+    margin: 1,
+    color: {
+      dark:"#000",
+      light:"#fff"
+    }
+  }
+
+   QRCode.toDataURL(props.qrcode, opts, function (err, url) {
+    if (err) throw err
+    qrdata.value=url
+  })
+}
+
+</script>
+
+<template>
+<div class="page_brow" >
+  <img height="50px" :src="logourl" />
+  <span v-if="props.pageConfig.pagebrow.includes('serialNumber')">表单编号:{{ props.pageConfig.serialNumber }}</span>
+</div>
+<div id="printContainer" :style="{width: props.pageConfig.width}" >
+  <h3>{{props.name}}</h3> 
+  <div style="display: flex;justify-content: space-between; margin-bottom: 10px;">
+    <span v-if="props.pageConfig.pagebrow.includes('founder')">创建人:{{ props.pageConfig.founder }}</span>
+    <span v-if="props.pageConfig.pagebrow.includes('founderTime')">创建时间:{{ props.pageConfig.founderTime }}</span>
+    <span v-if="props.pageConfig.pagebrow.includes('deptOrg')">所属部门:{{ props.pageConfig.deptOrg }}</span>
+  </div>
+  <div v-for="group in props.fieldTree">
+    <div v-if="Array.isArray(group) && group.length>0" class="auto_table">
+        <template v-for="item in group"  >
+          <div v-if="item.checked!=2" class="cell_box">
+            <span class="box_name">
+              {{item.name}}
+            </span>
+            <span v-if="item.type !=='datePicker'" class="content">{{item.field}}</span>
+            <span v-else class="content">{{parseDataPicker(item.field)}}</span>
+          </div>
+        </template>
+    </div>
+    <div v-else-if="group.type=='divider'" class="title" v-if="group.checked!=2">{{ group.name }}</div>
+    <div v-else-if="group.type=='textarea'" class="section" v-if="group.checked!=2">
+      <h5>{{ group.name }}</h5>
+      <div class="text_area">{{ group.field }}</div>
+    </div>
+    <div v-else-if="group.type=='table'" class="section_table" v-if="group.checked!=2">
+      <h5>{{ group.name }}</h5>
+      <div class="bder_table" >
+        <el-table class="table" :data="group.data" border >
+          <template v-for="child in group.child">
+            <el-table-column  :prop="child.field" :label="child.name" v-if="child.checked!=2" />
+          </template>
+        </el-table>
+      </div>
+    </div>
+    <div v-else-if="group.type=='tabs'" class="section_tabs" v-if="group.checked!=2">
+      <h5>{{ group.name }}</h5>
+      <div v-for="tabs in group.child" class="tabs_item">
+        <div v-if="Array.isArray(tabs)" class="auto_table">
+            <template v-for="item in tabs"  >
+              <div v-if="item.checked!=2" class="tabs_cell_box" style="width: auto;">
+                <span class="box_name">
+                  {{item.name}}
+                </span>
+                <span v-if="item.type !=='datePicker'" class="content">{{item.field}}</span>
+                <span v-else class="content">{{parseDataPicker(item.field)}}</span>
+              </div>
+            </template>
+        </div>
+        <div v-else-if="tabs.type=='divider'" class="title" v-if="tabs.checked!=2"
+          style="font-size: 12px; margin-top: 20px;">{{ tabs.name }}</div>
+        <div v-else-if="tabs.type=='textarea'" class="section" v-if="tabs.checked!=2">
+          <h5>{{ tabs.name }}</h5>
+          <div class="text_area">{{ tabs.field }}</div>
+        </div>
+        <div v-else-if="tabs.type=='table'" class="section" v-if="tabs.checked!=2">
+          <h5>{{ tabs.name }}</h5>
+          <div class="bder_table" >
+            <el-table class="table" border >
+              <template v-for="child in tabs.child">
+                <el-table-column :prop="child.field" :label="child.name" v-if="child.checked!=2" />
+              </template>
+            </el-table>
+          </div>
+        </div>
+        <div v-else class="tabs_cell_box" v-if="tabs.checked!=2">
+          <span class="box_name">
+            {{tabs.name}}
+          </span>
+          <span v-if="tabs.type !=='datePicker'" class="content">{{tabs.field}}</span>
+          <span v-else class="content">{{parseDataPicker(tabs.field??'')}}</span>
+        </div>
+
+      </div>
+    </div>
+    <div v-else v-if="group.checked!=2">{{ group }}</div>
+    
+  </div>
+  <div v-if="props.pageConfig.qrcode" style="display: flex; justify-content: space-between; ">
+    {{ generateQrCode() }}
+    <div style="display: inherit; align-items: center;">
+      <img id="qrcode"  width="100px" :src="qrdata"/>
+      <div style="text-align: left;padding-left: 5px;">使用手机企业微信<br>扫一扫</div>
+    </div>
+    <div style="display: flex;flex-direction: column;text-align: left;justify-content: center;">
+      <p>打印日期：{{ new Date().toLocaleString() }}</p>
+      <p>打印人： {{userName}}</p>
+    </div>
+  </div>
+</div>
+</template>
+<style lang="scss" scoped>
+#printContainer{
+  padding: 0px 57px 30px 57px;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  overflow-y: scroll;
+  scrollbar-width: none;
+}
+//没有元素时，隐藏
+div:empty {
+  display: none;
+}
+.page_brow{
+  padding: 24px 57px 0 57px; 
+  display: flex;
+  justify-content: space-between; 
+  align-items: center;
+}
+
+.auto_table{
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  border: 1px solid rgb(226, 226, 226);
+}
+h3{
+  width: 100%;
+  font-size: 25px;
+  font-weight: bold;
+}
+
+h5{
+  font-weight: bold;
+  width: 100%;
+  margin: 5px;
+}
+
+.title{
+  margin-left:10px;
+  text-align: left;
+  font-size: 15px;
+  font-weight: bold;
+}
+.el-descriptions {
+  margin-top: 20px;
+}
+.cell-item {
+  display: flex;
+  align-items: center;
+}
+.margin-top {
+  margin: 10px;
+}
+
+.section_title{
+  width:100%
+}
+
+.normal_cell,.normal_cell_field{
+  width: 23%;
+  height: 20px;
+}
+
+
+.section{
+  display: flex;
+  flex-direction: column;
+}
+
+.section_tabs{
+  margin: 10px 0;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.text_area{
+  border: 1px solid rgb(182, 181, 181);
+  border-radius: 3px;
+  min-height: 40px;
+  margin: 5px 0px 10px 0px;
+}
+//////////////自动伸缩
+.tabs_item {
+  display: inline-flex;
+  min-height: 40px;
+  min-width: 50%; /* 默认最小宽度 */
+  margin-right: -1px;/* 解决边框重合问题*/
+  /* 默认情况：没有 title/section 时宽度 50% */
+  width: 50%;
+  .section{
+    width: 100%;
+  }
+}
+
+/* 当直接子元素包含 title 或 section 时，宽度变为 100% */
+.tabs_item:has(> .title),
+.tabs_item:has(> .section) {
+  width: 100%;
+}
+
+.bder_table{
+  border: 1px solid rgb(182, 181, 181);
+  margin:5px 0px 10px 0px;
+  width: 100% !important; /* 确保表格不超出父容器 */
+  overflow-x: hidden;
+}
+
+/* 原有样式（稍作优化） */
+.cell_box, .tabs_cell_box {
+  border: 1px solid rgb(182, 181, 181);
+  margin-right: -1px; /* 水平排列时用右负margin */
+  margin-bottom: -1px; /* 垂直排列时用下负margin */
+  display: inline-flex;
+
+  .box_name {
+    padding: 8px 2px;
+    width: 30%;
+    text-wrap: wrap;
+    max-height: 80px;
+    overflow: hidden; /* 配合 ellipsis 需要 */
+  }
+  
+  .content {
+    padding: 8px 2px;
+    width: 70%;
+    text-wrap: wrap;
+    word-break: break-all;
+    border-left: 1px solid rgb(182, 181, 181);
+  }
+}
+.tabs_cell_box{
+  width: 100%;
+}
+</style>
+
+<style>
+  #printContainer table{
+    display: block;
+    border: 0px solid;
+    border-spacing: 1px;
+    border-collapse: collapse;
+  }
+  #printContainer .el-table th.el-table__cell{
+    background: none !important;
+    word-wrap: break-word;
+  }
+
+  #printContainer .el-table .cell{
+      padding: 0 5px;
+      text-align: center;
+      max-width: max-content;
+  }
+
+  #printContainer table  th{
+      font-weight: normal;
+      border-right: 1px solid rgb(182, 181, 181);
+      text-align: center;
+    }
+  #printContainer table td{
+      border: 1px solid rgb(182, 181, 181);
+    }
+ 
+</style>
diff --git a/src/components/DesignForm/tableListPage/index copy.vue b/src/components/DesignForm/tableListPage/index copy.vue
deleted file mode 100644
index 7a91c76..0000000
--- a/src/components/DesignForm/tableListPage/index copy.vue	
+++ /dev/null
@@ -1,2505 +0,0 @@
-<!--
-@ 作者: 秦东
-@ 时间: 2024-03-29 14:21:27
-@ 备注: 自定义表单通用列表
--->
-<script lang="ts" setup>
-import {
-  json2string,
-  objToStringify,
-  string2json,
-  stringToObj,
-} from "@/utils/DesignForm/form";
-import { onBeforeRouteLeave, useRoute, useRouter } from "vue-router";
-import { useDesignFormStore } from "@/store/DesignForm/designForm";
-import {
-  attrButton,
-  FormPageList,
-  FormPageConfig,
-  viewPageType,
-} from "@/api/DesignForm/tableButton";
-import {
-  inputUnit,
-  timeUnit,
-  choiceUnit,
-  switchUnit,
-  orgUnit,
-  checkboxUnit,
-  orgDeptUnit,
-} from "@/api/DesignForm/fieldUnit";
-import type { FormInstance, FormRules } from "element-plus";
-import { gainFormPageListCont } from "@/api/DesignForm/requestapi";
-import { Picture, InfoFilled, QuestionFilled } from "@element-plus/icons-vue";
-import request from "@/utils/request";
-import html2canvas from "html2canvas";
-import JSZip, { forEach } from "jszip";
-import { ElLoading, ElMessage, ElNotification } from "element-plus";
-import { softDeletion, retractRunWorkFlow, recalSendMsg } from "@/api/taskapi/management";
-import { echatsViews } from "@/api/DesignForm/types";
-import { formatNumber } from "@/api/DesignForm/utils";
-//引入组件
-import FormPageCont from "@/components/DesignForm/tableListPage/formPageCont.vue";
-import TableFlow from "@/views/sysworkflow/lowcodepage/pageFlow/tableFlow.vue";
-import TimeAxisPage from "@/components/DesignForm/app/timeAxis.vue";
-import CardPage from "@/components/DesignForm/app/cardPage.vue";
-import GanttPage from "@/components/DesignForm/app/gannttPage.vue";
-import MapPage from "@/components/DesignForm/app/mapPage.vue";
-import CalendarPage from "@/components/DesignForm/app/calendar/calendar1/calendarPage.vue";
-import SearchSelect from "@/components/DesignForm/app/calendar/selectSearch.vue";
-import ContainerPath from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/echatesUnit/container.vue";
-
-const props = withDefaults(
-  defineProps<{
-    data: FormPageList;
-    searchData?: attrButton[];
-    config: FormPageConfig;
-    formId?: string;
-    beforeRequest?: (params: any, rout: any) => any;
-    afterResponse?: (result: any) => any | string;
-    beforeDelete?: (params: any, route: any) => any;
-    showPage?: boolean;
-    requestUrl?: string; // 请求的api
-    deleteUrl?: string; // 删除的api
-    dict?: { [key: string | number]: string | number };
-    fixedBottomScroll?: boolean;
-    query?: { [key: string]: any }; // 一些附加的请求参数
-    autoLoad?: boolean; // 初始时自动请求加载数据
-    delKey?: string; // 删除标识
-    lookPageIsShow?: boolean;
-    versionid?: string;
-    versiontitle?: string;
-    viewPage?: viewPageType;
-    formBasicConfig?: any;
-    fieldsDetailList?: any;
-    orgAndManTree?: any;
-    echatsViews: echatsViews;
-  }>(),
-  {
-    showPage: true,
-    data: () => {
-      return { columns: [], controlBtn: [], operateBtn: [], config: {} };
-    },
-    searchData: () => {
-      return [];
-    },
-    config: () => {
-      return {};
-    },
-    dict: () => {
-      return {};
-    },
-    formId: () => {
-      return "";
-    },
-    versionid: () => {
-      return "";
-    },
-    versiontitle: () => {
-      return "";
-    },
-    fixedBottomScroll: true,
-    autoLoad: true,
-    delKey: "id",
-    query: () => {
-      return {};
-    },
-    lookPageIsShow: () => {
-      return false;
-    },
-    viewPage: () => {
-      return [];
-    },
-    formBasicConfig: () => {
-      return {};
-    },
-    fieldsDetailList: () => {
-      return {};
-    },
-    orgAndManTree: () => {
-      return {};
-    },
-  }
-);
-
-const echatsViewsdf = computed({
-  get() {
-    return props.echatsViews;
-  },
-  set(newVal: any) {},
-});
-const emits = defineEmits<{
-  (e: "selectionChange", row: any): void;
-  (e: "btnClick", btn: any, row?: any): void; // 列表上面及表格列表里添加删除按钮事件
-  (e: "optionsValue5Get5", data: any, fieldName: any): void;
-}>();
-const operState = ref<number>(1); //操作状态	1：新增；2：重新发起；3：申请修改；4：提交审批;5:普通表单修改
-const idList = ref<string[]>([]);
-const designStore = useDesignFormStore();
-const route = useRoute();
-const router = useRouter();
-const tableDataList = ref([]); // 表格行数据
-const currentAsfTableDataList = ref([]); //当前点击的关联表单数据
-const openTaskDrawer = ref(false); //新增数据
-
-const state = reactive({
-  loading: false,
-  currentPage: 1,
-  pageSize: props.config?.pageSize || 2,
-  total: 0,
-  selectionChecked: [],
-  dict: {}, // 接口返回的
-  searchFormDown: false,
-  treeValue: {}, // 侧栏树选中的值
-  tableScrollMargin: 0,
-  columnsCheck: designStore.getColumnsCheck(route.path),
-  currentNodeKey: "",
-});
-
-const viewType = ref(1);
-const viewLayout = ref<any>();
-/**
-@ 作者: 秦东
-@ 时间: 2024-03-28 16:03:12
-@ 功能: 判断类型
-*/
-const unitIsShow = (val: tableButton, unitName: string) => {
-  // val.pattern
-  switch (val.fieldClass) {
-    case "id": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "masters_key": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "creater": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "creater_time": //自定义表单保留字
-      return timeUnit.includes(unitName);
-      break;
-    case "edit_time": //自定义表单保留字
-      return timeUnit.includes(unitName);
-      break;
-    case "flow_id": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "baidumap": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "input": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "radio": //自定义表单保留字
-      return choiceUnit.includes(unitName);
-      break;
-    case "switch": //自定义表单保留字
-      return switchUnit.includes(unitName);
-      break;
-    case "orgCentent": //自定义表单保留字
-      return orgUnit.includes(unitName);
-      break;
-    case "varchar": //自定义表单保留字
-      return inputUnit.includes(unitName);
-      break;
-    case "checkbox":
-      return checkboxUnit.includes(unitName);
-      break;
-    case "deptOrg":
-      return orgDeptUnit.includes(unitName);
-      break;
-    default:
-      if (val.fieldClass != "datePicker" && val.fieldClass != "timePicker") {
-        return inputUnit.includes(unitName);
-      }
-      break;
-  }
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-03-28 13:17:46
-@ 功能: 重置表单
-*/
-const ruleSearchForm = ref();
-const resetFields = (formEl: FormInstance | undefined) => {
-  // formEl.resetFields()
-  // console.log("formEl",formEl,formEl.resetFields())
-  // if (!formEl) return
-  // formEl.resetFields()
-  if (props.searchData && props.searchData.length > 0) {
-    props.searchData.forEach((item: any) => {
-      item.value = "";
-    });
-  }
-};
-
-//20250117 李文轩 二维码表格
-const qrCodesPrintDialogFlag = ref(false);
-let tableRefs = reactive({});
-const tablesData = ref({});
-function getDetailQrCodes(val: any) {
-  return request({
-    url: "/javasys/lowCode/QrCode/getDetailQrCodes",
-    method: "post",
-    data: {
-      cfid: props.formId,
-      idArray: val,
-      settings: props.formBasicConfig,
-    },
-  });
-}
-
-function modifyFieldsMap4(fieldsMap: any): Array<{ key: string; value: string }> {
-  let result: Array<{ key: string; value: string }> = [];
-  // 使用 Object.entries 获取键值对数组，保留原始顺序
-  for (const [key, value] of Object.entries(fieldsMap)) {
-    let parts = value.split("!@#@!");
-    if (parts.length === 2) {
-      result.push({ key: parts[0], value: parts[1] });
-    } else {
-      // 如果格式不符合，可进行错误处理，这里暂时不做处理，直接使用原属性名和属性值
-      result.push({ key, value });
-    }
-  }
-  return result;
-}
-
-// 定义两个响应式的布尔值来控制按钮的禁用状态
-const isButton1Disabled = ref(false);
-const isButton2Disabled = ref(false);
-
-async function downloadTables() {
-  isButton1Disabled.value = true;
-  isButton2Disabled.value = true;
-  const loadingInstance = ElLoading.service({
-    fullscreen: true,
-    text: "正在生成图片，请稍候...", // 添加的文字内容，可根据需要修改
-  });
-  //ElMessage('This is a message.')
-  const zip = new JSZip();
-  //console.log(tableRefs)
-  for (const [tableKey, element] of Object.entries(tableRefs)) {
-    try {
-      const canvas = await html2canvas(element);
-      const dataUrl = canvas.toDataURL("image/png");
-      const byteString = atob(dataUrl.split(",")[1]);
-      const mimeString = dataUrl.split(",")[0].split(":")[1].split(";")[0];
-      const ab = new ArrayBuffer(byteString.length);
-      const ia = new Uint8Array(ab);
-
-      for (let i = 0; i < byteString.length; i++) {
-        ia[i] = byteString.charCodeAt(i);
-      }
-
-      const blob = new Blob([ab], { type: mimeString });
-      zip.file(`${props.formBasicConfig.formName}-${tableKey}.png`, blob);
-    } catch (error) {
-      console.error(`Error converting ${tableKey} to image:`, error);
-    }
-  }
-
-  zip.generateAsync({ type: "blob" }).then(function (content) {
-    const now = new Date();
-    const formattedDate = `${now.getFullYear()}${String(now.getMonth() + 1).padStart(
-      2,
-      "0"
-    )}${String(now.getDate()).padStart(2, "0")}_${String(now.getHours()).padStart(
-      2,
-      "0"
-    )}${String(now.getMinutes()).padStart(2, "0")}${String(now.getSeconds()).padStart(
-      2,
-      "0"
-    )}`;
-    const fileName = `${props.formBasicConfig.formName}-${formattedDate}.zip`;
-
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(content);
-    link.download = fileName;
-    loadingInstance.close();
-    link.click();
-    tableRefs = {};
-    // 不管成功与否，最后都要恢复按钮的状态
-    isButton1Disabled.value = false;
-    isButton2Disabled.value = false;
-  });
-}
-function closeQrDownload() {
-  qrCodesPrintDialogFlag.value = false;
-  tableRefs = {};
-  //console.log(tableRefs)
-}
-
-let asfs: any[] = [];
-let radios: any[] = [];
-let checkboxs: any[] = [];
-let switchs: any[] = [];
-let selects: any[] = [];
-let tables: any[] = [];
-let dofs: any[] = []; //deptOrgAndOrgCententAndFounderArr
-
-function getAsfs() {
-  //setTimeout(() => {
-  let dataList = ref({});
-  dataList.value = props.fieldsDetailList;
-  if (dataList && Array.isArray(dataList.value) && dataList.value.length > 0) {
-    for (let i = 0; i < dataList.value.length; i++) {
-      if (dataList.value[i].type == "associatedForms") {
-        asfs.push(dataList.value[i]);
-      } else if (dataList.value[i].type == "radio") {
-        radios.push(dataList.value[i]);
-      } else if (dataList.value[i].type == "checkbox") {
-        checkboxs.push(dataList.value[i]);
-      } else if (dataList.value[i].type == "switch") {
-        switchs.push(dataList.value[i]);
-      } else if (dataList.value[i].type == "select") {
-        selects.push(dataList.value[i]);
-      } else if (
-        dataList.value[i].type == "deptOrg" ||
-        dataList.value[i].type == "orgCentent" ||
-        dataList.value[i].type == "founder"
-      ) {
-        //||dataList.value[i].type == "owner"拥有者,"expand-user"选择用户
-        dofs.push(dataList.value[i]);
-      } else if (
-        dataList.value[i].type == "card" ||
-        dataList.value[i].type == "flex" ||
-        dataList.value[i].type == "div" ||
-        dataList.value[i].type == "table"
-      ) {
-        if (dataList.value[i].type == "table") {
-          tables.push(dataList.value[i]);
-        }
-
-        dataList.value[i].list.forEach((element: any) => {
-          if (element.type == "associatedForms") {
-            asfs.push(element);
-          } else if (element.type == "radio") {
-            radios.push(element);
-          } else if (element.type == "checkbox") {
-            checkboxs.push(element);
-          } else if (element.type == "switch") {
-            switchs.push(element);
-          } else if (element.type == "select") {
-            selects.push(element);
-          } else if (
-            element.type == "deptOrg" ||
-            element.type == "orgCentent" ||
-            element.type == "founder"
-          ) {
-            dofs.push(element);
-          }
-        });
-      } else if (dataList.value[i].type == "grid") {
-        let columns = JSON.parse(JSON.stringify(dataList.value[i].columns));
-
-        if (columns.length > 0) {
-          for (let z = 0; z < columns.length; z++) {
-            for (let x = 0; x < columns[z].list.length; x++) {
-              let a = JSON.parse(JSON.stringify(columns[z].list[x]));
-
-              if (a.type == "associatedForms") {
-                asfs.push(a);
-              } else if (a.type == "radio") {
-                radios.push(a);
-              } else if (a.type == "checkbox") {
-                checkboxs.push(a);
-              } else if (a.type == "switch") {
-                switchs.push(a);
-              } else if (a.type == "select") {
-                selects.push(a);
-              } else if (
-                a.type == "deptOrg" ||
-                a.type == "orgCentent" ||
-                a.type == "founder"
-              ) {
-                dofs.push(a);
-              }
-            }
-          }
-        }
-      } else if (dataList.value[i].type == "tabs") {
-        //tabs标签页有可能再嵌套一层flex或者table
-        let columns = JSON.parse(JSON.stringify(dataList.value[i].columns));
-        if (columns.length > 0) {
-          for (let z = 0; z < columns.length; z++) {
-            for (let x = 0; x < columns[z].list.length; x++) {
-              let a = JSON.parse(JSON.stringify(columns[z].list[x]));
-
-              if (a.type == "associatedForms") {
-                asfs.push(a);
-              } else if (a.type == "radio") {
-                radios.push(a);
-              } else if (a.type == "checkbox") {
-                checkboxs.push(a);
-              } else if (a.type == "switch") {
-                switchs.push(a);
-              } else if (a.type == "select") {
-                selects.push(a);
-              } else if (
-                a.type == "deptOrg" ||
-                a.type == "orgCentent" ||
-                a.type == "founder"
-              ) {
-                dofs.push(a);
-              } else if (a.type == "flex" || a.type == "table") {
-                if (a.type == "table") {
-                  tables.push(dataList.value[i]);
-                }
-
-                if (a.list.length > 0) {
-                  for (let m = 0; m < a.list.length; m++) {
-                    let q = JSON.parse(JSON.stringify(a.list[m]));
-
-                    if (q.type == "associatedForms") {
-                      asfs.push(q);
-                    } else if (q.type == "radio") {
-                      radios.push(q);
-                    } else if (q.type == "checkbox") {
-                      checkboxs.push(q);
-                    } else if (q.type == "switch") {
-                      switchs.push(q);
-                    } else if (q.type == "select") {
-                      selects.push(q);
-                    } else if (
-                      q.type == "deptOrg" ||
-                      q.type == "orgCentent" ||
-                      q.type == "founder"
-                    ) {
-                      dofs.push(q);
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  //}, 500);
-}
-
-function convertStringToArray(str: string) {
-  if (typeof str !== "string") {
-    throw new Error("Input must be a string.");
-  }
-  if (str === "") {
-    return [];
-  }
-  // 去除首尾的中括号
-  str = str.slice(1, -1);
-  if (str === "") {
-    return [];
-  }
-  let parts = str.split(",");
-  return parts.map((part) => parseFloat(part));
-}
-
-interface Tree {
-  id?: string;
-  label: string;
-  disabled?: boolean;
-  children?: Tree[];
-  parentId?: string;
-  [key: string]: any;
-}
-function getLabelById(id: string): string | undefined {
-  //console.log(id)
-  const treeNodes = props.orgAndManTree;
-
-  const findLabel = (nodes: Tree[]): string | undefined => {
-    for (const node of nodes) {
-      // 检查当前节点是否匹配目标id
-      if (node.id === id) {
-        return node.label;
-      }
-      // 递归遍历子节点
-      if (node.children?.length) {
-        const found = findLabel(node.children);
-        if (found) return found;
-      }
-    }
-    return undefined;
-  };
-
-  return findLabel(treeNodes);
-}
-function isAllCharactersNumbers(str: string) {
-  // 遍历字符串中的每个字符
-  for (let i = 0; i < str.length; i++) {
-    // 检查当前字符是否不是数字字符
-    if (isNaN(parseInt(str[i], 10))) {
-      return false;
-    }
-  }
-  return true;
-}
-
-//liwenxuan 20250120 二维码 end
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 11:36:07
-@ 功能: 功能按钮动作
-*/
-const setUpClick = (val: string, id: string) => {
-  // console.log("功能按钮动作",val,"----id----->",props.versionid,"-----formId---->",props.versiontitle)
-  if (val.key == "newAdd") {
-    drawerWith.value = container.value?.clientWidth;
-    openTaskDrawer.value = true;
-  } else if (val.key === "export") {
-    alert("请在非编辑模式操作");
-  } else if (val.key === "import") {
-    alert("请在非编辑模式操作");
-  } else if (val.key == "showQrCode") {
-    //liwenxuan 20250114 二维码打印弹窗 start
-    //在此组装参数,以生成二维码图片
-    let idArray = state.selectionChecked.map((item) => item.id);
-    if (idArray.length > 0) {
-      //console.log(props.formBasicConfig)
-
-      if (props.formBasicConfig.qrCodeFlag == true) {
-        if (props.formBasicConfig.qrCodeInside == true) {
-          if (
-            props.formBasicConfig.qrCodePrintStyle &&
-            props.formBasicConfig.qrCodePrintStyle == "2" &&
-            props.formBasicConfig.qrCodeShowFields.length == 0
-          ) {
-            alert("未配置表格展示字段");
-            return;
-          }
-          const loadingInstance1 = ElLoading.service({
-            fullscreen: true,
-            text: "正在生成二维码，请稍候...", // 添加的文字内容，可根据需要修改
-          });
-
-          //请求数据
-          let getDetailQrCodesData: any = {};
-          let currentFieldsMapArrObj: any = {};
-          getDetailQrCodes(idArray)
-            .then(({ data }) => {
-              getDetailQrCodesData = JSON.parse(JSON.stringify(data));
-              if (
-                props.formBasicConfig.qrCodePrintStyle &&
-                props.formBasicConfig.qrCodePrintStyle == "2"
-              ) {
-                let asfQueryParams1: any[] = [];
-                for (let key in getDetailQrCodesData) {
-                  currentFieldsMapArrObj[key] = getDetailQrCodesData[key];
-                  if (getDetailQrCodesData.hasOwnProperty(key)) {
-                    let currentFieldsMap = getDetailQrCodesData[key].fieldsMap;
-                    //console.log(currentFieldsMap)
-                    // 遍历对象的属性
-                    for (let attr_name in currentFieldsMap) {
-                      if (currentFieldsMap.hasOwnProperty(attr_name)) {
-                        //console.log("attr_name------"+attr_name)
-                        //console.log(`属性名: ${attr_name}, 属性值: ${currentFieldsMap[attr_name]}`);
-                        radios.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            let optionsHasCurrentValue = false;
-                            element.options.forEach((element1: any) => {
-                              if (toConvertValue == element1.value) {
-                                currentFieldsMap[attr_name] =
-                                  currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                  "!@#@!" +
-                                  element1.label;
-                                optionsHasCurrentValue = true;
-                              }
-                            });
-                            if (optionsHasCurrentValue == false) {
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                "";
-                            }
-                          }
-                        });
-                        selects.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            let optionsHasCurrentValue = false;
-                            element.options.forEach((element1: any) => {
-                              if (toConvertValue == element1.value) {
-                                currentFieldsMap[attr_name] =
-                                  currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                  "!@#@!" +
-                                  element1.label;
-                                optionsHasCurrentValue = true;
-                              }
-                            });
-                            if (optionsHasCurrentValue == false) {
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                "";
-                            }
-                          }
-                        });
-                        //console.log(dofs)
-                        dofs.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            //console.log(toConvertValue)
-                            if (isAllCharactersNumbers(toConvertValue)) {
-                              let orgName = getLabelById(toConvertValue);
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                orgName;
-                            }
-                          }
-                        });
-                        switchs.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            if (toConvertValue == "0") {
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                "禁用";
-                            } else {
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                "启用";
-                            }
-                          }
-                        });
-                        checkboxs.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此单选,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            let toConvertArr = convertStringToArray(toConvertValue);
-                            let toAddStr = "";
-                            if (toConvertArr.length > 0) {
-                              toConvertArr.forEach((element1: any) => {
-                                element.options.forEach((element2: any) => {
-                                  if (element1 == element2.value) {
-                                    toAddStr = toAddStr + element2.label + ",";
-                                  }
-                                });
-                              });
-                              toAddStr = toAddStr.slice(0, -1);
-                              currentFieldsMap[attr_name] =
-                                currentFieldsMap[attr_name].split("!@#@!")[0] +
-                                "!@#@!" +
-                                toAddStr;
-                            }
-                          }
-                        });
-                        asfs.forEach(function (element) {
-                          if (attr_name == element.name) {
-                            //表格属性中存在此关联表单,将其value根据options替换为可读值
-                            let toConvertValue = currentFieldsMap[attr_name].split(
-                              "!@#@!"
-                            )[1];
-                            if (toConvertValue.length > 0) {
-                              //console.log(element)
-                              let fieldCount = 0; //如果>0则有此field名
-                              asfQueryParams1.forEach((item1: any) => {
-                                //如果参数数组中已存在同field的     关联表单asfQueryParamsItem1,则往已存在的如果参数数组中已存在同field的关联表单asfQueryParamsItem1.asfToSelectIds1中新增asfMasterAndAsfId1
-                                //              不存在则push一个新的关联表单asfQueryParamsItem1
-                                if (item1.field == element.name) {
-                                  fieldCount++;
-                                }
-                              });
-                              if (fieldCount > 0) {
-                                //已存在
-                                //得到已存在的相关field参数对象
-                                asfQueryParams1.forEach((item1: any) => {
-                                  if (item1.field == element.name) {
-                                    let asfMasterAndAsfId1: any = {};
-                                    asfMasterAndAsfId1.asfId = toConvertValue + "";
-                                    asfMasterAndAsfId1.asfMasterId = key + "";
-                                    item1.asfToSelectIds.push(asfMasterAndAsfId1);
-                                  }
-                                });
-                              } else {
-                                //不存在
-                                let asfQueryParamsItem1: any = {};
-                                asfQueryParamsItem1.formId = element.control.formid;
-                                asfQueryParamsItem1.field = element.name;
-                                let asfToSelectIds1: any[] = [];
-                                asfQueryParamsItem1.asfToSelectIds = asfToSelectIds1;
-                                let asfMasterAndAsfId1: any = {};
-                                asfMasterAndAsfId1.asfId = toConvertValue + "";
-                                asfMasterAndAsfId1.asfMasterId = key + "";
-                                asfToSelectIds1.push(asfMasterAndAsfId1);
-                                asfQueryParams1.push(asfQueryParamsItem1);
-                              }
-                            }
-                          }
-                        });
-                      }
-                    }
-                    setTimeout(() => {
-                      getDetailQrCodesData[key].fieldsMap = modifyFieldsMap4(
-                        currentFieldsMap
-                      );
-                    }, 800);
-                  }
-                }
-
-                getAsfDataTitlesByIds(asfQueryParams1).then(({ data }) => {
-                  let getAsfDataTitlesByIdsData = JSON.parse(JSON.stringify(data));
-                  for (let key in currentFieldsMapArrObj) {
-                    if (getDetailQrCodesData.hasOwnProperty(key)) {
-                      let currentFieldsMap = getDetailQrCodesData[key].fieldsMap;
-                      getAsfDataTitlesByIdsData.forEach((element1: any) => {
-                        element1.list.forEach((element2: any) => {
-                          if (key == element2.asfMasterId) {
-                            currentFieldsMap[element1.field] =
-                              currentFieldsMap[element1.field].split("!@#@!")[0] +
-                              "!@#@!" +
-                              element2.label;
-                          }
-                        });
-                      });
-                    }
-                  }
-                });
-
-                setTimeout(() => {
-                  tablesData.value = getDetailQrCodesData;
-                }, 810);
-
-                setTimeout(() => {
-                  loadingInstance1.close();
-                  qrCodesPrintDialogFlag.value = true;
-                }, 820);
-              } else if (
-                props.formBasicConfig.qrCodePrintStyle &&
-                props.formBasicConfig.qrCodePrintStyle == "1"
-              ) {
-                //fieldsMap = null
-                tablesData.value = getDetailQrCodesData;
-                qrCodesPrintDialogFlag.value = true;
-                loadingInstance1.close();
-              }
-            })
-            .finally(() => {
-              loadingInstance1.close();
-            });
-        } else {
-          alert("内部二维码功能未启用");
-        }
-      } else {
-        alert("请先为本表单开启二维码功能");
-      }
-    } else {
-      alert("未选中任何一条,请先选择");
-    }
-    //liwenxuan 20250114 二维码打印弹窗 end
-  } else {
-    if (idList.value.length > 0) {
-      ElMessageBox.confirm("确认删除此数据项?删除后不可恢复！", "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(() => {
-        let sendData = {
-          id: idList.value,
-          isTrue: 2,
-        };
-        softDeletion(sendData).then((data) => {
-          // console.log('cancel!',data)
-          ElNotification({
-            title: "提示信息！",
-            message: data.mag,
-            type: "success",
-          });
-          getPageData();
-        });
-      });
-    } else {
-      ElMessage.error("你还未选中要删除的项目！");
-    }
-  }
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 13:30:06
-@ 功能: 表格选择操作
-*/
-const selectionChange = (row: any) => {
-  state.selectionChecked = row;
-  emits("selectionChange", row);
-  // console.log('selectionChange', row)
-  idList.value.length = 0;
-  // console.log('idList.value-1-->', idList.value)
-  if (row && row.length > 0) {
-    row.forEach((item: any) => {
-      // console.log('item', item.masters_key)
-      idList.value.push(item.masters_key.toString());
-    });
-  }
-  // console.log('idList.value--->', idList.value)
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 13:31:37
-@ 功能: 获取表格头内容
-*/
-const columnsFilter = computed(() => {
-  console.log("获取表格头内容", props.data.columns);
-  if (!state.columnsCheck?.length) {
-    return props.data.columns;
-  } else {
-    return props.data.columns.filter((item: any) => {
-      return state.columnsCheck.includes(item.prop || item.type);
-    });
-  }
-});
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 14:14:36
-@ 功能: 翻页操作
-*/
-const handleSizeChange = (page: number) => {
-  // console.log("翻页操作",page)
-  state.pageSize = page;
-  getListData(1);
-};
-const handleCurrentChange = (page: number) => {
-  getListData(page);
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 14:15:16
-@ 功能: 获取数据
-*/
-// 筛选查询列表数据
-const getListData = (page?: number) => {
-  if (page) {
-    state.currentPage = page;
-  }
-  console.log("筛选查询列表数据--->", page);
-  getPageData();
-};
-watch(
-  () => props.lookPageIsShow,
-  (val: boolean) => {
-    if (val && props.formId != "") {
-      getPageData();
-    }
-  }
-);
-
-const timeAxisRef = ref(null);
-const calendarPageRef = ref(null);
-const cardPageRef = ref(null);
-const searchSend = reactive({
-  formId: props.formId,
-  page: state.currentPage,
-  pagesize: state.pageSize,
-  searchData: json2string(props.searchData),
-  viewClass: {},
-});
-
-let asfDetails = [];
-let transferDetails = [];
-let asfQueryParams: any[] = [];
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-01 15:51:32
-@ 功能: 获取数据
-*/
-const getPageData = () => {
-  state.loading = true;
-  let sendData = {
-    formId: props.formId,
-    page: state.currentPage,
-    pagesize: state.pageSize,
-    searchData: json2string(props.searchData),
-    //searchData:"id:1"
-  };
-  // console.log("获取列表详细信息",sendData)
-
-  switch (viewType.value) {
-    case 2:
-      nextTick(() => {
-        state.loading = false;
-        // console.log("获取列表详细信息-------555---------->",calendarPageRef.value)
-        calendarPageRef.value.calendarSearchData(sendData);
-      });
-      // calendarPageRef.value.calendarSearchData()
-      break;
-    case 3:
-      nextTick(() => {
-        state.loading = false;
-        // console.log("获取列表详细信息-------222---------->",timeAxisRef.value)
-        timeAxisRef.value.searchTimeList(sendData, 1);
-      });
-
-      break;
-    case 4:
-      state.loading = false;
-      break;
-    case 5:
-      state.loading = false;
-      break;
-    case 6:
-      nextTick(() => {
-        state.loading = false;
-        cardPageRef.value.getCardList(sendData);
-      });
-      break;
-    default:
-      gainFormPageListCont(sendData)
-        .then((data) => {
-          //console.log("获取列表详细信息----------------->",data)
-          //liwenxuan 关联表单数据获取 start
-
-          let dataList = data;
-          //console.log(dataList)
-          asfDetails = props.data.columns.filter((item: any) => {
-            return item.fieldClass == "associatedForms";
-          });
-
-          transferDetails = props.data.columns.filter((item: any) => {
-            return item.fieldClass == "lowcodeTransfer";
-          });
-
-          //console.log(asfDetails)
-          if (asfDetails.length > 0 && data.data.list != null) {
-            console.log(data.data.list);
-            //拼装参数,asf值对象数组
-            asfQueryParams = [];
-            for (let j = 0; j < asfDetails.length; j++) {
-              let asfQueryParamsItem: any = {};
-              //console.log(asfDetails[j])
-              asfQueryParamsItem.formId = asfDetails[j].control.formid;
-              asfQueryParamsItem.field = asfDetails[j].field;
-
-              let asfToSelectIds = [];
-              for (let i = 0; i < data.data.list.length; i++) {
-                let asfMasterAndAsfId: any = {};
-                asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field];
-                asfMasterAndAsfId.asfMasterId = data.data.list[i].id;
-
-                asfToSelectIds.push(asfMasterAndAsfId);
-              }
-              asfQueryParamsItem.asfToSelectIds = asfToSelectIds;
-              asfQueryParams.push(asfQueryParamsItem);
-            }
-            let queryCount = 0;
-            for (let i = 0; i < asfQueryParams[0].asfToSelectIds.length; i++) {
-              if (asfQueryParams[0].asfToSelectIds[i].asfId != "") {
-                queryCount++;
-              }
-            }
-            //console.log(asfQueryParams)
-            if (queryCount > 0) {
-              getAsfDataTitlesByIds(asfQueryParams).then(({ data }) => {
-                //console.log(data)
-                for (let i = 0; i < dataList.data.list.length; i++) {
-                  //console.log(dataList.data.list[i])
-                  for (let j = 0; j < data.length; j++) {
-                    //console.log(data[j])
-                    for (let n = 0; n < data[j].list.length; n++) {
-                      if (dataList.data.list[i].id == data[j].list[n].asfMasterId) {
-                        dataList.data.list[i][data[j].field] = data[j].list[n].label;
-                      }
-                      //console.log(data[j].list[n])
-                    }
-                  }
-                }
-
-                tableDataList.value = dataList.data.list;
-              });
-            } else {
-              tableDataList.value = data.data.list;
-            }
-          } else {
-            //console.log(data.data.list)
-            transferDetails.forEach((element) => {
-              //console.log(element)
-              data.data.list.forEach((obj: any) => {
-                //console.log(obj)
-                for (const key in obj) {
-                  // 确保只处理对象自身的属性（不包括原型链上的）
-                  if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    const value = obj[key];
-
-                    // 特殊处理数组/嵌套对象（使用JSON格式化）
-                    const formattedValue =
-                      Array.isArray(value) ||
-                      (typeof value === "object" && value !== null)
-                        ? JSON.stringify(value, null, 2)
-                        : value;
-
-                    //console.log(`${key}: ${formattedValue}`);
-                    if (key == element.field) {
-                      //console.log(key)
-                      /* console.log(element.control.fixedOptions)
-                          console.log(obj[key]) */
-                      obj[key] = mapIdsToLabels(element.control.fixedOptions, obj[key]);
-                    }
-                  }
-                }
-              });
-            });
-            //console.log(transferDetails)
-            //convertIdsToLabels(data.data.list.)
-            tableDataList.value = data.data.list;
-          }
-          //liwenxuan 关联表单数据获取 end
-          state.total = data.data.total;
-          state.loading = false;
-        })
-        .finally(() => {
-          state.loading = false;
-          asfs = [];
-          radios = [];
-          checkboxs = [];
-          switchs = [];
-          selects = [];
-          tables = [];
-          getAsfs();
-        });
-  }
-};
-
-interface TreeNode {
-  id: string;
-  label: string;
-  disabled: boolean;
-  children: TreeNode[];
-}
-
-function mapIdsToLabels(treeNodes: TreeNode[], ids1: string): string[] {
-  const ids: string[] = JSON.parse(ids1);
-  // 创建id到label的映射字典
-  const idToLabelMap: Record<string, string> = {};
-
-  // 递归遍历树节点并填充映射字典
-  function traverse(node: TreeNode) {
-    idToLabelMap[node.id] = node.label; // 存储当前节点的映射
-    node.children.forEach((child) => traverse(child)); // 递归处理子节点
-  }
-
-  // 遍历根节点列表
-  treeNodes.forEach((root) => traverse(root));
-  //console.log(ids)
-  // 将id数组转换为label数组
-  return ids.map((id) => idToLabelMap[id] || "已删除的节点( id : " + id + ") ");
-}
-
-const asfGetPageData = (asfFormId: any, asfToSelectMastersKey: any) => {
-  let searchData = [
-    {
-      id: "id",
-      label: "Id",
-      field: "id",
-      type: "bigint(20)",
-      attribute: "",
-      pattern: "bigint",
-      fieldClass: "id",
-      activeValue: "",
-      inactiveValue: "",
-      config: { optionsType: 0 },
-      control: { optionsValue3Formid: "", optionsValue3Field: "" },
-      options: [],
-      isSearch: true,
-      value: asfToSelectMastersKey,
-    },
-  ];
-  //state.loading = true;
-  let sendData = {
-    formId: asfFormId,
-    page: 1,
-    pagesize: 1,
-    searchData: json2string(searchData),
-  };
-  //console.log("asf获取列表详细信息",sendData)
-  gainFormPageListCont(sendData)
-    .then((data) => {
-      //console.log("获取列表详细信息----------------->",data)
-      //liwenxuan 关联表单数据获取 start
-
-      let dataList = data;
-      //console.log(dataList)
-      asfDetails = props.data.columns.filter((item: any) => {
-        return item.fieldClass == "associatedForms";
-      });
-
-      if (asfDetails.length > 0) {
-        //console.log(data.data.list)
-        //拼装参数,asf值对象数组
-        let asfAsfQueryParams = [];
-        for (let j = 0; j < asfDetails.length; j++) {
-          let asfQueryParamsItem: any = {};
-          //console.log(asfDetails[j])
-          asfQueryParamsItem.formId = asfDetails[j].control.formid;
-          asfQueryParamsItem.field = asfDetails[j].field;
-
-          let asfToSelectIds = [];
-          for (let i = 0; i < data.data.list.length; i++) {
-            let asfMasterAndAsfId: any = {};
-            //asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field];
-            asfMasterAndAsfId.asfId = data.data.list[i].id;
-            asfMasterAndAsfId.asfMasterId = data.data.list[i].id;
-
-            asfToSelectIds.push(asfMasterAndAsfId);
-          }
-          asfQueryParamsItem.asfToSelectIds = asfToSelectIds;
-          asfAsfQueryParams.push(asfQueryParamsItem);
-        }
-        let queryCount = 0;
-        for (let i = 0; i < asfAsfQueryParams[0].asfToSelectIds.length; i++) {
-          if (
-            asfAsfQueryParams[0].asfToSelectIds[i].asfId != undefined &&
-            asfAsfQueryParams[0].asfToSelectIds[i].asfId != ""
-          ) {
-            queryCount++;
-          }
-        }
-
-        //console.log(asfAsfQueryParams)
-        if (queryCount > 0) {
-          getAsfDataTitlesByIds(asfAsfQueryParams).then(({ data }) => {
-            //console.log(data)
-            for (let i = 0; i < dataList.data.list.length; i++) {
-              //console.log(dataList.data.list[i])
-              for (let j = 0; j < data.length; j++) {
-                //console.log(data[j])
-                for (let n = 0; n < data[j].list.length; n++) {
-                  if (dataList.data.list[i].id == data[j].list[n].asfMasterId) {
-                    dataList.data.list[i][data[j].field] = data[j].list[n].label;
-                  }
-                  //console.log(data[j].list[n])
-                }
-              }
-            }
-            currentAsfTableDataList.value = dataList.data.list;
-          });
-        } else {
-          currentAsfTableDataList.value = data.data.list;
-        }
-      } else {
-        currentAsfTableDataList.value = data.data.list;
-      }
-      /* //liwenxuan 关联表单数据获取 end
-			state.total = data.data.total
-			state.loading = false; */
-    })
-    .finally(() => {
-      /* state.loading = false; */
-      setTimeout(() => {
-        //nextTick(() => {
-        //显示关联表单本条详情
-        tablePageClass.value = 4;
-        drawerWith.value = container.value?.clientWidth;
-        asflookPageInfoIsShow.value = true;
-        //});
-      }, 500);
-    });
-};
-
-onMounted(() => {
-  getPageData();
-  nextTick(() => {
-    drawerWith.value = container.value?.clientWidth;
-  });
-  getAsfs();
-});
-//liwenxuan 关联表单数据获取 start
-function getAsfDataTitlesByIds(asfQueryParams: any[]) {
-  return request({
-    url: "/javasys/lowCode/AssociatedForms/getAsfDataTitlesByIds",
-    method: "post",
-    data: asfQueryParams,
-  });
-}
-//liwenxuan 关联表单数据获取 end
-const asfShowDetailsFlag = ref(false);
-//liwenxuan 关联表单详情弹窗 start
-function showAsfDetailDialog(item: any, scope: any, asfQueryParams: any) {
-  let val = scope.row;
-  //asfShowDetailsFlag.value= true
-  /* console.log("item----------------->",item)
-	console.log("scope----------------->",scope)
-	console.log("asfQueryParams----------------->",asfQueryParams)
-	console.log("val----------------->",val) */
-  let asfFormId = item.control.formid; //关联表单在customer_form中的id
-  //alert("asfFormId:"+asfFormId)
-  let scopeColumnProperty = scope.column.property; //exp:associatedForms1720570283525
-
-  let asfQueryParamsNAsfToSelectIdsNAsfMasterId = val.id;
-  //alert(asfQueryParamsNAsfToSelectIdsNAsfMasterId)
-  let asfToSelectMastersKey = "";
-  for (let i = 0; i < asfQueryParams.length; i++) {
-    if (asfQueryParams[i].field == scopeColumnProperty) {
-      for (let j = 0; j < asfQueryParams[i].asfToSelectIds.length; j++) {
-        if (
-          asfQueryParams[i].asfToSelectIds[j].asfMasterId ==
-          asfQueryParamsNAsfToSelectIdsNAsfMasterId
-        ) {
-          asfToSelectMastersKey = asfQueryParams[i].asfToSelectIds[j].asfId;
-        }
-      }
-    }
-  }
-  //alert("asfToSelectMastersKey:"+asfToSelectMastersKey)
-
-  asfGetPageData(asfFormId, asfToSelectMastersKey);
-}
-//liwenxuan 关联表单详情弹窗 end
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-02 13:59:21
-@ 功能: 判断单选值
-*/
-const judjeRadio = (val: any, options: any[]) => {
-  // console.log("判断单选值",val, options)
-  if (options && options.length > 0) {
-    options.forEach((item) => {
-      if (item.value == val) {
-        // console.log("判断单选值",val, item.value,item.label)
-        val = item.label;
-      }
-    });
-  }
-  if (val == 0 || val == "0") {
-    val = "";
-  }
-  return val;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-02 14:49:40
-@ 功能: 判断开关类型
-*/
-const judjeSwitch = (val: any, yesVal: any) => {
-  if (val == yesVal) return true;
-  return false;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-03 13:13:56
-@ 功能: 列表信息删除信息
-*/
-const confirmEvent = (val: any) => {
-  let sendData = {
-    id: [val.masters_key],
-    isTrue: 2,
-  };
-  softDeletion(sendData).then((data) => {
-    // console.log('cancel!',data)
-    ElNotification({
-      title: "系统提示！",
-      message: data.mag ? data.mag : "删除成功",
-      type: "success",
-    });
-    getPageData();
-  });
-};
-const cancelEvent = (val: any) => {
-  //   console.log('cancel!',val)
-};
-const container = ref(); //实例化内容容器
-const drawerWith = ref(); //编辑表单时抽屉宽度
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-03 13:24:06
-@ 功能: 查看详细内容
-*/
-const tablePageClass = ref(1);
-const lookPageInfoIsShow = ref(false);
-const asflookPageInfoIsShow = ref(false);
-const pageInfoCont = ref<any>();
-const lookPageInfo = (val: any) => {
-  tablePageClass.value = 4;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-05 11:29:50
-@ 功能: 编辑表单内容
-*/
-
-const editInfo = (val: any) => {
-  // console.log('修改数据!',val)
-  operState.value = 5;
-  tablePageClass.value = 2;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-10 15:32:55
-@ 功能: 提交审批
-*/
-const submitApproval = (val: any) => {
-  operState.value = 4;
-  tablePageClass.value = 2;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-11 09:36:59
-@ 功能: 撤回申请
-*/
-const withdrawApplication = (val: any) => {
-  // console.log("撤回申请", val);
-  let sendInfo = {
-    id: val.masters_key,
-  };
-  retractRunWorkFlow(sendInfo).then((data) => {
-    ElMessage({
-      message: "撤回成功！",
-      type: "success",
-    });
-    getPageData();
-  });
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2025-04-01 14:50:46
-@ 功能: 撤回发送的企业微信消息
-*/
-const recallSendMsg = (val: any) => {
-  let sendInfo = {
-    id: val.masters_key.toString(),
-  };
-  recalSendMsg(sendInfo).then((data) => {
-    ElMessage({
-      message: "撤回成功！",
-      type: "success",
-    });
-    getPageData();
-  });
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-11 11:17:42
-@ 功能: 重新提交申请
-*/
-const afreshSendFlow = (val: any) => {
-  operState.value = 2;
-  tablePageClass.value = 2;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-04-11 11:19:21
-@ 功能: 申请修改数据
-*/
-const editFormSendFlow = (val: any) => {
-  operState.value = 3;
-  tablePageClass.value = 2;
-  pageInfoCont.value = val;
-  drawerWith.value = container.value?.clientWidth;
-  lookPageInfoIsShow.value = true;
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-07-08 09:39:52
-@ 功能: 切换视图展示方式
-*/
-const tabsView = (val: any, types: number) => {
-  viewType.value = types;
-  val.isClick = true;
-  viewLayout.value = val;
-  // console.log("切换视图展示方式",val)
-  switch (types) {
-    case 2:
-      props.viewPage.list.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-    case 3:
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.chart.isClick = false;
-      getPageData();
-      break;
-    case 4:
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-    case 5:
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-    case 6:
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-    case 7:
-      props.viewPage.card.isClick = false;
-      props.viewPage.list.isClick = false;
-      props.viewPage.date.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      break;
-    default:
-      props.viewPage.date.isClick = false;
-      props.viewPage.card.isClick = false;
-      props.viewPage.time.isClick = false;
-      props.viewPage.gantt.isClick = false;
-      props.viewPage.map.isClick = false;
-      props.viewPage.chart.isClick = false;
-      break;
-  }
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-07-25 08:30:49
-@ 功能: 判断是否有标题
-*/
-const writeListTitle = (val: any, viewConfig: any) => {
-  // console.log("判断是否有标题--1-->",val)
-  // console.log("判断是否有标题--2-->",viewConfig)
-  var titleAry = [];
-  if (viewConfig.form && viewConfig.form.title) {
-    if (viewConfig.form.title.length > 0) {
-      viewConfig.form.title.forEach((item, index) => {
-        // console.log("判断是否有标题--"+index+"-->",val[item])
-        if (val[item]) {
-          titleAry.push(val[item]);
-        }
-      });
-    }
-  }
-  if (titleAry.length > 0) {
-    return titleAry.join();
-  } else {
-    let firstWord = "";
-    let powerAry = [
-      "id",
-      "creater_time",
-      "edit_time",
-      "masters_key",
-      "states",
-      "flow_id",
-    ];
-    for (let key in val) {
-      if (val.hasOwnProperty(key)) {
-        if (!powerAry.includes(key)) {
-          if (val[key] != "" && val[key] != null) {
-            firstWord = val[key];
-          }
-        }
-      }
-    }
-    return firstWord;
-  }
-};
-
-/**
-@ 作者: 秦东
-@ 时间: 2024-07-25 10:27:21
-@ 功能: 判断是否有标题
-*/
-const judgeListTitle = (val: any, viewConfig: any) => {
-  // console.log("判断是否有标题--3-->",val)
-  // console.log("判断是否有标题--4-->",viewConfig)
-  if (val && val.fieldClass == "_lableTitle") {
-    if (viewConfig.form && viewConfig.form.title) {
-      if (viewConfig.form.title.length > 0) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-// 选择数据转换，默认尝试转数字
-const transformOption = (val: string | number, type?: string) => {
-  return formatNumber(val);
-};
-
-function optionsValue4Get4(data: any, fieldName: any) {
-  //console.log("tableListPage/index","optionsValue4Get4")
-  emits("optionsValue5Get5", data, fieldName);
-}
-/**
-@ 作者: 秦东
-@ 时间: 2024-11-29 13:46:36
-@ 功能: 获取级联选择值
-*/
-const judjeCascader = (val: any[], options: any[]) => {
-  if (val.length < 0) return "";
-  let valAry = stringToObj(val);
-  console.log("获取级联选择值", stringToObj(val), val.length, options);
-  if (!Array.isArray(valAry)) return "";
-  let title = "";
-  valAry.forEach((item: any) => {
-    // console.log("item", item);
-
-    console.log(item + "=============:", item, diGuiJilian(item, options));
-    if (title == "") {
-      title = title + diGuiJilian(item, options);
-    } else {
-      title = title + " / " + diGuiJilian(item, options);
-    }
-  });
-  return title;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-11-29 13:57:04
-@ 功能: 递归查询数据
-*/
-const diGuiJilian = (val: any, options: any[]) => {
-  if (!Array.isArray(options)) return "";
-  let dataVal = "";
-  options.forEach((item: any) => {
-    if (item.value == val) {
-      // console.log(val + "=======递归查询数据======:", item.value, item.label);
-      dataVal = item.label;
-      // return dataVal;
-      // return item.label;
-    }
-
-    if (item.children && item.children.length > 0) {
-      // console.log(
-      //   val + "=======递归查询数据====1==:",
-      //   item.children,
-      //   item.children.length
-      // );
-      let gdVal = diGuiJilian(val, item.children);
-      if (gdVal != "") {
-        dataVal = gdVal;
-      }
-    }
-  });
-  return dataVal;
-};
-/**
-@ 作者: 秦东
-@ 时间: 2024-05-21 16:00:41
-@ 功能: 定义自定义表头
-*/
-const readerColumn = (column: any, isSun: int) => {
-  console.log("定义自定义表头------------------->", column, isSun);
-  if (isSun != 1) {
-    let labelLong = column.label.length; // 表头label长度
-    if (column.label.length < 3) {
-      labelLong = 3;
-    }
-    let size = 15; // 根据需求定义一个字体的标尺
-    return labelLong * size;
-  } else {
-    return "100%";
-  }
-};
-const readerColumnSun = (column: any) => {
-  let labelLong = 0; // 表头label长度
-  if (column.children) {
-    labelLong = column.children.length;
-  }
-  if (labelLong > 0) {
-    let countLenght = 3;
-    column.children.forEach((item: any) => {
-      if (item.label.length < 3) {
-        countLenght = countLenght + 15;
-      } else {
-        countLenght = countLenght + item.label.length * 15;
-      }
-    });
-    console.log("表头label长度-->", countLenght);
-    return countLenght;
-  } else {
-    return 80;
-  }
-};
-</script>
-<template>
-  <div ref="container" v-loading="state.loading" class="table-list-comm">
-    <el-row class="rowBox">
-      <el-col :span="24">
-        <el-form v-if="config.searchIsShow" ref="ruleSearchForm" class="seacherForm">
-          <template v-for="(item, index) in searchData" :key="index">
-            <div class="group group-input">
-              <el-form-item :label="item.label" class="form_cont">
-                <el-input
-                  v-model="item.value"
-                  :placeholder="'请输入' + item.label"
-                  clearable
-                  v-if="unitIsShow(item, 'input')"
-                />
-                <el-date-picker
-                  v-model="item.value"
-                  type="datetime"
-                  :placeholder="'请选择' + item.label"
-                  :shortcuts="shortcuts"
-                  v-if="unitIsShow(item, 'time')"
-                />
-                <SearchSelect
-                  v-if="unitIsShow(item, 'radio')"
-                  :data="item"
-                  :disabled="false"
-                  :transform-option="transformOption"
-                  v-model:model-value="item.value"
-                />
-                <el-select
-                  v-model="item.value"
-                  clearable
-                  :placeholder="'请选择' + item.label"
-                  v-if="unitIsShow(item, 'switch')"
-                >
-                  <el-option
-                    :key="item.activeValue"
-                    label="是"
-                    :value="item.activeValue"
-                  />
-                  <el-option
-                    :key="item.inactiveValue"
-                    label="否"
-                    :value="item.inactiveValue"
-                  />
-                </el-select>
-                <SearchSelect
-                  v-if="unitIsShow(item, 'checkbox')"
-                  :data="item"
-                  :disabled="false"
-                  :is-checkbox="true"
-                  :transform-option="transformOption"
-                  v-model:model-value="item.value"
-                />
-                <el-date-picker
-                  v-if="item.fieldClass == 'datePicker'"
-                  v-model="item.value"
-                  :type="item.auxiliary"
-                  :placeholder="'请选择' + item.label"
-                  value-format="x"
-                />
-                <el-time-picker
-                  v-if="item.fieldClass == 'timePicker'"
-                  v-model="item.value"
-                  arrow-control
-                  :placeholder="'请选择' + item.label"
-                  value-format="x"
-                />
-                <DeptOrgSearch
-                  v-model="item.value"
-                  clearable
-                  :placeholder="'请选择' + item.label"
-                  v-if="unitIsShow(item, 'org')"
-                >
-                </DeptOrgSearch>
-                <DeptOrgSearch
-                  v-if="unitIsShow(item, 'deptOrg')"
-                  v-model:model-value="item.value"
-                />
-              </el-form-item>
-            </div>
-          </template>
-          <div class="group group-btn" v-if="searchData.length">
-            <el-button type="primary" @click="getPageData"
-              ><el-icon><Search /></el-icon>查询</el-button
-            >
-            <el-button @click="resetFields(ruleSearchForm)"
-              ><el-icon><Refresh /></el-icon>重置</el-button
-            >
-          </div>
-        </el-form>
-      </el-col>
-      <el-col :span="24">
-        <div class="operateButArea">
-          <div class="operatLeft">
-            <el-text v-if="data.controlBtn.length === 0" class="mx-1 tipBox" type="info"
-              >操作按钮区域</el-text
-            >
-            <el-button
-              v-for="item in data.controlBtn"
-              v-bind="item"
-              :key="item.type"
-              @click="setUpClick(item)"
-            >
-              {{ item.label }}
-            </el-button>
-          </div>
-          <div>
-            <el-button-group class="ml-4">
-              <el-tooltip
-                class="box-item"
-                effect="dark"
-                content="折叠查询表单"
-                placement="bottom"
-              >
-                <el-button
-                  size="small"
-                  @click="config.searchIsShow = !config.searchIsShow"
-                  class="fa fa-search"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.list.status"
-                class="box-item"
-                effect="dark"
-                content="列表视图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-table"
-                  :color="viewPage.list.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.list, 1)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="props.viewPage.card && props.viewPage.card.status"
-                class="box-item"
-                effect="dark"
-                content="卡片视图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-id-card-o"
-                  :color="
-                    props.viewPage.card && props.viewPage.card.isClick ? '#a0cfff' : ''
-                  "
-                  @click="tabsView(props.viewPage.card, 6)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.date.status"
-                class="box-item"
-                effect="dark"
-                content="日历视图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-calendar"
-                  :color="viewPage.date.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.date, 2)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.time.status"
-                class="box-item"
-                effect="dark"
-                content="时间轴"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-clock-o"
-                  :color="viewPage.time.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.time, 3)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.gantt.status"
-                class="box-item"
-                effect="dark"
-                content="甘特图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-bar-chart"
-                  :color="viewPage.gantt.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.gantt, 4)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.map.status"
-                class="box-item"
-                effect="dark"
-                content="地图视图"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-map-signs"
-                  :color="viewPage.map.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.map, 5)"
-                />
-              </el-tooltip>
-              <el-tooltip
-                v-if="viewPage.chart.status"
-                class="box-item"
-                effect="dark"
-                content="BI报表"
-                placement="top"
-              >
-                <el-button
-                  size="small"
-                  class="fa fa-line-chart"
-                  :color="viewPage.chart.isClick ? '#a0cfff' : ''"
-                  @click="tabsView(viewPage.chart, 7)"
-                />
-              </el-tooltip>
-            </el-button-group>
-          </div>
-        </div>
-      </el-col>
-      <el-col v-if="viewType == 1" :span="24">
-        <el-table
-          v-bind="data.tableProps"
-          ref="table"
-          :data="tableDataList"
-          @selection-change="selectionChange"
-          table-layout="fixed"
-          border
-        >
-          <template v-for="item in columnsFilter" :key="item.id || item.label">
-            <el-table-column
-              v-if="['-'].includes(item.fieldClass)"
-              :type="item.type"
-              :prop="item.field"
-              :label="item.label"
-              config=""
-              width="60"
-              fixed
-            >
-              <template v-if="item.help" #header="scope">
-                {{ scope.column.label }}
-                <tooltip :content="item.help" />
-              </template>
-            </el-table-column>
-            <el-table-column
-              v-else-if="item.fieldClass == '__control'"
-              :prop="item.field"
-              :label="item.label"
-              config=""
-              width="200"
-              align="center"
-              fixed="right"
-            >
-              <template #default="scope">
-                <el-button-group>
-                  <el-tooltip
-                    v-if="scope.row.flowIsOpen == 1 && scope.row.taskStatus == 1"
-                    class="box-item"
-                    effect="dark"
-                    content="提交审批"
-                    placement="top-end"
-                  >
-                    <el-button
-                      type="success"
-                      size="small"
-                      class="fa fa-send-o"
-                      @click="submitApproval(scope.row)"
-                    />
-                  </el-tooltip>
-
-                  <el-tooltip
-                    v-if="scope.row.flowIsOpen == 1 && scope.row.taskStatus == 2"
-                    class="box-item"
-                    effect="dark"
-                    content="重新申请"
-                    placement="top-end"
-                  >
-                    <el-button
-                      type="warning"
-                      size="small"
-                      class="fa fa-retweet"
-                      @click="afreshSendFlow(scope.row)"
-                    />
-                  </el-tooltip>
-                  <el-tooltip
-                    class="box-item"
-                    effect="dark"
-                    content="查看详情"
-                    placement="top-end"
-                  >
-                    <el-button
-                      @click="lookPageInfo(scope.row)"
-                      type="primary"
-                      size="small"
-                      class="fa fa-eye"
-                    />
-                  </el-tooltip>
-
-                  <el-popconfirm
-                    v-if="scope.row.retract_true"
-                    confirm-button-text="确定"
-                    cancel-button-text="取消"
-                    :icon="QuestionFilled"
-                    icon-color="#F56C6C"
-                    title="您确定要撤回此次发送的消息？"
-                    @confirm="recallSendMsg(scope.row)"
-                    @cancel="cancelEvent(scope.row)"
-                  >
-                    <template #reference>
-                      <el-button
-                        size="small"
-                        class="fa fa-mail-reply-all"
-                        color="rgb(250, 181.5, 181.5)"
-                      />
-                    </template>
-                  </el-popconfirm>
-
-                  <el-popconfirm
-                    v-if="scope.row.flowIsOpen == 1 && scope.row.isRetract"
-                    confirm-button-text="确定"
-                    cancel-button-text="取消"
-                    :icon="QuestionFilled"
-                    icon-color="#F56C6C"
-                    title="您确定要撤回此次申请？一经撤回！需要此流程重新提交申请！"
-                    @confirm="withdrawApplication(scope.row)"
-                    @cancel="cancelEvent(scope.row)"
-                  >
-                    <template #reference>
-                      <el-button size="small" class="fa fa-reply-all" />
-                    </template>
-                  </el-popconfirm>
-                  <el-tooltip
-                    v-if="scope.row.flowIsOpen == 2"
-                    class="box-item"
-                    effect="dark"
-                    content="编辑"
-                    placement="top-end"
-                  >
-                    <el-button
-                      @click="editInfo(scope.row)"
-                      type="info"
-                      size="small"
-                      class="fa fa-edit"
-                    />
-                  </el-tooltip>
-                  <el-popconfirm
-                    v-if="scope.row.taskStatus == 2 || scope.row.taskStatus == 1"
-                    confirm-button-text="确定"
-                    cancel-button-text="取消"
-                    :icon="QuestionFilled"
-                    icon-color="#F56C6C"
-                    title="您确定要删除此条记录?一经删除！数据将不可恢复！"
-                    @confirm="confirmEvent(scope.row)"
-                    @cancel="cancelEvent(scope.row)"
-                  >
-                    <template #reference>
-                      <el-button type="danger" size="small" class="fa fa-trash-o" />
-                    </template>
-                  </el-popconfirm>
-
-                  <el-tooltip
-                    v-if="scope.row.flowIsOpen == 1 && scope.row.taskStatus == 4"
-                    class="box-item"
-                    effect="dark"
-                    content="申请修改"
-                    placement="top-end"
-                  >
-                    <el-button
-                      type="info"
-                      size="small"
-                      class="fa fa-edit"
-                      @click="editFormSendFlow(scope.row)"
-                    />
-                  </el-tooltip>
-                </el-button-group>
-              </template>
-            </el-table-column>
-            <el-table-column
-              v-else-if="item.fieldClass == '_lableTitle'"
-              label="标题"
-              config=""
-              min-width="320"
-            >
-              <template #default="scope">
-                {{ writeListTitle(scope.row, viewPage.list) }}
-              </template>
-            </el-table-column>
-            <el-table-column
-              v-else-if="item.fieldClass == ''"
-              :prop="item.field"
-              :label="item.label"
-              :width="readerColumnSun(item)"
-            >
-              <template #default="scope">
-                <el-table
-                  v-if="item.pattern == 'table'"
-                  v-bind="data.tableProps"
-                  ref="table"
-                  border
-                  :data="scope.row[item.field]"
-                >
-                  <template
-                    v-for="sunItem in item.children"
-                    :key="sunItem.id || sunItem.label"
-                  >
-                    <el-table-column
-                      v-if="sunItem.fieldClass == ''"
-                      :prop="sunItem.field"
-                      :label="sunItem.label"
-                    >
-                    </el-table-column>
-                  </template>
-                </el-table>
-              </template>
-            </el-table-column>
-            <el-table-column
-              v-else
-              :prop="item.field"
-              :label="item.label"
-              config=""
-              min-width="220"
-            >
-              <template v-if="item.help" #header="scope">
-                {{ scope.column.label }}
-                <tooltip :content="item.help" />
-              </template>
-
-              <template v-if="item.fieldClass == 'select'" #default="scope">
-                {{ scope.row[scope.column.property] }}
-              </template>
-              <template v-if="item.fieldClass == ''" #default="scope">
-                <!-- {{scope.row[scope.column.property]}}{{item}} -->
-                <el-tag v-if="scope.row[scope.column.property] == 1" type="success"
-                  >启用</el-tag
-                >
-                <el-tag v-if="scope.row[scope.column.property] == 2" type="danger"
-                  >已禁用</el-tag
-                >
-                <el-tag v-if="scope.row[scope.column.property] == 3" type="info"
-                  >已删除</el-tag
-                >
-              </template>
-              <template v-if="item.fieldClass == 'deptOrg'" #default="scope">
-                <!-- {{scope.row[scope.column.property]}}{{item}} -->
-                {{ scope.row[scope.column.property] }}
-              </template>
-              <template v-if="item.fieldClass == 'owner'" #default="scope">
-                <!-- {{scope.row[scope.column.property]}}{{item}}拥有者 -->
-                {{ scope.row[scope.column.property] }}
-              </template>
-              <template v-if="item.fieldClass == 'lowcodeImage'" #default="scope">
-                <el-image
-                  style="width: 30px; height: 30px"
-                  :src="scope.row[scope.column.property]"
-                  :fit="fit"
-                />
-              </template>
-              <template v-if="item.fieldClass == 'expand-user'" #default="scope">
-                {{ scope.row[scope.column.property] }}
-                <!--选择用户-->
-              </template>
-              <template v-if="item.fieldClass == 'cascader'" #default="scope">
-                {{ judjeCascader(scope.row[scope.column.property], item.options) }}
-              </template>
-              <template v-if="item.fieldClass == 'radio'" #default="scope">
-                <!-- {{scope.row[scope.column.property]}}{{item}} -->
-                {{ judjeRadio(scope.row[scope.column.property], item.options) }}
-              </template>
-              <template v-if="item.fieldClass == 'upload'" #default="scope">
-                <div class="demo-image__error">
-                  <el-image
-                    style="width: 30px; height: 30px"
-                    :src="scope.row[scope.column.property]"
-                  >
-                    <template #error>
-                      <div class="image-slot">
-                        <el-icon><Picture /></el-icon>
-                      </div>
-                    </template>
-                  </el-image>
-                </div>
-              </template>
-              <template v-if="item.fieldClass == 'switch'" #default="scope">
-                <el-tag
-                  v-if="judjeSwitch(scope.row[scope.column.property], item.activeValue)"
-                  type="success"
-                  effect="light"
-                >
-                  启用
-                </el-tag>
-                <el-tag v-else type="danger" effect="light"> 禁用 </el-tag>
-              </template>
-              <template v-if="item.fieldClass == 'baidumap'" #default="scope">
-                {{ scope.row[scope.column.property] }}
-              </template>
-              <template v-if="item.fieldClass == 'associatedForms'" #default="scope">
-                <el-link
-                  key="primary"
-                  type="primary"
-                  @click="showAsfDetailDialog(item, scope, asfQueryParams)"
-                >
-                  {{ scope.row[scope.column.property] }}
-                </el-link>
-              </template>
-              <template v-else #default="scope">
-                {{ scope.row[scope.column.property] }}
-              </template>
-            </el-table-column>
-          </template>
-        </el-table>
-      </el-col>
-      <el-col v-if="viewType == 1 && state.total > 0" :span="24">
-        <div class="pageBox">
-          <el-pagination
-            v-model:currentPage="state.currentPage"
-            v-model:page-size="state.pageSize"
-            :page-sizes="[20, 30, 40, 50] as any"
-            :total="state.total"
-            layout="total, sizes, prev, pager, next, jumper"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
-        </div>
-      </el-col>
-      <el-col v-if="viewType == 2" :span="24">
-        <CalendarPage
-          ref="calendarPageRef"
-          :search-send="searchSend"
-          :body-hight="265"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.card"
-        />
-      </el-col>
-      <el-col v-if="viewType == 3" :span="24">
-        <TimeAxisPage
-          ref="timeAxisRef"
-          :data="tableDataList"
-          :view-layout="viewLayout"
-          :columns-filter="columnsFilter"
-          :search-send="searchSend"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.time"
-        />
-      </el-col>
-      <el-col v-if="viewType == 4" :span="24">
-        <GanttPage
-          ref="ganttPageRef"
-          :search-send="searchSend"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.gantt"
-        />
-      </el-col>
-      <el-col v-if="viewType == 5" :span="24">
-        <MapPage
-          ref="mapPageRef"
-          :search-send="searchSend"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.map"
-        />
-      </el-col>
-      <el-col v-if="viewType == 6" :span="24">
-        <CardPage
-          ref="cardPageRef"
-          :search-send="searchSend"
-          :drawer-with="drawerWith"
-          :view-setup="viewPage.card"
-          :columns-filter="columnsFilter"
-        />
-      </el-col>
-      <el-col v-if="viewType == 7" :span="24">
-        <ContainerPath
-          :echats-views="echatsViewsdf"
-          :table-key="formBasicConfig.name"
-          :types="1"
-        />
-      </el-col>
-      <el-col :span="24" style="display: none"> </el-col>
-      <el-col :span="24" style="display: none">
-        <el-button-group>
-          <el-tooltip
-            class="box-item"
-            effect="dark"
-            content="提交审批"
-            placement="top-end"
-          >
-            <el-button type="success" size="small" class="fa fa-send-o" />
-          </el-tooltip>
-
-          <el-tooltip
-            class="box-item"
-            effect="dark"
-            content="重新申请"
-            placement="top-end"
-          >
-            <el-button type="warning" size="small" class="fa fa-retweet" />
-          </el-tooltip>
-          <el-tooltip
-            class="box-item"
-            effect="dark"
-            content="查看详情"
-            placement="top-end"
-          >
-            <el-button type="primary" size="small" class="fa fa-eye" />
-          </el-tooltip>
-          <el-tooltip class="box-item" effect="dark" content="撤回" placement="top-end">
-            <el-button size="small" class="fa fa-reply-all" />
-          </el-tooltip>
-          <el-tooltip class="box-item" effect="dark" content="删除" placement="top-end">
-            <el-button type="danger" size="small" class="fa fa-trash-o" />
-          </el-tooltip>
-
-          <el-tooltip
-            class="box-item"
-            effect="dark"
-            content="申请修改"
-            placement="top-end"
-          >
-            <el-button type="info" size="small" class="fa fa-edit" />
-          </el-tooltip>
-        </el-button-group>
-      </el-col>
-    </el-row>
-    <FormPageCont
-      v-model:is-show="lookPageInfoIsShow"
-      :drawer-with="drawerWith"
-      :page-info="pageInfoCont"
-      :table-page-class="tablePageClass"
-      :oper-state="operState"
-      @getPageData="getPageData"
-      @optionsValue4Get4="optionsValue4Get4"
-    />
-
-    <FormPageCont
-      v-model:is-show="asflookPageInfoIsShow"
-      :drawer-with="drawerWith"
-      :page-info="currentAsfTableDataList[0]"
-      :table-page-class="tablePageClass"
-      :oper-state="operState"
-      @getPageData="getPageData"
-      @optionsValue4Get4="optionsValue4Get4"
-    />
-    <TableFlow
-      v-model:isopen="openTaskDrawer"
-      :versionid="props.versionid"
-      :versiontitle="props.versiontitle"
-      :drawerwith="drawerWith"
-      :cfid="props.formId"
-      @searchquery="getListData"
-    />
-    <!-- 2025 liwenxuan 二维码打印 -->
-    <el-dialog
-      v-model="qrCodesPrintDialogFlag"
-      class="glxxsztc"
-      top="150px"
-      :close-on-click-modal="false"
-      title="生成的二维码"
-      :show-close="false"
-      style="margin-top: 10px"
-      width="40%"
-    >
-      <div
-        v-if="formBasicConfig.qrCodePrintStyle == '2'"
-        style="max-width: 600px; min-height: 50px; max-height: 750px; overflow-y: auto"
-      >
-        <div
-          v-for="(tableData, tableKey) in tablesData"
-          :id="tableKey"
-          :key="tableKey"
-          :ref="(el: any) => { if (el) tableRefs[tableKey] = el }"
-          style="margin-bottom: 30px; width: 95%"
-        >
-          <table>
-            <tr>
-              <th colspan="2">
-                {{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}
-              </th>
-              <td rowspan="6" style="width: 240px">
-                <img
-                  :src="tableData.bufferedImage"
-                  alt="二维码"
-                  width="200px"
-                  style="margin-top: 5px"
-                />
-              </td>
-            </tr>
-            <tr v-for="(item, fIndex) in tableData.fieldsMap" :key="fIndex">
-              <th>{{ item.key }}</th>
-              <td>{{ item.value }}</td>
-            </tr>
-          </table>
-        </div>
-      </div>
-      <div
-        v-if="formBasicConfig.qrCodePrintStyle == '1'"
-        style="
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          min-height: 50px;
-          max-height: 750px;
-          overflow-y: auto;
-        "
-      >
-        <div
-          v-for="(tableData, tableKey) in tablesData"
-          :id="tableKey"
-          :key="tableKey"
-          :ref="(el: any) => { if (el) tableRefs[tableKey] = el }"
-          style="margin-bottom: 30px; width: 400px"
-        >
-          <table>
-            <tr>
-              <th style="font-weight: bold; font-size: medium" colspan="1">
-                {{ tablesData[tableKey].appName }}-{{ tablesData[tableKey].formName }}-{{
-                  tablesData[tableKey].dataTitle
-                }}
-              </th>
-            </tr>
-            <tr>
-              <th>
-                <img
-                  :src="tableData.bufferedImage"
-                  alt="二维码"
-                  width="auto"
-                  height="100%"
-                />
-              </th>
-            </tr>
-          </table>
-        </div>
-      </div>
-
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button
-            :disabled="isButton1Disabled"
-            type="primary"
-            plain
-            @click="downloadTables"
-            >下载</el-button
-          >
-          <el-button
-            :disabled="isButton2Disabled"
-            type="primary"
-            plain
-            @click="closeQrDownload"
-          >
-            确定
-          </el-button>
-        </div>
-      </template>
-    </el-dialog>
-
-    <el-dialog
-      v-model="asfShowDetailsFlag"
-      title="关联表单详情查看"
-      top="20px"
-      style="margin-top:70px,margin-left:270px"
-    >
-    </el-dialog>
-  </div>
-</template>
-<style lang="scss" scoped>
-.rowBox {
-  width: 100%;
-}
-.table-list-comm {
-  padding: 0px 15px 15px 15px;
-}
-.seacherForm {
-  min-height: auto;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-}
-.pageBox {
-  width: 100%;
-  margin-top: 20px;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-}
-.operateButArea {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 15px;
-  margin-bottom: 15px;
-  .operatLeft {
-    padding-bottom: 2px;
-  }
-}
-.group {
-  width: auto;
-  margin-right: 10px;
-}
-.demo-image__error .block {
-  padding: 0px 0;
-  text-align: center;
-  border-right: solid 1px var(--el-border-color);
-  display: inline-block;
-  width: 100%;
-  box-sizing: border-box;
-  vertical-align: top;
-}
-.demo-image__error .demonstration {
-  display: block;
-  color: var(--el-text-color-secondary);
-  font-size: 14px;
-  margin-bottom: 20px;
-}
-.demo-image__error .el-image {
-  padding: 0 5px;
-  max-width: 300px;
-  max-height: 200px;
-  width: 100%;
-  height: 200px;
-}
-
-.demo-image__error .image-slot {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  background: var(--el-fill-color-light);
-  color: var(--el-text-color-secondary);
-  font-size: 30px;
-}
-.demo-image__error .image-slot .el-icon {
-  font-size: 30px;
-}
-
-table {
-  border-collapse: collapse;
-  width: 100%;
-  font-size: 13px;
-  text-align: center;
-}
-
-td,
-th {
-  border: 1px solid black;
-  padding: 8px;
-  vertical-align: middle; /* 设置文字上下居中 */
-}
-</style>
diff --git a/src/components/DesignForm/tableListPage/index.vue b/src/components/DesignForm/tableListPage/index.vue
index 6f8d2ae..6d9de3c 100644
--- a/src/components/DesignForm/tableListPage/index.vue
+++ b/src/components/DesignForm/tableListPage/index.vue
@@ -28,7 +28,7 @@ import {
   checkboxUnit,
   orgDeptUnit,
 } from "@/api/DesignForm/fieldUnit";
-import type { FormInstance, FormRules } from "element-plus";
+import type { FormInstance, FormRules,ElButton } from "element-plus";
 import { gainFormPageListCont } from "@/api/DesignForm/requestapi";
 import { Picture, InfoFilled, QuestionFilled } from "@element-plus/icons-vue";
 import request from "@/utils/request";
@@ -38,6 +38,10 @@ import { ElLoading, ElMessage, ElNotification } from "element-plus";
 import { softDeletion, retractRunWorkFlow, recalSendMsg } from "@/api/taskapi/management";
 import { echatsViews } from "@/api/DesignForm/types";
 import { formatNumber } from "@/api/DesignForm/utils";
+import { Ref } from "vue";
+import printHtmlRender from '../printHtmlRender.vue'
+import {fieldTree,PageConfig} from '../printHtmlRender.vue'
+import {printElement} from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/printHtmlDom.js"
 //引入组件
 import FormPageCont from "@/components/DesignForm/tableListPage/formPageCont.vue";
 import TableFlow from "@/views/sysworkflow/lowcodepage/pageFlow/tableFlow.vue";
@@ -49,6 +53,8 @@ import CalendarPage from "@/components/DesignForm/app/calendar/calendar1/calenda
 import SearchSelect from "@/components/DesignForm/app/calendar/selectSearch.vue";
 import ContainerPath from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/echatesUnit/container.vue";
 import SeeContChart from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/echatesUnit/seeContChart.vue";
+import {getPrintTemplate} from '@/api/DesignForm/requestapi'
+import { display } from "html2canvas/dist/types/css/property-descriptors/display";
 
 const props = withDefaults(
   defineProps<{
@@ -56,6 +62,7 @@ const props = withDefaults(
     searchData?: attrButton[];
     config: FormPageConfig;
     formId?: string;
+    appKey?: string;
     beforeRequest?: (params: any, rout: any) => any;
     afterResponse?: (result: any) => any | string;
     beforeDelete?: (params: any, route: any) => any;
@@ -69,6 +76,7 @@ const props = withDefaults(
     delKey?: string; // 删除标识
     lookPageIsShow?: boolean;
     versionid?: string;
+    formKey?:string;
     versiontitle?: string;
     viewPage?: viewPageType;
     formBasicConfig?: any;
@@ -1335,6 +1343,89 @@ const lookPageInfo = (val: any) => {
   drawerWith.value = container.value?.clientWidth;
   lookPageInfoIsShow.value = true;
 };
+
+/****************表单打印功能************************/
+const printRenderMode = ref(false);
+const printRenderTree: Ref<any[]> = ref([]);
+const printPage = async (row: any) => {
+  let data:any[]=[]
+  let _pageConfig:PageConfig
+  let title:string="表单";
+  //这里appkey和formkey 有些乱，由于历史遗留问题，不好区分。。。
+  await getPrintTemplate({"versionid":props.versionid,"formkey":props.appKey}).then(resp=>{
+    title=resp.data.title
+    if(resp.data.formtemplatejson!=""){
+      data=JSON.parse(resp.data.formtemplatejson)
+    }
+    if(resp.data.pageconfigjson!=""){
+      _pageConfig=JSON.parse(resp.data.pageconfigjson)
+      if(_pageConfig.founder!=""){
+        _pageConfig.founder=row[_pageConfig.founder]
+      }
+      if(_pageConfig.founderTime!=""){
+        _pageConfig.founderTime=row[_pageConfig.founderTime]
+      }
+      if(_pageConfig.deptOrg!=""){
+        _pageConfig.deptOrg=row[_pageConfig.deptOrg]
+      }
+      if(_pageConfig.serialNumber!=""){
+        _pageConfig.serialNumber=row[_pageConfig.serialNumber]
+      }
+    }
+  })
+
+  let qrstr=`https://wab.hxgk.group/#/form_table/taskInfo?id=${props.formId}&key=${props.appKey}&
+      formid=${props.versionid}&formKey=${props.formKey}&state=2`
+
+  data.forEach(node=>{
+    deepLoopForm(node,row)
+  })
+  printRenderTree.value=data
+  printRenderMode.value = true;
+  ElMessageBox({
+    message: () => h('div',{style:{ width:'1200px',display:'flex','flex-direction':'column'}},[
+      h(ElButton, {
+        type:"primary",
+        style: "margin:10px 10px 5px auto;",
+        onClick: () => {
+          printElement("printContainer")
+        }
+      },'打印表单'),
+      h('div',{style:{ border: '1px solid black', width: 'fit-content', margin: '5px','align-self': 'center'}},[
+        h(printHtmlRender,{
+          name:title,
+          fieldTree:printRenderTree.value,
+          pageConfig:_pageConfig,
+          qrcode:qrstr
+        })
+      ])
+    ]),
+    showConfirmButton:false,
+    customStyle: { '--el-messagebox-width':'1300px',padding:'10px'},
+  }).then(() => {
+  })
+
+};
+
+
+const deepLoopForm=(node:fieldTree, row: Record<string, any>)=>{
+    if(Array.isArray(node)){
+      node.forEach(item=>{deepLoopForm(item,row)})
+      return
+    }
+
+    if(node.field!=""){
+      let rnode:Object;
+      if (row.hasOwnProperty(node.field!)){// 有这个字段
+        if (node.type=="table" || node.type=="tabs"){
+          node.data=row[node.field!]
+        }else{
+          node.field=row[node.field!]
+        }
+      }
+    }
+  }
+
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-05 11:29:50
@@ -1946,7 +2037,6 @@ const isObject = (obj: any) => {
               align="center"
             >
               <template v-if="item.help" #header="scope">
-                {{ scope.column.label }}
                 <tooltip :content="item.help" />
               </template>
             </el-table-column>
@@ -2005,6 +2095,20 @@ const isObject = (obj: any) => {
                     />
                   </el-tooltip>
 
+                  <el-tooltip
+                    class="box-item"
+                    effect="dark"
+                    content="打印表单"
+                    placement="top-end"
+                  >
+                    <el-button
+                      @click="printPage(scope.row)"
+                      type="primary"
+                      size="small"
+                      class="fa fa-print"
+                    />
+                  </el-tooltip>
+
                   <el-popconfirm
                     v-if="scope.row.retract_true"
                     confirm-button-text="确定"
@@ -2108,7 +2212,6 @@ const isObject = (obj: any) => {
                 <template v-if="item.pattern == 'table'" v-for="sunItem in item.children"> 
                   <el-table-column  v-if="sunItem.fieldClass == ''" :prop="sunItem.field" :label="sunItem.label"  header-align="center"  align="center" :min-width="readerColumnSun(sunItem)">
                     <template #default="scopeChilder">
-                     
                       <div v-html="tableChildren(sunItem.field,scopeChilder.row[item.field])"></div>
                     </template>
                   </el-table-column>
@@ -2334,7 +2437,6 @@ const isObject = (obj: any) => {
       @getPageData="getPageData"
       @optionsValue4Get4="optionsValue4Get4"
     />
-
     <FormPageCont
       v-model:is-show="asflookPageInfoIsShow"
       :drawer-with="drawerWith"
@@ -2344,6 +2446,7 @@ const isObject = (obj: any) => {
       @getPageData="getPageData"
       @optionsValue4Get4="optionsValue4Get4"
     />
+
     <TableFlow
       v-model:isopen="openTaskDrawer"
       :versionid="props.versionid"
@@ -2455,7 +2558,6 @@ const isObject = (obj: any) => {
         </div>
       </template>
     </el-dialog>
-
     <el-dialog
       v-model="asfShowDetailsFlag"
       title="关联表单详情查看"
diff --git a/src/main.ts b/src/main.ts
index f3b311d..a0b89d8 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -31,6 +31,8 @@ import * as pinia  from './store/index'
 import SketchRule from 'vue3-sketch-ruler'
 import 'vue3-sketch-ruler/lib/style.css'
 import '@/styles/tree-select-global.css'
+import {hiPrintPlugin} from "vue-plugin-hiprint"
+
 
 
 
@@ -50,8 +52,10 @@ app.directive('focus', {
 	}
 });
 
+hiPrintPlugin.disAutoConnect();
+
 app.use(router).use(i18n).use(ComComponents).use(ComWidget).use(ElementPlus, {
     locale: zhCn
-}).use(AKDesign).use(pinia.store).mount('#app');
+}).use(hiPrintPlugin).use(AKDesign).use(pinia.store).mount('#app');
 
 
diff --git a/src/views/sysworkflow/codepage/createpage.vue b/src/views/sysworkflow/codepage/createpage.vue
index c296092..60a50e6 100644
--- a/src/views/sysworkflow/codepage/createpage.vue
+++ b/src/views/sysworkflow/codepage/createpage.vue
@@ -411,7 +411,7 @@ const toggleExpand = (group: Menu) => {
       </el-aside>
       <!-- 主要内容区域 -->
       <el-main>
-        表单预览
+        表单预览++
       </el-main>
     </el-container>
   </div>
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/aiPage.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/aiPage.vue
index c97fd4c..2f588e2 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/aiPage.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/aiPage.vue
@@ -141,9 +141,7 @@ const sendPickTracn = () => {
       </el-main>
       <el-aside width="400px" class="asideBox">
         <el-divider content-position="left">AI触发条件设置</el-divider>
-        <el-button type="warning" class="aiButs" @click="sendPickTracn"
-          >发布AI触发条件</el-button
-        >
+        <el-button type="warning" class="aiButs" @click="sendPickTracn">发布AI触发条件</el-button>
         <el-scrollbar class="aiBox">
           <el-card
             v-for="(item, index) in props.state.formData.aiConfig"
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue
index c8957e8..f907916 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue
@@ -539,7 +539,9 @@ defineExpose({
               :search-data="stateList.searchData"
               :config="stateList.config"
               :form-id="stateForm.formId"
+              :app-key="props.menusInfo.appkey"
               :versionid="versionId"
+              :form-key="props.menusInfo.id"
               :versiontitle="versionTitle"
               v-model:look-page-is-show="lookPageIsShow"
               :viewPage="stateList.view"
@@ -582,7 +584,7 @@ defineExpose({
     <el-row v-else>
       <el-col :span="24" class="pageBox">
         <el-card class="tispMsg" shadow="always">
-          欢迎使用 {{ props.appCont.appName }}<br />
+          {{ props.appCont.appName }}<br />
           <div class="demo-image__error">
             <el-image :src="props.appCont.appSvg" fit="fit">
               <template #error>
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/panel.js b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/panel.js
new file mode 100644
index 0000000..ebd287d
--- /dev/null
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/panel.js
@@ -0,0 +1,277 @@
+export default {
+  "panels": [{
+    "index": 0,
+    "height": 297,
+    "width": 210,
+    "paperHeader": 49.5,
+    "paperFooter": 780,
+    "printElements": [{
+      "options": {
+        "left": 175.5,
+        "top": 10.5,
+        "height": 27,
+        "width": 259,
+        "title": "HiPrint自定义模块打印插件",
+        "fontSize": 19,
+        "fontWeight": "600",
+        "textAlign": "center",
+        "lineHeight": 26
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 60, "top": 27, "height": 13, "width": 52, "title": "页眉线", "textAlign": "center"},
+      "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 25.5, "top": 57, "height": 705, "width": 9, "fixed": true, "borderStyle": "dotted"},
+      "printElementType": {"type": "vline"}
+    }, {
+      "options": {"left": 60, "top": 61.5, "height": 48, "width": 87, "src": ""},
+      "printElementType": {"title": "图片", "type": "image"}
+    }, {
+      "options": {
+        "left": 153,
+        "top": 64.5,
+        "height": 39,
+        "width": 276,
+        "title": "二维码以及条形码均采用svg格式打印。不同打印机打印不会造成失真。图片打印：不同DPI打印可能会导致失真，",
+        "fontFamily": "微软雅黑",
+        "textAlign": "center",
+        "lineHeight": 18
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 457.5,
+        "top": 79.5,
+        "height": 13,
+        "width": 120,
+        "title": "姓名",
+        "field": "name",
+        "testData": "古力娜扎",
+        "color": "#f00808",
+        "textDecoration": "underline",
+        "textAlign": "center"
+      }, "printElementType": {"title": "文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 483,
+        "top": 124.5,
+        "height": 43,
+        "width": 51,
+        "title": "123456789",
+        "textType": "qrcode"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 285,
+        "top": 130.5,
+        "height": 34,
+        "width": 175,
+        "title": "123456789",
+        "fontFamily": "微软雅黑",
+        "textAlign": "center",
+        "textType": "barcode"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 60,
+        "top": 132,
+        "height": 19,
+        "width": 213,
+        "title": "所有打印元素都可已拖拽的方式来改变元素大小",
+        "fontFamily": "微软雅黑",
+        "textAlign": "center",
+        "lineHeight": 18
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 153,
+        "top": 189,
+        "height": 13,
+        "width": 238,
+        "title": "单击元素，右侧可自定义元素属性",
+        "textAlign": "center",
+        "fontFamily": "微软雅黑"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 60, "top": 190.5, "height": 13, "width": 51, "title": "横线", "textAlign": "center"},
+      "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 415.5,
+        "top": 190.5,
+        "height": 13,
+        "width": 164,
+        "title": "可以配置各属性的默认值",
+        "textAlign": "center",
+        "fontFamily": "微软雅黑"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 60, "top": 214.5, "height": 10, "width": 475.5},
+      "printElementType": {"title": "横线", "type": "hline"}
+    }, {
+      "options": {
+        "left": 235.5,
+        "top": 220.5,
+        "height": 32,
+        "width": 342,
+        "title": "自定义表格：用户可左键选中表头，右键查看可操作项，操作类似Excel，双击表头单元格可进行编辑。内容：title#field",
+        "fontFamily": "微软雅黑",
+        "textAlign": "center",
+        "lineHeight": 15
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 156,
+        "top": 265.5,
+        "height": 13,
+        "width": 94,
+        "title": "表头列大小可拖动",
+        "fontFamily": "微软雅黑",
+        "textAlign": "center"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 60,
+        "top": 265.5,
+        "height": 13,
+        "width": 90,
+        "title": "红色区域可拖动",
+        "fontFamily": "微软雅黑",
+        "textAlign": "center"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 60,
+        "top": 285,
+        "height": 44,
+        "width": 511.5,
+        "field": "table",
+        "fields": [{"text":'id',"field":'id'},{"text":'姓名',"field":'name'},{"text":'性别',"field":'gender'},{"text":'数量',"field":'count'}],
+        "columns": [[{"width": 85.25, "colspan": 1, "rowspan": 1, "checked": true}, {
+          "width": 85.25,
+          "colspan": 1,
+          "rowspan": 1,
+          "checked": true
+        }, {
+          "title": "姓名",
+          "field": "name",
+          "width": 85.25,
+          "align": "center",
+          "colspan": 1,
+          "rowspan": 1,
+          "checked": true,
+        }, {"width": 85.25, "colspan": 1, "rowspan": 1, "checked": true}, {
+          "width": 85.25,
+          "colspan": 1,
+          "rowspan": 1,
+          "checked": true
+        }, {"width": 85.25, "colspan": 1, "rowspan": 1, "checked": true}]]
+      }, "printElementType": {
+        "title": "表格", "type": "table",
+        editable:true,
+        columnDisplayEditable: true,//列显示是否能编辑
+        columnDisplayIndexEditable: true,//列顺序显示是否能编辑
+        columnTitleEditable: true,//列标题是否能编辑
+        columnResizable: true, //列宽是否能调整
+        columnAlignEditable: true,//列对齐是否调整
+      }
+    }, {
+      "options": {
+        "left": 21,
+        "top": 346.5,
+        "height": 61.5,
+        "width": 15,
+        "title": "装订线",
+        "lineHeight": 18,
+        "fixed": true,
+        "contentPaddingTop": 3.75,
+        "backgroundColor": "#ffffff"
+      }, "printElementType": {"type": "text"}
+    }, {
+      "options": {
+        "left": 225,
+        "top": 349.5,
+        "height": 13,
+        "width": 346.5,
+        "title": "自定义模块：主要为开发人员设计，能够快速，简单，实现自己功能",
+        "textAlign": "center"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 60, "top": 370.5, "height": 18, "width": 79, "title": "配置项表格", "textAlign": "center"},
+      "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 225,
+        "top": 385.5,
+        "height": 38,
+        "width": 346.5,
+        "title": "配置模块：主要为客户使用，开发人员可以配置属性，字段，标题等，客户直接使用，配置模块请参考实例2",
+        "fontFamily": "微软雅黑",
+        "lineHeight": 15,
+        "textAlign": "center",
+        "color": "#d93838"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 60,
+        "top": 487.5,
+        "height": 13,
+        "width": 123,
+        "title": "长文本会自动分页",
+        "textAlign": "center"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 60, "top": 507, "height": 40, "width": 511.5, "field": "longText"},
+      "printElementType": {"title": "长文", "type": "longText"}
+    }, {
+      "options": {"left": 475.5, "top": 565.5, "height": 100, "width": 100},
+      "printElementType": {"title": "矩形", "type": "rect"}
+    }, {
+      "options": {"left": 174, "top": 568.5, "height": 13, "width": 90, "title": "竖线", "textAlign": "center"},
+      "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 60, "top": 574.5, "height": 100, "width": 10},
+      "printElementType": {"title": "竖线", "type": "vline"}
+    }, {
+      "options": {"left": 210, "top": 604.5, "height": 13, "width": 120, "title": "横线", "textAlign": "center"},
+      "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 130.5, "top": 625.5, "height": 10, "width": 277},
+      "printElementType": {"title": "横线", "type": "hline"}
+    }, {
+      "options": {
+        "left": 364.5,
+        "top": 649.5,
+        "height": 13,
+        "width": 101,
+        "title": "矩形",
+        "textAlign": "center"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 525, "top": 784.5, "height": 13, "width": 63, "title": "页尾线", "textAlign": "center"},
+      "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {"left": 12, "top": 786, "height": 49, "width": 49},
+      "printElementType": {"title": "html", "type": "html"}
+    }, {
+      "options": {
+        "left": 75,
+        "top": 790.5,
+        "height": 13,
+        "width": 137,
+        "title": "红色原型是自动定义的Html",
+        "textAlign": "center"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }, {
+      "options": {
+        "left": 334.5,
+        "top": 810,
+        "height": 13,
+        "width": 205,
+        "title": "页眉线已上。页尾下以下每页都会重复打印",
+        "textAlign": "center"
+      }, "printElementType": {"title": "自定义文本", "type": "text"}
+    }],
+    "paperNumberLeft": 565.5,
+    "paperNumberTop": 819
+  }]
+}
\ No newline at end of file
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printHtmlDom.js b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printHtmlDom.js
new file mode 100644
index 0000000..16cfdae
--- /dev/null
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printHtmlDom.js
@@ -0,0 +1,73 @@
+export function printElement(elementId) {
+  const element = document.getElementById(elementId);
+  if (!element) {
+    console.error('元素未找到');
+    return;
+  }
+  
+  // 克隆元素，避免影响原页面
+  const printContent = element.cloneNode(true);
+  
+  // 创建隐藏iframe
+  const iframe = document.createElement('iframe');
+  iframe.style.display = 'none';
+  document.body.appendChild(iframe);
+  
+  const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
+  
+  // 写入样式和内容
+  iframeDoc.open();
+  iframeDoc.write(`
+    <html>
+      <head>
+        <title>打印</title>
+        <style>
+          /* 打印优化样式 */
+          body { margin: 20px; font-size: 14px; }
+          @media print {
+            body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+          }
+
+           #printContainer table{
+              display: block;
+              border: 0px solid;
+              border-spacing: 1px;
+              border-collapse: collapse;
+            }
+            #printContainer .el-table th.el-table__cell{
+              background: none !important;
+            }
+
+            #printContainer table  th{
+                border-right: 1px solid;
+              }
+            #printContainer table td{
+                border: 1px solid;
+              }
+          
+          /* 复制原页面样式 */
+          ${Array.from(document.styleSheets)
+            .map(sheet => {
+              try {
+                return Array.from(sheet.cssRules).map(rule => rule.cssText).join('\n');
+              } catch (e) {
+                return '';
+              }
+            })
+            .join('\n')}
+        </style>
+      </head>
+      <body style="background:white !important;">
+        ${printContent.outerHTML}
+      </body>
+    </html>
+  `);
+  iframeDoc.close();
+  
+  // 触发打印
+  iframe.onload = function() {
+    iframe.contentWindow.print();
+    // 延迟移除iframe
+    setTimeout(() => document.body.removeChild(iframe), 1000);
+  };
+}
\ No newline at end of file
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage2.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage2.vue
new file mode 100644
index 0000000..8e6100e
--- /dev/null
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage2.vue
@@ -0,0 +1,424 @@
+<!--
+@ 作者: han2015
+@ 时间: 2025-03-24 15:32:40
+@ 备注: 打印模版设计
+-->
+<script lang="ts" setup>
+import { ref, onMounted,toRaw} from 'vue';
+import {getPrintTemplate,savePrintTemplate} from '@/api/DesignForm/requestapi'
+import printHtmlRender from '@/components/DesignForm/printHtmlRender.vue'
+import { fieldTree,PageConfig} from '@/components/DesignForm/printHtmlRender.vue'
+
+interface fieldTreeEx extends fieldTree{
+  unitName?:string;
+  list?:fieldTreeEx[];
+  columns?:fieldTreeEx[];
+}
+
+const printMode=ref("")
+const tabPosition = ref<TabsInstance['tabPosition']>('left')
+const fieldTreeData=ref<fieldTree[]>([])
+const htmlRenderData=ref<any[]>([])
+let defaultCheckList:string[]=[]
+const treeLoaded=ref(false) //处理树首次渲染时，数据未加载的情况
+const fieldTreeRef=ref()
+const objPageConfig = ref<Record<string, any>>({width:'210mm',height:'297mm',horizontal:"vtal",pagesize:"A4", pagebrow:[],qrcode:false})
+const pageSize=ref('A4')
+const pageDret=ref('vtal')
+
+//定义页眉页脚的数据，取自pageConfig的字段
+const systemType:string[]=["founder","founderTime","deptOrg","serialNumber"]
+
+
+const props = defineProps({
+  appCont: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+  formKey: {
+    type: String,
+    default: "",
+  },
+  groupKey: {
+    type: String,
+    default: "",
+  },
+  menuId: {
+    type: String,
+    default: "",
+  },
+  appPageKey: {
+    type: String,
+    default: "",
+  },
+  formVersion: {
+    type: String,
+    default: "",
+  },
+  state: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+});
+
+function safeStringify(obj, space = 2) {
+  return JSON.stringify(obj, (key, value) => {
+    // 核心：对每个值都执行 toRaw，如果是 Proxy 就返回原始对象
+    return toRaw(value) ?? value; // 如果不是 Proxy，toRaw 返回 undefined，用 ?? 兜底
+  }, space);
+}
+
+const updatePageConfig=(cmd:string)=>{
+  switch(cmd){
+    case "A4":
+      objPageConfig.value.pagesize="A4"
+      objPageConfig.value.width="210mm"
+      objPageConfig.value.height="297mm"
+      break
+    case "A5":
+      objPageConfig.value.pagesize="A5"
+      objPageConfig.value.width="148mm"
+      objPageConfig.value.height="210mm"
+      break
+    case "htal":
+      objPageConfig.value.horizontal="htal"
+      break
+    default:
+      objPageConfig.value.horizontal="vtal"
+  }
+
+  if(objPageConfig.value.horizontal=="htal"){
+    if(objPageConfig.value.width<objPageConfig.value.height){
+      let a=objPageConfig.value.width
+      objPageConfig.value.width=objPageConfig.value.height
+      objPageConfig.value.height=a
+    }
+  }else if(objPageConfig.value.width>objPageConfig.value.height){
+    let a=objPageConfig.value.width
+    objPageConfig.value.width=objPageConfig.value.height
+    objPageConfig.value.height=a
+  }
+}
+
+//保存模板
+const onSaveTreeData=()=>{
+  let str:string=safeStringify(htmlRenderData.value)
+  let strtree:string=safeStringify(fieldTreeRef.value.data)
+  savePrintTemplate({
+    name:props.state.formOtherData.formName,
+    type:"html",
+    versionid:props.formVersion,
+    formkey:props.formKey,
+    formtemplatejson:str,
+    treedatajson:strtree,
+    pageconfigjson:JSON.stringify(objPageConfig.value),
+    nodecheckedlist:JSON.stringify(fieldTreeRef.value.getCheckedKeys()) //包含了半选状态
+  }).then(resp=>{
+    if (resp.code!=200){
+      ElMessage({
+        message: '模板保存失败'+resp.data.error,
+        type: 'warning',
+      })
+    }else{
+      ElMessage({
+        message: "模板已保存",
+        type: 'success',
+      })
+    }
+  })
+}
+
+//递归结构字段
+const deepLoop=(item:fieldTreeEx)=>{
+  let data:fieldTree
+  
+  switch(item.type){
+    case "grid":
+    case "tabs":
+      data={
+        field:"",
+        type:item.type,
+        name: item.unitName,
+        child:[],
+      }
+      break;
+    default:
+      data={
+        field:item.name?? "",
+        type:item.type,
+        name:item.item ? item.item.label : ""
+      }
+  }
+
+  if(item.list){
+    item.list.forEach(ele => {
+      if(data.child){
+        data.child.push(deepLoop(ele))
+      }else{
+        data.child=[deepLoop(ele)]
+      }
+    });
+  }
+    
+  if(item.columns){
+    item.columns.forEach(ele => {
+      let column:fieldTree={
+        field:"",
+        type:item.type,
+        name: ele.label
+      }
+      if(ele.list){
+        ele.list.forEach(ele2 => {
+          if(column.child){
+            column.child.push(deepLoop(ele2))
+          }else{
+            column.child=[deepLoop(ele2)]
+          }
+        })
+      }
+      data.child?.push(column)
+    });
+  } 
+
+  return data
+}
+
+
+const refreshPrintPage=()=>{
+   //如果上面是htmlmode，且已经存编辑过了，后面就不再重新构造模板数据了
+  let section:fieldTree[]=[]
+  let keys:string[]=[]
+  htmlRenderData.value=[]
+  fieldTreeData.value.forEach(item=>{
+    keys.push(item.field!)
+    //defaultCheckList.value.push() //默认勾选第一级节点，相当于勾选所有节点
+    switch(item.type){
+      case "divider":
+      case "textarea":
+        if(section.length>0){
+          htmlRenderData.value.push(section)
+          section=[]
+        }
+        //if(item.checked!=2) keys.push(item.field!)
+        htmlRenderData.value.push(item)
+        break
+      case "table":
+        if(section.length>0){
+          htmlRenderData.value.push(section)
+          section=[]
+        }
+        //if(item.checked==0) keys.push(item.field!)
+        htmlRenderData.value.push(item)
+        break
+      case "grid":
+        item.child?.forEach(ch=>{
+          if (ch.child) {
+            section.push(...ch.child.slice())
+          }
+        })
+       // if(item.checked==0) keys.push(item.field!)
+        htmlRenderData.value.push(section)
+        section=[]
+        break
+      case "tabs":
+        if(section.length>0){
+          htmlRenderData.value.push(section)
+          section=[]
+        }
+        item.child?.forEach(ch=>{
+          //if(ch.checked==0) keys.push(ch.field!)
+          htmlRenderData.value.push(ch)
+        })
+      
+        break
+      default:
+        //if(item.checked!=2) keys.push(item.field!)
+        section.push(item)
+    }
+  })
+  
+  htmlRenderData.value.push(section)
+  return keys
+}
+
+onMounted(async ()=>{
+  await getPrintTemplate({
+    "versionid":props.formVersion,
+    "formkey":props.formKey
+  }).then((resp)=>{
+    printMode.value=resp.data.type
+    if(resp.data.formtemplatejson!=""){
+      fieldTreeData.value = JSON.parse(resp.data.treedatajson)
+    }
+    if(resp.data.nodecheckedlist!=""){
+      defaultCheckList=JSON.parse(resp.data.nodecheckedlist)
+    }
+    if(resp.data.pageconfigjson!=""){
+      objPageConfig.value = JSON.parse(resp.data.pageconfigjson)
+      pageDret.value = objPageConfig.value.horizontal ?? "vtal"
+      pageSize.value = objPageConfig.value.pagesize ?? "A4"
+    }
+  }).catch((err)=>{
+    ElMessage({
+        message: "模板加载失败，使用默认模板"+err,
+        type: 'warning',
+      })
+  })
+
+  /*********************为解决pageconfig字段的问题**************************/
+  let newForm:boolean;
+  if(fieldTreeData.value.length==0){ 
+    newForm=true;
+  }
+  props.state.formData.list.forEach((item:fieldTreeEx)=>{
+    if(systemType.includes(item.type)) {
+      //需要记录这种type的真实字段
+      objPageConfig.value[item.type as keyof PageConfig]=item.name??""
+    }
+    //无论新表单还是已保存过的表单，都要处理objPageConfig字段的问题，但是fieldTreeData只有在新表单的时候需要初始化
+    if(newForm){
+      fieldTreeData.value.push(deepLoop(item))
+    }
+  })
+  /********************************************************************/
+  treeLoaded.value=true
+  //printMode 没有内容说明是新打印表单，没有定制过模板
+  
+  if(printMode.value=="html"){
+    refreshPrintPage()
+  }else{
+    printMode.value="html"
+    defaultCheckList=refreshPrintPage()
+  }
+ 
+})
+
+const updateNodeData=(val:fieldTree,val2:boolean,val3:boolean)=>{
+  if(val2 && val3){
+    val.checked=0
+  }else if(val2 || val3){
+    val.checked=1
+  }else{
+    val.checked=2
+  }
+  
+  refreshPrintPage()
+}
+
+</script>
+<template>
+  <el-tabs class="printpage" v-model="printMode" type="border-card" :tab-position="tabPosition" style="height: 100%">
+    <el-tab-pane label="默认" name="html">
+      <div style="display: grid; grid-template-columns: 1fr 4fr;">
+        <div class="hiprintEpContainer" >
+          <el-button type="primary"  @click="onSaveTreeData">保存模板</el-button>
+          <span>系统字段</span>
+          <el-checkbox-group v-model="objPageConfig.pagebrow" class="basic_fields">
+            <el-checkbox label="创建人" value="founder" />
+            <el-checkbox label="创建时间" value="founderTime" />
+            <el-checkbox label="所属部门" value="deptOrg" />
+            <el-checkbox label="表单编号" value="serialNumber" />
+          </el-checkbox-group>
+          <el-checkbox style="margin-left: 22px;" v-model="objPageConfig.qrcode" label="表单二维码" />
+          <span>业务字段</span>
+          <el-tree
+            v-if="treeLoaded"
+            ref="fieldTreeRef"
+            node-key="field"
+            :data="fieldTreeData"
+            :default-checked-keys="defaultCheckList"
+            empty-text="组件"
+            style="max-width: 300px"
+            :props="{label: 'name',children:'child'}"
+            show-checkbox
+            @check-change="updateNodeData"
+          >
+            <template #default="{ node, data }">
+              <span>{{ data.name || '组件' }}</span>
+            </template>
+          </el-tree>
+        </div>
+        <div style="border: 1px solid black;margin: 5px;">
+          <div style="display: flex;justify-content:center">
+            <el-radio-group v-model="pageSize" fill="#6cf" @change="(val)=>updatePageConfig(val)">
+              <el-radio-button label="A4" value="A4" />
+              <el-radio-button label="A5" value="A5" />
+            </el-radio-group>
+
+            <el-radio-group v-model="pageDret" fill="#6cf" @change="(val)=>updatePageConfig(val)">
+              <el-radio-button label="横向" value="htal" />
+              <el-radio-button label="纵向" value="vtal" />
+            </el-radio-group>
+          </div>
+          <div style="margin: 5px; border: 1px dashed black;overflow-y: scroll; scrollbar-width: none;" :style="{width: objPageConfig.width,height:objPageConfig.height}">
+            <printHtmlRender :name="props.state.formOtherData.formName" :qrcode="'test'" :pageConfig="objPageConfig" :field-tree="htmlRenderData"/>
+          </div>
+        </div>
+      </div>
+    </el-tab-pane>
+    <el-tab-pane label="定制表单" name="custom">
+      <div style="width: 100%;">
+          ssss
+      </div>
+    </el-tab-pane>
+  </el-tabs>  
+</template>
+<style lang="scss" scoped>
+.hiprintEpContainer,dropTable{
+  border: 1px solid black;
+  margin: 5px;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  width: 300px;
+  button{
+    margin-top: 5px;
+    margin-left: 10px;
+  }
+  >span{
+    margin-left: 10px;
+    font-weight: bold;
+  }
+}
+.defaultContainer{
+  border: 1px solid black;
+  margin: 5px;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  overflow-y: scroll;
+}
+.basic_fields{
+  display: flex;
+  flex-direction: column;
+  .el-checkbox{
+    margin-left: 22px;
+  }
+}
+.el-tabs--left .el-tabs__header.is-left {
+  margin-right: 0;
+}
+</style>
+<style>
+.printpage{
+  .el-tabs__item{
+    width: 30px;
+    padding: 0;
+    height: 160px;
+    text-wrap: auto;
+    padding: 7px;
+  }
+}
+
+.el-tabs--right .el-tabs__content,
+.el-tabs--left .el-tabs__content {
+  height: 100%;
+}
+
+
+</style>
\ No newline at end of file
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPageCustom.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPageCustom.vue
new file mode 100644
index 0000000..a10ce29
--- /dev/null
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPageCustom.vue
@@ -0,0 +1,251 @@
+<!--
+@ 作者: han2015
+@ 时间: 2025-03-24 15:32:40
+@ 备注: 打印模版设计
+-->
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import {getPrintTemplate,savePrintTemplate} from '@/api/DesignForm/requestapi'
+import {hiprint,defaultElementTypeProvider} from "vue-plugin-hiprint"
+import {aProvider,bProvider} from "./vue-plugin-provider.js"
+
+
+const props = defineProps({
+  appCont: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+  formKey: {
+    type: String,
+    default: "",
+  },
+  groupKey: {
+    type: String,
+    default: "",
+  },
+  menuId: {
+    type: String,
+    default: "",
+  },
+  appPageKey: {
+    type: String,
+    default: "",
+  },
+  formVersion: {
+    type: String,
+    default: "",
+  },
+  state: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+});
+
+
+let hiprintTemplate=ref()
+
+
+onMounted(()=>{
+
+  hiprint.init({
+    providers:[aProvider(),new defaultElementTypeProvider()],
+  })
+  // 还原配置
+  hiprint.setConfig()
+  // 替换配置
+  hiprint.setConfig({
+    movingDistance: 2.5,
+    text: {
+      supportOptions: [
+        {
+          name: 'styler',
+          hidden: true
+        },
+        {
+          name: 'formatter',
+          hidden: true
+        }
+      ]
+    }
+  })
+
+  $('.hiprintEpContainer').empty()
+  hiprint.PrintElementTypeManager.build('.hiprintEpContainer', "aProviderModule"); //aProviderModule--bProviderModule
+  hiprint.PrintElementTypeManager.buildByHtml($(".ep-draggable-item"))
+
+  hiprintTemplate.value= new hiprint.PrintTemplate({
+    template: {},
+    settingContainer:"#PrintElementOptionSetting",
+  })
+
+  hiprintTemplate.value.design("#hiprint-printTemplate",{grid:true})
+})
+
+
+// <div style="width: 100%;">业务组件</div>
+//   <div class="businessField" v-for="item in props.state.formData.list">
+//   <a class="ep-draggable-item" tid="defaultModule.text" style>
+//     <span class="glyphicon glyphicon-text-width" aria-hidden="true"></span>
+//     <p class="glyphicon-class">{{item.item.label}}</p>
+//   </a>
+// </div>
+
+
+</script>
+<template>
+  <div>
+    <div class="hiprintEpContainer" ></div>
+    <div class="defaultContainer" >
+      <div style="width: 100%;">基础组件</div>
+      <div style="width: 100%;display: grid;grid-template-columns:repeat(3, 1fr)">
+        <div class="drag_item_box">
+          <a class="ep-draggable-item" tid="defaultModule.text" style>
+            <span class="glyphicon glyphicon-text-width" aria-hidden="true"></span>
+            <p class="glyphicon-class">文本</p>
+          </a>
+        </div>
+      
+        <div class="drag_item_box">
+          <a class="ep-draggable-item" tid="defaultModule.image" style>
+            <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
+            <p class="glyphicon-class">图片</p>
+          </a>
+        </div>
+      
+        <div class="drag_item_box">
+          <a class="ep-draggable-item" tid="defaultModule.longText">
+            <span class="glyphicon glyphicon-subscript" aria-hidden="true"></span>
+            <p class="glyphicon-class">长文</p>
+          </a>
+        </div>
+    
+        <div class="drag_item_box">
+          <a class="ep-draggable-item" tid="aProviderModule.table" style>
+            <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
+            <p class="glyphicon-class">表格</p>
+          </a>
+        </div>
+
+        <div class="drag_item_box" >
+          <a class="ep-draggable-item" tid="defaultModule.hline" style>
+            <span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span>
+            <p class="glyphicon-class">横线</p>
+          </a>
+        </div>
+      
+        <div class="drag_item_box">
+          <a class="ep-draggable-item" tid="defaultModule.vline" style>
+            <span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span>
+            <p class="glyphicon-class">竖线</p>
+          </a>
+        </div>
+      
+        <div class="drag_item_box">
+          <a class="ep-draggable-item" tid="defaultModule.rect">
+            <span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span>
+            <p class="glyphicon-class">矩形</p>
+          </a>
+        </div>
+      
+        <div class="drag_item_box">
+          <a class="ep-draggable-item" tid="defaultModule.oval">
+            <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
+            <p class="glyphicon-class">椭圆</p>
+          </a>
+        </div>
+        
+      </div>  
+    </div>
+  </div>
+  <div id="hiprint-printTemplate" class="hiprint-printTemplate"  style="margin: 13px;"></div>
+
+  <div id="PrintElementOptionSetting" class="PrintElementOptionSetting"></div>
+
+</template>
+<style lang="scss" scoped>
+.hiprintEpContainer,dropTable, .PrintElementOptionSetting, .defaultContainer{
+  margin: 5px;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  width: 300px;
+}
+
+// 拖拽
+.drag_item_box {
+  border: 1px solid  #6f6f70;
+  border-radius: 5px;
+  height: 46px;
+  width: 90px;
+  margin: 2px;
+  text-align: center;
+  align-content: center;
+}
+
+.drag_item_box > div {
+  height: 100%;
+  width: 100%;
+  background-color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.drag_item_box > div > a {
+  text-align: center;
+  text-decoration-line: none;
+}
+
+.drag_item_box > div > a > span {
+  font-size: 28px;
+}
+
+.drag_item_box > div > a > p {
+  margin: 0;
+}
+
+.drag_item_title {
+  font-size: 16px;
+  padding: 12px 6px 0 6px;
+  font-weight: bold;
+}
+
+// 默认图片
+:deep(.hiprint-printElement-image-content) {
+  img {
+    content: url("https://docu.hxgk.group/images/2024_07/194a590ff63a017d7a7f55fe6bbb5895.png");
+  }
+}
+
+// 设计容器
+.card-design {
+  overflow: hidden;
+  overflow-x: auto;
+  overflow-y: auto;
+}
+
+</style>
+
+<style>
+
+.hiprint-printElement-type ul{
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.businessField, .hiprint-printElement-type a{
+  display: block;
+  height: 40px;
+  width: 138px;
+  margin: 5px;
+  border: 1px solid  #6f6f70;
+  border-radius: 5px;
+  text-align: center;
+  align-content: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/vue-plugin-provider.js b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/vue-plugin-provider.js
new file mode 100644
index 0000000..b65f692
--- /dev/null
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/vue-plugin-provider.js
@@ -0,0 +1,424 @@
+/* eslint-disable */
+import {hiprint} from 'vue-plugin-hiprint'
+
+
+// 自定义设计元素1
+export const aProvider = function (ops) {
+  var addElementTypes = function (context) {
+    context.removePrintElementTypes("aProviderModule");
+    context.addPrintElementTypes(
+      "aProviderModule",
+      [
+        new hiprint.PrintElementTypeGroup("业务表单", [
+          {
+            tid: 'aProviderModule.header', title: '单据表头', data: '单据表头', type: 'text',
+            options: {
+              testData: '单据表头',
+              height: 17,
+              fontSize: 16.5,
+              fontWeight: "700",
+              textAlign: "center",
+              hideTitle: true
+            }
+          },
+          {
+            tid: 'aProviderModule.type', title: '单据类型', data: '单据类型', type: 'text',
+            options: {
+              testData: '单据类型',
+              height: 16,
+              fontSize: 15,
+              fontWeight: "700",
+              textAlign: "center",
+              hideTitle: true
+            }
+          },
+          {
+            tid: 'aProviderModule.order', title: '订单编号', data: 'XS888888888', type: 'text',
+            options: {
+              field: 'orderId',
+              testData: 'XS888888888',
+              height: 16,
+              fontSize: 6.75,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle"
+            }
+          },
+          {
+            tid: 'aProviderModule.date', title: '业务日期', data: '2020-01-01', type: 'text',
+            options: {
+              field: 'date',
+              testData: '2020-01-01',
+              height: 16,
+              fontSize: 6.75,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle"
+            }
+          },
+          {
+            tid: 'aProviderModule.barcode', title: '条形码', data: 'XS888888888', type: 'text',
+            options: {
+              testData: 'XS888888888',
+              height: 32,
+              fontSize: 12,
+              lineHeight: 18,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle",
+              textType: "barcode"
+            }
+          },
+          {
+            tid: 'aProviderModule.qrcode', title: '二维码', data: 'XS888888888', type: 'text',
+            options: {
+              testData: 'XS888888888',
+              height: 32,
+              fontSize: 12,
+              lineHeight: 18,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle",
+              textType: "qrcode"
+            }
+          },
+          {
+            tid: 'aProviderModule.platform', title: '平台名称', data: '平台名称', type: 'text',
+            options: {
+              testData: '平台名称',
+              height: 17,
+              fontSize: 16.5,
+              fontWeight: "700",
+              textAlign: "center",
+              hideTitle: true
+            }
+          },
+          {tid: 'aProviderModule.logo', title: 'Logo', data: '', type: 'image'},
+          {
+            tid: 'aProviderModule.creater', title: '制单人', data: '李四', type: 'text',
+            options: {
+              field: 'creater',
+              testData: '李四',
+              height: 16,
+              fontSize: 6.75,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle"
+            }
+          },
+          {
+            tid: 'aProviderModule.printDate', title: '打印时间', data: '2022-01-01 09:00', type: 'text',
+            options: {
+              field: 'printDate',
+              testData: '2022-01-01 09:00',
+              height: 16,
+              fontSize: 6.75,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle"
+            }
+          },
+          {
+            tid: 'aProviderModule.signer', title: '库管签字', data: '', type: 'text',
+            options: {
+              title: '库管签字：',
+              height: 16,
+              fontSize: 6.75,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle"
+            }
+          },
+           {
+            tid: 'aProviderModule.table2', title: '定制表格',
+            type: 'table',
+            options: {
+              field: 'table2',
+              fields: [
+                {text: '名称', field: 'NAME'},
+                {text: '数量', field: 'SL'},
+                {text: '规格', field: 'GG'},
+                {text: '条码', field: 'TM'},
+                {text: '单价', field: 'DJ'},
+                {text: '金额', field: 'JE'},
+                {text: '备注', field: 'DETAIL'},
+              ],
+            },
+            editable: true,
+            columnDisplayEditable: true,//列显示是否能编辑
+            columnDisplayIndexEditable: true,//列顺序显示是否能编辑
+            columnTitleEditable: true,//列标题是否能编辑
+            columnResizable: true, //列宽是否能调整
+            columnAlignEditable: true,//列对齐是否调整
+            columns: [
+              [
+                {title: '名称', align: 'center', field: 'NAME', width: 100},
+                {title: '数量', align: 'center', field: 'SL', width: 100},
+                {title: '条码', align: 'center', field: 'TM', width: 100,checked: false},
+                {title: '规格', align: 'center', field: 'GG', width: 100},
+                {title: '单价', align: 'center', field: 'DJ', width: 100},
+                {title: '金额', align: 'center', field: 'JE', width: 100},
+                {title: '备注', align: 'center', field: 'DETAIL', width: 100},
+              ]
+            ],
+            footerFormatter: function (options, rows, data, currentPageGridRowsData) {
+              if (data && data['totalCap']) {
+                return `<td style="padding:0 10px" colspan="100">${'应收金额大写: ' + data['totalCap']}</td>`
+              }
+              return '<td style="padding:0 10px" colspan="100">应收金额大写: </td>'
+            },
+          },
+          {
+            tid: 'aProviderModule.table', title: '订单数据',
+            type: 'table',
+            options: {
+              //field: 'table',
+              // tableHeaderRepeat: 'first',
+              // tableFooterRepeat: 'last',
+              // fields: [
+              //   {text: '名称'},
+              //   {text: '数量'},
+              //   {text: '规格'},
+              //   {text: '条码'},
+              //   {text: '单价'},
+              //   {text: '金额'},
+              // ],
+            },
+            editable: true,
+            columnDisplayEditable: true,//列显示是否能编辑
+            columnDisplayIndexEditable: true,//列顺序显示是否能编辑
+            columnTitleEditable: true,//列标题是否能编辑
+            columnResizable: true, //列宽是否能调整
+            columnAlignEditable: true,//列对齐是否调整
+            isEnableEditField: true, //编辑字段
+            isEnableContextMenu: true, //开启右键菜单 默认true
+            isEnableInsertRow: true, //插入行
+            isEnableDeleteRow: true, //删除行
+            isEnableInsertColumn: true, //插入列
+            isEnableDeleteColumn: true, //删除列
+            isEnableMergeCell: true, //合并单元格
+            columns: [
+              [
+                { align: 'center',  width: 150},
+                { align: 'center',  width: 80},
+                { align: 'center',  width: 80},
+                { align: 'center',  width: 100},
+                { align: 'center',  width: 100},
+                { align: 'center',  width: 100},
+              ],
+            ]
+          },
+          {tid: 'aProviderModule.customText', title: '文本', customText: '自定义文本', custom: true, type: 'text'},
+          {
+            tid: 'aProviderModule.longText', title: '长文本', type: 'longText', options: {
+              field: 'test.longText',
+              width: 200,
+              testData: '长文本分页/不分页测试'
+            },
+          }
+        ])
+      ]
+    );
+  };
+  return {
+    addElementTypes: addElementTypes
+  };
+};
+
+// 自定义设计元素2
+export const bProvider = function (ops) {
+  var addElementTypes = function (context) {
+    context.removePrintElementTypes("bProviderModule");
+    context.addPrintElementTypes(
+      "bProviderModule",
+      [
+        new hiprint.PrintElementTypeGroup("常规", [
+          {
+            tid: 'bProviderModule.header', title: '单据表头', data: '单据表头', type: 'text',
+            options: {
+              testData: '单据表头',
+              height: 17,
+              fontSize: 16.5,
+              fontWeight: "700",
+              textAlign: "center",
+              hideTitle: true
+            }
+          },
+          {
+            tid: 'bProviderModule.type', title: '单据类型', data: '单据类型', type: 'text',
+            options: {
+              testData: '单据类型',
+              height: 16,
+              fontSize: 15,
+              fontWeight: "700",
+              textAlign: "center",
+              hideTitle: true
+            }
+          },
+          {
+            tid: 'bProviderModule.order', title: '订单编号', data: 'XS888888888', type: 'text',
+            options: {
+              field: 'orderId',
+              testData: 'XS888888888',
+              height: 16,
+              fontSize: 6.75,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle"
+            }
+          },
+          {
+            tid: 'bProviderModule.date', title: '业务日期', data: '2020-01-01', type: 'text',
+            options: {
+              field: 'date',
+              testData: '2020-01-01',
+              height: 16,
+              fontSize: 6.75,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle"
+            }
+          },
+          {
+            tid: 'bProviderModule.barcode', title: '条形码', data: 'XS888888888', type: 'text',
+            options: {
+              testData: 'XS888888888',
+              height: 32,
+              fontSize: 12,
+              lineHeight: 18,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle",
+              textType: "barcode"
+            }
+          },
+          {
+            tid: 'bProviderModule.qrcode', title: '二维码', data: 'XS888888888', type: 'text',
+            options: {
+              testData: 'XS888888888',
+              height: 32,
+              fontSize: 12,
+              lineHeight: 18,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle",
+              textType: "qrcode"
+            }
+          },
+          {
+            tid: 'bProviderModule.platform', title: '平台名称', data: '平台名称', type: 'text',
+            options: {
+              testData: '平台名称',
+              height: 17,
+              fontSize: 16.5,
+              fontWeight: "700",
+              textAlign: "center",
+              hideTitle: true
+            }
+          },
+          {tid: 'bProviderModule.image', title: 'Logo', data: '', type: 'image'},
+        ]),
+        new hiprint.PrintElementTypeGroup("客户", [
+          {
+            tid: 'bProviderModule.khname', title: '客户名称', data: '高级客户', type: 'text',
+            options: {
+              field: 'name',
+              testData: '高级客户',
+              height: 16,
+              fontSize: 6.75,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle"
+            }
+          },
+          {
+            tid: 'bProviderModule.tel', title: '客户电话', data: '18888888888', type: 'text',
+            options: {
+              field: 'tel',
+              testData: '18888888888',
+              height: 16,
+              fontSize: 6.75,
+              fontWeight: "700",
+              textAlign: "left",
+              textContentVerticalAlign: "middle"
+            }
+          },
+        ]),
+        new hiprint.PrintElementTypeGroup("表格/其他", [
+          {
+            tid: 'bProviderModule.table', title: '订单数据',
+            type: 'table',
+            options: {
+              field: 'table',
+              fields: [
+                {text: '名称', field: 'NAME'},
+                {text: '数量', field: 'SL'},
+                {text: '规格', field: 'GG'},
+                {text: '条码', field: 'TM'},
+                {text: '单价', field: 'DJ'},
+                {text: '金额', field: 'JE'},
+                {text: '备注', field: 'DETAIL'},
+              ],
+            },
+            editable: true,
+            columnDisplayEditable: true,//列显示是否能编辑
+            columnDisplayIndexEditable: true,//列顺序显示是否能编辑
+            columnTitleEditable: true,//列标题是否能编辑
+            columnResizable: true, //列宽是否能调整
+            columnAlignEditable: true,//列对齐是否调整
+            columns: [
+              [
+                {title: '名称', align: 'center', field: 'NAME', width: 100},
+                {title: '数量', align: 'center', field: 'SL', width: 100},
+                {title: '条码', align: 'center', field: 'TM', width: 100},
+                {title: '规格', align: 'center', field: 'GG', width: 100},
+                {title: '单价', align: 'center', field: 'DJ', width: 100},
+                {title: '金额', align: 'center', field: 'JE', width: 100},
+                {title: '备注', align: 'center', field: 'DETAIL', width: 100},
+              ]
+            ],
+            footerFormatter: function (options, rows, data, currentPageGridRowsData) {
+              if (data && data['totalCap']) {
+                return `<td style="padding:0 10px" colspan="100">${'应收金额大写: ' + data['totalCap']}</td>`
+              }
+              return '<td style="padding:0 10px" colspan="100">应收金额大写: </td>'
+            },
+          },
+          {tid: 'bProviderModule.customText', title: '文本', customText: '自定义文本', custom: true, type: 'text'},
+          {
+            tid: 'bProviderModule.longText', title: '长文本', type: 'longText', options: {
+              field: 'test.longText',
+              width: 200,
+              testData: '长文本分页/不分页测试'
+            },
+          }
+        ]),
+        new hiprint.PrintElementTypeGroup("辅助", [
+          {
+            tid: 'bProviderModule.hline',
+            title: '横线',
+            type: 'hline'
+          },
+          {
+            tid: 'bProviderModule.vline',
+            title: '竖线',
+            type: 'vline'
+          },
+          {
+            tid: 'bProviderModule.rect',
+            title: '矩形',
+            type: 'rect'
+          },
+          {
+            tid: 'bProviderModule.oval',
+            title: '椭圆',
+            type: 'oval'
+          }
+        ])
+      ]
+    );
+  };
+  return {
+    addElementTypes: addElementTypes
+  };
+};
\ No newline at end of file
diff --git a/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue b/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue
index 6759e3e..4c89b2b 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue
@@ -12,7 +12,7 @@ import { getProductionMarkForm } from "@/api/DesignForm/requestapi";
 import PageForm from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageForm.vue";
 import PageFlow from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageFlow.vue";
 import PageList from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue";
-import PrintSetupPage from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage.vue";
+import PrintSetupPage2 from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage2.vue";
 import AiPage from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/aiPage.vue";
 import DataBpard from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/dataBoard.vue";
 import ContentPresentation from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/contentPresentation.vue";
@@ -232,8 +232,8 @@ onBeforeMount(() => {
               <el-tab-pane label="② 流程设计" :name="2"> </el-tab-pane>
               <el-tab-pane label="③ 列表设计" :name="3"> </el-tab-pane>
               <el-tab-pane label="④ 数据看板" :name="4"> </el-tab-pane>
-              <el-tab-pane label="⑤ 打印设计" :name="5"> </el-tab-pane>
-              <el-tab-pane label="⑥ 内容呈现设计" :name="6"> </el-tab-pane>
+              <el-tab-pane label="⑤ 模板设计" :name="5"> </el-tab-pane>
+              <!-- <el-tab-pane label="⑥ 内容呈现设计" :name="6"> </el-tab-pane> -->
             </el-tabs>
           </div>
           <div class="headRight">
@@ -285,7 +285,7 @@ onBeforeMount(() => {
             v-model:app-page-key="appPageKey"
             v-model:form-version="formVersion"
           />
-          <PrintSetupPage
+          <PrintSetupPage2
             v-if="tabsActive == 5"
             v-model:state="state"
             :form-Key="props.formKey"
diff --git a/src/views/sysworkflow/lowcodepage/appPage/index.vue b/src/views/sysworkflow/lowcodepage/appPage/index.vue
index 359687a..0f579e9 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/index.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/index.vue
@@ -293,7 +293,6 @@ const accessRunApp = () => {
                   :drawer-with="props.drawerWith"
                   @openAppPageForm="openAppPageForm"
                 />
-
                 <CreateAppFormPage
                   v-if="saveAppFormIsShow"
                   v-model:is-show="saveAppFormIsShow"
diff --git a/src/views/sysworkflow/lowcodepage/appPage/releaseApp/index.vue b/src/views/sysworkflow/lowcodepage/appPage/releaseApp/index.vue
index 680cdae..6fbd453 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/releaseApp/index.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/releaseApp/index.vue
@@ -73,6 +73,7 @@ const switchChang = () => {
 };
 </script>
 <template>
+  
   <div class="appBox">
     <el-card class="appCardBox" shadow="always">
       <table>
diff --git a/src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue b/src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue
index 4868882..8381387 100644
--- a/src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue
+++ b/src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue
@@ -401,6 +401,8 @@ function optionsValue3Get3(data: any, fieldName: string) {
             :search-data="stateList.searchData"
             :config="stateList.config"
             :form-id="appInitData.appForm.cfid.toString()"
+            :app-key="props.pickAppMenu.appkey"
+            :form-key="props.pickAppMenu.id"
             :versionid="appInitData.versionId"
             :versiontitle="versionTitle"
             :sign-code="appInitData.signCode"