地块页面优化；增加没图片时展示默认图片

xiebin

2022-08-10 0a5606171bea00637e6e40d4d14fb80f91fa85d0

地块页面优化；增加没图片时展示默认图片

 public/img/bg/noimage.jpg

 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>

 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;