停车场项目web, 互联网仓库, 开发完成后, 需要将代码回传云桌面.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1127 lines
19 KiB

  1. export default {
  2. pageSizeOptions: [15, 40, 100, 200], // 页码
  3. pageSizeOptions1: [15, 40, 100, 200], // 页码
  4. maxDate: 365, // 时间组件最大选择范围
  5. //事件状态
  6. eventStateList: [{
  7. value: "0",
  8. text: "未处理",
  9. },
  10. {
  11. value: "1",
  12. text: "已处理",
  13. },
  14. {
  15. value: "2",
  16. text: "忽略",
  17. }
  18. ],
  19. //分组类型
  20. groupTypeList: [{
  21. value: "1",
  22. text: "按时间排序",
  23. }, {
  24. value: "2",
  25. text: "按人数排序",
  26. }],
  27. //车牌颜色
  28. ColorType: [{
  29. value: '1',
  30. text: '黑色'
  31. },
  32. {
  33. value: '2',
  34. text: '白色'
  35. },
  36. {
  37. value: '3',
  38. text: '灰色'
  39. },
  40. {
  41. value: '4',
  42. text: '红色'
  43. },
  44. {
  45. value: '5',
  46. text: '蓝色'
  47. },
  48. {
  49. value: '6',
  50. text: '黄色'
  51. },
  52. {
  53. value: '7',
  54. text: '橙色'
  55. },
  56. {
  57. value: '8',
  58. text: '棕色'
  59. },
  60. {
  61. value: '9',
  62. text: '绿色'
  63. },
  64. {
  65. value: '10',
  66. text: '紫色'
  67. },
  68. {
  69. value: '11',
  70. text: '青色'
  71. },
  72. {
  73. value: '12',
  74. text: '粉色'
  75. },
  76. {
  77. value: '13',
  78. text: '透明'
  79. },
  80. {
  81. value: '99',
  82. text: '其他'
  83. },
  84. ],
  85. // 车牌类型
  86. PlateClass: [{
  87. value: '01',
  88. text: '大型汽车号牌'
  89. },
  90. {
  91. value: '02',
  92. text: '小型汽车号牌'
  93. },
  94. {
  95. value: '03',
  96. text: '使馆汽车号牌'
  97. },
  98. {
  99. value: '04',
  100. text: '领馆汽车号牌'
  101. },
  102. {
  103. value: '05',
  104. text: '境外汽车号牌'
  105. },
  106. {
  107. value: '06',
  108. text: '外籍汽车号牌'
  109. },
  110. {
  111. value: '07',
  112. text: '普通摩托车号牌'
  113. },
  114. {
  115. value: '08',
  116. text: '轻便摩托车号牌'
  117. },
  118. {
  119. value: '09',
  120. text: '使馆摩托车号牌'
  121. },
  122. {
  123. value: '10',
  124. text: '领馆摩托车号牌'
  125. },
  126. {
  127. value: '11',
  128. text: '境外摩托车号牌'
  129. },
  130. {
  131. value: '12',
  132. text: '外籍摩托车号牌'
  133. },
  134. {
  135. value: '13',
  136. text: '低速车号牌'
  137. },
  138. {
  139. value: '14',
  140. text: '拖拉机号牌'
  141. },
  142. {
  143. value: '15',
  144. text: '挂车号牌'
  145. },
  146. {
  147. value: '16',
  148. text: '教练汽车号牌'
  149. },
  150. {
  151. value: '17',
  152. text: '教练摩托车号牌'
  153. },
  154. {
  155. value: '20',
  156. text: '临时入境汽车号牌'
  157. },
  158. {
  159. value: '21',
  160. text: '临时入境摩托车号牌'
  161. },
  162. {
  163. value: '22',
  164. text: '临时行驶车号牌'
  165. },
  166. {
  167. value: '23',
  168. text: '警用汽车号牌'
  169. },
  170. {
  171. value: '24',
  172. text: '警用摩托车号牌'
  173. },
  174. {
  175. value: '25',
  176. text: '原农机号牌'
  177. },
  178. {
  179. value: '26',
  180. text: '香港入出境号牌'
  181. },
  182. {
  183. value: '27',
  184. text: '澳门入出境号牌'
  185. },
  186. {
  187. value: '31',
  188. text: '武警号牌'
  189. },
  190. {
  191. value: '32',
  192. text: '军队号牌'
  193. },
  194. {
  195. value: '99',
  196. text: '其他号牌'
  197. },
  198. ],
  199. //号牌类型
  200. PlateType: [{
  201. value: 1,
  202. text: '大型汽车'
  203. },
  204. {
  205. value: 2,
  206. text: '小型汽车'
  207. },
  208. {
  209. value: 3,
  210. text: '使馆汽车'
  211. },
  212. {
  213. value: 4,
  214. text: '领馆汽车'
  215. },
  216. {
  217. value: 5,
  218. text: '境外汽车'
  219. },
  220. {
  221. value: 6,
  222. text: '外籍汽车'
  223. },
  224. {
  225. value: 7,
  226. text: '教练汽车'
  227. },
  228. {
  229. value: 8,
  230. text: '临时行驶车'
  231. },
  232. {
  233. value: 9,
  234. text: '警用汽车'
  235. },
  236. {
  237. value: 10,
  238. text: '大型新能源汽车'
  239. },
  240. {
  241. value: 11,
  242. text: '小型新能源汽车'
  243. },
  244. {
  245. value: 12,
  246. text: '残疾人专用车号牌'
  247. },
  248. ],
  249. //支付渠道
  250. PayChannel: [{
  251. value: '1',
  252. label: '余额'
  253. },
  254. {
  255. value: '2',
  256. label: '现金'
  257. },
  258. {
  259. value: '3',
  260. label: '支付宝'
  261. },
  262. {
  263. value: '4',
  264. label: '微信'
  265. },
  266. {
  267. value: '5',
  268. label: '招商银行'
  269. },
  270. {
  271. value: '6',
  272. label: '系统录入'
  273. },
  274. {
  275. value: '7',
  276. label: '数字人民币'
  277. },
  278. {
  279. value: '8',
  280. label: '车场自收'
  281. },
  282. {
  283. value: '9',
  284. label: 'ETC'
  285. },
  286. ],
  287. //商户名称
  288. MerchantName :[
  289. { value: 0, label: "全部" },
  290. { value: 1, label: "错时共享停车场" },
  291. { value: 2, label: "公用事业集团" },
  292. { value: 3, label: "社会类停车场" },
  293. { value: 4, label: "智慧交通" },
  294. ],
  295. // 车场折扣--状态
  296. YardDiscountType: [
  297. { value: "0", label: "全部" },
  298. { value: "1", label: "未开始" },
  299. { value: "2", label: "进行中" },
  300. { value: "3", label: "已结束" },
  301. { value: "4", label: "已下架" },
  302. ],
  303. PayDevice:[
  304. {
  305. value: '0',
  306. label: '全部'
  307. },
  308. {
  309. value: '1',
  310. label: '系统自动扣款APP'
  311. },
  312. {
  313. value: '2',
  314. label: '微信公众号'
  315. },
  316. {
  317. value: '3',
  318. label: 'MS'
  319. },
  320. {
  321. value: '4',
  322. label: 'PDA'
  323. },
  324. {
  325. value: '5',
  326. label: '开放平台支付'
  327. },
  328. {
  329. value: '6',
  330. label: '扫码枪'
  331. },
  332. {
  333. value: '7',
  334. label: '微信小程序'
  335. },
  336. {
  337. value: '8',
  338. label: '支付宝生活号'
  339. },
  340. {
  341. value: '9',
  342. label: '支付宝小程序'
  343. },
  344. {
  345. value: '10',
  346. label: '缴费大屏'
  347. },
  348. {
  349. value: '11',
  350. label: '自助缴费机'
  351. },
  352. {
  353. value: '12',
  354. label: '后台录入'
  355. },
  356. {
  357. value: '13',
  358. label: 'H5'
  359. },
  360. {
  361. value: '14',
  362. label: 'ETC'
  363. },
  364. ],
  365. PaydMethod:[
  366. {
  367. value: '0',
  368. label: '全部'
  369. },
  370. {
  371. value: '',
  372. label: 'ETC支付'
  373. },
  374. {
  375. value: '',
  376. label: '微信支付分停车服务支付'
  377. },
  378. {
  379. value: '',
  380. label: '支付宝信用停车服务支付'
  381. },
  382. {
  383. value: '',
  384. label: '数字人民币子钱包支付'
  385. },
  386. {
  387. value: '',
  388. label: '数字人民币付款码支付、、'
  389. },
  390. {
  391. value: '',
  392. label: '数字人民币H5支付'
  393. },
  394. {
  395. value: '',
  396. label: '后台录入'
  397. },
  398. {
  399. value: '',
  400. label: '余额支付'
  401. },
  402. {
  403. value: '',
  404. label: '招商银行-支付宝小程序支付'
  405. },
  406. {
  407. value: '',
  408. label: '支付宝原生-支付宝小程序支付'
  409. },
  410. {
  411. value: '',
  412. label: '招商银行-支付宝生活号/服务窗支付'
  413. },
  414. {
  415. value: '',
  416. label: '支付宝原生-支付宝生活号/服务窗支付'
  417. },
  418. {
  419. value: '',
  420. label: '招商银行-支付宝H5支付'
  421. },
  422. {
  423. value: '',
  424. label: '支付宝原生-支付宝H5支付'
  425. },
  426. {
  427. value: '',
  428. label: '招商银行-支付宝用户主扫支付'
  429. },
  430. {
  431. value: '',
  432. label: '支付宝原生-支付宝用户主扫支付'
  433. },
  434. {
  435. value: '',
  436. label: '招商银行-支付宝用户被扫/付款码支付'
  437. },
  438. {
  439. value: '',
  440. label: '支付宝原生-支付宝用户被扫/付款码支付'
  441. },
  442. {
  443. value: '',
  444. label: '招商银行-支付宝APF支付'
  445. },
  446. {
  447. value: '',
  448. label: '支付宝原生-支付宝APP支付'
  449. },
  450. {
  451. value: '',
  452. label: '微信原生-微信信用分支付'
  453. },
  454. {
  455. value: '',
  456. label: '招商银行-微信小程序支付'
  457. },
  458. {
  459. value: '',
  460. label: '微信原生-微信小程序支付'
  461. },
  462. {
  463. value: '',
  464. label: '招商银行-微信H5支付'
  465. },
  466. {
  467. value: '',
  468. label: '微信原生-微信H5支付'
  469. },
  470. {
  471. value: '',
  472. label: '招商银行-微信用户主扫支付'
  473. },
  474. {
  475. value: '',
  476. label: '微信原生-微信用户主扫支付'
  477. },
  478. {
  479. value: '',
  480. label: '招商银行-微信用户被扫/付款码支付'
  481. },
  482. {
  483. value: '',
  484. label: '微信原生-微信用户被扫/付款码支付'
  485. },
  486. {
  487. value: '',
  488. label: '招商银行-微信APP支付'
  489. },
  490. {
  491. value: '',
  492. label: '微信原生-微信APP支付'
  493. },
  494. {
  495. value: '',
  496. label: '招商银行-微信公众号支付'
  497. },
  498. {
  499. value: '',
  500. label: '微信原生-微信公众号支付'
  501. },
  502. ],
  503. //业务订单类型
  504. BusinessOrderType:[
  505. {
  506. value: '1',
  507. label: '全部'
  508. },
  509. {
  510. value: '2',
  511. label: '停车订单'
  512. },
  513. {
  514. value: '3',
  515. label: '充电订单'
  516. },
  517. {
  518. value: '4',
  519. label: '充值订单'
  520. },
  521. {
  522. value: '5',
  523. label: '停车卡订单'
  524. },
  525. {
  526. value: '6',
  527. label: '充电预约订单'
  528. },
  529. {
  530. value: '7',
  531. label: '停车预约订单'
  532. },
  533. {
  534. value: '8',
  535. label: '错峰订单'
  536. },
  537. {
  538. value: '9',
  539. label: '预付费订单'
  540. },
  541. {
  542. value: '10',
  543. label: '商家预付费订单'
  544. },
  545. ],
  546. // 行驶方向
  547. DirectionType: [
  548. {
  549. value: '1',
  550. text: '西向东(东)'
  551. },
  552. {
  553. value: '2',
  554. text: '东向西(西)'
  555. },
  556. {
  557. value: '3',
  558. text: '北向南(南)'
  559. },
  560. {
  561. value: '4',
  562. text: '南向北(北)'
  563. },
  564. {
  565. value: '5',
  566. text: '西南到东北(东北)'
  567. },
  568. {
  569. value: '6',
  570. text: '东北到西南(西南)'
  571. },
  572. {
  573. value: '7',
  574. text: '西北到东南(东南)'
  575. },
  576. {
  577. value: '8',
  578. text: '东南到西北(西北)'
  579. },
  580. {
  581. value: '9',
  582. text: '其他'
  583. },
  584. ],
  585. // 车辆类型
  586. CarClass: [
  587. {
  588. value: 'B',
  589. text: '半挂车'
  590. },
  591. {
  592. value: 'D',
  593. text: '电车'
  594. },
  595. {
  596. value: 'G',
  597. text: '全挂车'
  598. },
  599. {
  600. value: 'H',
  601. text: '货车'
  602. },
  603. {
  604. value: 'J',
  605. text: '轮式机械'
  606. },
  607. {
  608. value: 'K',
  609. text: '客车'
  610. },
  611. {
  612. value: 'M',
  613. text: '摩托车'
  614. },
  615. {
  616. value: 'N',
  617. text: '三轮汽车'
  618. },
  619. {
  620. value: 'Q',
  621. text: '牵引车'
  622. },
  623. {
  624. value: 'T',
  625. text: '拖拉机'
  626. },
  627. {
  628. value: 'Z',
  629. text: '专项作业车'
  630. },
  631. ],
  632. //案件状态
  633. CaseStatus: [
  634. { text: '全部', value: '' },
  635. { text: '已立案', value: '1' },
  636. { text: '已侦破', value: '2' },
  637. { text: '侦破待复核', value: '3' },
  638. { text: '已结案', value: '4' },
  639. { text: '结案待复核', value: '5' },
  640. { text: '并案待复核', value: '6' },
  641. { text: '撤案待复核', value: '7' },
  642. { text: '结案归档', value: '8' },
  643. { text: '并案归档', value: '9' },
  644. { text: '撤案归档', value: '10' },
  645. ],
  646. //图片格式
  647. ImageFormatType: [
  648. { value: 'Bmp', text: 'BMP' },
  649. { value: 'Gif', text: 'GIF' },
  650. { value: 'Jpeg', text: 'JPEG' },
  651. { value: 'Jfif', text: 'JFIF' },
  652. { value: 'Kdc', text: 'KDC' },
  653. { value: 'Pcd', text: 'PCD' },
  654. { value: 'Pcx', text: 'PCX' },
  655. { value: 'Pic', text: 'PIC' },
  656. { value: 'Pix', text: 'PIX' },
  657. { value: 'Png', text: 'PNG' },
  658. { value: 'Psd', text: 'PSD' },
  659. { value: 'Tapga', text: 'TAPGA' },
  660. { value: 'Tiff', text: 'TIFF' },
  661. { value: 'Wmf', text: 'WMF' },
  662. { value: 'Jp2', text: 'JPEG2000' },
  663. { value: 'Other', text: '其他' },
  664. ],
  665. // 入侵行为
  666. IntrusionType: [
  667. { text: '进入区域', value: '0' },
  668. { text: '离开区域', value: '1' },
  669. { text: '区域内出现', value: '2' },
  670. { text: '区域内消失', value: '3' },
  671. { text: '在区域内', value: '4' },
  672. ],
  673. // 目标类型
  674. TargetType: [
  675. { text: '人员', value: '1' },
  676. { text: '人脸', value: '2' },
  677. { text: '机动车', value: '3' },
  678. { text: '非机动车', value: '4' },
  679. { text: '物品', value: '5' },
  680. { text: '场景', value: '6' },
  681. ],
  682. // 保密级别
  683. SecretLevel: [
  684. { text: '绝密', value: '1' },
  685. { text: '机密', value: '2' },
  686. { text: '秘密', value: '3' },
  687. { text: '内部', value: '4' },
  688. { text: '公开', value: '5' },
  689. { text: '其他', value: '9' },
  690. ],
  691. // 性别
  692. gender: [
  693. {
  694. "text": "未知",
  695. "value": -1
  696. },
  697. {
  698. "text": "男性",
  699. "value": 1
  700. },
  701. {
  702. "text": "女性",
  703. "value": 2
  704. },
  705. ],
  706. // 财务管理 -- 异常处理 车场类型
  707. roadType: [
  708. {
  709. label: "全部",
  710. value: 0,
  711. },
  712. {
  713. label: "路侧平行",
  714. value: 1,
  715. },
  716. {
  717. label: "路侧垂停",
  718. value: 2,
  719. },
  720. {
  721. label: "封闭车场",
  722. value: 3,
  723. },
  724. {
  725. label: "半封闭车场",
  726. value: 4,
  727. },
  728. ],
  729. parkType: [
  730. {
  731. label: "全部",
  732. value: 0
  733. },
  734. {
  735. label: "路内车场",
  736. value: 1
  737. },
  738. {
  739. label: "路外车场",
  740. value: 2
  741. },
  742. ],
  743. sectionType: [
  744. {
  745. label: "全部",
  746. value: -1
  747. },
  748. {
  749. label: "200以内",
  750. value: 1
  751. },
  752. {
  753. label: "200-500",
  754. value: 2
  755. },
  756. {
  757. label: "500以上",
  758. value: 3
  759. }
  760. ],
  761. vipType: [
  762. {
  763. label: "全部",
  764. value: -1
  765. },
  766. {
  767. label: "非会员",
  768. value: 0
  769. },
  770. {
  771. label: "会员",
  772. value: 1
  773. },
  774. ]
  775. }
  776. //商户名称
  777. export const merchantName = [
  778. { value: 0, label: "全部" },
  779. { value: 1, label: "错时共享停车场" },
  780. { value: 2, label: "公用事业集团" },
  781. { value: 3, label: "社会类停车场" },
  782. { value: 4, label: "智慧交通" },
  783. ]
  784. export const operator = [
  785. { value: 0, label: "全部" },
  786. { value: 1, label: "错时共享停车场" },
  787. { value: 2, label: "公用事业集团" },
  788. { value: 3, label: "社会类停车场" },
  789. { value: 4, label: "智慧交通" },
  790. ]
  791. export const name = [
  792. { value: 0, label: "全部" },
  793. { value: 1, label: "错时共享停车场" },
  794. { value: 2, label: "公用事业集团" },
  795. { value: 3, label: "社会类停车场" },
  796. { value: 4, label: "智慧交通" },
  797. ]
  798. export const schedule = [
  799. { value: 0, label: "全部" },
  800. { value: 1, label: "错时共享停车场" },
  801. { value: 2, label: "公用事业集团" },
  802. { value: 3, label: "社会类停车场" },
  803. { value: 4, label: "智慧交通" },
  804. ]
  805. // 页数格式
  806. export const pageSizeOptions = ["15", "40", "100", '200'];
  807. ;
  808. const colorList = ['#3AA9FF', '#F997DF', '#F9EF97', '#f40']
  809. import utils from "@/config/utils"
  810. export const pieChartOption = {
  811. title: {
  812. show: true,
  813. text: '',
  814. bottom: 0,
  815. x: 'center',
  816. textStyle: {
  817. color: '#fff'
  818. },
  819. textAlign: 'left'
  820. },
  821. color: colorList,
  822. tooltip: {
  823. trigger: 'item',
  824. formatter: (params) => {
  825. return `
  826. <div>
  827. ${params.marker}
  828. ${params.name}:
  829. &nbsp;&nbsp;
  830. ${utils.parseFormatNum(params?.value || 0)}
  831. </div>
  832. `
  833. }
  834. },
  835. legend: {
  836. top: '5%',
  837. left: 'center',
  838. itemHeight: 6,
  839. itemGap: 20,
  840. textStyle: {
  841. color: '#fff'
  842. }
  843. },
  844. series: [
  845. {
  846. name: '',
  847. type: 'pie',
  848. center: ["50%", "52%"],
  849. radius: ['60%', '70%'],
  850. avoidLabelOverlap: true,
  851. label: {
  852. normal: {
  853. show: false,
  854. position: 'center',
  855. formatter: '{title|{b}}\n\r\n\r{percent|{d}}%',
  856. textStyle: {
  857. color: '#fff'
  858. },
  859. rich: {
  860. title: {
  861. fontSize: 18
  862. },
  863. percent: {
  864. fontSize: 20,
  865. fontWeight: 700
  866. }
  867. }
  868. },
  869. emphasis: {
  870. show: true
  871. }
  872. },
  873. labelLine: {
  874. show: false
  875. },
  876. data: [
  877. ]
  878. }
  879. ]
  880. }
  881. export const lineChartOption = {
  882. color: colorList,
  883. title: {
  884. text: ''
  885. },
  886. tooltip: {
  887. trigger: 'axis'
  888. },
  889. legend: {
  890. icon: 'rect',
  891. top: '5%',
  892. left: 'center',
  893. itemHeight: 6,
  894. itemGap: 20,
  895. textStyle: {
  896. color: '#fff'
  897. }
  898. },
  899. grid: {
  900. top: '15%',
  901. left: '3%',
  902. right: '4%',
  903. bottom: '3%',
  904. containLabel: true
  905. },
  906. xAxis: {
  907. type: 'category',
  908. boundaryGap: false,
  909. data: [],
  910. axisLabel: {
  911. color: 'rgba(255, 255, 255, .65)'
  912. }
  913. },
  914. yAxis: {
  915. type: 'value',
  916. axisLine: {
  917. show: false
  918. },
  919. axisLabel: {
  920. color: 'rgba(255, 255, 255, .65)'
  921. },
  922. splitLine: {
  923. show: true,
  924. lineStyle: {
  925. type: 'dashed',
  926. color: '#fff',
  927. opacity: .15
  928. }
  929. }
  930. },
  931. series: [
  932. {
  933. name: '',
  934. type: 'line',
  935. // stack: 'Total',
  936. symbolSize: 6,
  937. symbol: 'circle',
  938. showSymbol: true,
  939. smooth: true,
  940. lineStyle: {
  941. width: 3
  942. },
  943. data: []
  944. }
  945. ]
  946. }
  947. export const stackBarChartOption = {
  948. color: colorList,
  949. grid: {
  950. top: '15%',
  951. left: '3%',
  952. right: '4%',
  953. bottom: '3%',
  954. containLabel: true
  955. },
  956. tooltip: {
  957. trigger: "axis",
  958. axisPointer: {
  959. type: "shadow",
  960. textStyle: {
  961. color: "#fff"
  962. }
  963. }
  964. },
  965. legend: {
  966. icon: 'rect',
  967. top: '5%',
  968. left: 'center',
  969. itemHeight: 6,
  970. itemGap: 20,
  971. textStyle: {
  972. color: '#fff'
  973. }
  974. },
  975. calculable: true,
  976. xAxis: {
  977. type: 'category',
  978. boundaryGap: true,
  979. data: [],
  980. axisLabel: {
  981. color: 'rgba(255, 255, 255, .65)'
  982. }
  983. },
  984. yAxis: {
  985. type: 'value',
  986. axisLine: {
  987. show: false
  988. },
  989. axisLabel: {
  990. color: 'rgba(255, 255, 255, .65)'
  991. },
  992. splitLine: {
  993. show: true,
  994. lineStyle: {
  995. type: 'dashed',
  996. color: '#fff',
  997. opacity: .15
  998. }
  999. }
  1000. },
  1001. series: [{
  1002. name: "",
  1003. type: "bar",
  1004. stack: "stack",
  1005. barMaxWidth: 35,
  1006. barGap: "10%",
  1007. // itemStyle: {
  1008. // normal: {
  1009. // color: "rgba(255,144,128,1)",
  1010. // label: {
  1011. // show: true,
  1012. // textStyle: {
  1013. // color: "#fff"
  1014. // },
  1015. // position: "inside",
  1016. // formatter: function(p) {
  1017. // return p.value > 0 ? (p.value) : '';
  1018. // }
  1019. // }
  1020. // }
  1021. // },
  1022. data: []
  1023. }]
  1024. }
  1025. export const barChartOption = {
  1026. // color: colorList,
  1027. grid: {
  1028. top: '15%',
  1029. left: '0%',
  1030. right: '4%',
  1031. bottom: '3%',
  1032. containLabel: true
  1033. },
  1034. tooltip: {
  1035. trigger: "axis",
  1036. axisPointer: {
  1037. type: "shadow",
  1038. textStyle: {
  1039. color: "#fff"
  1040. }
  1041. }
  1042. },
  1043. legend: {
  1044. icon: 'rect',
  1045. top: '5%',
  1046. left: 'center',
  1047. itemHeight: 6,
  1048. itemGap: 20,
  1049. textStyle: {
  1050. color: '#fff'
  1051. }
  1052. },
  1053. calculable: true,
  1054. xAxis: {
  1055. type: 'category',
  1056. boundaryGap: true,
  1057. data: [],
  1058. axisLabel: {
  1059. color: 'rgba(255, 255, 255, .65)'
  1060. }
  1061. },
  1062. yAxis: {
  1063. type: 'value',
  1064. axisLine: {
  1065. show: false
  1066. },
  1067. axisLabel: {
  1068. color: 'rgba(255, 255, 255, .65)'
  1069. },
  1070. splitLine: {
  1071. show: true,
  1072. lineStyle: {
  1073. type: 'dashed',
  1074. color: '#fff',
  1075. opacity: .15
  1076. }
  1077. }
  1078. },
  1079. series: [{
  1080. name: "",
  1081. type: "bar",
  1082. barMaxWidth: 12,
  1083. barGap: "10%",
  1084. itemStyle: {
  1085. barBorderRadius: [2, 2, 0, 0],
  1086. color: {
  1087. type: 'linear',
  1088. x: 0,
  1089. y: 0,
  1090. x2: 0,
  1091. y2: 1,
  1092. colorStops: [{
  1093. offset: 0, color: '#99EBFF'
  1094. }, {
  1095. offset: 1, color: '#3AA9FF'
  1096. }],
  1097. globalCoord: false
  1098. }
  1099. },
  1100. data: []
  1101. }, {
  1102. name: "",
  1103. type: "bar",
  1104. barMaxWidth: 12,
  1105. barGap: "10%",
  1106. itemStyle: {
  1107. barBorderRadius: [2, 2, 0, 0],
  1108. color: {
  1109. type: 'linear',
  1110. x: 0,
  1111. y: 0,
  1112. x2: 0,
  1113. y2: 1,
  1114. colorStops: [{
  1115. offset: 0, color: '#FFB8B8'
  1116. }, {
  1117. offset: 1, color: '#F481F8'
  1118. }],
  1119. globalCoord: false
  1120. }
  1121. },
  1122. data: []
  1123. }]
  1124. }