优化demo页面rules声明

src/views/demo/demo/index.vue

@@ -200,14 +200,14 @@ const dialog = reactive<DialogOption>({
   title: ''
 });
 const form = reactive<DemoForm>({ ...initFormData });
-const rules = {
+const rules = reactive<ElFormRules>({
   id: [{ required: true, message: '主键不能为空', trigger: 'blur' }],
   deptId: [{ required: true, message: '部门id不能为空', trigger: 'blur' }],
   userId: [{ required: true, message: '用户id不能为空', trigger: 'blur' }],
   orderNum: [{ required: true, message: '排序号不能为空', trigger: 'blur' }],
   testKey: [{ required: true, message: 'key键不能为空', trigger: 'blur' }],
   value: [{ required: true, message: '值不能为空', trigger: 'blur' }]
-};
+});
 
 /** 表单重置 */
 const reset = () => {