性能下降改

src/views/sampleDatabase/performance/index.vue

@@ -2,17 +2,6 @@
   <div>
     <div class="query mg-b-8">
       <div class="query-items">
-        <div
-          class="newspan"
-          v-for="(item, index) of optionData"
-          :key="index"
-          :class="{ active: cur == index }"
-          @click="handleOpen(item, index)"
-        >{{ item }}</div>
-      </div>
-    </div>
-    <div class="query mg-b-8">
-      <div class="query-items">
         <div class="query-item">
           <div class="lable">场站：</div>
           <div class="search-input">
@@ -62,6 +51,21 @@
             ></el-date-picker>
           </div>
         </div>
+		
+		
+		<div class="query-item">
+		  <div class="lable">类型：</div>
+		  <div class="search-input">
+		    <el-select v-model="cur" @change="handleOpen(cur)" clearable placeholder="请选择" popper-class="select">
+		      <el-option
+		        v-for="(item, index) of optionData"
+		        :key="index"
+		        :value="index"
+		        :label="item"
+		      ></el-option>
+		    </el-select>
+		  </div>
+		</div>
         <div class="query-actions">
           <button class="btn green" @click="handleSubmit">查询</button>
         </div>
@@ -80,7 +84,7 @@
         element-loading-background="rgba(0, 0, 0, 0.8)"
       ></ComTable>
     </div>
-    <el-dialog :title="'历史数据查询>>'+hisDialogTitle" v-model="hisDialogVisible" width="70%" top="10vh" custom-class="modal">
+    <el-dialog :title="'历史数据查询>>'+hisDialogTitle" v-model="hisDialogVisible" width="70%" top="11vh" custom-class="modal">
       <gradeHistory :option="hisOption" ref="gradeHistory"/>
     </el-dialog>
   </div>
@@ -104,8 +108,24 @@ export default {
       ],
       hisDialogVisible: false,
       hisDialogTitle:"",
-      ChangZhan: [],
-      value1: "MHS_FDC",
+      ChangZhan: [{
+		  id:'1',
+		  name:'麻黄山风电场'
+	  },{
+		  id:'1',
+		  name:'牛首山风电场'
+	  },{
+		  id:'1',
+		  name:'青山风电场'
+	  },{
+		  id:'1',
+		  name:'石板泉风电场'
+	  },{
+		  id:'1',
+		  name:'香山风电场'
+	  }],
+      // value1: "MHS_FDC",
+	  value1: "麻黄山风电场",
       date: "",
       shows: "d",
       showTitle: "日统计",
@@ -356,10 +376,11 @@ export default {
 	  }
     },
     //   tab
-    handleOpen(vl, index) {
+    handleOpen(index) {
+		
       this.$nextTick(() => {
         this.cur = index;
-        this.showTitle = vl;
+        this.showTitle = this.optionData[index];
         if (index == 0) {
           this.date = this.getDate(0);
           this.shows = "d";