diff --git a/src/components/DesignForm/formControlAttr.vue b/src/components/DesignForm/formControlAttr.vue
index ab6f6b4cf..2f4d7492d 100644
--- a/src/components/DesignForm/formControlAttr.vue
+++ b/src/components/DesignForm/formControlAttr.vue
@@ -2134,6 +2134,11 @@ function addFillRole(){
     })
 }
 
+function delRole(val:number){
+    controlData.value.control.fillRoles.splice(val, 1);
+    console.log(controlData.value.control.fillRoles)
+}
+
 
 //liwenxuan20240403 associatedForms end 
 
@@ -3556,10 +3561,10 @@ const loadNextPage = () => {
 			<div style="margin-top: -10px;"><span style="color: grey;">当选择具体数据后，将按如下规则给当前表单字段填充数据 </span></div>
             <el-button  style="font-size: large;margin-top: 3px;"   type="primary" link append-to-body="true" modal="true" @click="addFillRole">十 添加规则</el-button>
             <el-divider />
-            <div style="height:300px;border:1px solid red;overflow-y:auto">
+            <div style="height:300px;border:1px solid white;overflow-y:auto">
                 
                     <template v-for="(item, index) in controlData.control.fillRoles"  :key="index">
-                        <AssociatedFormsFillRole v-model:left-value="controlData.control.fillRoles[index].leftValue"  v-model:right-value="controlData.control.fillRoles[index].rightValue" :left-tree-source = "asfasfFieldTree[0].children" :right-tree-source = "associatedFormsCurrentFormFieldTree[0].children" ></AssociatedFormsFillRole>
+                        <AssociatedFormsFillRole v-model:left-value="controlData.control.fillRoles[index].leftValue"  v-model:right-value="controlData.control.fillRoles[index].rightValue" :left-tree-source = "asfasfFieldTree[0].children" :right-tree-source = "associatedFormsCurrentFormFieldTree[0].children"  :current-key="index"  @del-Role = "delRole"  ></AssociatedFormsFillRole>
                     </template>