|
@@ -514,30 +514,19 @@
|
|
|
</vl-map>
|
|
|
<!-- <div id="description" class="description" ref="description">这里是描述文字</div>-->
|
|
|
<div v-show="sxsbData.show" class="oepnLayerFeature">
|
|
|
- <div v-for="(layer, idx) in sxsbData.layerData" :key="idx">
|
|
|
- <div class="title" :title="layer.layerName">
|
|
|
- <div style="display: flex">
|
|
|
- <div
|
|
|
- style="
|
|
|
- width: 6px;
|
|
|
- height: 20px;
|
|
|
- background: #5988ff;
|
|
|
- border-radius: 1px 1px 1px 1px;
|
|
|
- margin-right: 6px;
|
|
|
- "
|
|
|
- />
|
|
|
- <div>{{ layer.layerName }}</div>
|
|
|
- </div>
|
|
|
- <i class="iconfont yh-guanbi" @click="sxsbData.show = false" />
|
|
|
- </div>
|
|
|
- <div class="contents">
|
|
|
- <table>
|
|
|
- <tr v-for="(item, index) in layer.featureOverlayTable" :key="index">
|
|
|
- <th>{{ item.name }}</th>
|
|
|
- <td>{{ item.value }}</td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
+ <div class="contents">
|
|
|
+ <div class="select_box">
|
|
|
+ <Select v-model="layIndex" clearable style="width:200px">
|
|
|
+ <Option v-for="(item,index) in sxsbData.layerData" :value="index" :key="index">{{ item.layerName }}</Option>
|
|
|
+ </Select>
|
|
|
+ <p class="desc">已识别<span>{{ sxsbData.layerData.length }}</span>个图层</p>
|
|
|
</div>
|
|
|
+ <table v-if="sxsbData.layerData.length > 0 && layIndex >= 0">
|
|
|
+ <tr v-for="(item, index) in sxsbData.layerData[layIndex].featureOverlayTable" :key="index">
|
|
|
+ <th>{{ item.name }}</th>
|
|
|
+ <td>{{ item.value }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-dialog
|
|
@@ -674,9 +663,10 @@ export default {
|
|
|
{ name: "地块名称", value: "名称1" },
|
|
|
],
|
|
|
},
|
|
|
+ layIndex: 0,
|
|
|
sxsbData: {
|
|
|
show: false,
|
|
|
- layerData: [],
|
|
|
+ layerData: []
|
|
|
},
|
|
|
zycxData: {
|
|
|
show: false,
|
|
@@ -1314,6 +1304,7 @@ export default {
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
+ this.layIndex = 0;
|
|
|
this.sxsbData.show = true;
|
|
|
this.sxsbData.layerData.push(layer);
|
|
|
},
|
|
@@ -2433,6 +2424,22 @@ export default {
|
|
|
height: calc(100% - 38px);
|
|
|
overflow-y: auto;
|
|
|
padding: 10px 10px;
|
|
|
+ >.select_box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ >.desc {
|
|
|
+ font-family: AlibabaPuHuiTiM;
|
|
|
+ font-size: 14px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ >span {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0px 5px;
|
|
|
+ // font-size: 22px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
table {
|
|
|
width: 100%;
|
|
|
font-size: 15px;
|
|
@@ -2441,6 +2448,7 @@ export default {
|
|
|
border-radius: 8px 8px 8px 8px;
|
|
|
font-family: AlibabaPuHuiTiM;
|
|
|
font-size: 14px;
|
|
|
+ margin-top: 15px;
|
|
|
td,
|
|
|
th {
|
|
|
padding: 2px 0;
|