Merge branch 'mw2' of http://61.161.152.110:10101/r/electronic-map into sl3

src/views/malfunctionRecall/index.vue

@@ -1,49 +1,24 @@
 <template>
-  <div class="knowledge-2">
+	<div class="knowledge-2">
-    <div class="query mg-b-8">
+		<div class="query mg-b-8">
-      <div class="query-items">
+			<div class="query-items">
-        <div class="query-item">
+				<div class="query-item">
-          <div class="lable">场站：</div>
+					<div class="lable">场站：</div>
-          <div class="search-input">
+					<div class="search-input">
-            <el-select
+						<el-select v-model="wpId" clearable placeholder="请选择" popper-class="select" @change=" (wpId) => { getWt(wpId, true); } ">
-              v-model="wpId"
+							<el-option v-for="item in wpArray" :key="item.id" :value="item.id" :label="item.name" />
-              clearable
+						</el-select>
-              placeholder="请选择"
+					</div>
-              popper-class="select"
+				</div>
-              @change="
+				<div class="query-item">
-                (wpId) => {
+					<div class="lable">风机：</div>
-                  getWt(wpId, true);
+					<div class="search-input">
-                }
+						<el-select v-model="wtId" clearable placeholder="请选择" popper-class="select">
-              "
+							<el-option v-for="item in wtArray" :key="item.id" :value="item.id" :label="item.name" />
-            >
+						</el-select>
-              <el-option
+					</div>
-                v-for="item in wpArray"
+				</div>
-                :key="item.id"
+				<!-- <div class="query-item">
-                :value="item.id"
-                :label="item.name"
-              />
-            </el-select>
-          </div>
-        </div>
-        <div class="query-item">
-          <div class="lable">风机：</div>
-          <div class="search-input">
-            <el-select
-              v-model="wtId"
-              clearable
-              placeholder="请选择"
-              popper-class="select"
-            >
-              <el-option
-                v-for="item in wtArray"
-                :key="item.id"
-                :value="item.id"
-                :label="item.name"
-              />
-            </el-select>
-          </div>
-        </div>
-        <!-- <div class="query-item">
           <div class="lable">类型：</div>
           <div class="search-input">
             <el-select
@@ -61,287 +36,272 @@
             </el-select>
           </div>
         </div> -->
-        <div class="query-item">
+				<div class="query-item">
-          <div class="query-item">
+					<div class="query-item">
-            <div class="lable">开始日期：</div>
+						<div class="lable">开始日期：</div>
-            <div class="search-input">
+						<div class="search-input">
-              <el-date-picker
+							<el-date-picker v-model="value1" @change="BeginChange(value1)" type="date"
-                v-model="value1"
+								value-format="YYYY-MM-DD" placeholder="选择日期" popper-class="date-select">
-                @change="BeginChange(value1)"
+							</el-date-picker>
-                type="date"
+						</div>
-                value-format="YYYY-MM-DD"
+					</div>
-                placeholder="选择日期"
+					<div class="query-item">
-                popper-class="date-select"
+						<div class="lable">结束日期：</div>
-              >
+						<div class="search-input">
-              </el-date-picker>
+							<el-date-picker v-model="value2" @change="EndChange(value2)" type="date"
-            </div>
+								value-format="YYYY-MM-DD" placeholder="选择日期" popper-class="date-select">
-          </div>
+							</el-date-picker>
-          <div class="query-item">
+							<div class="unit svg-icon svg-icon-gray">
-            <div class="lable">结束日期：</div>
+								<svg-icon :svgid="''" />
-            <div class="search-input">
+							</div>
-              <el-date-picker
+						</div>
-                v-model="value2"
+					</div>
-                @change="EndChange(value2)"
+				</div>
-                type="date"
+			</div>
-                value-format="YYYY-MM-DD"
+			<div class="query-actions" style="margin-right: 1500px">
-                placeholder="选择日期"
+				<button class="btn green" @click="onClickSearch">查询</button>
-                popper-class="date-select"
+			</div>
-              >
+		</div>
-              </el-date-picker>
+		<div>
-              <div class="unit svg-icon svg-icon-gray">
+			<ComTable :data="tableData" height="85vh"></ComTable>
-                <svg-icon :svgid="''" />
+		</div>
-              </div>
+		<div>
-            </div>
+			<el-dialog title="故障诊断" v-model="dialogVisible" width="1400px" top="5vh" custom-class="modal hide-header"
-          </div>
+				:close-on-click-modal="false" :before-close="onClickDialogClose">
-        </div>
+				<fault-diagnosis :data="rowitem" />
-      </div>
+			</el-dialog>
-      <div class="query-actions" style="margin-right: 1500px">
+		</div>
-        <button class="btn green" @click="onClickSearch">查询</button>
+	</div>
-      </div>
-    </div>
-    <div>
-      <ComTable :data="tableData" height="85vh"></ComTable>
-    </div>
-    <div>
-      <el-dialog
-        title="故障诊断"
-        v-model="dialogVisible"
-        width="1400px"
-        top="10vh"
-        custom-class="modal hide-header"
-        :close-on-click-modal="false"
-        :before-close="onClickDialogClose"
-      >
-        <fault-diagnosis :data="rowitem"/>
-      </el-dialog>
-    </div>
-  </div>
 </template>
 
 <script>
-import ComTable from "@com/coms/table/table.vue";
+	import ComTable from "@com/coms/table/table.vue";
-import FaultDiagnosis from "./components/fault-diagnosis.vue";
+	import FaultDiagnosis from "./components/fault-diagnosis.vue";
 
-export default {
+	export default {
-  components: { ComTable, FaultDiagnosis },
+		components: {
-  data() {
+			ComTable,
-    const that = this;
+			FaultDiagnosis
-    return {
+		},
-      value1: "",
+		data() {
-      value2: "",
+			const that = this;
-      wpId: "",
+			return {
-      wpArray: [],
+				value1: "",
-      rowitem: "",
+				value2: "",
-      wpName: "",
+				wpId: "",
-      wtId: "",
+				wpArray: [],
-      type: "2",
+				rowitem: "",
-      dialogVisible: false,
+				wpName: "",
-      tableData: {
+				wtId: "",
-        column: [
+				type: "2",
-          {
+				dialogVisible: false,
-            name: "场站",
+				tableData: {
-            field: "wpName",
+					column: [{
-            is_num: true,
+							name: "场站",
-            is_light: false,
+							field: "wpName",
-          },
+							is_num: true,
-          {
+							is_light: false,
-            name: "机组",
+						},
-            field: "windTurbineId",
+						{
-            is_num: false,
+							name: "机组",
-            is_light: false,
+							field: "windTurbineId",
-          },
+							is_num: false,
-          {
+							is_light: false,
-            name: "开始时刻",
+						},
-            field: "stopTime",
+						{
-            is_num: false,
+							name: "开始时刻",
-            is_light: false,
+							field: "stopTime",
-          },
+							is_num: false,
-          {
+							is_light: false,
-            name: "结束时刻",
+						},
-            field: "startTime",
+						{
-            is_num: false,
+							name: "结束时刻",
-            is_light: false,
+							field: "startTime",
-          },
+							is_num: false,
-          {
+							is_light: false,
-            name: "停机小时数(h)",
+						},
-            field: "stopHours",
+						{
-            is_num: false,
+							name: "停机小时数(h)",
-            is_light: false,
+							field: "stopHours",
-          },
+							is_num: false,
-          {
+							is_light: false,
-            name: "停机类型",
+						},
-            field: "warnDesc",
+						{
-            is_num: false,
+							name: "停机类型",
-            is_light: false,
+							field: "warnDesc",
-          },
+							is_num: false,
-          {
+							is_light: false,
-            name: "损失电量(kWh)",
+						},
-            field: "lossPower",
+						{
-            is_num: false,
+							name: "损失电量(kWh)",
-            is_light: false,
+							field: "lossPower",
-          },
+							is_num: false,
-          {
+							is_light: false,
-            name: "操作",
+						},
-            field: "",
+						{
-            is_num: false,
+							name: "操作",
-            is_light: false,
+							field: "",
-            template() {
+							is_num: false,
-              return "<el-button type='text' style='cursor: pointer;'>回溯</el-button>";
+							is_light: false,
-            },
+							template() {
-             click(e, row) {
+								return "<el-button type='text' style='cursor: pointer;'>回溯</el-button>";
-              that.onClickOption(row);
+							},
-            },
+							click(e, row) {
-          },
+								that.onClickOption(row);
-        ],
+							},
-        data: [],
+						},
-      },
+					],
-    };
+					data: [],
-  },
+				},
-  created() {
+			};
-    this.value1 = new Date(new Date().getTime() - 3600 * 1000 * 24).formatDate(
+		},
-      "yyyy-MM-dd"
+		created() {
-    );
+			this.value1 = new Date(new Date().getTime() - 3600 * 1000 * 24).formatDate(
-    this.value2 = this.getTime(2);
+				"yyyy-MM-dd"
-    this.getWp();
+			);
-  },
+			this.value2 = this.getTime(2);
-  methods: {
+			this.getWp();
-    getTime(val) {
+		},
-      //时间戳处理，val=1是默认开始时间（当前月第一天），val=2是默认结束时间（今天）
+		methods: {
-      var date = new Date();
+			getTime(val) {
-      var year = date.getFullYear(),
+				//时间戳处理，val=1是默认开始时间（当前月第一天），val=2是默认结束时间（今天）
-        month = date.getMonth() + 1,
+				var date = new Date();
-        day = date.getDate();
+				var year = date.getFullYear(),
-      month >= 1 && month <= 9 ? (month = "0" + month) : "";
+					month = date.getMonth() + 1,
-      day >= 0 && day <= 9 ? (day = "0" + day) : "";
+					day = date.getDate();
-      var begin = year + "-" + month + "-01";
+				month >= 1 && month <= 9 ? (month = "0" + month) : "";
-      var end = year + "-" + month + "-" + day;
+				day >= 0 && day <= 9 ? (day = "0" + day) : "";
-      if (val == 1) {
+				var begin = year + "-" + month + "-01";
-        return begin;
+				var end = year + "-" + month + "-" + day;
-      } else if (val == 2) {
+				if (val == 1) {
-        return end;
+					return begin;
-      }
+				} else if (val == 2) {
-    },
+					return end;
-    // 获取风场
+				}
-    getWp(reGetWp) {
+			},
-      let that = this;
+			// 获取风场
-      that.API.requestData({
+			getWp(reGetWp) {
-        baseURL: "http://10.155.32.4:9001",
+				let that = this;
-        subUrl: "benchmarking/wplist",
+				that.API.requestData({
-        success(res) {
+					baseURL: "http://10.155.32.4:9001",
-          that.wpArray = res.data;
+					subUrl: "benchmarking/wplist",
-          that.wpId = res.data[0].id;
+					success(res) {
-          that.wpName = res.data[0].wpName;
+						that.wpArray = res.data;
-          that.getWt(that.wpId, reGetWp);
+						that.wpId = res.data[0].id;
-          that.requestSafeList();
+						that.wpName = res.data[0].wpName;
-        },
+						that.getWt(that.wpId, reGetWp);
-      });
+						that.requestSafeList();
-    },
+					},
+				});
+			},
 
-    // 获取风机
+			// 获取风机
-    getWt(wpid, reGetWp) {
+			getWt(wpid, reGetWp) {
-      let that = this;
+				let that = this;
-      if (that.wpId) {
+				if (that.wpId) {
-        that.API.requestData({
+					that.API.requestData({
-          method: "GET",
+						method: "GET",
-          baseURL: "http://10.155.32.4:9001",
+						baseURL: "http://10.155.32.4:9001",
-          subUrl: "benchmarking/wtList",
+						subUrl: "benchmarking/wtList",
-          data: {
+						data: {
-            wpid,
+							wpid,
-          },
+						},
-          success(res) {
+						success(res) {
-            that.wtArray = res.data;
+							that.wtArray = res.data;
-            // that.wtId = res.data[0].id;
+							// that.wtId = res.data[0].id;
-          },
+						},
-        });
+					});
-      }
+				}
-    },
+			},
-    BeginChange(vl) {
+			BeginChange(vl) {
-      this.value1 = vl;
+				this.value1 = vl;
-    },
+			},
-    EndChange(vl) {
+			EndChange(vl) {
-      this.value2 = vl;
+				this.value2 = vl;
-    },
+			},
-    typeChange(vl) {
+			typeChange(vl) {
-      this.type = vl;
+				this.type = vl;
-    },
+			},
-    // 搜索按钮
+			// 搜索按钮
-    onClickSearch() {
+			onClickSearch() {
-      this.requestSafeList();
+				this.requestSafeList();
-    },
+			},
-    // 获取停机事件
+			// 获取停机事件
-    requestSafeList() {
+			requestSafeList() {
-      let that = this;
+				let that = this;
 
-      let data = {
+				let data = {
-        tablepar: {
+					tablepar: {
-          pageNum: 1,
+						pageNum: 1,
-          pageSize: 1000,
+						pageSize: 1000,
-        },
+					},
-        beginDate: that.value1,
+					beginDate: that.value1,
-        endDate: that.value2,
+					endDate: that.value2,
-        wpId: that.wpId,
+					wpId: that.wpId,
-      };
+				};
 
-      if (that.wtId != "") data.wtId = that.wtId;
+				if (that.wtId != "") data.wtId = that.wtId;
-      if (that.type != "") data.type = that.type;
+				if (that.type != "") data.type = that.type;
 
-      this.API.requestData({
+				this.API.requestData({
-        method: "POST",
+					method: "POST",
-        subUrl: "/event/getShutdownevent",
+					subUrl: "/event/getShutdownevent",
-        data,
+					data,
-        success(res) {
+					success(res) {
-          if (res.code == 200) {
+						if (res.code == 200) {
-            that.tableData.data = [];
+							that.tableData.data = [];
-            if (res.data.list.length) {
+							if (res.data.list.length) {
-              let data = res.data.list;
+								let data = res.data.list;
-              for (var i = 0; i < data.length; i++) {
+								for (var i = 0; i < data.length; i++) {
-                let obj = {
+									let obj = {
-                  wpName: data[i].wpName,
+										wpName: data[i].wpName,
-                  windTurbineId: data[i].windTurbineId,
+										windTurbineId: data[i].windTurbineId,
-                  stopTime: new Date(data[i].stopTime).formatDate(
+										stopTime: new Date(data[i].stopTime).formatDate(
-                    "yyyy-MM-dd hh:mm:ss"
+											"yyyy-MM-dd hh:mm:ss"
-                  ),
+										),
 
-                  stopHours: data[i].stopHours,
+										stopHours: data[i].stopHours,
-                  statusName: data[i].statusName,
+										statusName: data[i].statusName,
-                  warnDesc: data[i].warnDesc,
+										warnDesc: data[i].warnDesc,
-                  lossPower: data[i].lossPower,
+										lossPower: data[i].lossPower,
-                  handleWay: data[i].handleWay,
+										handleWay: data[i].handleWay,
-                };
+									};
-                if (data[i].startTime)
+									if (data[i].startTime)
-                  obj.startTime = new Date(data[i].startTime).formatDate(
+										obj.startTime = new Date(data[i].startTime).formatDate(
-                    "yyyy-MM-dd hh:mm:ss"
+											"yyyy-MM-dd hh:mm:ss"
-                  );
+										);
-                that.tableData.data.push(obj);
+									that.tableData.data.push(obj);
-              }
+								}
-            }
+							}
-          }
+						}
-        },
+					},
-      });
+				});
-    },
+			},
-    // 回放按钮
+			// 回放按钮
-    onClickOption(row) {
+			onClickOption(row) {
-      this.rowitem = row
+				this.rowitem = row
-      this.dialogVisible = true;
+				this.dialogVisible = true;
-    },
+			},
-    // 关闭弹窗
+			// 关闭弹窗
-    onClickDialogClose() {
+			onClickDialogClose() {
-      this.dialogVisible = false;
+				this.dialogVisible = false;
-    },
+			},
-  },
+		},
-};
+	};
 </script>
 
 <style lang="less" scope>
-@titleGray: #9ca5a8;
+	@titleGray: #9ca5a8;
-@rowGray: #606769;
+	@rowGray: #606769;
-@darkBack: #536268;
+	@darkBack: #536268;
-.knowledge-2 {
+
-  .el-select {
+	.knowledge-2 {
-    width: 200px;
+		.el-select {
-  }
+			width: 200px;
-  .el-input {
+		}
-    width: 200px;
+
-  }
+		.el-input {
-}
+			width: 200px;
+		}
+	}
 </style>