index.js 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. // components/spacecard/spacecard.js
  2. import utils from "../../utils/util";
  3. const app = getApp();
  4. Component({
  5. /**
  6. * 组件的属性列表
  7. */
  8. properties: {
  9. isCheckbox:{
  10. type:Boolean,
  11. value:false
  12. },
  13. cardDate:{
  14. type:Object,
  15. value:{}
  16. },
  17. canvashidden:{
  18. type:Boolean,
  19. value:true
  20. }
  21. },
  22. /**
  23. * 组件的初始数据
  24. */
  25. data: {
  26. imgbaseUrl:app.globalData.imgbaseUrl,
  27. unit:"°C",
  28. imgShow:false,
  29. statusList: [{
  30. id: 0,
  31. name: "缺数无法判断",
  32. imgSrc: "../../static/images/envtype1.png",
  33. canvasDate:{"v":"5.6.6","fr":25,"ip":0,"op":50,"w":100,"h":100,"nm":"恒温","ddd":0,"assets":[{"id":"image_0","w":60,"h":60,"u":"images/","p":"img_1.png","e":0}],"layers":[{"ddd":0,"ind":1,"ty":2,"nm":"恒温.png","cl":"png","refId":"image_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":50,"s":[-360]}],"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2},"a":{"a":0,"k":[30,30,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":50,"st":0,"bm":0}],"markers":[]}
  34. },
  35. {
  36. id: 1,
  37. name: "恒温保持",
  38. imgSrc: "../../static/images/envtype1.png",
  39. canvasDate:{"v":"5.6.6","fr":25,"ip":0,"op":50,"w":100,"h":100,"nm":"恒温","ddd":0,"assets":[{"id":"image_0","w":60,"h":60,"u":"images/","p":"img_1.png","e":0}],"layers":[{"ddd":0,"ind":1,"ty":2,"nm":"恒温.png","cl":"png","refId":"image_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":50,"s":[-360]}],"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2},"a":{"a":0,"k":[30,30,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":50,"st":0,"bm":0}],"markers":[]}
  40. },
  41. {
  42. id: 2,
  43. name: "正在为您快速降温",
  44. imgSrc: "../../static/images/envtype5.png",
  45. canvasDate:{"v":"5.6.6","fr":25,"ip":0,"op":31,"w":100,"h":100,"nm":"高数降低","ddd":0,"assets":[{"id":"image_0","w":60,"h":60,"u":"images/","p":"img_5.png","e":0}],"layers":[{"ddd":0,"ind":1,"ty":2,"nm":"高速降低.eps","cl":"eps","refId":"image_0","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":15,"s":[100]},{"t":31,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[50,30,0],"to":[0,3.333,0],"ti":[0,-6.667,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[50,50,0],"to":[0,6.667,0],"ti":[0,-3.333,0]},{"t":31,"s":[50,70,0]}],"ix":2},"a":{"a":0,"k":[30,30,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":31,"st":0,"bm":0}],"markers":[]}
  46. },
  47. {
  48. id: 3,
  49. name: "正在逐步调高温度",
  50. imgSrc: "../../static/images/envtype3.png",
  51. canvasDate:{"v":"5.6.6","fr":25,"ip":0,"op":50,"w":100,"h":100,"nm":"逐步提升","ddd":0,"assets":[{"id":"image_0","w":60,"h":60,"u":"images/","p":"img_3.png","e":0}],"layers":[{"ddd":0,"ind":1,"ty":2,"nm":"逐步提升.eps","cl":"eps","refId":"image_0","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[100]},{"t":50,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[30,70,0],"to":[3.333,-3.333,0],"ti":[-6.667,6.667,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25,"s":[50,50,0],"to":[6.667,-6.667,0],"ti":[-3.333,3.333,0]},{"t":50,"s":[70,30,0]}],"ix":2},"a":{"a":0,"k":[30,30,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":50,"st":0,"bm":0}],"markers":[]}
  52. },
  53. {
  54. id: 4,
  55. name: "关机状态",
  56. imgSrc: "../../static/images/envtype4.png",
  57. canvasDate:{"v":"5.6.6","fr":25,"ip":0,"op":50,"w":100,"h":100,"nm":"节能运行","ddd":0,"assets":[{"id":"image_0","w":60,"h":60,"u":"images/","p":"img_4.png","e":0}],"layers":[{"ddd":0,"ind":1,"ty":2,"nm":"节能运行.eps","cl":"eps","refId":"image_0","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[20]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":25,"s":[100]},{"t":50,"s":[20]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2},"a":{"a":0,"k":[30,30,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":50,"st":0,"bm":0}],"markers":[]}
  58. }
  59. ],
  60. },
  61. attached: function(){
  62. if(!this.data.cardDate.picInit){
  63. let list = JSON.parse(JSON.stringify(this.data.cardDate));
  64. list.picInit=utils.picInit(list.roomFuncType);
  65. this.setData({cardDate:list})
  66. }
  67. },
  68. observers: {
  69. // 'cardDate.roomFuncType': function(rate) {
  70. // // 在 rate被设置时,执行这个函数
  71. // let list = JSON.parse(JSON.stringify(this.data.cardDate));
  72. // list.picInit=utils.picInit(list.roomFuncType);
  73. // this.setData({cardDate:list})
  74. // }
  75. },
  76. ready:function(){
  77. },
  78. /**
  79. * 组件的方法列表
  80. */
  81. methods: {
  82. changeStar(e){
  83. console.log(e);
  84. let checked=!e.currentTarget.dataset.checked;
  85. this.setData({"cardDate.subscribe":checked});
  86. this.triggerEvent("starClick",{checked:checked,spaceId:this.data.cardDate.id});
  87. },
  88. goHome(){
  89. let cardDate=this.data.cardDate;
  90. this.triggerEvent('listClick', {cardDate});
  91. },
  92. imageLoad(ev){
  93. this.setData({imgShow:true});
  94. let src = ev.currentTarget.dataset.src,
  95. width = ev.detail.width,
  96. height = ev.detail.height;
  97. }
  98. }
  99. })