From c4f0d403903c015cc97e363d3970db29f3965853 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Wed, 07 Sep 2022 11:10:47 +0800
Subject: [PATCH] 地块显示显示品种

---
 src/views/land/cs.vue |   34 ++++++++++++++++++++++++++++++++++
 1 files changed, 34 insertions(+), 0 deletions(-)

diff --git a/src/views/land/cs.vue b/src/views/land/cs.vue
index ab2696e..f11591c 100644
--- a/src/views/land/cs.vue
+++ b/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>

--
Gitblit v1.9.3