完成水电表列表

src/views/community/index.vue

@@ -14,7 +14,7 @@
       </div>
       <div class="communityBody">
         <div class="coummunity_card" v-for="(item, index) in list" :key="index">
-          <el-image :src="item.villageImageUrl ? item.villageImageUrl.split(',')[0] : ''">
+          <el-image :src="item.villageImageUrl ? splitImages(item.villageImageUrl.split(',')[0]) : defaultVilageinfoImage">
             <template #error>
               <div class="image-viewer-slot image-slot">
                 <el-icon><Picture /></el-icon>
@@ -44,11 +44,13 @@
   </div>
 </template>
 <script lang="ts" setup>
+import defaultVilageinfoImage from '@/assets/images/villageimage.png';
 import Navbar from '@/layout/components/Navbar.vue';
 import { deleteVillageByIdAPI, switchVillageAPI, getCommunitylistAPI } from '@/api/system/community/index';
 import type { communitylist_rows_type } from '@/api/system/community/type';
 import { Picture } from '@element-plus/icons-vue';
 import { useHouseStore } from '@/store/modules/house';
+import { splitImages } from '@/utils';
 const houseStore = useHouseStore();
 const router = useRouter();
 const list = ref<communitylist_rows_type[]>([]);