From ffb446db60e130359007e8225eaeea5d88f2910d Mon Sep 17 00:00:00 2001
From: herenshan112 <hreenshan112@163.com>
Date: Fri, 28 Mar 2025 15:02:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9A=E4=B9=89=E5=8F=91=E9=80=81=E4=BC=81?=
 =?UTF-8?q?=E4=B8=9A=E5=BE=AE=E4=BF=A1=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |    4 +
 src/api/displayboardapi/indexapi.ts           |   19 +-
 src/api/displayboardapi/types.ts              |   16 +
 src/assets/public/iconfont.css                |  561 +++
 src/assets/public/iconfont.ttf                |  Bin 0 -> 20356 bytes
 src/assets/public/iconfont.woff               |  Bin 0 -> 12132 bytes
 src/assets/public/iconfont.woff2              |  Bin 0 -> 10164 bytes
 src/assets/public/iconfontCss/iconfont.css    |  561 +++
 src/assets/public/iconfontCss/iconfont.ttf    |  Bin 0 -> 20356 bytes
 src/assets/public/iconfontCss/iconfont.woff   |  Bin 0 -> 12132 bytes
 src/assets/public/iconfontCss/iconfont.woff2  |  Bin 0 -> 10164 bytes
 src/assets/public/print-lock.css              |  562 +++
 src/components/DesignForm/aceDrawer.vue       |    7 +-
 src/components/DesignForm/aceDrawerPage.vue   |  147 +-
 .../DesignForm/public/expand/pickpost.vue     |    4 +-
 .../DesignForm/public/expand/pickrole.vue     |    6 +-
 .../DesignForm/public/expand/userDialog.vue   |  641 ++--
 .../DesignForm/public/form/formItem.vue       |    1 -
 src/main.ts                                   |    6 +-
 src/store/ruler/index.ts                      |  143 +
 src/views/process/canvas-bg/CanvasBg.vue      |  214 ++
 src/views/process/canvas-bg/drawRuler.ts      |   98 +
 src/views/process/customProvider.js           |   75 +
 .../process/print/canvas-bg/CanvasBg.vue      |  200 +
 .../process/print/canvas-bg/CanvasSlider.vue  |  148 +
 .../print/canvas-bg/CanvasThumbnail.vue       |  193 +
 .../process/print/canvas-bg/data/keyCode.ts   |   41 +
 .../process/print/canvas-bg/drawRuler.ts      |   98 +
 src/views/process/state.vue                   |   14 +
 src/views/process/state2.vue                  |   30 +
 .../appPage/appPageForm/pageConfig.ts         |   39 +
 .../appPage/appPageForm/pageList.vue          |  662 +++-
 .../appPage/appPageForm/printSetupPage.vue    |  136 +
 .../lowcodepage/appPage/createAppFormPage.vue |   13 +
 .../sysworkflow/lowcodepage/pageList.vue      | 3353 +++++++++--------
 35 files changed, 6053 insertions(+), 1939 deletions(-)
 create mode 100644 src/assets/public/iconfont.css
 create mode 100644 src/assets/public/iconfont.ttf
 create mode 100644 src/assets/public/iconfont.woff
 create mode 100644 src/assets/public/iconfont.woff2
 create mode 100644 src/assets/public/iconfontCss/iconfont.css
 create mode 100644 src/assets/public/iconfontCss/iconfont.ttf
 create mode 100644 src/assets/public/iconfontCss/iconfont.woff
 create mode 100644 src/assets/public/iconfontCss/iconfont.woff2
 create mode 100644 src/assets/public/print-lock.css
 create mode 100644 src/store/ruler/index.ts
 create mode 100644 src/views/process/canvas-bg/CanvasBg.vue
 create mode 100644 src/views/process/canvas-bg/drawRuler.ts
 create mode 100644 src/views/process/customProvider.js
 create mode 100644 src/views/process/print/canvas-bg/CanvasBg.vue
 create mode 100644 src/views/process/print/canvas-bg/CanvasSlider.vue
 create mode 100644 src/views/process/print/canvas-bg/CanvasThumbnail.vue
 create mode 100644 src/views/process/print/canvas-bg/data/keyCode.ts
 create mode 100644 src/views/process/print/canvas-bg/drawRuler.ts
 create mode 100644 src/views/process/state.vue
 create mode 100644 src/views/process/state2.vue
 create mode 100644 src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageConfig.ts
 create mode 100644 src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage.vue

diff --git a/package.json b/package.json
index f833ca4..72fd21a 100644
--- a/package.json
+++ b/package.json
@@ -79,9 +79,13 @@
     "uuid": "^9.0.1",
     "vue": "^3.3.1",
     "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-router": "^4.2.0",
     "vue3-dnd": "^2.1.0",
+    "vue3-ruler-tool": "^0.0.1",
+    "vue3-sketch-ruler": "^2.2.9",
     "vuedraggable": "^4.1.0",
     "vuedraggable-es": "^4.1.1",
     "websocket": "^1.0.35"
diff --git a/src/api/displayboardapi/indexapi.ts b/src/api/displayboardapi/indexapi.ts
index 523c5ce..db2c257 100644
--- a/src/api/displayboardapi/indexapi.ts
+++ b/src/api/displayboardapi/indexapi.ts
@@ -126,7 +126,7 @@ export const targetListForDepartment = (data?: targetCanShu):any => {
 }
 
 //获取审批节点或条件节点
-export const gainNodeFactor = (data?: any) => {
+export const gainNodeFactor = (data?: any) => { 
     return request({
         url: '/systemapi/task_flow/gain_node_factor',
         method: 'post',
@@ -182,3 +182,20 @@ export const hotNews = (data: attributePage):any => {
 			data: data
 	})
 }
+//获取行政组织几人员相关控件信息
+export const gainOrgOfPeopleNodeFactor = (data?: any) => { 
+    return request({
+        url: '/systemapi/task_flow/gainOrgOfPeopleNodeFactor',
+        method: 'post',
+        data: data
+    })
+}
+
+//获取行政组织几人员关系
+export const gainOegAndPeople = (data?: any) => { 
+    return request({
+        url: '/systemapi/user/gainOegAndPeople',
+        method: 'post',
+        data: data
+    })
+}
diff --git a/src/api/displayboardapi/types.ts b/src/api/displayboardapi/types.ts
index 90d6d2a..69c123a 100644
--- a/src/api/displayboardapi/types.ts
+++ b/src/api/displayboardapi/types.ts
@@ -150,3 +150,19 @@ export interface setupPage {
 export interface attributePage extends setupPage{
 	type?:number
 }
+//发送范围结构体
+export interface sendTableFields {
+	fields:string;
+	lable:string;
+	multipleChoice:boolean;
+	types:string;
+}
+//获取行政组织几人员关系结构体
+export interface sendCustFields {
+	id: string;
+	number: string;
+	name: string;
+	icon:string;
+	isPick: boolean;
+	types: string;
+}
diff --git a/src/assets/public/iconfont.css b/src/assets/public/iconfont.css
new file mode 100644
index 0000000..44babf5
--- /dev/null
+++ b/src/assets/public/iconfont.css
@@ -0,0 +1,561 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3559670 */
+  src: url("iconfont.woff2?t=1667531544868") format("woff2"),
+    url("iconfont.woff?t=1667531544868") format("woff"),
+    url("iconfont.ttf?t=1667531544868") format("truetype");
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.sv-edit-data:before {
+  content: "\e655";
+}
+
+.sv-shimmer:before {
+  content: "\e6d6";
+}
+
+.sv-origin:before {
+  content: "\e6ac";
+}
+
+.sv-zIndex:before {
+  content: "\e603";
+}
+
+.sv-structure:before {
+  content: "\ec6f";
+}
+
+.sv-list:before {
+  content: "\e742";
+}
+
+.sv-grid:before {
+  content: "\e849";
+}
+
+.sv-flow:before {
+  content: "\e611";
+}
+
+.sv-switch:before {
+  content: "\e6f6";
+}
+
+.sv-theme:before {
+  content: "\e644";
+}
+
+.sv-element:before {
+  content: "\e615";
+}
+
+.sv-pdf:before {
+  content: "\e67a";
+}
+
+.sv-browser:before {
+  content: "\e726";
+}
+
+.sv-font-big:before {
+  content: "\eb04";
+}
+
+.sv-font-small:before {
+  content: "\eb05";
+}
+
+.sv-font-bold:before {
+  content: "\ec83";
+}
+
+.sv-font-tiny:before {
+  content: "\e6c1";
+}
+
+.sv-options:before {
+  content: "\e607";
+}
+
+.sv-close:before {
+  content: "\e646";
+}
+
+.sv-clone:before {
+  content: "\ec7a";
+}
+
+.sv-cut:before {
+  content: "\e643";
+}
+
+.sv-preview:before {
+  content: "\e61c";
+}
+
+.sv-zoom-in:before {
+  content: "\e60f";
+}
+
+.sv-zoom-out:before {
+  content: "\e610";
+}
+
+.sv-edit:before {
+  content: "\e6b9";
+}
+
+.sv-paste:before {
+  content: "\e6c0";
+}
+
+.sv-copy:before {
+  content: "\e6c2";
+}
+
+.sv-unlock:before {
+  content: "\e6e7";
+}
+
+.sv-lock:before {
+  content: "\e6e8";
+}
+
+.sv-zIndex-plus:before {
+  content: "\e715";
+}
+
+.sv-zIndex-minus:before {
+  content: "\e716";
+}
+
+.sv-zIndex-top:before {
+  content: "\e71f";
+}
+
+.sv-sigh:before {
+  content: "\e724";
+}
+
+.sv-ask:before {
+  content: "\e725";
+}
+
+.sv-dev-code:before {
+  content: "\e733";
+}
+
+.sv-bug:before {
+  content: "\e73f";
+}
+
+.sv-zIndex-bottom:before {
+  content: "\e71d";
+}
+
+.sv-new:before {
+  content: "\e64d";
+}
+
+.sv-clear:before {
+  content: "\e62d";
+}
+
+.sv-base:before {
+  content: "\e7d0";
+}
+
+.sv-export:before {
+  content: "\eabf";
+}
+
+.sv-import:before {
+  content: "\eac0";
+}
+
+.sv-add:before {
+  content: "\eaf3";
+}
+
+.sv-printer:before {
+  content: "\eabe";
+}
+
+.sv-save:before {
+  content: "\eabd";
+}
+
+.sv-more:before {
+  content: "\e625";
+}
+
+.sv-menu:before {
+  content: "\e628";
+}
+
+.sv-nav-right:before {
+  content: "\e629";
+}
+
+.sv-nav-up:before {
+  content: "\e62a";
+}
+
+.sv-nav-left:before {
+  content: "\e62b";
+}
+
+.sv-nav-down:before {
+  content: "\e62c";
+}
+
+.sv-setting:before {
+  content: "\e62e";
+}
+
+.sv-delete:before {
+  content: "\e630";
+}
+
+.sv-undo:before {
+  content: "\e631";
+}
+
+.sv-redo:before {
+  content: "\e632";
+}
+
+.sv-refresh:before {
+  content: "\e634";
+}
+
+.sv-history:before {
+  content: "\e635";
+}
+
+.sv-html:before {
+  content: "\e633";
+}
+
+.sv-longText:before {
+  content: "\e64c";
+}
+
+.sv-table:before {
+  content: "\ec15";
+}
+
+.sv-qrcode:before {
+  content: "\e642";
+}
+
+.sv-image:before {
+  content: "\e8ba";
+}
+
+.sv-barcode:before {
+  content: "\eb64";
+}
+
+.sv-text:before {
+  content: "\e60b";
+}
+
+.sv-vline:before {
+  content: "\e63a";
+}
+
+.sv-oval:before {
+  content: "\eb99";
+}
+
+.sv-rect:before {
+  content: "\e620";
+}
+
+.sv-hline:before {
+  content: "\e60a";
+}
+
+.sv-print-c:before {
+  content: "\e602";
+}
+
+.sv-print:before {
+  content: "\e601";
+}
+
+.sv-c:before {
+  content: "\e600";
+}
+
+.sv-vertical:before {
+  content: "\e706";
+}
+
+.sv-distributeHor:before {
+  content: "\e707";
+}
+
+.sv-right:before {
+  content: "\e708";
+}
+
+.sv-left:before {
+  content: "\e709";
+}
+
+.sv-distributeVer:before {
+  content: "\e70f";
+}
+
+.sv-bottom:before {
+  content: "\e710";
+}
+
+.sv-top:before {
+  content: "\e711";
+}
+
+.sv-horizontal:before {
+  content: "\e712";
+}
+
+.sv-rotate:before {
+  content: "\e66f";
+}
+
+.sv-butongbu:before {
+  content: "\e636";
+}
+
+.sv-synchronization:before {
+  content: "\e676";
+}
+/* 重写全局 hiprint 样式 */
+.hiprint-headerLine,
+.hiprint-footerLine {
+  border-color: purple !important;
+}
+
+.hiprint-headerLine:hover,
+.hiprint-footerLine:hover {
+  border-top: 3px dashed purple !important;
+}
+
+.hiprint-headerLine:hover:before {
+  content: "页眉线";
+  left: calc(50% - 18px);
+  position: relative;
+  background: #ffff;
+  top: -14px;
+  color: purple;
+  font-size: 12px;
+}
+
+.hiprint-footerLine:hover:before {
+  content: "页脚线";
+  left: calc(50% - 18px);
+  position: relative;
+  color: purple;
+  background: #ffff;
+  top: -14px;
+  font-size: 12px;
+}
+/* 区域 */
+.left {
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  padding: 10px 0;
+  box-shadow: 2px 2px 2px 0px rgb(128 0 128 / 20%);
+  overflow: auto;
+}
+.center {
+  margin: 0 10px;
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  padding: 20px;
+  box-shadow: 2px 2px 2px 0px rgb(128 0 128 / 20%);
+  overflow: auto;
+}
+.right {
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  padding: 10px 0;
+  box-shadow: 2px 2px 2px 0px rgb(128 0 128 / 20%);
+  overflow: auto;
+}
+/* 左侧拖拽元素样式 */
+.title {
+  font-size: 16px;
+  font-weight: 500;
+  width: 100%;
+  margin: 10px 0 0 24px;
+}
+.item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: white;
+  padding: 4px 10px;
+  margin: 10px 8px 4px 8px;
+  width: 38%;
+  min-height: 60px;
+  border-radius: 4px;
+  box-shadow: 2px 2px 2px 2px rgba(171, 171, 171, 0.2);
+}
+.item .iconfont {
+  font-size: 1.5rem;
+}
+.item span {
+  font-size: 14px;
+}
+
+/* scrollbar */
+::-webkit-scrollbar {
+  height: 4px;
+  width: 4px;
+}
+::-webkit-scrollbar-corner {
+  height: 4px;
+  width: 4px;
+}
+::-webkit-scrollbar-thumb {
+  background: purple;
+  border-radius: 2px;
+  background-image: -webkit-linear-gradient(
+    45deg,
+    rgba(255, 255, 255, 0.2) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.2) 50%,
+    rgba(255, 255, 255, 0.2) 75%,
+    transparent 75%,
+    transparent
+  );
+}
+::-webkit-scrollbar-thumb:hover {
+  background: purple;
+}
+
+/* flex */
+.flex-row {
+  display: flex;
+}
+.flex-col {
+  display: flex;
+  flex-direction: column;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.align-center {
+  align-items: center;
+}
+.justify-center {
+  justify-content: center;
+}
+
+.flex-1 {
+  flex: 1;
+}
+.flex-2 {
+  flex: 2;
+}
+.flex-3 {
+  flex: 3;
+}
+.flex-4 {
+  flex: 4;
+}
+.flex-5 {
+  flex: 5;
+}
+
+.ml-10 {
+  margin-left: 10px;
+}
+.mr-10 {
+  margin-right: 10px;
+}
+.mt-10 {
+  margin-top: 10px;
+}
+.mb-10 {
+  margin-bottom: 10px;
+}
+
+button:hover {
+  opacity: 1;
+}
+button i {
+  font-size: 16px !important;
+}
+.circle,
+.circle-4 {
+  border-radius: 4px !important;
+}
+.circle-10 {
+  border-radius: 10px !important;
+}
+
+/* modal */
+.modal {
+  padding: 0;
+  margin: 0;
+}
+.modal .mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  height: 100%;
+  background-color: #00000073;
+}
+.modal .wrap {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  overflow: auto;
+  background-color: #00000073;
+  outline: 0;
+}
+.modal .wrap .box {
+  position: relative;
+  margin: 10% auto;
+  width: 40%;
+  background: #fff;
+  border-radius: 4px;
+  z-index: 1001;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  transition: all 0.3s ease;
+}
+.modal-box__header {
+  padding: 10px 14px;
+  border-bottom: 1px solid #e9e9e9;
+}
+.modal-box__footer {
+  text-align: end;
+}
+.modal-box__footer button {
+  min-width: 100px;
+}
+.modal-box__footer button:not(:last-child) {
+  margin-right: 10px;
+}
diff --git a/src/assets/public/iconfont.ttf b/src/assets/public/iconfont.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..9638e3d8c9025cb32cb4684361521d5e79d443cd
GIT binary patch
literal 20356
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
J_`4+J{{W)Yn2Z1b

literal 0
HcmV?d00001

diff --git a/src/assets/public/iconfont.woff b/src/assets/public/iconfont.woff
new file mode 100644
index 0000000000000000000000000000000000000000..6e199253257a72ba89cbadf032b7c3b00bb3d805
GIT binary patch
literal 12132
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
N`gZl)lN=rb{tsYEQ#}9x

literal 0
HcmV?d00001

diff --git a/src/assets/public/iconfont.woff2 b/src/assets/public/iconfont.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..53f7d774ae4face1d555ec7b57642d4af7ed6c97
GIT binary patch
literal 10164
zcmV;lCrj9OPew8T0RR9104KBn3jhEB08fMf04HJq0RR9100000000000000000000
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

literal 0
HcmV?d00001

diff --git a/src/assets/public/iconfontCss/iconfont.css b/src/assets/public/iconfontCss/iconfont.css
new file mode 100644
index 0000000..44babf5
--- /dev/null
+++ b/src/assets/public/iconfontCss/iconfont.css
@@ -0,0 +1,561 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3559670 */
+  src: url("iconfont.woff2?t=1667531544868") format("woff2"),
+    url("iconfont.woff?t=1667531544868") format("woff"),
+    url("iconfont.ttf?t=1667531544868") format("truetype");
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.sv-edit-data:before {
+  content: "\e655";
+}
+
+.sv-shimmer:before {
+  content: "\e6d6";
+}
+
+.sv-origin:before {
+  content: "\e6ac";
+}
+
+.sv-zIndex:before {
+  content: "\e603";
+}
+
+.sv-structure:before {
+  content: "\ec6f";
+}
+
+.sv-list:before {
+  content: "\e742";
+}
+
+.sv-grid:before {
+  content: "\e849";
+}
+
+.sv-flow:before {
+  content: "\e611";
+}
+
+.sv-switch:before {
+  content: "\e6f6";
+}
+
+.sv-theme:before {
+  content: "\e644";
+}
+
+.sv-element:before {
+  content: "\e615";
+}
+
+.sv-pdf:before {
+  content: "\e67a";
+}
+
+.sv-browser:before {
+  content: "\e726";
+}
+
+.sv-font-big:before {
+  content: "\eb04";
+}
+
+.sv-font-small:before {
+  content: "\eb05";
+}
+
+.sv-font-bold:before {
+  content: "\ec83";
+}
+
+.sv-font-tiny:before {
+  content: "\e6c1";
+}
+
+.sv-options:before {
+  content: "\e607";
+}
+
+.sv-close:before {
+  content: "\e646";
+}
+
+.sv-clone:before {
+  content: "\ec7a";
+}
+
+.sv-cut:before {
+  content: "\e643";
+}
+
+.sv-preview:before {
+  content: "\e61c";
+}
+
+.sv-zoom-in:before {
+  content: "\e60f";
+}
+
+.sv-zoom-out:before {
+  content: "\e610";
+}
+
+.sv-edit:before {
+  content: "\e6b9";
+}
+
+.sv-paste:before {
+  content: "\e6c0";
+}
+
+.sv-copy:before {
+  content: "\e6c2";
+}
+
+.sv-unlock:before {
+  content: "\e6e7";
+}
+
+.sv-lock:before {
+  content: "\e6e8";
+}
+
+.sv-zIndex-plus:before {
+  content: "\e715";
+}
+
+.sv-zIndex-minus:before {
+  content: "\e716";
+}
+
+.sv-zIndex-top:before {
+  content: "\e71f";
+}
+
+.sv-sigh:before {
+  content: "\e724";
+}
+
+.sv-ask:before {
+  content: "\e725";
+}
+
+.sv-dev-code:before {
+  content: "\e733";
+}
+
+.sv-bug:before {
+  content: "\e73f";
+}
+
+.sv-zIndex-bottom:before {
+  content: "\e71d";
+}
+
+.sv-new:before {
+  content: "\e64d";
+}
+
+.sv-clear:before {
+  content: "\e62d";
+}
+
+.sv-base:before {
+  content: "\e7d0";
+}
+
+.sv-export:before {
+  content: "\eabf";
+}
+
+.sv-import:before {
+  content: "\eac0";
+}
+
+.sv-add:before {
+  content: "\eaf3";
+}
+
+.sv-printer:before {
+  content: "\eabe";
+}
+
+.sv-save:before {
+  content: "\eabd";
+}
+
+.sv-more:before {
+  content: "\e625";
+}
+
+.sv-menu:before {
+  content: "\e628";
+}
+
+.sv-nav-right:before {
+  content: "\e629";
+}
+
+.sv-nav-up:before {
+  content: "\e62a";
+}
+
+.sv-nav-left:before {
+  content: "\e62b";
+}
+
+.sv-nav-down:before {
+  content: "\e62c";
+}
+
+.sv-setting:before {
+  content: "\e62e";
+}
+
+.sv-delete:before {
+  content: "\e630";
+}
+
+.sv-undo:before {
+  content: "\e631";
+}
+
+.sv-redo:before {
+  content: "\e632";
+}
+
+.sv-refresh:before {
+  content: "\e634";
+}
+
+.sv-history:before {
+  content: "\e635";
+}
+
+.sv-html:before {
+  content: "\e633";
+}
+
+.sv-longText:before {
+  content: "\e64c";
+}
+
+.sv-table:before {
+  content: "\ec15";
+}
+
+.sv-qrcode:before {
+  content: "\e642";
+}
+
+.sv-image:before {
+  content: "\e8ba";
+}
+
+.sv-barcode:before {
+  content: "\eb64";
+}
+
+.sv-text:before {
+  content: "\e60b";
+}
+
+.sv-vline:before {
+  content: "\e63a";
+}
+
+.sv-oval:before {
+  content: "\eb99";
+}
+
+.sv-rect:before {
+  content: "\e620";
+}
+
+.sv-hline:before {
+  content: "\e60a";
+}
+
+.sv-print-c:before {
+  content: "\e602";
+}
+
+.sv-print:before {
+  content: "\e601";
+}
+
+.sv-c:before {
+  content: "\e600";
+}
+
+.sv-vertical:before {
+  content: "\e706";
+}
+
+.sv-distributeHor:before {
+  content: "\e707";
+}
+
+.sv-right:before {
+  content: "\e708";
+}
+
+.sv-left:before {
+  content: "\e709";
+}
+
+.sv-distributeVer:before {
+  content: "\e70f";
+}
+
+.sv-bottom:before {
+  content: "\e710";
+}
+
+.sv-top:before {
+  content: "\e711";
+}
+
+.sv-horizontal:before {
+  content: "\e712";
+}
+
+.sv-rotate:before {
+  content: "\e66f";
+}
+
+.sv-butongbu:before {
+  content: "\e636";
+}
+
+.sv-synchronization:before {
+  content: "\e676";
+}
+/* 重写全局 hiprint 样式 */
+.hiprint-headerLine,
+.hiprint-footerLine {
+  border-color: purple !important;
+}
+
+.hiprint-headerLine:hover,
+.hiprint-footerLine:hover {
+  border-top: 3px dashed purple !important;
+}
+
+.hiprint-headerLine:hover:before {
+  content: "页眉线";
+  left: calc(50% - 18px);
+  position: relative;
+  background: #ffff;
+  top: -14px;
+  color: purple;
+  font-size: 12px;
+}
+
+.hiprint-footerLine:hover:before {
+  content: "页脚线";
+  left: calc(50% - 18px);
+  position: relative;
+  color: purple;
+  background: #ffff;
+  top: -14px;
+  font-size: 12px;
+}
+/* 区域 */
+.left {
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  padding: 10px 0;
+  box-shadow: 2px 2px 2px 0px rgb(128 0 128 / 20%);
+  overflow: auto;
+}
+.center {
+  margin: 0 10px;
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  padding: 20px;
+  box-shadow: 2px 2px 2px 0px rgb(128 0 128 / 20%);
+  overflow: auto;
+}
+.right {
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  padding: 10px 0;
+  box-shadow: 2px 2px 2px 0px rgb(128 0 128 / 20%);
+  overflow: auto;
+}
+/* 左侧拖拽元素样式 */
+.title {
+  font-size: 16px;
+  font-weight: 500;
+  width: 100%;
+  margin: 10px 0 0 24px;
+}
+.item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: white;
+  padding: 4px 10px;
+  margin: 10px 8px 4px 8px;
+  width: 38%;
+  min-height: 60px;
+  border-radius: 4px;
+  box-shadow: 2px 2px 2px 2px rgba(171, 171, 171, 0.2);
+}
+.item .iconfont {
+  font-size: 1.5rem;
+}
+.item span {
+  font-size: 14px;
+}
+
+/* scrollbar */
+::-webkit-scrollbar {
+  height: 4px;
+  width: 4px;
+}
+::-webkit-scrollbar-corner {
+  height: 4px;
+  width: 4px;
+}
+::-webkit-scrollbar-thumb {
+  background: purple;
+  border-radius: 2px;
+  background-image: -webkit-linear-gradient(
+    45deg,
+    rgba(255, 255, 255, 0.2) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.2) 50%,
+    rgba(255, 255, 255, 0.2) 75%,
+    transparent 75%,
+    transparent
+  );
+}
+::-webkit-scrollbar-thumb:hover {
+  background: purple;
+}
+
+/* flex */
+.flex-row {
+  display: flex;
+}
+.flex-col {
+  display: flex;
+  flex-direction: column;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.align-center {
+  align-items: center;
+}
+.justify-center {
+  justify-content: center;
+}
+
+.flex-1 {
+  flex: 1;
+}
+.flex-2 {
+  flex: 2;
+}
+.flex-3 {
+  flex: 3;
+}
+.flex-4 {
+  flex: 4;
+}
+.flex-5 {
+  flex: 5;
+}
+
+.ml-10 {
+  margin-left: 10px;
+}
+.mr-10 {
+  margin-right: 10px;
+}
+.mt-10 {
+  margin-top: 10px;
+}
+.mb-10 {
+  margin-bottom: 10px;
+}
+
+button:hover {
+  opacity: 1;
+}
+button i {
+  font-size: 16px !important;
+}
+.circle,
+.circle-4 {
+  border-radius: 4px !important;
+}
+.circle-10 {
+  border-radius: 10px !important;
+}
+
+/* modal */
+.modal {
+  padding: 0;
+  margin: 0;
+}
+.modal .mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  height: 100%;
+  background-color: #00000073;
+}
+.modal .wrap {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  overflow: auto;
+  background-color: #00000073;
+  outline: 0;
+}
+.modal .wrap .box {
+  position: relative;
+  margin: 10% auto;
+  width: 40%;
+  background: #fff;
+  border-radius: 4px;
+  z-index: 1001;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  transition: all 0.3s ease;
+}
+.modal-box__header {
+  padding: 10px 14px;
+  border-bottom: 1px solid #e9e9e9;
+}
+.modal-box__footer {
+  text-align: end;
+}
+.modal-box__footer button {
+  min-width: 100px;
+}
+.modal-box__footer button:not(:last-child) {
+  margin-right: 10px;
+}
diff --git a/src/assets/public/iconfontCss/iconfont.ttf b/src/assets/public/iconfontCss/iconfont.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..9638e3d8c9025cb32cb4684361521d5e79d443cd
GIT binary patch
literal 20356
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
J_`4+J{{W)Yn2Z1b

literal 0
HcmV?d00001

diff --git a/src/assets/public/iconfontCss/iconfont.woff b/src/assets/public/iconfontCss/iconfont.woff
new file mode 100644
index 0000000000000000000000000000000000000000..6e199253257a72ba89cbadf032b7c3b00bb3d805
GIT binary patch
literal 12132
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
N`gZl)lN=rb{tsYEQ#}9x

literal 0
HcmV?d00001

diff --git a/src/assets/public/iconfontCss/iconfont.woff2 b/src/assets/public/iconfontCss/iconfont.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..53f7d774ae4face1d555ec7b57642d4af7ed6c97
GIT binary patch
literal 10164
zcmV;lCrj9OPew8T0RR9104KBn3jhEB08fMf04HJq0RR9100000000000000000000
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

literal 0
HcmV?d00001

diff --git a/src/assets/public/print-lock.css b/src/assets/public/print-lock.css
new file mode 100644
index 0000000..402cca9
--- /dev/null
+++ b/src/assets/public/print-lock.css
@@ -0,0 +1,562 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3559670 */
+  src: url("iconfont.woff2?t=1667531544868") format("woff2"),
+    url("iconfont.woff?t=1667531544868") format("woff"),
+    url("iconfont.ttf?t=1667531544868") format("truetype");
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.sv-edit-data:before {
+  content: "\e655";
+}
+
+.sv-shimmer:before {
+  content: "\e6d6";
+}
+
+.sv-origin:before {
+  content: "\e6ac";
+}
+
+.sv-zIndex:before {
+  content: "\e603";
+}
+
+.sv-structure:before {
+  content: "\ec6f";
+}
+
+.sv-list:before {
+  content: "\e742";
+}
+
+.sv-grid:before {
+  content: "\e849";
+}
+
+.sv-flow:before {
+  content: "\e611";
+}
+
+.sv-switch:before {
+  content: "\e6f6";
+}
+
+.sv-theme:before {
+  content: "\e644";
+}
+
+.sv-element:before {
+  content: "\e615";
+}
+
+.sv-pdf:before {
+  content: "\e67a";
+}
+
+.sv-browser:before {
+  content: "\e726";
+}
+
+.sv-font-big:before {
+  content: "\eb04";
+}
+
+.sv-font-small:before {
+  content: "\eb05";
+}
+
+.sv-font-bold:before {
+  content: "\ec83";
+}
+
+.sv-font-tiny:before {
+  content: "\e6c1";
+}
+
+.sv-options:before {
+  content: "\e607";
+}
+
+.sv-close:before {
+  content: "\e646";
+}
+
+.sv-clone:before {
+  content: "\ec7a";
+}
+
+.sv-cut:before {
+  content: "\e643";
+}
+
+.sv-preview:before {
+  content: "\e61c";
+}
+
+.sv-zoom-in:before {
+  content: "\e60f";
+}
+
+.sv-zoom-out:before {
+  content: "\e610";
+}
+
+.sv-edit:before {
+  content: "\e6b9";
+}
+
+.sv-paste:before {
+  content: "\e6c0";
+}
+
+.sv-copy:before {
+  content: "\e6c2";
+}
+
+.sv-unlock:before {
+  content: "\e6e7";
+}
+
+.sv-lock:before {
+  content: "\e6e8";
+}
+
+.sv-zIndex-plus:before {
+  content: "\e715";
+}
+
+.sv-zIndex-minus:before {
+  content: "\e716";
+}
+
+.sv-zIndex-top:before {
+  content: "\e71f";
+}
+
+.sv-sigh:before {
+  content: "\e724";
+}
+
+.sv-ask:before {
+  content: "\e725";
+}
+
+.sv-dev-code:before {
+  content: "\e733";
+}
+
+.sv-bug:before {
+  content: "\e73f";
+}
+
+.sv-zIndex-bottom:before {
+  content: "\e71d";
+}
+
+.sv-new:before {
+  content: "\e64d";
+}
+
+.sv-clear:before {
+  content: "\e62d";
+}
+
+.sv-base:before {
+  content: "\e7d0";
+}
+
+.sv-export:before {
+  content: "\eabf";
+}
+
+.sv-import:before {
+  content: "\eac0";
+}
+
+.sv-add:before {
+  content: "\eaf3";
+}
+
+.sv-printer:before {
+  content: "\eabe";
+}
+
+.sv-save:before {
+  content: "\eabd";
+}
+
+.sv-more:before {
+  content: "\e625";
+}
+
+.sv-menu:before {
+  content: "\e628";
+}
+
+.sv-nav-right:before {
+  content: "\e629";
+}
+
+.sv-nav-up:before {
+  content: "\e62a";
+}
+
+.sv-nav-left:before {
+  content: "\e62b";
+}
+
+.sv-nav-down:before {
+  content: "\e62c";
+}
+
+.sv-setting:before {
+  content: "\e62e";
+}
+
+.sv-delete:before {
+  content: "\e630";
+}
+
+.sv-undo:before {
+  content: "\e631";
+}
+
+.sv-redo:before {
+  content: "\e632";
+}
+
+.sv-refresh:before {
+  content: "\e634";
+}
+
+.sv-history:before {
+  content: "\e635";
+}
+
+.sv-html:before {
+  content: "\e633";
+}
+
+.sv-longText:before {
+  content: "\e64c";
+}
+
+.sv-table:before {
+  content: "\ec15";
+}
+
+.sv-qrcode:before {
+  content: "\e642";
+}
+
+.sv-image:before {
+  content: "\e8ba";
+}
+
+.sv-barcode:before {
+  content: "\eb64";
+}
+
+.sv-text:before {
+  content: "\e60b";
+}
+
+.sv-vline:before {
+  content: "\e63a";
+}
+
+.sv-oval:before {
+  content: "\eb99";
+}
+
+.sv-rect:before {
+  content: "\e620";
+}
+
+.sv-hline:before {
+  content: "\e60a";
+}
+
+.sv-print-c:before {
+  content: "\e602";
+}
+
+.sv-print:before {
+  content: "\e601";
+}
+
+.sv-c:before {
+  content: "\e600";
+}
+
+.sv-vertical:before {
+  content: "\e706";
+}
+
+.sv-distributeHor:before {
+  content: "\e707";
+}
+
+.sv-right:before {
+  content: "\e708";
+}
+
+.sv-left:before {
+  content: "\e709";
+}
+
+.sv-distributeVer:before {
+  content: "\e70f";
+}
+
+.sv-bottom:before {
+  content: "\e710";
+}
+
+.sv-top:before {
+  content: "\e711";
+}
+
+.sv-horizontal:before {
+  content: "\e712";
+}
+
+.sv-rotate:before {
+  content: "\e66f";
+}
+
+.sv-butongbu:before {
+  content: "\e636";
+}
+
+.sv-synchronization:before {
+  content: "\e676";
+}
+/* 重写全局 hiprint 样式 */
+.hiprint-headerLine,
+.hiprint-footerLine {
+  border-color: purple !important;
+}
+
+.hiprint-headerLine:hover,
+.hiprint-footerLine:hover {
+  border-top: 3px dashed purple !important;
+}
+
+.hiprint-headerLine:hover:before {
+  content: "页眉线";
+  left: calc(50% - 18px);
+  position: relative;
+  background: #ffff;
+  top: -14px;
+  color: purple;
+  font-size: 12px;
+}
+
+.hiprint-footerLine:hover:before {
+  content: "页脚线";
+  left: calc(50% - 18px);
+  position: relative;
+  color: purple;
+  background: #ffff;
+  top: -14px;
+  font-size: 12px;
+}
+/* 区域 */
+.left {
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  padding: 10px 0;
+  box-shadow: 2px 2px 2px 0px rgb(128 0 128 / 20%);
+  overflow: auto;
+}
+.center {
+  margin: 0 10px;
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  padding: 20px;
+  box-shadow: 2px 2px 2px 0px rgb(128 0 128 / 20%);
+  overflow: auto;
+}
+.right {
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #d9d9d9;
+  padding: 10px 0;
+  box-shadow: 2px 2px 2px 0px rgb(128 0 128 / 20%);
+  overflow: auto;
+}
+/* 左侧拖拽元素样式 */
+.title {
+  font-size: 16px;
+  font-weight: 500;
+  width: 100%;
+  margin: 10px 0 0 24px;
+}
+.item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: white;
+  padding: 4px 10px;
+  margin: 10px 8px 4px 8px;
+  width: 38%;
+  min-height: 60px;
+  border-radius: 4px;
+  box-shadow: 2px 2px 2px 2px rgba(171, 171, 171, 0.2);
+}
+.item .iconfont {
+  font-size: 1.5rem;
+}
+.item span {
+  font-size: 14px;
+}
+
+/* scrollbar */
+::-webkit-scrollbar {
+  height: 4px;
+  width: 4px;
+}
+::-webkit-scrollbar-corner {
+  height: 4px;
+  width: 4px;
+}
+::-webkit-scrollbar-thumb {
+  background: purple;
+  border-radius: 2px;
+  background-image: -webkit-linear-gradient(
+    45deg,
+    rgba(255, 255, 255, 0.2) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.2) 50%,
+    rgba(255, 255, 255, 0.2) 75%,
+    transparent 75%,
+    transparent
+  );
+}
+::-webkit-scrollbar-thumb:hover {
+  background: purple;
+}
+
+/* flex */
+.flex-row {
+  display: flex;
+}
+.flex-col {
+  display: flex;
+  flex-direction: column;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.align-center {
+  align-items: center;
+}
+.justify-center {
+  justify-content: center;
+}
+
+.flex-1 {
+  flex: 1;
+}
+.flex-2 {
+  flex: 2;
+}
+.flex-3 {
+  flex: 3;
+}
+.flex-4 {
+  flex: 4;
+}
+.flex-5 {
+  flex: 5;
+}
+
+.ml-10 {
+  margin-left: 10px;
+}
+.mr-10 {
+  margin-right: 10px;
+}
+.mt-10 {
+  margin-top: 10px;
+}
+.mb-10 {
+  margin-bottom: 10px;
+}
+
+button:hover {
+  opacity: 1;
+}
+button i {
+  font-size: 16px !important;
+}
+.circle,
+.circle-4 {
+  border-radius: 4px !important;
+}
+.circle-10 {
+  border-radius: 10px !important;
+}
+
+/* modal */
+.modal {
+  padding: 0;
+  margin: 0;
+}
+.modal .mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  height: 100%;
+  background-color: #00000073;
+}
+.modal .wrap {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  overflow: auto;
+  background-color: #00000073;
+  outline: 0;
+}
+.modal .wrap .box {
+  position: relative;
+  margin: 10% auto;
+  width: 40%;
+  background: #fff;
+  border-radius: 4px;
+  z-index: 1001;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  transition: all 0.3s ease;
+}
+.modal-box__header {
+  padding: 10px 14px;
+  border-bottom: 1px solid #e9e9e9;
+}
+.modal-box__footer {
+  text-align: end;
+}
+.modal-box__footer button {
+  min-width: 100px;
+}
+.modal-box__footer button:not(:last-child) {
+  margin-right: 10px;
+}
+
diff --git a/src/components/DesignForm/aceDrawer.vue b/src/components/DesignForm/aceDrawer.vue
index a7687a9..de58f47 100644
--- a/src/components/DesignForm/aceDrawer.vue
+++ b/src/components/DesignForm/aceDrawer.vue
@@ -19,7 +19,6 @@ const props = withDefaults(
     id?: string;
     // eslint-disable-next-line vue/require-default-prop
     codeType?: string;
-    data?: object;
   }>(),
   {
     id: "editJson",
@@ -85,7 +84,7 @@ const jiShuDiGui = (val: []) => {
 watch(
   () => visible,
   (val: booble) => {
-    jiShuDiGui(props.data.content);
+    jiShuDiGui(props.data?.content);
   },
   { deep: true }
 );
@@ -113,7 +112,9 @@ const drawerBeforeClose = () => {
   emits("beforeClose");
   treeSelectAry.value = [];
 };
-onMounted(() => {});
+onMounted(() => {
+  console.log("预览视图--------------------------------》", props.data);
+});
 onUnmounted(() => {
   if (Object.keys(editor.value).length !== 0) {
     editor.value.destroy();
diff --git a/src/components/DesignForm/aceDrawerPage.vue b/src/components/DesignForm/aceDrawerPage.vue
index fc9d053..a056c92 100644
--- a/src/components/DesignForm/aceDrawerPage.vue
+++ b/src/components/DesignForm/aceDrawerPage.vue
@@ -3,90 +3,89 @@
 @ 时间: 2023-07-19 08:39:34
 @ 备注: 抽屉
 -->
-<script lang='ts' setup>
-import { ref, nextTick, watch, onMounted, onUnmounted } from 'vue'
-import { aceEdit } from '@/api/DesignForm/utils'
+<script lang="ts" setup>
+import { ref, nextTick, watch, onMounted, onUnmounted } from "vue";
+import { aceEdit } from "@/api/DesignForm/utils";
 
 const props = withDefaults(
-    defineProps<{
-		data?:object
-		modelValue: boolean
-		// eslint-disable-next-line vue/require-default-prop
-		title?: string
-		direction?: 'rtl' | 'ltr'
-		content: string
-		id?: string
-		// eslint-disable-next-line vue/require-default-prop
-		codeType?: string
-    }>(),
-    {
-		id: 'editJson',
-		content: '',
-		direction: 'ltr'
-    }
-)
- const emits = defineEmits<{
-    (e: 'beforeClose'): void
-    (e: 'confirm', content: string): void
-    (e: 'update:modelValue', val: boolean): void
-}>()
-const editor = ref<any>({})
- const visible = ref(false)
+  defineProps<{
+    data?: object;
+    modelValue: boolean;
+    // eslint-disable-next-line vue/require-default-prop
+    title?: string;
+    direction?: "rtl" | "ltr";
+    content: string;
+    id?: string;
+    // eslint-disable-next-line vue/require-default-prop
+    codeType?: string;
+  }>(),
+  {
+    id: "editJson",
+    content: "",
+    direction: "ltr",
+  }
+);
+const emits = defineEmits<{
+  (e: "beforeClose"): void;
+  (e: "confirm", content: string): void;
+  (e: "update:modelValue", val: boolean): void;
+}>();
+const editor = ref<any>({});
+const visible = ref(false);
 watch(
-    () => props.modelValue,
-    (val: boolean) => {
-		visible.value = val
-		if (val) {
-			initEditor()
-		}
+  () => props.modelValue,
+  (val: boolean) => {
+    visible.value = val;
+    if (val) {
+      initEditor();
     }
-)
+  }
+);
 const initEditor = () => {
-    nextTick(() => {
-      	editor.value = aceEdit(props.content, props.id, props.codeType)
-    })
-}
+  nextTick(() => {
+    editor.value = aceEdit(props.content, props.id, props.codeType);
+  });
+};
 const dialogConfirm = () => {
-    const editVal = editor.value.getValue()
-    emits('confirm', editVal)
-}
+  const editVal = editor.value.getValue();
+  emits("confirm", editVal);
+};
 const drawerBeforeClose = () => {
-    emits('update:modelValue', false)
-    emits('beforeClose')
-}
-onMounted(() => {})
+  emits("update:modelValue", false);
+  emits("beforeClose");
+};
+onMounted(() => {});
 onUnmounted(() => {
-    if (Object.keys(editor.value).length !== 0) {
-		editor.value.destroy()
-		editor.value.container.remove()
-    }
-})
+  if (Object.keys(editor.value).length !== 0) {
+    editor.value.destroy();
+    editor.value.container.remove();
+  }
+});
 </script>
 <template>
-	<el-drawer
-		v-model="visible"
-		size="60%"
-		:title="title"
-		:direction="direction as any"
-		class="ace-dialog"
-		:append-to-body="true"
-		:before-close="drawerBeforeClose"
-	>
-		<template #header>
-			<div v-html="title"></div>
-		</template>
-		<div>{{props.data}}</div>
-		<div v-if="visible" :id="id"></div>
-		<div class="dialog-footer">
-			<el-button type="primary" size="small" @click="dialogConfirm">
-				确定
-			</el-button>
-		</div>
-	</el-drawer>
+  <el-drawer
+    v-model="visible"
+    size="60%"
+    :title="title"
+    :direction="direction as any"
+    class="ace-dialog"
+    :append-to-body="true"
+    :before-close="drawerBeforeClose"
+  >
+    <template #header>
+      <div v-html="title"></div>
+    </template>
+    <div>{{ props.data }}</div>
+    <div v-if="visible" :id="id"></div>
+    <div class="dialog-footer">
+      <el-button type="primary" size="small" @click="dialogConfirm"> 确定 </el-button>
+    </div>
+  </el-drawer>
 </template>
-<style  lang='scss' scoped>
-#editJson, #editJsonCopy {
-    width: 100%;
-    height: calc(100vh - 90px);
+<style lang="scss" scoped>
+#editJson,
+#editJsonCopy {
+  width: 100%;
+  height: calc(100vh - 90px);
 }
 </style>
diff --git a/src/components/DesignForm/public/expand/pickpost.vue b/src/components/DesignForm/public/expand/pickpost.vue
index 83e917b..a7fb2fa 100644
--- a/src/components/DesignForm/public/expand/pickpost.vue
+++ b/src/components/DesignForm/public/expand/pickpost.vue
@@ -4,11 +4,9 @@
 @ 备注: 岗位选择
 -->
 <script lang="ts" setup>
-import { basis_org_postList } from "@/api/hr/org/index";
+import { basis_org_postList,getgovcont, getpositioncont,getOrgTreeList } from "@/api/hr/org/index";
 
 import { orgInfo } from "@/api/hr/org/type";
-import { getOrgTreeList } from "@/api/hr/org/index";
-import { getgovcont, getpositioncont } from "@/api/hr/org/index";
 
 const props = withDefaults(
   defineProps<{
diff --git a/src/components/DesignForm/public/expand/pickrole.vue b/src/components/DesignForm/public/expand/pickrole.vue
index 73ef0c2..2018611 100644
--- a/src/components/DesignForm/public/expand/pickrole.vue
+++ b/src/components/DesignForm/public/expand/pickrole.vue
@@ -18,7 +18,11 @@ const emits = defineEmits<{
 }>();
 const value = computed({
   get: () => {
-    return props.modelValue * 1;
+    if (props.modelValue == "") {
+      return props.modelValue;
+    } else {
+      return props.modelValue * 1;
+    }
   },
   set: (newVal: any) => {
     emits("update:modelValue", newVal);
diff --git a/src/components/DesignForm/public/expand/userDialog.vue b/src/components/DesignForm/public/expand/userDialog.vue
index 07859f7..2f3d289 100644
--- a/src/components/DesignForm/public/expand/userDialog.vue
+++ b/src/components/DesignForm/public/expand/userDialog.vue
@@ -3,361 +3,380 @@
 @ 时间: 2023-08-21 14:41:41
 @ 备注: 选择用户
 -->
-<script lang='ts' setup>
-import { ref, onMounted, reactive, nextTick } from 'vue'
-import { getRequest } from '@/api/DesignForm'
-import formatResult from '@/utils/DesignForm/formatResult'
-import { getOrgFormTree,getOrgFormUserList,searchUserCustomerFormList } from '@/api/hr/org/index'
-import { orgform,criteriaForPeopleList } from '@/api/hr/org/type'
-import UserRole from '@/assets/icons/user.svg'
+<script lang="ts" setup>
+import { ref, onMounted, reactive, nextTick } from "vue";
+import { getRequest } from "@/api/DesignForm";
+import formatResult from "@/utils/DesignForm/formatResult";
+import {
+  getOrgFormTree,
+  getOrgFormUserList,
+  searchUserCustomerFormList,
+} from "@/api/hr/org/index";
+import { orgform, criteriaForPeopleList } from "@/api/hr/org/type";
+import UserRole from "@/assets/icons/user.svg";
 
 const props = withDefaults(
-    defineProps<{
-      	modelValue?: string
-    }>(),
-    {}
-)
+  defineProps<{
+    modelValue?: string;
+  }>(),
+  {}
+);
 const emits = defineEmits<{
-    (e: 'update:modelValue', value: string): void
-}>()
-const visible = ref(false)
+  (e: "update:modelValue", value: string): void;
+}>();
+const visible = ref(false);
 // 侧栏处理
-const treeEl = ref()
-const treeData = ref<orgform[]>([])
-const department = ref(309)
+const treeEl = ref();
+const treeData = ref<orgform[]>([]);
+const department = ref(309);
 const handleNodeClick = (data: any) => {
-    department.value = data.id
-	getUserList()
-}
+  department.value = data.id;
+  getUserList();
+};
 const getTreeData = () => {
-    // getRequest('deptList', {}).then((res: any) => {
-    //   treeData.value = formatResult(res.data, 'transformDataToChild')
-    // })
-	getOrgFormTree({id:309})
-		.then(({ data }) => {
-			// console.log(data)
-			treeData.value = data.list
-		}).finally(()=>{})
-}
+  // getRequest('deptList', {}).then((res: any) => {
+  //   treeData.value = formatResult(res.data, 'transformDataToChild')
+  // })
+  getOrgFormTree({ id: 309 })
+    .then(({ data }) => {
+      // console.log(data)
+      treeData.value = data.list;
+    })
+    .finally(() => {});
+};
 // 侧栏处理结束
-const userName = ref()
+const userName = ref();
 const tableData = ref<criteriaForPeopleList[]>();
 const page = reactive({
-    total: 0,
-    current: 1,
-    pageSize: 10
-})
+  total: 0,
+  current: 1,
+  pageSize: 10,
+});
 const searchClick = () => {
-    getUserList()
-}
+  getUserList();
+};
 const resetClick = () => {
-    userName.value = ''
-    department.value = ''
-    treeEl.value.setCurrentKey(null)
-    getUserList()
-}
+  userName.value = "";
+  department.value = "";
+  treeEl.value.setCurrentKey(null);
+  getUserList();
+};
 const getUserList = () => {
-    const params = {
-		pageInfo: {
-			pageIndex: page.current,
-			pageSize: page.pageSize
-		},
-		name: userName.value,
-		department: department.value
-    }
-    // getRequest('userList', params).then((res: any) => {
-    //   	tableData.value = res.data.list
-    // })
-	// getOrgFormUserList
-	getOrgFormUserList(params)
-		.then(({ data })=>{
-			tableData.value = data.list
-			page.total = data.total
-		})
-		.finally(()=>{})
-}
+  const params = {
+    pageInfo: {
+      pageIndex: page.current,
+      pageSize: page.pageSize,
+    },
+    name: userName.value,
+    department: department.value,
+  };
+  // getRequest('userList', params).then((res: any) => {
+  //   	tableData.value = res.data.list
+  // })
+  // getOrgFormUserList
+  getOrgFormUserList(params)
+    .then(({ data }) => {
+      tableData.value = data.list;
+      page.total = data.total;
+    })
+    .finally(() => {});
+};
 const currentChange = (current: number) => {
-    page.current = current
-    getUserList()
-}
+  page.current = current;
+  getUserList();
+};
 //　已选
 // const checkData = ref<any>([]);
 
 const checkDataList = reactive<criteriaForPeopleList[]>([]);
 
 const tableRowClick = (row: any) => {
-   
-	if(checkDataList.length > 0){
-		let isIn = true
-		checkDataList.forEach(item =>{
-			if(item.id == row.id){
-				isIn = false
-			}
-		})
-		if(isIn){
-			checkDataList.push(row)
-		}
-	}else{
-		checkDataList.push(row)
-	}
-	// console.log("checkDataList",checkDataList,row)
-}
+  if (checkDataList.length > 0) {
+    let isIn = true;
+    checkDataList.forEach((item) => {
+      if (item.id == row.id) {
+        isIn = false;
+      }
+    });
+    if (isIn) {
+      checkDataList.push(row);
+    }
+  } else {
+    checkDataList.push(row);
+  }
+  // console.log("checkDataList",checkDataList,row)
+};
 const delRowClick = (row: criteriaForPeopleList) => {
-	// console.log("checkDataList",row)
-    // checkData.value.forEach((item: any, index: number) => {
-	// 	if (item === row) {
-	// 		checkData.value.splice(index, 1)
-	// 	}
-    // })
-	if(checkDataList &&checkDataList.length > 0) {
-		checkDataList.forEach((item:criteriaForPeopleList,index:number) => {
-			if(item.id == row.id){
-				checkDataList.splice(index,1)
-			}
-		})
-	}
-
+  // console.log("checkDataList",row)
+  // checkData.value.forEach((item: any, index: number) => {
+  // 	if (item === row) {
+  // 		checkData.value.splice(index, 1)
+  // 	}
+  // })
+  if (checkDataList && checkDataList.length > 0) {
+    checkDataList.forEach((item: criteriaForPeopleList, index: number) => {
+      if (item.id == row.id) {
+        checkDataList.splice(index, 1);
+      }
+    });
+  }
 
-	// let checkDataAry = checkDataList
-	// if(checkDataAry.length > 0) {
-	// 	checkDataList.splice(0,checkDataList.length)
-	// 	console.log("checkDataList----1------>",checkDataAry,checkDataList)
-	// 	checkDataAry.forEach(item => {
-	// 		if(item.id != row.id){
-	// 			console.log("checkDataList---------->",item)
-	// 			checkDataList.push(item)
-	// 		}
-	// 	})
-	// }
-}
+  // let checkDataAry = checkDataList
+  // if(checkDataAry.length > 0) {
+  // 	checkDataList.splice(0,checkDataList.length)
+  // 	console.log("checkDataList----1------>",checkDataAry,checkDataList)
+  // 	checkDataAry.forEach(item => {
+  // 		if(item.id != row.id){
+  // 			console.log("checkDataList---------->",item)
+  // 			checkDataList.push(item)
+  // 		}
+  // 	})
+  // }
+};
 const delAllClick = () => {
-    // checkData.value = []
-	checkDataList.splice(0,checkDataList.length)
-}
+  // checkData.value = []
+  checkDataList.splice(0, checkDataList.length);
+};
 // 弹窗处理
 const open = () => {
-    visible.value = true
-	// console.log("open--->",props.modelValue)
-    if (props.modelValue) {
-		searchUserCustomerFormList({name:props.modelValue})
-			.then(({data})=>{
-				// console.log("弹窗处理",data)
-				// checkDataList = data
-				checkDataList.splice(0,checkDataList.length)
-				if(data.length > 0){
-					data.forEach((item:any) => {
-						checkDataList.push(item)
-					})
-				}
-			})
-      	// checkData.value = props.modelValue.split(',')
-		// let jsonCont:criteriaForPeopleList[]  = JSON.parse(props.modelValue)
-		// if(jsonCont.length > 0) {
-		// 	checkDataList.splice(0,checkDataList.length)
-		// 	jsonCont.forEach(item=>{
-		// 		checkDataList.push(item)
-		// 	})
-		// }
-    } else {
-		checkDataList.splice(0,checkDataList.length)
-    }
-}
+  visible.value = true;
+  // console.log("open--->",props.modelValue)
+  if (props.modelValue) {
+    searchUserCustomerFormList({ name: props.modelValue }).then(({ data }) => {
+      // console.log("弹窗处理",data)
+      // checkDataList = data
+      checkDataList.splice(0, checkDataList.length);
+      if (data.length > 0) {
+        data.forEach((item: any) => {
+          checkDataList.push(item);
+        });
+      }
+    });
+    // checkData.value = props.modelValue.split(',')
+    // let jsonCont:criteriaForPeopleList[]  = JSON.parse(props.modelValue)
+    // if(jsonCont.length > 0) {
+    // 	checkDataList.splice(0,checkDataList.length)
+    // 	jsonCont.forEach(item=>{
+    // 		checkDataList.push(item)
+    // 	})
+    // }
+  } else {
+    checkDataList.splice(0, checkDataList.length);
+  }
+};
 // 关闭弹窗
 const confirmClick = () => {
-    // emits('update:modelValue', checkData.value.join(','))
-	let jsonStr = JSON.stringify(checkDataList)
-	emits('update:modelValue', jsonStr)
-    visible.value = false
-}
-defineExpose({ open })
+  // emits('update:modelValue', checkData.value.join(','))
+  let jsonStr = JSON.stringify(checkDataList);
+  emits("update:modelValue", jsonStr);
+  visible.value = false;
+};
+defineExpose({ open });
 onMounted(() => {
-    nextTick(() => {
-		// 可根据实际情况放在点击打开弹窗后加载，会出现loading
-		getTreeData()
-		getUserList()
-    })
-})
-
+  nextTick(() => {
+    // 可根据实际情况放在点击打开弹窗后加载，会出现loading
+    getTreeData();
+    getUserList();
+  });
+});
 
-const defaultProps ={
-	children: 'children',
-  	label: 'name',
-}
+const defaultProps = {
+  children: "children",
+  label: "name",
+};
 </script>
 <template>
-	<el-dialog
-		title="用户选择"
-		v-model="visible"
-		:append-to-body="true"
-		:props="defaultProps "
-		width="80%"
-		top="2vh"
-		draggable
-	>
-		<el-row :gutter="20">
-			<el-col :span="6" style="padding:0">
-				<div class="sidebar_tree">
-					<el-tree
-						ref="treeEl"
-						:data="treeData"
-						node-key="id"
-						@node-click="handleNodeClick"
-						:props="defaultProps "
-						highlight-current
-					/>
-				</div>
-			</el-col>
-			<el-col :span="12">
-				<div class="search">
-					<el-input placeholder="请输入用户名" v-model="userName" />
-					<el-button type="primary" @click="searchClick">查询</el-button>
-					<el-button @click="resetClick">重置</el-button>
-				</div>
-				<div class="list">
-					<el-table :data="tableData" style="width: 100%; height:710px">
-						<el-table-column prop="userName" label="照片" width="100px" align="center">
-							<template #default="scope">
-								<el-avatar v-if="scope.row.icon != ''" shape="square" :size="30" :src="scope.row.icon" />
-								<el-avatar v-else shape="square" :size="30" :src="UserRole" />
-							</template>
-						</el-table-column>
-						<el-table-column prop="name" label="姓名"  width="120px"  align="left">
-							<template #default="scope">
-								{{ scope.row.name }}({{ scope.row.number }})
-							</template>
-						</el-table-column>
-						<el-table-column prop="tel" label="联系方式"  width="120px"  align="left" />
-						<el-table-column prop="nickName" label="归属行政组织"  align="left">
-							<template #default="{ row }">
-								{{ row.companyname }}<span v-if="row.maindeparmentname!=''"> / {{ row.maindeparmentname }}</span>
-							</template>
-						</el-table-column>
-						<el-table-column label="操作" width="60px">
-							<template #default="{ row }">
-								<el-button circle size="small" @click="tableRowClick(row)"><el-icon><ArrowRight /></el-icon></el-button>
-							</template>
-						</el-table-column>
-					</el-table>
-					<div class="page">
-						<el-pagination
-							background
-							layout="prev, pager, next, jumper"
-							small
-							hide-on-single-page
-							:current-page="page.current"
-							:total="page.total"
-							:page-size="page.pageSize"
-							@current-change="currentChange"
-						/>
-					</div>
-				</div>
-			</el-col>
-			<el-col :span="6">
-				<div class="has_select">
-					<div class="total">
-						<div>已选择：{{ checkDataList.length }}</div>
-						<el-button type="danger" @click="delAllClick" size="small">全部移除</el-button>
-					</div>
-					<el-table :data="checkDataList" style="height:710px">
-						<el-table-column prop="userName" label="照片" width="60px" align="center">
-							<template #default="scope">
-								<el-avatar v-if="scope.row.icon != ''" shape="square" :size="30" :src="scope.row.icon" />
-								<el-avatar v-else shape="square" :size="30" :src="UserRole" />
-							</template>
-						</el-table-column>
-						<el-table-column prop="name" label="姓名"  align="left">
-							<template #default="scope">
-								{{ scope.row.name }}({{ scope.row.number }})
-							</template>
-						</el-table-column>
-						<el-table-column label="操作" width="60px">
-							<template #default="{ row }">
-								<el-button size="small" type="danger" @click="delRowClick(row)">移除</el-button>
-							</template>
-						</el-table-column>
-					</el-table>
-				</div>
-			</el-col>
-		</el-row>
-		
-		<template #footer>
-			<div>
-				<el-button @click="visible = false">取消</el-button>
-				<el-button type="primary" @click="confirmClick"> 确定 </el-button>
-			</div>
-		</template>
+  <el-dialog
+    title="用户选择"
+    v-model="visible"
+    :append-to-body="true"
+    :props="defaultProps"
+    width="80%"
+    top="2vh"
+    draggable
+  >
+    <el-row :gutter="20">
+      <el-col :span="6" style="padding: 0">
+        <div class="sidebar_tree">
+          <el-tree
+            ref="treeEl"
+            :data="treeData"
+            node-key="id"
+            @node-click="handleNodeClick"
+            :props="defaultProps"
+            highlight-current
+          />
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <div class="search">
+          <el-input placeholder="请输入用户名" v-model="userName" />
+          <el-button type="primary" @click="searchClick">查询</el-button>
+          <el-button @click="resetClick">重置</el-button>
+        </div>
+        <div class="list">
+          <el-table :data="tableData" style="width: 100%; height: 710px">
+            <el-table-column prop="userName" label="照片" width="100px" align="center">
+              <template #default="scope">
+                <el-avatar
+                  v-if="scope.row.icon != ''"
+                  shape="square"
+                  :size="30"
+                  :src="scope.row.icon"
+                />
+                <el-avatar v-else shape="square" :size="30" :src="UserRole" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="name" label="姓名" width="120px" align="left">
+              <template #default="scope">
+                {{ scope.row.name }}({{ scope.row.number }})
+              </template>
+            </el-table-column>
+            <el-table-column prop="tel" label="联系方式" width="120px" align="left" />
+            <el-table-column prop="nickName" label="归属行政组织" align="left">
+              <template #default="{ row }">
+                {{ row.companyname
+                }}<span v-if="row.maindeparmentname != ''">
+                  / {{ row.maindeparmentname }}</span
+                >
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" width="60px">
+              <template #default="{ row }">
+                <el-button circle size="small" @click="tableRowClick(row)"
+                  ><el-icon><ArrowRight /></el-icon
+                ></el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="page">
+            <el-pagination
+              background
+              layout="prev, pager, next, jumper"
+              small
+              hide-on-single-page
+              :current-page="page.current"
+              :total="page.total"
+              :page-size="page.pageSize"
+              @current-change="currentChange"
+            />
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div class="has_select">
+          <div class="total">
+            <div>已选择：{{ checkDataList.length }}</div>
+            <el-button type="danger" @click="delAllClick" size="small"
+              >全部移除</el-button
+            >
+          </div>
+          <el-table :data="checkDataList" style="height: 710px">
+            <el-table-column prop="userName" label="照片" width="60px" align="center">
+              <template #default="scope">
+                <el-avatar
+                  v-if="scope.row.icon != ''"
+                  shape="square"
+                  :size="30"
+                  :src="scope.row.icon"
+                />
+                <el-avatar v-else shape="square" :size="30" :src="UserRole" />
+              </template>
+            </el-table-column>
+            <el-table-column prop="name" label="姓名" align="left">
+              <template #default="scope">
+                {{ scope.row.name }}({{ scope.row.number }})
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" width="60px">
+              <template #default="{ row }">
+                <el-button size="small" type="danger" @click="delRowClick(row)"
+                  >移除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </el-col>
+    </el-row>
+
+    <template #footer>
+      <div>
+        <el-button @click="visible = false">取消</el-button>
+        <el-button type="primary" @click="confirmClick"> 确定 </el-button>
+      </div>
+    </template>
   </el-dialog>
 </template>
-<style  lang='scss' scoped>
+<style lang="scss" scoped>
 .sidebar_tree {
-	width: 100%;
-	border: 1px solid #ebeef5;
-	border-radius: 3px;
-	padding: 10px 0;
-	margin-right: 10px;
-	height: 750px;
-	overflow-y: auto;
+  width: 100%;
+  border: 1px solid #ebeef5;
+  border-radius: 3px;
+  padding: 10px 0;
+  margin-right: 10px;
+  height: 750px;
+  overflow-y: auto;
 }
 .has_select {
-	width: 100%;
+  width: 100%;
 
-	.total {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		height: 32px;
-		margin-bottom: 10px;
-	}
+  .total {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 32px;
+    margin-bottom: 10px;
+  }
 }
 .search {
-	display: flex;
-	margin-bottom: 10px;
-	.el-input {
-		margin-right: 10px;
-	}
+  display: flex;
+  margin-bottom: 10px;
+  .el-input {
+    margin-right: 10px;
+  }
 }
 .page {
-	padding-top: 20px;
-	display: flex;
-	justify-content:space-between;
+  padding-top: 20px;
+  display: flex;
+  justify-content: space-between;
 }
 .expand-user-dialog {
+  display: flex;
+  align-items: flex-start;
+  .sidebar-tree {
+    width: 180px;
+    border: 1px solid #ebeef5;
+    border-radius: 3px;
+    padding: 10px 0;
+    margin-right: 10px;
+    max-height: 500px;
+    overflow-y: auto;
+  }
+  .table-list {
+  }
+  .search {
     display: flex;
-    align-items: flex-start;
-    .sidebar-tree {
-		width: 180px;
-		border: 1px solid #ebeef5;
-		border-radius: 3px;
-		padding: 10px 0;
-		margin-right: 10px;
-		max-height: 500px;
-		overflow-y: auto;
-    }
-    .table-list {
-      	
+    margin-bottom: 10px;
+    .el-input {
+      margin-right: 10px;
     }
-    .search {
-		display: flex;
-		margin-bottom: 10px;
-		.el-input {
-			margin-right: 10px;
-		}
-    }
-    .page {
-		padding-top: 20px;
-		display: flex;
-		justify-content: flex-end;
-    }
-    .has-select {
-		width: 200px;
-		margin-left: 20px;
-		.total {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			height: 32px;
-			margin-bottom: 10px;
-		}
+  }
+  .page {
+    padding-top: 20px;
+    display: flex;
+    justify-content: flex-end;
+  }
+  .has-select {
+    width: 200px;
+    margin-left: 20px;
+    .total {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 32px;
+      margin-bottom: 10px;
     }
+  }
 }
 </style>
diff --git a/src/components/DesignForm/public/form/formItem.vue b/src/components/DesignForm/public/form/formItem.vue
index 898605f..253d7b5 100644
--- a/src/components/DesignForm/public/form/formItem.vue
+++ b/src/components/DesignForm/public/form/formItem.vue
@@ -1003,7 +1003,6 @@ const diGuiJilian = (val: any, options: any[]) => {
 };
 </script>
 <template>
-  {{ data.type }}
   <BaiduMap
     v-if="judgeIsShow(data.name) && data.type === 'baidumap' && type != 4"
     :data="data"
diff --git a/src/main.ts b/src/main.ts
index 3909ed5..24eac8b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -28,6 +28,10 @@ import ComWidget from '@/widget/index'
 import AKDesign from '@/views/sysworkflow/codepage/index'
 import * as pinia  from './store/index'
 
+import SketchRule from 'vue3-sketch-ruler'
+import 'vue3-sketch-ruler/lib/style.css'
+
+
 
 
 const app = createApp(App);
@@ -39,7 +43,7 @@ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
 	app.component(key, component)
 }
-
+app.component('SketchRule', SketchRule)
 app.directive('focus', {
 	mounted(el) {
 	  el.focus();
diff --git a/src/store/ruler/index.ts b/src/store/ruler/index.ts
new file mode 100644
index 0000000..b4cbfd8
--- /dev/null
+++ b/src/store/ruler/index.ts
@@ -0,0 +1,143 @@
+import { defineStore } from "pinia";
+import { store } from "@/store";
+export const printPageConfigStore = defineStore("printPageConfigStore", () => {
+    const isMoveCanvas = ref(false);
+    const isThumbnail = ref(true);
+    const viewWidth = ref<number>(1000);
+    const viewHeight = ref<number>(800);                                                                                                                           
+    const scale = ref<number>(100); //缩放
+    const scrollTop = ref<number>(0);
+    const scrollLeft = ref<number>(0);
+    const  screenWidth = ref<number>(1920);
+    const screenHeight = ref<number>(1080);
+    //bg
+    const backgroundColor = ref<string>('#FFFFFF');
+    const  backgroundImage = ref<string>('');
+
+    const scaleSub = () => {
+        return scale.value
+    }
+
+    const percent = () => {
+        return scale.value * 0.01
+    }
+
+    const thumbnailSize = () => {
+        if(scale.value > 100){
+            return 10 / scale.value
+        }else{
+            return 0.1;
+        }
+    }
+
+    const viewWidthSub = () => {
+        return viewWidth.value;
+    }
+
+    const viewHeightSub = () => {
+        return viewHeight.value;
+    }
+
+    const scrollTopSub = () => {
+        return scrollTop.value;
+    }
+    const  scrollLeftSub = () => {
+        return scrollLeft.value;
+    }
+    const  screenWidthSub = () => {
+        return screenWidth.value;
+    }
+    const  screenHeightSub = () => {
+        return screenHeight.value;
+    }
+
+    const showWidth = () => {
+        return screenWidthSub() * (scaleSub() < 100 ? 1 : percent()) + 400;
+    }
+    const  showHeight = () => {
+        return screenHeightSub() * (scaleSub() < 100 ? 1 : percent()) + 400;
+    }
+
+    const isMoveCanvasSub = () => {
+        return isMoveCanvas.value;
+    }
+
+    const canvasConfig = () =>{
+        return {
+            thumbnailWidth: Math.ceil(screenWidthSub() * thumbnailSize() * percent()),
+            thumbnailHeight: Math.ceil(screenHeightSub() * thumbnailSize ()* percent()),
+            thumbnailWrapWidth: Math.ceil(showWidth()* thumbnailSize()),
+            thumbnailWrapHeight: Math.ceil(showHeight() * thumbnailSize())
+        }                  
+    }
+    
+    const setViewBox = (data:{ width: number; height: number }) => {
+        viewWidth.value =  data.width; 
+        viewHeight.value = data.height;
+    }
+
+    const setScroll = ({ left, top }: { left: number; top: number }) => {
+        const distance = 60;
+
+        if (left < 0) {
+            left = 0;
+        } else if (left > showWidth() - viewWidthSub() - distance) {
+            left = showWidth() - viewWidthSub() - distance;
+        }
+
+        if (top < 0) {
+            top = 0;
+        } else if (top > showHeight() - viewHeightSub() - distance) {
+            top = showHeight() - viewHeightSub() - distance;
+        }
+        scrollLeft.value = Math.round(left);
+        scrollTop.value = Math.round(top);
+    }
+
+    const setMoveCanvas = (data: boolean) => {
+        isMoveCanvas.value = data
+    }
+
+    const setScale = (data: number) => {
+        scale.value = data;
+    }
+    const setThumbnail = (data: boolean) => {
+        isThumbnail.value = data;
+    }
+    return {
+        isMoveCanvas,
+        isThumbnail,
+        viewWidth,
+        viewHeight,
+        scale, //缩放
+        scrollTop,
+        scrollLeft,
+        screenWidth,
+        screenHeight,
+        //bg
+        backgroundColor,
+        backgroundImage,
+        scaleSub,
+        percent,
+        thumbnailSize,
+        viewWidthSub,
+        viewHeightSub,
+        scrollTopSub,
+        scrollLeftSub,
+        screenWidthSub,
+        screenHeightSub,
+        showWidth,
+        showHeight,
+        isMoveCanvasSub,
+        canvasConfig,
+        setViewBox,
+        setScroll,
+        setMoveCanvas,
+        setScale,
+        setThumbnail
+    };
+});
+
+export function useUserStoreHook() {
+    return printPageConfigStore(store);
+}
diff --git a/src/views/process/canvas-bg/CanvasBg.vue b/src/views/process/canvas-bg/CanvasBg.vue
new file mode 100644
index 0000000..986c206
--- /dev/null
+++ b/src/views/process/canvas-bg/CanvasBg.vue
@@ -0,0 +1,214 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-03-24 11:00:01
+@ 备注: 画板背景
+-->
+<script lang="ts" setup>
+import { drawRuler } from "./drawRuler.ts";
+import { printPageConfigStore } from "@/store/ruler/index";
+
+const editorStore = printPageConfigStore();
+const topRulerRef = ref(null); //上部标尺
+const leftRulerRef = ref(null); //左部标尺
+const scrollLeft = ref(editorStore.scrollLeftSub() - 24);
+const scrollTop = ref(editorStore.scrollLeftSub() - 24);
+const isMoveCanvas = ref(editorStore.isMoveCanvasSub());
+
+let moveInfo = {
+  startX: 0,
+  startY: 0,
+};
+
+const bgStyle = reactive({
+  width: editorStore.showWidth() + "px",
+  height: editorStore.showHeight() + "px",
+});
+const canvasStyle = reactive({
+  left: -scrollLeft.value + "px",
+  top: -scrollTop.value + "px",
+  width: editorStore.screenWidth + "px",
+  height: editorStore.screenHeight + "px",
+  transform: `scale(${editorStore.scale * 0.01})`,
+});
+const topStyle = reactive({
+  left: -scrollLeft.value + "px",
+});
+const leftStyle = reactive({
+  top: -scrollTop.value + "px",
+});
+
+let isRuler = false;
+const refreshRuler = () => {
+  if (!isRuler) {
+    isRuler = true;
+    nextTick(() => {
+      drawRuler(
+        "top",
+        topRulerRef.value,
+        editorStore.scale,
+        editorStore.showWidth(),
+        24,
+        60
+      );
+      drawRuler(
+        "left",
+        leftRulerRef.value,
+        editorStore.scale,
+        editorStore.showHeight(),
+        24,
+        60
+      );
+      isRuler = false;
+    });
+  }
+};
+
+//数据监听区域
+watch(
+  () => editorStore.screenWidth,
+  () => {
+    refreshRuler();
+  },
+  {
+    deep: true,
+  }
+);
+watch(
+  () => editorStore.screenHeight,
+  () => {
+    refreshRuler();
+  },
+  {
+    deep: true,
+  }
+);
+watch(
+  () => editorStore.scale,
+  (val: number) => {
+    console.log("标尺刻度值---111--》", val);
+    canvasStyle.scale = val * 0.01;
+    refreshRuler();
+  },
+  {
+    deep: true,
+  }
+);
+const onKeyAction = (e: KeyboardEvent) => {
+  if (e.keyCode == keyCode.space) {
+    editorStore.setMoveCanvas(!editorStore.isMoveCanvas);
+  }
+};
+const onWheelAction = (e: WheelEvent) => {
+  //   console.log(editorStore.scale);
+  if (e.wheelDelta > 0) {
+    editorStore.setScale(editorStore.scale + 1);
+  } else {
+    editorStore.setScale(editorStore.scale - 1);
+  }
+};
+
+onMounted(() => {
+  //   window.addEventListener("keydown", onKeyAction);
+  window.addEventListener("wheel", onWheelAction);
+  refreshRuler();
+});
+onBeforeUnmount(() => {
+  //   window.removeEventListener("keydown", onKeyAction);
+  window.removeEventListener("wheel", onWheelAction);
+});
+
+const onMoveCanvasDown = (e: MouseEvent) => {
+  e.stopPropagation();
+  console.log("鼠标", editorStore.scale);
+  moveInfo = {
+    startX: e.clientX,
+    startY: e.clientY,
+  };
+};
+const onMoveCanvasUp = (e: MouseEvent) => {
+  e.stopPropagation();
+  let left = scrollLeft.value - (e.clientX - moveInfo.startX);
+  let top = scrollTop.value - (e.clientY - moveInfo.startY);
+  //   console.log('move', left, top);
+  editorStore.setScroll({ left, top });
+};
+</script>
+<template>
+  <div class="dashboard-canvas" id="dashboard">
+    <div class="canvas-bg" :style="bgStyle">
+      <div
+        :style="canvasStyle"
+        class="canvas-panel-wrap"
+        @mousedown="onMoveCanvasDown"
+        @mouseup="onMoveCanvasUp"
+      >
+        {{ canvasStyle }}
+        <slot></slot>
+      </div>
+      <canvas ref="topRulerRef" class="canvas-ruler top" :style="topStyle"></canvas>
+      <canvas ref="leftRulerRef" class="canvas-ruler left" :style="leftStyle"></canvas>
+
+      <i class="canvas-ruler-cross fa fa-eye"></i>
+      <div
+        class="canvas-move"
+        v-show="isMoveCanvas"
+        @mousedown="onMoveCanvasDown"
+        @mouseup="onMoveCanvasUp"
+      >
+        1212312312
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.dashboard-canvas {
+  top: 0px;
+  height: calc(100vh - 200px);
+  overflow: hidden;
+  position: relative;
+  left: 0px;
+  width: 100%;
+}
+.canvas-ruler-cross {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  position: absolute;
+  background-color: var(--ruler-bg);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.canvas-panel-wrap {
+  position: absolute;
+  box-shadow: var(--canvas-shadow) 0 0 30px 0;
+  transform-origin: left top;
+  margin-left: 20px;
+  margin-top: 20px;
+  background-color: #e4e4ed;
+}
+.canvas-move {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background-color: var(--move-bg);
+  cursor: move;
+}
+
+.canvas-ruler {
+  position: absolute;
+  transform-origin: left top;
+  // cursor: ew-resize;
+  background-color: var(--ruler-bg);
+
+  &.left {
+    top: 24px;
+    left: 0px;
+  }
+
+  &.top {
+    top: 0px;
+    left: 24px;
+  }
+}
+</style>
diff --git a/src/views/process/canvas-bg/drawRuler.ts b/src/views/process/canvas-bg/drawRuler.ts
new file mode 100644
index 0000000..717b068
--- /dev/null
+++ b/src/views/process/canvas-bg/drawRuler.ts
@@ -0,0 +1,98 @@
+/**
+ * 画标尺刻度Canvas
+ * @param direction 方向
+ * @param canvas canvas DOM
+ * @param scale 缩放比例[20-200]
+ * @param width 长度
+ * @param height 高度
+ * @param startLen 开始距离
+ */
+export function drawRuler(
+  direction: string,
+  canvas: HTMLCanvasElement,
+  scale: number = 100,
+  width: number,
+  height: number = 24,
+  startLen: number = 60
+) {
+  const padding = 2;
+  const ctx: CanvasRenderingContext2D = canvas.getContext('2d');
+  const percent = scale * 0.01;
+  let unit = Math.ceil(10 / percent);
+  if (unit < 8) {
+    unit = 8;
+  }
+  //计算出要绘制多少个刻度
+  const scaleCount = Math.ceil(width + startLen / unit);
+  if (direction == 'top') {
+    canvas.width = width + startLen;
+    canvas.height = height;
+    ctx.clearRect(0, 0, width, height);
+    ctx.beginPath();
+    //绘制起点
+    ctx.strokeStyle = 'rgb(161, 174, 179)';
+    ctx.font = '10px Arial';
+    ctx.lineWidth = 0.5;
+    ctx.moveTo(startLen, 0);
+    ctx.lineTo(startLen, height);
+    ctx.fillText('0', startLen + padding, 13);
+
+    for (let i = 1; i <= scaleCount; i++) {
+      //计算每个刻度的位置
+        const step = startLen + Math.round(i * unit * percent);
+        //10的倍数刻度大长度
+        if (i % 10 === 0) {
+          ctx.moveTo(step, 0);
+          ctx.lineTo(step, height);
+          //标注刻度值
+          const scaleText = i * unit + '';
+          ctx.fillText(scaleText, step + padding, 13);
+        } else if (i % 5 === 0) {//5的倍数刻度中长度
+          ctx.moveTo(step, 15);
+          ctx.lineTo(step, height);
+          //标注刻度值
+          const scaleText = i * unit + '';
+          ctx.fillText(scaleText, step + padding, 13);
+        } else {//其他刻度小长度
+          ctx.moveTo(step, height - 2);
+          ctx.lineTo(step, height);
+        }
+      }
+      ctx.stroke();
+  } else {
+    canvas.width = height;
+    canvas.height = width + startLen;
+    ctx.clearRect(0, 0, height, width + startLen);
+
+    ctx.beginPath();
+    //绘制起点
+    ctx.strokeStyle = 'rgb(161, 174, 179)';
+    ctx.font = '10px Arial';
+    ctx.lineWidth = 0.5;
+    ctx.moveTo(0, startLen);
+    ctx.lineTo(height, startLen);
+    ctx.fillText('0', padding, startLen - padding);
+    //计算出要绘制多少个刻度
+
+    for (let i = 1; i <= scaleCount; i++) {
+      const step = startLen + Math.round(i * unit * percent);
+      if (i % 10 === 0) {
+        ctx.moveTo(0, step);
+        ctx.lineTo(height, step);
+        //标注刻度值
+        const scaleText = unit * i + '';
+        ctx.fillText(scaleText, padding, step - padding);
+      } else if (i % 5 === 0) {
+        ctx.moveTo(15, step);
+        ctx.lineTo(height, step);
+        //标注刻度值
+        const scaleText = unit * i + '';
+        ctx.fillText(scaleText, padding, step - padding);
+      } else {
+        ctx.moveTo(height - 2, step);
+        ctx.lineTo(height, step);
+      }
+    }
+    ctx.stroke();
+  }
+}
diff --git a/src/views/process/customProvider.js b/src/views/process/customProvider.js
new file mode 100644
index 0000000..879c64e
--- /dev/null
+++ b/src/views/process/customProvider.js
@@ -0,0 +1,75 @@
+import { hiprint } from "vue-plugin-hiprint";
+export const iCustomProvider = function (options) {
+    console.log(options.moduleList.value);
+    var addElementTypes = function (context) {
+        context.removePrintElementTypes("providerModule1");
+        context.addPrintElementTypes("providerModule1", [
+            new hiprint.PrintElementTypeGroup("追溯业务", [
+                // options.config,
+                ...options.moduleList.value.map(item => ({
+                    tid: item.defaultModule,
+                    title: item.title,
+                    data: item.title,
+                    type: item.type,
+                    options: {
+                        field: item.field,
+                        height: 14,
+                        testData: "默认",
+                        fontSize: 12,
+                        fontWeight: '500',
+                        textAlign: 'center',
+                        textContentVerticalAlign: 'middle',
+                        ...(item.textType ? { textType: item.textType } : {}),
+                    },
+                })),
+                {
+                    tid: "providerModule1.text",
+                    title: "文本",
+                    data: "文本",
+                    type: "text",
+                    options: {
+                        field: "customText",
+                        testData: "文本",
+                        height: 14,
+                        fontSize: 12,
+                        fontWeight: "500",
+                        textAlign: "left",
+                        textContentVerticalAlign: "middle",
+                    },
+                },
+                {
+                    tid: "providerModule1.barcode",
+                    title: "条形码",
+                    data: "XS888888888",
+                    type: "text",
+                    options: {
+                        field: "barcode",
+                        testData: "XS888888888",
+                        height: 32,
+                        fontSize: 12,
+                        lineHeight: 18,
+                        textAlign: "left",
+                        textType: "barcode",
+                    },
+                },
+                {
+                    tid: "providerModule1.qrcode",
+                    title: "二维码",
+                    data: "XS888888888",
+                    type: "qrcode",
+                    options: {
+                        field: "qrcode",
+                        testData: "XS888888888",
+                        height: 32,
+                        fontSize: 12,
+                        lineHeight: 18,
+                        textType: "qrcode",
+                    },
+                },
+            ]),
+        ]);
+    };
+    return {
+        addElementTypes: addElementTypes,
+    };
+};
diff --git a/src/views/process/print/canvas-bg/CanvasBg.vue b/src/views/process/print/canvas-bg/CanvasBg.vue
new file mode 100644
index 0000000..27d4dac
--- /dev/null
+++ b/src/views/process/print/canvas-bg/CanvasBg.vue
@@ -0,0 +1,200 @@
+<template>
+  <div class="canvas-bg" :style="bgStyle">
+    <div :style="canvasStyle" class="canvas-panel-wrap">
+      {{ canvasStyle }} <slot></slot>
+    </div>
+
+    <canvas ref="topRulerRef" class="canvas-ruler top" :style="topStyle"></canvas>
+    <canvas ref="leftRulerRef" class="canvas-ruler left" :style="leftStyle"></canvas>
+    <i class="canvas-ruler-cross"></i>
+
+    <div
+      class="canvas-move"
+      v-show="isMoveCanvas"
+      @mousedown="onMoveCanvasDown"
+      @mouseup="onMoveCanvasUp"
+    ></div>
+  </div>
+</template>
+
+<script lang="ts">
+import {
+  defineComponent,
+  ref,
+  onMounted,
+  computed,
+  watch,
+  nextTick,
+  onBeforeUnmount,
+} from "vue";
+import { drawRuler } from "./drawRuler.ts";
+import { useUserRulerStore } from "@/store/ruler/index";
+import { keyCode } from "./data/keyCode";
+
+export default defineComponent({
+  name: "CanvasBg",
+
+  setup() {
+    const editorStore = useUserRulerStore();
+    const topRulerRef = ref();
+    const leftRulerRef = ref();
+    const isMoveCanvas = computed(() => editorStore.isMoveCanvas);
+    watch(
+      () => editorStore.screenWidth,
+      () => {
+        refreshRuler();
+      }
+    );
+    watch(
+      () => editorStore.screenHeight,
+      () => {
+        refreshRuler();
+      }
+    );
+    watch(
+      () => editorStore.scale,
+      () => {
+        refreshRuler();
+      }
+    );
+
+    let isRuler = false;
+    const refreshRuler = () => {
+      if (!isRuler) {
+        isRuler = true;
+        nextTick(() => {
+          drawRuler(
+            "top",
+            topRulerRef.value,
+            editorStore.scale,
+            editorStore.showWidth,
+            24,
+            60
+          );
+          drawRuler(
+            "left",
+            leftRulerRef.value,
+            editorStore.scale,
+            editorStore.showWidth,
+            24,
+            60
+          );
+          isRuler = false;
+        });
+      }
+    };
+    const scrollLeft = computed(() => {
+      return editorStore.scrollLeft - 24;
+    });
+    const scrollTop = computed(() => {
+      return editorStore.scrollTop - 24;
+    });
+    const onKeyAction = (e: KeyboardEvent) => {
+      if (e.keyCode == keyCode.space) {
+        editorStore.setMoveCanvas(!editorStore.isMoveCanvas);
+      }
+    };
+    const onWheelAction = (e: WheelEvent) => {
+      if (isMoveCanvas.value) {
+        if (e.wheelDelta > 0) {
+          editorStore.setScale(editorStore.scale + 1);
+        } else {
+          editorStore.setScale(editorStore.scale - 1);
+        }
+      }
+    };
+    onMounted(() => {
+      window.addEventListener("keydown", onKeyAction);
+      window.addEventListener("wheel", onWheelAction);
+      refreshRuler();
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("keydown", onKeyAction);
+      window.removeEventListener("wheel", onWheelAction);
+    });
+    let moveInfo = {
+      startX: 0,
+      startY: 0,
+    };
+    return {
+      topRulerRef,
+      leftRulerRef,
+      topStyle: computed(() => ({
+        left: -scrollLeft.value + "px",
+      })),
+      leftStyle: computed(() => ({ top: -scrollTop.value + "px" })),
+      isMoveCanvas,
+      bgStyle: computed(() => ({
+        width: editorStore.showWidth + "px",
+        height: editorStore.showHeight + "px",
+      })),
+      canvasStyle: computed(() => ({
+        left: -scrollLeft.value + "px",
+        top: -scrollTop.value + "px",
+        width: editorStore.screenWidth + "px",
+        height: editorStore.screenHeight + "px",
+        transform: `scale(${editorStore.scale * 0.01})`,
+      })),
+      scrollLeft,
+      scrollTop,
+      onMoveCanvasDown: (e: MouseEvent) => {
+        e.stopPropagation();
+
+        moveInfo = {
+          startX: e.clientX,
+          startY: e.clientY,
+        };
+      },
+      onMoveCanvasUp: (e: MouseEvent) => {
+        e.stopPropagation();
+        let left = scrollLeft.value - (e.clientX - moveInfo.startX);
+        let top = scrollTop.value - (e.clientY - moveInfo.startY);
+        //   console.log('move', left, top);
+        editorStore.setScroll({ left, top });
+      },
+    };
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.canvas-ruler-cross {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  position: absolute;
+
+  background-color: var(--ruler-bg);
+}
+.canvas-panel-wrap {
+  position: absolute;
+  box-shadow: var(--canvas-shadow) 0 0 30px 0;
+  transform-origin: left top;
+  margin-left: 60px;
+  margin-top: 60px;
+}
+.canvas-move {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background-color: var(--move-bg);
+  cursor: move;
+}
+
+.canvas-ruler {
+  position: absolute;
+  transform-origin: left top;
+  // cursor: ew-resize;
+  background-color: var(--ruler-bg);
+
+  &.left {
+    top: 24px;
+    left: 0px;
+  }
+
+  &.top {
+    top: 0px;
+    left: 24px;
+  }
+}
+</style>
diff --git a/src/views/process/print/canvas-bg/CanvasSlider.vue b/src/views/process/print/canvas-bg/CanvasSlider.vue
new file mode 100644
index 0000000..1e8aae6
--- /dev/null
+++ b/src/views/process/print/canvas-bg/CanvasSlider.vue
@@ -0,0 +1,148 @@
+<template>
+  <div class="canvas-slider">
+    <el-tooltip placement="top" effect="light">
+      <template #content>
+        <div class="operation-tip-item">
+          <div>按下空格键，可移动画布</div>
+          <div>按下空格键，滚动鼠标滑轮可放缩画布</div>
+        </div>
+      </template>
+      <i class="el-icon-thumb" />
+    </el-tooltip>
+    <el-input-number v-model="scalePercent" :min="20" :max="200" size="small"></el-input-number>
+    <el-slider
+      size="small"
+      v-model="scalePercent"
+      :min="20"
+      :max="200"
+      :step="5"
+      style="width: 100px; margin: 0 12px"
+    ></el-slider>
+
+    <el-tooltip placement="top">
+      <template #content> 实际大小 </template>
+      <i class="el-icon-full-screen" @click="onRealCanvas" />
+    </el-tooltip>
+    <el-tooltip placement="top">
+      <template #content> 适应屏幕大小 </template>
+      <i class="el-icon-aim" @click="onFitCanvas" />
+    </el-tooltip>
+    <i
+      class="el-icon-monitor"
+      :style="{ color: showThumbnail ? 'dodgerblue' : 'rgba(0,0,0,0.5)' }"
+      @click="onMagic"
+    ></i>
+  </div>
+</template>
+
+<script lang="ts">
+  import { useEditorStore } from '@/stores/editor';
+
+  import { defineComponent, ref, computed, onMounted, onBeforeUnmount } from 'vue';
+
+  //下方状态栏
+  export default defineComponent({
+    name: 'CanvasSlider',
+    setup() {
+      const store = useEditorStore();
+
+      const scalePercent = computed({
+        get: () => store.scale,
+        set: (value) => {
+          store.setScale(value);
+        }
+      });
+      const showThumbnail = computed({
+        get: () => store.$state.isThumbnail,
+        set: (value) => {
+          store.setThumbnail(value);
+        }
+      });
+
+      const onFitCanvas = () => {
+        store.setScale(
+          parseInt(
+            //@ts-ignore
+            ((document.getElementById('dashboard').offsetHeight - 84) / store.screenHeight) * 100
+          )
+        );
+      };
+      const onRealCanvas = () => {
+        store.setScale(100);
+      };
+      const onMagic = () => {
+        showThumbnail.value = !showThumbnail.value;
+      };
+
+      return {
+        showThumbnail,
+
+        scalePercent,
+
+        //method
+        onMagic,
+        onFitCanvas,
+        onRealCanvas
+      };
+    }
+  });
+</script>
+<style lang="scss" scoped>
+  .operation-tip-item > div {
+    color: var(--el-color-primary);
+    background: rgba(26, 103, 255, 0.1);
+    padding: 5px 10px;
+  }
+
+  .operation-tip-item > div:not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  i {
+    font-size: 16px;
+    color: var(--slider-icon);
+    cursor: pointer;
+
+    &:not(:last-child) {
+      margin-right: 10px;
+    }
+  }
+
+  :deep(.el-input-number__decrease) {
+    border: none;
+    background: none;
+  }
+
+  :deep(.el-input-number__increase) {
+    border: none;
+    background: none;
+  }
+
+  :deep(.el-input__wrapper) {
+    border: none;
+    border-radius: 0;
+    background: none;
+    box-shadow: none;
+  }
+
+  .el-input-number--small {
+    width: 84px;
+  }
+
+  $line: solid 1px var(--canvas-slider-border);
+
+  .canvas-slider {
+    display: flex;
+    position: fixed;
+    bottom: 10px;
+    right: 310px;
+    background-color: var(--slider-bg);
+    height: 32px;
+    justify-content: flex-end;
+    align-items: center;
+    border: $line;
+    z-index: 9;
+    border-radius: 2px;
+    padding: 0 16px;
+  }
+</style>
diff --git a/src/views/process/print/canvas-bg/CanvasThumbnail.vue b/src/views/process/print/canvas-bg/CanvasThumbnail.vue
new file mode 100644
index 0000000..f3fcc5b
--- /dev/null
+++ b/src/views/process/print/canvas-bg/CanvasThumbnail.vue
@@ -0,0 +1,193 @@
+<template>
+  <canvas
+    class="canvas-thumbnail"
+    :width="canvasConfig.thumbnailWrapWidth"
+    :height="canvasConfig.thumbnailWrapHeight"
+    ref="thumbnailRef"
+    v-show="showThumbnail"
+    @mousedown="onMoveStart"
+    @mousemove="onMove"
+    @mouseup="onMoveEnd"
+    @mouseleave="onMoveEnd"
+  >
+  </canvas>
+</template>
+
+<script lang="ts">
+  import { useEditorStore } from '@/stores/editor';
+  import {
+    defineComponent,
+    ref,
+    computed,
+    reactive,
+    watch,
+    onMounted,
+    nextTick,
+    onBeforeUnmount
+  } from 'vue';
+  export default defineComponent({
+    name: 'CanvasThumbnail',
+    setup(props, context) {
+      const editorStore = useEditorStore();
+      const thumbnailRef = ref();
+      const canvasConfig = computed(() => editorStore.canvasConfig);
+      let isLock = false;
+      const viewBox = computed({
+        get: () => ({ viewWidth: editorStore.viewWidth, viewHeight: editorStore.viewHeight }),
+        set: (v) => {
+          editorStore.setViewBox(v);
+        }
+      });
+      const unscale = computed(() => {
+        if (editorStore.scale > 100) {
+          return 1 / editorStore.thumbnailSize;
+        } else {
+          return 10;
+        }
+      });
+
+      const getViewBox = () => {
+        nextTick(() => {
+          let dashboardDom = document.getElementById('dashboard');
+          if (!dashboardDom) {
+            return;
+          }
+          viewBox.value.viewWidth = dashboardDom.offsetWidth;
+          viewBox.value.viewHeight = dashboardDom.offsetHeight;
+          drawThumbnail();
+        });
+      };
+      const drawThumbnail = () => {
+        if (!isLock) {
+          isLock = true;
+          nextTick(() => {
+            let startLen = 6;
+
+            const ctx = thumbnailRef.value.getContext('2d');
+            ctx.clearRect(
+              0,
+              0,
+              canvasConfig.value.thumbnailWrapWidth,
+              canvasConfig.value.thumbnailWrapHeight
+            );
+            ctx.beginPath();
+            ctx.fillStyle = 'rgba(26, 103, 255, 0.5)';
+            ctx.rect(
+              startLen,
+              startLen,
+              canvasConfig.value.thumbnailWidth,
+              canvasConfig.value.thumbnailHeight
+            );
+            ctx.fill();
+            ctx.beginPath();
+            ctx.strokeStyle = '#1a67ff';
+            ctx.rect(
+              Math.round(editorStore.scrollLeft * editorStore.thumbnailSize),
+              Math.round(editorStore.scrollTop * editorStore.thumbnailSize),
+              viewBox.value.viewWidth * editorStore.thumbnailSize,
+              viewBox.value.viewHeight * editorStore.thumbnailSize
+            );
+            ctx.stroke();
+
+            isLock = false;
+          });
+        }
+      };
+      watch(
+        () => editorStore.scale,
+        () => {
+          drawThumbnail();
+        }
+      );
+      watch(
+        () => editorStore.screenWidth,
+        () => {
+          drawThumbnail();
+        }
+      );
+      watch(
+        () => editorStore.screenHeight,
+        () => {
+          drawThumbnail();
+        }
+      );
+      watch(
+        () => editorStore.scrollLeft,
+        () => {
+          drawThumbnail();
+        }
+      );
+      watch(
+        () => editorStore.scrollTop,
+        () => {
+          drawThumbnail();
+        }
+      );
+
+      watch(
+        () => editorStore.screenHeight,
+        () => {
+          drawThumbnail();
+        }
+      );
+      watch(
+        () => editorStore.viewHeight,
+        () => {
+          drawThumbnail();
+        }
+      );
+      watch(
+        () => editorStore.viewWidth,
+        () => {
+          drawThumbnail();
+        }
+      );
+
+      onMounted(() => {
+        window.addEventListener('resize', getViewBox);
+        getViewBox();
+      });
+      onBeforeUnmount(() => {
+        window.removeEventListener('resize', getViewBox);
+      });
+      let moveInfo = {
+        startX: 0,
+        startY: 0,
+        isMove: false
+      };
+      return {
+        canvasConfig,
+        thumbnailRef,
+        showThumbnail: computed(() => editorStore.isThumbnail),
+        onMoveStart: (e: MouseEvent) => {
+          moveInfo.isMove = true;
+          moveInfo.startX = e.clientX;
+          moveInfo.startY = e.clientY;
+        },
+        onMove: (e: MouseEvent) => {
+          if (moveInfo.isMove) {
+            let left = editorStore.scrollLeft + (e.clientX - moveInfo.startX) * unscale.value;
+            let top = editorStore.scrollTop + (e.clientY - moveInfo.startY) * unscale.value;
+            // console.log('thumbnail', left, top);
+            editorStore.setScroll({ left, top });
+            moveInfo.startX = e.clientX;
+            moveInfo.startY = e.clientY;
+          }
+        },
+        onMoveEnd: () => {
+          moveInfo.isMove = false;
+        }
+      };
+    }
+  });
+</script>
+<style lang="scss" scoped>
+  .canvas-thumbnail {
+    background-color: var(--thumbnail-wrap-bg);
+    position: fixed;
+    right: 310px;
+    bottom: 48px;
+    z-index: 9;
+    cursor: move;
+  }
+</style>
diff --git a/src/views/process/print/canvas-bg/data/keyCode.ts b/src/views/process/print/canvas-bg/data/keyCode.ts
new file mode 100644
index 0000000..a8ee423
--- /dev/null
+++ b/src/views/process/print/canvas-bg/data/keyCode.ts
@@ -0,0 +1,41 @@
+export const keyCode = {
+  space: 32,
+  backspace: 8,
+  shift: 16,
+  ctr: 17,
+  option: 18,
+  command: 91,
+  alt: 18,
+  ctrl: 17,
+  equal: 187,
+  minus: 189,
+  q: 81,
+  w: 87,
+  c: 67,
+  d: 68,
+  z: 90,
+  y: 89,
+  g: 71,
+  l: 76,
+  h: 72,
+  u: 85,
+  o: 79,
+  r: 82,
+  t: 84,
+  b: 66,
+  s: 83,
+  p: 80,
+  left: 37,
+  top: 38,
+  right: 39,
+  bottom: 40
+};
+
+// export function getCodeKey(code) {
+//   for (let k in keyCode) {
+//     if (keyCode[k] == code) {
+//       return k;
+//     }
+//   }
+//   return '';
+// }
diff --git a/src/views/process/print/canvas-bg/drawRuler.ts b/src/views/process/print/canvas-bg/drawRuler.ts
new file mode 100644
index 0000000..717b068
--- /dev/null
+++ b/src/views/process/print/canvas-bg/drawRuler.ts
@@ -0,0 +1,98 @@
+/**
+ * 画标尺刻度Canvas
+ * @param direction 方向
+ * @param canvas canvas DOM
+ * @param scale 缩放比例[20-200]
+ * @param width 长度
+ * @param height 高度
+ * @param startLen 开始距离
+ */
+export function drawRuler(
+  direction: string,
+  canvas: HTMLCanvasElement,
+  scale: number = 100,
+  width: number,
+  height: number = 24,
+  startLen: number = 60
+) {
+  const padding = 2;
+  const ctx: CanvasRenderingContext2D = canvas.getContext('2d');
+  const percent = scale * 0.01;
+  let unit = Math.ceil(10 / percent);
+  if (unit < 8) {
+    unit = 8;
+  }
+  //计算出要绘制多少个刻度
+  const scaleCount = Math.ceil(width + startLen / unit);
+  if (direction == 'top') {
+    canvas.width = width + startLen;
+    canvas.height = height;
+    ctx.clearRect(0, 0, width, height);
+    ctx.beginPath();
+    //绘制起点
+    ctx.strokeStyle = 'rgb(161, 174, 179)';
+    ctx.font = '10px Arial';
+    ctx.lineWidth = 0.5;
+    ctx.moveTo(startLen, 0);
+    ctx.lineTo(startLen, height);
+    ctx.fillText('0', startLen + padding, 13);
+
+    for (let i = 1; i <= scaleCount; i++) {
+      //计算每个刻度的位置
+        const step = startLen + Math.round(i * unit * percent);
+        //10的倍数刻度大长度
+        if (i % 10 === 0) {
+          ctx.moveTo(step, 0);
+          ctx.lineTo(step, height);
+          //标注刻度值
+          const scaleText = i * unit + '';
+          ctx.fillText(scaleText, step + padding, 13);
+        } else if (i % 5 === 0) {//5的倍数刻度中长度
+          ctx.moveTo(step, 15);
+          ctx.lineTo(step, height);
+          //标注刻度值
+          const scaleText = i * unit + '';
+          ctx.fillText(scaleText, step + padding, 13);
+        } else {//其他刻度小长度
+          ctx.moveTo(step, height - 2);
+          ctx.lineTo(step, height);
+        }
+      }
+      ctx.stroke();
+  } else {
+    canvas.width = height;
+    canvas.height = width + startLen;
+    ctx.clearRect(0, 0, height, width + startLen);
+
+    ctx.beginPath();
+    //绘制起点
+    ctx.strokeStyle = 'rgb(161, 174, 179)';
+    ctx.font = '10px Arial';
+    ctx.lineWidth = 0.5;
+    ctx.moveTo(0, startLen);
+    ctx.lineTo(height, startLen);
+    ctx.fillText('0', padding, startLen - padding);
+    //计算出要绘制多少个刻度
+
+    for (let i = 1; i <= scaleCount; i++) {
+      const step = startLen + Math.round(i * unit * percent);
+      if (i % 10 === 0) {
+        ctx.moveTo(0, step);
+        ctx.lineTo(height, step);
+        //标注刻度值
+        const scaleText = unit * i + '';
+        ctx.fillText(scaleText, padding, step - padding);
+      } else if (i % 5 === 0) {
+        ctx.moveTo(15, step);
+        ctx.lineTo(height, step);
+        //标注刻度值
+        const scaleText = unit * i + '';
+        ctx.fillText(scaleText, padding, step - padding);
+      } else {
+        ctx.moveTo(height - 2, step);
+        ctx.lineTo(height, step);
+      }
+    }
+    ctx.stroke();
+  }
+}
diff --git a/src/views/process/state.vue b/src/views/process/state.vue
new file mode 100644
index 0000000..51ed1d3
--- /dev/null
+++ b/src/views/process/state.vue
@@ -0,0 +1,14 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-03-24 09:42:31
+@ 备注: 
+-->
+<script lang="ts" setup>
+import CanvasBg from "@/views/process/canvas-bg/CanvasBg.vue";
+</script>
+<template>
+  <div>
+    <CanvasBg />
+  </div>
+</template>
+<style lang="scss" scoped></style>
diff --git a/src/views/process/state2.vue b/src/views/process/state2.vue
new file mode 100644
index 0000000..185d73d
--- /dev/null
+++ b/src/views/process/state2.vue
@@ -0,0 +1,30 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-03-22 11:05:01
+@ 备注: 
+-->
+<script lang="ts" setup>
+import { Vue3RulerTool } from "vue3-ruler-tool";
+import "vue3-ruler-tool/dist/style.css";
+const presetLine = ref([
+  { type: "h", site: 20 },
+  { type: "v", site: 10 },
+]);
+const visible = ref(true);
+const input = (list: any) => {
+  presetLine.value = list;
+};
+</script>
+<template>
+  <vue3-ruler-tool
+    :value="presetLine"
+    :step-length="50"
+    :parent="true"
+    :is-scale-revise="true"
+    :visible.sync="visible"
+    @input="input"
+  >
+    <div>我是内容</div>
+  </vue3-ruler-tool>
+</template>
+<style lang="scss" scoped></style>
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageConfig.ts b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageConfig.ts
new file mode 100644
index 0000000..059e816
--- /dev/null
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageConfig.ts
@@ -0,0 +1,39 @@
+export default {
+    paperOrientationList:[
+        {
+            value:1,
+            label:"纵向"
+        },
+        {
+            value:2,
+            label:"横向"
+        },
+    ],
+    // 纸张类型
+    paperTypes: {
+        'A3': {
+          width: 420,
+          height: 296.6
+        },
+        'A4': {
+          width: 210,
+          height: 296.6
+        },
+        'A5': {
+          width: 210,
+          height: 147.6
+        },
+        'B3': {
+          width: 500,
+          height: 352.6
+        },
+        'B4': {
+          width: 250,
+          height: 352.6
+        },
+        'B5': {
+          width: 250,
+          height: 175.6
+        }
+      },
+}
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
index f4fc84b..1279688 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue
@@ -5,7 +5,8 @@
 -->
 <script lang="ts" setup>
 import { ElTable } from "element-plus";
-import { Hide, View } from "@element-plus/icons-vue";
+import { Hide, View, Calendar, Search } from "@element-plus/icons-vue";
+
 import {
   attrButton,
   tableButton,
@@ -33,6 +34,11 @@ import { formTableField, formTabelStruct } from "@/api/DesignForm/type";
 
 import tempOtherUnit from "@/components/DesignForm/pageList/types";
 import { ElMessage } from "element-plus";
+import { sendTableFields, sendCustFields } from "@/api/displayboardapi/types";
+import {
+  gainOrgOfPeopleNodeFactor,
+  gainOegAndPeople,
+} from "@/api/displayboardapi/indexapi";
 
 import Sortable from "sortablejs";
 //引入子组件
@@ -220,6 +226,15 @@ const state = reactive({
       },
     },
   },
+  sendMsg: {
+    open: false, //是否开启发送消息
+    type: "textcard", //消息类型
+    title: [], //标题对应的表字段
+    content: [], //描述对应的表字段
+    icon: "", //图片对应的表字段
+    sendRange: 2, //发送范围
+    sendRangeList: [], //发送范围辅助信息
+  },
 });
 /**
 @ 作者: 秦东
@@ -368,6 +383,14 @@ const getListInfo = () => {
       console.log("获取列表内容---->", stateData);
       state.tableData = stateData.tableData;
       state.searchData = stateData.searchData;
+      if (stateData.sendMsg) {
+        state.sendMsg = stateData.sendMsg;
+
+        if (state.sendMsg.sendRange != 0) {
+          oldPickSendRange.value = state.sendMsg.sendRange;
+        }
+      }
+
       if (state.searchData == null) {
         state.searchData = new Array();
       }
@@ -866,6 +889,7 @@ const dialogOpen = (obj: any, params: any = {}) => {
   drawer.visible = true;
   Object.assign(drawer, { direction: "ltr" }, params);
   let editData = objToStringify(obj, true);
+  console.log("数据格式处理------------------------>", params);
   switch (params.type) {
     case "dict":
       editData = json2string(obj, true);
@@ -1087,8 +1111,473 @@ const addListField = (
   // }
   // console.log("state.tableData.columns", state.tableData);
 };
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-25 15:27:52
+@ 功能: 选择发送范围
+*/
+const tableFieldsList = ref<sendTableFields[]>();
+const oldPickSendRange = ref<number>(2);
+const pickTableIsOpen = ref(false); //指定表格
+const sendTableLoading = ref(false);
+const pickCustomizeIsOpen = ref(false); //自定义发送范围
+const sendCustLoading = ref(false);
+const pickSendRange = (val: number) => {
+  console.log("pickSendRange", val);
+  switch (val) {
+    case 5: //指定表格中的字段
+      getOrgPeople();
+      pickTableIsOpen.value = true;
+
+      break;
+    case 6: //自定义发送范围
+      gainPeopleAndOrg();
+      pickCustomizeIsOpen.value = true;
+      break;
+    default:
+      oldPickSendRange.value = val;
+  }
+};
+const tableFields = reactive({
+  list: [],
+});
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-26 09:03:12
+@ 功能: 获取要发送得行政组织字段
+*/
+const getOrgPeople = () => {
+  gainOrgOfPeopleNodeFactor({ id: state.formId })
+    .then((data) => {
+      tableFieldsList.value = data.data;
+      console.log("选表格中指定发送范围数据", data);
+      if (state.sendMsg.sendRangeList.length > 0) {
+        tableFields.list = [];
+        state.sendMsg.sendRangeList.forEach((item: sendTableFields) => {
+          if (item.types != "people" && item.types != "masterOrg") {
+            tableFields.list.push(item.id);
+          }
+        });
+      }
+    })
+    .finally(() => {
+      sendTableLoading.value = false;
+    });
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-25 15:55:48
+@ 功能: 关闭表格发送范围
+*/
+const handleTableClose = () => {
+  pickTableIsOpen.value = false;
+  state.sendMsg.sendRangeList = [];
+  sendTableLoading.value = false;
+  state.sendMsg.sendRange = oldPickSendRange.value;
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-25 16:00:08
+@ 功能: 选表格中指定发送范围数据
+*/
+const pickTableSendRange = () => {
+  // sendTableLoading.value = true;
+  console.log("选表格中指定发送范围数据", tableFields.list);
+  if (
+    tableFields.list &&
+    tableFields.list.length > 0 &&
+    tableFieldsList.value.length > 0
+  ) {
+    state.sendMsg.sendRangeList = [];
+    tableFields.list.forEach((item: string) => {
+      tableFieldsList.value.forEach((vit: sendTableFields) => {
+        if (vit.id == item) {
+          state.sendMsg.sendRangeList.push(vit);
+        }
+      });
+    });
+    if (state.sendMsg.sendRangeList.length > 0) {
+      sendTableLoading.value = false;
+      pickTableIsOpen.value = false;
+      oldPickSendRange.value = state.sendMsg.sendRange;
+    } else {
+      handleTableClose();
+    }
+  } else {
+    handleTableClose();
+  }
+  console.log("选表----------->", state);
+};
+
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-26 11:08:42
+@ 功能: 关闭自定义发送范围
+*/
+const handleCustClose = () => {
+  pickCustomizeIsOpen.value = false;
+  state.sendMsg.sendRange = oldPickSendRange.value;
+  delAllPick();
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-27 08:42:51
+@ 功能: 获取自定义人员与行政组织穿梭框
+*/
+const orgManLoading = ref(false);
+const orgManList = ref<sendCustFields[]>([]);
+const orgAndPeopleBrea = ref<sendCustFields[]>([]);
+const PickOrgManList = ref<sendCustFields[]>([]);
+const gainPeopleAndOrg = (orgId?: string) => {
+  orgManLoading.value = true;
+  gainOegAndPeople({ id: orgId })
+    .then((data) => {
+      console.log("获取自定义人员与行政组织穿梭框----------->", data);
+      orgAndPeopleBrea.value = data.data.breadcrumb;
+      orgManList.value = data.data.orgManList;
+      nextTick(() => {
+        if (PickOrgManList.value.length <= 0) {
+          PickOrgManList.value = [];
+          console.log(
+            "获取自定义人员与行政组织穿梭框----------->",
+            state.sendMsg.sendRangeList
+          );
+          state.sendMsg.sendRangeList.forEach((item: sendTableFields) => {
+            console.log("获取自定义人员与行政组织穿梭框----------->", item.types);
+            if (item.types == "people" || item.types == "masterOrg") {
+              orgManList.value.forEach((itemOrg: sendCustFields) => {
+                if (item.id == itemOrg.id && item.types == itemOrg.types) {
+                  itemOrg.isPick = true;
+                  // PickOrgManList.value.push(itemOrg);
+                }
+              });
+              PickOrgManList.value.push(item);
+            }
+          });
+        } else {
+          if (PickOrgManList.value.length > 0) {
+            PickOrgManList.value.forEach((item: sendCustFields) => {
+              orgManList.value.forEach((itemOrg: sendCustFields) => {
+                if (
+                  item.id == itemOrg.id &&
+                  item.number == itemOrg.number &&
+                  item.types == itemOrg.types
+                ) {
+                  itemOrg.isPick = true;
+                }
+              });
+            });
+          }
+        }
+
+        console.log(
+          "获取自定义人员与行政组织穿梭框---------11111->",
+          PickOrgManList.value
+        );
+      });
+    })
+    .finally(() => {
+      orgManLoading.value = false;
+    });
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-26 11:37:21
+@ 功能: 提交自定义数据
+*/
+const pickCustSendRange = () => {
+  sendCustLoading.value = true;
+
+  if (PickOrgManList.value && PickOrgManList.value.length > 0) {
+    state.sendMsg.sendRangeList = [];
+    PickOrgManList.value.forEach((item: string) => {
+      state.sendMsg.sendRangeList.push(item);
+      // if (item.types == "masterOrg") {
+      //   state.sendMsg.sendRangeList.push({
+      //     lable: item.name,
+      //     fields: item.id,
+      //     types: item.types,
+      //     multipleChoice: true,
+      //   });
+      // } else {
+      //   state.sendMsg.sendRangeList.push({
+      //     lable: item.name,
+      //     fields: item.id,
+      //     types: item.types,
+      //     multipleChoice: false,
+      //   });
+      // }
+    });
+    if (state.sendMsg.sendRangeList.length > 0) {
+      sendCustLoading.value = false;
+      oldPickSendRange.value = state.sendMsg.sendRange;
+      handleCustClose();
+    } else {
+      handleCustClose();
+    }
+  } else {
+    handleCustClose();
+  }
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-27 09:15:59
+@ 功能: 选择人员或行政组织
+*/
+const pickOrgOrMan = (info: sendCustFields) => {
+  if (info.isPick) {
+    //已被选择的要去除选择
+    info.isPick = false;
+    if (PickOrgManList.value.length > 0) {
+      PickOrgManList.value.forEach((item: sendCustFields, index: number) => {
+        if (
+          item.id == info.id &&
+          item.number == info.number &&
+          item.types == info.types
+        ) {
+          PickOrgManList.value.splice(index, 1);
+        }
+      });
+    }
+  } else {
+    //未被选择的要加上选择
+    info.isPick = true;
+    if (PickOrgManList.value.length > 0) {
+      let isWrite = true;
+      PickOrgManList.value.forEach((item: sendCustFields) => {
+        if (
+          item.id == info.id &&
+          item.number == info.number &&
+          item.types == info.types
+        ) {
+          isWrite = false;
+        }
+      });
+      if (isWrite) {
+        PickOrgManList.value.push(info);
+      }
+    } else {
+      PickOrgManList.value.push(info);
+    }
+  }
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-27 09:54:56
+@ 功能: 删除已选择的信息
+*/
+const delPick = (info: sendCustFields) => {
+  if (PickOrgManList.value.length > 0) {
+    PickOrgManList.value.forEach((item: sendCustFields, index: number) => {
+      if (item.id == info.id && item.number == info.number && item.types == info.types) {
+        PickOrgManList.value.splice(index, 1);
+      }
+    });
+  }
+
+  if (orgManList.value.length > 0) {
+    orgManList.value.forEach((itemOrg: sendCustFields) => {
+      if (
+        info.id == itemOrg.id &&
+        info.number == itemOrg.number &&
+        info.types == itemOrg.types
+      ) {
+        itemOrg.isPick = false;
+      }
+    });
+  }
+};
+/**
+@ 作者: 秦东
+@ 时间: 2025-03-27 10:09:23
+@ 功能: 删除所有选择
+*/
+const delAllPick = () => {
+  if (PickOrgManList.value.length > 0) {
+    PickOrgManList.value.splice(0, PickOrgManList.value.length);
+  }
+  if (orgManList.value.length > 0) {
+    orgManList.value.forEach((itemOrg: sendCustFields) => {
+      itemOrg.isPick = false;
+    });
+  }
+  // if (peopleList.value.length > 0) {
+  //   peopleList.value.forEach((itemMan: sendCustFields) => {
+  //     itemMan.isPick = false;
+  //   });
+  // }
+};
 </script>
 <template>
+  <!--自定义发送范围-->
+  <el-dialog
+    v-model="pickCustomizeIsOpen"
+    title="自定义发送范围"
+    width="600"
+    :before-close="handleCustClose"
+    draggable
+  >
+    <div class="custBox">
+      <el-row>
+        <el-col :span="12" class="rightLine">
+          <div class="leftSearch">
+            <el-input
+              v-model="input2"
+              style="width: 100%"
+              placeholder="搜查成员"
+              :prefix-icon="Search"
+            />
+          </div>
+          <div class="leftButBox fenpi">
+            <div style="padding: 5px 0">
+              <el-button type="primary" text size="small" @click="gainPeopleAndOrg()"
+                >全部</el-button
+              >
+            </div>
+            <el-scrollbar wrap-style="padding: 5px 0">
+              <div class="scrollbar-flex-content">
+                <el-button
+                  v-for="item in orgAndPeopleBrea"
+                  type="primary"
+                  text
+                  size="small"
+                  @click="gainPeopleAndOrg(item.id)"
+                  >{{ item.name }}</el-button
+                >
+              </div>
+            </el-scrollbar>
+          </div>
+          <el-scrollbar height="400px" v-loading="orgManLoading">
+            <div v-for="item in orgManList">
+              <div
+                v-if="item.types == 'masterOrg'"
+                :class="
+                  item.isPick ? 'scrollbar-demo-item active' : 'scrollbar-demo-item'
+                "
+              >
+                <div class="usBox" @click="pickOrgOrMan(item)">
+                  <span class="iconSpan fa fa-folder-o"></span>
+                  <el-text>{{ item.name }}</el-text>
+                </div>
+                <div @click="gainPeopleAndOrg(item.id)" style="cursor: pointer">下级</div>
+              </div>
+
+              <div
+                v-else
+                :class="
+                  item.isPick ? 'scrollbar-demo-item active' : 'scrollbar-demo-item'
+                "
+              >
+                <div class="usBox" @click="pickOrgOrMan(item)">
+                  <el-image
+                    v-if="item.icon != ''"
+                    style="width: 30px; height: 30px"
+                    :src="item.icon"
+                    fit="fit"
+                  />
+                  <span v-else class="iconSpan fa fa-user-o"></span>
+                  <div class="usInfo">
+                    <el-text>{{ item.name }}</el-text
+                    ><el-text type="info">（No：{{ item.number }}）</el-text>
+                  </div>
+                </div>
+                <div></div>
+              </div>
+            </div>
+          </el-scrollbar>
+        </el-col>
+        <el-col :span="12">
+          <div class="leftSearch pickTitle">
+            <el-text class="mx-1">已选择（{{ PickOrgManList.length }}）</el-text>
+            <el-text
+              class="mx-1"
+              type="danger"
+              style="cursor: pointer"
+              @click="delAllPick"
+              >清空</el-text
+            >
+          </div>
+          <el-scrollbar height="435px">
+            <div v-for="item in PickOrgManList">
+              <div v-if="item.types == 'masterOrg'" class="scrollbar-demo-item active">
+                <div class="usBoxac">
+                  <span class="iconSpan fa fa-folder-o"></span>
+                  <el-text>{{ item.name }}</el-text>
+                </div>
+                <div>
+                  <i class="fa fa-close" @click="delPick(item)"></i>
+                </div>
+              </div>
+
+              <div v-else class="scrollbar-demo-item active">
+                <div class="usBoxac">
+                  <el-image
+                    v-if="item.icon != ''"
+                    style="width: 30px; height: 30px"
+                    :src="item.icon"
+                    fit="fit"
+                  />
+                  <span v-else class="iconSpan fa fa-user-o"></span>
+                  <div class="usInfo">
+                    <el-text>{{ item.name }}</el-text
+                    ><el-text type="info">（No：{{ item.number }}）</el-text>
+                  </div>
+                </div>
+                <div><i class="fa fa-close" @click="delPick(item)"></i></div>
+              </div>
+            </div>
+          </el-scrollbar>
+        </el-col>
+      </el-row>
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleCustClose">取消选择</el-button>
+        <el-button type="primary" @click="pickCustSendRange" v-loading="sendCustLoading">
+          确定选择
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+  <!--表格中的数据-->
+  <el-dialog
+    v-model="pickTableIsOpen"
+    title="从现有表单中选择发送范围字段"
+    width="500"
+    :before-close="handleTableClose"
+    draggable
+  >
+    <el-form :model="tableFields" label-width="auto">
+      <el-form-item label="表格字段">
+        <el-select
+          v-model="tableFields.list"
+          placeholder="请选择表格字段"
+          clearable
+          multiple
+        >
+          <el-option
+            v-for="item in tableFieldsList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleTableClose">取消选择</el-button>
+        <el-button
+          type="primary"
+          @click="pickTableSendRange"
+          v-loading="sendTableLoading"
+        >
+          确定选择
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
   <el-main class="mainBox">
     <div class="header">
       <div class="field"></div>
@@ -1353,6 +1842,7 @@ const addListField = (
       :title="drawer.title"
       :direction="drawer.direction"
       :content="drawer.content"
+      :data="drawer"
       :code-type="drawer.codeType"
       @before-close="drawerBeforeClose"
       @confirm="dialogConfirm"
@@ -1377,7 +1867,7 @@ const addListField = (
         :search-data="state.searchData"
         :config="state.config"
         :form-id="props.appPageKey"
-        :viewPage="stateList.view"
+        :viewPage="state.view"
         v-if="state.previewVisible"
       />
     </el-drawer>
@@ -1496,6 +1986,98 @@ const addListField = (
         </div>
       </el-tab-pane>
       <el-tab-pane label="列表设置" :name="2">
+        <el-divider content-position="left">企业微信消息推送</el-divider>
+        <div class="demo_collapse">
+          <el-form
+            label-position="top"
+            label-width="auto"
+            :model="state.sendMsg"
+            style="max-width: 600px"
+          >
+            <el-form-item label="是否开启推送信息">
+              <el-switch
+                v-model="state.sendMsg.open"
+                class="ml-2"
+                inline-prompt
+                active-text="是"
+                inactive-text="否"
+                style="--el-switch-on-color: #409eff; --el-switch-off-color: #ff4949"
+              />
+            </el-form-item>
+            <el-form-item v-if="state.sendMsg.open" label="消息类型">
+              <el-radio-group v-model="state.sendMsg.type" size="small">
+                <el-radio-button value="textcard">文本卡片</el-radio-button>
+                <el-radio-button v-if="!isCardTrue" value="news"
+                  >图文消息</el-radio-button
+                >
+                <el-radio-button value="text">文本消息</el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item
+              v-if="state.sendMsg.open && state.sendMsg.type != 'text'"
+              label="发送消息标题字段"
+            >
+              <el-select
+                v-model="state.sendMsg.title"
+                multiple
+                placeholder="请选择消息标题字段"
+                clearable
+              >
+                <el-option
+                  v-for="item in allKeyWords"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="state.sendMsg.open" label="发送消息主体字段" clearable>
+              <el-select
+                v-model="state.sendMsg.content"
+                multiple
+                placeholder="请选择消息主体字段"
+              >
+                <el-option
+                  v-for="item in allKeyWords"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              v-if="state.sendMsg.open && !isCardTrue && state.sendMsg.type == 'news'"
+              label="图片字段"
+            >
+              <el-select
+                v-model="state.sendMsg.icon"
+                placeholder="请选择图片字段"
+                clearable
+              >
+                <el-option
+                  v-for="item in cardKeyWords"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-if="state.sendMsg.open" label="发送范围">
+              <el-radio-group
+                v-model="state.sendMsg.sendRange"
+                size="small"
+                @change="pickSendRange"
+              >
+                <el-radio-button :value="1">全集团</el-radio-button>
+                <el-radio-button :value="2">本公司</el-radio-button>
+                <el-radio-button :value="3">本部门</el-radio-button>
+                <el-radio-button :value="4">本行政组织</el-radio-button>
+                <el-radio-button :value="5">表格中指定</el-radio-button>
+                <el-radio-button :value="6">自定义</el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+          </el-form>
+        </div>
         <el-divider content-position="left">开启视图</el-divider>
         <div class="demo_collapse">
           <el-collapse v-value="activeName" @change="handleChange">
@@ -2284,4 +2866,80 @@ const addListField = (
     color: #337ecc;
   }
 }
+.custBox {
+  border: 1px solid #c4c4c4;
+  height: 470px;
+  overflow: hidden;
+  .rightLine {
+    height: 470px;
+    border-right: 1px solid #c4c4c4;
+  }
+  .leftSearch {
+    border-bottom: 1px solid #c4c4c4;
+    padding: 2px 5px;
+  }
+  .pickTitle {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 37px;
+  }
+  .leftButBox {
+    border-bottom: 1px solid #c4c4c4;
+    padding: 0px 5px;
+  }
+  .fenpi {
+    display: flex;
+  }
+}
+.scrollbar-flex-content {
+  display: flex;
+  width: fit-content;
+}
+.scrollbar-demo-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 40px;
+  margin: 5px;
+  text-align: left;
+  border-radius: 4px;
+  background: rgb(221.7, 222.6, 224.4);
+  color: #303133;
+  padding: 0 5px;
+  .usBox {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    span {
+      overflow: hidden; /* 隐藏溢出内容 :ml-search[overflow] */
+    }
+    .iconSpan {
+      font-size: 25px;
+      margin-right: 10px;
+    }
+  }
+  .usBoxac {
+    display: flex;
+    align-items: center;
+    span {
+      overflow: hidden; /* 隐藏溢出内容 :ml-search[overflow] */
+    }
+    .iconSpan {
+      font-size: 25px;
+      margin-right: 10px;
+    }
+  }
+  .usInfo {
+    margin-left: 4px;
+  }
+}
+.scrollbar-demo-item.active {
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
+  i {
+    color: #f56c6c;
+    cursor: pointer;
+  }
+}
 </style>
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage.vue b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage.vue
new file mode 100644
index 0000000..8d98602
--- /dev/null
+++ b/src/views/sysworkflow/lowcodepage/appPage/appPageForm/printSetupPage.vue
@@ -0,0 +1,136 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-03-24 15:32:40
+@ 备注: 打印模版设计
+-->
+<script lang="ts" setup>
+import PageConfig from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/pageConfig";
+import { printPageConfigStore } from "@/store/ruler/index";
+
+import CanvasBg from "@/views/process/canvas-bg/CanvasBg.vue";
+
+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 {};
+    },
+  },
+});
+
+const paperOrientation = ref<number>(1);
+const pageSize = ref<number>(2);
+</script>
+<template>
+  <div class="common-layout">
+    <el-container>
+      <el-aside class="asideBox">
+        <div class="titleBox">打印数据源</div>
+      </el-aside>
+      <el-container class="contBox">
+        <el-header>
+          <div class="titleBox">
+            <el-row :gutter="5" class="rowBox">
+              <el-col :span="4">
+                <el-select
+                  v-model="paperOrientation"
+                  placeholder="请选择纸张方向"
+                  size="small"
+                >
+                  <el-option
+                    v-for="item in PageConfig.paperOrientationList"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-col>
+              <el-col :span="12">
+                <el-radio-group v-model="pageSize" size="small">
+                  <el-radio-button label="A3" value="A3" />
+                  <el-radio-button label="A4" value="A4" />
+                  <el-radio-button label="A5" value="A5" />
+                  <el-radio-button label="B3" value="B3" />
+                  <el-radio-button label="B4" value="B4" />
+                  <el-radio-button label="B5" value="B5" />
+                  <el-radio-button label="自定义" value="zdy" />
+                </el-radio-group>
+              </el-col>
+              <el-col :span="6">
+                <el-button-group class="ml-4" size="small">
+                  <el-button type="primary">预览</el-button>
+                  <el-button type="danger">清空</el-button>
+                  <el-button type="primary">保存</el-button>
+                </el-button-group>
+              </el-col>
+            </el-row>
+          </div>
+        </el-header>
+        <el-main>
+          <CanvasBg />
+        </el-main>
+      </el-container>
+      <el-aside class="asideBox">
+        <div class="titleBox">模块设置</div>
+      </el-aside>
+    </el-container>
+  </div>
+</template>
+<style lang="scss" scoped>
+.common-layout {
+  width: 100%;
+  height: calc(100vh - 40px);
+  :deep .el-header {
+    padding: 0px;
+  }
+  :deep .el-main {
+    padding: 0px;
+  }
+  .asideBox {
+    width: 220px;
+    height: calc(100vh - 40px);
+  }
+  .contBox {
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+  }
+  .titleBox {
+    width: 100%;
+    height: 40px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    align-items: center;
+  }
+  .rowBox {
+    width: 100%;
+    text-align: center;
+  }
+}
+</style>
diff --git a/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue b/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue
index e558793..1021d4e 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue
@@ -12,6 +12,8 @@ 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";
+
 const props = defineProps({
   appCont: {
     type: Object,
@@ -218,6 +220,7 @@ onBeforeMount(() => {
               <el-tab-pane label="① 页面管理" :name="1"> </el-tab-pane>
               <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-tabs>
           </div>
           <div class="headRight">
@@ -259,6 +262,16 @@ onBeforeMount(() => {
             v-model:app-page-key="appPageKey"
             v-model:form-version="formVersion"
           />
+          <PrintSetupPage
+            v-if="tabsActive == 4"
+            v-model:state="state"
+            :form-Key="props.formKey"
+            :app-cont="props.appCont"
+            :menu-id="menuId"
+            :group-key="props.groupKey"
+            v-model:app-page-key="appPageKey"
+            v-model:form-version="formVersion"
+          />
         </el-container>
       </el-container>
     </div>
diff --git a/src/views/sysworkflow/lowcodepage/pageList.vue b/src/views/sysworkflow/lowcodepage/pageList.vue
index b6ec4c4..90c7925 100644
--- a/src/views/sysworkflow/lowcodepage/pageList.vue
+++ b/src/views/sysworkflow/lowcodepage/pageList.vue
@@ -3,652 +3,664 @@
 @ 时间: 2024-03-18 11:32:14
 @ 备注: 自定义表单列表
 -->
-<script lang='ts' setup>
-import { ElTable } from 'element-plus'
-import { Hide, View } from '@element-plus/icons-vue'
-import { attrButton,tableButton,tableButtonList,tableLogButtonList,tableAttrLogButtonList,diaOrDrawer } from '@/api/DesignForm/tableButton'
-
-import { json2string,objToStringify,string2json,stringToObj } from '@/utils/DesignForm/form'
-import { analysisForm,setFlowFormKeyPower } from '@/api/workflowapi/index'
-import { gainFormTableField,editCustomerFormList,gainFormListCont,gainListTableField } from '@/api/DesignForm/requestapi'
-import { formTableField,formTabelStruct } from "@/api/DesignForm/type";
-
-import tempOtherUnit from '@/components/DesignForm/pageList/types'
-import { ElMessage } from 'element-plus'
-
-import Sortable from 'sortablejs'
+<script lang="ts" setup>
+import { ElTable } from "element-plus";
+import { Hide, View } from "@element-plus/icons-vue";
+import {
+  attrButton,
+  tableButton,
+  tableButtonList,
+  tableLogButtonList,
+  tableAttrLogButtonList,
+  diaOrDrawer,
+} from "@/api/DesignForm/tableButton";
+
+import {
+  json2string,
+  objToStringify,
+  string2json,
+  stringToObj,
+} from "@/utils/DesignForm/form";
+import { analysisForm, setFlowFormKeyPower } from "@/api/workflowapi/index";
+import {
+  gainFormTableField,
+  editCustomerFormList,
+  gainFormListCont,
+  gainListTableField,
+} from "@/api/DesignForm/requestapi";
+import { formTableField, formTabelStruct } from "@/api/DesignForm/type";
+
+import tempOtherUnit from "@/components/DesignForm/pageList/types";
+import { ElMessage } from "element-plus";
+
+import Sortable from "sortablejs";
 //引入子组件
-import PageListHeadTools from '@/views/sysworkflow/lowcodepage/pageListHeadTools.vue'
-import ControlSetup  from '@/views/sysworkflow/lowcodepage/pageSetUpDialog/controlSetup.vue'
-import FieldSetUp  from '@/views/sysworkflow/lowcodepage/pageSetUpDialog/fieldSetUp.vue'
-import SearchField  from '@/views/sysworkflow/lowcodepage/pageSetUpDialog/searchField.vue'
-import PreviewPage  from '@/views/sysworkflow/lowcodepage/pageSetUpDialog/previewPage.vue'
-import CodePage  from '@/views/sysworkflow/lowcodepage/pageSetUpDialog/codePage.vue'
-
+import PageListHeadTools from "@/views/sysworkflow/lowcodepage/pageListHeadTools.vue";
+import ControlSetup from "@/views/sysworkflow/lowcodepage/pageSetUpDialog/controlSetup.vue";
+import FieldSetUp from "@/views/sysworkflow/lowcodepage/pageSetUpDialog/fieldSetUp.vue";
+import SearchField from "@/views/sysworkflow/lowcodepage/pageSetUpDialog/searchField.vue";
+import PreviewPage from "@/views/sysworkflow/lowcodepage/pageSetUpDialog/previewPage.vue";
+import CodePage from "@/views/sysworkflow/lowcodepage/pageSetUpDialog/codePage.vue";
 
 const props = defineProps({
-	formKey:{
-		type:String,
-		default:""
-	},
-	formVersion:{
-		type:String,
-		default:""
-	},
-	tabsActive:{
-		type:Number,
-		default:1
-	},
-	state:{
-		type:Object,
-		default(){
-			return {}
-		}
-	}
+  formKey: {
+    type: String,
+    default: "",
+  },
+  formVersion: {
+    type: String,
+    default: "",
+  },
+  tabsActive: {
+    type: Number,
+    default: 1,
+  },
+  state: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
 });
 
 const emits = defineEmits<{
-    (e: 'update:state', val: formStruct): void
-	(e: 'update:formKey', val: string): void
-	(e: 'update:formVersion', val: string): void
-	(e: 'judgeFlowIsEdit', val: boolean): void
-	(e: 'runNextWindows', val: number): void
-	(e: 'closeFormPage'): void
-}>()
-
-const statePro =  computed({
-	get() {
-		return props.state
-	},
-	set(val: formStruct) {
-		emits('update:state', val)
-	}
+  (e: "update:state", val: formStruct): void;
+  (e: "update:formKey", val: string): void;
+  (e: "update:formVersion", val: string): void;
+  (e: "judgeFlowIsEdit", val: boolean): void;
+  (e: "runNextWindows", val: number): void;
+  (e: "closeFormPage"): void;
+}>();
+
+const statePro = computed({
+  get() {
+    return props.state;
+  },
+  set(val: formStruct) {
+    emits("update:state", val);
+  },
 });
 
-const formTableActive = ref(1)
-const pageLoading = ref(false)
+const formTableActive = ref(1);
+const pageLoading = ref(false);
 //自定义列表结构
 const state = reactive({
-    tableData: {
-      // tableProps: {}, //表格所有参数
-      columns: [],
-      config: {},
-	  controlBtn:[],
-	  operateBtn:[]
+  tableData: {
+    // tableProps: {}, //表格所有参数
+    columns: [],
+    config: {},
+    controlBtn: [],
+    operateBtn: [],
+  },
+  searchData: [],
+  loading: false,
+  attrObj: {},
+  config: {
+    pageSize: 10,
+    searchIsShow: true,
+    searchFormIsShow: true,
+    openPageMode: "drawer",
+  },
+  tagList: {},
+  formId: props.formKey.toString() || "",
+  formList: [], // 所有可选表单数据源
+  name: "",
+  treeData: {}, // 左侧树相关
+  previewVisible: false,
+  tabsName: "second",
+  formFieldList: [], // 表单数据源所有可选字段
+  formApi: {
+    type: "1",
+    addApiUrl: "",
+    editApiUrl: "",
+    delApiUrl: "",
+    lookApiUrl: "",
+  },
+  dict: {},
+  refreshTable: true,
+  view: {
+    list: {
+      status: true,
+      isClick: false,
+      form: {
+        sortWord: "",
+        sort: 1,
+        title: [],
+      },
     },
-    searchData: [],
-    loading: false,
-    attrObj: {},
-    config: {
-		pageSize:10,
-		searchIsShow:true,
-		searchFormIsShow:true,
-		openPageMode:"drawer"
-	},
-    tagList: {},
-    formId: props.formKey.toString() || '',
-    formList: [], // 所有可选表单数据源
-    name: '',
-    treeData: {}, // 左侧树相关
-    previewVisible: false,
-    tabsName: 'second',
-    formFieldList: [], // 表单数据源所有可选字段
-	formApi:{
-		type:"1",
-		addApiUrl:"",
-		editApiUrl:"",
-		delApiUrl:"",
-		lookApiUrl:""
-	},
-    dict: {},
-    refreshTable: true,
-	view:{
-		list:{
-			status:true,
-			isClick:false,
-			form:{
-				sortWord:"",
-				sort:1,
-				title:[]
-			}
-		},
-		card:{
-			status:false,
-			isClick:false,
-			form:{
-				sort:1,
-				sortWord:"",
-				imgWork:"",
-				imgWidth:50,
-				imgHeight:50,
-				imgBorderRadius:5,
-				imgPadding:2,
-				titleWork:"",
-				describe:"",
-				ranks:3,
-				title:[]
-			}
-		},
-		date:{
-			status:false,
-			isClick:false,
-			form:{
-				startTime:"",
-				endTime:"",
-				dayType:1,
-				title:[]
-			}
-		}
-		,
-		time:{
-			status:false,
-			isClick:false,
-			form:{
-				sortWord:"",
-				sort:1,
-				title:[]
-			}
-		}
-		,
-		gantt:{
-			status:false,
-			isClick:false,
-			form:{
-				startTime:"",
-				endTime:"",
-				dayType:2,
-				sortWord:"",
-				sort:1,
-				title:[]
-			}
-		}
-		,
-		map:{
-			status:false,
-			isClick:false,
-			form:{
-				mapWord:"",
-				sortWord:"",
-				sort:1,
-				title:[]
-			}
-		}
-	}
-})
+    card: {
+      status: false,
+      isClick: false,
+      form: {
+        sort: 1,
+        sortWord: "",
+        imgWork: "",
+        imgWidth: 50,
+        imgHeight: 50,
+        imgBorderRadius: 5,
+        imgPadding: 2,
+        titleWork: "",
+        describe: "",
+        ranks: 3,
+        title: [],
+      },
+    },
+    date: {
+      status: false,
+      isClick: false,
+      form: {
+        startTime: "",
+        endTime: "",
+        dayType: 1,
+        title: [],
+      },
+    },
+    time: {
+      status: false,
+      isClick: false,
+      form: {
+        sortWord: "",
+        sort: 1,
+        title: [],
+      },
+    },
+    gantt: {
+      status: false,
+      isClick: false,
+      form: {
+        startTime: "",
+        endTime: "",
+        dayType: 2,
+        sortWord: "",
+        sort: 1,
+        title: [],
+      },
+    },
+    map: {
+      status: false,
+      isClick: false,
+      form: {
+        mapWord: "",
+        sortWord: "",
+        sort: 1,
+        title: [],
+      },
+    },
+  },
+});
 
 const kaif = (id: number, callback?: (list: any) => void) => {
-	// const content = stringToObj(props.state.formData)
-	// console.log('获取当前数据下所有字段',statePro.value.formData)
-	filterFiled(statePro.value.formData)
-	callback && callback(statePro.value.formData.list)
+  // const content = stringToObj(props.state.formData)
+  // console.log('获取当前数据下所有字段',statePro.value.formData)
+  filterFiled(statePro.value.formData);
+  callback && callback(statePro.value.formData.list);
 
-	// console.log('获取当前数据下所有字段--->',state.formFieldList)
-}
+  // console.log('获取当前数据下所有字段--->',state.formFieldList)
+};
 const filterFiled = (obj: any) => {
-    obj?.list.forEach((item: FormList) => {
-      if (item.type === 'grid' || item.type === 'tabs') {
-        item.columns.forEach((col: FormList) => {
-          filterFiled(col)
-        })
-      } else if (['card', 'div'].includes(item.type)) {
-        filterFiled(item)
-      } else if (!excludeType.includes(item.type) && item.name) {
-        state.formFieldList.push({
-          prop: item.name,
-          label: item.formItem?.label,
-          help: item.config.help || ''
-        })
-      }
-    })
-  }
+  obj?.list.forEach((item: FormList) => {
+    if (item.type === "grid" || item.type === "tabs") {
+      item.columns.forEach((col: FormList) => {
+        filterFiled(col);
+      });
+    } else if (["card", "div"].includes(item.type)) {
+      filterFiled(item);
+    } else if (!excludeType.includes(item.type) && item.name) {
+      state.formFieldList.push({
+        prop: item.name,
+        label: item.formItem?.label,
+        help: item.config.help || "",
+      });
+    }
+  });
+};
 const excludeType = [
-    'txt',
-    'title',
-    'table',
-    'component',
-    'upload',
-    'button',
-    'tinymce',
-    'inputSlot',
-    'flex'
-  ]
+  "txt",
+  "title",
+  "table",
+  "component",
+  "upload",
+  "button",
+  "tinymce",
+  "inputSlot",
+  "flex",
+];
 
 const powerUnitAry = ref<any>({
-	nodeKey:"",
-	recUnitAry:{
-		masterUnitList:[],
-		sunUnitList:[],
-		unitAllKey:[],
-		unitAllState:[]
-	}
-})
-const formTableField = reactive<formTableField>({})
+  nodeKey: "",
+  recUnitAry: {
+    masterUnitList: [],
+    sunUnitList: [],
+    unitAllKey: [],
+    unitAllState: [],
+  },
+});
+const formTableField = reactive<formTableField>({});
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-13 08:24:54
 @ 功能: 解析表单
 */
 const jieForm = () => {
-	// analysisForm({nodeKey:"begin",nodeJson:JSON.stringify(statePro.value.formData)})
-	// 	.then((data)=>{
-	// 		if(data.code == 0){
-	// 			powerUnitAry.value = data.data
-	// 		}
-	// 	})
-	if(props.formKey != ""){
-		gainFormTableField({id:props.formKey.toString()})
-			.then((data)=>{
-				// console.log('解析表单--->',data)
-				formTableField.masterTable=data.data.masterTable
-				formTableField.sunTable=data.data.sunTable
-			})
-	}
-	
-}
+  // analysisForm({nodeKey:"begin",nodeJson:JSON.stringify(statePro.value.formData)})
+  // 	.then((data)=>{
+  // 		if(data.code == 0){
+  // 			powerUnitAry.value = data.data
+  // 		}
+  // 	})
+  if (props.formKey != "") {
+    gainFormTableField({ id: props.formKey.toString() }).then((data) => {
+      // console.log('解析表单--->',data)
+      formTableField.masterTable = data.data.masterTable;
+      formTableField.sunTable = data.data.sunTable;
+    });
+  }
+};
 const handleSelectionChange = (val: User[]) => {
-	// console.log('表单选中--->',val)
-}
+  // console.log('表单选中--->',val)
+};
 // watch(()=>statePro.value,()=>{
 // 	jieForm()
 // },
 // {
 // 	deep: true
 // })
-watch(()=>props.tabsActive,(val:number)=>{
-	if(val == 3){
-		jieForm();
-		getListInfo();
-	}
-})
-onMounted(()=>{
-	jieForm();
-	nextTick(() => {
-      	columnDrop()
-		getListInfo();
-		gainFormTableKeyWord(props.formKey)
-    })
-})
+watch(
+  () => props.tabsActive,
+  (val: number) => {
+    if (val == 3) {
+      jieForm();
+      getListInfo();
+    }
+  }
+);
+onMounted(() => {
+  jieForm();
+  nextTick(() => {
+    columnDrop();
+    getListInfo();
+    gainFormTableKeyWord(props.formKey);
+  });
+});
 
-const allKeyWords = ref<any[]>([])
-const timeKeyWords = ref<any[]>([])
-const mapKeyWords = ref<any[]>([])
-const isMapTrue = ref(true)
+const allKeyWords = ref<any[]>([]);
+const timeKeyWords = ref<any[]>([]);
+const mapKeyWords = ref<any[]>([]);
+const isMapTrue = ref(true);
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-06 10:44:54
 @ 功能: 获取数据表字段数据
 */
-const gainFormTableKeyWord = (val:string) => {
-	// console.log("获取数据表字段数据-----------》",val)
-	gainListTableField({id:val.toString()})
-		.then((data) =>{
-			// console.log("获取数据表字段数据",data)
-			allKeyWords.value = data.data.allKeyWords
-			timeKeyWords.value = data.data.timeKeyWords
-			mapKeyWords.value = data.data.mapKeyWords
-			isMapTrue.value = !data.data.isMap
-		})
-}
-
-
-const setUpFieldInfo = ref<tableButton>()
-const setUpFieldIsOpen= ref(false)
-
-const tableAttrBut = ref<InstanceType<typeof ElTable>>()
+const gainFormTableKeyWord = (val: string) => {
+  // console.log("获取数据表字段数据-----------》",val)
+  gainListTableField({ id: val.toString() }).then((data) => {
+    // console.log("获取数据表字段数据",data)
+    allKeyWords.value = data.data.allKeyWords;
+    timeKeyWords.value = data.data.timeKeyWords;
+    mapKeyWords.value = data.data.mapKeyWords;
+    isMapTrue.value = !data.data.isMap;
+  });
+};
+
+const setUpFieldInfo = ref<tableButton>();
+const setUpFieldIsOpen = ref(false);
+
+const tableAttrBut = ref<InstanceType<typeof ElTable>>();
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-25 11:51:46
 @ 功能: 设置字段属性
 */
-const setUpField = (val:any) =>{
-	// console.log("设置字段属性-->",val)
-	setUpFieldInfo.value = val
-	
-	setUpFieldIsOpen.value = true
+const setUpField = (val: any) => {
+  // console.log("设置字段属性-->",val)
+  setUpFieldInfo.value = val;
 
-	// console.log("设置字段属性-1->",setUpFieldIsOpen)
-}
+  setUpFieldIsOpen.value = true;
+
+  // console.log("设置字段属性-1->",setUpFieldIsOpen)
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-27 09:17:15
 @ 功能: 设置功能按钮
 */
-const listButtonIsShow = ref(false)
+const listButtonIsShow = ref(false);
 const setUpFieldBut = () => {
-	// console.log("设置字段属性-->")
-	listButtonIsShow.value = true
-}
+  // console.log("设置字段属性-->")
+  listButtonIsShow.value = true;
+};
 //功能按钮
-const tableAttrButClick = (val:tableButton[]) => {
-	if(zhuDaunIsTrue.value == true){
-		if(state.tableData.controlBtn.length > 0){
-			state.tableData.controlBtn.splice(0, state.tableData.controlBtn.length);
-			state.tableData.controlBtn = val
-		}else{
-			state.tableData.controlBtn = val
-		}
-	}
-}
+const tableAttrButClick = (val: tableButton[]) => {
+  if (zhuDaunIsTrue.value == true) {
+    if (state.tableData.controlBtn.length > 0) {
+      state.tableData.controlBtn.splice(0, state.tableData.controlBtn.length);
+      state.tableData.controlBtn = val;
+    } else {
+      state.tableData.controlBtn = val;
+    }
+  }
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-25 14:58:22
 @ 功能: 功能字段
 */
-const tableFieldAttrButClick = (val:tableButton[]) => {
-	if(zhuDaunIsTrue.value == true){
-		if(val.length > 0){	//判断是否有选中的字段
-			if(state.tableData.columns.length > 0){	//判断列表是否有数据
-				val.forEach((item:tableButton)=>{
-					let isTrue = true;
-					state.tableData.columns.forEach((itemTab:tableButton)=>{
-						if(item.id == itemTab.id){
-							isTrue = false;
-						}
-					});
-					if(isTrue){
-						state.tableData.columns.push(item)
-					}
-				})
-			}else{ //列表无数据,直接新增
-				val.forEach((item:tableButton)=>{
-					state.tableData.columns.push(item)
-				})
-			}
-			//此处往下是处理列表中有为选中的字段
-			let delField = []
-			tableAttrLogButtonList.forEach((item:tableButton)=>{
-				let isTrue = true;
-				val.forEach((itemVal:tableButton)=>{
-					if(item.id == itemVal.id){
-						isTrue = false
-					}
-				})
-				if(isTrue){
-					delField.push(item.id)
-				}
-			});
-			if(delField.length > 0){
-				state.tableData.columns.forEach((itemTab:tableButton,index:number)=>{
-					delField.forEach((item:string)=>{
-						if(item == itemTab.id){
-							state.tableData.columns.splice(index,1)			//删除列表中已经存在的字段
-						}
-					})
-					
-				});
-			}
-		}else{ //无选中的字段
-			if(state.tableData.columns.length > 0){
-				tableAttrLogButtonList.forEach((item:tableButton)=>{
-					state.tableData.columns.forEach((itemTab:tableButton,index:number)=>{
-						if(item.id == itemTab.id){
-							state.tableData.columns.splice(index,1)			//删除列表中已经存在的字段
-						}
-					});
-				});
-			}
-		}
-		if(state.tableData.columns.length > 0){
-			let isOpent = true;
-			state.tableData.columns.forEach((itemTab:tableButton)=>{
-				if(itemTab.fieldClass == "__control"){
-					isOpent = false;
-				}
-			});
-			if(isOpent){
-				state.tableData.operateBtn = [];
-			}
-		}else{
-			state.tableData.operateBtn = [];
-		}
-	}
-}
+const tableFieldAttrButClick = (val: tableButton[]) => {
+  if (zhuDaunIsTrue.value == true) {
+    if (val.length > 0) {
+      //判断是否有选中的字段
+      if (state.tableData.columns.length > 0) {
+        //判断列表是否有数据
+        val.forEach((item: tableButton) => {
+          let isTrue = true;
+          state.tableData.columns.forEach((itemTab: tableButton) => {
+            if (item.id == itemTab.id) {
+              isTrue = false;
+            }
+          });
+          if (isTrue) {
+            state.tableData.columns.push(item);
+          }
+        });
+      } else {
+        //列表无数据,直接新增
+        val.forEach((item: tableButton) => {
+          state.tableData.columns.push(item);
+        });
+      }
+      //此处往下是处理列表中有为选中的字段
+      let delField = [];
+      tableAttrLogButtonList.forEach((item: tableButton) => {
+        let isTrue = true;
+        val.forEach((itemVal: tableButton) => {
+          if (item.id == itemVal.id) {
+            isTrue = false;
+          }
+        });
+        if (isTrue) {
+          delField.push(item.id);
+        }
+      });
+      if (delField.length > 0) {
+        state.tableData.columns.forEach((itemTab: tableButton, index: number) => {
+          delField.forEach((item: string) => {
+            if (item == itemTab.id) {
+              state.tableData.columns.splice(index, 1); //删除列表中已经存在的字段
+            }
+          });
+        });
+      }
+    } else {
+      //无选中的字段
+      if (state.tableData.columns.length > 0) {
+        tableAttrLogButtonList.forEach((item: tableButton) => {
+          state.tableData.columns.forEach((itemTab: tableButton, index: number) => {
+            if (item.id == itemTab.id) {
+              state.tableData.columns.splice(index, 1); //删除列表中已经存在的字段
+            }
+          });
+        });
+      }
+    }
+    if (state.tableData.columns.length > 0) {
+      let isOpent = true;
+      state.tableData.columns.forEach((itemTab: tableButton) => {
+        if (itemTab.fieldClass == "__control") {
+          isOpent = false;
+        }
+      });
+      if (isOpent) {
+        state.tableData.operateBtn = [];
+      }
+    } else {
+      state.tableData.operateBtn = [];
+    }
+  }
+};
 const zhuDaunIsTrue = ref(false);
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-25 16:36:38
 @ 功能: 列表字段处理
 */
-const tableListFieldClick = (val:any[]) => {
-	// console.log("列表字段处理-->",val)
-	// zhuDaunIsTrue.value = true
-	if(zhuDaunIsTrue.value == true){
-		if(val.length > 0){
-			if(state.tableData.columns.length > 0){	//判断列表是否有数据
-				val.forEach((item:tableButton)=>{
-					let isTrue = true;
-					state.tableData.columns.forEach((itemTab:tableButton)=>{
-						if(item.id == itemTab.id){
-							// console.log("列表字段处理-111->",val)
-							isTrue = false;
-						}
-					});
-					if(isTrue){
-						state.tableData.columns.push(item)
-					}
-				})
-			}else{ //列表无数据,直接新增
-				val.forEach((item:any)=>{
-					state.tableData.columns.push(item)
-				})
-			}
-			//此处往下是处理列表中有为选中的字段
-			let delField = []
-			formTableField.masterTable.forEach((item:tableButton)=>{
-				let isTrue = true;
-				val.forEach((itemVal:tableButton)=>{
-					if(item.id == itemVal.id){
-						isTrue = false
-					}
-				})
-				if(isTrue){
-					delField.push(item.id)
-				}
-			});
-			if(delField.length > 0){
-				state.tableData.columns.forEach((itemTab:tableButton,index:number)=>{
-					delField.forEach((item:string)=>{
-						if(item == itemTab.id){
-							state.tableData.columns.splice(index,1)			//删除列表中已经存在的字段
-						}
-					})
-					
-				});
-			}
-		}else{
-			if(state.tableData.columns.length > 0){
-				formTableField.masterTable.forEach((item:tableButton)=>{
-					state.tableData.columns.forEach((itemTab:tableButton,index:number)=>{
-						if(item.id == itemTab.id){
-							state.tableData.columns.splice(index,1)			//删除列表中已经存在的字段
-						}
-					});
-				});
-			}
-		}
-	}
-	console.log("state.tableData.columns",state.tableData.columns)
-}
+const tableListFieldClick = (val: any[]) => {
+  // console.log("列表字段处理-->",val)
+  // zhuDaunIsTrue.value = true
+  if (zhuDaunIsTrue.value == true) {
+    if (val.length > 0) {
+      if (state.tableData.columns.length > 0) {
+        //判断列表是否有数据
+        val.forEach((item: tableButton) => {
+          let isTrue = true;
+          state.tableData.columns.forEach((itemTab: tableButton) => {
+            if (item.id == itemTab.id) {
+              // console.log("列表字段处理-111->",val)
+              isTrue = false;
+            }
+          });
+          if (isTrue) {
+            state.tableData.columns.push(item);
+          }
+        });
+      } else {
+        //列表无数据,直接新增
+        val.forEach((item: any) => {
+          state.tableData.columns.push(item);
+        });
+      }
+      //此处往下是处理列表中有为选中的字段
+      let delField = [];
+      formTableField.masterTable.forEach((item: tableButton) => {
+        let isTrue = true;
+        val.forEach((itemVal: tableButton) => {
+          if (item.id == itemVal.id) {
+            isTrue = false;
+          }
+        });
+        if (isTrue) {
+          delField.push(item.id);
+        }
+      });
+      if (delField.length > 0) {
+        state.tableData.columns.forEach((itemTab: tableButton, index: number) => {
+          delField.forEach((item: string) => {
+            if (item == itemTab.id) {
+              state.tableData.columns.splice(index, 1); //删除列表中已经存在的字段
+            }
+          });
+        });
+      }
+    } else {
+      if (state.tableData.columns.length > 0) {
+        formTableField.masterTable.forEach((item: tableButton) => {
+          state.tableData.columns.forEach((itemTab: tableButton, index: number) => {
+            if (item.id == itemTab.id) {
+              state.tableData.columns.splice(index, 1); //删除列表中已经存在的字段
+            }
+          });
+        });
+      }
+    }
+  }
+  console.log("state.tableData.columns", state.tableData.columns);
+};
 
-const container = ref()
+const container = ref();
 //拖动字段排序
 const columnDrop = () => {
-    const wrapperTr = container.value.querySelector(
-      	'.el-table__header-wrapper tr'
-    )
-	// console.log("wrapperTr",wrapperTr)
-    Sortable.create(wrapperTr, {
-		animation: 180,
-		delay: 0,
-		onEnd: (evt: any) => {
-			// console.log("evt",evt.oldIndex,evt.newIndex)
-			const oldItem = state.tableData.columns[evt.oldIndex]
-			state.tableData.columns.splice(evt.oldIndex, 1)
-			state.tableData.columns.splice(evt.newIndex, 0, oldItem)
-			// 重染表格，否则点下面的设置对不上了
-			state.refreshTable = false
-			nextTick(() => {
-				state.refreshTable = true
-				nextTick(() => {
-					columnDrop() // 拖完后拖不到了，再执行一下
-				})
-			})
-		}
-    })
-}
+  const wrapperTr = container.value.querySelector(".el-table__header-wrapper tr");
+  // console.log("wrapperTr",wrapperTr)
+  Sortable.create(wrapperTr, {
+    animation: 180,
+    delay: 0,
+    onEnd: (evt: any) => {
+      // console.log("evt",evt.oldIndex,evt.newIndex)
+      const oldItem = state.tableData.columns[evt.oldIndex];
+      state.tableData.columns.splice(evt.oldIndex, 1);
+      state.tableData.columns.splice(evt.newIndex, 0, oldItem);
+      // 重染表格，否则点下面的设置对不上了
+      state.refreshTable = false;
+      nextTick(() => {
+        state.refreshTable = true;
+        nextTick(() => {
+          columnDrop(); // 拖完后拖不到了，再执行一下
+        });
+      });
+    },
+  });
+};
 
-const tableFieldList = ref<InstanceType<typeof ElTable>>()
-const tableFieldAttrBut = ref<InstanceType<typeof ElTable>>()
+const tableFieldList = ref<InstanceType<typeof ElTable>>();
+const tableFieldAttrBut = ref<InstanceType<typeof ElTable>>();
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-27 08:27:22
 @ 功能: 删除表头列表字段
 */
-const delCol = (val:any) => {
-	let delInfo = []
-	let delInfoBut = []
-	if(state.tableData.columns.length > 0) {
-		
-		state.tableData.columns.forEach((item: any, index: number) => {
-			if (item.id === val.id) {
-				state.tableData.columns.splice(index, 1)
-				if(item.attribute == "-"){
-					delInfoBut.push(item)
-				}else{
-					delInfo.push(item)
-				}
-			}
-			
-		})
-		
-		// tableFieldList.value!.toggleRowSelection(delInfo, true)
-		// console.log("delInfo",delInfo)
-		// tableFieldList.value!.clearSelection()
-	}else{
-		tableFieldList.value!.clearSelection()
-		tableFieldAttrBut.value!.clearSelection()
-	}
-	if(delInfo.length > 0){
-		delInfo.forEach((item:any)=>{
-			tableFieldList.value!.toggleRowSelection(item, false)
-		})
-	}
-	if(delInfoBut.length > 0){
-		delInfoBut.forEach((item:any)=>{
-			tableFieldAttrBut.value!.toggleRowSelection(item, false)
-		})
-	}
-}
+const delCol = (val: any) => {
+  let delInfo = [];
+  let delInfoBut = [];
+  if (state.tableData.columns.length > 0) {
+    state.tableData.columns.forEach((item: any, index: number) => {
+      if (item.id === val.id) {
+        state.tableData.columns.splice(index, 1);
+        if (item.attribute == "-") {
+          delInfoBut.push(item);
+        } else {
+          delInfo.push(item);
+        }
+      }
+    });
+
+    // tableFieldList.value!.toggleRowSelection(delInfo, true)
+    // console.log("delInfo",delInfo)
+    // tableFieldList.value!.clearSelection()
+  } else {
+    tableFieldList.value!.clearSelection();
+    tableFieldAttrBut.value!.clearSelection();
+  }
+  if (delInfo.length > 0) {
+    delInfo.forEach((item: any) => {
+      tableFieldList.value!.toggleRowSelection(item, false);
+    });
+  }
+  if (delInfoBut.length > 0) {
+    delInfoBut.forEach((item: any) => {
+      tableFieldAttrBut.value!.toggleRowSelection(item, false);
+    });
+  }
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-27 10:13:34
 @ 功能: 更新列表记录操作按钮
 */
-const updataLogBut = (val:attrButton[]) => {
-	// console.log("更新列表记录操作按钮",val)
-	let isWrete = true
-	if(state.tableData.columns && state.tableData.columns.length > 0){
-		state.tableData.columns.forEach((item:any)=>{
-			if(item.fieldClass == "__control"){
-				state.tableData.operateBtn = val.value
-				isWrete = false
-			}
-		})
-	}
-	if(isWrete){
-		state.tableData.operateBtn = [];
-	}
-	// console.log("更新列表记录操作按钮------1------->",state.tableData.operateBtn)
-}
+const updataLogBut = (val: attrButton[]) => {
+  // console.log("更新列表记录操作按钮",val)
+  let isWrete = true;
+  if (state.tableData.columns && state.tableData.columns.length > 0) {
+    state.tableData.columns.forEach((item: any) => {
+      if (item.fieldClass == "__control") {
+        state.tableData.operateBtn = val.value;
+        isWrete = false;
+      }
+    });
+  }
+  if (isWrete) {
+    state.tableData.operateBtn = [];
+  }
+  // console.log("更新列表记录操作按钮------1------->",state.tableData.operateBtn)
+};
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-28 15:00:12
 @ 功能: 处理查询条件
 */
-const addOrDelSearchField = (val:attrButton,isTrue:boolean) => {
-	if(isTrue){
-		if(state.searchData.length>0){
-			let isWrite = true;
-			state.searchData.forEach((item:attrButton,index:number)=>{
-				if(item.id==val.id){
-					isWrite = false;
-				}
-			})
-			if(isWrite){
-				state.searchData.push(val)
-			}
-		}else{
-			state.searchData.push(val)
-		}
-	}else{
-		if(state.searchData.length>0){
-			state.searchData.forEach((item:attrButton,index:number)=>{
-				if(item.id==val.id){
-					state.searchData.splice(index,1)
-				}
-			})
-		}
-	}
-}
-
-// 定义自定义表头
-const readerColumn = (column:any) => {
-	// console.log(column)
-	let labelLong = column.label.length // 表头label长度
-	if(column.label.length < 3) {
-		labelLong = 3
-	}
-	let size = 30 // 根据需求定义一个字体的标尺
-	// column.minWidth = labelLong * size
-	//@ts-ignore
-	return labelLong * size
-}
-
-const adaptiveWidth = (colName: any) =>{
-    if (!colName) {
-        return
+const addOrDelSearchField = (val: attrButton, isTrue: boolean) => {
+  if (isTrue) {
+    if (state.searchData.length > 0) {
+      let isWrite = true;
+      state.searchData.forEach((item: attrButton, index: number) => {
+        if (item.id == val.id) {
+          isWrite = false;
+        }
+      });
+      if (isWrite) {
+        state.searchData.push(val);
+      }
+    } else {
+      state.searchData.push(val);
     }
-    colName += ''
-    const english = /\w+/
-    let colWidth = 0
-    for (const char of colName) {
-        if (english.test(char)) {
-            colWidth += 30
-        } else {
-            colWidth += 30
+  } else {
+    if (state.searchData.length > 0) {
+      state.searchData.forEach((item: attrButton, index: number) => {
+        if (item.id == val.id) {
+          state.searchData.splice(index, 1);
         }
+      });
     }
-    return colWidth
-}
-const codeIsShow = ref(false)	//生成代码
+  }
+};
+
+// 定义自定义表头
+const readerColumn = (column: any) => {
+  // console.log(column)
+  let labelLong = column.label.length; // 表头label长度
+  if (column.label.length < 3) {
+    labelLong = 3;
+  }
+  let size = 30; // 根据需求定义一个字体的标尺
+  // column.minWidth = labelLong * size
+  //@ts-ignore
+  return labelLong * size;
+};
+
+const adaptiveWidth = (colName: any) => {
+  if (!colName) {
+    return;
+  }
+  colName += "";
+  const english = /\w+/;
+  let colWidth = 0;
+  for (const char of colName) {
+    if (english.test(char)) {
+      colWidth += 30;
+    } else {
+      colWidth += 30;
+    }
+  }
+  return colWidth;
+};
+const codeIsShow = ref(false); //生成代码
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-29 11:12:26
 @ 功能: 列表头部按钮操作
 */
 const listPageTools = (type: string) => {
-	// console.log("列表头部操作--》",type)
-	switch(type){
-		case "del":
-			clearData()
-			break;
-		case "eye":
-			state.previewVisible = true
-			break;
-		case "json":
-			drawer.title = "查看表格列表结构"
-			dialogOpen(state, { direction: 'ltr', type: 'json' })
-			break;
-		case "save":
-			saveFormListData()
-		case "close":
-			emits('closeFormPage')
-			break;
-		default:
-	}
-}
+  // console.log("列表头部操作--》",type)
+  switch (type) {
+    case "del":
+      clearData();
+      break;
+    case "eye":
+      state.previewVisible = true;
+      break;
+    case "json":
+      drawer.title = "查看表格列表结构";
+      dialogOpen(state, { direction: "ltr", type: "json" });
+      break;
+    case "save":
+      saveFormListData();
+    case "close":
+      emits("closeFormPage");
+      break;
+    default:
+  }
+};
 
 /**
 @ 作者: 秦东
@@ -656,65 +668,64 @@ const listPageTools = (type: string) => {
 @ 功能: 关闭预览
 */
 const handlePreviewClose = () => {
-	state.previewVisible = false
-}
+  state.previewVisible = false;
+};
 const drawer = reactive({
-    visible: false,
-    title: '',
-    direction: 'ltr',
-    content: '',
-    codeType: ''
-})
+  visible: false,
+  title: "",
+  direction: "ltr",
+  content: "",
+  codeType: "",
+});
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-29 14:08:49
 @ 功能: 数据格式处理
 */
 const dialogOpen = (obj: any, params: any = {}) => {
-    drawer.visible = true
-    Object.assign(drawer, { direction: 'ltr' }, params)
-    let editData = objToStringify(obj, true)
-    switch (params.type) {
-      case 'dict':
-        editData = json2string(obj, true)
-        break
-      case 'beforeRequest':
-      case 'beforeDelete':
-      case 'treeBeforeRequest':
-        if (!obj) {
-          editData = beforeRequest
-        }
-        break
-      case 'afterResponse':
-      case 'treeAfterResponse':
-        if (!obj) {
-          editData = afterResponse
-        }
-        break
-    }
-    drawer.content = editData
-}
+  drawer.visible = true;
+  Object.assign(drawer, { direction: "ltr" }, params);
+  let editData = objToStringify(obj, true);
+  switch (params.type) {
+    case "dict":
+      editData = json2string(obj, true);
+      break;
+    case "beforeRequest":
+    case "beforeDelete":
+    case "treeBeforeRequest":
+      if (!obj) {
+        editData = beforeRequest;
+      }
+      break;
+    case "afterResponse":
+    case "treeAfterResponse":
+      if (!obj) {
+        editData = afterResponse;
+      }
+      break;
+  }
+  drawer.content = editData;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-29 11:02:51
 @ 功能: 清空数据
 */
 const clearData = () => {
-	tableFieldList.value!.clearSelection()
-	tableFieldAttrBut.value!.clearSelection()
-	tableAttrBut.value!.clearSelection()
-	state.searchData = []
-	// state.tableData.controlBtn = []
-	// state.tableData.columns = []
-	state.tableData.operateBtn = []
-	state.tableData.config = {}
-	if(formTableField.masterTable){
-		formTableField.masterTable.forEach((item)=>{
-			item.isSearch = false;
-		})
-	}
-	
-}
+  tableFieldList.value!.clearSelection();
+  tableFieldAttrBut.value!.clearSelection();
+  tableAttrBut.value!.clearSelection();
+  state.searchData = [];
+  // state.tableData.controlBtn = []
+  // state.tableData.columns = []
+  state.tableData.operateBtn = [];
+  state.tableData.config = {};
+  if (formTableField.masterTable) {
+    formTableField.masterTable.forEach((item) => {
+      item.isSearch = false;
+    });
+  }
+};
 
 /**
 @ 作者: 秦东
@@ -722,205 +733,217 @@ const clearData = () => {
 @ 功能: 添加自定义表单列表设定
 */
 const saveFormListData = () => {
-	const { type ,addApiUrl ,editApiUrl,delApiUrl,lookApiUrl } = state.formApi
-	if(!props.formKey || props.formKey == "" || props.formKey == null || props.formKey == undefined){
-		return ElMessage.error('未知表单参数！请先保存前置表单后再操作！')
-	}
-	// console.log("添加自定义表单列表设定",state.formApi)
-	if(type != 1){
-		if(addApiUrl=="" || editApiUrl=="" || delApiUrl=="" || lookApiUrl == ""){
-			return ElMessage.error('请补全列表第三方APIUrl！')
-		}
-	}
-	if(state.tableData.columns.length < 1){
-		return ElMessage.error('未设置表单查询项！不可提交！')
-	}
-	let params: any = {
-		data: json2string(state),
-		id: props.formKey.toString()
-	}
-	// console.log("添加自定义表单列表设定",params)
-	editCustomerFormList(params)
-		.then((data)=>{
-			// console.log("添加自定义表单列表设定",data)
-			ElMessage.success(data.msg)
-		})
-}
+  const { type, addApiUrl, editApiUrl, delApiUrl, lookApiUrl } = state.formApi;
+  if (
+    !props.formKey ||
+    props.formKey == "" ||
+    props.formKey == null ||
+    props.formKey == undefined
+  ) {
+    return ElMessage.error("未知表单参数！请先保存前置表单后再操作！");
+  }
+  // console.log("添加自定义表单列表设定",state.formApi)
+  if (type != 1) {
+    if (addApiUrl == "" || editApiUrl == "" || delApiUrl == "" || lookApiUrl == "") {
+      return ElMessage.error("请补全列表第三方APIUrl！");
+    }
+  }
+  if (state.tableData.columns.length < 1) {
+    return ElMessage.error("未设置表单查询项！不可提交！");
+  }
+  let params: any = {
+    data: json2string(state),
+    id: props.formKey.toString(),
+  };
+  // console.log("添加自定义表单列表设定",params)
+  editCustomerFormList(params).then((data) => {
+    // console.log("添加自定义表单列表设定",data)
+    ElMessage.success(data.msg);
+  });
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-01 08:41:31
 @ 功能: 获取列表内容
 */
 const getListInfo = () => {
-	// console.log("获取列表内容1111",props.formKey)
-	gainFormListCont({id:props.formKey.toString()})
-		.then((data)=>{
-			// console.log("获取列表内容",data)
-			if(data.data.listjson != null && data.data.listjson != "" && data.data.listjson != "null"){
-				let stateData = string2json(data.data.listjson)
-				// console.log("获取列表内容---->",stateData)
-				state.tableData = stateData.tableData
-				state.searchData = stateData.searchData
-				state.loading = stateData.loading
-				state.attrObj = stateData.attrObj
-				state.config = stateData.config
-				state.tagList = stateData.tagList
-				state.formId = stateData.formId
-				state.formList = stateData.formList
-				state.name = stateData.name
-				state.treeData = stateData.treeData
-				state.previewVisible = stateData.previewVisible
-				state.formFieldList = stateData.formFieldList
-				state.formApi = stateData.formApi
-				state.dict = stateData.dict
-				state.refreshTable = stateData.refreshTable
-				if(stateData.view && stateData.view != null && stateData.view != ""){
-					if(stateData.view.card  && stateData.view.card  != null && stateData.view.card  != ""){
-						state.view = stateData.view
-					}else{
-						state.view = stateData.view
-						state.view.card ={
-							status:false,
-							isClick:false,
-							form:{
-								sort:1,
-								sortWord:"",
-								imgWork:"",
-								imgWidth:50,
-								imgHeight:50,
-								imgBorderRadius:5,
-								imgPadding:2,
-								titleWork:"",
-								describe:"",
-								ranks:3,
-								title:[]
-							}
-						}
-					}
-					
-				}
-				
+  // console.log("获取列表内容1111",props.formKey)
+  gainFormListCont({ id: props.formKey.toString() }).then((data) => {
+    // console.log("获取列表内容",data)
+    if (
+      data.data.listjson != null &&
+      data.data.listjson != "" &&
+      data.data.listjson != "null"
+    ) {
+      let stateData = string2json(data.data.listjson);
+      // console.log("获取列表内容---->",stateData)
+      state.tableData = stateData.tableData;
+      state.searchData = stateData.searchData;
+      state.loading = stateData.loading;
+      state.attrObj = stateData.attrObj;
+      state.config = stateData.config;
+      state.tagList = stateData.tagList;
+      state.formId = stateData.formId;
+      state.formList = stateData.formList;
+      state.name = stateData.name;
+      state.treeData = stateData.treeData;
+      state.previewVisible = stateData.previewVisible;
+      state.formFieldList = stateData.formFieldList;
+      state.formApi = stateData.formApi;
+      state.dict = stateData.dict;
+      state.refreshTable = stateData.refreshTable;
+      if (stateData.view && stateData.view != null && stateData.view != "") {
+        if (
+          stateData.view.card &&
+          stateData.view.card != null &&
+          stateData.view.card != ""
+        ) {
+          state.view = stateData.view;
+        } else {
+          state.view = stateData.view;
+          state.view.card = {
+            status: false,
+            isClick: false,
+            form: {
+              sort: 1,
+              sortWord: "",
+              imgWork: "",
+              imgWidth: 50,
+              imgHeight: 50,
+              imgBorderRadius: 5,
+              imgPadding: 2,
+              titleWork: "",
+              describe: "",
+              ranks: 3,
+              title: [],
+            },
+          };
+        }
+      }
 
-				// console.log("获取列表内容--1-->",stateData.view)
-				// console.log("获取列表内容--2-->",state.view)
-			}
-			
+      // console.log("获取列表内容--1-->",stateData.view)
+      // console.log("获取列表内容--2-->",state.view)
+    }
 
-			zhuDaunIsTrue.value = false
-			
-			if(state.tableData && state.tableData.columns && state.tableData.columns.length > 0) {
-				
-				if(formTableField.masterTable && formTableField.masterTable.length > 0){
-					state.tableData.columns.forEach((itemCol:any)=>{
-						formTableField.masterTable.forEach((item:any)=>{
-							if(itemCol.id == item.id){
-								// console.log("========>",item)
-								item.isSearch = true
-								tableFieldList.value!.toggleRowSelection(item, true)
-							}
-						})
-					})
-					
-				}
-				
-				if(tableAttrLogButtonList && tableAttrLogButtonList.length > 0){
-					state.tableData.columns.forEach((itemCol:any)=>{
-						tableAttrLogButtonList.forEach((item:any)=>{
-							if(itemCol.id == item.id){
-								tableFieldAttrBut.value!.toggleRowSelection(item, true)
-							}
-						})
-					})
-				}
-				
-			// 	// let delInfo = []
-			// 	// let delInfoBut = []
+    zhuDaunIsTrue.value = false;
+
+    if (
+      state.tableData &&
+      state.tableData.columns &&
+      state.tableData.columns.length > 0
+    ) {
+      if (formTableField.masterTable && formTableField.masterTable.length > 0) {
+        state.tableData.columns.forEach((itemCol: any) => {
+          formTableField.masterTable.forEach((item: any) => {
+            if (itemCol.id == item.id) {
+              // console.log("========>",item)
+              item.isSearch = true;
+              tableFieldList.value!.toggleRowSelection(item, true);
+            }
+          });
+        });
+      }
 
-			// 	// state.tableData.columns.forEach((item: any) => {
-			// 	// 	if(item.fieldClass != "-"){
-			// 	// 		delInfo.push(item)
-			// 	// 	}else{
-			// 	// 		delInfoBut.push(item)
-			// 	// 	}
-			// 	// 	// tableFieldList.value!.toggleRowSelection(item, true)
-			// 	// 	// if
-			// 	// 	// tableFieldAttrBut.value!.toggleRowSelection(item, true)
-			// 	// })
-			// 	// if(delInfo.length > 0){
-			// 	// 	delInfo.forEach((item:any)=>{
-			// 	// 		tableFieldList.value!.toggleRowSelection(item, true)
-			// 	// 	})
-			// 	// }
-			// 	// if(delInfoBut.length > 0){
-			// 	// 	delInfoBut.forEach((item:any)=>{
-			// 	// 		tableFieldAttrBut.value!.toggleRowSelection(item, true)
-			// 	// 	})
-			// 	// }
-			}
-			
-			if(state.tableData && state.tableData.controlBtn && state.tableData.controlBtn.length > 0) {
-				
-				state.tableData.controlBtn.forEach((itemCol:any)=>{
-					tableButtonList.forEach((item:any)=>{
-						if(itemCol.id == item.id){
-							tableAttrBut.value!.toggleRowSelection(item, true)
-						}
-					})
-				})
-			}
+      if (tableAttrLogButtonList && tableAttrLogButtonList.length > 0) {
+        state.tableData.columns.forEach((itemCol: any) => {
+          tableAttrLogButtonList.forEach((item: any) => {
+            if (itemCol.id == item.id) {
+              tableFieldAttrBut.value!.toggleRowSelection(item, true);
+            }
+          });
+        });
+      }
 
-			zhuDaunIsTrue.value = true
-		})
-		
-}
+      // 	// let delInfo = []
+      // 	// let delInfoBut = []
+
+      // 	// state.tableData.columns.forEach((item: any) => {
+      // 	// 	if(item.fieldClass != "-"){
+      // 	// 		delInfo.push(item)
+      // 	// 	}else{
+      // 	// 		delInfoBut.push(item)
+      // 	// 	}
+      // 	// 	// tableFieldList.value!.toggleRowSelection(item, true)
+      // 	// 	// if
+      // 	// 	// tableFieldAttrBut.value!.toggleRowSelection(item, true)
+      // 	// })
+      // 	// if(delInfo.length > 0){
+      // 	// 	delInfo.forEach((item:any)=>{
+      // 	// 		tableFieldList.value!.toggleRowSelection(item, true)
+      // 	// 	})
+      // 	// }
+      // 	// if(delInfoBut.length > 0){
+      // 	// 	delInfoBut.forEach((item:any)=>{
+      // 	// 		tableFieldAttrBut.value!.toggleRowSelection(item, true)
+      // 	// 	})
+      // 	// }
+    }
 
-const showCollapse = () => {}
+    if (
+      state.tableData &&
+      state.tableData.controlBtn &&
+      state.tableData.controlBtn.length > 0
+    ) {
+      state.tableData.controlBtn.forEach((itemCol: any) => {
+        tableButtonList.forEach((item: any) => {
+          if (itemCol.id == item.id) {
+            tableAttrBut.value!.toggleRowSelection(item, true);
+          }
+        });
+      });
+    }
+
+    zhuDaunIsTrue.value = true;
+  });
+};
+
+const showCollapse = () => {};
 // 弹窗确认
 const dialogConfirm = (editVal: string) => {
-    // 生成脚本预览和导入json，都是将编辑器内容更新至state.formData
-    try {
-      	if (typeof drawer.callback === 'function') {
-			// callback
-			const newObj =
-			drawer.codeType === 'json'? string2json(editVal): stringToObj(editVal)
-			drawer.callback(newObj)
-      	} else {
-			switch (drawer.type) {
-				case 'css':
-					// 表单属性－编辑表单样式
-					if (!state.value.formData.config) {
-						state.value.formData.config = {}
-					}
-					state.value.formData.config.style = editVal
-					break
-				case 'dict':
-					state.value.formDict = string2json(editVal)
-					break
-				case 'beforeRequest':
-				case 'beforeSubmit':
-				case 'afterResponse':
-				case 'afterSubmit':
-				case 'closeSubmit':
-				case 'change':
-					if (!state.value.formData.events) {
-						state.value.formData.events = {}
-					}
-					state.value.formData.events[drawer.type] = stringToObj(editVal)
-					break
-				default:
-					state.value.formData = stringToObj(editVal)
-			}
-      	}
-      	dialogCancel()
-    } catch (res) {
-		// console.log(res.message)
-		//ElMessage.error(res.message)
+  // 生成脚本预览和导入json，都是将编辑器内容更新至state.formData
+  try {
+    if (typeof drawer.callback === "function") {
+      // callback
+      const newObj =
+        drawer.codeType === "json" ? string2json(editVal) : stringToObj(editVal);
+      drawer.callback(newObj);
+    } else {
+      switch (drawer.type) {
+        case "css":
+          // 表单属性－编辑表单样式
+          if (!state.value.formData.config) {
+            state.value.formData.config = {};
+          }
+          state.value.formData.config.style = editVal;
+          break;
+        case "dict":
+          state.value.formDict = string2json(editVal);
+          break;
+        case "beforeRequest":
+        case "beforeSubmit":
+        case "afterResponse":
+        case "afterSubmit":
+        case "closeSubmit":
+        case "change":
+          if (!state.value.formData.events) {
+            state.value.formData.events = {};
+          }
+          state.value.formData.events[drawer.type] = stringToObj(editVal);
+          break;
+        default:
+          state.value.formData = stringToObj(editVal);
+      }
     }
-}
+    dialogCancel();
+  } catch (res) {
+    // console.log(res.message)
+    //ElMessage.error(res.message)
+  }
+};
 </script>
 <template>
-	<div class="design-containers design-table" v-loading="pageLoading">
-		<!-- <div class="components-list">
+  <div class="design-containers design-table" v-loading="pageLoading">
+    <!-- <div class="components-list">
 			<el-divider content-position="left">表格列字段</el-divider>
 			<el-table
 				ref="multipleTableRef"
@@ -934,787 +957,1033 @@ const dialogConfirm = (editVal: string) => {
 				</el-table-column>
 			</el-table>
 		</div> -->
-		
-		<div class="main-body">
-			<div class="header">
-				<div class="field">
-				
-				</div>
-				<PageListHeadTools @clearData="listPageTools" />
-			</div>
-			<div  ref="container"  class="table_box main_table">
 
-				<div class="search-box" >
-					<SearchField v-if="state.searchData&&state.searchData.length>0&&state.config.searchIsShow" v-model:searchData="state.searchData" />
-					<div v-else class="tipBox" >条件查询搜索区域</div>
-					
-				</div>
-
-
-
-				<div class="operateButArea">
-					<div class="operatLeft">
-						<el-text v-if="state.tableData.controlBtn.length === 0" class="mx-1 tipBox" type="info">操作按钮区域</el-text>
-						<el-button
-							v-for="item in state.tableData.controlBtn"
-							v-bind="item"
-							:key="item.type"
-						>
-							{{ item.label }}
-						</el-button>
-					</div>
-					<div>
-						<el-button-group class="ml-4">
-							<el-tooltip
-								v-if="state.config.searchFormIsShow"
-								class="box-item"
-								effect="dark"
-								content="折叠查询表单"
-								placement="top"
-							>
-								<el-button size="small" @click="state.config.searchIsShow=!state.config.searchIsShow" class="fa fa-search" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="state.view.list.status"
-								class="box-item"
-								effect="dark"
-								content="列表视图"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-table"  :color="state.view.list.isClick?'#a0cfff':''" @click="tabsView(state.view.list)" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="state.view.date.status"
-								class="box-item"
-								effect="dark"
-								content="日历视图"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-calendar" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="state.view.time.status"
-								class="box-item"
-								effect="dark"
-								content="时间轴"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-clock-o" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="state.view.gantt.status"
-								class="box-item"
-								effect="dark"
-								content="甘特图"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-bar-chart" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="state.view.map.status"
-								class="box-item"
-								effect="dark"
-								content="地图视图"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-map-signs" />
-							</el-tooltip>
-							
-						</el-button-group>
-					</div>
-				</div>
-				
-				<div class="operateButArea tipBox" v-if="!state.tableData.columns?.length">
-					表格列设置区域，可从左上角 添加表格列字段
-					选择已有列或直接从上方工具栏 生成脚本预览 编辑
-				</div>
-				<el-table
-					:data="[{}]"
-					v-bind="state.tableData.tableProps || {}"
-					ref="tableEl"
-					
-				>
-					<template
-						v-for="item in state.tableData.columns"
-						:key="item.prop || item.label"
-					>
-
-						<el-table-column v-bind="item" :width="readerColumn(item)">
-
-							<template #header="scope">
-								<div class="field_close">
-									<el-text>{{ item.label }}</el-text>
-									<i ><el-icon  @click="delCol(item)"><Close /></el-icon></i>
-								</div>
-								<el-tooltip placement="top" v-if="item.help">
-									<template #content>
-										<span v-html="item.help"></span>
-									</template>
-									<i class="icon-help"></i>
-								</el-tooltip>
-							</template>
-							<template #default v-if="item.field !== 'index'">
-								<el-checkbox v-if="item.field === 'checkbox'" />
-								<span v-if="item.field === 'operate'">操作</span>
-								<span v-if="item.field !== 'checkbox'&&item.field !== 'operate'" >数据</span>
-							</template>
-						</el-table-column>
-					</template>
-				</el-table>
-				<div class="table-tip">
-					操作提示：<br />
-					*从数据列表配置中选择 所属表单<br />
-					*从左上角 添加表格字段 选择预设字段<br />
-					*可拖动表头字段移动调整表头字段排列顺序<br />
-					*可通过顶部工具栏 生成脚本预览 查看或编辑添加自定义字段<br />
-				
-				</div>
-			</div>
-		</div>
-		<div class="sidebar-tools">
-			<el-tabs ref="multipleTableRef" v-model="formTableActive" class="form_tabs" @tab-click="handleClick">
-				<el-tab-pane label="字段设置" :name="1">
-					<el-divider content-position="left">功能字段</el-divider>
-					<el-table ref="tableFieldAttrBut" :data="tableAttrLogButtonList" border  style="width: 100%" @selection-change="tableFieldAttrButClick">
-						<el-table-column fixed type="selection" width="40"  align="center" />
-						<el-table-column prop="label" label="字段" />
-						<el-table-column fixed="right" label="设置" width="55" align="center">
-							<template #default="scope">
-								<el-icon v-if="scope.row.fieldClass=='__control'" title="设置" @click="setUpFieldBut(scope.row)"><Setting /></el-icon>
-							</template>
-						</el-table-column>
-					</el-table>
-					<el-divider content-position="left">列表字段</el-divider>
-					<el-table ref="tableFieldList" :data="formTableField.masterTable" border @selection-change="tableListFieldClick"  style="width: 100%">
-						<el-table-column fixed type="selection" width="40"  align="center" />
-						<el-table-column prop="label" label="字段">
-							<template #default="scope">
-								{{scope.row.label}}({{scope.row.fieldClass}}[{{scope.row.pattern}}])
-							</template>
-						</el-table-column>
-						<el-table-column fixed="right" label="查询" width="55" align="center">
-							<template #default="scope">
-								<el-switch
-									v-model="scope.row.isSearch"
-									:active-action-icon="View"
-									:inactive-action-icon="Hide"
-									style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
-									@change="addOrDelSearchField(scope.row, $event)"
-								/>
-							</template>
-						</el-table-column>
-						<!-- <el-table-column fixed="right" label="设置" width="55" align="center">
+    <div class="main-body">
+      <div class="header">
+        <div class="field"></div>
+        <PageListHeadTools @clearData="listPageTools" />
+      </div>
+      <div ref="container" class="table_box main_table">
+        <div class="search-box">
+          <SearchField
+            v-if="
+              state.searchData && state.searchData.length > 0 && state.config.searchIsShow
+            "
+            v-model:searchData="state.searchData"
+          />
+          <div v-else class="tipBox">条件查询搜索区域</div>
+        </div>
+
+        <div class="operateButArea">
+          <div class="operatLeft">
+            <el-text
+              v-if="state.tableData.controlBtn.length === 0"
+              class="mx-1 tipBox"
+              type="info"
+              >操作按钮区域</el-text
+            >
+            <el-button
+              v-for="item in state.tableData.controlBtn"
+              v-bind="item"
+              :key="item.type"
+            >
+              {{ item.label }}
+            </el-button>
+          </div>
+          <div>
+            <el-button-group class="ml-4">
+              <el-tooltip
+                v-if="state.config.searchFormIsShow"
+                class="box-item"
+                effect="dark"
+                content="折叠查询表单"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  @click="state.config.searchIsShow = !state.config.searchIsShow"
+                  class="fa fa-search"
+                />
+              </el-tooltip>
+              <el-tooltip
+                v-if="state.view.list.status"
+                class="box-item"
+                effect="dark"
+                content="列表视图"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  class="fa fa-table"
+                  :color="state.view.list.isClick ? '#a0cfff' : ''"
+                  @click="tabsView(state.view.list)"
+                />
+              </el-tooltip>
+              <el-tooltip
+                v-if="state.view.date.status"
+                class="box-item"
+                effect="dark"
+                content="日历视图"
+                placement="top"
+              >
+                <el-button size="small" class="fa fa-calendar" />
+              </el-tooltip>
+              <el-tooltip
+                v-if="state.view.time.status"
+                class="box-item"
+                effect="dark"
+                content="时间轴"
+                placement="top"
+              >
+                <el-button size="small" class="fa fa-clock-o" />
+              </el-tooltip>
+              <el-tooltip
+                v-if="state.view.gantt.status"
+                class="box-item"
+                effect="dark"
+                content="甘特图"
+                placement="top"
+              >
+                <el-button size="small" class="fa fa-bar-chart" />
+              </el-tooltip>
+              <el-tooltip
+                v-if="state.view.map.status"
+                class="box-item"
+                effect="dark"
+                content="地图视图"
+                placement="top"
+              >
+                <el-button size="small" class="fa fa-map-signs" />
+              </el-tooltip>
+            </el-button-group>
+          </div>
+        </div>
+
+        <div class="operateButArea tipBox" v-if="!state.tableData.columns?.length">
+          表格列设置区域，可从左上角 添加表格列字段 选择已有列或直接从上方工具栏
+          生成脚本预览 编辑
+        </div>
+        <el-table :data="[{}]" v-bind="state.tableData.tableProps || {}" ref="tableEl">
+          <template
+            v-for="item in state.tableData.columns"
+            :key="item.prop || item.label"
+          >
+            <el-table-column v-bind="item" :width="readerColumn(item)">
+              <template #header="scope">
+                <div class="field_close">
+                  <el-text>{{ item.label }}</el-text>
+                  <i
+                    ><el-icon @click="delCol(item)"><Close /></el-icon
+                  ></i>
+                </div>
+                <el-tooltip placement="top" v-if="item.help">
+                  <template #content>
+                    <span v-html="item.help"></span>
+                  </template>
+                  <i class="icon-help"></i>
+                </el-tooltip>
+              </template>
+              <template #default v-if="item.field !== 'index'">
+                <el-checkbox v-if="item.field === 'checkbox'" />
+                <span v-if="item.field === 'operate'">操作</span>
+                <span v-if="item.field !== 'checkbox' && item.field !== 'operate'"
+                  >数据</span
+                >
+              </template>
+            </el-table-column>
+          </template>
+        </el-table>
+        <div class="table-tip">
+          操作提示：<br />
+          *从数据列表配置中选择 所属表单<br />
+          *从左上角 添加表格字段 选择预设字段<br />
+          *可拖动表头字段移动调整表头字段排列顺序<br />
+          *可通过顶部工具栏 生成脚本预览 查看或编辑添加自定义字段<br />
+        </div>
+      </div>
+    </div>
+    <div class="sidebar-tools">
+      <el-tabs
+        ref="multipleTableRef"
+        v-model="formTableActive"
+        class="form_tabs"
+        @tab-click="handleClick"
+      >
+        <el-tab-pane label="字段设置" :name="1">
+          <el-divider content-position="left">功能字段</el-divider>
+          <el-table
+            ref="tableFieldAttrBut"
+            :data="tableAttrLogButtonList"
+            border
+            style="width: 100%"
+            @selection-change="tableFieldAttrButClick"
+          >
+            <el-table-column fixed type="selection" width="40" align="center" />
+            <el-table-column prop="label" label="字段" />
+            <el-table-column fixed="right" label="设置" width="55" align="center">
+              <template #default="scope">
+                <el-icon
+                  v-if="scope.row.fieldClass == '__control'"
+                  title="设置"
+                  @click="setUpFieldBut(scope.row)"
+                  ><Setting
+                /></el-icon>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-divider content-position="left">列表字段</el-divider>
+          <el-table
+            ref="tableFieldList"
+            :data="formTableField.masterTable"
+            border
+            @selection-change="tableListFieldClick"
+            style="width: 100%"
+          >
+            <el-table-column fixed type="selection" width="40" align="center" />
+            <el-table-column prop="label" label="字段">
+              <template #default="scope">
+                {{ scope.row.label }}({{ scope.row.fieldClass }}[{{ scope.row.pattern }}])
+              </template>
+            </el-table-column>
+            <el-table-column fixed="right" label="查询" width="55" align="center">
+              <template #default="scope">
+                <el-switch
+                  v-model="scope.row.isSearch"
+                  :active-action-icon="View"
+                  :inactive-action-icon="Hide"
+                  style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
+                  @change="addOrDelSearchField(scope.row, $event)"
+                />
+              </template>
+            </el-table-column>
+            <!-- <el-table-column fixed="right" label="设置" width="55" align="center">
 							<template #default="scope">
 								<el-icon title="设置" @click="setUpField(scope.row)"><Setting /></el-icon>
 							</template>
 						</el-table-column> -->
-					</el-table>
-					<!-- <el-divider content-position="left">查询条件</el-divider> -->
-				</el-tab-pane>
-				<el-tab-pane label="列表设置" :name="2">
-					<el-divider content-position="left">开启视图</el-divider>
-						<div class="demo_collapse">
-							<el-collapse v-value="activeName"  @change="handleChange">
-								<el-collapse-item  name="list" :class="state.view.list.status?'isTrueItem':''"  :disabled="!state.view.list.status">
-									<template #title>
-										<div class="collapse-title">
-											<div>
-												<i class="fa fa-table"></i>
-												<el-text>列表视图</el-text>
-											</div>
-											<el-switch v-if="1==0" class="openOfClose" v-model="state.view.list.status" @click.stop="showCollapse" />
-										</div>
-									</template>
-									<div>
-										<el-form
-											label-position="top"
-											label-width="auto"
-											:model="state.view.list.form"
-											style="max-width: 600px"
-										>
-											<el-form-item label="标题字段">
-												<el-select v-model="state.view.list.form.title" multiple placeholder="请选择标题字段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-											<el-form-item label="排序字段">
-												<el-select v-model="state.view.list.form.sortWord" placeholder="请选择排序字段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-
-											<el-form-item label="排序方式">
-												<el-radio-group v-model="state.view.list.form.sort">
-													<el-radio :label="1">降序</el-radio>
-													<el-radio :label="2">升序</el-radio>
-												</el-radio-group>
-											</el-form-item>
-
-
-										</el-form>
-									</div>
-								</el-collapse-item>
-								<el-collapse-item title="Consistency" name="card" :class="state.view.card&&state.view.card.status?'isTrueItem':''"  :disabled="!state.view.card.status">
-									<template #title>
-										<div class="collapse-title">
-											<div>
-												<i class="fa fa-id-card-o"></i>
-												<el-text>卡片视图</el-text>
-											</div>
-											<el-switch class="openOfClose" v-model="state.view.card.status" :disabled="isCardTrue" @click.stop="showCollapse" />
-										</div>
-									</template>
-									<div>
-										<el-form
-											label-position="top"
-											label-width="auto"
-											:model="state.view.card.form"
-											style="max-width: 600px"
-										>
-											<el-form-item label="标题字段">
-												<el-select v-model="state.view.card.form.title" multiple placeholder="请选择标题字段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-											<el-form-item label="图片字段">
-												<el-select v-model="state.view.card.form.imgWork" placeholder="请选择图片字段">
-													<el-option v-for="item in cardKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-											<el-form-item label="图片宽度与高度">
-												<el-input
-													v-model="state.view.card.form.imgWidth"
-													placeholder="请输入图片宽度"
-												>
-													<template #prepend>宽度</template>
-													<template #suffix>PX</template>
-												</el-input>
-												<el-input
-													v-model="state.view.card.form.imgHeight"
-													placeholder="请输入图片高度"
-													style="margin-top:10px;"
-												>
-													<template #prepend>高度</template>
-													<template #suffix>PX</template>
-												</el-input>
-											</el-form-item>
-											<el-form-item label="图片圆角">
-												<el-input
-													v-model="state.view.card.form.imgBorderRadius"
-													placeholder="请输入图片圆角"
-													style="margin-top:10px;"
-												>
-													<template #prepend>圆角</template>
-													<template #suffix>PX</template>
-												</el-input>
-											</el-form-item>
-
-											<el-form-item label="图片边框缩进">
-												<el-input
-													v-model="state.view.card.form.imgPadding"
-													placeholder="请输入图片边框缩进"
-													style="margin-top:10px;"
-												>
-													<template #prepend>缩进</template>
-													<template #suffix>PX</template>
-												</el-input>
-											</el-form-item>
-											<el-form-item label="卡片标题">
-												<el-select v-model="state.view.card.form.titleWork" placeholder="请选择时间轴段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-											<el-form-item label="卡片标题描述">
-												<el-select v-model="state.view.card.form.describe" placeholder="请选择时间轴段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-											<el-form-item label="每行几列">
-												<el-input
-													v-model="state.view.card.form.ranks"
-													placeholder="请输入每行几列"
-													style="margin-top:10px;"
-												>
-													<template #suffix>列</template>
-												</el-input>
-											</el-form-item>
-											<el-form-item label="排序字段">
-												<el-select v-model="state.view.card.form.sortWord" placeholder="请选择时间轴段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-
-											<el-form-item label="排序方式">
-												<el-radio-group v-model="state.view.card.form.sort">
-													<el-radio :label="1">降序</el-radio>
-													<el-radio :label="2">升序</el-radio>
-												</el-radio-group>
-											</el-form-item>
-
-
-										</el-form>
-									</div>
-								</el-collapse-item>
-								<el-collapse-item title="Consistency" name="date" :class="state.view.date.status?'isTrueItem':''"  :disabled="!state.view.date.status">
-									<template #title>
-										<div class="collapse-title">
-											<div>
-												<i class="fa fa-calendar"></i>
-												<el-text>日历视图</el-text>
-											</div>
-											<el-switch class="openOfClose" v-model="state.view.date.status"  @click.stop="showCollapse" />
-										</div>
-									</template>
-									<div>
-										<el-form
-											label-position="top"
-											label-width="auto"
-											:model="state.view.date.form"
-											style="max-width: 600px"
-										>
-											<el-form-item label="标题字段">
-												<el-select v-model="state.view.date.form.title" multiple placeholder="请选择标题字段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-											<el-form-item >
-												<span slot="label">
-													时间跨度
-													<el-tooltip
-														class="box-item"
-														effect="dark"
-														content="假如一个任务今天开始，明天结束。日历列表中用区间日期展示这一条信息。"
-														placement="top"
-													>
-														<i class="fa fa-question-circle-o"></i>
-													</el-tooltip>
-												</span>
-												<el-select v-model="state.view.date.form.startTime" clearable placeholder="请选择开始时间">
-													<template #prefix>从</template>
-													<el-option v-for="item in timeKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-												<el-select v-model="state.view.date.form.endTime" clearable placeholder="请选择结束时间" style="margin-top:10px;">
-													<template #prefix>至</template>
-													<el-option v-for="item in timeKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-
-											<el-form-item label="默认展示">
-												<el-select v-model="state.view.date.form.dayType" clearable placeholder="请选择展示方式">
-													<el-option label="月" :value="1" />
-													<el-option label="周" :value="2" />
-													<el-option label="日" :value="3" />
-												</el-select>
-											</el-form-item>
-
-
-										</el-form>
-									</div>
-								</el-collapse-item>
-
-
-								<el-collapse-item title="Consistency" name="time" :class="state.view.time.status?'isTrueItem':''"  :disabled="!state.view.time.status">
-									<template #title>
-										<div class="collapse-title">
-											<div>
-												<i class="fa fa-clock-o"></i>
-												<el-text>时间轴</el-text>
-											</div>
-											<el-switch class="openOfClose" v-model="state.view.time.status"  @click.stop="showCollapse" />
-										</div>
-									</template>
-									<div>
-										<el-form
-											label-position="top"
-											label-width="auto"
-											:model="state.view.time.form"
-											style="max-width: 600px"
-										>
-											<el-form-item label="标题字段">
-												<el-select v-model="state.view.time.form.title" multiple placeholder="请选择标题字段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-											<el-form-item label="时间轴字段">
-												<el-select v-model="state.view.time.form.sortWord" placeholder="请选择时间轴段">
-													<el-option v-for="item in timeKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-
-											<el-form-item label="排序方式">
-												<el-radio-group v-model="state.view.time.form.sort">
-													<el-radio :label="1">降序</el-radio>
-													<el-radio :label="2">升序</el-radio>
-												</el-radio-group>
-											</el-form-item>
-
-
-										</el-form>
-									</div>
-								</el-collapse-item>
-
-								<el-collapse-item title="Consistency" name="gantt" :class="state.view.gantt.status?'isTrueItem':''"  :disabled="!state.view.gantt.status">
-									<template #title>
-										<div class="collapse-title">
-											<div>
-												<i class="fa fa-bar-chart fa-rotate-0 "></i>
-												<el-text>甘特图</el-text>
-											</div>
-											<el-switch class="openOfClose" v-model="state.view.gantt.status"  @click.stop="showCollapse" />
-										</div>
-									</template>
-									<div>
-										<el-form
-											label-position="top"
-											label-width="auto"
-											:model="state.view.gantt.form"
-											style="max-width: 600px"
-										>
-											<el-form-item label="标题字段">
-												<el-select v-model="state.view.gantt.form.title" multiple placeholder="请选择标题字段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-											<el-form-item label="时间设置">
-												<el-select v-model="state.view.gantt.form.startTime" clearable placeholder="请选择开始时间">
-													<template #prefix>开始时间</template>
-													<el-option v-for="item in timeKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-												<el-select v-model="state.view.gantt.form.endTime" clearable placeholder="请选择结束时间" style="margin-top:10px;">
-													<template #prefix>结束时间</template>
-													<el-option v-for="item in timeKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-
-											<el-form-item label="默认时间刻度">
-												<el-select v-model="state.view.gantt.form.dayType" clearable placeholder="请选择展示方式">
-													<el-option label="时" :value="1" />
-													<el-option label="日" :value="2" />
-													<el-option label="周" :value="3" />
-													<el-option label="月" :value="4" />
-													<el-option label="季" :value="5" />
-													<el-option label="年" :value="6" />
-												</el-select>
-											</el-form-item>
-
-											<el-form-item label="排序字段">
-												<el-select v-model="state.view.gantt.form.sortWord" placeholder="请选择时间轴段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-
-											<el-form-item label="排序方式">
-												<el-radio-group v-model="state.view.gantt.form.sort">
-													<el-radio :label="1">降序</el-radio>
-													<el-radio :label="2">升序</el-radio>
-												</el-radio-group>
-											</el-form-item>
-
-
-										</el-form>
-									</div>
-								</el-collapse-item>
-
-								<el-collapse-item title="Consistency" name="map" :class="state.view.map.status?'isTrueItem':''"  :disabled="!state.view.map.status">
-									<template #title>
-										<div class="collapse-title">
-											<div>
-												<i class="fa fa-map-signs"></i>
-												<el-text>地图视图</el-text>
-											</div>
-											<el-switch class="openOfClose" v-model="state.view.map.status" :disabled="isMapTrue" @click.stop="showCollapse" />
-										</div>
-									</template>
-									<div>
-										<el-form
-											label-position="top"
-											label-width="auto"
-											:model="state.view.map.form"
-											style="max-width: 600px"
-										>
-											<el-form-item label="标题字段">
-												<el-select v-model="state.view.map.form.title" multiple placeholder="请选择标题字段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-											<el-form-item label="位置字段">
-												<el-select v-model="state.view.map.form.mapWord" placeholder="请选择位置字段">
-													<el-option v-for="item in mapKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-
-											<el-form-item label="排序字段">
-												<el-select v-model="state.view.map.form.sortWord" placeholder="请选择时间轴段">
-													<el-option v-for="item in allKeyWords" :key="item.value" :label="item.label" :value="item.value" />
-												</el-select>
-											</el-form-item>
-
-											<el-form-item label="排序方式">
-												<el-radio-group v-model="state.view.map.form.sort">
-													<el-radio :label="1">降序</el-radio>
-													<el-radio :label="2">升序</el-radio>
-												</el-radio-group>
-											</el-form-item>
-
-
-										</el-form>
-									</div>
-								</el-collapse-item>
-
-
-
-							</el-collapse>
-						</div>
-					<el-divider content-position="left">功能按钮</el-divider>
-					<el-table ref="tableAttrBut" :data="tableButtonList" border  style="width: 100%" @selection-change="tableAttrButClick">
-						<el-table-column fixed type="selection" width="40"  align="center" />
-						<el-table-column prop="label" label="字段" />
-					</el-table>
-					<el-divider content-position="left">基本功能设置</el-divider>
-					<el-form :model="state.config" label-width="auto" style="width: 96%; margin-left:2%;">
-						<el-form-item label="每页显示数据得数量">
-							<el-input-number
-								v-model="state.config.pageSize"
-								class="mx-4"
-								:min="1"
-								:max="10000"
-								controls-position="right"
-							/>
-						</el-form-item>
-						<el-form-item label="数据添加编辑打开方式">
-							
-							<el-select
-								v-model="state.config.openPageMode"
-								clearable
-								placeholder="请选择"
-							>
-								<el-option
-									v-for="itemOpt in diaOrDrawer"
-									:key="itemOpt.value"
-									:label="itemOpt.label"
-									:value="itemOpt.value"
-								/>
-							</el-select>
-						</el-form-item>
-						<el-form-item label="可折叠查询表单">
-							<el-switch
-								v-model="state.config.searchFormIsShow"
-								:active-action-icon="View"
-								:inactive-action-icon="Hide"
-								style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
-							/>
-						</el-form-item>
-					</el-form>
-					<el-divider content-position="left">数据处理事件</el-divider>
-					<el-form :model="state.formApi" label-width="auto" style="width: 96%; margin-left:2%;">
-						<el-form-item label="数据处理方式">
-							<el-switch
-								v-model="state.formApi.type"
-								active-text="默认"
-    							inactive-text="第三方API"
-								active-value="1"
-      							inactive-value="2"
-								style="--el-switch-on-color: #13ce66; --el-switch-off-color: #409EFF"
-							/>
-						</el-form-item>
-						<el-form-item v-if="state.formApi.type!=1" label="填加APIUrl">
-							<el-input v-model="state.formApi.addApiUrl" placeholder="请输入接口地址">
-								<template #prefix>http://</template>
-							</el-input>
-						</el-form-item>
-						<el-form-item v-if="state.formApi.type!=1" label="编辑APIUrl">
-							<el-input v-model="state.formApi.editApiUrl" placeholder="请输入接口地址">
-								<template #prefix>http://</template>
-							</el-input>
-						</el-form-item>
-						<el-form-item v-if="state.formApi.type!=1" label="删除APIUrl">
-							<el-input v-model="state.formApi.delApiUrl" placeholder="请输入接口地址">
-								<template #prefix>http://</template>
-							</el-input>
-						</el-form-item>
-						<el-form-item v-if="state.formApi.type!=1" label="查看APIUrl">
-							<el-input v-model="state.formApi.lookApiUrl" placeholder="请输入接口地址">
-								<template #prefix>http://</template>
-							</el-input>
-						</el-form-item>
-					</el-form>
-					
-				</el-tab-pane>
-			</el-tabs>
-			<!-- {{props.formKey}}
+          </el-table>
+          <!-- <el-divider content-position="left">查询条件</el-divider> -->
+        </el-tab-pane>
+        <el-tab-pane label="列表设置" :name="2">
+          <el-divider content-position="left">开启视图</el-divider>
+          <div class="demo_collapse">
+            <el-collapse v-value="activeName" @change="handleChange">
+              <el-collapse-item
+                name="list"
+                :class="state.view.list.status ? 'isTrueItem' : ''"
+                :disabled="!state.view.list.status"
+              >
+                <template #title>
+                  <div class="collapse-title">
+                    <div>
+                      <i class="fa fa-table"></i>
+                      <el-text>列表视图</el-text>
+                    </div>
+                    <el-switch
+                      v-if="1 == 0"
+                      class="openOfClose"
+                      v-model="state.view.list.status"
+                      @click.stop="showCollapse"
+                    />
+                  </div>
+                </template>
+                <div>
+                  <el-form
+                    label-position="top"
+                    label-width="auto"
+                    :model="state.view.list.form"
+                    style="max-width: 600px"
+                  >
+                    <el-form-item label="标题字段">
+                      <el-select
+                        v-model="state.view.list.form.title"
+                        multiple
+                        placeholder="请选择标题字段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="排序字段">
+                      <el-select
+                        v-model="state.view.list.form.sortWord"
+                        placeholder="请选择排序字段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="排序方式">
+                      <el-radio-group v-model="state.view.list.form.sort">
+                        <el-radio :label="1">降序</el-radio>
+                        <el-radio :label="2">升序</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </el-collapse-item>
+              <el-collapse-item
+                title="Consistency"
+                name="card"
+                :class="state.view.card && state.view.card.status ? 'isTrueItem' : ''"
+                :disabled="!state.view.card.status"
+              >
+                <template #title>
+                  <div class="collapse-title">
+                    <div>
+                      <i class="fa fa-id-card-o"></i>
+                      <el-text>卡片视图</el-text>
+                    </div>
+                    <el-switch
+                      class="openOfClose"
+                      v-model="state.view.card.status"
+                      :disabled="isCardTrue"
+                      @click.stop="showCollapse"
+                    />
+                  </div>
+                </template>
+                <div>
+                  <el-form
+                    label-position="top"
+                    label-width="auto"
+                    :model="state.view.card.form"
+                    style="max-width: 600px"
+                  >
+                    <el-form-item label="标题字段">
+                      <el-select
+                        v-model="state.view.card.form.title"
+                        multiple
+                        placeholder="请选择标题字段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="图片字段">
+                      <el-select
+                        v-model="state.view.card.form.imgWork"
+                        placeholder="请选择图片字段"
+                      >
+                        <el-option
+                          v-for="item in cardKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="图片宽度与高度">
+                      <el-input
+                        v-model="state.view.card.form.imgWidth"
+                        placeholder="请输入图片宽度"
+                      >
+                        <template #prepend>宽度</template>
+                        <template #suffix>PX</template>
+                      </el-input>
+                      <el-input
+                        v-model="state.view.card.form.imgHeight"
+                        placeholder="请输入图片高度"
+                        style="margin-top: 10px"
+                      >
+                        <template #prepend>高度</template>
+                        <template #suffix>PX</template>
+                      </el-input>
+                    </el-form-item>
+                    <el-form-item label="图片圆角">
+                      <el-input
+                        v-model="state.view.card.form.imgBorderRadius"
+                        placeholder="请输入图片圆角"
+                        style="margin-top: 10px"
+                      >
+                        <template #prepend>圆角</template>
+                        <template #suffix>PX</template>
+                      </el-input>
+                    </el-form-item>
+
+                    <el-form-item label="图片边框缩进">
+                      <el-input
+                        v-model="state.view.card.form.imgPadding"
+                        placeholder="请输入图片边框缩进"
+                        style="margin-top: 10px"
+                      >
+                        <template #prepend>缩进</template>
+                        <template #suffix>PX</template>
+                      </el-input>
+                    </el-form-item>
+                    <el-form-item label="卡片标题">
+                      <el-select
+                        v-model="state.view.card.form.titleWork"
+                        placeholder="请选择时间轴段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="卡片标题描述">
+                      <el-select
+                        v-model="state.view.card.form.describe"
+                        placeholder="请选择时间轴段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="每行几列">
+                      <el-input
+                        v-model="state.view.card.form.ranks"
+                        placeholder="请输入每行几列"
+                        style="margin-top: 10px"
+                      >
+                        <template #suffix>列</template>
+                      </el-input>
+                    </el-form-item>
+                    <el-form-item label="排序字段">
+                      <el-select
+                        v-model="state.view.card.form.sortWord"
+                        placeholder="请选择时间轴段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="排序方式">
+                      <el-radio-group v-model="state.view.card.form.sort">
+                        <el-radio :label="1">降序</el-radio>
+                        <el-radio :label="2">升序</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </el-collapse-item>
+              <el-collapse-item
+                title="Consistency"
+                name="date"
+                :class="state.view.date.status ? 'isTrueItem' : ''"
+                :disabled="!state.view.date.status"
+              >
+                <template #title>
+                  <div class="collapse-title">
+                    <div>
+                      <i class="fa fa-calendar"></i>
+                      <el-text>日历视图</el-text>
+                    </div>
+                    <el-switch
+                      class="openOfClose"
+                      v-model="state.view.date.status"
+                      @click.stop="showCollapse"
+                    />
+                  </div>
+                </template>
+                <div>
+                  <el-form
+                    label-position="top"
+                    label-width="auto"
+                    :model="state.view.date.form"
+                    style="max-width: 600px"
+                  >
+                    <el-form-item label="标题字段">
+                      <el-select
+                        v-model="state.view.date.form.title"
+                        multiple
+                        placeholder="请选择标题字段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                      <span slot="label">
+                        时间跨度
+                        <el-tooltip
+                          class="box-item"
+                          effect="dark"
+                          content="假如一个任务今天开始，明天结束。日历列表中用区间日期展示这一条信息。"
+                          placement="top"
+                        >
+                          <i class="fa fa-question-circle-o"></i>
+                        </el-tooltip>
+                      </span>
+                      <el-select
+                        v-model="state.view.date.form.startTime"
+                        clearable
+                        placeholder="请选择开始时间"
+                      >
+                        <template #prefix>从</template>
+                        <el-option
+                          v-for="item in timeKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                      <el-select
+                        v-model="state.view.date.form.endTime"
+                        clearable
+                        placeholder="请选择结束时间"
+                        style="margin-top: 10px"
+                      >
+                        <template #prefix>至</template>
+                        <el-option
+                          v-for="item in timeKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="默认展示">
+                      <el-select
+                        v-model="state.view.date.form.dayType"
+                        clearable
+                        placeholder="请选择展示方式"
+                      >
+                        <el-option label="月" :value="1" />
+                        <el-option label="周" :value="2" />
+                        <el-option label="日" :value="3" />
+                      </el-select>
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </el-collapse-item>
+
+              <el-collapse-item
+                title="Consistency"
+                name="time"
+                :class="state.view.time.status ? 'isTrueItem' : ''"
+                :disabled="!state.view.time.status"
+              >
+                <template #title>
+                  <div class="collapse-title">
+                    <div>
+                      <i class="fa fa-clock-o"></i>
+                      <el-text>时间轴</el-text>
+                    </div>
+                    <el-switch
+                      class="openOfClose"
+                      v-model="state.view.time.status"
+                      @click.stop="showCollapse"
+                    />
+                  </div>
+                </template>
+                <div>
+                  <el-form
+                    label-position="top"
+                    label-width="auto"
+                    :model="state.view.time.form"
+                    style="max-width: 600px"
+                  >
+                    <el-form-item label="标题字段">
+                      <el-select
+                        v-model="state.view.time.form.title"
+                        multiple
+                        placeholder="请选择标题字段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="时间轴字段">
+                      <el-select
+                        v-model="state.view.time.form.sortWord"
+                        placeholder="请选择时间轴段"
+                      >
+                        <el-option
+                          v-for="item in timeKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="排序方式">
+                      <el-radio-group v-model="state.view.time.form.sort">
+                        <el-radio :label="1">降序</el-radio>
+                        <el-radio :label="2">升序</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </el-collapse-item>
+
+              <el-collapse-item
+                title="Consistency"
+                name="gantt"
+                :class="state.view.gantt.status ? 'isTrueItem' : ''"
+                :disabled="!state.view.gantt.status"
+              >
+                <template #title>
+                  <div class="collapse-title">
+                    <div>
+                      <i class="fa fa-bar-chart fa-rotate-0"></i>
+                      <el-text>甘特图</el-text>
+                    </div>
+                    <el-switch
+                      class="openOfClose"
+                      v-model="state.view.gantt.status"
+                      @click.stop="showCollapse"
+                    />
+                  </div>
+                </template>
+                <div>
+                  <el-form
+                    label-position="top"
+                    label-width="auto"
+                    :model="state.view.gantt.form"
+                    style="max-width: 600px"
+                  >
+                    <el-form-item label="标题字段">
+                      <el-select
+                        v-model="state.view.gantt.form.title"
+                        multiple
+                        placeholder="请选择标题字段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="时间设置">
+                      <el-select
+                        v-model="state.view.gantt.form.startTime"
+                        clearable
+                        placeholder="请选择开始时间"
+                      >
+                        <template #prefix>开始时间</template>
+                        <el-option
+                          v-for="item in timeKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                      <el-select
+                        v-model="state.view.gantt.form.endTime"
+                        clearable
+                        placeholder="请选择结束时间"
+                        style="margin-top: 10px"
+                      >
+                        <template #prefix>结束时间</template>
+                        <el-option
+                          v-for="item in timeKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="默认时间刻度">
+                      <el-select
+                        v-model="state.view.gantt.form.dayType"
+                        clearable
+                        placeholder="请选择展示方式"
+                      >
+                        <el-option label="时" :value="1" />
+                        <el-option label="日" :value="2" />
+                        <el-option label="周" :value="3" />
+                        <el-option label="月" :value="4" />
+                        <el-option label="季" :value="5" />
+                        <el-option label="年" :value="6" />
+                      </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="排序字段">
+                      <el-select
+                        v-model="state.view.gantt.form.sortWord"
+                        placeholder="请选择时间轴段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="排序方式">
+                      <el-radio-group v-model="state.view.gantt.form.sort">
+                        <el-radio :label="1">降序</el-radio>
+                        <el-radio :label="2">升序</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </el-collapse-item>
+
+              <el-collapse-item
+                title="Consistency"
+                name="map"
+                :class="state.view.map.status ? 'isTrueItem' : ''"
+                :disabled="!state.view.map.status"
+              >
+                <template #title>
+                  <div class="collapse-title">
+                    <div>
+                      <i class="fa fa-map-signs"></i>
+                      <el-text>地图视图</el-text>
+                    </div>
+                    <el-switch
+                      class="openOfClose"
+                      v-model="state.view.map.status"
+                      :disabled="isMapTrue"
+                      @click.stop="showCollapse"
+                    />
+                  </div>
+                </template>
+                <div>
+                  <el-form
+                    label-position="top"
+                    label-width="auto"
+                    :model="state.view.map.form"
+                    style="max-width: 600px"
+                  >
+                    <el-form-item label="标题字段">
+                      <el-select
+                        v-model="state.view.map.form.title"
+                        multiple
+                        placeholder="请选择标题字段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="位置字段">
+                      <el-select
+                        v-model="state.view.map.form.mapWord"
+                        placeholder="请选择位置字段"
+                      >
+                        <el-option
+                          v-for="item in mapKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="排序字段">
+                      <el-select
+                        v-model="state.view.map.form.sortWord"
+                        placeholder="请选择时间轴段"
+                      >
+                        <el-option
+                          v-for="item in allKeyWords"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+
+                    <el-form-item label="排序方式">
+                      <el-radio-group v-model="state.view.map.form.sort">
+                        <el-radio :label="1">降序</el-radio>
+                        <el-radio :label="2">升序</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </div>
+          <el-divider content-position="left">功能按钮</el-divider>
+          <el-table
+            ref="tableAttrBut"
+            :data="tableButtonList"
+            border
+            style="width: 100%"
+            @selection-change="tableAttrButClick"
+          >
+            <el-table-column fixed type="selection" width="40" align="center" />
+            <el-table-column prop="label" label="字段" />
+          </el-table>
+          <el-divider content-position="left">基本功能设置</el-divider>
+          <el-form
+            :model="state.config"
+            label-width="auto"
+            style="width: 96%; margin-left: 2%"
+          >
+            <el-form-item label="每页显示数据得数量">
+              <el-input-number
+                v-model="state.config.pageSize"
+                class="mx-4"
+                :min="1"
+                :max="10000"
+                controls-position="right"
+              />
+            </el-form-item>
+            <el-form-item label="数据添加编辑打开方式">
+              <el-select
+                v-model="state.config.openPageMode"
+                clearable
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="itemOpt in diaOrDrawer"
+                  :key="itemOpt.value"
+                  :label="itemOpt.label"
+                  :value="itemOpt.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="可折叠查询表单">
+              <el-switch
+                v-model="state.config.searchFormIsShow"
+                :active-action-icon="View"
+                :inactive-action-icon="Hide"
+                style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
+              />
+            </el-form-item>
+          </el-form>
+          <el-divider content-position="left">数据处理事件</el-divider>
+          <el-form
+            :model="state.formApi"
+            label-width="auto"
+            style="width: 96%; margin-left: 2%"
+          >
+            <el-form-item label="数据处理方式">
+              <el-switch
+                v-model="state.formApi.type"
+                active-text="默认"
+                inactive-text="第三方API"
+                active-value="1"
+                inactive-value="2"
+                style="--el-switch-on-color: #13ce66; --el-switch-off-color: #409eff"
+              />
+            </el-form-item>
+            <el-form-item v-if="state.formApi.type != 1" label="填加APIUrl">
+              <el-input v-model="state.formApi.addApiUrl" placeholder="请输入接口地址">
+                <template #prefix>http://</template>
+              </el-input>
+            </el-form-item>
+            <el-form-item v-if="state.formApi.type != 1" label="编辑APIUrl">
+              <el-input v-model="state.formApi.editApiUrl" placeholder="请输入接口地址">
+                <template #prefix>http://</template>
+              </el-input>
+            </el-form-item>
+            <el-form-item v-if="state.formApi.type != 1" label="删除APIUrl">
+              <el-input v-model="state.formApi.delApiUrl" placeholder="请输入接口地址">
+                <template #prefix>http://</template>
+              </el-input>
+            </el-form-item>
+            <el-form-item v-if="state.formApi.type != 1" label="查看APIUrl">
+              <el-input v-model="state.formApi.lookApiUrl" placeholder="请输入接口地址">
+                <template #prefix>http://</template>
+              </el-input>
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+      </el-tabs>
+      <!-- {{props.formKey}}
 			<br>
 			{{props.formVersion}}
 			<br>
 			{{formTableField}} -->
-		</div>  
-
-
-		<ace-drawer
-			v-model="drawer.visible"
-			:title="drawer.title"
-			:direction="drawer.direction"
-			:content="drawer.content"
-			:code-type="drawer.codeType"
-			@before-close="drawerBeforeClose"
-			@confirm="dialogConfirm"
-		/>
-		<FieldSetUp v-model:is-open="setUpFieldIsOpen" :setup-field-info="setUpFieldInfo" />
-		<ControlSetup v-model:is-show="listButtonIsShow" v-model:contbutary:="state.tableData.operateBtn" @updata-log-but="updataLogBut" />
-		<CodePage  v-model:is-show="codeIsShow" :list-data="state" />
-
-		<el-drawer
-			v-model="state.previewVisible"
-			title="列表预览"
-			direction="btt"
-			:before-close="handlePreviewClose"
-			size="90%"
-		>
-			<ak-page-list
-				:data="state.tableData"
-				:search-data="state.searchData"
-				:config="state.config"
-				:viewPage="stateList.view"
-				v-if="state.previewVisible"
-			/>
-
-		</el-drawer>
-	</div>
+    </div>
+
+    <ace-drawer
+      v-model="drawer.visible"
+      :title="drawer.title"
+      :direction="drawer.direction"
+      :content="drawer.content"
+      :code-type="drawer.codeType"
+      @before-close="drawerBeforeClose"
+      @confirm="dialogConfirm"
+    />
+    <FieldSetUp v-model:is-open="setUpFieldIsOpen" :setup-field-info="setUpFieldInfo" />
+    <ControlSetup
+      v-model:is-show="listButtonIsShow"
+      v-model:contbutary:="state.tableData.operateBtn"
+      @updata-log-but="updataLogBut"
+    />
+    <CodePage v-model:is-show="codeIsShow" :list-data="state" />
+
+    <el-drawer
+      v-model="state.previewVisible"
+      title="列表预览"
+      direction="btt"
+      :before-close="handlePreviewClose"
+      size="90%"
+    >
+      <ak-page-list
+        :data="state.tableData"
+        :search-data="state.searchData"
+        :config="state.config"
+        :viewPage="stateList.view"
+        v-if="state.previewVisible"
+      />
+    </el-drawer>
+  </div>
 </template>
-<style  lang='scss' scoped>
-.design-containers{
-	display: flex;
-    background-color: #FFFFFF;
-	margin: 0;
-	.components-list{
-		width: 200px;
-		padding:  0;
-		overflow-y: auto;
-		height: calc(100vh - 40px);
-		position: relative;
-		overflow-x: hidden;
-		border-right: 1px solid #e0e0e0;
-	}
-}
-.form_tabs  > .el-tabs__content{
-	padding: 0;
-}
-.table_box{
-	background: #fff;
-    border: 1px dashed #999;
-    margin: 10px;
-    height: calc(100vh - 100px);
+<style lang="scss" scoped>
+.design-containers {
+  display: flex;
+  background-color: #ffffff;
+  margin: 0;
+  .components-list {
+    width: 200px;
+    padding: 0;
     overflow-y: auto;
-    overflow-x: hidden;
+    height: calc(100vh - 40px);
     position: relative;
-	.table-tip{
-		color: #999;
-		padding: 30px 0;
-		line-height: 22px;
-	}
-	.operateButArea{
-		width: 100%;
-		display: flex;
-		align-items: center;
-  		justify-content: space-between;
-		margin-top:15px;
-		.operatLeft{
-			padding-bottom: 2px;
-		}
-	}
+    overflow-x: hidden;
+    border-right: 1px solid #e0e0e0;
+  }
+}
+.form_tabs > .el-tabs__content {
+  padding: 0;
 }
-.main_table{
-	padding: 10px 20px;
-	
+.table_box {
+  background: #fff;
+  border: 1px dashed #999;
+  margin: 10px;
+  height: calc(100vh - 100px);
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: relative;
+  .table-tip {
+    color: #999;
+    padding: 30px 0;
+    line-height: 22px;
+  }
+  .operateButArea {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 15px;
+    .operatLeft {
+      padding-bottom: 2px;
+    }
+  }
 }
-.cell{
-		min-width:120px;
-	}
-.field_close{
-	i{
-		display: none;
-		cursor: pointer;
-	}
-	
+.main_table {
+  padding: 10px 20px;
 }
-.field_close:hover{
-	i{
-		display: inline;
-		cursor: pointer;
-	}
-	
+.cell {
+  min-width: 120px;
 }
-.tipBox{
-	border: 1px dotted #ddd;
-    padding: 3px 5px;
-    border-radius: 5px;
-    color: #999;
-    text-align: center;
+.field_close {
+  i {
+    display: none;
+    cursor: pointer;
+  }
+}
+.field_close:hover {
+  i {
+    display: inline;
     cursor: pointer;
+  }
 }
-.demo_collapse{
-	padding: 0 10px;
+.tipBox {
+  border: 1px dotted #ddd;
+  padding: 3px 5px;
+  border-radius: 5px;
+  color: #999;
+  text-align: center;
+  cursor: pointer;
+}
+.demo_collapse {
+  padding: 0 10px;
 
-	:deep .el-collapse{
-		border: 0px;
-		
-	}
-	:deep .el-collapse-item__header {
-		padding-left:5px;
-		border: 1px solid #eeeeee;
-		border-radius:10px;
-		
-	}
-	:deep .el-collapse-item{
-		border-radius: 10px 10px;
-		background-color: rgb(245, 247, 250) !important;
-		margin-bottom: 10px;
-		.el-collapse-item__wrap{
-			background-color: rgb(245, 247, 250) !important;
-		}
-		
-		.collapse-title{
-			i{
-				padding:0 5px 0 0;
-			}
-		}
-		.openOfClose{
-			margin:9px 9px 0 0;
-		}
+  :deep .el-collapse {
+    border: 0px;
+  }
+  :deep .el-collapse-item__header {
+    padding-left: 5px;
+    border: 1px solid #eeeeee;
+    border-radius: 10px;
+  }
+  :deep .el-collapse-item {
+    border-radius: 10px 10px;
+    background-color: rgb(245, 247, 250) !important;
+    margin-bottom: 10px;
+    .el-collapse-item__wrap {
+      background-color: rgb(245, 247, 250) !important;
+    }
 
-		
+    .collapse-title {
+      i {
+        padding: 0 5px 0 0;
+      }
+    }
+    .openOfClose {
+      margin: 9px 9px 0 0;
+    }
+  }
+  :deep .el-collapse-item:last-child {
+    margin-bottom: 0;
+  }
 
+  :deep .el-collapse-item__content {
+    padding-left: 10px;
+    padding-bottom: 0px;
+    padding-top: 10px;
+  }
 
-	}
-	:deep .el-collapse-item:last-child{
-		margin-bottom:0;
-	}
-	
-	:deep .el-collapse-item__content {
-		
-		padding-left: 10px;
-		padding-bottom:0px;
-		padding-top: 10px;
-	}
+  :deep .collapse-title {
+    flex: 1 0 90%;
+    order: 1;
+    display: flex;
+    justify-content: space-between;
 
-	:deep .collapse-title {
-		flex: 1 0 90%;
-		order: 1;
-		display: flex;
-		justify-content: space-between;
-		
-		.el-collapse-item__header {
-			flex: 1 0 auto;
-			order: -1;
-		}
-	}
+    .el-collapse-item__header {
+      flex: 1 0 auto;
+      order: -1;
+    }
+  }
 }
-.isTrueItem{
-	:deep .el-collapse-item__header{
-		color:#79bbff;
-		background-color: #c6e2ff;
-	}
-	.el-text{
-		color:#337ecc;
-	}	
+.isTrueItem {
+  :deep .el-collapse-item__header {
+    color: #79bbff;
+    background-color: #c6e2ff;
+  }
+  .el-text {
+    color: #337ecc;
+  }
 }
 </style>