|
@@ -15,10 +15,26 @@
|
|
|
<img :src="imgs.zd1" style="height: 2.5rem; width: 2.5rem" />
|
|
|
</div>
|
|
|
<div class="divText">
|
|
|
- <span style="color: #fff">国有用地(亩)</span>
|
|
|
- <span color="#2d8cf0">{{ 1 }}</span>
|
|
|
+ <span style="color: #fff">图斑数(个)</span>
|
|
|
+ <span color="#2d8cf0">{{ 203 }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="divCol">
|
|
|
+ <div class="divImg">
|
|
|
+ <img :src="imgs.zd1" style="height: 2.5rem; width: 2.5rem" />
|
|
|
+ </div>
|
|
|
+ <div class="divText">
|
|
|
+ <span style="color: #fff">图斑面积(㎡)</span>
|
|
|
+ <span color="#2d8cf0">{{ 20314.52 }}平方米</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="site-title">
|
|
|
+ <div class="siteCon">
|
|
|
+ <div class="site_Icon"></div>
|
|
|
+ <span>现状情况</span>
|
|
|
+ </div>
|
|
|
+ <el-button size="mini" @click="zdyModel">图表切换</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -34,27 +50,7 @@ export default {
|
|
|
return {
|
|
|
imgs: {
|
|
|
loc: require("@/assets/images/loc.png"),
|
|
|
- /**
|
|
|
- * 征地版面图片
|
|
|
- */
|
|
|
zd1: require("@/assets/homeimg/1.png"),
|
|
|
- zd2: require("@/assets/homeimg/1.png"),
|
|
|
- zd3: require("@/assets/homeimg/1.png"),
|
|
|
- zd4: require("@/assets/homeimg/1.png"),
|
|
|
- /**
|
|
|
- * 拆迁版面图片
|
|
|
- */
|
|
|
- cq1: require("@/assets/homeimg/1.png"),
|
|
|
- cq2: require("@/assets/homeimg/1.png"),
|
|
|
- cq3: require("@/assets/homeimg/1.png"),
|
|
|
- cq4: require("@/assets/homeimg/1.png"),
|
|
|
- /**
|
|
|
- * 青苗版面图片
|
|
|
- */
|
|
|
- qm1: require("@/assets/homeimg/1.png"),
|
|
|
- qm2: require("@/assets/homeimg/1.png"),
|
|
|
- qm3: require("@/assets/homeimg/1.png"),
|
|
|
- qm4: require("@/assets/homeimg/1.png"),
|
|
|
},
|
|
|
};
|
|
|
},
|
|
@@ -94,9 +90,9 @@ export default {
|
|
|
background-color: #0f7bc875;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
-
|
|
|
+ margin-bottom: 8px;
|
|
|
.divCol {
|
|
|
- background-color: #cddeeb5a;
|
|
|
+ // background-color: #cddeeb5a;
|
|
|
width: 49%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -111,7 +107,15 @@ export default {
|
|
|
}
|
|
|
.divText {
|
|
|
width: 75%;
|
|
|
- padding-left: 0.5rem;
|
|
|
+ // padding-left: 0.5rem;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ span {
|
|
|
+ height: 20px;
|
|
|
+ // background: rgba(255, 0, 0, 0.258);
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|