diff --git a/src/assets/favicon.ico b/src/assets/favicon.ico
new file mode 100644
index 0000000..7261559
Binary files /dev/null and b/src/assets/favicon.ico differ
diff --git a/src/components/DesignForm/app/cardPage.vue b/src/components/DesignForm/app/cardPage.vue
index ff9dcfb..9261cd6 100644
--- a/src/components/DesignForm/app/cardPage.vue
+++ b/src/components/DesignForm/app/cardPage.vue
@@ -3,75 +3,75 @@
 @ 时间: 2024-07-17 15:35:39
 @ 备注: 卡片视图
 -->
-<script lang='ts' setup>
-import type { ComponentSize } from 'element-plus'
-import { gainFormPageListCont } from '@/api/DesignForm/requestapi'
-import FormPageCont from '@/components/DesignForm/tableListPage/formPageCont.vue'
+<script lang="ts" setup>
+import type { ComponentSize } from "element-plus";
+import { gainFormPageListCont } from "@/api/DesignForm/requestapi";
+import FormPageCont from "@/components/DesignForm/tableListPage/formPageCont.vue";
 
 const props = defineProps({
-	searchSend:{
-		type:Object,
-		default(){
-			return {}
-		}
-	},
-	viewSetup:{
-		type:Object,
-		default(){
-			return {}
-		}
-	},
-	columnsFilter:{
-		type:Object,
-		default(){
-			return {}
-		}
-	},
-	drawerWith:{
-		type:Number,
-		default:0
-	}
+  searchSend: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+  viewSetup: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+  columnsFilter: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+  drawerWith: {
+    type: Number,
+    default: 0,
+  },
 });
-const size = ref<ComponentSize>('default')
-const lineRanks = ref(1)
+const size = ref<ComponentSize>("default");
+const lineRanks = ref(1);
 const imgBox = computed(() => {
-	let cssStyle:any = {}
-	if(props.viewSetup.form.imgWidth != 0){
-		cssStyle['width'] = props.viewSetup.form.imgWidth + "px";
-	}else{
-		cssStyle['width'] = "50px";
-	}
-	if(props.viewSetup.form.imgHeight != 0){
-		cssStyle['height'] = props.viewSetup.form.imgHeight + "px";
-	}else{
-		cssStyle['height'] = "50px";
-	}
-	
-	return  cssStyle
-})
+  let cssStyle: any = {};
+  if (props.viewSetup.form.imgWidth != 0) {
+    cssStyle["width"] = props.viewSetup.form.imgWidth + "px";
+  } else {
+    cssStyle["width"] = "50px";
+  }
+  if (props.viewSetup.form.imgHeight != 0) {
+    cssStyle["height"] = props.viewSetup.form.imgHeight + "px";
+  } else {
+    cssStyle["height"] = "50px";
+  }
+
+  return cssStyle;
+});
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-18 14:26:46
 @ 功能: 图像设定Css
 */
 const imgStyle = computed(() => {
-	let cssStyle:any = {}
-	cssStyle['border'] = "1px solid #ccc";
-	cssStyle['border-radius'] = props.viewSetup.form.imgBorderRadius + "px";
-	cssStyle['padding'] = props.viewSetup.form.imgPadding + "px";
-	if(props.viewSetup.form.imgWidth != 0){
-		cssStyle['width'] = props.viewSetup.form.imgWidth + "px";
-	}else{
-		cssStyle['width'] = "50px";
-	}
-	if(props.viewSetup.form.imgHeight != 0){
-		cssStyle['height'] = props.viewSetup.form.imgHeight + "px";
-	}else{
-		cssStyle['height'] = "50px";
-	}
-	// console.log("自定义样式",cssStyle)
-	return  cssStyle
-})
+  let cssStyle: any = {};
+  cssStyle["border"] = "1px solid #ccc";
+  cssStyle["border-radius"] = props.viewSetup.form.imgBorderRadius + "px";
+  cssStyle["padding"] = props.viewSetup.form.imgPadding + "px";
+  if (props.viewSetup.form.imgWidth != 0) {
+    cssStyle["width"] = props.viewSetup.form.imgWidth + "px";
+  } else {
+    cssStyle["width"] = "50px";
+  }
+  if (props.viewSetup.form.imgHeight != 0) {
+    cssStyle["height"] = props.viewSetup.form.imgHeight + "px";
+  } else {
+    cssStyle["height"] = "50px";
+  }
+  // console.log("自定义样式",cssStyle)
+  return cssStyle;
+});
 
 /**
 @ 作者: 秦东
@@ -79,204 +79,222 @@ const imgStyle = computed(() => {
 @ 功能: 内容设定css
 */
 const cardInfoBox = computed(() => {
-	let cssStyle:any = {}
-	
-	cssStyle['width'] = (Math.round(24/props.viewSetup.form.ranks) - props.viewSetup.form.imgWidth) + "px";
-	return  cssStyle
-})
-onMounted(()=>{
-	lineRanks.value = Math.round(24/props.viewSetup.form.ranks)
-	nextTick(()=>{
-		getCardList(props.searchSend)
-	})
-})
+  let cssStyle: any = {};
+
+  cssStyle["width"] =
+    Math.round(24 / props.viewSetup.form.ranks) - props.viewSetup.form.imgWidth + "px";
+  return cssStyle;
+});
+onMounted(() => {
+  lineRanks.value = Math.round(24 / props.viewSetup.form.ranks);
+  nextTick(() => {
+    getCardList(props.searchSend);
+  });
+});
 // const url = ref()
 // const srcList = ref([])
 const handleSizeChange = (val: number) => {
-//   console.log(`${val} items per page`)\
-	props.searchSend.page = 1
-  	props.searchSend.pagesize = val
-//   console.log(props.searchSend.pagesize)
-	getCardList(props.searchSend)
-}
+  //   console.log(`${val} items per page`)\
+  props.searchSend.page = 1;
+  props.searchSend.pagesize = val;
+  //   console.log(props.searchSend.pagesize)
+  getCardList(props.searchSend);
+};
 const handleCurrentChange = (val: number) => {
-//   console.log(`current page: ${val}`)
-  props.searchSend.page = val
-  getCardList(props.searchSend)
-}
+  //   console.log(`current page: ${val}`)
+  props.searchSend.page = val;
+  getCardList(props.searchSend);
+};
 
-const url =
-  'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'
-const srcList = (url:string) =>{
-	return [url]
-	return [
-		'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
-		'https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg',
-		'https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg',
-		'https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg',
-		'https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg',
-		'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg',
-		'https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg',
-	]
-} 
-const cardDataList = ref([]) // 表格行数据
-const totalNum = ref(0)
+const url = "https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg";
+const srcList = (url: string) => {
+  return [url];
+  return [
+    "https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg",
+    "https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg",
+    "https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg",
+    "https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg",
+    "https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg",
+    "https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg",
+    "https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg",
+  ];
+};
+const cardDataList = ref([]); // 表格行数据
+const totalNum = ref(0);
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-19 09:32:11
 @ 功能: 获取数据
 */
-const getCardList = (val:any) => {
-	val.viewClass = {
-		class:"card"
-	}
-	gainFormPageListCont(val)
-		.then(({data})=>{
-			totalNum.value = data.total
-			// console.log("卡片获取数据--》",data)
-			cardDataList.value = data.list
-		})
-}
+const getCardList = (val: any) => {
+  val.viewClass = {
+    class: "card",
+  };
+  gainFormPageListCont(val).then(({ data }) => {
+    totalNum.value = data.total;
+    // console.log("卡片获取数据--》",data)
+    cardDataList.value = data.list;
+  });
+};
 defineExpose({
-	getCardList
-})
+  getCardList,
+});
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-19 10:03:53
 @ 功能: 获取图片显示
 */
-const imgSrcPath = (val:any) => {
-	// console.log("获取图片显示", val[props.viewSetup.form.imgWork])
-	if(val[props.viewSetup.form.imgWork]){
-		return val[props.viewSetup.form.imgWork]
-	}
-	return ""
-}
+const imgSrcPath = (val: any) => {
+  // console.log("获取图片显示", val[props.viewSetup.form.imgWork])
+  if (val[props.viewSetup.form.imgWork]) {
+    return val[props.viewSetup.form.imgWork];
+  }
+  return "";
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-19 10:03:53
 @ 功能: 获取图片数组显示
 */
-const imgSrcAry = (val:any) => {
-	if(val[props.viewSetup.form.imgWork]){
-		if (val[props.viewSetup.form.imgWork] != ""){
-			return [val[props.viewSetup.form.imgWork]]
-		}else{
-			return []
-		}
-		
-	}
-	return []
-}
+const imgSrcAry = (val: any) => {
+  if (val[props.viewSetup.form.imgWork]) {
+    if (val[props.viewSetup.form.imgWork] != "") {
+      return [val[props.viewSetup.form.imgWork]];
+    } else {
+      return [];
+    }
+  }
+  return [];
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-19 10:24:33
 @ 功能: 获取内容
 */
-const cardInfo = (val:any,cla:string) => {
-	if(cla=="title"){
-		if(props.viewSetup.form.title){
-			var titleAry = [];
-			if(props.viewSetup.form.title.length > 0){
-				props.viewSetup.form.title.forEach((item,index)=>{
-					// console.log("判断是否有标题--"+index+"-->",val[item])
-					if(val[item]){
-						titleAry.push(val[item])
-					}
-				})
-			}
-			if(titleAry.length>0){
-				return titleAry.join()
-			}else{
-				let firstWord = ""
-				let powerAry = ["id","creater_time","edit_time","masters_key","states","flow_id"];
-				for (let key in val) {
-					if (val.hasOwnProperty(key)) {
-						if(!powerAry.includes(key)){
-							if(val[key] != '' && val[key] != null){
-								firstWord = val[key]
-							}
-						}
-					}
-				}
-				return firstWord
-			}
-			
-		}
-		if(val[props.viewSetup.form.titleWork]){
-			return val[props.viewSetup.form.titleWork]
-		}
-	}else if(cla=="content"){
-		if(val[props.viewSetup.form.describe]){
-			return val[props.viewSetup.form.describe]
-		}
-	}
-	return ""
-}
+const cardInfo = (val: any, cla: string) => {
+  if (cla == "title") {
+    if (props.viewSetup.form.title) {
+      var titleAry = [];
+      if (props.viewSetup.form.title.length > 0) {
+        props.viewSetup.form.title.forEach((item, index) => {
+          // console.log("判断是否有标题--"+index+"-->",val[item])
+          if (val[item]) {
+            titleAry.push(val[item]);
+          }
+        });
+      }
+      if (titleAry.length > 0) {
+        return titleAry.join();
+      } else {
+        let firstWord = "";
+        let powerAry = [
+          "id",
+          "creater_time",
+          "edit_time",
+          "masters_key",
+          "states",
+          "flow_id",
+        ];
+        for (let key in val) {
+          if (val.hasOwnProperty(key)) {
+            if (!powerAry.includes(key)) {
+              if (val[key] != "" && val[key] != null) {
+                firstWord = val[key];
+              }
+            }
+          }
+        }
+        return firstWord;
+      }
+    }
+    if (val[props.viewSetup.form.titleWork]) {
+      return val[props.viewSetup.form.titleWork];
+    }
+  } else if (cla == "content") {
+    if (val[props.viewSetup.form.describe]) {
+      return val[props.viewSetup.form.describe];
+    }
+  }
+  return "";
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-03 13:24:06
 @ 功能: 查看详细内容
 */
-const tablePageClass = ref(1)
-const lookPageInfoIsShow = ref(false)
-const pageInfoCont = ref<any>()
-const lookPageInfo = (val:any) => {
-	tablePageClass.value = 4;
-	pageInfoCont.value = val
-	lookPageInfoIsShow.value = true;	
-}
+const tablePageClass = ref(1);
+const lookPageInfoIsShow = ref(false);
+const pageInfoCont = ref<any>();
+const lookPageInfo = (val: any) => {
+  tablePageClass.value = 4;
+  pageInfoCont.value = val;
+  lookPageInfoIsShow.value = true;
+};
 </script>
 <template>
-	<div>
-		<el-row :gutter="20">
-			
-			<el-col  v-for="item in cardDataList" :key="item.id" :span="lineRanks"  class="cardBox">
-				
-				<el-card @click="lookPageInfo(item)">
-					<div class="cardContBox">
-						<el-image
-							:style="imgStyle"
-							:src="imgSrcPath(item)"
-							:zoom-rate="1.2"
-							:max-scale="7"
-							:min-scale="0.2"
-							:preview-src-list="imgSrcAry(item)"
-							:initial-index="4"
-							fit="cover"
-						/>
-						<div class="cardInfo" :style="'width: calc(100% - '+props.viewSetup.form.imgWidth+'px); height:'+props.viewSetup.form.imgHeight+'px; overflow: hidden;' ">
-							<div class="title">{{ cardInfo(item,"title") }}</div>
-							<div class="content">{{ cardInfo(item,"content") }}</div>
-						</div>
-					</div>
-				</el-card>
-			
-			</el-col>
-			
-			
-			
-		</el-row>
-		<div class="pageBox">
-			<el-pagination
-				v-model:current-page="props.searchSend.page"
-				v-model:page-size="props.searchSend.pagesize"
-				:page-sizes="[3, 9, 12, 30, 50, 100]"
-				:size="size"
-				:background="true"
-				layout="total, sizes, prev, pager, next, jumper"
-				:total="totalNum"
-				@size-change="handleSizeChange"
-				@current-change="handleCurrentChange"
-				class="page"
-			/>
-		</div>
-		<FormPageCont v-model:is-show="lookPageInfoIsShow" :drawer-with="props.drawerWith" :page-info="pageInfoCont" :table-page-class="tablePageClass" :oper-state="operState" @getPageData="getPageData" />
-	</div>
-	
+  <div>
+    <el-row :gutter="20">
+      <el-col
+        v-for="item in cardDataList"
+        :key="item.id"
+        :span="lineRanks"
+        class="cardBox"
+      >
+        <el-card @click="lookPageInfo(item)">
+          <div class="cardContBox">
+            <el-image
+              :style="imgStyle"
+              :src="imgSrcPath(item)"
+              :zoom-rate="1.2"
+              :max-scale="7"
+              :min-scale="0.2"
+              :preview-src-list="imgSrcAry(item)"
+              :initial-index="4"
+              fit="cover"
+            />
+            <div
+              class="cardInfo"
+              :style="
+                'width: calc(100% - ' +
+                props.viewSetup.form.imgWidth +
+                'px); height:' +
+                props.viewSetup.form.imgHeight +
+                'px; overflow: hidden;'
+              "
+            >
+              <div class="title">{{ cardInfo(item, "title") }}</div>
+              <div class="content">{{ cardInfo(item, "content") }}</div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    <div class="pageBox">
+      <el-pagination
+        v-model:current-page="props.searchSend.page"
+        v-model:page-size="props.searchSend.pagesize"
+        :page-sizes="[3, 9, 12, 30, 50, 100]"
+        :size="size"
+        :background="true"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="totalNum"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        class="page"
+      />
+    </div>
+    <FormPageCont
+      v-model:is-show="lookPageInfoIsShow"
+      :drawer-with="props.drawerWith"
+      :page-info="pageInfoCont"
+      :table-page-class="tablePageClass"
+      :oper-state="operState"
+      @getPageData="getPageData"
+    />
+  </div>
 </template>
-<style  lang='scss' scoped>
+<style lang="scss" scoped>
 .demo-image__error .image-slot {
   font-size: 30px;
 }
@@ -287,40 +305,39 @@ const lookPageInfo = (val:any) => {
   width: 100%;
   height: 200px;
 }
-.cardBox{
-	padding: 10px 0 5px 0;
-	:deep .el-card__body{
-		padding:10px;
-	}
-	.title{
-		font-size:14px;
-		font-weight:bold;
-		display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  text-overflow: ellipsis;
-	}
-	.content{
-		color: #909399;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-	.cardContBox{
-		display: flex;
-		width: 100%;
-		justify-content: flex-start;
-	}
-	.cardInfo{
-		padding-left: 5px;
-	}
-	
+.cardBox {
+  padding: 10px 0 5px 0;
+  :deep .el-card__body {
+    padding: 10px;
+  }
+  .title {
+    font-size: 14px;
+    font-weight: bold;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .content {
+    color: #909399;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .cardContBox {
+    display: flex;
+    width: 100%;
+    justify-content: flex-start;
+  }
+  .cardInfo {
+    padding-left: 5px;
+  }
 }
-.pageBox{
-	display:flex;
-	justify-content: center;
-	width: 100%;
-	text-align: center;
-	margin-top: 10px;
+.pageBox {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  text-align: center;
+  margin-top: 10px;
 }
 </style>
diff --git a/src/components/DesignForm/formControlPropertiNew.vue b/src/components/DesignForm/formControlPropertiNew.vue
index 43c8fac..d989311 100644
--- a/src/components/DesignForm/formControlPropertiNew.vue
+++ b/src/components/DesignForm/formControlPropertiNew.vue
@@ -3,136 +3,134 @@
 @ 时间: 2024-06-13 08:43:17
 @ 备注: 表单控件（app）专用
 -->
-<script lang='ts' setup>
-import { reactive, computed, toRefs, ref, watch, inject } from 'vue'
-import { getRequest } from '@/api/DesignForm'
-import { useDesignFormStore } from '@/store/DesignForm/designForm'
-import validate from './validate'
-import validateText from './validateText'
-import validateInt from './validateInt'
-import { ValidateTextTypes } from '@/components/DesignForm/validateText'
-import { ElMessage } from 'element-plus'
-import { formatNumber } from '@/api/DesignForm/utils'
-import { PublicAtrr } from '@/api/DesignForm/types'
-    
-import { chineseToPinyin,customerFormGroupList } from '@/api/DesignForm/requestapi'
-import request from '@/utils/request';
-    
-    //数学计算公式编辑器
-import MathFormula from '@/components/DesignForm/math/mathFormula.vue'
-    
-import { uploadUrl } from '@/api/DesignForm'
-import { UploadFilled } from '@element-plus/icons-vue'
-import { UploadFile, UploadFiles } from 'element-plus/es/components/upload/src/upload';
-import type Node from 'element-plus/es/components/tree/src/model/node'
-    //样式布局
-import LayoutPage from '@/components/DesignForm/layoutPage/index.vue'
-
-import { Plus } from '@element-plus/icons-vue'
-
-import Draggable from 'vuedraggable-es'
-
-
-	
-    
-    
-const props = withDefaults(			//接收父级参数
-        defineProps<{
-          	formData: any
-          	formList: any
-          	formConfig: any
-          	formOtherData: any
-          	customerformid: number | string,
-		  	formInfo: any,
-			isEdit: boolean,
-			formField: any[],
-        }>(),
-        {
-          formConfig: () => {
-            return {}
-          },
-		  isEdit: () =>{
-			return false;
-		  },
-		  formField: () =>{
-			return [];
-		  },
-          formOtherData: () => {
-            // 其他不需要保存在formData里的数据
-            return {}
-          }
-        }
-)
-const mathBoxShow = ref(false)
-    //注册自定义事件
+<script lang="ts" setup>
+import { reactive, computed, toRefs, ref, watch, inject } from "vue";
+import { getRequest } from "@/api/DesignForm";
+import { useDesignFormStore } from "@/store/DesignForm/designForm";
+import validate from "./validate";
+import validateText from "./validateText";
+import validateInt from "./validateInt";
+import { ValidateTextTypes } from "@/components/DesignForm/validateText";
+import { ElMessage } from "element-plus";
+import { formatNumber } from "@/api/DesignForm/utils";
+import { PublicAtrr } from "@/api/DesignForm/types";
+
+import { chineseToPinyin, customerFormGroupList } from "@/api/DesignForm/requestapi";
+import request from "@/utils/request";
+
+//数学计算公式编辑器
+import MathFormula from "@/components/DesignForm/math/mathFormula.vue";
+
+import { uploadUrl } from "@/api/DesignForm";
+import { UploadFilled } from "@element-plus/icons-vue";
+import { UploadFile, UploadFiles } from "element-plus/es/components/upload/src/upload";
+import type Node from "element-plus/es/components/tree/src/model/node";
+//样式布局
+import LayoutPage from "@/components/DesignForm/layoutPage/index.vue";
+
+import { Plus } from "@element-plus/icons-vue";
+
+import Draggable from "vuedraggable-es";
+
+const props = withDefaults(
+  //接收父级参数
+  defineProps<{
+    formData: any;
+    formList: any;
+    formConfig: any;
+    formOtherData: any;
+    customerformid: number | string;
+    formInfo: any;
+    isEdit: boolean;
+    formField: any[];
+  }>(),
+  {
+    formConfig: () => {
+      return {};
+    },
+    isEdit: () => {
+      return false;
+    },
+    formField: () => {
+      return [];
+    },
+    formOtherData: () => {
+      // 其他不需要保存在formData里的数据
+      return {};
+    },
+  }
+);
+const mathBoxShow = ref(false);
+//注册自定义事件
 const emits = defineEmits<{
-        (e: 'openDialog', data: any): void
-        (e: 'update:formOtherData', data: any): void
-        (e: 'videoMsgChange', data: VideoMsg): void
-        (e: 'formNameChange', data: any): void
-        //(e: 'update:formData', data: any): void
-        //(e: 'update:formConfig', data: any): void
-}>()
-const { formConfig, formData } = toRefs(props)
-const store = useDesignFormStore() as any
+  (e: "openDialog", data: any): void;
+  (e: "update:formOtherData", data: any): void;
+  (e: "videoMsgChange", data: VideoMsg): void;
+  (e: "formNameChange", data: any): void;
+  //(e: 'update:formData', data: any): void
+  //(e: 'update:formConfig', data: any): void
+}>();
+const { formConfig, formData } = toRefs(props);
+const store = useDesignFormStore() as any;
 const controlData = computed(() => {
-        // console.log("注册自定义事件----------------->",props.formInfo)
-        // console.log("注册自定义事件--------1--------->",store.controlAttr)
-		// console.log("注册自定义事件---------3-------->",controlData.value.customRules)
-        return store.controlAttr
-})
-    //获取组件样式Demo
+  // console.log("注册自定义事件----------------->",props.formInfo)
+  // console.log("注册自定义事件--------1--------->",store.controlAttr)
+  // console.log("注册自定义事件---------3-------->",controlData.value.customRules)
+  return store.controlAttr;
+});
+//获取组件样式Demo
 const controlDataStyls = computed(() => {
-        return store.controlAttr.styles
-})
-    
-const dataSourceOption = ref([])
-const designType = inject('formDesignType')
+  return store.controlAttr.styles;
+});
+
+const dataSourceOption = ref([]);
+const designType = inject("formDesignType");
 const state = reactive({
-        dataSourceList: [],
-        customRulesList: [
-            ...validate,
-            {
-                type: 'rules',
-                label: '自定义正则'
-            },
-            {
-                type: 'methods',
-                label: '自定义方法'
-            }
-        ], // 自定义校验规则
-        isSearch: designType === 'search',
-        tooltip: {
-            css: '当前表单应用页的样式，类似于.vue文件中的style scoped中的样式',
-            dict: '数据字典，用于匹配多选组、下拉选择等，提供动态获取Options接口字典数据，一般不设置，从接口dict获取。json格式："sex":{"0":"男","1":"女"}',
-            rules:
-                "可参考UI组件表单校验，<a href='https://element-plus.gitee.io/zh-CN/component/form.html#%E8%A1%A8%E5%8D%95%E6%A0%A1%E9%AA%8C' target='_blank' style='color:red'>详情点击</a>",
-            props: '可添加当前组件所有prop属性及事件方法'
-        },
-        tabsName: 'second',
-        numberRulesList:[
-            {
-                type: 'time',
-                label: '时间',
-                msg:'请选择时间格式'
-            },
-            {
-                type: 'text',
-                label: '自定义字符',
-                msg:'请输入自定义字符'
-            },
-            {
-                type: 'serialnumber',
-                label: '流水序号',
-                msg:'流水号起始值'
-            },
-            {
-                type: 'randomnumber',
-                label: '随机数',
-                msg:'请输入随机数位数'
-            }
-        ]
-})
+  dataSourceList: [],
+  customRulesList: [
+    ...validate,
+    {
+      type: "rules",
+      label: "自定义正则",
+    },
+    {
+      type: "methods",
+      label: "自定义方法",
+    },
+  ], // 自定义校验规则
+  isSearch: designType === "search",
+  tooltip: {
+    css: "当前表单应用页的样式，类似于.vue文件中的style scoped中的样式",
+    dict:
+      '数据字典，用于匹配多选组、下拉选择等，提供动态获取Options接口字典数据，一般不设置，从接口dict获取。json格式："sex":{"0":"男","1":"女"}',
+    rules:
+      "可参考UI组件表单校验，<a href='https://element-plus.gitee.io/zh-CN/component/form.html#%E8%A1%A8%E5%8D%95%E6%A0%A1%E9%AA%8C' target='_blank' style='color:red'>详情点击</a>",
+    props: "可添加当前组件所有prop属性及事件方法",
+  },
+  tabsName: "second",
+  numberRulesList: [
+    {
+      type: "time",
+      label: "时间",
+      msg: "请选择时间格式",
+    },
+    {
+      type: "text",
+      label: "自定义字符",
+      msg: "请输入自定义字符",
+    },
+    {
+      type: "serialnumber",
+      label: "流水序号",
+      msg: "流水号起始值",
+    },
+    {
+      type: "randomnumber",
+      label: "随机数",
+      msg: "请输入随机数位数",
+    },
+  ],
+});
 
 /**
 @ 作者: 秦东
@@ -140,94 +138,88 @@ const state = reactive({
 @ 功能: 必填
 */
 const ValidateText = reactive<ValidateTextTypes>({
-	type: 'required',
-	label: '必填',
-	regExp: /^\s*$/,
-	message: '必填项',
-	checkbox: false
-})
+  type: "required",
+  label: "必填",
+  regExp: /^\s*$/,
+  message: "必填项",
+  checkbox: false,
+});
 /**
 @ 作者: 秦东
 @ 时间: 2024-08-14 08:41:02
 @ 功能: 单选校验
 */
-const radioVerify = reactive<ValidateTextTypes>({})
-
-
-const textUinrVerfy = reactive([
-	...validateText
-])
-const numberUinrVerfy = reactive([
-	...validateInt
-])
+const radioVerify = reactive<ValidateTextTypes>({});
 
+const textUinrVerfy = reactive([...validateText]);
+const numberUinrVerfy = reactive([...validateInt]);
 
 const formAttr = computed(() => {
-	const isSearch = state.isSearch
-        return [
-            {
-                label: '表单名称',
-                placeholder: '用于保存的表单名称',
-                value: props.formOtherData.formName,
-                key: 'formName',
-                hide: isSearch
-            },
-            {
-                label: '数据源',
-                placeholder: '请选择数据源',
-                value: formatNumber(props.formOtherData.source),
-                type: 'select',
-                options: dataSourceOption.value,
-                key: 'source',
-                hide: isSearch || !dataSourceOption.value?.length,
-                clearable: true
-            },
-            {
-                label: '表单标识',
-                value: formData.value.name,
-                placeholder: '表单唯一标识，可为空',
-                key: 'name',
-                hide: isSearch
-            }
-            // {
-            // 	label: '表单标签宽度',
-            // 	value: formData.value.labelWidth,
-            // 	placeholder: '表单label宽，如180px',
-            // 	key: 'labelWidth'
-            // },
-            // {
-            // 	label: '表单样式名称',
-            // 	value: formData.value.class,
-            // 	placeholder: '额外添加的表单class类名',
-            // 	key: 'class',
-            // 	type: 'select',
-            // 	options: [
-            // 		{ label: '无样式', value: '',name:'',id:'' },
-            // 		{ label: '每行两列', value: 'form-row-2',name:'',id:'' },
-            // 		{ label: '每行三列', value: 'form-row-3',name:'',id:'' },
-            // 		{ label: '每行四列', value: 'form-row-4',name:'',id:'' }
-            // 	],
-            // 	hide: isSearch,
-            // 	clearable: true
-            // },
-            // {
-            // 	label: '字段名后添加冒号',
-            // 	value: formData.value.showColon,
-            // 	key: 'showColon',
-            // 	type: 'switch'
-            // },
-            // {
-            // 	label: '组件尺寸',
-            // 	value: formData.value.size,
-            // 	type: 'select',
-            // 	key: 'size',
-            // 	options: [
-            // 		{ label: 'large', value: 'large',name:'',id:'' },
-            // 		{ label: 'default', value: 'default',name:'',id:'' },
-            // 		{ label: 'small', value: 'small',name:'',id:'' }
-            // 	]
-            // }
-            /*{
+  const isSearch = state.isSearch;
+  return [
+    {
+      label: "表单名称",
+      placeholder: "用于保存的表单名称",
+      value: props.formOtherData.formName,
+      key: "formName",
+      hide: isSearch,
+    },
+    {
+      label: "数据源",
+      placeholder: "请选择数据源",
+      value: formatNumber(props.formOtherData.source),
+      type: "select",
+      options: dataSourceOption.value,
+      key: "source",
+      hide: isSearch || !dataSourceOption.value?.length,
+      clearable: true,
+    },
+    {
+      label: "表单标识",
+      value: formData.value.name,
+      placeholder: "表单唯一标识，可为空",
+      key: "name",
+      hide: isSearch,
+    },
+    // {
+    // 	label: '表单标签宽度',
+    // 	value: formData.value.labelWidth,
+    // 	placeholder: '表单label宽，如180px',
+    // 	key: 'labelWidth'
+    // },
+    // {
+    // 	label: '表单样式名称',
+    // 	value: formData.value.class,
+    // 	placeholder: '额外添加的表单class类名',
+    // 	key: 'class',
+    // 	type: 'select',
+    // 	options: [
+    // 		{ label: '无样式', value: '',name:'',id:'' },
+    // 		{ label: '每行两列', value: 'form-row-2',name:'',id:'' },
+    // 		{ label: '每行三列', value: 'form-row-3',name:'',id:'' },
+    // 		{ label: '每行四列', value: 'form-row-4',name:'',id:'' }
+    // 	],
+    // 	hide: isSearch,
+    // 	clearable: true
+    // },
+    // {
+    // 	label: '字段名后添加冒号',
+    // 	value: formData.value.showColon,
+    // 	key: 'showColon',
+    // 	type: 'switch'
+    // },
+    // {
+    // 	label: '组件尺寸',
+    // 	value: formData.value.size,
+    // 	type: 'select',
+    // 	key: 'size',
+    // 	options: [
+    // 		{ label: 'large', value: 'large',name:'',id:'' },
+    // 		{ label: 'default', value: 'default',name:'',id:'' },
+    // 		{ label: 'small', value: 'small',name:'',id:'' }
+    // 	]
+    // }
+    /*{
                 label: '筛选条件展开/收起',
                 value: formConfig.value.expand,
                 type: 'switch',
@@ -235,535 +227,544 @@ const formAttr = computed(() => {
                 key: 'expand',
                 hide: !isSearch
             }*/
-        ]
-})
+  ];
+});
 const attrList = computed(() => {
-    // console.log("controlData.value-1-->",controlData.value)
-    if (Object.keys(controlData.value).length) {
-        const {
-            control = {},
-            type,
-            name,
-            config = {},
-            item = {},
-            attr = {},
-            selectvalue = "default",
-            mathFormula = {},
-			unitName
-        }: { control: any;type:any;name:any;item:any;attr:any; config: any,selectvalue:any,mathFormula:any,unitName:any } = controlData.value
-        // console.log("controlData.value--->",controlData.value)
-        // console.log("controlData.value-1-->",unitName)
-        let columnIndex = false // 是否显示序号列
-        if (type === 'table') {
-            // 表格时处理
-            const list = controlData.value && controlData.value.list
-            if (list && list.length > 0) {
-                columnIndex = list[0].type === 'index'
-            }
+  // console.log("controlData.value-1-->",controlData.value)
+  if (Object.keys(controlData.value).length) {
+    const {
+      control = {},
+      type,
+      name,
+      config = {},
+      item = {},
+      attr = {},
+      selectvalue = "default",
+      mathFormula = {},
+      unitName,
+    }: {
+      control: any;
+      type: any;
+      name: any;
+      item: any;
+      attr: any;
+      config: any;
+      selectvalue: any;
+      mathFormula: any;
+      unitName: any;
+    } = controlData.value;
+    // console.log("controlData.value--->",controlData.value)
+    // console.log("controlData.value-1-->",unitName)
+    let columnIndex = false; // 是否显示序号列
+    if (type === "table") {
+      // 表格时处理
+      const list = controlData.value && controlData.value.list;
+      if (list && list.length > 0) {
+        columnIndex = list[0].type === "index";
+      }
+    }
+    //判断校验规则
+    // console.log("判断校验规则--->",typeof(controlData.value.customRules))
+    if (typeof controlData.value.customRules == "object") {
+      if (Array.isArray(controlData.value.customRules)) {
+        let otherPick = [];
+        controlData.value.customRules.forEach((item: any) => {
+          // console.log("判断校验规则-1-->",item)
+          if (item.type == ValidateText.type) {
+            ValidateText.checkbox = true;
+          } else {
+            otherPick.push(item);
+          }
+        });
+        if (otherPick.length > 0) {
+          otherPick.forEach((item: any) => {
+            radioVerify.type = item.type;
+            radioVerify.label = item.label;
+            radioVerify.regExp = item.regExp;
+            radioVerify.message = item.message;
+            radioVerify.checkbox = true;
+          });
         }
-		//判断校验规则
-		// console.log("判断校验规则--->",typeof(controlData.value.customRules))
-		if(typeof(controlData.value.customRules)=="object"){
-			if(Array.isArray(controlData.value.customRules)){
-				let otherPick = []
-				controlData.value.customRules.forEach((item:any)=>{
-					// console.log("判断校验规则-1-->",item)
-					if(item.type == ValidateText.type){
-						ValidateText.checkbox = true
-					}else{
-						otherPick.push(item)
-					}
-				})
-				if(otherPick.length > 0){
-					otherPick.forEach((item:any)=>{
-						radioVerify.type = item.type
-						radioVerify.label = item.label
-						radioVerify.regExp = item.regExp
-						radioVerify.message = item.message
-						radioVerify.checkbox = true
-					});
-				}
-			}
-		}else{
-			ValidateText.checkbox = false
-			radioVerify.type = ""
-		}
-            
-        	const temp =reactive<PublicAtrr[]>([
-				{
-                    label: '标签名称',
-                    value: item.label,
-                    path: 'item.label',
-                    vHide: [
-                        'table',
-                        'grid',
-                        'tabs',
-                        'title',
-                        'gridChild',
-                        'div',
-                        'inputSlot',
-                        'flex',
-                        'button',
-                        'txt'
-                    ],
-                    eventName: 'labelNameVal'
-                },
-				{
-                    label: '组件类型',
-                    value: unitName,
-                    placeholder: '组件类型',
-                    path: 'unitName'
-                },
-                // {
-                //     label: '自定义Class',
-                //     value: config.className,
-                //     placeholder: '样式类名',
-                //     path: 'config.className'
-                // },
-                {
-                    label: '字段标识',
-                    value: name,
-                    type:
-                        Object.keys(state.dataSourceList).length > 0 ? 'select' : 'text',
-                    placeholder: '字段唯一标识，对应数据库',
-                    dict: state.dataSourceList,
-                    path: 'name',
-                    vHide: [
-                        'grid',
-                        'tabs',
-                        'card',
-                        'title',
-                        'gridChild',
-                        'tableColumn',
-                        'divider',
-                        'txt',
-                        'div',
-                        'button'
-                    ],
-                    eventName: 'filedNameKey'
-                },
-                {
-                    label: '占位内容',
-                    value: control.placeholder,
-                    placeholder: 'placeholder',
-                    path: 'control.placeholder',
-                    vShow: [
-                        'password',
-                        'input',
-                        'textarea',
-                        'select',
-                        'date',
-                        'number',
-                        'datePicker',
-                        'tinymce',
-                        'timePicker',
-                        'treeSelect',
-						'digitpage'
-                    ]
-                },
-				{
-                    label: '帮助信息',
-                    value: config.help,
-                    path: 'config.help',
-                    vHide: [
-                        'table',
-                        'grid',
-                        'tabs',
-                        'gridChild',
-                        'divider',
-                        'div',
-                        'inputSlot',
-                        'flex',
-                        'button',
-                        'txt'
-                    ]
-                },
-                {
-                    label: '按钮类型',
-                    value: control.type,
-                    path: 'control.type',
-                    type: 'select',
-                    dict: {
-                        primary: 'primary',
-                        success: 'success',
-                        info: 'info',
-                        warning: 'warning',
-                        danger: 'danger'
-                    },
-                    vShow: ['button'],
-                    clearable: true
-                },
-                {
-                    label: '按钮名称',
-                    value: control.label,
-                    path: 'control.label',
-                    vShow: ['button']
-                },
-                {
-                    label: '按钮事件',
-                    value: control.key,
-                    path: 'control.key',
-                    type: 'select',
-                    dict: {
-                        submit: '提交表单',
-                        reset: '重置表单',
-                        cancel: '取消返回',
-                        none: '无动作(自定义)'
-                    },
-                    vShow: ['button']
-                },
-                {
-                    label: '对齐方式',
-                    value: config.textAlign,
-                    path: 'config.textAlign',
-                    type: 'select',
-                    dict: {
-                        left: 'left',
-                        right: 'right',
-                        center: 'center'
-                    },
-                    vShow: ['button', 'div']
-                },
-                
-                {
-                    label: '隐藏标签',
-                    value: item.showLabel,
-                    path: 'item.showLabel',
-                    type: 'switch',
-                    vHide: [
-                        'table',
-                        'grid',
-                        'tabs',
-                        'title',
-                        'gridChild',
-                        'divider',
-                        'card',
-                        'div',
-                        'inputSlot',
-                        'flex',
-                        'button',
-                        'txt'
-                    ]
-                },
-                
-                {
-                    label: '表单栅格',
-                    value: config.span,
-                    placeholder: '表单区域栅格宽，0为自动宽',
-                    path: 'config.span',
-                    vHide: ['gridChild'],
-                    isNum: true
-                },
-                /*{
+      }
+    } else {
+      ValidateText.checkbox = false;
+      radioVerify.type = "";
+    }
+
+    const temp = reactive<PublicAtrr[]>([
+      {
+        label: "标签名称",
+        value: item.label,
+        path: "item.label",
+        vHide: [
+          "table",
+          "grid",
+          "tabs",
+          "title",
+          "gridChild",
+          "div",
+          "inputSlot",
+          "flex",
+          "button",
+          "txt",
+        ],
+        eventName: "labelNameVal",
+      },
+      {
+        label: "组件类型",
+        value: unitName,
+        placeholder: "组件类型",
+        path: "unitName",
+      },
+      // {
+      //     label: '自定义Class',
+      //     value: config.className,
+      //     placeholder: '样式类名',
+      //     path: 'config.className'
+      // },
+      {
+        label: "字段标识",
+        value: name,
+        type: Object.keys(state.dataSourceList).length > 0 ? "select" : "text",
+        placeholder: "字段唯一标识，对应数据库",
+        dict: state.dataSourceList,
+        path: "name",
+        vHide: [
+          "grid",
+          "tabs",
+          "card",
+          "title",
+          "gridChild",
+          "tableColumn",
+          "divider",
+          "txt",
+          "div",
+          "button",
+        ],
+        eventName: "filedNameKey",
+      },
+      {
+        label: "占位内容",
+        value: control.placeholder,
+        placeholder: "placeholder",
+        path: "control.placeholder",
+        vShow: [
+          "password",
+          "input",
+          "textarea",
+          "select",
+          "date",
+          "number",
+          "datePicker",
+          "tinymce",
+          "timePicker",
+          "treeSelect",
+          "digitpage",
+        ],
+      },
+      {
+        label: "帮助信息",
+        value: config.help,
+        path: "config.help",
+        vHide: [
+          "table",
+          "grid",
+          "tabs",
+          "gridChild",
+          "divider",
+          "div",
+          "inputSlot",
+          "flex",
+          "button",
+          "txt",
+        ],
+      },
+      {
+        label: "按钮类型",
+        value: control.type,
+        path: "control.type",
+        type: "select",
+        dict: {
+          primary: "primary",
+          success: "success",
+          info: "info",
+          warning: "warning",
+          danger: "danger",
+        },
+        vShow: ["button"],
+        clearable: true,
+      },
+      {
+        label: "按钮名称",
+        value: control.label,
+        path: "control.label",
+        vShow: ["button"],
+      },
+      {
+        label: "按钮事件",
+        value: control.key,
+        path: "control.key",
+        type: "select",
+        dict: {
+          submit: "提交表单",
+          reset: "重置表单",
+          cancel: "取消返回",
+          none: "无动作(自定义)",
+        },
+        vShow: ["button"],
+      },
+      {
+        label: "对齐方式",
+        value: config.textAlign,
+        path: "config.textAlign",
+        type: "select",
+        dict: {
+          left: "left",
+          right: "right",
+          center: "center",
+        },
+        vShow: ["button", "div"],
+      },
+
+      {
+        label: "隐藏标签",
+        value: item.showLabel,
+        path: "item.showLabel",
+        type: "switch",
+        vHide: [
+          "table",
+          "grid",
+          "tabs",
+          "title",
+          "gridChild",
+          "divider",
+          "card",
+          "div",
+          "inputSlot",
+          "flex",
+          "button",
+          "txt",
+        ],
+      },
+
+      {
+        label: "表单栅格",
+        value: config.span,
+        placeholder: "表单区域栅格宽，0为自动宽",
+        path: "config.span",
+        vHide: ["gridChild"],
+        isNum: true,
+      },
+      /*{
                 label: '行类样式',
                 value: config.inline,
                 type: 'switch',
                 path: 'config.inline',
                 vShow: ['div']
                 },*/
-                {
-                    label: '文本值',
-                    value: control.modelValue,
-                    placeholder: '支持html',
-                    path: 'control.modelValue',
-                    vShow: ['txt'],
-                    inputStyle: 'textarea'
-                },
-                {
-                    label: '设为密码',
-                    value: type,
-                    type: 'select',
-                    dict: { input: '文本', password: '密码' },
-                    path: 'type',
-                    vShow: ['input', 'password'],
-                    vIf: state.isSearch // 搜索模式下隐藏 为true
-                },
-                {
-                    label: '文本域高度',
-                    value: control.rows,
-                    placeholder: '输入框行数',
-                    path: 'control.rows',
-                    vShow: ['textarea'],
-                    isNum: true
-                },
-                {
-                    label: '前缀',
-                    value: config.prepend,
-                    placeholder: '文本前缀',
-                    path: 'config.prepend',
-                    vShow: ['input', 'password']
-                },
-                {
-                    label: '后缀',
-                    value: config.append,
-                    placeholder: '文本后缀',
-                    path: 'config.append',
-                    vShow: ['input', 'password']
-                },
-                // {
-                //     label: '状态打开时的值',
-                //     value: control.activeValue,
-                //     placeholder: '状态打开时的值',
-                //     path: 'control.activeValue',
-                //     vShow: ['switch'],
-                //     isNum: true
-                // },
-                // {
-                //     label: '状态关闭时的值',
-                //     value: control.inactiveValue,
-                //     placeholder: '状态关闭时的值',
-                //     path: 'control.inactiveValue',
-                //     vShow: ['switch'],
-                //     isNum: true
-                // },
-                // {
-                //   label: '转换格式化值',
-                //   value: config.transform,
-                //   path: 'config.transform',
-                //   type: 'switch',
-                //   vShow: [
-                //     'checkbox',
-                //     'select',
-                //     'switch',
-                //     'cascader',
-                //     'slider',
-                //     'table',
-                //     'flex',
-                //     'treeSelect'
-                //   ]
-                // },
-                {
-                    label: '增加按钮文案',
-                    value: config.addBtnText,
-                    path: 'config.addBtnText',
-                    type: 'text',
-                    vShow: ['flex', 'table']
-                },
-                {
-                    label: '删除按钮文案',
-                    value: config.delBtnText,
-                    path: 'config.delBtnText',
-                    type: 'text',
-                    vShow: ['flex', 'table']
-                },
-                {
-                    label: '是否多选',
-                    value: control.multiple,
-                    path: 'control.multiple',
-                    type: 'switch',
-                    vShow: ['select', 'treeSelect'],
-                    eventName: 'selectMultiple'
-                },
-                {
-                    label: '可清空',
-                    value: control.clearable,
-                    path: 'control.clearable',
-                    type: 'switch',
-                    vShow: ['select']
-                },
-                // {
-                //     label: '是否禁用',
-                //     value: control.disabled,
-                //     path: 'control.disabled',
-                //     type: 'switch',
-                //     vShow: [
-                //         'input',
-                //         'password',
-                //         'textarea',
-                //         'radio',
-                //         'checkbox',
-                //         'select',
-                //         'date',
-                //         'switch',
-                //         'number',
-                //         'cascader',
-                //         'upload',
-                //         'rate',
-                //         'tinymce',
-                //         'treeSelect'
-                //     ],
-                //     vIf: state.isSearch
-                // },
-                // {
-                //     label: '是否禁用编辑',
-                //     value: config.editDisabled,
-                //     path: 'config.editDisabled',
-                //     type: 'switch',
-                //     vShow: [
-                //         'input',
-                //         'password',
-                //         'textarea',
-                //         'radio',
-                //         'checkbox',
-                //         'select',
-                //         'date',
-                //         'switch',
-                //         'number',
-                //         'cascader',
-                //         'upload',
-                //         'treeSelect',
-                //         'table',
-                //         'flex'
-                //     ],
-                //     vIf: state.isSearch
-                // },
-                // {
-                //     label: '添加页隐藏',
-                //     value: config.disabledAdd,
-                //     path: 'config.disabledAdd',
-                //     type: 'switch',
-                //     vIf: state.isSearch,
-                //     vHide: ['inputSlot']
-                // },
-                // {
-                //     label: '编辑页隐藏',
-                //     value: config.disabledEdit,
-                //     path: 'config.disabledEdit',
-                //     type: 'switch',
-                //     vIf: state.isSearch,
-                //     vHide: ['inputSlot']
-                // },
-                // {
-                //     label: '详情页隐藏',
-                //     value: config.disabledDetail,
-                //     path: 'config.disabledDetail',
-                //     type: 'switch',
-                //     vIf: state.isSearch,
-                //     vHide: ['inputSlot']
-                // },
-                {
-                    label: '设为Input输入框的前/后缀',
-                    value: type === 'inputSlot',
-                    path: '',
-                    type: 'switch',
-                    vShow: ['select', 'inputSlot'],
-                    eventName: 'setInputSlot'
-                },
-                {
-                    label: '标题',
-                    value: control.modelValue,
-                    path: 'control.modelValue',
-                    vShow: ['title']
-                },
-                {
-                    label: '占据的列数span',
-                    value: attr.span,
-                    path: 'attr.span',
-                    vShow: ['gridChild'],
-                    eventName: 'formatNumber',
-                    isNum: true
-                },
-                {
-                    label: '左侧的间隔格数offset',
-                    value: attr.offset,
-                    path: 'attr.offset',
-                    vShow: ['gridChild'],
-                    eventName: 'formatNumber',
-                    isNum: true
-                },
-                {
-                    label: '向右移动格数push',
-                    value: attr.push,
-                    path: 'attr.push',
-                    vShow: ['gridChild'],
-                    eventName: 'formatNumber',
-                    isNum: true
-                },
-                {
-                    label: '向左移动格数pull',
-                    value: attr.pull,
-                    path: 'attr.pull',
-                    vShow: ['gridChild'],
-                    eventName: 'formatNumber',
-                    isNum: true
-                },
-                {
-                    label: '序号列',
-                    value: columnIndex,
-                    type: 'switch',
-                    vShow: ['table'],
-                    eventName: 'tableColumn1'
-                },
-                /*{
+      {
+        label: "文本值",
+        value: control.modelValue,
+        placeholder: "支持html",
+        path: "control.modelValue",
+        vShow: ["txt"],
+        inputStyle: "textarea",
+      },
+      {
+        label: "设为密码",
+        value: type,
+        type: "select",
+        dict: { input: "文本", password: "密码" },
+        path: "type",
+        vShow: ["input", "password"],
+        vIf: state.isSearch, // 搜索模式下隐藏 为true
+      },
+      {
+        label: "文本域高度",
+        value: control.rows,
+        placeholder: "输入框行数",
+        path: "control.rows",
+        vShow: ["textarea"],
+        isNum: true,
+      },
+      {
+        label: "前缀",
+        value: config.prepend,
+        placeholder: "文本前缀",
+        path: "config.prepend",
+        vShow: ["input", "password"],
+      },
+      {
+        label: "后缀",
+        value: config.append,
+        placeholder: "文本后缀",
+        path: "config.append",
+        vShow: ["input", "password"],
+      },
+      // {
+      //     label: '状态打开时的值',
+      //     value: control.activeValue,
+      //     placeholder: '状态打开时的值',
+      //     path: 'control.activeValue',
+      //     vShow: ['switch'],
+      //     isNum: true
+      // },
+      // {
+      //     label: '状态关闭时的值',
+      //     value: control.inactiveValue,
+      //     placeholder: '状态关闭时的值',
+      //     path: 'control.inactiveValue',
+      //     vShow: ['switch'],
+      //     isNum: true
+      // },
+      // {
+      //   label: '转换格式化值',
+      //   value: config.transform,
+      //   path: 'config.transform',
+      //   type: 'switch',
+      //   vShow: [
+      //     'checkbox',
+      //     'select',
+      //     'switch',
+      //     'cascader',
+      //     'slider',
+      //     'table',
+      //     'flex',
+      //     'treeSelect'
+      //   ]
+      // },
+      {
+        label: "增加按钮文案",
+        value: config.addBtnText,
+        path: "config.addBtnText",
+        type: "text",
+        vShow: ["flex", "table"],
+      },
+      {
+        label: "删除按钮文案",
+        value: config.delBtnText,
+        path: "config.delBtnText",
+        type: "text",
+        vShow: ["flex", "table"],
+      },
+      {
+        label: "是否多选",
+        value: control.multiple,
+        path: "control.multiple",
+        type: "switch",
+        vShow: ["select", "treeSelect"],
+        eventName: "selectMultiple",
+      },
+      {
+        label: "可清空",
+        value: control.clearable,
+        path: "control.clearable",
+        type: "switch",
+        vShow: ["select"],
+      },
+      // {
+      //     label: '是否禁用',
+      //     value: control.disabled,
+      //     path: 'control.disabled',
+      //     type: 'switch',
+      //     vShow: [
+      //         'input',
+      //         'password',
+      //         'textarea',
+      //         'radio',
+      //         'checkbox',
+      //         'select',
+      //         'date',
+      //         'switch',
+      //         'number',
+      //         'cascader',
+      //         'upload',
+      //         'rate',
+      //         'tinymce',
+      //         'treeSelect'
+      //     ],
+      //     vIf: state.isSearch
+      // },
+      // {
+      //     label: '是否禁用编辑',
+      //     value: config.editDisabled,
+      //     path: 'config.editDisabled',
+      //     type: 'switch',
+      //     vShow: [
+      //         'input',
+      //         'password',
+      //         'textarea',
+      //         'radio',
+      //         'checkbox',
+      //         'select',
+      //         'date',
+      //         'switch',
+      //         'number',
+      //         'cascader',
+      //         'upload',
+      //         'treeSelect',
+      //         'table',
+      //         'flex'
+      //     ],
+      //     vIf: state.isSearch
+      // },
+      // {
+      //     label: '添加页隐藏',
+      //     value: config.disabledAdd,
+      //     path: 'config.disabledAdd',
+      //     type: 'switch',
+      //     vIf: state.isSearch,
+      //     vHide: ['inputSlot']
+      // },
+      // {
+      //     label: '编辑页隐藏',
+      //     value: config.disabledEdit,
+      //     path: 'config.disabledEdit',
+      //     type: 'switch',
+      //     vIf: state.isSearch,
+      //     vHide: ['inputSlot']
+      // },
+      // {
+      //     label: '详情页隐藏',
+      //     value: config.disabledDetail,
+      //     path: 'config.disabledDetail',
+      //     type: 'switch',
+      //     vIf: state.isSearch,
+      //     vHide: ['inputSlot']
+      // },
+      {
+        label: "设为Input输入框的前/后缀",
+        value: type === "inputSlot",
+        path: "",
+        type: "switch",
+        vShow: ["select", "inputSlot"],
+        eventName: "setInputSlot",
+      },
+      {
+        label: "标题",
+        value: control.modelValue,
+        path: "control.modelValue",
+        vShow: ["title"],
+      },
+      {
+        label: "占据的列数span",
+        value: attr.span,
+        path: "attr.span",
+        vShow: ["gridChild"],
+        eventName: "formatNumber",
+        isNum: true,
+      },
+      {
+        label: "左侧的间隔格数offset",
+        value: attr.offset,
+        path: "attr.offset",
+        vShow: ["gridChild"],
+        eventName: "formatNumber",
+        isNum: true,
+      },
+      {
+        label: "向右移动格数push",
+        value: attr.push,
+        path: "attr.push",
+        vShow: ["gridChild"],
+        eventName: "formatNumber",
+        isNum: true,
+      },
+      {
+        label: "向左移动格数pull",
+        value: attr.pull,
+        path: "attr.pull",
+        vShow: ["gridChild"],
+        eventName: "formatNumber",
+        isNum: true,
+      },
+      {
+        label: "序号列",
+        value: columnIndex,
+        type: "switch",
+        vShow: ["table"],
+        eventName: "tableColumn1",
+      },
+      /*{
                     label: '操作列',
                     value: columnOperate,
                     type: 'switch',
                     vShow: ['table'],
                     eventName: 'tableColumn2'
                 },*/
-                {
-                    label: '组件名',
-                    value: config.componentName,
-                    placeholder: '全局注册的组件名称',
-                    path: 'config.componentName',
-                    vShow: ['component']
-                },
-                {
-					label: '关联表单',
-					value: config.associatedForms,
-					path: 'config.associatedForms',
-					type: 'associatedForms_form',
-					vIf: state.isSearch,
-					vShow: ['associatedForms']
-				},
-				{
-					label: '隐藏条件',
-					value: config.associatedForms,
-					path: 'config.associatedForms',
-					type: 'associatedForms_hide',
-					vIf: state.isSearch,
-					vShow: ['associatedForms']
-				},
-                {
-					label: '数据范围',
-					value: config.associatedForms,
-					path: 'config.associatedForms',
-					type: 'associatedForms_dataRange',
-					vIf: state.isSearch,
-					vShow: ['associatedForms']
-				},
-                {
-					label: '数据填充规则',
-					value: config.associatedForms,
-					path: 'config.associatedForms',
-					type: 'associatedForms_FillRoles',
-					vIf: state.isSearch,
-					vShow: ['associatedForms']
-				},
-                {
-                    label: '轮播图设置',
-                    value: config.carousel,
-                    path: 'config.carousel',
-                    type: 'carousel',
-                    vIf: state.isSearch,
-                    vShow: ['lowcodeCarsusel']
-                },
-
-				{
-					label: '穿梭框名',
-					value: config.transfer,
-					path: 'config.transfer',
-					type: 'transfer_name',
-					vIf: state.isSearch,
-					vShow: ['lowcodeTransfer']
-				},
-				{
-					label: '选项数据源',
-					value: config.transfer,
-					path: 'config.transfer',
-					type: 'transfer_options_datasource',
-					vIf: state.isSearch,
-					vShow: ['lowcodeTransfer']
-				},
-                {
-                    label: '上传视频',
-                    value: config.uploadvideo,
-                    path: 'config.uploadvideo',
-                    type: 'uploadvideo_url',
-                    vIf: state.isSearch,
-                    vShow: ['videoUpAndPlay']
-                },
-				/* {
+      {
+        label: "组件名",
+        value: config.componentName,
+        placeholder: "全局注册的组件名称",
+        path: "config.componentName",
+        vShow: ["component"],
+      },
+      {
+        label: "关联表单",
+        value: config.associatedForms,
+        path: "config.associatedForms",
+        type: "associatedForms_form",
+        vIf: state.isSearch,
+        vShow: ["associatedForms"],
+      },
+      {
+        label: "隐藏条件",
+        value: config.associatedForms,
+        path: "config.associatedForms",
+        type: "associatedForms_hide",
+        vIf: state.isSearch,
+        vShow: ["associatedForms"],
+      },
+      {
+        label: "数据范围",
+        value: config.associatedForms,
+        path: "config.associatedForms",
+        type: "associatedForms_dataRange",
+        vIf: state.isSearch,
+        vShow: ["associatedForms"],
+      },
+      {
+        label: "数据填充规则",
+        value: config.associatedForms,
+        path: "config.associatedForms",
+        type: "associatedForms_FillRoles",
+        vIf: state.isSearch,
+        vShow: ["associatedForms"],
+      },
+      {
+        label: "轮播图设置",
+        value: config.carousel,
+        path: "config.carousel",
+        type: "carousel",
+        vIf: state.isSearch,
+        vShow: ["lowcodeCarsusel"],
+      },
+
+      {
+        label: "穿梭框名",
+        value: config.transfer,
+        path: "config.transfer",
+        type: "transfer_name",
+        vIf: state.isSearch,
+        vShow: ["lowcodeTransfer"],
+      },
+      {
+        label: "选项数据源",
+        value: config.transfer,
+        path: "config.transfer",
+        type: "transfer_options_datasource",
+        vIf: state.isSearch,
+        vShow: ["lowcodeTransfer"],
+      },
+      {
+        label: "上传视频",
+        value: config.uploadvideo,
+        path: "config.uploadvideo",
+        type: "uploadvideo_url",
+        vIf: state.isSearch,
+        vShow: ["videoUpAndPlay"],
+      },
+      /* {
 					label: '上传图片',
 					value: config.lowcodeImage,
 					path: 'config.lowcodeImage',
@@ -819,15 +820,15 @@ const attrList = computed(() => {
 					vIf: state.isSearch,
 					vShow: ['lowcodeImage']
 				}, */
-				// {
-				// 	label: '内外四边距',
-				// 	value: config.lowcodeImage,
-				// 	path: 'config.lowcodeImage',
-				// 	type: 'lowcodeImage_marginAndPadding',
-				// 	vIf: state.isSearch,
-				// 	vShow: ['lowcodeImage']
-				// },
-                /* {
+      // {
+      // 	label: '内外四边距',
+      // 	value: config.lowcodeImage,
+      // 	path: 'config.lowcodeImage',
+      // 	type: 'lowcodeImage_marginAndPadding',
+      // 	vIf: state.isSearch,
+      // 	vShow: ['lowcodeImage']
+      // },
+      /* {
                     label: '上传视频封面',
                     value: config.uploadvideo,
                     path: 'config.uploadvideo',
@@ -835,2411 +836,2486 @@ const attrList = computed(() => {
                     vIf: state.isSearch,
                     vShow: ['videoUpAndPlay']
                 }, */
-                {
-                    label: '视频宽度(像素)',
-                    value: config.uploadvideo,
-                    path: 'config.uploadvideo',
-                    type: 'uploadvideo_width',
-                    vIf: state.isSearch,
-                    vShow: ['videoUpAndPlay']
-                },
-                {
-                    label: '视频高度(像素)',
-                    value: config.uploadvideo,
-                    path: 'config.uploadvideo',
-                    type: 'uploadvideo_height',
-                    vIf: state.isSearch,
-                    vShow: ['videoUpAndPlay']
-                },
-                {
-                    label: '视频自动播放',
-                    value: config.uploadvideo,
-                    path: 'config.uploadvideo',
-                    type: 'uploadvideo_autoPlay',
-                    vIf: state.isSearch,
-                    vShow: ['videoUpAndPlay']
-                },
-                {
-                    label: '视频循环播放',
-                    value: config.uploadvideo,
-                    path: 'config.uploadvideo',
-                    type: 'uploadvideo_loopPlay',
-                    vIf: state.isSearch,
-                    vShow: ['videoUpAndPlay']
-                },
-                {
-                    label: '上传地址',
-                    value: control.action,
-                    placeholder: '图片/文件上传地址,可不填有默认值',
-                    path: 'control.action',
-                    vShow: ['upload']
-                },
-                {
-                    label: '文件字段名',
-                    value: control.name,
-                    placeholder: '上传的文件字段名,默认file',
-                    path: 'control.name',
-                    vShow: ['upload']
-                },
-                {
-                    label: '列表类型',
-                    value: control.listType,
-                    type: 'select',
-                    dict: {
-                        text: 'text',
-                        picture: 'picture',
-                        'picture-card': 'picture-card'
-                    },
-                    path: 'control.listType',
-                    vShow: ['upload']
-                },
-                {
-                    label: '提示文字',
-                    value: config.tip,
-                    placeholder: '提示说明文字',
-                    path: 'config.tip',
-                    vShow: ['upload']
-                },
-                {
-                    label: '按钮文本',
-                    value: config.btnText,
-                    placeholder: '上传按钮文本',
-                    path: 'config.btnText',
-                    vShow: ['upload']
-                },
-                {
-                    label: '分割线方向',
-                    type: 'select',
-                    dict: { horizontal: 'horizontal', vertical: 'vertical' },
-                    placeholder: '分割线方向，默认horizontal',
-                    value: control.direction,
-                    path: 'control.direction',
-                    vShow: ['divider']
-                },
-                {
-                    label: '分隔符样式',
-                    placeholder: '分隔符样式，默认solid',
-                    value: control.borderStyle,
-                    path: 'control.borderStyle',
-                    vShow: ['divider']
-                },
-                {
-                    label: '文字方位',
-                    type: 'select',
-                    dict: { left: 'left', right: 'right', center: 'center' },
-                    value: control.contentPosition,
-                    path: 'control.contentPosition',
-                    vShow: ['divider']
-                },
-                {
-                    label: '最小值',
-                    value: control.min,
-                    path: 'control.min',
-                    vShow: ['slider'],
-                    eventName: 'formatNumber',
-                    isNum: true
-                },
-                {
-                    label: '最大值',
-                    value: control.max,
-                    path: 'control.max',
-                    vShow: ['rate', 'slider'],
-                    eventName: 'formatNumber',
-                    isNum: true
-                },
-                {
-                    label: '步长',
-                    value: control.step,
-                    path: 'control.step',
-                    vShow: ['slider'],
-                    eventName: 'formatNumber',
-                    isNum: true
-                },
-                {
-                    label: '显示类型',
-                    value: control.type,
-                    path: 'control.type',
-                    vShow: ['datePicker'],
-                    type: 'select',
-                    placeholder: '显示类型',
-                    dict: {
-                        year: '年',
-						month: '月',
-						date: '日期',
-						datetime: '日期+时间',
-						week: '周',
-						datetimerange: '开始日期时间至结束日期时间',
-						daterange: '开始日期至结束日期',
-						monthrange: '开始月至结束月'
-                    }
-                },
-                {
-                    label: '时间格式',
-                    value: control.format,
-                    path: 'control.format',
-                    vShow: ['datePicker', 'timePicker'],
-                    placeholder: '显示在输入框中的格式'
-                },
-                {
-                    label: 'color-format',
-                    value: control.colorFormat,
-                    path: 'control.colorFormat',
-                    type: 'select',
-                    placeholder: '写入 v-model 的颜色的格式',
-                    dict: { hsl: 'hsl', hsv: 'hsv', hex: 'hex', rgb: 'rgb' },
-                    vShow: ['colorPicker']
-                },
-                {
-                    label: '文本高度',
-                    value: control.height,
-                    path: 'control.height',
-                    placeholder: '文本高度(预览查看效果)',
-                    vShow: ['tinymce']
-                },
-                {
-                    label: '文本宽度',
-                    value: control.width,
-                    path: 'control.width',
-                    placeholder: '文本宽度(预览查看效果)',
-                    vShow: ['tinymce']
-                },
-                {
-                    label: '图片上传地址',
-                    value: control.imgUrl,
-                    path: 'control.imgUrl',
-                    placeholder: '图片上传地址',
-                    vShow: ['tinymce']
-                },
-                {
-                    label: '附件上传地址',
-                    value: control.blobUrl,
-                    path: 'control.blobUrl',
-                    placeholder: '附件上传地址',
-                    vShow: ['tinymce']
-                },
-                {
-                    label: '显示模式',
-                    value: config.style,
-                    path: 'config.style',
-                    placeholder: '显示风格(预览查看效果)',
-                    type: 'select',
-                    dict: { default: 'default', simple: 'simple' },
-                    vShow: ['tinymce']
-                },
-                {
-                    label: '默认值',
-                    value: control.mathsValue,
-                    selectvalue: selectvalue,
-                    path: 'control.mathsValue',
-                    placeholder: '显示风格(预览查看效果)',
-                    type: 'digitpage',
-                    dict: { default: '自定义', simple: '编辑公式' },
-                    vShow: ['digitpage'],
-                    control:control
-                }
-        ])
-            // 过滤显示对应的值
-        return temp.filter((item: any) => {
-			// console.log("过滤显示对应的值--->",item)
-			// console.log("过滤显示对应的值-1-->",type)
-                let hasFilter = true
-                if (item.vShow) {
-                    hasFilter = item.vShow.includes(type)
-                }
-                if (item.vHide) {
-                    hasFilter = !item.vHide.includes(type)
-                }
-                if (item.vIf) {
-                // 不显示vif＝true的
-                    hasFilter = false
-                }
-                return hasFilter
-        })
-    } else {
-    	return []
-    }
-})
+      {
+        label: "视频宽度(像素)",
+        value: config.uploadvideo,
+        path: "config.uploadvideo",
+        type: "uploadvideo_width",
+        vIf: state.isSearch,
+        vShow: ["videoUpAndPlay"],
+      },
+      {
+        label: "视频高度(像素)",
+        value: config.uploadvideo,
+        path: "config.uploadvideo",
+        type: "uploadvideo_height",
+        vIf: state.isSearch,
+        vShow: ["videoUpAndPlay"],
+      },
+      {
+        label: "视频自动播放",
+        value: config.uploadvideo,
+        path: "config.uploadvideo",
+        type: "uploadvideo_autoPlay",
+        vIf: state.isSearch,
+        vShow: ["videoUpAndPlay"],
+      },
+      {
+        label: "视频循环播放",
+        value: config.uploadvideo,
+        path: "config.uploadvideo",
+        type: "uploadvideo_loopPlay",
+        vIf: state.isSearch,
+        vShow: ["videoUpAndPlay"],
+      },
+      {
+        label: "上传地址",
+        value: control.action,
+        placeholder: "图片/文件上传地址,可不填有默认值",
+        path: "control.action",
+        vShow: ["upload"],
+      },
+      {
+        label: "文件字段名",
+        value: control.name,
+        placeholder: "上传的文件字段名,默认file",
+        path: "control.name",
+        vShow: ["upload"],
+      },
+      {
+        label: "列表类型",
+        value: control.listType,
+        type: "select",
+        dict: {
+          text: "text",
+          picture: "picture",
+          "picture-card": "picture-card",
+        },
+        path: "control.listType",
+        vShow: ["upload"],
+      },
+      {
+        label: "提示文字",
+        value: config.tip,
+        placeholder: "提示说明文字",
+        path: "config.tip",
+        vShow: ["upload"],
+      },
+      {
+        label: "按钮文本",
+        value: config.btnText,
+        placeholder: "上传按钮文本",
+        path: "config.btnText",
+        vShow: ["upload"],
+      },
+      {
+        label: "分割线方向",
+        type: "select",
+        dict: { horizontal: "horizontal", vertical: "vertical" },
+        placeholder: "分割线方向，默认horizontal",
+        value: control.direction,
+        path: "control.direction",
+        vShow: ["divider"],
+      },
+      {
+        label: "分隔符样式",
+        placeholder: "分隔符样式，默认solid",
+        value: control.borderStyle,
+        path: "control.borderStyle",
+        vShow: ["divider"],
+      },
+      {
+        label: "文字方位",
+        type: "select",
+        dict: { left: "left", right: "right", center: "center" },
+        value: control.contentPosition,
+        path: "control.contentPosition",
+        vShow: ["divider"],
+      },
+      {
+        label: "最小值",
+        value: control.min,
+        path: "control.min",
+        vShow: ["slider"],
+        eventName: "formatNumber",
+        isNum: true,
+      },
+      {
+        label: "最大值",
+        value: control.max,
+        path: "control.max",
+        vShow: ["rate", "slider"],
+        eventName: "formatNumber",
+        isNum: true,
+      },
+      {
+        label: "步长",
+        value: control.step,
+        path: "control.step",
+        vShow: ["slider"],
+        eventName: "formatNumber",
+        isNum: true,
+      },
+      {
+        label: "显示类型",
+        value: control.type,
+        path: "control.type",
+        vShow: ["datePicker"],
+        type: "select",
+        placeholder: "显示类型",
+        dict: {
+          year: "年",
+          month: "月",
+          date: "日期",
+          datetime: "日期+时间",
+          week: "周",
+          datetimerange: "开始日期时间至结束日期时间",
+          daterange: "开始日期至结束日期",
+          monthrange: "开始月至结束月",
+        },
+      },
+      {
+        label: "时间格式",
+        value: control.format,
+        path: "control.format",
+        vShow: ["datePicker", "timePicker"],
+        placeholder: "显示在输入框中的格式",
+      },
+      {
+        label: "color-format",
+        value: control.colorFormat,
+        path: "control.colorFormat",
+        type: "select",
+        placeholder: "写入 v-model 的颜色的格式",
+        dict: { hsl: "hsl", hsv: "hsv", hex: "hex", rgb: "rgb" },
+        vShow: ["colorPicker"],
+      },
+      {
+        label: "文本高度",
+        value: control.height,
+        path: "control.height",
+        placeholder: "文本高度(预览查看效果)",
+        vShow: ["tinymce"],
+      },
+      {
+        label: "文本宽度",
+        value: control.width,
+        path: "control.width",
+        placeholder: "文本宽度(预览查看效果)",
+        vShow: ["tinymce"],
+      },
+      {
+        label: "图片上传地址",
+        value: control.imgUrl,
+        path: "control.imgUrl",
+        placeholder: "图片上传地址",
+        vShow: ["tinymce"],
+      },
+      {
+        label: "附件上传地址",
+        value: control.blobUrl,
+        path: "control.blobUrl",
+        placeholder: "附件上传地址",
+        vShow: ["tinymce"],
+      },
+      {
+        label: "显示模式",
+        value: config.style,
+        path: "config.style",
+        placeholder: "显示风格(预览查看效果)",
+        type: "select",
+        dict: { default: "default", simple: "simple" },
+        vShow: ["tinymce"],
+      },
+      {
+        label: "默认值",
+        value: control.mathsValue,
+        selectvalue: selectvalue,
+        path: "control.mathsValue",
+        placeholder: "显示风格(预览查看效果)",
+        type: "digitpage",
+        dict: { default: "自定义", simple: "编辑公式" },
+        vShow: ["digitpage"],
+        control: control,
+      },
+    ]);
+    // 过滤显示对应的值
+    return temp.filter((item: any) => {
+      // console.log("过滤显示对应的值--->",item)
+      // console.log("过滤显示对应的值-1-->",type)
+      let hasFilter = true;
+      if (item.vShow) {
+        hasFilter = item.vShow.includes(type);
+      }
+      if (item.vHide) {
+        hasFilter = !item.vHide.includes(type);
+      }
+      if (item.vIf) {
+        // 不显示vif＝true的
+        hasFilter = false;
+      }
+      return hasFilter;
+    });
+  } else {
+    return [];
+  }
+});
 
 watch(
-    () => store.activeKey,
-    (val: string) => {
-        if (val) {
-            // 有值时自动跳到第一项
-            state.tabsName = 'first'
-            cssIsShouw(attrList)
-        }
+  () => store.activeKey,
+  (val: string) => {
+    if (val) {
+      // 有值时自动跳到第一项
+      state.tabsName = "first";
+      cssIsShouw(attrList);
     }
-)
-    
-const fileSignAry = reactive<any>([])
+  }
+);
+
+const fileSignAry = reactive<any>([]);
 const controlChange = (obj: any, val: any) => {
-        
-        // console.log("字段编辑--1--》",obj)
-        // console.log("字段编辑--2--》",obj.eventName)
-        // console.log("字段编辑--3--》",val)
-        // console.log("字段编辑--4--》",controlData.value)
-        // console.log("字段编辑--5--》",obj.path)
-        
-        // select多选属性，
-        switch (obj.eventName) {
-            case 'selectMultiple':
-                if (val) {
-                    // 多选，将值改为数组
-                    controlData.value.control.modelValue = []
-                } else {
-                    // 单选
-                    controlData.value.control.modelValue = ''
-                }
-                break
-            case 'tableColumn1':
-                tableColumnAdd(val)
-                break
-            case 'formatNumber':
-                val = parseInt(val) // 将值转数值
-                break
-            case 'filedNameKey':
-                // 选择字段标识时，同时修改显示标题
-                // 根据value找key
-                if (obj.type === 'select') {
-                    state.dataSourceList.forEach((item: any) => {
-                        if (item.name === val) {
-                            if (controlData.value.item) {
-                                controlData.value.item.label = item.label
-                            }
-                            controlData.value.name = item.label
-                        }
-                    })
-                }
-                break
-            case 'setInputSlot':
-                if (val) {
-                    // 将类型改为inputSlot
-                    controlData.value.type = 'inputSlot'
-                    ElMessage.success(
-                        `请在对应的Input输入框属性前后缀设置key:${controlData.value.name}`
-                    )
+  // console.log("字段编辑--1--》",obj)
+  // console.log("字段编辑--2--》",obj.eventName)
+  // console.log("字段编辑--3--》",val)
+  // console.log("字段编辑--4--》",controlData.value)
+  // console.log("字段编辑--5--》",obj.path)
+
+  // select多选属性，
+  switch (obj.eventName) {
+    case "selectMultiple":
+      if (val) {
+        // 多选，将值改为数组
+        controlData.value.control.modelValue = [];
+      } else {
+        // 单选
+        controlData.value.control.modelValue = "";
+      }
+      break;
+    case "tableColumn1":
+      tableColumnAdd(val);
+      break;
+    case "formatNumber":
+      val = parseInt(val); // 将值转数值
+      break;
+    case "filedNameKey":
+      // 选择字段标识时，同时修改显示标题
+      // 根据value找key
+      if (obj.type === "select") {
+        state.dataSourceList.forEach((item: any) => {
+          if (item.name === val) {
+            if (controlData.value.item) {
+              controlData.value.item.label = item.label;
+            }
+            controlData.value.name = item.label;
+          }
+        });
+      }
+      break;
+    case "setInputSlot":
+      if (val) {
+        // 将类型改为inputSlot
+        controlData.value.type = "inputSlot";
+        ElMessage.success(
+          `请在对应的Input输入框属性前后缀设置key:${controlData.value.name}`
+        );
+      } else {
+        controlData.value.type = "select";
+      }
+      // 这里会报错Cannot set properties of null (setting 'checked')
+      // 因value:type===inputSlot，这里使用了v-model，影响不大暂不处理
+      break;
+    case "labelNameVal":
+      if (val != "") {
+        let ary = ["founder", "founderTime", "editTime", "owner", "deptOrg"];
+        if (!ary.includes(controlData.value.type)) {
+          if (
+            Array.isArray(props.formField) &&
+            !props.formField.includes(controlData.value.name)
+          ) {
+            chineseToPinyin({
+              title: val,
+              types: 8,
+              connector: "",
+              formJson: JSON.stringify(props.formInfo),
+            }).then((data: any) => {
+              if (data.code == 0) {
+                if (data.data != "") {
+                  if (!fileSignAry.includes(data.data)) {
+                    controlData.value.name = data.data;
+                    fileSignAry.push(data.data);
+                  } else {
+                    let isEnd = true;
+                    do {
+                      let titleVal = data.data + Rand(10000000, 99999999);
+                      if (!fileSignAry.includes(titleVal)) {
+                        controlData.value.name = titleVal;
+                        fileSignAry.push(titleVal);
+                        isEnd = false;
+                      }
+                    } while (isEnd);
+                  }
                 } else {
-                    controlData.value.type = 'select'
-                }
-                // 这里会报错Cannot set properties of null (setting 'checked')
-                // 因value:type===inputSlot，这里使用了v-model，影响不大暂不处理
-                break
-            case 'labelNameVal':
-                if(val != ""){
-					let ary = ["founder","founderTime","editTime","owner","deptOrg"]
-					if (!ary.includes(controlData.value.type)){
-						if(Array.isArray(props.formField) && !props.formField.includes(controlData.value.name)){
-							chineseToPinyin({title:val,types:8,connector:"",formJson:JSON.stringify(props.formInfo)})
-								.then((data:any)=>{
-									if(data.code == 0){
-										if(data.data != ""){
-											if(!fileSignAry.includes(data.data)){
-												controlData.value.name = data.data
-												fileSignAry.push(data.data)
-											}else{
-												let isEnd = true;
-												do{
-													let titleVal = data.data + Rand(10000000,99999999)
-													if(!fileSignAry.includes(titleVal)){
-														controlData.value.name = titleVal;
-														fileSignAry.push(titleVal);
-														isEnd=false;
-													}
-												}while(isEnd);
-											}
-										}else{
-											if(!fileSignAry.includes(val)){
-												controlData.value.name = val 
-												fileSignAry.push(val)
-											}else{
-												let titleVal = val + Rand(10000000,99999999)
-												if(!fileSignAry.includes(titleVal)){
-													controlData.value.name = titleVal;
-													fileSignAry.push(titleVal);
-												}
-											}
-											
-										}
-										
-									}
-								})
-						}
-					}
-                	// chineseToPinyin({title:val,types:8,connector:"",formJson:JSON.stringify(props.formInfo)})
-                    // .then((data:any)=>{
-                    //     if(data.code == 0){
-                    //         if(data.data != ""){
-                    //             if(!fileSignAry.includes(data.data)){
-                    //                 controlData.value.name = data.data
-                    //                 fileSignAry.push(data.data)
-                    //             }else{
-                    //                 let isEnd = true;
-                    //                 do{
-                    //                     let titleVal = data.data + Rand(10000000,99999999)
-                    //                     if(!fileSignAry.includes(titleVal)){
-                    //                         controlData.value.name = titleVal;
-                    //                         fileSignAry.push(titleVal);
-                    //                         isEnd=false;
-                    //                     }
-                    //                 }while(isEnd);
-                    //             }
-                    //         }else{
-                    //             if(!fileSignAry.includes(val)){
-                    //                 controlData.value.name = val 
-                    //                 fileSignAry.push(val)
-                    //             }else{
-                    //                 let titleVal = val + Rand(10000000,99999999)
-                    //                 if(!fileSignAry.includes(titleVal)){
-                    //                     controlData.value.name = titleVal;
-                    //                     fileSignAry.push(titleVal);
-                    //                 }
-                    //             }
-                                
-                    //         }
-                            
-                    //     }
-                    // })
+                  if (!fileSignAry.includes(val)) {
+                    controlData.value.name = val;
+                    fileSignAry.push(val);
+                  } else {
+                    let titleVal = val + Rand(10000000, 99999999);
+                    if (!fileSignAry.includes(titleVal)) {
+                      controlData.value.name = titleVal;
+                      fileSignAry.push(titleVal);
+                    }
+                  }
                 }
-                
-                // console.log("字段编辑--fileSignAry--》",fileSignAry)
-                break
-        }
-        if (obj.path) {
-        const newVal = obj.isNum ? formatNumber(val) : val // 类型为数字时转整数
-            obj.path && getPropByPath(controlData.value, obj.path, newVal)
+              }
+            });
+          }
         }
+        // chineseToPinyin({title:val,types:8,connector:"",formJson:JSON.stringify(props.formInfo)})
+        // .then((data:any)=>{
+        //     if(data.code == 0){
+        //         if(data.data != ""){
+        //             if(!fileSignAry.includes(data.data)){
+        //                 controlData.value.name = data.data
+        //                 fileSignAry.push(data.data)
+        //             }else{
+        //                 let isEnd = true;
+        //                 do{
+        //                     let titleVal = data.data + Rand(10000000,99999999)
+        //                     if(!fileSignAry.includes(titleVal)){
+        //                         controlData.value.name = titleVal;
+        //                         fileSignAry.push(titleVal);
+        //                         isEnd=false;
+        //                     }
+        //                 }while(isEnd);
+        //             }
+        //         }else{
+        //             if(!fileSignAry.includes(val)){
+        //                 controlData.value.name = val
+        //                 fileSignAry.push(val)
+        //             }else{
+        //                 let titleVal = val + Rand(10000000,99999999)
+        //                 if(!fileSignAry.includes(titleVal)){
+        //                     controlData.value.name = titleVal;
+        //                     fileSignAry.push(titleVal);
+        //                 }
+        //             }
+
+        //         }
+
+        //     }
+        // })
+      }
+
+      // console.log("字段编辑--fileSignAry--》",fileSignAry)
+      break;
+  }
+  if (obj.path) {
+    const newVal = obj.isNum ? formatNumber(val) : val; // 类型为数字时转整数
+    obj.path && getPropByPath(controlData.value, obj.path, newVal);
+  }
 
+  //liwenxuan		关联选项设置	修复bug:当字段标识改变时，关联选项设置的字段标识未同步更改  start
 
-        //liwenxuan		关联选项设置	修复bug:当字段标识改变时，关联选项设置的字段标识未同步更改  start
-
-        emits('formNameChange',val);
-        //liwenxuan		关联选项设置	修复bug:当字段标识改变时，关联选项设置的字段标识未同步更改  end
-
-    }
+  emits("formNameChange", val);
+  //liwenxuan		关联选项设置	修复bug:当字段标识改变时，关联选项设置的字段标识未同步更改  end
+};
 
-    /** 
-    * 获取非负整数随机数 
-    * @param Min 最小整数  
-    * @param Max 最大整数 
-    * @returns 随机数 
-    */
+/**
+ * 获取非负整数随机数
+ * @param Min 最小整数
+ * @param Max 最大整数
+ * @returns 随机数
+ */
 const Rand = (Min: number, Max: number) => {
-        switch (Min) {
-            case 0: return Math.round(Math.random() * Max);
-            case 1: return Math.ceil(Math.random() * Max);
-            default: return Math.round(Math.random() * (Max - Min) + Min);
-        }
-    }
-    // 修改指定路径下的值
+  switch (Min) {
+    case 0:
+      return Math.round(Math.random() * Max);
+    case 1:
+      return Math.ceil(Math.random() * Max);
+    default:
+      return Math.round(Math.random() * (Max - Min) + Min);
+  }
+};
+// 修改指定路径下的值
 const getPropByPath = (obj: any, path: string, val: any) => {
-        let tempObj = obj
-    const keyArr = path.split('.')
-        let i = 0
-        for (i; i < keyArr.length - 1; i++) {
-        const key = keyArr[i]
-            if (key in tempObj) {
-                tempObj = tempObj[key]
-            } else {
-                throw new Error(`${key} is undefined`)
-                // break
-            }
-        }
-    const key = keyArr[i]
-    const value = tempObj[keyArr[i]]
-        // 检查最后一级是否存在
-        /*if (!(key in tempObj)) {
+  let tempObj = obj;
+  const keyArr = path.split(".");
+  let i = 0;
+  for (i; i < keyArr.length - 1; i++) {
+    const key = keyArr[i];
+    if (key in tempObj) {
+      tempObj = tempObj[key];
+    } else {
+      throw new Error(`${key} is undefined`);
+      // break
+    }
+  }
+  const key = keyArr[i];
+  const value = tempObj[keyArr[i]];
+  // 检查最后一级是否存在
+  /*if (!(key in tempObj)) {
             throw new Error(`${key} is undefined`)
         }*/
-        if (val !== undefined) {
-              tempObj[key] = val
-        }
-        return {
-            obj: tempObj,
-            key: key,
-            value: value
-        }
-    }
-    // 属性设置相关结束
-
-    
-
-    //关联表单数据填充时无法获取当前表单新增且保存的字段，只有关闭重启后方能获取----bug修改
-    //穿梭框编辑固定选项时，修改的节点无法立即预览到，需保存后退出重进才能预览到修改后的----bug修改
-
-    const showAssociatedFormsFillRole = ref(true)
-
-    const saveRefreshFormControlAttr = () => {
-        getAssociatedFormsCurrentFieldTree1()
-        showAssociatedFormsFillRole.value = false;
-         // 等待一个短时间的延迟，确保组件卸载完成
-        setTimeout(() => {
-            showAssociatedFormsFillRole.value = true;
-        }, 200);
-    };
-
-    // 多选固定选项删除
+  if (val !== undefined) {
+    tempObj[key] = val;
+  }
+  return {
+    obj: tempObj,
+    key: key,
+    value: value,
+  };
+};
+// 属性设置相关结束
+
+//关联表单数据填充时无法获取当前表单新增且保存的字段，只有关闭重启后方能获取----bug修改
+//穿梭框编辑固定选项时，修改的节点无法立即预览到，需保存后退出重进才能预览到修改后的----bug修改
+
+const showAssociatedFormsFillRole = ref(true);
+
+const saveRefreshFormControlAttr = () => {
+  getAssociatedFormsCurrentFieldTree1();
+  showAssociatedFormsFillRole.value = false;
+  // 等待一个短时间的延迟，确保组件卸载完成
+  setTimeout(() => {
+    showAssociatedFormsFillRole.value = true;
+  }, 200);
+};
+
+// 多选固定选项删除
 const delSelectOption = (index: number, type?: string) => {
-        //liwenxuan 20240508 checkbox 删除选项时提醒  start
-        let delflag = true
-        let breakFlag = 0
-        if(controlData.value.type === 'checkbox'&& controlData.value.config.optionsType==0){
-            //多选删除时,当前index并不是索引而是value,需找出选择的多选框实际的索引作为index    liwenxuan     多选选择框选项拖动功能 20240815 start 
-            for(let i = 0;i<controlData.value.options.length;i++){
-                if(controlData.value.options[i].value==index){
-                    index = i
-                    break
-                }
-            }
-            //多选删除时,当前index并不是索引而是value,需找出选择的多选框实际的索引作为index     liwenxuan    多选选择框选项拖动功能 20240815 end
-            for(var i = 0;i < controlData.value.control.glxxszForCheckBox.length;i ++){
-                if(breakFlag>0){
-                    break
-                }
-                for(var j = 0; j < controlData.value.control.glxxszForCheckBox[i].selectedOptions.length; j++){
-                    if(controlData.value.control.glxxszForCheckBox[i].selectedOptions[j] === controlData.value.options[index].value){
-                        let del =confirm("您本次删除的选项已在关联选项设置中有所配置，相关关联选项设置将被删除，是否确定删除？");
-                        if (del==true){
-                            breakFlag++
-                            break
-                        }else{
-                            delflag = false
-                            breakFlag++
-                            break
-                        }
-                    }
-                }
-
-                
-            }
+  //liwenxuan 20240508 checkbox 删除选项时提醒  start
+  let delflag = true;
+  let breakFlag = 0;
+  if (
+    controlData.value.type === "checkbox" &&
+    controlData.value.config.optionsType == 0
+  ) {
+    //多选删除时,当前index并不是索引而是value,需找出选择的多选框实际的索引作为index    liwenxuan     多选选择框选项拖动功能 20240815 start
+    for (let i = 0; i < controlData.value.options.length; i++) {
+      if (controlData.value.options[i].value == index) {
+        index = i;
+        break;
+      }
+    }
+    //多选删除时,当前index并不是索引而是value,需找出选择的多选框实际的索引作为index     liwenxuan    多选选择框选项拖动功能 20240815 end
+    for (var i = 0; i < controlData.value.control.glxxszForCheckBox.length; i++) {
+      if (breakFlag > 0) {
+        break;
+      }
+      for (
+        var j = 0;
+        j < controlData.value.control.glxxszForCheckBox[i].selectedOptions.length;
+        j++
+      ) {
+        if (
+          controlData.value.control.glxxszForCheckBox[i].selectedOptions[j] ===
+          controlData.value.options[index].value
+        ) {
+          let del = confirm(
+            "您本次删除的选项已在关联选项设置中有所配置，相关关联选项设置将被删除，是否确定删除？"
+          );
+          if (del == true) {
+            breakFlag++;
+            break;
+          } else {
+            delflag = false;
+            breakFlag++;
+            break;
+          }
         }
-        if(delflag === true){
-            //删除相关关联选项设置
-            if(controlData.value.type === 'checkbox'){
-            const todelArr:any = []     
-                for(var i = 0;i < controlData.value.control.glxxszForCheckBox.length;i ++){
-                    for(var j = 0; j < controlData.value.control.glxxszForCheckBox[i].selectedOptions.length; j++){
-                        if(controlData.value.control.glxxszForCheckBox[i].selectedOptions[j] === controlData.value.options[index].value){
-                            todelArr.push(controlData.value.control.glxxszForCheckBox[i].id)
-                        }
-                    }
-                }
-                for(var i = 0;i < todelArr.length;i++){
-                    controlData.value.control.glxxszForCheckBox = controlData.value.control.glxxszForCheckBox.filter((item: { id: any }) => item.id != todelArr[i])
-                }
-            }
-            //liwenxuan 20240508 checkbox 删除选项时提醒  end
-            if (type === 'tabs' ) {
-                    controlData.value.columns.splice(index, 1)
-            } else {
-                    controlData.value.options.splice(index, 1)
-            }
+      }
+    }
+  }
+  if (delflag === true) {
+    //删除相关关联选项设置
+    if (controlData.value.type === "checkbox") {
+      const todelArr: any = [];
+      for (var i = 0; i < controlData.value.control.glxxszForCheckBox.length; i++) {
+        for (
+          var j = 0;
+          j < controlData.value.control.glxxszForCheckBox[i].selectedOptions.length;
+          j++
+        ) {
+          if (
+            controlData.value.control.glxxszForCheckBox[i].selectedOptions[j] ===
+            controlData.value.options[index].value
+          ) {
+            todelArr.push(controlData.value.control.glxxszForCheckBox[i].id);
+          }
         }
-        
+      }
+      for (var i = 0; i < todelArr.length; i++) {
+        controlData.value.control.glxxszForCheckBox = controlData.value.control.glxxszForCheckBox.filter(
+          (item: { id: any }) => item.id != todelArr[i]
+        );
+      }
+    }
+    //liwenxuan 20240508 checkbox 删除选项时提醒  end
+    if (type === "tabs") {
+      controlData.value.columns.splice(index, 1);
+    } else {
+      controlData.value.options.splice(index, 1);
     }
-    // 多选固定选项增加
+  }
+};
+// 多选固定选项增加
 const addSelectOption = (type: any) => {
-
-
-        if (controlData.value.type === 'cascader') {
-            // 级联时打开弹窗口
-            openAttrDialog('cascader',"级联选择器")
-        } else if (controlData.value.type === 'treeSelect') {
-              openAttrDialog('treeSelect', '编辑组件下拉选项数据')
-        } else {
-            if (type === 'tabs') {
-                controlData.value.columns.push({
-                label: '标签名称',
-                list: []
-                })
-            } else {
-				let maxVal = 1;
-				if(controlData.value.options && controlData.value.options.length > 0){
-					controlData.value.options.forEach((item:any)=>{
-						if(item.value >= maxVal){
-							maxVal = item.value
-						}
-					})
-					maxVal = maxVal*1 + 1
-				}
-                controlData.value.options.push({
-					label: '',
-					value: maxVal.toString()
-                })
-            }
-        }
+  if (controlData.value.type === "cascader") {
+    // 级联时打开弹窗口
+    openAttrDialog("cascader", "级联选择器");
+  } else if (controlData.value.type === "treeSelect") {
+    openAttrDialog("treeSelect", "编辑组件下拉选项数据");
+  } else {
+    if (type === "tabs") {
+      controlData.value.columns.push({
+        label: "标签名称",
+        list: [],
+      });
+    } else {
+      let maxVal = 1;
+      if (controlData.value.options && controlData.value.options.length > 0) {
+        controlData.value.options.forEach((item: any) => {
+          if (item.value >= maxVal) {
+            maxVal = item.value;
+          }
+        });
+        maxVal = maxVal * 1 + 1;
+      }
+      controlData.value.options.push({
+        label: "",
+        value: maxVal.toString(),
+      });
     }
-    // 更多属性弹窗
+  }
+};
+// 更多属性弹窗
 const openAttrDialog = (type?: string, tooltip?: string) => {
-        let editData = controlData.value.control
-        if (controlData.value.type === 'button') {
-            // 按钮组件编辑属性
-            editData = controlData.value.config
-            type = 'button'
-        }
-        switch (type) {
-            case 'treeSelect':
-                editData = controlData.value.control.data
-                break
-            case 'cascader':
-                editData = controlData.value.options
-                break
-            case 'optionsParams': // 选项请求附加参数
-                editData = controlData.value.config.beforeRequest
-                // params.codeType = 'json'
-                break
-            case 'optionsResult':
-                editData = controlData.value.config.afterResponse
-                break
-        }
-    const emitsParams = {
-            content: editData,
-            title: tooltip,
-            type: type,
-            direction: 'ltr',
-            callback: (result: any) => {
-                switch (type) {
-                case 'treeSelect':
-                    controlData.value.control.data = result
-                    break
-                case 'cascader':
-                    controlData.value.options = result
-                    break
-                case 'optionsParams':
-                    controlData.value.config.beforeRequest = result
-                    break
-                case 'optionsResult':
-                    controlData.value.config.afterResponse = result
-                    break
-                case 'button':
-                    controlData.value.config = result
-                    break
-                default:
-                    controlData.value.control = {}
-                    Object.assign(controlData.value.control, result)
-                }
-            }
-        }
-        emits('openDialog', emitsParams)
-    }
-    // 必填校验
+  let editData = controlData.value.control;
+  if (controlData.value.type === "button") {
+    // 按钮组件编辑属性
+    editData = controlData.value.config;
+    type = "button";
+  }
+  switch (type) {
+    case "treeSelect":
+      editData = controlData.value.control.data;
+      break;
+    case "cascader":
+      editData = controlData.value.options;
+      break;
+    case "optionsParams": // 选项请求附加参数
+      editData = controlData.value.config.beforeRequest;
+      // params.codeType = 'json'
+      break;
+    case "optionsResult":
+      editData = controlData.value.config.afterResponse;
+      break;
+  }
+  const emitsParams = {
+    content: editData,
+    title: tooltip,
+    type: type,
+    direction: "ltr",
+    callback: (result: any) => {
+      switch (type) {
+        case "treeSelect":
+          controlData.value.control.data = result;
+          break;
+        case "cascader":
+          controlData.value.options = result;
+          break;
+        case "optionsParams":
+          controlData.value.config.beforeRequest = result;
+          break;
+        case "optionsResult":
+          controlData.value.config.afterResponse = result;
+          break;
+        case "button":
+          controlData.value.config = result;
+          break;
+        default:
+          controlData.value.control = {};
+          Object.assign(controlData.value.control, result);
+      }
+    },
+  };
+  emits("openDialog", emitsParams);
+};
+// 必填校验
 const requiredChange = (val: any) => {
-        if (!controlData.value.item?.rules) {
-              controlData.value.item.rules = []
-        }
-        if (val) {
-            controlData.value.item.rules.push({
-                required: true,
-                message: '必填项',
-                trigger: 'change'
-            })
-        } else {
-              controlData.value.item.rules.splice(0, 1)
-        }
-    }
-    // 添加校验规则
+  if (!controlData.value.item?.rules) {
+    controlData.value.item.rules = [];
+  }
+  if (val) {
+    controlData.value.item.rules.push({
+      required: true,
+      message: "必填项",
+      trigger: "change",
+    });
+  } else {
+    controlData.value.item.rules.splice(0, 1);
+  }
+};
+// 添加校验规则
 const addRules = (tooltip: string) => {
-        if (!controlData.value.item?.rules) {
-              controlData.value.item.rules = []
-        }
-    const params = {
-            content: controlData.value.item?.rules,
-            title: tooltip,
-            direction: 'ltr',
-            callback: (result: any) => {
-                Object.assign(controlData.value.item.rules, result)
-            }
-        }
-        emits('openDialog', params)
-    }
-    // 根据不同类型判断是否显示当前属性
+  if (!controlData.value.item?.rules) {
+    controlData.value.item.rules = [];
+  }
+  const params = {
+    content: controlData.value.item?.rules,
+    title: tooltip,
+    direction: "ltr",
+    callback: (result: any) => {
+      Object.assign(controlData.value.item.rules, result);
+    },
+  };
+  emits("openDialog", params);
+};
+// 根据不同类型判断是否显示当前属性
 const showHide = (type: string[], show?: boolean) => {
-        // show=true 条件成立显示，false符合条件隐藏
-        if (
-            (type && type.length === 0) ||
-            Object.keys(controlData.value).length === 0
-        ) {
-              return false
-        }
-    const index = type.indexOf(controlData.value.type)
-        return show ? index !== -1 : index === -1
-    }
-    // 子表时添加序号和操作列
+  // show=true 条件成立显示，false符合条件隐藏
+  if ((type && type.length === 0) || Object.keys(controlData.value).length === 0) {
+    return false;
+  }
+  const index = type.indexOf(controlData.value.type);
+  return show ? index !== -1 : index === -1;
+};
+// 子表时添加序号和操作列
 const tableColumnAdd = (val: string) => {
-    const item = {
-            name: 'index',
-            type: 'index',
-            item: {
-                label: '序号'
-            },
-            control: {},
-            config: {}
-        }
-        if (val) {
-              controlData.value.list.unshift(item)
-        } else {
-              controlData.value.list.splice(0, 1)
-        }
-    }
-    // 校验规则必填勾选设置，存在校验规则时勾选
+  const item = {
+    name: "index",
+    type: "index",
+    item: {
+      label: "序号",
+    },
+    control: {},
+    config: {},
+  };
+  if (val) {
+    controlData.value.list.unshift(item);
+  } else {
+    controlData.value.list.splice(0, 1);
+  }
+};
+// 校验规则必填勾选设置，存在校验规则时勾选
 const checkboxRequired = computed(() => {
-    const val = controlData.value && controlData.value.item?.rules
-	// console.log("校验规则必填勾选设置",val && val.length > 0)
-		if(val && val.length > 0){
-			return true
-		}else{
-			return false
-		}
-        // return val && val.length > 0
-    })
-    // 快速添加一条校验规则
+  const val = controlData.value && controlData.value.item?.rules;
+  // console.log("校验规则必填勾选设置",val && val.length > 0)
+  if (val && val.length > 0) {
+    return true;
+  } else {
+    return false;
+  }
+  // return val && val.length > 0
+});
+// 快速添加一条校验规则
 const addRulesFast = () => {
-        if (!controlData.value.customRules) {
-              controlData.value.customRules = []
-        }
-        controlData.value.customRules.push({
-            type: 'required',
-            message: '必填项',
-            trigger: 'blur'
-        })
-    }
-    // 删除一条校验规则
+  if (!controlData.value.customRules) {
+    controlData.value.customRules = [];
+  }
+  controlData.value.customRules.push({
+    type: "required",
+    message: "必填项",
+    trigger: "blur",
+  });
+};
+// 删除一条校验规则
 const delAddRules = (index: number) => {
-        controlData.value.customRules &&
-        controlData.value.customRules.splice(index, 1)
-    }
-    
-    //添加一条编码规则
+  controlData.value.customRules && controlData.value.customRules.splice(index, 1);
+};
+
+//添加一条编码规则
 const addNumRules = () => {
-        if (!controlData.value.config.customRules) {
-            controlData.value.config.customRules = []
-        }
-        controlData.value.config.customRules.push({
-            type:'time',
-            rule:"YYYYMMDD"
-        })
-    }
-    //删除一条编码规则
+  if (!controlData.value.config.customRules) {
+    controlData.value.config.customRules = [];
+  }
+  controlData.value.config.customRules.push({
+    type: "time",
+    rule: "YYYYMMDD",
+  });
+};
+//删除一条编码规则
 const delNumRules = (index: number) => {
-        controlData.value.config.customRules &&
-        controlData.value.config.customRules.splice(index, 1)
-    }
-    
-    // 编辑表单样式
+  controlData.value.config.customRules &&
+    controlData.value.config.customRules.splice(index, 1);
+};
+
+// 编辑表单样式
 const editFormStyle = (tooltip: string) => {
-        emits('openDialog', {
-            codeType: 'css',
-            direction: 'ltr',
-            type: 'css',
-            title: tooltip
-        })
-    }
+  emits("openDialog", {
+    codeType: "css",
+    direction: "ltr",
+    type: "css",
+    title: tooltip,
+  });
+};
 const editFormDict = (tooltip: string) => {
-        emits('openDialog', {
-            type: 'dict',
-            direction: 'ltr',
-            codeType: 'json',
-            title: tooltip
-        })
-    }
-     // 根据选定数据源获取表单字段
- const getFormFieldBySource = (id?: string) => {
-        if (state.isSearch) {
-            // 搜索设计这里不需要数据源
-            return
-        }
-    const source = id
-        if (source) {
-            getRequest('sourceById', { id: source })
-                .then(res => {
-                    // console.log(res)
-                const tableData = res.data.result?.tableData
-                    if (tableData && tableData.length) {
-                        state.dataSourceList = tableData.filter(
-                        (item: any) => item.enterable
-                        )
-                    }
-                })
-                .catch(res => {
-                    // console.log(res)
-                })
+  emits("openDialog", {
+    type: "dict",
+    direction: "ltr",
+    codeType: "json",
+    title: tooltip,
+  });
+};
+// 根据选定数据源获取表单字段
+const getFormFieldBySource = (id?: string) => {
+  if (state.isSearch) {
+    // 搜索设计这里不需要数据源
+    return;
+  }
+  const source = id;
+  if (source) {
+    getRequest("sourceById", { id: source })
+      .then((res) => {
+        // console.log(res)
+        const tableData = res.data.result?.tableData;
+        if (tableData && tableData.length) {
+          state.dataSourceList = tableData.filter((item: any) => item.enterable);
         }
-    }
+      })
+      .catch((res) => {
+        // console.log(res)
+      });
+  }
+};
 const getDataSource = () => {
-        // 获取数据源，表单设计才加载，搜索设置不需要
-        if (!state.isSearch) {
-            // getRequest('sourceList').then((res: any) => {
-            // 	dataSourceOption.value = res.data.list
-            // 	//dataSourceOption.value.unshift({ name: '无', id: '' })
-            // })
-        }
-    }
-    // 表单属性修改
+  // 获取数据源，表单设计才加载，搜索设置不需要
+  if (!state.isSearch) {
+    // getRequest('sourceList').then((res: any) => {
+    // 	dataSourceOption.value = res.data.list
+    // 	//dataSourceOption.value.unshift({ name: '无', id: '' })
+    // })
+  }
+};
+// 表单属性修改
 const formAttrChange = (obj: any, val?: any) => {
-        // console.log("表单属性修改--->",obj,val,{ [obj.key]: obj.value })
-        if (obj.key === 'source') {
-            getFormFieldBySource(obj.value) // 改变了数据源了，重新请求数据
-            // 清空设计区已选择的组件，再一次选择时字段标识才会变
-            store.setActiveKey('')
-            store.setControlAttr({})
-        }
-        if (['formName', 'source'].includes(obj.key)) {
-            emits(
-                'update:formOtherData',
-                Object.assign(props.formOtherData, { [obj.key]: obj.value })
-            )
-            formData.value[obj.key] = obj.value
-              return
-        }
-        if (obj.path === 'config') {
-              formConfig.value[obj.key] = obj.value || val
-        } else {
-              formData.value[obj.key] = obj.value
-        }
-    }
-    // 返回选项配置提示
+  // console.log("表单属性修改--->",obj,val,{ [obj.key]: obj.value })
+  if (obj.key === "source") {
+    getFormFieldBySource(obj.value); // 改变了数据源了，重新请求数据
+    // 清空设计区已选择的组件，再一次选择时字段标识才会变
+    store.setActiveKey("");
+    store.setControlAttr({});
+  }
+  if (["formName", "source"].includes(obj.key)) {
+    emits(
+      "update:formOtherData",
+      Object.assign(props.formOtherData, { [obj.key]: obj.value })
+    );
+    formData.value[obj.key] = obj.value;
+    return;
+  }
+  if (obj.path === "config") {
+    formConfig.value[obj.key] = obj.value || val;
+  } else {
+    formData.value[obj.key] = obj.value;
+  }
+};
+// 返回选项配置提示
 const getOptionPlaceholder = (type: number) => {
-        switch (type) {
-            case 1:
-                return '数据源接口URL,可带参数'
-            case 2:
-                return '字典key，默认为字段标识'
-        }
-        return ''
-    }
-    // 快速添加校验规则改变时，填写默认的校验提示信息
+  switch (type) {
+    case 1:
+      return "数据源接口URL,可带参数";
+    case 2:
+      return "字典key，默认为字段标识";
+  }
+  return "";
+};
+// 快速添加校验规则改变时，填写默认的校验提示信息
 const rulesSelectChange = (item: any, val: string) => {
-    const filter = validate.filter(item => item.type === val)
-        if (filter && filter.length) {
-              item.message = filter[0].message
-        }
-    }
-const rulesSelectNumChange = (item: any, val: string) => {
-        // console.log("快速添加校验规则改变时",item,val)
-    const filter = state.numberRulesList.filter(item => item.type === val)
-        if (filter && filter.length) {
-              item.message = filter[0].msg
-            if(val == "time") {
-                item.rule = "YYYYMMDD"
-            }else{
-                item.rule = ""
-            }
-        }
+  const filter = validate.filter((item) => item.type === val);
+  if (filter && filter.length) {
+    item.message = filter[0].message;
+  }
+};
+const rulesSelectNumChange = (item: any, val: string) => {
+  // console.log("快速添加校验规则改变时",item,val)
+  const filter = state.numberRulesList.filter((item) => item.type === val);
+  if (filter && filter.length) {
+    item.message = filter[0].msg;
+    if (val == "time") {
+      item.rule = "YYYYMMDD";
+    } else {
+      item.rule = "";
     }
-    // options动态选项数据源请求时
+  }
+};
+// options动态选项数据源请求时
 const optionsEvent = (type: string, tooltip?: string) => {
-        openAttrDialog(type, tooltip)
-    }
+  openAttrDialog(type, tooltip);
+};
 const eventClick = (type: string, tooltip?: string) => {
-        emits('openDialog', { type: type, title: tooltip, direction: 'ltr' })
-    }
-    getDataSource()
-    defineExpose({ getFormFieldBySource,saveRefreshFormControlAttr })
-    //判断输入框是否可写
-const isNotWrite = (val:any) =>{
-        // console.log("判断输入框是否可写--->",val,props.customerformid)
-        if(val.key === "name" && props.customerformid != ""){
-            return true
-        }
-        return false
-    }
-const isNotWriteWord = (val:any) =>{
-	// console.log("isNotWriteWord---->",val)
-	// console.log("isNotWriteWord--formField-->",props.formField)
-	if(val.eventName === "filedNameKey" && props.customerformid != "" && props.formField && Array.isArray(props.formField) && props.formField.includes(val.value) ){
-		// if(props.formField.includes(val.value)){
-			return true
-		// }
-		
-	}
-	return false
-}    
-const unitInfo = ref<any>()
-const formListmap = ref<any>()
-const subUnit = ref<any>()
-    //默认值处理
-const digitPageSub = (val:any,envt:any) => {
-        console.log("默认值处理--->",val,envt,props.formData)
-    
-        // console.log("默认值处理-1-->",props.formList)
-        // console.log("默认值处理-2-->",props.formConfig)
-        // console.log("默认值处理--3->",props.formOtherData)
-        // console.log("默认值处理--4->",props.customerformid)
-        // console.log("默认值处理--5->",controlData.value)
-        // console.log("默认值处理-6-->",val)
-		// console.log("默认值处理-7-->",mathBoxShow)
-		// console.log("默认值处理-8-->",attrList.value)
-        subUnit.value = val
-        controlData.value.selectvalue = envt
-        formListmap.value = props.formList
-        if(envt == "simple"){
-            unitInfo.value = attrList.value
-            mathBoxShow.value = true
-			val.control.modelValue = ""
-        }else{
-			unitInfo.value = ""
-            mathBoxShow.value = false
-		}
-    }
-const openMathDialog = (val:any) => {
-        subUnit.value = val
-        formListmap.value = props.formList
-        unitInfo.value = attrList.value
-        mathBoxShow.value = true
-    }
-    //返回值处理
-const updataDigit = (key:string,val:any) => {
-    
-        // console.log("默认值处理-1-->",props.formList)
-        // console.log("默认值处理-2-->",props.formConfig)
-        // console.log("默认值处理--3->",props.formOtherData)
-        // console.log("默认值处理--4->",val)
-        formConfig.value[key] = {
-            mathsFormula:val.mathsFormula,
-            takingMethod:val.takingMethod,
-            digit:val.digit
-        }
-        // console.log("返回值处理--->",formConfig.value)
-        attrList.value.forEach((item:any)=>{
-            // console.log("返回值处理--1->",item)
-            if(item.type == "digitpage"){
-                item.control.mathFormula = {
-                    formulaHtml:val.formulaHtml,
-                    mathsString:val.mathsString,
-                    mathsFormula:val.mathsFormula,
-                    takingMethod:val.takingMethod,
-                    digit:val.digit
-                }
-            }
-        })
-        // console.log("默认值处理-5-->",props.formConfig)
-    }
-    
-    
-    //liwenxuan 20240108 vidioupload  start
-    
-import { VideoMsg } from '@/api/DesignForm/types'
-import { genFileId } from 'element-plus'
-import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
-    
-    //更改已上传的视频:el-upload中设置 limit 和 on-exceed 可以在选中时自动替换上一个文件。
-const upload = ref<UploadInstance>()
-    
-const handleExceed: UploadProps['onExceed'] = (files) => {
-      upload.value!.clearFiles()
-  const file = files[0] as UploadRawFile
-      file.uid = genFileId()
-      upload.value!.handleStart(file)
+  emits("openDialog", { type: type, title: tooltip, direction: "ltr" });
+};
+getDataSource();
+defineExpose({ getFormFieldBySource, saveRefreshFormControlAttr });
+//判断输入框是否可写
+const isNotWrite = (val: any) => {
+  // console.log("判断输入框是否可写--->",val,props.customerformid)
+  if (val.key === "name" && props.customerformid != "") {
+    return true;
+  }
+  return false;
+};
+const isNotWriteWord = (val: any) => {
+  // console.log("isNotWriteWord---->",val)
+  // console.log("isNotWriteWord--formField-->",props.formField)
+  if (
+    val.eventName === "filedNameKey" &&
+    props.customerformid != "" &&
+    props.formField &&
+    Array.isArray(props.formField) &&
+    props.formField.includes(val.value)
+  ) {
+    // if(props.formField.includes(val.value)){
+    return true;
+    // }
+  }
+  return false;
+};
+const unitInfo = ref<any>();
+const formListmap = ref<any>();
+const subUnit = ref<any>();
+//默认值处理
+const digitPageSub = (val: any, envt: any) => {
+  console.log("默认值处理--->", val, envt, props.formData);
+
+  // console.log("默认值处理-1-->",props.formList)
+  // console.log("默认值处理-2-->",props.formConfig)
+  // console.log("默认值处理--3->",props.formOtherData)
+  // console.log("默认值处理--4->",props.customerformid)
+  // console.log("默认值处理--5->",controlData.value)
+  // console.log("默认值处理-6-->",val)
+  // console.log("默认值处理-7-->",mathBoxShow)
+  // console.log("默认值处理-8-->",attrList.value)
+  subUnit.value = val;
+  controlData.value.selectvalue = envt;
+  formListmap.value = props.formList;
+  if (envt == "simple") {
+    unitInfo.value = attrList.value;
+    mathBoxShow.value = true;
+    val.control.modelValue = "";
+  } else {
+    unitInfo.value = "";
+    mathBoxShow.value = false;
+  }
+};
+const openMathDialog = (val: any) => {
+  subUnit.value = val;
+  formListmap.value = props.formList;
+  unitInfo.value = attrList.value;
+  mathBoxShow.value = true;
+};
+//返回值处理
+const updataDigit = (key: string, val: any) => {
+  // console.log("默认值处理-1-->",props.formList)
+  // console.log("默认值处理-2-->",props.formConfig)
+  // console.log("默认值处理--3->",props.formOtherData)
+  // console.log("默认值处理--4->",val)
+  formConfig.value[key] = {
+    mathsFormula: val.mathsFormula,
+    takingMethod: val.takingMethod,
+    digit: val.digit,
+  };
+  // console.log("返回值处理--->",formConfig.value)
+  attrList.value.forEach((item: any) => {
+    // console.log("返回值处理--1->",item)
+    if (item.type == "digitpage") {
+      item.control.mathFormula = {
+        formulaHtml: val.formulaHtml,
+        mathsString: val.mathsString,
+        mathsFormula: val.mathsFormula,
+        takingMethod: val.takingMethod,
+        digit: val.digit,
+      };
     }
-    //每个视频上传控件对应一个videoMsg[videoIndex]
+  });
+  // console.log("默认值处理-5-->",props.formConfig)
+};
+
+//liwenxuan 20240108 vidioupload  start
+
+import { VideoMsg } from "@/api/DesignForm/types";
+import { genFileId } from "element-plus";
+import type { UploadInstance, UploadProps, UploadRawFile } from "element-plus";
+
+//更改已上传的视频:el-upload中设置 limit 和 on-exceed 可以在选中时自动替换上一个文件。
+const upload = ref<UploadInstance>();
+
+const handleExceed: UploadProps["onExceed"] = (files) => {
+  upload.value!.clearFiles();
+  const file = files[0] as UploadRawFile;
+  file.uid = genFileId();
+  upload.value!.handleStart(file);
+};
+//每个视频上传控件对应一个videoMsg[videoIndex]
 const videoIndex = ref(0);
-    
-    //上传成功钩子
-    function videoUploadOk(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) {
-    const { control = {} } : { control: any } = controlData.value
-        control.videoMsg[videoIndex.value].url = response.data.url;
-        control.videoMsg[videoIndex.value].videoReady = true;
-        control.videoMsg[videoIndex.value].CreatedAt = response.data.CreatedAt;
-        control.videoMsg[videoIndex.value].UpdatedAt = response.data.UpdatedAt;
-        control.videoMsg[videoIndex.value].fileSize = response.data.fileSize;
-        control.videoMsg[videoIndex.value].id = response.data.id;
-        control.videoMsg[videoIndex.value].key = response.data.key;
-        control.videoMsg[videoIndex.value].name = response.data.name;
-        control.videoMsg[videoIndex.value].physicspath = response.data.physicspath;
-        control.videoMsg[videoIndex.value].size = response.data.size;
-        control.videoMsg[videoIndex.value].tag = response.data.tag;
-        control.videoMsg[videoIndex.value].type = response.data.type;
-    }
-    
-    //删除钩子 禁止删除
-    function beforeRemove(){
-        return false;
-    }
-    
-    //上传失败钩子
-    function videoUploadErr(error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles){
-        alert("上传失败,请重试")
-        // console.log("上传失败"+error);
-    }
-    
-    //liwenxuan 20240108 vidioupload  end
-    
-    
-    
-    
-    //liwenxuan 20240111 carousel  start
-    
-import { Delete } from '@element-plus/icons-vue'
-import { CarsuselConfig } from '@/api/DesignForm/types'
-import errimg from '@/assets/404_images/untilUploadImg.png'
+
+//上传成功钩子
+function videoUploadOk(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) {
+  const { control = {} }: { control: any } = controlData.value;
+  control.videoMsg[videoIndex.value].url = response.data.url;
+  control.videoMsg[videoIndex.value].videoReady = true;
+  control.videoMsg[videoIndex.value].CreatedAt = response.data.CreatedAt;
+  control.videoMsg[videoIndex.value].UpdatedAt = response.data.UpdatedAt;
+  control.videoMsg[videoIndex.value].fileSize = response.data.fileSize;
+  control.videoMsg[videoIndex.value].id = response.data.id;
+  control.videoMsg[videoIndex.value].key = response.data.key;
+  control.videoMsg[videoIndex.value].name = response.data.name;
+  control.videoMsg[videoIndex.value].physicspath = response.data.physicspath;
+  control.videoMsg[videoIndex.value].size = response.data.size;
+  control.videoMsg[videoIndex.value].tag = response.data.tag;
+  control.videoMsg[videoIndex.value].type = response.data.type;
+}
+
+//删除钩子 禁止删除
+function beforeRemove() {
+  return false;
+}
+
+//上传失败钩子
+function videoUploadErr(error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) {
+  alert("上传失败,请重试");
+  // console.log("上传失败"+error);
+}
+
+//liwenxuan 20240108 vidioupload  end
+
+//liwenxuan 20240111 carousel  start
+
+import { Delete } from "@element-plus/icons-vue";
+import { CarsuselConfig } from "@/api/DesignForm/types";
+import errimg from "@/assets/404_images/untilUploadImg.png";
 import { v4 as uuidv4 } from "uuid";
-    
-    //轮播图设置弹窗显示控制
-const dialogTableVisible = ref(false)
-    //穿梭框设置弹窗显示控制
-const transferDialogTableVisible = ref(false)
-    
-    //图片展示显示控制
-const showImagePreview = ref(false)
 
+//轮播图设置弹窗显示控制
+const dialogTableVisible = ref(false);
+//穿梭框设置弹窗显示控制
+const transferDialogTableVisible = ref(false);
 
-const currentAsfChangeCount = ref(0)
-    
-    //最近点击的上传按钮对应的imgId
-    let currentUploadImgid = "";
-    
-    //刚拖拽视频组件时,初始化imgid监听designForm.activeKey,变化时,如果controlData.value.type=='lowcodeCarsusel',就遍历轮播图数组把imgid=''的都生成uuid
-    watch(()=>store.activeKey, (newVal) => {
-        
-        //啊啊啊啊
-        if(controlData.value.type==='lowcodeCarsusel'){
-        const carsuselConfigData:CarsuselConfig[] = controlData.value.control.carsuselConfigArr
-            carsuselConfigData.forEach(element => {
-                // console.log(element)
-                if(element.imgId==''){
-                    // console.log("初始化imgid")
-                    let onlyNumber = uuidv4().replaceAll('-','').toString();   //获取唯一编码
-                    element.imgId = onlyNumber;
-                }
-            });
-        }else if(controlData.value.type==='associatedForms'){
-            currentAsfChangeCount.value = 0
-            //alert(1)
-            /* if(controlData.value.item.label){
+//图片展示显示控制
+const showImagePreview = ref(false);
+
+const currentAsfChangeCount = ref(0);
+
+//最近点击的上传按钮对应的imgId
+let currentUploadImgid = "";
+
+//刚拖拽视频组件时,初始化imgid监听designForm.activeKey,变化时,如果controlData.value.type=='lowcodeCarsusel',就遍历轮播图数组把imgid=''的都生成uuid
+watch(
+  () => store.activeKey,
+  (newVal) => {
+    //啊啊啊啊
+    if (controlData.value.type === "lowcodeCarsusel") {
+      const carsuselConfigData: CarsuselConfig[] =
+        controlData.value.control.carsuselConfigArr;
+      carsuselConfigData.forEach((element) => {
+        // console.log(element)
+        if (element.imgId == "") {
+          // console.log("初始化imgid")
+          let onlyNumber = uuidv4().replaceAll("-", "").toString(); //获取唯一编码
+          element.imgId = onlyNumber;
+        }
+      });
+    } else if (controlData.value.type === "associatedForms") {
+      currentAsfChangeCount.value = 0;
+      //alert(1)
+      /* if(controlData.value.item.label){
 
             }else{
                 controlData.value.item.label = "关联表单"
             }
             controlData.value.item.showLabel = true */
-            //console.log(controlData.value.control.fillRoles.master)
-            if(controlData.value.control.fillRoles&&controlData.value.control.fillRoles.master.length==0){
-                controlData.value.control.fillRoles.master = [
-						{
-							leftValue: '',
-							rightValue: '',
-							id: '',
-						}
-					]
-            }
-            if(controlData.value.control.fillRoles&&controlData.value.control.fillRoles.child.length==0){
-                controlData.value.control.fillRoles.child = [
-								{
-									id: '',
-									asfChildTableKey: '',
-									filterCondition:{
-										conditionHtml: '',
-										conditionHtmlCopy: '',
-										gongShi:{
-											formulaHtml:'',
-											mathsFormula:'',
-											mathsString:'',
-										},
-									},
-									childRoles:[]
-								},
-							]
-            }
-            controlData.value.control.fillRoles.master[0].id = uuidv4().replaceAll('-','').toString();
-            controlData.value.control.fillRoles.child[0].id = uuidv4().replaceAll('-','').toString();
-        }
-        //实现关联表单设置可选字段中没有当前字段效果    start
-        // console.log(controlData.value.name)
-        resDataForGlxxszExceptself1 = JSON.parse(JSON.stringify(resDataForGlxxszExceptself));
-        // console.log(resDataForGlxxszExceptself1)
-        
-        for(let i = 0;i<resDataForGlxxszExceptself1.length;i++){
-            let strArr:[string] = resDataForGlxxszExceptself1[i].id.split(":")
-            // console.log(strArr)
-            let str = strArr[strArr.length-1]
-            // console.log(str)
-            if(str==newVal){
-                resDataForGlxxszExceptself1.splice(i, 1); // 将使后面的元素依次前移，数组长度减1
-                i--; // 如果不减，将漏掉一个元素
-            }
-        }
-        // console.log(resDataForGlxxszExceptself1)
-        if(getAssociatedFormsCurrentFieldTreeData && getAssociatedFormsCurrentFieldTreeData.treeAttrs && getAssociatedFormsCurrentFieldTreeData.treeAttrs!=undefined){
-            associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf.value = [{
-                id: 'rootid_'+getAssociatedFormsCurrentFieldTreeData.label,
-                //label: '当前表单',
-                label: '当前表单-'+getAssociatedFormsCurrentFieldTreeData.treeAttrs.show,
-                children: resDataForGlxxszExceptself1,
-                treeAttrs: getAssociatedFormsCurrentFieldTreeData.treeAttrs,//
-            }]
-        }
-        
-        
-        //associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf.value.children = [...resDataForGlxxszExceptself1]
-        //实现关联表单设置可选字段中没有当前字段效果    end
-    })
-    //轮播图图片上传成功钩子
-    function carouselImgUploadSuccess(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles){
-    const carsuselConfigData:CarsuselConfig[] = controlData.value.control.carsuselConfigArr
-            carsuselConfigData.forEach(element => {
-                if(element.imgId==currentUploadImgid){
-                    element.imgUrl=response.data.url
-                    element.uploadFlag=true
-                }
-            });
-        
-    }
-    
-    //轮播图所有已上传的图片的url,点击略缩图展示大图用
-const carouselImgUrlList = computed(() => {
-    const list:string[] = [];
-    const carsuselConfigData:CarsuselConfig[] = store.controlAttr.control.carsuselConfigArr
-        carsuselConfigData.forEach(element => {
-            if(element.uploadFlag===true){
-                list.push(element.imgUrl)
-            }
-        });
-        return list;
-    })
-    
-    //轮播图设置table
-    function createRow(clickedRow:any){
-    const newRow:CarsuselConfig = {
-            uploadFlag:false,
-            imgId:'',
-            imgSort:1,
-            imgUrl: '',
-            link: ''
-        }
-        let onlyNumber = uuidv4().replaceAll('-','').toString();   //获取唯一编码
-        newRow.imgId = onlyNumber;
-    const nextSort:number = clickedRow.sort+1;
-        newRow.imgSort = nextSort;
-        controlData.value.control.carsuselConfigArr.push(newRow)
-    }
-    
-    function deleteRow(clickedRow:any){
-        //alert('删除一行')
-    const carsuselConfigData:CarsuselConfig[] = controlData.value.control.carsuselConfigArr
-        for (var i = 0; i < carsuselConfigData.length; i++) {
-            if(carsuselConfigData[i].imgId===clickedRow.imgId){
-                carsuselConfigData.splice(i, 1);
-                i--; // 如果不减，将漏掉一个元素
-            }
-        }
-    }
-    
-    //关闭大图展示
-const closePreview = () => {
-        showImagePreview.value = false
+      //console.log(controlData.value.control.fillRoles.master)
+      if (
+        controlData.value.control.fillRoles &&
+        controlData.value.control.fillRoles.master.length == 0
+      ) {
+        controlData.value.control.fillRoles.master = [
+          {
+            leftValue: "",
+            rightValue: "",
+            id: "",
+          },
+        ];
+      }
+      if (
+        controlData.value.control.fillRoles &&
+        controlData.value.control.fillRoles.child.length == 0
+      ) {
+        controlData.value.control.fillRoles.child = [
+          {
+            id: "",
+            asfChildTableKey: "",
+            filterCondition: {
+              conditionHtml: "",
+              conditionHtmlCopy: "",
+              gongShi: {
+                formulaHtml: "",
+                mathsFormula: "",
+                mathsString: "",
+              },
+            },
+            childRoles: [],
+          },
+        ];
+      }
+      controlData.value.control.fillRoles.master[0].id = uuidv4()
+        .replaceAll("-", "")
+        .toString();
+      controlData.value.control.fillRoles.child[0].id = uuidv4()
+        .replaceAll("-", "")
+        .toString();
     }
-    
-    //开启大图展示
-const handlePreview = (index: number, row: any) => {
-        showImagePreview.value = true
+    //实现关联表单设置可选字段中没有当前字段效果    start
+    // console.log(controlData.value.name)
+    resDataForGlxxszExceptself1 = JSON.parse(JSON.stringify(resDataForGlxxszExceptself));
+    // console.log(resDataForGlxxszExceptself1)
+
+    for (let i = 0; i < resDataForGlxxszExceptself1.length; i++) {
+      let strArr: [string] = resDataForGlxxszExceptself1[i].id.split(":");
+      // console.log(strArr)
+      let str = strArr[strArr.length - 1];
+      // console.log(str)
+      if (str == newVal) {
+        resDataForGlxxszExceptself1.splice(i, 1); // 将使后面的元素依次前移，数组长度减1
+        i--; // 如果不减，将漏掉一个元素
+      }
     }
-    
-const changeCurrentUploadImgid = (clickedRow:any) => {
-        currentUploadImgid = clickedRow.imgId
+    // console.log(resDataForGlxxszExceptself1)
+    if (
+      getAssociatedFormsCurrentFieldTreeData &&
+      getAssociatedFormsCurrentFieldTreeData.treeAttrs &&
+      getAssociatedFormsCurrentFieldTreeData.treeAttrs != undefined
+    ) {
+      associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf.value = [
+        {
+          id: "rootid_" + getAssociatedFormsCurrentFieldTreeData.label,
+          //label: '当前表单',
+          label: "当前表单-" + getAssociatedFormsCurrentFieldTreeData.treeAttrs.show,
+          children: resDataForGlxxszExceptself1,
+          treeAttrs: getAssociatedFormsCurrentFieldTreeData.treeAttrs, //
+        },
+      ];
     }
-	const showModeSelectOptions = [
-	{
-		value: '自定义像素值',
-		label: '自定义像素值',
-	},
-	{
-		value: '自定义占父容器比例',
-		label: '自定义占父容器比例',
-	},
-]
 
-const floatSelectOptions = [
-	{
-		value: 'left',
-		label: '左',
-	},
-	{
-		value: 'right',
-		label: '右',
-	},
-]
-
-
-const dataSource = ref<Tree[]>([]) 
-interface Tree {
-	id?: string
-	label: string
-	disabled?: boolean
-	children?: Tree[]
-	parentId?: string
-	[key: string]: any
+    //associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf.value.children = [...resDataForGlxxszExceptself1]
+    //实现关联表单设置可选字段中没有当前字段效果    end
+  }
+);
+//轮播图图片上传成功钩子
+function carouselImgUploadSuccess(
+  response: any,
+  uploadFile: UploadFile,
+  uploadFiles: UploadFiles
+) {
+  const carsuselConfigData: CarsuselConfig[] =
+    controlData.value.control.carsuselConfigArr;
+  carsuselConfigData.forEach((element) => {
+    if (element.imgId == currentUploadImgid) {
+      element.imgUrl = response.data.url;
+      element.uploadFlag = true;
+    }
+  });
 }
 
+//轮播图所有已上传的图片的url,点击略缩图展示大图用
+const carouselImgUrlList = computed(() => {
+  const list: string[] = [];
+  const carsuselConfigData: CarsuselConfig[] =
+    store.controlAttr.control.carsuselConfigArr;
+  carsuselConfigData.forEach((element) => {
+    if (element.uploadFlag === true) {
+      list.push(element.imgUrl);
+    }
+  });
+  return list;
+});
 
-const addRootNode = () => {
-	let onlyNumber = uuidv4().replaceAll('-','').toString();   
-	controlData.value.control.fixedOptions.push({
-		id: onlyNumber,
-        label: '新根节点',
-		disabled: false,
-		children: [],
-	}) 
-}
-
-const append = (data: Tree) => {
-	let onlyNumber = uuidv4().replaceAll('-','').toString();   
-	const newChild = { id: onlyNumber, label: '新节点', disabled:false,children: [] }
-	if (!data.children) {
-		data.children = []
-	}
-	data.children.push(newChild)
-	dataSource.value = [...dataSource.value]
+//轮播图设置table
+function createRow(clickedRow: any) {
+  const newRow: CarsuselConfig = {
+    uploadFlag: false,
+    imgId: "",
+    imgSort: 1,
+    imgUrl: "",
+    link: "",
+  };
+  let onlyNumber = uuidv4().replaceAll("-", "").toString(); //获取唯一编码
+  newRow.imgId = onlyNumber;
+  const nextSort: number = clickedRow.sort + 1;
+  newRow.imgSort = nextSort;
+  controlData.value.control.carsuselConfigArr.push(newRow);
 }
 
-const remove = (node: Node, data: Tree) => {
-	let really = confirm("确认删除吗?\n将删除本节点与本节点的所有子孙节点!");
-	if(really){
-		const parent = node.parent
-		const children: Tree[] = parent.data.children || parent.data
-		const index = children.findIndex((d) => d.id === data.id)
-		children.splice(index, 1)
-		dataSource.value = [...dataSource.value]
-	}
-	
+function deleteRow(clickedRow: any) {
+  //alert('删除一行')
+  const carsuselConfigData: CarsuselConfig[] =
+    controlData.value.control.carsuselConfigArr;
+  for (var i = 0; i < carsuselConfigData.length; i++) {
+    if (carsuselConfigData[i].imgId === clickedRow.imgId) {
+      carsuselConfigData.splice(i, 1);
+      i--; // 如果不减，将漏掉一个元素
+    }
+  }
 }
 
+//关闭大图展示
+const closePreview = () => {
+  showImagePreview.value = false;
+};
 
+//开启大图展示
+const handlePreview = (index: number, row: any) => {
+  showImagePreview.value = true;
+};
+
+const changeCurrentUploadImgid = (clickedRow: any) => {
+  currentUploadImgid = clickedRow.imgId;
+};
+const showModeSelectOptions = [
+  {
+    value: "自定义像素值",
+    label: "自定义像素值",
+  },
+  {
+    value: "自定义占父容器比例",
+    label: "自定义占父容器比例",
+  },
+];
 
-const changeLabel = (node:Node,data:Tree) =>{
-	let favDrink = prompt("请输入:");
-	if(favDrink!=null && favDrink.length>0){
-		const parent = node.parent
-		const children: Tree[] = parent.data.children || parent.data
-		const index = children.findIndex((d) => d.id === data.id)
-		children[index].label = favDrink
-		dataSource.value = [...dataSource.value]
-	}
-	
-	
-}
-
-const setNodeEnable = (node:Node,data:Tree) =>{
-	const parent = node.parent
-	const children: Tree[] = parent.data.children || parent.data
-	const index = children.findIndex((d) => d.id === data.id)
-	children[index].disabled = !children[index].disabled
-	dataSource.value = [...dataSource.value]
-	
+const floatSelectOptions = [
+  {
+    value: "left",
+    label: "左",
+  },
+  {
+    value: "right",
+    label: "右",
+  },
+];
+
+const dataSource = ref<Tree[]>([]);
+interface Tree {
+  id?: string;
+  label: string;
+  disabled?: boolean;
+  children?: Tree[];
+  parentId?: string;
+  [key: string]: any;
 }
 
+const addRootNode = () => {
+  let onlyNumber = uuidv4().replaceAll("-", "").toString();
+  controlData.value.control.fixedOptions.push({
+    id: onlyNumber,
+    label: "新根节点",
+    disabled: false,
+    children: [],
+  });
+};
 
+const append = (data: Tree) => {
+  let onlyNumber = uuidv4().replaceAll("-", "").toString();
+  const newChild = { id: onlyNumber, label: "新节点", disabled: false, children: [] };
+  if (!data.children) {
+    data.children = [];
+  }
+  data.children.push(newChild);
+  dataSource.value = [...dataSource.value];
+};
 
+const remove = (node: Node, data: Tree) => {
+  let really = confirm("确认删除吗?\n将删除本节点与本节点的所有子孙节点!");
+  if (really) {
+    const parent = node.parent;
+    const children: Tree[] = parent.data.children || parent.data;
+    const index = children.findIndex((d) => d.id === data.id);
+    children.splice(index, 1);
+    dataSource.value = [...dataSource.value];
+  }
+};
+
+const changeLabel = (node: Node, data: Tree) => {
+  let favDrink = prompt("请输入:");
+  if (favDrink != null && favDrink.length > 0) {
+    const parent = node.parent;
+    const children: Tree[] = parent.data.children || parent.data;
+    const index = children.findIndex((d) => d.id === data.id);
+    children[index].label = favDrink;
+    dataSource.value = [...dataSource.value];
+  }
+};
 
-
-
+const setNodeEnable = (node: Node, data: Tree) => {
+  const parent = node.parent;
+  const children: Tree[] = parent.data.children || parent.data;
+  const index = children.findIndex((d) => d.id === data.id);
+  children[index].disabled = !children[index].disabled;
+  dataSource.value = [...dataSource.value];
+};
 
 //图片上传成功钩子
-function lowcodeImageUploadSuccess(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles){
-	const element = controlData.value.control
-	element.imgUrl=response.data.url
-	element.uploadFlag=true
+function lowcodeImageUploadSuccess(
+  response: any,
+  uploadFile: UploadFile,
+  uploadFiles: UploadFiles
+) {
+  const element = controlData.value.control;
+  element.imgUrl = response.data.url;
+  element.uploadFlag = true;
 }
 
 //
 const transferDataSourceOptions = [
-	{
-		value: '数据源',
-		label: '数据源',
-	},
-	{
-		value: '固定选项',
-		label: '固定选项',
-	},
-]
+  {
+    value: "数据源",
+    label: "数据源",
+  },
+  {
+    value: "固定选项",
+    label: "固定选项",
+  },
+];
 
 //const radio = ref(controlData.value.control.fit)
 
 //liwenxuan20240313 lowcodeImage end
 
-
-//liwenxuan20240403 associatedForms start 
-import AssociatedFormsTinyace from '@/widget/associatedforms/associatedFormsTinyace.vue'
-import AssociatedFormsTinyaceRange from '@/widget/associatedforms/associatedFormsTinyaceRange.vue'
-import AssociatedFormsFillRole from '@/widget/associatedforms/associatedFormsFillRole.vue'
-import AssociatedFormsChildFillRole from '@/widget/associatedforms/associatedFormsChildFillRole.vue'
+//liwenxuan20240403 associatedForms start
+import AssociatedFormsTinyace from "@/widget/associatedforms/associatedFormsTinyace.vue";
+import AssociatedFormsTinyaceRange from "@/widget/associatedforms/associatedFormsTinyaceRange.vue";
+import AssociatedFormsFillRole from "@/widget/associatedforms/associatedFormsFillRole.vue";
+import AssociatedFormsChildFillRole from "@/widget/associatedforms/associatedFormsChildFillRole.vue";
 
 const treeDefaultProps = {
-	children: 'children',
-	label: 'label',
-}
+  children: "children",
+  label: "label",
+};
 //拿到子组件AssociatedFormsTinyace的实例
 const aft = ref();
 const aftRange = ref();
 
 function getAssociatedFormsCurrentFieldTree() {
-
-        return request({ 
-            url: '/javasys/lowCode/AssociatedForms/getFieldTree',
-            method: 'post',
-			data: {
-				//cfid:'13'
-                cfid:props.customerformid
-			},
-        });
+  return request({
+    url: "/javasys/lowCode/AssociatedForms/getFieldTree",
+    method: "post",
+    data: {
+      //cfid:'13'
+      cfid: props.customerformid,
+    },
+  });
 }
 
 function getAssociatedFormsOrgAndManTree() {
-        return request({
-            url: '/javasys/lowCode/transfer/getOrgAndManTree',
-            method: 'post',
-        });
+  return request({
+    url: "/javasys/lowCode/transfer/getOrgAndManTree",
+    method: "post",
+  });
 }
 
 function getCustomerFormList() {
-        return request({
-            url: '/javasys/lowCode/AssociatedForms/getCustomerFormList',
-            method: 'post',
-        });
+  return request({
+    url: "/javasys/lowCode/AssociatedForms/getCustomerFormList",
+    method: "post",
+  });
 }
 function getAssociatedFormsRoleTree() {
-        return request({
-            url: '/javasys/lowCode/AssociatedForms/getRoleList',
-            method: 'post',
-        });
+  return request({
+    url: "/javasys/lowCode/AssociatedForms/getRoleList",
+    method: "post",
+  });
 }
 
 function getAsfasfFieldTree() {
-    return request({ 
-        url: '/javasys/lowCode/AssociatedForms/getFieldTree',
-        method: 'post',
-        data: {
-            //cfid:'13'
-            cfid:controlData.value.control.formid
-        },
-    });
+  return request({
+    url: "/javasys/lowCode/AssociatedForms/getFieldTree",
+    method: "post",
+    data: {
+      //cfid:'13'
+      cfid: controlData.value.control.formid,
+    },
+  });
 }
 
 function getAsfasfFieldTreeOptionsValue3() {
-    return request({ 
-        url: '/javasys/lowCode/AssociatedForms/getFieldTree',
-        method: 'post',
-        data: {
-            //cfid:'13'
-            cfid:controlData.value.control.optionsValue3Formid
-        },
-    });
+  return request({
+    url: "/javasys/lowCode/AssociatedForms/getFieldTree",
+    method: "post",
+    data: {
+      //cfid:'13'
+      cfid: controlData.value.control.optionsValue3Formid,
+    },
+  });
 }
 
 //
-const asfasfFieldTree = ref<Tree[]>()
-
-const asfasfMasterFieldTree = ref<Tree[]>()
+const asfasfFieldTree = ref<Tree[]>();
 
-const asfasfChildTableList = ref<Tree[]>()
+const asfasfMasterFieldTree = ref<Tree[]>();
 
-const asfasfChildTableFields = ref<Tree[]>()
+const asfasfChildTableList = ref<Tree[]>();
 
-const asfasfFieldTreeOptionsValue3 = ref<Tree[]>()
-
-let currentChildTableCount = 0
-
-function removeFirstNumElements(arr: string | any[],num:number) {
-    if (arr.length < num) {
-        return [];
-    }
-    return arr.slice(num);
-}
+const asfasfChildTableFields = ref<Tree[]>();
 
-function formidChanged(){
+const asfasfFieldTreeOptionsValue3 = ref<Tree[]>();
 
-    //需设置关联关联表单的表单
-    controlData.value.control.glbbddbd=formData.value.name
-    if(controlData.value.control.formid===''){
+let currentChildTableCount = 0;
 
-    }else{
-        getAsfasfFieldTree().then(({ data }) => {
-            
-            if(data.id==="cfid为空"){
-                //alert("cfid为空")
-            }else{
-                let resData = ref(data.children)
-                let dataExceptChild = JSON.parse(JSON.stringify(data.children))
-                let dataOnlyChild = JSON.parse(JSON.stringify(data.children))
-                let dataOnlyChild1 = JSON.parse(JSON.stringify(data.children))
-                dataExceptChild = dataExceptChild.filter((obj: { type: string }) => obj.type!== 'table');
-                //console.log(dataExceptChild)
-                dataExceptChild = removeFirstNumElements(dataExceptChild,8);
-                dataOnlyChild = dataOnlyChild.filter((obj: { type: string }) => obj.type== 'table');
-                dataOnlyChild1 = dataOnlyChild1.filter((obj: { type: string }) => obj.type== 'table');
-                //console.log(dataOnlyChild1)
-                dataOnlyChild1.forEach((element: any) => {
-                    element.children = removeFirstNumElements(element.children,6);
-                });
-                /* console.log(dataOnlyChild1)
-                console.log(dataOnlyChild) */
-                for(let m = 0;m<dataOnlyChild.length;m++){
-                    dataOnlyChild[m].children = []
-                }
-                let resDataExceptChild = ref(dataExceptChild)
-                let resDataOnlyChild = ref(dataOnlyChild)
-                let resDataOnlyChild1 = ref(dataOnlyChild1)
-                //console.log(resDataOnlyChild1.value)
-                //console.log(resDataOnlyChild.value)
-                let childTableCount = 0
-                for(let n = 0;n<resDataOnlyChild.value.length;n++){
-                    //console.log(resDataOnlyChild.value[n])
-                    resDataOnlyChild.value[n].disabled=false
-                    childTableCount++
-                }
-                //console.log(childTableCount)
-                currentChildTableCount = childTableCount
-                asfasfFieldTree.value = [{
-                    id: 'rootid_'+data.label,
-                    label: '关联的表单-'+data.label,
-                    children: [...resData.value],
-                    treeAttrs: data.treeAttrs,
-                    disabled:true,
-                }]
-                asfasfMasterFieldTree.value = [{
-                    id: 'rootid_'+data.label,
-                    label: '关联的表单-'+data.label,
-                    children: [...resDataExceptChild.value],
-                    treeAttrs: data.treeAttrs,
-                    disabled:true,
-                }]
-                asfasfChildTableList.value = [{
-                    id: 'rootid_'+data.label,
-                    label: '关联的表单-'+data.label,
-                    children: [...resDataOnlyChild.value],
-                    treeAttrs: data.treeAttrs,
-                    disabled:true,
-                }]
-                asfasfChildTableFields.value = [{
-                    id: 'rootid_'+data.label,
-                    label: '关联的表单-'+data.label,
-                    children: [...resDataOnlyChild1.value],
-                    treeAttrs: data.treeAttrs,
-                    disabled:true,
-                }]
-            }
-            controlData.value.control.asfasfLabel = data.label
-        });
-    }
-    
+function removeFirstNumElements(arr: string | any[], num: number) {
+  if (arr.length < num) {
+    return [];
+  }
+  return arr.slice(num);
 }
 
-function formidChangedOptionsValue3(){
-    if(controlData.value.control.optionsValue3Formid===''){
-
-    }else{
-        getAsfasfFieldTreeOptionsValue3().then(({ data }) => {
-            
-            if(data.id==="cfid为空"){
-                //alert("cfid为空")
-            }else{
-
-                if(data.treeAttrs.onlyToShowTableId==""){//当前选中的是主表
-                    let resData = ref(data.children)
-                    //let rootid_ = data.value.label
-                    asfasfFieldTreeOptionsValue3.value = [{
-                        id: 'rootid_'+data.label,
-                        label: '关联的表单-'+data.label,
-                        children: [...resData.value],
-                        treeAttrs: data.treeAttrs,
-                    }]
-                }else{//当前选中的是子表
-                    let resData = ref(data.children)
-                    resData.value = resData.value.filter((item: { children: null }) => item.children != null)
-                    let arr = JSON.parse(JSON.stringify(resData.value));
-                    arr = arr.filter( (item: { label: any }) => item.label == data.treeAttrs.onlyToShowTableId )
-                
-                    arr = arr[0].children
-                    // console.log(arr)
-                    asfasfFieldTreeOptionsValue3.value = [{
-                        id: 'rootid_'+data.label,
-                        label: '关联的表单-'+data.label,
-                        children: [...arr],
-                        treeAttrs: data.treeAttrs,
-                    }]
-                    
-                    
-                }
-                let optionsValue3Formid = controlData.value.control.optionsValue3Formid
-                let str_optionsValue3Formid = optionsValue3Formid.split(":")[0]
-                let optionsValue3Field = controlData.value.control.optionsValue3Field
-                let str_optionsValue3Field = optionsValue3Field.split(":")[1]
-                //alert(str_optionsValue3Field)
-                if(typeof(str_optionsValue3Field)!='undefined'){
-                    if(str_optionsValue3Formid!=str_optionsValue3Field){
-                        controlData.value.control.optionsValue3Field = ""
-                    }else{
-                        if(optionsValue3Formid.includes(":zibiaoid-")){
-                            let zibiaoid = optionsValue3Formid.split(":zibiaoid-")[1]
-                            if(!optionsValue3Field.includes(zibiaoid)){
-                                controlData.value.control.optionsValue3Field = ""
-                            }
-                        }
-                    }
-
-                    
-                }
-                
-                
-            }
-            
-        });
-    }
-}
-let currentFormChildTableFieldsForFillRole = ref<Tree[]>()
-let associatedFormsCurrentFormFieldTree = ref<Tree[]>()
-let associatedFormsCurrentFormFieldTree1 = ref<Tree[]>()
-let associatedFormsCurrentFormFieldTreeNoTable = ref<Tree[]>()
-let associatedFormsCurrentFormFieldTreeForGlxxsz = ref<Tree[]>()
-let associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf = ref<Tree[]>()
-let resDataForGlxxszExceptself: any[] = []
-let resDataForGlxxszExceptself1: any[] = []
-let getAssociatedFormsCurrentFieldTreeData:any
-getAssociatedFormsCurrentFieldTree1()
-function getAssociatedFormsCurrentFieldTree1(){
-getAssociatedFormsCurrentFieldTree().then(({ data }) => {
-    // console.log(data)
-    getAssociatedFormsCurrentFieldTreeData = JSON.parse(JSON.stringify(data))
-    // console.log(getAssociatedFormsCurrentFieldTreeData)
-    if(data.id==="cfid为空"||data.id==="masterTable为null"){
-        
+function formidChanged() {
+  //需设置关联关联表单的表单
+  controlData.value.control.glbbddbd = formData.value.name;
+  if (controlData.value.control.formid === "") {
+  } else {
+    getAsfasfFieldTree().then(({ data }) => {
+      if (data.id === "cfid为空") {
         //alert("cfid为空")
-    }else{
-        
-        let resData = ref(data.children)
-        let resDataExceptSystemFields = JSON.parse(JSON.stringify(data.children))
-        let currentFormChildTableFields = JSON.parse(JSON.stringify(data.children))
-        let resDataNoTable = JSON.parse(JSON.stringify(data.children))
-        
-        resDataExceptSystemFields = removeFirstNumElements(resDataExceptSystemFields,8)
-        resDataExceptSystemFields.forEach((element: any)  => {
-            if(element.type=="table"){
-                //console.log(element)
-                element.children = removeFirstNumElements(element.children,6)
-            }
-        });
-        //在此组装当前表单子表字段数据
-        currentFormChildTableFields = currentFormChildTableFields.filter( (item: { type: string }) => item.type == "table" )
-        currentFormChildTableFields.forEach((element: any) => {
-            element.children = removeFirstNumElements(element.children,6)
+      } else {
+        let resData = ref(data.children);
+        let dataExceptChild = JSON.parse(JSON.stringify(data.children));
+        let dataOnlyChild = JSON.parse(JSON.stringify(data.children));
+        let dataOnlyChild1 = JSON.parse(JSON.stringify(data.children));
+        dataExceptChild = dataExceptChild.filter(
+          (obj: { type: string }) => obj.type !== "table"
+        );
+        //console.log(dataExceptChild)
+        dataExceptChild = removeFirstNumElements(dataExceptChild, 8);
+        dataOnlyChild = dataOnlyChild.filter(
+          (obj: { type: string }) => obj.type == "table"
+        );
+        dataOnlyChild1 = dataOnlyChild1.filter(
+          (obj: { type: string }) => obj.type == "table"
+        );
+        //console.log(dataOnlyChild1)
+        dataOnlyChild1.forEach((element: any) => {
+          element.children = removeFirstNumElements(element.children, 6);
         });
-        
-        associatedFormsCurrentFormFieldTree.value = [{
-            id: 'rootid_'+data.label,
-            label: '当前表单-'+data.treeAttrs.show,
+        /* console.log(dataOnlyChild1)
+                console.log(dataOnlyChild) */
+        for (let m = 0; m < dataOnlyChild.length; m++) {
+          dataOnlyChild[m].children = [];
+        }
+        let resDataExceptChild = ref(dataExceptChild);
+        let resDataOnlyChild = ref(dataOnlyChild);
+        let resDataOnlyChild1 = ref(dataOnlyChild1);
+        //console.log(resDataOnlyChild1.value)
+        //console.log(resDataOnlyChild.value)
+        let childTableCount = 0;
+        for (let n = 0; n < resDataOnlyChild.value.length; n++) {
+          //console.log(resDataOnlyChild.value[n])
+          resDataOnlyChild.value[n].disabled = false;
+          childTableCount++;
+        }
+        //console.log(childTableCount)
+        currentChildTableCount = childTableCount;
+        asfasfFieldTree.value = [
+          {
+            id: "rootid_" + data.label,
+            label: "关联的表单-" + data.label,
             children: [...resData.value],
             treeAttrs: data.treeAttrs,
             disabled: true,
-        }]
-        associatedFormsCurrentFormFieldTree1.value = [{
-            id: 'rootid_'+data.label,
-            label: '当前表单-'+data.treeAttrs.show,
-            children: [...resDataExceptSystemFields],
+          },
+        ];
+        asfasfMasterFieldTree.value = [
+          {
+            id: "rootid_" + data.label,
+            label: "关联的表单-" + data.label,
+            children: [...resDataExceptChild.value],
             treeAttrs: data.treeAttrs,
             disabled: true,
-        }]
-        currentFormChildTableFieldsForFillRole.value = [{
-            id: 'rootid_'+data.label,
-            label: '当前表单-'+data.treeAttrs.show,
-            children: [...currentFormChildTableFields],
+          },
+        ];
+        asfasfChildTableList.value = [
+          {
+            id: "rootid_" + data.label,
+            label: "关联的表单-" + data.label,
+            children: [...resDataOnlyChild.value],
             treeAttrs: data.treeAttrs,
             disabled: true,
-        }]
-        
-        resDataNoTable = resDataNoTable.filter((item: { type: string | null }) => item.type!="table")
-        
-        associatedFormsCurrentFormFieldTreeNoTable.value = [{
-            id: 'rootid_'+data.label,
-            label: '当前表单-'+data.treeAttrs.show,
-            children: [...resDataNoTable],
-            treeAttrs: data.treeAttrs,
-        }]
-
-        let resDataForGlxxsz = ref(data.children.slice(8))
-        
-        resDataForGlxxszExceptself = JSON.parse(JSON.stringify(resDataForGlxxsz.value));
-        
-        
-        
-        
-        
-        associatedFormsCurrentFormFieldTreeForGlxxsz.value = [{
-            id: 'rootid_'+data.label,
-            //label: '当前表单',
-            label: '当前表单-'+data.treeAttrs.show,
-            children: [...resDataForGlxxsz.value],
+          },
+        ];
+        asfasfChildTableFields.value = [
+          {
+            id: "rootid_" + data.label,
+            label: "关联的表单-" + data.label,
+            children: [...resDataOnlyChild1.value],
             treeAttrs: data.treeAttrs,
-        }]
-        associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf.value = [{
-            id: 'rootid_'+data.label,
-            //label: '当前表单',
-            label: '当前表单-'+data.treeAttrs.show,
-            children: [...resDataForGlxxsz.value],
-            treeAttrs: data.treeAttrs,//getAssociatedFormsCurrentFieldTreeData
-        }]
-
-        
-    }
-});
+            disabled: true,
+          },
+        ];
+      }
+      controlData.value.control.asfasfLabel = data.label;
+    });
+  }
+}
+
+function formidChangedOptionsValue3() {
+  if (controlData.value.control.optionsValue3Formid === "") {
+  } else {
+    getAsfasfFieldTreeOptionsValue3().then(({ data }) => {
+      if (data.id === "cfid为空") {
+        //alert("cfid为空")
+      } else {
+        if (data.treeAttrs.onlyToShowTableId == "") {
+          //当前选中的是主表
+          let resData = ref(data.children);
+          //let rootid_ = data.value.label
+          asfasfFieldTreeOptionsValue3.value = [
+            {
+              id: "rootid_" + data.label,
+              label: "关联的表单-" + data.label,
+              children: [...resData.value],
+              treeAttrs: data.treeAttrs,
+            },
+          ];
+        } else {
+          //当前选中的是子表
+          let resData = ref(data.children);
+          resData.value = resData.value.filter(
+            (item: { children: null }) => item.children != null
+          );
+          let arr = JSON.parse(JSON.stringify(resData.value));
+          arr = arr.filter(
+            (item: { label: any }) => item.label == data.treeAttrs.onlyToShowTableId
+          );
+
+          arr = arr[0].children;
+          // console.log(arr)
+          asfasfFieldTreeOptionsValue3.value = [
+            {
+              id: "rootid_" + data.label,
+              label: "关联的表单-" + data.label,
+              children: [...arr],
+              treeAttrs: data.treeAttrs,
+            },
+          ];
+        }
+        let optionsValue3Formid = controlData.value.control.optionsValue3Formid;
+        let str_optionsValue3Formid = optionsValue3Formid.split(":")[0];
+        let optionsValue3Field = controlData.value.control.optionsValue3Field;
+        let str_optionsValue3Field = optionsValue3Field.split(":")[1];
+        //alert(str_optionsValue3Field)
+        if (typeof str_optionsValue3Field != "undefined") {
+          if (str_optionsValue3Formid != str_optionsValue3Field) {
+            controlData.value.control.optionsValue3Field = "";
+          } else {
+            if (optionsValue3Formid.includes(":zibiaoid-")) {
+              let zibiaoid = optionsValue3Formid.split(":zibiaoid-")[1];
+              if (!optionsValue3Field.includes(zibiaoid)) {
+                controlData.value.control.optionsValue3Field = "";
+              }
+            }
+          }
+        }
+      }
+    });
+  }
 }
+let currentFormChildTableFieldsForFillRole = ref<Tree[]>();
+let associatedFormsCurrentFormFieldTree = ref<Tree[]>();
+let associatedFormsCurrentFormFieldTree1 = ref<Tree[]>();
+let associatedFormsCurrentFormFieldTreeNoTable = ref<Tree[]>();
+let associatedFormsCurrentFormFieldTreeForGlxxsz = ref<Tree[]>();
+let associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf = ref<Tree[]>();
+let resDataForGlxxszExceptself: any[] = [];
+let resDataForGlxxszExceptself1: any[] = [];
+let getAssociatedFormsCurrentFieldTreeData: any;
+getAssociatedFormsCurrentFieldTree1();
+function getAssociatedFormsCurrentFieldTree1() {
+  getAssociatedFormsCurrentFieldTree().then(({ data }) => {
+    // console.log(data)
+    getAssociatedFormsCurrentFieldTreeData = JSON.parse(JSON.stringify(data));
+    // console.log(getAssociatedFormsCurrentFieldTreeData)
+    if (data.id === "cfid为空" || data.id === "masterTable为null") {
+      //alert("cfid为空")
+    } else {
+      let resData = ref(data.children);
+      let resDataExceptSystemFields = JSON.parse(JSON.stringify(data.children));
+      let currentFormChildTableFields = JSON.parse(JSON.stringify(data.children));
+      let resDataNoTable = JSON.parse(JSON.stringify(data.children));
+
+      resDataExceptSystemFields = removeFirstNumElements(resDataExceptSystemFields, 8);
+      resDataExceptSystemFields.forEach((element: any) => {
+        if (element.type == "table") {
+          //console.log(element)
+          element.children = removeFirstNumElements(element.children, 6);
+        }
+      });
+      //在此组装当前表单子表字段数据
+      currentFormChildTableFields = currentFormChildTableFields.filter(
+        (item: { type: string }) => item.type == "table"
+      );
+      currentFormChildTableFields.forEach((element: any) => {
+        element.children = removeFirstNumElements(element.children, 6);
+      });
+
+      associatedFormsCurrentFormFieldTree.value = [
+        {
+          id: "rootid_" + data.label,
+          label: "当前表单-" + data.treeAttrs.show,
+          children: [...resData.value],
+          treeAttrs: data.treeAttrs,
+          disabled: true,
+        },
+      ];
+      associatedFormsCurrentFormFieldTree1.value = [
+        {
+          id: "rootid_" + data.label,
+          label: "当前表单-" + data.treeAttrs.show,
+          children: [...resDataExceptSystemFields],
+          treeAttrs: data.treeAttrs,
+          disabled: true,
+        },
+      ];
+      currentFormChildTableFieldsForFillRole.value = [
+        {
+          id: "rootid_" + data.label,
+          label: "当前表单-" + data.treeAttrs.show,
+          children: [...currentFormChildTableFields],
+          treeAttrs: data.treeAttrs,
+          disabled: true,
+        },
+      ];
 
+      resDataNoTable = resDataNoTable.filter(
+        (item: { type: string | null }) => item.type != "table"
+      );
 
-const customerFormTree = ref<Tree[]>()
-getCustomerFormList().then(({ data }) => {   
-    let resData = ref(data.children)
-	customerFormTree.value = [{
-        id: data.id,
-        //value: data.value,
-    	//label: data.label,
-		label: '请选择表单',
-        children: [...resData.value]
-    }]
-});
+      associatedFormsCurrentFormFieldTreeNoTable.value = [
+        {
+          id: "rootid_" + data.label,
+          label: "当前表单-" + data.treeAttrs.show,
+          children: [...resDataNoTable],
+          treeAttrs: data.treeAttrs,
+        },
+      ];
+
+      let resDataForGlxxsz = ref(data.children.slice(8));
+
+      resDataForGlxxszExceptself = JSON.parse(JSON.stringify(resDataForGlxxsz.value));
+
+      associatedFormsCurrentFormFieldTreeForGlxxsz.value = [
+        {
+          id: "rootid_" + data.label,
+          //label: '当前表单',
+          label: "当前表单-" + data.treeAttrs.show,
+          children: [...resDataForGlxxsz.value],
+          treeAttrs: data.treeAttrs,
+        },
+      ];
+      associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf.value = [
+        {
+          id: "rootid_" + data.label,
+          //label: '当前表单',
+          label: "当前表单-" + data.treeAttrs.show,
+          children: [...resDataForGlxxsz.value],
+          treeAttrs: data.treeAttrs, //getAssociatedFormsCurrentFieldTreeData
+        },
+      ];
+    }
+  });
+}
 
+const customerFormTree = ref<Tree[]>();
+getCustomerFormList().then(({ data }) => {
+  let resData = ref(data.children);
+  customerFormTree.value = [
+    {
+      id: data.id,
+      //value: data.value,
+      //label: data.label,
+      label: "请选择表单",
+      children: [...resData.value],
+    },
+  ];
+});
 
-const orgAndManTree = ref<Tree[]>()
-getAssociatedFormsOrgAndManTree().then(({ data }) => {   
-    let resData = ref(data.children)
-	orgAndManTree.value = [{
-        id: data.id,
-    	//label: data.label,
-		label: '组织机构',
-        children: [...resData.value]
-    }]
+const orgAndManTree = ref<Tree[]>();
+getAssociatedFormsOrgAndManTree().then(({ data }) => {
+  let resData = ref(data.children);
+  orgAndManTree.value = [
+    {
+      id: data.id,
+      //label: data.label,
+      label: "组织机构",
+      children: [...resData.value],
+    },
+  ];
 });
 
-const roleTree = ref<Tree[]>()
-getAssociatedFormsRoleTree().then(({ data }) => {   
-    let resData = ref(data.children)
-    // console.log("roleTree=============="+resData.value);
-	roleTree.value = [{
-        id: data.id,
-    	//label: data.label,
-		label: '角色',
-        children: [...resData.value]
-    }]
+const roleTree = ref<Tree[]>();
+getAssociatedFormsRoleTree().then(({ data }) => {
+  let resData = ref(data.children);
+  // console.log("roleTree=============="+resData.value);
+  roleTree.value = [
+    {
+      id: data.id,
+      //label: data.label,
+      label: "角色",
+      children: [...resData.value],
+    },
+  ];
 });
 //    field
-const fieldTreeSearchFlag = ref(false)
+const fieldTreeSearchFlag = ref(false);
 
-function handleFieldTreeExpand(){
-	
-	fieldTreeSearchFlag.value = true;
+function handleFieldTreeExpand() {
+  fieldTreeSearchFlag.value = true;
 }
 
-function handleFieldTreeCollapse(){
-	
-	fieldTreeSearchFlag.value = false;
+function handleFieldTreeCollapse() {
+  fieldTreeSearchFlag.value = false;
 }
 
-
-function handleFieldTreeContextmenu(MouseEvent:any, object:any, Node:any, element:any){
-    aft.value.addIcon_field(object)
+function handleFieldTreeContextmenu(
+  MouseEvent: any,
+  object: any,
+  Node: any,
+  element: any
+) {
+  aft.value.addIcon_field(object);
 }
-function handleFieldTreeContextmenuRange(MouseEvent:any, object:any, Node:any, element:any){
-    aftRange.value.addIcon_field(object)
+function handleFieldTreeContextmenuRange(
+  MouseEvent: any,
+  object: any,
+  Node: any,
+  element: any
+) {
+  aftRange.value.addIcon_field(object);
 }
 
-
-
 //org
-const orgTreeSearchFlag = ref(false)
+const orgTreeSearchFlag = ref(false);
 
-function handleOrgTreeExpand(){
-	
-	orgTreeSearchFlag.value = true;
+function handleOrgTreeExpand() {
+  orgTreeSearchFlag.value = true;
 }
 
-function handleOrgTreeCollapse(){
-	
-	orgTreeSearchFlag.value = false;
+function handleOrgTreeCollapse() {
+  orgTreeSearchFlag.value = false;
 }
 
-function handleOrgTreeContextmenu(MouseEvent:any, object:any, Node:any, element:any){
-    aft.value.addIcon_org(object)
+function handleOrgTreeContextmenu(MouseEvent: any, object: any, Node: any, element: any) {
+  aft.value.addIcon_org(object);
 }
-function handleOrgTreeContextmenuRange(MouseEvent:any, object:any, Node:any, element:any){
-    aftRange.value.addIcon_org(object)
+function handleOrgTreeContextmenuRange(
+  MouseEvent: any,
+  object: any,
+  Node: any,
+  element: any
+) {
+  aftRange.value.addIcon_org(object);
 }
 //role
-const roleTreeSearchFlag = ref(false)
+const roleTreeSearchFlag = ref(false);
 
-function handleRoleTreeExpand(){
-	
-	roleTreeSearchFlag.value = true;
+function handleRoleTreeExpand() {
+  roleTreeSearchFlag.value = true;
 }
 
-function handleRoleTreeCollapse(){
-	
-	roleTreeSearchFlag.value = false;
+function handleRoleTreeCollapse() {
+  roleTreeSearchFlag.value = false;
 }
 
-function handleRoleTreeContextmenu(MouseEvent:any, object:any, Node:any, element:any){
-    aft.value.addIcon(object)
+function handleRoleTreeContextmenu(
+  MouseEvent: any,
+  object: any,
+  Node: any,
+  element: any
+) {
+  aft.value.addIcon(object);
 }
-function handleRoleTreeContextmenuRange(MouseEvent:any, object:any, Node:any, element:any){
-    aftRange.value.addIcon(object)
+function handleRoleTreeContextmenuRange(
+  MouseEvent: any,
+  object: any,
+  Node: any,
+  element: any
+) {
+  aftRange.value.addIcon(object);
 }
 
+import { ElTree } from "element-plus";
 
-import { ElTree } from 'element-plus'
-
-
-const fieldTreeFilterText = ref('')
-const orgTreeFilterText = ref('')
-const roleTreeFilterText = ref('')
-const fieldTreeRef = ref<InstanceType<typeof ElTree>>()
-const orgTreeRef = ref<InstanceType<typeof ElTree>>()
-const roleTreeRef = ref<InstanceType<typeof ElTree>>()
+const fieldTreeFilterText = ref("");
+const orgTreeFilterText = ref("");
+const roleTreeFilterText = ref("");
+const fieldTreeRef = ref<InstanceType<typeof ElTree>>();
+const orgTreeRef = ref<InstanceType<typeof ElTree>>();
+const roleTreeRef = ref<InstanceType<typeof ElTree>>();
 watch(fieldTreeFilterText, (val) => {
-	fieldTreeRef.value!.filter(val)
-})
+  fieldTreeRef.value!.filter(val);
+});
 watch(orgTreeFilterText, (val) => {
-	orgTreeRef.value!.filter(val)
-})
+  orgTreeRef.value!.filter(val);
+});
 watch(roleTreeFilterText, (val) => {
-	roleTreeRef.value!.filter(val)
-})
+  roleTreeRef.value!.filter(val);
+});
 
 const filterNode = (value: string, associatedFormsCurrentFormFieldTree: Tree) => {
-	if (!value) return true
-	return associatedFormsCurrentFormFieldTree.label.includes(value)
-}
+  if (!value) return true;
+  return associatedFormsCurrentFormFieldTree.label.includes(value);
+};
 
 //关联表单隐藏条件弹窗flag
-const associatedFormsHideDialogFlag = ref(false)
-
-const associatedFormsDataRangeDialogFlag = ref(false)
-
-
-
+const associatedFormsHideDialogFlag = ref(false);
 
+const associatedFormsDataRangeDialogFlag = ref(false);
 
 //点击开启隐藏设置
-function associatedFormsHideDialoghandle(){
-
-        associatedFormsHideDialogFlag.value = true
-        controlData.value.control.hideConditionHtmlCopy = controlData.value.control.hideConditionHtml
-        nextTick(() => {
-            aft.value.focusEditor()
-        })
-    
+function associatedFormsHideDialoghandle() {
+  associatedFormsHideDialogFlag.value = true;
+  controlData.value.control.hideConditionHtmlCopy =
+    controlData.value.control.hideConditionHtml;
+  nextTick(() => {
+    aft.value.focusEditor();
+  });
 }
 
-
-
-function associatedFormsDataRangeDialoghandle(){
-
-        getAsfasfFieldTree().then(({ data }) => {
-    
-            if(data.id==="cfid为空"){
-                //alert("cfid为空")
-            }else{
-                let resData = ref(data.children)
-                let dataExceptChild = JSON.parse(JSON.stringify(data.children))
-                let dataOnlyChild = JSON.parse(JSON.stringify(data.children))
-                let dataOnlyChild1 = JSON.parse(JSON.stringify(data.children))
-                dataExceptChild = dataExceptChild.filter((obj: { type: string }) => obj.type!== 'table');
-                //console.log(dataExceptChild)
-                dataExceptChild = removeFirstNumElements(dataExceptChild,8);
-                dataOnlyChild = dataOnlyChild.filter((obj: { type: string }) => obj.type== 'table');
-                dataOnlyChild1 = dataOnlyChild1.filter((obj: { type: string }) => obj.type== 'table');
-                //console.log(dataOnlyChild1)
-                dataOnlyChild1.forEach((element: any) => {
-                    element.children = removeFirstNumElements(element.children,6);
-                });
-                /* console.log(dataOnlyChild1)
+function associatedFormsDataRangeDialoghandle() {
+  getAsfasfFieldTree().then(({ data }) => {
+    if (data.id === "cfid为空") {
+      //alert("cfid为空")
+    } else {
+      let resData = ref(data.children);
+      let dataExceptChild = JSON.parse(JSON.stringify(data.children));
+      let dataOnlyChild = JSON.parse(JSON.stringify(data.children));
+      let dataOnlyChild1 = JSON.parse(JSON.stringify(data.children));
+      dataExceptChild = dataExceptChild.filter(
+        (obj: { type: string }) => obj.type !== "table"
+      );
+      //console.log(dataExceptChild)
+      dataExceptChild = removeFirstNumElements(dataExceptChild, 8);
+      dataOnlyChild = dataOnlyChild.filter(
+        (obj: { type: string }) => obj.type == "table"
+      );
+      dataOnlyChild1 = dataOnlyChild1.filter(
+        (obj: { type: string }) => obj.type == "table"
+      );
+      //console.log(dataOnlyChild1)
+      dataOnlyChild1.forEach((element: any) => {
+        element.children = removeFirstNumElements(element.children, 6);
+      });
+      /* console.log(dataOnlyChild1)
                 console.log(dataOnlyChild) */
-                for(let m = 0;m<dataOnlyChild.length;m++){
-                    dataOnlyChild[m].children = []
-                }
-                let resDataExceptChild = ref(dataExceptChild)
-                let resDataOnlyChild = ref(dataOnlyChild)
-                let resDataOnlyChild1 = ref(dataOnlyChild1)
-                //console.log(resDataOnlyChild1.value)
-                //console.log(asfasfChildTableList.value)
-                //console.log(resDataOnlyChild.value)
-                let childTableCount = 0
-                for(let n = 0;n<resDataOnlyChild.value.length;n++){
-                    //console.log(resDataOnlyChild.value[n])
-                    resDataOnlyChild.value[n].disabled=false
-                    childTableCount = n;
-                }
-                //console.log(childTableCount)
-                currentChildTableCount = childTableCount
-                asfasfFieldTree.value = [{
-                    id: 'rootid_'+data.label,
-                    label: '关联的表单-'+data.label,
-                    children: [...resData.value],
-                    treeAttrs: data.treeAttrs,
-                    disabled:true,
-                }]
-                asfasfMasterFieldTree.value = [{
-                    id: 'rootid_'+data.label,
-                    label: '关联的表单-'+data.label,
-                    children: [...resDataExceptChild.value],
-                    treeAttrs: data.treeAttrs,
-                    disabled:true,
-                }]
-                asfasfChildTableList.value = [{
-                    id: 'rootid_'+data.label,
-                    label: '关联的表单-'+data.label,
-                    children: [...resDataOnlyChild.value],
-                    treeAttrs: data.treeAttrs,
-                    disabled:true,
-                }]
-                asfasfChildTableFields.value = [{
-                    id: 'rootid_'+data.label,
-                    label: '关联的表单-'+data.label,
-                    children: [...resDataOnlyChild1.value],
-                    treeAttrs: data.treeAttrs,
-                    disabled:true,
-                }]
-            }
-        });
-
-
+      for (let m = 0; m < dataOnlyChild.length; m++) {
+        dataOnlyChild[m].children = [];
+      }
+      let resDataExceptChild = ref(dataExceptChild);
+      let resDataOnlyChild = ref(dataOnlyChild);
+      let resDataOnlyChild1 = ref(dataOnlyChild1);
+      //console.log(resDataOnlyChild1.value)
+      //console.log(asfasfChildTableList.value)
+      //console.log(resDataOnlyChild.value)
+      let childTableCount = 0;
+      for (let n = 0; n < resDataOnlyChild.value.length; n++) {
+        //console.log(resDataOnlyChild.value[n])
+        resDataOnlyChild.value[n].disabled = false;
+        childTableCount = n;
+      }
+      //console.log(childTableCount)
+      currentChildTableCount = childTableCount;
+      asfasfFieldTree.value = [
+        {
+          id: "rootid_" + data.label,
+          label: "关联的表单-" + data.label,
+          children: [...resData.value],
+          treeAttrs: data.treeAttrs,
+          disabled: true,
+        },
+      ];
+      asfasfMasterFieldTree.value = [
+        {
+          id: "rootid_" + data.label,
+          label: "关联的表单-" + data.label,
+          children: [...resDataExceptChild.value],
+          treeAttrs: data.treeAttrs,
+          disabled: true,
+        },
+      ];
+      asfasfChildTableList.value = [
+        {
+          id: "rootid_" + data.label,
+          label: "关联的表单-" + data.label,
+          children: [...resDataOnlyChild.value],
+          treeAttrs: data.treeAttrs,
+          disabled: true,
+        },
+      ];
+      asfasfChildTableFields.value = [
+        {
+          id: "rootid_" + data.label,
+          label: "关联的表单-" + data.label,
+          children: [...resDataOnlyChild1.value],
+          treeAttrs: data.treeAttrs,
+          disabled: true,
+        },
+      ];
+    }
+  });
 
-        associatedFormsDataRangeDialogFlag.value = true
-        controlData.value.control.dataRangeConditionHtmlCopy = controlData.value.control.dataRangeConditionHtml
-        
-        nextTick(() => {
-            aftRange.value.focusEditor()
-        })
+  associatedFormsDataRangeDialogFlag.value = true;
+  controlData.value.control.dataRangeConditionHtmlCopy =
+    controlData.value.control.dataRangeConditionHtml;
 
+  nextTick(() => {
+    aftRange.value.focusEditor();
+  });
 }
 
 //自定义事件同步父子组件的text
-function aftTextChanged(str:string){
-    controlData.value.control.hideConditionHtml = str
+function aftTextChanged(str: string) {
+  controlData.value.control.hideConditionHtml = str;
 }
 
-function aftGongshiChanged(gongshi:any){
-    controlData.value.control.hideGongShi.formulaHtml = gongshi.formulaHtml
-    controlData.value.control.hideGongShi.mathsFormula = gongshi.mathsFormula
-    controlData.value.control.hideGongShi.mathsString = gongshi.mathsString
+function aftGongshiChanged(gongshi: any) {
+  controlData.value.control.hideGongShi.formulaHtml = gongshi.formulaHtml;
+  controlData.value.control.hideGongShi.mathsFormula = gongshi.mathsFormula;
+  controlData.value.control.hideGongShi.mathsString = gongshi.mathsString;
 }
 
-function aftTextChangedRange(str:string){
-    controlData.value.control.dataRangeConditionHtml = str
+function aftTextChangedRange(str: string) {
+  controlData.value.control.dataRangeConditionHtml = str;
 }
-function aftGongshiChangedRange(gongshi:any){
-    controlData.value.control.dataRangeGongShi.formulaHtml = gongshi.formulaHtml
-    controlData.value.control.dataRangeGongShi.mathsFormula = gongshi.mathsFormula
-    controlData.value.control.dataRangeGongShi.mathsString = gongshi.mathsString
+function aftGongshiChangedRange(gongshi: any) {
+  controlData.value.control.dataRangeGongShi.formulaHtml = gongshi.formulaHtml;
+  controlData.value.control.dataRangeGongShi.mathsFormula = gongshi.mathsFormula;
+  controlData.value.control.dataRangeGongShi.mathsString = gongshi.mathsString;
 }
 //asf隐藏条件取消编辑
-function asfhTextCancel(){
-    determine.value = false
-    associatedFormsHideDialogFlag.value = false
-    controlData.value.control.hideConditionHtml = controlData.value.control.hideConditionHtmlCopy
-    //父组件取消将copy同步至子组件
-    aft.value.handelCancel(controlData.value.control.hideConditionHtmlCopy)
+function asfhTextCancel() {
+  determine.value = false;
+  associatedFormsHideDialogFlag.value = false;
+  controlData.value.control.hideConditionHtml =
+    controlData.value.control.hideConditionHtmlCopy;
+  //父组件取消将copy同步至子组件
+  aft.value.handelCancel(controlData.value.control.hideConditionHtmlCopy);
 }
 
-function asfhTextCancelRange(){
-    determineRange.value = false
-    associatedFormsDataRangeDialogFlag.value = false
-    controlData.value.control.dataRangeConditionHtml = controlData.value.control.dataRangeConditionHtmlCopy
-    //父组件取消将copy同步至子组件
-    aftRange.value.handelCancel(controlData.value.control.dataRangeConditionHtmlCopy)
+function asfhTextCancelRange() {
+  determineRange.value = false;
+  associatedFormsDataRangeDialogFlag.value = false;
+  controlData.value.control.dataRangeConditionHtml =
+    controlData.value.control.dataRangeConditionHtmlCopy;
+  //父组件取消将copy同步至子组件
+  aftRange.value.handelCancel(controlData.value.control.dataRangeConditionHtmlCopy);
 }
 
 //上次点击了确定为true
-let determine = ref(true)
-let determineRange = ref(true)
+let determine = ref(true);
+let determineRange = ref(true);
 //监听associatedFormsHideDialogFlag true 重新init  tinymce
 watch(associatedFormsHideDialogFlag, (val) => {
-	if(val===true&&determine.value===false){
-        setTimeout(() => {
-            //alert(1)
-            aft.value.tinymceReInit()
-        }, 200);
-    }
-})
+  if (val === true && determine.value === false) {
+    setTimeout(() => {
+      //alert(1)
+      aft.value.tinymceReInit();
+    }, 200);
+  }
+});
 
 watch(associatedFormsDataRangeDialogFlag, (val) => {
-	if(val===true&&determineRange.value===false){
-        setTimeout(() => {
-            //alert(2)
-            aftRange.value.tinymceReInit()
-        }, 200);
-    }
-})
+  if (val === true && determineRange.value === false) {
+    setTimeout(() => {
+      //alert(2)
+      aftRange.value.tinymceReInit();
+    }, 200);
+  }
+});
 //关联表单数据填充规则根据已选择子表的数目和id将已选择的子表置为不可选择
-function selectedOrDelChildRole(){
-    
-    //console.log(asfasfChildTableList.value)
-    //console.log(controlData.value.control?.fillRoles?.child)
-    let selectedArr: any[] = []
-    controlData.value.control?.fillRoles?.child.forEach(function(item: any) {
-        if(item.asfChildTableKey!=""){
-            selectedArr.push(item)
+function selectedOrDelChildRole() {
+  //console.log(asfasfChildTableList.value)
+  //console.log(controlData.value.control?.fillRoles?.child)
+  let selectedArr: any[] = [];
+  controlData.value.control?.fillRoles?.child.forEach(function (item: any) {
+    if (item.asfChildTableKey != "") {
+      selectedArr.push(item);
+    }
+  });
+  //console.log(selectedArr)
+  if (asfasfChildTableList.value) {
+    asfasfChildTableList.value[0].children?.forEach(function (item: any) {
+      item.disabled = false;
+    });
+  }
+  if (asfasfChildTableList.value) {
+    asfasfChildTableList.value[0].children?.forEach(function (item: any) {
+      selectedArr.forEach(function (i: any) {
+        if (i.asfChildTableKey == item.id) {
+          item.disabled = true;
         }
+      });
     });
-    //console.log(selectedArr)
-    if(asfasfChildTableList.value){
-        asfasfChildTableList.value[0].children?.forEach(function(item: any){   
-            item.disabled=false
-        })
-    }
-    if(asfasfChildTableList.value){
-        asfasfChildTableList.value[0].children?.forEach(function(item: any){   
-            selectedArr.forEach(function(i: any){
-                if(i.asfChildTableKey==item.id){
-                    item.disabled=true
-                }
-            })
-        })
-    }
-    
+  }
 }
-//将已被选择的要填充的关联其他表单的表单的子表字段设为不可选择              
-function childRoleRightChanged(){
-    
-    let selectedArr: any[] = []
-    let otherMasterSelectedArr: any[] = []
-    let otherChildSelectedArr: any[] = []
-    asfsExpectCurrent.forEach(function(item: any) {
-        let master = item.control.fillRoles.master
-        let child = item.control.fillRoles.child
-        /* console.log(master)
+//将已被选择的要填充的关联其他表单的表单的子表字段设为不可选择
+function childRoleRightChanged() {
+  let selectedArr: any[] = [];
+  let otherMasterSelectedArr: any[] = [];
+  let otherChildSelectedArr: any[] = [];
+  asfsExpectCurrent.forEach(function (item: any) {
+    let master = item.control.fillRoles.master;
+    let child = item.control.fillRoles.child;
+    /* console.log(master)
         console.log(child) */
-        master.forEach(function(item: any) {
-            if(item.rightValue!=""){
-                otherMasterSelectedArr.push(item)
-            }
-        });
-        child.forEach(function(item: any) {
-            item.childRoles.forEach((element: any) => {
-                if(element.rightValue!=""){
-                    otherChildSelectedArr.push(element)
-                }
-            });
-        });
+    master.forEach(function (item: any) {
+      if (item.rightValue != "") {
+        otherMasterSelectedArr.push(item);
+      }
     });
-    let masterSelectedArr: any[] = []
-    controlData.value.control?.fillRoles?.master.forEach(function(item: any) {
-        if(item.rightValue!=""){
-            masterSelectedArr.push(item)
+    child.forEach(function (item: any) {
+      item.childRoles.forEach((element: any) => {
+        if (element.rightValue != "") {
+          otherChildSelectedArr.push(element);
         }
+      });
     });
-    let childSelectedArr: any[] = []
-    controlData.value.control?.fillRoles?.child.forEach(function(item: any) {
-        item.childRoles.forEach((element: any) => {
-            if(element.rightValue!=""){
-                childSelectedArr.push(element)
-            }
-        });
+  });
+  let masterSelectedArr: any[] = [];
+  controlData.value.control?.fillRoles?.master.forEach(function (item: any) {
+    if (item.rightValue != "") {
+      masterSelectedArr.push(item);
+    }
+  });
+  let childSelectedArr: any[] = [];
+  controlData.value.control?.fillRoles?.child.forEach(function (item: any) {
+    item.childRoles.forEach((element: any) => {
+      if (element.rightValue != "") {
+        childSelectedArr.push(element);
+      }
     });
+  });
 
-    /* 1.得到当前子表填充规则块在所有子表填充规则块数组中的index
+  /* 1.得到当前子表填充规则块在所有子表填充规则块数组中的index
     2.得到所有index在当前子表填充规则块之前的子表填充规则块
     3.得到2中所有right,凡是出现过的子表,就把这些子表的所有选项全部置为不可选 */
-    //console.log(asfs)
-
-
-    selectedArr.push(...otherMasterSelectedArr)
-    selectedArr.push(...otherChildSelectedArr)
-    selectedArr.push(...masterSelectedArr)
-    selectedArr.push(...childSelectedArr)
-    //主表控制 start
-    if(associatedFormsCurrentFormFieldTree1.value){
-        associatedFormsCurrentFormFieldTree1.value[0].children?.forEach(function(item: any){
-            if(item.type=="table"){
-                item.children.forEach((element: any) => {
-                    element.disabled = false
-                });
-            }else{
-                item.disabled = false
-            }
-            
-        })
-    }
-    if(associatedFormsCurrentFormFieldTree1.value){
-        associatedFormsCurrentFormFieldTree1.value[0].children?.forEach(function(item: any){
-            if(item.type=="table"){
-                item.children.forEach((element: any) => {
-                    selectedArr.forEach((j:any) => {
-                        if(j.rightValue==element.id){
-                            element.disabled = true
-                        }
-                    })
-                });
-            }else{
-                selectedArr.forEach((element:any) => {
-                    if(element.rightValue==item.id){
-                        item.disabled = true
-                    }
-                })
+  //console.log(asfs)
+
+  selectedArr.push(...otherMasterSelectedArr);
+  selectedArr.push(...otherChildSelectedArr);
+  selectedArr.push(...masterSelectedArr);
+  selectedArr.push(...childSelectedArr);
+  //主表控制 start
+  if (associatedFormsCurrentFormFieldTree1.value) {
+    associatedFormsCurrentFormFieldTree1.value[0].children?.forEach(function (item: any) {
+      if (item.type == "table") {
+        item.children.forEach((element: any) => {
+          element.disabled = false;
+        });
+      } else {
+        item.disabled = false;
+      }
+    });
+  }
+  if (associatedFormsCurrentFormFieldTree1.value) {
+    associatedFormsCurrentFormFieldTree1.value[0].children?.forEach(function (item: any) {
+      if (item.type == "table") {
+        item.children.forEach((element: any) => {
+          selectedArr.forEach((j: any) => {
+            if (j.rightValue == element.id) {
+              element.disabled = true;
             }
-        })
-    }
-    //主表控制 end
-    
-    //子表控制start
-    if(currentFormChildTableFieldsForFillRole.value){
-        currentFormChildTableFieldsForFillRole.value[0]?.children?.forEach((element: any) => {
-            element.children.forEach((item: any) => {
-                selectedArr.forEach((j:any) => {
-                    item.disabled = false
-                })
-            });
+          });
         });
-    }
-    if(currentFormChildTableFieldsForFillRole.value){
-        currentFormChildTableFieldsForFillRole.value[0]?.children?.forEach((element: any) => {
-            element.children.forEach((item: any) => {
-                selectedArr.forEach((j:any) => {
-                    if(j.rightValue==item.id){
-                        item.disabled = true
-                    }
-                })
-            });
+      } else {
+        selectedArr.forEach((element: any) => {
+          if (element.rightValue == item.id) {
+            item.disabled = true;
+          }
         });
-    }
-    //子表控制end
+      }
+    });
+  }
+  //主表控制 end
+
+  //子表控制start
+  if (currentFormChildTableFieldsForFillRole.value) {
+    currentFormChildTableFieldsForFillRole.value[0]?.children?.forEach((element: any) => {
+      element.children.forEach((item: any) => {
+        selectedArr.forEach((j: any) => {
+          item.disabled = false;
+        });
+      });
+    });
+  }
+  if (currentFormChildTableFieldsForFillRole.value) {
+    currentFormChildTableFieldsForFillRole.value[0]?.children?.forEach((element: any) => {
+      element.children.forEach((item: any) => {
+        selectedArr.forEach((j: any) => {
+          if (j.rightValue == item.id) {
+            item.disabled = true;
+          }
+        });
+      });
+    });
+  }
+  //子表控制end
 }
 
 //确定回调
-function handleDetermine(){
-    associatedFormsHideDialogFlag.value = false
-    determine.value = true
-    controlData.value.control.hideConditionHtmlCopy = controlData.value.control.hideConditionHtml
+function handleDetermine() {
+  associatedFormsHideDialogFlag.value = false;
+  determine.value = true;
+  controlData.value.control.hideConditionHtmlCopy =
+    controlData.value.control.hideConditionHtml;
 }
-function handleDetermineRange(){
-    associatedFormsDataRangeDialogFlag.value = false
-    determineRange.value = true
-    controlData.value.control.dataRangeConditionHtmlCopy = controlData.value.control.dataRangeConditionHtml
+function handleDetermineRange() {
+  associatedFormsDataRangeDialogFlag.value = false;
+  determineRange.value = true;
+  controlData.value.control.dataRangeConditionHtmlCopy =
+    controlData.value.control.dataRangeConditionHtml;
 }
 //数据填充规则
 
-const associatedFormsFillRolesDialogFlag = ref(false)
+const associatedFormsFillRolesDialogFlag = ref(false);
 //数据填充规则设置按钮
-function associatedFormsDataFillRolesDialoghandle(){
-    if(controlData.value.control.formid===''){
-        alert("请先选择要关联的表单")
-        
-    }else{
-        associatedFormsFillRolesDialogFlag.value = true
-    }
+function associatedFormsDataFillRolesDialoghandle() {
+  if (controlData.value.control.formid === "") {
+    alert("请先选择要关联的表单");
+  } else {
+    associatedFormsFillRolesDialogFlag.value = true;
+  }
 }
 
-function asfhTextCancelFillRoles(){
-    associatedFormsFillRolesDialogFlag.value = false
+function asfhTextCancelFillRoles() {
+  associatedFormsFillRolesDialogFlag.value = false;
 }
 //数据填充规则确定按钮
-function handleDetermineFillRoles(){
-    
-    associatedFormsFillRolesDialogFlag.value = false
+function handleDetermineFillRoles() {
+  associatedFormsFillRolesDialogFlag.value = false;
 }
 
-
-watch(()=>store.activeKey, () => {
-	// console.log("activeKey",store.activeKey);
-    if(controlData.value.type==='associatedForms'){
-        setTimeout(() => {
-            formidChanged()
-        }, 800);
-        /* aft.value.tinymceReInit()
+watch(
+  () => store.activeKey,
+  () => {
+    // console.log("activeKey",store.activeKey);
+    if (controlData.value.type === "associatedForms") {
+      setTimeout(() => {
+        formidChanged();
+      }, 800);
+      /* aft.value.tinymceReInit()
         aftRange.value.tinymceReInit() */
-    }else if(controlData.value.type==='radio'||controlData.value.type==='select'||controlData.value.type==='checkbox'){
-        
-        setTimeout(() => {
-            formidChangedOptionsValue3()
-        }, 800);
+    } else if (
+      controlData.value.type === "radio" ||
+      controlData.value.type === "select" ||
+      controlData.value.type === "checkbox"
+    ) {
+      setTimeout(() => {
+        formidChangedOptionsValue3();
+      }, 800);
     }
-})
-
-
-function addFillRole(){
-    let onlyNumber = uuidv4().replaceAll('-','').toString();   //获取唯一编码
-    controlData.value.control.fillRoles.master.push({
-        leftValue:'',
-		rightValue:'',
-        id:onlyNumber,
-    })
+  }
+);
+
+function addFillRole() {
+  let onlyNumber = uuidv4().replaceAll("-", "").toString(); //获取唯一编码
+  controlData.value.control.fillRoles.master.push({
+    leftValue: "",
+    rightValue: "",
+    id: onlyNumber,
+  });
 }
 
-function addChildFillRole(){
-    //子表填充规则要受到子表数量的限制
-    //currentChildTableCount
-    //controlData.value.control.fillRoles.child.length
-    selectedOrDelChildRole()
-    childRoleRightChanged()
-if(controlData.value.control.fillRoles.child.length<currentChildTableCount){
-        let onlyNumber = uuidv4().replaceAll('-','').toString();   //获取唯一编码
-        let onlyNumber1 = uuidv4().replaceAll('-','').toString();   //获取唯一编码
-        controlData.value.control.fillRoles.child.push({
-                                                        id: onlyNumber,
-                                                        asfChildTableKey: '',
-                                                        filterCondition:{
-                                                            conditionHtml: '',
-                                                            conditionHtmlCopy: '',
-                                                            gongShi:{
-                                                                formulaHtml:'',
-                                                                mathsFormula:'',
-                                                                mathsString:'',
-                                                            },
-                                                        },
-                                                        childRoles:[{
-											leftValue: '',
-											rightValue: '',
-											id: onlyNumber1,
-										}]
-                                                    })
-    }else{
-        alert("当前关联表单共 "+controlData.value.control.fillRoles.child.length+" 张子表,不可再添加")
-    }
-    
+function addChildFillRole() {
+  //子表填充规则要受到子表数量的限制
+  //currentChildTableCount
+  //controlData.value.control.fillRoles.child.length
+  selectedOrDelChildRole();
+  childRoleRightChanged();
+  if (controlData.value.control.fillRoles.child.length < currentChildTableCount) {
+    let onlyNumber = uuidv4().replaceAll("-", "").toString(); //获取唯一编码
+    let onlyNumber1 = uuidv4().replaceAll("-", "").toString(); //获取唯一编码
+    controlData.value.control.fillRoles.child.push({
+      id: onlyNumber,
+      asfChildTableKey: "",
+      filterCondition: {
+        conditionHtml: "",
+        conditionHtmlCopy: "",
+        gongShi: {
+          formulaHtml: "",
+          mathsFormula: "",
+          mathsString: "",
+        },
+      },
+      childRoles: [
+        {
+          leftValue: "",
+          rightValue: "",
+          id: onlyNumber1,
+        },
+      ],
+    });
+  } else {
+    alert(
+      "当前关联表单共 " +
+        controlData.value.control.fillRoles.child.length +
+        " 张子表,不可再添加"
+    );
+  }
 }
 
-function delRole(id:String){
-    const delRoleData:any = controlData.value.control.fillRoles.master
-        for (var i = 0; i < delRoleData.length; i++) {
-            if(delRoleData[i].id===id){
-                delRoleData.splice(i, 1);
-                i--; // 如果不减，将漏掉一个元素
-            }
-        }
+function delRole(id: String) {
+  const delRoleData: any = controlData.value.control.fillRoles.master;
+  for (var i = 0; i < delRoleData.length; i++) {
+    if (delRoleData[i].id === id) {
+      delRoleData.splice(i, 1);
+      i--; // 如果不减，将漏掉一个元素
+    }
+  }
 }
 
-
-
-function delChildRole(id:String){
-    
-    const delRoleData:any = controlData.value.control.fillRoles.child
-        for (var i = 0; i < delRoleData.length; i++) {
-            if(delRoleData[i].id===id){
-                delRoleData.splice(i, 1);
-                i--; // 如果不减，将漏掉一个元素
-            }
-        }
-        selectedOrDelChildRole()
-        childRoleRightChanged()
+function delChildRole(id: String) {
+  const delRoleData: any = controlData.value.control.fillRoles.child;
+  for (var i = 0; i < delRoleData.length; i++) {
+    if (delRoleData[i].id === id) {
+      delRoleData.splice(i, 1);
+      i--; // 如果不减，将漏掉一个元素
+    }
+  }
+  selectedOrDelChildRole();
+  childRoleRightChanged();
 }
-const associatedFormsChooseDialogFlag = ref(false)
-function chooseAssociatedForm(){
-    associatedFormsChooseDialogFlag.value = true
+const associatedFormsChooseDialogFlag = ref(false);
+function chooseAssociatedForm() {
+  associatedFormsChooseDialogFlag.value = true;
 }
-function handleDetermineAssociatedFormsChooseDialog(){
-    associatedFormsChooseDialogFlag.value = false
+function handleDetermineAssociatedFormsChooseDialog() {
+  associatedFormsChooseDialogFlag.value = false;
 }
 
-
-
-//liwenxuan20240403 associatedForms end 
-
+//liwenxuan20240403 associatedForms end
 
 //liwenxuan20240426 单选多选下拉 关联选项设置  start
 
-const glxxszDialogFlag = ref(false)
-const glxxszDialogFlagCheckBox = ref(false)
-const glxxszDialogFlagSwitch = ref(false)
-function handelGlxxszDialogSwitch(){
-    if(controlData.value.control.activeValue==undefined||controlData.value.control.inactiveValue==undefined){
-        alert("请先设置开关状态打开/关闭时的值")
-    }else{
-        glxxszDialogFlagSwitch.value = true
-    }
+const glxxszDialogFlag = ref(false);
+const glxxszDialogFlagCheckBox = ref(false);
+const glxxszDialogFlagSwitch = ref(false);
+function handelGlxxszDialogSwitch() {
+  if (
+    controlData.value.control.activeValue == undefined ||
+    controlData.value.control.inactiveValue == undefined
+  ) {
+    alert("请先设置开关状态打开/关闭时的值");
+  } else {
+    glxxszDialogFlagSwitch.value = true;
+  }
 }
-function handelGlxxszDialog(){
-    if(controlData.value.options.length===0){
-        alert("无可配置选项，请先添加。")
-    }else{
-        glxxszDialogFlag.value = true
-    }
+function handelGlxxszDialog() {
+  if (controlData.value.options.length === 0) {
+    alert("无可配置选项，请先添加。");
+  } else {
+    glxxszDialogFlag.value = true;
+  }
 }
 
-function handelGlxxszDialogCheckbox(){
-    glxxszDialogFlagCheckBox.value = true
+function handelGlxxszDialogCheckbox() {
+  glxxszDialogFlagCheckBox.value = true;
 }
 
-function handleDetermineGlxxszDialog(){
-    glxxszDialogFlag.value = false
+function handleDetermineGlxxszDialog() {
+  glxxszDialogFlag.value = false;
 }
-function handleDetermineGlxxszDialogSwitch(){
-    glxxszDialogFlagSwitch.value = false
+function handleDetermineGlxxszDialogSwitch() {
+  glxxszDialogFlagSwitch.value = false;
 }
-function handleDetermineGlxxszDialogCheckBox(){
-    glxxszDialogFlagCheckBox.value = false
+function handleDetermineGlxxszDialogCheckBox() {
+  glxxszDialogFlagCheckBox.value = false;
 }
 //同步开关的设置值和开关关联选项设置的值
-watch(()=>controlData.value.control,(newVal) => {
-	// console.log("同步开关的设置值和开关关联选项设置的值",typeof(newVal))
-    if(typeof(newVal)!="undefined"){
-        if(typeof(newVal.glxxszSwitch)!="undefined"){
-            if(typeof(controlData.value.control.activeValue)!="undefined"){
-                controlData.value.control.glxxszSwitch[0].openValue = controlData.value.control.activeValue
-                controlData.value.control.glxxszSwitch[0].conditionField = controlData.value.name
-            }
-            if(typeof(controlData.value.control.inactiveValue)!="undefined"){
-                controlData.value.control.glxxszSwitch[1].offValue = controlData.value.control.inactiveValue
-                controlData.value.control.glxxszSwitch[1].conditionField = controlData.value.name
-            }
+watch(
+  () => controlData.value.control,
+  (newVal) => {
+    // console.log("同步开关的设置值和开关关联选项设置的值",typeof(newVal))
+    if (typeof newVal != "undefined") {
+      if (typeof newVal.glxxszSwitch != "undefined") {
+        if (typeof controlData.value.control.activeValue != "undefined") {
+          controlData.value.control.glxxszSwitch[0].openValue =
+            controlData.value.control.activeValue;
+          controlData.value.control.glxxszSwitch[0].conditionField =
+            controlData.value.name;
         }
+        if (typeof controlData.value.control.inactiveValue != "undefined") {
+          controlData.value.control.glxxszSwitch[1].offValue =
+            controlData.value.control.inactiveValue;
+          controlData.value.control.glxxszSwitch[1].conditionField =
+            controlData.value.name;
+        }
+      }
     }
-	// console.log("同步开关的设置值和开关关联选项设置的值",controlData.value.control)
-},{ deep: true })
-
-
-
+    // console.log("同步开关的设置值和开关关联选项设置的值",controlData.value.control)
+  },
+  { deep: true }
+);
 
 //radio,select添加选项时同步配置选项
-watch(()=>controlData.value.options, (changedOptions:any) => {
-	// console.log("radio,select添加选项时同步配置选项",changedOptions)
-	// console.log("radio,select添加选项时同步配置选项------>",controlData.value)
-    if(controlData.value.type === "radio" || controlData.value.type === "select"){
-        if(controlData.value.config.optionsType==0){
-            if(changedOptions.length===0){
-                //删没了option
-                controlData.value.control.glxxsz = []
-            }else{
-                if(changedOptions.length < controlData.value.control.glxxsz.length){
-                    //删除了某个option
-                    controlData.value.control.glxxsz = controlData.value.control.glxxsz.filter((item: { optionValue: any }) => changedOptions.find((bItem: { value: any }) => item.optionValue == bItem.value))
-                }else{
-                    for(var i = 0; i < changedOptions.length; i++){
-                        if(controlData.value.control.glxxsz[i]===undefined){
-                            //新增了某个option
-                            controlData.value.control.glxxsz.push(
-                                {
-                                    conditionField: controlData.value.name,
-                                    optionLabel: changedOptions[i].label,
-                                    optionValue: changedOptions[i].value,
-                                    tableIndex: i,
-                                    id: uuidv4().replaceAll('-','').toString(),
-                                }
-                            )
-                        }else{
-                            //修改了某个option
-                            controlData.value.control.glxxsz[i].optionLabel = changedOptions[i].label
-                            controlData.value.control.glxxsz[i].optionValue = changedOptions[i].value
-                        }
-                    }
-                }
+watch(
+  () => controlData.value.options,
+  (changedOptions: any) => {
+    // console.log("radio,select添加选项时同步配置选项",changedOptions)
+    // console.log("radio,select添加选项时同步配置选项------>",controlData.value)
+    if (controlData.value.type === "radio" || controlData.value.type === "select") {
+      if (controlData.value.config.optionsType == 0) {
+        if (changedOptions.length === 0) {
+          //删没了option
+          controlData.value.control.glxxsz = [];
+        } else {
+          if (changedOptions.length < controlData.value.control.glxxsz.length) {
+            //删除了某个option
+            controlData.value.control.glxxsz = controlData.value.control.glxxsz.filter(
+              (item: { optionValue: any }) =>
+                changedOptions.find(
+                  (bItem: { value: any }) => item.optionValue == bItem.value
+                )
+            );
+          } else {
+            for (var i = 0; i < changedOptions.length; i++) {
+              if (controlData.value.control.glxxsz[i] === undefined) {
+                //新增了某个option
+                controlData.value.control.glxxsz.push({
+                  conditionField: controlData.value.name,
+                  optionLabel: changedOptions[i].label,
+                  optionValue: changedOptions[i].value,
+                  tableIndex: i,
+                  id: uuidv4().replaceAll("-", "").toString(),
+                });
+              } else {
+                //修改了某个option
+                controlData.value.control.glxxsz[i].optionLabel = changedOptions[i].label;
+                controlData.value.control.glxxsz[i].optionValue = changedOptions[i].value;
+              }
             }
+          }
         }
-    }else if(controlData.value.type === "checkbox"){
-        
-    }
-},{ deep: true })
-
-
-function createRowForGlxxsz(){
-    if(controlData.value.config.optionsType==0){
-        controlData.value.control.glxxszForCheckBox.push(
-            {
-                conditionField: controlData.value.name,
-                selectedOptions:[],
-                showFields:[],
-                id: uuidv4().replaceAll('-','').toString(),
-            }
-        )
+      }
+    } else if (controlData.value.type === "checkbox") {
     }
+  },
+  { deep: true }
+);
+
+function createRowForGlxxsz() {
+  if (controlData.value.config.optionsType == 0) {
+    controlData.value.control.glxxszForCheckBox.push({
+      conditionField: controlData.value.name,
+      selectedOptions: [],
+      showFields: [],
+      id: uuidv4().replaceAll("-", "").toString(),
+    });
+  }
 }
 
-function deleteRowForGlxxsz(row: { id: any }){
-    if(controlData.value.config.optionsType==0){
-        controlData.value.control.glxxszForCheckBox = controlData.value.control.glxxszForCheckBox.filter((item: { id: any }) => item.id!=row.id)
-    }
+function deleteRowForGlxxsz(row: { id: any }) {
+  if (controlData.value.config.optionsType == 0) {
+    controlData.value.control.glxxszForCheckBox = controlData.value.control.glxxszForCheckBox.filter(
+      (item: { id: any }) => item.id != row.id
+    );
+  }
 }
 /*  */
 
-const optionsValue3SettingDialogOpenFlag = ref(false)
-function optionsValue3Setting(){
-    optionsValue3SettingDialogOpenFlag.value = true
+const optionsValue3SettingDialogOpenFlag = ref(false);
+function optionsValue3Setting() {
+  optionsValue3SettingDialogOpenFlag.value = true;
 }
-function handleDetermineoptionsValue3(){
-    optionsValue3SettingDialogOpenFlag.value = false
+function handleDetermineoptionsValue3() {
+  optionsValue3SettingDialogOpenFlag.value = false;
 }
 
-
-
 //liwenxuan20240426 单选多选下拉 关联选项设置  end
 
-
-function optionsTypeChanged(){
-    controlData.value.config.optionsFun = ''
-    controlData.value.options = []
+function optionsTypeChanged() {
+  controlData.value.config.optionsFun = "";
+  controlData.value.options = [];
 }
 
-
-
-
-		
-    const optionsCss = [
-              { label: '无样式', value: '' },
-              { label: '每行两列', value: 'form-row-2' },
-              { label: '每行三列', value: 'form-row-3' },
-              { label: '每行四列', value: 'form-row-4' }
-    ]
-    const layouytStyle = reactive<any>(controlData.value.styles)
-    watch(()=>layouytStyle,(val : any)=>{
+const optionsCss = [
+  { label: "无样式", value: "" },
+  { label: "每行两列", value: "form-row-2" },
+  { label: "每行三列", value: "form-row-3" },
+  { label: "每行四列", value: "form-row-4" },
+];
+const layouytStyle = reactive<any>(controlData.value.styles);
+watch(
+  () => layouytStyle,
+  (val: any) => {
     //   console.log("监听样式处理",val)
-      controlData.value.styles = val
-     // Object.assign(store.controlAttr.styles.divStyle, val)
-    },
-    {
-      deep: true
-    });
-    const setStylefield = ref<string>("divStyle")
-    //liwenxuan 20240111 carousel  end  
-    const activeFormName = ref("0")
-    
-    /**
+    controlData.value.styles = val;
+    // Object.assign(store.controlAttr.styles.divStyle, val)
+  },
+  {
+    deep: true,
+  }
+);
+const setStylefield = ref<string>("divStyle");
+//liwenxuan 20240111 carousel  end
+const activeFormName = ref("0");
+
+/**
     @ 作者: 秦东
     @ 时间: 2024-03-01 08:16:45
     @ 功能: 判断是否是组件
     */
-    const cssIsShouw = (val:any) => {
-        if(val.length && val.length > 0){
-            return true;
-        }
-        return false;
-    }
+const cssIsShouw = (val: any) => {
+  if (val.length && val.length > 0) {
+    return true;
+  }
+  return false;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-18 11:42:52
 @ 功能: 上传图标相关
 */
-const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown" //上传地址
-const handleAvatarSuccess: UploadProps['onSuccess'] = (
-  response,
-  uploadFile
-) => {
-	//   imageUrl.value = URL.createObjectURL(uploadFile.raw!)
-	formConfig.value.imageUrl = response.data.url
-}
-
-const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
-	// console.log("beforeAvatarUpload",rawFile.type)
-  if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/jpg' && rawFile.type !== 'image/png' && rawFile.type !== 'image/gif' && rawFile.type !== 'image/icon') {
-    ElMessage.error('请上传以下格式的图片(jpg、jpeg、png、gif、icon)!'+rawFile.type)
-    return false
+const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API + "/api/upordown"; //上传地址
+const handleAvatarSuccess: UploadProps["onSuccess"] = (response, uploadFile) => {
+  //   imageUrl.value = URL.createObjectURL(uploadFile.raw!)
+  formConfig.value.imageUrl = response.data.url;
+};
+
+const beforeAvatarUpload: UploadProps["beforeUpload"] = (rawFile) => {
+  // console.log("beforeAvatarUpload",rawFile.type)
+  if (
+    rawFile.type !== "image/jpeg" &&
+    rawFile.type !== "image/jpg" &&
+    rawFile.type !== "image/png" &&
+    rawFile.type !== "image/gif" &&
+    rawFile.type !== "image/icon"
+  ) {
+    ElMessage.error("请上传以下格式的图片(jpg、jpeg、png、gif、icon)!" + rawFile.type);
+    return false;
   } else if (rawFile.size / 1024 / 1024 > 2) {
-    ElMessage.error('图片大小不要大于 2MB!')
-    return false
+    ElMessage.error("图片大小不要大于 2MB!");
+    return false;
   }
-  return true
-}
-
-const page = ref<number>(1)
-const pageSize = ref<number>(200000)
-const loadingmore = ref(false)
-const loadingnomore = ref(false)
-const formGroup = ref<any[]>([])
+  return true;
+};
+
+const page = ref<number>(1);
+const pageSize = ref<number>(200000);
+const loadingmore = ref(false);
+const loadingnomore = ref(false);
+const formGroup = ref<any[]>([]);
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-19 08:38:27
 @ 功能: 获取表单分组
 */
-const gainFormGroupList = () =>{
-	loadingmore.value = true;
-	let sendInfo = {
-		page:page.value,
-		pagesize:pageSize.value,
-		state:1
-	}
-	customerFormGroupList(sendInfo)
-		.then((data)=>{
-			// console.log("获取表单分组",data)
-			formGroup.value = data.data
-		})
-		.finally(()=>{
-			loadingmore.value = false;
-		})
-}
-let asfs: any[] = []
-let asfsExpectCurrent: any[] = []
-
-
+const gainFormGroupList = () => {
+  loadingmore.value = true;
+  let sendInfo = {
+    page: page.value,
+    pagesize: pageSize.value,
+    state: 1,
+  };
+  customerFormGroupList(sendInfo)
+    .then((data) => {
+      // console.log("获取表单分组",data)
+      formGroup.value = data.data;
+    })
+    .finally(() => {
+      loadingmore.value = false;
+    });
+};
+let asfs: any[] = [];
+let asfsExpectCurrent: any[] = [];
 
-watch(()=>props.formList,(dataList:any)=>{
+watch(
+  () => props.formList,
+  (dataList: any) => {
     //console.log(dataList)
-    
-    if(dataList&&Array.isArray(dataList)&&dataList.length>0&&controlData.value.type=="associatedForms"&&currentAsfChangeCount.value==0){
-        //console.log(1)
-        asfsExpectCurrent = []
-        asfs = []
-        currentAsfChangeCount.value = 1
-        for(let i = 0;i<dataList.length;i++){
-            if(dataList[i].type=="associatedForms"){
-                asfs.push(dataList[i])
-            }else if(dataList[i].type=="card"||dataList[i].type=="flex"||dataList[i].type=="div"||dataList[i].type=="table"){
-                
-                dataList[i].list.forEach((element:any) => {
-                    if(element.type=="associatedForms"){
-                        asfs.push(element)
-                    }
-                });
-            }else if(dataList[i].type=="grid"){
-                let columns = JSON.parse(JSON.stringify(dataList[i].columns));
-                //console.log(columns)
-                if(columns.length>0){ 
-                    for(let z = 0;z<columns.length;z++){
-                        for(let x = 0; x<columns[z].list.length;x++){
-                            let a = JSON.parse(JSON.stringify(columns[z].list[x]));
-                            //console.log(a)
-                            if(a.type=="associatedForms"){
-                                asfs.push(a)
-                            }
-                            
-                        }
-                    }
+
+    if (
+      dataList &&
+      Array.isArray(dataList) &&
+      dataList.length > 0 &&
+      controlData.value.type == "associatedForms" &&
+      currentAsfChangeCount.value == 0
+    ) {
+      //console.log(1)
+      asfsExpectCurrent = [];
+      asfs = [];
+      currentAsfChangeCount.value = 1;
+      for (let i = 0; i < dataList.length; i++) {
+        if (dataList[i].type == "associatedForms") {
+          asfs.push(dataList[i]);
+        } else if (
+          dataList[i].type == "card" ||
+          dataList[i].type == "flex" ||
+          dataList[i].type == "div" ||
+          dataList[i].type == "table"
+        ) {
+          dataList[i].list.forEach((element: any) => {
+            if (element.type == "associatedForms") {
+              asfs.push(element);
+            }
+          });
+        } else if (dataList[i].type == "grid") {
+          let columns = JSON.parse(JSON.stringify(dataList[i].columns));
+          //console.log(columns)
+          if (columns.length > 0) {
+            for (let z = 0; z < columns.length; z++) {
+              for (let x = 0; x < columns[z].list.length; x++) {
+                let a = JSON.parse(JSON.stringify(columns[z].list[x]));
+                //console.log(a)
+                if (a.type == "associatedForms") {
+                  asfs.push(a);
                 }
-            }else if(dataList[i].type=="tabs"){//tabs标签页有可能再嵌套一层flex或者table
-                let columns = JSON.parse(JSON.stringify(dataList[i].columns));
-                if(columns.length>0){
-                    for(let z = 0;z<columns.length;z++){
-                        for(let x = 0; x<columns[z].list.length;x++){
-                            let a = JSON.parse(JSON.stringify(columns[z].list[x]));
-                            //console.log(a)
-                            if(a.type=="associatedForms"){
-                                asfs.push(a)
-                            }else if(a.type=="flex"||a.type=="table"){
-                                if(a.list.length>0){
-                                    for(let m = 0;m<a.list.length;m++){
-                                        let q = JSON.parse(JSON.stringify(a.list[m]))
-                                        //console.log(q)
-                                        if(q.type=="associatedForms"){
-                                            asfs.push(q)
-                                        }
-                                    }
-                                }
-                            }
-                        }
+              }
+            }
+          }
+        } else if (dataList[i].type == "tabs") {
+          //tabs标签页有可能再嵌套一层flex或者table
+          let columns = JSON.parse(JSON.stringify(dataList[i].columns));
+          if (columns.length > 0) {
+            for (let z = 0; z < columns.length; z++) {
+              for (let x = 0; x < columns[z].list.length; x++) {
+                let a = JSON.parse(JSON.stringify(columns[z].list[x]));
+                //console.log(a)
+                if (a.type == "associatedForms") {
+                  asfs.push(a);
+                } else if (a.type == "flex" || a.type == "table") {
+                  if (a.list.length > 0) {
+                    for (let m = 0; m < a.list.length; m++) {
+                      let q = JSON.parse(JSON.stringify(a.list[m]));
+                      //console.log(q)
+                      if (q.type == "associatedForms") {
+                        asfs.push(q);
+                      }
                     }
+                  }
                 }
-            }	
+              }
+            }
+          }
         }
-        if(asfs.length>0){
-            asfsExpectCurrent = asfs.filter((item:any)=>{
-                return item.name!=controlData.value.name
-            })
-            /* if(asfsExpectCurrent.length>0){
+      }
+      if (asfs.length > 0) {
+        asfsExpectCurrent = asfs.filter((item: any) => {
+          return item.name != controlData.value.name;
+        });
+        /* if(asfsExpectCurrent.length>0){
                 console.log(asfsExpectCurrent)
             } */
-        }
+      }
     }
-    
-    
-},{
-    deep:true
-})
-
+  },
+  {
+    deep: true,
+  }
+);
 
 onMounted(() => {
-    
-    //console.log("------------------->",props.formData,props.formList) 
-    
-    
+  //console.log("------------------->",props.formData,props.formList)
 
-    
-    
-	gainFormGroupList()
-    
-    
-    
-    
-})
+  gainFormGroupList();
+});
 
 /**
 @ 作者: 秦东
@@ -3249,61 +3325,62 @@ onMounted(() => {
 const handleVisibleChange = (visible: any) => {
   if (visible) {
     // 如果下拉框显示
-    let selectDropdown: any = document.querySelector('.el-select-dropdown__wrap')
+    let selectDropdown: any = document.querySelector(".el-select-dropdown__wrap");
     // 监听下拉框滚动事件
-    selectDropdown.addEventListener('scroll', loadNextPage)
+    selectDropdown.addEventListener("scroll", loadNextPage);
   } else {
     // 如果下拉框隐藏
-    let selectDropdown: any = document.querySelector('.el-select-dropdown__wrap')
+    let selectDropdown: any = document.querySelector(".el-select-dropdown__wrap");
     // 移除下拉框滚动事件监听
-    selectDropdown.removeEventListener('scroll', loadNextPage)
+    selectDropdown.removeEventListener("scroll", loadNextPage);
   }
-}
+};
 const loadNextPage = () => {
-  let selectDropdown: any = document.querySelector('.el-select-dropdown__wrap');
+  let selectDropdown: any = document.querySelector(".el-select-dropdown__wrap");
   // 判断下拉框是否触底
-  if (selectDropdown.scrollTop + selectDropdown.clientHeight >= selectDropdown.scrollHeight - 2) {
-    loadingnomore.value = false
-    loadingmore.value = true
+  if (
+    selectDropdown.scrollTop + selectDropdown.clientHeight >=
+    selectDropdown.scrollHeight - 2
+  ) {
+    loadingnomore.value = false;
+    loadingmore.value = true;
     if (selectoptions.value.length <= 20) {
       setTimeout(() => {
         selectoptions.value.push({
           label: String(selectoptions.value.length),
           value: String(selectoptions.value.length),
-        }
-        )
-        loadingmore.value = false
-
-      }, 2000)
-    }else{
-      loadingmore.value = false
-    selectDropdown.removeEventListener('scroll', loadNextPage)
-    loadingnomore.value = true
+        });
+        loadingmore.value = false;
+      }, 2000);
+    } else {
+      loadingmore.value = false;
+      selectDropdown.removeEventListener("scroll", loadNextPage);
+      loadingnomore.value = true;
     }
   } else {
-    loadingnomore.value = true
+    loadingnomore.value = true;
   }
-}
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-06-22 13:57:55
 @ 功能: 判断该输入框是否不可编辑
 */
-const disabledIstrue = (val:string) => {
-	let ary = ["creater","creater_time","edit_time","owner","org"]
-	if (ary.includes(val)){
-		return true;
-	}else{
-		return false;
-	}
-}
+const disabledIstrue = (val: string) => {
+  let ary = ["creater", "creater_time", "edit_time", "owner", "org"];
+  if (ary.includes(val)) {
+    return true;
+  } else {
+    return false;
+  }
+};
 
 // watch(()=>controlData.value.customRules,(val:any) => {
 // 	// console.log("啊啊啊啊啊",val,typeof(val));
 // 	if(typeof(val)=="object"){
 // 		if(Array.isArray(val)){
 // 			val.forEach((item:any)=>{
-				
+
 // 			})
 // 		}
 // 	}
@@ -3315,305 +3392,352 @@ const disabledIstrue = (val:string) => {
 @ 时间: 2024-08-14 13:16:26
 @ 功能: 必填文本框改变
 */
-const requiredText = (val:any) => {
-	
-	if(typeof(controlData.value.customRules)=="object"){
-		if(Array.isArray(controlData.value.customRules)){	
-			controlData.value.customRules.forEach((item:any)=>{
-				if(item.type == ValidateText.type){
-					item.message = val
-				}
-			})
-		}
-	}
-	console.log("判断校验规则-1-->",controlData.value.customRules)
-}
+const requiredText = (val: any) => {
+  if (typeof controlData.value.customRules == "object") {
+    if (Array.isArray(controlData.value.customRules)) {
+      controlData.value.customRules.forEach((item: any) => {
+        if (item.type == ValidateText.type) {
+          item.message = val;
+        }
+      });
+    }
+  }
+  console.log("判断校验规则-1-->", controlData.value.customRules);
+};
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-08-14 14:35:07
 @ 功能: 校验文本框改变
 */
-const requiredTextRadio = (val:any) => {
-	console.log("校验文本框改变-->",val)
-	if(val.type == radioVerify.type){
-		if(typeof(controlData.value.customRules)=="object"){
-			if(Array.isArray(controlData.value.customRules)){	
-				controlData.value.customRules.forEach((item:any)=>{
-					if(item.type == radioVerify.type){
-						item.message = val.message
-					}
-				})
-			}
-		}
-	}
-	
-}
+const requiredTextRadio = (val: any) => {
+  console.log("校验文本框改变-->", val);
+  if (val.type == radioVerify.type) {
+    if (typeof controlData.value.customRules == "object") {
+      if (Array.isArray(controlData.value.customRules)) {
+        controlData.value.customRules.forEach((item: any) => {
+          if (item.type == radioVerify.type) {
+            item.message = val.message;
+          }
+        });
+      }
+    }
+  }
+};
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-08-14 13:21:43
 @ 功能: 是否选中必填
 */
-const requiredChangeSet = (val:boolean) => {
-	if (!controlData.value?.customRules) {
-		controlData.value.customRules = []
+const requiredChangeSet = (val: boolean) => {
+  if (!controlData.value?.customRules) {
+    controlData.value.customRules = [];
+  }
+  if (val) {
+    if (
+      Array.isArray(controlData.value.customRules) &&
+      controlData.value.customRules.length > 0
+    ) {
+      let isNewWrite = true;
+      controlData.value.customRules.forEach((item: any) => {
+        if (item.type == ValidateText.type) {
+          isNewWrite = false;
+        }
+      });
+      if (isNewWrite) {
+        controlData.value.customRules.push({
+          type: ValidateText.type,
+          message: ValidateText.message,
+          trigger: "blur",
+        });
+      }
+    } else {
+      controlData.value.customRules.push({
+        type: ValidateText.type,
+        message: ValidateText.message,
+        trigger: "blur",
+      });
     }
-	if(val){
-		if(Array.isArray(controlData.value.customRules) && controlData.value.customRules.length > 0){
-			let isNewWrite = true
-			controlData.value.customRules.forEach((item:any)=>{
-				if(item.type == ValidateText.type){
-					isNewWrite = false
-				}
-			})
-			if(isNewWrite){
-				controlData.value.customRules.push({ 
-					type: ValidateText.type, 
-					message: ValidateText.message, 
-					trigger: "blur" 
-				})
-			}
-		}else{
-			controlData.value.customRules.push({ 
-					type: ValidateText.type, 
-					message: ValidateText.message, 
-					trigger: "blur" 
-				})
-		}
-	}else{
-		if(Array.isArray(controlData.value.customRules) && controlData.value.customRules.length > 0){
-			controlData.value.customRules.forEach((item:any,index:number)=>{
-				
-				if(item.type == ValidateText.type){
-					controlData.value.customRules.splice(index, 1)
-				}
-			})
-		}
-		// controlData.value.item.rules.splice(0, 1)
-	}
-	// console.log("判断校验规则-222-->",controlData.value.customRules)
-}
+  } else {
+    if (
+      Array.isArray(controlData.value.customRules) &&
+      controlData.value.customRules.length > 0
+    ) {
+      controlData.value.customRules.forEach((item: any, index: number) => {
+        if (item.type == ValidateText.type) {
+          controlData.value.customRules.splice(index, 1);
+        }
+      });
+    }
+    // controlData.value.item.rules.splice(0, 1)
+  }
+  // console.log("判断校验规则-222-->",controlData.value.customRules)
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-08-14 14:14:42
 @ 功能: 单选改变事件
 */
-const radioChangeSet = (val:any) => {
-	console.log("单选改变事件-222-->",val)
-	let pickRadio = {}
-	let isTrue = true
-	textUinrVerfy.forEach((item:any) => {
-		if(item.type == val){
-			pickRadio = item
-			isTrue = false
-		}
-	})
-	if(isTrue){
-		numberUinrVerfy.forEach((item:any) => {
-			if(item.type == val){
-				pickRadio = item
-				isTrue = false
-			}
-		})
-	}
-	// console.log("单选改变事件-3333-->",pickRadio)
-	if (!controlData.value?.customRules) {
-		controlData.value.customRules = []
+const radioChangeSet = (val: any) => {
+  console.log("单选改变事件-222-->", val);
+  let pickRadio = {};
+  let isTrue = true;
+  textUinrVerfy.forEach((item: any) => {
+    if (item.type == val) {
+      pickRadio = item;
+      isTrue = false;
     }
-	if(Array.isArray(controlData.value.customRules) && controlData.value.customRules.length > 0){
-		let isNewWrite = true
-		controlData.value.customRules.forEach((item:any,index:number)=>{
-			if(item.type == ValidateText.type){
-				isNewWrite = false
-			}else{
-				controlData.value.customRules.splice(index, 1)
-			}
-		})
-		controlData.value.customRules.push({ 
-			type: pickRadio.type, 
-			message: pickRadio.message, 
-			trigger: "blur" 
-		})
-	}else{
-		controlData.value.customRules.push({ 
-			type: pickRadio.type, 
-			message: pickRadio.message, 
-			trigger: "blur" 
-		})
-	}
-}
+  });
+  if (isTrue) {
+    numberUinrVerfy.forEach((item: any) => {
+      if (item.type == val) {
+        pickRadio = item;
+        isTrue = false;
+      }
+    });
+  }
+  // console.log("单选改变事件-3333-->",pickRadio)
+  if (!controlData.value?.customRules) {
+    controlData.value.customRules = [];
+  }
+  if (
+    Array.isArray(controlData.value.customRules) &&
+    controlData.value.customRules.length > 0
+  ) {
+    let isNewWrite = true;
+    controlData.value.customRules.forEach((item: any, index: number) => {
+      if (item.type == ValidateText.type) {
+        isNewWrite = false;
+      } else {
+        controlData.value.customRules.splice(index, 1);
+      }
+    });
+    controlData.value.customRules.push({
+      type: pickRadio.type,
+      message: pickRadio.message,
+      trigger: "blur",
+    });
+  } else {
+    controlData.value.customRules.push({
+      type: pickRadio.type,
+      message: pickRadio.message,
+      trigger: "blur",
+    });
+  }
+};
 </script>
 <template>
-    
-	<div  class="sidebar-tools">
-            <el-tabs v-model="state.tabsName">
-                <el-tab-pane label="字段配置" name="first">
-                    <el-form size="small" class="form">
-                        <!-- <div class=""><h3>通用属性</h3></div> -->
-                        <el-divider content-position="left">通用属性</el-divider>
-			
-                        <template v-for="(item, index) in attrList" :key="index">
-							
-    
-                            <el-form-item :label="item.label"  class="form_cont">
-                                <el-select
-                                    v-if="item.type === 'select'"
-                                    :placeholder="item.placeholder"
-                                    v-model="item.value"
-                                    :filterable="item.path === 'name'"
-                                    :allow-create="item.path === 'name'"
-                                    :clearable="item.clearable"
-                                    @change="controlChange(item, $event)"
-                                >
-                                    <el-option
-                                    v-for="(opt, key) in item.dict"
-                                    :key="key"
-                                    :value="item.path === 'name' ? opt.name : key"
-                                    :label="
-                                        item.path === 'name' ? `${opt.label}(${opt.name})` : opt
-                                    "
-                                    />
-                                </el-select>
-                                <el-switch
-                                    v-else-if="item.type === 'switch'"
-                                    v-model="item.value"
-                                    @change="controlChange(item, $event)"
-                                />
-    
-                                <template v-else-if="item.type === 'digitpage'">
-                                    <el-row>
-                                        <el-col :span="12">
-                                            <el-select
-                                                v-model="item.selectvalue"
-                                                :placeholder="item.placeholder"
-                                                :filterable="item.path === 'name'"
-                                                :allow-create="item.path === 'name'"
-                                                :clearable="item.clearable"
-                                                @change="digitPageSub(item, $event)"
-                                            >
-                                                <el-option
-                                                    v-for="(opt, key) in item.dict"
-                                                    :key="key"
-                                                    :value="item.path === 'name' ? opt.name : key"
-                                                    :label="
-                                                        item.path === 'name' ? `${opt.label}(${opt.name})` : opt
-                                                    "
-                                                />
-                                            </el-select>
-                                        </el-col>
-                                        <el-col :span="12">
-                                            <el-input-number
-                                                v-if="item.selectvalue == 'default'"
-                                                v-model="item.control.modelValue"
-                                                class="mx-4"
-                                            />
-                                        </el-col>
-                                    </el-row>
-                                    <div  v-if="item.selectvalue == 'simple'" style="width:100%;cursor: pointer; margin-top:10px;"  @click="openMathDialog(item)" v-html="item.control.mathFormula.formulaHtml"></div>
-                                    <MathFormula  v-model:show="mathBoxShow" :sub-unit="subUnit" :unit-info="attrList" :form-listmap="formListmap" @updata-digit="updataDigit" />
-                                    
-                                </template>
-    
-                                
-                                <el-row v-else-if="item.type === 'uploadvideo_url'">
-                                    <!-- {{ controlData.control }} -->
-                                    <el-upload  
-                                    
-                                    :action="uploadUrl"  :before-remove="beforeRemove"
-                                    :on-success="videoUploadOk" :show-file-list="true"
-                                    :on-error="videoUploadErr"
-                                    :limit="1"
-                                    :on-exceed="handleExceed"
-                                    accept=".mp4,.MOV,.WMV,.FLV,.AVI,.AVCHD,.WebM,.MKV,.rmvb">
-                                        <el-button v-if="!controlData.control.videoMsg[videoIndex].videoReady" type="primary">点此上传</el-button>
-                                        <el-button v-if="controlData.control.videoMsg[videoIndex].videoReady" type="primary">已上传,点击修改</el-button>
-                                    </el-upload>
-                                    <!-- <el-button v-if="controlData.control.videoMsg[videoIndex].videoReady" type="primary">已上传,点击修改</el-button> 
+  <div class="sidebar-tools">
+    <el-tabs v-model="state.tabsName">
+      <el-tab-pane label="字段配置" name="first">
+        <el-form size="small" class="form">
+          <!-- <div class=""><h3>通用属性</h3></div> -->
+          <el-divider content-position="left">通用属性</el-divider>
+
+          <template v-for="(item, index) in attrList" :key="index">
+            <el-form-item :label="item.label" class="form_cont">
+              <el-select
+                v-if="item.type === 'select'"
+                :placeholder="item.placeholder"
+                v-model="item.value"
+                :filterable="item.path === 'name'"
+                :allow-create="item.path === 'name'"
+                :clearable="item.clearable"
+                @change="controlChange(item, $event)"
+              >
+                <el-option
+                  v-for="(opt, key) in item.dict"
+                  :key="key"
+                  :value="item.path === 'name' ? opt.name : key"
+                  :label="item.path === 'name' ? `${opt.label}(${opt.name})` : opt"
+                />
+              </el-select>
+              <el-switch
+                v-else-if="item.type === 'switch'"
+                v-model="item.value"
+                @change="controlChange(item, $event)"
+              />
+
+              <template v-else-if="item.type === 'digitpage'">
+                <el-row>
+                  <el-col :span="12">
+                    <el-select
+                      v-model="item.selectvalue"
+                      :placeholder="item.placeholder"
+                      :filterable="item.path === 'name'"
+                      :allow-create="item.path === 'name'"
+                      :clearable="item.clearable"
+                      @change="digitPageSub(item, $event)"
+                    >
+                      <el-option
+                        v-for="(opt, key) in item.dict"
+                        :key="key"
+                        :value="item.path === 'name' ? opt.name : key"
+                        :label="item.path === 'name' ? `${opt.label}(${opt.name})` : opt"
+                      />
+                    </el-select>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-input-number
+                      v-if="item.selectvalue == 'default'"
+                      v-model="item.control.modelValue"
+                      class="mx-4"
+                    />
+                  </el-col>
+                </el-row>
+                <div
+                  v-if="item.selectvalue == 'simple'"
+                  style="width: 100%; cursor: pointer; margin-top: 10px"
+                  @click="openMathDialog(item)"
+                  v-html="item.control.mathFormula.formulaHtml"
+                ></div>
+                <MathFormula
+                  v-model:show="mathBoxShow"
+                  :sub-unit="subUnit"
+                  :unit-info="attrList"
+                  :form-listmap="formListmap"
+                  @updata-digit="updataDigit"
+                />
+              </template>
+
+              <el-row v-else-if="item.type === 'uploadvideo_url'">
+                <!-- {{ controlData.control }} -->
+                <el-upload
+                  :action="uploadUrl"
+                  :before-remove="beforeRemove"
+                  :on-success="videoUploadOk"
+                  :show-file-list="true"
+                  :on-error="videoUploadErr"
+                  :limit="1"
+                  :on-exceed="handleExceed"
+                  accept=".mp4,.MOV,.WMV,.FLV,.AVI,.AVCHD,.WebM,.MKV,.rmvb"
+                >
+                  <el-button
+                    v-if="!controlData.control.videoMsg[videoIndex].videoReady"
+                    type="primary"
+                    >点此上传</el-button
+                  >
+                  <el-button
+                    v-if="controlData.control.videoMsg[videoIndex].videoReady"
+                    type="primary"
+                    >已上传,点击修改</el-button
+                  >
+                </el-upload>
+                <!-- <el-button v-if="controlData.control.videoMsg[videoIndex].videoReady" type="primary">已上传,点击修改</el-button> 
                                     v-if="!controlData.control.videoMsg[videoIndex].videoReady"-->
-                                </el-row>
-                                <!-- <el-row v-else-if="item.type === 'uploadvideo_poster'">
+              </el-row>
+              <!-- <el-row v-else-if="item.type === 'uploadvideo_poster'">
                                     <el-upload  
                                     v-if="controlData.control.videoMsg[videoIndex].videoReady&&controlData.control.videoMsg[videoIndex].poster===''"
                                     :action="uploadUrl"  :before-remove="beforeRemove"
                                     :on-success="videoUploadOk" :show-file-list="true"
                                     :on-error="videoUploadErr"
                                     
-                                    accept=".mp4,.MOV,.WMV,.FLV,.AVI,.AVCHD,.WebM,.MKV,.rmvb">
-                                        
-                                        <el-tooltip
-                                            class="box-item"
-                                            content="不上传则视频封面默认为视频第一帧"
-                                            placement="top-end"
-                                        >
-                                            <el-button type="primary">点此上传</el-button>
-                                        </el-tooltip>
-                                    </el-upload>
-                                    <el-button v-if="!controlData.control[videoIndex].videoReady" type="warning">请先上传视频</el-button>
-                                    <el-button v-if="controlData.control.videoMsg[videoIndex].videoReady&&controlData.control.videoMsg[videoIndex].poster!=''" type="primary">已上传,点击修改</el-button>
-                                </el-row>  -->
-                                <el-row v-else-if="item.type === 'uploadvideo_autoPlay'">
-                                    <el-switch v-model="controlData.control.videoMsg[videoIndex].videoAutoPlay" />
-                                </el-row>
-                                <el-row v-else-if="item.type === 'uploadvideo_loopPlay'">
-                                    <el-switch v-model="controlData.control.videoMsg[videoIndex].loop" />
-                                </el-row>
-                                <el-row v-else-if="item.type === 'uploadvideo_width'">
-                                    <el-input-number v-model="controlData.control.videoMsg[videoIndex].videoWidth" :step="50" :max="4096"/>
-                                </el-row>
-                                <el-row v-else-if="item.type === 'uploadvideo_height'">
-                                    <el-input-number v-model="controlData.control.videoMsg[videoIndex].videoHeight" :step="50" :max="2160"/>
-                                </el-row>
-    
-                                <el-row v-else-if="item.type === 'carousel'">
-    
-                                    <el-button  type="primary" append-to-body="true" modal="true" @click="dialogTableVisible = true"  >轮播图设置</el-button>
-                                </el-row>
-                                
-
-								<el-row v-else-if="item.type === 'transfer_name'">
-									<el-input
-										v-model="controlData.config.transferName"
-										placeholder="请输入穿梭框名"
-										style="width:221px"
-									/>
-								</el-row>
-								<el-row v-else-if="item.type ==='transfer_options_datasource'">
-									<!-- <span style="display:inline-block;width:78px">选项数据源</span> -->
-									<el-select
-										v-model="controlData.config.transferDataSource"
-										placeholder="选项数据源"
-										style="width: 150px; height:20px">
-										<el-option
-										v-for="dataSourceOption1 in transferDataSourceOptions"
-										:key="dataSourceOption1.value"
-										:label="dataSourceOption1.label"
-										:value="dataSourceOption1.value"
-										/>
-										
-									</el-select>
-									<div v-if="controlData.config.transferDataSource==='固定选项'" style="width: auto;margin-top:33px;margin-left:-220px;padding-bottom: 6px;">
-										<el-button  type="primary" append-to-body="true" modal="true" @click="transferDialogTableVisible = true"  >编辑固定选项</el-button>
-									</div>
-									<div v-if="controlData.config.transferDataSource==='数据源'" style="width: auto;margin-top: 20px;">
-										<!-- <span style="display:inline-block;width:50px;margin-bottom: 25px;">接口url</span> -->
-										<el-input
-											v-model="controlData.config.apiUrl"
-											
-											style="width:278px;margin-left: -68px;margin-top: -5px;"
-											placeholder="数据源接口url">
-												<template #prepend>
-													<el-select
-														v-model="controlData.config.method"
-														style="width: 100px">
-														<el-option label="get" value="get" />
-														<el-option label="post" value="post" />
-													</el-select>
-												</template>
-											</el-input>
-									</div>
-								</el-row>
-								<!-- <el-row v-else-if="item.type === 'lowcodeImage_radius'">
+                                    accept=".mp4,.MOV,.WMV,.FLV,.AVI,.AVCHD,.WebM,.MKV,.rmvb">
+                                        
+                                        <el-tooltip
+                                            class="box-item"
+                                            content="不上传则视频封面默认为视频第一帧"
+                                            placement="top-end"
+                                        >
+                                            <el-button type="primary">点此上传</el-button>
+                                        </el-tooltip>
+                                    </el-upload>
+                                    <el-button v-if="!controlData.control[videoIndex].videoReady" type="warning">请先上传视频</el-button>
+                                    <el-button v-if="controlData.control.videoMsg[videoIndex].videoReady&&controlData.control.videoMsg[videoIndex].poster!=''" type="primary">已上传,点击修改</el-button>
+                                </el-row>  -->
+              <el-row v-else-if="item.type === 'uploadvideo_autoPlay'">
+                <el-switch
+                  v-model="controlData.control.videoMsg[videoIndex].videoAutoPlay"
+                />
+              </el-row>
+              <el-row v-else-if="item.type === 'uploadvideo_loopPlay'">
+                <el-switch v-model="controlData.control.videoMsg[videoIndex].loop" />
+              </el-row>
+              <el-row v-else-if="item.type === 'uploadvideo_width'">
+                <el-input-number
+                  v-model="controlData.control.videoMsg[videoIndex].videoWidth"
+                  :step="50"
+                  :max="4096"
+                />
+              </el-row>
+              <el-row v-else-if="item.type === 'uploadvideo_height'">
+                <el-input-number
+                  v-model="controlData.control.videoMsg[videoIndex].videoHeight"
+                  :step="50"
+                  :max="2160"
+                />
+              </el-row>
+
+              <el-row v-else-if="item.type === 'carousel'">
+                <el-button
+                  type="primary"
+                  append-to-body="true"
+                  modal="true"
+                  @click="dialogTableVisible = true"
+                  >轮播图设置</el-button
+                >
+              </el-row>
+
+              <el-row v-else-if="item.type === 'transfer_name'">
+                <el-input
+                  v-model="controlData.config.transferName"
+                  placeholder="请输入穿梭框名"
+                  style="width: 221px"
+                />
+              </el-row>
+              <el-row v-else-if="item.type === 'transfer_options_datasource'">
+                <!-- <span style="display:inline-block;width:78px">选项数据源</span> -->
+                <el-select
+                  v-model="controlData.config.transferDataSource"
+                  placeholder="选项数据源"
+                  style="width: 150px; height: 20px"
+                >
+                  <el-option
+                    v-for="dataSourceOption1 in transferDataSourceOptions"
+                    :key="dataSourceOption1.value"
+                    :label="dataSourceOption1.label"
+                    :value="dataSourceOption1.value"
+                  />
+                </el-select>
+                <div
+                  v-if="controlData.config.transferDataSource === '固定选项'"
+                  style="
+                    width: auto;
+                    margin-top: 33px;
+                    margin-left: -220px;
+                    padding-bottom: 6px;
+                  "
+                >
+                  <el-button
+                    type="primary"
+                    append-to-body="true"
+                    modal="true"
+                    @click="transferDialogTableVisible = true"
+                    >编辑固定选项</el-button
+                  >
+                </div>
+                <div
+                  v-if="controlData.config.transferDataSource === '数据源'"
+                  style="width: auto; margin-top: 20px"
+                >
+                  <!-- <span style="display:inline-block;width:50px;margin-bottom: 25px;">接口url</span> -->
+                  <el-input
+                    v-model="controlData.config.apiUrl"
+                    style="width: 278px; margin-left: -68px; margin-top: -5px"
+                    placeholder="数据源接口url"
+                  >
+                    <template #prepend>
+                      <el-select v-model="controlData.config.method" style="width: 100px">
+                        <el-option label="get" value="get" />
+                        <el-option label="post" value="post" />
+                      </el-select>
+                    </template>
+                  </el-input>
+                </div>
+              </el-row>
+              <!-- <el-row v-else-if="item.type === 'lowcodeImage_radius'">
 									<el-switch v-model="controlData.control.radius" style="margin-right: 15px;"/>
 									<el-popover
 										placement="top-start"
@@ -3626,7 +3750,7 @@ const radioChangeSet = (val:any) => {
 									</template>
 									</el-popover>
 								</el-row> -->
-								<!-- <el-row v-else-if="item.type === 'lowcodeImage_url'">
+              <!-- <el-row v-else-if="item.type === 'lowcodeImage_url'">
 									<el-upload 
 									:action="uploadUrl"  :before-remove="beforeRemove"
 									:on-success="lowcodeImageUploadSuccess" 
@@ -3637,7 +3761,7 @@ const radioChangeSet = (val:any) => {
 										<el-button v-if="controlData.control.uploadFlag" type="primary">已上传,点击修改</el-button>
 									</el-upload>
 								</el-row> -->
-								<!-- <el-row v-else-if="item.type === 'lowcodeImage_showMode'">
+              <!-- <el-row v-else-if="item.type === 'lowcodeImage_showMode'">
 									<el-select
 										v-model="controlData.control.showMode"
 										placeholder="选项数据源"
@@ -3659,7 +3783,7 @@ const radioChangeSet = (val:any) => {
 										<span style="margin-right: 10px;">百分比高 </span><el-input-number v-model="controlData.control.heightPercent" />
 									</div>
 								</el-row> -->
-								<!-- <el-row v-else-if="item.type === 'lowcodeImage_fit'">
+              <!-- <el-row v-else-if="item.type === 'lowcodeImage_fit'">
 									<el-radio-group v-model="controlData.control.fit">
 										<el-popover
 											placement="top-start"
@@ -3724,7 +3848,7 @@ const radioChangeSet = (val:any) => {
 										
 									</el-radio-group>
 								</el-row> -->
-								<!-- <el-row v-else-if="item.type === 'lowcodeImage_boderAndShadow'">
+              <!-- <el-row v-else-if="item.type === 'lowcodeImage_boderAndShadow'">
 									<el-switch v-model="controlData.control.boderAndShadow" style="margin-right: 15px;"/>
 								</el-row>
 								<el-row v-else-if="item.type === 'lowcodeImage_link'">
@@ -3766,404 +3890,461 @@ const radioChangeSet = (val:any) => {
 									
 								</el-row> -->
 
-								<el-row v-else-if="item.type === 'associatedForms_hide'">
-									<el-button v-if="controlData.control.hideConditionHtml===''" style="padding-top: 5px;" type="primary" link append-to-body="true" modal="true" @click="associatedFormsHideDialoghandle"  >设置隐藏条件</el-button>
-									<div   style="width:100%; cursor: pointer;"  @click="associatedFormsHideDialoghandle" v-html="controlData.control.hideConditionHtml"></div>
-								</el-row>
-
-
-                                <el-row v-else-if="item.type === 'associatedForms_form'">
-                                    <el-button type="primary" link style="display:block;cursor: pointer;" @click="chooseAssociatedForm">{{ controlData.control.asfasfLabel==''?'选择关联表单':controlData.control.asfasfLabel }}</el-button>
-                                    
-								</el-row> 
-
-                                <el-row v-else-if="item.type === 'associatedForms_dataRange'">
-									<el-button v-if="controlData.control.dataRangeConditionHtml===''" style="padding-top: 5px;" type="primary" link append-to-body="true" modal="true" @click="associatedFormsDataRangeDialoghandle"  >设置数据范围</el-button>
-									<div style="width:100%; cursor: pointer;" @click="associatedFormsDataRangeDialoghandle"  v-html="controlData.control.dataRangeConditionHtml"></div>
-								</el-row>
-
-
-                                <el-row v-else-if="item.type === 'associatedForms_FillRoles'">
-									<el-button  style="padding-top: 5px;" type="primary" link append-to-body="true" modal="true" @click="associatedFormsDataFillRolesDialoghandle"  >设置数据填充规则</el-button>
-								
-								</el-row>
-
-								<el-row v-else-if="item.path === 'unitName'">
-									<el-input
-										:type="item.inputStyle"
-										v-model="item.value"
-										:placeholder="item.placeholder"
-										disabled 
-									/>
-								
-								</el-row>
-								
-
-                                <el-input
-                                    v-else
-                                    :type="item.inputStyle"
-                                    v-model="item.value"
-                                    :placeholder="item.placeholder"
-									:disabled="isNotWriteWord(item)"
-                                    @input="controlChange(item, $event)"
-                                />
-                                
-    
-                            </el-form-item>
-    
-                            
-                            
-                        </template>
-                        
-                        <template v-if="controlData.config">
-                            <!-- <el-form-item label="联动条件"  class="form_cont">
+              <el-row v-else-if="item.type === 'associatedForms_hide'">
+                <el-button
+                  v-if="controlData.control.hideConditionHtml === ''"
+                  style="padding-top: 5px"
+                  type="primary"
+                  link
+                  append-to-body="true"
+                  modal="true"
+                  @click="associatedFormsHideDialoghandle"
+                  >设置隐藏条件</el-button
+                >
+                <div
+                  style="width: 100%; cursor: pointer"
+                  @click="associatedFormsHideDialoghandle"
+                  v-html="controlData.control.hideConditionHtml"
+                ></div>
+              </el-row>
+
+              <el-row v-else-if="item.type === 'associatedForms_form'">
+                <el-button
+                  type="primary"
+                  link
+                  style="display: block; cursor: pointer"
+                  @click="chooseAssociatedForm"
+                  >{{
+                    controlData.control.asfasfLabel == ""
+                      ? "选择关联表单"
+                      : controlData.control.asfasfLabel
+                  }}</el-button
+                >
+              </el-row>
+
+              <el-row v-else-if="item.type === 'associatedForms_dataRange'">
+                <el-button
+                  v-if="controlData.control.dataRangeConditionHtml === ''"
+                  style="padding-top: 5px"
+                  type="primary"
+                  link
+                  append-to-body="true"
+                  modal="true"
+                  @click="associatedFormsDataRangeDialoghandle"
+                  >设置数据范围</el-button
+                >
+                <div
+                  style="width: 100%; cursor: pointer"
+                  @click="associatedFormsDataRangeDialoghandle"
+                  v-html="controlData.control.dataRangeConditionHtml"
+                ></div>
+              </el-row>
+
+              <el-row v-else-if="item.type === 'associatedForms_FillRoles'">
+                <el-button
+                  style="padding-top: 5px"
+                  type="primary"
+                  link
+                  append-to-body="true"
+                  modal="true"
+                  @click="associatedFormsDataFillRolesDialoghandle"
+                  >设置数据填充规则</el-button
+                >
+              </el-row>
+
+              <el-row v-else-if="item.path === 'unitName'">
+                <el-input
+                  :type="item.inputStyle"
+                  v-model="item.value"
+                  :placeholder="item.placeholder"
+                  disabled
+                />
+              </el-row>
+
+              <el-input
+                v-else
+                :type="item.inputStyle"
+                v-model="item.value"
+                :placeholder="item.placeholder"
+                :disabled="isNotWriteWord(item)"
+                @input="controlChange(item, $event)"
+              />
+            </el-form-item>
+          </template>
+
+          <template v-if="controlData.config">
+            <!-- <el-form-item label="联动条件"  class="form_cont">
                                 <el-switch v-model="controlData.config.linkKey" />
                             </el-form-item> -->
-                            <template v-if="controlData.config.linkKey">
-                                <el-form-item  class="form_cont">
-                                    <el-input
-                                    v-model="controlData.config.linkValue"
-                                    type="textarea"
-                                    placeholder="表达式如: $.input>1 $表示为当前表单数据，input为字段标识"
-                                    />
-                                </el-form-item>
-                                <el-form-item
-                                    class="form_cont"
-                                    v-if="
-                                    showHide(
-                                        [
-                                        'input',
-                                        'textarea',
-                                        'radio',
-                                        'checkbox',
-                                        'select',
-                                        'date',
-                                        'switch',
-                                        'number',
-                                        'cascader',
-                                        'slider',
-                                        'datePicker',
-                                        'timePicker',
-                                        'colorPicker',
-                                        'inputNumber',
-                                        'rate',
-                                        'treeSelect'
-                                        ],
-                                        true
-                                    )
-                                    "
-                                    label="联动结果"
-                                >
-                                    <el-radio-group
-                                        v-model="controlData.config.linkResult"
-                                        class="option-radio"
-                                    >
-                                        <el-radio label="hidden">隐藏(默认)</el-radio>
-                                        <el-radio label="disabled">禁用</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                            </template>
-                        </template>
-                        <template v-if="showHide(['tabs'], true)">
-                            <!-- <div class="h3"><h3>标签配置项</h3></div> -->
-                            <el-divider content-position="left">标签配置项</el-divider>
-                            <el-form-item
-                                class="form_cont"
-                                v-for="(item, index) in controlData.columns"
-                                :key="index"
-                            >
-                                <el-col :span="12">
-                                    <el-input v-model="item.label" placeholder="标签配置项" />
-                                </el-col>
-                                <el-col :span="2" :offset="1">
-                                    <i
-                                        class="icon-del"
-                                        @click="delSelectOption(index as number, 'tabs')"
-                                    ></i>
-                                </el-col>
-                            </el-form-item>
-                            <el-form-item  class="form_cont">
-                                <el-button @click="addSelectOption('tabs')">增加标签</el-button>
-                            </el-form-item>
-                        </template>
-                        <!--编号规则设置--->
-                        <div
-                            v-if="showHide(['serialNumber'],true)"
-                        >
-                            <!-- <div class="h3"><h3>编码规则配置</h3></div> -->
-                            <el-divider content-position="left">编码规则配置</el-divider>
-                            <el-form-item label="编码方式" class="form_cont">
-                                <el-switch v-model="controlData.config.automatic" inline-prompt active-text="自动编码" inactive-text="手动编码" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #E6A23C" />
-                            </el-form-item>
-                            <div v-if="controlData.config.automatic">
-                                <el-form-item v-for="(item, index) in controlData.config.customRules" :key="index" class="form_cont">
-                                    
-                                    <el-input v-model="item.rule" :placeholder="item.message?item.message:'请输入自定义字符'">
-                                        <template #prepend>
-                                            <el-select
-                                                v-model="item.type"
-                                                style="width: 100px"
-                                                @change="rulesSelectNumChange(item, $event)"
-                                            >
-                                                <el-option
-                                                    v-for="list in state.numberRulesList"
-                                                    :key="list.type"
-                                                    :label="list.label"
-                                                    :value="list.type"
-                                                />
-                                            </el-select>
-                                        </template>
-                                        <template #append>
-                                            <i
-                                            class="icon-del"
-                                            @click="delNumRules(index as number)"
-                                            ></i>
-                                        </template>
-                                    </el-input>
-    
-    
-                                </el-form-item>
-                                <el-form-item class="form_cont">
-                                    <el-button @click="addNumRules">添加规则</el-button>
-                                </el-form-item>
-                            </div>
-                        </div>
-                        <!-- {{controlData.config.optionsType}} -->
-                        <div v-if="showHide(['switch'],true)">
-                            <el-button @click="handelGlxxszDialogSwitch">关联选项设置</el-button>
-                        </div>
-                        <div v-if="showHide(['radio','select',],true)&&controlData.config.optionsType==0">
-                            <el-button @click="handelGlxxszDialog">关联选项设置</el-button>
-                        </div>
-                        <div v-if="showHide(['checkbox',],true)&&controlData.config.optionsType==0">
-                            <el-button @click="handelGlxxszDialogCheckbox">关联选项设置</el-button>
-                        </div>
-                        <div
-                            v-if="
-                            showHide(
-                                [
-                                'radio',
-                                'select',
-                                'checkbox',
-                                'cascader',
-                                'inputSlot',
-                                'treeSelect'
-                                ],
-                                true
-                            )
-                            "
-                        >
-                            <!-- <div class="h3"><h3>选项配置</h3></div> -->
-                            <el-divider content-position="left">选项配置</el-divider>
-                            <el-form-item v-if="showHide(['select'], true)" label="添加全部项" class="form_cont">
-                                <el-input
-                                    v-model="controlData.config.addAll"
-                                    placeholder="请输入全部项文案"
-                                />
-                            </el-form-item>
-                            <el-form-item label="选项数据源" class="form_cont">
-                                <el-select
-                                    v-model="controlData.config.optionsType"
-                                    @change="optionsTypeChanged"
-                                >
-                                    <el-option :value="0" label="固定选项" />
-                                    <el-option :value="3" label="系统表单字段"/>
-                                    <el-option :value="1" label="数据源" />
-                                    <el-option :value="2" label="接口字典" />
-                                </el-select>
-                            </el-form-item>
-                            <template v-if="controlData.config.optionsType === 0">
-                                <div v-if="controlData.type !== 'cascader'&&controlData.type !== 'checkbox'">
-                                    <el-form-item
-                                        v-for="(item, index) in controlData.options"
-                                        :key="index"
-                                        class="form_cont"
-										label="选项标签"
-                                    >
-                                        <el-col :span="10">
-                                            <el-input v-model="item.label" placeholder="选项标签" />
-                                        </el-col>
-                                        <!-- <el-col :span="10" :offset="1">
+            <template v-if="controlData.config.linkKey">
+              <el-form-item class="form_cont">
+                <el-input
+                  v-model="controlData.config.linkValue"
+                  type="textarea"
+                  placeholder="表达式如: $.input>1 $表示为当前表单数据，input为字段标识"
+                />
+              </el-form-item>
+              <el-form-item
+                class="form_cont"
+                v-if="
+                  showHide(
+                    [
+                      'input',
+                      'textarea',
+                      'radio',
+                      'checkbox',
+                      'select',
+                      'date',
+                      'switch',
+                      'number',
+                      'cascader',
+                      'slider',
+                      'datePicker',
+                      'timePicker',
+                      'colorPicker',
+                      'inputNumber',
+                      'rate',
+                      'treeSelect',
+                    ],
+                    true
+                  )
+                "
+                label="联动结果"
+              >
+                <el-radio-group
+                  v-model="controlData.config.linkResult"
+                  class="option-radio"
+                >
+                  <el-radio label="hidden">隐藏(默认)</el-radio>
+                  <el-radio label="disabled">禁用</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </template>
+          </template>
+          <template v-if="showHide(['tabs'], true)">
+            <!-- <div class="h3"><h3>标签配置项</h3></div> -->
+            <el-divider content-position="left">标签配置项</el-divider>
+            <el-form-item
+              class="form_cont"
+              v-for="(item, index) in controlData.columns"
+              :key="index"
+            >
+              <el-col :span="12">
+                <el-input v-model="item.label" placeholder="标签配置项" />
+              </el-col>
+              <el-col :span="2" :offset="1">
+                <i class="icon-del" @click="delSelectOption(index as number, 'tabs')"></i>
+              </el-col>
+            </el-form-item>
+            <el-form-item class="form_cont">
+              <el-button @click="addSelectOption('tabs')">增加标签</el-button>
+            </el-form-item>
+          </template>
+          <!--编号规则设置--->
+          <div v-if="showHide(['serialNumber'], true)">
+            <!-- <div class="h3"><h3>编码规则配置</h3></div> -->
+            <el-divider content-position="left">编码规则配置</el-divider>
+            <el-form-item label="编码方式" class="form_cont">
+              <el-switch
+                v-model="controlData.config.automatic"
+                inline-prompt
+                active-text="自动编码"
+                inactive-text="手动编码"
+                style="--el-switch-on-color: #13ce66; --el-switch-off-color: #e6a23c"
+              />
+            </el-form-item>
+            <div v-if="controlData.config.automatic">
+              <el-form-item
+                v-for="(item, index) in controlData.config.customRules"
+                :key="index"
+                class="form_cont"
+              >
+                <el-input
+                  v-model="item.rule"
+                  :placeholder="item.message ? item.message : '请输入自定义字符'"
+                >
+                  <template #prepend>
+                    <el-select
+                      v-model="item.type"
+                      style="width: 100px"
+                      @change="rulesSelectNumChange(item, $event)"
+                    >
+                      <el-option
+                        v-for="list in state.numberRulesList"
+                        :key="list.type"
+                        :label="list.label"
+                        :value="list.type"
+                      />
+                    </el-select>
+                  </template>
+                  <template #append>
+                    <i class="icon-del" @click="delNumRules(index as number)"></i>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item class="form_cont">
+                <el-button @click="addNumRules">添加规则</el-button>
+              </el-form-item>
+            </div>
+          </div>
+          <!-- {{controlData.config.optionsType}} -->
+          <div v-if="showHide(['switch'], true)">
+            <el-button @click="handelGlxxszDialogSwitch">关联选项设置</el-button>
+          </div>
+          <div
+            v-if="
+              showHide(['radio', 'select'], true) && controlData.config.optionsType == 0
+            "
+          >
+            <el-button @click="handelGlxxszDialog">关联选项设置</el-button>
+          </div>
+          <div v-if="showHide(['checkbox'], true) && controlData.config.optionsType == 0">
+            <el-button @click="handelGlxxszDialogCheckbox">关联选项设置</el-button>
+          </div>
+          <div
+            v-if="
+              showHide(
+                ['radio', 'select', 'checkbox', 'cascader', 'inputSlot', 'treeSelect'],
+                true
+              )
+            "
+          >
+            <!-- <div class="h3"><h3>选项配置</h3></div> -->
+            <el-divider content-position="left">选项配置</el-divider>
+            <el-form-item
+              v-if="showHide(['select'], true)"
+              label="添加全部项"
+              class="form_cont"
+            >
+              <el-input
+                v-model="controlData.config.addAll"
+                placeholder="请输入全部项文案"
+              />
+            </el-form-item>
+            <el-form-item label="选项数据源" class="form_cont">
+              <el-select
+                v-model="controlData.config.optionsType"
+                @change="optionsTypeChanged"
+              >
+                <el-option :value="0" label="固定选项" />
+                <el-option :value="3" label="系统表单字段" />
+                <el-option :value="1" label="数据源" />
+                <el-option :value="2" label="接口字典" />
+              </el-select>
+            </el-form-item>
+            <template v-if="controlData.config.optionsType === 0">
+              <div
+                v-if="controlData.type !== 'cascader' && controlData.type !== 'checkbox'"
+              >
+                <el-form-item
+                  v-for="(item, index) in controlData.options"
+                  :key="index"
+                  class="form_cont"
+                  label="选项标签"
+                >
+                  <el-col :span="10">
+                    <el-input v-model="item.label" placeholder="选项标签" />
+                  </el-col>
+                  <!-- <el-col :span="10" :offset="1">
                                             <el-input v-model="item.value" placeholder="选项值" />
                                         </el-col> -->
-                                        <el-col :span="2" :offset="1">
-                                            <i
-                                                class="icon-del"
-                                                @click="delSelectOption(index as number)"
-                                            ></i>
-                                        </el-col>
-                                    </el-form-item>
-                                </div>
-                                <!-- 多选选择框选项拖动功能 liwenxuan 20240815 start -->
-                                <div v-if="controlData.type !== 'cascader'&&controlData.type == 'checkbox'">
-                                    <draggable
-                                        :list="controlData.options" 
-                                        :force-fallback="true" 
-                                        chosen-class="chosenClass" 
-                                        animation="300"
-                                        
-                                    >
-                                    
-                                        <template #item="{ element }">
-                                            <div class="item form_cont">
-                                                <el-form-item>
-                                                    <el-col :span="2" style="padding-top:4px;cursor: move;color: #66B1FF">
-                                                        <i class="icon-move" ></i>
-                                                    </el-col>
-                                                    <el-col :span="6" style="cursor: move;">
-                                                        选项标签
-                                                    </el-col>
-                                                    <el-col :span="10">
-                                                        <el-input v-model="element.label" placeholder="选项标签" />
-                                                        
-                                                    </el-col>
-                                                    <el-col :span="2" :offset="1">
-                                                        <i
-                                                            class="icon-del"
-                                                            @click="delSelectOption(element.value as number)"
-                                                        ></i>
-                                                    </el-col>
-                                                </el-form-item>
-                                                
-                                            </div>
-                                        </template>
-                                    </draggable>
-                                </div>
-                                <!-- 多选选择框选项拖动功能 liwenxuan 20240815 end -->
-                                <el-form-item class="form_cont">
-                                    <el-button @click="addSelectOption">{{ controlData.type === 'cascader' ? '编辑' : '新增' }}</el-button>
-                                </el-form-item>
-                            </template>
-                            <template v-else-if="controlData.config.optionsType === 3">
-                                <el-button type="primary" style="margin-bottom:10px;margin-left:80px" plain @click="optionsValue3Setting">选择系统表单字段</el-button>
-                                <!--  <el-button  style="padding-top: 5px;" type="primary" link append-to-body="true" modal="true" @click="optionsValue3Setting"  >选择系统表单字段</el-button> -->
-                            </template>
-                            <template v-else>
-                                <el-form-item class="form_cont">
-                                    <el-input
-                                        v-model="controlData.config.optionsFun"
-                                        :placeholder="
-                                            getOptionPlaceholder(controlData.config.optionsType)
-                                        "
-                                    >
-                                        <template
-                                            v-if="controlData.config.optionsType === 1"
-                                            #prepend
-                                        >
-                                            <el-select
-                                                v-model="controlData.config.method"
-                                                style="width: 80px"
-                                            >
-                                                <el-option label="get" value="get" />
-                                                <el-option label="post" value="post" />
-                                            </el-select>
-                                        </template>
-                                    </el-input>
-                                </el-form-item>
-                                <template v-if="controlData.config.optionsType === 1">
-                                    <el-form-item label="指定label属性值" class="form_cont">
-                                        <el-input
-                                            v-model="controlData.config.label"
-                                            placeholder="返回数据中没有label时可设置"
-                                        />
-                                    </el-form-item>
-                                    <el-form-item label="指定value属性值" class="form_cont">
-                                        <el-input
-                                            v-model="controlData.config.value"
-                                            placeholder="返回数据中没有value时可设置"
-                                        />
-                                    </el-form-item>
-                                </template>
-                                <el-form-item v-if="controlData.config.optionsType === 1" class="form_cont">
-                                    <el-button
-                                        @click="
-                                            optionsEvent(
-                                            'optionsParams',
-                                            '请求前处理事件，参数(data,route,form) data请求参数,route页面路由,form表单值'
-                                            )
-                                        "
-                                    >beforeRequest</el-button>
-                                    <el-button
-                                        @click="
-                                            optionsEvent(
-                                            'optionsResult',
-                                            '请求返回结束处理；，也可为字符串，如opt=formatTest'
-                                            )
-                                        "
-                                    >afterResponse</el-button>
-                                </el-form-item>
-                            </template>
-                            <el-form-item label="尝试转换value值为" class="form_cont">
-                                <el-select
-                                    v-model="controlData.config.transformData"
-                                    placeholder="默认为number"
-                                >
-                                    <el-option value="none">不转换</el-option>
-                                    <el-option value="number">number</el-option>
-                                    <el-option value="string">string</el-option>
-                                </el-select>
-                            </el-form-item>
-                        </div>
-                        <template
-                            v-if="
-                            !state.isSearch &&
-                            showHide([
-                                'txt',
-                                'title',
-                                'table',
-                                'grid',
-                                'tabs',
-                                'card',
-                                'switch',
-                                'gridChild',
-                                'tableColumn',
-                                'divider',
-                                'div',
-                                'button'
-                            ])
-                            "
+                  <el-col :span="2" :offset="1">
+                    <i class="icon-del" @click="delSelectOption(index as number)"></i>
+                  </el-col>
+                </el-form-item>
+              </div>
+              <!-- 多选选择框选项拖动功能 liwenxuan 20240815 start -->
+              <div
+                v-if="controlData.type !== 'cascader' && controlData.type == 'checkbox'"
+              >
+                <draggable
+                  :list="controlData.options"
+                  :force-fallback="true"
+                  chosen-class="chosenClass"
+                  animation="300"
+                >
+                  <template #item="{ element }">
+                    <div class="item form_cont">
+                      <el-form-item>
+                        <el-col
+                          :span="2"
+                          style="padding-top: 4px; cursor: move; color: #66b1ff"
                         >
-                        
-                            <!-- <div class="h3"><h3>校验设置</h3></div> -->
-                            <el-divider content-position="left">校验设置</el-divider>
-                            <div v-if="showHide(['input', 'password', 'component','digitpage'], true)" class="jiaoYan">
-				
-							<el-form-item class="form_cont">
-								<el-input v-model="ValidateText.message" @input="requiredText" :placeholder="ValidateText.message">
-									<template #prepend>
-									必填
-									</template>
-									<template #append>
-										<el-checkbox v-model="ValidateText.checkbox" @change="requiredChangeSet"  />
-									</template>
-								</el-input>
-							</el-form-item>
-							<el-form-item  v-if="showHide(['input', 'password', 'component'], true)" class="form_cont">
-								<el-radio-group v-model="radioVerify.type" @change="radioChangeSet">
-									<el-input v-for="item in textUinrVerfy" v-model="item.message" @input="requiredTextRadio(item)" :placeholder="item.message" class="radioInput">
-										<template #prepend>
-											{{item.label}}
-										</template>
-										<template #append>
-											<el-radio :value="item.type" />
-										</template>
-									</el-input>
-								</el-radio-group>
-							</el-form-item>
-							<el-form-item v-else class="form_cont">
-								<el-radio-group v-model="radioVerify.type" @change="radioChangeSet">
-									<el-input v-for="item in numberUinrVerfy" v-model="item.message" @input="requiredTextRadio(item)" :placeholder="item.message" class="radioInput">
-										<template #prepend>
-											{{item.label}}
-										</template>
-										<template #append>
-											<el-radio :value="item.type" />
-										</template>
-									</el-input>
-								</el-radio-group>
-							</el-form-item>
-
-                                <!-- <el-form-item
+                          <i class="icon-move"></i>
+                        </el-col>
+                        <el-col :span="6" style="cursor: move"> 选项标签 </el-col>
+                        <el-col :span="10">
+                          <el-input v-model="element.label" placeholder="选项标签" />
+                        </el-col>
+                        <el-col :span="2" :offset="1">
+                          <i
+                            class="icon-del"
+                            @click="delSelectOption(element.value as number)"
+                          ></i>
+                        </el-col>
+                      </el-form-item>
+                    </div>
+                  </template>
+                </draggable>
+              </div>
+              <!-- 多选选择框选项拖动功能 liwenxuan 20240815 end -->
+              <el-form-item class="form_cont">
+                <el-button @click="addSelectOption">{{
+                  controlData.type === "cascader" ? "编辑" : "新增"
+                }}</el-button>
+              </el-form-item>
+            </template>
+            <template v-else-if="controlData.config.optionsType === 3">
+              <el-button
+                type="primary"
+                style="margin-bottom: 10px; margin-left: 80px"
+                plain
+                @click="optionsValue3Setting"
+                >选择系统表单字段</el-button
+              >
+              <!--  <el-button  style="padding-top: 5px;" type="primary" link append-to-body="true" modal="true" @click="optionsValue3Setting"  >选择系统表单字段</el-button> -->
+            </template>
+            <template v-else>
+              <el-form-item class="form_cont">
+                <el-input
+                  v-model="controlData.config.optionsFun"
+                  :placeholder="getOptionPlaceholder(controlData.config.optionsType)"
+                >
+                  <template v-if="controlData.config.optionsType === 1" #prepend>
+                    <el-select v-model="controlData.config.method" style="width: 80px">
+                      <el-option label="get" value="get" />
+                      <el-option label="post" value="post" />
+                    </el-select>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <template v-if="controlData.config.optionsType === 1">
+                <el-form-item label="指定label属性值" class="form_cont">
+                  <el-input
+                    v-model="controlData.config.label"
+                    placeholder="返回数据中没有label时可设置"
+                  />
+                </el-form-item>
+                <el-form-item label="指定value属性值" class="form_cont">
+                  <el-input
+                    v-model="controlData.config.value"
+                    placeholder="返回数据中没有value时可设置"
+                  />
+                </el-form-item>
+              </template>
+              <el-form-item v-if="controlData.config.optionsType === 1" class="form_cont">
+                <el-button
+                  @click="
+                    optionsEvent(
+                      'optionsParams',
+                      '请求前处理事件，参数(data,route,form) data请求参数,route页面路由,form表单值'
+                    )
+                  "
+                  >beforeRequest</el-button
+                >
+                <el-button
+                  @click="
+                    optionsEvent(
+                      'optionsResult',
+                      '请求返回结束处理；，也可为字符串，如opt=formatTest'
+                    )
+                  "
+                  >afterResponse</el-button
+                >
+              </el-form-item>
+            </template>
+            <el-form-item label="尝试转换value值为" class="form_cont">
+              <el-select
+                v-model="controlData.config.transformData"
+                placeholder="默认为number"
+              >
+                <el-option value="none">不转换</el-option>
+                <el-option value="number">number</el-option>
+                <el-option value="string">string</el-option>
+              </el-select>
+            </el-form-item>
+          </div>
+          <template
+            v-if="
+              !state.isSearch &&
+              showHide([
+                'txt',
+                'title',
+                'table',
+                'grid',
+                'tabs',
+                'card',
+                'switch',
+                'gridChild',
+                'tableColumn',
+                'divider',
+                'div',
+                'button',
+              ])
+            "
+          >
+            <!-- <div class="h3"><h3>校验设置</h3></div> -->
+            <el-divider content-position="left">校验设置</el-divider>
+            <div
+              v-if="showHide(['input', 'password', 'component', 'digitpage'], true)"
+              class="jiaoYan"
+            >
+              <el-form-item class="form_cont">
+                <el-input
+                  v-model="ValidateText.message"
+                  @input="requiredText"
+                  :placeholder="ValidateText.message"
+                >
+                  <template #prepend> 必填 </template>
+                  <template #append>
+                    <el-checkbox
+                      v-model="ValidateText.checkbox"
+                      @change="requiredChangeSet"
+                    />
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item
+                v-if="showHide(['input', 'password', 'component'], true)"
+                class="form_cont"
+              >
+                <el-radio-group v-model="radioVerify.type" @change="radioChangeSet">
+                  <el-input
+                    v-for="item in textUinrVerfy"
+                    v-model="item.message"
+                    @input="requiredTextRadio(item)"
+                    :placeholder="item.message"
+                    class="radioInput"
+                  >
+                    <template #prepend>
+                      {{ item.label }}
+                    </template>
+                    <template #append>
+                      <el-radio :value="item.type" />
+                    </template>
+                  </el-input>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item v-else class="form_cont">
+                <el-radio-group v-model="radioVerify.type" @change="radioChangeSet">
+                  <el-input
+                    v-for="item in numberUinrVerfy"
+                    v-model="item.message"
+                    @input="requiredTextRadio(item)"
+                    :placeholder="item.message"
+                    class="radioInput"
+                  >
+                    <template #prepend>
+                      {{ item.label }}
+                    </template>
+                    <template #append>
+                      <el-radio :value="item.type" />
+                    </template>
+                  </el-input>
+                </el-radio-group>
+              </el-form-item>
+
+              <!-- <el-form-item
                                     v-for="(item, index) in controlData.customRules"
                                     :key="item.type"
                                     class="form_cont"
@@ -4217,23 +4398,20 @@ const radioChangeSet = (val:any) => {
                                         </el-tooltip>
                                     </el-button>
                                 </el-form-item> -->
-                            </div>
-                            <el-form-item class="form_cont" v-else>
-							
-                            <el-checkbox
-                                :model-value="checkboxRequired"
-                                @change="requiredChange"
-                                >必填
-                            </el-checkbox>
-                            <el-input
-                                v-if="controlData.item?.rules && controlData.item?.rules[0]"
-                                v-model="controlData.item.rules[0].message"
-                                placeholder="自定义必填错误提示"
-                            />
-                            </el-form-item>
-                        </template>
-                        <!-- <div class="h3"><h3>其他属性</h3></div> -->
-                        <!-- <el-divider content-position="left">其他属性</el-divider>
+            </div>
+            <el-form-item class="form_cont" v-else>
+              <el-checkbox :model-value="checkboxRequired" @change="requiredChange"
+                >必填
+              </el-checkbox>
+              <el-input
+                v-if="controlData.item?.rules && controlData.item?.rules[0]"
+                v-model="controlData.item.rules[0].message"
+                placeholder="自定义必填错误提示"
+              />
+            </el-form-item>
+          </template>
+          <!-- <div class="h3"><h3>其他属性</h3></div> -->
+          <!-- <el-divider content-position="left">其他属性</el-divider>
                         <div v-if="showHide(['grid', 'card', 'gridChild', 'divider', 'div'])"  class="form_cont">
                             
     
@@ -4248,902 +4426,1190 @@ const radioChangeSet = (val:any) => {
                             </el-tooltip>
                             </el-button>
                         </div> -->
-                        <el-divider content-position="left">高级属性</el-divider>
-                       
-                        <LayoutPage v-if="cssIsShouw(attrList)"  v-model:styles-val="controlDataStyls" :place="controlData.type" />
-    
-    
-    
-    
-                    </el-form>
-                </el-tab-pane>
-                <el-tab-pane label="表单配置" name="second">
-                    <el-form size="small" class="form">
-                        <el-divider content-position="left">基础配置</el-divider>
-								<el-form-item v-if="formConfig.classify != 4"  class="form_cont">
-									<template #label>
-										归属分组
-									</template>
-									
-									<el-select id="groupForm" v-model="formConfig.groupKey" placeholder="Select" ref="groupForm">
-										<el-option v-for="item in formGroup.list" :key="item.idStr" :label="item.title" :value="item.idStr" />
-										<p v-if="loadingmore">加载中</p>
-										<p v-if="loadingnomore">无数据</p>
-									</el-select>
-								</el-form-item>
-                                <el-form-item
-                                    v-for="(item, index) in formAttr.filter(item => !item.hide)"
-                                    :label="item.label"
-                                    :key="index"
-                                    class="form_cont"
-                                >
-                                    <el-select
-                                        v-if="item.type === 'select'"
-                                        v-model="item.value"
-                                        :filterable="item.key === 'class'"
-                                        :allow-create="item.key === 'class'"
-                                        :placeholder="item.placeholder"
-                                        :clearable="item.clearable"
-                                        @change="formAttrChange(item)"
-                                    >
-                                        <el-option
-                                            
-                                            v-for="opt in item.options"
-                                            :key="opt.label || opt.name"
-                                            :label="opt.label || opt.name"
-                                            :value="formatNumber(opt.value ?? opt.id)"
-                                        />
-                                    </el-select>
-                                    <el-switch
-                                        v-else-if="item.type === 'switch'"
-                                        v-model="item.value"
-                                        @input="formAttrChange(item)"
-                                    />
-                                    <el-input
-                                        v-else
-                                        v-model="item.value"
-                                        :placeholder="item.placeholder"
-                                        :disabled="isNotWrite(item)"
-                                        @input="formAttrChange(item)"
-                                    />
-                                </el-form-item>
-								
-								<el-form-item  class="form_cont">
-									<template #label>
-										表单图标
-									</template>
-									<el-upload
-										class="avatar-uploader"
-										:action="imgUploadApiUrl"
-										:show-file-list="false"
-										:on-success="handleAvatarSuccess"
-										:before-upload="beforeAvatarUpload"
-									>
-										<img v-if="formConfig.imageUrl" :src="formConfig.imageUrl" class="avatar" />
-										<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
-									</el-upload>
-								</el-form-item>
-                                <el-form-item class="form_cont" label="数据标题">
-                                    
-                                    
-                                    <el-tree-select
-                                        v-model="formData.dataTitle"
-                                        multiple
-                                        clearable
-                                        collapse-tags
-                                        :data="associatedFormsCurrentFormFieldTreeNoTable"
-                                        :render-after-expand="false"
-                                        style="width: 240px"
-                                    />
-                                    
-                                </el-form-item>
-                        
-                       
-                        <el-divider content-position="left">表单整体布局</el-divider>
-                        <el-form-item label="组件尺寸" class="form_cont">
-                            <el-radio-group v-model="formData.size">
-                                <el-radio-button label="large">大</el-radio-button>
-                                <el-radio-button label="default">适中</el-radio-button>
-                                <el-radio-button label="small">小</el-radio-button>
-                            </el-radio-group>
-                        </el-form-item>
-                        <el-form-item label="表单样式名称" class="form_cont">
-                            <el-select
-                                v-model="formData.class"
-                                class="m-2"
-                                placeholder="额外添加的表单class类名"
-                            >
-                                <el-option
-                                v-for="item in optionsCss"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                                />
-                            </el-select>
-                        </el-form-item>
-                            <el-form-item label="行内表单模式" class="form_cont">
-                            <el-switch v-model="formData.inline" active-text="开启" inactive-text="关闭" />
-                            </el-form-item>
-                            <el-form-item label="标签宽度" class="form_cont">
-                            <el-input v-model="formData.labelWidth" clearable placeholder="表单标签宽度">
-                                <template #append >PX</template>
-                            </el-input>
-                            </el-form-item>
-                            <el-form-item label="标签后缀" class="form_cont">
-                            <el-input v-model="formData.labelSuffix" placeholder="表单标签后缀" />
-                            </el-form-item>
-                            <el-form-item label="表单标签对齐方式" class="form_cont">
-                            <el-radio-group v-model="formData.labelPosition">
-                                <el-radio-button label="left">左</el-radio-button>
-                                <el-radio-button label="right">右</el-radio-button>
-                                <el-radio-button label="top">上</el-radio-button>
-                            </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="必填项星号位置" class="form_cont">
-                            <el-radio-group v-model="formData.requireAsteriskPosition">
-                                <el-radio-button label="left">左</el-radio-button>
-                                <el-radio-button label="right">右</el-radio-button>
-                            </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="是否隐藏星号" class="form_cont">
-                            <el-switch v-model="formData.hideRequiredAsterisk" active-text="隐藏" inactive-text="显示" style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" />
-                            </el-form-item>
-                            <el-form-item label="校验错误信息" class="form_cont">
-                            <el-switch v-model="formData.showMessage" active-text="显示" inactive-text="隐藏" />
-                            </el-form-item>
-                            <el-form-item label="行内展示校验信息" class="form_cont">
-                            <el-switch v-model="formData.inlineMessage" active-text="显示" inactive-text="隐藏" />
-                            </el-form-item>
-                            <el-form-item label="校验结果反馈图标" class="form_cont">
-                            <el-switch v-model="formData.statusIcon" active-text="显示" inactive-text="隐藏" />
-                            </el-form-item>
-                        <el-divider content-position="left">表单功能补充</el-divider>
-                        <el-form-item class="form_cont">
-                            <el-button @click="editFormStyle(state.tooltip.css)"
-                            >
-                                编辑表单样式
-                                <el-tooltip :content="state.tooltip.css" placement="top">
-                                    <el-icon>
-                                        <QuestionFilled />
-                                    </el-icon>
-                                </el-tooltip>
-                            </el-button>
-                            <el-button @click="editFormDict(state.tooltip.dict)"
-                            >
-                                设置数据字典
-                                <el-tooltip :content="state.tooltip.dict" placement="top">
-                                    <el-icon>
-                                        <QuestionFilled />
-                                    </el-icon>
-                                </el-tooltip>
-                            </el-button>
-                        </el-form-item>
-						<template v-if="!state.isSearch">
-                            <el-divider content-position="left">接口数据事件</el-divider>
-    
-                            <el-form-item v-if="!state.isSearch" class="form_cont">
-                                <template #label
-                                >
-                                    添加时获取请求
-                                    <el-tooltip
-                                        content="新增表单数据时，从接口获取新增初始数据"
-                                        placement="top"
-                                    >
-                                        <el-icon>
-                                            <QuestionFilled />
-                                        </el-icon>
-                                    </el-tooltip>
-                                </template>
-                                <el-switch
-                                    v-model="formConfig.addLoad"
-                                    @change="
-                                        formAttrChange({ key: 'addLoad', path: 'config' }, $event)
-                                    "
-                                />
-                            </el-form-item>
-                            <el-form-item label="新增数据保存url" class="form_cont">
-                                <el-input
-                                    v-model="formConfig.addUrl"
-                                    placeholder="表单提交的url，非特殊不需要设置"
-                                />
-                            </el-form-item>
-                            <el-form-item label="修改数据保存url" class="form_cont">
-                                <el-input
-                                    v-model="formConfig.editUrl"
-                                    placeholder="修改提交的url，非特殊不需要设置"
-                                />
-                            </el-form-item>
-                            <el-form-item label="获取表单数据url" class="form_cont">
-                                <el-input
-                                    v-model="formConfig.requestUrl"
-                                    placeholder="获取表单数据url，非特殊不需要设置"
-                                />
-                            </el-form-item>
-                            <el-form-item class="event-btn form_cont">
-                                <el-button
-                                    @click="
-                                    eventClick(
-                                        'beforeRequest',
-                                        '获取表单初始数据前事件，可修改请求参数'
-                                    )
-                                    "
-                                    >beforeRequest
-                                </el-button>
-                                <el-button
-                                    @click="
-                                    eventClick(
-                                        'afterResponse',
-                                        '获取表单初始数据后事件，可对请求返回数据进行处理；也可为字符串，如opt=formatTest'
-                                    )
-                                    "
-                                    >afterResponse
-                                </el-button>
-                                <el-button
-                                    @click="
-                                    eventClick(
-                                        'beforeSubmit',
-                                        '表单数据提交前事件，可对提交数据进行处理；也可为字符串，如opt=formatTest'
-                                    )
-                                    "
-                                    >beforeSubmit
-                                </el-button>
-                                <el-button
-                                    @click="eventClick('afterSubmit', '表单数据提交成功事件')"
-                                    >afterSubmit
-                                </el-button>
-                                <el-button
-                                    @click="
-                                    eventClick(
-                                        'change',
-                                        '表单组件值改变事件。当表单某值改变时，可修改其他组件的值；也可为字符串，如opt=formChange,字符串即为/utils/formChangeValue(name,model,key)中的key值'
-                                    )
-                                    "
-                                    >表单组件改变事件change
-                                </el-button>
-                            </el-form-item>
-                        </template>
-                    </el-form>
-                </el-tab-pane>
-            </el-tabs>
-    
-            
-    
-        </div>
-        <!-- 轮播图设置弹窗 20240122 start -->
-        
-            <el-dialog v-model="dialogTableVisible" title="轮播图设置" top="20px" style="margin-top:70px,margin-left:270px">
-                <div v-if="controlData.type=='lowcodeCarsusel'" style="margin-bottom: 30px;">
-                    <span style="margin-right: 10px;">轮播图宽度(像素):</span><el-input-number v-model="controlData.control.config.carsuselWidth" :step="64" :max="4096" :min="178"/>
-                    <span style="margin-left:15px;margin-right: 10px;">轮播图高度(像素):</span><el-input-number v-model="controlData.control.config.carsuselHeight" :step="36" :max="4096" :min="100"/>
-                    <span style="margin-left:15px;margin-right: 10px;">切图间隔(毫秒):</span><el-input-number v-model="controlData.control.config.interval" :step="200"/>
-                </div>
-            <el-table v-if="controlData.type=='lowcodeCarsusel'" :data="controlData.control.carsuselConfigArr" border style="width: 100%" row-key="imgId">
-                <el-table-column  label="设置图片" width="180" >
-                    <template #default="propFlag">
-                        <el-upload 
-                        :action="uploadUrl"  :before-remove="beforeRemove"
-                        :on-success="carouselImgUploadSuccess" 
-                        :on-error="videoUploadErr"
-                        :limit="1"
-                        accept=".jpg,.jpeg,.png,.tif,.tga,.bmp,.dds,.svg,.eps,.pdf,.hdr,.raw,.exr,.psd,.afphoto,.afdesign">
-                            <el-button v-if="!propFlag.row.uploadFlag" type="primary" @click="changeCurrentUploadImgid(propFlag.row)">点此上传</el-button>
-                            <el-button v-if="propFlag.row.uploadFlag" type="primary" @click="changeCurrentUploadImgid(propFlag.row)">已上传,点击修改</el-button>
-                        </el-upload>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="imgUrl" label="查看图片" width="180">
-                    <template #default="imgScope">
-                        <!-- {{ imgScope.row.imgUrl }} -->
-                        
-                        <el-image style="width: 100px; height: 100px;cursor:pointer;" :src="imgScope.row.imgUrl" fit="contain" alt="暂未上传" @click="handlePreview(imgScope.$index, imgScope.row)" >
-                            <template #error>
-                                <div class="image-slot">
-                                    <el-image style="width: 100px; height: 100px;" :src="errimg" fit="contain" ></el-image>
-                                </div>
-                            </template>
-                        </el-image>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="link" label="链接地址">
-                    <template #default="linkScope">
-                        
-                        <el-input v-model="linkScope.row.link"  placeholder="输入图片的链接地址" />
-                    </template>
-                </el-table-column>
-                <el-table-column fixed="right" label="操作（增/删）" width="120" >
-                    
-                    <template #default="scope">
-                        
-                            <el-button v-if="controlData.control.carsuselConfigArr.length>1" type="danger" :icon="Delete" circle @click="deleteRow(scope.row)"/>
-                        
-                            <el-button v-if="controlData.control.carsuselConfigArr[controlData.control.carsuselConfigArr.length-1].imgId == scope.row.imgId" type="success" :icon="Plus" circle @click="createRow(scope.row)" />
-                        
-                    </template>
-                </el-table-column>
-            </el-table>
-        </el-dialog>
-        <!-- 图片预览 -->
-        <el-image-viewer
-        v-if="showImagePreview"
-        :zoom-rate="1.2"
-        :url-list="carouselImgUrlList"
-        @close="closePreview"
-        />
-        
-
-	<el-dialog v-model="transferDialogTableVisible" title="创建穿梭框选项树" top="150px" style="margin-top:70px;" width="50%" >
-		<div v-if="controlData.type=='lowcodeTransfer'">
-			<el-button type="success" plain style="margin-top: 5px;margin-bottom: 5px;" @click="addRootNode()">新增根节点</el-button>
-			
-			<!-- 建立树 -->
-			<div class="custom-tree-container">
-				
-				<el-tree
-				
-				:data="controlData.control.fixedOptions"
-				show-checkbox
-				node-key="id"
-				:default-expand-all = "false"
-				:expand-on-click-node="true"
-				>
-				<template #default="{ node, data }">
-					<span class="custom-tree-node">
-					<span>{{ node.label }}</span>
-					<span style="float: right;">
-						<a style="color: green;" @click="append(data)"> 新增子节点 </a>
-						<a style="margin-left: 8px;" @click="changeLabel(node,data)"> 编辑节点名 </a>
-						<a style="margin-left: 8px;color: orange;" @click="setNodeEnable(node,data)"> 设为可选/不可选 </a>
-						<a style="margin-left: 8px;color: red;" @click="remove(node, data)"> 删除本节点 </a>
-					</span>
-					</span>
-				</template>
-				</el-tree>
-			</div>
-			
-		</div>
-	</el-dialog>
-	<!-- 穿梭框设置弹窗 liwenxuan 20240217 end -->
-
-
-	<!-- 关联表单设置弹窗 liwenxuan 20240402 start -->
-
-
-
-    <el-dialog  v-model="associatedFormsChooseDialogFlag" class="glxxsztc" top="150px" :close-on-click-modal="false" title="选择关联表单" :show-close="false" style="margin-top:70px;" width="50%" >
-        <template v-if="controlData.type=='associatedForms'">
-            <div style="display:flex;margin-bottom: 2px;margin-top:28px"><span style="font-size: larger;margin-left: 35px;margin-right: 15px;">请选择表单</span>
-                <el-tree-select
-                    v-model="controlData.control.formid"
-                    style="width: 390px;"
-                    :data="customerFormTree[0].children"
-                    check-strictly
-                    :render-after-expand="false"
-                    filterable
-                    node-key="id"
-                    @change="formidChanged"
-                />
-            </div>
-            
-        </template>
-        <template #footer>
-        <div class="dialog-footer">
-            <el-button type="primary" @click="handleDetermineAssociatedFormsChooseDialog">
-            确定
+          <el-divider content-position="left">高级属性</el-divider>
+
+          <LayoutPage
+            v-if="cssIsShouw(attrList)"
+            v-model:styles-val="controlDataStyls"
+            :place="controlData.type"
+          />
+        </el-form>
+      </el-tab-pane>
+      <el-tab-pane label="表单配置" name="second">
+        <el-form size="small" class="form">
+          <el-divider content-position="left">基础配置</el-divider>
+          <el-form-item v-if="formConfig.classify != 4" class="form_cont">
+            <template #label> 归属分组 </template>
+
+            <el-select
+              id="groupForm"
+              v-model="formConfig.groupKey"
+              placeholder="Select"
+              ref="groupForm"
+            >
+              <el-option
+                v-for="item in formGroup.list"
+                :key="item.idStr"
+                :label="item.title"
+                :value="item.idStr"
+              />
+              <p v-if="loadingmore">加载中</p>
+              <p v-if="loadingnomore">无数据</p>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-for="(item, index) in formAttr.filter((item) => !item.hide)"
+            :label="item.label"
+            :key="index"
+            class="form_cont"
+          >
+            <el-select
+              v-if="item.type === 'select'"
+              v-model="item.value"
+              :filterable="item.key === 'class'"
+              :allow-create="item.key === 'class'"
+              :placeholder="item.placeholder"
+              :clearable="item.clearable"
+              @change="formAttrChange(item)"
+            >
+              <el-option
+                v-for="opt in item.options"
+                :key="opt.label || opt.name"
+                :label="opt.label || opt.name"
+                :value="formatNumber(opt.value ?? opt.id)"
+              />
+            </el-select>
+            <el-switch
+              v-else-if="item.type === 'switch'"
+              v-model="item.value"
+              @input="formAttrChange(item)"
+            />
+            <el-input
+              v-else
+              v-model="item.value"
+              :placeholder="item.placeholder"
+              :disabled="isNotWrite(item)"
+              @input="formAttrChange(item)"
+            />
+          </el-form-item>
+
+          <el-form-item class="form_cont">
+            <template #label> 表单图标 </template>
+            <el-upload
+              class="avatar-uploader"
+              :action="imgUploadApiUrl"
+              :show-file-list="false"
+              :on-success="handleAvatarSuccess"
+              :before-upload="beforeAvatarUpload"
+            >
+              <img v-if="formConfig.imageUrl" :src="formConfig.imageUrl" class="avatar" />
+              <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
+            </el-upload>
+          </el-form-item>
+          <el-form-item class="form_cont" label="数据标题">
+            <el-tree-select
+              v-model="formData.dataTitle"
+              multiple
+              clearable
+              collapse-tags
+              :data="associatedFormsCurrentFormFieldTreeNoTable"
+              :render-after-expand="false"
+              style="width: 240px"
+            />
+          </el-form-item>
+
+          <el-divider content-position="left">表单整体布局</el-divider>
+          <el-form-item label="组件尺寸" class="form_cont">
+            <el-radio-group v-model="formData.size">
+              <el-radio-button label="large">大</el-radio-button>
+              <el-radio-button label="default">适中</el-radio-button>
+              <el-radio-button label="small">小</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="表单样式名称" class="form_cont">
+            <el-select
+              v-model="formData.class"
+              class="m-2"
+              placeholder="额外添加的表单class类名"
+            >
+              <el-option
+                v-for="item in optionsCss"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="行内表单模式" class="form_cont">
+            <el-switch
+              v-model="formData.inline"
+              active-text="开启"
+              inactive-text="关闭"
+            />
+          </el-form-item>
+          <el-form-item label="标签宽度" class="form_cont">
+            <el-input v-model="formData.labelWidth" clearable placeholder="表单标签宽度">
+              <template #append>PX</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item label="标签后缀" class="form_cont">
+            <el-input v-model="formData.labelSuffix" placeholder="表单标签后缀" />
+          </el-form-item>
+          <el-form-item label="表单标签对齐方式" class="form_cont">
+            <el-radio-group v-model="formData.labelPosition">
+              <el-radio-button label="left">左</el-radio-button>
+              <el-radio-button label="right">右</el-radio-button>
+              <el-radio-button label="top">上</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="必填项星号位置" class="form_cont">
+            <el-radio-group v-model="formData.requireAsteriskPosition">
+              <el-radio-button label="left">左</el-radio-button>
+              <el-radio-button label="right">右</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="是否隐藏星号" class="form_cont">
+            <el-switch
+              v-model="formData.hideRequiredAsterisk"
+              active-text="隐藏"
+              inactive-text="显示"
+              style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66"
+            />
+          </el-form-item>
+          <el-form-item label="校验错误信息" class="form_cont">
+            <el-switch
+              v-model="formData.showMessage"
+              active-text="显示"
+              inactive-text="隐藏"
+            />
+          </el-form-item>
+          <el-form-item label="行内展示校验信息" class="form_cont">
+            <el-switch
+              v-model="formData.inlineMessage"
+              active-text="显示"
+              inactive-text="隐藏"
+            />
+          </el-form-item>
+          <el-form-item label="校验结果反馈图标" class="form_cont">
+            <el-switch
+              v-model="formData.statusIcon"
+              active-text="显示"
+              inactive-text="隐藏"
+            />
+          </el-form-item>
+          <el-divider content-position="left">表单功能补充</el-divider>
+          <el-form-item class="form_cont">
+            <el-button @click="editFormStyle(state.tooltip.css)">
+              编辑表单样式
+              <el-tooltip :content="state.tooltip.css" placement="top">
+                <el-icon>
+                  <QuestionFilled />
+                </el-icon>
+              </el-tooltip>
             </el-button>
-        </div>
-        </template> 
-    </el-dialog>
-
-    
-
-	<el-dialog v-model="associatedFormsHideDialogFlag" title="隐藏条件" top="150px" :close-on-click-modal="false" :show-close="false" style="margin-top:70px ;min-height: 500px" width="50%"  >
-		
-		<template v-if="controlData.type=='associatedForms'">
-			<div class="common-layout">
-				<el-container>
-				<el-aside width="300px" style="height:420px;border: 1px solid gainsboro;margin-right: 5px;">
-					<!-- <el-input
+            <el-button @click="editFormDict(state.tooltip.dict)">
+              设置数据字典
+              <el-tooltip :content="state.tooltip.dict" placement="top">
+                <el-icon>
+                  <QuestionFilled />
+                </el-icon>
+              </el-tooltip>
+            </el-button>
+          </el-form-item>
+          <template v-if="!state.isSearch">
+            <el-divider content-position="left">接口数据事件</el-divider>
+
+            <el-form-item v-if="!state.isSearch" class="form_cont">
+              <template #label>
+                添加时获取请求
+                <el-tooltip
+                  content="新增表单数据时，从接口获取新增初始数据"
+                  placement="top"
+                >
+                  <el-icon>
+                    <QuestionFilled />
+                  </el-icon>
+                </el-tooltip>
+              </template>
+              <el-switch
+                v-model="formConfig.addLoad"
+                @change="formAttrChange({ key: 'addLoad', path: 'config' }, $event)"
+              />
+            </el-form-item>
+            <el-form-item label="新增数据保存url" class="form_cont">
+              <el-input
+                v-model="formConfig.addUrl"
+                placeholder="表单提交的url，非特殊不需要设置"
+              />
+            </el-form-item>
+            <el-form-item label="修改数据保存url" class="form_cont">
+              <el-input
+                v-model="formConfig.editUrl"
+                placeholder="修改提交的url，非特殊不需要设置"
+              />
+            </el-form-item>
+            <el-form-item label="获取表单数据url" class="form_cont">
+              <el-input
+                v-model="formConfig.requestUrl"
+                placeholder="获取表单数据url，非特殊不需要设置"
+              />
+            </el-form-item>
+            <el-form-item class="event-btn form_cont">
+              <el-button
+                @click="
+                  eventClick('beforeRequest', '获取表单初始数据前事件，可修改请求参数')
+                "
+                >beforeRequest
+              </el-button>
+              <el-button
+                @click="
+                  eventClick(
+                    'afterResponse',
+                    '获取表单初始数据后事件，可对请求返回数据进行处理；也可为字符串，如opt=formatTest'
+                  )
+                "
+                >afterResponse
+              </el-button>
+              <el-button
+                @click="
+                  eventClick(
+                    'beforeSubmit',
+                    '表单数据提交前事件，可对提交数据进行处理；也可为字符串，如opt=formatTest'
+                  )
+                "
+                >beforeSubmit
+              </el-button>
+              <el-button @click="eventClick('afterSubmit', '表单数据提交成功事件')"
+                >afterSubmit
+              </el-button>
+              <el-button
+                @click="
+                  eventClick(
+                    'change',
+                    '表单组件值改变事件。当表单某值改变时，可修改其他组件的值；也可为字符串，如opt=formChange,字符串即为/utils/formChangeValue(name,model,key)中的key值'
+                  )
+                "
+                >表单组件改变事件change
+              </el-button>
+            </el-form-item>
+          </template>
+        </el-form>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+  <!-- 轮播图设置弹窗 20240122 start -->
+
+  <el-dialog
+    v-model="dialogTableVisible"
+    title="轮播图设置"
+    top="20px"
+    style="margin-top:70px,margin-left:270px"
+  >
+    <div v-if="controlData.type == 'lowcodeCarsusel'" style="margin-bottom: 30px">
+      <span style="margin-right: 10px">轮播图宽度(像素):</span
+      ><el-input-number
+        v-model="controlData.control.config.carsuselWidth"
+        :step="64"
+        :max="4096"
+        :min="178"
+      />
+      <span style="margin-left: 15px; margin-right: 10px">轮播图高度(像素):</span
+      ><el-input-number
+        v-model="controlData.control.config.carsuselHeight"
+        :step="36"
+        :max="4096"
+        :min="100"
+      />
+      <span style="margin-left: 15px; margin-right: 10px">切图间隔(毫秒):</span
+      ><el-input-number v-model="controlData.control.config.interval" :step="200" />
+    </div>
+    <el-table
+      v-if="controlData.type == 'lowcodeCarsusel'"
+      :data="controlData.control.carsuselConfigArr"
+      border
+      style="width: 100%"
+      row-key="imgId"
+    >
+      <el-table-column label="设置图片" width="180">
+        <template #default="propFlag">
+          <el-upload
+            :action="uploadUrl"
+            :before-remove="beforeRemove"
+            :on-success="carouselImgUploadSuccess"
+            :on-error="videoUploadErr"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.tif,.tga,.bmp,.dds,.svg,.eps,.pdf,.hdr,.raw,.exr,.psd,.afphoto,.afdesign"
+          >
+            <el-button
+              v-if="!propFlag.row.uploadFlag"
+              type="primary"
+              @click="changeCurrentUploadImgid(propFlag.row)"
+              >点此上传</el-button
+            >
+            <el-button
+              v-if="propFlag.row.uploadFlag"
+              type="primary"
+              @click="changeCurrentUploadImgid(propFlag.row)"
+              >已上传,点击修改</el-button
+            >
+          </el-upload>
+        </template>
+      </el-table-column>
+      <el-table-column prop="imgUrl" label="查看图片" width="180">
+        <template #default="imgScope">
+          <!-- {{ imgScope.row.imgUrl }} -->
+
+          <el-image
+            style="width: 100px; height: 100px; cursor: pointer"
+            :src="imgScope.row.imgUrl"
+            fit="contain"
+            alt="暂未上传"
+            @click="handlePreview(imgScope.$index, imgScope.row)"
+          >
+            <template #error>
+              <div class="image-slot">
+                <el-image
+                  style="width: 100px; height: 100px"
+                  :src="errimg"
+                  fit="contain"
+                ></el-image>
+              </div>
+            </template>
+          </el-image>
+        </template>
+      </el-table-column>
+      <el-table-column prop="link" label="链接地址">
+        <template #default="linkScope">
+          <el-input v-model="linkScope.row.link" placeholder="输入图片的链接地址" />
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作（增/删）" width="120">
+        <template #default="scope">
+          <el-button
+            v-if="controlData.control.carsuselConfigArr.length > 1"
+            type="danger"
+            :icon="Delete"
+            circle
+            @click="deleteRow(scope.row)"
+          />
+
+          <el-button
+            v-if="
+              controlData.control.carsuselConfigArr[
+                controlData.control.carsuselConfigArr.length - 1
+              ].imgId == scope.row.imgId
+            "
+            type="success"
+            :icon="Plus"
+            circle
+            @click="createRow(scope.row)"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+  <!-- 图片预览 -->
+  <el-image-viewer
+    v-if="showImagePreview"
+    :zoom-rate="1.2"
+    :url-list="carouselImgUrlList"
+    @close="closePreview"
+  />
+
+  <el-dialog
+    v-model="transferDialogTableVisible"
+    title="创建穿梭框选项树"
+    top="150px"
+    style="margin-top: 70px"
+    width="50%"
+  >
+    <div v-if="controlData.type == 'lowcodeTransfer'">
+      <el-button
+        type="success"
+        plain
+        style="margin-top: 5px; margin-bottom: 5px"
+        @click="addRootNode()"
+        >新增根节点</el-button
+      >
+
+      <!-- 建立树 -->
+      <div class="custom-tree-container">
+        <el-tree
+          :data="controlData.control.fixedOptions"
+          show-checkbox
+          node-key="id"
+          :default-expand-all="false"
+          :expand-on-click-node="true"
+        >
+          <template #default="{ node, data }">
+            <span class="custom-tree-node">
+              <span>{{ node.label }}</span>
+              <span style="float: right">
+                <a style="color: green" @click="append(data)"> 新增子节点 </a>
+                <a style="margin-left: 8px" @click="changeLabel(node, data)">
+                  编辑节点名
+                </a>
+                <a
+                  style="margin-left: 8px; color: orange"
+                  @click="setNodeEnable(node, data)"
+                >
+                  设为可选/不可选
+                </a>
+                <a style="margin-left: 8px; color: red" @click="remove(node, data)">
+                  删除本节点
+                </a>
+              </span>
+            </span>
+          </template>
+        </el-tree>
+      </div>
+    </div>
+  </el-dialog>
+  <!-- 穿梭框设置弹窗 liwenxuan 20240217 end -->
+
+  <!-- 关联表单设置弹窗 liwenxuan 20240402 start -->
+
+  <el-dialog
+    v-model="associatedFormsChooseDialogFlag"
+    class="glxxsztc"
+    top="150px"
+    :close-on-click-modal="false"
+    title="选择关联表单"
+    :show-close="false"
+    style="margin-top: 70px"
+    width="50%"
+  >
+    <template v-if="controlData.type == 'associatedForms'">
+      <div style="display: flex; margin-bottom: 2px; margin-top: 28px">
+        <span style="font-size: larger; margin-left: 35px; margin-right: 15px"
+          >请选择表单</span
+        >
+        <el-tree-select
+          v-model="controlData.control.formid"
+          style="width: 390px"
+          :data="customerFormTree[0].children"
+          check-strictly
+          :render-after-expand="false"
+          filterable
+          node-key="id"
+          @change="formidChanged"
+        />
+      </div>
+    </template>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="handleDetermineAssociatedFormsChooseDialog">
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+  <el-dialog
+    v-model="associatedFormsHideDialogFlag"
+    title="隐藏条件"
+    top="150px"
+    :close-on-click-modal="false"
+    :show-close="false"
+    style="margin-top: 70px; min-height: 500px"
+    width="50%"
+  >
+    <template v-if="controlData.type == 'associatedForms'">
+      <div class="common-layout">
+        <el-container>
+          <el-aside
+            width="300px"
+            style="height: 420px; border: 1px solid gainsboro; margin-right: 5px"
+          >
+            <!-- <el-input
 						v-show="fieldTreeSearchFlag"
 						v-model="fieldTreeFilterText"
 						style="width:98%;margin: 3px;"
 						placeholder="搜索字段"
 						class="filter-tree"
 					/> -->
-					<el-tree
-						ref="fieldTreeRef"
-                        node-key="id"
-                        empty-text="请先保存当前表单"
-						:data="associatedFormsCurrentFormFieldTree"
-						:props="treeDefaultProps"
-						:filter-node-method="filterNode"
-						style="max-width: 600px; border: 1px solid gainsboro; margin: 3px;"
-						@node-expand="handleFieldTreeExpand"
-						@node-collapse="handleFieldTreeCollapse"
-						
-						@node-contextmenu="handleFieldTreeContextmenu"
-						
-						
-					/>
-                    <!-- <el-input
+            <el-tree
+              ref="fieldTreeRef"
+              node-key="id"
+              empty-text="请先保存当前表单"
+              :data="associatedFormsCurrentFormFieldTree"
+              :props="treeDefaultProps"
+              :filter-node-method="filterNode"
+              style="max-width: 600px; border: 1px solid gainsboro; margin: 3px"
+              @node-expand="handleFieldTreeExpand"
+              @node-collapse="handleFieldTreeCollapse"
+              @node-contextmenu="handleFieldTreeContextmenu"
+            />
+            <!-- <el-input
 						v-show="orgTreeSearchFlag"
 						v-model="orgTreeFilterText"
 						style="width:98%;margin: 3px;"
 						placeholder="搜索字段"
 						class="filter-tree"
 					/> -->
-					<el-tree
-                        ref="orgTreeRef"
-						style="max-width: 600px; border: 1px solid gainsboro; margin: 3px;"
-						:data="orgAndManTree"
-						:props="treeDefaultProps"
-						:filter-node-method="filterNode"
-                        @node-expand="handleOrgTreeExpand"
-						@node-collapse="handleOrgTreeCollapse"
-						
-						@node-contextmenu="handleOrgTreeContextmenu"
-					/>
-                    <!-- <el-input
+            <el-tree
+              ref="orgTreeRef"
+              style="max-width: 600px; border: 1px solid gainsboro; margin: 3px"
+              :data="orgAndManTree"
+              :props="treeDefaultProps"
+              :filter-node-method="filterNode"
+              @node-expand="handleOrgTreeExpand"
+              @node-collapse="handleOrgTreeCollapse"
+              @node-contextmenu="handleOrgTreeContextmenu"
+            />
+            <!-- <el-input
 						v-show="roleTreeSearchFlag"
 						v-model="roleTreeFilterText"
 						style="width:98%;margin: 3px;"
 						placeholder="搜索字段"
 						class="filter-tree"
 					/> -->
-					<el-tree
-                        ref="roleTreeRef"
-						style="max-width: 600px; border: 1px solid gainsboro; margin: 3px;"
-						:data="roleTree"
-						:props="treeDefaultProps"
-						:filter-node-method="filterNode"
-                        @node-expand="handleRoleTreeExpand"
-						@node-collapse="handleRoleTreeCollapse"
-						
-						@node-contextmenu="handleRoleTreeContextmenu"
-					/>
-				</el-aside>
-				<el-main style="border: 1px solid gainsboro; padding: 3px;" class="associatedFormsHideDialogMain">
-					<div style="border: 1px solid gainsboro; height: 7%; border-bottom: 0px; padding-top: 3px; padding-left: 5px; background-color: #E6F3FE;">当满足以下条件时此控件隐藏</div>
-					<div  id="associatedFormsHideEditArea" style="border: 1px solid gainsboro; height: 38%; border-bottom: 0px;">
-                        <AssociatedFormsTinyace ref="aft" :aft-text="controlData.control.hideConditionHtml" :aft-text-copy = "controlData.control.hideConditionHtmlCopy" @text-change = "aftTextChanged" @gongshi-change = "aftGongshiChanged"></AssociatedFormsTinyace>
-                        <!-- <div style="border: 1px solid #4189EF;width:90px;height:26px;border-radius: 3px;padding:2px;text-align: center;cursor:pointer;float: right;margin-top: -32px;margin-right: 5px;z-index:99999999;position: relative;">
+            <el-tree
+              ref="roleTreeRef"
+              style="max-width: 600px; border: 1px solid gainsboro; margin: 3px"
+              :data="roleTree"
+              :props="treeDefaultProps"
+              :filter-node-method="filterNode"
+              @node-expand="handleRoleTreeExpand"
+              @node-collapse="handleRoleTreeCollapse"
+              @node-contextmenu="handleRoleTreeContextmenu"
+            />
+          </el-aside>
+          <el-main
+            style="border: 1px solid gainsboro; padding: 3px"
+            class="associatedFormsHideDialogMain"
+          >
+            <div
+              style="
+                border: 1px solid gainsboro;
+                height: 7%;
+                border-bottom: 0px;
+                padding-top: 3px;
+                padding-left: 5px;
+                background-color: #e6f3fe;
+              "
+            >
+              当满足以下条件时此控件隐藏
+            </div>
+            <div
+              id="associatedFormsHideEditArea"
+              style="border: 1px solid gainsboro; height: 38%; border-bottom: 0px"
+            >
+              <AssociatedFormsTinyace
+                ref="aft"
+                :aft-text="controlData.control.hideConditionHtml"
+                :aft-text-copy="controlData.control.hideConditionHtmlCopy"
+                @text-change="aftTextChanged"
+                @gongshi-change="aftGongshiChanged"
+              ></AssociatedFormsTinyace>
+              <!-- <div style="border: 1px solid #4189EF;width:90px;height:26px;border-radius: 3px;padding:2px;text-align: center;cursor:pointer;float: right;margin-top: -32px;margin-right: 5px;z-index:99999999;position: relative;">
                             <span style="color: #4189EF;font:6px;margin-right: 5px;">fx</span>插入函数
                         </div> -->
-                        
-                    </div>
-					<div style="border: 1px solid gainsboro; height: 55%; padding-top: 20px;">
-                        <ul>
-                            <li>请从左侧面板<span style="color: red">右击</span>选择字段或选项</li>
-                            <li>支持的符号：<span style="color: red">'==', '>=', '>', '<=', '<', '!='</span></li>
-                            <li>支持<span style="color: red">"包含,不包含,当前用户"</span>关键字,用于组织机构条件和角色条件</li>
-                            <li>参考举例：</li>
-                            <span style="margin-left: 14px;">年龄>10</span><br>
-                            <span style="margin-left: 14px;">企管部包含当前用户</span><br>
-                            <span style="margin-left: 14px;">绩效考核执行人包含当前用户</span><br>
-                            <span style="margin-left: 14px;">张三!=当前用户</span>
-                        </ul>
-                    </div>
-				</el-main>
-				</el-container>
-			</div>
-		</template>
-		<template #footer>
-		<div class="dialog-footer">
-			<el-button @click="asfhTextCancel">取消</el-button>
-			<el-button type="primary" @click="handleDetermine">
-			确定
-			</el-button>
-		</div>
+            </div>
+            <div style="border: 1px solid gainsboro; height: 55%; padding-top: 20px">
+              <ul>
+                <li>请从左侧面板<span style="color: red">右击</span>选择字段或选项</li>
+                <li>
+                  支持的符号：<span style="color: red"
+                    >'==', '>=', '>', '<=', '<', '!='</span
+                  >
+                </li>
+                <li>
+                  支持<span style="color: red">"包含,不包含,当前用户"</span
+                  >关键字,用于组织机构条件和角色条件
+                </li>
+                <li>参考举例：</li>
+                <span style="margin-left: 14px">年龄>10</span
+                ><br />
+                <span style="margin-left: 14px">企管部包含当前用户</span
+                ><br />
+                <span style="margin-left: 14px">绩效考核执行人包含当前用户</span
+                ><br />
+                <span style="margin-left: 14px">张三!=当前用户</span>
+              </ul>
+            </div>
+          </el-main>
+        </el-container>
+      </div>
     </template>
-	</el-dialog>
-
-
-<!-- 数据范围编辑弹窗 -->
-
-    <el-dialog v-model="associatedFormsDataRangeDialogFlag" title="数据范围" top="150px" :close-on-click-modal="false" :show-close="false" style="margin-top:70px ;min-height: 500px" width="50%"  >
-		
-		<template v-if="controlData.type=='associatedForms'">
-			<div class="common-layout">
-				<el-container>
-				<el-aside width="300px" style="height:420px;border: 1px solid gainsboro;margin-right: 5px;">
-
-
-                    <el-tree
-						ref="fieldTreeRef"
-                        node-key="id"
-                        empty-text="选择关联的表单后展示"
-						:data="asfasfFieldTree"
-						:props="treeDefaultProps"
-						:filter-node-method="filterNode"
-						style="max-width: 600px; border: 1px solid gainsboro; margin: 3px;"
-						@node-expand="handleFieldTreeExpand"
-						@node-collapse="handleFieldTreeCollapse"
-						@node-contextmenu="handleFieldTreeContextmenuRange"
-					/>
-					<!-- <el-input
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="asfhTextCancel">取消</el-button>
+        <el-button type="primary" @click="handleDetermine"> 确定 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+  <!-- 数据范围编辑弹窗 -->
+
+  <el-dialog
+    v-model="associatedFormsDataRangeDialogFlag"
+    title="数据范围"
+    top="150px"
+    :close-on-click-modal="false"
+    :show-close="false"
+    style="margin-top: 70px; min-height: 500px"
+    width="50%"
+  >
+    <template v-if="controlData.type == 'associatedForms'">
+      <div class="common-layout">
+        <el-container>
+          <el-aside
+            width="300px"
+            style="height: 420px; border: 1px solid gainsboro; margin-right: 5px"
+          >
+            <el-tree
+              ref="fieldTreeRef"
+              node-key="id"
+              empty-text="选择关联的表单后展示"
+              :data="asfasfFieldTree"
+              :props="treeDefaultProps"
+              :filter-node-method="filterNode"
+              style="max-width: 600px; border: 1px solid gainsboro; margin: 3px"
+              @node-expand="handleFieldTreeExpand"
+              @node-collapse="handleFieldTreeCollapse"
+              @node-contextmenu="handleFieldTreeContextmenuRange"
+            />
+            <!-- <el-input
 						v-show="fieldTreeSearchFlag"
 						v-model="fieldTreeFilterText"
 						style="width:98%;margin: 3px;"
 						placeholder="搜索字段"
 						class="filter-tree"
 					/> -->
-					<el-tree
-						ref="fieldTreeRef"
-                        node-key="id"
-                        empty-text="请先保存当前表单"
-						:data="associatedFormsCurrentFormFieldTree"
-						:props="treeDefaultProps"
-						:filter-node-method="filterNode"
-						style="max-width: 600px; border: 1px solid gainsboro; margin: 3px;"
-						@node-expand="handleFieldTreeExpand"
-						@node-collapse="handleFieldTreeCollapse"
-						@node-contextmenu="handleFieldTreeContextmenuRange"
-					/>
-                    <!-- <el-input
+            <el-tree
+              ref="fieldTreeRef"
+              node-key="id"
+              empty-text="请先保存当前表单"
+              :data="associatedFormsCurrentFormFieldTree"
+              :props="treeDefaultProps"
+              :filter-node-method="filterNode"
+              style="max-width: 600px; border: 1px solid gainsboro; margin: 3px"
+              @node-expand="handleFieldTreeExpand"
+              @node-collapse="handleFieldTreeCollapse"
+              @node-contextmenu="handleFieldTreeContextmenuRange"
+            />
+            <!-- <el-input
 						v-show="orgTreeSearchFlag"
 						v-model="orgTreeFilterText"
 						style="width:98%;margin: 3px;"
 						placeholder="搜索字段"
 						class="filter-tree"
 					/> -->
-					<el-tree
-                        ref="orgTreeRef"
-						style="max-width: 600px; border: 1px solid gainsboro; margin: 3px;"
-						:data="orgAndManTree"
-						:props="treeDefaultProps"
-						:filter-node-method="filterNode"
-                        @node-expand="handleOrgTreeExpand"
-						@node-collapse="handleOrgTreeCollapse"
-						
-						@node-contextmenu="handleOrgTreeContextmenuRange"
-					/>
-                    <!-- <el-input
+            <el-tree
+              ref="orgTreeRef"
+              style="max-width: 600px; border: 1px solid gainsboro; margin: 3px"
+              :data="orgAndManTree"
+              :props="treeDefaultProps"
+              :filter-node-method="filterNode"
+              @node-expand="handleOrgTreeExpand"
+              @node-collapse="handleOrgTreeCollapse"
+              @node-contextmenu="handleOrgTreeContextmenuRange"
+            />
+            <!-- <el-input
 						v-show="roleTreeSearchFlag"
 						v-model="roleTreeFilterText"
 						style="width:98%;margin: 3px;"
 						placeholder="搜索字段"
 						class="filter-tree"
 					/> -->
-					<el-tree
-                        ref="roleTreeRef"
-						style="max-width: 600px; border: 1px solid gainsboro; margin: 3px;"
-						:data="roleTree"
-						:props="treeDefaultProps"
-						:filter-node-method="filterNode"
-                        @node-expand="handleRoleTreeExpand"
-						@node-collapse="handleRoleTreeCollapse"
-						
-						@node-contextmenu="handleRoleTreeContextmenuRange"
-					/>
-				</el-aside>
-				<el-main style="border: 1px solid gainsboro; padding: 3px;" class="associatedFormsHideDialogMain">
-					<div style="border: 1px solid gainsboro; height: 7%; border-bottom: 0px; padding-top: 3px; padding-left: 5px; background-color: #E6F3FE;">仅可选择符合以下条件的数据</div>
-					<div  id="associatedFormsHideEditArea" style="border: 1px solid gainsboro; height: 38%; border-bottom: 0px;">
-                        <AssociatedFormsTinyaceRange ref="aftRange" :aft-text="controlData.control.dataRangeConditionHtml" :aft-text-copy = "controlData.control.dataRangeConditionHtmlCopy" @text-change = "aftTextChangedRange" @gongshi-change = "aftGongshiChangedRange"></AssociatedFormsTinyaceRange>
-                        <!-- <div style="border: 1px solid #4189EF;width:90px;height:26px;border-radius: 3px;padding:2px;text-align: center;cursor:pointer;float: right;margin-top: -32px;margin-right: 5px;z-index:99999999;position: relative;">
+            <el-tree
+              ref="roleTreeRef"
+              style="max-width: 600px; border: 1px solid gainsboro; margin: 3px"
+              :data="roleTree"
+              :props="treeDefaultProps"
+              :filter-node-method="filterNode"
+              @node-expand="handleRoleTreeExpand"
+              @node-collapse="handleRoleTreeCollapse"
+              @node-contextmenu="handleRoleTreeContextmenuRange"
+            />
+          </el-aside>
+          <el-main
+            style="border: 1px solid gainsboro; padding: 3px"
+            class="associatedFormsHideDialogMain"
+          >
+            <div
+              style="
+                border: 1px solid gainsboro;
+                height: 7%;
+                border-bottom: 0px;
+                padding-top: 3px;
+                padding-left: 5px;
+                background-color: #e6f3fe;
+              "
+            >
+              仅可选择符合以下条件的数据
+            </div>
+            <div
+              id="associatedFormsHideEditArea"
+              style="border: 1px solid gainsboro; height: 38%; border-bottom: 0px"
+            >
+              <AssociatedFormsTinyaceRange
+                ref="aftRange"
+                :aft-text="controlData.control.dataRangeConditionHtml"
+                :aft-text-copy="controlData.control.dataRangeConditionHtmlCopy"
+                @text-change="aftTextChangedRange"
+                @gongshi-change="aftGongshiChangedRange"
+              ></AssociatedFormsTinyaceRange>
+              <!-- <div style="border: 1px solid #4189EF;width:90px;height:26px;border-radius: 3px;padding:2px;text-align: center;cursor:pointer;float: right;margin-top: -32px;margin-right: 5px;z-index:99999999;position: relative;">
                             <span style="color: #4189EF;font:6px;margin-right: 5px;">fx</span>插入函数
                         </div> -->
-                        
-                    </div>
-					<div style="border: 1px solid gainsboro; height: 55%; padding-top: 20px;">
-                        <ul>
-                            <li>请从左侧面板<span style="color: red">右击</span>选择字段或选项</li>
-                            <li>支持的符号：<span style="color: red">'==', '>=', '>', '<=', '<', '!='</span></li>
-                            <li>支持<span style="color: red">"包含,不包含,数据拥有者,数据所属部门"</span>关键字,用于组织机构条件,角色条件,==运算符和!=运算符</li>
-                            <li>参考举例：</li>
-                            <span style="margin-left: 14px;">年龄>10</span><br>
-                            <span style="margin-left: 14px;">企管部==数据所属部门</span><br>
-                            <span style="margin-left: 14px;">绩效考核执行人包含数据拥有者</span><br>
-                            <span style="margin-left: 14px;">生产部包含数据所属部门</span>
-                        </ul>
-                    </div>
-				</el-main>
-				</el-container>
-			</div>
-		</template>
-		<template #footer>
-		<div class="dialog-footer">
-			<el-button @click="asfhTextCancelRange">取消</el-button>
-			<el-button type="primary" @click="handleDetermineRange">
-			确定
-			</el-button>
-		</div>
-    </template>
-	</el-dialog>
-
-
-
-
-
-
-    <!-- 数据填充规则弹窗 -->
-    <el-dialog v-model="associatedFormsFillRolesDialogFlag" title="数据填充规则" top="150px" :close-on-click-modal="false" :show-close="false" style="margin-top:70px ;min-height: 300px;max-height:900px"  width="60%"  >
-		<template v-if="controlData.type=='associatedForms'">
-            <el-button  style="font-size: large;margin-top: 10px;margin-bottom: 15px;"   type="primary" link append-to-body="true" modal="true" @click="addFillRole">十 主表填充规则</el-button>
-            <div style="max-height:230px;border:1px solid white;overflow-y:auto;">
-                <div style="background-color: #F0F0F0;padding: 12px;border-radius: 5px;padding-left:45px;padding-bottom: 10px;margin-right: 10px;"><!-- #F5F7FA     #E6F3FE  #F0F0F0  #F5F7FA-->
-                    <template v-for="(item, index) in controlData.control.fillRoles.master"  :key="controlData.control.fillRoles.master[index].id">
-                        <AssociatedFormsFillRole 
-                            v-if="showAssociatedFormsFillRole"
-                            v-model:left-value="controlData.control.fillRoles.master[index].leftValue"  
-                            v-model:right-value="controlData.control.fillRoles.master[index].rightValue" 
-                            :left-tree-source = "asfasfMasterFieldTree" 
-                            :right-tree-source = "associatedFormsCurrentFormFieldTree1"  
-                            :current-key="controlData.control.fillRoles.master[index].id"  
-                            @del-role = "delRole"
-                            @child-role-right-changed = "childRoleRightChanged"  
-                            >
-                        </AssociatedFormsFillRole>
-                    </template>
-                </div>              
-            </div>
-            <el-popover
-                v-if="currentChildTableCount>0"
-				placement="right-start"
-				title=""
-				:width="200"
-				trigger="hover"
-				content="【关联表单子表字段】暂不支持填充至【当前表单主表字段】"
-			>
-				<template #reference>
-					<el-button  style="font-size: large;margin-top: 23px;margin-bottom: 15px;"   type="primary" link append-to-body="true" modal="true" @click="addChildFillRole">十 子表填充规则</el-button>
-				</template>
-			</el-popover>
-            <div v-if="currentChildTableCount>0" style="max-height: 330px;overflow-y:auto;padding-top: 7px;">
-                <template v-for="(item, index) in controlData.control.fillRoles.child"  :key="controlData.control.fillRoles.child[index].id">
-                    <AssociatedFormsChildFillRole 
-                        v-model:selected-child-table="controlData.control.fillRoles.child[index].asfChildTableKey"  
-                        v-model:filter-condition="controlData.control.fillRoles.child[index].filterCondition"
-                        v-model:child-roles = "controlData.control.fillRoles.child[index].childRoles"
-                        :child-table-list="asfasfChildTableList"
-                        :asfasf-field-tree="asfasfFieldTree"
-                        :tree-default-props="treeDefaultProps"
-                        :filter-node="filterNode"
-                        
-                        :org-and-man-tree="orgAndManTree"
-                        :handle-org-tree-contextmenu-range = "handleOrgTreeContextmenuRange"
-                        :role-tree="roleTree"
-                        :handle-role-tree-contextmenu-range="handleRoleTreeContextmenuRange"
-                        :associated-forms-current-form-field-tree= "associatedFormsCurrentFormFieldTree"  
-                        :asfasf-child-table-fields = "asfasfChildTableFields"
-                        :current-key="controlData.control.fillRoles.child[index].id" 
-                        :current-form-child-table-fields-for-fill-role = "currentFormChildTableFieldsForFillRole"
-                        @selected-or-del-child-role = "selectedOrDelChildRole"
-                        @child-role-right-changed = "childRoleRightChanged"
-                        @del-role = "delChildRole"
-                        >
-                    </AssociatedFormsChildFillRole>
-                </template>
             </div>
-		</template>
-		<template #footer>
-            <div class="dialog-footer">
-                <!-- <el-button @click="asfhTextCancelFillRoles">取消</el-button> -->
-                <el-button type="primary" @click="handleDetermineFillRoles">
-                确定
-                </el-button>
+            <div style="border: 1px solid gainsboro; height: 55%; padding-top: 20px">
+              <ul>
+                <li>请从左侧面板<span style="color: red">右击</span>选择字段或选项</li>
+                <li>
+                  支持的符号：<span style="color: red"
+                    >'==', '>=', '>', '<=', '<', '!='</span
+                  >
+                </li>
+                <li>
+                  支持<span style="color: red">"包含,不包含,数据拥有者,数据所属部门"</span
+                  >关键字,用于组织机构条件,角色条件,==运算符和!=运算符
+                </li>
+                <li>参考举例：</li>
+                <span style="margin-left: 14px">年龄>10</span
+                ><br />
+                <span style="margin-left: 14px">企管部==数据所属部门</span
+                ><br />
+                <span style="margin-left: 14px">绩效考核执行人包含数据拥有者</span
+                ><br />
+                <span style="margin-left: 14px">生产部包含数据所属部门</span>
+              </ul>
             </div>
+          </el-main>
+        </el-container>
+      </div>
+    </template>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="asfhTextCancelRange">取消</el-button>
+        <el-button type="primary" @click="handleDetermineRange"> 确定 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+  <!-- 数据填充规则弹窗 -->
+  <el-dialog
+    v-model="associatedFormsFillRolesDialogFlag"
+    title="数据填充规则"
+    top="150px"
+    :close-on-click-modal="false"
+    :show-close="false"
+    style="margin-top: 70px; min-height: 300px; max-height: 900px"
+    width="60%"
+  >
+    <template v-if="controlData.type == 'associatedForms'">
+      <el-button
+        style="font-size: large; margin-top: 10px; margin-bottom: 15px"
+        type="primary"
+        link
+        append-to-body="true"
+        modal="true"
+        @click="addFillRole"
+        >十 主表填充规则</el-button
+      >
+      <div style="max-height: 230px; border: 1px solid white; overflow-y: auto">
+        <div
+          style="
+            background-color: #f0f0f0;
+            padding: 12px;
+            border-radius: 5px;
+            padding-left: 45px;
+            padding-bottom: 10px;
+            margin-right: 10px;
+          "
+        >
+          <!-- #F5F7FA     #E6F3FE  #F0F0F0  #F5F7FA-->
+          <template
+            v-for="(item, index) in controlData.control.fillRoles.master"
+            :key="controlData.control.fillRoles.master[index].id"
+          >
+            <AssociatedFormsFillRole
+              v-if="showAssociatedFormsFillRole"
+              v-model:left-value="controlData.control.fillRoles.master[index].leftValue"
+              v-model:right-value="controlData.control.fillRoles.master[index].rightValue"
+              :left-tree-source="asfasfMasterFieldTree"
+              :right-tree-source="associatedFormsCurrentFormFieldTree1"
+              :current-key="controlData.control.fillRoles.master[index].id"
+              @del-role="delRole"
+              @child-role-right-changed="childRoleRightChanged"
+            >
+            </AssociatedFormsFillRole>
+          </template>
+        </div>
+      </div>
+      <el-popover
+        v-if="currentChildTableCount > 0"
+        placement="right-start"
+        title=""
+        :width="200"
+        trigger="hover"
+        content="【关联表单子表字段】暂不支持填充至【当前表单主表字段】"
+      >
+        <template #reference>
+          <el-button
+            style="font-size: large; margin-top: 23px; margin-bottom: 15px"
+            type="primary"
+            link
+            append-to-body="true"
+            modal="true"
+            @click="addChildFillRole"
+            >十 子表填充规则</el-button
+          >
         </template>
-	</el-dialog>
-    
-    
-
-
-	<!-- 关联表单设置弹窗 liwenxuan 20240402 end -->
-
-
-<!-- 关联选项设置弹窗 liwenxuan 20240426 start -->  <!-- :title="`关联选项设置--`+controlData.item.label+`--`+controlData.name" -->
-        <el-dialog  v-model="glxxszDialogFlag" class="glxxsztc" top="150px" :close-on-click-modal="false"    :title="`关联选项设置--`+controlData.name"  :show-close="false" style="margin-top:70px;" width="50%" >
-
-            
-            
-            <template v-if="(controlData.type=='radio'||controlData.type=='select')&&controlData.config.optionsType==0">
-                
-                <el-table  
-                :data="controlData.options" stripe  border style="width: 100%;min-height:50px;max-height:500px;overflow-y:auto" 
-                            :cell-style="{height: '55px',paddingLeft: '15px'}" :header-cell-style="{background:'#F3F4F7',color:'#555',}" 
-                            >
-                
-                    <el-table-column prop="link" label="当选项为" width="220">
-                        <template #default="optionScope">
-                            <span style="background-color: #E8EAEE;border-radius: 8px;padding-top: 5px;padding-bottom: 5px;padding-left: 15px;padding-right: 15px;">{{ optionScope.row.label }}</span>
-                            
-                        </template>
-                    </el-table-column>
-                    <el-table-column fixed="right" label="显示以下组件" >
-                            <template #default="fieldScope">
-                                
-                                <el-tree-select v-model="controlData.control.glxxsz[fieldScope.$index].showFields" style="width: 100%" :data="associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf[0].children" multiple   />
-                            </template>
-                    </el-table-column>
-                </el-table>
-            </template>
-            <template #footer>
-            <div class="dialog-footer">
-                
-                <el-button type="primary" @click="handleDetermineGlxxszDialog">
-                确定
-                </el-button>
-            </div>
+      </el-popover>
+      <div
+        v-if="currentChildTableCount > 0"
+        style="max-height: 330px; overflow-y: auto; padding-top: 7px"
+      >
+        <template
+          v-for="(item, index) in controlData.control.fillRoles.child"
+          :key="controlData.control.fillRoles.child[index].id"
+        >
+          <AssociatedFormsChildFillRole
+            v-model:selected-child-table="
+              controlData.control.fillRoles.child[index].asfChildTableKey
+            "
+            v-model:filter-condition="
+              controlData.control.fillRoles.child[index].filterCondition
+            "
+            v-model:child-roles="controlData.control.fillRoles.child[index].childRoles"
+            :child-table-list="asfasfChildTableList"
+            :asfasf-field-tree="asfasfFieldTree"
+            :tree-default-props="treeDefaultProps"
+            :filter-node="filterNode"
+            :org-and-man-tree="orgAndManTree"
+            :handle-org-tree-contextmenu-range="handleOrgTreeContextmenuRange"
+            :role-tree="roleTree"
+            :handle-role-tree-contextmenu-range="handleRoleTreeContextmenuRange"
+            :associated-forms-current-form-field-tree="
+              associatedFormsCurrentFormFieldTree
+            "
+            :asfasf-child-table-fields="asfasfChildTableFields"
+            :current-key="controlData.control.fillRoles.child[index].id"
+            :current-form-child-table-fields-for-fill-role="
+              currentFormChildTableFieldsForFillRole
+            "
+            @selected-or-del-child-role="selectedOrDelChildRole"
+            @child-role-right-changed="childRoleRightChanged"
+            @del-role="delChildRole"
+          >
+          </AssociatedFormsChildFillRole>
         </template>
-        </el-dialog>
-
-        <el-dialog v-model="glxxszDialogFlagCheckBox"  class="glxxsztc" top="150px" :close-on-click-modal="false" :title="`关联选项设置--`+controlData.name" :show-close="false" style="margin-top:70px;" width="50%" >
-
-            
-            
-            <template v-if="controlData.type=='checkbox'">
-                
-                <el-table  
-                    :data="controlData.control.glxxszForCheckBox" stripe  border style="width: 100%;min-height:50px;max-height:500px;overflow-y:auto" 
-                    :cell-style="{height: '55px',paddingLeft: '15px'}" :header-cell-style="{background:'#F3F4F7',color:'#555',}">
-
-                    <el-table-column prop="link" label="当选项为" width="300">
-                        <template #default="optionScope">
-                            <el-tree-select v-model="controlData.control.glxxszForCheckBox[optionScope.$index].selectedOptions" style="width: 100%" :data="controlData.options" multiple />
-                        </template>
-                    </el-table-column>
-
-                    <el-table-column fixed="right" label="显示以下组件" >
-                        <template #default="fieldScope">
-                            <el-tree-select v-model="controlData.control.glxxszForCheckBox[fieldScope.$index].showFields" style="width: 100%" :data="associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf[0].children" multiple   />
-                        </template>
-                    </el-table-column>
-
-                    <el-table-column fixed="right" label="操作" width="130">
-                        
-                        
-                        
-                        <template #default="operateScope">
-                            
-                            <el-button  type="danger" :icon="Delete" circle @click="deleteRowForGlxxsz(operateScope.row)"/>
-                        </template>
-                        
-                    </el-table-column>
-
-                </el-table>
-                <el-button plain type="success" style="margin-top: 10px;" @click="createRowForGlxxsz">新增</el-button>
-            </template>
-            <template #footer>
-            <div class="dialog-footer">
-                
-                <el-button type="primary" @click="handleDetermineGlxxszDialogCheckBox">
-                确定
-                </el-button>
-            </div>
-            </template>
-            </el-dialog>
-
-
-
-
-
-            <el-dialog  v-model="glxxszDialogFlagSwitch" class="glxxsztc" top="150px" :close-on-click-modal="false" :title="`关联选项设置--`+controlData.name" :show-close="false" style="margin-top:70px;" width="50%" >
-
-                        
-                        
-                <template v-if="controlData.type=='switch'">
-                    <div style="display:flex;margin-bottom: 20px;margin-top:20px"><span style="font-size: larger;margin-left: 35px;margin-right: 15px;">当开关打开时显示</span>
-                        <el-tree-select v-model="controlData.control.glxxszSwitch[0].showFields" style="width: 60%" :data="associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf[0].children" multiple   />
-                    </div>
-                    <div style="display:flex"><span style="font-size: larger;margin-left: 35px;margin-right: 15px;">当开关关闭时显示</span>
-                        <el-tree-select v-model="controlData.control.glxxszSwitch[1].showFields" style="width: 60%" :data="associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf[0].children" multiple   />
-                    </div>
-                    
-                </template>
-                <template #footer>
-                <div class="dialog-footer">
-                    
-                    <el-button type="primary" @click="handleDetermineGlxxszDialogSwitch">
-                    确定
-                    </el-button>
-                </div>
-                </template> 
-            </el-dialog>
-
-
-        <!-- 关联选项设置弹窗 liwenxuan 20240426 end -->
-
-        <!-- 单选下拉多选选项来源value3--系统表单字段 start-->
-
-        <el-dialog  v-model="optionsValue3SettingDialogOpenFlag" class="glxxsztc" top="150px" :close-on-click-modal="false" title="选择表单字段" :show-close="false" style="margin-top:70px;" width="50%" >
-            <template v-if="controlData.type=='radio'||controlData.type=='select'||controlData.type=='checkbox'">
-                <div style="display:flex;margin-bottom: 20px;margin-top:20px"><span style="font-size: larger;margin-left: 35px;margin-right: 15px;">请选择表单</span>
-                    <el-tree-select
-                        v-model="controlData.control.optionsValue3Formid"
-                        style="width: 390px;"
-                        :data="customerFormTree[0].children"
-                        check-strictly
-                        :render-after-expand="false"
-                        filterable
-                        @change="formidChangedOptionsValue3"
-                    />
-                </div>
-                <div style="display:flex" v-if="typeof(controlData.control.optionsValue3Formid)!='undefined' && typeof(asfasfFieldTreeOptionsValue3)!='undefined' && controlData.control.optionsValue3Formid!=''">
-				
-				<span style="font-size: larger;margin-left: 35px;margin-right: 15px;">请选择字段</span>
-                    <!--
+      </div>
+    </template>
+    <template #footer>
+      <div class="dialog-footer">
+        <!-- <el-button @click="asfhTextCancelFillRoles">取消</el-button> -->
+        <el-button type="primary" @click="handleDetermineFillRoles"> 确定 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+  <!-- 关联表单设置弹窗 liwenxuan 20240402 end -->
+
+  <!-- 关联选项设置弹窗 liwenxuan 20240426 start -->
+  <!-- :title="`关联选项设置--`+controlData.item.label+`--`+controlData.name" -->
+  <el-dialog
+    v-model="glxxszDialogFlag"
+    class="glxxsztc"
+    top="150px"
+    :close-on-click-modal="false"
+    :title="`关联选项设置--` + controlData.name"
+    :show-close="false"
+    style="margin-top: 70px"
+    width="50%"
+  >
+    <template
+      v-if="
+        (controlData.type == 'radio' || controlData.type == 'select') &&
+        controlData.config.optionsType == 0
+      "
+    >
+      <el-table
+        :data="controlData.options"
+        stripe
+        border
+        style="width: 100%; min-height: 50px; max-height: 500px; overflow-y: auto"
+        :cell-style="{ height: '55px', paddingLeft: '15px' }"
+        :header-cell-style="{ background: '#F3F4F7', color: '#555' }"
+      >
+        <el-table-column prop="link" label="当选项为" width="220">
+          <template #default="optionScope">
+            <span
+              style="
+                background-color: #e8eaee;
+                border-radius: 8px;
+                padding-top: 5px;
+                padding-bottom: 5px;
+                padding-left: 15px;
+                padding-right: 15px;
+              "
+              >{{ optionScope.row.label }}</span
+            >
+          </template>
+        </el-table-column>
+        <el-table-column fixed="right" label="显示以下组件">
+          <template #default="fieldScope">
+            <el-tree-select
+              v-model="controlData.control.glxxsz[fieldScope.$index].showFields"
+              style="width: 100%"
+              :data="associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf[0].children"
+              multiple
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+    </template>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="handleDetermineGlxxszDialog"> 确定 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+  <el-dialog
+    v-model="glxxszDialogFlagCheckBox"
+    class="glxxsztc"
+    top="150px"
+    :close-on-click-modal="false"
+    :title="`关联选项设置--` + controlData.name"
+    :show-close="false"
+    style="margin-top: 70px"
+    width="50%"
+  >
+    <template v-if="controlData.type == 'checkbox'">
+      <el-table
+        :data="controlData.control.glxxszForCheckBox"
+        stripe
+        border
+        style="width: 100%; min-height: 50px; max-height: 500px; overflow-y: auto"
+        :cell-style="{ height: '55px', paddingLeft: '15px' }"
+        :header-cell-style="{ background: '#F3F4F7', color: '#555' }"
+      >
+        <el-table-column prop="link" label="当选项为" width="300">
+          <template #default="optionScope">
+            <el-tree-select
+              v-model="
+                controlData.control.glxxszForCheckBox[optionScope.$index].selectedOptions
+              "
+              style="width: 100%"
+              :data="controlData.options"
+              multiple
+            />
+          </template>
+        </el-table-column>
+
+        <el-table-column fixed="right" label="显示以下组件">
+          <template #default="fieldScope">
+            <el-tree-select
+              v-model="
+                controlData.control.glxxszForCheckBox[fieldScope.$index].showFields
+              "
+              style="width: 100%"
+              :data="associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf[0].children"
+              multiple
+            />
+          </template>
+        </el-table-column>
+
+        <el-table-column fixed="right" label="操作" width="130">
+          <template #default="operateScope">
+            <el-button
+              type="danger"
+              :icon="Delete"
+              circle
+              @click="deleteRowForGlxxsz(operateScope.row)"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-button plain type="success" style="margin-top: 10px" @click="createRowForGlxxsz"
+        >新增</el-button
+      >
+    </template>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="handleDetermineGlxxszDialogCheckBox">
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+  <el-dialog
+    v-model="glxxszDialogFlagSwitch"
+    class="glxxsztc"
+    top="150px"
+    :close-on-click-modal="false"
+    :title="`关联选项设置--` + controlData.name"
+    :show-close="false"
+    style="margin-top: 70px"
+    width="50%"
+  >
+    <template v-if="controlData.type == 'switch'">
+      <div style="display: flex; margin-bottom: 20px; margin-top: 20px">
+        <span style="font-size: larger; margin-left: 35px; margin-right: 15px"
+          >当开关打开时显示</span
+        >
+        <el-tree-select
+          v-model="controlData.control.glxxszSwitch[0].showFields"
+          style="width: 60%"
+          :data="associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf[0].children"
+          multiple
+        />
+      </div>
+      <div style="display: flex">
+        <span style="font-size: larger; margin-left: 35px; margin-right: 15px"
+          >当开关关闭时显示</span
+        >
+        <el-tree-select
+          v-model="controlData.control.glxxszSwitch[1].showFields"
+          style="width: 60%"
+          :data="associatedFormsCurrentFormFieldTreeForGlxxszExceptSelf[0].children"
+          multiple
+        />
+      </div>
+    </template>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="handleDetermineGlxxszDialogSwitch">
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+
+  <!-- 关联选项设置弹窗 liwenxuan 20240426 end -->
+
+  <!-- 单选下拉多选选项来源value3--系统表单字段 start-->
+
+  <el-dialog
+    v-model="optionsValue3SettingDialogOpenFlag"
+    class="glxxsztc"
+    top="150px"
+    :close-on-click-modal="false"
+    title="选择表单字段"
+    :show-close="false"
+    style="margin-top: 70px"
+    width="50%"
+  >
+    <template
+      v-if="
+        controlData.type == 'radio' ||
+        controlData.type == 'select' ||
+        controlData.type == 'checkbox'
+      "
+    >
+      <div style="display: flex; margin-bottom: 20px; margin-top: 20px">
+        <span style="font-size: larger; margin-left: 35px; margin-right: 15px"
+          >请选择表单</span
+        >
+        <el-tree-select
+          v-model="controlData.control.optionsValue3Formid"
+          style="width: 390px"
+          :data="customerFormTree[0].children"
+          check-strictly
+          :render-after-expand="false"
+          filterable
+          @change="formidChangedOptionsValue3"
+        />
+      </div>
+      <div
+        style="display: flex"
+        v-if="
+          typeof controlData.control.optionsValue3Formid != 'undefined' &&
+          typeof asfasfFieldTreeOptionsValue3 != 'undefined' &&
+          controlData.control.optionsValue3Formid != ''
+        "
+      >
+        <span style="font-size: larger; margin-left: 35px; margin-right: 15px"
+          >请选择字段</span
+        >
+        <!--
                         
                         
                     -->
-                    <el-tree-select v-model="controlData.control.optionsValue3Field" style="width: 390px;" :data="asfasfFieldTreeOptionsValue3[0].children"    />
-                </div>
-            </template>
-            <template #footer>
-            <div class="dialog-footer">
-                <el-button type="primary" @click="handleDetermineoptionsValue3">
-                确定
-                </el-button>
-            </div>
-            </template> 
-        </el-dialog>
+        <el-tree-select
+          v-model="controlData.control.optionsValue3Field"
+          style="width: 390px"
+          :data="asfasfFieldTreeOptionsValue3[0].children"
+        />
+      </div>
+    </template>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button type="primary" @click="handleDetermineoptionsValue3"> 确定 </el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
-<style  lang='scss' scoped>
+<style lang="scss" scoped>
 li::before {
-        content: "";
-        display: inline-block;
-        width: 4px;
-        height: 4px;
-        border-radius: 50%;
-        background-color: gray;
-        margin-right: 5px;
-        margin-left: 5px;
-        margin-bottom: 3.5px;
-    }
+  content: "";
+  display: inline-block;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  background-color: gray;
+  margin-right: 5px;
+  margin-left: 5px;
+  margin-bottom: 3.5px;
+}
 
-	.sidebar-tools .el-tabs__content{
-        padding: 0;
-		
-    }
-	.el-collapse-item__header {
-        padding-left: 10px;
-        background-color: rgb(229, 229, 229);
-    }
-    .el-collapse-item__header{
-        padding-left: 10px;
-        background-color: rgb(229, 229, 229);
-    }
+.sidebar-tools .el-tabs__content {
+  padding: 0;
+}
+.el-collapse-item__header {
+  padding-left: 10px;
+  background-color: rgb(229, 229, 229);
+}
+.el-collapse-item__header {
+  padding-left: 10px;
+  background-color: rgb(229, 229, 229);
+}
 
-    .form_cont{
-        padding: 0 10px;
-		.radioInput{
-			margin-bottom: 10px;
-		}
-    }
-	.avatar-uploader{
-		width: 100px;
-		height: 100px;
-		.avatar{
-			width: 100px;
-			height: 100px;
-		}
-		.avatar-uploader-icon{
-			width: 100px;
-			height: 100px;
-		}
+.form_cont {
+  padding: 0 10px;
+  .radioInput {
+    margin-bottom: 10px;
+  }
+}
+.avatar-uploader {
+  width: 100px;
+  height: 100px;
+  .avatar {
+    width: 100px;
+    height: 100px;
+  }
+  .avatar-uploader-icon {
+    width: 100px;
+    height: 100px;
+  }
 }
 .custom-tree-node {
-	flex: 1;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	font-size: 14px;
-	padding-right: 8px;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
 }
-.custom-tree-node:hover{
-	background-color:antiquewhite;
+.custom-tree-node:hover {
+  background-color: antiquewhite;
 }
 
-.associatedFormsHideDialogMain7{
-	display: flex;
-	
-	
+.associatedFormsHideDialogMain7 {
+  display: flex;
 }
-.el-main{
-	--el-main-padding: 5px
+.el-main {
+  --el-main-padding: 5px;
 }
-.jiaoYan{
-	.el-input-group__append, .el-input-group__prepend{
-		padding: 0 5px;
-	}
+.jiaoYan {
+  .el-input-group__append,
+  .el-input-group__prepend {
+    padding: 0 5px;
+  }
 }
 </style>
diff --git a/src/components/DesignForm/public/form/childTable.vue b/src/components/DesignForm/public/form/childTable.vue
index ccae241..1adcb3b 100644
--- a/src/components/DesignForm/public/form/childTable.vue
+++ b/src/components/DesignForm/public/form/childTable.vue
@@ -3,264 +3,268 @@
 @ 时间: 2023-07-14 08:51:25
 @ 备注: 表单子表
 -->
-<script lang='ts' setup>
-import FormItem from './formItem.vue'
-import { inject, computed } from 'vue'
-import Tooltips from '@/components/DesignForm/tooltip.vue'
-import {constFormProps } from '@/api/DesignForm/utils'
-import { jsonParseStringify } from '@/utils/DesignForm'
-import LowcodeImagePage from '@/components/DesignForm/public/expand/lowcodeImage.vue'
-import AssociatedForms from '@/widget/associatedforms/index.vue'
-import UploadPageList from '@/components/DesignForm/public/expand/uploadPageList.vue'
-
-import LokOrgCentent from '@/widget/org/cont.vue' 
-import { SCOPE } from 'element-plus'
+<script lang="ts" setup>
+import FormItem from "./formItem.vue";
+import { inject, computed } from "vue";
+import Tooltips from "@/components/DesignForm/tooltip.vue";
+import { constFormProps } from "@/api/DesignForm/utils";
+import { jsonParseStringify } from "@/utils/DesignForm";
+import LowcodeImagePage from "@/components/DesignForm/public/expand/lowcodeImage.vue";
+import AssociatedForms from "@/widget/associatedforms/index.vue";
+import UploadPageList from "@/components/DesignForm/public/expand/uploadPageList.vue";
 
+import LokOrgCentent from "@/widget/org/cont.vue";
+import { SCOPE } from "element-plus";
 
 const props = withDefaults(
-    defineProps<{
-      	data: any
-    }>(),
-    {
-		data: () => {
-			return {}
-		}
-    }
-)
-const formProps = inject(constFormProps, {}) as any
+  defineProps<{
+    data: any;
+  }>(),
+  {
+    data: () => {
+      return {};
+    },
+  }
+);
+const formProps = inject(constFormProps, {}) as any;
 const tableDataNew = computed(() => {
-	// console.log("如果编辑页禁用时-----1---->",props.data.name)
-	// console.log("如果编辑页禁用时-----2---->",formProps.value.model[props.data.name])
-	// console.log("如果编辑页禁用时-----3---->",formProps.value.model)
-	// console.log("如果编辑页禁用时-----4---->",formProps.value)
-    return formProps.value.model[props.data.name]
-})
+  // console.log("如果编辑页禁用时-----1---->",props.data.name)
+  // console.log("如果编辑页禁用时-----2---->",formProps.value.model[props.data.name])
+  // console.log("如果编辑页禁用时-----3---->",formProps.value.model)
+  // console.log("如果编辑页禁用时-----4---->",formProps.value)
+  return formProps.value.model[props.data.name];
+});
 const type = computed(() => {
-    return formProps.value.type
-})
+  return formProps.value.type;
+});
 // 如果编辑页禁用时，则返回true
 const editDisabled = computed(() => {
-    return formProps.value.type === 2 && props.data.config?.editDisabled
-})
+  return formProps.value.type === 2 && props.data.config?.editDisabled;
+});
 const addColumn = () => {
-	// console.log("如果编辑页禁用时--------->",tableDataNew.value)
-    const temp: any = {}
-    if (props.data.list) {
-		props.data.list.forEach((item: any) => {
-			if (item.name) {
-				temp[item.name] = item.control.modelValue
-			}
-		})
-		tableDataNew.value.push(jsonParseStringify(temp))
-    }
-}
-const getText = (text: any,val:any,name:any) => {
-	console.log("text===>",text)
-	console.log("name===>",name)
-	console.log("val===>",val)
-    if (typeof text === 'string') {
-      	return text
-    } else {
-      	return text && text.toString()
-    }
-}
+  // console.log("如果编辑页禁用时--------->",tableDataNew.value)
+  const temp: any = {};
+  if (props.data.list) {
+    props.data.list.forEach((item: any) => {
+      if (item.name) {
+        temp[item.name] = item.control.modelValue;
+      }
+    });
+    tableDataNew.value.push(jsonParseStringify(temp));
+  }
+};
+const getText = (text: any, val: any, name: any) => {
+  console.log("text===>", text);
+  console.log("name===>", name);
+  console.log("val===>", val);
+  if (typeof text === "string") {
+    return text;
+  } else {
+    return text && text.toString();
+  }
+};
 const delColumn = (index: number) => {
-    tableDataNew.value.splice(index, 1)
-}
+  tableDataNew.value.splice(index, 1);
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-08-02 13:22:14
 @ 功能: 时间戳转换对象
 */
-const timeToAry = (timestamp:number) => {
-	const date = new Date(timestamp);
-	const year = date.getFullYear();
-	const month = ('0' + (date.getMonth() + 1)).slice(-2);
-	const day = ('0' + date.getDate()).slice(-2);
-	const hours = ('0' + date.getHours()).slice(-2);
-	const minutes = ('0' + date.getMinutes()).slice(-2);
-	const seconds = ('0' + date.getSeconds()).slice(-2);
-	return {
-		year:year,
-		month:month,
-		day:day,
-		hours:hours,
-		minutes:minutes,
-		seconds
-	}
-}
+const timeToAry = (timestamp: number) => {
+  const date = new Date(timestamp);
+  const year = date.getFullYear();
+  const month = ("0" + (date.getMonth() + 1)).slice(-2);
+  const day = ("0" + date.getDate()).slice(-2);
+  const hours = ("0" + date.getHours()).slice(-2);
+  const minutes = ("0" + date.getMinutes()).slice(-2);
+  const seconds = ("0" + date.getSeconds()).slice(-2);
+  return {
+    year: year,
+    month: month,
+    day: day,
+    hours: hours,
+    minutes: minutes,
+    seconds,
+  };
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-08-02 13:02:49
 @ 功能: 将时间戳转换成字符串
 */
-const timeToString = (timeVal:any,types:int) => {
-	let timeStr = ""
-	if(Array.isArray(timeVal)){
-		if(timeVal.length >= 2){
-			let startTime = timeToAry(timeVal[0])
-			let endTime = timeToAry(timeVal[1])
-			switch(types){
-			case "year":	//年
-				timeStr = `${startTime.year} 至 ${endTime.year}`;
-				break;
-			case "month":	//月
-				timeStr = `${startTime.year}-${startTime.month} 至 ${endTime.year}-${endTime.month}`;
-				break;
-			case "datetime": //日期+时间
-				timeStr = `${startTime.year}-${startTime.month}-${startTime.day} ${startTime.hours}:${startTime.minutes}:${startTime.seconds} 至 ${endTime.year}-${endTime.month}-${endTime.day} ${endTime.hours}:${endTime.minutes}:${endTime.seconds}`;
-				break;
-			case  "week":	//周
-				let startWeek = getYearWeek(startTime)
-				let endWeek = getYearWeek(endTime)
-				timeStr = `${startWeek} 至 ${endWeek}`;
-				break;
-			case "timeCalss": //时间
-				timeStr = `${startTime.hours}:${startTime.minutes}:${startTime.seconds} 至 ${endTime.hours}:${endTime.minutes}:${endTime.seconds}`;
-				break;
-			case "datetimerange":
-				timeStr = `${startTime.year}-${startTime.month}-${startTime.day} ${startTime.hours}:${startTime.minutes}:${startTime.seconds} 至 ${endTime.year}-${endTime.month}-${endTime.day} ${endTime.hours}:${endTime.minutes}:${endTime.seconds}`;
-				break;
-			case "daterange":
-				timeStr = `${startTime.year}-${startTime.month}-${startTime.day} 至 ${endTime.year}-${endTime.month}-${endTime.day}`;
-				break;
-			case "monthrange":
-				timeStr = `${startTime.year}-${startTime.month} 至 ${endTime.year}-${endTime.month}`;
-				break;
-			default:
-				timeStr = `${startTime.year}-${startTime.month}-${startTime.day} 至 ${endTime.year}-${endTime.month}-${endTime.day}`;
-				break;
-			}
-		}else if(timeVal.length == 1){
-			let {year,month,day,hours,minutes,seconds} = timeToAry(timeVal[0])
-			switch(types){
-				case "year":	//年
-					timeStr = `${year}`;
-					break;
-				case "month":	//月
-					timeStr = `${year}-${month}`;
-					break;
-				case "datetime": //日期+时间
-					timeStr = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-					break;
-				case  "week":	//周
-					timeStr = getYearWeek(timeVal)
-					break;
-				case "timeCalss": //时间
-					timeStr = `${hours}:${minutes}:${seconds}`;
-					break;
-				default:
-					timeStr = `${year}-${month}-${day}`
-					break;
-			}
-		}else{
-			timeStr = "未知时间"
-		}
-	}else{
-		let {year,month,day,hours,minutes,seconds} = timeToAry(timeVal)
-		switch(types){
-			case "year":	//年
-				timeStr = `${year}`;
-				break;
-			case "month":	//月
-				timeStr = `${year}-${month}`;
-				break;
-			case "datetime": //日期+时间
-				timeStr = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-				break;
-			case  "week":	//周
-				timeStr = getYearWeek(timeVal)
-				break;
-			case "timeCalss": //时间
-				timeStr = `${hours}:${minutes}:${seconds}`;
-				break;
-			default:
-				timeStr = `${year}-${month}-${day}`
-				break;
-		}
-	}
-	
-	return timeStr
-}
-let associatedFormsIndexTablekey = 0
+const timeToString = (timeVal: any, types: int) => {
+  let timeStr = "";
+  if (Array.isArray(timeVal)) {
+    if (timeVal.length >= 2) {
+      let startTime = timeToAry(timeVal[0]);
+      let endTime = timeToAry(timeVal[1]);
+      switch (types) {
+        case "year": //年
+          timeStr = `${startTime.year} 至 ${endTime.year}`;
+          break;
+        case "month": //月
+          timeStr = `${startTime.year}-${startTime.month} 至 ${endTime.year}-${endTime.month}`;
+          break;
+        case "datetime": //日期+时间
+          timeStr = `${startTime.year}-${startTime.month}-${startTime.day} ${startTime.hours}:${startTime.minutes}:${startTime.seconds} 至 ${endTime.year}-${endTime.month}-${endTime.day} ${endTime.hours}:${endTime.minutes}:${endTime.seconds}`;
+          break;
+        case "week": //周
+          let startWeek = getYearWeek(startTime);
+          let endWeek = getYearWeek(endTime);
+          timeStr = `${startWeek} 至 ${endWeek}`;
+          break;
+        case "timeCalss": //时间
+          timeStr = `${startTime.hours}:${startTime.minutes}:${startTime.seconds} 至 ${endTime.hours}:${endTime.minutes}:${endTime.seconds}`;
+          break;
+        case "datetimerange":
+          timeStr = `${startTime.year}-${startTime.month}-${startTime.day} ${startTime.hours}:${startTime.minutes}:${startTime.seconds} 至 ${endTime.year}-${endTime.month}-${endTime.day} ${endTime.hours}:${endTime.minutes}:${endTime.seconds}`;
+          break;
+        case "daterange":
+          timeStr = `${startTime.year}-${startTime.month}-${startTime.day} 至 ${endTime.year}-${endTime.month}-${endTime.day}`;
+          break;
+        case "monthrange":
+          timeStr = `${startTime.year}-${startTime.month} 至 ${endTime.year}-${endTime.month}`;
+          break;
+        default:
+          timeStr = `${startTime.year}-${startTime.month}-${startTime.day} 至 ${endTime.year}-${endTime.month}-${endTime.day}`;
+          break;
+      }
+    } else if (timeVal.length == 1) {
+      let { year, month, day, hours, minutes, seconds } = timeToAry(timeVal[0]);
+      switch (types) {
+        case "year": //年
+          timeStr = `${year}`;
+          break;
+        case "month": //月
+          timeStr = `${year}-${month}`;
+          break;
+        case "datetime": //日期+时间
+          timeStr = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+          break;
+        case "week": //周
+          timeStr = getYearWeek(timeVal);
+          break;
+        case "timeCalss": //时间
+          timeStr = `${hours}:${minutes}:${seconds}`;
+          break;
+        default:
+          timeStr = `${year}-${month}-${day}`;
+          break;
+      }
+    } else {
+      timeStr = "未知时间";
+    }
+  } else {
+    let { year, month, day, hours, minutes, seconds } = timeToAry(timeVal);
+    switch (types) {
+      case "year": //年
+        timeStr = `${year}`;
+        break;
+      case "month": //月
+        timeStr = `${year}-${month}`;
+        break;
+      case "datetime": //日期+时间
+        timeStr = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+        break;
+      case "week": //周
+        timeStr = getYearWeek(timeVal);
+        break;
+      case "timeCalss": //时间
+        timeStr = `${hours}:${minutes}:${seconds}`;
+        break;
+      default:
+        timeStr = `${year}-${month}-${day}`;
+        break;
+    }
+  }
+
+  return timeStr;
+};
+let associatedFormsIndexTablekey = 0;
 const emits = defineEmits<{
-	(e: 'asfValueChanged', val: any): void
-}>()
+  (e: "asfValueChanged", val: any): void;
+}>();
 
-function asfValueChanged(val:any){
-	//console.log("childTable-asfValueChanged",val)
-	emits("asfValueChanged",val)
+function asfValueChanged(val: any) {
+  //console.log("childTable-asfValueChanged",val)
+  emits("asfValueChanged", val);
 }
 </script>
 <template>
-	
-	<div class="form-table form-table-add">
-		<el-table
-			v-bind="data.control"
-			:class="[data.className]"
-			:data="tableDataNew"
-		>
-			<el-table-column
-				v-for="(item, index) in data.list"
-				:key="index"
-				:prop="item.name"
-				:label="item.item.label"
-				:width="item.item.span"
-			>
-				<template #default="scope">
-					
-					<span v-if="item.type === 'index'">{{ scope.$index + 1 }}</span>
-					<div v-if="type === 4 || editDisabled">
-						<LokOrgCentent  v-if="item.type == 'orgCentent'" :orgid="scope.row[item.name].toString()" />
-						<div v-else-if="item.type=='lowcodeImage'">
-							<LowcodeImagePage :data="item" 
-								v-model="scope.row[item.name]" />
-						</div>
-						<div v-else-if="item.type=='upload'" >
-							<UploadPageList   :data="item" :img-list="scope.row[item.name]" :control="item.control" />
-						</div>
-						<div v-else-if="item.type=='datePicker'" v-html="timeToString(scope.row[item.name],item.control.type)">
-						</div>
-						<div v-else-if="item.type=='associatedForms'">
-							<AssociatedForms :data="item" 
-								v-model="scope.row[item.name]" :tablekey="associatedFormsIndexTablekey" :row-index="scope.$index"/>
-						</div>
-						<div v-else>{{ getText(scope.row[item.name],scope.row,item.name) }}</div>
-					</div>
-					<div v-else>
-				
-						<form-item
-						v-model="scope.row[item.name]"
-						:tProp="`${data.name}.${scope.$index}.${item.name}`"
-						:row-index="scope.$index"
-						:data="item"
-						@asf-value-changed="asfValueChanged"
-						/>
-					</div>
-				</template>
-				<template #header="scope" v-if="item.help">
-					{{ scope.column.label }}
-					<Tooltip :content="item.help" />
-				</template>
-			</el-table-column>
-			<el-table-column
-				prop="del"
-				label="操作"
-				v-if="[1, 2].includes(type as number) && data.config.delBtnText && !editDisabled"
-			>
-				<template #default="scope">
-					<el-button link type="primary" @click="delColumn(scope.$index)">{{ data.config.delBtnText }}</el-button>
-				</template>
-			</el-table-column>
-		</el-table>
-		<div
-			class="table-btn"
-			v-if="[1, 2].includes(type as number) && data.config.addBtnText && !editDisabled"
-		>
-			<el-button size="small" @click="addColumn">{{ data.config.addBtnText }}</el-button>
-		</div>
-	</div>
+  <div class="form-table form-table-add">
+    <el-table v-bind="data.control" :class="[data.className]" :data="tableDataNew">
+      <el-table-column
+        v-for="(item, index) in data.list"
+        :key="index"
+        :prop="item.name"
+        :label="item.item.label"
+        :width="item.item.span"
+      >
+        <template #default="scope">
+          <span v-if="item.type === 'index'">{{ scope.$index + 1 }}</span>
+          <div v-if="type === 4 || editDisabled">
+            <LokOrgCentent
+              v-if="item.type == 'orgCentent'"
+              :orgid="scope.row[item.name].toString()"
+            />
+            <div v-else-if="item.type == 'lowcodeImage'">
+              <LowcodeImagePage :data="item" v-model="scope.row[item.name]" />
+            </div>
+            <div v-else-if="item.type == 'upload'">
+              <UploadPageList
+                :data="item"
+                :img-list="scope.row[item.name]"
+                :control="item.control"
+              />
+            </div>
+            <div
+              v-else-if="item.type == 'datePicker'"
+              v-html="timeToString(scope.row[item.name], item.control.type)"
+            ></div>
+            <div v-else-if="item.type == 'associatedForms'">
+              <AssociatedForms
+                :data="item"
+                v-model="scope.row[item.name]"
+                :tablekey="associatedFormsIndexTablekey"
+                :row-index="scope.$index"
+              />
+            </div>
+            <div v-else>{{ getText(scope.row[item.name], scope.row, item.name) }}</div>
+          </div>
+          <div v-else>
+            <form-item
+              v-model="scope.row[item.name]"
+              :tProp="`${data.name}.${scope.$index}.${item.name}`"
+              :row-index="scope.$index"
+              :data="item"
+              @asf-value-changed="asfValueChanged"
+            />
+          </div>
+        </template>
+        <template #header="scope" v-if="item.help">
+          {{ scope.column.label }}
+          <Tooltip :content="item.help" />
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="del"
+        label="操作"
+        v-if="[1, 2].includes(type as number) && data.config.delBtnText && !editDisabled"
+      >
+        <template #default="scope">
+          <el-button link type="primary" @click="delColumn(scope.$index)">{{
+            data.config.delBtnText
+          }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div
+      class="table-btn"
+      v-if="[1, 2].includes(type as number) && data.config.addBtnText && !editDisabled"
+    >
+      <el-button size="small" @click="addColumn">{{ data.config.addBtnText }}</el-button>
+    </div>
+  </div>
 </template>
-<style  lang='scss' scoped>
-
-</style>
+<style lang="scss" scoped></style>
diff --git a/src/components/DesignForm/tableListPage/formPageCont.vue b/src/components/DesignForm/tableListPage/formPageCont.vue
index 04337ed..8c940b3 100644
--- a/src/components/DesignForm/tableListPage/formPageCont.vue
+++ b/src/components/DesignForm/tableListPage/formPageCont.vue
@@ -3,528 +3,627 @@
 @ 时间: 2024-04-03 13:39:16
 @ 备注: 列表内容展示
 -->
-<script lang='ts' setup>
-import { submitButton, afreshSubmitButton,editFormCont,draftSubmitButton,editLookFormCont } from "@/utils/workflow/const";
-import { json2string,objToStringify,string2json,stringToObj } from '@/utils/DesignForm/form'
-import { gainTaskFormInfo,generateFlow,gainEditDataLog,draftsInitiateApproval,afreshRunWorkflow } from '@/api/taskapi/management'
-import { Close } from '@element-plus/icons-vue'
-import { judgeSubmitCancel,startRunFlow } from '@/api/DesignForm/requestapi'
-import { submitButtonEs } from '@/api/DesignForm/tableButton'
+<script lang="ts" setup>
 import {
-  constFormBtnEvent,
-  constFormProps
-} from '@/api/DesignForm/utils'
-
-import RunFlowStep from '@/views/taskplatform/taskmanagement/runFlowStep.vue'
+  submitButton,
+  afreshSubmitButton,
+  editFormCont,
+  draftSubmitButton,
+  editLookFormCont,
+} from "@/utils/workflow/const";
+import {
+  json2string,
+  objToStringify,
+  string2json,
+  stringToObj,
+} from "@/utils/DesignForm/form";
+import {
+  gainTaskFormInfo,
+  generateFlow,
+  gainEditDataLog,
+  draftsInitiateApproval,
+  afreshRunWorkflow,
+} from "@/api/taskapi/management";
+import { Close } from "@element-plus/icons-vue";
+import { judgeSubmitCancel, startRunFlow } from "@/api/DesignForm/requestapi";
+import { submitButtonEs } from "@/api/DesignForm/tableButton";
+import { constFormBtnEvent, constFormProps } from "@/api/DesignForm/utils";
 
+import RunFlowStep from "@/views/taskplatform/taskmanagement/runFlowStep.vue";
 
 const props = defineProps({
-	isShow:{
-		type:Boolean,
-		default:false,
-	},
-	drawerWith:{
-		type:Number,
-		default:0
-	},
-	tablePageClass:{
-		type:Number,
-		default:1
-	},
-	operState:{
-		type:Number,
-		default:1
-	},
-	pageInfo:{
-		type:Object,
-		default(){
-			return {}
-		}
-	}
+  isShow: {
+    type: Boolean,
+    default: false,
+  },
+  drawerWith: {
+    type: Number,
+    default: 0,
+  },
+  tablePageClass: {
+    type: Number,
+    default: 1,
+  },
+  operState: {
+    type: Number,
+    default: 1,
+  },
+  pageInfo: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
 });
 const formEl = ref<any>();
-const emits = defineEmits(["update:isShow","getPageData"]);
+const emits = defineEmits(["update:isShow", "getPageData"]);
 const formLoading = ref(false);
 const flowAry = ref<any[]>(); //流程列表
-const currentProgress  = ref<number>(1);  //当前步进值
-const runstep = ref(null)
+const currentProgress = ref<number>(1); //当前步进值
+const runstep = ref(null);
 //表单ID
-const openOfClose =  computed({
-	get() {
-		return props.isShow
-	},
-	set(val: boolean) {
-		emits('update:isShow', val)
-	}
+const openOfClose = computed({
+  get() {
+    return props.isShow;
+  },
+  set(val: boolean) {
+    emits("update:isShow", val);
+  },
 });
-const formProps = inject(constFormProps, {}) as any
+const formProps = inject(constFormProps, {}) as any;
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-03 14:09:24
 @ 功能: 监听状态变化处理数据
 */
-watch(()=>props.isShow,(val:bool)=>{
-	
-	if(val){
-		formLoading.value = true;
-		getCustomrrFormInfo();
-	}
-})
+watch(
+  () => props.isShow,
+  (val: bool) => {
+    if (val) {
+      formLoading.value = true;
+      getCustomrrFormInfo();
+    }
+  }
+);
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-03 14:25:15
 @ 功能: 关闭抽屉
 */
 const closeDrawer = () => {
-	emits('update:isShow', false)
-}
+  emits("update:isShow", false);
+};
 
 //表单相关内容
 const formState = reactive({
-    formData: {
-      list: [],
-      form: {},
-      config: {}
-    },
-    dict: {},
-    formId: props.pageInfo.id,
-    id: 1,
-    loading: true
-})
-const pageLog = ref<any[]>([])
+  formData: {
+    list: [],
+    form: {},
+    config: {},
+  },
+  dict: {},
+  formId: props.pageInfo.id,
+  id: 1,
+  loading: true,
+});
+const pageLog = ref<any[]>([]);
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-03 14:33:15
 @ 功能: 获取自定义表单内容
 */
 const getCustomrrFormInfo = () => {
-	gainTaskFormInfo({id:props.pageInfo.masters_key})
-		.then(({data})=>{
-			// console.log("获取自定义表单内容",data,data.structure)
-			formState.formData = stringToObj(data.structure.mastesform)
-			// console.log("获取自定义表单内容--->",formState)
-			formState.dict = string2json(data.structure.dict)
-			// formState.formData.list.push(editLookFormCont)
-			if(props.tablePageClass != 4){
-				judgeSubmitCancel({"name":data.structure.mastesformjson})
-					.then((data:any) =>{
-						if(data.code == 0){
-							if (data.data == 3 || data.data == 4){
-								// formState.formData.list.push(submitButtonEs)
-								if(props.operState == 2){
-										formState.formData.list.push(afreshSubmitButton)
-								}else if(props.operState == 3){
-										formState.formData.list.push(editFormCont)
-								}else if(props.operState == 4){
-										formState.formData.list.push(draftSubmitButton)
-								}else if(props.operState == 5){
-									formState.formData.list.push(submitButtonEs)
-								}
-							}
-						}
-					})
-			}
-			
+  gainTaskFormInfo({ id: props.pageInfo.masters_key })
+    .then(({ data }) => {
+      console.log("获取自定义表单内容", data, data.structure);
+      formState.formData = stringToObj(data.structure.mastesform);
+      // console.log("获取自定义表单内容--->",formState)
+      formState.dict = string2json(data.structure.dict);
+      // formState.formData.list.push(editLookFormCont)
+      if (props.tablePageClass != 4) {
+        judgeSubmitCancel({ name: data.structure.mastesformjson }).then((data: any) => {
+          if (data.code == 0) {
+            if (data.data == 3 || data.data == 4) {
+              // formState.formData.list.push(submitButtonEs)
+              if (props.operState == 2) {
+                formState.formData.list.push(afreshSubmitButton);
+              } else if (props.operState == 3) {
+                formState.formData.list.push(editFormCont);
+              } else if (props.operState == 4) {
+                formState.formData.list.push(draftSubmitButton);
+              } else if (props.operState == 5) {
+                formState.formData.list.push(submitButtonEs);
+              }
+            }
+          }
+        });
+      }
 
-			nextTick(()=>{
-				// console.log("获取自定义表单内容-1111-->",data.tableData)
-				formEl.value.setValue(data.tableData)
-			})
-		})
-		.finally(()=>{
-			formLoading.value = false;
-			//alert(props.pageInfo.masters_key)
-			gainEditDataLog({id:props.pageInfo.masters_key})
-			.then(({data})=>{
-				// console.log("获取修改记录-1111-->",data)
-				pageLog.value = data
-			});
-		})
-}
+      nextTick(() => {
+        // console.log("获取自定义表单内容-1111-->", formEl.value, data.tableData);
+        formEl.value.setValue(data.tableData);
+      });
+    })
+    .finally(() => {
+      formLoading.value = false;
+      //alert(props.pageInfo.masters_key)
+      gainEditDataLog({ id: props.pageInfo.masters_key }).then(({ data }) => {
+        // console.log("获取修改记录-1111-->",data)
+        pageLog.value = data;
+      });
+    });
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-07 10:55:34
 @ 功能: 表单动作回调
 */
 const afterSubmit = (type: string) => {
-	// console.log("表单提交成功")
-	if (type === 'success') {
-		// router.go(-1)
-		// console.log("表单提交成功")
-		emits("getPageData");
-		closeDrawer();
-		
-	}
-}
+  // console.log("表单提交成功")
+  if (type === "success") {
+    // router.go(-1)
+    // console.log("表单提交成功")
+    emits("getPageData");
+    closeDrawer();
+  }
+};
 const closeAppSubmit = () => {
-	closeDrawer()
-}
+  closeDrawer();
+};
 //流程执行
 const drawerBeforeClose = () => {
-	// console.log("监听打开关闭",false)
-	// emits("getmytodolist")
-	// emits("update:isshow", false);
-}
+  // console.log("监听打开关闭",false)
+  // emits("getmytodolist")
+  // emits("update:isshow", false);
+};
 //提交审批
-const sendDraftSubmit = (type: string,val?:any) => {
-	// console.log("提交审批",type,val)
-	// emits("getmytodolist")
-	if (type === 'success') {
-		if(props.pageInfo.flowIsOpen == 1){
-			let sendInfo ={
-				id:val.data.runFlowId,
-				flowList:flowAry.value,
-				state:3
-			}
-			// console.log("草稿提交审批--1-<",sendInfo)
-			draftsInitiateApproval(sendInfo)
-				.then((data:any) =>{
-					// console.log("草稿提交审批---<",sendInfo,data)
-					if(data.code == 0){
-						ElMessage.success(data.msg || '提交成功！')
-						if(runstep.value){
-							runstep.value.gainRunFlowTask()
-						}
-						emits("getPageData");
-						closeDrawer()
-					}
-				})
-		}
-	}
-}
+const sendDraftSubmit = (type: string, val?: any) => {
+  // console.log("提交审批",type,val)
+  // emits("getmytodolist")
+  if (type === "success") {
+    if (props.pageInfo.flowIsOpen == 1) {
+      let sendInfo = {
+        id: val.data.runFlowId,
+        flowList: flowAry.value,
+        state: 3,
+      };
+      // console.log("草稿提交审批--1-<",sendInfo)
+      draftsInitiateApproval(sendInfo).then((data: any) => {
+        // console.log("草稿提交审批---<",sendInfo,data)
+        if (data.code == 0) {
+          ElMessage.success(data.msg || "提交成功！");
+          if (runstep.value) {
+            runstep.value.gainRunFlowTask();
+          }
+          emits("getPageData");
+          closeDrawer();
+        }
+      });
+    }
+  }
+};
 //保存草稿箱(带流程)
-const saveEditFormInfo  = (type: string,val?:any) => {
-	// console.log("草稿提交审批--1-<",type,val)
-	if(type == "success"){
-		runstep.value.gainRunFlowTask()
-		emits("getPageData");
-		closeDrawer()
-	}
-}
+const saveEditFormInfo = (type: string, val?: any) => {
+  // console.log("草稿提交审批--1-<",type,val)
+  if (type == "success") {
+    runstep.value.gainRunFlowTask();
+    emits("getPageData");
+    closeDrawer();
+  }
+};
 
 //重新提交审核
-const anewSubmit = (type: string,val?:any) => {
-	// console.log("重新提交数据-11--<",type,val)
-	if(type == "success"){
-		afreshRunWorkflow({id:val.data.runFlowId})
-			.then((data:any) => {
-				// console.log("重新提交数据---<",data,runstep.value)
-				runstep.value.gainRunFlowTask()
-			})
-			.finally(() => {
-				emits("getPageData");
-				closeDrawer()
-			})
-	}
-}
+const anewSubmit = (type: string, val?: any) => {
+  // console.log("重新提交数据-11--<",type,val)
+  if (type == "success") {
+    afreshRunWorkflow({ id: val.data.runFlowId })
+      .then((data: any) => {
+        // console.log("重新提交数据---<",data,runstep.value)
+        runstep.value.gainRunFlowTask();
+      })
+      .finally(() => {
+        emits("getPageData");
+        closeDrawer();
+      });
+  }
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-11 11:35:24
 @ 功能: 申请修改
 */
 //修改完毕
-const submitEdit = (type: string,val?:any) => {
-	// console("修改完毕----->",type,val)
-	if(type == "success"){
-		runstep.value.gainRunFlowTask()
-		emits("getPageData");
-		closeDrawer()
-	}
-}
+const submitEdit = (type: string, val?: any) => {
+  // console("修改完毕----->",type,val)
+  if (type == "success") {
+    runstep.value.gainRunFlowTask();
+    emits("getPageData");
+    closeDrawer();
+  }
+};
 const jsuanKuandu = () => {
-	if(props.pageInfo.flowIsOpen==1){
-		return 900 + 350
-	}else{
-		return 900
-	}
-	
-}
+  if (props.pageInfo.flowIsOpen == 1) {
+    return 900 + 350;
+  } else {
+    return 900;
+  }
+};
 </script>
 <template>
-	<el-drawer
-		v-model="openOfClose"
-		title="查看表单内容"
-		:size="jsuanKuandu()"
-		:with-header="false" 
-		:close-on-click-modal="false" 
-		:close-on-press-escape="false" 
-		:destroy-on-close="true"
-	>
-		<div v-if="props.pageInfo.flowIsOpen==1" class="common-layout">
-		
-			<el-container>
-				<el-main>
-				
-					<ak-form
-						ref="formEl"
-						v-loading="formLoading" element-loading-text="Loading..."
-						:form-data="formState.formData"
-						:type="props.tablePageClass"
-						:dict="formState.dict"
-						request-url="getFormContent"
-						add-url="saveFormContent"
-						edit-url="editFormContent"
-						:before-submit="beforeSubmit"
-						:close-app-submit="closeDrawer"
-						:change-key-val="changeKeyVal"
-						:anew-submit = "anewSubmit"
-						:save-edit-form-info="saveEditFormInfo"
-						:send-draft-submit= "sendDraftSubmit"
-						:after-submit="afterSubmit"
-						:submit-edit="submitEdit"
-					/>
-					<el-divider  v-if="pageLog&&pageLog.length > 0" content-position="left">历史记录</el-divider>
-					<el-timeline style="width: 100%">
-						<el-timeline-item v-for="(item,index) in pageLog" :key="index" :timestamp="item.time+' 操作人：'+item.creater" placement="top">
-							<el-card>
-								<el-descriptions  border>
-									<el-descriptions-item v-for="(mastItem,mastIndex) in item.masterdata" :key="mastItem.label" :label="mastItem.label">
-										{{mastItem.label}}
-									</el-descriptions-item>
-								</el-descriptions>
-								<el-tabs v-if="item.sunList" type="border-card" style="margin-top:20px;">
-									<el-tab-pane v-for="(sonItem,sonIndex) in item.sunList" :label="sonIndex" :key="sonIndex">
-										<el-descriptions v-for="(sonVal,sonIndex) in sonItem" :key="sonIndex" border>
-											<el-descriptions-item v-for="(sonCentor,sonKey) in sonVal" :key="sonKey" :label="sonKey">	{{sonCentor}}
-											</el-descriptions-item>
-										</el-descriptions>
-									</el-tab-pane>
-								</el-tabs>
-								<table style="margin-top:20px;">
-										<tr>
-											<td class="biankuang" width="100">修改说明：</td>
-											<td class="biankuang">{{item.explicate}}</td>
-										</tr>
-									</table>
-							</el-card>
-						</el-timeline-item>
-					</el-timeline>
-				</el-main>
-				<el-aside width="350px" class="flowBox">
-					<el-header height="30px">
-						<div class="workFlowHead">
-							<el-text>审批流程</el-text>
-							<el-icon @click="closeDrawer"><Close /></el-icon>
-						</div>
-					</el-header>
-					<el-scrollbar class="scorllbarBox">
-			
-						<RunFlowStep ref="runstep" v-model:flowary="flowAry" :flow-key="props.pageInfo.runFlowId" :current-progress="currentProgress"  @updatelist="drawerBeforeClose" />
-					</el-scrollbar>
-				</el-aside>
-				
-			</el-container>
-		</div>
-		<div v-else class="common-layout">
-			<el-header height="30px">
-				<el-icon @click="closeDrawer"><Close /></el-icon>
-			</el-header>
-			<ak-form
-				ref="formEl"
-				v-loading="formLoading" element-loading-text="Loading..."
-				:form-data="formState.formData"
-				:type="props.tablePageClass"
-				:dict="formState.dict"
-				request-url="getFormContent"
-				add-url="saveFormContent"
-				edit-url="editFormContent"
-				:before-submit="beforeSubmit"
-				:close-app-submit="closeDrawer"
-				:change-key-val="changeKeyVal"
-				:anew-submit = "anewSubmit"
-				:after-submit="afterSubmit"
-				:save-edit-form-info="saveEditFormInfo"
-				:send-draft-submit= "sendDraftSubmit"
-				:submit-edit="submitEdit"
-			/>
-			<el-divider v-if="pageLog&&pageLog.length > 0" content-position="left">历史记录</el-divider>
-			<el-timeline style="width: 100%">
-				<el-timeline-item v-for="(item,index) in pageLog" :key="index" :timestamp="item.time+' 操作人：'+item.creater" placement="top">
-					<el-card >
-						<el-tabs>
-							<el-tab-pane label="主要信息">
-								<el-descriptions  border :column="1">
-									<el-descriptions-item v-for="(mastItem,mastIndex) in item.masterdata" :key="mastIndex" label-align="right"  width="150px" >
-										<template #label>
-											<div style="width: 100px;">
-												{{mastItem.label}}
-											</div>
-										</template>
-										
-										
-										<div v-if="mastItem.types=='lowcodeImage'">
-											<el-image style="width: 100px; height: 100px" :src="mastItem.value" fit="cover" />
-										</div>
-										<div v-if="mastItem.types=='lowcodeCarsusel'">
-											<el-carousel :interval="5000" type="card" height="200px">
-												<el-carousel-item v-for="item in mastItem.value" :key="item.imgId">
-													<el-image style="width: 100%; height: 100%" :src="item.imgUrl" fit="fill" />
-												</el-carousel-item>
-											</el-carousel>
-										</div>
-										<div v-else-if="mastItem.types=='signaturemap'">
-											<el-image style="width: 200px; height: 150px" :src="mastItem.value" fit="cover" />
-										</div>
-										<div v-else-if="mastItem.types=='colorPicker'">
-											<div :style="'width: 30px; height: 30px; background-color: '+mastItem.value" ></div>
-										</div>
-										<div v-else-if="mastItem.types=='switch'">
-											<el-switch
-												v-model="mastItem.value"
-												class="ml-2"
-												:active-value="1"
-												:inactive-value="2"
-												disabled
-											/>
-										</div>
-										<div v-else-if="mastItem.types=='rate'">
-											<el-rate v-model="mastItem.value" disabled />
-										</div>
-										<div v-else-if="mastItem.types=='slider'" style="max-width: 300px;">
-											<el-slider v-model="mastItem.value" disabled />
-										</div>
-										<div v-else-if="mastItem.types=='videoUpAndPlay'">
-
-											<el-carousel :interval="5000" arrow="always" height="250px">
-												<el-carousel-item v-for="item in mastItem.value" :key="item.id">
-													<video  
-														:src="item.url"
-														style="width: 100%; height: 250px"
-														controls
-														>
-													</video>
-												</el-carousel-item>
-											</el-carousel>
-											
-											
-										</div>
-										<div v-else-if="mastItem.types=='upload'">
-											<div v-if="mastItem.auxiliary=='picture-card'">
-												<el-image style="width: 100px; height: 100px" :src="mastItem.value" fit="cover" />
-											</div>
-											<div v-else-if="mastItem.auxiliary=='picture'">
-												<el-image style="width: 100px; height: 100px" :src="mastItem.value" fit="cover" />
-											</div>
-											<div v-else v-html="mastItem.value"></div>
-										</div>
-										<div v-else-if="mastItem.types=='baidumap'">
-											<BaiduMapLook :address="mastItem.value" />
-										</div>
-										<div v-else v-html="mastItem.value"></div>
-									</el-descriptions-item>
-								</el-descriptions>
-							</el-tab-pane>
-						</el-tabs>
-						<el-tabs v-if="item.sunData" type="border-card" style="margin-top:20px;">
-							<el-tab-pane v-for="(sonItem,sonIndex) in item.sunData" :label="sonIndex" :key="sonIndex">
-							
-								<el-descriptions v-for="(sonVal,sonIndex) in sonItem" :key="sonIndex" border>
-									<el-descriptions-item v-for="(sonCentor,sonKey) in sonVal" :key="sonKey" width="150px" >	
-										<template #label>
-											<div style="width: 100px;">
-												{{sonCentor.label}}
-											</div>
-										</template>
-
-										<div v-if="sonCentor.types=='lowcodeImage'">
-											<el-image style="width: 100px; height: 100px" :src="sonCentor.value" fit="cover" />
-										</div>
-										<div v-if="sonCentor.types=='lowcodeCarsusel'">
-											<el-carousel :interval="5000" type="card" height="200px">
-												<el-carousel-item v-for="item in sonCentor.value" :key="item.imgId">
-													<el-image style="width: 100%; height: 100%" :src="item.imgUrl" fit="fill" />
-												</el-carousel-item>
-											</el-carousel>
-										</div>
-										<div v-else-if="sonCentor.types=='signaturemap'">
-											<el-image style="width: 200px; height: 150px" :src="sonCentor.value" fit="cover" />
-										</div>
-										<div v-else-if="sonCentor.types=='colorPicker'">
-											<div :style="'width: 30px; height: 30px; background-color: '+sonCentor.value" ></div>
-										</div>
-										<div v-else-if="sonCentor.types=='rate'">
-											<el-rate v-model="sonCentor.value" disabled />
-										</div>
-										<div v-else-if="sonCentor.types=='slider'" style="max-width: 300px;">
-											<el-slider v-model="sonCentor.value" disabled />
-										</div>
-										<div v-else-if="sonCentor.types=='videoUpAndPlay'">
-
-											<el-carousel :interval="5000" arrow="always" height="250px">
-												<el-carousel-item v-for="item in sonCentor.value" :key="item.id">
-													<video  
-														:src="item.url"
-														style="width: 100%; height: 250px"
-														controls
-														>
-													</video>
-												</el-carousel-item>
-											</el-carousel>
-											
-											
-										</div>
-										<div v-else-if="sonCentor.types=='upload'">
-											<div v-if="sonCentor.auxiliary=='picture-card'">
-												<el-image style="width: 100px; height: 100px" :src="sonCentor.value" fit="cover" />
-											</div>
-											<div v-else-if="sonCentor.auxiliary=='picture'">
-												<el-image style="width: 100px; height: 100px" :src="sonCentor.value" fit="cover" />
-											</div>
-											<div v-else v-html="sonCentor.value"></div>
-										</div>
-										<div v-else-if="sonCentor.types=='baidumap'">
-											<BaiduMapLook :address="sonCentor.value" />
-										</div>
-										<div v-else v-html="sonCentor.value"></div>
-
-
-
+  <el-drawer
+    v-model="openOfClose"
+    title="查看表单内容"
+    :size="jsuanKuandu()"
+    :with-header="false"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :destroy-on-close="true"
+  >
+    <div v-if="props.pageInfo.flowIsOpen == 1" class="common-layout">
+      <el-container>
+        <el-main>
+          <ak-form
+            ref="formEl"
+            v-loading="formLoading"
+            element-loading-text="Loading..."
+            :form-data="formState.formData"
+            :type="props.tablePageClass"
+            :dict="formState.dict"
+            request-url="getFormContent"
+            add-url="saveFormContent"
+            edit-url="editFormContent"
+            :before-submit="beforeSubmit"
+            :close-app-submit="closeDrawer"
+            :change-key-val="changeKeyVal"
+            :anew-submit="anewSubmit"
+            :save-edit-form-info="saveEditFormInfo"
+            :send-draft-submit="sendDraftSubmit"
+            :after-submit="afterSubmit"
+            :submit-edit="submitEdit"
+          />
+          <el-divider v-if="pageLog && pageLog.length > 0" content-position="left"
+            >历史记录</el-divider
+          >
+          <el-timeline style="width: 100%">
+            <el-timeline-item
+              v-for="(item, index) in pageLog"
+              :key="index"
+              :timestamp="item.time + ' 操作人：' + item.creater"
+              placement="top"
+            >
+              <el-card>
+                <el-descriptions border>
+                  <el-descriptions-item
+                    v-for="(mastItem, mastIndex) in item.masterdata"
+                    :key="mastItem.label"
+                    :label="mastItem.label"
+                  >
+                    {{ mastItem.label }}
+                  </el-descriptions-item>
+                </el-descriptions>
+                <el-tabs v-if="item.sunList" type="border-card" style="margin-top: 20px">
+                  <el-tab-pane
+                    v-for="(sonItem, sonIndex) in item.sunList"
+                    :label="sonIndex"
+                    :key="sonIndex"
+                  >
+                    <el-descriptions
+                      v-for="(sonVal, sonIndex) in sonItem"
+                      :key="sonIndex"
+                      border
+                    >
+                      <el-descriptions-item
+                        v-for="(sonCentor, sonKey) in sonVal"
+                        :key="sonKey"
+                        :label="sonKey"
+                      >
+                        {{ sonCentor }}
+                      </el-descriptions-item>
+                    </el-descriptions>
+                  </el-tab-pane>
+                </el-tabs>
+                <table style="margin-top: 20px">
+                  <tr>
+                    <td class="biankuang" width="100">修改说明：</td>
+                    <td class="biankuang">{{ item.explicate }}</td>
+                  </tr>
+                </table>
+              </el-card>
+            </el-timeline-item>
+          </el-timeline>
+        </el-main>
+        <el-aside width="350px" class="flowBox">
+          <el-header height="30px">
+            <div class="workFlowHead">
+              <el-text>审批流程</el-text>
+              <el-icon @click="closeDrawer"><Close /></el-icon>
+            </div>
+          </el-header>
+          <el-scrollbar class="scorllbarBox">
+            <RunFlowStep
+              ref="runstep"
+              v-model:flowary="flowAry"
+              :flow-key="props.pageInfo.runFlowId"
+              :current-progress="currentProgress"
+              @updatelist="drawerBeforeClose"
+            />
+          </el-scrollbar>
+        </el-aside>
+      </el-container>
+    </div>
+    <div v-else class="common-layout">
+      <el-header height="30px">
+        <el-icon @click="closeDrawer"><Close /></el-icon>
+      </el-header>
+      <ak-form
+        ref="formEl"
+        v-loading="formLoading"
+        element-loading-text="Loading..."
+        :form-data="formState.formData"
+        :type="props.tablePageClass"
+        :dict="formState.dict"
+        request-url="getFormContent"
+        add-url="saveFormContent"
+        edit-url="editFormContent"
+        :before-submit="beforeSubmit"
+        :close-app-submit="closeDrawer"
+        :change-key-val="changeKeyVal"
+        :anew-submit="anewSubmit"
+        :after-submit="afterSubmit"
+        :save-edit-form-info="saveEditFormInfo"
+        :send-draft-submit="sendDraftSubmit"
+        :submit-edit="submitEdit"
+      />
+      <el-divider v-if="pageLog && pageLog.length > 0" content-position="left"
+        >历史记录</el-divider
+      >
+      <el-timeline style="width: 100%">
+        <el-timeline-item
+          v-for="(item, index) in pageLog"
+          :key="index"
+          :timestamp="item.time + ' 操作人：' + item.creater"
+          placement="top"
+        >
+          <el-card>
+            <el-tabs>
+              <el-tab-pane label="主要信息">
+                <el-descriptions border :column="1">
+                  <el-descriptions-item
+                    v-for="(mastItem, mastIndex) in item.masterdata"
+                    :key="mastIndex"
+                    label-align="right"
+                    width="150px"
+                  >
+                    <template #label>
+                      <div style="width: 100px">
+                        {{ mastItem.label }}
+                      </div>
+                    </template>
 
+                    <div v-if="mastItem.types == 'lowcodeImage'">
+                      <el-image
+                        style="width: 100px; height: 100px"
+                        :src="mastItem.value"
+                        fit="cover"
+                      />
+                    </div>
+                    <div v-if="mastItem.types == 'lowcodeCarsusel'">
+                      <el-carousel :interval="5000" type="card" height="200px">
+                        <el-carousel-item
+                          v-for="item in mastItem.value"
+                          :key="item.imgId"
+                        >
+                          <el-image
+                            style="width: 100%; height: 100%"
+                            :src="item.imgUrl"
+                            fit="fill"
+                          />
+                        </el-carousel-item>
+                      </el-carousel>
+                    </div>
+                    <div v-else-if="mastItem.types == 'signaturemap'">
+                      <el-image
+                        style="width: 200px; height: 150px"
+                        :src="mastItem.value"
+                        fit="cover"
+                      />
+                    </div>
+                    <div v-else-if="mastItem.types == 'colorPicker'">
+                      <div
+                        :style="
+                          'width: 30px; height: 30px; background-color: ' + mastItem.value
+                        "
+                      ></div>
+                    </div>
+                    <div v-else-if="mastItem.types == 'switch'">
+                      <el-switch
+                        v-model="mastItem.value"
+                        class="ml-2"
+                        :active-value="1"
+                        :inactive-value="2"
+                        disabled
+                      />
+                    </div>
+                    <div v-else-if="mastItem.types == 'rate'">
+                      <el-rate v-model="mastItem.value" disabled />
+                    </div>
+                    <div v-else-if="mastItem.types == 'slider'" style="max-width: 300px">
+                      <el-slider v-model="mastItem.value" disabled />
+                    </div>
+                    <div v-else-if="mastItem.types == 'videoUpAndPlay'">
+                      <el-carousel :interval="5000" arrow="always" height="250px">
+                        <el-carousel-item v-for="item in mastItem.value" :key="item.id">
+                          <video
+                            :src="item.url"
+                            style="width: 100%; height: 250px"
+                            controls
+                          ></video>
+                        </el-carousel-item>
+                      </el-carousel>
+                    </div>
+                    <div v-else-if="mastItem.types == 'upload'">
+                      <div v-if="mastItem.auxiliary == 'picture-card'">
+                        <el-image
+                          style="width: 100px; height: 100px"
+                          :src="mastItem.value"
+                          fit="cover"
+                        />
+                      </div>
+                      <div v-else-if="mastItem.auxiliary == 'picture'">
+                        <el-image
+                          style="width: 100px; height: 100px"
+                          :src="mastItem.value"
+                          fit="cover"
+                        />
+                      </div>
+                      <div v-else v-html="mastItem.value"></div>
+                    </div>
+                    <div v-else-if="mastItem.types == 'baidumap'">
+                      <BaiduMapLook :address="mastItem.value" />
+                    </div>
+                    <div v-else v-html="mastItem.value"></div>
+                  </el-descriptions-item>
+                </el-descriptions>
+              </el-tab-pane>
+            </el-tabs>
+            <el-tabs v-if="item.sunData" type="border-card" style="margin-top: 20px">
+              <el-tab-pane
+                v-for="(sonItem, sonIndex) in item.sunData"
+                :label="sonIndex"
+                :key="sonIndex"
+              >
+                <el-descriptions
+                  v-for="(sonVal, sonIndex) in sonItem"
+                  :key="sonIndex"
+                  border
+                >
+                  <el-descriptions-item
+                    v-for="(sonCentor, sonKey) in sonVal"
+                    :key="sonKey"
+                    width="150px"
+                  >
+                    <template #label>
+                      <div style="width: 100px">
+                        {{ sonCentor.label }}
+                      </div>
+                    </template>
 
-									</el-descriptions-item>
-								</el-descriptions>
-							</el-tab-pane>
-						</el-tabs>
-					</el-card>
-				</el-timeline-item>
-			</el-timeline>
-		</div>
-	</el-drawer>
+                    <div v-if="sonCentor.types == 'lowcodeImage'">
+                      <el-image
+                        style="width: 100px; height: 100px"
+                        :src="sonCentor.value"
+                        fit="cover"
+                      />
+                    </div>
+                    <div v-if="sonCentor.types == 'lowcodeCarsusel'">
+                      <el-carousel :interval="5000" type="card" height="200px">
+                        <el-carousel-item
+                          v-for="item in sonCentor.value"
+                          :key="item.imgId"
+                        >
+                          <el-image
+                            style="width: 100%; height: 100%"
+                            :src="item.imgUrl"
+                            fit="fill"
+                          />
+                        </el-carousel-item>
+                      </el-carousel>
+                    </div>
+                    <div v-else-if="sonCentor.types == 'signaturemap'">
+                      <el-image
+                        style="width: 200px; height: 150px"
+                        :src="sonCentor.value"
+                        fit="cover"
+                      />
+                    </div>
+                    <div v-else-if="sonCentor.types == 'colorPicker'">
+                      <div
+                        :style="
+                          'width: 30px; height: 30px; background-color: ' +
+                          sonCentor.value
+                        "
+                      ></div>
+                    </div>
+                    <div v-else-if="sonCentor.types == 'rate'">
+                      <el-rate v-model="sonCentor.value" disabled />
+                    </div>
+                    <div v-else-if="sonCentor.types == 'slider'" style="max-width: 300px">
+                      <el-slider v-model="sonCentor.value" disabled />
+                    </div>
+                    <div v-else-if="sonCentor.types == 'videoUpAndPlay'">
+                      <el-carousel :interval="5000" arrow="always" height="250px">
+                        <el-carousel-item v-for="item in sonCentor.value" :key="item.id">
+                          <video
+                            :src="item.url"
+                            style="width: 100%; height: 250px"
+                            controls
+                          ></video>
+                        </el-carousel-item>
+                      </el-carousel>
+                    </div>
+                    <div v-else-if="sonCentor.types == 'upload'">
+                      <div v-if="sonCentor.auxiliary == 'picture-card'">
+                        <el-image
+                          style="width: 100px; height: 100px"
+                          :src="sonCentor.value"
+                          fit="cover"
+                        />
+                      </div>
+                      <div v-else-if="sonCentor.auxiliary == 'picture'">
+                        <el-image
+                          style="width: 100px; height: 100px"
+                          :src="sonCentor.value"
+                          fit="cover"
+                        />
+                      </div>
+                      <div v-else v-html="sonCentor.value"></div>
+                    </div>
+                    <div v-else-if="sonCentor.types == 'baidumap'">
+                      <BaiduMapLook :address="sonCentor.value" />
+                    </div>
+                    <div v-else v-html="sonCentor.value"></div>
+                  </el-descriptions-item>
+                </el-descriptions>
+              </el-tab-pane>
+            </el-tabs>
+          </el-card>
+        </el-timeline-item>
+      </el-timeline>
+    </div>
+  </el-drawer>
 </template>
-<style  lang='scss' scoped>
-.common-layout{
-	height: 100vh;
-	padding: 0 15px;
-	.el-main{
-		height: 100vh;
-		padding:0;
-	}
-	.flowBox{
-		height: 100vh;
-		border-left: 1px solid #ccc;
-		.scorllbarBox{
-			height: calc(100vh - 35px)
-		}
-		.workFlowHead{
-			display: flex;
-			align-items: center;
-  			justify-content: space-between;
-		}
-	}
-	.el-header{
-		padding:0 10px;
-		line-height:30px;
-		text-align:right;
-		font-size:20px;
-		i{
-			cursor:pointer;
-		}
-	}
-	
+<style lang="scss" scoped>
+.common-layout {
+  height: 100vh;
+  padding: 0 15px;
+  .el-main {
+    height: 100vh;
+    padding: 0;
+  }
+  .flowBox {
+    height: 100vh;
+    border-left: 1px solid #ccc;
+    .scorllbarBox {
+      height: calc(100vh - 35px);
+    }
+    .workFlowHead {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+  .el-header {
+    padding: 0 10px;
+    line-height: 30px;
+    text-align: right;
+    font-size: 20px;
+    i {
+      cursor: pointer;
+    }
+  }
 }
-.biankuang{
-	border: 1px solid #D4D7DE;
-	padding:10px 10px;
-	
+.biankuang {
+  border: 1px solid #d4d7de;
+  padding: 10px 10px;
 }
 </style>
diff --git a/src/components/DesignForm/tableListPage/index.vue b/src/components/DesignForm/tableListPage/index.vue
index da5c9dd..f1df33d 100644
--- a/src/components/DesignForm/tableListPage/index.vue
+++ b/src/components/DesignForm/tableListPage/index.vue
@@ -3,231 +3,242 @@
 @ 时间: 2024-03-29 14:21:27
 @ 备注: 自定义表单通用列表
 -->
-<script lang='ts' setup>
-import { json2string,objToStringify,string2json,stringToObj } from '@/utils/DesignForm/form'
-import { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'
-import { useDesignFormStore } from '@/store/DesignForm/designForm'
-import { attrButton,FormPageList,FormPageConfig,viewPageType } from '@/api/DesignForm/tableButton'
-import { inputUnit,timeUnit,choiceUnit,switchUnit,orgUnit,checkboxUnit } from '@/api/DesignForm/fieldUnit'
-import type { FormInstance, FormRules,ElNotification  } from 'element-plus'
-import { gainFormPageListCont } from '@/api/DesignForm/requestapi'
-import { Picture,InfoFilled,QuestionFilled } from '@element-plus/icons-vue'
-import request from '@/utils/request';
-import { softDeletion,retractRunWorkFlow } from '@/api/taskapi/management'
+<script lang="ts" setup>
+import {
+  json2string,
+  objToStringify,
+  string2json,
+  stringToObj,
+} from "@/utils/DesignForm/form";
+import { onBeforeRouteLeave, useRoute, useRouter } from "vue-router";
+import { useDesignFormStore } from "@/store/DesignForm/designForm";
+import {
+  attrButton,
+  FormPageList,
+  FormPageConfig,
+  viewPageType,
+} from "@/api/DesignForm/tableButton";
+import {
+  inputUnit,
+  timeUnit,
+  choiceUnit,
+  switchUnit,
+  orgUnit,
+  checkboxUnit,
+} from "@/api/DesignForm/fieldUnit";
+import type { FormInstance, FormRules, ElNotification } from "element-plus";
+import { gainFormPageListCont } from "@/api/DesignForm/requestapi";
+import { Picture, InfoFilled, QuestionFilled } from "@element-plus/icons-vue";
+import request from "@/utils/request";
+import { softDeletion, retractRunWorkFlow } from "@/api/taskapi/management";
 
-import { 
-	formatNumber
-} from '@/api/DesignForm/utils'
+import { formatNumber } from "@/api/DesignForm/utils";
 //引入组件
-import FormPageCont from '@/components/DesignForm/tableListPage/formPageCont.vue'
-import TableFlow from '@/views/sysworkflow/lowcodepage/pageFlow/tableFlow.vue'
-import TimeAxisPage from '@/components/DesignForm/app/timeAxis.vue'
-import CardPage from '@/components/DesignForm/app/cardPage.vue'
-import GanttPage from '@/components/DesignForm/app/gannttPage.vue'
-import MapPage from '@/components/DesignForm/app/mapPage.vue'
-import CalendarPage from '@/components/DesignForm/app/calendar/calendar1/calendarPage.vue'
-import SearchSelect from '@/components/DesignForm/app/calendar/selectSearch.vue'
+import FormPageCont from "@/components/DesignForm/tableListPage/formPageCont.vue";
+import TableFlow from "@/views/sysworkflow/lowcodepage/pageFlow/tableFlow.vue";
+import TimeAxisPage from "@/components/DesignForm/app/timeAxis.vue";
+import CardPage from "@/components/DesignForm/app/cardPage.vue";
+import GanttPage from "@/components/DesignForm/app/gannttPage.vue";
+import MapPage from "@/components/DesignForm/app/mapPage.vue";
+import CalendarPage from "@/components/DesignForm/app/calendar/calendar1/calendarPage.vue";
+import SearchSelect from "@/components/DesignForm/app/calendar/selectSearch.vue";
 
 const props = withDefaults(
-    defineProps<{
-		data: FormPageList
-		searchData?: attrButton[]
-		config:FormPageConfig
-		formId?:string
-		beforeRequest?: (params: any, rout: any) => any
-		afterResponse?: (result: any) => any | string
-		beforeDelete?: (params: any, route: any) => any
-		showPage?: boolean
-		requestUrl?: string // 请求的api
-		deleteUrl?: string // 删除的api
-		dict?: { [key: string | number]: string | number }
-		fixedBottomScroll?: boolean
-		query?: { [key: string]: any } // 一些附加的请求参数
-		autoLoad?: boolean // 初始时自动请求加载数据
-		delKey?: string // 删除标识
-		lookPageIsShow?:boolean,
-		versionid?:string,
-		versiontitle?:string,
-		viewPage?:viewPageType
-    }>(),
-    {
-		showPage: true,
-		data: () => {
-			return { columns: [],controlBtn:[],operateBtn:[],config:{} }
-		},
-		searchData: () => {
-			return []
-		},
-		config:() =>{
-			return {}
-		},
-		dict: () => {
-			return {}
-		},
-		formId:() =>{
-			return ""
-		},
-		versionid:() =>{
-			return ""
-		},
-		versiontitle:() =>{
-			return ""
-		},
-		fixedBottomScroll: true,
-		autoLoad: true,
-		delKey: 'id',
-		query: () => {
-			return {}
-		},
-		lookPageIsShow:() => {
-			return false
-		},
-		viewPage: () => {
-			return []
-		}
-    }
-)
+  defineProps<{
+    data: FormPageList;
+    searchData?: attrButton[];
+    config: FormPageConfig;
+    formId?: string;
+    beforeRequest?: (params: any, rout: any) => any;
+    afterResponse?: (result: any) => any | string;
+    beforeDelete?: (params: any, route: any) => any;
+    showPage?: boolean;
+    requestUrl?: string; // 请求的api
+    deleteUrl?: string; // 删除的api
+    dict?: { [key: string | number]: string | number };
+    fixedBottomScroll?: boolean;
+    query?: { [key: string]: any }; // 一些附加的请求参数
+    autoLoad?: boolean; // 初始时自动请求加载数据
+    delKey?: string; // 删除标识
+    lookPageIsShow?: boolean;
+    versionid?: string;
+    versiontitle?: string;
+    viewPage?: viewPageType;
+  }>(),
+  {
+    showPage: true,
+    data: () => {
+      return { columns: [], controlBtn: [], operateBtn: [], config: {} };
+    },
+    searchData: () => {
+      return [];
+    },
+    config: () => {
+      return {};
+    },
+    dict: () => {
+      return {};
+    },
+    formId: () => {
+      return "";
+    },
+    versionid: () => {
+      return "";
+    },
+    versiontitle: () => {
+      return "";
+    },
+    fixedBottomScroll: true,
+    autoLoad: true,
+    delKey: "id",
+    query: () => {
+      return {};
+    },
+    lookPageIsShow: () => {
+      return false;
+    },
+    viewPage: () => {
+      return [];
+    },
+  }
+);
 const emits = defineEmits<{
-    (e: 'selectionChange', row: any): void
-    (e: 'btnClick', btn: any, row?: any): void // 列表上面及表格列表里添加删除按钮事件
-}>()
-const operState = ref<number>(1)	//操作状态	1：新增；2：重新发起；3：申请修改；4：提交审批;5:普通表单修改
-const idList = ref<string[]>([])
-const designStore = useDesignFormStore()
-const route = useRoute()
-const router = useRouter()
-const tableDataList = ref([]) // 表格行数据
-const currentAsfTableDataList = ref([])//当前点击的关联表单数据
-const openTaskDrawer = ref(false)	//新增数据
+  (e: "selectionChange", row: any): void;
+  (e: "btnClick", btn: any, row?: any): void; // 列表上面及表格列表里添加删除按钮事件
+}>();
+const operState = ref<number>(1); //操作状态	1：新增；2：重新发起；3：申请修改；4：提交审批;5:普通表单修改
+const idList = ref<string[]>([]);
+const designStore = useDesignFormStore();
+const route = useRoute();
+const router = useRouter();
+const tableDataList = ref([]); // 表格行数据
+const currentAsfTableDataList = ref([]); //当前点击的关联表单数据
+const openTaskDrawer = ref(false); //新增数据
 
 const state = reactive({
-    loading: false,
-    currentPage: 1,
-    pageSize: props.config?.pageSize || 2,
-    total: 0,
-    selectionChecked: [],
-    dict: {}, // 接口返回的
-    searchFormDown: false,
-    treeValue: {}, // 侧栏树选中的值
-    tableScrollMargin: 0,
-    columnsCheck: designStore.getColumnsCheck(route.path),
-    currentNodeKey: ''
-})
+  loading: false,
+  currentPage: 1,
+  pageSize: props.config?.pageSize || 2,
+  total: 0,
+  selectionChecked: [],
+  dict: {}, // 接口返回的
+  searchFormDown: false,
+  treeValue: {}, // 侧栏树选中的值
+  tableScrollMargin: 0,
+  columnsCheck: designStore.getColumnsCheck(route.path),
+  currentNodeKey: "",
+});
 
-const viewType = ref(1)
-const viewLayout = ref<any>()
+const viewType = ref(1);
+const viewLayout = ref<any>();
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-28 16:03:12
 @ 功能: 判断类型
 */
-const unitIsShow = (val:tableButton,unitName:string) => {
-	// val.pattern
-	switch (val.fieldClass) {
-		case "id":		//自定义表单保留字
-			return inputUnit.includes(unitName);
-			break;
-		case "masters_key": //自定义表单保留字
-			return inputUnit.includes(unitName);
-			break;
-		case "creater": //自定义表单保留字
-			return inputUnit.includes(unitName);
-			break;
-		case "creater_time": //自定义表单保留字
-			return timeUnit.includes(unitName);
-			break;
-		case "edit_time": //自定义表单保留字
-			return timeUnit.includes(unitName);
-			break;
-		case "flow_id": //自定义表单保留字
-			return inputUnit.includes(unitName);
-			break;
-		case "baidumap":		//自定义表单保留字
-			return inputUnit.includes(unitName);
-			break;
-		case "input":		//自定义表单保留字
-			return inputUnit.includes(unitName);
-			break;
-		case "radio":		//自定义表单保留字
-			return choiceUnit.includes(unitName);
-			break;
-		case "switch":		//自定义表单保留字
-			return switchUnit.includes(unitName);
-			break;
-		case "orgCentent":		//自定义表单保留字
-			return orgUnit.includes(unitName);
-			break;
-		case "varchar":		//自定义表单保留字
-			return inputUnit.includes(unitName);
-			break;
-		case "checkbox":
-			return checkboxUnit.includes(unitName);
-			break;
-		default:
-			if(val.fieldClass != "datePicker" && val.fieldClass != "timePicker"){
-				return inputUnit.includes(unitName);
-			}
-			break;
-	}
-}
+const unitIsShow = (val: tableButton, unitName: string) => {
+  // val.pattern
+  switch (val.fieldClass) {
+    case "id": //自定义表单保留字
+      return inputUnit.includes(unitName);
+      break;
+    case "masters_key": //自定义表单保留字
+      return inputUnit.includes(unitName);
+      break;
+    case "creater": //自定义表单保留字
+      return inputUnit.includes(unitName);
+      break;
+    case "creater_time": //自定义表单保留字
+      return timeUnit.includes(unitName);
+      break;
+    case "edit_time": //自定义表单保留字
+      return timeUnit.includes(unitName);
+      break;
+    case "flow_id": //自定义表单保留字
+      return inputUnit.includes(unitName);
+      break;
+    case "baidumap": //自定义表单保留字
+      return inputUnit.includes(unitName);
+      break;
+    case "input": //自定义表单保留字
+      return inputUnit.includes(unitName);
+      break;
+    case "radio": //自定义表单保留字
+      return choiceUnit.includes(unitName);
+      break;
+    case "switch": //自定义表单保留字
+      return switchUnit.includes(unitName);
+      break;
+    case "orgCentent": //自定义表单保留字
+      return orgUnit.includes(unitName);
+      break;
+    case "varchar": //自定义表单保留字
+      return inputUnit.includes(unitName);
+      break;
+    case "checkbox":
+      return checkboxUnit.includes(unitName);
+      break;
+    default:
+      if (val.fieldClass != "datePicker" && val.fieldClass != "timePicker") {
+        return inputUnit.includes(unitName);
+      }
+      break;
+  }
+};
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-28 13:17:46
 @ 功能: 重置表单
 */
-const ruleSearchForm = ref()
+const ruleSearchForm = ref();
 const resetFields = (formEl: FormInstance | undefined) => {
-	
-	// formEl.resetFields()
-	// console.log("formEl",formEl,formEl.resetFields())
-    // if (!formEl) return
-  	// formEl.resetFields()
-	if(props.searchData && props.searchData.length > 0){
-		props.searchData.forEach((item:any)=>{
-			item.value="";
-		})
-	}
-}
+  // formEl.resetFields()
+  // console.log("formEl",formEl,formEl.resetFields())
+  // if (!formEl) return
+  // formEl.resetFields()
+  if (props.searchData && props.searchData.length > 0) {
+    props.searchData.forEach((item: any) => {
+      item.value = "";
+    });
+  }
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-01 11:36:07
 @ 功能: 功能按钮动作
 */
-const setUpClick = (val:string,id:string) =>{
-	// console.log("功能按钮动作",val,"----id----->",props.versionid,"-----formId---->",props.versiontitle)
-	if(val.key == "newAdd"){
-		drawerWith.value = container.value?.clientWidth
-		openTaskDrawer.value = true
-	}else{
-		if(idList.value.length > 0){
-			ElMessageBox.confirm("确认删除此数据项?删除后不可恢复！", "警告", {
-				confirmButtonText: "确定",
-				cancelButtonText: "取消",
-				type: "warning",
-			}).then(() => {
-				let sendData = {
-					id:idList.value,
-					isTrue:2
-				}
-				softDeletion(sendData)
-					.then((data)=>{
-						// console.log('cancel!',data)
-						ElNotification({
-							title: '提示信息！',
-							message: data.mag,
-							type: 'success',
-						})
-						getPageData()
-					})
-			});
-		}else{
-			ElMessage.error("你还未选中要删除的项目！");
-		}
-		
-	}
-	
-}
+const setUpClick = (val: string, id: string) => {
+  // console.log("功能按钮动作",val,"----id----->",props.versionid,"-----formId---->",props.versiontitle)
+  if (val.key == "newAdd") {
+    drawerWith.value = container.value?.clientWidth;
+    openTaskDrawer.value = true;
+  } else {
+    if (idList.value.length > 0) {
+      ElMessageBox.confirm("确认删除此数据项?删除后不可恢复！", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        let sendData = {
+          id: idList.value,
+          isTrue: 2,
+        };
+        softDeletion(sendData).then((data) => {
+          // console.log('cancel!',data)
+          ElNotification({
+            title: "提示信息！",
+            message: data.mag,
+            type: "success",
+          });
+          getPageData();
+        });
+      });
+    } else {
+      ElMessage.error("你还未选中要删除的项目！");
+    }
+  }
+};
 
 /**
 @ 作者: 秦东
@@ -235,48 +246,47 @@ const setUpClick = (val:string,id:string) =>{
 @ 功能: 表格选择操作
 */
 const selectionChange = (row: any) => {
-    state.selectionChecked = row
-    emits('selectionChange', row)
-	// console.log('selectionChange', row)
-	idList.value.length = 0
-	// console.log('idList.value-1-->', idList.value)
-	if(row && row.length>0){
-		row.forEach((item:any) => {
-			// console.log('item', item.masters_key)
-			idList.value.push(item.masters_key.toString())
-		})
-	}
-	// console.log('idList.value--->', idList.value)
-}
+  state.selectionChecked = row;
+  emits("selectionChange", row);
+  // console.log('selectionChange', row)
+  idList.value.length = 0;
+  // console.log('idList.value-1-->', idList.value)
+  if (row && row.length > 0) {
+    row.forEach((item: any) => {
+      // console.log('item', item.masters_key)
+      idList.value.push(item.masters_key.toString());
+    });
+  }
+  // console.log('idList.value--->', idList.value)
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-01 13:31:37
 @ 功能: 获取表格头内容
 */
 const columnsFilter = computed(() => {
-	console.log("获取表格头内容",props.data.columns)
-    if (!state.columnsCheck?.length) {
-      	return props.data.columns
-    } else {
-		return props.data.columns.filter((item: any) => {
-			return state.columnsCheck.includes(item.prop || item.type)
-		})
-    }
-	
-})
+  console.log("获取表格头内容", props.data.columns);
+  if (!state.columnsCheck?.length) {
+    return props.data.columns;
+  } else {
+    return props.data.columns.filter((item: any) => {
+      return state.columnsCheck.includes(item.prop || item.type);
+    });
+  }
+});
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-01 14:14:36
 @ 功能: 翻页操作
 */
 const handleSizeChange = (page: number) => {
-	// console.log("翻页操作",page)
-    state.pageSize = page
-    getListData(1)
-}
+  // console.log("翻页操作",page)
+  state.pageSize = page;
+  getListData(1);
+};
 const handleCurrentChange = (page: number) => {
-    getListData(page)
-}
+  getListData(page);
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-01 14:15:16
@@ -284,313 +294,305 @@ const handleCurrentChange = (page: number) => {
 */
 // 筛选查询列表数据
 const getListData = (page?: number) => {
-	if (page) {
-      	state.currentPage = page
+  if (page) {
+    state.currentPage = page;
+  }
+  console.log("筛选查询列表数据--->", page);
+  getPageData();
+};
+watch(
+  () => props.lookPageIsShow,
+  (val: boolean) => {
+    if (val && props.formId != "") {
+      getPageData();
     }
-	console.log("筛选查询列表数据--->",page)
-	getPageData()
-}
-watch(()=>props.lookPageIsShow,(val:boolean)=>{
-	if(val && props.formId != ""){
-		getPageData()
-		
-	}
-})
+  }
+);
 
-const timeAxisRef = ref(null)
-const calendarPageRef = ref(null)
-const cardPageRef = ref(null)
+const timeAxisRef = ref(null);
+const calendarPageRef = ref(null);
+const cardPageRef = ref(null);
 const searchSend = reactive({
-	formId:props.formId,
-	page:state.currentPage,
-	pagesize:state.pageSize,
-	searchData:json2string(props.searchData),
-	viewClass:{}
-})
+  formId: props.formId,
+  page: state.currentPage,
+  pagesize: state.pageSize,
+  searchData: json2string(props.searchData),
+  viewClass: {},
+});
 
-let asfDetails = []
-let asfQueryParams: any[] = []
+let asfDetails = [];
+let asfQueryParams: any[] = [];
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-01 15:51:32
 @ 功能: 获取数据
 */
 const getPageData = () => {
-	state.loading = true;
-	let sendData = {
-		formId:props.formId,
-		page:state.currentPage,
-		pagesize:state.pageSize,
-		searchData:json2string(props.searchData)
-		//searchData:"id:1"
-	}
-	// console.log("获取列表详细信息",sendData)
+  state.loading = true;
+  let sendData = {
+    formId: props.formId,
+    page: state.currentPage,
+    pagesize: state.pageSize,
+    searchData: json2string(props.searchData),
+    //searchData:"id:1"
+  };
+  // console.log("获取列表详细信息",sendData)
 
-	switch(viewType.value){
-		case 2:
-			nextTick(()=>{
-				state.loading = false
-				// console.log("获取列表详细信息-------555---------->",calendarPageRef.value)
-				calendarPageRef.value.calendarSearchData(sendData)
-			})
-			// calendarPageRef.value.calendarSearchData()
-			break;
-		case 3:
-			nextTick(()=>{
-				state.loading = false
-				// console.log("获取列表详细信息-------222---------->",timeAxisRef.value)
-				timeAxisRef.value.searchTimeList(sendData,1)
-			})
-			
-			break;
-		case 4:
-			state.loading = false
-			break;
-		case 5:
-			state.loading = false
-			break;
-		case 6:
-			nextTick(()=>{
-				state.loading = false
-				cardPageRef.value.getCardList(sendData)
-			})
-			break;
-		default:
+  switch (viewType.value) {
+    case 2:
+      nextTick(() => {
+        state.loading = false;
+        // console.log("获取列表详细信息-------555---------->",calendarPageRef.value)
+        calendarPageRef.value.calendarSearchData(sendData);
+      });
+      // calendarPageRef.value.calendarSearchData()
+      break;
+    case 3:
+      nextTick(() => {
+        state.loading = false;
+        // console.log("获取列表详细信息-------222---------->",timeAxisRef.value)
+        timeAxisRef.value.searchTimeList(sendData, 1);
+      });
 
-			gainFormPageListCont(sendData)
-				.then((data)=>{
-					
-					//console.log("获取列表详细信息----------------->",data)
-					//liwenxuan 关联表单数据获取 start
-					
-					let dataList = data
-					//console.log(dataList)
-					asfDetails = props.data.columns.filter((item: any) => {
-						return item.fieldClass=="associatedForms"
-					})
-					
-					
-					if(asfDetails.length>0&&data.data.list!=null){
-						//console.log(data.data.list)
-						//拼装参数,asf值对象数组
-						asfQueryParams = []
-						for(let j = 0;j< asfDetails.length;j++){
-							let asfQueryParamsItem :any = {}
-							//console.log(asfDetails[j])
-							asfQueryParamsItem.formId = asfDetails[j].control.formid
-							asfQueryParamsItem.field = asfDetails[j].field
-							
-							let asfToSelectIds = []
-							for(let i = 0;i<data.data.list.length;i++){
-								let asfMasterAndAsfId:any = {}
-								asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field]
-								asfMasterAndAsfId.asfMasterId = data.data.list[i].id
-								
-								asfToSelectIds.push(asfMasterAndAsfId)
-							}
-							asfQueryParamsItem.asfToSelectIds = asfToSelectIds
-							asfQueryParams.push(asfQueryParamsItem)
-						}
-						let queryCount = 0
-						for(let i = 0;i<asfQueryParams[0].asfToSelectIds.length;i++){
-							if(asfQueryParams[0].asfToSelectIds[i].asfId!=""){
-								queryCount++
-							}
-						}
-						//console.log(asfQueryParams)
-						if(queryCount>0){
-							getAsfDataTitlesByIds(asfQueryParams).then(({ data }) => {   
-								//console.log(data)
-								for(let i = 0;i<dataList.data.list.length; i++){
-									//console.log(dataList.data.list[i])
-									for(let j = 0;j<data.length;j++){
-										//console.log(data[j])
-										for(let n = 0;n<data[j].list.length;n++){
-											if(dataList.data.list[i].id==data[j].list[n].asfMasterId){
-												dataList.data.list[i][data[j].field] = data[j].list[n].label
-											}
-											//console.log(data[j].list[n])
-										}
-										
-										
-									}
-								}
-								tableDataList.value = dataList.data.list
-								
-							});
-						}else{
-							tableDataList.value = data.data.list
-						}
-						
-					}else{
-						tableDataList.value = data.data.list
-						
-					}
-					//liwenxuan 关联表单数据获取 end
-					state.total = data.data.total
-					state.loading = false;
-				})
-				.finally(()=>{
-					state.loading = false;
-				})
+      break;
+    case 4:
+      state.loading = false;
+      break;
+    case 5:
+      state.loading = false;
+      break;
+    case 6:
+      nextTick(() => {
+        state.loading = false;
+        cardPageRef.value.getCardList(sendData);
+      });
+      break;
+    default:
+      gainFormPageListCont(sendData)
+        .then((data) => {
+          //console.log("获取列表详细信息----------------->",data)
+          //liwenxuan 关联表单数据获取 start
 
-	}
-}
+          let dataList = data;
+          //console.log(dataList)
+          asfDetails = props.data.columns.filter((item: any) => {
+            return item.fieldClass == "associatedForms";
+          });
 
+          if (asfDetails.length > 0 && data.data.list != null) {
+            //console.log(data.data.list)
+            //拼装参数,asf值对象数组
+            asfQueryParams = [];
+            for (let j = 0; j < asfDetails.length; j++) {
+              let asfQueryParamsItem: any = {};
+              //console.log(asfDetails[j])
+              asfQueryParamsItem.formId = asfDetails[j].control.formid;
+              asfQueryParamsItem.field = asfDetails[j].field;
 
-const asfGetPageData = (asfFormId: any,asfToSelectMastersKey: any) => {
-	let searchData = [{"id":"id","label":"Id","field":"id","type":"bigint(20)","attribute":"","pattern":"bigint","fieldClass":"id","activeValue":"","inactiveValue":"","config":{"optionsType":0},"control":{"optionsValue3Formid":"","optionsValue3Field":""},"options":[],"isSearch":true,"value":asfToSelectMastersKey}]
-	//state.loading = true;
-	let sendData = {
-		formId:asfFormId,
-		page:1,
-		pagesize:1,
-		searchData:json2string(searchData)
-	}
-	//console.log("asf获取列表详细信息",sendData)
-	gainFormPageListCont(sendData)
-		.then((data)=>{
-			
-			//console.log("获取列表详细信息----------------->",data)
-			//liwenxuan 关联表单数据获取 start
-			
-			let dataList = data
-			//console.log(dataList)
-			asfDetails = props.data.columns.filter((item: any) => {
-				return item.fieldClass=="associatedForms"
-			})
-			
-			
-			if(asfDetails.length>0){
-				//console.log(data.data.list)
-				//拼装参数,asf值对象数组
-				let asfAsfQueryParams = []
-				for(let j = 0;j< asfDetails.length;j++){
-					let asfQueryParamsItem :any = {}
-					//console.log(asfDetails[j])
-					asfQueryParamsItem.formId = asfDetails[j].control.formid
-					asfQueryParamsItem.field = asfDetails[j].field
-					
-					let asfToSelectIds = []
-					for(let i = 0;i<data.data.list.length;i++){
-						let asfMasterAndAsfId:any = {}
-						asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field]
-						asfMasterAndAsfId.asfMasterId = data.data.list[i].id
-						
-						asfToSelectIds.push(asfMasterAndAsfId)
-					}
-					asfQueryParamsItem.asfToSelectIds = asfToSelectIds
-					asfAsfQueryParams.push(asfQueryParamsItem)
-				}
-				let queryCount = 0
-				for(let i = 0;i<asfAsfQueryParams[0].asfToSelectIds.length;i++){
-					if(asfAsfQueryParams[0].asfToSelectIds[i].asfId!=undefined&&asfAsfQueryParams[0].asfToSelectIds[i].asfId!=""){
-						queryCount++
-					}
-				}
-				
-				//console.log(asfAsfQueryParams)
-				if(queryCount>0){
-					getAsfDataTitlesByIds(asfAsfQueryParams).then(({ data }) => {   
-						//console.log(data)
-						for(let i = 0;i<dataList.data.list.length; i++){
-							//console.log(dataList.data.list[i])
-							for(let j = 0;j<data.length;j++){
-								//console.log(data[j])
-								for(let n = 0;n<data[j].list.length;n++){
-									if(dataList.data.list[i].id==data[j].list[n].asfMasterId){
-										dataList.data.list[i][data[j].field] = data[j].list[n].label
-									}
-									//console.log(data[j].list[n])
-								}
-								
-								
-							}
-						}
-						currentAsfTableDataList.value = dataList.data.list
+              let asfToSelectIds = [];
+              for (let i = 0; i < data.data.list.length; i++) {
+                let asfMasterAndAsfId: any = {};
+                asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field];
+                asfMasterAndAsfId.asfMasterId = data.data.list[i].id;
 
-					});
-				}else{
-					currentAsfTableDataList.value = data.data.list
+                asfToSelectIds.push(asfMasterAndAsfId);
+              }
+              asfQueryParamsItem.asfToSelectIds = asfToSelectIds;
+              asfQueryParams.push(asfQueryParamsItem);
+            }
+            let queryCount = 0;
+            for (let i = 0; i < asfQueryParams[0].asfToSelectIds.length; i++) {
+              if (asfQueryParams[0].asfToSelectIds[i].asfId != "") {
+                queryCount++;
+              }
+            }
+            //console.log(asfQueryParams)
+            if (queryCount > 0) {
+              getAsfDataTitlesByIds(asfQueryParams).then(({ data }) => {
+                //console.log(data)
+                for (let i = 0; i < dataList.data.list.length; i++) {
+                  //console.log(dataList.data.list[i])
+                  for (let j = 0; j < data.length; j++) {
+                    //console.log(data[j])
+                    for (let n = 0; n < data[j].list.length; n++) {
+                      if (dataList.data.list[i].id == data[j].list[n].asfMasterId) {
+                        dataList.data.list[i][data[j].field] = data[j].list[n].label;
+                      }
+                      //console.log(data[j].list[n])
+                    }
+                  }
+                }
+                tableDataList.value = dataList.data.list;
+              });
+            } else {
+              tableDataList.value = data.data.list;
+            }
+          } else {
+            tableDataList.value = data.data.list;
+          }
+          //liwenxuan 关联表单数据获取 end
+          state.total = data.data.total;
+          state.loading = false;
+        })
+        .finally(() => {
+          state.loading = false;
+        });
+  }
+};
 
-					
-				}
-				
-			}else{
-				currentAsfTableDataList.value = data.data.list
+const asfGetPageData = (asfFormId: any, asfToSelectMastersKey: any) => {
+  let searchData = [
+    {
+      id: "id",
+      label: "Id",
+      field: "id",
+      type: "bigint(20)",
+      attribute: "",
+      pattern: "bigint",
+      fieldClass: "id",
+      activeValue: "",
+      inactiveValue: "",
+      config: { optionsType: 0 },
+      control: { optionsValue3Formid: "", optionsValue3Field: "" },
+      options: [],
+      isSearch: true,
+      value: asfToSelectMastersKey,
+    },
+  ];
+  //state.loading = true;
+  let sendData = {
+    formId: asfFormId,
+    page: 1,
+    pagesize: 1,
+    searchData: json2string(searchData),
+  };
+  //console.log("asf获取列表详细信息",sendData)
+  gainFormPageListCont(sendData)
+    .then((data) => {
+      //console.log("获取列表详细信息----------------->",data)
+      //liwenxuan 关联表单数据获取 start
 
-				
-				
-			}
-			/* //liwenxuan 关联表单数据获取 end
-			state.total = data.data.total
-			state.loading = false; */
-		})
-		.finally(()=>{
-			/* state.loading = false; */
+      let dataList = data;
+      //console.log(dataList)
+      asfDetails = props.data.columns.filter((item: any) => {
+        return item.fieldClass == "associatedForms";
+      });
 
-			//显示关联表单本条详情
-			tablePageClass.value = 4;	
-			drawerWith.value = container.value?.clientWidth
-			asflookPageInfoIsShow.value = true;
-						
+      if (asfDetails.length > 0) {
+        //console.log(data.data.list)
+        //拼装参数,asf值对象数组
+        let asfAsfQueryParams = [];
+        for (let j = 0; j < asfDetails.length; j++) {
+          let asfQueryParamsItem: any = {};
+          //console.log(asfDetails[j])
+          asfQueryParamsItem.formId = asfDetails[j].control.formid;
+          asfQueryParamsItem.field = asfDetails[j].field;
 
-		})
-		
-}
+          let asfToSelectIds = [];
+          for (let i = 0; i < data.data.list.length; i++) {
+            let asfMasterAndAsfId: any = {};
+            asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field];
+            asfMasterAndAsfId.asfMasterId = data.data.list[i].id;
 
+            asfToSelectIds.push(asfMasterAndAsfId);
+          }
+          asfQueryParamsItem.asfToSelectIds = asfToSelectIds;
+          asfAsfQueryParams.push(asfQueryParamsItem);
+        }
+        let queryCount = 0;
+        for (let i = 0; i < asfAsfQueryParams[0].asfToSelectIds.length; i++) {
+          if (
+            asfAsfQueryParams[0].asfToSelectIds[i].asfId != undefined &&
+            asfAsfQueryParams[0].asfToSelectIds[i].asfId != ""
+          ) {
+            queryCount++;
+          }
+        }
 
+        //console.log(asfAsfQueryParams)
+        if (queryCount > 0) {
+          getAsfDataTitlesByIds(asfAsfQueryParams).then(({ data }) => {
+            //console.log(data)
+            for (let i = 0; i < dataList.data.list.length; i++) {
+              //console.log(dataList.data.list[i])
+              for (let j = 0; j < data.length; j++) {
+                //console.log(data[j])
+                for (let n = 0; n < data[j].list.length; n++) {
+                  if (dataList.data.list[i].id == data[j].list[n].asfMasterId) {
+                    dataList.data.list[i][data[j].field] = data[j].list[n].label;
+                  }
+                  //console.log(data[j].list[n])
+                }
+              }
+            }
+            currentAsfTableDataList.value = dataList.data.list;
+          });
+        } else {
+          currentAsfTableDataList.value = data.data.list;
+        }
+      } else {
+        currentAsfTableDataList.value = data.data.list;
+      }
+      /* //liwenxuan 关联表单数据获取 end
+			state.total = data.data.total
+			state.loading = false; */
+    })
+    .finally(() => {
+      /* state.loading = false; */
+
+      //显示关联表单本条详情
+      tablePageClass.value = 4;
+      drawerWith.value = container.value?.clientWidth;
+      asflookPageInfoIsShow.value = true;
+    });
+};
 
-onMounted(()=>{
-	getPageData()
-	nextTick(()=>{
-		drawerWith.value = container.value?.clientWidth
-	})
-})
+onMounted(() => {
+  getPageData();
+  nextTick(() => {
+    drawerWith.value = container.value?.clientWidth;
+  });
+});
 //liwenxuan 关联表单数据获取 start
 function getAsfDataTitlesByIds(asfQueryParams: any[]) {
-	return request({ 
-		url: '/javasys/lowCode/AssociatedForms/getAsfDataTitlesByIds',
-		method: 'post',
-		data: asfQueryParams,
-	});
+  return request({
+    url: "/javasys/lowCode/AssociatedForms/getAsfDataTitlesByIds",
+    method: "post",
+    data: asfQueryParams,
+  });
 }
 //liwenxuan 关联表单数据获取 end
-const asfShowDetailsFlag = ref(false)
+const asfShowDetailsFlag = ref(false);
 //liwenxuan 关联表单详情弹窗 start
-function showAsfDetailDialog(item: any,scope: any,asfQueryParams: any){
-	let val = scope.row
-	//asfShowDetailsFlag.value= true
-	/* console.log("item----------------->",item)
+function showAsfDetailDialog(item: any, scope: any, asfQueryParams: any) {
+  let val = scope.row;
+  //asfShowDetailsFlag.value= true
+  /* console.log("item----------------->",item)
 	console.log("scope----------------->",scope)
 	console.log("asfQueryParams----------------->",asfQueryParams)
 	console.log("val----------------->",val) */
-	let asfFormId = item.control.formid//关联表单在customer_form中的id
-	//alert("asfFormId:"+asfFormId)
-	let scopeColumnProperty = scope.column.property//exp:associatedForms1720570283525
-
-	let asfQueryParamsNAsfToSelectIdsNAsfMasterId = val.id
-	//alert(asfQueryParamsNAsfToSelectIdsNAsfMasterId)
-	let asfToSelectMastersKey = ""
-	for(let i = 0;i<asfQueryParams.length;i++){
-		if(asfQueryParams[i].field == scopeColumnProperty){
-			
-			for(let j = 0;j<asfQueryParams[i].asfToSelectIds.length;j++){
-				
-				if(asfQueryParams[i].asfToSelectIds[j].asfMasterId==asfQueryParamsNAsfToSelectIdsNAsfMasterId){
-					asfToSelectMastersKey = asfQueryParams[i].asfToSelectIds[j].asfId
-					
-				}
-			}
-		}
-	}
-	//alert("asfToSelectMastersKey:"+asfToSelectMastersKey)
+  let asfFormId = item.control.formid; //关联表单在customer_form中的id
+  //alert("asfFormId:"+asfFormId)
+  let scopeColumnProperty = scope.column.property; //exp:associatedForms1720570283525
 
+  let asfQueryParamsNAsfToSelectIdsNAsfMasterId = val.id;
+  //alert(asfQueryParamsNAsfToSelectIdsNAsfMasterId)
+  let asfToSelectMastersKey = "";
+  for (let i = 0; i < asfQueryParams.length; i++) {
+    if (asfQueryParams[i].field == scopeColumnProperty) {
+      for (let j = 0; j < asfQueryParams[i].asfToSelectIds.length; j++) {
+        if (
+          asfQueryParams[i].asfToSelectIds[j].asfMasterId ==
+          asfQueryParamsNAsfToSelectIdsNAsfMasterId
+        ) {
+          asfToSelectMastersKey = asfQueryParams[i].asfToSelectIds[j].asfId;
+        }
+      }
+    }
+  }
+  //alert("asfToSelectMastersKey:"+asfToSelectMastersKey)
 
-	
-	
-	asfGetPageData(asfFormId,asfToSelectMastersKey)
-	
+  asfGetPageData(asfFormId, asfToSelectMastersKey);
 }
 //liwenxuan 关联表单详情弹窗 end
 
@@ -600,752 +602,883 @@ function showAsfDetailDialog(item: any,scope: any,asfQueryParams: any){
 @ 功能: 判断单选值
 */
 const judjeRadio = (val: any, options: any[]) => {
-	// console.log("判断单选值",val, options)
-	if(options && options.length > 0){
-		options.forEach((item)=>{
-			if(item.value == val){
-				// console.log("判断单选值",val, item.value,item.label)
-				val =  item.label
-			}
-		})
-	}
-	if(val == 0 || val == "0"){
-		val = ""
-	}
-	return val
-}
+  // console.log("判断单选值",val, options)
+  if (options && options.length > 0) {
+    options.forEach((item) => {
+      if (item.value == val) {
+        // console.log("判断单选值",val, item.value,item.label)
+        val = item.label;
+      }
+    });
+  }
+  if (val == 0 || val == "0") {
+    val = "";
+  }
+  return val;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-02 14:49:40
 @ 功能: 判断开关类型
 */
-const judjeSwitch = (val:any,yesVal:any) => {
-	if(val == yesVal) return true;
-	return false;
-}
+const judjeSwitch = (val: any, yesVal: any) => {
+  if (val == yesVal) return true;
+  return false;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-03 13:13:56
 @ 功能: 列表信息删除信息
 */
-const confirmEvent = (val:any) => {
-	let sendData = {
-		id:[val.masters_key],
-		isTrue:2
-	}
-	softDeletion(sendData)
-		.then((data)=>{
-			// console.log('cancel!',data)
-			ElNotification({
-				title: '系统提示！',
-				message: data.mag?data.mag:"删除成功",
-				type: 'success',
-			})
-			getPageData()
-		})
-}
-const cancelEvent = (val:any) => {
-//   console.log('cancel!',val)
-}
-const container = ref()	//实例化内容容器
-const drawerWith = ref();	//编辑表单时抽屉宽度
+const confirmEvent = (val: any) => {
+  let sendData = {
+    id: [val.masters_key],
+    isTrue: 2,
+  };
+  softDeletion(sendData).then((data) => {
+    // console.log('cancel!',data)
+    ElNotification({
+      title: "系统提示！",
+      message: data.mag ? data.mag : "删除成功",
+      type: "success",
+    });
+    getPageData();
+  });
+};
+const cancelEvent = (val: any) => {
+  //   console.log('cancel!',val)
+};
+const container = ref(); //实例化内容容器
+const drawerWith = ref(); //编辑表单时抽屉宽度
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-03 13:24:06
 @ 功能: 查看详细内容
 */
-const tablePageClass = ref(1)
-const lookPageInfoIsShow = ref(false)
-const asflookPageInfoIsShow = ref(false)
-const pageInfoCont = ref<any>()
-const lookPageInfo = (val:any) => {
-	tablePageClass.value = 4;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-	
-}
+const tablePageClass = ref(1);
+const lookPageInfoIsShow = ref(false);
+const asflookPageInfoIsShow = ref(false);
+const pageInfoCont = ref<any>();
+const lookPageInfo = (val: any) => {
+  console.log("查看详细内容======================?>", val);
+  tablePageClass.value = 4;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-05 11:29:50
 @ 功能: 编辑表单内容
 */
 
-const editInfo = (val:any) => {
-	// console.log('修改数据!',val)
-	operState.value = 5;
-	tablePageClass.value = 2;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-}
+const editInfo = (val: any) => {
+  // console.log('修改数据!',val)
+  operState.value = 5;
+  tablePageClass.value = 2;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-10 15:32:55
 @ 功能: 提交审批
 */
-const submitApproval = (val:any) => {
-	operState.value = 4
-	tablePageClass.value = 2;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-}
+const submitApproval = (val: any) => {
+  operState.value = 4;
+  tablePageClass.value = 2;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-11 09:36:59
 @ 功能: 撤回申请
 */
-const withdrawApplication  = (val:any) => {
-	// console.log("撤回申请", val);
-	let sendInfo = {
-		id: val.masters_key,
-	}
-	retractRunWorkFlow(sendInfo)
-		.then((data)=>{
-			ElMessage({
-				message: '撤回成功！',
-				type: 'success'
-			})
-			getPageData()
-		})
-}
+const withdrawApplication = (val: any) => {
+  // console.log("撤回申请", val);
+  let sendInfo = {
+    id: val.masters_key,
+  };
+  retractRunWorkFlow(sendInfo).then((data) => {
+    ElMessage({
+      message: "撤回成功！",
+      type: "success",
+    });
+    getPageData();
+  });
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-11 11:17:42
 @ 功能: 重新提交申请
 */
-const afreshSendFlow = (val:any) => {
-	operState.value = 2
-	tablePageClass.value = 2;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-}
+const afreshSendFlow = (val: any) => {
+  operState.value = 2;
+  tablePageClass.value = 2;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-11 11:19:21
 @ 功能: 申请修改数据
 */
-const editFormSendFlow = (val:any) => {
-	operState.value = 3
-	tablePageClass.value = 2;
-	pageInfoCont.value = val
-	drawerWith.value = container.value?.clientWidth
-	lookPageInfoIsShow.value = true;
-}
+const editFormSendFlow = (val: any) => {
+  operState.value = 3;
+  tablePageClass.value = 2;
+  pageInfoCont.value = val;
+  drawerWith.value = container.value?.clientWidth;
+  lookPageInfoIsShow.value = true;
+};
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-08 09:39:52
 @ 功能: 切换视图展示方式
 */
-const tabsView = (val:any,types:number) => {
-	viewType.value = types
-	val.isClick = true
-	viewLayout.value = val
-	// console.log("切换视图展示方式",val)
-	switch(types){
-		case 2:
-			props.viewPage.list.isClick = false
-			props.viewPage.time.isClick = false
-			props.viewPage.gantt.isClick = false
-			props.viewPage.map.isClick = false
-			props.viewPage.card.isClick = false
-			break;
-		case 3:
-			props.viewPage.list.isClick = false
-			props.viewPage.date.isClick = false
-			props.viewPage.gantt.isClick = false
-			props.viewPage.map.isClick = false
-			props.viewPage.card.isClick = false
-			getPageData()
-			break;
-		case 4:
-			props.viewPage.list.isClick = false
-			props.viewPage.date.isClick = false
-			props.viewPage.time.isClick = false
-			props.viewPage.map.isClick = false
-			props.viewPage.card.isClick = false
-			break;
-		case 5:
-			props.viewPage.list.isClick = false
-			props.viewPage.date.isClick = false
-			props.viewPage.time.isClick = false
-			props.viewPage.gantt.isClick = false
-			props.viewPage.card.isClick = false
-			break;
-		case 6:
-			props.viewPage.list.isClick = false
-			props.viewPage.date.isClick = false
-			props.viewPage.time.isClick = false
-			props.viewPage.gantt.isClick = false
-			props.viewPage.map.isClick = false
-			break;
-		default:
-			props.viewPage.date.isClick = false
-			props.viewPage.card.isClick = false
-			props.viewPage.time.isClick = false
-			props.viewPage.gantt.isClick = false
-			props.viewPage.map.isClick = false
-			break;
-	}
-}
+const tabsView = (val: any, types: number) => {
+  viewType.value = types;
+  val.isClick = true;
+  viewLayout.value = val;
+  // console.log("切换视图展示方式",val)
+  switch (types) {
+    case 2:
+      props.viewPage.list.isClick = false;
+      props.viewPage.time.isClick = false;
+      props.viewPage.gantt.isClick = false;
+      props.viewPage.map.isClick = false;
+      props.viewPage.card.isClick = false;
+      break;
+    case 3:
+      props.viewPage.list.isClick = false;
+      props.viewPage.date.isClick = false;
+      props.viewPage.gantt.isClick = false;
+      props.viewPage.map.isClick = false;
+      props.viewPage.card.isClick = false;
+      getPageData();
+      break;
+    case 4:
+      props.viewPage.list.isClick = false;
+      props.viewPage.date.isClick = false;
+      props.viewPage.time.isClick = false;
+      props.viewPage.map.isClick = false;
+      props.viewPage.card.isClick = false;
+      break;
+    case 5:
+      props.viewPage.list.isClick = false;
+      props.viewPage.date.isClick = false;
+      props.viewPage.time.isClick = false;
+      props.viewPage.gantt.isClick = false;
+      props.viewPage.card.isClick = false;
+      break;
+    case 6:
+      props.viewPage.list.isClick = false;
+      props.viewPage.date.isClick = false;
+      props.viewPage.time.isClick = false;
+      props.viewPage.gantt.isClick = false;
+      props.viewPage.map.isClick = false;
+      break;
+    default:
+      props.viewPage.date.isClick = false;
+      props.viewPage.card.isClick = false;
+      props.viewPage.time.isClick = false;
+      props.viewPage.gantt.isClick = false;
+      props.viewPage.map.isClick = false;
+      break;
+  }
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-25 08:30:49
 @ 功能: 判断是否有标题
 */
-const writeListTitle = (val:any,viewConfig:any) => {
-	// console.log("判断是否有标题--1-->",val)
-	// console.log("判断是否有标题--2-->",viewConfig)
-	var titleAry = [];
-	if(viewConfig.form && viewConfig.form.title){
-		if(viewConfig.form.title.length > 0){
-			viewConfig.form.title.forEach((item,index)=>{
-				// console.log("判断是否有标题--"+index+"-->",val[item])
-				if(val[item]){
-					titleAry.push(val[item])
-				}
-			})
-		}
-	}
-	if(titleAry.length > 0){
-		return titleAry.join()
-	}else{
-		let firstWord = ""
-				let powerAry = ["id","creater_time","edit_time","masters_key","states","flow_id"];
-				for (let key in val) {
-					if (val.hasOwnProperty(key)) {
-						if(!powerAry.includes(key)){
-							if(val[key] != '' && val[key] != null){
-								firstWord = val[key]
-							}
-						}
-					}
-				}
-				return firstWord
-	}
-	
-}
+const writeListTitle = (val: any, viewConfig: any) => {
+  // console.log("判断是否有标题--1-->",val)
+  // console.log("判断是否有标题--2-->",viewConfig)
+  var titleAry = [];
+  if (viewConfig.form && viewConfig.form.title) {
+    if (viewConfig.form.title.length > 0) {
+      viewConfig.form.title.forEach((item, index) => {
+        // console.log("判断是否有标题--"+index+"-->",val[item])
+        if (val[item]) {
+          titleAry.push(val[item]);
+        }
+      });
+    }
+  }
+  if (titleAry.length > 0) {
+    return titleAry.join();
+  } else {
+    let firstWord = "";
+    let powerAry = [
+      "id",
+      "creater_time",
+      "edit_time",
+      "masters_key",
+      "states",
+      "flow_id",
+    ];
+    for (let key in val) {
+      if (val.hasOwnProperty(key)) {
+        if (!powerAry.includes(key)) {
+          if (val[key] != "" && val[key] != null) {
+            firstWord = val[key];
+          }
+        }
+      }
+    }
+    return firstWord;
+  }
+};
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-25 10:27:21
 @ 功能: 判断是否有标题
 */
-const judgeListTitle = (val:any,viewConfig:any) => {
-	// console.log("判断是否有标题--3-->",val)
-	// console.log("判断是否有标题--4-->",viewConfig)
-	if(val && val.fieldClass=='_lableTitle'){
-		if(viewConfig.form && viewConfig.form.title){
-			if(viewConfig.form.title.length > 0){
-				return true
-			}
-		}
-	}
-	return false
-}
+const judgeListTitle = (val: any, viewConfig: any) => {
+  // console.log("判断是否有标题--3-->",val)
+  // console.log("判断是否有标题--4-->",viewConfig)
+  if (val && val.fieldClass == "_lableTitle") {
+    if (viewConfig.form && viewConfig.form.title) {
+      if (viewConfig.form.title.length > 0) {
+        return true;
+      }
+    }
+  }
+  return false;
+};
 // 选择数据转换，默认尝试转数字
 const transformOption = (val: string | number, type?: string) => {
-    
-    return formatNumber(val)
- }
+  return formatNumber(val);
+};
 </script>
 <template>
-	<div ref="container" v-loading="state.loading" class="table-list-comm">
-	
-		<el-row class="rowBox">
-			<el-col :span="24">
-				<el-form  v-if="config.searchIsShow" ref="ruleSearchForm" class="seacherForm">
-					<template v-for="(item, index) in searchData" :key="index">
-						<div class="group group-input">
-							<el-form-item :label="item.label"  class="form_cont">
-								<el-input
-									v-model="item.value"
-									:placeholder="'请输入'+item.label"
-									clearable
-									v-if="unitIsShow(item,'input')"
-								/>
-								<el-date-picker
-									v-model="item.value"
-									type="datetime"
-									:placeholder="'请选择'+item.label"
-									:shortcuts="shortcuts"
-									v-if="unitIsShow(item,'time')"
-								/>
-								<SearchSelect
-									v-if="unitIsShow(item,'radio')"
-									:data="item"
-									:disabled="false"
-									:transform-option="transformOption"
-									v-model:model-value="item.value"
-								/>
-								<el-select
-									v-model="item.value"
-									clearable
-									:placeholder="'请选择'+item.label"
-									v-if="unitIsShow(item,'switch')"
-								>
-									<el-option
-										:key="item.activeValue"
-										label="是"
-										:value="item.activeValue"
-									/>
-									<el-option
-										:key="item.inactiveValue"
-										label="否"
-										:value="item.inactiveValue"
-									/>
-								</el-select>
-								<SearchSelect
-									v-if="unitIsShow(item,'checkbox')"
-									:data="item"
-									:disabled="false"
-									:is-checkbox="true"
-									:transform-option="transformOption"
-									v-model:model-value="item.value"
-								/>
-								<el-date-picker
-									v-if="item.fieldClass == 'datePicker'"
-									v-model="item.value"
-									:type="item.auxiliary"
-									:placeholder="'请选择'+item.label"
-									value-format="x"
-								/>
-								<el-time-picker
-									v-if="item.fieldClass == 'timePicker'"
-									v-model="item.value"
-									arrow-control
-									:placeholder="'请选择'+item.label"
-									value-format="x"
-								/>
-								<el-select
-									v-model="item.value"
-									clearable
-									:placeholder="'请选择'+item.label"
-									v-if="unitIsShow(item,'org')"
-								>
-								</el-select>
-							</el-form-item>
-						</div>
-						
-					</template>
-					<div class="group group-btn" v-if="searchData.length">
-						<el-button type="primary" @click="getPageData"><el-icon><Search /></el-icon>查询</el-button>
-						<el-button @click="resetFields(ruleSearchForm)"><el-icon><Refresh /></el-icon>重置</el-button>
-					</div>
-				</el-form>
-			</el-col>
-			<el-col :span="24">
-				<div class="operateButArea">
-					<div class="operatLeft">
-						<el-text v-if="data.controlBtn.length === 0" class="mx-1 tipBox" type="info">操作按钮区域</el-text>
-						<el-button
-							v-for="item in data.controlBtn"
-							v-bind="item"
-							:key="item.type"
-							@click="setUpClick(item)"
-						>
-							{{ item.label }}
-						</el-button>
-					</div>
-					<div>
-						<el-button-group class="ml-4">
-							<el-tooltip
-								class="box-item"
-								effect="dark"
-								content="折叠查询表单"
-								placement="bottom"
-							>
-								<el-button size="small" @click="config.searchIsShow=!config.searchIsShow" class="fa fa-search" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="viewPage.list.status"
-								class="box-item"
-								effect="dark"
-								content="列表视图"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-table"  :color="viewPage.list.isClick?'#a0cfff':''" @click="tabsView(viewPage.list,1)" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="props.viewPage.card&&props.viewPage.card.status"
-								class="box-item"
-								effect="dark"
-								content="卡片视图"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-id-card-o"  :color="props.viewPage.card&&props.viewPage.card.isClick?'#a0cfff':''" @click="tabsView(props.viewPage.card,6)" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="viewPage.date.status"
-								class="box-item"
-								effect="dark"
-								content="日历视图"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-calendar"  :color="viewPage.date.isClick?'#a0cfff':''" @click="tabsView(viewPage.date,2)" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="viewPage.time.status"
-								class="box-item"
-								effect="dark"
-								content="时间轴"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-clock-o"  :color="viewPage.time.isClick?'#a0cfff':''" @click="tabsView(viewPage.time,3)" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="viewPage.gantt.status"
-								class="box-item"
-								effect="dark"
-								content="甘特图"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-bar-chart"  :color="viewPage.gantt.isClick?'#a0cfff':''" @click="tabsView(viewPage.gantt,4)" />
-							</el-tooltip>
-							<el-tooltip
-								v-if="viewPage.map.status"
-								class="box-item"
-								effect="dark"
-								content="地图视图"
-								placement="top"
-							>
-								<el-button size="small" class="fa fa-map-signs"  :color="viewPage.map.isClick?'#a0cfff':''" @click="tabsView(viewPage.map,5)" />
-							</el-tooltip>
-							
-						</el-button-group>
-					</div>
-				</div>
-			</el-col>
-			<el-col v-if="viewType==1" :span="24">
-				<el-table
-					v-bind="data.tableProps"
-					ref="table"
-					:data="tableDataList"
-					@selection-change="selectionChange"
-					table-layout="fixed"
-				>
-					<template
-						v-for="item in columnsFilter"
-						:key="item.id || item.label"
-					>
-					
-						<el-table-column v-if="['-'].includes(item.fieldClass)" :type="item.type" :prop="item.field" :label="item.label" config="" width="60" fixed>
-							<template v-if="item.help" #header="scope">
-								{{ scope.column.label }}
-								<tooltip :content="item.help" />
-							</template>
-						</el-table-column>
-						<el-table-column v-else-if="item.fieldClass=='__control'"  :prop="item.field" :label="item.label" config="" width="200"  align="center"  fixed="right" >
-							<template #default="scope">
-								<el-button-group>
-									<el-tooltip
-										v-if="scope.row.flowIsOpen==1&&scope.row.taskStatus==1"
-										class="box-item"
-										effect="dark"
-										content="提交审批"
-										placement="top-end"
-									>
-										<el-button type="success" size="small" class="fa fa-send-o"   @click="submitApproval(scope.row)" />
-									</el-tooltip>
+  <div ref="container" v-loading="state.loading" class="table-list-comm">
+    <el-row class="rowBox">
+      <el-col :span="24">
+        <el-form v-if="config.searchIsShow" ref="ruleSearchForm" class="seacherForm">
+          <template v-for="(item, index) in searchData" :key="index">
+            <div class="group group-input">
+              <el-form-item :label="item.label" class="form_cont">
+                <el-input
+                  v-model="item.value"
+                  :placeholder="'请输入' + item.label"
+                  clearable
+                  v-if="unitIsShow(item, 'input')"
+                />
+                <el-date-picker
+                  v-model="item.value"
+                  type="datetime"
+                  :placeholder="'请选择' + item.label"
+                  :shortcuts="shortcuts"
+                  v-if="unitIsShow(item, 'time')"
+                />
+                <SearchSelect
+                  v-if="unitIsShow(item, 'radio')"
+                  :data="item"
+                  :disabled="false"
+                  :transform-option="transformOption"
+                  v-model:model-value="item.value"
+                />
+                <el-select
+                  v-model="item.value"
+                  clearable
+                  :placeholder="'请选择' + item.label"
+                  v-if="unitIsShow(item, 'switch')"
+                >
+                  <el-option
+                    :key="item.activeValue"
+                    label="是"
+                    :value="item.activeValue"
+                  />
+                  <el-option
+                    :key="item.inactiveValue"
+                    label="否"
+                    :value="item.inactiveValue"
+                  />
+                </el-select>
+                <SearchSelect
+                  v-if="unitIsShow(item, 'checkbox')"
+                  :data="item"
+                  :disabled="false"
+                  :is-checkbox="true"
+                  :transform-option="transformOption"
+                  v-model:model-value="item.value"
+                />
+                <el-date-picker
+                  v-if="item.fieldClass == 'datePicker'"
+                  v-model="item.value"
+                  :type="item.auxiliary"
+                  :placeholder="'请选择' + item.label"
+                  value-format="x"
+                />
+                <el-time-picker
+                  v-if="item.fieldClass == 'timePicker'"
+                  v-model="item.value"
+                  arrow-control
+                  :placeholder="'请选择' + item.label"
+                  value-format="x"
+                />
+                <el-select
+                  v-model="item.value"
+                  clearable
+                  :placeholder="'请选择' + item.label"
+                  v-if="unitIsShow(item, 'org')"
+                >
+                </el-select>
+              </el-form-item>
+            </div>
+          </template>
+          <div class="group group-btn" v-if="searchData.length">
+            <el-button type="primary" @click="getPageData"
+              ><el-icon><Search /></el-icon>查询</el-button
+            >
+            <el-button @click="resetFields(ruleSearchForm)"
+              ><el-icon><Refresh /></el-icon>重置</el-button
+            >
+          </div>
+        </el-form>
+      </el-col>
+      <el-col :span="24">
+        <div class="operateButArea">
+          <div class="operatLeft">
+            <el-text v-if="data.controlBtn.length === 0" class="mx-1 tipBox" type="info"
+              >操作按钮区域</el-text
+            >
+            <el-button
+              v-for="item in data.controlBtn"
+              v-bind="item"
+              :key="item.type"
+              @click="setUpClick(item)"
+            >
+              {{ item.label }}
+            </el-button>
+          </div>
+          <div>
+            <el-button-group class="ml-4">
+              <el-tooltip
+                class="box-item"
+                effect="dark"
+                content="折叠查询表单"
+                placement="bottom"
+              >
+                <el-button
+                  size="small"
+                  @click="config.searchIsShow = !config.searchIsShow"
+                  class="fa fa-search"
+                />
+              </el-tooltip>
+              <el-tooltip
+                v-if="viewPage.list.status"
+                class="box-item"
+                effect="dark"
+                content="列表视图"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  class="fa fa-table"
+                  :color="viewPage.list.isClick ? '#a0cfff' : ''"
+                  @click="tabsView(viewPage.list, 1)"
+                />
+              </el-tooltip>
+              <el-tooltip
+                v-if="props.viewPage.card && props.viewPage.card.status"
+                class="box-item"
+                effect="dark"
+                content="卡片视图"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  class="fa fa-id-card-o"
+                  :color="
+                    props.viewPage.card && props.viewPage.card.isClick ? '#a0cfff' : ''
+                  "
+                  @click="tabsView(props.viewPage.card, 6)"
+                />
+              </el-tooltip>
+              <el-tooltip
+                v-if="viewPage.date.status"
+                class="box-item"
+                effect="dark"
+                content="日历视图"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  class="fa fa-calendar"
+                  :color="viewPage.date.isClick ? '#a0cfff' : ''"
+                  @click="tabsView(viewPage.date, 2)"
+                />
+              </el-tooltip>
+              <el-tooltip
+                v-if="viewPage.time.status"
+                class="box-item"
+                effect="dark"
+                content="时间轴"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  class="fa fa-clock-o"
+                  :color="viewPage.time.isClick ? '#a0cfff' : ''"
+                  @click="tabsView(viewPage.time, 3)"
+                />
+              </el-tooltip>
+              <el-tooltip
+                v-if="viewPage.gantt.status"
+                class="box-item"
+                effect="dark"
+                content="甘特图"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  class="fa fa-bar-chart"
+                  :color="viewPage.gantt.isClick ? '#a0cfff' : ''"
+                  @click="tabsView(viewPage.gantt, 4)"
+                />
+              </el-tooltip>
+              <el-tooltip
+                v-if="viewPage.map.status"
+                class="box-item"
+                effect="dark"
+                content="地图视图"
+                placement="top"
+              >
+                <el-button
+                  size="small"
+                  class="fa fa-map-signs"
+                  :color="viewPage.map.isClick ? '#a0cfff' : ''"
+                  @click="tabsView(viewPage.map, 5)"
+                />
+              </el-tooltip>
+            </el-button-group>
+          </div>
+        </div>
+      </el-col>
+      <el-col v-if="viewType == 1" :span="24">
+        <el-table
+          v-bind="data.tableProps"
+          ref="table"
+          :data="tableDataList"
+          @selection-change="selectionChange"
+          table-layout="fixed"
+        >
+          <template v-for="item in columnsFilter" :key="item.id || item.label">
+            <el-table-column
+              v-if="['-'].includes(item.fieldClass)"
+              :type="item.type"
+              :prop="item.field"
+              :label="item.label"
+              config=""
+              width="60"
+              fixed
+            >
+              <template v-if="item.help" #header="scope">
+                {{ scope.column.label }}
+                <tooltip :content="item.help" />
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-else-if="item.fieldClass == '__control'"
+              :prop="item.field"
+              :label="item.label"
+              config=""
+              width="200"
+              align="center"
+              fixed="right"
+            >
+              <template #default="scope">
+                <el-button-group>
+                  <el-tooltip
+                    v-if="scope.row.flowIsOpen == 1 && scope.row.taskStatus == 1"
+                    class="box-item"
+                    effect="dark"
+                    content="提交审批"
+                    placement="top-end"
+                  >
+                    <el-button
+                      type="success"
+                      size="small"
+                      class="fa fa-send-o"
+                      @click="submitApproval(scope.row)"
+                    />
+                  </el-tooltip>
 
-									<el-tooltip
-										v-if="scope.row.flowIsOpen==1&&scope.row.taskStatus==2"
-										class="box-item"
-										effect="dark"
-										content="重新申请"
-										placement="top-end"
-									>
-										<el-button type="warning" size="small" class="fa fa-retweet"  @click="afreshSendFlow(scope.row)" />
-									</el-tooltip>
-									<el-tooltip
-										class="box-item"
-										effect="dark"
-										content="查看详情"
-										placement="top-end"
-									>
-										<el-button @click="lookPageInfo(scope.row)" type="primary" size="small" class="fa fa-eye"  />
-									</el-tooltip>
-									<el-popconfirm
-										v-if="scope.row.flowIsOpen==1&&scope.row.isRetract"
-										confirm-button-text="确定"
-										cancel-button-text="取消"
-										:icon="QuestionFilled"
-										icon-color="#F56C6C"
-										title="您确定要撤回此次申请？一经撤回！需要此流程重新提交申请！"
-										@confirm="withdrawApplication (scope.row)"
-										@cancel="cancelEvent(scope.row)"
-									>
-										<template #reference>
-											<el-button  size="small" class="fa fa-reply-all"  />
-										</template>
-									</el-popconfirm>
-									<el-tooltip
-										v-if="scope.row.flowIsOpen==2"
-										class="box-item"
-										effect="dark"
-										content="编辑"
-										placement="top-end"
-									>
-										<el-button @click="editInfo(scope.row)" type="info" size="small" class="fa fa-edit"  />
-									</el-tooltip>
-									<el-popconfirm
-										v-if="scope.row.taskStatus==2||scope.row.taskStatus==1"
-										confirm-button-text="确定"
-										cancel-button-text="取消"
-										:icon="QuestionFilled"
-										icon-color="#F56C6C"
-										title="您确定要删除此条记录?一经删除！数据将不可恢复！"
-										@confirm="confirmEvent(scope.row)"
-										@cancel="cancelEvent(scope.row)"
-									>
-										<template #reference>
-											<el-button type="danger" size="small" class="fa fa-trash-o"  />
-										</template>
-									</el-popconfirm>
+                  <el-tooltip
+                    v-if="scope.row.flowIsOpen == 1 && scope.row.taskStatus == 2"
+                    class="box-item"
+                    effect="dark"
+                    content="重新申请"
+                    placement="top-end"
+                  >
+                    <el-button
+                      type="warning"
+                      size="small"
+                      class="fa fa-retweet"
+                      @click="afreshSendFlow(scope.row)"
+                    />
+                  </el-tooltip>
+                  <el-tooltip
+                    class="box-item"
+                    effect="dark"
+                    content="查看详情"
+                    placement="top-end"
+                  >
+                    <el-button
+                      @click="lookPageInfo(scope.row)"
+                      type="primary"
+                      size="small"
+                      class="fa fa-eye"
+                    />
+                  </el-tooltip>
+                  <el-popconfirm
+                    v-if="scope.row.flowIsOpen == 1 && scope.row.isRetract"
+                    confirm-button-text="确定"
+                    cancel-button-text="取消"
+                    :icon="QuestionFilled"
+                    icon-color="#F56C6C"
+                    title="您确定要撤回此次申请？一经撤回！需要此流程重新提交申请！"
+                    @confirm="withdrawApplication(scope.row)"
+                    @cancel="cancelEvent(scope.row)"
+                  >
+                    <template #reference>
+                      <el-button size="small" class="fa fa-reply-all" />
+                    </template>
+                  </el-popconfirm>
+                  <el-tooltip
+                    v-if="scope.row.flowIsOpen == 2"
+                    class="box-item"
+                    effect="dark"
+                    content="编辑"
+                    placement="top-end"
+                  >
+                    <el-button
+                      @click="editInfo(scope.row)"
+                      type="info"
+                      size="small"
+                      class="fa fa-edit"
+                    />
+                  </el-tooltip>
+                  <el-popconfirm
+                    v-if="scope.row.taskStatus == 2 || scope.row.taskStatus == 1"
+                    confirm-button-text="确定"
+                    cancel-button-text="取消"
+                    :icon="QuestionFilled"
+                    icon-color="#F56C6C"
+                    title="您确定要删除此条记录?一经删除！数据将不可恢复！"
+                    @confirm="confirmEvent(scope.row)"
+                    @cancel="cancelEvent(scope.row)"
+                  >
+                    <template #reference>
+                      <el-button type="danger" size="small" class="fa fa-trash-o" />
+                    </template>
+                  </el-popconfirm>
 
-									<el-tooltip
-										v-if="scope.row.flowIsOpen==1&&scope.row.taskStatus==4"
-										class="box-item"
-										effect="dark"
-										content="申请修改"
-										placement="top-end"
-									>
-										<el-button type="info" size="small" class="fa fa-edit" @click="editFormSendFlow(scope.row)" />
-									</el-tooltip>
-								</el-button-group>
-							</template>
-						</el-table-column>
-						<el-table-column v-else-if="item.fieldClass=='_lableTitle'" label="标题" config="" min-width="320">
-							<template #default="scope">
-								{{writeListTitle(scope.row,viewPage.list)}}
-							</template>
-						</el-table-column>
-						<el-table-column v-else-if="item.fieldClass==''" :prop="item.field" :label="item.label" min-width="320">
-							
-						</el-table-column>
-						<el-table-column v-else  :prop="item.field" :label="item.label" config=""  min-width="220">
-							<template v-if="item.help" #header="scope">
-								{{ scope.column.label }}
-								<tooltip :content="item.help" />
-							</template>
-							
-							<template v-if="item.fieldClass=='select'" #default="scope"> 
-								{{ scope.row[scope.column.property] }}
-							</template>
-							<template v-if="item.fieldClass==''" #default="scope">
-								<!-- {{scope.row[scope.column.property]}}{{item}} -->
-								<el-tag v-if="scope.row[scope.column.property]==1" type="success">启用</el-tag>
-								<el-tag v-if="scope.row[scope.column.property]==2" type="danger">已禁用</el-tag>
-								<el-tag v-if="scope.row[scope.column.property]==3" type="info">已删除</el-tag>
-							</template>
-							<template v-if="item.fieldClass=='deptOrg'" #default="scope">
-								<!-- {{scope.row[scope.column.property]}}{{item}} -->
-								{{ scope.row[scope.column.property] }}
-							</template>
-							<template v-if="item.fieldClass=='owner'" #default="scope"> 
-								<!-- {{scope.row[scope.column.property]}}{{item}}拥有者 -->
-								{{ scope.row[scope.column.property] }}
-							</template>
-							<template v-if="item.fieldClass=='lowcodeImage'" #default="scope"> 
-								<el-image style="width: 30px; height: 30px" :src="scope.row[scope.column.property]" :fit="fit" />
-							</template>
-							<template v-if="item.fieldClass=='expand-user'" #default="scope"> 
-								{{ scope.row[scope.column.property] }} <!--选择用户-->
-							</template>
-							<template v-if="item.fieldClass=='radio'" #default="scope">
-								<!-- {{scope.row[scope.column.property]}}{{item}} -->
-								{{ judjeRadio(scope.row[scope.column.property],item.options) }}
-							</template>
-							<template v-if="item.fieldClass=='upload'" #default="scope" >
-							<div class="demo-image__error">
-								<el-image
-									style="width: 30px; height: 30px"
-									:src="scope.row[scope.column.property]"
-								>
-									<template #error>
-										<div class="image-slot">
-											<el-icon><Picture /></el-icon>
-										</div>
-									</template>
-								</el-image>
-							</div>
-							</template>
-							<template v-if="item.fieldClass=='switch'" #default="scope">	
-								
-								<el-tag
-									v-if="judjeSwitch(scope.row[scope.column.property],item.activeValue)"
-									type="success"
-									effect="light"
-								>
-									启用
-								</el-tag>
-								<el-tag
-									v-else
-									type="danger"
-									effect="light"
-								>
-									禁用
-								</el-tag>
-							</template>
-							<template v-if="item.fieldClass=='baidumap'" #default="scope">
-								{{scope.row[scope.column.property]}}
-							</template>
-							<template v-if="item.fieldClass=='associatedForms'" #default="scope">
-								<el-link
-									key="primary"
-									type="primary"
-									@click="showAsfDetailDialog(item,scope,asfQueryParams)"
-									>
-									
-									{{scope.row[scope.column.property]}}
-								</el-link>
-							</template>
-						</el-table-column>
-					</template>
-				</el-table>
-			</el-col>
-			<el-col v-if="viewType==1&&state.total > 0" :span="24">
-				<div class="pageBox">
-					<el-pagination
-						v-model:currentPage="state.currentPage"
-						v-model:page-size="state.pageSize"
-						:page-sizes="[20, 30, 40, 50] as any"
-						:total="state.total"
-						layout="total, sizes, prev, pager, next, jumper"
-						@size-change="handleSizeChange"
-						@current-change="handleCurrentChange"
-					/>
-				</div>
-			</el-col>
-			<el-col  v-if="viewType==2" :span="24">
-				<CalendarPage  ref="calendarPageRef"  :search-send="searchSend" :body-hight="265" :drawer-with="drawerWith" :view-setup="viewPage.card"  />
-			</el-col>
-			<el-col  v-if="viewType==3" :span="24">
-				<TimeAxisPage  ref="timeAxisRef" :data="tableDataList" :view-layout="viewLayout" :columns-filter="columnsFilter" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.time" />
-			</el-col>
-			<el-col  v-if="viewType==4" :span="24">
-				<GanttPage ref="ganttPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.gantt" />
-			</el-col>
-			<el-col  v-if="viewType==5" :span="24">
-				<MapPage ref="mapPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.map" />
-			</el-col>
-			<el-col  v-if="viewType==6" :span="24">
-				<CardPage ref="cardPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.card"  :columns-filter="columnsFilter"  />
-			</el-col>
-			<el-col :span="24"  style="display:none">
-			
-				{{ tableDataList}}
-			</el-col>
-			<el-col :span="24" style="display:none">
-				<el-button-group>
-							<el-tooltip
-								
-								class="box-item"
-								effect="dark"
-								content="提交审批"
-								placement="top-end"
-							>
-								<el-button type="success" size="small" class="fa fa-send-o" />
-							</el-tooltip>
+                  <el-tooltip
+                    v-if="scope.row.flowIsOpen == 1 && scope.row.taskStatus == 4"
+                    class="box-item"
+                    effect="dark"
+                    content="申请修改"
+                    placement="top-end"
+                  >
+                    <el-button
+                      type="info"
+                      size="small"
+                      class="fa fa-edit"
+                      @click="editFormSendFlow(scope.row)"
+                    />
+                  </el-tooltip>
+                </el-button-group>
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-else-if="item.fieldClass == '_lableTitle'"
+              label="标题"
+              config=""
+              min-width="320"
+            >
+              <template #default="scope">
+                {{ writeListTitle(scope.row, viewPage.list) }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              v-else-if="item.fieldClass == ''"
+              :prop="item.field"
+              :label="item.label"
+              min-width="320"
+            >
+            </el-table-column>
+            <el-table-column
+              v-else
+              :prop="item.field"
+              :label="item.label"
+              config=""
+              min-width="220"
+            >
+              <template v-if="item.help" #header="scope">
+                {{ scope.column.label }}
+                <tooltip :content="item.help" />
+              </template>
 
-							<el-tooltip
-								
-								class="box-item"
-								effect="dark"
-								content="重新申请"
-								placement="top-end"
-							>
-								<el-button type="warning" size="small" class="fa fa-retweet"   />
-							</el-tooltip>
-							<el-tooltip
-								class="box-item"
-								effect="dark"
-								content="查看详情"
-								placement="top-end"
-							>
-								<el-button type="primary" size="small" class="fa fa-eye"  />
-							</el-tooltip>
-							<el-tooltip
-								
-								class="box-item"
-								effect="dark"
-								content="撤回"
-								placement="top-end"
-							>
-								<el-button  size="small" class="fa fa-reply-all"  />
-							</el-tooltip>
-							<el-tooltip
-								
-								class="box-item"
-								effect="dark"
-								content="删除"
-								placement="top-end"
-							>
-								<el-button type="danger" size="small" class="fa fa-trash-o"  />
-							</el-tooltip>
+              <template v-if="item.fieldClass == 'select'" #default="scope">
+                {{ scope.row[scope.column.property] }}
+              </template>
+              <template v-if="item.fieldClass == ''" #default="scope">
+                <!-- {{scope.row[scope.column.property]}}{{item}} -->
+                <el-tag v-if="scope.row[scope.column.property] == 1" type="success"
+                  >启用</el-tag
+                >
+                <el-tag v-if="scope.row[scope.column.property] == 2" type="danger"
+                  >已禁用</el-tag
+                >
+                <el-tag v-if="scope.row[scope.column.property] == 3" type="info"
+                  >已删除</el-tag
+                >
+              </template>
+              <template v-if="item.fieldClass == 'deptOrg'" #default="scope">
+                <!-- {{scope.row[scope.column.property]}}{{item}} -->
+                {{ scope.row[scope.column.property] }}
+              </template>
+              <template v-if="item.fieldClass == 'owner'" #default="scope">
+                <!-- {{scope.row[scope.column.property]}}{{item}}拥有者 -->
+                {{ scope.row[scope.column.property] }}
+              </template>
+              <template v-if="item.fieldClass == 'lowcodeImage'" #default="scope">
+                <el-image
+                  style="width: 30px; height: 30px"
+                  :src="scope.row[scope.column.property]"
+                  :fit="fit"
+                />
+              </template>
+              <template v-if="item.fieldClass == 'expand-user'" #default="scope">
+                {{ scope.row[scope.column.property] }}
+                <!--选择用户-->
+              </template>
+              <template v-if="item.fieldClass == 'radio'" #default="scope">
+                <!-- {{scope.row[scope.column.property]}}{{item}} -->
+                {{ judjeRadio(scope.row[scope.column.property], item.options) }}
+              </template>
+              <template v-if="item.fieldClass == 'upload'" #default="scope">
+                <div class="demo-image__error">
+                  <el-image
+                    style="width: 30px; height: 30px"
+                    :src="scope.row[scope.column.property]"
+                  >
+                    <template #error>
+                      <div class="image-slot">
+                        <el-icon><Picture /></el-icon>
+                      </div>
+                    </template>
+                  </el-image>
+                </div>
+              </template>
+              <template v-if="item.fieldClass == 'switch'" #default="scope">
+                <el-tag
+                  v-if="judjeSwitch(scope.row[scope.column.property], item.activeValue)"
+                  type="success"
+                  effect="light"
+                >
+                  启用
+                </el-tag>
+                <el-tag v-else type="danger" effect="light"> 禁用 </el-tag>
+              </template>
+              <template v-if="item.fieldClass == 'baidumap'" #default="scope">
+                {{ scope.row[scope.column.property] }}
+              </template>
+              <template v-if="item.fieldClass == 'associatedForms'" #default="scope">
+                <el-link
+                  key="primary"
+                  type="primary"
+                  @click="showAsfDetailDialog(item, scope, asfQueryParams)"
+                >
+                  {{ scope.row[scope.column.property] }}
+                </el-link>
+              </template>
+            </el-table-column>
+          </template>
+        </el-table>
+      </el-col>
+      <el-col v-if="viewType == 1 && state.total > 0" :span="24">
+        <div class="pageBox">
+          <el-pagination
+            v-model:currentPage="state.currentPage"
+            v-model:page-size="state.pageSize"
+            :page-sizes="[20, 30, 40, 50] as any"
+            :total="state.total"
+            layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          />
+        </div>
+      </el-col>
+      <el-col v-if="viewType == 2" :span="24">
+        <CalendarPage
+          ref="calendarPageRef"
+          :search-send="searchSend"
+          :body-hight="265"
+          :drawer-with="drawerWith"
+          :view-setup="viewPage.card"
+        />
+      </el-col>
+      <el-col v-if="viewType == 3" :span="24">
+        <TimeAxisPage
+          ref="timeAxisRef"
+          :data="tableDataList"
+          :view-layout="viewLayout"
+          :columns-filter="columnsFilter"
+          :search-send="searchSend"
+          :drawer-with="drawerWith"
+          :view-setup="viewPage.time"
+        />
+      </el-col>
+      <el-col v-if="viewType == 4" :span="24">
+        <GanttPage
+          ref="ganttPageRef"
+          :search-send="searchSend"
+          :drawer-with="drawerWith"
+          :view-setup="viewPage.gantt"
+        />
+      </el-col>
+      <el-col v-if="viewType == 5" :span="24">
+        <MapPage
+          ref="mapPageRef"
+          :search-send="searchSend"
+          :drawer-with="drawerWith"
+          :view-setup="viewPage.map"
+        />
+      </el-col>
+      <el-col v-if="viewType == 6" :span="24">
+        <CardPage
+          ref="cardPageRef"
+          :search-send="searchSend"
+          :drawer-with="drawerWith"
+          :view-setup="viewPage.card"
+          :columns-filter="columnsFilter"
+        />
+      </el-col>
+      <el-col :span="24" style="display: none">
+        {{ tableDataList }}
+      </el-col>
+      <el-col :span="24" style="display: none">
+        <el-button-group>
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            content="提交审批"
+            placement="top-end"
+          >
+            <el-button type="success" size="small" class="fa fa-send-o" />
+          </el-tooltip>
 
-							<el-tooltip
-								
-								class="box-item"
-								effect="dark"
-								content="申请修改"
-								placement="top-end"
-							>
-								<el-button type="info" size="small" class="fa fa-edit"  />
-							</el-tooltip>
-				</el-button-group>
-			
-			
-			</el-col>
-		</el-row>
-		<FormPageCont v-model:is-show="lookPageInfoIsShow" :drawer-with="drawerWith" :page-info="pageInfoCont" :table-page-class="tablePageClass" :oper-state="operState" @getPageData="getPageData" />
-		<FormPageCont v-model:is-show="asflookPageInfoIsShow" :drawer-with="drawerWith" :page-info="currentAsfTableDataList[0]" :table-page-class="tablePageClass" :oper-state="operState" @getPageData="getPageData" />
-		<TableFlow  v-model:isopen="openTaskDrawer" :versionid="props.versionid" :versiontitle="props.versiontitle" :drawerwith="drawerWith" @searchquery="getListData" />
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            content="重新申请"
+            placement="top-end"
+          >
+            <el-button type="warning" size="small" class="fa fa-retweet" />
+          </el-tooltip>
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            content="查看详情"
+            placement="top-end"
+          >
+            <el-button type="primary" size="small" class="fa fa-eye" />
+          </el-tooltip>
+          <el-tooltip class="box-item" effect="dark" content="撤回" placement="top-end">
+            <el-button size="small" class="fa fa-reply-all" />
+          </el-tooltip>
+          <el-tooltip class="box-item" effect="dark" content="删除" placement="top-end">
+            <el-button type="danger" size="small" class="fa fa-trash-o" />
+          </el-tooltip>
 
+          <el-tooltip
+            class="box-item"
+            effect="dark"
+            content="申请修改"
+            placement="top-end"
+          >
+            <el-button type="info" size="small" class="fa fa-edit" />
+          </el-tooltip>
+        </el-button-group>
+      </el-col>
+    </el-row>
+    <FormPageCont
+      v-model:is-show="lookPageInfoIsShow"
+      :drawer-with="drawerWith"
+      :page-info="pageInfoCont"
+      :table-page-class="tablePageClass"
+      :oper-state="operState"
+      @getPageData="getPageData"
+    />
+    <FormPageCont
+      v-model:is-show="asflookPageInfoIsShow"
+      :drawer-with="drawerWith"
+      :page-info="currentAsfTableDataList[0]"
+      :table-page-class="tablePageClass"
+      :oper-state="operState"
+      @getPageData="getPageData"
+    />
+    <TableFlow
+      v-model:isopen="openTaskDrawer"
+      :versionid="props.versionid"
+      :versiontitle="props.versiontitle"
+      :drawerwith="drawerWith"
+      @searchquery="getListData"
+    />
 
-		<el-dialog v-model="asfShowDetailsFlag" title="关联表单详情查看" top="20px" style="margin-top:70px,margin-left:270px">
-                
-        </el-dialog>
-	
-	</div>
+    <el-dialog
+      v-model="asfShowDetailsFlag"
+      title="关联表单详情查看"
+      top="20px"
+      style="margin-top:70px,margin-left:270px"
+    >
+    </el-dialog>
+  </div>
 </template>
-<style  lang='scss' scoped>
-.rowBox{
-	width:100%;
+<style lang="scss" scoped>
+.rowBox {
+  width: 100%;
 }
-.table-list-comm{
-	padding:0px 15px 15px 15px;
+.table-list-comm {
+  padding: 0px 15px 15px 15px;
 }
-.seacherForm{
-	min-height: auto;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
+.seacherForm {
+  min-height: auto;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
 }
-.pageBox{
-	width:100%;
-	margin-top:20px;
-	text-align: center;
-	display: flex;
-  	justify-content: center;
+.pageBox {
+  width: 100%;
+  margin-top: 20px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
 }
-.operateButArea{
-		width: 100%;
-		display: flex;
-		align-items: center;
-  		justify-content: space-between;
-		margin-top:15px;
-		margin-bottom:15px;
-		.operatLeft{
-			padding-bottom: 2px;
-		}
+.operateButArea {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 15px;
+  margin-bottom: 15px;
+  .operatLeft {
+    padding-bottom: 2px;
+  }
 }
-.group{
-	width: auto;
-    margin-right: 10px;
+.group {
+  width: auto;
+  margin-right: 10px;
 }
 .demo-image__error .block {
   padding: 0px 0;
diff --git a/src/views/sysworkflow/lowcodepage/appCardPage.vue b/src/views/sysworkflow/lowcodepage/appCardPage.vue
index 2cbc809..733b50e 100644
--- a/src/views/sysworkflow/lowcodepage/appCardPage.vue
+++ b/src/views/sysworkflow/lowcodepage/appCardPage.vue
@@ -3,471 +3,521 @@
 @ 时间: 2024-07-22 08:53:50
 @ 备注: 自定义应用卡片视图
 -->
-<script lang='ts' setup>
-import { json2string,objToStringify,string2json,stringToObj } from '@/utils/DesignForm/form'
+<script lang="ts" setup>
+import {
+  json2string,
+  objToStringify,
+  string2json,
+  stringToObj,
+} from "@/utils/DesignForm/form";
 import { customerFormCont } from "@/api/DesignForm/type";
-import { getCustomerFormList,editProductionFormStatus,appJwtPower,getFieldRecord } from '@/api/DesignForm/requestapi'
+import {
+  getCustomerFormList,
+  editProductionFormStatus,
+  appJwtPower,
+  getFieldRecord,
+} from "@/api/DesignForm/requestapi";
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-22 11:30:11
 @ 功能: 引入组件
 */
-import AppContainer from '@/views/sysworkflow/lowcodepage/newLowCode/appLayout/appContainer.vue'
-import AppContainerPage  from '@/views/sysworkflow/lowcodepage/newLowCode/appLayoutEdit/appContainerPage.vue' //自建应用编辑
-import LowCodeFormPage from "@/views/sysworkflow/lowcodepage/lowCodeFormPage.vue"
-import TableFlow from '@/views/sysworkflow/lowcodepage/pageFlow/tableFlow.vue'
+import AppContainer from "@/views/sysworkflow/lowcodepage/newLowCode/appLayout/appContainer.vue";
+import AppContainerPage from "@/views/sysworkflow/lowcodepage/newLowCode/appLayoutEdit/appContainerPage.vue"; //自建应用编辑
+import LowCodeFormPage from "@/views/sysworkflow/lowcodepage/lowCodeFormPage.vue";
+import TableFlow from "@/views/sysworkflow/lowcodepage/pageFlow/tableFlow.vue";
 
 const props = defineProps({
-	searchQuery:{
-		type:Object,
-		default(){
-			return {}
-		}
-	},
-	appGroup:{
-		type:String,
-		default:""
-	},
-	drawerWith:{
-		type:Number,
-		default:true
-	}
+  searchQuery: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+  appGroup: {
+    type: String,
+    default: "",
+  },
+  drawerWith: {
+    type: Number,
+    default: true,
+  },
 });
 
 const emits = defineEmits(["getRongQiAttr"]);
-const openTaskDrawer = ref(false) //新增任务
+const openTaskDrawer = ref(false); //新增任务
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-22 09:09:29
 @ 功能: 总记录数
 */
-const pageTotal = ref(0)
-const contList = ref<customerFormCont[]>()	//记录
-const loadingApp = ref(false)
-const runIsOpen = ref(false)
-const pickAppInfo = ref<customerFormCont>()			//应用或表单内容
+const pageTotal = ref(0);
+const contList = ref<customerFormCont[]>(); //记录
+const loadingApp = ref(false);
+const runIsOpen = ref(false);
+const pickAppInfo = ref<customerFormCont>(); //应用或表单内容
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-21 10:54:23
 @ 功能: 获取表单列表
 */
-const getFormAppList = (val:any) => {
-	loadingApp.value = true
-	let sendInfo = {
-		page:val.page,
-		pagesize:val.pagesize,
-		keywords:val.searchWork,
-		groupId:props.appGroup
-	}
-	getCustomerFormList(sendInfo)
-		.then(({ data }) => {
-			// console.log("打开应用-->",data);
-			pageTotal.value = data.total
-			contList.value = data.list
-		})
-		.finally(() => {
-			loadingApp.value = false
-		})
-}
+const getFormAppList = (val: any) => {
+  loadingApp.value = true;
+  let sendInfo = {
+    page: val.page,
+    pagesize: val.pagesize,
+    keywords: val.searchWork,
+    groupId: props.appGroup,
+  };
+  getCustomerFormList(sendInfo)
+    .then(({ data }) => {
+      // console.log("打开应用-->",data);
+      pageTotal.value = data.total;
+      contList.value = data.list;
+    })
+    .finally(() => {
+      loadingApp.value = false;
+    });
+};
 
 onMounted(() => {
-	nextTick(() => {
-		getFormAppList(props.searchQuery);
-	})
-})
-watch(()=>props.appGroup,()=>{
-	getFormAppList(props.searchQuery);
-})
-const srcList = (val:string) =>{
-	if(val){
-		return [val]
-	}else{
-		return ["https://docu.hxgk.group/images/2024_04/482167d1bf2b75a5717bcf68e18235f7.png"]
-	}
-}
+  nextTick(() => {
+    getFormAppList(props.searchQuery);
+  });
+});
+watch(
+  () => props.appGroup,
+  () => {
+    getFormAppList(props.searchQuery);
+  }
+);
+const srcList = (val: string) => {
+  if (val) {
+    return [val];
+  } else {
+    return [
+      "https://docu.hxgk.group/images/2024_04/482167d1bf2b75a5717bcf68e18235f7.png",
+    ];
+  }
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-22 09:57:45
 @ 功能: 编辑应用
 */
-const editIsOpen = ref(false)
-const appKey = ref<string>("")
-const editForm = (val:any) => {
-	emits("getRongQiAttr")
-	pickAppInfo.value = val
-	editIsOpen.value = true;
-}
+const editIsOpen = ref(false);
+const appKey = ref<string>("");
+const editForm = (val: any) => {
+  emits("getRongQiAttr");
+  pickAppInfo.value = val;
+  editIsOpen.value = true;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-22 09:58:19
 @ 功能: 编辑应用状态
 */
-const eidtStatus = (val:any) => {
-	emits("getRongQiAttr")
-	ElMessageBox.confirm(
-		'请问是否真的删除？删除后数据将无法找回！',
-		'温馨提示！',
-		{
-			confirmButtonText: '删除',
-			cancelButtonText: '取消',
-			type: 'warning',
-			draggable: true,
-		}
-	)
-	.then(() => {
-		editProductionFormStatus({id:[val.id.toString()],status:3,is_delete:false})
-			.then(({data})=>{
-				getFormAppList(props.searchQuery);
-			})
-	})
-	.catch(() => {
-		getFormAppList(props.searchQuery);
-	})
-}
+const eidtStatus = (val: any) => {
+  emits("getRongQiAttr");
+  ElMessageBox.confirm("请问是否真的删除？删除后数据将无法找回！", "温馨提示！", {
+    confirmButtonText: "删除",
+    cancelButtonText: "取消",
+    type: "warning",
+    draggable: true,
+  })
+    .then(() => {
+      editProductionFormStatus({
+        id: [val.id.toString()],
+        status: 3,
+        is_delete: false,
+      }).then(({ data }) => {
+        getFormAppList(props.searchQuery);
+      });
+    })
+    .catch(() => {
+      getFormAppList(props.searchQuery);
+    });
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-22 10:01:17
 @ 功能: 打开应用
 */
-const openApp = (val:any) => {
-	emits("getRongQiAttr")
-	pickAppInfo.value = val
-	appJwtPower({id:val.signCodeStr,types:1})
-		.then(({data})=>{
-			// console.log("打开应用------>data:",data)
-			if(data){
-				runIsOpen.value = true
-			}else{
-				ElMessage({
-					message: '对不起！您不可使用此App！请联系管理员进行授权！',
-					type: 'error',
-					plain: true,
-				})
-			}
-		})
-}
+const openApp = (val: any) => {
+  emits("getRongQiAttr");
+  pickAppInfo.value = val;
+  appJwtPower({ id: val.signCodeStr, types: 1 }).then(({ data }) => {
+    // console.log("打开应用------>data:",data)
+    if (data) {
+      runIsOpen.value = true;
+    } else {
+      ElMessage({
+        message: "对不起！您不可使用此App！请联系管理员进行授权！",
+        type: "error",
+        plain: true,
+      });
+    }
+  });
+};
 defineExpose({
-	getFormAppList
-})
+  getFormAppList,
+});
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-23 15:27:51
 @ 功能: 表单数据
 */
 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 || "",
+  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: "",
+        sortClass: 1,
+        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: [],
+      },
     },
-    searchData: [],
-    loading: false,
-    attrObj: {},
-    config: {
-		pageSize:10,
-		searchIsShow:true,
-		searchFormIsShow:true,
-		openPageMode:"drawer"
-	},
-    tagList: {},
-    formId: props.formKey || '',
-    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:"",
-				sortClass:1,
-				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:[]
-			}
-		}
-	}
-})
-const lookPageIsShow = ref(false)
-const versionTitle = ref<string>("")	//表单名称
-const versionId = ref<string>("")	//表单版本号
-const formId = ref<string>("")
-const addFormIsShow = ref(false)
+    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: [],
+      },
+    },
+  },
+});
+const lookPageIsShow = ref(false);
+const versionTitle = ref<string>(""); //表单名称
+const versionId = ref<string>(""); //表单版本号
+const formId = ref<string>("");
+const addFormIsShow = ref(false);
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-01 14:32:18
 @ 功能: 查看表单列表
 */
-const lookFormList = (val:any) => {
-	emits('getRongQiAttr')
-	// console.log("查看表单列表aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa", val)
-	
+const lookFormList = (val: any) => {
+  emits("getRongQiAttr");
+  // console.log("查看表单列表aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa", val)
 
-	versionId.value = val.versionId
-	versionTitle.value = val.name
+  versionId.value = val.versionId;
+  versionTitle.value = val.name;
 
-	if(val.listjson != "" && val.listjson != null){
-			lookPageIsShow.value = true
-			state.formId = val.idStr
-			let stateData = string2json(val.listjson)
-			// console.log(val.listjson)
-			// console.log("查看表单列表---->",stateData)
-			//let holeControlAndConfigStateData = string2json(data.data.appForm.mastesformjson)
-			if(stateData.tableData.columns&&stateData.tableData.columns.length>0){
-				for(let i = 0;i<stateData.tableData.columns.length;i++){
-					if(stateData.tableData.columns[i].config!=undefined && stateData.tableData.columns[i].control!=undefined){
-						// console.log(stateData.tableData.columns[i])
-						let paramx:string = ""+stateData.tableData.columns[i].control.optionsValue3Field
-						/*
+  if (val.listjson != "" && val.listjson != null) {
+    lookPageIsShow.value = true;
+    state.formId = val.idStr;
+    let stateData = string2json(val.listjson);
+    // console.log(val.listjson)
+    // console.log("查看表单列表---->",stateData)
+    //let holeControlAndConfigStateData = string2json(data.data.appForm.mastesformjson)
+    if (stateData.tableData.columns && stateData.tableData.columns.length > 0) {
+      for (let i = 0; i < stateData.tableData.columns.length; i++) {
+        if (
+          stateData.tableData.columns[i].config != undefined &&
+          stateData.tableData.columns[i].control != undefined
+        ) {
+          // console.log(stateData.tableData.columns[i])
+          let paramx: string =
+            "" + stateData.tableData.columns[i].control.optionsValue3Field;
+          /*
 							在这里请求后台获取字段
 						*/
-						console.log("addCardPage---298",paramx)
-						if(paramx && paramx != "" && paramx != null && paramx != "undefined"){
-							getFieldRecord(paramx).then(({ data }) => {
-								stateData.tableData.columns[i].options = data
-								if(stateData.searchData.length>0){
-									for(let j = 0;j<stateData.searchData.length;j++){
-										// console.log(stateData.searchData[j])
-										if(stateData.searchData[j].id==stateData.tableData.columns[i].id){
-											stateData.searchData[j].options = data
-										}
-									}
-								}
-							})
-						}
-					}
-				}
-			}
-			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.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
-	}else{
-		openTaskDrawer.value = true
-	}
+          console.log("addCardPage---298", paramx);
+          if (paramx && paramx != "" && paramx != null && paramx != "undefined") {
+            getFieldRecord(paramx).then(({ data }) => {
+              stateData.tableData.columns[i].options = data;
+              if (stateData.searchData.length > 0) {
+                for (let j = 0; j < stateData.searchData.length; j++) {
+                  // console.log(stateData.searchData[j])
+                  if (stateData.searchData[j].id == stateData.tableData.columns[i].id) {
+                    stateData.searchData[j].options = data;
+                  }
+                }
+              }
+            });
+          }
+        }
+      }
+    }
+    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.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;
+  } else {
+    openTaskDrawer.value = true;
+  }
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-21 10:57:11
 @ 功能: 编辑表单
 */
-const editFormApp = (val:any) => {
-	emits('getRongQiAttr')
-	formId.value = val.id.toString()
-	addFormIsShow.value= true
-	// console.log("编辑表单",val.id,"-",formId.value,"-",addFormIsShow.value)
-}
+const editFormApp = (val: any) => {
+  emits("getRongQiAttr");
+  formId.value = val.id.toString();
+  addFormIsShow.value = true;
+  // console.log("编辑表单",val.id,"-",formId.value,"-",addFormIsShow.value)
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-09 09:06:44
 @ 功能: 刷新页面
 */
-const refreshPage = (pageType:string) =>{
-	addFormIsShow.value = false;
-	getFormAppList(props.searchQuery);
-}
+const refreshPage = (pageType: string) => {
+  addFormIsShow.value = false;
+  getFormAppList(props.searchQuery);
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-08-09 11:28:39
 @ 功能: 翻页
 */
-const handleCurrentChange = (val:any) =>{
-	// console.log("翻页",val)
-	props.searchQuery.page = val
-	getFormAppList(props.searchQuery);
-}
+const handleCurrentChange = (val: any) => {
+  // console.log("翻页",val)
+  props.searchQuery.page = val;
+  getFormAppList(props.searchQuery);
+};
 </script>
 <template>
-	<div>
-		<div v-loading="loadingApp" class="content1 flex flex-wrap gap-4">
-			<el-card v-for="item in contList" :key="item.id" class="cardBox">
-				
-					<template #header>
-						<el-dropdown  v-if="item.classify==3">
-							<span class="el-dropdown-link">
-								<el-icon><MoreFilled /></el-icon>
-							</span>
-							<template #dropdown>
-								<el-dropdown-menu>
-									<el-dropdown-item @click="editForm(item)" >编辑</el-dropdown-item>
-									<el-dropdown-item @click="eidtStatus(item)" divided>删除</el-dropdown-item>
-								</el-dropdown-menu>
-							</template>
-						</el-dropdown>
-						<el-dropdown  v-else>
-							<span class="el-dropdown-link">
-								<el-icon><MoreFilled /></el-icon>
-							</span>
-							<template #dropdown>
-								<el-dropdown-menu>
-									<el-dropdown-item @click="editFormApp(item)" >编辑</el-dropdown-item>
-									<el-dropdown-item @click="eidtStatus(item)" divided>删除</el-dropdown-item>
-								</el-dropdown-menu>
-							</template>
-						</el-dropdown>
-					</template>
-					<div  v-if="item.classify==3" class="cardContBox" @click="openApp(item)">
-						<el-image
-							style="width: 100px; height: 100px"
-							:src="item.icon?item.icon:'https://docu.hxgk.group/images/2024_04/482167d1bf2b75a5717bcf68e18235f7.png'"
-							:zoom-rate="1.2"
-							:max-scale="7"
-							:min-scale="0.2"
-							:initial-index="4"
-							fit="cover"
-						/>
-						<div class="cardInfo" :style="'width: calc(100% - 100px); height: 100px; overflow: hidden;' ">
-							<div class="title">{{item.name}}</div>
-							<div class="content">{{item.describe}}</div>
-						</div>
-					</div>
-					<div  v-else class="cardContBox" @click="lookFormList(item)">
-						<el-image
-							style="width: 100px; height: 100px"
-							:src="item.icon?item.icon:'https://docu.hxgk.group/images/2024_04/482167d1bf2b75a5717bcf68e18235f7.png'"
-							:zoom-rate="1.2"
-							:max-scale="7"
-							:min-scale="0.2"
-							:initial-index="4"
-							fit="cover"
-						/>
-						<div class="cardInfo" :style="'width: calc(100% - 100px); height: 100px; overflow: hidden;' ">
-							<div class="title">{{item.name}}</div>
-							<div class="content">{{item.describe}}</div>
-						</div>
-					</div>
-			</el-card>
-			
-		</div>
-		<div class="pagination-box">
-            <el-pagination background v-if="pageTotal > 0" v-model:current-page="props.searchQuery.page"
-            v-model:page-size="props.searchQuery.pagesize"
-            :total="pageTotal" @current-change="handleCurrentChange" />
+  <div>
+    <div v-loading="loadingApp" class="content1 flex flex-wrap gap-4">
+      <el-card v-for="item in contList" :key="item.id" class="cardBox">
+        <template #header>
+          <el-dropdown v-if="item.classify == 3">
+            <span class="el-dropdown-link">
+              <el-icon><MoreFilled /></el-icon>
+            </span>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item @click="editForm(item)">编辑</el-dropdown-item>
+                <el-dropdown-item @click="eidtStatus(item)" divided
+                  >删除</el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+          <el-dropdown v-else>
+            <span class="el-dropdown-link">
+              <el-icon><MoreFilled /></el-icon>
+            </span>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item @click="editFormApp(item)">编辑</el-dropdown-item>
+                <el-dropdown-item @click="eidtStatus(item)" divided
+                  >删除</el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+        </template>
+        <div v-if="item.classify == 3" class="cardContBox" @click="openApp(item)">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="
+              item.icon
+                ? item.icon
+                : 'https://docu.hxgk.group/images/2024_04/482167d1bf2b75a5717bcf68e18235f7.png'
+            "
+            :zoom-rate="1.2"
+            :max-scale="7"
+            :min-scale="0.2"
+            :initial-index="4"
+            fit="cover"
+          />
+          <div
+            class="cardInfo"
+            :style="'width: calc(100% - 100px); height: 100px; overflow: hidden;'"
+          >
+            <div class="title">{{ item.name }}</div>
+            <div class="content">{{ item.describe }}</div>
+          </div>
         </div>
-		<AppContainer v-model:run-is-open="runIsOpen" :pick-app-info="pickAppInfo" :drawer-with="props.drawerWith" :search-query="props.searchQuery" @refreshPage="getFormAppList" />
-		<AppContainerPage v-model:edit-is-open="editIsOpen" :pick-app-info="pickAppInfo" :drawer-with="props.drawerWith" :search-query="props.searchQuery" :group-key="props.appGroup" @refreshPage="getFormAppList" />
-
-
-		<el-drawer
-			v-model="lookPageIsShow"
-			title="列表预览"
-			direction="rtl"
-			:before-close="handlePreviewClose"
-			:size="props.drawerWith"
-		>
-			<ak-page-list
-				:data="state.tableData"
-				:search-data="state.searchData"
-				:config="state.config"
-				:form-id="state.formId"
-				:versionid="versionId" 
-				:viewPage="state.view"
-				:versiontitle="versionTitle"
-				
-				v-model:look-page-is-show="lookPageIsShow"
-			/>
-		</el-drawer>
-		<LowCodeFormPage v-if="addFormIsShow" :drawer-with="props.drawerWith" v-model:form-key="formId" @refreshPage="refreshPage" />
+        <div v-else class="cardContBox" @click="lookFormList(item)">
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="
+              item.icon
+                ? item.icon
+                : 'https://docu.hxgk.group/images/2024_04/482167d1bf2b75a5717bcf68e18235f7.png'
+            "
+            :zoom-rate="1.2"
+            :max-scale="7"
+            :min-scale="0.2"
+            :initial-index="4"
+            fit="cover"
+          />
+          <div
+            class="cardInfo"
+            :style="'width: calc(100% - 100px); height: 100px; overflow: hidden;'"
+          >
+            <div class="title">{{ item.name }}</div>
+            <div class="content">{{ item.describe }}</div>
+          </div>
+        </div>
+      </el-card>
+    </div>
+    <div class="pagination-box">
+      <el-pagination
+        background
+        v-if="pageTotal > 0"
+        v-model:current-page="props.searchQuery.page"
+        v-model:page-size="props.searchQuery.pagesize"
+        :total="pageTotal"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+    <AppContainer
+      v-model:run-is-open="runIsOpen"
+      :pick-app-info="pickAppInfo"
+      :drawer-with="props.drawerWith"
+      :search-query="props.searchQuery"
+      @refreshPage="getFormAppList"
+    />
+    <AppContainerPage
+      v-model:edit-is-open="editIsOpen"
+      :pick-app-info="pickAppInfo"
+      :drawer-with="props.drawerWith"
+      :search-query="props.searchQuery"
+      :group-key="props.appGroup"
+      @refreshPage="getFormAppList"
+    />
 
+    <el-drawer
+      v-model="lookPageIsShow"
+      title="列表预览"
+      direction="rtl"
+      :before-close="handlePreviewClose"
+      :size="props.drawerWith"
+    >
+      <ak-page-list
+        :data="state.tableData"
+        :search-data="state.searchData"
+        :config="state.config"
+        :form-id="state.formId"
+        :versionid="versionId"
+        :viewPage="state.view"
+        :versiontitle="versionTitle"
+        v-model:look-page-is-show="lookPageIsShow"
+      />
+    </el-drawer>
+    <LowCodeFormPage
+      v-if="addFormIsShow"
+      :drawer-with="props.drawerWith"
+      v-model:form-key="formId"
+      @refreshPage="refreshPage"
+    />
 
-		<TableFlow  v-model:isopen="openTaskDrawer" :versionid="versionId" :versiontitle="versionTitle" :drawerwith="props.drawerWith" @searchquery="getFormAppList" />
-	</div>
+    <TableFlow
+      v-model:isopen="openTaskDrawer"
+      :versionid="versionId"
+      :versiontitle="versionTitle"
+      :drawerwith="props.drawerWith"
+      @searchquery="getFormAppList"
+    />
+  </div>
 </template>
-<style  lang='scss' scoped>
-.pagination-box{
-    display: flex;
-    justify-content: center;
-    margin-top: 15px;
+<style lang="scss" scoped>
+.pagination-box {
+  display: flex;
+  justify-content: center;
+  margin-top: 15px;
 }
 .el-row:last-child {
   margin-bottom: 0;
@@ -483,47 +533,46 @@ const handleCurrentChange = (val:any) =>{
   background-color: #eeeeee;
 }
 
-
-.content1{
-	padding:1rem 1rem 0 1rem;
-	::v-deep .el-card__body{
-		padding:5px 10px 10px 10px;
-	}
-	::v-deep .el-card__header{
-		border-bottom: 0;
-		padding: 0;
-		height: 10px;
-		display:flex;
-		justify-content: right;
-	}
-	.el-dropdown-link{
-		margin-top: 4px;
-		margin-right: 10px;
-		cursor: pointer;
-	}
+.content1 {
+  padding: 1rem 1rem 0 1rem;
+  ::v-deep .el-card__body {
+    padding: 5px 10px 10px 10px;
+  }
+  ::v-deep .el-card__header {
+    border-bottom: 0;
+    padding: 0;
+    height: 10px;
+    display: flex;
+    justify-content: right;
+  }
+  .el-dropdown-link {
+    margin-top: 4px;
+    margin-right: 10px;
+    cursor: pointer;
+  }
 }
-.cardBox{
-	width:306px;
-	.cardContBox{
-		display: flex;
-		width: 100%;
-		justify-content: flex-start;
-		cursor: pointer;
-	}
-	.cardInfo{
-		padding-left: 5px;
-	}
-	.title{
-		font-size:14px;
-		font-weight:bold;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-	.content{
-		color: #909399;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
+.cardBox {
+  width: 306px;
+  .cardContBox {
+    display: flex;
+    width: 100%;
+    justify-content: flex-start;
+    cursor: pointer;
+  }
+  .cardInfo {
+    padding-left: 5px;
+  }
+  .title {
+    font-size: 14px;
+    font-weight: bold;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .content {
+    color: #909399;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 </style>
diff --git a/src/views/sysworkflow/lowcodepage/index.vue b/src/views/sysworkflow/lowcodepage/index.vue
index cb12317..7e8b50c 100644
--- a/src/views/sysworkflow/lowcodepage/index.vue
+++ b/src/views/sysworkflow/lowcodepage/index.vue
@@ -3,201 +3,198 @@
 @ 时间: 2024-07-20 15:31:12
 @ 备注: 应用设置
 -->
-<script lang='ts' setup>
-import { SearchForm,customerFormCont,customerFormConfig } from "@/api/DesignForm/type";
-import { customerFormGroupList,editFormGroupState,createApp,gainAppEditPsge } from '@/api/DesignForm/requestapi'
+<script lang="ts" setup>
+import { SearchForm, customerFormCont, customerFormConfig } from "@/api/DesignForm/type";
+import {
+  customerFormGroupList,
+  editFormGroupState,
+  createApp,
+  gainAppEditPsge,
+} from "@/api/DesignForm/requestapi";
 
-import { Search } from '@element-plus/icons-vue'
+import { Search } from "@element-plus/icons-vue";
 
 //引入页面
-import AppCardPage from "@/views/sysworkflow/lowcodepage/appCardPage.vue"
-import AppListPage from "@/views/sysworkflow/lowcodepage/appListPage.vue"
-import LowCodeFormPage from "@/views/sysworkflow/lowcodepage/lowCodeFormPage.vue"
-import LowCodeFormGroupPage from "@/views/sysworkflow/lowcodepage/lowCodeFormGroupPage.vue"
-import DesignAPPpage from "@/views/sysworkflow/lowcodepage/appPage/index.vue"	//自建应用
+import AppCardPage from "@/views/sysworkflow/lowcodepage/appCardPage.vue";
+import AppListPage from "@/views/sysworkflow/lowcodepage/appListPage.vue";
+import LowCodeFormPage from "@/views/sysworkflow/lowcodepage/lowCodeFormPage.vue";
+import LowCodeFormGroupPage from "@/views/sysworkflow/lowcodepage/lowCodeFormGroupPage.vue";
+import DesignAPPpage from "@/views/sysworkflow/lowcodepage/appPage/index.vue"; //自建应用
 
-
-const contbody = ref()	//实例化内容容器
-const carPage = ref()
-const appListPage = ref()
-const appGroup = ref("1")
-const page = ref<number>(1)			//页码
-const pageSize = ref<number>(12000)	//每页显示几个
-const pageTotal = ref<number>(0)	//总记录数
-const groupFormList = ref<any[]>([]) //记录数组
-const drawerWith = ref();	//抽屉宽度
-const appPageShow = ref(false)
-const addFormGroupIsShow = ref(false)
-const formKey = ref<string>("") //表单标识
-const formGroupKey = ref<string>("") //表单标识
-const drawerGroupWith = ref();	//编辑表单时抽屉宽度
-const groupKey = ref<string>("") //分组标识
-const squareUrl = ref<string>('https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png')
+const contbody = ref(); //实例化内容容器
+const carPage = ref();
+const appListPage = ref();
+const appGroup = ref("1");
+const page = ref<number>(1); //页码
+const pageSize = ref<number>(12000); //每页显示几个
+const pageTotal = ref<number>(0); //总记录数
+const groupFormList = ref<any[]>([]); //记录数组
+const drawerWith = ref(); //抽屉宽度
+const appPageShow = ref(false);
+const addFormGroupIsShow = ref(false);
+const formKey = ref<string>(""); //表单标识
+const formGroupKey = ref<string>(""); //表单标识
+const drawerGroupWith = ref(); //编辑表单时抽屉宽度
+const groupKey = ref<string>(""); //分组标识
+const squareUrl = ref<string>(
+  "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png"
+);
 
 const searchQuery = reactive({
-	page:1,
-	pagesize:20,
-	searchWork:""
-})
-const isClick = ref(1)
+  page: 1,
+  pagesize: 20,
+  searchWork: "",
+});
+const isClick = ref(1);
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-21 09:30:27
 @ 功能: 获取表单分组
 */
-const isUpdate = ref(false)
+const isUpdate = ref(false);
 const gainFormGroup = () => {
-	let sendInfo = {
-		page:page.value,
-		pagesize:pageSize.value,
-		state:1
-	}
-	customerFormGroupList(sendInfo)
-		.then((data) =>{
-			
-			pageTotal.value = data.data.total
-			// pageTotal.value = 400
-			groupFormList.value = data.data.list
-			console.log("重新排序",groupFormList.value)
-			isUpdate.value = true
-			if(data.data.list&&data.data.list.length > 0){
-				let otherGroup = true
-				data.data.list.forEach((item,index)=>{
-					if(item.isTrue){
-						appGroup.value = item.idStr.toString()
-						otherGroup = false
-					}
-				})
-				if(otherGroup){
-					let lengNum = data.data.list.length
-					data.data.list.forEach((item,index)=>{
-						if(lengNum > 1){
-							if(index == 1){
-								appGroup.value = item.idStr.toString()
-							}
-						}else{
-							if(index == 0){
-								appGroup.value = item.idStr.toString()
-							}
-						}
-						
-					})
-				}
-			}	
-			nextTick(()=>{
-				searchSub()
-			})		
-		})
-		
-}
-const handleClick = (val:any) => {
-	// console.log("换挡",val,appGroup)
-}
+  let sendInfo = {
+    page: page.value,
+    pagesize: pageSize.value,
+    state: 1,
+  };
+  customerFormGroupList(sendInfo).then((data) => {
+    pageTotal.value = data.data.total;
+    // pageTotal.value = 400
+    groupFormList.value = data.data.list;
+    console.log("重新排序", groupFormList.value);
+    isUpdate.value = true;
+    if (data.data.list && data.data.list.length > 0) {
+      let otherGroup = true;
+      data.data.list.forEach((item, index) => {
+        if (item.isTrue) {
+          appGroup.value = item.idStr.toString();
+          otherGroup = false;
+        }
+      });
+      if (otherGroup) {
+        let lengNum = data.data.list.length;
+        data.data.list.forEach((item, index) => {
+          if (lengNum > 1) {
+            if (index == 1) {
+              appGroup.value = item.idStr.toString();
+            }
+          } else {
+            if (index == 0) {
+              appGroup.value = item.idStr.toString();
+            }
+          }
+        });
+      }
+    }
+    nextTick(() => {
+      searchSub();
+    });
+  });
+};
+const handleClick = (val: any) => {
+  // console.log("换挡",val,appGroup)
+};
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-22 08:50:03
 @ 功能: 改变视图展示模式
 */
-const viewChannel = (val:number) =>{
-	isClick.value = val;
-}
+const viewChannel = (val: number) => {
+  isClick.value = val;
+};
 
-onMounted(()=>{
-	drawerWith.value = contbody.value?.clientWidth
-	gainFormGroup()
-})
+onMounted(() => {
+  drawerWith.value = contbody.value?.clientWidth;
+  gainFormGroup();
+});
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-20 16:19:45
 @ 功能: 获取表单数据
 */
-const handleCurrentChange = (val:any) => {}
+const handleCurrentChange = (val: any) => {};
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-22 10:08:33
 @ 功能: 搜索
 */
-const searchSub = () =>{
-	if(isClick.value == 1){
-		carPage.value.getFormAppList(searchQuery)
-	}else{
-		appListPage.value.getFormAppList(searchQuery)
-	}
-}
+const searchSub = () => {
+  if (isClick.value == 1) {
+    carPage.value.getFormAppList(searchQuery);
+  } else {
+    appListPage.value.getFormAppList(searchQuery);
+  }
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-04-01 14:27:51
 @ 功能: 获取容器宽度
 */
 const getRongQiAttr = () => {
-	drawerWith.value = contbody.value?.clientWidth
-}
+  drawerWith.value = contbody.value?.clientWidth;
+};
 
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-09 09:06:32
 @ 功能: 选择添加项目
 */
-const handleCommand = (command: string,groupId: string) => {
-	// ElMessage(`click on item ${command}`)
-	if (command == "addForm"){
-		formKey.value = ""
-		formGroupKey.value = groupId
-		// addFormIsShow.value = true
-		drawerWith.value = contbody.value?.clientWidth
-		addFormIsShow.value = true;
-	}else if(command == "addFormApp"){	
-		
-		drawerWith.value = contbody.value?.clientWidth
-		let sendInfo = {
-			id:groupId.toString()
-		}
-		createApp(sendInfo)
-			.then((data)=>{
-				formKey.value = data.data.uuid
-				groupKey.value = groupId.toString()
-				nextTick(() =>{
-					appPageShow.value = true
-				});
-			})
-			.finally(() => {
-				
-			})
-		
-	}else{
-		groupKey.value = ""
-		addFormGroupIsShow.value = true
-		drawerGroupWith.value = 400
-	}
-}
+const handleCommand = (command: string, groupId: string) => {
+  // ElMessage(`click on item ${command}`)
+  if (command == "addForm") {
+    formKey.value = "";
+    formGroupKey.value = groupId;
+    // addFormIsShow.value = true
+    drawerWith.value = contbody.value?.clientWidth;
+    addFormIsShow.value = true;
+  } else if (command == "addFormApp") {
+    drawerWith.value = contbody.value?.clientWidth;
+    let sendInfo = {
+      id: groupId.toString(),
+    };
+    createApp(sendInfo)
+      .then((data) => {
+        formKey.value = data.data.uuid;
+        groupKey.value = groupId.toString();
+        nextTick(() => {
+          appPageShow.value = true;
+        });
+      })
+      .finally(() => {});
+  } else {
+    groupKey.value = "";
+    addFormGroupIsShow.value = true;
+    drawerGroupWith.value = 400;
+  }
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-21 13:53:29
 @ 功能: 编辑分组
 */
-const editFormGroup = (id: string) =>{
-	groupKey.value = id
-	addFormGroupIsShow.value = true
-	drawerGroupWith.value = 400
-}
+const editFormGroup = (id: string) => {
+  groupKey.value = id;
+  addFormGroupIsShow.value = true;
+  drawerGroupWith.value = 400;
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-09 09:06:44
 @ 功能: 刷新页面
 */
 
-const refreshPage = (pageType:string) =>{
-	if(pageType == "formPage"){
-		addFormIsShow.value = false;
-	}else{
-		addFormGroupIsShow.value = false;
-	}
-	console.log("刷新页面")
-	gainFormGroup()
-	
-}
+const refreshPage = (pageType: string) => {
+  if (pageType == "formPage") {
+    addFormIsShow.value = false;
+  } else {
+    addFormGroupIsShow.value = false;
+  }
+  console.log("刷新页面");
+  gainFormGroup();
+};
 
 /**
 @ 作者: 秦东
@@ -205,134 +202,188 @@ const refreshPage = (pageType:string) =>{
 @ 功能: 改变分组状态
 */
 const eidtGroupStatus = (id: string, state: number) => {
-
-	ElMessageBox.confirm(
-		'您确定要删除此分组吗？一经删除！数据将不可恢复！请慎重执行此操作！！！',
-		'温馨提示',
-		{
-			confirmButtonText: '确定',
-			cancelButtonText: '取消',
-			type: 'warning',
-		}
-	)
-	.then(() => {
-		let sendInfo = {
-			id: id.toString(),
-			status: state
-		}
-		editFormGroupState(sendInfo)
-			.then((data) =>{
-				ElMessageBox.alert(data.msg, '温馨提示！', {
-						confirmButtonText: '确定',
-						callback: (action: Action) => {
-							gainFormGroup()
-						}
-				});
-			})
-	})
-
-	
-}
+  ElMessageBox.confirm(
+    "您确定要删除此分组吗？一经删除！数据将不可恢复！请慎重执行此操作！！！",
+    "温馨提示",
+    {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    }
+  ).then(() => {
+    let sendInfo = {
+      id: id.toString(),
+      status: state,
+    };
+    editFormGroupState(sendInfo).then((data) => {
+      ElMessageBox.alert(data.msg, "温馨提示！", {
+        confirmButtonText: "确定",
+        callback: (action: Action) => {
+          gainFormGroup();
+        },
+      });
+    });
+  });
+};
 </script>
 <template>
-	<div ref="contbody" class="tab-box">
-		<el-tabs v-model="appGroup" :key="isUpdate" class="demo-tabs" @tab-click="handleClick">
-			<el-tab-pane v-for="item in groupFormList"  :label="item.title" :name="item.idStr"></el-tab-pane>
-			
-		</el-tabs>
+  <div ref="contbody" class="tab-box">
+    <el-tabs
+      v-model="appGroup"
+      :key="isUpdate"
+      class="demo-tabs"
+      @tab-click="handleClick"
+    >
+      <el-tab-pane
+        v-for="item in groupFormList"
+        :label="item.title"
+        :name="item.idStr"
+      ></el-tab-pane>
+    </el-tabs>
+
+    <div class="appSubButton">
+      <el-input
+        v-model="searchQuery.searchWork"
+        style="max-width: 150px; margin: 15px 10px 15px 0"
+        placeholder="请输入名称"
+        class="input-with-select"
+        clearable
+      >
+        <template #append>
+          <el-button :icon="Search" @click="searchSub()" />
+        </template>
+      </el-input>
+      <el-button-group class="butGroup">
+        <el-button
+          class="fa fa-object-group"
+          :color="isClick == 1 ? '#a0cfff' : ''"
+          @click="viewChannel(1)"
+        />
+        <el-button
+          class="fa fa-table"
+          :color="isClick != 1 ? '#a0cfff' : ''"
+          @click="viewChannel(2)"
+        />
 
-		<div class="appSubButton">
-			<el-input
-					v-model="searchQuery.searchWork"
-					style="max-width: 150px;margin: 15px 10px 15px 0;"
-					placeholder="请输入名称"
-					class="input-with-select"
-					clearable
-				>
-				<template #append>
-					<el-button :icon="Search" @click="searchSub()" />
-				</template>
-			</el-input>
-			<el-button-group class="butGroup">
-				<el-button class="fa fa-object-group"  :color="isClick==1?'#a0cfff':''"  @click="viewChannel(1)"   />
-				<el-button class="fa fa-table" :color="isClick!=1?'#a0cfff':''" @click="viewChannel(2)" />
-				
-				<el-dropdown>
-					<el-button class="fa fa-reorder leftLink" />
-					<template #dropdown>
-						<el-dropdown-item @click="handleCommand('addFormGroup',appGroup)" >新增分组</el-dropdown-item>
-						<el-dropdown-item @click="handleCommand('addForm',appGroup)" style="display:none" >添加表单</el-dropdown-item>
-						<el-dropdown-item @click="handleCommand('addFormApp',appGroup)" >添加应用</el-dropdown-item>
-						<el-dropdown-item @click="editFormGroup(appGroup)" divided>编辑</el-dropdown-item>
-						<el-dropdown-item @click="eidtGroupStatus(appGroup,3)">删除</el-dropdown-item>
-					</template>
-				</el-dropdown>
-			</el-button-group>
-		</div>
-	</div>
-	
-	<div class="app-container">
-        <AppCardPage ref="carPage" v-if="isClick==1" :app-group="appGroup" :search-query="searchQuery" :drawer-with="drawerWith" @getRongQiAttr="getRongQiAttr" />
-		<AppListPage ref="appListPage" v-else :app-group="appGroup" :search-query="searchQuery" :drawer-with="drawerWith" @getRongQiAttr="getRongQiAttr" />
-	</div>
-	<DesignAPPpage v-model:is-show="appPageShow"  :drawer-with="drawerWith" v-model:form-key="formKey" :group-key="groupKey" @refreshPage="refreshPage"  />
-			
-		<LowCodeFormPage v-if="addFormIsShow" :drawer-with="drawerWith" v-model:form-key="formKey" :form-group-key="formGroupKey" @refreshPage="refreshPage" />
-		<LowCodeFormGroupPage v-if="addFormGroupIsShow" :drawer-with="drawerGroupWith"  :group-key="groupKey" @refreshPage="refreshPage" />
+        <el-dropdown>
+          <el-button class="fa fa-reorder leftLink" />
+          <template #dropdown>
+            <el-dropdown-item @click="handleCommand('addFormGroup', appGroup)"
+              >新增分组</el-dropdown-item
+            >
+            <el-dropdown-item
+              @click="handleCommand('addForm', appGroup)"
+              style="display: none"
+              >添加表单</el-dropdown-item
+            >
+            <el-dropdown-item @click="handleCommand('addFormApp', appGroup)"
+              >添加应用</el-dropdown-item
+            >
+            <el-dropdown-item @click="editFormGroup(appGroup)" divided
+              >编辑</el-dropdown-item
+            >
+            <el-dropdown-item @click="eidtGroupStatus(appGroup, 3)"
+              >删除</el-dropdown-item
+            >
+          </template>
+        </el-dropdown>
+      </el-button-group>
+    </div>
+  </div>
+
+  <div class="app-container">
+    <AppCardPage
+      ref="carPage"
+      v-if="isClick == 1"
+      :app-group="appGroup"
+      :search-query="searchQuery"
+      :drawer-with="drawerWith"
+      @getRongQiAttr="getRongQiAttr"
+    />
+    <AppListPage
+      ref="appListPage"
+      v-else
+      :app-group="appGroup"
+      :search-query="searchQuery"
+      :drawer-with="drawerWith"
+      @getRongQiAttr="getRongQiAttr"
+    />
+  </div>
+  <DesignAPPpage
+    v-model:is-show="appPageShow"
+    :drawer-with="drawerWith"
+    v-model:form-key="formKey"
+    :group-key="groupKey"
+    @refreshPage="refreshPage"
+  />
+
+  <LowCodeFormPage
+    v-if="addFormIsShow"
+    :drawer-with="drawerWith"
+    v-model:form-key="formKey"
+    :form-group-key="formGroupKey"
+    @refreshPage="refreshPage"
+  />
+  <LowCodeFormGroupPage
+    v-if="addFormGroupIsShow"
+    :drawer-with="drawerGroupWith"
+    :group-key="groupKey"
+    @refreshPage="refreshPage"
+  />
 </template>
-<style  lang='scss' scoped>
+<style lang="scss" scoped>
 .app-container {
-    height: calc(100% - 125px);
-    width: calc(100% - 40px);
-	overflow: hidden;
-	overflow-y: auto;
-	padding-bottom:10px;
+  height: calc(100% - 125px);
+  width: calc(100% - 40px);
+  overflow: hidden;
+  overflow-y: auto;
+  padding-bottom: 10px;
 }
 
-.tab-box{
-    margin: 20px;
+.tab-box {
+  margin: 20px;
+  height: 63px;
+  background: #fff;
+  border-radius: 5px;
+  padding: 0 20px;
+  display: flex;
+  justify-content: space-between;
+  .appSubButton {
+    display: flex;
+    justify-content: space-between;
+    .butGroup {
+      margin-top: 15px;
+    }
+    .leftLink {
+      border-left: 1px solid #ccc;
+    }
+  }
+  ::v-deep(.el-tabs) {
+    height: 63px;
+    width: calc(100% - 300px);
+  }
+
+  ::v-deep(.el-tabs__nav) {
     height: 63px;
-    background: #fff;
-    border-radius: 5px;
-    padding: 0 20px;
-	display: flex;
-	justify-content: space-between;
-	.appSubButton{
-		display: flex;
-		justify-content: space-between;
-		.butGroup{
-			margin-top: 15px;
-		}
-		.leftLink{
-			border-left : 1px solid #ccc;
-		}
-	}
-	::v-deep(.el-tabs){
-		height: 63px;
-		width: calc(100% - 300px);
-	}
-	
-	::v-deep(.el-tabs__nav){
-		height: 63px;
-		font-size: 16px;
-	}
-	::v-deep(.el-tabs__item){
-		margin-top: 15px;
-		font-size: 16px;
-	}
-	::v-deep(.el-tabs__nav-prev){
-		line-height:0px;
-		margin-top:30px;
-	}
-	::v-deep(.el-tabs__nav-next){
-		line-height:0px;
-		margin-top:30px;
-	}
+    font-size: 16px;
+  }
+  ::v-deep(.el-tabs__item) {
+    margin-top: 15px;
+    font-size: 16px;
+  }
+  ::v-deep(.el-tabs__nav-prev) {
+    line-height: 0px;
+    margin-top: 30px;
+  }
+  ::v-deep(.el-tabs__nav-next) {
+    line-height: 0px;
+    margin-top: 30px;
+  }
 }
 
-.el-dropdown-link{
-	font-size:30px;
-	margin-top: 20px;
-	margin-left: 10px;
+.el-dropdown-link {
+  font-size: 30px;
+  margin-top: 20px;
+  margin-left: 10px;
 }
 </style>
diff --git a/src/views/taskplatform/taskmanagement/lookFlowInfoApp.vue b/src/views/taskplatform/taskmanagement/lookFlowInfoApp.vue
index 1fe83ec..498581a 100644
--- a/src/views/taskplatform/taskmanagement/lookFlowInfoApp.vue
+++ b/src/views/taskplatform/taskmanagement/lookFlowInfoApp.vue
@@ -3,216 +3,268 @@
 @ 时间: 2024-06-17 15:30:36
 @ 备注: App执行任务
 -->
-<script lang='ts' setup>
-import { submitButton, afreshSubmitButton,editFormCont,draftSubmitButton,editLookFormCont } from "@/utils/workflow/const";
+<script lang="ts" setup>
 import {
-    json2string,
-    objToStringify,
-    string2json,
-    stringToObj
-} from '@/utils/DesignForm/form'
-
-import { haveCustomerFormVersion,generateFlow,gainTaskFormInfo,gainEditDataLog } from '@/api/taskapi/management'
+  submitButton,
+  afreshSubmitButton,
+  editFormCont,
+  draftSubmitButton,
+  editLookFormCont,
+} from "@/utils/workflow/const";
+import {
+  json2string,
+  objToStringify,
+  string2json,
+  stringToObj,
+} from "@/utils/DesignForm/form";
 
-import RunFlowStepApp from '@/views/taskplatform/taskmanagement/runFlowStepApp.vue'
+import {
+  haveCustomerFormVersion,
+  generateFlow,
+  gainTaskFormInfo,
+  gainEditDataLog,
+} from "@/api/taskapi/management";
 
-import { judgeSubmitCancel,startRunFlow,afreshRunFlow,onlyPublishFlow,gainEditFormFlowInfo } from '@/api/DesignForm/requestapi'
+import RunFlowStepApp from "@/views/taskplatform/taskmanagement/runFlowStepApp.vue";
 
+import {
+  judgeSubmitCancel,
+  startRunFlow,
+  afreshRunFlow,
+  onlyPublishFlow,
+  gainEditFormFlowInfo,
+} from "@/api/DesignForm/requestapi";
 
-import FlowStep from '@/views/taskplatform/taskmanagement/flowStep.vue'
+import FlowStep from "@/views/taskplatform/taskmanagement/flowStep.vue";
 
 const props = defineProps({
-	isshow:{
-		type:Boolean,
-		default:true
-	},
-	drawerWith:{
-		type:Number,
-		default:0
-	},
-	flowLogInfo:{
-		type:Object,
-		default(){
-			return {}
-		}
-	},
-	operState:{
-		type:Number,
-		default:1
-	}
-})
+  isshow: {
+    type: Boolean,
+    default: true,
+  },
+  drawerWith: {
+    type: Number,
+    default: 0,
+  },
+  flowLogInfo: {
+    type: Object,
+    default() {
+      return {};
+    },
+  },
+  operState: {
+    type: Number,
+    default: 1,
+  },
+});
 const flowAry = ref<any[]>();
-const emits = defineEmits(["update:isshow","getmytodolist"]);
-const isOpen =   computed({
-	get: () => props.isshow,
-	set: (val) => {
-		emits("update:isshow", val);
-	},
+const emits = defineEmits(["update:isshow", "getmytodolist"]);
+const isOpen = computed({
+  get: () => props.isshow,
+  set: (val) => {
+    emits("update:isshow", val);
+  },
 });
-const logistrue = ref(false)
-const formLoading  = ref(false)
-const loadingData = ref(false)			//加载表单数据
-const flowLoading = ref(false)			//加载流程数据
-const versiontitle = ref<any>("")
-const flowMap = ref<any>()
-const nextStep = ref(0)
-const nodeKey = ref<string>('');
-const currentProgress  = ref<number>(1);
-const newLogAry = ref<any>("")
-const oldLogAry = ref<any>("")
-const newDataLen  = ref<number>(0);
+const logistrue = ref(false);
+const formLoading = ref(false);
+const loadingData = ref(false); //加载表单数据
+const flowLoading = ref(false); //加载流程数据
+const versiontitle = ref<any>("");
+const flowMap = ref<any>();
+const nextStep = ref(0);
+const nodeKey = ref<string>("");
+const currentProgress = ref<number>(1);
+const newLogAry = ref<any>("");
+const oldLogAry = ref<any>("");
+const newDataLen = ref<number>(0);
 //表单相关内容
 const formState = reactive({
-    formData: {
-      list: [],
-      form: {},
-      config: {}
-    },
-    dict: {},
-    formId: 25,
-    id: 1,
-    loading: true
-})
-const formEl = ref<any>()
+  formData: {
+    list: [],
+    form: {},
+    config: {},
+  },
+  dict: {},
+  formId: 25,
+  id: 1,
+  loading: true,
+});
+const formEl = ref<any>();
 const drawerBeforeClose = () => {
-	// console.log("监听打开关闭",false)
-	emits("getmytodolist")
-	emits("update:isshow", false);
-}
+  // console.log("监听打开关闭",false)
+  emits("getmytodolist");
+  emits("update:isshow", false);
+};
 
-onMounted(()=>{
-	versiontitle.value = props.flowLogInfo.title
-	flowMap.value = JSON.parse(props.flowLogInfo.flowcont)
-	// console.log("监听打开关闭",props.flowLogInfo)
-	gainFormData()
-})
-const pageLog = ref<any[]>([])
+onMounted(() => {
+  versiontitle.value = props.flowLogInfo.title;
+  flowMap.value = JSON.parse(props.flowLogInfo.flowcont);
+  // console.log("监听打开关闭",props.flowLogInfo)
+  gainFormData();
+});
+const pageLog = ref<any[]>([]);
 //获取表单内容
-const gainFormData = () =>{
-	formLoading.value = true;
-	// console.log("获取表单内容--->",props.flowLogInfo)
-	nextStep.value = props.flowLogInfo.nextStep
-	nodeKey.value = props.flowLogInfo.nodeKey;
-	currentProgress.value = props.flowLogInfo.currentStep
-	// console.log("props.flowLogInfo--5-------->",props.flowLogInfo.mastesform)
-	formState.formData = stringToObj(props.flowLogInfo.mastesform)
+const gainFormData = () => {
+  formLoading.value = true;
+  // console.log("获取表单内容--->",props.flowLogInfo)
+  nextStep.value = props.flowLogInfo.nextStep;
+  nodeKey.value = props.flowLogInfo.nodeKey;
+  currentProgress.value = props.flowLogInfo.currentStep;
+  // console.log("props.flowLogInfo--5-------->",props.flowLogInfo.mastesform)
+  formState.formData = stringToObj(props.flowLogInfo.mastesform);
 
-	gainTaskFormInfo({ id: props.flowLogInfo.mastersKeyStr})
-					.then((data:any)=>{
-						if(data.data.logistrue){
-							formState.formData.list.push(editLookFormCont)
-						}
-						// console.log("res----获得数据回显------->",data)
-						formEl.value.setValue(data.data.masterDataInfo)
-						newLogAry.value = data.data.newData
-						oldLogAry.value = data.data.oldData
-						logistrue.value = data.data.logistrue
-						newDataLen.value = data.data.newDataLen
-						formLoading.value = false;
-						nextTick(()=>{
-							// console.log("获取自定义表单内容-1111-->",data.data.tableData)
-							formEl.value.setValue(data.data.tableData)
-						})
-					})
-					.finally(()=>{
-						formLoading.value = false;
-						gainEditDataLog({id:props.flowLogInfo.mastersKeyStr})
-						.then(({data})=>{
-							// console.log("获取修改记录-1111-->",data)
-							pageLog.value = data
-						});
-					})
-	// haveCustomerFormVersion({id:props.flowLogInfo.version_id.toString()})
-	// 		.then(({ data }) =>{
-				
-	// 			formState.dict = string2json(data.dict)
-	// 			judgeSubmitCancel({"name":data.mastesformjson})
-	// 				.then((dataBut:any) =>{
-	// 					if(dataBut.code == 0){
-	// 						formState.formData.list.push(afreshSubmitButton)
-	// 							// console.log("res----判断按钮------->",dataBut,props.operState)
-	// 							// if (dataBut.data == 3 || dataBut.data == 4){
-	// 							// 	formInfo.formData.list.push(editFormCont)
-	// 							// }
-	// 					}
-	// 				})
-	// 		})
-	// 		.finally(() => {
-	// 			formLoading.value = false;
-				
-					// formEl
-	// 	})
-}
-</script>
-<template>
-	<el-drawer  v-model="isOpen" v-loading="loadingData" element-loading-my-text="Loading..." :title="versiontitle"  :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true" :size="props.drawerWith" class="drawerClass" :before-close="drawerBeforeClose">
-		<table border="0"  class="tableFlowBox">
-			<tr>
-				<td valign="top">
-					<div class="drawerFormBox boxLeft">
-						<ak-form
-							ref="formEl"
-							v-loading="formLoading" element-loading-text="Loading..."
-							:form-data="formState.formData"
-							:type="formType"
-							:dict="formState.dict"
-							request-url="getFormContent"
-							add-url="saveFormContent"
-							edit-url="editFormContent"
-							:before-submit="beforeSubmit"
-							:close-app-submit="closeAppSubmit"
-							:change-key-val="changeKeyVal"
-							:anew-submit = "anewSubmit"
-							:save-edit-form-info="saveEditFormInfo"
-							:send-draft-submit= "sendDraftSubmit"
-						/>
-						<el-divider v-if="pageLog&&pageLog.length > 0" content-position="left">历史2记录</el-divider>
-						<el-timeline>
-							<el-timeline-item v-for="(item,index) in pageLog" :key="index" :timestamp="item.time+' 操作人：'+item.creater" placement="top">
-								<el-card>
-									<el-descriptions  border>
-										<el-descriptions-item v-for="(mastItem,mastIndex) in item.masterdata" :key="mastIndex" :label="mastIndex">
-											{{mastItem}}
-										</el-descriptions-item>
-									</el-descriptions>
-									<el-tabs v-if="item.sunList" type="border-card" style="margin-top:20px;">
-										<el-tab-pane v-for="(sonItem,sonIndex) in item.sunList" :label="sonIndex" :key="sonIndex">
-											<el-descriptions v-for="(sonVal,sonIndex) in sonItem" :key="sonIndex" border>
-												<el-descriptions-item v-for="(sonCentor,sonKey) in sonVal" :key="sonKey" :label="sonKey">	{{sonCentor}}
-												</el-descriptions-item>
-											</el-descriptions>
-										</el-tab-pane>
-									</el-tabs>
-									<table style="margin-top:20px;">
-										<tr>
-											<td class="biankuang" width="100">修改说明：</td>
-											<td class="biankuang">{{item.explicate}}</td>
-										</tr>
-									</table>
-								</el-card>
-								
-								
-							</el-timeline-item>
-							
-							
-					
-						</el-timeline>
+  gainTaskFormInfo({ id: props.flowLogInfo.mastersKeyStr })
+    .then((data: any) => {
+      if (data.data.logistrue) {
+        formState.formData.list.push(editLookFormCont);
+      }
+      // console.log("res----获得数据回显------->",data)
+      formEl.value.setValue(data.data.masterDataInfo);
+      newLogAry.value = data.data.newData;
+      oldLogAry.value = data.data.oldData;
+      logistrue.value = data.data.logistrue;
+      newDataLen.value = data.data.newDataLen;
+      formLoading.value = false;
+      nextTick(() => {
+        // console.log("获取自定义表单内容-1111-->",data.data.tableData)
+        formEl.value.setValue(data.data.tableData);
+      });
+    })
+    .finally(() => {
+      formLoading.value = false;
+      gainEditDataLog({ id: props.flowLogInfo.mastersKeyStr }).then(({ data }) => {
+        // console.log("获取修改记录-1111-->",data)
+        pageLog.value = data;
+      });
+    });
+  // haveCustomerFormVersion({id:props.flowLogInfo.version_id.toString()})
+  // 		.then(({ data }) =>{
 
+  // 			formState.dict = string2json(data.dict)
+  // 			judgeSubmitCancel({"name":data.mastesformjson})
+  // 				.then((dataBut:any) =>{
+  // 					if(dataBut.code == 0){
+  // 						formState.formData.list.push(afreshSubmitButton)
+  // 							// console.log("res----判断按钮------->",dataBut,props.operState)
+  // 							// if (dataBut.data == 3 || dataBut.data == 4){
+  // 							// 	formInfo.formData.list.push(editFormCont)
+  // 							// }
+  // 					}
+  // 				})
+  // 		})
+  // 		.finally(() => {
+  // 			formLoading.value = false;
 
-					</div>
-				
-				</td>
-				<td valign="top" width="350">
-					<RunFlowStepApp ref="runstep" v-model:flowary="flowAry" :flow-key="props.flowLogInfo.idStr" :current-progress="currentProgress"  @updatelist="drawerBeforeClose" />
-				</td>
-			</tr>
-		</table>
-		
-	</el-drawer>
+  // formEl
+  // 	})
+};
+</script>
+<template>
+  <el-drawer
+    v-model="isOpen"
+    v-loading="loadingData"
+    element-loading-my-text="Loading..."
+    :title="versiontitle"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :destroy-on-close="true"
+    :size="props.drawerWith"
+    class="drawerClass"
+    :before-close="drawerBeforeClose"
+  >
+    <table border="0" class="tableFlowBox">
+      <tr>
+        <td valign="top">
+          <div class="drawerFormBox boxLeft">
+            <ak-form
+              ref="formEl"
+              v-loading="formLoading"
+              element-loading-text="Loading..."
+              :form-data="formState.formData"
+              :type="formType"
+              :dict="formState.dict"
+              request-url="getFormContent"
+              add-url="saveFormContent"
+              edit-url="editFormContent"
+              :before-submit="beforeSubmit"
+              :close-app-submit="closeAppSubmit"
+              :change-key-val="changeKeyVal"
+              :anew-submit="anewSubmit"
+              :save-edit-form-info="saveEditFormInfo"
+              :send-draft-submit="sendDraftSubmit"
+            />
+            <el-divider v-if="pageLog && pageLog.length > 0" content-position="left"
+              >历史2记录</el-divider
+            >
+            <el-timeline>
+              <el-timeline-item
+                v-for="(item, index) in pageLog"
+                :key="index"
+                :timestamp="item.time + ' 操作人：' + item.creater"
+                placement="top"
+              >
+                <el-card>
+                  <el-descriptions border>
+                    <el-descriptions-item
+                      v-for="(mastItem, mastIndex) in item.masterdata"
+                      :key="mastIndex"
+                      :label="mastIndex"
+                    >
+                      {{ mastItem }}
+                    </el-descriptions-item>
+                  </el-descriptions>
+                  <el-tabs
+                    v-if="item.sunList"
+                    type="border-card"
+                    style="margin-top: 20px"
+                  >
+                    <el-tab-pane
+                      v-for="(sonItem, sonIndex) in item.sunList"
+                      :label="sonIndex"
+                      :key="sonIndex"
+                    >
+                      <el-descriptions
+                        v-for="(sonVal, sonIndex) in sonItem"
+                        :key="sonIndex"
+                        border
+                      >
+                        <el-descriptions-item
+                          v-for="(sonCentor, sonKey) in sonVal"
+                          :key="sonKey"
+                          :label="sonKey"
+                        >
+                          {{ sonCentor }}
+                        </el-descriptions-item>
+                      </el-descriptions>
+                    </el-tab-pane>
+                  </el-tabs>
+                  <table style="margin-top: 20px">
+                    <tr>
+                      <td class="biankuang" width="100">修改说明：</td>
+                      <td class="biankuang">{{ item.explicate }}</td>
+                    </tr>
+                  </table>
+                </el-card>
+              </el-timeline-item>
+            </el-timeline>
+          </div>
+        </td>
+        <td valign="top" width="350">
+          <RunFlowStepApp
+            ref="runstep"
+            v-model:flowary="flowAry"
+            :flow-key="props.flowLogInfo.idStr"
+            :current-progress="currentProgress"
+            @updatelist="drawerBeforeClose"
+          />
+        </td>
+      </tr>
+    </table>
+  </el-drawer>
 </template>
-<style  lang='scss' scoped>
-.biankuang{
-	border: 1px solid #D4D7DE;
-	padding:10px 10px;
+<style lang="scss" scoped>
+.biankuang {
+  border: 1px solid #d4d7de;
+  padding: 10px 10px;
 }
 </style>
diff --git a/vite.config.ts.timestamp-1731975545563-47f159282f4b9.mjs b/vite.config.ts.timestamp-1731975545563-47f159282f4b9.mjs
new file mode 100644
index 0000000..46e659b
--- /dev/null
+++ b/vite.config.ts.timestamp-1731975545563-47f159282f4b9.mjs
@@ -0,0 +1,196 @@
+// vite.config.ts
+import vue from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import { loadEnv, defineConfig } from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/vite/dist/node/index.js";
+import AutoImport from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-auto-import/dist/vite.js";
+import Components from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-vue-components/dist/vite.mjs";
+import { ElementPlusResolver } from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-vue-components/dist/resolvers.mjs";
+import Icons from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-icons/dist/vite.mjs";
+import IconsResolver from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unplugin-icons/dist/resolver.mjs";
+import { createSvgIconsPlugin } from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/vite-plugin-svg-icons/dist/index.mjs";
+import UnoCSS from "file:///E:/f_pang/object/my_object_html/ShutongInterconnectedChemicalCloudPlatform/node_modules/unocss/dist/vite.mjs";
+import path from "path";
+var __vite_injected_original_dirname = "E:\\f_pang\\object\\my_object_html\\ShutongInterconnectedChemicalCloudPlatform";
+var pathSrc = path.resolve(__vite_injected_original_dirname, "src");
+var vite_config_default = defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd());
+  return {
+    resolve: {
+      alias: {
+        "@": pathSrc
+      }
+    },
+    css: {
+      // CSS 预处理器
+      preprocessorOptions: {
+        //define global scss variable
+        scss: {
+          javascriptEnabled: true,
+          additionalData: `
+            @use "@/styles/variables.scss" as *;
+          `
+        }
+      }
+    },
+    server: {
+      host: "0.0.0.0",
+      port: Number(env.VITE_APP_PORT),
+      open: true,
+      // 运行是否自动打开浏览器
+      proxy: {
+        // 反向代理解决跨域
+        [env.VITE_APP_BASE_API]: {
+          target: env.VITE_APP_BASE_URL,
+          // 线上接口地址
+          // target: "http://vapi.youlai.tech", // 线上接口地址
+          // target: 'http://localhost:8989',  // 本地接口地址 , 后端工程仓库地址：https://gitee.com/youlaiorg/youlai-boot
+          changeOrigin: true,
+          rewrite: (path2) => path2.replace(new RegExp("^" + env.VITE_APP_BASE_API), "")
+          // 替换 /dev-api 为 target 接口地址
+        }
+        // '/dev-api/kpiapi': {
+        //   target: 'http://127.0.0.1:6666',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/kpiapi'), ""),
+        // },
+        // '/dev-api/systemapi': {
+        //   target: 'http://127.0.0.1:17777',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/systemapi'), ""),
+        // },
+        // '/dev-api/hrapi': {
+        //   target: 'http://127.0.0.1:39168',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/hrapi'), ""),
+        // },
+        // '/dev-api/api': {
+        //   target: 'http://127.0.0.1:8888',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/api'), ""),
+        // },
+        // '/dev-api/javasys': {
+        //   target: 'http://172.20.2.87:8111',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/javasys'), ""),
+        // },
+        // '/dev-api/javasys/lowCode ': {
+        //   target: 'http://172.20.2.87:8112',
+        //   changeOrigin: true,
+        //   rewrite: (path) =>
+        //     path.replace(new RegExp("^" + '/dev-api/javasys/lowCode '), ""),
+        // }
+      }
+    },
+    plugins: [
+      vue(),
+      UnoCSS({
+        /* options */
+      }),
+      AutoImport({
+        // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
+        imports: ["vue", "@vueuse/core"],
+        //ignore: ['h'], // 自动添加 import { h } from '/node_modules/.vite/deps/vue.js 代码问题处理
+        eslintrc: {
+          enabled: false,
+          //  Default `false`
+          filepath: "./.eslintrc-auto-import.json",
+          // Default `./.eslintrc-auto-import.json`
+          globalsPropValue: true
+          // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
+        },
+        resolvers: [
+          // 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)
+          ElementPlusResolver(),
+          // 自动导入图标组件
+          IconsResolver({})
+        ],
+        vueTemplate: true,
+        // 是否在 vue 模板中自动导入
+        dts: path.resolve(pathSrc, "types", "auto-imports.d.ts")
+        //  自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
+      }),
+      Components({
+        resolvers: [
+          // 自动注册图标组件
+          IconsResolver({
+            enabledCollections: ["ep"]
+            //@iconify-json/ep 是 Element Plus 的图标库
+          }),
+          // 自动导入 Element Plus 组件
+          ElementPlusResolver()
+        ],
+        dts: path.resolve(pathSrc, "types", "components.d.ts")
+        //  自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
+      }),
+      Icons({
+        // 自动安装图标库
+        autoInstall: true
+      }),
+      createSvgIconsPlugin({
+        // 指定需要缓存的图标文件夹
+        iconDirs: [path.resolve(pathSrc, "assets/icons")],
+        // 指定symbolId格式
+        symbolId: "icon-[dir]-[name]"
+      })
+    ],
+    optimizeDeps: {
+      include: [
+        "vue",
+        "vue-router",
+        "pinia",
+        "axios",
+        "element-plus/es/components/form/style/css",
+        "element-plus/es/components/form-item/style/css",
+        "element-plus/es/components/button/style/css",
+        "element-plus/es/components/input/style/css",
+        "element-plus/es/components/input-number/style/css",
+        "element-plus/es/components/switch/style/css",
+        "element-plus/es/components/upload/style/css",
+        "element-plus/es/components/menu/style/css",
+        "element-plus/es/components/col/style/css",
+        "element-plus/es/components/icon/style/css",
+        "element-plus/es/components/row/style/css",
+        "element-plus/es/components/tag/style/css",
+        "element-plus/es/components/dialog/style/css",
+        "element-plus/es/components/loading/style/css",
+        "element-plus/es/components/radio/style/css",
+        "element-plus/es/components/radio-group/style/css",
+        "element-plus/es/components/popover/style/css",
+        "element-plus/es/components/scrollbar/style/css",
+        "element-plus/es/components/tooltip/style/css",
+        "element-plus/es/components/dropdown/style/css",
+        "element-plus/es/components/dropdown-menu/style/css",
+        "element-plus/es/components/dropdown-item/style/css",
+        "element-plus/es/components/sub-menu/style/css",
+        "element-plus/es/components/menu-item/style/css",
+        "element-plus/es/components/divider/style/css",
+        "element-plus/es/components/card/style/css",
+        "element-plus/es/components/link/style/css",
+        "element-plus/es/components/breadcrumb/style/css",
+        "element-plus/es/components/breadcrumb-item/style/css",
+        "element-plus/es/components/table/style/css",
+        "element-plus/es/components/tree-select/style/css",
+        "element-plus/es/components/table-column/style/css",
+        "element-plus/es/components/select/style/css",
+        "element-plus/es/components/option/style/css",
+        "element-plus/es/components/pagination/style/css",
+        "element-plus/es/components/tree/style/css",
+        "element-plus/es/components/alert/style/css",
+        "@vueuse/core",
+        "path-to-regexp",
+        "echarts",
+        "@wangeditor/editor",
+        "@wangeditor/editor-for-vue",
+        "vue-i18n"
+      ]
+    }
+  };
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJFOlxcXFxmX3BhbmdcXFxcb2JqZWN0XFxcXG15X29iamVjdF9odG1sXFxcXFNodXRvbmdJbnRlcmNvbm5lY3RlZENoZW1pY2FsQ2xvdWRQbGF0Zm9ybVwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiRTpcXFxcZl9wYW5nXFxcXG9iamVjdFxcXFxteV9vYmplY3RfaHRtbFxcXFxTaHV0b25nSW50ZXJjb25uZWN0ZWRDaGVtaWNhbENsb3VkUGxhdGZvcm1cXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0U6L2ZfcGFuZy9vYmplY3QvbXlfb2JqZWN0X2h0bWwvU2h1dG9uZ0ludGVyY29ubmVjdGVkQ2hlbWljYWxDbG91ZFBsYXRmb3JtL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHZ1ZSBmcm9tIFwiQHZpdGVqcy9wbHVnaW4tdnVlXCI7XG5cbmltcG9ydCB7IFVzZXJDb25maWcsIENvbmZpZ0VudiwgbG9hZEVudiwgZGVmaW5lQ29uZmlnIH0gZnJvbSBcInZpdGVcIjtcblxuaW1wb3J0IEF1dG9JbXBvcnQgZnJvbSBcInVucGx1Z2luLWF1dG8taW1wb3J0L3ZpdGVcIjtcbmltcG9ydCBDb21wb25lbnRzIGZyb20gXCJ1bnBsdWdpbi12dWUtY29tcG9uZW50cy92aXRlXCI7XG5pbXBvcnQgeyBFbGVtZW50UGx1c1Jlc29sdmVyIH0gZnJvbSBcInVucGx1Z2luLXZ1ZS1jb21wb25lbnRzL3Jlc29sdmVyc1wiO1xuXG5pbXBvcnQgSWNvbnMgZnJvbSBcInVucGx1Z2luLWljb25zL3ZpdGVcIjtcbmltcG9ydCBJY29uc1Jlc29sdmVyIGZyb20gXCJ1bnBsdWdpbi1pY29ucy9yZXNvbHZlclwiO1xuXG5pbXBvcnQgeyBjcmVhdGVTdmdJY29uc1BsdWdpbiB9IGZyb20gXCJ2aXRlLXBsdWdpbi1zdmctaWNvbnNcIjtcblxuaW1wb3J0IFVub0NTUyBmcm9tIFwidW5vY3NzL3ZpdGVcIjtcblxuaW1wb3J0IHBhdGggZnJvbSBcInBhdGhcIjtcbmNvbnN0IHBhdGhTcmMgPSBwYXRoLnJlc29sdmUoX19kaXJuYW1lLCBcInNyY1wiKTtcblxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKCh7IG1vZGUgfTogQ29uZmlnRW52KTogVXNlckNvbmZpZyA9PiB7XG4gIGNvbnN0IGVudiA9IGxvYWRFbnYobW9kZSwgcHJvY2Vzcy5jd2QoKSk7XG4gIHJldHVybiB7XG4gICAgcmVzb2x2ZToge1xuICAgICAgYWxpYXM6IHtcbiAgICAgICAgXCJAXCI6IHBhdGhTcmMsXG4gICAgICB9LFxuICAgIH0sXG4gICAgY3NzOiB7XG4gICAgICAvLyBDU1MgXHU5ODg0XHU1OTA0XHU3NDA2XHU1NjY4XG4gICAgICBwcmVwcm9jZXNzb3JPcHRpb25zOiB7XG4gICAgICAgIC8vZGVmaW5lIGdsb2JhbCBzY3NzIHZhcmlhYmxlXG4gICAgICAgIHNjc3M6IHtcbiAgICAgICAgICBqYXZhc2NyaXB0RW5hYmxlZDogdHJ1ZSxcbiAgICAgICAgICBhZGRpdGlvbmFsRGF0YTogYFxuICAgICAgICAgICAgQHVzZSBcIkAvc3R5bGVzL3ZhcmlhYmxlcy5zY3NzXCIgYXMgKjtcbiAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICAgIHNlcnZlcjoge1xuICAgICAgaG9zdDogXCIwLjAuMC4wXCIsXG4gICAgICBwb3J0OiBOdW1iZXIoZW52LlZJVEVfQVBQX1BPUlQpLFxuICAgICAgb3BlbjogdHJ1ZSwgLy8gXHU4RkQwXHU4ODRDXHU2NjJGXHU1NDI2XHU4MUVBXHU1MkE4XHU2MjUzXHU1RjAwXHU2RDRGXHU4OUM4XHU1NjY4XG4gICAgICBwcm94eToge1xuICAgICAgICAvLyBcdTUzQ0RcdTU0MTFcdTRFRTNcdTc0MDZcdTg5RTNcdTUxQjNcdThERThcdTU3REZcbiAgICAgICAgW2Vudi5WSVRFX0FQUF9CQVNFX0FQSV06IHtcbiAgICAgICAgICB0YXJnZXQ6IGVudi5WSVRFX0FQUF9CQVNFX1VSTCwgLy8gXHU3RUJGXHU0RTBBXHU2M0E1XHU1M0UzXHU1NzMwXHU1NzQwXG4gICAgICAgICAgLy8gdGFyZ2V0OiBcImh0dHA6Ly92YXBpLnlvdWxhaS50ZWNoXCIsIC8vIFx1N0VCRlx1NEUwQVx1NjNBNVx1NTNFM1x1NTczMFx1NTc0MFxuICAgICAgICAgIC8vIHRhcmdldDogJ2h0dHA6Ly9sb2NhbGhvc3Q6ODk4OScsICAvLyBcdTY3MkNcdTU3MzBcdTYzQTVcdTUzRTNcdTU3MzBcdTU3NDAgLCBcdTU0MEVcdTdBRUZcdTVERTVcdTdBMEJcdTRFRDNcdTVFOTNcdTU3MzBcdTU3NDBcdUZGMUFodHRwczovL2dpdGVlLmNvbS95b3VsYWlvcmcveW91bGFpLWJvb3RcbiAgICAgICAgICBjaGFuZ2VPcmlnaW46IHRydWUsXG4gICAgICAgICAgcmV3cml0ZTogKHBhdGgpID0+XG4gICAgICAgICAgICBwYXRoLnJlcGxhY2UobmV3IFJlZ0V4cChcIl5cIiArIGVudi5WSVRFX0FQUF9CQVNFX0FQSSksIFwiXCIpLCAvLyBcdTY2RkZcdTYzNjIgL2Rldi1hcGkgXHU0RTNBIHRhcmdldCBcdTYzQTVcdTUzRTNcdTU3MzBcdTU3NDBcbiAgICAgICAgfSxcbiAgICAgICAgLy8gJy9kZXYtYXBpL2twaWFwaSc6IHtcbiAgICAgICAgLy8gICB0YXJnZXQ6ICdodHRwOi8vMTI3LjAuMC4xOjY2NjYnLFxuICAgICAgICAvLyAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgLy8gICByZXdyaXRlOiAocGF0aCkgPT5cbiAgICAgICAgLy8gICAgIHBhdGgucmVwbGFjZShuZXcgUmVnRXhwKFwiXlwiICsgJy9kZXYtYXBpL2twaWFwaScpLCBcIlwiKSxcbiAgICAgICAgLy8gfSxcblxuICAgICAgICAvLyAnL2Rldi1hcGkvc3lzdGVtYXBpJzoge1xuICAgICAgICAvLyAgIHRhcmdldDogJ2h0dHA6Ly8xMjcuMC4wLjE6MTc3NzcnLFxuICAgICAgICAvLyAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgLy8gICByZXdyaXRlOiAocGF0aCkgPT5cbiAgICAgICAgLy8gICAgIHBhdGgucmVwbGFjZShuZXcgUmVnRXhwKFwiXlwiICsgJy9kZXYtYXBpL3N5c3RlbWFwaScpLCBcIlwiKSxcbiAgICAgICAgLy8gfSxcbiAgICAgICAgLy8gJy9kZXYtYXBpL2hyYXBpJzoge1xuICAgICAgICAvLyAgIHRhcmdldDogJ2h0dHA6Ly8xMjcuMC4wLjE6MzkxNjgnLFxuICAgICAgICAvLyAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgLy8gICByZXdyaXRlOiAocGF0aCkgPT5cbiAgICAgICAgLy8gICAgIHBhdGgucmVwbGFjZShuZXcgUmVnRXhwKFwiXlwiICsgJy9kZXYtYXBpL2hyYXBpJyksIFwiXCIpLFxuICAgICAgICAvLyB9LFxuICAgICAgICAvLyAnL2Rldi1hcGkvYXBpJzoge1xuICAgICAgICAvLyAgIHRhcmdldDogJ2h0dHA6Ly8xMjcuMC4wLjE6ODg4OCcsXG4gICAgICAgIC8vICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAvLyAgIHJld3JpdGU6IChwYXRoKSA9PlxuICAgICAgICAvLyAgICAgcGF0aC5yZXBsYWNlKG5ldyBSZWdFeHAoXCJeXCIgKyAnL2Rldi1hcGkvYXBpJyksIFwiXCIpLFxuICAgICAgICAvLyB9LFxuICAgICAgICAvLyAnL2Rldi1hcGkvamF2YXN5cyc6IHtcbiAgICAgICAgLy8gICB0YXJnZXQ6ICdodHRwOi8vMTcyLjIwLjIuODc6ODExMScsXG4gICAgICAgIC8vICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAvLyAgIHJld3JpdGU6IChwYXRoKSA9PlxuICAgICAgICAvLyAgICAgcGF0aC5yZXBsYWNlKG5ldyBSZWdFeHAoXCJeXCIgKyAnL2Rldi1hcGkvamF2YXN5cycpLCBcIlwiKSxcbiAgICAgICAgLy8gfSxcbiAgICAgICAgLy8gJy9kZXYtYXBpL2phdmFzeXMvbG93Q29kZSAnOiB7XG4gICAgICAgIC8vICAgdGFyZ2V0OiAnaHR0cDovLzE3Mi4yMC4yLjg3OjgxMTInLFxuICAgICAgICAvLyAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgLy8gICByZXdyaXRlOiAocGF0aCkgPT5cbiAgICAgICAgLy8gICAgIHBhdGgucmVwbGFjZShuZXcgUmVnRXhwKFwiXlwiICsgJy9kZXYtYXBpL2phdmFzeXMvbG93Q29kZSAnKSwgXCJcIiksXG4gICAgICAgIC8vIH1cbiAgICAgIH0sXG4gICAgfSxcblxuICAgIHBsdWdpbnM6IFtcblxuICAgICAgdnVlKCksXG4gICAgICBVbm9DU1Moe1xuICAgICAgICAvKiBvcHRpb25zICovXG4gICAgICB9KSxcbiAgICAgIEF1dG9JbXBvcnQoe1xuICAgICAgICAvLyBcdTgxRUFcdTUyQThcdTVCRkNcdTUxNjUgVnVlIFx1NzZGOFx1NTE3M1x1NTFGRFx1NjU3MFx1RkYwQ1x1NTk4Mlx1RkYxQXJlZiwgcmVhY3RpdmUsIHRvUmVmIFx1N0I0OVxuICAgICAgICBpbXBvcnRzOiBbXCJ2dWVcIiwgXCJAdnVldXNlL2NvcmVcIl0sXG4gICAgICAgIC8vaWdub3JlOiBbJ2gnXSwgLy8gXHU4MUVBXHU1MkE4XHU2REZCXHU1MkEwIGltcG9ydCB7IGggfSBmcm9tICcvbm9kZV9tb2R1bGVzLy52aXRlL2RlcHMvdnVlLmpzIFx1NEVFM1x1NzgwMVx1OTVFRVx1OTg5OFx1NTkwNFx1NzQwNlxuICAgICAgICBlc2xpbnRyYzoge1xuICAgICAgICAgIGVuYWJsZWQ6IGZhbHNlLCAvLyAgRGVmYXVsdCBgZmFsc2VgXG4gICAgICAgICAgZmlsZXBhdGg6IFwiLi8uZXNsaW50cmMtYXV0by1pbXBvcnQuanNvblwiLCAvLyBEZWZhdWx0IGAuLy5lc2xpbnRyYy1hdXRvLWltcG9ydC5qc29uYFxuICAgICAgICAgIGdsb2JhbHNQcm9wVmFsdWU6IHRydWUsIC8vIERlZmF1bHQgYHRydWVgLCAodHJ1ZSB8IGZhbHNlIHwgJ3JlYWRvbmx5JyB8ICdyZWFkYWJsZScgfCAnd3JpdGFibGUnIHwgJ3dyaXRlYWJsZScpXG4gICAgICAgIH0sXG4gICAgICAgIHJlc29sdmVyczogW1xuICAgICAgICAgIC8vIFx1ODFFQVx1NTJBOFx1NUJGQ1x1NTE2NSBFbGVtZW50IFBsdXMgXHU3NkY4XHU1MTczXHU1MUZEXHU2NTcwXHVGRjBDXHU1OTgyXHVGRjFBRWxNZXNzYWdlLCBFbE1lc3NhZ2VCb3guLi4gKFx1NUUyNlx1NjgzN1x1NUYwRilcbiAgICAgICAgICBFbGVtZW50UGx1c1Jlc29sdmVyKCksXG4gICAgICAgICAgLy8gXHU4MUVBXHU1MkE4XHU1QkZDXHU1MTY1XHU1NkZFXHU2ODA3XHU3RUM0XHU0RUY2XG4gICAgICAgICAgSWNvbnNSZXNvbHZlcih7fSksXG4gICAgICAgIF0sXG4gICAgICAgIHZ1ZVRlbXBsYXRlOiB0cnVlLCAvLyBcdTY2MkZcdTU0MjZcdTU3MjggdnVlIFx1NkEyMVx1Njc3Rlx1NEUyRFx1ODFFQVx1NTJBOFx1NUJGQ1x1NTE2NVxuICAgICAgICBkdHM6IHBhdGgucmVzb2x2ZShwYXRoU3JjLCBcInR5cGVzXCIsIFwiYXV0by1pbXBvcnRzLmQudHNcIiksIC8vICBcdTgxRUFcdTUyQThcdTVCRkNcdTUxNjVcdTdFQzRcdTRFRjZcdTdDN0JcdTU3OEJcdTU4RjBcdTY2MEVcdTY1ODdcdTRFRjZcdTRGNERcdTdGNkVcdUZGMENcdTlFRDhcdThCQTRcdTY4MzlcdTc2RUVcdTVGNTU7IGZhbHNlIFx1NTE3M1x1OTVFRFx1ODFFQVx1NTJBOFx1NzUxRlx1NjIxMFxuICAgICAgfSksXG5cbiAgICAgIENvbXBvbmVudHMoe1xuICAgICAgICByZXNvbHZlcnM6IFtcbiAgICAgICAgICAvLyBcdTgxRUFcdTUyQThcdTZDRThcdTUxOENcdTU2RkVcdTY4MDdcdTdFQzRcdTRFRjZcbiAgICAgICAgICBJY29uc1Jlc29sdmVyKHtcbiAgICAgICAgICAgIGVuYWJsZWRDb2xsZWN0aW9uczogW1wiZXBcIl0sIC8vQGljb25pZnktanNvbi9lcCBcdTY2MkYgRWxlbWVudCBQbHVzIFx1NzY4NFx1NTZGRVx1NjgwN1x1NUU5M1xuICAgICAgICAgIH0pLFxuICAgICAgICAgIC8vIFx1ODFFQVx1NTJBOFx1NUJGQ1x1NTE2NSBFbGVtZW50IFBsdXMgXHU3RUM0XHU0RUY2XG4gICAgICAgICAgRWxlbWVudFBsdXNSZXNvbHZlcigpLFxuICAgICAgICBdLFxuICAgICAgICBkdHM6IHBhdGgucmVzb2x2ZShwYXRoU3JjLCBcInR5cGVzXCIsIFwiY29tcG9uZW50cy5kLnRzXCIpLCAvLyAgXHU4MUVBXHU1MkE4XHU1QkZDXHU1MTY1XHU3RUM0XHU0RUY2XHU3QzdCXHU1NzhCXHU1OEYwXHU2NjBFXHU2NTg3XHU0RUY2XHU0RjREXHU3RjZFXHVGRjBDXHU5RUQ4XHU4QkE0XHU2ODM5XHU3NkVFXHU1RjU1OyBmYWxzZSBcdTUxNzNcdTk1RURcdTgxRUFcdTUyQThcdTc1MUZcdTYyMTBcbiAgICAgIH0pLFxuXG4gICAgICBJY29ucyh7XG4gICAgICAgIC8vIFx1ODFFQVx1NTJBOFx1NUI4OVx1ODhDNVx1NTZGRVx1NjgwN1x1NUU5M1xuICAgICAgICBhdXRvSW5zdGFsbDogdHJ1ZSxcbiAgICAgIH0pLFxuXG4gICAgICBjcmVhdGVTdmdJY29uc1BsdWdpbih7XG4gICAgICAgIC8vIFx1NjMwN1x1NUI5QVx1OTcwMFx1ODk4MVx1N0YxM1x1NUI1OFx1NzY4NFx1NTZGRVx1NjgwN1x1NjU4N1x1NEVGNlx1NTkzOVxuICAgICAgICBpY29uRGlyczogW3BhdGgucmVzb2x2ZShwYXRoU3JjLCBcImFzc2V0cy9pY29uc1wiKV0sXG4gICAgICAgIC8vIFx1NjMwN1x1NUI5QXN5bWJvbElkXHU2ODNDXHU1RjBGXG4gICAgICAgIHN5bWJvbElkOiBcImljb24tW2Rpcl0tW25hbWVdXCIsXG4gICAgICB9KSxcbiAgICBdLFxuXG4gICAgb3B0aW1pemVEZXBzOiB7XG4gICAgICBpbmNsdWRlOiBbXG4gICAgICAgIFwidnVlXCIsXG4gICAgICAgIFwidnVlLXJvdXRlclwiLFxuICAgICAgICBcInBpbmlhXCIsXG4gICAgICAgIFwiYXhpb3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9mb3JtL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2Zvcm0taXRlbS9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9idXR0b24vc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvaW5wdXQvc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvaW5wdXQtbnVtYmVyL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3N3aXRjaC9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy91cGxvYWQvc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvbWVudS9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9jb2wvc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvaWNvbi9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9yb3cvc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvdGFnL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2RpYWxvZy9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9sb2FkaW5nL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3JhZGlvL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3JhZGlvLWdyb3VwL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3BvcG92ZXIvc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvc2Nyb2xsYmFyL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3Rvb2x0aXAvc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvZHJvcGRvd24vc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvZHJvcGRvd24tbWVudS9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9kcm9wZG93bi1pdGVtL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3N1Yi1tZW51L3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL21lbnUtaXRlbS9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9kaXZpZGVyL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2NhcmQvc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvbGluay9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9icmVhZGNydW1iL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL2JyZWFkY3J1bWItaXRlbS9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy90YWJsZS9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy90cmVlLXNlbGVjdC9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy90YWJsZS1jb2x1bW4vc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvc2VsZWN0L3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL29wdGlvbi9zdHlsZS9jc3NcIixcbiAgICAgICAgXCJlbGVtZW50LXBsdXMvZXMvY29tcG9uZW50cy9wYWdpbmF0aW9uL3N0eWxlL2Nzc1wiLFxuICAgICAgICBcImVsZW1lbnQtcGx1cy9lcy9jb21wb25lbnRzL3RyZWUvc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiZWxlbWVudC1wbHVzL2VzL2NvbXBvbmVudHMvYWxlcnQvc3R5bGUvY3NzXCIsXG4gICAgICAgIFwiQHZ1ZXVzZS9jb3JlXCIsXG5cbiAgICAgICAgXCJwYXRoLXRvLXJlZ2V4cFwiLFxuICAgICAgICBcImVjaGFydHNcIixcbiAgICAgICAgXCJAd2FuZ2VkaXRvci9lZGl0b3JcIixcbiAgICAgICAgXCJAd2FuZ2VkaXRvci9lZGl0b3ItZm9yLXZ1ZVwiLFxuICAgICAgICBcInZ1ZS1pMThuXCIsXG4gICAgICBdLFxuICAgIH0sXG4gIH07XG59KTtcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBMFosT0FBTyxTQUFTO0FBRTFhLFNBQWdDLFNBQVMsb0JBQW9CO0FBRTdELE9BQU8sZ0JBQWdCO0FBQ3ZCLE9BQU8sZ0JBQWdCO0FBQ3ZCLFNBQVMsMkJBQTJCO0FBRXBDLE9BQU8sV0FBVztBQUNsQixPQUFPLG1CQUFtQjtBQUUxQixTQUFTLDRCQUE0QjtBQUVyQyxPQUFPLFlBQVk7QUFFbkIsT0FBTyxVQUFVO0FBZmpCLElBQU0sbUNBQW1DO0FBZ0J6QyxJQUFNLFVBQVUsS0FBSyxRQUFRLGtDQUFXLEtBQUs7QUFFN0MsSUFBTyxzQkFBUSxhQUFhLENBQUMsRUFBRSxLQUFLLE1BQTZCO0FBQy9ELFFBQU0sTUFBTSxRQUFRLE1BQU0sUUFBUSxJQUFJLENBQUM7QUFDdkMsU0FBTztBQUFBLElBQ0wsU0FBUztBQUFBLE1BQ1AsT0FBTztBQUFBLFFBQ0wsS0FBSztBQUFBLE1BQ1A7QUFBQSxJQUNGO0FBQUEsSUFDQSxLQUFLO0FBQUE7QUFBQSxNQUVILHFCQUFxQjtBQUFBO0FBQUEsUUFFbkIsTUFBTTtBQUFBLFVBQ0osbUJBQW1CO0FBQUEsVUFDbkIsZ0JBQWdCO0FBQUE7QUFBQTtBQUFBLFFBR2xCO0FBQUEsTUFDRjtBQUFBLElBQ0Y7QUFBQSxJQUNBLFFBQVE7QUFBQSxNQUNOLE1BQU07QUFBQSxNQUNOLE1BQU0sT0FBTyxJQUFJLGFBQWE7QUFBQSxNQUM5QixNQUFNO0FBQUE7QUFBQSxNQUNOLE9BQU87QUFBQTtBQUFBLFFBRUwsQ0FBQyxJQUFJLGlCQUFpQixHQUFHO0FBQUEsVUFDdkIsUUFBUSxJQUFJO0FBQUE7QUFBQTtBQUFBO0FBQUEsVUFHWixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUNBLFVBQ1JBLE1BQUssUUFBUSxJQUFJLE9BQU8sTUFBTSxJQUFJLGlCQUFpQixHQUFHLEVBQUU7QUFBQTtBQUFBLFFBQzVEO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsTUFzQ0Y7QUFBQSxJQUNGO0FBQUEsSUFFQSxTQUFTO0FBQUEsTUFFUCxJQUFJO0FBQUEsTUFDSixPQUFPO0FBQUE7QUFBQSxNQUVQLENBQUM7QUFBQSxNQUNELFdBQVc7QUFBQTtBQUFBLFFBRVQsU0FBUyxDQUFDLE9BQU8sY0FBYztBQUFBO0FBQUEsUUFFL0IsVUFBVTtBQUFBLFVBQ1IsU0FBUztBQUFBO0FBQUEsVUFDVCxVQUFVO0FBQUE7QUFBQSxVQUNWLGtCQUFrQjtBQUFBO0FBQUEsUUFDcEI7QUFBQSxRQUNBLFdBQVc7QUFBQTtBQUFBLFVBRVQsb0JBQW9CO0FBQUE7QUFBQSxVQUVwQixjQUFjLENBQUMsQ0FBQztBQUFBLFFBQ2xCO0FBQUEsUUFDQSxhQUFhO0FBQUE7QUFBQSxRQUNiLEtBQUssS0FBSyxRQUFRLFNBQVMsU0FBUyxtQkFBbUI7QUFBQTtBQUFBLE1BQ3pELENBQUM7QUFBQSxNQUVELFdBQVc7QUFBQSxRQUNULFdBQVc7QUFBQTtBQUFBLFVBRVQsY0FBYztBQUFBLFlBQ1osb0JBQW9CLENBQUMsSUFBSTtBQUFBO0FBQUEsVUFDM0IsQ0FBQztBQUFBO0FBQUEsVUFFRCxvQkFBb0I7QUFBQSxRQUN0QjtBQUFBLFFBQ0EsS0FBSyxLQUFLLFFBQVEsU0FBUyxTQUFTLGlCQUFpQjtBQUFBO0FBQUEsTUFDdkQsQ0FBQztBQUFBLE1BRUQsTUFBTTtBQUFBO0FBQUEsUUFFSixhQUFhO0FBQUEsTUFDZixDQUFDO0FBQUEsTUFFRCxxQkFBcUI7QUFBQTtBQUFBLFFBRW5CLFVBQVUsQ0FBQyxLQUFLLFFBQVEsU0FBUyxjQUFjLENBQUM7QUFBQTtBQUFBLFFBRWhELFVBQVU7QUFBQSxNQUNaLENBQUM7QUFBQSxJQUNIO0FBQUEsSUFFQSxjQUFjO0FBQUEsTUFDWixTQUFTO0FBQUEsUUFDUDtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFFQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRixDQUFDOyIsCiAgIm5hbWVzIjogWyJwYXRoIl0KfQo=