瀏覽代碼

tdgy下拉调整

zpf 1 年之前
父節點
當前提交
6c0356b31d
共有 1 個文件被更改,包括 20 次插入15 次删除
  1. 20 15
      src/views/cockpit/tdsy.vue

+ 20 - 15
src/views/cockpit/tdsy.vue

@@ -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';