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

src/views/WindSite/WindSite.vue

@@ -1,203 +1,231 @@
 <template>
-  <div class="wind-site">
+	<div class="wind-site">
-    <div class="page-common-body">
+		<div class="page-common-body">
-      <div class="page-common-body-router">
+			<div class="page-common-body-router">
-        <router-view />
+				<router-view />
-      </div>
+			</div>
-      <div class="page-common-body-menu">
+			<div class="page-common-body-menu">
-        <div class="page-common-body-menu-box">
+				<div class="page-common-body-menu-box">
-          <div class="page-common-body-menu-border left top"></div>
+					<div class="page-common-body-menu-border left top"></div>
-          <div class="page-common-body-menu-border left bottom"></div>
+					<div class="page-common-body-menu-border left bottom"></div>
-          <div class="page-common-body-menu-border right top"></div>
+					<div class="page-common-body-menu-border right top"></div>
-          <div class="page-common-body-menu-border right bottom"></div>
+					<div class="page-common-body-menu-border right bottom"></div>
-          <router-link v-for="(menuData, index) of menuDatas" :key="index" :to="menuData.path">
+					<router-link v-for="(menuData, index) of menuDatas" :key="index" :to="menuData.path">
-            <div class="page-common-body-menu-item" @click="clickMenu(index)" :class="{ active: activeIndex == index }">
+						<div class="page-common-body-menu-item" @click="clickMenu(index)"
-              <span class="svg-icon" :class="activeIndex == index ? 'svg-icon-yellow' : 'svg-icon-green'">
+							:class="{ active: activeIndex == index }">
-                <SvgIcon :svgid="menuData.icon"></SvgIcon>
+							<span class="svg-icon" :class="activeIndex == index ? 'svg-icon-yellow' : 'svg-icon-green'">
-              </span>
+								<SvgIcon :svgid="menuData.icon"></SvgIcon>
-            </div>
+							</span>
-          </router-link>
+						</div>
-        </div>
+					</router-link>
-      </div>
+				</div>
-    </div>
+			</div>
-  </div>
+		</div>
+	</div>
 </template>
 
 <script>
-import SvgIcon from "@com/coms/icon/svg-icon.vue";
+	import SvgIcon from "@com/coms/icon/svg-icon.vue";
-export default {
+	export default {
-  // 名称
+		// 名称
-  name: "WindSite",
+		name: "WindSite",
-  // 使用组件
+		// 使用组件
-  components: {
+		components: {
-    SvgIcon,
+			SvgIcon,
-  },
+		},
-  // 数据
+		// 数据
-  data() {
+		data() {
-    return {
+			return {
-      activeIndex: 0,
+				windsitePath: '',
-      menuDatas: [
+				activeIndex: 0,
-        {
+				menuDatas: [{
-          icon: "svg-s场站监视",
+						icon: "svg-s场站监视",
-          path: "/monitor/windsite/home",
+						path: "/monitor/windsite/home",
-        },
+					},
-        {
+					{
-          icon: "svg-s指标列表",
+						icon: "svg-s指标列表",
-          path: "/monitor/windsite/draughtfanlist",
+						path: "/monitor/windsite/draughtfanlist",
-        },
+					},
-        // {
+					// {
-        //   icon: "svg-agc",
+					//   icon: "svg-agc",
-        //   path: "/monitor/windsite/matrix",
+					//   path: "/monitor/windsite/matrix",
-        // },
+					// },
-        // {
+					// {
-        //   icon: "svg-agc",
+					//   icon: "svg-agc",
-        //   path: "/monitor/windsite/lightmatrix",
+					//   path: "/monitor/windsite/lightmatrix",
-        // },
+					// },
-        // {
+					// {
-        //   icon: "svg-intranet-involvement",
+					//   icon: "svg-intranet-involvement",
-        //   path: "/monitor/windsite/box",
+					//   path: "/monitor/windsite/box",
-        // },
+					// },
-        // {
+					// {
-        //   icon: "svg-matrix",
+					//   icon: "svg-matrix",
-        //   path: "/monitor/windsite/info",
+					//   path: "/monitor/windsite/info",
-        // },
+					// },
-        {
+					{
-          icon: "svg-s测风塔",
+						icon: "svg-s测风塔",
-          path: "/monitor/windsite/tower",
+						path: "/monitor/windsite/tower",
-        },
+					},
-        // {
+					// {
-        //   icon: "svg-easy-compass",
+					//   icon: "svg-easy-compass",
-        //   path: "/monitor/windsite/Inverter-Info",
+					//   path: "/monitor/windsite/Inverter-Info",
-        // },
+					// },
-        // {
+					// {
-        //   icon: "svg-easy-compass",
+					//   icon: "svg-easy-compass",
-        //   path: "/monitor/windsite/map",
+					//   path: "/monitor/windsite/map",
-        // },
+					// },
-        // {
+					// {
-        //   icon: "svg-easy-compass",
+					//   icon: "svg-easy-compass",
-        //   path: "/monitor/windsite/map1",
+					//   path: "/monitor/windsite/map1",
-        // },
+					// },
-        {
+					{
-          icon: "svg-matrix",
+						icon: "svg-matrix",
-          path: "/monitor/windsite/matrix",
+						path: "/monitor/windsite/matrix",
-        },
+					},
-        {
+					{
-          icon: "svg-s总貌",
+						icon: "svg-s总貌",
-          path: "/monitor/windsite/generalappearance",
+						path: "/monitor/windsite/generalappearance",
-        },
+					},
-        {
+					{
-          icon: "svg-s升压站",
+						icon: "svg-s升压站",
-          path: "/monitor/windsite/boosterstation",
+						path: "/monitor/windsite/boosterstation",
-        },
+					},
-        {
+					{
-          icon: "svg-s地图",
+						icon: "svg-s地图",
-          path: "/monitor/windsite/map",
+						path: "/monitor/windsite/map",
-        },
+					},
-      ],
+					{
-    };
+						icon: "svg-wind-site",
-  },
+						path: this.windsitePath,
-  // 函数
+					},
-  methods: {
+				],
-    clickMenu: function(index) {
+			};
-      this.activeIndex = index;
+		},
-    },
+		// 函数
-  },
+		methods: {
-
+			jumpUrl() {
-  created() {
+				var p = this.$route.path.split('/');
-    this.menuDatas.forEach((ele) => {
+				var pData = p[p.length - 1].split('_');
-      ele.path = ele.path + "/" + this.$route.params.wpId;
+				var wpId = p[p.length - 1];
-    });
+				if (wpId.indexOf("FDC") !== -1) {
-  },
+					this.windsitePath = `/monitor/windsite/info/${wpId}/${pData[0] + '01_01'}`
-
+				} else {
-  mounted() {},
+					this.windsitePath = `../../windsite/inverter-info/${wpId}/${pData[0] + '01_01'}`
-};
+				}
+			},
+			clickMenu: function(index) {
+				if (index == 7) { //风场
+					this.jumpUrl();
+					this.menu(index);
+				}
+				this.activeIndex = index;
+			},
+			menu(index) {
+				if(index){
+					this.menuDatas[index].path = this.windsitePath;
+				}else{
+					this.menuDatas.forEach((ele) => {
+						if (ele.icon == 'svg-wind-site') {
+							ele.path = this.windsitePath
+						} else {
+							ele.path = ele.path + "/" + this.$route.params.wpId;
+						}
+					});
+				}
+			}
+		},
+		created() {
+			this.jumpUrl();
+			this.menu();
+		},
+	};
 </script>
 
 <style lang="less" scoped>
-.wind-site {
+	.wind-site {
-  .page-common-body {
+		.page-common-body {
-    display: flex;
+			display: flex;
-    flex-direction: row;
+			flex-direction: row;
-    margin-top: 0.741vh;
+			margin-top: 0.741vh;
-
+
-    .page-common-body-router {
+			.page-common-body-router {
-      overflow: auto;
+				overflow: auto;
-      overflow-x: hidden;
+				overflow-x: hidden;
-      height: calc(100vh - 7.037vh);
+				height: calc(100vh - 7.037vh);
-      flex: 1 1 auto;
+				flex: 1 1 auto;
-    }
+			}
-
+
-    .page-common-body-menu {
+			.page-common-body-menu {
-      width: 7.407vh;
+				width: 7.407vh;
-      padding: 0 1.481vh 1.481vh 1.481vh;
+				padding: 0 1.481vh 1.481vh 1.481vh;
-
+
-      .page-common-body-menu-box {
+				.page-common-body-menu-box {
-        border: 0.093vh solid @darkgray;
+					border: 0.093vh solid @darkgray;
-        background-color: fade(@darkgray, 30%);
+					background-color: fade(@darkgray, 30%);
-        padding: 2.222vh 0.185vh;
+					padding: 2.222vh 0.185vh;
-        position: relative;
+					position: relative;
-
+
-        .page-common-body-menu-border {
+					.page-common-body-menu-border {
-          position: absolute;
+						position: absolute;
-          width: 0.37vh;
+						width: 0.37vh;
-          height: 0.37vh;
+						height: 0.37vh;
-          background-color: @write;
+						background-color: @write;
-          border-radius: 50%;
+						border-radius: 50%;
-
+
-          &.left {
+						&.left {
-            left: -0.185vh;
+							left: -0.185vh;
-          }
+						}
-
+
-          &.right {
+						&.right {
-            right: -0.185vh;
+							right: -0.185vh;
-          }
+						}
-
+
-          &.top {
+						&.top {
-            top: -0.185vh;
+							top: -0.185vh;
-          }
+						}
-
+
-          &.bottom {
+						&.bottom {
-            bottom: -0.185vh;
+							bottom: -0.185vh;
-          }
+						}
-        }
+					}
-
+
-        .page-common-body-menu-item {
+					.page-common-body-menu-item {
-          border: 0.093vh solid fade(@green, 40%);
+						border: 0.093vh solid fade(@green, 40%);
-          width: 3.889vh;
+						width: 3.889vh;
-          height: 3.889vh;
+						height: 3.889vh;
-          border-radius: 0.278vh;
+						border-radius: 0.278vh;
-          margin-top: 0.741vh;
+						margin-top: 0.741vh;
-          display: flex;
+						display: flex;
-          align-items: center;
+						align-items: center;
-          justify-content: center;
+						justify-content: center;
-          cursor: pointer;
+						cursor: pointer;
-
+
-          a {
+						a {
-            line-height: 0;
+							line-height: 0;
-          }
+						}
-
+
-          // &:first-child {
+						// &:first-child {
-          //   margin-top: 0;
+						//   margin-top: 0;
-          // }
+						// }
-
+
-          &.active {
+						&.active {
-            border-color: fade(@yellow, 40%);
+							border-color: fade(@yellow, 40%);
-            position: relative;
+							position: relative;
-
+
-            &::after {
+							&::after {
-              content: "";
+								content: "";
-              width: calc(100% - 0.37vh);
+								width: calc(100% - 0.37vh);
-              height: calc(100% - 0.37vh);
+								height: calc(100% - 0.37vh);
-              position: absolute;
+								position: absolute;
-              border: 0.093vh solid @yellow;
+								border: 0.093vh solid @yellow;
-              box-shadow: 0 0 0.37vh @yellow;
+								box-shadow: 0 0 0.37vh @yellow;
-              top: 0.093vh;
+								top: 0.093vh;
-              left: 0.093vh;
+								left: 0.093vh;
-            }
+							}
-          }
+						}
-        }
+					}
-      }
+				}
-    }
+			}
-  }
+		}
-}
+	}
-</style>
+</style>

src/views/WindSite/pages/Info/Base-Info.vue

@@ -68,8 +68,8 @@
       <el-col :span="10" class="background">
         <el-row type="flex" justify="center" :align="'middle'" class="power-load">
           <!-- 功率复核 PowerLoad -->
-          <el-col v-for="item in PowerLoad" :key="item" :span="6">
+          <el-col v-for="(item , index) in PowerLoad" :key="item" :span="6">
-            <dash-pie-chart :title="item.title" :value="sourceMap.jczbmap && sourceMap.jczbmap[item.key]" height="9.722vh" />
+            <dash-pie-chart :title="item.title" :value="sourceMap.jczbmap && sourceMap.jczbmap[item.key]" height="9.722vh" :max="index==0 ? 100 : 2500"/>
           </el-col>
         </el-row>
       </el-col>

src/views/WindSite/pages/Info/Info.vue

@@ -234,18 +234,20 @@ export default {
   created() {
     let that = this;
     that.wpId = that.$route.params.wpId;
+	that.wtId = that.$route.params.wtId;
+	this.$router.replace(`/monitor/windsite/info/${that.wpId}/${that.wtId}`);
     that.$nextTick(() => {
       that.requestData(false);
-      that.timmer = setInterval(() => {
+      // that.timmer = setInterval(() => {
-        that.requestData(false);
+      //   that.requestData(false);
-      }, that.$store.state.websocketTimeSec);
+      // }, that.$store.state.websocketTimeSec);
     });
   },
 
-  unmounted() {
+  // unmounted() {
-    clearInterval(this.timmer);
+  //   clearInterval(this.timmer);
-    this.timmer = null;
+  //   this.timmer = null;
-  },
+  // },
 
   watch:{
     // "$route"(res){
@@ -257,6 +259,10 @@ export default {
     //     this.requestData(false);
     //   }, this.$store.state.websocketTimeSec);
     // }
+	sourceMap(res){
+		console.log(res)
+		this.sourceMap = res;
+	}
   }
 };
 </script>

src/views/WindSite/pages/Matrix.vue

@@ -12,7 +12,7 @@
       </div>
     </div>
     <div class="panel-body">
-      <div class="card" v-for="(cItem, cIndex) of sourceMap.fjmap[0]" :key="cIndex" :class="cItem.color">
+      <div class="card" v-for="(cItem, cIndex) of sourceMap.fjmap[0]" :key="cIndex" :class="cItem.color" @click="jumpUrl(cItem.wpId,cItem.wtId)">
         <div class="card-panel">
           <div class="card-left">
             <div class="tag">{{ cItem.wtnum }}</div>
@@ -214,6 +214,17 @@ export default {
         path: `/monitor/windsite/matrix/${res.code}`,
       });
     },
+	jumpUrl(wpId, wtId){
+		if (wpId.indexOf("FDC") !== -1) {
+		  this.$router.push({
+		    path: `/monitor/windsite/info/${wpId}/${wtId}`
+		  });
+		} else {
+		  this.$router.push({
+		    path: `../../windsite/inverter-info/${wpId}/${wtId}`
+		  });
+		}
+	  },
   },
 
   created() {
@@ -307,6 +318,7 @@ export default {
       flex: 1 0 125px;
     }
     .card {
+		cursor: pointer;
       margin-right: 4px;
       margin-top: 4px;
       flex: 1 0 125px;

src/views/WindSite/pages/Tower.vue

@@ -43,7 +43,7 @@
         </div>
       </div>
     </Panel>
-    <toolbar-panel class="rose-chart" title="功率曲线">
+    <toolbar-panel class="rose-chart" title="72小时功率曲线图">
       <!-- <template v-slot:tools>
       </template> -->
       <!-- <template v-slot:default> -->
@@ -98,20 +98,20 @@ export default {
       cftmap: {},
       glvos: [],
       rmgtmap: {
-        indicator: ["N0", "N1", "N2", "N3", "N4", "N5"],
+        indicator: ["N0", "N1"],
         data: [
           {
-            value: [44200, 14200, 20000, 35000, 50000, 38000],
+            value: [44200, 14200],
             name: "",
           },
         ],
       },
       rmgtTitle: "",
       ymgtmap: {
-        indicator: ["N0", "N1", "N2", "N3", "N4", "N5"],
+        indicator: ["N0", "N1"],
         data: [
           {
-            value: [44200, 14200, 20000, 35000, 50000, 38000],
+            value: [0, 14200],
             name: "",
           },
         ],
@@ -141,127 +141,84 @@ export default {
   // 函数
   methods: {
     requestLine() {
-      let that = this;
+		 let that = this;
-      that.API.requestData({
+		that.API.requestData({
-        method: "POST",
+		  method: "POST",
-        subUrl: "genreset/findPowerInfo",
+		  subUrl: "/monitor/findCftInfo",
-        timeout: 60000,
+		  timeout: 60000,
-        data: {
+		  data: {
-          id: that.wpId,
+		    wpId: that.wpId,
-        },
+		  },
-        success(res) {
+		success(res) {
-
+			var data = res.data;
-          let rdlKey = ["value1", "value2", "value3", "speed"];
+			that.cftmap = data.cftmap;
-          let DayPower = {
+			// 日资源玫瑰图
-            // 图表所用单位
+			var rmgtmapIndicator = [],
-            units: ["(万kWh)", "(m/s)"],
+				rmgtmapData = [];
-            value: [
+			data.rmgtmap.data.forEach(item =>{
-              {
+				rmgtmapIndicator.push(item.name);
-                title: "发电量",
+				rmgtmapData.push(item.data1)
-                yAxisIndex: 0,
+			})
-                value: [],
+			that.rmgtmap = {
-              },
+				indicator: rmgtmapIndicator,
-              {
+				data: [{value: rmgtmapData}]
-                title: "上网电量",
+			};
-                yAxisIndex: 0,
+			// 月资源玫瑰图
-                value: [],
+			var ymgtmapIndicator = [],
-              },
+				ymgtmapData = [];
-              {
+			data.ymgtmap.data.forEach(item =>{
-                title: "购网电量",
+				ymgtmapIndicator.push(item.name);
-                yAxisIndex: 0,
+				ymgtmapData.push(item.data1)
-                value: [],
+			})
-              },
+			that.ymgtmap = {
-              {
+				indicator: ymgtmapIndicator,
-                title: "实时风速",
+				data: [{value: ymgtmapData}]
-                yAxisIndex: 1,
+			};
-                value: [],
+			
-              },
+			// 72小时功率曲线图
-            ],
+			let glKey = ["value2","value1","value5","value4","value7","value6"];
-          };
+			let Powertrend = [
-
+			  {
-          let glKey = [
+			    title: "实发功率",
-            "value1",
+			    smooth: true,
-            "value2",
+			    value: [],
-            "value3",
+			  },
-            "value4",
+			  {
-            "value5",
+			    title: "理论功率",
-            "value6",
+			    smooth: true,
-            "value7",
+			    value: [],
-          ];
+			  },
-          let Powertrend = [
+			  {
-            {
+			    title: "保证功率",
-              title: "应发功率",
+			    smooth: true,
-              smooth: true,
+			    value: [],
-              value: [],
+			  },
-            },
+			  {
-            {
+			    title: "4小时预测功率",
-              title: "实发功率",
+			    smooth: true,
-              smooth: true,
+			    value: [],
-              value: [],
+			  },
-            },
+			  {
-            {
+			    title: "24小时预测功率",
-              title: "理论功率",
+			    smooth: true,
-              smooth: true,
+			    value: [],
-              value: [],
+			  },
-            },
+			  {
-            {
+			    title: "平均风速",
-              title: "4小时预测功率",
+			    smooth: true,
-              smooth: true,
+			    value: [],
-              value: [],
+			  },
-            },
+			];
-            {
+			glKey.forEach((keyEle, keyIndex) => {
-              title: "保证功率",
+			  res.data.glvos.forEach((cEle) => {
-              smooth: true,
+			    Powertrend[keyIndex].value.push({
-              value: [],
+			      text: new Date(cEle.time).formatDate("hh:mm"),
-            },
+			      value: cEle[keyEle],
-            {
+			    });
-              title: "平均风速",
+			  });
-              smooth: true,
+			});
-              value: [],
+			that.Powertrend = Powertrend;
-            },
+		}})
-            {
-              title: "24小时预测功率",
-              smooth: true,
-              value: [],
-            },
-          ];
-
-          rdlKey.forEach((keyEle, keyIndex) => {
-            res.data.rdlvos.forEach((cEle) => {
-              DayPower.value[keyIndex].value.push({
-                text: cEle.timestr,
-                value: cEle[keyEle],
-              });
-            });
-          });
-
-          glKey.forEach((keyEle, keyIndex) => {
-            res.data.glvos.forEach((cEle) => {
-              Powertrend[keyIndex].value.push({
-                text: new Date(cEle.time).formatDate("hh:mm"),
-                value: cEle[keyEle],
-              });
-            });
-          });
-
-          that.DayPower = DayPower;
-          that.Powertrend = Powertrend;
-        },
-      });
-    },
-    requestData(showLoading) {
-      let that = this;
-      that.API.requestData({
-        showLoading,
-        method: "POST",
-        subUrl: "monitor/findCftInfo",
-        data: {
-          wpId: that.wpId,
-        },
-        success(res) {
-          that.cftmap = res.data.cftmap;
-        },
-      });
     },
     getWp () {
       let that = this;
@@ -307,7 +264,7 @@ export default {
       });
       this.wpId = res.code;
       this.renderBtnActiveIndex ();
-      this.requestData(false);
+      // this.requestData(false);
       this.requestLine();
     },
   },
@@ -317,10 +274,10 @@ export default {
     that.wpId = that.$route.params.wpId;
     that.getWp();
     that.$nextTick(() => {
-      that.requestData(false);
+      // that.requestData(false);
       that.requestLine();
       that.timmer = setInterval(() => {
-        that.requestData(false);
+        // that.requestData(false);
         that.requestLine();
       }, 60 * 1000);
     });

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>