From 0a5606171bea00637e6e40d4d14fb80f91fa85d0 Mon Sep 17 00:00:00 2001
From: xiebin <123456>
Date: Wed, 10 Aug 2022 11:15:39 +0800
Subject: [PATCH] 地块页面优化；增加没图片时展示默认图片
---
src/views/land/cs.vue | 67 +++++++++++----------------------
src/views/land/LandDetail.vue | 3 +
public/img/bg/noimage.jpg | 0
3 files changed, 25 insertions(+), 45 deletions(-)
diff --git a/public/img/bg/noimage.jpg b/public/img/bg/noimage.jpg
new file mode 100644
index 0000000..d3c8634
--- /dev/null
+++ b/public/img/bg/noimage.jpg
Binary files differ
diff --git a/src/views/land/LandDetail.vue b/src/views/land/LandDetail.vue
index b0fc565..c33c5e9 100644
--- a/src/views/land/LandDetail.vue
+++ b/src/views/land/LandDetail.vue
@@ -4,7 +4,8 @@
<div class="da">
<!-- <div class="land-img" @click="mod(usePolygons)">-->
<div class="land-img">
- <img :src="url" class="landimg" />
+ <img v-if="url" :src="url" class="landimg" />
+ <img v-else src="../../../public/img/bg/noimage.jpg" class="landimg" />
</div>
<div class="cent">
<div class="l">{{ landName }}</div>
diff --git a/src/views/land/cs.vue b/src/views/land/cs.vue
index 2d90d62..d3e8d57 100644
--- a/src/views/land/cs.vue
+++ b/src/views/land/cs.vue
@@ -39,42 +39,32 @@
clearable
></el-input>
</div>
- <div class="el-page">
- <el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page="page.currentPage"
- :hide-on-single-page="value"
- :page-size="page.pageSize"
- background
- layout="total, prev, pager, next"
- :total="page.total"
- ></el-pagination>
- </div>
</div>
- <!-- <div>
+ <div class="edit">
<el-button size="small">
- <span style="color: #5abf78" @click="goToMapModel(row)">进入地图模式</span>
+ <span style="color: #5abf78" @click="goToMapModel(row)">进入地图模式</span>
</el-button>
<el-button
- type="success"
- size="small"
- @click="land"
- style="margin-right: 50px;width: 80px;"
+ type="success"
+ size="small"
+ @click="land"
+ style="margin-right: 50px;width: 80px;"
>圈地</el-button>
- </div> -->
+ </div>
</div>
- <div class="edit">
- <el-button size="small">
- <span style="color: #5abf78" @click="goToMapModel(row)">进入地图模式</span>
- </el-button>
- <el-button
- type="success"
- size="small"
- @click="land"
- style="margin-right: 50px;width: 80px;"
- >圈地</el-button>
+ <div class="el-page" style="text-align: center;">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="page.currentPage"
+ :hide-on-single-page="value"
+ :page-size="page.pageSize"
+ background
+ layout="total, prev, pager, next"
+ :total="page.total"
+ ></el-pagination>
</div>
+
<div class="landhome">
<div
class="land"
@@ -83,7 +73,8 @@
@click="landInfo(item)"
>
<div class="land-img">
- <img :src="item.url" class="landimg" />
+ <img v-if="item.url" :src="item.url" class="landimg" />
+ <img v-else src="../../../public/img/bg/noimage.jpg" class="landimg" />
</div>
<div class="text">
<div class="land-name">{{ item.landName }}</div>
@@ -93,18 +84,6 @@
</div>
</div>
</div>
- <!-- <div class="el-page">
- <el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page="page.currentPage"
- :hide-on-single-page="value"
- :page-size="page.pageSize"
- background
- layout="total, prev, pager, next"
- :total="page.total"
- ></el-pagination>
- </div> -->
<landAdd v-if="landVisible" ref="land" @refreshOnLoad="onLoad"></landAdd>
</div>
</template>
@@ -131,7 +110,7 @@
landVisible: false,
farmPlanList: [],
page: {
- pageSize: 8,
+ pageSize: 12,
currentPage: 1,
total: 0,
},
@@ -251,7 +230,7 @@
.landhome {
padding: 10px;
width: 100%;
- height: 80%;
+ height: 88%;
display: flex;
box-sizing: border-box;
flex-wrap: wrap;
--
Gitblit v1.9.3