材料预付款报表手册

src/views/debit-pay/material/book.vue

@@ -19,7 +19,26 @@
         </template>
         <!-- 新增/修改 -->
         <hc-dialog v-model="formModalShow" is-to-body widths="30rem" title="材料计量单新增" @save="formModalSave" @close="formModalClose">
-            1111
+            <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top">
+                <el-form-item label="计量期：">
+                    <el-select v-model="formModel.key1" disabled block>
+                        <el-option label="第1期" value="1" />
+                        <el-option label="第2期" value="2" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="报表名称：">
+                    <el-input v-model="formModel.key2" />
+                </el-form-item>
+                <el-form-item label="报表期：">
+                    <el-input v-model="formModel.key3" disabled />
+                </el-form-item>
+                <el-form-item label="打印日期：">
+                    <el-date-picker v-model="formModel.key4" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" disabled />
+                </el-form-item>
+                <el-form-item label="请款理由：">
+                    <el-input v-model="formModel.key5" :autosize="{ minRows: 3, maxRows: 6 }" type="textarea" />
+                </el-form-item>
+            </el-form>
         </hc-dialog>
     </hc-card>
 </template>
@@ -65,6 +84,12 @@ const addModalClick = () => {
     formModalShow.value = true
 }
 
+//表单
+const formRef = ref(null)
+const formModel = ref({})
+const formRules = []
+
+
 const formModalSave = () => {
     formModalClose()
 }