edit_quality_testing.vue 56 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658
  1. <template>
  2. <view :style='{"margin-bottom":InputEvent!=""?"200px":0}' ref="all-input">
  3. <view @click='hidden' class='wrap'>
  4. <view class='title_b'>基本信息</view>
  5. <view class="c-row ">
  6. <view class="title">入库类型</view>
  7. <view class="con-list">
  8. <view v-if='gridList.serviceManagementType==1'>贸易入库</view>
  9. <view v-if='gridList.serviceManagementType==3'>收购入库</view>
  10. </view>
  11. </view>
  12. <view v-if="flag!=3" class="c-row ">
  13. <view class="title">仓库</view>
  14. <view class="con-list">
  15. {{gridList.warehouseName}}
  16. </view>
  17. </view>
  18. <view class="c-row ">
  19. <view class="title">任务编号</view>
  20. <view class="con-list">
  21. <view >{{gridList.inOutTaskNo}}</view>
  22. </view>
  23. </view>
  24. <view v-if='gridList.serviceManagementType==1&&gridList.inOutType!="移库入库"&&flag!=3||gridList.serviceManagementType==3' class="c-row ">
  25. <view class="title">合同编号</view>
  26. <view class="con-list">
  27. {{gridList.contractNo}}
  28. </view>
  29. </view>
  30. <view v-if='gridList.serviceManagementType==1&&gridList.inOutType=="移库入库"&&flag!=3' class="c-row ">
  31. <view class="title">移库编号</view>
  32. <view class="con-list">
  33. {{gridList.contractNo}}
  34. </view>
  35. </view>
  36. <view v-if='flag!=3' class="c-row ">
  37. <view class="title">业务编号</view>
  38. <view class="con-list">
  39. {{gridList.qualityNo}}
  40. </view>
  41. </view>
  42. <view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
  43. <view class="title">成本</view>
  44. <view class="con-list">
  45. <view v-if='!coststatus'>{{gridList.cost?gridList.cost:'自动获取,不可编辑'}}</view>
  46. <view v-if='coststatus'>
  47. <input v-model='gridList.cost' placeholder="请输入成本" name="input" type="digit"></input>
  48. </view>
  49. </view>
  50. <button v-if='flag==4||flag==0' class='cu-btn bg-green shadow' @click="changecost">{{costtext}}</button>
  51. </view>
  52. <view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
  53. <view class="title">运费</view>
  54. <view class="con-list flex">
  55. <view v-if='!freightstatus'>{{gridList.freight?gridList.freight:'自动获取,不可编辑'}}</view>
  56. <view v-if='freightstatus'>
  57. <input v-model='gridList.freight' placeholder="请输入运费" name="input" type="digit"></input>
  58. </view>
  59. </view>
  60. <button v-if='flag==4||flag==0' class='cu-btn bg-green shadow' @click="changefreight">{{freighttext}}</button>
  61. </view>
  62. <view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
  63. <view class="title">扣款</view>
  64. <view class="con-list">
  65. <input v-if='flag==4||flag==0' v-model='gridList.deductionAmount' placeholder="请输入扣款" name="input" type="digit"></input>
  66. </view>
  67. </view>
  68. <view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
  69. <view class="title">入库类型</view>
  70. <view class="con-list">
  71. {{gridList.inOutType?gridList.inOutType:'自动获取,不可编辑'}}
  72. </view>
  73. </view>
  74. <view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
  75. <view class="title">入库日期</view>
  76. <view class="con-list">
  77. <view v-if='flag==4||flag==0' @click='show5=true'>{{gridList.inOutDate?gridList.inOutDate:'请选择入库日期'}}</view>
  78. <view v-else @click='show5=true'>{{gridList.inOutDate?gridList.inOutDate:'请选择入库日期'}}</view>
  79. <u-picker @confirm='inOutDatepicker($event)' :params="params" v-model="show5"
  80. mode="time">
  81. </u-picker>
  82. </view>
  83. </view>
  84. <view v-if='gridList.serviceManagementType==3&&flag!=0' class="c-row ">
  85. <view class="title">客户</view>
  86. <view class="con-list">
  87. <view v-if='flag==4||flag==3' @click='gocustomer'>
  88. {{gridList.customerName}}({{gridList.customerPhone}})
  89. </view>
  90. <view v-else>
  91. {{gridList.customerName}}({{gridList.customerPhone}})
  92. </view>
  93. </view>
  94. </view>
  95. <!-- <view v-if='flag!=0' class="c-row "> -->
  96. <view class="c-row ">
  97. <view class="title">车牌号</view>
  98. <view class="con-list">
  99. <input :disabled="flag!=4&&flag!=3" v-model='gridList.carNumber' @click.stop="handleShowKeyboard" placeholder="请输入车牌号"
  100. name="input"></input>
  101. <master-keyboard ref="keyboard" keyboardtype="car" :randomNumber="true" :newCar="false"
  102. :defaultValue="gridList.carNumber" @keyboardClick="handleClick"></master-keyboard>
  103. <!-- <input :disabled='flag==1' v-model='gridList.carNumber' placeholder="请输入车牌号" name="input"></input> -->
  104. </view>
  105. </view>
  106. <!-- <view v-if="gridList.paramType != '1'" class="c-row ">
  107. <view class="title">扣重比</view>
  108. <view class="con-list">
  109. <input :disabled='flag==1' v-model='gridList.buckleWeightRatio' placeholder="请输入扣重比"
  110. name="input"></input>
  111. </view>
  112. </view>
  113. <view v-else class="c-row ">
  114. <view class="title">扣杂</view>
  115. <view class="con-list">
  116. <input :disabled='flag==1' v-model='gridList.buckleMiscellaneous' placeholder="初检扣杂"
  117. @input="waterContentChange" name="input"></input>
  118. <input v-if='flag==0' value='未复检' disabled placeholder="复检扣杂" name="input"></input>
  119. <input v-else :disabled='flag!=1' v-model='gridList.reBuckleMiscellaneous' placeholder="复检扣杂"
  120. name="input"></input>
  121. </view>
  122. </view> -->
  123. <view v-if='gridList.serviceManagementType==3&&flag!=3' class="c-row ">
  124. <view class="title">购粮性质</view>
  125. <view class="con-list">
  126. <input :disabled='flag==1' v-model='gridList.natureOfGrainPurchase' placeholder="请输入购粮性质"
  127. name="input"></input>
  128. </view>
  129. </view>
  130. <view v-if='flag!=3' class="c-row ">
  131. <view class="title">仓位号</view>
  132. <view class="con-list">
  133. <view v-if='flag!=1' @click='show=true'>{{gridList.binNumber?gridList.binNumber:'请选择仓位号'}}</view>
  134. <view v-else>{{gridList.binNumber}}</view>
  135. </view>
  136. </view>
  137. <view v-if='flag!=3' class="c-row ">
  138. <view class="title">囤位号</view>
  139. <view class="con-list">
  140. <input :disabled="flag!=4&&flag!=0" v-model='gridList.storageTagNo' placeholder="请输入囤位号" name="input"></input>
  141. </view>
  142. </view>
  143. <view v-if='flag!=3' class="c-row ">
  144. <view class="title">货名</view>
  145. <view class="con-list">
  146. <!-- <view v-if="flag != '0'">
  147. {{gridList.goodsName}}
  148. </view> -->
  149. <view v-if='flag==4||flag==0'>{{gridList.goodsName}}</view>
  150. <view v-else>{{gridList.goodsName}}</view>
  151. <u-picker :range="goodsList" range-key="goodsName" @confirm='goodsPicker($event)'
  152. v-model="goodsName" mode="selector">
  153. </u-picker>
  154. </view>
  155. </view>
  156. <view v-if='flag!=3' class="c-row ">
  157. <view class="title">类型</view>
  158. <view class="con-list">
  159. {{gridList.type}}
  160. </view>
  161. </view>
  162. <view v-if='gridList.serviceManagementType==1' class="c-row ">
  163. <view class="title">运输方式</view>
  164. <view class="con-list">
  165. <view v-if='flag==4||flag==0' @click='show7=true'>{{gridList.outType?gridList.outType:'请选择运输方式'}}</view>
  166. <view v-else>{{gridList.outType?gridList.outType:'请选择运输方式'}}</view>
  167. <u-picker :range="multiSelector" range-key="name" @confirm='outtypepicker($event,0)' v-model="show7"
  168. mode="selector">
  169. </u-picker>
  170. </view>
  171. </view>
  172. <view v-if='gridList.serviceManagementType==3&&flag!=0' class="c-row ">
  173. <view class="title">运输方式</view>
  174. <view class="con-list">
  175. <view v-if='flag==4||flag==3' @click='show8=true'>{{outType?outType:'请选择运输方式'}}</view>
  176. <view v-else>{{outType?outType:'请选择运输方式'}}</view>
  177. <u-picker :range="multiSelector1" range-key="name" @confirm='outtypepicker($event,1)' v-model="show8"
  178. mode="selector">
  179. </u-picker>
  180. </view>
  181. </view>
  182. <view v-if='gridList.serviceManagementType==1&&flag!=3||gridList.serviceManagementType==3&&gridList.outType=="自运"&&flag!=3' class="c-row ">
  183. <view class="title">车队</view>
  184. <view class="con-list">
  185. <view v-if='flag==4||flag==0' @click='show6=true'>{{gridList.fleet?ridList.fleet:'非车队车辆'}}</view>
  186. <view v-else>{{gridList.fleet?ridList.fleet:'非车队车辆'}}</view>
  187. <u-picker @confirm='fleetpicker($event)' :range="fleetNameList" range-key="fleetName" v-model="show6"
  188. mode="selector">
  189. </u-picker>
  190. </view>
  191. </view>
  192. <view v-if="gridList.outType=='汽运'&&gridList.serviceManagementType==1 ||gridList.outType == '集装箱船'&&gridList.serviceManagementType==1" class="c-row ">
  193. <view class="title">箱号-1</view>
  194. <view class="con-list">
  195. <input :disabled='flag!=4&&flag!=0' v-model='gridList.boxNo' placeholder="请输入箱号" name="input" type="digit"></input>
  196. </view>
  197. </view>
  198. <view v-if="gridList.outType== '汽运'&&gridList.serviceManagementType==1 ||gridList.outType == '集装箱船'&&gridList.serviceManagementType==1" class="c-row ">
  199. <view class="title">封号-1</view>
  200. <view class="con-list">
  201. <input :disabled='flag!=4&&flag!=0' v-model='gridList.titleNo' placeholder="请输入封号" name="input" type="digit"></input>
  202. </view>
  203. </view>
  204. <view v-if="gridList.outType=='汽运'&&gridList.serviceManagementType==1 ||gridList.outType == '集装箱船'&&gridList.serviceManagementType==1" class="c-row ">
  205. <view class="title">箱号-2</view>
  206. <view class="con-list">
  207. <input :disabled='flag!=4&&flag!=0' v-model='gridList.boxNoOther' placeholder="请输入箱号" name="input" type="digit"></input>
  208. </view>
  209. </view>
  210. <view v-if="gridList.outType== '汽运'&&gridList.serviceManagementType==1 ||gridList.outType == '集装箱船'&&gridList.serviceManagementType==1" class="c-row ">
  211. <view class="title">封号-2</view>
  212. <view class="con-list">
  213. <input :disabled='flag!=4&&flag!=0' v-model='gridList.titleNoOther' placeholder="请输入封号" name="input" type="digit"></input>
  214. </view>
  215. </view>
  216. <view v-if="gridList.serviceManagementType==3&&flag!=0" class="c-row">
  217. <view class="title">箱号-1</view>
  218. <view class="con-list">
  219. <input :disabled='flag!=4&&flag!=0' v-model='gridList.boxNo' placeholder="请输入箱号" name="input" type="digit"></input>
  220. </view>
  221. </view>
  222. <view v-if="gridList.serviceManagementType==3&&flag!=0" class="c-row">
  223. <view class="title">封号-1</view>
  224. <view class="con-list">
  225. <input :disabled='flag!=4&&flag!=0' v-model='gridList.titleNo' placeholder="请输入封号" name="input" type="digit"></input>
  226. </view>
  227. </view>
  228. <view v-if="gridList.serviceManagementType==3&&flag!=0" class="c-row">
  229. <view class="title">箱号-2</view>
  230. <view class="con-list">
  231. <input :disabled='flag!=4&&flag!=0' v-model='gridList.boxNoOther' placeholder="请输入箱号" name="input" type="digit"></input>
  232. </view>
  233. </view>
  234. <view v-if="gridList.serviceManagementType==3&&flag!=0" class="c-row">
  235. <view class="title">封号-2</view>
  236. <view class="con-list">
  237. <input :disabled='flag!=4&&flag!=0' v-model='gridList.titleNoOther' placeholder="请输入封号" name="input" type="digit"></input>
  238. </view>
  239. </view>
  240. <view class="c-row-fj" v-if="flag==2||flag==1">
  241. <view style="margin: 0px 0px 30rpx 10rpx;">复检备注</view>
  242. <textarea class='textarea-style' v-model='gridList.reMemo' placeholder="请输入复检备注"
  243. maxlength="300"></textarea>
  244. </view>
  245. <view class="c-row" v-if="flag==1&&gridList.warehouseName=='鲅鱼圈金信库'">
  246. <view class="title">车型</view>
  247. <view class="con-list">
  248. <view @click='carstatus = true'>{{gridList.carModel?gridList.carModel:'请选择车型'}}</view>
  249. <u-picker :range="carModeList" range-key="constValue" @confirm='carPicker($event)'
  250. v-model="carstatus" mode="selector">
  251. </u-picker>
  252. </view>
  253. </view>
  254. </view>
  255. <view v-if='flag!=3' style='padding-bottom:500rpx;'>
  256. <view class='wrap'>
  257. <view style='margin-right:10px;' class='flex justify-between align-item-center'>
  258. <view class='title_b'>化验信息</view>
  259. <view v-if='flag==0||flag==4' class='flex justify-between align-item-center'>补录:<u-switch activeColor="#22C572"
  260. v-model="value" @change="change"></u-switch>
  261. </view>
  262. </view>
  263. <view class="c-row ">
  264. <view class="title">等级</view>
  265. <view class="con-list">
  266. <u-picker :range="gradeList" range-key="value" @confirm='gradepicker($event)' v-model="show1"
  267. mode="selector">
  268. </u-picker>
  269. <view v-if='flag!=1' @click='show1=true'>{{gridList.grade?gridList.grade:'请选择等级'}}</view>
  270. <view v-else>{{gridList.grade}}</view>
  271. <u-picker :range="gradeList" range-key="value" @confirm='gradepicker1($event)' v-model="show2"
  272. mode="selector">
  273. </u-picker>
  274. <view v-if='flag==1' @click='show2=true'>{{gridList.reGrade?gridList.reGrade:'请选择等级'}}</view>
  275. <view v-if='flag==2'>{{gridList.reGrade}}</view>
  276. </view>
  277. </view>
  278. <view class="c-row ">
  279. <view class="title">水分(%)</view>
  280. <view class="con-list">
  281. <MyNumberInput :myvalue="gridList.waterContent" :Isedit="Isedit" :IsShow="MykeywordShow"
  282. :myevent="'waterContent'"
  283. @setValue="mykeywordset" v-if="InputEvent=='waterContent'"
  284. @Cancelword="Cancelword"
  285. @goNext="goNext('waterContent')"></MyNumberInput>
  286. <input v-else :disabled='flag==1' @click="SetInputKey('waterContent')" v-model='gridList.waterContent' placeholder="初检水分"
  287. @input="waterContentChange" type="digit" name="input"></input>
  288. <MyNumberInput :myvalue="gridList.reWaterContent" :Isedit="Isedit" :IsShow="MykeywordShow"
  289. :myevent="'reWaterContent'"
  290. @setValue="mykeywordset" v-if="InputEvent=='reWaterContent'"
  291. @Cancelword="Cancelword"
  292. @goNext="goNext('reWaterContent')"></MyNumberInput>
  293. <input @click="SetInputKey('reWaterContent')" v-if="flag==1&&InputEvent!='reWaterContent'||flag==2&&InputEvent!='reWaterContent'" type="digit" v-model='gridList.reWaterContent' placeholder="复检水分"
  294. name="input"></input>
  295. </view>
  296. </view>
  297. <view class="c-row ">
  298. <view v-if='gridList.goodsName!="大豆"' class="title">容重(克/升)</view>
  299. <view v-else class="title">蛋白</view>
  300. <view class="con-list">
  301. <MyNumberInput :myvalue="gridList.bulkDensity" :Isedit="Isedit" :IsShow="MykeywordShow"
  302. :myevent="'bulkDensity'"
  303. @setValue="mykeywordset" v-if="InputEvent=='bulkDensity'"
  304. @Cancelword="Cancelword"
  305. @goNext="goNext('bulkDensity')"></MyNumberInput>
  306. <input v-else @click="SetInputKey('bulkDensity')" :disabled='flag==1' type="digit" v-model='gridList.bulkDensity' placeholder="请输入容重"
  307. name="input" @input="obtainPrice"></input>
  308. <MyNumberInput :myvalue="gridList.reBulkDensity" :Isedit="Isedit" :IsShow="MykeywordShow"
  309. :myevent="'reBulkDensity'"
  310. @setValue="mykeywordset" v-if="InputEvent=='reBulkDensity'"
  311. @Cancelword="Cancelword"
  312. @goNext="goNext('reBulkDensity')"></MyNumberInput>
  313. <input @click="SetInputKey('reBulkDensity')" v-if="flag==1&&InputEvent!='reBulkDensity'||flag==2&&InputEvent!='reBulkDensity'" type="digit" v-model='gridList.reBulkDensity' placeholder="请输入容重"
  314. name="input"></input>
  315. </view>
  316. </view>
  317. <view class="c-row ">
  318. <view class="title">不完善粒(%)</view>
  319. <view class="con-list">
  320. <MyNumberInput :myvalue="gridList.imperfectGrain" :Isedit="Isedit" :IsShow="MykeywordShow"
  321. :myevent="'imperfectGrain'"
  322. @setValue="mykeywordset" v-if="InputEvent=='imperfectGrain'"
  323. @Cancelword="Cancelword"
  324. @goNext="goNext('imperfectGrain')"></MyNumberInput>
  325. <input v-else @click="SetInputKey('imperfectGrain')" :disabled='flag==1' type="digit" v-model='gridList.imperfectGrain' placeholder="请输入不完整粒占比"
  326. name="input"></input>
  327. <MyNumberInput :myvalue="gridList.reImperfectGrain" :Isedit="Isedit" :IsShow="MykeywordShow"
  328. :myevent="'reImperfectGrain'"
  329. @setValue="mykeywordset" v-if="InputEvent=='reImperfectGrain'"
  330. @Cancelword="Cancelword"
  331. @goNext="goNext('reImperfectGrain')"></MyNumberInput>
  332. <input @click="SetInputKey('reImperfectGrain')" v-if="flag==1&&InputEvent!='reImperfectGrain'||flag==2&&InputEvent!='reImperfectGrain'" type="digit" v-model='gridList.reImperfectGrain' placeholder="请输入不完整粒占比"
  333. name="input"></input>
  334. </view>
  335. </view>
  336. <view class="c-row ">
  337. <view class="title">杂质(%)</view>
  338. <view class="con-list">
  339. <MyNumberInput :myvalue="gridList.impurity" :Isedit="Isedit" :IsShow="MykeywordShow"
  340. :myevent="'impurity'"
  341. @setValue="mykeywordset" v-if="InputEvent=='impurity'"
  342. @Cancelword="Cancelword"
  343. @goNext="goNext('impurity')"></MyNumberInput>
  344. <input v-else @click="SetInputKey('impurity')" :disabled='flag==1' type="digit" v-model='gridList.impurity' placeholder="请输入杂质占比"
  345. name="input"></input>
  346. <MyNumberInput :myvalue="gridList.reImpurity" :Isedit="Isedit" :IsShow="MykeywordShow"
  347. :myevent="'reImpurity'"
  348. @setValue="mykeywordset" v-if="InputEvent=='reImpurity'"
  349. @Cancelword="Cancelword"
  350. @goNext="goNext('reImpurity')"></MyNumberInput>
  351. <input @click="SetInputKey('reImpurity')" v-if="flag==1&&InputEvent!='reImpurity'||flag==2&&InputEvent!='reImpurity'" type="digit" v-model='gridList.reImpurity' placeholder="请输入杂质占比"
  352. name="input"></input>
  353. </view>
  354. </view>
  355. <view class="c-row ">
  356. <view class="title">霉变粒(%)</view>
  357. <view class="con-list">
  358. <MyNumberInput :myvalue="gridList.mildewGrain" :Isedit="Isedit" :IsShow="MykeywordShow"
  359. :myevent="'mildewGrain'"
  360. @setValue="mykeywordset" v-if="InputEvent=='mildewGrain'"
  361. @Cancelword="Cancelword"
  362. @goNext="goNext('mildewGrain')"></MyNumberInput>
  363. <input v-else @click="SetInputKey('mildewGrain')" :disabled='flag==1' type="digit" v-model='gridList.mildewGrain' placeholder="请输入霉变粒占比"
  364. name="input"></input>
  365. <MyNumberInput :myvalue="gridList.reMildewGrain" :Isedit="Isedit" :IsShow="MykeywordShow"
  366. :myevent="'reMildewGrain'"
  367. @setValue="mykeywordset" v-if="InputEvent=='reMildewGrain'"
  368. @Cancelword="Cancelword"
  369. @goNext="goNext('reMildewGrain')"></MyNumberInput>
  370. <input @click="SetInputKey('reMildewGrain')" v-if="flag==1&&InputEvent!='reMildewGrain'||flag==2&&InputEvent!='reMildewGrain'" type="digit" v-model='gridList.reMildewGrain' placeholder="请输入霉变粒占比"
  371. name="input"></input>
  372. </view>
  373. </view>
  374. <view class="c-row ">
  375. <view class="title">热损伤(%)</view>
  376. <view class="con-list">
  377. <MyNumberInput :myvalue="gridList.jiaorenli" :Isedit="Isedit" :IsShow="MykeywordShow"
  378. :myevent="'jiaorenli'"
  379. @setValue="mykeywordset" v-if="InputEvent=='jiaorenli'"
  380. @Cancelword="Cancelword"
  381. @goNext="goNext('jiaorenli')"></MyNumberInput>
  382. <input v-else @click="SetInputKey('jiaorenli')" :disabled='flag==1' type="digit" v-model='gridList.jiaorenli' placeholder="请输入热损伤占比"
  383. name="input"></input>
  384. <MyNumberInput :myvalue="gridList.reJiaorenli" :Isedit="Isedit" :IsShow="MykeywordShow"
  385. :myevent="'reJiaorenli'"
  386. @setValue="mykeywordset" v-if="InputEvent=='reJiaorenli'"
  387. @Cancelword="Cancelword"
  388. @goNext="goNext('reJiaorenli')"></MyNumberInput>
  389. <input @click="SetInputKey('reJiaorenli')" v-if="flag==1&&InputEvent!='reJiaorenli'||flag==2&&InputEvent!='reJiaorenli'" type="digit" v-model='gridList.reJiaorenli' placeholder="请输入热损伤占比"
  390. name="input"></input>
  391. <!-- <input v-model='gridList.jiaorenli' @click.stop="handleShowKeyboard1":disabled="true" placeholder="请输入热损伤占比" name="input"></input> -->
  392. </view>
  393. </view>
  394. <view v-show="utils.getCurrectRoles('acquisitionQuality.initial')"
  395. class="c-row">
  396. <view class="title">水分增价(元/吨)</view>
  397. <view class="con-list">
  398. <input v-model='gridList.waterPriceIncrease' @focus="pricefocus($event,1)" @blur="priceblur($event,1)" @input='deductionchange'
  399. placeholder="请输入水分增价" name="input" type="digit"></input>
  400. </view>
  401. </view>
  402. <view v-show="utils.getCurrectRoles('acquisitionQuality.initial')"
  403. class="c-row">
  404. <view class="title">水分扣价(元/吨)</view>
  405. <view class="con-list">
  406. <input v-model='gridList.waterPriceDeduction' @focus="pricefocus($event,2)" @blur="priceblur($event,2)" @input='deductionchange'
  407. placeholder="请输入水分扣价" name="input" type="digit"></input>
  408. </view>
  409. </view>
  410. <view v-show="utils.getCurrectRoles('acquisitionQuality.initial')"
  411. class="c-row">
  412. <view class="title">质量增价(元/吨)</view>
  413. <view class="con-list">
  414. <input v-model='gridList.qualityPriceIncrease' @focus="pricefocus($event,3)" @blur="priceblur($event,3)" @input='deductionchange'
  415. placeholder="请输入质量增价" name="input" type="digit"></input>
  416. </view>
  417. </view>
  418. <view v-show="utils.getCurrectRoles('acquisitionQuality.initial')"
  419. class="c-row">
  420. <view class="title">质量扣价(元/吨)</view>
  421. <view class="con-list">
  422. <input v-model='gridList.qualityPriceDeduction' @focus="pricefocus($event,4)" @blur="priceblur($event,4)" @input='deductionchange'
  423. placeholder="请输入质量扣价" name="input" type="digit"></input>
  424. </view>
  425. </view>
  426. <view v-if="gridList.type == '潮粮'&&gridList.serviceManagementType==3&&flag!=3" class="c-row">
  427. <view class="title">净重单价(元/公斤)</view>
  428. <view class="con-list">
  429. <input :disabled='flag==1&&pricedisabled' v-model='gridList.tidalGrainPrice' @blur='inputprice' placeholder="自动获取,不可编辑"
  430. name="input"></input>
  431. </view>
  432. <!-- <button class='cu-btn bg-green shadow' @click="changeprice">{{pricetext}}</button> -->
  433. </view>
  434. <view v-if="gridList.type == '干粮'&&gridList.serviceManagementType==3&&flag!=3" class="c-row">
  435. <view class="title">干粮单价(元/公斤)</view>
  436. <view class="con-list">
  437. <input v-model='gridList.dryGrainPrice' :disabled='pricedisabled' type="digit" @blur='inputprice' placeholder="请输入干粮单价" name="input"></input>
  438. </view>
  439. <!-- <button class='cu-btn bg-green shadow' @click="changeprice">{{pricetext}}</button> -->
  440. </view>
  441. <view v-if="gridList.type == '干粮'&&gridList.serviceManagementType==1&&flag!=3" class="c-row">
  442. <view class="title">干粮单价(元/公斤)</view>
  443. <view class="con-list">
  444. <input v-model='gridList.dryGrainPrice' :disabled='pricedisabled' type="digit" @blur='inputprice' placeholder="请输入干粮单价" name="input"></input>
  445. </view>
  446. </view>
  447. </view>
  448. </view>
  449. <view class="footer">
  450. <view v-if='flag==1' @click='confirmInfo' class="button">确认初检信息</view>
  451. <view @click='submit' class="button">提交</view>
  452. </view>
  453. <u-modal v-model="isShowAlert" :title-style="{fontSize: '18px',fontWeight:'500'}"
  454. :content-style="{fontSize: '14px',fontWeight:'400'}" confirm-color='#22C572' confirm-text='确定' title='提示'
  455. :showCancelButton='false' :content="content" @confirm="alertBtn" @cancel="cancelClick"></u-modal>
  456. <u-popup v-model="isShowPrint" class="popup" @close="close" mode="bottom" border-radius="30" :closeable="true">
  457. <view class="buns_item">
  458. <view class="but_css" @click="print">打印小票</view>
  459. <view class="but_css" @click="close">返回</view>
  460. </view>
  461. </u-popup>
  462. <u-picker :range="warehouseList" range-key="binNumber" @confirm='binNumberpicker($event)'
  463. v-model="show" mode="selector">
  464. </u-picker>
  465. </view>
  466. </template>
  467. <script>
  468. const Equ_List=['waterContent','bulkDensity','imperfectGrain','impurity','mildewGrain','jiaorenli'];
  469. const Equ_List1=['reWaterContent','reBulkDensity','reImperfectGrain','reImpurity','reMildewGrain','reJiaorenli'];
  470. import dragButton from "@/components/drag-button/drag-button.vue";
  471. import keyboard from "@/components/master-keyboard/master-keyboard.vue";
  472. import MyNumberInput from "@/components/MyNumberInput.vue";
  473. import {
  474. mapState
  475. } from 'vuex';
  476. let startY = 0,
  477. moveY = 0,
  478. pageAtTop = true;
  479. export default {
  480. components: {
  481. dragButton,
  482. keyboard,
  483. MyNumberInput
  484. },
  485. data() {
  486. return {
  487. isShowPrint: false,
  488. inputShow: false,
  489. modalName: '',
  490. mycarStyle: '',
  491. feild: undefined,
  492. id: 0,
  493. show: false,
  494. show2:false,
  495. show4:false,
  496. show5:false,
  497. show7:false,
  498. show8:false,
  499. pricedisabled:false,
  500. multiSelector1:[{name:'他运',value:'他运'}],
  501. outType:'',
  502. selector: [],
  503. show1: false,
  504. pricetext:'锁定',
  505. goodsName: false,
  506. carstatus: false,
  507. params:{year: true,
  508. month: true,
  509. day: true,},
  510. inputContent: '',
  511. multiSelector: [{
  512. name: '汽运',
  513. value: '0',
  514. },
  515. {
  516. name: '火运',
  517. value: '1',
  518. },
  519. {
  520. name: '集装箱船',
  521. value: '2',
  522. },
  523. {
  524. name: '散船',
  525. value: '3',
  526. },
  527. ],
  528. coverTransform: 'translateY(0px)',
  529. coverTransition: '0s',
  530. moving: false,
  531. footprintList: [],
  532. zjid:'',
  533. searchKeyWord: '',
  534. isVip: false,
  535. flag: 0,
  536. freightstatus:false,
  537. coststatus:false,
  538. freighttext:'手动填写',
  539. costtext:'手动填写',
  540. userInfoTmp: [],
  541. inputStatus: 'none',
  542. carInfo: [],
  543. gridCol: 4,
  544. pageSize: 10,
  545. currentPage: 1,
  546. gridBorder: false,
  547. headUrl: "../../static/img/myimg/YongHu@3x.png",
  548. userphone: "",
  549. username: "请更改昵称",
  550. gridList: {
  551. natureOfGrainPurchase: '贸易粮',
  552. type: '潮粮',
  553. tidalGrainPrice: '',
  554. dryGrainPrice: '',
  555. carNumber: '',
  556. carModel: '',
  557. serviceManagementType:'3'
  558. },
  559. managementType: '',
  560. warehouseName: '',
  561. warehouseList: [],
  562. InputEvent:'',
  563. bottomHeight:'10rpx',
  564. MykeywordShow:false,
  565. showTran: true,
  566. companyId: 1,
  567. current: 4,
  568. value: false,
  569. carModeList: [],
  570. fleetNameList:[],
  571. gradeList: [{
  572. key: 1,
  573. value: '一等品'
  574. },
  575. {
  576. key: 2,
  577. value: '二等品'
  578. },
  579. {
  580. key: 3,
  581. value: '三等品'
  582. },
  583. {
  584. key: 4,
  585. value: '等外'
  586. },
  587. ],
  588. cangid: '',
  589. goodsList: [],
  590. taskNolist:[],
  591. dryGrainPrice:0,
  592. tidalGrainPrice:0,
  593. isShowAlert: false,
  594. content: '确认初检信息后,初检员不需要再次确认质检信息,是否确定提交?',
  595. }
  596. },
  597. // #ifndef MP
  598. onNavigationBarButtonTap(e) {
  599. const index = e.index;
  600. if (index === 0) {
  601. this.navTo('/pages/set/set');
  602. } else if (index === 1) {
  603. // #ifdef APP-PLUS
  604. const pages = getCurrentPages();
  605. const page = pages[pages.length - 1];
  606. const currentWebview = page.$getAppWebview();
  607. currentWebview.hideTitleNViewButtonRedDot({
  608. index
  609. });
  610. // #endif
  611. uni.navigateTo({
  612. url: '/pages/notice/notice'
  613. })
  614. }
  615. },
  616. // #endif
  617. computed: {
  618. ...mapState(['hasLogin', 'userInfo']),
  619. // 手机号中间4位加*
  620. starUserphone() {
  621. let reg = /^(\d{3})\d{4}(\d{4})$/;
  622. if (this.userphone) {
  623. return this.userphone.replace(reg, "$1****$2");
  624. }
  625. }
  626. },
  627. onLoad(options) {
  628. this.id = options.id
  629. this.flag = options.flag
  630. this.cangid = options.cangid
  631. this.warehouseName=options.warehouseName
  632. this.managementType = options.managementType
  633. console.log(this.flag)
  634. var that = this
  635. uni.showLoading({
  636. title:"加载中"
  637. })
  638. this.$api.doRequest('get', '/qualityInspectionManagement/api/getQualityInspection', {
  639. id: this.id
  640. }).then(res => {
  641. uni.hideLoading()
  642. if (res.data.data) {
  643. let data = res.data.data
  644. if (data.supplementaryRecording == 1) {
  645. that.value = true
  646. } else {
  647. that.value = false
  648. }
  649. that.gridList = data
  650. if(that.gridList.type=='干粮'){
  651. if (this.gridList.goodsName &&
  652. this.gridList.bulkDensity &&
  653. this.cangid) {
  654. this.$api.doRequest('get', '/purchasePrice/tidalGrainPrice', {
  655. warehouseId: this.cangid,
  656. goodsName: this.gridList.goodsName,
  657. bulkDensity:this.gridList.bulkDensity
  658. }).then(res => {
  659. if(res.data.data != 0){
  660. this.gridList.dryGrainPrice = res.data.data
  661. this.dryGrainPrice = res.data.data
  662. this.deductionchange()
  663. }
  664. })
  665. }
  666. }else if(that.gridList.type=='潮粮'){
  667. if (
  668. this.gridList.goodsName &&
  669. this.gridList.waterContent &&
  670. this.gridList.grade
  671. ) {
  672. console.log('123123')
  673. this.$api.doRequest('get', '/purchasePrice/tidalGrainPrice', {
  674. warehouseId: this.cangid,
  675. goodsName: this.gridList.goodsName,
  676. waterContent: this.gridList.waterContent,
  677. grade: this.gridList.grade,
  678. }).then(res => {
  679. if (that.gridList.paramType == '1') {
  680. // console.log(that.gridList)
  681. if(that.gridList.buckleMiscellaneous){
  682. that.gridList.tidalGrainPrice = parseFloat(parseFloat(res.data.data) - parseFloat(that
  683. .gridList.buckleMiscellaneous) / 100 * parseFloat(that.gridList
  684. .dryGrainPrice)).toFixed(4)
  685. that.tidalGrainPrice = parseFloat(parseFloat(res.data.data) - parseFloat(that
  686. .gridList.buckleMiscellaneous) / 100 * parseFloat(that.gridList
  687. .dryGrainPrice)).toFixed(4)
  688. }
  689. if (!that.gridList.tidalGrainPrice) {
  690. that.gridList.tidalGrainPrice = ''
  691. }
  692. } else {
  693. that.gridList.tidalGrainPrice = res.data.data
  694. that.tidalGrainPrice = res.data.data
  695. }
  696. this.deductionchange()
  697. })
  698. }
  699. }
  700. // if(that.gridList.dryGrainPrice){
  701. // that.dryGrainPrice=that.gridList.dryGrainPrice
  702. // }
  703. // if(that.gridList.tidalGrainPrice){
  704. // that.tidalGrainPrice=that.gridList.tidalGrainPrice
  705. // }
  706. if(!that.gridList.reGrade){
  707. that.gridList.reGrade=that.gridList.grade
  708. }
  709. if(!that.gridList.reWaterContent){
  710. that.gridList.reWaterContent=that.gridList.waterContent
  711. }
  712. if(!that.gridList.reBulkDensity){
  713. that.gridList.reBulkDensity=that.gridList.bulkDensity
  714. }
  715. if(!that.gridList.reImperfectGrain){
  716. that.gridList.reImperfectGrain=that.gridList.imperfectGrain
  717. }
  718. if(!that.gridList.reImpurity){
  719. that.gridList.reImpurity=that.gridList.impurity
  720. }
  721. if(!that.gridList.reMildewGrain){
  722. that.gridList.reMildewGrain=that.gridList.mildewGrain
  723. }
  724. if(!that.gridList.reJiaorenli){
  725. that.gridList.reJiaorenli=that.gridList.jiaorenli
  726. }
  727. if(this.gridList.outType&&this.gridList.serviceManagementType==3){
  728. this.outType=this.gridList.outType
  729. }
  730. that.$api.doRequest('get', '/warehouseBaseInfo/getWarehouse', {
  731. id: this.cangid
  732. }).then(res => {
  733. that.warehouseList = res.data.data.warehousePositionInfoList
  734. })
  735. //质检货名下拉
  736. this.$api.doRequest('get', '/qualityInspectionManagement/api/goodsName', {
  737. warehouseId: this.cangid
  738. }).then(res => {
  739. if (res.data.data) {
  740. that.goodsList = res.data.data
  741. if (that.goodsList.length > 0) {
  742. if(!that.gridList.goodsName){
  743. that.gridList.goodsName = that.goodsList[0].goodsName
  744. }
  745. uni.setStorageSync('purchasePriceList', that.goodsList)
  746. that.purchasePriceList = uni.getStorageSync('purchasePriceList')
  747. }
  748. }
  749. else if(res.data.code != 200 && that.gridList.serviceManagementType==3){
  750. uni.showModal({
  751. content:res.data.message,
  752. showCancel:false
  753. })
  754. }
  755. })
  756. }
  757. })
  758. this.$api.doRequest('get', 'commonSysParameter/getInfo', {
  759. constId: 'QUA1'
  760. }).then(res => {
  761. if (res.data.data) {
  762. that.carModeList = res.data.data
  763. }
  764. })
  765. this.gridList.grade = this.gradeList[2].value
  766. this.gridList.gradeKey = this.gradeList[2].key
  767. },
  768. onShow() {
  769. this.multiSelector1=[{name:'他运',value:'他运'}]
  770. this.$api.doRequest('get', '/inOutWarehouseTask/getContractNo', {
  771. warehouseName:this.warehouseName
  772. }).then(res => {
  773. // console.log(res)
  774. if(res.data.data.contractManagementInfoList){
  775. for (let i = 0; i < res.data.data.contractManagementInfoList.length; i++) {
  776. res.data.data.contractMangementInfoList[i].name='自运 ('+
  777. res.data.data.contractMangementInfoList[i].contractNo+' '+res.data.data.contractMangementInfoList[i].seller+')'
  778. this.multiSelector1.push(res.data.data.contractManagementInfoList[i])
  779. }
  780. }else{
  781. this.multiSelector1=[{name:'他运',value:'他运'}]
  782. }
  783. // this.taskNolist=res.data.data
  784. })
  785. // uni.showLoading({title: '加载中'})
  786. // this.$api.doRequest('get', '/inOutWarehouseTask/selectInOutWarehouseNo', {
  787. // flag: 2,
  788. // warehouseName:this.warehouseName
  789. // }).then(res => {
  790. // console.log(res)
  791. // uni.hideLoading();
  792. // this.taskNolist=res.data.data
  793. // })
  794. let _kh = uni.getStorageSync('isClick')
  795. if (uni.getStorageSync('checkcustomer') && _kh) {
  796. let _customerInfo = uni.getStorageSync('checkcustomer')
  797. if (_customerInfo.shipperName) {
  798. this.gridList.identityId = _customerInfo.id
  799. //点击登记客户
  800. this.gridList.customerName = _customerInfo.shipperName
  801. this.gridList.customerPhone = _customerInfo.shipperPhone
  802. this.gridList.carNumber = _customerInfo.carNo
  803. } else {
  804. //点击搜索客户
  805. this.gridList.customerName = _customerInfo.customerName
  806. this.gridList.customerPhone = _customerInfo.customerPhone
  807. }
  808. this.gridList.customerNumberCard = _customerInfo.customerNumberCard
  809. }
  810. },
  811. methods: {
  812. Cancelword(){
  813. this.bottomHeight = '10rpx';
  814. this.MykeywordShow =false;
  815. this.InputEvent = '';
  816. },
  817. goNext(val){
  818. if(this.flag==0||this.flag==3||this.flag==4){
  819. var inputList = Equ_List;
  820. }else{
  821. var inputList = Equ_List1;
  822. }
  823. var index = inputList.indexOf(val);
  824. this.setScrollTops(val);
  825. if(index<inputList.length-1){
  826. this.InputEvent = inputList[index+1];
  827. }else{
  828. this.InputEvent=''
  829. this.bottomHeight = '10rpx';
  830. this.MykeywordShow = false;
  831. }
  832. },
  833. mykeywordset(datatxt){
  834. var arr = JSON.parse(datatxt);
  835. this.gridList[arr.even] = arr.value;
  836. if(arr.even=='waterContent'){
  837. this.waterContentChange()
  838. }else if(arr.even=='bulkDensity'){
  839. this.obtainPrice()
  840. }
  841. },
  842. SetInputKey(even){
  843. uni.hideKeyboard();
  844. this.InputEvent = even;
  845. this.setScrollTops(even);
  846. if(!this.MykeywordShow){
  847. this.bottomHeight = '320rpx';
  848. this.MykeywordShow = true;
  849. }
  850. },
  851. setScrollTops(even){
  852. if(this.flag==0||this.flag==3||this.flag==4){
  853. var inputList = Equ_List;
  854. }else{
  855. var inputList = Equ_List1;
  856. }
  857. var index = inputList.indexOf(even);
  858. this.viewTop = (index + 1) * 60 + 100;
  859. },
  860. pricefocus(e,status){
  861. console.log(e)
  862. if(status==1){
  863. if(e.detail.value==0){
  864. this.gridList.waterPriceIncrease=''
  865. }
  866. }else if(status==2){
  867. if(e.detail.value==0){
  868. this.gridList.waterPriceDeduction=''
  869. }
  870. }else if(status==3){
  871. if(e.detail.value==0){
  872. this.gridList.qualityPriceIncrease=''
  873. }
  874. }else if(status==4){
  875. if(e.detail.value==0){
  876. this.gridList.qualityPriceDeduction=''
  877. }
  878. }
  879. },
  880. priceblur(e,status){
  881. console.log(e)
  882. if(status==1){
  883. if(e.detail.value==''){
  884. this.gridList.waterPriceIncrease=0
  885. }
  886. }else if(status==2){
  887. if(e.detail.value==''){
  888. this.gridList.waterPriceDeduction=0
  889. }
  890. }else if(status==3){
  891. if(e.detail.value==''){
  892. this.gridList.qualityPriceIncrease=0
  893. }
  894. }else if(status==4){
  895. if(e.detail.value==''){
  896. this.gridList.qualityPriceDeduction=0
  897. }
  898. }
  899. },
  900. deductionchange(){
  901. console.log(this.gridList.type,this.tidalGrainPrice,
  902. Number(this.tidalGrainPrice+(this.gridList.waterPriceIncrease/1000)-(this.gridList.waterPriceDeduction/1000)+(this.gridList.qualityPriceIncrease/1000)-(this.gridList.qualityPriceDeduction/1000)).toFixed(4))
  903. if(this.gridList.type=='干粮'){
  904. if(this.dryGrainPrice!=''){
  905. console.log(Number(this.dryGrainPrice+(this.gridList.waterPriceIncrease/1000)-(this.gridList.waterPriceDeduction/1000)+(this.gridList.qualityPriceIncrease/1000)-(this.gridList.qualityPriceDeduction/1000)),Number(this.dryGrainPrice+(this.gridList.waterPriceIncrease/1000)-(this.gridList.waterPriceDeduction/1000)+(this.gridList.qualityPriceIncrease/1000)-(this.gridList.qualityPriceDeduction/1000)).toFixed(2))
  906. this.gridList.dryGrainPrice=Number(this.dryGrainPrice+(this.gridList.waterPriceIncrease/1000)-(this.gridList.waterPriceDeduction/1000)+(this.gridList.qualityPriceIncrease/1000)-(this.gridList.qualityPriceDeduction/1000)).toFixed(4)
  907. }
  908. }else if(this.gridList.type=='潮粮'){
  909. if(this.tidalGrainPrice!=''){
  910. this.gridList.tidalGrainPrice=Number(this.tidalGrainPrice+(this.gridList.waterPriceIncrease/1000)-(this.gridList.waterPriceDeduction/1000)+(this.gridList.qualityPriceIncrease/1000)-(this.gridList.qualityPriceDeduction/1000)).toFixed(4)
  911. }
  912. }
  913. this.$forceUpdate()
  914. },
  915. obtainPrice(){//根据容重获取价格
  916. if (this.gridList.goodsName && this.cangid && this.gridList.bulkDensity) {
  917. // if (!this.gridList.dryGrainPrice || this.gridList.dryGrainPrice == 0) {
  918. this.$api.doRequest('get', '/purchasePrice/tidalGrainPrice', {
  919. warehouseId: this.cangid,
  920. goodsName: this.gridList.goodsName,
  921. bulkDensity:this.gridList.bulkDensity
  922. }).then(res => {
  923. if(res.data.data != 0){
  924. this.gridList.dryGrainPrice = res.data.data
  925. this.dryGrainPrice = res.data.data
  926. this.gridList.waterPriceIncrease=0
  927. this.gridList.waterPriceDeduction=0
  928. this.gridList.qualityPriceIncrease=0
  929. this.gridList.qualityPriceDeduction=0
  930. }
  931. })
  932. // }
  933. }
  934. },
  935. changeprice(){
  936. if(this.pricetext=='解锁'){
  937. this.pricedisabled=false
  938. this.pricetext='锁定'
  939. }else{
  940. this.pricedisabled=true
  941. this.pricetext='解锁'
  942. }
  943. },
  944. inputprice(){
  945. if(this.pricetext=='锁定'){
  946. this.pricedisabled=true
  947. this.pricetext='解锁'
  948. }
  949. },
  950. inOutDatepicker(e){
  951. this.gridList.inOutDate=e.year+'-'+e.month+'-'+e.day
  952. console.log(e)
  953. },
  954. fleetpicker(e){
  955. this.gridList.fleet=this.fleetNameList[e[0]].fleetName
  956. },
  957. changefreight(){
  958. this.freightstatus=!this.freightstatus
  959. if(this.freightstatus){
  960. this.freighttext='自动获取'
  961. }else{
  962. this.freighttext='手动填写'
  963. }
  964. },
  965. changecost(){
  966. this.coststatus=!this.coststatus
  967. if(this.coststatus){
  968. this.costtext='自动获取'
  969. }else{
  970. this.costtext='手动填写'
  971. }
  972. },
  973. gocustomer() {
  974. uni.navigateTo({
  975. url: '/pages/erpbusiness/customer?cangid=' + this.cangid + '&warehouseName=' + this.gridList
  976. .warehouseName + '&goodsName=' + this.gridList.goodsName + '&status=edit'
  977. })
  978. },
  979. print() {
  980. uni.navigateTo({
  981. url: '/pages/erpbusiness/bleConnect'
  982. })
  983. },
  984. close() {
  985. this.isShowPrint = false
  986. uni.navigateBack({})
  987. },
  988. // focusConfig(type){
  989. // console.log('childclick',type)
  990. // // 0是上一项
  991. // if(type==0){
  992. // }else{}
  993. // },
  994. hidden() {
  995. this.$refs.keyboard.open(false)
  996. },
  997. carPicker(e) {
  998. this.gridList.carModel = this.carModeList[e[0]].constValue
  999. },
  1000. handleShowKeyboard() {
  1001. if (this.flag == 0) {
  1002. if (this.$refs.keyboard.open) {
  1003. this.$refs.keyboard.open(true) //true 键盘显示 false 键盘隐藏
  1004. } else {
  1005. this.$refs.keyboard[0].open(true)
  1006. }
  1007. }
  1008. },
  1009. handleShowKeyboard1() {
  1010. if (this.flag == 0) {
  1011. if (this.$refs.keyboard1.open) {
  1012. this.$refs.keyboard1.open(true) //true 键盘显示 false 键盘隐藏
  1013. } else {
  1014. this.$refs.keyboard1[0].open(true)
  1015. }
  1016. }
  1017. },
  1018. handleClick(e) {
  1019. this.gridList.carNumber = e.value //键盘输入值
  1020. },
  1021. handleClick1(e) {
  1022. this.gridList.jiaorenli = e.value //键盘输入值
  1023. },
  1024. change(e) {
  1025. if (e) {
  1026. this.gridList.supplementaryRecording = 1
  1027. } else {
  1028. this.gridList.supplementaryRecording = 0
  1029. }
  1030. },
  1031. confirmInfo() {
  1032. this.isShowAlert = true
  1033. },
  1034. alertBtn() {
  1035. this.gridList.agent=this.userInfo.userName;
  1036. var that = this
  1037. that.gridList.reWaterContent = that.gridList.waterContent
  1038. if (that.gridList.buckleMiscellaneous) {
  1039. that.gridList.reBuckleMiscellaneous = that.gridList.buckleMiscellaneous
  1040. }
  1041. that.gridList.flag = 1
  1042. if(this.flag==3){
  1043. this.gridList.statusFlag=7
  1044. }else if(this.flag==4||this.flag==0){
  1045. this.gridList.statusFlag=0
  1046. }
  1047. else if(this.flag==1){
  1048. this.gridList.statusFlag=1
  1049. }else if(this.flag==2){
  1050. this.gridList.statusFlag=2
  1051. }
  1052. this.$api.doRequest('post', '/qualityInspectionManagement/api/editQualityInspection', that.gridList).then(
  1053. res => {
  1054. if (res.data.code == "200") {
  1055. that.$api.doRequest('post', '/qualityInspectionManagement/api/editQualityInspection', {
  1056. id: that.gridList.id,
  1057. flag: 2
  1058. }).then(res => {
  1059. if (res.data.code == "200") {
  1060. that.$api.msg('提交成功!')
  1061. setTimeout(function() {
  1062. uni.navigateBack({delta:Int16Array})
  1063. }, 1000)
  1064. } else {
  1065. that.$api.msg('提交失败')
  1066. }
  1067. })
  1068. } else {
  1069. that.$api.msg('提交失败')
  1070. }
  1071. })
  1072. },
  1073. waterContentChange() {
  1074. var that = this
  1075. if (this.gridList.goodsName) {
  1076. for (var i = 0; i < this.purchasePriceList.length; i++) {
  1077. if (this.purchasePriceList[i].goodsName == this.gridList.goodsName) {
  1078. this.gridList.buckleWeightRatio = this.purchasePriceList[i].deductWeight
  1079. this.gridList.paramType = this.purchasePriceList[i].paramType
  1080. }
  1081. }
  1082. }
  1083. console.log(this.gridList.serviceManagementType)
  1084. // debugger
  1085. if(this.gridList.serviceManagementType != 3){ //非收购入库 不需在获取价格
  1086. return
  1087. }
  1088. if (this.gridList.goodsName && this.cangid) {
  1089. if (!this.gridList.dryGrainPrice || this.gridList.dryGrainPrice == 0) {
  1090. this.$api.doRequest('get', '/purchasePrice/dryGrainPrice', {
  1091. warehouseId: this.cangid,
  1092. goodsName: this.gridList.goodsName
  1093. }).then(res => {
  1094. that.gridList.dryGrainPrice = res.data.data
  1095. that.dryGrainPrice = res.data.data
  1096. })
  1097. }
  1098. }
  1099. that.gridList.waterPriceIncrease=0
  1100. that.gridList.waterPriceDeduction=0
  1101. that.gridList.qualityPriceIncrease=0
  1102. that.gridList.qualityPriceDeduction=0
  1103. //潮粮单价改变事件
  1104. if (
  1105. this.gridList.goodsName &&
  1106. this.gridList.waterContent &&
  1107. this.gridList.grade
  1108. ) {
  1109. console.log('123123')
  1110. uni.showLoading({
  1111. title:"加载中"
  1112. })
  1113. this.$api.doRequest('get', '/purchasePrice/tidalGrainPrice', {
  1114. warehouseId: this.cangid,
  1115. goodsName: this.gridList.goodsName,
  1116. waterContent: this.gridList.waterContent,
  1117. grade: this.gridList.grade,
  1118. }).then(res => {
  1119. if (that.gridList.paramType == '1') {
  1120. // console.log(that.gridList)
  1121. if(that.gridList.buckleMiscellaneous){
  1122. that.gridList.tidalGrainPrice = parseFloat(parseFloat(res.data.data) - parseFloat(that
  1123. .gridList.buckleMiscellaneous) / 100 * parseFloat(that.gridList
  1124. .dryGrainPrice)).toFixed(4)
  1125. that.tidalGrainPrice = parseFloat(parseFloat(res.data.data) - parseFloat(that
  1126. .gridList.buckleMiscellaneous) / 100 * parseFloat(that.gridList
  1127. .dryGrainPrice)).toFixed(4)
  1128. }
  1129. if (!that.gridList.tidalGrainPrice) {
  1130. that.gridList.tidalGrainPrice = ''
  1131. }
  1132. if(that.gridList.type == '干粮'){
  1133. that.gridList.dryGrainPrice = res.data.data
  1134. that.dryGrainPrice = that.gridList.dryGrainPrice
  1135. }
  1136. } else {
  1137. that.gridList.tidalGrainPrice = res.data.data
  1138. if(that.gridList.type == '干粮'){
  1139. that.gridList.dryGrainPrice = res.data.data
  1140. that.dryGrainPrice = that.gridList.dryGrainPrice
  1141. }else{
  1142. that.gridList.tidalGrainPrice = res.data.data
  1143. that.tidalGrainPrice = that.gridList.tidalGrainPrice
  1144. }
  1145. }
  1146. // that.tidalGrainPrice = that.gridList.tidalGrainPrice
  1147. uni.hideLoading()
  1148. })
  1149. }
  1150. },
  1151. goodsPicker(e) {
  1152. this.gridList.goodsName = this.goodsList[e[0]].goodsName
  1153. },
  1154. submit() {
  1155. this.$delete(this.gridList,'status')
  1156. this.gridList.agent=this.userInfo.userName;
  1157. this.gridList.waterContent = Number(this.gridList.waterContent)
  1158. // if(!this.$u.test.isEmpty(this.gridList.tidalGrainPrice)){
  1159. // this.gridList.tidalGrainPrice=''
  1160. // return
  1161. // }
  1162. if(this.flag==3){
  1163. this.gridList.statusFlag=7
  1164. }else if(this.flag==4||this.flag==0){
  1165. this.gridList.statusFlag=0
  1166. }
  1167. else if(this.flag==1){
  1168. this.gridList.statusFlag=1
  1169. }else if(this.flag==2){
  1170. this.gridList.statusFlag=2
  1171. }
  1172. if(this.gridList.serviceManagementType==3){
  1173. if(this.outType){
  1174. this.gridList.outType=this.outType
  1175. }
  1176. }else{
  1177. this.gridList.customerName = ''
  1178. }
  1179. var text=''
  1180. if(this.utils.getCurrectRoles('acquisitionQuality.qview')&&!this.utils.getCurrectRoles('acquisitionQuality.initial')){
  1181. text="确定提交钎样信息?"
  1182. if(this.flag==3||this.flag==4||this.flag==0){
  1183. this.gridList.brazer=1
  1184. }
  1185. }else{
  1186. text="确定提交质检信息?"
  1187. if(this.flag==3||this.flag==4||this.flag==0){
  1188. this.gridList.brazer=0
  1189. }
  1190. }
  1191. if(this.flag==4){
  1192. this.gridList.flag = 0
  1193. }else{
  1194. this.gridList.flag = this.flag
  1195. }
  1196. // if(this.flag==2){
  1197. // this.gridList.reInspector=this.userInfo.userName
  1198. // }
  1199. if (!this.gridList.qualityNo) {
  1200. this.$api.msg('编号不能为空')
  1201. return
  1202. }
  1203. var that = this
  1204. if(this.flag==4||this.flag==0){
  1205. if (!this.gridList.binNumber) {
  1206. this.$api.msg('仓位不能为空')
  1207. return
  1208. }
  1209. }
  1210. if(this.gridList.serviceManagementType==3){
  1211. if (!this.gridList.customerName) {
  1212. this.$api.msg('客户不能为空')
  1213. return
  1214. }
  1215. }
  1216. // if (!this.gridList.storageTagNo) {
  1217. // this.$api.msg('囤位号不能为空')
  1218. // return
  1219. // }
  1220. // if (this.gridList.storageTagNo.length > 10) {
  1221. // this.$api.msg('囤位号不能为空')
  1222. // return
  1223. // }
  1224. if (!this.gridList.carNumber) {
  1225. this.$api.msg('车牌号不能为空')
  1226. return
  1227. }
  1228. if (this.gridList.carNumber.length > 7) {
  1229. this.$api.msg('车牌号输入错误')
  1230. return
  1231. }
  1232. if (!this.gridList.goodsName) {
  1233. this.$api.msg('货名不能为空')
  1234. return
  1235. }
  1236. if (this.gridList.paramType != 1 && this.gridList.buckleWeightRatio < 0 || this.gridList.paramType != 1 &&
  1237. this.gridList.buckleWeightRatio > 2) {
  1238. this.$api.msg('扣重比输入错误')
  1239. return
  1240. }
  1241. if (
  1242. this.gridList.paramType != 1 && String(this.gridList.buckleWeightRatio).indexOf('.') != -1 &&
  1243. String(this.gridList.buckleWeightRatio).length -
  1244. (String(this.gridList.buckleWeightRatio).indexOf('.') + 1) > 2) {
  1245. this.$api.msg('扣重比输入错误')
  1246. return
  1247. }
  1248. if (this.flag == 0 && this.gridList.paramType == 1 && this.gridList.buckleMiscellaneous < 0 || this.flag ==
  1249. 0 && this.gridList.paramType == 1 && this.gridList.buckleMiscellaneous > 50) {
  1250. this.$api.msg('初检扣杂输入错误')
  1251. return
  1252. }
  1253. if (this.flag == 1 && this.gridList.paramType == 1 && this.gridList.reBuckleMiscellaneous < 0 || this
  1254. .flag == 0 && this.gridList.paramType == 1 && this.gridList.reBuckleMiscellaneous > 50) {
  1255. this.$api.msg('复检扣杂输入错误')
  1256. return
  1257. }
  1258. if (!this.gridList.type) {
  1259. this.$api.msg('类型不能为空')
  1260. return
  1261. }
  1262. if (this.value == false&&this.flag!=3 || this.flag == 2) {
  1263. if (!this.gridList.grade) {
  1264. this.$api.msg('等级不能为空')
  1265. return
  1266. }
  1267. if (!this.gridList.impurity) {
  1268. this.$api.msg('杂质不能为空')
  1269. return
  1270. }
  1271. debugger
  1272. console.log(this.gridList.waterContent)
  1273. console.log(Number(this.gridList.waterContent))
  1274. if (!this.gridList.waterContent) {
  1275. this.$api.msg('初检水分不能为空')
  1276. return
  1277. }
  1278. // if (!this.gridList.reWaterContent) {
  1279. // this.$api.msg('复检水分不能为空')
  1280. // return
  1281. // }
  1282. if (!this.gridList.mildewGrain) {
  1283. this.$api.msg('霉变粒不能为空')
  1284. return
  1285. }
  1286. if(this.gridList.goodsName!="大豆"){
  1287. if (!this.gridList.bulkDensity) {
  1288. this.$api.msg('容重不能为空')
  1289. return
  1290. }
  1291. }else{
  1292. if (!this.gridList.bulkDensity) {
  1293. this.$api.msg('蛋白不能为空')
  1294. return
  1295. }
  1296. }
  1297. if (!this.gridList.jiaorenli) {
  1298. this.$api.msg('热损伤不能为空')
  1299. return
  1300. }
  1301. if (!this.gridList.imperfectGrain) {
  1302. this.$api.msg('不完整粒不能为空')
  1303. return
  1304. }
  1305. }
  1306. this.gridList.storageNumber = this.gridList.storageTagNo
  1307. var kid=JSON.parse(JSON.stringify(this.gridList.warehouseInOutId))
  1308. this.zjid=JSON.parse(JSON.stringify(this.gridList.id))
  1309. that.gridList.warehouseInOutDetail={
  1310. id:that.gridList.warehouseInOutDetailId,
  1311. grade:that.gridList.grade,
  1312. reGrade:that.gridList.grade,
  1313. waterContent:that.gridList.waterContent,
  1314. reWaterContent:that.gridList.reWaterContent,
  1315. imperfectGrain:that.gridList.imperfectGrain,
  1316. reImperfectGrain:that.gridList.reImperfectGrain,
  1317. impurity:that.gridList.impurity,
  1318. reImpurity:that.gridList.reImpurity,
  1319. jiaorenli:that.gridList.jiaorenli,
  1320. reJiaorenli:that.gridList.reJiaorenli,
  1321. bulkDensity:that.gridList.bulkDensity,
  1322. reBulkDensity:that.gridList.reBulkDensity,
  1323. mildewGrain:that.gridList.mildewGrain,
  1324. reMildewGrain:that.gridList.reMildewGrain,
  1325. }
  1326. console.log(this.gridList)
  1327. this.$api.doRequest('get', '/qualityInspectionManagement/api/goodsName', {
  1328. warehouseId: this.cangid
  1329. }).then(res => {
  1330. if(res.data.code != 200 && that.gridList.serviceManagementType==3){
  1331. uni.showModal({
  1332. content:res.data.message,
  1333. showCancel:false
  1334. })
  1335. return;
  1336. }
  1337. else{
  1338. uni.showModal({
  1339. content: text,
  1340. showCancel: true,
  1341. confirmText: '提交',
  1342. success: function(res) {
  1343. if (res.confirm) {
  1344. that.$api.doRequest('post',
  1345. '/qualityInspectionManagement/api/editQualityInspection', that.gridList)
  1346. .then(res => {
  1347. uni.setStorageSync("quality_print", that.gridList)
  1348. // that.gridList.id=kid
  1349. // that.gridList.statusFlag=1
  1350. // that.$api.doRequest('post',
  1351. // '/warehouseInOutInfo/InOutWarehouse',
  1352. // that.gridList)
  1353. // .then(res => {
  1354. if (res.data.code == 200) {
  1355. that.$api.msg('编辑质检成功')
  1356. that.gridList.warehouseId = that.cangid
  1357. uni.setStorageSync('checkcustomer',{})
  1358. console.log('that.gridList', that.gridList)
  1359. if(that.utils.getCurrectRoles('acquisitionQuality.initial')){
  1360. that.isShowPrint = true
  1361. }else{
  1362. uni.navigateBack({delta:1})
  1363. }
  1364. // uni.getStorageSync("depotAcquisition_warehouseName")
  1365. // uni.navigateBack({})
  1366. }
  1367. // })
  1368. })
  1369. }
  1370. }
  1371. })
  1372. }
  1373. })
  1374. },
  1375. gradepicker(e) {
  1376. console.log(e)
  1377. // this.$set(this.gradeList,'grade',this.gradeList[e[0]].value)
  1378. this.gridList.grade = this.gradeList[e[0]].value
  1379. this.gridList.gradeKey = this.gradeList[e[0]].key
  1380. this.waterContentChange()
  1381. },
  1382. gradepicker1(e) {
  1383. console.log(e)
  1384. // this.$set(this.gradeList,'grade',this.gradeList[e[0]].value)
  1385. this.gridList.reGrade = this.gradeList[e[0]].value
  1386. this.gridList.reGradeKey = this.gradeList[e[0]].key
  1387. },
  1388. binNumberpicker(e) {
  1389. this.gridList.binNumber = this.warehouseList[e[0]].binNumber
  1390. },
  1391. del(item) {
  1392. this.$api.doRequest('get', '/qualityInspectionManagement/api/deleteQualityInspection', {
  1393. id: item.id
  1394. }).then(res => {
  1395. if (res.data.code == 200) {
  1396. this.$api.msg('删除成功')
  1397. } else {
  1398. this.$api.msg('系统异常,请联系管理员')
  1399. }
  1400. })
  1401. },
  1402. contactUs() {
  1403. const that = this
  1404. uni.makePhoneCall({
  1405. // 手机号
  1406. phoneNumber: '18241771147',
  1407. // 成功回调
  1408. success: (res) => {},
  1409. // 失败回调
  1410. fail: (res) => {}
  1411. });
  1412. },
  1413. loadData() {
  1414. // const that = this
  1415. // if(uni.getStorageSync("PageCur")){
  1416. // that.PageCur = uni.getStorageSync("PageCur");
  1417. // }
  1418. // that.userInfoTmp = uni.getStorageSync("userInfo")
  1419. // uni.showLoading({
  1420. // title: '正在加载',
  1421. // mask:true
  1422. // })
  1423. // that.$api.request('integral', 'getIndexData', failres => {
  1424. // that.$api.msg(failres.errmsg)
  1425. // uni.hideLoading()
  1426. // }).then(res => {
  1427. // let data = res.data
  1428. // uni.setStorageSync("message", data.message);
  1429. // uni.setStorageSync("task", data.task);
  1430. // uni.setStorageSync("contract", data.contract);
  1431. // uni.setStorageSync('showTran', data.showTran);
  1432. // that.showTran = data.showTran
  1433. // that.gridList[4].tips = data.task
  1434. // that.gridList[2].tips = data.contract
  1435. // that.companyId = data.companyId
  1436. // uni.hideLoading()
  1437. // })
  1438. },
  1439. confirm() {
  1440. const that = this
  1441. if (!that.inputContent) {
  1442. that.$api.msg('输入不能为空')
  1443. return
  1444. }
  1445. let obj = {}
  1446. obj[that.feild] = that.inputContent
  1447. that.$api.request('user', 'syncUserInfo', obj).then(res => {
  1448. that.userInfo.nickname = that.inputContent
  1449. that.inputContent = ''
  1450. that.$store.commit('login', that.userInfo)
  1451. })
  1452. },
  1453. cancel() {
  1454. this.inputShow = false
  1455. this.inputStatus = 'none'
  1456. this.genderShow = false
  1457. },
  1458. myAccount() {
  1459. uni.navigateTo({
  1460. url: `/pageA/pages/contract`
  1461. })
  1462. },
  1463. /**
  1464. * 统一跳转接口,拦截未登录路由
  1465. * navigator标签现在默认没有转场动画,所以用view
  1466. */
  1467. navTo(url) {
  1468. if (!this.hasLogin) {
  1469. url = '/pages/public/login';
  1470. }
  1471. uni.navigateTo({
  1472. url
  1473. })
  1474. },
  1475. mycarClick(carNo) {
  1476. this.modalName = null
  1477. uni.navigateTo({
  1478. url: `/pageB/car/mycar_detail?carNo=${carNo}`
  1479. })
  1480. },
  1481. scanCode() {
  1482. uni.scanCode({
  1483. success: function(res) {
  1484. uni.navigateTo({
  1485. url: res.result
  1486. })
  1487. }
  1488. })
  1489. },
  1490. hideModal(e) {
  1491. this.modalName = null
  1492. },
  1493. }
  1494. }
  1495. </script>
  1496. <style lang='scss' scoped>
  1497. .title_b {
  1498. margin: 20rpx 20rpx 0rpx 20rpx;
  1499. padding: 20rpx 10rpx 20rpx 10rpx;
  1500. font-size: 18px;
  1501. font-weight: 550;
  1502. }
  1503. page {
  1504. background: #F5F6FA;
  1505. }
  1506. .wrap {
  1507. padding-bottom: 10px;
  1508. font-size: 14px;
  1509. background: #fff;
  1510. margin: 10px;
  1511. border-radius: 10px;
  1512. input {
  1513. font-size: 14px;
  1514. }
  1515. >.title {
  1516. padding: 10px 16px;
  1517. }
  1518. .b-b:after {
  1519. border-bottom: 1px solid #eee;
  1520. }
  1521. }
  1522. .footer {
  1523. background: #fff;
  1524. position: fixed;
  1525. bottom: 0;
  1526. width: 100%;
  1527. padding: 20px 10px;
  1528. z-index: 10;
  1529. .button {
  1530. background: #22C572;
  1531. width: 90%;
  1532. margin: 20rpx auto;
  1533. padding: 10px;
  1534. color: #fff;
  1535. text-align: center;
  1536. border-radius: 30px;
  1537. }
  1538. }
  1539. .c-row {
  1540. display: -webkit-box;
  1541. display: -webkit-flex;
  1542. display: flex;
  1543. -webkit-box-align: center;
  1544. -webkit-align-items: center;
  1545. align-items: center;
  1546. padding: 20rpx 30rpx;
  1547. position: relative;
  1548. }
  1549. .con-list {
  1550. -webkit-box-flex: 1;
  1551. -webkit-flex: 1;
  1552. flex: 1;
  1553. display: -webkit-box;
  1554. display: -webkit-flex;
  1555. display: flex;
  1556. -webkit-box-orient: vertical;
  1557. -webkit-box-direction: normal;
  1558. -webkit-flex-direction: column;
  1559. flex-direction: column;
  1560. color: #303133;
  1561. line-height: 40rpx;
  1562. text-align: right;
  1563. padding-right: 20rpx;
  1564. }
  1565. input:disabled {
  1566. color: #ccc;
  1567. }
  1568. .textarea-style {
  1569. border: 1px solid #EEEEEE;
  1570. width: 100%;
  1571. padding: 20rpx;
  1572. border-radius: 20rpx;
  1573. }
  1574. .c-row-fj {
  1575. padding: 20rpx
  1576. }
  1577. .buns_item {
  1578. display: flex;
  1579. padding: 80rpx 0 50rpx 0;
  1580. justify-content: space-around;
  1581. }
  1582. .but_css {
  1583. background: #22C572;
  1584. width: 40%;
  1585. padding: 20rpx;
  1586. color: #fff;
  1587. text-align: center;
  1588. border-radius: 20rpx;
  1589. }
  1590. </style>