addMachine.vue 41 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331
  1. <template>
  2. <view>
  3. <form @submit="submit">
  4. <form @submit="addMachine">
  5. <view class="title"> 机器</view>
  6. <view class="body">
  7. <input class="input" style="display:none;" name="coding" :value=coding />
  8. 机器编码:<input class="input" v-model="coding" />
  9. <button type="primary" @click="saoma('coding')" class="button1">
  10. <p class="p">扫码</p>
  11. </button>
  12. <button type="primary" @click="getMachine(coding)" class="button1">
  13. <p class="p">确认</p>
  14. </button>
  15. </view>
  16. <view class="bodyname">
  17. 名称:<input class="input" name="name" :value="name" />
  18. <button type="primary" form-type="submit" class="button1">
  19. <p class="p">确认</p>
  20. </button>
  21. </view>
  22. <view class="body">
  23. 机身铭牌:<input class="input" name="nameplate" :value="nameplate" />
  24. <button type="primary" form-type="submit" class="button1">
  25. <p class="p">确认</p>
  26. </button>
  27. </view>
  28. <view class="body">
  29. 设备编号:<input class="input" name="clientId" :value="clientId" />
  30. <button type="primary" form-type="submit" class="button1">
  31. <p class="p">确认</p>
  32. </button>
  33. </view>
  34. </form>
  35. <view class="line"></view>
  36. <form @submit="jike" @reset="jikeReset">
  37. <view class="modules">
  38. <view class="title">机壳</view>
  39. <view class="body">
  40. <input class="input" style="display:none;" name="jikeCoding" :value=jikeCoding />
  41. 编码:<input class="input" v-model="jikeCoding" />
  42. <button type="primary" @click="saoma('jikeCoding')" class="button1">
  43. <p class="p">扫码</p>
  44. </button>
  45. <button type="primary" @click="getMessage(jikeCoding)" class="button1">
  46. <p class="p">获取</p>
  47. </button>
  48. </view>
  49. <view class="body">
  50. 名称:<input class="input" name="jikeName" :value="jikeName" />
  51. </view>
  52. <view class="body">
  53. 版本:<input class="input" name="jikeVersion" :value="jikeVersion" />
  54. </view>
  55. <view class="modulesButton">
  56. <button type="primary" form-type="submit" class="button1">
  57. <p class="p">确认</p>
  58. </button>
  59. <button type="primary" @click="updateModules(jikeCoding,'jike')" class="button1">
  60. <p class="p">更换</p>
  61. </button>
  62. </view>
  63. </view>
  64. </form>
  65. <view class="line"></view>
  66. <form @submit="lutou" @reset="lutouReset">
  67. <view class="modules">
  68. <view class="title">炉头</view>
  69. <view class="body">
  70. <input class="input" style="display:none;" name="lutouCoding" :value=lutouCoding />
  71. 编码:<input class="input" v-model="lutouCoding" />
  72. <button type="primary" @click="saoma('lutouCoding')" class="button1">
  73. <p class="p">扫码</p>
  74. </button>
  75. <button type="primary" @click="getMessage(lutouCoding)" class="button1">
  76. <p class="p">获取</p>
  77. </button>
  78. </view>
  79. <view class="body">
  80. 名称:<input class="input" name="lutouName" :value="lutouName" />
  81. </view>
  82. <view class="body">
  83. 版本:<input class="input" name="lutouVersion" :value="lutouVersion" />
  84. </view>
  85. <view class="modulesButton">
  86. <button type="primary" form-type="submit" class="button1">
  87. <p class="p">确认</p>
  88. </button>
  89. <button type="primary" @click="updateModules(lutouCoding,'lutou')" class="button1">
  90. <p class="p">更换</p>
  91. </button>
  92. </view>
  93. </view>
  94. </form>
  95. <view class="line"></view>
  96. <form @submit="jiashiqi" @reset="jiashiqiReset">
  97. <view class="modules">
  98. <view class="title">加湿器</view>
  99. <view class="body">
  100. <input class="input" style="display:none;" name="jiashiqiCoding" :value=jiashiqiCoding />
  101. 编码:<input class="input" v-model="jiashiqiCoding" />
  102. <button type="primary" @click="saoma('jiashiqiCoding')" class="button1">
  103. <p class="p">扫码</p>
  104. </button>
  105. <button type="primary" @click="getMessage(jiashiqiCoding)" class="button1">
  106. <p class="p">获取</p>
  107. </button>
  108. </view>
  109. <view class="body">
  110. 名称:<input class="input" name="jiashiqiName" :value="jiashiqiName" />
  111. </view>
  112. <view class="body">
  113. 版本:<input class="input" name="jiashiqiVersion" :value="jiashiqiVersion" />
  114. </view>
  115. <view class="modulesButton">
  116. <button type="primary" form-type="submit" class="button1">
  117. <p class="p">确认</p>
  118. </button>
  119. <button type="primary" @click="updateModules(jiashiqiCoding,'jiashiqi')" class="button1">
  120. <p class="p">更换</p>
  121. </button>
  122. </view>
  123. </view>
  124. </form>
  125. <view class="line"></view>
  126. <form @submit="jiareban" @reset="jiarebanReset">
  127. <view class="modules">
  128. <view class="title">加热板</view>
  129. <view class="body">
  130. <input class="input" style="display:none;" name="jiarebanCoding" :value=jiarebanCoding />
  131. 编码:<input class="input" v-model="jiarebanCoding" />
  132. <button type="primary" @click="saoma('jiarebanCoding')" class="button1">
  133. <p class="p">扫码</p>
  134. </button>
  135. <button type="primary" @click="getMessage(jiarebanCoding)" class="button1">
  136. <p class="p">获取</p>
  137. </button>
  138. </view>
  139. <view class="body">
  140. 名称:<input class="input" name="jiarebanName" :value="jiarebanName" />
  141. </view>
  142. <view class="body">
  143. 版本:<input class="input" name="jiarebanVersion" :value="jiarebanVersion" />
  144. </view>
  145. <view class="modulesButton">
  146. <button type="primary" form-type="submit" class="button1">
  147. <p class="p">确认</p>
  148. </button>
  149. <button type="primary" @click="updateModules(jiarebanCoding,'jiareban')" class="button1">
  150. <p class="p">更换</p>
  151. </button>
  152. </view>
  153. </view>
  154. </form>
  155. <view class="line"></view>
  156. <form @submit="chugun" @reset="chugunReset">
  157. <view class="modules">
  158. <view class="title">出棍模块</view>
  159. <view class="body">
  160. <input class="input" style="display:none;" name="chugunCoding" :value=chugunCoding />
  161. 编码:<input class="input" v-model="chugunCoding" />
  162. <button type="primary" @click="saoma('chugunCoding')" class="button1">
  163. <p class="p">扫码</p>
  164. </button>
  165. <button type="primary" @click="getMessage(chugunCoding)" class="button1">
  166. <p class="p">获取</p>
  167. </button>
  168. </view>
  169. <view class="body">
  170. 名称:<input class="input" name="chugunName" :value="chugunName" />
  171. </view>
  172. <view class="body">
  173. 版本:<input class="input" name="chugunVersion" :value="chugunVersion" />
  174. </view>
  175. <view class="modulesButton">
  176. <button type="primary" form-type="submit" class="button1">
  177. <p class="p">确认</p>
  178. </button>
  179. <button type="primary" @click="updateModules(chugunCoding,'chugun')" class="button1">
  180. <p class="p">更换</p>
  181. </button>
  182. </view>
  183. </view>
  184. </form>
  185. <view class="line"></view>
  186. <form @submit="diangui" @reset="dianguiReset">
  187. <view class="modules">
  188. <view class="title">电柜模块</view>
  189. <view class="body">
  190. <input class="input" style="display:none;" name="dianguiCoding" :value=dianguiCoding />
  191. 编码:<input class="input" v-model="dianguiCoding" />
  192. <button type="primary" @click="saoma('dianguiCoding')" class="button1">
  193. <p class="p">扫码</p>
  194. </button>
  195. <button type="primary" @click="getMessage(dianguiCoding)" class="button1">
  196. <p class="p">获取</p>
  197. </button>
  198. </view>
  199. <view class="body">
  200. 名称:<input class="input" name="dianguiName" :value="dianguiName" />
  201. </view>
  202. <view class="body">
  203. 版本:<input class="input" name="dianguiVersion" :value="dianguiVersion" />
  204. </view>
  205. <view class="modulesButton">
  206. <button type="primary" form-type="submit" class="button1">
  207. <p class="p">确认</p>
  208. </button>
  209. <button type="primary" @click="updateModules(dianguiCoding,'diangui')" class="button1">
  210. <p class="p">更换</p>
  211. </button>
  212. </view>
  213. </view>
  214. </form>
  215. <view class="line"></view>
  216. <form @submit="xiazai" @reset="xiazaiReset">
  217. <view class="modules">
  218. <view class="title">远程下载模块</view>
  219. <view class="body">
  220. <input class="input" style="display:none;" name="xiazaiCoding" :value=xiazaiCoding />
  221. 编码:<input class="input" v-model="xiazaiCoding" />
  222. <button type="primary" @click="saoma('xiazaiCoding')" class="button1">
  223. <p class="p">扫码</p>
  224. </button>
  225. <button type="primary" @click="getMessage(xiazaiCoding)" class="button1">
  226. <p class="p">获取</p>
  227. </button>
  228. </view>
  229. <view class="body">
  230. 名称:<input class="input" name="xiazaiName" :value="xiazaiName" />
  231. </view>
  232. <view class="body">
  233. 版本:<input class="input" name="xiazaiVersion" :value="xiazaiVersion" />
  234. </view>
  235. <view class="modulesButton">
  236. <button type="primary" form-type="submit" class="button1">
  237. <p class="p">确认</p>
  238. </button>
  239. <button type="primary" @click="updateModules(xiazaiCoding,'xiazai')" class="button1">
  240. <p class="p">更换</p>
  241. </button>
  242. </view>
  243. </view>
  244. </form>
  245. <view class="line"></view>
  246. <form @submit="jixieshou" @reset="jixieshouReset">
  247. <view class="modules">
  248. <view class="title">机械手</view>
  249. <view class="body">
  250. <input class="input" style="display:none;" name="jixieshouCoding" :value=jixieshouCoding />
  251. 编码:<input class="input" v-model="jixieshouCoding" />
  252. <button type="primary" @click="saoma('jixieshouCoding')" class="button1">
  253. <p class="p">扫码</p>
  254. </button>
  255. <button type="primary" @click="getMessage(jixieshouCoding)" class="button1">
  256. <p class="p">获取</p>
  257. </button>
  258. </view>
  259. <view class="body">
  260. 名称:<input class="input" name="jixieshouName" :value="jixieshouName" />
  261. </view>
  262. <view class="body">
  263. 版本:<input class="input" name="jixieshouVersion" :value="jixieshouVersion" />
  264. </view>
  265. <view class="modulesButton">
  266. <button type="primary" form-type="submit" class="button1">
  267. <p class="p">确认</p>
  268. </button>
  269. <button type="primary" @click="updateModules(jixieshouCoding,'jixieshou')" class="button1">
  270. <p class="p">更换</p>
  271. </button>
  272. </view>
  273. </view>
  274. </form>
  275. <view class="line"></view>
  276. <form @submit="yaxingdao" @reset="yaxingdaoReset">
  277. <view class="modules">
  278. <view class="title">压型刀</view>
  279. <view class="body">
  280. <input class="input" style="display:none;" name="yaxingdaoCoding" :value=yaxingdaoCoding />
  281. 编码:<input class="input" v-model="yaxingdaoCoding" />
  282. <button type="primary" @click="saoma('yaxingdaoCoding')" class="button1">
  283. <p class="p">扫码</p>
  284. </button>
  285. <button type="primary" @click="getMessage(yaxingdaoCoding)" class="button1">
  286. <p class="p">获取</p>
  287. </button>
  288. </view>
  289. <view class="body">
  290. 名称:<input class="input" name="yaxingdaoName" :value="yaxingdaoName" />
  291. </view>
  292. <view class="body">
  293. 版本:<input class="input" name="yaxingdaoVersion" :value="yaxingdaoVersion" />
  294. </view>
  295. <view class="modulesButton">
  296. <button type="primary" form-type="submit" class="button1">
  297. <p class="p">确认</p>
  298. </button>
  299. <button type="primary" @click="updateModules(yaxingdaoCoding,'yaxingdao')" class="button1">
  300. <p class="p">更换</p>
  301. </button>
  302. </view>
  303. </view>
  304. </form>
  305. <view class="line"></view>
  306. <form @submit="songtang" @reset="yaxingdaoReset">
  307. <view class="modules">
  308. <view class="title">送糖模块</view>
  309. <view class="body">
  310. <input class="input" style="display:none;" name="songtangCoding" :value=songtangCoding />
  311. 编码:<input class="input" v-model="songtangCoding" />
  312. <button type="primary" @click="saoma('songtangCoding')" class="button1">
  313. <p class="p">扫码</p>
  314. </button>
  315. <button type="primary" @click="getMessage(songtangCoding)" class="button1">
  316. <p class="p">获取</p>
  317. </button>
  318. </view>
  319. <view class="body">
  320. 名称:<input class="input" name="songtangName" :value="songtangName" />
  321. </view>
  322. <view class="body">
  323. 版本:<input class="input" name="songtangVersion" :value="songtangVersion" />
  324. </view>
  325. <view class="modulesButton">
  326. <button type="primary" form-type="submit" class="button1">
  327. <p class="p">确认</p>
  328. </button>
  329. <button type="primary" @click="updateModules(songtangCoding,'songtang')" class="button1">
  330. <p class="p">更换</p>
  331. </button>
  332. </view>
  333. </view>
  334. </form>
  335. <view class="line"></view>
  336. <form @submit="anzhuoping" @reset="anzhuopingReset">
  337. <view class="modules">
  338. <view class="title">安卓屏</view>
  339. <view class="body">
  340. <input class="input" style="display:none;" name="anzhuopingCoding" :value=anzhuopingCoding />
  341. 编码:<input class="input" v-model="anzhuopingCoding" />
  342. <button type="primary" @click="saoma('anzhuopingCoding')" class="button1">
  343. <p class="p">扫码</p>
  344. </button>
  345. <button type="primary" @click="getMessage(anzhuopingCoding)" class="button1">
  346. <p class="p">获取</p>
  347. </button>
  348. </view>
  349. <view class="body">
  350. 名称:<input class="input" name="anzhuopingName" :value="anzhuopingName" />
  351. </view>
  352. <!-- <view class="body">
  353. 版本:<input class="input" name="anzhuopingVersion" :value="anzhuopingVersion" />
  354. </view> -->
  355. <view class="modulesButton">
  356. <button type="primary" form-type="submit" class="button1">
  357. <p class="p">确认</p>
  358. </button>
  359. <button type="primary" @click="updateModules(anzhuopingCoding,'anzhuoping')" class="button1">
  360. <p class="p">更换</p>
  361. </button>
  362. </view>
  363. </view>
  364. </form>
  365. <view class="line"></view>
  366. <form @submit="qibeng" @reset="yaxingdaoReset">
  367. <view class="modules">
  368. <view class="title">气泵</view>
  369. <view class="body">
  370. <input class="input" style="display:none;" name="qibengCoding" :value=qibengCoding />
  371. 编码:<input class="input" v-model="qibengCoding" />
  372. <button type="primary" @click="saoma('qibengCoding')" class="button1">
  373. <p class="p">扫码</p>
  374. </button>
  375. <button type="primary" @click="getMessage(qibengCoding)" class="button1">
  376. <p class="p">获取</p>
  377. </button>
  378. </view>
  379. <view class="body">
  380. 名称:<input class="input" name="qibengName" :value="qibengName" />
  381. </view>
  382. <!-- <view class="body">
  383. 版本:<input class="input" name="qibengVersion" :value="qibengVersion" />
  384. </view> -->
  385. <view class="modulesButton">
  386. <button type="primary" form-type="submit" class="button1">
  387. <p class="p">确认</p>
  388. </button>
  389. <button type="primary" @click="updateModules(qibengCoding,'qibeng')" class="button1">
  390. <p class="p">更换</p>
  391. </button>
  392. </view>
  393. </view>
  394. </form>
  395. <view class="line"></view>
  396. <form @submit="zidongdoor" @reset="zidongdoorReset">
  397. <view class="modules">
  398. <view class="title">自动门</view>
  399. <view class="body">
  400. <input class="input" style="display:none;" name="zidongdoorCoding" :value=zidongdoorCoding />
  401. 编码:<input class="input" v-model="zidongdoorCoding" />
  402. <button type="primary" @click="saoma('zidongdoorCoding')" class="button1">
  403. <p class="p">扫码</p>
  404. </button>
  405. <button type="primary" @click="getMessage(zidongdoorCoding)" class="button1">
  406. <p class="p">获取</p>
  407. </button>
  408. </view>
  409. <view class="body">
  410. 名称:<input class="input" name="zidongdoorName" :value="zidongdoorName" />
  411. </view>
  412. <view class="body">
  413. 版本:<input class="input" name="zidongdoorVersion" :value="zidongdoorVersion" />
  414. </view>
  415. <view class="modulesButton">
  416. <button type="primary" form-type="submit" class="button1">
  417. <p class="p">确认</p>
  418. </button>
  419. <button type="primary" @click="updateModules(zidongdoorCoding,'zidongdoor')" class="button1">
  420. <p class="p">更换</p>
  421. </button>
  422. </view>
  423. </view>
  424. </form>
  425. <view class="line"></view>
  426. <form @submit="shuibeng" @reset="shuibengReset">
  427. <view class="modules">
  428. <view class="title">水泵</view>
  429. <view class="body">
  430. <input class="input" style="display:none;" name="shuibengCoding" :value=shuibengCoding />
  431. 编码:<input class="input" v-model="shuibengCoding" />
  432. <button type="primary" @click="saoma('shuibengCoding')" class="button1">
  433. <p class="p">扫码</p>
  434. </button>
  435. <button type="primary" @click="getMessage(shuibengCoding)" class="button1">
  436. <p class="p">获取</p>
  437. </button>
  438. </view>
  439. <view class="body">
  440. 名称:<input class="input" name="shuibengName" :value="shuibengName" />
  441. </view>
  442. <view class="body">
  443. 版本:<input class="input" name="shuibengVersion" :value="shuibengVersion" />
  444. </view>
  445. <view class="modulesButton">
  446. <button type="primary" form-type="submit" class="button1">
  447. <p class="p">确认</p>
  448. </button>
  449. <button type="primary" @click="updateModules(shuibengCoding,'shuibeng')" class="button1">
  450. <p class="p">更换</p>
  451. </button>
  452. </view>
  453. </view>
  454. </form>
  455. <view class="line"></view>
  456. <form @submit="shoudongdoor" @reset="shoudongdoorReset">
  457. <view class="modules">
  458. <view class="title">手动门</view>
  459. <view class="body">
  460. <input class="input" style="display:none;" name="shoudongdoorCoding" :value=shoudongdoorCoding />
  461. 编码:<input class="input" v-model="shoudongdoorCoding" />
  462. <button type="primary" @click="saoma('shoudongdoorCoding')" class="button1">
  463. <p class="p">扫码</p>
  464. </button>
  465. <button type="primary" @click="getMessage(shoudongdoorCoding)" class="button1">
  466. <p class="p">获取</p>
  467. </button>
  468. </view>
  469. <view class="body">
  470. 名称:<input class="input" name="shoudongdoorName" :value="shoudongdoorName" />
  471. </view>
  472. <view class="body">
  473. 版本:<input class="input" name="shoudongdoorVersion" :value="shoudongdoorVersion" />
  474. </view>
  475. <view class="modulesButton">
  476. <button type="primary" form-type="submit" class="button1">
  477. <p class="p">确认</p>
  478. </button>
  479. <button type="primary" @click="updateModules(shoudongdoorCoding,'shoudongdoor')" class="button1">
  480. <p class="p">更换</p>
  481. </button>
  482. </view>
  483. </view>
  484. </form>
  485. <view class="">
  486. <button type="primary" formType="submit" class="button">
  487. <p class="p1">提交</p>
  488. </button>
  489. </view>
  490. </form>
  491. <view class="line"></view>
  492. </view>
  493. </template>
  494. <script>
  495. import {
  496. mapState,
  497. mapActions,
  498. mapMutations
  499. } from 'vuex';
  500. import timeSelector from '@/components/wing-time-selector/wing-time-selector.vue';
  501. export default {
  502. components: {
  503. timeSelector
  504. },
  505. data() {
  506. return {
  507. produceDate: '',
  508. coding: null,
  509. lutouCoding: null,
  510. jiashiqiCoding: null,
  511. name: null,
  512. jiashiqiName: null,
  513. lutouName: null,
  514. nameplate: null,
  515. clientId:null,
  516. producePersonnel: null,
  517. jiashiqiVersion: null,
  518. lutouVersion: null,
  519. jikeCoding:null,
  520. jikeName: null,
  521. jikeVersion: null,
  522. shuibengCoding:null,
  523. shuibengName: null,
  524. shuibengVersion: null,
  525. chugunCoding:null,
  526. chugunName: null,
  527. chugunVersion: null,
  528. dianguiCoding:null,
  529. dianguiName: null,
  530. dianguiVersion: null,
  531. zidongdoorCoding:null,
  532. zidongdoorName: null,
  533. zidongdoorVersion: null,
  534. jixieshouCoding:null,
  535. jixieshouName: null,
  536. jixieshouVersion: null,
  537. yaxingdaoCoding:null,
  538. yaxingdaoName: null,
  539. yaxingdaoVersion: null,
  540. qibengCoding:null,
  541. qibengName: null,
  542. qibengVersion: null,
  543. songtangCoding:null,
  544. songtangName: null,
  545. songtangVersion: null,
  546. shoudongdoorCoding:null,
  547. shoudongdoorName: null,
  548. shoudongdoorVersion: null,
  549. anzhuopingCoding:null,
  550. anzhuopingName: null,
  551. anzhuopingVersion: null,
  552. jiarebanCoding:null,
  553. jiarebanName: null,
  554. jiarebanVersion: null,
  555. xiazaiCoding:null,
  556. xiazaiName: null,
  557. xiazaiVersion: null,
  558. }
  559. },
  560. methods: {
  561. btnConfirm0(e) {
  562. // console.log('确定时间为:', e);
  563. this.produceDate = e.key;
  564. },
  565. btnCancel0() {
  566. this.produceDate = '';
  567. },
  568. saoma(cod) {
  569. var that = this;
  570. // 允许从相机和相册扫码
  571. uni.scanCode({
  572. success(res) {
  573. // console.log('条码类型:' + res.scanType);
  574. // console.log('条码内容:' + res.result);
  575. if (cod == 'coding') {
  576. that.coding = res.result;
  577. }
  578. if (cod == 'lutouCoding') {
  579. that.lutouCoding = res.result;
  580. }
  581. if (cod == 'jiashiqiCoding') {
  582. that.jiashiqiCoding = res.result;
  583. }
  584. if (cod == 'shuibengCoding') {
  585. that.shuibengCoding = res.result;
  586. }
  587. if (cod == 'chugunCoding') {
  588. that.chugunCoding = res.result;
  589. }
  590. if (cod == 'dianguiCoding') {
  591. that.dianguiCoding = res.result;
  592. }
  593. if (cod == 'zidongdoorCoding') {
  594. that.zidongdoorCoding = res.result;
  595. }
  596. if (cod == 'jixieshouCoding') {
  597. that.jixieshouCoding = res.result;
  598. }
  599. if (cod == 'yaxingdaoCoding') {
  600. that.yaxingdaoCoding = res.result;
  601. }
  602. if (cod == 'qibengCoding') {
  603. that.qibengCoding = res.result;
  604. }
  605. if (cod == 'songtangCoding') {
  606. that.songtangCoding = res.result;
  607. }
  608. if (cod == 'shoudongdoorCoding') {
  609. that.shoudongdoorCoding = res.result;
  610. }
  611. if (cod == 'anzhuopingCoding') {
  612. that.anzhuopingCoding = res.result;
  613. }
  614. if (cod == 'jiarebanCoding') {
  615. that.jiarebanCoding = res.result;
  616. }
  617. if (cod == 'jikeCoding') {
  618. that.jikeCoding = res.result;
  619. }
  620. if (cod == 'xiazaiCoding') {
  621. that.xiazaiCoding = res.result;
  622. }
  623. }
  624. });
  625. },
  626. //获取机器详细信息
  627. getMachine(coding) {
  628. var that = this;
  629. that.jiashiqiName = null;
  630. that.jiashiqiCoding = null;
  631. that.jiashiqiVersion = null;
  632. that.lutouName =null;
  633. that.lutouCoding = null;
  634. that.lutouVersion =null;
  635. that.shuibengName = null;
  636. that.shuibengCoding = null;
  637. that.shuibengVersion = null;
  638. that.chugunName = null;
  639. that.chugunCoding = null;
  640. that.chugunVersion = null;
  641. that.dianguiName = null;
  642. that.dianguiCoding = null;
  643. that.dianguiVersion = null;
  644. that.jikeName = null;
  645. that.jikeCoding = null;
  646. that.jikeVersion = null;
  647. that.zidongdoorName = null;
  648. that.zidongdoorCoding = null;
  649. that.zidongdoorVersion = null;
  650. that.shoudongdoorName = null;
  651. that.shoudongdoorCoding = null;
  652. that.shoudongdoorVersion = null;
  653. that.jixieshouName = null;
  654. that.jixieshouCoding = null;
  655. that.jixieshouVersion = null;
  656. that.yaxingdaoName = null;
  657. that.yaxingdaoCoding = null;
  658. that.yaxingdaoVersion = null;
  659. that.songtangName = null;
  660. that.songtangCoding = null;
  661. that.songtangVersion = null;
  662. that.songtangVersion = null;
  663. that.qibengName = null;
  664. that.qibengCoding = null;
  665. that.qibengVersion = null;
  666. that.anzhuopingName = null;
  667. that.anzhuopingCoding = null;
  668. that.anzhuopingVersion = null;
  669. that.jiarebanName = null;
  670. that.jiarebanCoding = null;
  671. that.jiarebanVersion = null;
  672. that.xiazaiName = null;
  673. that.xiazaiCoding = null;
  674. that.xiazaiVersion = null;
  675. var serverUrl = that.serverurl;
  676. var token = uni.getStorageSync("token");
  677. uni.request({
  678. url: serverUrl + "/TMachine/getMachine?coding=" + coding,
  679. method: "GET",
  680. header: {
  681. 'token': token
  682. },
  683. success: (Result) => {
  684. var res = Result;
  685. if (res.data.code == true) {
  686. //当机器已录入时,会先把所有录入模块给列出来
  687. if (res.data.message == 'all') {
  688. var tmachine = res.data.data.tmachine;
  689. that.name = tmachine.name;
  690. that.nameplate = tmachine.nameplate;
  691. that.clientId = tmachine.clientId;
  692. // that.producePersonnel = uni.getStorageSync("name");
  693. var modulesList = res.data.data.modulesList;
  694. var modules;
  695. for (var i = 0; i < modulesList.length; i++) {
  696. // console.log(modulesList[i]);
  697. var coding = modulesList[i].coding;
  698. //排除标准件
  699. if (coding.substring(0, 4) != '1000') {
  700. //半成品
  701. if (coding.substring(0, 2) == '15') {
  702. //"加湿器"
  703. if (coding.substring(5, 7) == '07') {
  704. that.jiashiqiName = modulesList[i].name;
  705. that.jiashiqiCoding = modulesList[i].coding;
  706. that.jiashiqiVersion = modulesList[i].coding.substring(8, 10);
  707. }
  708. //炉头
  709. if (coding.substring(5, 7) == '04') {
  710. that.lutouName = modulesList[i].name;
  711. that.lutouCoding = modulesList[i].coding;
  712. that.lutouVersion = modulesList[i].coding.substring(8, 10);
  713. }
  714. //水泵
  715. if (coding.substring(5, 7) == '08') {
  716. that.shuibengName = modulesList[i].name;
  717. that.shuibengCoding = modulesList[i].coding;
  718. that.shuibengVersion = modulesList[i].coding.substring(8, 10);
  719. }
  720. //出棍模块
  721. if (coding.substring(5, 7) == '06') {
  722. that.chugunName = modulesList[i].name;
  723. that.chugunCoding = modulesList[i].coding;
  724. that.chugunVersion = modulesList[i].coding.substring(8, 10);
  725. }
  726. //电柜模块
  727. if (coding.substring(5, 7) == '01') {
  728. that.dianguiName = modulesList[i].name;
  729. that.dianguiCoding = modulesList[i].coding;
  730. that.dianguiVersion = modulesList[i].coding.substring(8, 10);
  731. }
  732. //机壳
  733. if (coding.substring(5, 7) == '09') {
  734. that.jikeName = modulesList[i].name;
  735. that.jikeCoding = modulesList[i].coding;
  736. that.jikeVersion = modulesList[i].coding.substring(8, 10);
  737. }
  738. //自动门
  739. if (coding.substring(5, 7) == '12') {
  740. that.zidongdoorName = modulesList[i].name;
  741. that.zidongdoorCoding = modulesList[i].coding;
  742. that.zidongdoorVersion = modulesList[i].coding.substring(8, 10);
  743. }
  744. //手动门
  745. if (coding.substring(5, 7) == '11') {
  746. that.shoudongdoorName = modulesList[i].name;
  747. that.shoudongdoorCoding = modulesList[i].coding;
  748. that.shoudongdoorVersion = modulesList[i].coding.substring(8, 10);
  749. }
  750. //机械手
  751. if (coding.substring(5, 7) == '02') {
  752. that.jixieshouName = modulesList[i].name;
  753. that.jixieshouCoding = modulesList[i].coding;
  754. that.jixieshouVersion = modulesList[i].coding.substring(8, 10);
  755. }
  756. //压型刀
  757. if (coding.substring(5, 7) == '03') {
  758. that.yaxingdaoName = modulesList[i].name;
  759. that.yaxingdaoCoding = modulesList[i].coding;
  760. that.yaxingdaoVersion = modulesList[i].coding.substring(8, 10);
  761. }
  762. //送糖
  763. if (coding.substring(5, 7) == '05') {
  764. that.songtangName = modulesList[i].name;
  765. that.songtangCoding = modulesList[i].coding;
  766. that.songtangVersion = modulesList[i].coding.substring(8, 10);
  767. }
  768. //远程下载模块
  769. if (coding.substring(5, 7) == '13') {
  770. that.xiazaiName = modulesList[i].name;
  771. that.xiazaiCoding = modulesList[i].coding;
  772. that.xiazaiVersion = modulesList[i].coding.substring(8, 10);
  773. }
  774. //加热板
  775. if (coding.substring(5, 7) == '14') {
  776. that.jiarebanName = modulesList[i].name;
  777. // that.qibengCoding = modulesList[i].coding.substring(0, 10);
  778. that.jiarebanCoding = modulesList[i].coding;
  779. that.jiarebanVersion = modulesList[i].coding.substring(8, 10);
  780. }
  781. }
  782. }else{
  783. //气泵
  784. if (coding.substring(8, 10) == '39') {
  785. that.qibengName = modulesList[i].name;
  786. // that.qibengCoding = modulesList[i].coding.substring(0, 10);
  787. that.qibengCoding = modulesList[i].coding;
  788. that.qibengVersion = modulesList[i].coding.substring(8, 10);
  789. }
  790. //安卓屏
  791. if (coding.substring(8, 10) == '71'||coding.substring(8, 10) == '72'||coding.substring(7, 10) == '138'||coding.substring(7, 10) == '139') {
  792. that.anzhuopingName = modulesList[i].name;
  793. that.anzhuopingCoding = modulesList[i].coding;
  794. that.anzhuopingVersion = modulesList[i].coding.substring(8, 10);
  795. }
  796. }
  797. }
  798. } else {
  799. var codes = res.data.data;
  800. that.name = codes.name;
  801. that.nameplate = codes.nameplate;
  802. that.clientId = codes.clientId;
  803. that.producePersonnel = uni.getStorageSync("name");
  804. }
  805. } else {
  806. uni.showModal({
  807. title: '提示',
  808. content: res.data.message,
  809. });
  810. }
  811. }
  812. });
  813. },
  814. getMessage(coding) {
  815. var that = this;
  816. var serverUrl = that.serverurl;
  817. var token = uni.getStorageSync("token");
  818. uni.request({
  819. url: serverUrl + "/TModules/getMessage?coding=" + coding,
  820. method: "GET",
  821. header: {
  822. 'token': token
  823. },
  824. success: (Result) => {
  825. var res = Result;
  826. if (res.data.code == true) {
  827. var codes = res.data.data;
  828. var coding = codes.code;
  829. //排除标准件
  830. if (coding.substring(0, 4) != '1000') {
  831. //半成品
  832. if (coding.substring(0, 2) == '15') {
  833. //"加湿器"
  834. if (coding.substring(5, 7) == '07') {
  835. that.jiashiqiName = codes.name;
  836. that.jiashiqiCoding = codes.coding;
  837. that.jiashiqiVersion = codes.code.substring(8, 10);
  838. }
  839. //炉头
  840. if (coding.substring(5, 7) == '04') {
  841. that.lutouName = codes.name;
  842. that.lutouCoding = codes.coding;
  843. that.lutouVersion = codes.code.substring(8, 10);
  844. }
  845. //水泵
  846. if (coding.substring(5, 7) == '08') {
  847. that.shuibengName = codes.name;
  848. that.shuibengCoding = codes.coding;
  849. that.shuibengVersion = codes.code.substring(8, 10);
  850. }
  851. //出棍模块
  852. if (coding.substring(5, 7) == '06') {
  853. that.chugunName = codes.name;
  854. that.chugunCoding = codes.coding;
  855. that.chugunVersion = codes.code.substring(8, 10);
  856. }
  857. //电柜模块
  858. if (coding.substring(5, 7) == '01') {
  859. that.dianguiName = codes.name;
  860. that.dianguiCoding = codes.coding;
  861. that.dianguiVersion = codes.code.substring(8, 10);
  862. }
  863. //机壳
  864. if (coding.substring(5, 7) == '09') {
  865. that.jikeName = codes.name;
  866. that.jikeCoding = codes.coding;
  867. that.jikeVersion = codes.code.substring(8, 10);
  868. }
  869. //自动门
  870. if (coding.substring(5, 7) == '12') {
  871. that.zidongdoorName = codes.name;
  872. that.zidongdoorCoding = codes.coding;
  873. that.zidongdoorVersion = codes.code.substring(8, 10);
  874. }
  875. //手动门
  876. if (coding.substring(5, 7) == '11') {
  877. that.shoudongdoorName = codes.name;
  878. that.shoudongdoorCoding = codes.coding;
  879. that.shoudongdoorVersion = codes.code.substring(8, 10);
  880. }
  881. //机械手
  882. if (coding.substring(5, 7) == '02') {
  883. that.jixieshouName = codes.name;
  884. that.jixieshouCoding = codes.coding;
  885. that.jixieshouVersion = codes.code.substring(8, 10);
  886. }
  887. //压型刀
  888. if (coding.substring(5, 7) == '03') {
  889. that.yaxingdaoName = codes.name;
  890. that.yaxingdaoCoding = codes.coding;
  891. that.yaxingdaoVersion = codes.code.substring(8, 10);
  892. }
  893. //送糖
  894. if (coding.substring(5, 7) == '05') {
  895. that.songtangName = codes.name;
  896. that.songtangCoding = codes.coding;
  897. that.songtangVersion = codes.code.substring(8, 10);
  898. }
  899. //远程下载模块
  900. if (coding.substring(5, 7) == '13') {
  901. that.xiazaiName = codes.name;
  902. that.xiazaiCoding = codes.coding;
  903. that.xiazaiVersion = codes.code.substring(8, 10);
  904. }
  905. //加热板
  906. if (coding.substring(5, 7) == '14') {
  907. that.jiarebanName = codes.name;
  908. that.jiarebanCoding = codes.coding;
  909. that.jiarebanVersion =codes.code.substring(8, 10);
  910. }
  911. }
  912. }else{
  913. //安卓屏
  914. if (coding.substring(8, 10) == '71'||coding.substring(8, 10) == '72'||coding.substring(7, 10) == '138'||coding.substring(7, 10) == '139') {
  915. // debugger;
  916. that.anzhuopingName = codes.name;
  917. that.anzhuopingCoding = codes.coding;
  918. that.anzhuopingVersion = codes.versions;
  919. }
  920. //气泵
  921. if (coding.substring(8, 10) == '39') {
  922. that.qibengName = codes.name;
  923. that.qibengCoding = codes.coding;
  924. that.qibengVersion = codes.versions;
  925. }
  926. }
  927. } else {
  928. uni.showModal({
  929. title: '提示',
  930. content: res.data.message,
  931. });
  932. }
  933. }
  934. });
  935. },
  936. //机器修改
  937. addMachine(event) {
  938. var serverUrl = this.serverurl;
  939. const {
  940. value: modules
  941. } = event.detail;
  942. // console.log("3");
  943. var token = uni.getStorageSync("token");
  944. var createPersonnel = uni.getStorageSync("name");
  945. uni.request({
  946. url: serverUrl + "/TMachine/add",
  947. method: "POST",
  948. data: {
  949. "coding": modules.coding,
  950. "name": modules.name,
  951. "nameplate": modules.nameplate,
  952. "clientId":modules.clientId,
  953. "createPersonnel": createPersonnel
  954. },
  955. header: {
  956. 'token': token
  957. },
  958. success: (Result) => {
  959. var res = Result;
  960. uni.showModal({
  961. title: '提示',
  962. content: res.data.message,
  963. });
  964. }
  965. });
  966. },
  967. lutou(event) {
  968. var serverUrl = this.serverurl;
  969. var machineCoding = this.coding;
  970. const {
  971. value: modules
  972. } = event.detail;
  973. // console.log(event.detail.value);
  974. var token = uni.getStorageSync("token");
  975. var createPersonnel = uni.getStorageSync("name");
  976. uni.request({
  977. url: serverUrl + "/TModules/update",
  978. method: "POST",
  979. data: {
  980. "machineCoding": machineCoding,
  981. "coding": modules.lutouCoding,
  982. "name": modules.lutouName,
  983. "installPersonnel": createPersonnel
  984. },
  985. header: {
  986. 'token': token
  987. },
  988. success: (Result) => {
  989. var res = Result;
  990. if (res.data.code == true) {
  991. }
  992. uni.showModal({
  993. title: '提示',
  994. content: res.data.message,
  995. });
  996. }
  997. });
  998. },
  999. objToStrMap(obj) {
  1000. let strMap = new Map();
  1001. for (let k of Object.keys(obj)) {
  1002. strMap.set(k, obj[k]);
  1003. }
  1004. return strMap;
  1005. },
  1006. jiashiqi(event) {
  1007. this.tijiao(event,"jiashiqi");
  1008. },
  1009. shuibeng(event) {
  1010. this.tijiao(event,"shuibeng");
  1011. },
  1012. chugun(event){
  1013. this.tijiao(event,"chugun");
  1014. },
  1015. diangui(event){
  1016. this.tijiao(event,"diangui");
  1017. },
  1018. zidongdoor(event){
  1019. this.tijiao(event,"zidongdoor");
  1020. },
  1021. shoudongdoor(event){
  1022. this.tijiao(event,"shoudongdoor");
  1023. },
  1024. jixieshou(event){
  1025. this.tijiao(event,"jixieshou");
  1026. },
  1027. yaxingdao(event){
  1028. this.tijiao(event,"yaxingdao");
  1029. },
  1030. qibeng(event){
  1031. this.tijiao(event,"qibeng");
  1032. },
  1033. songtang(event){
  1034. this.tijiao(event,"songtang");
  1035. },
  1036. anzhuoping(event){
  1037. this.tijiao(event,"anzhuoping");
  1038. },
  1039. jiareban(event){
  1040. this.tijiao(event,"jiareban");
  1041. },
  1042. jike(event){
  1043. this.tijiao(event,"jike");
  1044. },
  1045. xiazai(event){
  1046. this.tijiao(event,"xiazai");
  1047. },
  1048. tijiao(event,sname){
  1049. var serverUrl = this.serverurl;
  1050. var machineCoding = this.coding;
  1051. const {
  1052. value: modules
  1053. } = event.detail;
  1054. var eValue = event.detail.value;
  1055. //将value对象转为map
  1056. var mapValue = this.objToStrMap(eValue);
  1057. var coding = mapValue.get(sname+"Coding");
  1058. var name = mapValue.get(sname+"Name");
  1059. // console.log(coding+"---"+name);
  1060. var token = uni.getStorageSync("token");
  1061. var createPersonnel = uni.getStorageSync("name");
  1062. uni.request({
  1063. url: serverUrl + "/TModules/update",
  1064. method: "POST",
  1065. data: {
  1066. "machineCoding": machineCoding,
  1067. "coding": coding,
  1068. "name": name,
  1069. "installPersonnel": createPersonnel
  1070. },
  1071. header: {
  1072. 'token': token
  1073. },
  1074. success: (Result) => {
  1075. var res = Result;
  1076. if (res.data.code == true) {
  1077. }
  1078. uni.showModal({
  1079. title: '提示',
  1080. content: res.data.message,
  1081. });
  1082. }
  1083. });
  1084. },
  1085. updateModules(code, name) {
  1086. var that = this;
  1087. uni.setStorageSync("updateModules", code);
  1088. uni.setStorageSync("updateMachineCode", that.coding);
  1089. uni.showModal({
  1090. title: '提示',
  1091. content: '是否要更换?',
  1092. success: function(res) {
  1093. if (res.confirm) {
  1094. uni.navigateTo({
  1095. url: 'updateModules',
  1096. });
  1097. if (name == "lutou") {
  1098. that.lutouName = null;
  1099. that.lutouCoding = null;
  1100. that.lutouVersion = null;
  1101. }
  1102. if (name == "jiashiqi") {
  1103. that.jiashiqiName = null;
  1104. that.jiashiqiCoding = null;
  1105. that.jiashiqiVersion = null;
  1106. }
  1107. if (name == "shuibeng") {
  1108. that.shuibengName = null;
  1109. that.shuibengCoding = null;
  1110. that.shuibengVersion = null;
  1111. }
  1112. if (name == "chugun") {
  1113. that.chugunName = null;
  1114. that.chugunCoding = null;
  1115. that.chugunVersion = null;
  1116. }
  1117. if (name == "diangui") {
  1118. that.dianguiName = null;
  1119. that.dianguiCoding = null;
  1120. that.dianguiVersion = null;
  1121. }
  1122. if (name == "zidongdoor") {
  1123. that.zidongdoorName = null;
  1124. that.zidongdoorCoding = null;
  1125. that.zidongdoorVersion = null;
  1126. }
  1127. if (name == "shoudongdoor") {
  1128. that.shoudongdoorName = null;
  1129. that.shoudongdoorCoding = null;
  1130. that.shoudongdoorVersion = null;
  1131. }
  1132. if (name == "jixieshou") {
  1133. that.jixieshouName = null;
  1134. that.jixieshouCoding = null;
  1135. that.jixieshouVersion = null;
  1136. }
  1137. if (name == "yaxingdao") {
  1138. that.yaxingdaoName = null;
  1139. that.yaxingdaoCoding = null;
  1140. that.yaxingdaoVersion = null;
  1141. }
  1142. if (name == "qibeng") {
  1143. that.qibengName = null;
  1144. that.qibengCoding = null;
  1145. that.qibengVersion = null;
  1146. }
  1147. if (name == "songtang") {
  1148. that.songtangName = null;
  1149. that.songtangCoding = null;
  1150. that.songtangVersion = null;
  1151. }
  1152. if (name == "anzhuoping") {
  1153. that.anzhuopingName = null;
  1154. that.anzhuopingCoding = null;
  1155. that.anzhuopingVersion = null;
  1156. }
  1157. if (name == "jiareban") {
  1158. that.jiarebanName = null;
  1159. that.jiarebanCoding = null;
  1160. that.jiarebanVersion = null;
  1161. }
  1162. if (name == "jike") {
  1163. that.jikeName = null;
  1164. that.jikeCoding = null;
  1165. that.jikeVersion = null;
  1166. }
  1167. if (name == "xiazai") {
  1168. that.xiazaiName = null;
  1169. that.xiazaiCoding = null;
  1170. that.xiazaiVersion = null;
  1171. }
  1172. } else if (res.cancel) {}
  1173. }
  1174. });
  1175. },
  1176. submit(event){
  1177. var serverUrl = this.serverurl;
  1178. var machineCoding = this.coding;
  1179. const {
  1180. value: modules
  1181. } = event.detail;
  1182. var token = uni.getStorageSync("token");
  1183. var createPersonnel = uni.getStorageSync("name");
  1184. uni.request({
  1185. url: serverUrl + "/TMachine/submit",
  1186. method: "POST",
  1187. data: {
  1188. "coding": machineCoding,
  1189. checkPersonnel:createPersonnel
  1190. },
  1191. header: {
  1192. 'token': token
  1193. },
  1194. success: (Result) => {
  1195. var res = Result;
  1196. if (res.data.code == true) {
  1197. }
  1198. uni.showModal({
  1199. title: '提示',
  1200. content: res.data.message,
  1201. });
  1202. }
  1203. });
  1204. }
  1205. }
  1206. }
  1207. </script>
  1208. <style>
  1209. .body {
  1210. background-color: #FFFFFF;
  1211. padding: 20upx 20upx 20upx 20upx;
  1212. display: flex;
  1213. flex-direction: row;
  1214. justify-content: flex-start;
  1215. }
  1216. .bodyname {
  1217. background-color: #FFFFFF;
  1218. padding: 20upx 20upx 20upx 70upx;
  1219. display: flex;
  1220. flex-direction: row;
  1221. justify-content: flex-start;
  1222. }
  1223. .input {
  1224. /* padding: 10upx 20upx 10upx 0upx; */
  1225. padding-left: 20upx;
  1226. padding-top: 10upx;
  1227. background-color: #FFFFFF;
  1228. width: 400upx;
  1229. height: 50upx;
  1230. box-shadow: 0upx 0upx 20upx #D3D3D3;
  1231. border-radius: 5upx;
  1232. }
  1233. .button {
  1234. margin: auto;
  1235. width: 60%;
  1236. height: 100upx;
  1237. }
  1238. .button1 {
  1239. margin: auto;
  1240. width: 75upx;
  1241. height: 50upx;
  1242. }
  1243. .p {
  1244. /* #ifdef H5 */
  1245. top: -13%;
  1246. /* #endif */
  1247. width: 50upx;
  1248. height: 30upx;
  1249. font-size: 25upx;
  1250. padding-right: 9upx;
  1251. padding-top: 6upx;
  1252. /* #ifndef H5 */
  1253. /* padding-top: 10upx; */
  1254. /* #endif */
  1255. position: absolute;
  1256. /* 水平居中 */
  1257. left: 50%;
  1258. -webkit-transform: translateX(-50%);
  1259. transform: translateX(-50%);
  1260. }
  1261. .p1 {
  1262. /* #ifdef H5 */
  1263. top: -13%;
  1264. /* #endif */
  1265. width: 80upx;
  1266. height: 60upx;
  1267. font-size: 40upx;
  1268. padding-top: 6upx;
  1269. /* #ifndef H5 */
  1270. padding-top: 10upx;
  1271. /* #endif */
  1272. position: absolute;
  1273. /* 水平居中 */
  1274. left: 50%;
  1275. -webkit-transform: translateX(-50%);
  1276. transform: translateX(-50%);
  1277. }
  1278. .radio {
  1279. padding-top: 20upx;
  1280. padding-left: 30upx;
  1281. }
  1282. .line {
  1283. background: #ECECEC;
  1284. height: 10upx;
  1285. }
  1286. .title {
  1287. font-size: 35upx;
  1288. }
  1289. .modulesButton {
  1290. background-color: #FFFFFF;
  1291. padding: 20upx 20upx 20upx 20upx;
  1292. display: flex;
  1293. width: 250upx;
  1294. margin: auto;
  1295. flex-direction: row;
  1296. justify-content: flex-start;
  1297. }
  1298. .modules {
  1299. width: 95%;
  1300. margin: auto;
  1301. }
  1302. </style>