临时

src/views/system/house/AddBuilding.vue

@@ -6,22 +6,22 @@
       <div class="addBuildingFormBody">
         <el-form class="formBody" ref="formRef" :model="form" :rules="rules" label-width="100px">
           <el-form-item label="楼栋名称" prop="buildingName">
-            <el-input v-model="form.buildingName" placeholder="请输入楼栋名称" />
+            <el-input v-model.trim="form.buildingName" placeholder="请输入楼栋名称" />
           </el-form-item>
-          <el-form-item label="楼栋朝向" prop="buildingCode">
-            <el-input v-model="form.buildingCode" placeholder="请输入楼栋朝向" />
+          <el-form-item label="楼栋朝向" prop="buildToward">
+            <el-input v-model.trim="form.buildToward" placeholder="请输入楼栋朝向" />
           </el-form-item>
-          <el-form-item label="楼高(m)" prop="buildingType">
-            <el-input v-model="form.buildingType" placeholder="请输入楼高(m)" />
+          <el-form-item label="楼高(m)" prop="buildTail">
+            <el-input v-model.trim="form.buildTail" placeholder="请输入楼高(m)" />
           </el-form-item>
-          <el-form-item label="楼栋结构" prop="buildingArea">
-            <el-input v-model="form.buildingArea" placeholder="请输入楼栋结构" />
+          <el-form-item label="楼栋结构" prop="buildStructure">
+            <el-input v-model.trim="form.buildStructure" placeholder="请输入楼栋结构" />
           </el-form-item>
-          <el-form-item label="单元数" prop="buildingAddress">
-            <el-input-number :min="1" v-model="form.buildingAddress" placeholder="单元数" />
+          <el-form-item label="单元数" prop="unitCount">
+            <el-input-number :min="1" v-model.trim="form.unitCount" placeholder="单元数" />
           </el-form-item>
-          <el-form-item label="楼层" prop="buildingDescription">
-            <el-input-number :min="1" v-model="form.buildingDescription" placeholder="楼层数" />
+          <el-form-item label="楼层" prop="floorCount">
+            <el-input-number :min="1" v-model.trim="form.floorCount" placeholder="楼层数" />
           </el-form-item>
           <el-form-item style="margin-top: 30px">
             <el-button type="primary" @click="submitForm">确定</el-button>
@@ -36,30 +36,52 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import PageHeader from '@/components/Pageheader/index.vue';
+import { getCommunitylistAPI } from '@/api/system/community';
+import { addBuildingApi } from '@/api/system/house';
 const formRef = ref();
 const form = ref({
   buildingName: '',
-  buildingCode: '',
-  buildingType: '',
-  buildingArea: '',
-  buildingAddress: null,
-  buildingDescription: null
+  buildToward: '',
+  buildTail: '',
+  buildStructure: '',
+  unitCount: null,
+  floorCount: null
 });
 const rules = ref({
   buildingName: [{ required: true, message: '请输入楼栋名称', trigger: 'blur' }],
-  buildingAddress: [{ required: true, message: '请输入单元数', trigger: 'blur' }],
-  buildingDescription: [{ required: true, message: '请输入楼层', trigger: 'blur' }]
+  unitCount: [{ required: true, message: '请输入单元数', trigger: 'blur' }],
+  floorCount: [{ required: true, message: '请输入楼层数', trigger: 'blur' }]
 });
 
+// 获取当前小区信息
+const currentVilageinfo = ref();
+function getVilageFun() {
+  getCommunitylistAPI().then((res) => {
+    currentVilageinfo.value = res.rows.find((item) => item.choiceStatus === 0);
+  });
+}
+// getVilageFun();
 const submitForm = () => {
   formRef.value?.validate(async (valid: boolean) => {
     if (valid) {
       console.log(form.value);
+      addBuildingApi({
+        ...form.value,
+        villageId: currentVilageinfo.value.id
+      })
+        .then((res) => {
+          console.log(res);
+          ElMessage.success('添加成功');
+        })
+        .catch((err) => {
+          console.log(err);
+          ElMessage.error('添加失败');
+        });
     }
   });
 };
 const cancelForm = () => {
-  console.log('取消');
+  formRef.value?.resetFields();
 };
 </script>