individualPandectinformationdetails.vue 34 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006
  1. <template>
  2. <el-main>
  3. <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
  4. <el-tab-pane label="风机运行情况" name="no_1">
  5. <el-card>
  6. <div class="n1">
  7. <div class="n1_on">
  8. <el-form :inline="true" class="demo-form-inline">
  9. <el-form-item label="风场">
  10. <el-select
  11. v-model="fc"
  12. clearable
  13. placeholder="请选择"
  14. @change="query()"
  15. >
  16. <el-option
  17. v-for="item in wpIdslist"
  18. :key="item.id"
  19. :label="item.name"
  20. :value="item.id"
  21. >
  22. </el-option>
  23. </el-select>
  24. </el-form-item>
  25. <el-form-item label="风机">
  26. <el-select
  27. v-model="fj"
  28. placeholder="请选择"
  29. :multiple-limit="5"
  30. >
  31. <el-option
  32. v-for="item in wtIdslist"
  33. :key="item.id"
  34. :label="item.name"
  35. :value="item.id"
  36. >
  37. </el-option>
  38. </el-select>
  39. </el-form-item>
  40. <el-form-item label="日期">
  41. <el-date-picker
  42. v-model="data_01"
  43. value-format="yyyy-MM-dd"
  44. type="date"
  45. placeholder="选择日期"
  46. :picker-options="pickerOptions"
  47. >
  48. >
  49. </el-date-picker>
  50. </el-form-item>
  51. <el-form-item>
  52. <el-button
  53. type="primary"
  54. @click="query_cutin_windspeed"
  55. :plain="true"
  56. >查询</el-button
  57. >
  58. </el-form-item>
  59. <el-form-item>
  60. <el-button type="primary" @click="goback">返回</el-button>
  61. </el-form-item>
  62. </el-form>
  63. </div>
  64. <el-card style="width:100%;margin-top:13px">
  65. <div class="n1_tw" >
  66. <div
  67. v-loading="loading"
  68. id="line_dataZoom"
  69. style="width: 100%; margin-bottom: -1%"
  70. ></div>
  71. </div>
  72. </el-card>
  73. <el-card style="width:100%">
  74. <div class="n1_th">
  75. <div id="echart_line" style="width: 100%"></div>
  76. </div>
  77. </el-card>
  78. <el-card>
  79. <div class="n1_fo">
  80. <el-col :span="23" style="margin-left: 2%"
  81. ><div>
  82. <el-table
  83. :data="tableData_01_xd"
  84. max-height="263px"
  85. height="263px"
  86. border
  87. style="width: 100%"
  88. >
  89. <el-table-column label="当日限电记录">
  90. <el-table-column prop="windturbineid" label="名字">
  91. </el-table-column>
  92. <el-table-column
  93. prop="starttime"
  94. :formatter="starttime"
  95. label="停机日期"
  96. >
  97. </el-table-column>
  98. <el-table-column
  99. prop="stoptime"
  100. :formatter="stoptime"
  101. label="恢复日期"
  102. >
  103. </el-table-column>
  104. <el-table-column prop="losspower" label="损失电量">
  105. </el-table-column>
  106. <el-table-column prop="stophours" label="限电时长">
  107. </el-table-column>
  108. </el-table-column>
  109. </el-table>
  110. <el-pagination
  111. style="margin-left: 633px"
  112. @size-change="handleSizeChange_01_xd"
  113. @current-change="handleCurrentChange_01_xd"
  114. :current-page.sync="currentPage3_01_xd"
  115. :page-size="3"
  116. layout="prev, pager, next, jumper"
  117. :total="pages01_xd"
  118. >
  119. </el-pagination></div
  120. ></el-col>
  121. </div>
  122. </el-card>
  123. </div>
  124. <!-- <el-col :span="7" style="margin-left: 3%">
  125. <div>
  126. <el-table
  127. :data="tableData_01_bj"
  128. max-height="263px"
  129. height="263px"
  130. border
  131. style="width: 100%"
  132. >
  133. <el-table-column label="当日报警记录">
  134. <el-table-column
  135. prop="windturbineid"
  136. label="风机"
  137. width="183"
  138. >
  139. </el-table-column>
  140. <el-table-column prop="warnDesc" label="描述" width="178">
  141. </el-table-column>
  142. <el-table-column
  143. prop="warningtime"
  144. :formatter="warningtime"
  145. label="报警日期"
  146. width="183"
  147. >
  148. </el-table-column>
  149. </el-table-column>
  150. </el-table>
  151. <el-pagination
  152. style="margin-left: 33px"
  153. @size-change="handleSizeChange_01_bj"
  154. @current-change="handleCurrentChange_01_bj"
  155. :current-page.sync="currentPage3_01_bj"
  156. :page-size=8
  157. layout="prev, pager, next, jumper"
  158. :total=pages01_bj
  159. >
  160. </el-pagination>
  161. </div>
  162. </el-col>
  163. <el-col :span="7" style="margin-left: 2%">
  164. <el-table
  165. :data="tableData_01_gz"
  166. max-height="263px"
  167. height="263px"
  168. border
  169. style="width: 100%"
  170. >
  171. <el-table-column label="当日故障记录">
  172. <el-table-column
  173. prop="windTurbineId"
  174. label="风机"
  175. width="178"
  176. >
  177. </el-table-column>
  178. <el-table-column
  179. prop="startTime"
  180. :formatter="startTime"
  181. label="停机日期"
  182. width="183"
  183. >
  184. </el-table-column>
  185. <el-table-column
  186. prop="stopTime"
  187. :formatter="stopTime"
  188. label="恢复日期"
  189. width="183"
  190. >
  191. </el-table-column>
  192. </el-table-column>
  193. </el-table>
  194. <el-pagination
  195. style="margin-left: 33px"
  196. @size-change="handleSizeChange_01_gz"
  197. @current-change="handleCurrentChange_01_gz"
  198. :current-page.sync="currentPage3_01_gz"
  199. :page-size="100"
  200. layout="prev, pager, next, jumper"
  201. :total="1000"
  202. >
  203. </el-pagination
  204. ></el-col> -->
  205. </el-card>
  206. </el-tab-pane>
  207. <el-tab-pane label="风机日详细信息" name="no_2">
  208. <div class="n2">
  209. <div class="n2_on">
  210. <el-form
  211. :inline="true"
  212. class="demo-form-inline"
  213. style="margin-left: 1%"
  214. >
  215. <el-form-item label="风场">
  216. <el-select
  217. v-model="fc"
  218. clearable
  219. placeholder="请选择"
  220. @change="query()"
  221. >
  222. <el-option
  223. v-for="item in wpIdslist"
  224. :key="item.id"
  225. :label="item.name"
  226. :value="item.id"
  227. >
  228. </el-option>
  229. </el-select>
  230. </el-form-item>
  231. <el-form-item label="风机">
  232. <el-select v-model="fj" placeholder="请选择" :multiple-limit="5">
  233. <el-option
  234. v-for="item in wtIdslist"
  235. :key="item.id"
  236. :label="item.name"
  237. :value="item.id"
  238. >
  239. </el-option>
  240. </el-select>
  241. </el-form-item>
  242. <el-form-item label="日期">
  243. <el-date-picker
  244. v-model="data_01"
  245. value-format="yyyy-MM-dd"
  246. type="date"
  247. placeholder="选择日期"
  248. :picker-options="pickerOptions"
  249. >
  250. >
  251. </el-date-picker>
  252. </el-form-item>
  253. <el-form-item>
  254. <el-button type="primary" @click="query_Data02" :plain="true"
  255. >查询</el-button
  256. >
  257. </el-form-item>
  258. <el-form-item>
  259. <el-button type="primary" @click="goback">返回</el-button>
  260. </el-form-item>
  261. </el-form>
  262. </div>
  263. <el-card style="width:100%">
  264. <div class="n2_tw">
  265. <div class="n2_tw_z">
  266. <div
  267. id="echartline"
  268. style="width: 100%; height: 200px; margin: auto"
  269. ></div>
  270. </div>
  271. <div class="n2_tw_y">
  272. <div class="n2_tw_y_s">
  273. <el-table
  274. :data="tableData_02_bj"
  275. max-height="200px"
  276. border
  277. >
  278. <el-table-column label="当日报警记录">
  279. <el-table-column prop="windturbineid" label="风机" >
  280. </el-table-column>
  281. <el-table-column prop="warnDesc" label="描述">
  282. </el-table-column>
  283. <el-table-column
  284. :formatter="formatter_date"
  285. prop="warningtime"
  286. label="报警日期"
  287. >
  288. </el-table-column>
  289. </el-table-column>
  290. </el-table>
  291. </div>
  292. <div class="n2_tw_y_x">
  293. <el-pagination
  294. style="margin-left: 39%"
  295. @size-change="handleSizeChange_bj"
  296. @current-change="handleCurrentChange_bj"
  297. :current-page.sync="currentPage3_bj"
  298. :page-size="3"
  299. layout="prev, pager, next, jumper"
  300. :page-count="pages02_bj"
  301. >
  302. </el-pagination>
  303. </div>
  304. </div>
  305. </div>
  306. </el-card>
  307. <el-card style="width:100%">
  308. <div class="n2_th">
  309. <div class="n2_th_z">
  310. <el-form
  311. :inline="true"
  312. :model="formInline"
  313. class="demo-form-inline"
  314. label-width="85px"
  315. :disabled="true"
  316. >
  317. <el-form-item label="发电量">
  318. <el-input
  319. style="width: 80px"
  320. v-model="formInline.c1"
  321. ></el-input>
  322. </el-form-item>
  323. <el-form-item label="理论发电量">
  324. <el-input
  325. style="width: 80px"
  326. v-model="formInline.c4"
  327. ></el-input>
  328. </el-form-item>
  329. <el-form-item label="平均功率">
  330. <el-input
  331. style="width: 80px"
  332. v-model="formInline.c7"
  333. ></el-input>
  334. </el-form-item>
  335. <el-form-item label="平均风速">
  336. <el-input
  337. style="width: 80px"
  338. v-model="formInline.c10"
  339. ></el-input>
  340. </el-form-item>
  341. <el-form-item label="拟合优度">
  342. <el-input
  343. style="width: 80px"
  344. v-model="formInline.c55"
  345. ></el-input>
  346. </el-form-item>
  347. <el-form-item label="运行小时">
  348. <el-input
  349. style="width: 80px"
  350. v-model="formInline.c13"
  351. ></el-input>
  352. </el-form-item>
  353. <el-form-item label="停机小时">
  354. <el-input
  355. style="width: 80px"
  356. v-model="formInline.c16"
  357. ></el-input>
  358. </el-form-item>
  359. <el-form-item label="故障小时">
  360. <el-input
  361. style="width: 80px"
  362. v-model="formInline.c19"
  363. ></el-input>
  364. </el-form-item>
  365. <el-form-item label="维护小时">
  366. <el-input
  367. style="width: 80px"
  368. v-model="formInline.c22"
  369. ></el-input>
  370. </el-form-item>
  371. <el-form-item label="中断小时">
  372. <el-input
  373. style="width: 80px"
  374. v-model="formInline.c25"
  375. ></el-input>
  376. </el-form-item>
  377. <el-form-item label="有效风时数">
  378. <el-input
  379. style="width: 80px"
  380. v-model="formInline.c28"
  381. ></el-input>
  382. </el-form-item>
  383. <el-form-item label="损失电量">
  384. <el-input
  385. style="width: 80px"
  386. v-model="formInline.c31"
  387. ></el-input>
  388. </el-form-item>
  389. <el-form-item label="报警次数">
  390. <el-input
  391. style="width: 80px"
  392. v-model="formInline.c34"
  393. ></el-input>
  394. </el-form-item>
  395. <el-form-item label="停机次数">
  396. <el-input
  397. style="width: 80px"
  398. v-model="formInline.c37"
  399. ></el-input>
  400. </el-form-item>
  401. <el-form-item label="不饱和次数">
  402. <el-input
  403. style="width: 80px"
  404. v-model="formInline.c40"
  405. ></el-input>
  406. </el-form-item>
  407. <el-form-item label="设备可利用">
  408. <el-input
  409. style="width: 80px"
  410. v-model="formInline.c43"
  411. ></el-input>
  412. </el-form-item>
  413. <el-form-item label="保证偏差率">
  414. <el-input
  415. style="width: 80px"
  416. v-model="formInline.c58"
  417. ></el-input>
  418. </el-form-item>
  419. <el-form-item label="平均温度">
  420. <el-input
  421. style="width: 80px"
  422. v-model="formInline.c46"
  423. ></el-input>
  424. </el-form-item>
  425. <el-form-item label="平均湿度">
  426. <el-input
  427. style="width: 80px"
  428. v-model="formInline.c49"
  429. ></el-input>
  430. </el-form-item>
  431. <el-form-item label="平均压强">
  432. <el-input
  433. style="width: 80px"
  434. v-model="formInline.c52"
  435. ></el-input>
  436. </el-form-item>
  437. </el-form>
  438. </div>
  439. <div class="n2_th_y">
  440. <div class="n2_th_y_s">
  441. <el-table
  442. :data="tableData_02_gz"
  443. max-height="170px"
  444. height="179px"
  445. border
  446. style="width: 100%"
  447. >
  448. <el-table-column label="当日故障记录">
  449. <el-table-column
  450. prop="windTurbineId"
  451. label="风机"
  452. >
  453. </el-table-column>
  454. <el-table-column
  455. prop="startTime"
  456. :formatter="startTime"
  457. label="停机日期"
  458. >
  459. </el-table-column>
  460. <el-table-column
  461. prop="stopTime"
  462. :formatter="stopTime"
  463. label="恢复日期"
  464. >
  465. </el-table-column>
  466. </el-table-column>
  467. </el-table>
  468. </div>
  469. <div class="n2_th_y_x">
  470. <el-pagination
  471. style="margin-left: 40%"
  472. @size-change="handleSizeChange_gz"
  473. @current-change="handleCurrentChange_gz"
  474. :current-page.sync="currentPage3_gz"
  475. :page-size="3"
  476. layout="prev, pager, next, jumper"
  477. :page-count="pages02_gz"
  478. >
  479. </el-pagination>
  480. </div>
  481. </div>
  482. </div></el-card><el-card>
  483. <div class="n2_fo">
  484. <div class="n2_fo_l">
  485. <el-form
  486. :inline="true"
  487. :model="formInline"
  488. class="demo-form-inline"
  489. label-width="83px"
  490. :disabled="true"
  491. >
  492. <el-form-item label="月发电量">
  493. <el-input
  494. style="width: 72px"
  495. v-model="formInline.c2"
  496. ></el-input>
  497. </el-form-item>
  498. <el-form-item label="月理论发电">
  499. <el-input
  500. style="width: 72px"
  501. v-model="formInline.c5"
  502. ></el-input>
  503. </el-form-item>
  504. <el-form-item label="月平均功率">
  505. <el-input
  506. style="width: 72px"
  507. v-model="formInline.c8"
  508. ></el-input>
  509. </el-form-item>
  510. <el-form-item label="月平均风速">
  511. <el-input
  512. style="width: 72px"
  513. v-model="formInline.c11"
  514. ></el-input>
  515. </el-form-item>
  516. <el-form-item label="月拟合优度">
  517. <el-input
  518. style="width: 72px"
  519. v-model="formInline.c56"
  520. ></el-input>
  521. </el-form-item>
  522. <el-form-item label="月运行小时">
  523. <el-input
  524. style="width: 72px"
  525. v-model="formInline.c14"
  526. ></el-input>
  527. </el-form-item>
  528. <el-form-item label="月停机小时">
  529. <el-input
  530. style="width: 72px"
  531. v-model="formInline.c25"
  532. ></el-input>
  533. </el-form-item>
  534. <el-form-item label="月故障小时">
  535. <el-input
  536. style="width: 72px"
  537. v-model="formInline.c20"
  538. ></el-input>
  539. </el-form-item>
  540. <el-form-item label="月维护小时">
  541. <el-input
  542. style="width: 72px"
  543. v-model="formInline.c23"
  544. ></el-input>
  545. </el-form-item>
  546. <el-form-item label="月中断小时">
  547. <el-input
  548. style="width: 72px"
  549. v-model="formInline.c26"
  550. ></el-input>
  551. </el-form-item>
  552. <el-form-item label="月有效风时">
  553. <el-input
  554. style="width: 72px"
  555. v-model="formInline.c29"
  556. ></el-input>
  557. </el-form-item>
  558. <el-form-item label="月报警次数">
  559. <el-input
  560. style="width: 72px"
  561. v-model="formInline.c35"
  562. ></el-input>
  563. </el-form-item>
  564. <el-form-item label="月停机次数">
  565. <el-input
  566. style="width: 72px"
  567. v-model="formInline.c37"
  568. ></el-input>
  569. </el-form-item>
  570. <el-form-item label="月保证偏差">
  571. <el-input
  572. style="width: 72px"
  573. v-model="formInline.c59"
  574. ></el-input>
  575. </el-form-item>
  576. <el-form-item label="设备可利用">
  577. <el-input
  578. style="width: 72px"
  579. v-model="formInline.c44"
  580. ></el-input>
  581. </el-form-item>
  582. </el-form>
  583. </div>
  584. <div class="n2_fo_m">
  585. <div class="n2_fo_m_s">
  586. <el-form
  587. :inline="true"
  588. :model="formInline"
  589. class="demo-form-inline"
  590. label-width="85px"
  591. :disabled="true"
  592. >
  593. <el-form-item label="年发电量">
  594. <el-input
  595. style="width: 70px"
  596. v-model="formInline.c3"
  597. ></el-input>
  598. </el-form-item>
  599. <el-form-item label="年拟合优度">
  600. <el-input
  601. style="width: 75px"
  602. v-model="formInline.c57"
  603. ></el-input>
  604. </el-form-item>
  605. </el-form>
  606. </div>
  607. <div class="n2_fo_m_x">
  608. <div
  609. id="leidatu"
  610. style="height: 190px; width: 100%; margin-left: 9px;margin-top:-23px"
  611. ></div>
  612. </div>
  613. </div>
  614. <div class="n2_fo_r">
  615. <el-table
  616. :data="tableData_02_ybj"
  617. mix-height="238px"
  618. max-height="238px"
  619. border
  620. style="width: 100%"
  621. >
  622. <el-table-column label="当月报警排行">
  623. <el-table-column prop="name" label="名字">
  624. </el-table-column>
  625. <el-table-column prop="num" label="次数">
  626. </el-table-column>
  627. </el-table-column>
  628. </el-table>
  629. </div>
  630. </div></el-card>
  631. </div>
  632. </el-tab-pane>
  633. <el-tab-pane label="风场玫瑰图" name="no_3">
  634. <el-form
  635. :inline="true"
  636. class="demo-form-inline"
  637. style="margin-left: 1%"
  638. >
  639. <el-form-item label="风场">
  640. <el-select
  641. v-model="fc"
  642. clearable
  643. placeholder="请选择"
  644. @change="query()"
  645. >
  646. <el-option
  647. v-for="item in wpIdslist"
  648. :key="item.id"
  649. :label="item.name"
  650. :value="item.id"
  651. >
  652. </el-option>
  653. </el-select>
  654. </el-form-item>
  655. <el-form-item label="日期">
  656. <el-date-picker
  657. v-model="data_01"
  658. value-format="yyyy-MM-dd"
  659. type="date"
  660. placeholder="选择日期"
  661. >
  662. </el-date-picker>
  663. </el-form-item>
  664. <el-form-item>
  665. <el-button type="primary" @click="queryleidatu_fc_01" :plain="true"
  666. >查询</el-button
  667. >
  668. </el-form-item>
  669. <el-form-item>
  670. <el-button type="primary" @click="goback">返回</el-button>
  671. </el-form-item>
  672. </el-form>
  673. <el-row>
  674. <el-col :span="8"
  675. ><el-tag type="info" style="width: 390px; font-size: 20px"
  676. >日最大风速</el-tag
  677. >
  678. <div
  679. id="leidatu_fc_01"
  680. style="height: 330px; width: 393px; margin-left: 99px"
  681. ></div>
  682. </el-col>
  683. <el-col :span="8"
  684. ><el-tag type="info" style="width: 390px; font-size: 20px"
  685. >月最大风速</el-tag
  686. >
  687. <div
  688. id="leidatu_fc_02"
  689. style="height: 330px; width: 393px; margin-left: 99px"
  690. ></div>
  691. </el-col>
  692. <el-col :span="8"
  693. ><el-tag type="info" style="width: 390px; font-size: 20px"
  694. >年最大风速</el-tag
  695. >
  696. <div
  697. id="leidatu_fc_03"
  698. style="height: 330px; width: 393px; margin-left: 99px"
  699. ></div>
  700. </el-col>
  701. </el-row>
  702. <el-row>
  703. <el-col :span="8"
  704. ><el-tag type="info" style="width: 390px; font-size: 20px"
  705. >日风向频率</el-tag
  706. >
  707. <div
  708. id="leidatu_fc_04"
  709. style="height: 330px; width: 393px; margin-left: 99px"
  710. ></div>
  711. </el-col>
  712. <el-col :span="8"
  713. ><el-tag type="info" style="width: 390px; font-size: 20px"
  714. >月风向频率</el-tag
  715. >
  716. <div
  717. id="leidatu_fc_05"
  718. style="height: 330px; width: 393px; margin-left: 99px"
  719. ></div>
  720. </el-col>
  721. <el-col :span="8"
  722. ><el-tag type="info" style="width: 390px; font-size: 20px"
  723. >年风向频率</el-tag
  724. >
  725. <div
  726. id="leidatu_fc_06"
  727. style="height: 330px; width: 393px; margin-left: 99px"
  728. ></div>
  729. </el-col>
  730. </el-row>
  731. </el-tab-pane>
  732. <el-tab-pane label="风机玫瑰图" name="no_4">
  733. <el-form
  734. :inline="true"
  735. class="demo-form-inline"
  736. style="margin-left: 1%"
  737. >
  738. <el-form-item label="风场">
  739. <el-select
  740. v-model="fc"
  741. clearable
  742. placeholder="请选择"
  743. @change="query()"
  744. >
  745. <el-option
  746. v-for="item in wpIdslist"
  747. :key="item.id"
  748. :label="item.name"
  749. :value="item.id"
  750. >
  751. </el-option>
  752. </el-select>
  753. </el-form-item>
  754. <el-form-item label="风机">
  755. <el-select v-model="fj" placeholder="请选择" :multiple-limit="5">
  756. <el-option
  757. v-for="item in wtIdslist"
  758. :key="item.id"
  759. :label="item.name"
  760. :value="item.id"
  761. >
  762. </el-option>
  763. </el-select>
  764. </el-form-item>
  765. <el-form-item label="日期">
  766. <el-date-picker
  767. v-model="data_01"
  768. value-format="yyyy-MM-dd"
  769. type="date"
  770. placeholder="选择日期"
  771. >
  772. </el-date-picker>
  773. </el-form-item>
  774. <el-form-item>
  775. <el-button type="primary" @click="queryleidatu_fj_01" :plain="true"
  776. >查询</el-button
  777. >
  778. </el-form-item>
  779. <el-form-item>
  780. <el-button type="primary" @click="goback">返回</el-button>
  781. </el-form-item>
  782. </el-form>
  783. <el-row>
  784. <el-col :span="8"
  785. ><el-tag type="info" style="width: 390px; font-size: 20px"
  786. >日最大风速</el-tag
  787. >
  788. <div
  789. id="leidatu_fj_01"
  790. style="height: 330px; width: 393px; margin-left: 99px"
  791. ></div>
  792. </el-col>
  793. <el-col :span="8"
  794. ><el-tag type="info" style="width: 390px; font-size: 20px"
  795. >月最大风速</el-tag
  796. >
  797. <div
  798. id="leidatu_fj_02"
  799. style="height: 330px; width: 393px; margin-left: 99px"
  800. ></div>
  801. </el-col>
  802. <el-col :span="8"
  803. ><el-tag type="info" style="width: 390px; font-size: 20px"
  804. >年最大风速</el-tag
  805. >
  806. <div
  807. id="leidatu_fj_03"
  808. style="height: 330px; width: 393px; margin-left: 99px"
  809. ></div>
  810. </el-col>
  811. </el-row>
  812. <el-row>
  813. <el-col :span="8"
  814. ><el-tag type="info" style="width: 390px; font-size: 20px"
  815. >日风向频率</el-tag
  816. >
  817. <div
  818. id="leidatu_fj_04"
  819. style="height: 330px; width: 393px; margin-left: 99px"
  820. ></div>
  821. </el-col>
  822. <el-col :span="8"
  823. ><el-tag type="info" style="width: 390px; font-size: 20px"
  824. >月风向频率</el-tag
  825. >
  826. <div
  827. id="leidatu_fj_05"
  828. style="height: 330px; width: 393px; margin-left: 99px"
  829. ></div>
  830. </el-col>
  831. <el-col :span="8"
  832. ><el-tag type="info" style="width: 390px; font-size: 20px"
  833. >年风向频率</el-tag
  834. >
  835. <div
  836. id="leidatu_fj_06"
  837. style="height: 330px; width: 393px; margin-left: 99px"
  838. ></div>
  839. </el-col>
  840. </el-row>
  841. </el-tab-pane>
  842. <el-tab-pane label="风机切入切出分析" name="no_5">
  843. <el-form
  844. :inline="true"
  845. class="demo-form-inline"
  846. style="margin-left: 1%"
  847. >
  848. <el-form-item label="风场">
  849. <el-select
  850. v-model="fc"
  851. clearable
  852. placeholder="请选择"
  853. @change="query()"
  854. >
  855. <el-option
  856. v-for="item in wpIdslist"
  857. :key="item.id"
  858. :label="item.name"
  859. :value="item.id"
  860. >
  861. </el-option>
  862. </el-select>
  863. </el-form-item>
  864. <el-form-item label="风机">
  865. <el-select v-model="fj" placeholder="请选择" :multiple-limit="5">
  866. <el-option
  867. v-for="item in wtIdslist"
  868. :key="item.id"
  869. :label="item.name"
  870. :value="item.id"
  871. >
  872. </el-option>
  873. </el-select>
  874. </el-form-item>
  875. <el-form-item label="日期">
  876. <el-date-picker
  877. v-model="data_01"
  878. value-format="yyyy-MM-dd"
  879. type="date"
  880. placeholder="选择日期"
  881. >
  882. </el-date-picker>
  883. </el-form-item>
  884. <el-form-item>
  885. <el-button type="primary" @click="query_01" :plain="true"
  886. >查询</el-button
  887. >
  888. </el-form-item>
  889. <el-form-item>
  890. <el-button type="primary" @click="goback">返回</el-button>
  891. </el-form-item>
  892. </el-form>
  893. <el-row>
  894. <el-col :span="8"
  895. ><el-tag type="info" style="width: 390px; font-size: 20px"
  896. >日切入频率分析</el-tag
  897. >
  898. <div
  899. id="line_01"
  900. style="height: 330px; width: 493px; margin-left: 9px"
  901. ></div>
  902. </el-col>
  903. <el-col :span="8"
  904. ><el-tag type="info" style="width: 390px; font-size: 20px"
  905. >月切入频率分析</el-tag
  906. >
  907. <div
  908. id="line_02"
  909. style="height: 330px; width: 493px; margin-left: 9px"
  910. ></div>
  911. </el-col>
  912. <el-col :span="8"
  913. ><el-tag type="info" style="width: 390px; font-size: 20px"
  914. >年切入频率分析</el-tag
  915. >
  916. <div
  917. id="line_03"
  918. style="height: 330px; width: 493px; margin-left: 9px"
  919. ></div>
  920. </el-col>
  921. </el-row>
  922. <el-row>
  923. <el-col :span="8"
  924. ><el-tag type="info" style="width: 390px; font-size: 20px"
  925. >日切出频率分析</el-tag
  926. >
  927. <div
  928. id="line_04"
  929. style="height: 330px; width: 493px; margin-left: 9px"
  930. ></div>
  931. </el-col>
  932. <el-col :span="8"
  933. ><el-tag type="info" style="width: 390px; font-size: 20px"
  934. >月切出频率分析</el-tag
  935. >
  936. <div
  937. id="line_05"
  938. style="height: 330px; width: 493px; margin-left: 9px"
  939. ></div>
  940. </el-col>
  941. <el-col :span="8"
  942. ><el-tag type="info" style="width: 390px; font-size: 20px"
  943. >年切出频率分析</el-tag
  944. >
  945. <div
  946. id="line_06"
  947. style="height: 330px; width: 493px; margin-left: 9px"
  948. ></div>
  949. </el-col> </el-row
  950. ></el-tab-pane>
  951. </el-tabs>
  952. <el-dialog
  953. title="点击信息详情"
  954. :modal-append-to-body="false"
  955. :visible.sync="dialogVisible"
  956. width="39%"
  957. >
  958. <el-table :data="biaogeDate" border style="width: 100%">
  959. <el-table-column prop="ks" label="开始时间" width="160">
  960. </el-table-column>
  961. <el-table-column prop="js" label="结束时间" width="160">
  962. </el-table-column>
  963. <el-table-column prop="sk" label="时长" width="60"> </el-table-column>
  964. <el-table-column prop="gl" label="功率" width="80"> </el-table-column>
  965. <el-table-column prop="llfdl" label="理论发电量" width="100">
  966. </el-table-column>
  967. <el-table-column prop="ssdl" label="损失电量" width="100">
  968. </el-table-column>
  969. <el-table-column prop="fjzt" label="风机状态" width="80">
  970. </el-table-column>
  971. </el-table>
  972. <span slot="footer" class="dialog-footer">
  973. <el-button type="primary" @click="dialogVisible = false"
  974. >确 定</el-button
  975. >
  976. </span>
  977. </el-dialog>
  978. </el-main>
  979. </template>
  980. <script>
  981. import individualPandectinformationdetails from "@assets/js/singlePerformanceAnalysis/individualPandectinformationdetails";
  982. export default individualPandectinformationdetails;
  983. </script>
  984. <style lang="scss" scoped>
  985. @import "@assets/css/singlePerformanceAnalysis/individualPandectinformationdetails.scss";
  986. </style>