warehousing.vue 40 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187
  1. <template>
  2. <view class="warp">
  3. <view class="top">
  4. <view class="top-left">{{warehouseName}}</view>
  5. <view>{{binNumber}}仓位</view>
  6. </view>
  7. <view class="content">
  8. <view class="row">
  9. <view class="left">任务编号</view>
  10. <view @click='inOutShow=true'>{{detailData.inOutTaskNo ? detailData.inOutTaskNo:"未获取到任务编号"}}</view>
  11. <u-picker :range="inOutNoList" range-key="inOutTaskNo" @confirm='inOutChange' v-model="inOutShow"
  12. mode="selector">
  13. </u-picker>
  14. </view>
  15. <view class="row row-bottom">
  16. <view class="left">合同编号</view>
  17. <!-- <view @click='slectcontractNo'>{{detailData.contractNo}}</view> -->
  18. <input v-model='detailData.contractNo' class="right-bottom" placeholder="未获取到合同编号" disabled></input>
  19. </view>
  20. <view class="row">
  21. <view class="left">提示</view>
  22. <view class="right">{{detailData.tips}}</view>
  23. </view>
  24. <view class="row">
  25. <view class="left">货名</view>
  26. <view class="right">{{detailData.goodsName}}</view>
  27. </view>
  28. <view class="row">
  29. <view class="left">类型</view>
  30. <view @click='show1=true'>{{detailData.type}}</view>
  31. <u-picker :range="typeList" range-key="type" @confirm='typePicker($event)' v-model="show1"
  32. mode="selector">
  33. </u-picker>
  34. </view>
  35. <view class="row row-bottom">
  36. <view class="left">毛重(吨)</view>
  37. <input type="digit" @input='calculate' name="grossWeight" v-model='detailData.grossWeight'
  38. class="right-bottom" placeholder="输入毛重"></input>
  39. </view>
  40. <view class="row row-bottom">
  41. <view class="left">皮重(吨)</view>
  42. <input type="digit" @input='calculate' name="tare" v-model='detailData.tare' class="right-bottom"
  43. placeholder="输入皮重"></input>
  44. </view>
  45. <view class="row row-bottom">
  46. <view class="left">扣重(吨)</view>
  47. <input type="digit" @input='calculate' v-model='detailData.deductionWeight' class="right-bottom"
  48. placeholder="输入扣重"></input>
  49. </view>
  50. <view class="row row-bottom">
  51. <view class="left">净重(吨)</view>
  52. <input type="number" v-model='netWeight' class="right-bottom" placeholder="不可编辑,自动计算"
  53. :disabled="true"></input>
  54. </view>
  55. <view class="row row-bottom">
  56. <view class="left">扣款(元/吨)</view>
  57. <input type="digit" v-model='detailData.deductionAmount' class="right-bottom"
  58. placeholder="输入扣款"></input>
  59. </view>
  60. <view class="row row-bottom" v-if="detailData.type=='潮粮'">
  61. <view class="left">扣重比</view>
  62. <input type="digit" v-model='detailData.buckleWeightRatio' class="right-bottom" placeholder="输入扣重比"
  63. @input="pureWeightCount"></input>
  64. </view>
  65. <view class="row row-bottom" v-if="detailData.type=='潮粮'">
  66. <view class="left">干粮水分(%)</view>
  67. <input type="digit" v-model='detailData.solidGrainWater' class="right-bottom" placeholder="输入干粮水分占比"
  68. @input="pureWeightCount"></input>
  69. </view>
  70. <view class="row row-bottom" v-if="detailData.type=='潮粮'">
  71. <view class="left">潮粮水分(%)</view>
  72. <input type="digit" v-model='detailData.tidalGrainWater' class="right-bottom" placeholder="输入潮粮水分占比"
  73. @input="pureWeightCount"></input>
  74. </view>
  75. <view class="row row-bottom" v-if="detailData.type=='潮粮'">
  76. <view class="left">纯重(吨)</view>
  77. <input type="digit" @input='calculate' v-model='detailData.pureWeight' class="right-bottom"
  78. placeholder="不可编辑,自动计算" :disabled="true"></input>
  79. </view>
  80. <view class="row">
  81. <view class="left">品级</view>
  82. <view @click='show3=true'>{{detailData.grade}}</view>
  83. <u-picker :range="pjList" range-key="grade" @confirm='pjPicker($event)' v-model="show3" mode="selector">
  84. </u-picker>
  85. </view>
  86. <view class="row">
  87. <view class="left">经办人</view>
  88. <view @click='show6=true'>{{detailData.agent}}</view>
  89. <u-picker :range="handlerList" range-key="staffName" @confirm='handlerPicker($event)' v-model="show6"
  90. mode="selector">
  91. </u-picker>
  92. </view>
  93. <view class="row">
  94. <view class="left">入库日期</view>
  95. <view @click='show4=true'>{{detailData.inOutDate}}</view>
  96. <u-picker v-model="show4" mode="time" @confirm='dateChange($event)' :params="params">
  97. </u-picker>
  98. </view>
  99. <view class="row row-bottom">
  100. <view class="left">入库类型</view>
  101. <input v-model='detailData.inOutType' class="right-bottom" :disabled="isSelectType" @click="selectType"
  102. placeholder="自动获取"></input>
  103. <u-picker :range="warehousingTypeList" range-key="constValue" @confirm='warehousingTypePicker($event)'
  104. v-model="show5" mode="selector">
  105. </u-picker>
  106. </view>
  107. <view class="row">
  108. <view class="left">入库方式</view>
  109. <view @click='show8=true'>{{detailData.outType?detailData.outType:'汽运'}}</view>
  110. <u-picker v-model="show8" mode="selector" range-key="name" :range="multiSelector"
  111. @confirm='outtypeChange($event)'>
  112. </u-picker>
  113. </view>
  114. <view class="row row-bottom" v-if="detailData.outType!='火运'&&detailData.outType!='散船'">
  115. <view class="left">车牌号</view>
  116. <!-- 他运合同车牌号输入 -->
  117. <input v-model='detailData.carNo' @click.stop="handleShowKeyboard":disabled="true" class="right-bottom" placeholder="请输入车牌号" v-if="!showCar"></input>
  118. <master-keyboard ref="keyboard" keyboardtype="car" :randomNumber="true" :newCar="false" :defaultValue="detailData.carNo" @keyboardClick="handleClick"></master-keyboard>
  119. <!-- <view @click='slectCarNo' v-if="isPC">{{detailData.carNo}}</view> -->
  120. <!-- 自运合同车牌号需下拉 -->
  121. <view v-show="showCar" @click="carno = true">{{detailData.carNo? detailData.carNo+'('+detailData.tranCarNo+')':"请选择车牌号"}}</view>
  122. <u-picker :range="carList" range-key="carNo1" @confirm='carPicker($event)' v-model="carno"
  123. mode="selector">
  124. </u-picker>
  125. </view>
  126. <!-- 移库入库显示入库重量() -->
  127. <view class="row row-bottom">
  128. <view class="left">入库重量(吨)</view>
  129. <input type="digit" name="grossWeight" v-model='detailData.loadNetWeight'
  130. class="right-bottom" placeholder="请输入入库重量"></input>
  131. </view>
  132. <view class="row row-bottom" v-if="detailData.outType=='火运'">
  133. <view class="left">车号</view>
  134. <input v-model='detailData.carNo' class="right-bottom" placeholder="请输入车号"></input>
  135. </view>
  136. <view class="row row-bottom" v-if="detailData.outType=='散船'">
  137. <view class="left">船名</view>
  138. <input v-model='detailData.carNo' class="right-bottom" placeholder="请输入船名"></input>
  139. </view>
  140. <view v-if='detailData.outType=="集装箱船"||!detailData.outType||detailData.outType=="汽运"'
  141. class="row row-bottom">
  142. <view class="left">箱号</view>
  143. <input v-model='detailData.boxNo' class="right-bottom" placeholder="请输入箱号" type="digit"></input>
  144. <input v-model='detailData.boxNoOther' class="right-bottom" placeholder="请输入箱号" type="digit"></input>
  145. </view>
  146. <view v-if='!detailData.outType||detailData.outType=="汽运" || detailData.outType=="集装箱船"'
  147. class="row row-bottom">
  148. <view class="left">封号</view>
  149. <input v-model='detailData.titleNo' class="right-bottom" placeholder="请输入封号" type="digit"></input>
  150. <input v-model='detailData.titleNoOther' class="right-bottom" placeholder="请输入封号" type="digit"></input>
  151. </view>
  152. <view v-if='detailData.outType=="火运"' class="row row-bottom">
  153. <view class="left">车厢号</view>
  154. <input v-model='detailData.wingNumber' @input="toUpperCase2" class="right-bottom" placeholder="请输入车厢号"
  155. type="digit"></input>
  156. <input v-model='detailData.wingNumberOther' @input="toUpperCase3" class="right-bottom"
  157. placeholder="请输入车厢号" type="digit"></input>
  158. </view>
  159. <view v-if='detailData.outType=="散船"' class="row row-bottom">
  160. <view class="left">仓位号</view>
  161. <input v-model='detailData.binNo' class="right-bottom" placeholder="请输入仓位号"></input>
  162. </view>
  163. <view class="row row-bottom has-btn">
  164. <view class="left">成本(元/吨)</view>
  165. <input type="digit" v-model='detailData.cost' class="right-bottom" placeholder="自动获取"
  166. :disabled="isEditCB"></input>
  167. <!-- <input type="number" v-if="detailData.inOutType!='采购入库'" v-model='detailData.cost' class="right-bottom"
  168. placeholder="自动获取" :disabled="isEditCB"></input> -->
  169. <u-button class="edit-btn" hover-class="none" @click="editCB">编辑</u-button>
  170. </view>
  171. <view class="row row-bottom has-btn">
  172. <view class="left">运费(元/吨)</view>
  173. <input type="digit" @input='' v-model='detailData.freight' :disabled="isEditYF" class="right-bottom"
  174. placeholder="自动获取"></input>
  175. <u-button class="edit-btn" hover-class="none" @click="editYF">编辑</u-button>
  176. </view>
  177. </view>
  178. <view class="content2">
  179. <view class="left">上传磅单</view>
  180. <upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="1"
  181. :size-type="['compressed']" @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
  182. @on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
  183. </view>
  184. <view class="content1">
  185. <view class="title">
  186. 质检数据(选填)
  187. </view>
  188. <view class="row row-bottom">
  189. <view class="left">质检员</view>
  190. <input v-model='detailData.warehouseInOutDetail.qualityInspector' class="right-bottom"
  191. placeholder="输入质检员姓名"></input>
  192. </view>
  193. <view class="row row-bottom">
  194. <view class="left">水分(%)</view>
  195. <input type="digit" v-model='detailData.warehouseInOutDetail.waterContent' class="right-bottom"
  196. placeholder="输入水分占比"></input>
  197. </view>
  198. <view class="row row-bottom">
  199. <view class="left">容重(克/升)</view>
  200. <input type="digit" v-model='detailData.warehouseInOutDetail.bulkDensity' class="right-bottom"
  201. placeholder="输入容重"></input>
  202. </view>
  203. <view class="row row-bottom">
  204. <view class="left">热损伤(%)</view>
  205. <input type="digit" v-model='detailData.warehouseInOutDetail.jiaorenli' class="right-bottom"
  206. placeholder="输入热损伤占比"></input>
  207. </view>
  208. <view class="row row-bottom">
  209. <view class="left">杂质(%)</view>
  210. <input type="digit" v-model='detailData.warehouseInOutDetail.impurity' class="right-bottom"
  211. placeholder="输入杂质占比"></input>
  212. </view>
  213. <view class="row row-bottom">
  214. <view class="left">霉变粒(%)</view>
  215. <input type="digit" v-model='detailData.warehouseInOutDetail.mildewGrain' class="right-bottom"
  216. placeholder="输入霉变粒占比"></input>
  217. </view>
  218. <view class="row row-bottom">
  219. <view class="left">不完善粒(%)</view>
  220. <input type="digit" v-model='detailData.warehouseInOutDetail.imperfectGrain' class="right-bottom"
  221. placeholder="输入不完善粒占比"></input>
  222. </view>
  223. </view>
  224. <u-toast ref="uToast" />
  225. <view class="bottom-btn">
  226. <u-button type="primary" class="submit" hover-class="none" @click="submit(1)">暂存</u-button>
  227. <u-button type="primary" class="submit" hover-class="none" @click="submit(2)">提交</u-button>
  228. </view>
  229. </view>
  230. </template>
  231. <script>
  232. import {
  233. mapState
  234. } from 'vuex';
  235. import upload from '@/components/upload.vue';
  236. import helper from '@/common/helper.js';
  237. import keyboard from "@/components/master-keyboard/master-keyboard.vue";
  238. export default {
  239. components: {
  240. upload,
  241. keyboard
  242. },
  243. data() {
  244. return {
  245. show: false,
  246. show1: false,
  247. show2: false,
  248. show3: false,
  249. show4: false,
  250. show5: false,
  251. show6: false,
  252. isPC: true,
  253. carno: false,
  254. isSelectType: true,
  255. inOutShow: false,
  256. params: {
  257. year: true,
  258. month: true,
  259. day: true,
  260. },
  261. isEditCB: true,
  262. isEditYF: true,
  263. warehouseName: '',
  264. binNumber: '',
  265. contractNoList: [],
  266. multiSelector: [{
  267. name: '汽运',
  268. value: '0'
  269. },
  270. {
  271. name: '火运',
  272. value: '1'
  273. },
  274. {
  275. name: '集装箱船',
  276. value: '2'
  277. },
  278. {
  279. name: '散船',
  280. value: '3'
  281. },
  282. ],
  283. typeList: [{
  284. type: "干粮"
  285. },
  286. {
  287. type: "潮粮"
  288. }
  289. ],
  290. pjList: [{
  291. grade: "一等品"
  292. },
  293. {
  294. grade: "二等品"
  295. },
  296. {
  297. grade: "三等品"
  298. },
  299. {
  300. grade: "等外"
  301. }
  302. ],
  303. inOutNoList: [],
  304. show8: false,
  305. handlerList: [],
  306. warehousingTypeList: [{
  307. constValue: '移库入库'
  308. }, {
  309. constValue: '退库'
  310. }],
  311. action: this.$uploadUrl,
  312. maxSize: 50 * 1024 * 1024, //限制文件大小 50M
  313. btnLoading: false, //防止重复点击
  314. isAdd: true,
  315. netWeight: "",
  316. inOutDate1: "",
  317. contractNoList: [],
  318. detailData: {
  319. contractNo: "请选择合同编号",
  320. carNo: '',
  321. type: "干粮",
  322. goodsName: "",
  323. inOutDate: '请选择入库日期',
  324. grade: "一等品",
  325. agent: '请选择经办人',
  326. inOutType: '请选择入库类型',
  327. deductionWeight: '',
  328. grossWeight: '',
  329. tare: '',
  330. deductionAmount: '',
  331. netWeight: 0,
  332. cost: 0,
  333. warehouseInOutDetail: {},
  334. tips: '',
  335. carNo:''
  336. },
  337. carList: [], //车牌号下拉
  338. showCar: false,
  339. }
  340. },
  341. onLoad(options) {
  342. this.binNumber = helper.erpWarehouse.binNumber
  343. this.warehouseName = helper.erpWarehouse.warehouseName
  344. this.compId = helper.erpWarehouse.compId
  345. let _day = new Date();
  346. _day.setTime(_day.getTime());
  347. this.detailData.inOutDate = _day.getFullYear() + "-" + (_day.getMonth() + 1) + "-" + _day.getDate();
  348. },
  349. computed: {
  350. ...mapState(['hasLogin', 'userInfo']),
  351. },
  352. onShow() {
  353. uni.showLoading({
  354. title: "加载中...",
  355. mask: true
  356. })
  357. let _data = uni.getStorageSync('erpContractNo') == '' ? {} : uni.getStorageSync('erpContractNo')
  358. if (helper.erpWarehouse.personCharge)
  359. this.detailData.agent = helper.erpWarehouse.personCharge
  360. this.detailData.goodsName = _data.goodsName;
  361. this.detailData.contractNo = _data.contractNo;
  362. this.detailData.goodsNameKey = _data.goodsNameKey;
  363. this.detailData.inOutType = _data.inOutType;
  364. if (_data.unitContractPrice) {
  365. this.detailData.cost = _data.unitContractPrice
  366. }
  367. if (_data.inOutType == '采购入库') {
  368. this.detailData.freight = 0
  369. } else if (_data.inOutType == '移库入库') {
  370. this.isSelectType = false
  371. } else {
  372. this.detailData.freight = uni.getStorageSync('CarFreight')
  373. this.isSelectType = true
  374. }
  375. if (!_data.tranCarInfoList) {
  376. this.isPC = false
  377. // this.detailData.carNo = ""
  378. // this.detailData.cost = ""
  379. // _data.tranCarInfoList = []
  380. } else {
  381. this.isPC = true
  382. uni.setStorageSync('erpContractNoCarList', _data.tranCarInfoList);
  383. this.detailData.freight = uni.getStorageSync('erpcarNo').tranPrice
  384. if (uni.getStorageSync('ContractNoCar')) {
  385. this.detailData.carNo = uni.getStorageSync('ContractNoCar')
  386. this.$api.doRequest('get', '/warehouseBaseInfo/selectCost', {
  387. contractNo: this.detailData.contractNo,
  388. carNo: this.detailData.carNo
  389. }).then(res => {
  390. if (res.data.code == 200) {
  391. this.detailData.cost = res.data.data
  392. }
  393. })
  394. } else {
  395. this.detailData.carNo = _data.tranCarInfoList[0].carNo
  396. }
  397. }
  398. if (this.detailData.carNo) {
  399. var tranCarInfoList = uni.getStorageSync('erpContractNo').tranCarInfoList ? uni.getStorageSync(
  400. 'erpContractNo').tranCarInfoList : []
  401. for (let i = 0; i < tranCarInfoList.length; i++) {
  402. if (tranCarInfoList[i].carNo == this.detailData.carNo)
  403. this.detailData.tranCarNo = tranCarInfoList[i].tranCarNo
  404. }
  405. }
  406. if (!this.detailData.contractNo) {
  407. this.detailData.contractNo = '请选择合同编号'
  408. }
  409. // else {
  410. // if (_data.tranCarInfoList.length == 0) {
  411. // this.isPC = false
  412. // }
  413. // }
  414. if (!this.detailData.goodsName) {
  415. this.detailData.goodsName = '货名'
  416. }
  417. // 获取任务编号
  418. this.inOutNo()
  419. //获取经办人
  420. this.getPerson()
  421. },
  422. watch: {
  423. netWeight: function(v) {
  424. this.pureWeightCount()
  425. },
  426. },
  427. computed: {
  428. ...mapState(['hasLogin', 'userInfo']),
  429. },
  430. methods: {
  431. hidden(){
  432. this.$refs.keyboard.open(false)
  433. },
  434. handleShowKeyboard(){
  435. if(this.$refs.keyboard.open){
  436. this.$refs.keyboard.open(true)//true 键盘显示 false 键盘隐藏
  437. }else{
  438. this.$refs.keyboard[0].open(true)
  439. }
  440. },
  441. handleClick(e){
  442. this.detailData.carNo = e.value //键盘输入值
  443. },
  444. inOutNo() {
  445. let that = this
  446. this.$api.doRequest('get', '/inOutWarehouseTask/selectInOutWarehouseNo', {
  447. flag: 2,
  448. warehouseName: this.warehouseName,
  449. agentKey: this.userInfo.id
  450. }).then(res => {
  451. if(res.data.data.length == 0){
  452. this.$api.msg('暂无入库任务')
  453. }
  454. this.inOutNoList = res.data.data
  455. if (this.inOutNoList.length > 0) {
  456. this.detailData.inOutTaskNo = this.inOutNoList[0].inOutTaskNo
  457. this.detailData.agent = this.inOutNoList[0].agent
  458. if (this.inOutNoList[0].contractNo) {
  459. this.detailData.contractNo = this.inOutNoList[0].contractNo
  460. } else {
  461. this.detailData.contractNo = this.inOutNoList[0].moveTaskNo
  462. }
  463. this.detailData.goodsName = this.inOutNoList[0].goodsName
  464. this.detailData.goodsNameKey = this.inOutNoList[0].goodsNameKey;
  465. this.detailData.grade = this.inOutNoList[0].grade
  466. this.detailData.inOutType = this.inOutNoList[0].inOutType
  467. if (this.detailData.inOutType == '采购入库') {
  468. this.detailData.inOutTypeKey = 1
  469. } else if (this.detailData.inOutType == '移库入库') {
  470. this.detailData.inOutTypeKey = 3
  471. } else if (this.detailData.inOutType == '暂存入库') {
  472. this.detailData.inOutTypeKey = 4
  473. } else if (this.detailData.inOutType == '贸易服务入库') {
  474. this.detailData.inOutTypeKey = 5
  475. } else if (this.detailData.inOutType == '退库') {
  476. this.detailData.inOutTypeKey = 6
  477. }
  478. //查询所有的合同 进行获取车牌号
  479. this.$api.doRequest('get', '/warehouseBaseInfo/selectContractNoList', {
  480. flag: 7,
  481. compId: helper.erpWarehouse.compId,
  482. }).then(res => {
  483. if (res.data.code == 200) {
  484. for (let i = 0; i < res.data.data.length; i++) {
  485. // "MYCGYMHLJ2021102401"
  486. if (res.data.data[i].contractNo == this.detailData
  487. .contractNo) {
  488. uni.setStorageSync('erpContractNo',res.data.data[i])//如果查到该合同
  489. if (res.data.data[i].inOutType == '采购入库') {
  490. if (res.data.data[i].unitContractPrice) {
  491. this.detailData.tips = '卖方' + res.data.data[i].seller +
  492. '( ' +
  493. res.data.data[i].unitContractPrice +
  494. '元/吨)'
  495. } else {
  496. this.detailData.tips = '卖方' + res.data.data[i].seller
  497. }
  498. } else if (res.data.data[i].inOutType == '移库入库') {
  499. this.detailData.tips = '出货库' + this.inOutNoList[0].sendWarehouse
  500. } else if (res.data.data[i].inOutType == '退库') {
  501. this.detailData.tips = '出货库' + this.inOutNoList[0].sendWarehouse
  502. }
  503. if (res.data.data[i].deliverType == "1") { //判断自运1,他运2合同
  504. this.showCar = true
  505. } else {
  506. this.showCar = false
  507. }
  508. if (res.data.data[i].tranCarInfoList) {
  509. for(var num = 0 ; num < res.data.data[i].tranCarInfoList.length; num++){
  510. res.data.data[i].tranCarInfoList[num].carNo1 = res.data.data[i].tranCarInfoList[num].carNo + '('+res.data.data[i].tranCarInfoList[num].tranCarNo+')'
  511. }
  512. this.carList = res.data.data[i].tranCarInfoList //车牌号下拉列表
  513. }
  514. }
  515. }
  516. uni.hideLoading()
  517. }
  518. })
  519. }
  520. })
  521. },
  522. inOutChange(e) {
  523. this.detailData.inOutTaskNo = this.inOutNoList[e[0]].inOutTaskNo
  524. this.detailData.agent = this.inOutNoList[e[0]].agent
  525. if (this.inOutNoList[e[0]].contractNo) {
  526. uni.setStorageSync('erpContractNo',this.inOutNoList[e[0]])
  527. this.detailData.contractNo = this.inOutNoList[e[0]].contractNo
  528. } else {
  529. this.detailData.contractNo = this.inOutNoList[e[0]].moveTaskNo
  530. }
  531. this.detailData.goodsName = this.inOutNoList[e[0]].goodsName
  532. this.detailData.goodsNameKey = this.inOutNoList[e[0]].goodsNameKey;
  533. this.detailData.grade = this.inOutNoList[e[0]].grade
  534. this.detailData.inOutType = this.inOutNoList[e[0]].inOutType
  535. for (var i = 0; i < this.contractNoList.length; i++) {
  536. if (this.contractNoList[i].contractNo == this.detailData.contractNo) {
  537. if (this.detailData.inOutType == '采购入库') {
  538. this.detailData.tips = '卖方' + this.contractNoList[i].seller + '(' + this.contractNoList[i]
  539. .unitContractPrice + '元/吨)'
  540. } else if (this.detailData.inOutType == '移库入库') {
  541. if (this.contractNoList[i].unitContractPrice) {
  542. this.detailData.tips = '出货库' + this.inOutNoList[e[0]].sendWarehouse + '(' + this
  543. .contractNoList[i].unitContractPrice + '元/吨)'
  544. } else {
  545. this.detailData.tips = '出货库' + this.inOutNoList[e[0]].sendWarehouse
  546. }
  547. } else if (this.detailData.inOutType == '退库') {
  548. if (this.contractNoList[i].contractNo) {
  549. this.deptBudgetList.tips = '买方' + this.contractNoList[i].buyer
  550. } else {
  551. this.deptBudgetList.tips = '出货库' + this.inOutNoList[e[0]].warehouseName
  552. }
  553. }
  554. }
  555. }
  556. },
  557. toUpperCase(val) {
  558. this.detailData.boxNo = val.detail.value.toUpperCase()
  559. },
  560. toUpperCase2(val) {
  561. this.detailData.wingNumber = val.detail.value.toUpperCase()
  562. },
  563. toUpperCase3(val) {
  564. this.detailData.wingNumberOther = val.detail.value.toUpperCase()
  565. },
  566. toUpperCase1(val) {
  567. this.detailData.boxNoOther = val.detail.value.toUpperCase()
  568. },
  569. usestartChange(e) {
  570. this.usestart = this.multiSelector1[e].name
  571. },
  572. outtypeChange(e) {
  573. this.detailData.outType = this.multiSelector[e].name
  574. },
  575. selectType() {
  576. if (this.isSelectType) return
  577. this.show5 = true
  578. },
  579. //计算纯重
  580. pureWeightCount() {
  581. if (this.netWeight && this.detailData.buckleWeightRatio && this.detailData.solidGrainWater && this
  582. .detailData.tidalGrainWater) {
  583. // 纯重=净重x[100-(潮粮水分-干粮水分)x扣重比]/100
  584. this.detailData.pureWeight = 100 - (this.detailData.tidalGrainWater - this.detailData
  585. .solidGrainWater) * this.netWeight * this.detailData.buckleWeightRatio / 100
  586. this.detailData.pureWeight = this.detailData.pureWeight.toFixed(3)
  587. }
  588. },
  589. getPerson() {
  590. this.$api.doRequest('get', '/staff/query/getStaffListByCompId', {
  591. compId: this.compId
  592. }).then(res => {
  593. this.handlerList = res.data.data
  594. })
  595. },
  596. getrkType() {
  597. this.$api.doRequest('get', '/commonSysParameter/getInfo', {
  598. constId: 'CON5'
  599. }).then(res => {
  600. this.warehousingTypeList = res.data.data
  601. })
  602. },
  603. contractNopicker(e) {},
  604. typePicker(e) {
  605. console.log(e)
  606. this.detailData.type = this.typeList[e].type
  607. },
  608. pjPicker(e) {
  609. this.detailData.gradeKey = e[0] + 1
  610. this.detailData.grade = this.pjList[e].grade
  611. },
  612. carPicker(e) {
  613. // this.detailData.gradeKey = e[0] + 1
  614. this.detailData.carNo = this.carList[e[0]].carNo
  615. this.detailData.tranCarNo = this.carList[e[0]].tranCarNo
  616. // this.detailData.carNo = this.carList[e].carNo
  617. // this.detailData.tranCarNo = this.carList[e].tranCarNo
  618. this.detailData.carId = this.carList[e[0]].id
  619. if(this.detailData.inOutType=='移库入库'){
  620. if(!this.detailData.cost){
  621. this.detailData.cost=this.carList[e[0]].cost
  622. }
  623. this.detailData.loadNetWeight=this.carList[e[0]].loadNetWeight
  624. }
  625. },
  626. handlerPicker(e) {
  627. console.log(e)
  628. this.detailData.agent = this.handlerList[e].staffName
  629. },
  630. dateChange(e) {
  631. console.log(e)
  632. this.detailData.inOutDate = e.year + "-" + e.month + "-" + e.day
  633. this.inOutDate1 = e.year + "-" + e.month + "-" + e.day + "-" + e.hour + "-" + e.minute + "-" + e.second
  634. },
  635. warehousingTypePicker(e) {
  636. this.detailData.inOutType = this.warehousingTypeList[e].constValue
  637. if (this.detailData.inOutType == '采购入库') {
  638. this.detailData.inOutTypeKey = 1
  639. } else if (this.detailData.inOutType == '移库入库') {
  640. this.detailData.inOutTypeKey = 3
  641. } else if (this.detailData.inOutType == '暂存入库') {
  642. this.detailData.inOutTypeKey = 4
  643. } else if (this.detailData.inOutType == '贸易服务入库') {
  644. this.detailData.inOutTypeKey = 5
  645. } else if (this.detailData.inOutType == '退库') {
  646. this.detailData.inOutTypeKey = 6
  647. }
  648. let _data = uni.getStorageSync('erpContractNo') == '' ? {} : uni.getStorageSync('erpContractNo')
  649. if (this.detailData.inOutType == '采购入库') {
  650. this.detailData.freight = 0
  651. } else {
  652. this.detailData.freight = uni.getStorageSync('CarFreight')
  653. }
  654. },
  655. filterFileType(index, lists) {
  656. if (lists[index].fileType != 'jpg' && lists[index].fileType != 'png' && lists[index].fileType != 'gif') {
  657. lists.splice(index, 1);
  658. // 当前文件不支持
  659. uni.showModal({
  660. title: '暂不支持当前图片类型',
  661. showCancel: false
  662. });
  663. } else {
  664. this.isAdd = false;
  665. }
  666. },
  667. calculate() {
  668. const query = uni.createSelectorQuery().in(this);
  669. query.selectAll('.left')
  670. console.log(query)
  671. this.netWeight = (this.detailData.grossWeight - this.detailData.tare - this.detailData.deductionWeight)
  672. .toFixed(2)
  673. },
  674. getImgUrl(res) {
  675. this.detailData.addressUrl = res
  676. console.log(res)
  677. console.log('------------res-----------')
  678. },
  679. onError(error) {
  680. alert(error)
  681. console.log('------------error-----------')
  682. console.log(error)
  683. },
  684. contractNopicker(e) {
  685. // this.detailData.goodsName=this.contractNoList[e[0]].goodsName
  686. // this.detailData.contractNo=this.contractNoList[e[0]].contractNo
  687. },
  688. binNumberpicker(e) {
  689. this.detailData.binNumber = this.positionList[e[0]].binNumber
  690. },
  691. getWeighingManagement() {
  692. this.$api.doRequest('get', '/weighingManagement/getWeighingManagement', {
  693. id: this.id
  694. }).then(res => {
  695. if (res.data.code == 200) {
  696. console.log(res)
  697. this.detailData = res.data.data
  698. }
  699. })
  700. this.$api.doRequest('get', '/warehouseBaseInfo/getWarehouse', {
  701. id: this.cangId
  702. }).then(res => {
  703. if (res.data.code == 200) {
  704. this.positionList = res.data.data.warehousePositionInfoList
  705. }
  706. })
  707. this.$api.doRequest('get', '/warehouseBaseInfo/selectContractNoList', {
  708. compId: '',
  709. flag: 5
  710. }).then(res => {
  711. if (res.data.code == 200) {
  712. this.contractNoList = res.data.data
  713. }
  714. })
  715. },
  716. onProgress(e) {
  717. console.log(e)
  718. },
  719. onRemove(index) {},
  720. editCB() {
  721. this.isEditCB = false
  722. },
  723. editYF() {
  724. this.isEditYF = false
  725. },
  726. submit(num) {
  727. console.log(this.detailData)
  728. if (!this.detailData.inOutTaskNo) {
  729. this.$api.msg('暂无入库任务')
  730. return
  731. }
  732. if (!this.detailData.contractNo) {
  733. this.$api.msg('合同编号不能为空')
  734. return
  735. }
  736. if (!this.detailData.goodsName) {
  737. this.$api.msg('货名不能为空')
  738. return
  739. }
  740. if (!this.detailData.grossWeight && num == 2) {
  741. this.$api.msg('毛重不能为空')
  742. return
  743. }
  744. if (isNaN(this.detailData.grossWeight) ||
  745. (String(this.detailData.grossWeight).indexOf('.') != -1 &&
  746. String(this.detailData.grossWeight).length -
  747. (String(this.detailData.grossWeight).indexOf('.') + 1) >
  748. 3) ||
  749. this.detailData.grossWeight < 0 ||
  750. this.detailData.grossWeight > 10000
  751. ) {
  752. this.$api.msg('毛重输入错误!')
  753. return
  754. }
  755. if (!this.detailData.tare && num == 2) {
  756. this.$api.msg('皮重不能为空')
  757. return
  758. }
  759. if (isNaN(this.detailData.tare) ||
  760. (String(this.detailData.tare).indexOf('.') != -1 &&
  761. String(this.detailData.tare).length -
  762. (String(this.detailData.tare).indexOf('.') + 1) >
  763. 3) ||
  764. this.detailData.tare < 0 ||
  765. this.detailData.tare > 10000
  766. ) {
  767. this.$api.msg('皮重输入错误!')
  768. return
  769. }
  770. if (!this.detailData.deductionWeight && num == 2) {
  771. this.$api.msg('扣重不能为空')
  772. return
  773. }
  774. if (isNaN(this.detailData.deductionWeight) ||
  775. (String(this.detailData.deductionWeight).indexOf('.') != -1 &&
  776. String(this.detailData.deductionWeight).length -
  777. (String(this.detailData.deductionWeight).indexOf('.') + 1) >
  778. 3) ||
  779. this.detailData.deductionWeight < 0 ||
  780. this.detailData.deductionWeight > 10
  781. ) {
  782. this.$api.msg('扣重输入错误!')
  783. return
  784. }
  785. if (Number(this.detailData.tare) > Number(this.detailData.grossWeight)) {
  786. this.$api.msg('皮重不能大于毛重')
  787. return
  788. }
  789. if (this.netWeight <= 0 && num == 2) {
  790. this.$api.msg('净重不能小于等于0')
  791. return
  792. }
  793. if (this.detailData.type == "潮粮") {
  794. if (!this.detailData.buckleWeightRatio && num == 2) {
  795. this.$api.msg('扣重比不能为空')
  796. return
  797. }
  798. if (isNaN(this.detailData.buckleWeightRatio) ||
  799. (String(this.detailData.buckleWeightRatio).indexOf('.') != -1 &&
  800. String(this.detailData.buckleWeightRatio).length -
  801. (String(this.detailData.buckleWeightRatio).indexOf('.') + 1) >
  802. 2) ||
  803. this.detailData.buckleWeightRatio < 0 ||
  804. this.detailData.buckleWeightRatio > 3
  805. ) {
  806. this.$api.msg('扣重比输入错误!')
  807. return
  808. }
  809. if (!this.detailData.solidGrainWater && num == 2) {
  810. this.$api.msg('干粮水分不能为空')
  811. return
  812. }
  813. if (isNaN(this.detailData.solidGrainWater) ||
  814. (String(this.detailData.solidGrainWater).indexOf('.') != -1 &&
  815. String(this.detailData.solidGrainWater).length -
  816. (String(this.detailData.solidGrainWater).indexOf('.') + 1) >
  817. 1) ||
  818. this.detailData.solidGrainWater < 1 ||
  819. this.detailData.solidGrainWater > 40
  820. ) {
  821. this.$api.msg('干粮水分输入错误!')
  822. return
  823. }
  824. if (!this.detailData.tidalGrainWater && num == 2) {
  825. this.$api.msg('潮粮水分不能为空')
  826. return
  827. }
  828. if (isNaN(this.detailData.deductionAmount) ||
  829. (String(this.detailData.deductionAmount).indexOf('.') != -1 &&
  830. String(this.detailData.deductionAmount).length -
  831. (String(this.detailData.deductionAmount).indexOf('.') + 1) >
  832. 2) ||
  833. this.detailData.deductionAmount < 0 ||
  834. this.detailData.deductionAmount > 10000
  835. ) {
  836. this.$api.msg('扣款输入错误!')
  837. return
  838. }
  839. if (!this.detailData.deductionAmount && num == 2) {
  840. this.$api.msg('扣款不能为空')
  841. return
  842. }
  843. if (isNaN(this.detailData.tidalGrainWater) ||
  844. (String(this.detailData.tidalGrainWater).indexOf('.') != -1 &&
  845. String(this.detailData.tidalGrainWater).length -
  846. (String(this.detailData.tidalGrainWater).indexOf('.') + 1) >
  847. 1) ||
  848. this.detailData.tidalGrainWater < 1 ||
  849. this.detailData.tidalGrainWater > 40
  850. ) {
  851. this.$api.msg('潮粮水分输入错误!')
  852. return
  853. }
  854. if (this.detailData.tidalGrainWater <= this.detailData.solidGrainWater) {
  855. this.$api.msg('潮粮水分输入错误!')
  856. return
  857. }
  858. if (!this.detailData.pureWeight && num == 2) {
  859. this.$api.msg('纯重不能为空')
  860. return
  861. }
  862. }
  863. if (this.detailData.grade == "请输入品级") {
  864. this.$api.msg('品级不能为空')
  865. return
  866. }
  867. if (this.detailData.agent == "请选择经办人") {
  868. this.$api.msg('经办人不能为空')
  869. return
  870. }
  871. if (this.detailData.inOutDate == "请选择入库日期") {
  872. this.$api.msg('入库日期不能为空')
  873. return
  874. }
  875. if (this.detailData.inOutType == "请选择入库类型") {
  876. this.$api.msg('入库类型不能为空')
  877. return
  878. }
  879. if (!this.detailData.carNo) {
  880. this.$api.msg('车牌号不能为空')
  881. return
  882. }
  883. if (this.detailData.carNo.length != 7) {
  884. this.$api.msg('车牌号输入有误!')
  885. return
  886. }
  887. if(this.detailData.moveTaskNo){
  888. if (this.detailData.loadNetWeight) {
  889. this.$api.msg('入库重量不能为空!')
  890. return
  891. }
  892. }
  893. if (!this.detailData.addressUrl && num == 2) {
  894. this.$api.msg('请上传磅单')
  895. return
  896. }
  897. // if(!this.detailData.cost){
  898. // this.detailData.cost=0
  899. // }
  900. // if (!this.detailData.cost && num == 2) {
  901. // this.$api.msg('未获取到成本,请编辑后提交')
  902. // return
  903. // }
  904. if (String(this.detailData.cost).indexOf('.') != -1 && String(this.detailData
  905. .cost).length - (String(
  906. this.detailData.cost).indexOf('.') + 1) > 2) {
  907. this.$api.msg('成本输入错误')
  908. return
  909. }
  910. if (this.detailData.cost < 0 || this.detailData.cost > 20000) {
  911. this.$api.msg('成本输入错误')
  912. return
  913. }
  914. if (!this.detailData.freight && num == 2) {
  915. this.$api.msg('运费不能为空')
  916. return
  917. }
  918. if (this.detailData.warehouseInOutDetail.qualityInspector) {
  919. if (this.detailData.warehouseInOutDetail.qualityInspector < 2 || this.detailData
  920. .warehouseInOutDetail
  921. .qualityInspector > 10) {
  922. this.$api.msg('质检员姓名需要2-10个字')
  923. return
  924. }
  925. }
  926. if (this.detailData.warehouseInOutDetail.waterContent) {
  927. if (this.detailData.type == "潮粮" && this.detailData.warehouseInOutDetail.waterContent != this
  928. .detailData.tidalGrainWater) {
  929. this.$api.msg('水分占比与潮粮水分不一致')
  930. return
  931. }
  932. if (this.detailData.type == "干粮") {
  933. if (this.detailData.warehouseInOutDetail.waterContent < 0 || this.detailData
  934. .warehouseInOutDetail
  935. .waterContent > 40) {
  936. this.$api.msg('水分占比输入错误')
  937. return
  938. }
  939. }
  940. if (String(this.detailData.warehouseInOutDetail.waterContent).indexOf('.') != -1 && String(this
  941. .detailData.warehouseInOutDetail.waterContent).length - (String(
  942. this.detailData.warehouseInOutDetail.waterContent).indexOf('.') + 1) > 1) {
  943. this.$api.msg('水分占比输入错误')
  944. return
  945. }
  946. }
  947. if (this.detailData.warehouseInOutDetail.bulkDensity) {
  948. if (this.detailData.warehouseInOutDetail.bulkDensity < 500 || this.detailData.warehouseInOutDetail
  949. .bulkDensity > 1000) {
  950. this.$api.msg('容重输入错误')
  951. return
  952. }
  953. if (String(this.detailData.warehouseInOutDetail.bulkDensity).indexOf('.') != -1 && String(this
  954. .detailData.warehouseInOutDetail.bulkDensity).length - (
  955. String(this.detailData.warehouseInOutDetail.bulkDensity).indexOf('.') + 1) > 0) {
  956. this.$api.msg('容重输入错误')
  957. return
  958. }
  959. }
  960. if(this.detailData.goodsName!='小麦'){
  961. if (this.detailData.warehouseInOutDetail.jiaorenli) {
  962. if (this.detailData.warehouseInOutDetail.jiaorenli < 0 || this.detailData.warehouseInOutDetail
  963. .jiaorenli > 40) {
  964. this.$api.msg('热损伤占比输入错误')
  965. return
  966. }
  967. if (String(this.detailData.warehouseInOutDetail.jiaorenli).indexOf('.') != -1 && String(this
  968. .detailData
  969. .warehouseInOutDetail.jiaorenli).length - (String(
  970. this.detailData.warehouseInOutDetail.jiaorenli).indexOf('.') + 1) > 1) {
  971. this.$api.msg('热损伤占比输入错误')
  972. return
  973. }
  974. }
  975. }
  976. if (this.detailData.warehouseInOutDetail.impurity) {
  977. if (this.detailData.warehouseInOutDetail.impurity < 0 || this.detailData.warehouseInOutDetail
  978. .impurity > 40) {
  979. this.$api.msg('杂质占比输入错误')
  980. return
  981. }
  982. if (String(this.detailData.warehouseInOutDetail.impurity).indexOf('.') != -1 && String(this
  983. .detailData
  984. .warehouseInOutDetail.impurity).length - (String(
  985. this.detailData.warehouseInOutDetail.impurity).indexOf('.') + 1) > 1) {
  986. this.$api.msg('杂质占比输入错误')
  987. return
  988. }
  989. }
  990. if (this.detailData.warehouseInOutDetail.mildewGrain) {
  991. if (this.detailData.warehouseInOutDetail.mildewGrain < 0 || this.detailData.warehouseInOutDetail
  992. .mildewGrain > 40) {
  993. this.$api.msg('霉变粒占比输入错误')
  994. return
  995. }
  996. if (String(this.detailData.warehouseInOutDetail.mildewGrain).indexOf('.') != -1 && String(this
  997. .detailData
  998. .warehouseInOutDetail.mildewGrain).length - (String(
  999. this.detailData.warehouseInOutDetail.mildewGrain).indexOf('.') + 1) > 1) {
  1000. this.$api.msg('霉变粒占比输入错误')
  1001. return
  1002. }
  1003. }
  1004. if (this.detailData.warehouseInOutDetail.imperfectGrain) {
  1005. if (this.detailData.warehouseInOutDetail.imperfectGrain < 0 || this.detailData.warehouseInOutDetail
  1006. .imperfectGrain > 40) {
  1007. this.$api.msg('不完善粒占比输入错误')
  1008. return
  1009. }
  1010. if (String(this.detailData.warehouseInOutDetail.imperfectGrain).indexOf('.') != -1 && String(this
  1011. .detailData
  1012. .warehouseInOutDetail.imperfectGrain).length - (String(
  1013. this.detailData.warehouseInOutDetail.imperfectGrain).indexOf('.') + 1) > 1) {
  1014. this.$api.msg('不完善粒占比输入错误')
  1015. return
  1016. }
  1017. }
  1018. this.detailData.baseId = helper.erpWarehouse.warehouseId
  1019. this.detailData.warehouseName = helper.erpWarehouse.warehouseName
  1020. this.detailData.positionId = helper.erpWarehouse.positionId
  1021. this.detailData.binNumber = this.binNumber
  1022. this.detailData.goodsNameKey = uni.getStorageSync('erpContractNo').goodsNameKey;
  1023. this.detailData.compId = helper.erpWarehouse.compId
  1024. this.detailData.netWeight = this.netWeight
  1025. this.detailData.backOffice = this.userInfo.userName
  1026. this.detailData.backOfficeId = this.userInfo.id
  1027. this.detailData.inOutFlag = 2
  1028. this.detailData.taskType = "入库任务"
  1029. this.detailData.pcFlag = 0
  1030. let title = ""
  1031. if (num == 1) {
  1032. this.detailData.statusFlag = 1
  1033. title = "暂存成功"
  1034. } else if (num == 2) {
  1035. this.detailData.statusFlag = 3
  1036. title = "提交成功"
  1037. }
  1038. let that = this
  1039. uni.showModal({
  1040. content: "确定提交入库信息?",
  1041. success(res) {
  1042. if (res.confirm) {
  1043. that.$api.doRequest('post', '/warehouseInOutInfo/api/newInOutWarehouse',
  1044. that.detailData).then(res => {
  1045. if (res.data.code == 200) {
  1046. that.$api.msg(title)
  1047. setTimeout(() => {
  1048. uni.navigateBack()
  1049. }, 1000)
  1050. } else {
  1051. that.$api.msg(res.data.message)
  1052. }
  1053. })
  1054. }
  1055. }
  1056. })
  1057. },
  1058. // slectcontractNo() {
  1059. // uni.navigateTo({
  1060. // url: '/pages/erp/warehousing/selectContractNo?compId=' + this.compId
  1061. // })
  1062. // },
  1063. slectCarNo() {
  1064. uni.navigateTo({
  1065. url: '/pages/erp/warehousing/selectCarNo'
  1066. })
  1067. },
  1068. }
  1069. }
  1070. </script>
  1071. <style scoped lang="scss">
  1072. uni-page-body {
  1073. overflow: hidden;
  1074. }
  1075. .warp {
  1076. margin: 10rpx;
  1077. padding: 20rpx 20rpx 300rpx 20rpx;
  1078. .top {
  1079. border-radius: 20rpx;
  1080. background: white;
  1081. padding: 20rpx;
  1082. display: flex;
  1083. margin-bottom: 20rpx;
  1084. align-items: center;
  1085. .top-left {
  1086. margin-right: 20rpx;
  1087. }
  1088. }
  1089. }
  1090. .content,
  1091. .content1,
  1092. .content2 {
  1093. border-radius: 20rpx;
  1094. background: white;
  1095. padding: 20rpx;
  1096. .title {
  1097. font-size: 28rpx;
  1098. font-weight: 600;
  1099. color: #333333;
  1100. }
  1101. .left{
  1102. width: 220rpx;
  1103. }
  1104. .row {
  1105. display: flex;
  1106. justify-content: space-between;
  1107. border-bottom: 1px solid #EEEEEE;
  1108. padding: 21rpx 0;
  1109. .right,
  1110. input {
  1111. font-size: 28rpx;
  1112. color: #333333;
  1113. }
  1114. }
  1115. .row-bottom {
  1116. // border: 0;
  1117. .right-bottom {
  1118. width: 280rpx;
  1119. text-align: right;
  1120. }
  1121. }
  1122. }
  1123. .content1 {
  1124. margin-top: 20rpx;
  1125. }
  1126. .content2 {
  1127. margin-top: 10px;
  1128. // display: flex;
  1129. align-items: center;
  1130. .left {
  1131. margin-right: 20px;
  1132. }
  1133. }
  1134. .submit {
  1135. width: 40%;
  1136. background: #22C572;
  1137. border-radius: 10rpx;
  1138. }
  1139. .edit-btn {
  1140. background: #22C572;
  1141. width: 100rpx;
  1142. height: 50rpx;
  1143. margin: 0;
  1144. color: white;
  1145. }
  1146. .has-btn {
  1147. align-items: center;
  1148. }
  1149. .bottom-btn {
  1150. padding: 30rpx;
  1151. background: #FFFFFF;
  1152. width: 92%;
  1153. position: fixed;
  1154. bottom: 0rpx;
  1155. display: flex;
  1156. z-index: 9999;
  1157. }
  1158. </style>