|
@@ -1,301 +1,322 @@
|
|
|
<!--
|
|
|
* @Author: your name
|
|
|
* @Date: 2024-05-29 09:13:51
|
|
|
- * @LastEditTime: 2024-05-31 13:59:38
|
|
|
+ * @LastEditTime: 2024-05-31 15:50:53
|
|
|
* @LastEditors: bogon
|
|
|
* @Description: In User Settings Edit
|
|
|
* @FilePath: /performance-test/src/views/performance/components/analysisEvent.vue
|
|
|
-->
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-card shadow="always" class="box-card">
|
|
|
- <el-form ref="form" :model="form">
|
|
|
- <el-row class="flex-wrap-row" :gutter="5">
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="5">
|
|
|
- <el-form-item label="分析类型">
|
|
|
- <el-select
|
|
|
- v-model="form.region"
|
|
|
- placeholder="请选择分析类型"
|
|
|
- size="small"
|
|
|
- >
|
|
|
- <el-option label="类型一" value="shanghai"></el-option>
|
|
|
- <el-option label="类型二" value="beijing"></el-option>
|
|
|
- </el-select> </el-form-item
|
|
|
- ></el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="5">
|
|
|
- <el-form-item label="机组编号">
|
|
|
- <el-select
|
|
|
- multiple
|
|
|
- v-model="form.region"
|
|
|
- placeholder="请选择机组编号"
|
|
|
- size="small"
|
|
|
- >
|
|
|
- <el-option label="类型一" value="shanghai"></el-option>
|
|
|
- <el-option label="类型二" value="beijing"></el-option>
|
|
|
- </el-select> </el-form-item
|
|
|
- ></el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="5">
|
|
|
- <el-form-item label="滤除月份">
|
|
|
- <el-date-picker
|
|
|
- width="200"
|
|
|
- size="small"
|
|
|
- type="dates"
|
|
|
- v-model="value4"
|
|
|
- placeholder="选择一个或多个日期"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="9">
|
|
|
- <el-form-item label="分析时间">
|
|
|
- <el-date-picker
|
|
|
- size="small"
|
|
|
- v-model="value1"
|
|
|
- type="daterange"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
+ <el-form ref="form" :model="form" label-width="120px">
|
|
|
+ <el-row type="flex" justify="end">
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item class="searchFrom">
|
|
|
+ <el-button type="primary" @click="onSubmit" size="small"
|
|
|
+ >查询</el-button
|
|
|
+ >
|
|
|
+ <el-button size="small">重置</el-button>
|
|
|
+ <i @click="drawer = true" class="el-icon-setting"></i>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-collapse v-model="activeNames">
|
|
|
+ <el-collapse-item title="基础筛选:" name="1">
|
|
|
+ <el-row class="flex-wrap-row" :gutter="5">
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="5">
|
|
|
+ <el-form-item
|
|
|
+ label="分析类型"
|
|
|
+ v-if="checkedCities.find((item) => item === '分析类型')"
|
|
|
>
|
|
|
- </el-date-picker> </el-form-item
|
|
|
- ></el-col>
|
|
|
- </el-row>
|
|
|
- <!-- <el-row>
|
|
|
- <el-col style="color: #666; line-height: 40px">
|
|
|
- SACAD数据测点过滤设置 :</el-col
|
|
|
- >
|
|
|
- </el-row> -->
|
|
|
- <el-row :gutter="5">
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="风速过滤">
|
|
|
- <div class="demo-input-suffix">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最小值"
|
|
|
- v-model="input1"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最大值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="桨距角过滤">
|
|
|
- <div class="demo-input-suffix">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最小值"
|
|
|
- v-model="input1"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最大值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="有功功率过滤">
|
|
|
- <div class="demo-input-suffix">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最小值"
|
|
|
- v-model="input1"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最大值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="6" :xl="6">
|
|
|
- <el-form-item label="发电机转速过滤">
|
|
|
- <div class="demo-input-suffix">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最小值"
|
|
|
- v-model="input1"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最大值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="5">
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
- <el-form-item label="发电机转矩">
|
|
|
- <div class="demo-input-suffix">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="步长"
|
|
|
- v-model="input1"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最小值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最大值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
- <el-form-item label="风能利用系数">
|
|
|
- <div class="demo-input-suffix">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="步长"
|
|
|
- v-model="input1"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最小值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
+ <el-select
|
|
|
+ v-model="form.region"
|
|
|
+ placeholder="请选择分析类型"
|
|
|
size="small"
|
|
|
- placeholder="最大值"
|
|
|
- v-model="input2"
|
|
|
>
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
- <el-form-item label="叶尖转速比">
|
|
|
- <div class="demo-input-suffix">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="步长"
|
|
|
- v-model="input1"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最小值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最大值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
- <el-form-item label="有功功率">
|
|
|
- <div class="demo-input-suffix">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="步长"
|
|
|
- v-model="input1"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最小值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- size="small"
|
|
|
- placeholder="最大值"
|
|
|
- v-model="input2"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
- <el-form-item label="桨距角">
|
|
|
- <div class="demo-input-suffix">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
+ <el-option label="类型一" value="shanghai"></el-option>
|
|
|
+ <el-option label="类型二" value="beijing"></el-option>
|
|
|
+ </el-select> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="5">
|
|
|
+ <el-form-item
|
|
|
+ label="机组编号"
|
|
|
+ v-if="checkedCities.find((item) => item === '机组编号')"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ multiple
|
|
|
+ v-model="form.region"
|
|
|
+ placeholder="请选择机组编号"
|
|
|
size="small"
|
|
|
- placeholder="步长"
|
|
|
- v-model="input1"
|
|
|
>
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
+ <el-option label="类型一" value="shanghai"></el-option>
|
|
|
+ <el-option label="类型二" value="beijing"></el-option>
|
|
|
+ </el-select> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="5">
|
|
|
+ <el-form-item
|
|
|
+ label="滤除月份"
|
|
|
+ v-if="checkedCities.find((item) => item === '滤除月份')"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ width="200"
|
|
|
size="small"
|
|
|
- placeholder="最小值"
|
|
|
- v-model="input2"
|
|
|
+ type="dates"
|
|
|
+ v-model="value4"
|
|
|
+ placeholder="选择一个或多个日期"
|
|
|
>
|
|
|
- </el-input>
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="9">
|
|
|
+ <el-form-item
|
|
|
+ label="分析时间"
|
|
|
+ v-if="checkedCities.find((item) => item === '分析时间')"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
size="small"
|
|
|
- placeholder="最大值"
|
|
|
- v-model="input2"
|
|
|
+ v-model="value1"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
>
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row type="flex" justify="end">
|
|
|
- <el-col :span="5">
|
|
|
- <el-form-item class="searchFrom">
|
|
|
- <el-button type="primary" @click="onSubmit" size="small"
|
|
|
- >查询</el-button
|
|
|
- >
|
|
|
- <el-button size="small">重置</el-button>
|
|
|
- <i @click="drawer = true" class="el-icon-setting"></i>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </el-card>
|
|
|
+ </el-date-picker> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item
|
|
|
+ title="SACAD数据测点过滤设置:"
|
|
|
+ name="2"
|
|
|
+ v-if="checkedCities.find((item) => item === 'SCADA数据过滤')"
|
|
|
+ >
|
|
|
+ <el-row :gutter="5">
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="风速过滤">
|
|
|
+ <div class="demo-input-suffix">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最小值"
|
|
|
+ v-model="input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最大值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="桨距角过滤">
|
|
|
+ <div class="demo-input-suffix">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最小值"
|
|
|
+ v-model="input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最大值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="有功功率过滤">
|
|
|
+ <div class="demo-input-suffix">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最小值"
|
|
|
+ v-model="input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最大值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="发电机转速过滤">
|
|
|
+ <div class="demo-input-suffix">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最小值"
|
|
|
+ v-model="input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最大值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ <el-collapse-item
|
|
|
+ title="图像轴系设置:"
|
|
|
+ name="3"
|
|
|
+ v-if="checkedCities.find((item) => item === '图像设置')"
|
|
|
+ >
|
|
|
+ <el-row :gutter="5">
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="发电机转矩">
|
|
|
+ <div class="demo-input-suffix">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="步长"
|
|
|
+ v-model="input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最小值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最大值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="风能利用系数">
|
|
|
+ <div class="demo-input-suffix">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="步长"
|
|
|
+ v-model="input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最小值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最大值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="叶尖转速比">
|
|
|
+ <div class="demo-input-suffix">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="步长"
|
|
|
+ v-model="input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最小值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最大值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="有功功率">
|
|
|
+ <div class="demo-input-suffix">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="步长"
|
|
|
+ v-model="input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最小值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最大值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
|
|
|
+ <el-form-item label="桨距角">
|
|
|
+ <div class="demo-input-suffix">
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="步长"
|
|
|
+ v-model="input1"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最小值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ size="small"
|
|
|
+ placeholder="最大值"
|
|
|
+ v-model="input2"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ </el-form>
|
|
|
<el-card shadow="always" class="box-card">
|
|
|
<el-row>
|
|
|
<el-col :span="12"
|
|
@@ -387,23 +408,38 @@
|
|
|
<el-col :span="12">
|
|
|
<div class="drawerRight">
|
|
|
<div style="text-align: center; font-size: 16px">已选中功能</div>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
+ <ul>
|
|
|
+ <li v-for="func in checkedCities" :key="func">
|
|
|
+ {{ func }}
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ @click="removeFunction(func)"
|
|
|
+ ></el-button>
|
|
|
+ </li>
|
|
|
+ </ul></div
|
|
|
+ ></el-col>
|
|
|
</el-row>
|
|
|
+ <div class="demo-drawer__footer">
|
|
|
+ <el-button @click="handleClose">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="handleClose">{{ "确 定" }}</el-button>
|
|
|
+ </div>
|
|
|
</el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import TinymceEditor from "@/components/Tinymce.vue";
|
|
|
+
|
|
|
export default {
|
|
|
- components: {
|
|
|
- TinymceEditor,
|
|
|
- },
|
|
|
+
|
|
|
data() {
|
|
|
return {
|
|
|
+ value4: "",
|
|
|
+ value1: "",
|
|
|
+ form: {},
|
|
|
+ activeNames: ["1", "2", "3"],
|
|
|
checkAll: false,
|
|
|
- checkedCities: [],
|
|
|
- cities: ["分析类型", "分析时间", "过滤月份", "机组编号"],
|
|
|
+ checkedCities: ["分析类型", "分析时间", "滤除月份", "机组编号"],
|
|
|
+ cities: ["分析类型", "分析时间", "滤除月份", "机组编号"],
|
|
|
isIndeterminate: true,
|
|
|
drawer: false,
|
|
|
direction: "rtl",
|
|
@@ -449,10 +485,15 @@ export default {
|
|
|
this.isIndeterminate =
|
|
|
checkedCount > 0 && checkedCount < this.cities.length + 2;
|
|
|
},
|
|
|
+ removeFunction(item) {
|
|
|
+ this.checkedCities = this.checkedCities.filter((fuc) => fuc !== item);
|
|
|
+ },
|
|
|
+
|
|
|
handleClose(done) {
|
|
|
this.$confirm("确认关闭?")
|
|
|
.then((_) => {
|
|
|
- done();
|
|
|
+ // done();
|
|
|
+ this.drawer = false;
|
|
|
})
|
|
|
.catch((_) => {});
|
|
|
},
|
|
@@ -503,7 +544,6 @@ export default {
|
|
|
<style scoped lang="scss">
|
|
|
.box-card {
|
|
|
margin: 10px 0;
|
|
|
- // box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
|
|
|
width: 100%;
|
|
|
font-size: 14px;
|
|
|
.el-card__body {
|
|
@@ -514,15 +554,15 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- ::v-deep .searchFrom {
|
|
|
- .el-form-item__content {
|
|
|
- display: flex !important;
|
|
|
- justify-content: end !important;
|
|
|
- align-items: center !important;
|
|
|
- i {
|
|
|
- margin-left: 10px;
|
|
|
- font-size: 20px;
|
|
|
- }
|
|
|
+}
|
|
|
+::v-deep .searchFrom {
|
|
|
+ .el-form-item__content {
|
|
|
+ display: flex !important;
|
|
|
+ justify-content: end !important;
|
|
|
+ align-items: center !important;
|
|
|
+ i {
|
|
|
+ margin-left: 10px;
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -532,6 +572,7 @@ export default {
|
|
|
}
|
|
|
.drawerLeft {
|
|
|
margin-left: 20px;
|
|
|
+ color: #606266 !important;
|
|
|
}
|
|
|
.checkFromRow {
|
|
|
.el-col-12 {
|
|
@@ -542,11 +583,29 @@ export default {
|
|
|
text-align: end !important;
|
|
|
}
|
|
|
}
|
|
|
+ .drawerRight {
|
|
|
+ margin-right: 20px;
|
|
|
+ color: #606266 !important;
|
|
|
+ font-size: 14px;
|
|
|
+ ul {
|
|
|
+ list-style-type: none;
|
|
|
+ padding: 0;
|
|
|
+ color: #606266 !important;
|
|
|
+ li {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0px 10px;
|
|
|
+ line-height: 40px !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .demo-drawer__footer {
|
|
|
+ display: flex;
|
|
|
+ margin-top: 50px;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
}
|
|
|
-// ::v-deep.el-drawer__body {
|
|
|
-// margin: 0 20px !important;
|
|
|
-// }
|
|
|
-
|
|
|
::v-deep.el-input--small .el-input__inner {
|
|
|
width: 200px !important;
|
|
|
}
|