1111

src/views/funding/plan.vue

@@ -5,6 +5,10 @@
                 <hc-icon name="add" />
                 <span>新增</span>
             </el-button>
+            <el-button :disabled="!isAddModal" hc-btn type="warning" @click="saveRowClick">
+                <hc-icon name="add" />
+                <span>保存</span>
+            </el-button>
         </template>
         <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading">
             <template #key1="{ row }">
@@ -17,8 +21,8 @@
                 </el-select>
                 <span v-else>{{ row.key2 }}</span>
             </template>
-            <template #action="{ row }">
-                <el-link type="danger" @click="delRowClick(row)">删除</el-link>
+            <template #action="{ row, index }">
+                <el-link type="danger" @click="delRowClick(row, index)">删除</el-link>
             </template>
         </hc-table>
     </hc-card>
@@ -87,6 +91,7 @@ const getTableData = async () => {
 }
 
 //新增数据
+const isAddModal = ref(false)
 const addRowClick = () => {
     let year, toYear = Number(new dayjs().format('YYYY'))
     const data = tableData.value, years = yearDatas.value
@@ -106,16 +111,41 @@ const addRowClick = () => {
     }
     //插入数据
     tableData.value.push({ key2: year })
+    isAddModal.value = true
+}
+
+//批量保存
+const saveRowClick = () => {
+    isAddModal.value = false
+    getTableData()
 }
 
 //删除数据
-const delRowClick = (row) => {
+const delRowClick = (row, index) => {
     HcDelMsg(async (resolve) => {
-        console.log('删除中...')
-        setTimeout(() => {
-            resolve() //关闭弹窗的回调
-        }, 3000)
+        if (isNullES(row.id)) {
+            const rows = tableData.value
+            rows.splice(index, 1)
+        } else {
+            //调删除接口
+        }
+        resolve() //关闭弹窗的回调
+        isTableAddData()
+    })
+}
+
+//检测是否有新增的数据
+const isTableAddData = () => {
+    const rows = tableData.value
+    if (rows.length <= 0) {
+        isAddModal.value = false
+        return
+    }
+    //判断是否满足条件
+    const result = rows.every(({ id }) => {
+        return !isNullES(id)
     })
+    isAddModal.value = !result
 }
 </script>