pf

web_ui/src/views/industrial-land/AiIndustriaLandDetail.vue

@@ -225,6 +225,7 @@
                         <span>{{ i + 1 }}</span>
                         <span>{{ citem.name }}</span>
                       </div>
+                      <div>90分</div>
                       <div @click="toggleContentVisabled(citem)">
                         <template v-if="citem['show']">
                           <span
@@ -256,6 +257,44 @@
                           <span>{{ citem.wzxx }}</span>
                         </p>
                       </div>
+                      <div class="land-evaluation">
+                        <p class="title">地块评价:</p>
+                        <div class="evaluation-item">
+                          <span>产业匹配度:</span>
+                          <span class="score">{{ citem.cyppd ? (citem.cyppd / 5).toFixed(0) : 0 }}分</span>
+                          <div class="progress-bar">
+                            <div class="progress" :style="{ width: (citem.cyppd / 20) * 100 + '%' }"></div>
+                          </div>
+                        </div>
+                        <div class="evaluation-item">
+                          <span>地块成熟度:</span>
+                          <span class="score">{{ citem.dkcsd ? (citem.dkcsd / 5).toFixed(0) : 0 }}分</span>
+                          <div class="progress-bar">
+                            <div class="progress" :style="{ width: (citem.dkcsd / 20) * 100 + '%' }"></div>
+                          </div>
+                        </div>
+                        <div class="evaluation-item">
+                          <span>交通便利性:</span>
+                          <span class="score">{{ citem.jtblx ? (citem.jtblx / 5).toFixed(0) : 0 }}分</span>
+                          <div class="progress-bar">
+                            <div class="progress" :style="{ width: (citem.jtblx / 20) * 100 + '%' }"></div>
+                          </div>
+                        </div>
+                        <div class="evaluation-item">
+                          <span>规划符合度:</span>
+                          <span class="score">{{ citem.ghfhd ? (citem.ghfhd / 5).toFixed(0) : 0 }}分</span>
+                          <div class="progress-bar">
+                            <div class="progress" :style="{ width: (citem.ghfhd / 20) * 100 + '%' }"></div>
+                          </div>
+                        </div>
+                        <div class="evaluation-item">
+                          <span>地块规整度:</span>
+                          <span class="score">{{ citem.dkgzd ? (citem.dkgzd / 5).toFixed(0) : 0 }}分</span>
+                          <div class="progress-bar">
+                            <div class="progress" :style="{ width: (citem.dkgzd / 20) * 100 + '%' }"></div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </template>
@@ -536,7 +575,7 @@ export default {
       this.activeIndex = 0;
       this.initMap();
 
-      // this.testStubXgdk();
+      this.testStubXgdk();
     });
   },
   created() {
@@ -1100,6 +1139,11 @@ export default {
               center_wkt: ele.center_wkt,
               geom: ele.geom,
               wzxx: "",
+              dkcsd: ele.dkcsd,
+              ghfhd: ele.ghfhd,
+              dkgzd: ele.dkgzd,
+              jtblx: ele.jtblx,
+              cyppd: ele.cyppd,
             };
             if (ele.center_wkt) {
               try {
@@ -1125,6 +1169,11 @@ export default {
               center_wkt: ele.center_wkt,
               geom: ele.geom,
               wzxx: "",
+              dkcsd: ele.dkcsd,
+              ghfhd: ele.ghfhd,
+              dkgzd: ele.dkgzd,
+              jtblx: ele.jtblx,
+              cyppd: ele.cyppd,
             };
             if (ele.center_wkt) {
               try {
@@ -3034,6 +3083,52 @@ export default {
       }
     }
   }
+
+  .land-evaluation {
+    margin-top: 15px;
+    padding-left: 10px;
+
+    .title {
+      font-size: 16px;
+      font-weight: bold;
+      color: #212121;
+      margin-bottom: 10px;
+    }
+
+    .evaluation-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 8px;
+
+      span {
+        font-size: 15px;
+        color: #212121;
+        width: 100px;
+        flex-shrink: 0;
+      }
+
+      .score {
+        font-weight: bold;
+        margin-left: 5px;
+        color: #2553d5;
+        width: 50px;
+      }
+
+      .progress-bar {
+        flex: 1;
+        height: 8px;
+        background-color: #f0f0f0;
+        border-radius: 4px;
+        overflow: hidden;
+
+        .progress {
+          height: 100%;
+          background-color: #2553d5;
+          border-radius: 4px;
+        }
+      }
+    }
+  }
 }
 </style>