|
@@ -6,22 +6,32 @@
|
|
|
:hiddenSearch="true"
|
|
|
@firstRender="firstRender"
|
|
|
/>
|
|
|
- <!-- <div class="title">
|
|
|
+ <div class="title">
|
|
|
+ <el-select v-model="tabIndex" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-show="item.id"
|
|
|
+ v-for="(item, index) in tabOptions"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
<el-select
|
|
|
- size="mini"
|
|
|
- v-model="company"
|
|
|
- placeholder="请选择"
|
|
|
- @change="handleCompanyChange(company)"
|
|
|
+ size="mini"
|
|
|
+ v-model="company"
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="handleCompanyChange(company)"
|
|
|
>
|
|
|
<el-option
|
|
|
- v-for="item in companyOptions"
|
|
|
- :key="item.id"
|
|
|
- :label="item.aname"
|
|
|
- :value="item.id"
|
|
|
+ v-for="item in companyOptions"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.aname"
|
|
|
+ :value="item.id"
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
- <div class="tabCut">
|
|
|
+ <!-- <div class="tabCut">
|
|
|
<div
|
|
|
@click="tabClick(val.id)"
|
|
|
:class="tabIndex === val.id ? 'active' : ''"
|
|
@@ -30,73 +40,75 @@
|
|
|
>
|
|
|
<span>{{ val.name }}</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
|
|
|
<div class="station">
|
|
|
场站:
|
|
|
<el-select
|
|
|
- size="mini"
|
|
|
- v-model="stationObj"
|
|
|
- placeholder="请选择"
|
|
|
- @change="handleStationChange(stationObj)"
|
|
|
- clearable
|
|
|
+ size="mini"
|
|
|
+ v-model="stationObj"
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="handleStationChange(stationObj)"
|
|
|
+ clearable
|
|
|
>
|
|
|
<el-option
|
|
|
- v-for="item in stationList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.aname"
|
|
|
- :value="item.id"
|
|
|
+ v-for="item in stationList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.aname"
|
|
|
+ :value="item.id"
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
- <div class="station">
|
|
|
- 项目:
|
|
|
- <el-select
|
|
|
+ <template v-if="tabIndex === -1">
|
|
|
+ <div class="station">
|
|
|
+ 项目:
|
|
|
+ <el-select
|
|
|
size="mini"
|
|
|
v-model="projectObj"
|
|
|
placeholder="请选择"
|
|
|
@change="handleProjectChange(projectObj)"
|
|
|
clearable
|
|
|
- >
|
|
|
- <el-option
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
v-for="item in projectList"
|
|
|
:key="item.id"
|
|
|
:label="item.aname"
|
|
|
:value="item.id"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="station">
|
|
|
- 线路:
|
|
|
- <el-select
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="station">
|
|
|
+ 线路:
|
|
|
+ <el-select
|
|
|
size="mini"
|
|
|
v-model="lineObj"
|
|
|
placeholder="请选择"
|
|
|
clearable
|
|
|
@change="typeClick('1')"
|
|
|
- >
|
|
|
- <el-option
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
v-for="item in lineList"
|
|
|
:key="item.id"
|
|
|
:label="item.aname"
|
|
|
:value="item.id"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
|
|
|
<div class="dates">
|
|
|
开始日期
|
|
|
<div class="search-input">
|
|
|
<el-date-picker
|
|
|
- v-model="starTime"
|
|
|
- type="date"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- placeholder="选择日期"
|
|
|
- popper-class="date-select"
|
|
|
- @change="typeClick('1')"
|
|
|
+ v-model="starTime"
|
|
|
+ type="date"
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
+ placeholder="选择日期"
|
|
|
+ popper-class="date-select"
|
|
|
+ @change="typeClick('1')"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
@@ -105,31 +117,31 @@
|
|
|
结束日期
|
|
|
<div class="search-input">
|
|
|
<el-date-picker
|
|
|
- v-model="endTime"
|
|
|
- type="date"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- placeholder="选择日期"
|
|
|
- popper-class="date-select"
|
|
|
- @change="typeClick('1')"
|
|
|
+ v-model="endTime"
|
|
|
+ type="date"
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
+ placeholder="选择日期"
|
|
|
+ popper-class="date-select"
|
|
|
+ @change="typeClick('1')"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="but">
|
|
|
<el-button
|
|
|
- round
|
|
|
- size="mini"
|
|
|
- class="buttons active"
|
|
|
- @click="getPerformance"
|
|
|
- >搜索</el-button
|
|
|
+ round
|
|
|
+ size="mini"
|
|
|
+ class="buttons active"
|
|
|
+ @click="getPerformance"
|
|
|
+ >搜索</el-button
|
|
|
>
|
|
|
<el-button round size="mini" class="buttons" @click="mxClick"
|
|
|
- >明细</el-button
|
|
|
+ >明细</el-button
|
|
|
>
|
|
|
</div>
|
|
|
- </div> -->
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="tabCut1">
|
|
|
+ <div class="tabCut1" v-if="tabIndex === -1">
|
|
|
<div
|
|
|
class="tabCut-item"
|
|
|
@click="typeClick(val.id)"
|
|
@@ -247,6 +259,7 @@ export default {
|
|
|
tabIndex: -1,
|
|
|
bardata: [],
|
|
|
lineData: [],
|
|
|
+ tabType: -1,
|
|
|
tabOptions: [
|
|
|
{ id: -1, name: "风电" },
|
|
|
{ id: -2, name: "光伏" },
|