|
@@ -8,13 +8,13 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="selectTab left_tab">
|
|
|
- <el-select v-model="left_value" placeholder="请选择" :popper-append-to-body="false" @change="changeCharts">
|
|
|
+ <el-select v-model="left_value" placeholder="请选择" :popper-append-to-body="false" @change="changeChartsLeft">
|
|
|
<el-option v-for="item in left_options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="selectTab right_tab">
|
|
|
- <el-select v-model="right_value" placeholder="请选择" :popper-append-to-body="false" @change="changeCharts">
|
|
|
+ <el-select v-model="right_value" placeholder="请选择" :popper-append-to-body="false" @change="changeChartsRight">
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
@@ -79,27 +79,23 @@ export default {
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ right_value: 'gyjd',
|
|
|
+ options: [
|
|
|
+ { value: "gyjd", label: "供应进度" },
|
|
|
+ { value: "gyjg", label: "供应结构" },
|
|
|
+ ],
|
|
|
jiDataInfo: [], //集体信息列表
|
|
|
left_options: [
|
|
|
{
|
|
|
- value: "国有建设用地",
|
|
|
+ value: "gyjsyd",
|
|
|
label: "国有建设用地",
|
|
|
},
|
|
|
{
|
|
|
- value: "集体供应性土地",
|
|
|
+ value: "jtgyxtd",
|
|
|
label: "集体供应性土地",
|
|
|
},
|
|
|
- ], right_options: [
|
|
|
- {
|
|
|
- value: "供应进度",
|
|
|
- label: "供应进度",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "供应结构",
|
|
|
- label: "供应结构",
|
|
|
- },
|
|
|
- ], left_value: '集体供应性土地',
|
|
|
- right_value: '供应进度'
|
|
|
+ ],
|
|
|
+ left_value: 'gyjsyd',
|
|
|
};
|
|
|
},
|
|
|
//监听属性 类似于data概念
|
|
@@ -116,6 +112,11 @@ export default {
|
|
|
created() { }, //生命周期 - 创建完成(可以访问当前this实例)
|
|
|
beforeMount() { }, //生命周期 - 挂载之前
|
|
|
methods: {
|
|
|
+ changeChartsLeft() {
|
|
|
+
|
|
|
+ }, changeChartsRight() {
|
|
|
+
|
|
|
+ },
|
|
|
async getInfo() {
|
|
|
let res = await QueryList({
|
|
|
val0: '区',
|
|
@@ -462,6 +463,7 @@ export default {
|
|
|
position: fixed;
|
|
|
left: -5rem;
|
|
|
top: 39.5rem;
|
|
|
+ z-index: -1;
|
|
|
}
|
|
|
|
|
|
.content {
|
|
@@ -553,10 +555,12 @@ export default {
|
|
|
position: absolute;
|
|
|
left: 12rem;
|
|
|
top: 3rem;
|
|
|
+ z-index: -1;
|
|
|
|
|
|
.item_tdgy {
|
|
|
width: 100%;
|
|
|
margin-top: 1rem;
|
|
|
+
|
|
|
.icon_tdgy {
|
|
|
width: 10px;
|
|
|
height: 10px;
|
|
@@ -570,6 +574,7 @@ export default {
|
|
|
|
|
|
.text {
|
|
|
display: inline-block;
|
|
|
+
|
|
|
p {
|
|
|
font-kerning: normal;
|
|
|
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
|