9/10

src/views/community/AddCommunity.vue

@@ -24,11 +24,11 @@
             <el-form-item label="建成时间" prop="buildingArea">
               <el-date-picker v-model="builtTime" placeholder="选择建成时间" type="date" value-format="YYYY-MM-DD" @change="changeBuiltTime" />
             </el-form-item>
-            <el-form-item label="房屋用途" prop="buildingArea">
-              <el-select v-model="form.houseUse" placeholder="请选择房屋用途" style="width: 240px">
-                <el-option v-for="item in houseUserList" :key="item.value" :label="item.label" :value="item.value" />
-              </el-select>
-            </el-form-item>
+            <!--            <el-form-item label="房屋用途" prop="houseUse">-->
+            <!--              <el-select v-model="form.houseUse" placeholder="请选择房屋用途" style="width: 240px">-->
+            <!--                <el-option v-for="item in houseUserList" :key="item.id" :label="item.name" :value="item.id" />-->
+            <!--              </el-select>-->
+            <!--            </el-form-item>-->
             <el-form-item label="小区面积" prop="villageArea">
               <el-input v-model.trim="form.villageArea" maxlength="8" placeholder="请输入小区面积"><template #append>㎡</template> </el-input>
             </el-form-item>
@@ -106,6 +106,7 @@ import { CascaderValue } from 'element-plus';
 import { addVillageAPI, editVillageAPI, getVillageByIdAPI, uploadVillageImageAPI } from '@/api/system/community';
 import { communitylist_rows_type } from '@/api/system/community/type';
 import { Delete, Plus } from '@element-plus/icons-vue';
+import { listHouseUseType_add_house } from '@/api/system/houseUse';
 
 const route = useRoute();
 const router = useRouter();
@@ -116,24 +117,7 @@ const uploadFileUrl = `${apiPrefix}/village/uploadImages`;
 // 获取省 市 区╬╬╬╬╬╬╬
 const pcaTextArrList = ref<DataItem[]>(pcaTextArr);
 // 获取小区用途
-const houseUserList = ref([
-  {
-    value: 0,
-    label: '住宅'
-  },
-  {
-    value: 1,
-    label: '商住两用'
-  },
-  {
-    value: 2,
-    label: '商业'
-  },
-  {
-    value: 3,
-    label: '办公'
-  }
-]);
+const houseUserList = ref([]);
 const formRef = ref();
 const uploadRef = ref();
 
@@ -420,7 +404,6 @@ const submitForm = () => {
       // 3) 有新文件：先上传新文件，再与已有URL合并
       const formdata = new FormData();
       newFiles.forEach((file) => formdata.append('files', file));
-      console.log('newFiles', newFiles);
       uploadVillageImageAPI(formdata).then((res) => {
         const uploadedUrls = res.data.success.map((x) => x.url).filter(Boolean);
         // 4) 最终图片 = 已有图片 + 新上传图片（避免覆盖）
@@ -473,13 +456,21 @@ function submitFormInfo() {
 const cancelForm = () => {
   router.back();
 };
+
+// 获取房屋用途
+const getHouseUserList = () => {
+  listHouseUseType_add_house().then((res) => {
+    houseUserList.value = res.data;
+  });
+};
+getHouseUserList();
 </script>
 
 <style lang="scss" scoped>
 .box {
   background: #deedff;
   height: 100%;
-  overflow: hidden;
+  overflow: auto;
   .header {
     display: flex;
     align-items: center;