warehousing.vue 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185
  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.warehouseInOutDetail.jiaorenli) {
  961. if (this.detailData.warehouseInOutDetail.jiaorenli < 0 || this.detailData.warehouseInOutDetail
  962. .jiaorenli > 40) {
  963. this.$api.msg('热损伤占比输入错误')
  964. return
  965. }
  966. if (String(this.detailData.warehouseInOutDetail.jiaorenli).indexOf('.') != -1 && String(this
  967. .detailData
  968. .warehouseInOutDetail.jiaorenli).length - (String(
  969. this.detailData.warehouseInOutDetail.jiaorenli).indexOf('.') + 1) > 1) {
  970. this.$api.msg('热损伤占比输入错误')
  971. return
  972. }
  973. }
  974. if (this.detailData.warehouseInOutDetail.impurity) {
  975. if (this.detailData.warehouseInOutDetail.impurity < 0 || this.detailData.warehouseInOutDetail
  976. .impurity > 40) {
  977. this.$api.msg('杂质占比输入错误')
  978. return
  979. }
  980. if (String(this.detailData.warehouseInOutDetail.impurity).indexOf('.') != -1 && String(this
  981. .detailData
  982. .warehouseInOutDetail.impurity).length - (String(
  983. this.detailData.warehouseInOutDetail.impurity).indexOf('.') + 1) > 1) {
  984. this.$api.msg('杂质占比输入错误')
  985. return
  986. }
  987. }
  988. if (this.detailData.warehouseInOutDetail.mildewGrain) {
  989. if (this.detailData.warehouseInOutDetail.mildewGrain < 0 || this.detailData.warehouseInOutDetail
  990. .mildewGrain > 40) {
  991. this.$api.msg('霉变粒占比输入错误')
  992. return
  993. }
  994. if (String(this.detailData.warehouseInOutDetail.mildewGrain).indexOf('.') != -1 && String(this
  995. .detailData
  996. .warehouseInOutDetail.mildewGrain).length - (String(
  997. this.detailData.warehouseInOutDetail.mildewGrain).indexOf('.') + 1) > 1) {
  998. this.$api.msg('霉变粒占比输入错误')
  999. return
  1000. }
  1001. }
  1002. if (this.detailData.warehouseInOutDetail.imperfectGrain) {
  1003. if (this.detailData.warehouseInOutDetail.imperfectGrain < 0 || this.detailData.warehouseInOutDetail
  1004. .imperfectGrain > 40) {
  1005. this.$api.msg('不完善粒占比输入错误')
  1006. return
  1007. }
  1008. if (String(this.detailData.warehouseInOutDetail.imperfectGrain).indexOf('.') != -1 && String(this
  1009. .detailData
  1010. .warehouseInOutDetail.imperfectGrain).length - (String(
  1011. this.detailData.warehouseInOutDetail.imperfectGrain).indexOf('.') + 1) > 1) {
  1012. this.$api.msg('不完善粒占比输入错误')
  1013. return
  1014. }
  1015. }
  1016. this.detailData.baseId = helper.erpWarehouse.warehouseId
  1017. this.detailData.warehouseName = helper.erpWarehouse.warehouseName
  1018. this.detailData.positionId = helper.erpWarehouse.positionId
  1019. this.detailData.binNumber = this.binNumber
  1020. this.detailData.goodsNameKey = uni.getStorageSync('erpContractNo').goodsNameKey;
  1021. this.detailData.compId = helper.erpWarehouse.compId
  1022. this.detailData.netWeight = this.netWeight
  1023. this.detailData.backOffice = this.userInfo.userName
  1024. this.detailData.backOfficeId = this.userInfo.id
  1025. this.detailData.inOutFlag = 2
  1026. this.detailData.taskType = "入库任务"
  1027. this.detailData.pcFlag = 0
  1028. let title = ""
  1029. if (num == 1) {
  1030. this.detailData.statusFlag = 1
  1031. title = "暂存成功"
  1032. } else if (num == 2) {
  1033. this.detailData.statusFlag = 3
  1034. title = "提交成功"
  1035. }
  1036. let that = this
  1037. uni.showModal({
  1038. content: "确定提交入库信息?",
  1039. success(res) {
  1040. if (res.confirm) {
  1041. that.$api.doRequest('post', '/warehouseInOutInfo/InOutWarehouse',
  1042. that.detailData).then(res => {
  1043. if (res.data.code == 200) {
  1044. that.$api.msg(title)
  1045. setTimeout(() => {
  1046. uni.navigateBack()
  1047. }, 1000)
  1048. } else {
  1049. that.$api.msg(res.data.message)
  1050. }
  1051. })
  1052. }
  1053. }
  1054. })
  1055. },
  1056. // slectcontractNo() {
  1057. // uni.navigateTo({
  1058. // url: '/pages/erp/warehousing/selectContractNo?compId=' + this.compId
  1059. // })
  1060. // },
  1061. slectCarNo() {
  1062. uni.navigateTo({
  1063. url: '/pages/erp/warehousing/selectCarNo'
  1064. })
  1065. },
  1066. }
  1067. }
  1068. </script>
  1069. <style scoped lang="scss">
  1070. uni-page-body {
  1071. overflow: hidden;
  1072. }
  1073. .warp {
  1074. margin: 10rpx;
  1075. padding: 20rpx 20rpx 300rpx 20rpx;
  1076. .top {
  1077. border-radius: 20rpx;
  1078. background: white;
  1079. padding: 20rpx;
  1080. display: flex;
  1081. margin-bottom: 20rpx;
  1082. align-items: center;
  1083. .top-left {
  1084. margin-right: 20rpx;
  1085. }
  1086. }
  1087. }
  1088. .content,
  1089. .content1,
  1090. .content2 {
  1091. border-radius: 20rpx;
  1092. background: white;
  1093. padding: 20rpx;
  1094. .title {
  1095. font-size: 28rpx;
  1096. font-weight: 600;
  1097. color: #333333;
  1098. }
  1099. .left{
  1100. width: 220rpx;
  1101. }
  1102. .row {
  1103. display: flex;
  1104. justify-content: space-between;
  1105. border-bottom: 1px solid #EEEEEE;
  1106. padding: 21rpx 0;
  1107. .right,
  1108. input {
  1109. font-size: 28rpx;
  1110. color: #333333;
  1111. }
  1112. }
  1113. .row-bottom {
  1114. // border: 0;
  1115. .right-bottom {
  1116. width: 280rpx;
  1117. text-align: right;
  1118. }
  1119. }
  1120. }
  1121. .content1 {
  1122. margin-top: 20rpx;
  1123. }
  1124. .content2 {
  1125. margin-top: 10px;
  1126. // display: flex;
  1127. align-items: center;
  1128. .left {
  1129. margin-right: 20px;
  1130. }
  1131. }
  1132. .submit {
  1133. width: 40%;
  1134. background: #22C572;
  1135. border-radius: 10rpx;
  1136. }
  1137. .edit-btn {
  1138. background: #22C572;
  1139. width: 100rpx;
  1140. height: 50rpx;
  1141. margin: 0;
  1142. color: white;
  1143. }
  1144. .has-btn {
  1145. align-items: center;
  1146. }
  1147. .bottom-btn {
  1148. padding: 30rpx;
  1149. background: #FFFFFF;
  1150. width: 92%;
  1151. position: fixed;
  1152. bottom: 0rpx;
  1153. display: flex;
  1154. z-index: 9999;
  1155. }
  1156. </style>