AI配置Demo

src/api/DesignForm/filterUnit.ts

@@ -5,12 +5,34 @@ import { layoutUnit } from "@/api/DesignForm/fieldUnit";
 @ 时间: 2025-04-11 15:12:02
 @ 功能: 解析出表单可作为AI变量的元素
 */
-const analysisFromUnit = (formData:formStruct) => {
+const analysisFromUnit = (unitInfo:formStruct) => {
-    console.log("解析出表单可作为AI变量的元素------------>",formData)
+    console.log("解析出表单可作为AI变量的元素------------>",unitInfo)
+    let optionsInfo = new Array
+    if(unitInfo.formData&&unitInfo.formData.list && unitInfo.formData.list.length>0    ){
+        unitInfo.formData.list.forEach((item:any) => {
+            // console.log("解析出表单可作为AI变量的元素------1---1--->",item.label?1:2)
+            if(!layoutUnit.includes(item.type)){
+                let labelName = ""
+                if(item.label){
+                    labelName = item.label
+                }else if(item.item && item.item.label){
+                    labelName = item.item.label
+                }else{
+                    labelName = item.unitName
+                }
+                console.log("解析出表单可作为AI变量的元素----2--1-1----->",item) 
+                optionsInfo.push({
+                    label:labelName,
+                    value:item.name
+                })
+            }
+        })
+    }
+    return optionsInfo
 }
 
 
 
-export default {
+export  {
     analysisFromUnit
 }

src/components/DesignForm/formControlPropertiNew.vue

@@ -13,7 +13,13 @@ 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 {
+  PublicAtrr,
+  formStruct,
+  CarsuselConfig,
+  VideoMsg,
+  optionsInfo,
+} from "@/api/DesignForm/types";
 
 import {
   chineseToPinyin,
@@ -36,7 +42,6 @@ import { Plus } from "@element-plus/icons-vue";
 
 import Draggable from "vuedraggable-es";
 import { dataBaseStruct } from "@/api/date/type";
-import { formStruct } from "@/api/DesignForm/types";
 
 import { analysisFromUnit } from "@/api/DesignForm/filterUnit";
 
@@ -1866,8 +1871,6 @@ const updataDigit = (key: string, val: any) => {
 };
 
 //liwenxuan 20240108 vidioupload  start
-
-import { VideoMsg } from "@/api/DesignForm/types";
 import { genFileId } from "element-plus";
 import type { UploadInstance, UploadProps, UploadRawFile } from "element-plus";
 
@@ -1916,7 +1919,6 @@ function videoUploadErr(error: Error, uploadFile: UploadFile, uploadFiles: Uploa
 //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";
 
@@ -3493,12 +3495,13 @@ const scanTypes = [
 
 let asfs: any[] = [];
 let asfsExpectCurrent: any[] = [];
+const unitFormList = ref<optionsInfo[]>([]);
 
 watch(
   () => props.formList,
   (dataList: any) => {
     //console.log(dataList)
-    analysisFromUnit(props.state);
+    unitFormList.value = analysisFromUnit(props.state);
     if (
       dataList &&
       Array.isArray(dataList) &&
@@ -5303,7 +5306,8 @@ const libraryList = ref([
       </el-tab-pane>
       <el-tab-pane label="AI配置" name="aiConfig">
         <el-divider content-position="left">AI触发条件设置</el-divider>
-        {{ props.state }}
+        <div class="common-layout">
+          <el-scrollbar class="aiBox">
             <el-card v-for="(item, index) in props.formInfo.aiConfig" class="aiCardBox">
               <template #header>
                 <div class="card-header">
@@ -5312,7 +5316,19 @@ const libraryList = ref([
               </template>
               <el-form :model="item" label-width="auto">
                 <el-form-item label="触发字段">
-              <div v-for="llItem in props.formList">{{ llItem.item }}</div>
+                  <el-select
+                    v-model="item.title"
+                    multiple
+                    collapse-tags
+                    placeholder="请选择触发字段"
+                  >
+                    <el-option
+                      v-for="oItem in unitFormList"
+                      :key="oItem.value"
+                      :label="oItem.label"
+                      :value="oItem.value"
+                    />
+                  </el-select>
                 </el-form-item>
                 <el-form-item label="触发方式">
                   <el-radio-group v-model="item.trigger">
@@ -5348,7 +5364,11 @@ const libraryList = ref([
               </el-form>
             </el-card>
 
-        <el-button type="primary" class="aiBut" @click="addPickTracn">添加条件</el-button>
+            <el-button type="primary" class="aiBut" @click="addPickTracn"
+              >添加条件</el-button
+            >
+          </el-scrollbar>
+        </div>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -6321,4 +6341,66 @@ li::before {
   justify-content: space-between;
   align-items: center;
 }
+
+.common-layout {
+  width: 100%;
+  height: calc(100vh - 170px);
+  :deep .el-header {
+    padding: 0px;
+  }
+  :deep .el-main {
+    padding: 10px;
+  }
+
+  .asideBox {
+    height: calc(100vh - 170px);
+  }
+  .aiButs {
+    width: 94%;
+    margin-left: 3%;
+  }
+  .contBox {
+    border-right: 1px solid #ccc;
+  }
+  .titleBox {
+    width: 100%;
+    height: 40px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    align-items: center;
+  }
+  .rowBox {
+    width: 100%;
+    text-align: center;
+  }
+}
+.aiBox {
+  width: 100%;
+
+  height: calc(100vh - 170px);
+  .aiBut {
+    width: 94%;
+    margin-bottom: 15px;
+    margin-left: 3%;
+  }
+  :deep .el-card__header {
+    padding: 5px 10px;
+    border: 0;
+    i {
+      color: #ff0000;
+    }
+  }
+  :deep .el-card__body {
+    padding: 0px 10px 10px 10px;
+  }
+}
+.aiCardBox {
+  width: 94%;
+  margin-top: 15px;
+  margin-bottom: 15px;
+  margin-left: 3%;
+}
+.card-header {
+  text-align: right;
+}
 </style>

src/components/workflow/drwer/approverDrawer.vue

@@ -19,7 +19,8 @@ import { govthree } from "@/api/opk/opk/api";
 import PositionDialog from "@/components/workflow/dialog/positionDialog.vue";
 import FormWord from "@/components/workflow/dialog/formWord.vue";
 import MatrixPage from "@/components/workflow/dialog/matrix.vue";
-
+import { formTableField } from "@/api/DesignForm/type";
+import { gainFormTableField } from "@/api/DesignForm/requestapi";
 import { matrixInfo } from "@/api/matrixapi/type";
 
 let props = defineProps({
@@ -263,6 +264,7 @@ const saveApprover = () => {
       // console.log("正确---->",item.nodeKey)
       if (item.nodeKey == approverConfig1.value.value.nodeNumber) {
         item.powerAry = powerAry;
+        item.apiSetup = apiSetup;
         isNew = false;
       }
     });
@@ -270,6 +272,7 @@ const saveApprover = () => {
       formData.value.purview.push({
         nodeKey: approverConfig1.value.value.nodeNumber,
         powerAry: powerAry,
+        apiSetup: apiSetup,
       });
     }
   } else {
@@ -277,6 +280,7 @@ const saveApprover = () => {
       {
         nodeKey: approverConfig1.value.value.nodeNumber,
         powerAry: powerAry,
+        apiSetup: apiSetup,
       },
     ];
   }
@@ -317,6 +321,8 @@ const sureFormTableApprover = (data: any) => {
 const updateMatrix = (val: any) => {
   approverConfig.value.matrix = val;
 };
+
+const formTableFielding = reactive<formTableField>({});
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-13 08:24:54
@@ -332,6 +338,14 @@ const jieForm = () => {
       powerUnitAry.value = data.data;
     }
   });
+
+  if (props.customerFormKey != "") {
+    gainFormTableField({ id: props.customerFormKey.toString() }).then((data) => {
+      // console.log('解析表单--->',data)
+      formTableFielding.masterTable = data.data.masterTable;
+      formTableFielding.sunTable = data.data.sunTable;
+    });
+  }
 };
 
 watch(
@@ -546,6 +560,30 @@ const setOrgTree = (val: any) => {
     flowOrgTree.value!.setCheckedKeys([val], true);
   }
 };
+
+const apiSetup = reactive<any>({
+  title: [],
+  library: [],
+});
+/**
+@ 作者: 秦东
+@ 时间: 2025-04-10 08:12:21
+@ 功能: 知识库
+*/
+const libraryList = ref([
+  {
+    label: "法律法规",
+    value: 1,
+  },
+  {
+    label: "安全环保",
+    value: 2,
+  },
+  {
+    label: "员工守则",
+    value: 3,
+  },
+]);
 </script>
 <template>
   <el-drawer
@@ -1023,6 +1061,39 @@ const setOrgTree = (val: any) => {
             </template>
             <div class="info_box">
               <QuillEditor v-model="approverConfig.helpTips" height="400px" />
+              <el-divider content-position="left">AI触发条件设置</el-divider>
+              <el-form :model="apiSetup" label-width="auto">
+                <el-form-item label="触发字段">
+                  <el-select
+                    v-model="apiSetup.title"
+                    multiple
+                    collapse-tags
+                    placeholder="请选择触发字段"
+                  >
+                    <el-option
+                      v-for="oItem in formTableFielding.masterTable"
+                      :key="oItem.field"
+                      :label="oItem.label"
+                      :value="oItem.field"
+                    />
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="采用的知识库">
+                  <el-select
+                    v-model="apiSetup.library"
+                    multiple
+                    collapse-tags
+                    placeholder="请选择采用的知识库"
+                  >
+                    <el-option
+                      v-for="lItem in libraryList"
+                      :key="lItem.value"
+                      :label="lItem.label"
+                      :value="lItem.value"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-form>
             </div>
           </el-tab-pane>
         </el-tabs>

src/components/workflow/drwer/promoterDrawer.vue

@@ -3,135 +3,138 @@
 @ 时间: 2023-10-11 08:39:10
 @ 备注: 发起人节点操作
 -->
-<script lang='ts' setup>
+<script lang="ts" setup>
-import employeesDialog from '@/components/workflow/dialog/employeesDialog.vue'
+import employeesDialog from "@/components/workflow/dialog/employeesDialog.vue";
-import { AnalysisForm } from '@/components/workflow/drwer/analysisForm'
+import { AnalysisForm } from "@/components/workflow/drwer/analysisForm";
-import $func from '@/utils/workflow/index'
+import $func from "@/utils/workflow/index";
-import { useStore } from '@/store/workflow/index' 
+import { useStore } from "@/store/workflow/index";
-
-import { analysisForm,setFlowFormKeyPower } from '@/api/workflowapi/index'
-import AssociatedFormsTinyace from '@/widget/associatedforms/associatedFormsTinyace.vue'
 
+import { analysisForm, setFlowFormKeyPower } from "@/api/workflowapi/index";
+import AssociatedFormsTinyace from "@/widget/associatedforms/associatedFormsTinyace.vue";
 
 const props = defineProps({
-	formData:{
+  formData: {
-		type:Object,
+    type: Object,
-		default(){
+    default() {
-			return {}
+      return {};
-		}
+    },
   },
-	formKey:{
+  formKey: {
-		type:String,
+    type: String,
-		default:""
+    default: "",
   },
-	formVersion:{
+  formVersion: {
-		type:String,
+    type: String,
-		default:""
+    default: "",
   },
-	nodeConfig:{
+  nodeConfig: {
     type: Object,
     default: () => ({}),
   },
 });
 const emits = defineEmits<{
-    (e: 'update:formData', val: any): void
+  (e: "update:formData", val: any): void;
-}>()
+}>();
 
 const formData = computed({
   get() {
-		return props.formData
+    return props.formData;
   },
   set(val: formStruct) {
-		emits('update:formData', val)
+    emits("update:formData", val);
-	}
+  },
 });
-const isLookAll = ref(false)
+const isLookAll = ref(false);
-const isEditAll = ref(false)
+const isEditAll = ref(false);
-
 
 //当前节点操作权限
 // const
 
-let flowPermission = ref([])
+let flowPermission = ref([]);
-let promoterVisible = ref(false)
+let promoterVisible = ref(false);
-let checkedList = ref([])
+let checkedList = ref([]);
 
-let store = useStore()
+let store = useStore();
-let { setPromoter, setFlowPermission } = store
+let { setPromoter, setFlowPermission } = store;
-let approverConfig1 = computed(():any=> store.approverConfig1)
+let approverConfig1 = computed((): any => store.approverConfig1);
-let promoterDrawer = computed(()=> store.promoterDrawer)
+let promoterDrawer = computed(() => store.promoterDrawer);
-let flowPermission1 = computed(()=> store.flowPermission1)
+let flowPermission1 = computed(() => store.flowPermission1);
 let visible = computed({
   get() {
-        return promoterDrawer.value
+    return promoterDrawer.value;
   },
   set() {
-        closeDrawer()
+    closeDrawer();
-    }
+  },
-})
+});
 watch(flowPermission1, (val) => {
-    flowPermission.value = val.value
+  flowPermission.value = val.value;
-})
+});
 
 const addPromoter = () => {
-    checkedList.value = flowPermission.value
+  checkedList.value = flowPermission.value;
   promoterVisible.value = true;
-}
+};
-const surePromoter = (data:any) => {
+const surePromoter = (data: any) => {
   flowPermission.value = data;
   promoterVisible.value = false;
-}
+};
 const savePromoter = () => {
   setFlowPermission({
     value: flowPermission.value,
     flag: true,
-        id: flowPermission1.value.id
+    id: flowPermission1.value.id,
-    })
+  });
   // console.log(1);
   let powerAry = [];
-	if(powerUnitAry.value.recUnitAry.masterUnitList && powerUnitAry.value.recUnitAry.masterUnitList.length > 0){
+  if (
-
+    powerUnitAry.value.recUnitAry.masterUnitList &&
-		powerUnitAry.value.recUnitAry.masterUnitList.forEach((item:any)=>{
+    powerUnitAry.value.recUnitAry.masterUnitList.length > 0
-			
+  ) {
-			powerAry.push(item)
+    powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => {
-		})
+      powerAry.push(item);
-		
+    });
   }
   // console.log(2);
-	if(powerUnitAry.value.recUnitAry.sunUnitList && powerUnitAry.value.recUnitAry.sunUnitList.length > 0){
+  if (
-		powerUnitAry.value.recUnitAry.sunUnitList.forEach((item:any)=>{
+    powerUnitAry.value.recUnitAry.sunUnitList &&
-			if(item.masterUnitList && item.masterUnitList.length > 0){
+    powerUnitAry.value.recUnitAry.sunUnitList.length > 0
-				item.masterUnitList.forEach((itemSun:any) => {
+  ) {
+    powerUnitAry.value.recUnitAry.sunUnitList.forEach((item: any) => {
+      if (item.masterUnitList && item.masterUnitList.length > 0) {
+        item.masterUnitList.forEach((itemSun: any) => {
           // powerAry.push(item)
-					if(!powerAry.includes(itemSun)){
+          if (!powerAry.includes(itemSun)) {
-						powerAry.push(itemSun)
+            powerAry.push(itemSun);
           }
-				})
+        });
       }
     });
   }
   // console.log("正确",formData.value)
-	if(formData.value.purview){
+  if (formData.value.purview) {
     // console.log("正确")
-		let isNew = true
+    let isNew = true;
-		formData.value.purview.forEach((item:any)=>{
+    formData.value.purview.forEach((item: any) => {
       // console.log("正确---->",item.nodeKey)
-			if(item.nodeKey == props.nodeConfig.nodeNumber){
+      if (item.nodeKey == props.nodeConfig.nodeNumber) {
-				item.powerAry=powerAry
+        item.powerAry = powerAry;
-				isNew = false
+        isNew = false;
       }
     });
-		if(isNew){
+    if (isNew) {
       formData.value.purview.push({
         nodeKey: props.nodeConfig.nodeNumber,
-			powerAry:powerAry
+        powerAry: powerAry,
-		})
+      });
     }
-	}else{
+  } else {
-		formData.value.purview = [{
+    formData.value.purview = [
+      {
         nodeKey: props.nodeConfig.nodeNumber,
-			powerAry:powerAry
+        powerAry: powerAry,
-		}]
+      },
+    ];
   }
 
   // formData.value.purview.push({
@@ -142,33 +145,33 @@ const savePromoter = () => {
   // console.log("formKey--->",props.formKey.toString());
   // console.log("formVersion--->",props.formVersion.toString());
   // console.log("value--->",formData.value);
-	console.log("purview--->",formData.value.purview);
+  console.log("purview--->", formData.value.purview);
 
   let sendInfo: any = {
-		formKey:props.formKey.toString(),
+    formKey: props.formKey.toString(),
-		formVersion:props.formVersion.toString(),
+    formVersion: props.formVersion.toString(),
-		formData:JSON.stringify(formData.value),
+    formData: JSON.stringify(formData.value),
-		formPower:JSON.stringify(formData.value.purview)
+    formPower: JSON.stringify(formData.value.purview),
-	}
+  };
-	console.log("sendInfo",sendInfo)
+  console.log("sendInfo", sendInfo);
-	setFlowFormKeyPower(sendInfo)
+  setFlowFormKeyPower(sendInfo);
   // console.log("formDataAll",formData)
   // console.log("formData",formData.value.purview)
-    closeDrawer()
+  closeDrawer();
-}
+};
 const closeDrawer = () => {
-    setPromoter(false)
+  setPromoter(false);
-}
+};
 
 const powerUnitAry = ref<any>({
-	nodeKey:"",
+  nodeKey: "",
-	recUnitAry:{
+  recUnitAry: {
-		masterUnitList:[],
+    masterUnitList: [],
-		sunUnitList:[],
+    sunUnitList: [],
-		unitAllKey:[],
+    unitAllKey: [],
-		unitAllState:[]
+    unitAllState: [],
-	}
+  },
-})
+});
 /**
 @ 作者: 秦东
 @ 时间: 2024-03-13 08:24:54
@@ -176,44 +179,49 @@ const powerUnitAry = ref<any>({
 */
 const jieForm = () => {
   // console.log("nodeConfig",props.nodeConfig)
-	analysisForm({nodeKey:props.nodeConfig.nodeNumber,nodeJson:JSON.stringify(formData.value)})
+  analysisForm({
-		.then((data)=>{
+    nodeKey: props.nodeConfig.nodeNumber,
-			if(data.code == 0){
+    nodeJson: JSON.stringify(formData.value),
-				powerUnitAry.value = data.data
+  }).then((data) => {
+    if (data.code == 0) {
+      powerUnitAry.value = data.data;
 
-				if(powerUnitAry.value.recUnitAry.masterUnitList && powerUnitAry.value.recUnitAry.masterUnitList.length > 0){
+      if (
-					let allToal = powerUnitAry.value.recUnitAry.masterUnitList.length
+        powerUnitAry.value.recUnitAry.masterUnitList &&
-					let isAll = 0
+        powerUnitAry.value.recUnitAry.masterUnitList.length > 0
-					let editAll = 0
+      ) {
-					powerUnitAry.value.recUnitAry.masterUnitList.forEach((item:any)=>{
+        let allToal = powerUnitAry.value.recUnitAry.masterUnitList.length;
-						if(item.isLook){
+        let isAll = 0;
-							isAll++
+        let editAll = 0;
+        powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => {
+          if (item.isLook) {
+            isAll++;
+          }
+          if (item.isEdit) {
+            editAll++;
           }
-						if(item.isEdit){
+        });
-							editAll++
+        if (isAll == allToal) {
+          isLookAll.value = true;
         }
-					})
+        if (editAll == allToal) {
-					if(isAll == allToal){
+          isEditAll.value = true;
-						isLookAll.value = true
         }
-					if(editAll == allToal){
-						isEditAll.value = true
       }
     }
+  });
+};
 
-
+watch(
-
+  () => visible.value,
-			}
+  (val: boolean) => {
-		})
+    if (val) {
-}
-
-watch(()=>visible.value,(val:boolean)=>{
-	if(val){
       jieForm();
     }
-})
+  }
-const nodeSetUp = ref("first")
+);
-const contentpage = ref("")
+const nodeSetUp = ref("first");
+const contentpage = ref("");
 
 /**
 @ 作者: 秦东
@@ -221,72 +229,78 @@ const contentpage = ref("")
 @ 功能: 选择情况
 */
 const editOpenOrClose = (val: any) => {
-	if(powerUnitAry.value.recUnitAry.masterUnitList){
+  if (powerUnitAry.value.recUnitAry.masterUnitList) {
-		powerUnitAry.value.recUnitAry.masterUnitList.forEach((item:any)=>{
+    powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => {
-			item.isEdit = val
+      item.isEdit = val;
-		})
+    });
   }
-}
+};
 const lookOpenOrClose = (val: boolean) => {
-	if(powerUnitAry.value.recUnitAry.masterUnitList){
+  if (powerUnitAry.value.recUnitAry.masterUnitList) {
-		powerUnitAry.value.recUnitAry.masterUnitList.forEach((item:any)=>{
+    powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => {
-			item.isLook = val
+      item.isLook = val;
-			if(!val){
+      if (!val) {
-				item.isEdit = val
+        item.isEdit = val;
-				isEditAll.value = val
+        isEditAll.value = val;
       }
-		})
+    });
   }
-	
+};
-	
-}
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-25 16:09:18
 @ 功能: 操作单一可见
 */
 const oneLookSet = (val: any) => {
-	if(!val.isLook){
+  if (!val.isLook) {
-		val.isEdit = val.isLook
+    val.isEdit = val.isLook;
-		isEditAll.value = val.isLook
+    isEditAll.value = val.isLook;
   }
-	if(powerUnitAry.value.recUnitAry.masterUnitList){
+  if (powerUnitAry.value.recUnitAry.masterUnitList) {
-		let lookAll = 0
+    let lookAll = 0;
-		powerUnitAry.value.recUnitAry.masterUnitList.forEach((item:any)=>{
+    powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => {
-			if(item.isLook){
+      if (item.isLook) {
-				lookAll++
+        lookAll++;
       }
-		})
+    });
-		if(lookAll != powerUnitAry.value.recUnitAry.masterUnitList.length){
+    if (lookAll != powerUnitAry.value.recUnitAry.masterUnitList.length) {
-			isLookAll.value = false
+      isLookAll.value = false;
-		}else{
+    } else {
-			isLookAll.value = true
+      isLookAll.value = true;
     }
   }
-}
+};
 /**
 @ 作者: 秦东
 @ 时间: 2024-07-25 16:17:32
 @ 功能: 操作单一可编辑
 */
 const oneEditSet = (val: any) => {
-	if(powerUnitAry.value.recUnitAry.masterUnitList){
+  if (powerUnitAry.value.recUnitAry.masterUnitList) {
-		let lookAll = 0
+    let lookAll = 0;
-		powerUnitAry.value.recUnitAry.masterUnitList.forEach((item:any)=>{
+    powerUnitAry.value.recUnitAry.masterUnitList.forEach((item: any) => {
-			if(item.isEdit){
+      if (item.isEdit) {
-				lookAll++
+        lookAll++;
       }
-		})
+    });
-		if(lookAll != powerUnitAry.value.recUnitAry.masterUnitList.length){
+    if (lookAll != powerUnitAry.value.recUnitAry.masterUnitList.length) {
-			isEditAll.value = false
+      isEditAll.value = false;
-		}else{
+    } else {
-			isEditAll.value = true
+      isEditAll.value = true;
     }
   }
-}
+};
 </script>
 <template>
-	<el-drawer v-model="visible" :append-to-body="true" title="发起人"  class="set_promoter" :show-close="false" :size="550" :before-close="closeDrawer"> 
+  <el-drawer
+    v-model="visible"
+    :append-to-body="true"
+    title="发起人"
+    class="set_promoter"
+    :show-close="false"
+    :size="550"
+    :before-close="closeDrawer"
+  >
     <div class="demo-drawer__content">
       <!-- {{powerUnitAry.recUnitAry.masterUnitList}} -->
       <div class="promoter_content drawer_content">
@@ -298,7 +312,7 @@ const oneEditSet = (val: any) => {
 
             <!-- <el-divider content-position="left">节点属性</el-divider> -->
             <div class="info_box">
-							<p>{{ $func.arrToStr(flowPermission) || '所有人' }}</p>
+              <p>{{ $func.arrToStr(flowPermission) || "所有人" }}</p>
               <el-button type="primary" @click="addPromoter">添加/修改发起人</el-button>
             </div>
           </el-tab-pane>
@@ -308,31 +322,68 @@ const oneEditSet = (val: any) => {
             </template>
             <!-- <el-divider content-position="left">操作权限</el-divider> -->
             <div class="info_box">
-							<div class="table_name"><el-text class="mx-1" type="primary">主表</el-text></div>
+              <div class="table_name">
-							<el-table v-if="powerUnitAry.recUnitAry.masterUnitList" :data="powerUnitAry.recUnitAry.masterUnitList" size="small" style="width: 100%; --el-table-border-color: none;" :header-cell-style="{background:'#eef1f6',color:'#606266'}" class="customer-no-border-table" 
+                <el-text class="mx-1" type="primary">主表</el-text>
+              </div>
+              <el-table
+                v-if="powerUnitAry.recUnitAry.masterUnitList"
+                :data="powerUnitAry.recUnitAry.masterUnitList"
+                size="small"
+                style="width: 100%; --el-table-border-color: none"
+                :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
+                class="customer-no-border-table"
               >
                 <el-table-column prop="name" label="字段" />
                 <el-table-column align="center" width="80">
                   <template #header>
-										<el-checkbox v-model="isLookAll" label="" @change="lookOpenOrClose" />可见
+                    <el-checkbox
+                      v-model="isLookAll"
+                      label=""
+                      @change="lookOpenOrClose"
+                    />可见
                   </template>
                   <template #default="scope">
-										<el-checkbox v-model="scope.row.isLook" label="" @change="oneLookSet(scope.row)" />
+                    <el-checkbox
+                      v-model="scope.row.isLook"
+                      label=""
+                      @change="oneLookSet(scope.row)"
+                    />
                   </template>
                 </el-table-column>
                 <el-table-column align="center" width="120">
                   <template #header>
-										<el-checkbox v-model="isEditAll" label="" @change="editOpenOrClose" />可编辑
+                    <el-checkbox
+                      v-model="isEditAll"
+                      label=""
+                      @change="editOpenOrClose"
+                    />可编辑
                   </template>
                   <template #default="scope">
-										<el-checkbox v-model="scope.row.isEdit" label="" @change="oneEditSet(scope.row)" />
+                    <el-checkbox
+                      v-model="scope.row.isEdit"
+                      label=""
+                      @change="oneEditSet(scope.row)"
+                    />
                   </template>
                 </el-table-column>
               </el-table>
-							<el-row  v-if="powerUnitAry.recUnitAry.sunUnitList"  v-for="(item,index) in powerUnitAry.recUnitAry.sunUnitList" :key="index">
+              <el-row
-								<el-col :span="24" class="table_name"><el-text class="mx-1" type="primary">{{item.name}}</el-text>子表</el-col>
+                v-if="powerUnitAry.recUnitAry.sunUnitList"
+                v-for="(item, index) in powerUnitAry.recUnitAry.sunUnitList"
+                :key="index"
+              >
+                <el-col :span="24" class="table_name"
+                  ><el-text class="mx-1" type="primary">{{ item.name }}</el-text
+                  >子表</el-col
+                >
                 <el-col :span="24">
-									<el-table v-if="item.masterUnitList" :data="item.masterUnitList" size="small"  style="width: 100%;  --el-table-border-color: none;"  :header-cell-style="{background:'#eef1f6',color:'#606266'}">
+                  <el-table
+                    v-if="item.masterUnitList"
+                    :data="item.masterUnitList"
+                    size="small"
+                    style="width: 100%; --el-table-border-color: none"
+                    :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
+                  >
                     <el-table-column prop="name" label="字段" />
                     <el-table-column label="可见" align="center" width="80">
                       <template #default="scope">
@@ -358,7 +409,6 @@ const oneEditSet = (val: any) => {
             </div>
           </el-tab-pane>
         </el-tabs>
-			
       </div>
 
       <div class="demo-drawer__footer clear">
@@ -374,11 +424,11 @@ const oneEditSet = (val: any) => {
     </div>
   </el-drawer>
 </template>
-<style  lang='scss' scoped>
+<style lang="scss" scoped>
 .set_promoter {
   .promoter_content {
     padding: 0 0px;
-		.info_box{
+    .info_box {
       padding: 0 20px;
     }
     .el-button {
@@ -392,8 +442,7 @@ const oneEditSet = (val: any) => {
     }
   }
 }
-.table_name{
+.table_name {
-	padding : 10px 0
+  padding: 10px 0;
 }
-
 </style>