t-p-jinfeng.vue 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. <template>
  2. <view class="content">
  3. <view class="item_box" style="background-color: #638BD5;" @click="go_production_report()">
  4. <view class="img">
  5. <image src="../t-p-icon/icon_2.png" mode=""></image>
  6. </view>
  7. <view class="text">
  8. <view class="name">生产报表</view>
  9. <view class="tip">当日产量{{days_output}}吨</view>
  10. </view>
  11. </view>
  12. <view class="item_box" style="background-color: #A3A2E4;" @click="go_personnel_orientation()">
  13. <view class="img">
  14. <image src="../t-p-icon/icon_3.png" mode=""></image>
  15. </view>
  16. <view class="text">
  17. <view class="name">人员定位</view>
  18. <view class="tip">井下人数{{mineall_people}}人</view>
  19. </view>
  20. </view>
  21. <view class="item_box" style="background-color: #8BC8DA;" @click="go_safety_monitoring()">
  22. <view class="img">
  23. <image src="../t-p-icon/icon_4.png" mode=""></image>
  24. </view>
  25. <view class="text">
  26. <view class="name">安全监测</view>
  27. <!-- <view class="tip">6268监测点</view> -->
  28. </view>
  29. </view>
  30. <view class="item_box" style="background-color: #FBB47B;" @click="go_video_monitor()">
  31. <view class="img">
  32. <image src="../t-p-icon/icon_6.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: #2873FF;" @click="go_zdhxt('psxt')">
  40. <view class="img">
  41. <image src="../t-p-icon/icon_9.png" mode=""></image>
  42. </view>
  43. <view class="text">
  44. <view class="name">排水系统</view>
  45. </view>
  46. </view>
  47. <view class="item_box" style="background-color: #8BC8DA;" @click="go_zdhxt('yfzd')">
  48. <view class="img">
  49. <image src="../t-p-icon/icon_10.png" mode=""></image>
  50. </view>
  51. <view class="text">
  52. <view class="name">压风系统</view>
  53. </view>
  54. </view>
  55. <view class="item_box" style="background-color: #56CA66;" @click="go_zdhxt('tfgl')">
  56. <view class="img">
  57. <image src="../t-p-icon/icon_5.png" mode=""></image>
  58. </view>
  59. <view class="text">
  60. <view class="name">通风管理</view>
  61. </view>
  62. </view>
  63. <view class="item_box" style="background-color: #2C3E50;" @click="go_zdhxt('zys')">
  64. <view class="img">
  65. <image src="../t-p-icon/icon_8.png" mode=""></image>
  66. </view>
  67. <view class="text">
  68. <view class="name">主运输</view>
  69. </view>
  70. </view>
  71. <view class="item_box" style="background-color: #E74C3C;" @click="go_zdhxt('dljc')">
  72. <view class="img">
  73. <image src="../t-p-icon/icon_7.png" mode=""></image>
  74. </view>
  75. <view class="text">
  76. <view class="name">电力监测</view>
  77. </view>
  78. </view>
  79. </view>
  80. </template>
  81. <script>
  82. export default {
  83. name: "t-p-jinfeng",
  84. data() {
  85. return {
  86. mine:"640323B0011010027334",
  87. org_num:"1020",
  88. mine_code:"jinfeng",
  89. mineall_people: "",
  90. days_output: ""
  91. };
  92. },
  93. created() {
  94. // 井下人数
  95. this.$p_api.personnel_people_now({
  96. mine: this.mine
  97. }).then((res) => {
  98. this.mineall_people = res.data.data.people_total
  99. })
  100. // 当日生产
  101. this.$p_api.coalmine_days_output({
  102. mine: this.mine,
  103. org_num: this.org_num
  104. }).then((res) => {
  105. this.days_output = res.data.data[0].total
  106. })
  107. },
  108. methods: {
  109. // 生产报表
  110. go_production_report() {
  111. uni.navigateTo({
  112. url: "../../production/production_report/production_report?mine=" + this.mine + "&org_num=" + this.org_num,
  113. })
  114. },
  115. // 安全监测
  116. go_safety_monitoring() {
  117. uni.navigateTo({
  118. url: "../../production/safety_monitoring/safety_monitoring?mine=" + this.mine
  119. })
  120. },
  121. //人员定位
  122. go_personnel_orientation() {
  123. uni.navigateTo({
  124. url:"../../production/personnel_orientation/personnel_orientation?mine=" + this.mine
  125. })
  126. },
  127. // 视频监控
  128. go_video_monitor(){
  129. // uni.navigateTo({
  130. // url:"../../production/video_monitor/video_monitor?mine_code=" + this.mine_code
  131. // })
  132. uni.navigateTo({
  133. url:"../../production/video_monitor_app/video_monitor_app?mine_code=" + this.mine_code
  134. })
  135. },
  136. // 自动化系统列表
  137. go_zdhxt(zdhxt) {
  138. uni.navigateTo({
  139. url: "../../production/jinfeng/zidonghua_list/zidonghua_list?zdhxt=" + zdhxt
  140. })
  141. },
  142. }
  143. }
  144. </script>
  145. <style lang="scss">
  146. .content {
  147. box-sizing: border-box;
  148. padding: 20rpx 25rpx 0;
  149. margin-bottom: 100rpx;
  150. overflow: hidden;
  151. .item_box {
  152. float: left;
  153. width: 220rpx;
  154. height: 280rpx;
  155. margin-right: 20rpx;
  156. margin-bottom: 20rpx;
  157. border-radius: 16rpx;
  158. .img {
  159. box-sizing: border-box;
  160. padding-top: 40rpx;
  161. text-align: center;
  162. image {
  163. width: 140rpx;
  164. height: 140rpx;
  165. }
  166. }
  167. .text {
  168. text-align: center;
  169. color: #FFFFFF;
  170. line-height: 40rpx;
  171. .name {
  172. font-size: 28rpx;
  173. }
  174. .tip {
  175. font-size: 24rpx;
  176. white-space: nowrap;
  177. overflow: hidden;
  178. text-overflow: ellipsis;
  179. }
  180. }
  181. }
  182. .item_box:nth-child(3n) {
  183. margin-right: 0;
  184. }
  185. }
  186. </style>