debugParameters.vue 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452
  1. <template>
  2. <view class="">
  3. <!-- <view class="line">
  4. </view> -->
  5. <view class="search">
  6. <view class="search-title">
  7. {{$t('dosugar.equipmentClientID')}}
  8. </view>
  9. <view class="search-input">
  10. <input type="text" :placeholder="$t('dosugar.placeholder')" v-model="searchClientId" />
  11. </view>
  12. <view class="search-button">
  13. <button type="primary" class="" @click="search()">
  14. <p class="">{{$t('dosugar.search')}}</P>
  15. </button>
  16. </view>
  17. </view>
  18. <view class="td-right">
  19. <view class="uni-list">
  20. <view class="uni-list-cell">
  21. <view class="uni-list-cell-left">
  22. {{$t('dosugar.chooseEquipment')}}
  23. </view>
  24. <view class="uni-list-cell-db" style="overflow: hidden;text-overflow: ellipsis;">
  25. <picker @change="changeEquipment" :value="index" :range="equipmentNameList">
  26. <view class="uni-input">{{equipmentNameList[index]}}</view>
  27. </picker>
  28. </view>
  29. </view>
  30. </view>
  31. </view>
  32. <view v-show="show">
  33. <view class="body">
  34. <p class="p">自动门开</p>
  35. <button type="primary" class="button" @click="update('M300','0')">
  36. <p class="p2">启动</P>
  37. </button>
  38. <button type="primary" class="button" @click="update('M300','1')">
  39. <p class="p2">关闭</P>
  40. </button>
  41. </view>
  42. <view class="line2"></view>
  43. <!-- //320特有 -->
  44. <view class="" v-show="equimentType=='MG320'">
  45. <view class="body">
  46. <p class="p">取糖门开</p>
  47. <button type="primary" class="button" @click="update('M301','0')">
  48. <p class="p2">启动</P>
  49. </button>
  50. <button type="primary" class="button" @click="update('M301','1')">
  51. <p class="p2">关闭</P>
  52. </button>
  53. </view>
  54. <view class="line2"></view>
  55. </view>
  56. <view class="body">
  57. <p class="p">下料白</p>
  58. <button type="primary" class="button" @click="update('M302','0')">
  59. <p class="p2">启动</P>
  60. </button>
  61. <button type="primary" class="button" @click="update('M302','1')">
  62. <p class="p2">关闭</P>
  63. </button>
  64. </view>
  65. <view class="line2"></view>
  66. <view class="body">
  67. <p class="p">下料红</p>
  68. <button type="primary" class="button" @click="update('M303','0')">
  69. <p class="p2">启动</P>
  70. </button>
  71. <button type="primary" class="button" @click="update('M303','1')">
  72. <p class="p2">关闭</P>
  73. </button>
  74. </view>
  75. <view class="line2"></view>
  76. <view class="body">
  77. <p class="p">下料黄</p>
  78. <button type="primary" class="button" @click="update('M304','0')">
  79. <p class="p2">启动</P>
  80. </button>
  81. <button type="primary" class="button" @click="update('M304','1')">
  82. <p class="p2">关闭</P>
  83. </button>
  84. </view>
  85. <view class="line2"></view>
  86. <view class="body">
  87. <p class="p">下料蓝</p>
  88. <button type="primary" class="button" @click="update('M305','0')">
  89. <p class="p2">启动</P>
  90. </button>
  91. <button type="primary" class="button" @click="update('M305','1')">
  92. <p class="p2">关闭</P>
  93. </button>
  94. </view>
  95. <view class="line2"></view>
  96. <view class="body">
  97. <p class="p">气泵启动</p>
  98. <button type="primary" class="button" @click="update('M306','0')">
  99. <p class="p2">启动</P>
  100. </button>
  101. <button type="primary" class="button" @click="update('M306','1')">
  102. <p class="p2">关闭</P>
  103. </button>
  104. </view>
  105. <view class="line2"></view>
  106. <view class="body">
  107. <p class="p">清洗</p>
  108. <button type="primary" class="button" @click="update('M307','0')">
  109. <p class="p2">启动</P>
  110. </button>
  111. <button type="primary" class="button" @click="update('M307','1')">
  112. <p class="p2">关闭</P>
  113. </button>
  114. </view>
  115. <view class="line2"></view>
  116. <view class="body">
  117. <p class="p">出棍模块</p>
  118. <button type="primary" class="button" @click="update('M308','0')">
  119. <p class="p2">启动</P>
  120. </button>
  121. <button type="primary" class="button" @click="update('M308','1')">
  122. <p class="p2">关闭</P>
  123. </button>
  124. </view>
  125. <view class="line2"></view>
  126. <view class="body">
  127. <p class="p">柜内加湿</p>
  128. <button type="primary" class="button" @click="update('M38','0')">
  129. <p class="p2">启动</P>
  130. </button>
  131. <button type="primary" class="button" @click="update('M38','1')">
  132. <p class="p2">关闭</P>
  133. </button>
  134. </view>
  135. <view class="line2"></view>
  136. <view class="body">
  137. <p class="p">炉头加热并启动</p>
  138. <button type="primary" class="button" @click="update('M39','0')">
  139. <p class="p2">启动</P>
  140. </button>
  141. <button type="primary" class="button" @click="update('M39','1')">
  142. <p class="p2">关闭</P>
  143. </button>
  144. </view>
  145. <!-- <view class="line2"></view>
  146. <view class="body">
  147. <p class="p">炉头加热并启动</p>
  148. <button type="primary" class="button" @click="update('M39','0')">
  149. <p class="p2">启动</P>
  150. </button>
  151. <button type="primary" class="button" @click="update('M39','1')">
  152. <p class="p2">关闭</P>
  153. </button>
  154. </view> -->
  155. <view class="line2"></view>
  156. <view class="body">
  157. <p class="p">炉头转动高速</p>
  158. <button type="primary" class="button" @click="update('M43','0')">
  159. <p class="p2">启动</P>
  160. </button>
  161. <button type="primary" class="button" @click="update('M43','1')">
  162. <p class="p2">关闭</P>
  163. </button>
  164. </view>
  165. <view class="line2"></view>
  166. <view class="body">
  167. <p class="p">炉头转动中速</p>
  168. <button type="primary" class="button" @click="update('M42','0')">
  169. <p class="p2">启动</P>
  170. </button>
  171. <button type="primary" class="button" @click="update('M42','1')">
  172. <p class="p2">关闭</P>
  173. </button>
  174. </view>
  175. <view class="line2"></view>
  176. <view class="body">
  177. <p class="p">炉头转动低速</p>
  178. <button type="primary" class="button" @click="update('M41','0')">
  179. <p class="p2">启动</P>
  180. </button>
  181. <button type="primary" class="button" @click="update('M41','1')">
  182. <p class="p2">关闭</P>
  183. </button>
  184. </view>
  185. <view class="line2"></view>
  186. <!-- //301和320都有 -->
  187. <view class="" v-show="equimentType=='MG301'||equimentType=='MG320'">
  188. <view class="body">
  189. <p class="p">搅棍电机</p>
  190. <button type="primary" class="button" @click="update('M307','0')">
  191. <p class="p2">启动</P>
  192. </button>
  193. <button type="primary" class="button" @click="update('M307','1')">
  194. <p class="p2">关闭</P>
  195. </button>
  196. </view>
  197. <view class="line2"></view>
  198. <view class="body">
  199. <p class="p">柜内加热</p>
  200. <button type="primary" class="button" @click="update('M37','0')">
  201. <p class="p2">启动</P>
  202. </button>
  203. <button type="primary" class="button" @click="update('M37','1')">
  204. <p class="p2">关闭</P>
  205. </button>
  206. </view>
  207. <view class="line2"></view>
  208. <view class="body">
  209. <p class="p">线圈散热风机</p>
  210. <button type="primary" class="button" @click="update('M313','0')">
  211. <p class="p2">启动</P>
  212. </button>
  213. <button type="primary" class="button" @click="update('M313','1')">
  214. <p class="p2">关闭</P>
  215. </button>
  216. </view>
  217. <view class="line2"></view>
  218. <view class="body">
  219. <p class="p">排气风机</p>
  220. <button type="primary" class="button" @click="update('M310','0')">
  221. <p class="p2">启动</P>
  222. </button>
  223. <button type="primary" class="button" @click="update('M310','1')">
  224. <p class="p2">关闭</P>
  225. </button>
  226. </view>
  227. <view class="line2"></view>
  228. </view>
  229. <!-- //320特有 -->
  230. <view class="" v-show="equimentType=='MG320'">
  231. <view class="body">
  232. <p class="p">糖完排湿</p>
  233. <button type="primary" class="button" @click="update('M314','0')">
  234. <p class="p2">启动</P>
  235. </button>
  236. <button type="primary" class="button" @click="update('M314','1')">
  237. <p class="p2">关闭</P>
  238. </button>
  239. </view>
  240. <view class="line2"></view>
  241. <view class="body">
  242. <p class="p">清尾丝</p>
  243. <button type="primary" class="button" @click="update('M318','0')">
  244. <p class="p2">启动</P>
  245. </button>
  246. <button type="primary" class="button" @click="update('M318','1')">
  247. <p class="p2">关闭</P>
  248. </button>
  249. </view>
  250. <view class="line2"></view>
  251. </view>
  252. </view>
  253. <view class="line2"></view>
  254. </view>
  255. </template>
  256. <script>
  257. import {
  258. mapState,
  259. mapActions,
  260. mapMutations
  261. } from 'vuex';
  262. import {
  263. dateUtils
  264. } from '@/common/util.js';
  265. export default {
  266. data() {
  267. return {
  268. index: null,
  269. equipmentName: null,
  270. equimentType: null,
  271. equipmentId:null,
  272. equipmentNameList: [],
  273. globalUser: null,
  274. show: false,
  275. searchClientId:null
  276. }
  277. },
  278. onShow() {
  279. var token = uni.getStorageSync("token");
  280. this.globalUser = uni.getStorageSync("globalUser");
  281. this.globalUser.todayDate = dateUtils.getCurrentDate();
  282. if (token.length > 1) {
  283. this.getEquipmentListData();
  284. // this.getParam();
  285. } else {
  286. uni.reLaunch({
  287. url: '../Login/Login',
  288. });
  289. }
  290. },
  291. methods: {
  292. ...mapActions('chart', ['getParameters', 'updateParameters', 'getEquipmentListByUser']),
  293. getEquipmentListData() {
  294. this.getEquipmentListByUser(this.globalUser)
  295. .then(data => {
  296. // this.merchantList = data;
  297. var listName = data[0].equipmentList;
  298. var equipmentNameList = [];
  299. for (var i = 0; i < listName.length; i++) {
  300. equipmentNameList.push(this.$t('common.name') + listName[i].name + ' , '+ this.$t('common.ID') + listName[i].clientId.substring(
  301. listName[i].clientId.length - 6, listName[i].clientId.length));
  302. }
  303. this.equipmentNameList = equipmentNameList;
  304. var listId = data[0].id;
  305. if (listId != null && listId != '1') {
  306. uni.setStorageSync("listName", listName);
  307. }
  308. uni.stopPullDownRefresh();
  309. }, _ => void uni.stopPullDownRefresh());
  310. },
  311. search(){
  312. var clientId = this.searchClientId;
  313. var list = uni.getStorageSync("listName");
  314. // console.log(clientId);
  315. var n = 0;
  316. for (var i = 0; i < list.length; i++) {
  317. var code = list[i].clientId.substring(list[i].clientId.length - 6, list[i].clientId.length);
  318. if(code==clientId){
  319. n++;
  320. this.index = i;
  321. var id = list[i].id;
  322. this.equipmentId = id;
  323. this.equimentType = list[i].equimentType;
  324. this.clientId = list[i].clientId;
  325. this.show = true;
  326. // if (this.equimentType == 'MG280') {
  327. // this.show = false;
  328. // }
  329. // this.getParam();
  330. break;
  331. }
  332. }
  333. if(n==0){
  334. uni.showModal({
  335. title: "提示",
  336. content: "找不到该机器",
  337. success: (res) => {
  338. }
  339. })
  340. }
  341. },
  342. //改变机器
  343. changeEquipment: function(e) {
  344. this.searchClientId = null;
  345. this.index = e.target.value;
  346. var list = uni.getStorageSync("listName");
  347. this.equipmentId = list[e.target.value].id;
  348. this.equimentType = list[e.target.value].equimentType;
  349. this.clientId = list[e.target.value].clientId;
  350. this.show = true;
  351. // if (this.equimentType == 'MG280') {
  352. // this.show = false;
  353. // }
  354. },
  355. update(name, val) {
  356. const param = {};
  357. param['id'] = this.equipmentId;
  358. param['name'] = name;
  359. param['val'] = val;
  360. this.updateParameters(param).then(res => {
  361. if (res.data == 'SUCCESS') {
  362. uni.showToast({
  363. title: '发送成功',
  364. duration: 1000
  365. });
  366. }
  367. }, _ => void uni.stopPullDownRefresh());
  368. },
  369. },
  370. }
  371. </script>
  372. <style>
  373. .search{
  374. width: 100%;
  375. padding-top: 10upx;
  376. display: flex;
  377. flex-direction: row;
  378. justify-content: flex-start;
  379. }
  380. .search-title{
  381. width: 28%;
  382. text-align: center;
  383. font-size: 26upx;
  384. font-family: "PingFang-SC-Bold";
  385. }
  386. .search-input{
  387. width: 45%;
  388. text-align: center;
  389. font-size: 26upx;
  390. font-family: "PingFang-SC-Bold";
  391. box-shadow: 0upx 0upx 20upx #D3D3D3;
  392. border-radius: 5upx;
  393. }
  394. .search-button{
  395. width: 20%;
  396. padding-left: 7upx;
  397. text-align: center;
  398. }
  399. .line {
  400. height: 50upx;
  401. }
  402. .line2 {
  403. height: 10upx;
  404. }
  405. .body {
  406. background-color: #FFFFFF;
  407. width: 700upx;
  408. padding: 10upx 10upx 10upx 10upx;
  409. display: flex;
  410. flex-direction: row;
  411. justify-content: flex-start;
  412. font-size: 32upx;
  413. }
  414. .p {
  415. width: 350upx;
  416. text-align: right;
  417. }
  418. .input {
  419. width: 200upx;
  420. box-shadow: 0upx 0upx 20upx #D3D3D3;
  421. border-radius: 5upx;
  422. text-align: center;
  423. }
  424. .button {
  425. width: 120upx;
  426. height: 60upx;
  427. text-align: left;
  428. border-radius: 10upx;
  429. }
  430. .p2 {
  431. font-size: 30upx;
  432. /* #ifndef H5 */
  433. padding-top: 3upx;
  434. /* #endif */
  435. position: absolute;
  436. /* 水平居中 */
  437. left: 50%;
  438. -webkit-transform: translateX(-50%);
  439. transform: translateX(-50%);
  440. }
  441. </style>