|
@@ -5,7 +5,7 @@
|
|
|
<div class="query-item">
|
|
|
<div class="lable">场站:</div>
|
|
|
<div class="search-input">
|
|
|
- <el-select v-model="value1" @change="ChangZhanChange(value1)" clearable placeholder="请选择"
|
|
|
+ <el-select v-model="value1" @change="ChangZhanChange(value1)" multiple placeholder="请选择"
|
|
|
popper-class="select">
|
|
|
<el-option v-for="item in ChangZhan" :key="item.id" :value="item.id" :label="item.name">
|
|
|
</el-option>
|
|
@@ -13,6 +13,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="query-item">
|
|
|
+ <div class="lable">项目:</div>
|
|
|
+ <div class="search-input">
|
|
|
+ <el-select v-model="value2" @change="XiangMuChange(value2)" multiple placeholder="请选择"
|
|
|
+ popper-class="select">
|
|
|
+ <el-option v-for="item in XiangMu" :key="item.id" :value="item.id" :label="item.name">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="query-item">
|
|
|
<div class="lable">线路:</div>
|
|
|
<div class="search-input">
|
|
|
<el-select v-model="value3" @change="XianLuChange(value3)" multiple placeholder="请选择"
|
|
@@ -52,7 +62,7 @@
|
|
|
<div v-show="detailShow==1">
|
|
|
<div class="mg-b-16">
|
|
|
<div class="project-table">
|
|
|
- <Table :data="tableData" :canScroll="false"></Table>
|
|
|
+ <Table :data="tableData" :canScroll="false" ref="curRef"></Table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-row class="mg-b-16">
|
|
@@ -73,11 +83,6 @@
|
|
|
:units='["(万KWh)"]' />
|
|
|
</panel>
|
|
|
</div>
|
|
|
- <el-dialog title="对标排名分析" v-model="dialogVisible" width="70%" top="10vh" custom-class="modal"
|
|
|
- :close-on-click-modal="false">
|
|
|
- <dayinfo :radarValue="radarValue" :windNum="windNum" :windNum2="windNum2" :tabs="tabs"
|
|
|
- :analyisDialog="analyisDialog" />
|
|
|
- </el-dialog>
|
|
|
</div>
|
|
|
<el-row :type="'flex'" class="content" v-show="detailShow==2">
|
|
|
<el-col :span="24" class="pd-l-8">
|
|
@@ -88,6 +93,11 @@
|
|
|
</panel>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
+ <el-dialog title="对标排名分析" v-model="dialogVisible" width="70%" top="10vh" custom-class="modal"
|
|
|
+ :close-on-click-modal="false">
|
|
|
+ <dayinfo :radarValue="radarValue" :windNum="windNum" :windNum2="windNum2" :tabs="tabs"
|
|
|
+ :analyisDialog="analyisDialog" />
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -110,6 +120,7 @@
|
|
|
data() {
|
|
|
let that = this;
|
|
|
return {
|
|
|
+ oneData:[],
|
|
|
tableIdArr: [], //放checkbox的id数组
|
|
|
tableId: [],
|
|
|
checkLength: 0, //对标分析只能选择2个
|
|
@@ -126,7 +137,7 @@
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
template: function() {
|
|
|
- return "<input class='check' type='CheckBox'/>";
|
|
|
+ return "<input class='check curCheckBox' type='CheckBox'/>";
|
|
|
},
|
|
|
click: function(event, data) {
|
|
|
// checkbox 事件
|
|
@@ -329,7 +340,6 @@
|
|
|
click: function(event, data) {
|
|
|
var dataId = that.tableIdArr[data.index - 1];
|
|
|
that.detailShow = 2;
|
|
|
- // var that = this;
|
|
|
that.API.requestData({
|
|
|
method: "GET",
|
|
|
subUrl: "benchmarking/details",
|
|
@@ -411,6 +421,7 @@
|
|
|
} else if (that.checkLength == 2) {
|
|
|
event.target.checked = false;
|
|
|
}
|
|
|
+ console.log(that.tableId)
|
|
|
},
|
|
|
},
|
|
|
{
|
|
@@ -555,6 +566,7 @@
|
|
|
XiangMu: [], //项目
|
|
|
XianLu: [], //线路
|
|
|
value1: [],
|
|
|
+ value2: [],
|
|
|
value3: [],
|
|
|
value4: "",
|
|
|
value5: "",
|
|
@@ -576,9 +588,17 @@
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
+ var that = this;
|
|
|
this.ChangZhanVal();
|
|
|
this.value4 = this.getTime(1);
|
|
|
this.value5 = this.getTime(2);
|
|
|
+ that.API.requestData({
|
|
|
+ method: "GET",
|
|
|
+ subUrl: "benchmarking/wplist",
|
|
|
+ success(res) {
|
|
|
+ that.value1.push(res.data[0].id)
|
|
|
+ }
|
|
|
+ });
|
|
|
this.AjaxCommon();
|
|
|
},
|
|
|
methods: {
|
|
@@ -588,15 +608,39 @@
|
|
|
method: "GET",
|
|
|
subUrl: "benchmarking/wplist",
|
|
|
success(res) {
|
|
|
+ that.oneData = res.data[0].id
|
|
|
that.ChangZhan = res.data;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
ChangZhanChange(val) {
|
|
|
+ console.log(val)
|
|
|
this.value1 = val;
|
|
|
+ this.value2 = [];
|
|
|
+ this.value3 = [];
|
|
|
+ this.AjaxCommon();
|
|
|
+ this.XiangMuVal(val);
|
|
|
+ this.clearDb();
|
|
|
+ },
|
|
|
+ XiangMuVal(val) {
|
|
|
+ var that = this;
|
|
|
+ that.API.requestData({
|
|
|
+ method: "GET",
|
|
|
+ subUrl: "benchmarking/projectList",
|
|
|
+ data: {
|
|
|
+ wpids: val
|
|
|
+ },
|
|
|
+ success(res) {
|
|
|
+ that.XiangMu = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ XiangMuChange(val) {
|
|
|
+ this.value2 = val;
|
|
|
this.value3 = [];
|
|
|
this.AjaxCommon();
|
|
|
this.XianLuVal(val);
|
|
|
+ this.clearDb();
|
|
|
},
|
|
|
XianLuVal(val) {
|
|
|
var that = this;
|
|
@@ -614,14 +658,17 @@
|
|
|
XianLuChange(val) {
|
|
|
this.value3 = val;
|
|
|
this.AjaxCommon();
|
|
|
+ this.clearDb();
|
|
|
},
|
|
|
BeginChange(val) {
|
|
|
this.value4 = val;
|
|
|
this.AjaxCommon();
|
|
|
+ this.clearDb();
|
|
|
},
|
|
|
EndChange(val) {
|
|
|
this.value5 = val;
|
|
|
this.AjaxCommon();
|
|
|
+ this.clearDb();
|
|
|
},
|
|
|
getTime(val) { //时间戳处理,val=1是默认开始时间(当前月第一天),val=2是默认结束时间(今天)
|
|
|
var date = new Date();
|
|
@@ -640,12 +687,13 @@
|
|
|
},
|
|
|
AjaxCommon() {
|
|
|
var that = this;
|
|
|
+ console.log(that.value1)
|
|
|
that.API.requestData({ //五项损失率
|
|
|
method: "GET",
|
|
|
subUrl: "benchmarking/xldb",
|
|
|
data: {
|
|
|
wpids: that.value1,
|
|
|
- projectids: '',
|
|
|
+ projectids: that.value2,
|
|
|
lineids: that.value3,
|
|
|
beginDate: that.value4,
|
|
|
endDate: that.value5,
|
|
@@ -904,7 +952,13 @@
|
|
|
if (that.tableId.length == 2) {
|
|
|
that.dialogVisible = true;
|
|
|
this.AjaxDbfx();
|
|
|
+ this.clearDb();
|
|
|
}
|
|
|
+ },
|
|
|
+ clearDb(){//清空对标状态
|
|
|
+ this.$refs.curRef.clearCheckBox();
|
|
|
+ this.tableId = [];
|
|
|
+ this.checkLength = 0;
|
|
|
}
|
|
|
}
|
|
|
};
|
|
@@ -922,7 +976,7 @@
|
|
|
overflow: auto;
|
|
|
|
|
|
tbody {
|
|
|
- height: 189px;
|
|
|
+ height: 279px;
|
|
|
}
|
|
|
|
|
|
th,
|