1111

src/views/funding/plan.vue

@@ -2,6 +2,7 @@
     <hc-card title="资金预算期">
         <template #extra>
             <el-button hc-btn type="primary" @click="addRowClick">新增</el-button>
+            <el-button hc-btn type="primary" @click="addRowClick1">新增1</el-button>
         </template>
         <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" />
         <template #action>
@@ -9,6 +10,25 @@
         </template>
         <!-- 新增/修改 -->
         <HcPlanData v-model="isBudgetDataShow" @finish="getTableData" />
+        <!-- 测试的弹窗 -->
+        <hc-dialog v-model="isAddRowShow1" widths="24rem" title="新增资金预算期" @close="isAddRowShow1 = false">
+            <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top" label-width="auto" size="large">
+                <el-form-item label="资金预算期名称：">
+                    <el-input v-model="formModel.key1" placeholder="请输入期名称" />
+                </el-form-item>
+                <el-form-item label="资金预算期年份：" prop="key2">
+                    <el-select v-model="formModel.key2" filterable block placeholder="请选择年份">
+                        <el-option label="2023年" value="2023" />
+                        <el-option label="2024年" value="2024" />
+                        <el-option label="2025年" value="2025" />
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <el-button @click="isAddRowShow1 = false">取消</el-button>
+                <el-button type="primary" @click="isAddRowShow1 = false">确定</el-button>
+            </template>
+        </hc-dialog>
     </hc-card>
 </template>
 
@@ -72,6 +92,22 @@ const isBudgetDataShow = ref(false)
 const addRowClick = () => {
     isBudgetDataShow.value = true
 }
+
+//测试的弹窗
+const isAddRowShow1 = ref(false)
+const addRowClick1 = () => {
+    isAddRowShow1.value = true
+}
+
+const formRef = ref(null)
+const formModel = ref({})
+const formRules = {
+    key2: {
+        required: true,
+        trigger: 'blur',
+        message: '请选择年份',
+    },
+}
 </script>
 
 <style scoped lang="scss">