预算一级科目加序号

src/views/system/components/tab-price-type.vue

@@ -20,10 +20,13 @@
 
                     <!--预算分类新增编辑弹窗-->
                     <HcDialog bgColor="#ffffff" widths="22rem" isToBody :show="priceModal" :title="priceTitle" @close="priceModalClose" @save="saveparentClick">
-                        <el-form :model="priceform" label-position="top" label-width="auto" size="large">
-                            <el-form-item label="预算一级科目名称:">
+                        <el-form :model="priceform" label-position="top" label-width="auto" size="large" :rules="priceformRules" ref="priceformref">
+                            <el-form-item label="预算一级科目名称:" prop="dictName">
                                 <el-input v-model="priceform.dictName"/>
                             </el-form-item>
+                            <el-form-item label="序号:" prop="sort">
+                                <el-input v-model="priceform.sort"/>
+                            </el-form-item>
                         </el-form>
                     </HcDialog>
                 </div>
@@ -46,10 +49,13 @@
 
                     <!--任务明细弹窗-->
                     <HcDialog bgColor="#ffffff" widths="24rem" isToBody :show="editTaskModal" :title="taskTitle" @close="testModalClose" @save="savechilidClick">
-                        <el-form label-position="top" label-width="auto" :model="formLabelAlign" size="large">
-                            <el-form-item label="预算二级科目名称:">
+                        <el-form label-position="top" label-width="auto" :model="formLabelAlign" size="large" :rules="secondformRules" ref="secondformref">
+                            <el-form-item label="预算二级科目名称: " prop="dictName">
                                 <el-input v-model="formLabelAlign.dictName"/>
                             </el-form-item>
+                            <el-form-item label="序号:" prop="sort">
+                                <el-input v-model="formLabelAlign.sort"/>
+                            </el-form-item>
                         </el-form>
                     </HcDialog>
 
@@ -63,7 +69,7 @@
 <script setup>
 import {onMounted, ref, watch} from "vue";
 import {submitDictionary,removeDictionary,getParentList,getChildList} from '~api/system/parameter.js';
-import {getArrValue} from "js-fast-way"
+import {getArrValue,formValidate} from "js-fast-way"
 
 const props = defineProps({
     cur: {
@@ -165,7 +171,24 @@ const openpriceEdit = (type) => {
 
     priceModal.value = true
 }
+const priceformRules = {
+    dictName: [
+        {required: true, message: '请输入名称', trigger: 'blur'},
+    ],
+    sort: [
+        {required: true, message: '请输入序号', trigger: 'blur'},
+    ],
+
+}
+const secondformRules={
+    dictName: [
+        {required: true, message: '请输入名称', trigger: 'blur'},
+    ],
+    sort: [
+        {required: true, message: '请输入序号', trigger: 'blur'},
+    ],
 
+}
 const priceform = ref({})
 const priceModalClose = () => {
     priceModal.value = false
@@ -234,41 +257,53 @@ const formLabelAlign = ref({
     type: '',
 })
 
-
+const priceformref=ref(null)
 //新增一级科目
 const saveparentClick=async()=>{
-    const { error, code, data,msg } = await submitDictionary({
-        type:tabsType.value,
-        dictName:priceform.value?.dictName,
-        id:menuKey.value||null,
-    })
-   
-    if (!error && code === 200) {
-        window.$message?.success(msg)
-        priceModal.value=false
-        getParentListData()
-    } 
-    else {
-        window.$message?.warning(msg)
+    const res = await formValidate(priceformref.value)
+    if(res){
+        console.log(res,'res');
+        const { error, code, data,msg } = await submitDictionary({
+            type:tabsType.value,
+            dictName:priceform.value?.dictName,
+            id:menuKey.value||null,
+            sort:priceform.value?.sort,
+        })
+    
+        if (!error && code === 200) {
+            window.$message?.success(msg)
+            priceModal.value=false
+            getParentListData()
+        } 
+        else {
+            window.$message?.warning(msg)
+        }
     }
+  
 }
+const secondformref=ref(null)
 //新增二级级科目
 const savechilidClick=async()=>{
-    const { error, code, data,msg } = await submitDictionary({
-        type:tabsType.value,
-        dictName:formLabelAlign.value?.dictName,
-        id:formLabelAlign.value.id||null,
-        parentId:menuKey.value
-    })
-   
-    if (!error && code === 200) {
-        window.$message?.success(msg)
-        editTaskModal.value=false
-        getChildListData()
-    } 
-    else {
-        window.$message?.warning(msg)
+    const res = await formValidate(secondformref.value)
+    if(res){
+        const { error, code, data,msg } = await submitDictionary({
+            type:tabsType.value,
+            dictName:formLabelAlign.value?.dictName,
+            sort:formLabelAlign.value?.sort,
+            id:formLabelAlign.value.id||null,
+            parentId:menuKey.value
+        })
+    
+        if (!error && code === 200) {
+            window.$message?.success(msg)
+            editTaskModal.value=false
+            getChildListData()
+        } 
+        else {
+            window.$message?.warning(msg)
+        }
     }
+
 }
 //获取一级科目
 const getParentListData=async()=>{