diff --git a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
index 0bd39f6e2..e010c8d2b 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
@@ -47,7 +47,7 @@
             ></v-selectpage>
           </el-form-item> -->
            <!-- DashboardTemplate -->
-           <el-form-item :label="$t('model.dashboardtemplate')" prop="DashboardTemplate">
+           <el-form-item :label="$t('model.dashboardtemplate')" prop="panelId" ref="dashboardTemplate">
             <v-selectpage
             :data="dashboardList"
             :tb-columns="DashboardSearchShowFields"
@@ -57,7 +57,7 @@
             :language="language"
             title="DashboardSearch"
             key-field="id"
-            :width="640"
+            :width="634"
             v-model="editModel.panelId"
             show-field="name"
             class="form-control"
@@ -148,6 +148,9 @@ export default {
         ],
         sysObjectId: [
           { validator: sysObjectIdInput, trigger: 'blur' }
+        ],
+        panelId: [
+          { required: true, message: this.$t('validate.required'), trigger: ['blur', 'change'] }
         ]
       }
     }
@@ -161,6 +164,13 @@ export default {
         this.editModel = JSON.parse(JSON.stringify(n))
         this.editModel.panelId = n.panelId ? n.panelId + '' : ''
       }
+    },
+    'editModel.panelId': {
+      handler (n) {
+        if (n) {
+          this.$refs.dashboardTemplate.$emit('el.form.change')
+        }
+      }
     }
   },
   created () {
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index 93a6e7e52..64db27437 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -61,7 +61,7 @@
             ></el-autocomplete>
           </el-form-item>
           <!-- DashboardTemplate  -->
-          <el-form-item :label="$t('model.dashboardtemplate')" prop="DashboardTemplate">
+          <el-form-item :label="$t('model.dashboardtemplate')" prop="panelId" ref="dashboardTemplate">
             <v-selectpage
             :data="dashboardList"
             :tb-columns="DashboardSearchShowFields"
@@ -71,7 +71,7 @@
             :language="language"
             title="DashboardSearch"
             key-field="id"
-            :width="640"
+            :width="634"
             v-model="editModule.panelId"
             show-field="name"
             class="form-control"
@@ -800,6 +800,9 @@ export default {
         ],
         timeout: [
           { validator: nzNumber, trigger: 'blur' }
+        ],
+        panelId: [
+          { required: true, message: this.$t('validate.required'), trigger: ['blur', 'change'] }
         ]
       },
       projectList: [],
@@ -1684,6 +1687,13 @@ export default {
           this.configsCopyValue = JSON.stringify(params, null, 2)
         }
       }
+    },
+    'editModule.panelId': {
+      handler (n) {
+        if (n) {
+          this.$refs.dashboardTemplate.$emit('el.form.change')
+        }
+      }
     }
   }
 }