Prechádzať zdrojové kódy

表单模版校验修改

dengrui 6 mesiacov pred
rodič
commit
f5039edce3
1 zmenil súbory, kde vykonal 37 pridanie a 35 odobranie
  1. 37 35
      src/views/base/excel/template/index.vue

+ 37 - 35
src/views/base/excel/template/index.vue

@@ -153,13 +153,34 @@
                   <el-form-item label="同步坐标" prop="position">
                     <el-input :disabled="true" v-model="addForm.position" />
                   </el-form-item>
-                  <el-form-item label="上限值" prop="up">
+                  <el-form-item
+                    label="上限值"
+                    prop="up"
+                    :rules="{
+                      required: addForm.up || addForm.down || addForm.standard,
+                      trigger: 'blur',
+                    }"
+                  >
                     <el-input v-model="addForm.up" />
                   </el-form-item>
-                  <el-form-item label="下限值" prop="down">
+                  <el-form-item
+                    label="下限值"
+                    prop="down"
+                    :rules="{
+                      required: addForm.up || addForm.down || addForm.standard,
+                      trigger: 'blur',
+                    }"
+                  >
                     <el-input v-model="addForm.down" />
                   </el-form-item>
-                  <el-form-item label="标准值" prop="standard">
+                  <el-form-item
+                    label="标准值"
+                    prop="standard"
+                    :rules="{
+                      required: addForm.up || addForm.down || addForm.standard,
+                      trigger: 'blur',
+                    }"
+                  >
                     <el-input v-model="addForm.standard" />
                   </el-form-item>
                   <el-form-item label="数据来源" prop="source">
@@ -287,8 +308,7 @@
     </div>
   </div>
 </template>
-<script setup lang="ts">
-import { ref } from "vue";
+<script setup>
 import { useCrud } from "@/hooks/userCrud";
 import {
   addExcel,
@@ -435,7 +455,7 @@ const useAddTemplateHook = () => {
     excelStatus.value = true;
   };
   //查看
-  const lookTep = (row: any) => {
+  const lookTep = (row) => {
     options.value.edit = false;
     selectId.value = row.id;
     exceldata.value = JSON.parse(row.excelData);
@@ -443,7 +463,7 @@ const useAddTemplateHook = () => {
     getSettingData();
   };
   //编辑
-  const editTep = (row: any) => {
+  const editTep = (row) => {
     options.value.inName = row.formName;
     exceldata.value = JSON.parse(row.excelData);
     formVlaue.formType = row.formType;
@@ -455,7 +475,7 @@ const useAddTemplateHook = () => {
     getSettingData();
   };
   //删除
-  const deleteTep = async (row: any) => {
+  const deleteTep = async (row) => {
     const { data, code } = await delExcel({
       id: row.id,
     });
@@ -466,7 +486,7 @@ const useAddTemplateHook = () => {
   };
 
   //获取组件内实时数据赋值到外层
-  const confirm = (data: any) => {
+  const confirm = (data) => {
     exceldata.value = data;
   };
   return {
@@ -525,12 +545,12 @@ const useFormHook = () => {
     ],
   });
   //新增模版
-  const submitForm = async (formEl: any) => {
+  const submitForm = async (formEl) => {
     //@ts-ignore;
     excelViewRef.value.confirm();
     if (exceldata.value == null) return ElMessage.error("请提供表格数据!");
     if (!formEl) return;
-    await formEl.validate(async (valid: any, fields: any) => {
+    await formEl.validate(async (valid, fields) => {
       if (valid) {
         const { data, code } = await addExcel({
           ...formVlaue,
@@ -546,14 +566,14 @@ const useFormHook = () => {
     });
   };
   //更新行内信息
-  const updateExForm = async (formEl: any) => {
+  const updateExForm = async (formEl) => {
     //@ts-ignore;
     excelViewRef.value.saveCellData();
     //@ts-ignore;
     excelViewRef.value.confirm();
     if (exceldata.value == null) return ElMessage.error("请提供表格数据!");
     if (!formEl) return;
-    await formEl.validate(async (valid: any, fields: any) => {
+    await formEl.validate(async (valid, fields) => {
       if (valid) {
         const { data, code } = await updateExcel({
           ...formVlaue,
@@ -570,7 +590,7 @@ const useFormHook = () => {
     });
   };
   //表达数据重置
-  const resetForm = (formEl: any) => {
+  const resetForm = (formEl) => {
     if (!formEl) return;
     formEl.resetFields();
   };
@@ -629,7 +649,7 @@ const useAddFormHook = () => {
       ...searchForm.value,
     });
     settings.value = data.records;
-    settings.value.forEach((item: any) => {
+    settings.value.forEach((item) => {
       if (item.checkStr) {
         item.up = JSON.parse(item.checkStr).up;
         item.down = JSON.parse(item.checkStr).down;
@@ -659,7 +679,7 @@ const useAddFormHook = () => {
       getSettingData();
     }
   };
-  const deleteSettings = async (id: any) => {
+  const deleteSettings = async (id) => {
     const { data, code } = await deleteSettingsData({ id: id });
     if (code == "200") {
       ElMessage.success("删除成功");
@@ -680,7 +700,7 @@ const useAddFormHook = () => {
     settings.value = [];
   };
   const creatAddForm = async () => {
-    await formRef1.value.validate(async (valid: any, fields: any) => {
+    await formRef1.value.validate(async (valid, fields) => {
       if (valid) {
         addSettings();
       }
@@ -699,24 +719,6 @@ const useAddFormHook = () => {
         trigger: "blur",
       },
     ],
-    up: [
-      {
-        required: false,
-        trigger: "blur",
-      },
-    ],
-    down: [
-      {
-        required: false,
-        trigger: "blur",
-      },
-    ],
-    standard: [
-      {
-        required: false,
-        trigger: "blur",
-      },
-    ],
     source: [
       {
         required: false,