地块显示显示品种

guoshilong

2022-09-07 c4f0d403903c015cc97e363d3970db29f3965853

地块显示显示品种

 src/views/land/cs.vue

@@ -75,6 +75,14 @@
                <div class="land-img">
                    <img v-if="item.url" :src="item.url" class="landimg" />
                    <img v-else src="../../../public/img/bg/noimage.jpg" class="landimg" />

                    <!-- <div v-for="(url,index) in item.urls" :key="index" class="strainimg">
                        <img  v-if="url" :src="url" width="30px" height="30px"  />
                    </div> -->
                    <div v-if="item.urls.length >0"  class="strainimg">                    
                        <img  v-for="(url,index) in item.urls" :key="index" :src="url" width="30px" height="30px"  />
                    </div>

                    <!-- <img
                        src="../../../public/img/97ae6951541f46e1bb2468adb5d69403.png"
                        class="pzIcon"
@@ -222,7 +230,16 @@
                this.farmPlanList = data.records
                this.farmPlanList.forEach((e) => {
                    e.landArea = fixed.fixedNum(e.landArea)
                    if(e.strainUrl == ""){
                        e["urls"] = []
                    }else{
                        e["urls"] = e.strainUrl.split(",")
                    }

                })
                

                console.log(this.farmPlanList)
            })
        },
        //进入地图模式
@@ -360,4 +377,21 @@
.edit {
    padding-left: 13px;
}
.strainimg {
    width: 31px;
    // height: 31px;
    position: relative;
    top: -147px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    // display:flex;
    // align-content:center
    // flex-direction: row;
    // align-items: center;
}

.strainimg img {
    border-radius:50%;
}
</style>