设置审批节点权限

src/components/DesignForm/app/formPage.vue

@@ -179,6 +179,7 @@ const getFlowInitSwps = () => {
 			nextStep.value = data.nextStep
 			currentProgress.value = data.Step
 			gainFlowChart.id = props.flowkey
+			nodeKey.value = data.nodeKey
 			flowLoading.value = false;
 		})
 }
@@ -1062,7 +1063,7 @@ function optionsValue3Get2(data: any,fieldName: string){
 					}"
 				>
 				
-					<FormGroup :tableinfo="formData.form" :numrun="numrun" :data="formData.list" />
+					<FormGroup :tableinfo="formData.form" :numrun="numrun" :data="formData.list" :purview="formData.powerstr" :node-key="nodeKey" />
 					
 					<slot></slot>
 				</el-form>

src/components/DesignForm/public/form/formGroup.vue

@@ -26,7 +26,8 @@ const props = withDefaults(
       	data: FormList[]
 		tableinfo:formTableInfo
 		numrun?:number
-		
+		nodeKey?:string
+		purview?:any[]
     }>(),
     {
 		data: () => {
@@ -365,12 +366,13 @@ const clickBtn = (control: any) => {
     }
 }
 onUnmounted(() => {
-    // console.log('formGroup onUnmounted')
+    
     dataList.value = {}
     store.setActiveKey('')
     store.setControlAttr({})
 })
 onMounted(()=>{
+	console.log('非设计模式才触发事件',props.nodeKey,"---------------->",props.purview)
 	// console.log('formGroup onMounted',props.data,dataList.value,props.tableinfo)
 })
 
@@ -418,6 +420,7 @@ function optionsValue3Get1(data: any,fieldName: string){
 			>
 		
 			<!-- {{element}} -->
+			
 				<!--选项卡组件-->
 				<template v-if="element.type === 'tabs'">
 					<div class="form-tabs">
@@ -585,7 +588,9 @@ function optionsValue3Get1(data: any,fieldName: string){
 				<UrlLink v-else-if="element.type === 'urllink'" :data="element" />
 				<SerialNumber  v-else-if="element.type === 'serialNumber'" :data="element" :tablekey="props.tableinfo.name" :numrun="props.numrun" />
 				<!--其他组件-->
-				<FormItem v-else :data="element" @optionsValue3Get1="optionsValue3Get1"/>
+				<FormItem v-else :data="element" @optionsValue3Get1="optionsValue3Get1" :purview="props.purview" :node-key="props.nodeKey"/>
+
+				
 				<!--组件设计外功能框架-->
 				<template v-if="type === 5">
 					<div class="drag-control">

src/components/DesignForm/public/form/formItem.vue

@@ -44,6 +44,8 @@ const props = withDefaults(
 		data: FormList
 		modelValue?: any // 子表和弹性布局时时有传
 		tProp?: string // 子表时的form-item的prop值，用于子表校验用
+		nodeKey?:string
+		purview?:any[]
     }>(),
     {}
 )
@@ -175,6 +177,7 @@ const editDisabled = computed(() => {
     if (type.value === 2 && config.value.editDisabled) {
       	return true // 编辑模式
     }
+	// return judgeIsDisabled(key)
     return control.value.disabled
 })
 // 返回当前item项的校验规则
@@ -521,10 +524,89 @@ const getFormItemInputStyle = (ele: any,sty:number) => {
     }
 }
 const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
+
+/**
+@ 作者: 秦东
+@ 时间: 2024-07-27 14:17:16
+@ 功能: 判断此组件是否可见
+*/
+const judgeIsShow = (key:string) => {
+	console.log("判断此组件是否可见---->",props.nodeKey,props.purview)
+	if(props.nodeKey != undefined && props.purview != undefined && props.purview != null && props.purview != null && props.purview != "" && props.purview != "") {
+		if(props.purview.length < 1){
+			return true;
+		}else{
+			let isShow = false;
+			props.purview.forEach((item)=>{
+				if(item.nodeKey == props.nodeKey){
+					
+					if(item.powerAry && item.powerAry.length > 0){
+						item.powerAry.forEach((itm)=>{
+							if(itm.id == key){
+								console.log("判断此组件是否可见",itm,itm.id == key,"--------->",itm.isLook)
+								isShow =  itm.isLook
+								
+							}
+						})
+					}
+				}
+				
+			})
+			return isShow
+		}
+	}else{
+		return true;
+	}
+
+}
+/**
+@ 作者: 秦东
+@ 时间: 2024-07-27 15:11:42
+@ 功能: 判断是否禁用
+*/
+const judgeIsDisabled = (key:string)  => {
+	if (type.value === 3) {
+      	return true // 查看模式，为不可编辑状态
+    }
+    if (type.value === 1 && config.value.addDisabled) {
+      	return true
+    }
+    if (type.value === 2 && config.value.editDisabled) {
+      	return true // 编辑模式
+    }
+	if(props.nodeKey != undefined && props.purview != undefined && props.purview != null && props.purview != null && props.purview != "" && props.purview != "") {
+		if(props.purview.length < 1){
+			return false;
+		}else{
+			let isShow = true;
+			props.purview.forEach((item)=>{
+				if(item.nodeKey == props.nodeKey){
+					
+					if(item.powerAry && item.powerAry.length > 0){
+						item.powerAry.forEach((itm)=>{
+							if(itm.id == key){
+								console.log("判断此组件是否禁用",itm,itm.id == key,"--------->",itm.isLook)
+								isShow =  !itm.isEdit
+								
+							}
+						})
+					}
+				}
+				
+			})
+			return isShow
+		}
+	}else{
+		return false;
+	}
+}
 </script>
 <template>
+	
 	<el-form-item
 		v-bind="data.item"
+		v-if="judgeIsShow(data.name)"
+		:disabled="judgeIsDisabled(data.name)"
 		:prop="tProp || data.name"
 		:class="config.className"
 		:rules="itemRules as any"
@@ -537,24 +619,26 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 		</template>
 		<template #label v-else>
 			<span :style="getFormItemLableStyle(configStyle)" >{{ getLabel(data.item) }}</span>
+			{{editDisabled}}
 		</template>
 		<div class="form-value" v-if="type === 4" v-html="value"></div>
 		<template v-else>
 			<el-input
 				v-bind="control"
 				v-model="value"
-				:disabled="editDisabled"
+				:disabled="judgeIsDisabled(data.name)"
 				:type="data.type === 'password' ? 'password' : 'text'"
 				:style="getFormItemInputStyle(configStyle,2)"
         		:input-style="getFormItemInputStyle(configStyle,3)"
 				v-if="['input', 'password'].includes(data.type)"
 				:placeholder="data.control.placeholder?data.control.placeholder:'请输入'+getLabel(data.item)"
+				
 			>
 				<template #prepend v-if="config.prepend">
 					<div v-if="getInputSlot('p')">
 						<AKSelect
 							:data="getInputSlot('p')"
-							:disabled="editDisabled"
+							:disabled="judgeIsDisabled(data.name)"
 							:transform-option="transformOption"
 							@change="inputSlotChange"
 							type="slot"
@@ -566,7 +650,7 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 					<div v-if="getInputSlot()">
 						<AKSelect
 							:data="getInputSlot()"
-							:disabled="editDisabled"
+							:disabled="judgeIsDisabled(data.name)"
 							:transform-option="transformOption"
 							type="slot"
 							@change="inputSlotChange"
@@ -578,7 +662,7 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 			<el-input
 				v-bind="control"
 				v-model="value"
-				:disabled="editDisabled"
+				:disabled="judgeIsDisabled(data.name)"
 				type="textarea"
 				:placeholder="data.control.placeholder?data.control.placeholder:'请输入'+getLabel(data.item)"
 				:style="getFormItemInputStyle(configStyle,2)"
@@ -587,7 +671,7 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 			/>
 			<el-radio-group
 				v-bind="control"
-				:disabled="editDisabled"
+				:disabled="judgeIsDisabled(data.name)"
 				v-model="value"
 				v-if="data.type === 'radio'"
 				:style="getFormItemInputStyle(configStyle,4)"
@@ -603,7 +687,7 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 			</el-radio-group>
 			<el-checkbox-group
 				v-bind="control"
-				:disabled="editDisabled"
+				:disabled="judgeIsDisabled(data.name)"
 				v-model="value"
 				v-if="data.type === 'checkbox'"
 				:style="getFormItemInputStyle(configStyle,4)"
@@ -621,7 +705,7 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 				data.type === 'select' || (type === 5 && data.type === 'inputSlot')
 				"
 				:data="data"
-				:disabled="editDisabled"
+				:disabled="judgeIsDisabled(data.name)"
 				v-model="value"
 				:options="props.data.options"
 				:remote-method="getAxiosOptions"
@@ -634,7 +718,7 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 				:action="uploadUrl"
 				v-bind="control"
 				:name="control.file || 'file'"
-				:disabled="editDisabled"
+				:disabled="judgeIsDisabled(data.name)"
 				:file-list="fileList as any"
 				:class="{limit: control.limit <= fileList.length}"
 				:on-error="uploadError"
@@ -655,7 +739,7 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 				v-if="['cascader', 'treeSelect'].includes(data.type)"
 				:is="currentComponent"
 				v-bind="control"
-				:disabled="editDisabled"
+				:disabled="judgeIsDisabled(data.name)"
 				:options="options"
 				v-model="value"
 			/>
@@ -676,7 +760,7 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 				"
 				:is="currentComponent"
 				v-bind="control"
-				:disabled="editDisabled"
+				:disabled="judgeIsDisabled(data.name)"
 				:placeholder="data.control.placeholder?data.control.placeholder:'请选择'+getLabel(data.item)"
 				v-model="value"
 			/>
@@ -688,7 +772,7 @@ const imgUploadApiUrl = import.meta.env.VITE_APP_BASE_API+"/api/upordown"
 				<tinymce-edit
 					v-bind="control"
 					:config="config"
-					:disabled="editDisabled"
+					:disabled="judgeIsDisabled(data.name)"
 					v-model="value"
 					v-if="[1, 2, 3].includes(type as number)"
 				/>

src/components/workflow/drwer/promoterDrawer.vue

@@ -142,7 +142,7 @@ 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(),
@@ -150,7 +150,7 @@ const savePromoter = () => {
 		formData:JSON.stringify(formData.value),
 		formPower:JSON.stringify(formData.value.purview)
 	}
-	// console.log("sendInfo",sendInfo)
+	console.log("sendInfo",sendInfo)
 	setFlowFormKeyPower(sendInfo)
 	// console.log("formDataAll",formData)
 	// console.log("formData",formData.value.purview)
@@ -175,7 +175,8 @@ const powerUnitAry = ref<any>({
 @ 功能: 解析表单
 */
 const jieForm = () => {
-	analysisForm({nodeKey:"begin",nodeJson:JSON.stringify(formData.value)})
+	// console.log("nodeConfig",props.nodeConfig)
+	analysisForm({nodeKey:props.nodeConfig.nodeNumber,nodeJson:JSON.stringify(formData.value)})
 		.then((data)=>{
 			if(data.code == 0){
 				powerUnitAry.value = data.data
@@ -287,7 +288,7 @@ const oneEditSet = (val: any) => {
 <template>
 	<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">
 				<el-tabs v-model="nodeSetUp" class="demo-tabs">
 					<el-tab-pane name="first">

src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageForm.vue

@@ -369,11 +369,13 @@ const saveAppFormData = () => {
 	createAppForm(sendData)
 		.then((data:any) => {
 			state.value.loading = false
-			// console.log("写入自建应用App表单--->",data)
+			console.log("写入自建应用App表单--->",data)
 			// appPageKey.value = data.data.customerFormCont.id
 			// appPageKey.set(data.data.customerFormCont.id.toString())
+			versionId.value = data.data.formVersion.id.toString()
 			emits('update:formVersion', data.data.formVersion.id.toString())
 			emits('update:appPageKey', data.data.customerFormCont.id.toString())
+			// emits('update:formVersion', data.data.version.toString())
 			// console.log("写入自建应用App表单-11111-->",data.data.customerFormCont.id)
 			// console.log("写入自建应用App表单-2222-->",props.appPageKey)
 			// emits('update:appPageKey', data.data.customerFormCont.id.toString())

src/views/sysworkflow/lowcodepage/index.vue

@@ -275,6 +275,9 @@ const eidtGroupStatus = (id: string, state: number) => {
 .app-container {
     height: calc(100% - 125px);
     width: calc(100% - 40px);
+	overflow: hidden;
+	overflow-y: auto;
+	padding-bottom:10px;
 }
 
 .tab-box{

src/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue

@@ -445,7 +445,7 @@ const initLoadData = () => {
 		// appFormTitle.value = props.pickAppMenu.label
 		gainAppPageInfo({id:props.pickAppMenu.id})
 		.then((data)=>{
-			console.log("获取初始化表单数据",data)
+			// console.log("获取初始化表单数据",data)
 			appInitData.value = data.data
 			// console.log("获取初始化表单数据---!",appInitData.value)
 			mastesformjson.value = data.data.appForm.mastesformjson