gasAssessment.data.ts 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578
  1. import { reactive, ref } from 'vue';
  2. import { BasicColumn } from '/@/components/Table';
  3. import echarts from '/@/utils/lib/echarts';
  4. import * as THREE from 'three';
  5. import { ModuleDataChart } from '/@/views/vent/deviceManager/configurationTable/types';
  6. export const monitorNav = [
  7. {
  8. title: '达标评判监测',
  9. isShow: true,
  10. },
  11. {
  12. title: '历史曲线',
  13. isShow: false,
  14. },
  15. // {
  16. // title: '防灭火监测与管控',
  17. // isShow: false,
  18. // },
  19. ];
  20. export const echartsOption = reactive({
  21. tooltip: { trigger: 'axis', axisPointer: { lineStyle: { color: '#fff' } } },
  22. legend: {
  23. top: '-5',
  24. icon: 'rect',
  25. data: ['进风', '回风'],
  26. right: '10px',
  27. textStyle: { fontSize: 12, color: '#fff' },
  28. },
  29. grid: { x: 50, y: 50, x2: 12, y2: 40, bottom: '25', top: '10' },
  30. xAxis: {
  31. type: 'category',
  32. boundaryGap: false,
  33. axisLine: { lineStyle: { color: '#8EAFB9' } },
  34. axisLabel: { color: '#ffffffcc' },
  35. splitLine: { show: true, lineStyle: { color: '#57617B22', type: 'dashed' } },
  36. data: [],
  37. },
  38. yAxis: [
  39. {
  40. type: 'value',
  41. name: 'm³/min',
  42. axisTick: {
  43. show: false,
  44. },
  45. axisLine: { lineStyle: { show: true, color: '#8EAFB9' } },
  46. axisLabel: { margin: 10, fontSize: 12, color: '#ffffffcc' },
  47. splitLine: { show: true, lineStyle: { color: '#57617B22', type: 'dashed' } },
  48. },
  49. ],
  50. series: [
  51. {
  52. name: '进风',
  53. type: 'line',
  54. smooth: true,
  55. lineStyle: { width: 2 },
  56. yAxisIndex: 0,
  57. // markLine: {
  58. // data: [{ yAxis: 0, name: '需风量' }],
  59. // },
  60. areaStyle: {
  61. color: new echarts.graphic.LinearGradient(
  62. 0,
  63. 0,
  64. 0,
  65. 1,
  66. [
  67. {
  68. offset: 0,
  69. color: 'rgba(185,150,248,0.3)',
  70. },
  71. {
  72. offset: 0.8,
  73. color: 'rgba(185,150,248,0)',
  74. },
  75. ],
  76. false
  77. ),
  78. shadowColor: 'rgba(0, 0, 0, 0.1)',
  79. shadowBlur: 10,
  80. },
  81. itemStyle: { color: '#B996F8' },
  82. data: [],
  83. },
  84. {
  85. name: '回风',
  86. type: 'line',
  87. smooth: true,
  88. lineStyle: { width: 2 },
  89. yAxisIndex: 0,
  90. // markLine: {
  91. // data: [{ yAxis: 0, name: '需风量' }],
  92. // },
  93. areaStyle: {
  94. color: new echarts.graphic.LinearGradient(
  95. 0,
  96. 0,
  97. 0,
  98. 1,
  99. [
  100. {
  101. offset: 0,
  102. color: 'rgba(3, 194, 236, 0.3)',
  103. },
  104. {
  105. offset: 0.8,
  106. color: 'rgba(3, 194, 236, 0)',
  107. },
  108. ],
  109. false
  110. ),
  111. shadowColor: 'rgba(0, 0, 0, 0.1)',
  112. shadowBlur: 10,
  113. },
  114. itemStyle: { color: '#03C2EC' },
  115. data: [],
  116. },
  117. ],
  118. });
  119. export const gasMonitor = [
  120. {
  121. title: '工作面编号',
  122. code: 'T0',
  123. unit: '',
  124. },
  125. {
  126. title: '所属采区',
  127. code: 'T1',
  128. unit: '',
  129. },
  130. {
  131. title: '开采煤层',
  132. code: 'T2',
  133. unit: '',
  134. },
  135. {
  136. title: '工作面走向长度',
  137. code: 'CO2',
  138. unit: 'm',
  139. },
  140. {
  141. title: '工作面切眼长度',
  142. code: 'gasC',
  143. unit: 'm',
  144. },
  145. {
  146. title: '工作面煤炭储量',
  147. code: 'gasMixMass',
  148. unit: 'm³/t',
  149. },
  150. {
  151. title: '原始瓦斯储量',
  152. code: 'gasMass',
  153. unit: 'm³/t',
  154. },
  155. {
  156. title: '工作面瓦斯含量',
  157. code: 'gasMass',
  158. unit: 'm³/t',
  159. },
  160. {
  161. title: '预抽瓦斯标量 (m³)',
  162. code: 'gasTotalMass',
  163. unit: '',
  164. },
  165. {
  166. title: '抽采单元数量',
  167. code: 'windPressure',
  168. unit: '',
  169. },
  170. ];
  171. export const gasParamData = [
  172. {
  173. title: '走向长度 (m)',
  174. code: 'lenH',
  175. },
  176. {
  177. title: '倾向长度 (m)',
  178. code: 'lenDip',
  179. },
  180. {
  181. title: '煤层厚度 (m)',
  182. code: 'thickness',
  183. },
  184. {
  185. title: '煤层倾角 (°)',
  186. code: 'angleDip',
  187. },
  188. {
  189. title: '吸附常数a (cm³/gdaf)',
  190. code: 'adsorbA',
  191. },
  192. {
  193. title: '吸附常数b (MPa-l)',
  194. code: 'adsorbB',
  195. },
  196. {
  197. title: '水分Mad (%)',
  198. code: 'waterMad',
  199. },
  200. {
  201. title: '灰分Ad (%)',
  202. code: 'dustAd',
  203. },
  204. {
  205. title: '挥发分Vdaf (%)',
  206. code: 'volatilizeAd',
  207. },
  208. {
  209. title: '孔隙率 (m³)',
  210. code: 'poreRate',
  211. },
  212. {
  213. title: '真相对密度',
  214. code: 'trueDensity',
  215. },
  216. {
  217. title: '视相对密度',
  218. code: 'apparentDensity',
  219. },
  220. ];
  221. export const currentGasMonitor = [
  222. {
  223. title: '原始瓦斯含量 (m³/t)',
  224. code: 'gasOriginalMass',
  225. },
  226. {
  227. title: '残余瓦斯含量 (m³/t)',
  228. code: 'gasRemnantMass',
  229. },
  230. {
  231. title: '残存瓦斯含量 (m³/t)',
  232. code: 'gasSurviveMass',
  233. },
  234. {
  235. title: '瓦斯压力 (MPa)',
  236. code: 'gasTotalMass',
  237. },
  238. {
  239. title: '煤层厚度 (m)',
  240. code: 'currentThickness',
  241. },
  242. {
  243. title: '煤层倾角 (°)',
  244. code: 'currentAngleDip',
  245. },
  246. {
  247. title: '地质构造',
  248. code: 'geologicStructure',
  249. },
  250. ];
  251. export const gasPumpValve = [
  252. {
  253. title: '开抽日期',
  254. code: 'T0',
  255. unit: '',
  256. },
  257. {
  258. title: '支管抽采负压',
  259. code: 'T0',
  260. unit: '',
  261. },
  262. {
  263. title: '支管抽采流量',
  264. code: 'T0',
  265. unit: '',
  266. },
  267. {
  268. title: '抽采管路气体温度',
  269. code: 'T0',
  270. unit: '',
  271. },
  272. {
  273. title: '抽采管路甲烷浓度',
  274. code: 'T0',
  275. unit: '',
  276. },
  277. {
  278. title: '抽采管路一氧化碳浓度',
  279. code: 'T0',
  280. unit: '',
  281. },
  282. {
  283. title: '累计流量',
  284. code: 'T0',
  285. unit: '',
  286. },
  287. {
  288. title: '累计纯量',
  289. code: 'T0',
  290. unit: '',
  291. },
  292. ];
  293. export const gasUnitDetail = [
  294. {
  295. title: '开始日期',
  296. code: 'startDay',
  297. // unit: 'kPa',
  298. },
  299. {
  300. title: '瓦斯储量',
  301. code: 'CH4 ',
  302. // unit: '%',
  303. },
  304. {
  305. title: '抽采负压',
  306. code: 'temperature',
  307. // unit: '℃',
  308. },
  309. {
  310. title: '抽采流量',
  311. code: 'flowRate',
  312. // unit: '万m³',
  313. },
  314. {
  315. title: '气体温度',
  316. code: 'scalarRate',
  317. // unit: '万m³',
  318. },
  319. {
  320. title: '甲烷浓度',
  321. code: 'CH4',
  322. // unit: '万m³',
  323. },
  324. {
  325. title: '一氧化碳浓度',
  326. code: 'CO',
  327. // unit: '万m³',
  328. },
  329. {
  330. title: '累计混量',
  331. code: 'unitTotalMass',
  332. },
  333. {
  334. title: '累计纯量',
  335. code: 'unit=Mass',
  336. },
  337. ];
  338. export function getBezierControlPoint(A = { x: 1, y: 1 }, alpha_degrees = 45, d = 10) {
  339. // 转换角度为弧度
  340. const alpha_radians = (alpha_degrees * Math.PI) / 180;
  341. // 计算 C 点的坐标
  342. const C = {
  343. x: A.x + d * Math.cos(alpha_radians),
  344. y: A.y + d * Math.sin(alpha_radians),
  345. };
  346. return C;
  347. }
  348. export const headerBadges = ref([
  349. {
  350. value: 'T1',
  351. desc: '瓦斯总储量',
  352. code: '',
  353. },
  354. {
  355. value: 'T2',
  356. desc: '抽采达标量',
  357. code: '',
  358. },
  359. {
  360. value: 'T3',
  361. desc: '累计抽采量',
  362. code: '',
  363. },
  364. {
  365. value: 'T4',
  366. desc: '预抽比率',
  367. code: '',
  368. },
  369. {
  370. value: 'T5',
  371. desc: '已抽时间',
  372. code: '',
  373. },
  374. ]);
  375. export const gasUnitBarOption: ModuleDataChart = {
  376. type: 'bar_cylinder',
  377. readFrom: '',
  378. legend: { show: false },
  379. xAxis: [{ show: true }],
  380. yAxis: [{ show: true, name: '', position: 'left' }],
  381. series: [
  382. {
  383. readFrom: 'arrayDev',
  384. xprop: 'strinstallpos',
  385. yprop: 'val',
  386. label: '',
  387. },
  388. ],
  389. };
  390. export const mockData = {
  391. id: 4,
  392. objType: '氧气',
  393. arrayDev: [
  394. {
  395. strinstallpos: '抽采单元1',
  396. val: '1.76',
  397. },
  398. {
  399. strinstallpos: '抽采单元2',
  400. val: '0.08',
  401. },
  402. {
  403. strinstallpos: '抽采单元3',
  404. val: '0.30',
  405. },
  406. {
  407. strinstallpos: '抽采单元4',
  408. val: '0.67',
  409. },
  410. {
  411. strinstallpos: '抽采单元5',
  412. val: '0.67',
  413. },
  414. ],
  415. };
  416. export const gasUnitPieOption: ModuleDataChart = {
  417. type: 'pie',
  418. readFrom: '',
  419. legend: { show: false },
  420. xAxis: [{ show: true }],
  421. yAxis: [{ show: true, name: '', position: 'left' }],
  422. series: [
  423. {
  424. readFrom: 'arrayDev',
  425. xprop: 'strinstallpos',
  426. yprop: 'val',
  427. label: '',
  428. },
  429. ],
  430. };
  431. export const mockPieData = {
  432. id: 4,
  433. objType: '氧气',
  434. arrayDev: [
  435. {
  436. strinstallpos: '抽采单元1',
  437. val: '1.76',
  438. },
  439. {
  440. strinstallpos: '抽采单元2',
  441. val: '0.08',
  442. },
  443. {
  444. strinstallpos: '抽采单元3',
  445. val: '0.30',
  446. },
  447. {
  448. strinstallpos: '抽采单元4',
  449. val: '0.67',
  450. },
  451. {
  452. strinstallpos: '抽采单元5',
  453. val: '0.67',
  454. },
  455. ],
  456. };
  457. export const unitHeaderBadges = ref([
  458. {
  459. value: 'T1',
  460. desc: '单元瓦斯总储量',
  461. code: '',
  462. },
  463. {
  464. value: 'T2',
  465. desc: '单元抽采达标量',
  466. code: '',
  467. },
  468. {
  469. value: 'T3',
  470. desc: '单元累计抽采纯量',
  471. code: '',
  472. },
  473. {
  474. value: 'T4',
  475. desc: '单元预抽比率',
  476. code: '',
  477. },
  478. ]);
  479. export const unitBaseInfo = [
  480. {
  481. title: '单元名称',
  482. code: 'T0',
  483. unit: '',
  484. },
  485. {
  486. title: '煤炭储量',
  487. code: 'T1',
  488. unit: 'm³/t',
  489. },
  490. {
  491. title: '瓦斯储量',
  492. code: 'T2',
  493. unit: 'm³/t',
  494. },
  495. {
  496. title: '钻孔施工长度',
  497. code: 'CO2',
  498. unit: 'm',
  499. },
  500. {
  501. title: '单元瓦斯含量',
  502. code: 'gasC',
  503. unit: 'm³/t',
  504. },
  505. {
  506. title: '单元原始瓦斯压力',
  507. code: 'gasMixMass',
  508. unit: 'Pa',
  509. },
  510. {
  511. title: '抽采钻孔管径',
  512. code: 'gasMass',
  513. unit: 'm',
  514. },
  515. {
  516. title: '抽采单元汇总管径',
  517. code: 'gasMass',
  518. unit: 'm',
  519. },
  520. ];
  521. export const unitMonitor = [
  522. {
  523. title: '瓦斯总储量',
  524. code: 'T0',
  525. unit: 'm³/t',
  526. },
  527. {
  528. title: '抽采达标量',
  529. code: 'T1',
  530. unit: 'm³/t',
  531. },
  532. {
  533. title: '累计抽采纯量',
  534. code: 'T2',
  535. unit: 'm³/t',
  536. },
  537. {
  538. title: '当前抽采率',
  539. code: 'CO2',
  540. unit: '%',
  541. },
  542. {
  543. title: '试试抽采率',
  544. code: 'gasC',
  545. unit: '%',
  546. },
  547. {
  548. title: '实时抽采浓度',
  549. code: 'gasMixMass',
  550. unit: 'ppm',
  551. },
  552. {
  553. title: '实时抽采负压',
  554. code: 'gasMass',
  555. unit: 'Pa',
  556. },
  557. {
  558. title: '参与瓦斯压力',
  559. code: 'gasMass',
  560. unit: 'Pa',
  561. },
  562. ];