t-p-zaoquan - 九宫格版本.vue 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <template>
  2. <view class="content">
  3. <view class="item_box" style="background-color: #3ED4F7;" @click="go_zaoquan_h5()">
  4. <view class="img">
  5. <image src="../t-p-icon/icon_4.png" mode=""></image>
  6. </view>
  7. <view class="text">
  8. <view class="name">综合自动化</view>
  9. <view class="tip"></view>
  10. </view>
  11. </view>
  12. <view class="item_box" style="background-color: #638BD5;" @click="go_production_report()">
  13. <view class="img">
  14. <image src="../t-p-icon/icon_2.png" mode=""></image>
  15. </view>
  16. <view class="text">
  17. <view class="name">生产报表</view>
  18. <view class="tip">当日产量{{days_output}}吨</view>
  19. </view>
  20. </view>
  21. <view class="item_box" style="background-color: #A3A2E4;" @click="go_personnel_orientation()">
  22. <view class="img">
  23. <image src="../t-p-icon/icon_3.png" mode=""></image>
  24. </view>
  25. <view class="text">
  26. <view class="name">人员定位</view>
  27. <view class="tip">井下人数{{mineall_people}}人</view>
  28. </view>
  29. </view>
  30. <view class="item_box" style="background-color: #8BC8DA;" @click="go_safety_monitoring()">
  31. <view class="img">
  32. <image src="../t-p-icon/icon_4.png" mode=""></image>
  33. </view>
  34. <view class="text">
  35. <view class="name">安全监测</view>
  36. <view class="tip"></view>
  37. </view>
  38. </view>
  39. <view class="item_box" style="background-color: #FBB47B;" @click="go_video_monitor()">
  40. <view class="img">
  41. <image src="../t-p-icon/icon_6.png" mode=""></image>
  42. </view>
  43. <view class="text">
  44. <view class="name">视频监控</view>
  45. <view class="tip">工业视频</view>
  46. </view>
  47. </view>
  48. <view class="item_box" style="background-color:#C883BF;" @click="go_power_monitoring()">
  49. <view class="img">
  50. <image src="../t-p-icon/icon_7.png" mode=""></image>
  51. </view>
  52. <view class="text">
  53. <view class="name">电力监控</view>
  54. <view class="tip"></view>
  55. </view>
  56. </view>
  57. <view class="item_box" style="background-color: #31B3F7;" @click="go_mine_water_treatment()">
  58. <view class="img">
  59. <image src="../t-p-icon/icon_11.png" mode=""></image>
  60. </view>
  61. <view class="text">
  62. <view class="name">矿井水处理</view>
  63. <view class="tip"></view>
  64. </view>
  65. </view>
  66. <view class="item_box" style="background-color: #54CC65" @click="go_zdhxt('tfgl')">
  67. <view class="img">
  68. <image src="../t-p-icon/icon_5.png" mode=""></image>
  69. </view>
  70. <view class="text">
  71. <view class="name">通风管理</view>
  72. <view class="tip"></view>
  73. </view>
  74. </view>
  75. <view class="item_box" style="background-color: #638BD5;" @click="go_zdhxt('psxt')">
  76. <view class="img">
  77. <image src="../t-p-icon/icon_9.png" mode=""></image>
  78. </view>
  79. <view class="text">
  80. <view class="name">排水系统</view>
  81. <view class="tip"></view>
  82. </view>
  83. </view>
  84. <view class="item_box" style="background-color: #A3A2E4;" @click="go_table()">
  85. <view class="img">
  86. <image src="../t-p-icon/icon_1.png" mode=""></image>
  87. </view>
  88. <view class="text">
  89. <view class="name">数据分析</view>
  90. <view class="tip"></view>
  91. </view>
  92. </view>
  93. </view>
  94. </template>
  95. <script>
  96. export default {
  97. name: "t-p-zaoquan",
  98. data() {
  99. return {
  100. mine: "640181B0011010037723",
  101. org_num: "1014",
  102. mine_code: "zaoquan",
  103. mineall_people: "",
  104. days_output: ""
  105. };
  106. },
  107. created() {
  108. // 井下人数
  109. this.$p_api.personnel_people_now({
  110. mine: this.mine
  111. }).then((res) => {
  112. this.mineall_people = res.data.data.people_total
  113. })
  114. // 当日生产
  115. this.$p_api.coalmine_days_output({
  116. mine: this.mine,
  117. org_num: this.org_num
  118. }).then((res) => {
  119. this.days_output = res.data.data[0].total
  120. })
  121. },
  122. methods: {
  123. // 自动化统计列表
  124. go_zdhxt(zdhxt) {
  125. // uni.navigateTo({
  126. // url: "../../production/zidonghua/zidonghua?url=" + zdhxt
  127. // })
  128. uni.navigateTo({
  129. url: "../../production/zaoquan/zidonghua_list/zidonghua_list?zdhxt=" + zdhxt
  130. })
  131. },
  132. // 生产报表
  133. go_production_report() {
  134. uni.navigateTo({
  135. url: "../../production/production_report/production_report?mine=" + this.mine + "&org_num=" +
  136. this.org_num,
  137. })
  138. },
  139. // 安全监测
  140. go_safety_monitoring() {
  141. uni.navigateTo({
  142. url: "../../production/safety_monitoring/safety_monitoring?mine=" + this.mine
  143. })
  144. },
  145. //人员定位
  146. go_personnel_orientation() {
  147. uni.navigateTo({
  148. url: "../../production/personnel_orientation/personnel_orientation?mine=" + this.mine
  149. })
  150. },
  151. // 视频监控
  152. go_video_monitor() {
  153. uni.navigateTo({
  154. url: "../../production/video_monitor/video_monitor?mine_code=" + this.mine_code
  155. })
  156. },
  157. // 电力监控
  158. go_power_monitoring() {
  159. uni.navigateTo({
  160. url: "../../production/zaoquan/power_monitoring/power_monitoring"
  161. })
  162. },
  163. // 矿井水处理
  164. go_mine_water_treatment() {
  165. uni.navigateTo({
  166. url: "../../production/zaoquan/mine_water_treatment/mine_water_treatment?mine_code=" + this
  167. .mine_code
  168. })
  169. },
  170. // 数据分析
  171. go_table(){
  172. uni.navigateTo({
  173. url:"../../production/statistical_analysis_table/statistical_analysis_table"
  174. })
  175. },
  176. go_zaoquan_h5(){
  177. uni.navigateTo({
  178. url:"../../production/zaoquan/h5/h5?url="+"http://zdh.zaoquan.nxmy.com:8011/home/dashboard"
  179. })
  180. }
  181. }
  182. }
  183. </script>
  184. <style lang="scss">
  185. .content {
  186. box-sizing: border-box;
  187. padding: 20rpx 25rpx 0;
  188. margin-bottom: 100rpx;
  189. overflow: hidden;
  190. .item_box {
  191. float: left;
  192. width: 220rpx;
  193. height: 280rpx;
  194. margin-right: 20rpx;
  195. margin-bottom: 20rpx;
  196. border-radius: 16rpx;
  197. .img {
  198. box-sizing: border-box;
  199. padding-top: 40rpx;
  200. text-align: center;
  201. image {
  202. width: 140rpx;
  203. height: 140rpx;
  204. }
  205. }
  206. .text {
  207. text-align: center;
  208. color: #FFFFFF;
  209. line-height: 40rpx;
  210. .name {
  211. font-size: 28rpx;
  212. }
  213. .tip {
  214. font-size: 24rpx;
  215. white-space: nowrap;
  216. overflow: hidden;
  217. text-overflow: ellipsis;
  218. }
  219. }
  220. }
  221. .item_box:nth-child(3n) {
  222. margin-right: 0;
  223. }
  224. }
  225. </style>