|
@@ -18,7 +18,7 @@
|
|
</el-select>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
<!-- 临时用地(期限检测) -->
|
|
<!-- 临时用地(期限检测) -->
|
|
- <div class="content">
|
|
|
|
|
|
+ <div class="content" v-show="value != 'xztd'">
|
|
<div class="stacontent_ydjc">
|
|
<div class="stacontent_ydjc">
|
|
<div class="item cursor" @click="draw_vector">
|
|
<div class="item cursor" @click="draw_vector">
|
|
<div class="icon">
|
|
<div class="icon">
|
|
@@ -99,6 +99,33 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="content" v-show="value == 'xztd'">
|
|
|
|
+ <div class="stacontent_ydjc">
|
|
|
|
+ <div class="item cursor" @click="toIdleland">
|
|
|
|
+ <span class="dlabel"> 闲置土地:</span>
|
|
|
|
+ <span class="dvalue">{{ title.tb_num || 0 }}宗</span>
|
|
|
|
+ <i style="pointer-events: all" :class="{ 'el-icon-view': true }"></i>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item">
|
|
|
|
+ <span class="dlabel"> 闲置面积:</span>
|
|
|
|
+ <span class="dvalue">{{ title.tb_mj.toFixed(2) || 0 }}亩</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item">
|
|
|
|
+ <span class="dlabel">已处置面积:</span>
|
|
|
|
+ <span class="dvalue">{{ title.czmj }}亩</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item">
|
|
|
|
+ <span class="dlabel"> 处置率:</span>
|
|
|
|
+ <span class="dvalue">{{ title.czl }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <pie3d
|
|
|
|
+ id="ydjc_echart_xztd"
|
|
|
|
+ unit="亩"
|
|
|
|
+ :legendFlag="true"
|
|
|
|
+ ref="xztd_echart"
|
|
|
|
+ ></pie3d>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -107,13 +134,13 @@
|
|
import { QueryOne, QueryList } from "../../api/cockpitNew";
|
|
import { QueryOne, QueryList } from "../../api/cockpitNew";
|
|
import ThreeStackedBarAndLine from "./common/ThreeStackedBarAndLine.vue";
|
|
import ThreeStackedBarAndLine from "./common/ThreeStackedBarAndLine.vue";
|
|
import XZQHPieChart from "./common/XZQHPieChart.vue";
|
|
import XZQHPieChart from "./common/XZQHPieChart.vue";
|
|
-
|
|
|
|
|
|
+import pie3d from "../../components/echartsTemplate/3dPie.vue";
|
|
import Title from "./common/Title.vue";
|
|
import Title from "./common/Title.vue";
|
|
import parse from "wellknown";
|
|
import parse from "wellknown";
|
|
let columns1 = ["名称", "面积(平方米)"];
|
|
let columns1 = ["名称", "面积(平方米)"];
|
|
let columns2 = ["建设项目", "总面积", "土地用途", "用地单位"];
|
|
let columns2 = ["建设项目", "总面积", "土地用途", "用地单位"];
|
|
export default {
|
|
export default {
|
|
- components: { ThreeStackedBarAndLine, Title, XZQHPieChart },
|
|
|
|
|
|
+ components: { ThreeStackedBarAndLine, Title, XZQHPieChart, pie3d },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
options: [
|
|
options: [
|
|
@@ -121,11 +148,13 @@ export default {
|
|
// { value: "lsyd_fkjc", label: "临时用地(复垦监测)" },
|
|
// { value: "lsyd_fkjc", label: "临时用地(复垦监测)" },
|
|
{ value: "lsyd", label: "临时用地" },
|
|
{ value: "lsyd", label: "临时用地" },
|
|
{ value: "nzyd", label: "农转用地" },
|
|
{ value: "nzyd", label: "农转用地" },
|
|
|
|
+ { value: "xztd", label: "闲置土地" },
|
|
],
|
|
],
|
|
value: "lsyd",
|
|
value: "lsyd",
|
|
xzqh_flag: true,
|
|
xzqh_flag: true,
|
|
sdata: { lsyd: {}, nzyd: {} },
|
|
sdata: { lsyd: {}, nzyd: {} },
|
|
list: [],
|
|
list: [],
|
|
|
|
+ title: { tb_mj: 0 },
|
|
};
|
|
};
|
|
},
|
|
},
|
|
//监听属性 类似于data概念
|
|
//监听属性 类似于data概念
|
|
@@ -180,7 +209,7 @@ export default {
|
|
};
|
|
};
|
|
|
|
|
|
this.$refs.nzyd_echart.setOptions(obj);
|
|
this.$refs.nzyd_echart.setOptions(obj);
|
|
- } else {
|
|
|
|
|
|
+ } else if (this.value == "lsyd") {
|
|
let obj = {
|
|
let obj = {
|
|
legend_data: ["临时用地面积", "正常使用", "剩余1个月", "已到期"],
|
|
legend_data: ["临时用地面积", "正常使用", "剩余1个月", "已到期"],
|
|
x_data,
|
|
x_data,
|
|
@@ -190,6 +219,19 @@ export default {
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
this.$refs.lsyd_echart.setOptions(obj);
|
|
this.$refs.lsyd_echart.setOptions(obj);
|
|
});
|
|
});
|
|
|
|
+ } else {
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ //data.data[0].ce_crmj
|
|
|
|
+ this.$refs.xztd.setOptions(
|
|
|
|
+ [
|
|
|
|
+ { name: "政府原因", value: 66 },
|
|
|
|
+ { name: "企业原因", value: 66 },
|
|
|
|
+ { name: "非政府原因和不可抗力", value: 20 },
|
|
|
|
+ { name: "其他", value: 100 },
|
|
|
|
+ ],
|
|
|
|
+ 0.2
|
|
|
|
+ );
|
|
|
|
+ });
|
|
}
|
|
}
|
|
},
|
|
},
|
|
GetQueryOne(params) {
|
|
GetQueryOne(params) {
|
|
@@ -232,6 +274,9 @@ export default {
|
|
});
|
|
});
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ toIdleland() {
|
|
|
|
+ this.$router.push({ path: "/Idleland" });
|
|
|
|
+ },
|
|
goDetail(item) {
|
|
goDetail(item) {
|
|
store.setViewerFlagb(false);
|
|
store.setViewerFlagb(false);
|
|
store.setToolBarShow(false);
|
|
store.setToolBarShow(false);
|
|
@@ -354,6 +399,12 @@ export default {
|
|
color: #ecf6ff;
|
|
color: #ecf6ff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+#ydjc_echart_xztd {
|
|
|
|
+ width: 27rem;
|
|
|
|
+ height: 10rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: -1rem;
|
|
|
|
+}
|
|
|
|
|
|
/deep/ {
|
|
/deep/ {
|
|
.el-select-dropdown__item.selected {
|
|
.el-select-dropdown__item.selected {
|
|
@@ -387,6 +438,19 @@ export default {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
margin-top: 0.5rem;
|
|
margin-top: 0.5rem;
|
|
// border: #00FFFF 1px solid;
|
|
// border: #00FFFF 1px solid;
|
|
|
|
+ .dlabel {
|
|
|
|
+ color: #bcd3e5;
|
|
|
|
+ line-height: 24px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .dvalue {
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ color: #64daff;
|
|
|
|
+ line-height: 16px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.cursor {
|
|
.cursor {
|