gradeHistory.vue 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568
  1. <template>
  2. <div>
  3. <div class="query mg-b-8">
  4. <div class="query-items">
  5. <div class="query-item" v-if="option.shows == 'd'">
  6. <div class="lable">日期:</div>
  7. <div class="search-input">
  8. <el-date-picker
  9. v-model="option.date"
  10. type="date"
  11. placeholder="选择日期"
  12. popper-class="date-select"
  13. value-format="YYYY-MM-DD"
  14. ></el-date-picker>
  15. </div>
  16. </div>
  17. <div class="query-item" v-if="option.shows == 'm'">
  18. <div class="lable">年月:</div>
  19. <div class="search-input">
  20. <el-date-picker
  21. v-model="option.date"
  22. type="month"
  23. placeholder="选择年月"
  24. popper-class="date-select"
  25. value-format="YYYY-MM"
  26. ></el-date-picker>
  27. </div>
  28. </div>
  29. <div class="query-item" v-if="option.shows == 'y'">
  30. <div class="lable">年:</div>
  31. <div class="search-input">
  32. <el-date-picker
  33. v-model="option.date"
  34. type="year"
  35. placeholder="选择年"
  36. popper-class="date-select"
  37. value-format="YYYY"
  38. ></el-date-picker>
  39. </div>
  40. </div>
  41. <div class="query-actions">
  42. <button class="btn green" @click="getTable">查询</button>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="table-box">
  47. <Table
  48. ref="curRef"
  49. :data="hisData"
  50. height="70vh"
  51. v-loading="tableLoading"
  52. element-loading-text="拼命加载中.."
  53. element-loading-background="rgba(0, 0, 0, 0.8)"
  54. ></Table>
  55. </div>
  56. </div>
  57. </template>
  58. <script>
  59. import Table from "@/components/coms/table/table-unpage.vue";
  60. export default {
  61. name: "gradeHistory",
  62. components: { Table },
  63. props: {
  64. gridDatas: {},
  65. option: Object,
  66. },
  67. data() {
  68. return {
  69. res: {
  70. code: 200,
  71. data: [
  72. {
  73. id: 998841,
  74. windpowerstationid: "MHS_FDC",
  75. projectid: "MHS01_GC",
  76. lineid: "MHS01_XL",
  77. windturbineid: "MG01_01",
  78. recorddate: 1635696000000,
  79. dayfdl: 14752.0,
  80. monthfdl: 2.0,
  81. yearfdl: 53.0,
  82. dayllfdl: 14752.0,
  83. monthllfdl: 2.0,
  84. yearllfdl: 101.0,
  85. dayfs: 7.24,
  86. monthfs: 2.0,
  87. yearfs: 45.0,
  88. daygl: 637.84,
  89. monthgl: 2.0,
  90. yeargl: 44.0,
  91. daygzssdl: 0.0,
  92. monthgzssdl: 1.0,
  93. yeargzssdl: 47.0,
  94. dayxdssdl: 0.0,
  95. monthxdssdl: 4.0,
  96. yearxdssdl: 33.0,
  97. daywhssdl: 0.0,
  98. monthwhssdl: 1.0,
  99. yearwhssdl: 47.0,
  100. dayxnssdl: 0.0,
  101. monthxnssdl: 1.0,
  102. yearxnssdl: 20.0,
  103. daygzsj: 0.0,
  104. monthgzsj: 1.0,
  105. yeargzsj: 47.0,
  106. daywhsj: 0.0,
  107. monthwhsj: 2.0,
  108. yearwhsj: 39.0,
  109. dayyxsj: 23.65,
  110. monthyxsj: 1.0,
  111. yearyxsj: 47.0,
  112. daytjsj: 0.35,
  113. monthtjsj: 1.0,
  114. yeartjsj: 58.0,
  115. daylyxs: 9.83,
  116. monthlyxs: 2.0,
  117. yearlyxs: 53.0,
  118. daynhyd: 0.18,
  119. monthnhyd: 3.0,
  120. yearnhyd: 99.0,
  121. daysbklyl: 100.0,
  122. monthsbklyl: 2.0,
  123. yearsbklyl: 103.0,
  124. daydxkyxs: 100.0,
  125. monthdxkyxs: 2.0,
  126. yeardxkyxs: 53.0,
  127. dayyxfss: 23.78,
  128. monthyxfss: 2.0,
  129. yearyxfss: 47.0,
  130. dayxfqr: 3.0,
  131. monthxfqr: 4.0,
  132. yearxfqr: 207.0,
  133. dayjfpl: 0.9,
  134. monthjfpl: 2.0,
  135. yearjfpl: 52.0,
  136. dayglyzxxs: 31.07,
  137. monthglyzxxs: 4.0,
  138. yearglyzxxs: 112.0,
  139. windturbinename: null,
  140. },
  141. {
  142. id: 999261,
  143. windpowerstationid: "MHS_FDC",
  144. projectid: "MHS01_GC",
  145. lineid: "MHS01_XL",
  146. windturbineid: "MG01_01",
  147. recorddate: 1635782400000,
  148. dayfdl: 941.0,
  149. monthfdl: 4.0,
  150. yearfdl: 159.0,
  151. dayllfdl: 1240.2,
  152. monthllfdl: 4.0,
  153. yearllfdl: 287.0,
  154. dayfs: 3.41,
  155. monthfs: 4.0,
  156. yearfs: 165.0,
  157. daygl: 49.88,
  158. monthgl: 4.0,
  159. yeargl: 164.0,
  160. daygzssdl: 0.0,
  161. monthgzssdl: 2.0,
  162. yeargzssdl: 284.0,
  163. dayxdssdl: 0.0,
  164. monthxdssdl: 2.0,
  165. yearxdssdl: 244.0,
  166. daywhssdl: 299.2,
  167. monthwhssdl: 4.0,
  168. yearwhssdl: 304.0,
  169. dayxnssdl: 0.0,
  170. monthxnssdl: 2.0,
  171. yearxnssdl: 85.0,
  172. daygzsj: 0.0,
  173. monthgzsj: 2.0,
  174. yeargzsj: 246.0,
  175. daywhsj: 10.95,
  176. monthwhsj: 4.0,
  177. yearwhsj: 292.0,
  178. dayyxsj: 9.8,
  179. monthyxsj: 4.0,
  180. yearyxsj: 266.0,
  181. daytjsj: 3.25,
  182. monthtjsj: 4.0,
  183. yeartjsj: 166.0,
  184. daylyxs: 0.63,
  185. monthlyxs: 4.0,
  186. yearlyxs: 159.0,
  187. daynhyd: 0.21,
  188. monthnhyd: 4.0,
  189. yearnhyd: 114.0,
  190. daysbklyl: 100.0,
  191. monthsbklyl: 3.0,
  192. yearsbklyl: 92.0,
  193. daydxkyxs: 54.38,
  194. monthdxkyxs: 4.0,
  195. yeardxkyxs: 292.0,
  196. dayyxfss: 11.15,
  197. monthyxfss: 4.0,
  198. yearyxfss: 162.0,
  199. dayxfqr: 3.37,
  200. monthxfqr: 1.0,
  201. yearxfqr: 51.0,
  202. dayjfpl: 53.5,
  203. monthjfpl: 4.0,
  204. yearjfpl: 217.0,
  205. dayglyzxxs: 26.1,
  206. monthglyzxxs: 3.0,
  207. yearglyzxxs: 100.0,
  208. windturbinename: null,
  209. },
  210. {
  211. id: 999681,
  212. windpowerstationid: "MHS_FDC",
  213. projectid: "MHS01_GC",
  214. lineid: "MHS01_XL",
  215. windturbineid: "MG01_01",
  216. recorddate: 1635868800000,
  217. dayfdl: 5534.0,
  218. monthfdl: 3.0,
  219. yearfdl: 106.0,
  220. dayllfdl: 5552.43,
  221. monthllfdl: 3.0,
  222. yearllfdl: 202.0,
  223. dayfs: 5.2,
  224. monthfs: 3.0,
  225. yearfs: 94.0,
  226. daygl: 257.24,
  227. monthgl: 3.0,
  228. yeargl: 108.0,
  229. daygzssdl: 0.0,
  230. monthgzssdl: 3.0,
  231. yeargzssdl: 246.0,
  232. dayxdssdl: 0.0,
  233. monthxdssdl: 3.0,
  234. yearxdssdl: 185.0,
  235. daywhssdl: 18.43,
  236. monthwhssdl: 3.0,
  237. yearwhssdl: 263.0,
  238. dayxnssdl: 0.0,
  239. monthxnssdl: 3.0,
  240. yearxnssdl: 49.0,
  241. daygzsj: 0.0,
  242. monthgzsj: 3.0,
  243. yeargzsj: 117.0,
  244. daywhsj: 0.45,
  245. monthwhsj: 3.0,
  246. yearwhsj: 227.0,
  247. dayyxsj: 20.97,
  248. monthyxsj: 3.0,
  249. yearyxsj: 122.0,
  250. daytjsj: 2.58,
  251. monthtjsj: 2.0,
  252. yeartjsj: 147.0,
  253. daylyxs: 3.69,
  254. monthlyxs: 3.0,
  255. yearlyxs: 106.0,
  256. daynhyd: 0.17,
  257. monthnhyd: 2.0,
  258. yearnhyd: 94.0,
  259. daysbklyl: 100.0,
  260. monthsbklyl: 4.0,
  261. yearsbklyl: 73.0,
  262. daydxkyxs: 98.13,
  263. monthdxkyxs: 3.0,
  264. yeardxkyxs: 217.0,
  265. dayyxfss: 20.17,
  266. monthyxfss: 3.0,
  267. yearyxfss: 99.0,
  268. dayxfqr: 3.52,
  269. monthxfqr: 2.0,
  270. yearxfqr: 68.0,
  271. dayjfpl: 15.96,
  272. monthjfpl: 3.0,
  273. yearjfpl: 126.0,
  274. dayglyzxxs: 22.42,
  275. monthglyzxxs: 2.0,
  276. yearglyzxxs: 78.0,
  277. windturbinename: null,
  278. },
  279. {
  280. id: 1000101,
  281. windpowerstationid: "MHS_FDC",
  282. projectid: "MHS01_GC",
  283. lineid: "MHS01_XL",
  284. windturbineid: "MG01_01",
  285. recorddate: 1635955200000,
  286. dayfdl: 16556.0,
  287. monthfdl: 1.0,
  288. yearfdl: 47.0,
  289. dayllfdl: 16904.7,
  290. monthllfdl: 1.0,
  291. yearllfdl: 75.0,
  292. dayfs: 8.12,
  293. monthfs: 1.0,
  294. yearfs: 32.0,
  295. daygl: 708.6,
  296. monthgl: 1.0,
  297. yeargl: 35.0,
  298. daygzssdl: 0.0,
  299. monthgzssdl: 4.0,
  300. yeargzssdl: 109.0,
  301. dayxdssdl: 0.0,
  302. monthxdssdl: 1.0,
  303. yearxdssdl: 32.0,
  304. daywhssdl: 0.0,
  305. monthwhssdl: 2.0,
  306. yearwhssdl: 109.0,
  307. dayxnssdl: 348.7,
  308. monthxnssdl: 4.0,
  309. yearxnssdl: 276.0,
  310. daygzsj: 0.0,
  311. monthgzsj: 4.0,
  312. yeargzsj: 112.0,
  313. daywhsj: 0.0,
  314. monthwhsj: 1.0,
  315. yearwhsj: 35.0,
  316. dayyxsj: 21.35,
  317. monthyxsj: 2.0,
  318. yearyxsj: 117.0,
  319. daytjsj: 2.65,
  320. monthtjsj: 3.0,
  321. yeartjsj: 149.0,
  322. daylyxs: 11.04,
  323. monthlyxs: 1.0,
  324. yearlyxs: 47.0,
  325. daynhyd: 0.13,
  326. monthnhyd: 1.0,
  327. yearnhyd: 60.0,
  328. daysbklyl: 100.0,
  329. monthsbklyl: 1.0,
  330. yearsbklyl: 28.0,
  331. daydxkyxs: 100.0,
  332. monthdxkyxs: 1.0,
  333. yeardxkyxs: 47.0,
  334. dayyxfss: 24.0,
  335. monthyxfss: 1.0,
  336. yearyxfss: 17.0,
  337. dayxfqr: 3.0,
  338. monthxfqr: 3.0,
  339. yearxfqr: 203.0,
  340. dayjfpl: 0.0,
  341. monthjfpl: 1.0,
  342. yearjfpl: 15.0,
  343. dayglyzxxs: 15.32,
  344. monthglyzxxs: 1.0,
  345. yearglyzxxs: 29.0,
  346. windturbinename: null,
  347. },
  348. ],
  349. },
  350. tableLoading: false,
  351. hisData: {
  352. column: [
  353. {
  354. name: "风机编号",
  355. field: "windturbineid",
  356. is_num: false,
  357. is_light: false,
  358. sortable: true,
  359. id: "id",
  360. },
  361. {
  362. name: "日期",
  363. field: "recorddate",
  364. is_num: false,
  365. is_light: false,
  366. sortable: true,
  367. id: "id",
  368. template: function (data) {
  369. return new Date(data).formatDate("yyyy-MM-dd");
  370. },
  371. },
  372. {
  373. name: "发电量(kWh)",
  374. field: "dayfdl",
  375. is_num: false,
  376. is_light: false,
  377. sortable: true,
  378. id: "id",
  379. },
  380. {
  381. name: "理论发电量(kWh)",
  382. field: "dayllfdl",
  383. is_num: false,
  384. is_light: false,
  385. sortable: true,
  386. id: "id",
  387. },
  388. {
  389. name: "平均风速(m/s)",
  390. field: "dayfs",
  391. is_num: false,
  392. is_light: false,
  393. sortable: true,
  394. id: "id",
  395. },
  396. {
  397. name: "平均功率(kW)",
  398. field: "daygl",
  399. is_num: false,
  400. is_light: false,
  401. sortable: true,
  402. id: "id",
  403. },
  404. {
  405. name: "故障损失电量(kWh)",
  406. field: "daygzssdl",
  407. is_num: false,
  408. is_light: false,
  409. sortable: true,
  410. id: "id",
  411. },
  412. {
  413. name: "限电损失电量(kWh)",
  414. field: "dayxdssdl",
  415. is_num: false,
  416. is_light: false,
  417. sortable: true,
  418. id: "id",
  419. },
  420. {
  421. name: "检修损失电量(kWh)",
  422. field: "daywhssdl",
  423. is_num: false,
  424. is_light: false,
  425. sortable: true,
  426. id: "id",
  427. },
  428. {
  429. name: "性能损失电量(kWh)",
  430. field: "dayxnssdl",
  431. is_num: false,
  432. is_light: false,
  433. sortable: true,
  434. id: "id",
  435. },
  436. {
  437. name: "利用小时数(h)",
  438. field: "daylyxs",
  439. is_num: false,
  440. is_light: false,
  441. sortable: true,
  442. id: "id",
  443. },
  444. {
  445. name: "拟合优度(%)",
  446. field: "daynhyd",
  447. is_num: false,
  448. is_light: false,
  449. sortable: true,
  450. id: "id",
  451. },
  452. {
  453. name: "设备可利用率(%)",
  454. field: "daysbklyl",
  455. is_num: false,
  456. is_light: false,
  457. sortable: true,
  458. id: "id",
  459. },
  460. {
  461. name: "等效可用系数(%)",
  462. field: "daydxkyxs",
  463. is_num: false,
  464. is_light: false,
  465. sortable: true,
  466. id: "id",
  467. },
  468. {
  469. name: "有效风时数(h)",
  470. field: "dayyxfss",
  471. is_num: false,
  472. is_light: false,
  473. sortable: true,
  474. id: "id",
  475. },
  476. {
  477. name: "平均切入风速(m/s)",
  478. field: "dayxfqr",
  479. is_num: false,
  480. is_light: false,
  481. sortable: true,
  482. id: "id",
  483. },
  484. {
  485. name: "静风频率(%)",
  486. field: "dayjfpl",
  487. is_num: false,
  488. is_light: false,
  489. sortable: true,
  490. id: "id",
  491. },
  492. {
  493. name: "功率一致性系数(%)",
  494. field: "dayglyzxxs",
  495. is_num: false,
  496. is_light: false,
  497. sortable: true,
  498. id: "id",
  499. },
  500. ],
  501. data: [{ a: "aaa" }],
  502. },
  503. };
  504. },
  505. created() {
  506. this.getTable();
  507. },
  508. beforeUpdate() {},
  509. methods: {
  510. getTable() {
  511. let that = this;
  512. let subUrl = "";
  513. const data = {
  514. wtId: this.option["windturbineid"],
  515. };
  516. if ("d" == this.option.shows) {
  517. subUrl = "/benchmarking/gadayhistlist";
  518. data["recorddate"] = this.option["date"];
  519. }
  520. if ("m" == this.option.shows) {
  521. subUrl = "/benchmarking/gamonthhistlist";
  522. const dateStr = this.option["date"].split("-");
  523. if (dateStr.length > 1) {
  524. data["year"] = dateStr[0];
  525. data["month"] = dateStr[1];
  526. }
  527. }
  528. if ("y" == this.option.shows) {
  529. subUrl = "/benchmarking/gayearhistlist";
  530. data["year"] = this.option["date"];
  531. }
  532. // that.tableLoading = true;
  533. // that.API.requestData({
  534. // timeout: 60000,
  535. // method: "POST",
  536. // subUrl: subUrl,
  537. // data: data,
  538. // success(res) {
  539. // that.tableLoading = false;
  540. // if (res.code === 200) {
  541. // var data = [];
  542. // res.data.forEach((item, index) => {
  543. // item["index"] = index;
  544. // data[index] = item;
  545. // });
  546. // that.hisData.data = data;
  547. // }
  548. // },
  549. // Error(res) {
  550. // console.log("tag", res);
  551. // }
  552. // });
  553. that.tableLoading = false;
  554. if (that.res.code === 200) {
  555. var items = [];
  556. that.res.data.forEach((item, index) => {
  557. item["index"] = index;
  558. items[index] = item;
  559. });
  560. that.hisData.data = items;
  561. }
  562. },
  563. },
  564. };
  565. </script>
  566. <style lang="less"></style>