| | |
| | | <text class="item-one">çç¹æ¥åå·</text> |
| | | </view> |
| | | <view class="packing-registration-param-item-right"> |
| | | <text class="item-one item-two" |
| | | @click="seachPersonnelNo()">{{registerInfo.value1=='' ? "ç¹å»éæ©":registerInfo.value1}}</text> |
| | | <text class="item-one item-two" @click="seachPersonnelNo()">{{ registerInfo.value1 == '' ? |
| | | "ç¹å»éæ©" : registerInfo.value1}}</text> |
| | | <u-icon name="arrow-right" color="#687792" size="28" @click="seachPersonnelNo()" |
| | | v-show="registerInfo.value1 ==''"></u-icon> |
| | | v-show="registerInfo.value1 == ''"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="packing-registration-param-item param-extra"> |
| | |
| | | <text class="item-one">ä»åº</text> |
| | | </view> |
| | | <view class="packing-registration-param-item-right"> |
| | | <text class="item-one item-two">{{registerInfo.value2}}</text> |
| | | <text class="item-one item-two">{{ registerInfo.value2 }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="packing-registration-param-item param-extra"> |
| | |
| | | </view> |
| | | <view class="packing-registration-param-item-right"> |
| | | <view class="item-one item-two" @click="openPN()"> |
| | | <text>{{registerInfo.value2=='' ? "ç¹å»è¾å
¥":registerInfo.value2}}</text> |
| | | <text>{{ registerInfo.value2 == '' ? "ç¹å»è¾å
¥" : registerInfo.value2 }}</text> |
| | | </view> |
| | | <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value2==''"></u-icon> |
| | | <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value2 == ''"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="packing-registration-param-item param-extra"> |
| | |
| | | <text class="item-one">æ¹æ¬¡å·</text> |
| | | </view> |
| | | <view class="packing-registration-param-item-right" @click="openBatch()"> |
| | | <text class="item-one item-two">{{registerInfo.value3=='' ? "ç¹å»è¾å
¥":registerInfo.value3}}</text> |
| | | <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value3==''"></u-icon> |
| | | <text class="item-one item-two">{{ registerInfo.value3 == '' ? "ç¹å»è¾å
¥" : registerInfo.value3 }}</text> |
| | | <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value3 == ''"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="packing-registration-param-item param-extra"> |
| | |
| | | </view> |
| | | <view class="packing-registration-param-item-right" @click="openLocation()"> |
| | | <view class="item-one item-two"> |
| | | <text>{{registerInfo.value4 == '' ? "ç¹å»è¾å
¥":registerInfo.value4}}</text> |
| | | <text>{{ registerInfo.value4 == '' ? "ç¹å»è¾å
¥" : registerInfo.value4 }}</text> |
| | | </view> |
| | | <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value4==''"></u-icon> |
| | | <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value4 == ''"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="packing-registration-param-item param-extra"> |
| | |
| | | </view> |
| | | <view class="packing-registration-param-item-right" @click="openPhysicalInventory()"> |
| | | <view class="item-one item-two"> |
| | | <text>{{registerInfo.value5 == '' ? "ç¹å»è¾å
¥":registerInfo.value5}}</text> |
| | | <text>{{ registerInfo.value5 == '' ? "ç¹å»è¾å
¥" : registerInfo.value5 }}</text> |
| | | </view> |
| | | <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value4==''"></u-icon> |
| | | <u-icon name="arrow-right" color="#687792" size="28" v-show="registerInfo.value4 == ''"></u-icon> |
| | | </view> |
| | | </view> |
| | | <view class="packing-registration-param-item param-extra"> |
| | |
| | | <view class="content" v-for="(x, index) in hasScanSnList" :key="index" :index="index"> |
| | | <view class="row-list"> |
| | | <view class="row-list-left"> |
| | | <view class="num-icon" style="color: #fff;">{{index+1}}</view> |
| | | <view style="margin-left: 30rpx;">{{x}}</view> |
| | | <view class="num-icon" style="color: #fff;">{{ index + 1 }}</view> |
| | | <view style="margin-left: 30rpx;">{{ x }}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | </view> |
| | | </template> |
| | | <script> |
| | | import modalBg from '@/components/modal/modal-bg.vue' |
| | | import scan from "@/components/scan/scan.vue"; |
| | | import content_bg from '@/static/custom/packing/backBg.png' |
| | | export default { |
| | | components: { |
| | | scan, |
| | | modalBg |
| | | import modalBg from '@/components/modal/modal-bg.vue' |
| | | import scan from "@/components/scan/scan.vue"; |
| | | import content_bg from '@/static/custom/packing/backBg.png' |
| | | export default { |
| | | components: { |
| | | scan, |
| | | modalBg |
| | | }, |
| | | data() { |
| | | return { |
| | | background: { |
| | | backgroundImage: `url(${content_bg})`, |
| | | backgroundAttachment: 'fixed', |
| | | backgroundSize: '100% auto', |
| | | backgroundRepeat: 'no-repeat', |
| | | }, |
| | | labelStyle: { |
| | | fontSize: '32rpx', |
| | | whiteSpace: 'nowrap' |
| | | }, |
| | | registerInfo: { |
| | | value1: '', |
| | | value2: '', |
| | | value3: '', |
| | | value4: '', |
| | | value5: '' |
| | | }, |
| | | hasScanSnList: [], |
| | | delContent: null, |
| | | staffList: [], |
| | | }; |
| | | }, |
| | | onLoad(option) { }, |
| | | onShow() { |
| | | |
| | | let that = this |
| | | |
| | | uni.$off('scan') // æ¯æ¬¡è¿æ¥å
ç§»é¤å
¨å±èªå®ä¹äºä»¶çå¬å¨ |
| | | uni.$on('scan', function (data) { |
| | | console.log('onscan'); |
| | | //æ«ç æååçåè°ï¼ä½ å¯ä»¥åèªå·±çé»è¾ä»£ç å¨è¿é |
| | | console.log('æ«ç ç»æï¼', data.code); |
| | | that.scanHandle(data.code) |
| | | that.$forceUpdate(); |
| | | |
| | | }) |
| | | }, |
| | | onNavigationBarButtonTap() { |
| | | this.goScan() |
| | | }, |
| | | onReady() { }, |
| | | methods: { |
| | | //é¶ä»¶å· |
| | | openPN() { |
| | | this.$refs.openPN.open(); |
| | | }, |
| | | data() { |
| | | return { |
| | | background: { |
| | | backgroundImage: `url(${content_bg})`, |
| | | backgroundAttachment: 'fixed', |
| | | backgroundSize: '100% auto', |
| | | backgroundRepeat: 'no-repeat', |
| | | }, |
| | | labelStyle: { |
| | | fontSize: '32rpx', |
| | | whiteSpace: 'nowrap' |
| | | }, |
| | | registerInfo: { |
| | | value1: '', |
| | | value2: '', |
| | | value3: '', |
| | | value4: '', |
| | | value5: '' |
| | | }, |
| | | hasScanSnList: [], |
| | | delContent: null, |
| | | staffList: [], |
| | | }; |
| | | // å¼¹æ¡ä¿å |
| | | confirmPN() { |
| | | console.log('ä¿å', this.registerInfo.value2); |
| | | // è¯·æ±æ¥å£ï¼æ ¹æ®å·¥åå·æ¥è¯¢å
¶ä»ä¿¡æ¯å¹¶èµå¼ |
| | | }, |
| | | onLoad(option) {}, |
| | | onShow() { |
| | | //æ¹æ¬¡å· |
| | | openBatch() { |
| | | this.$refs.openBatch.openBatch(); |
| | | }, |
| | | // å¼¹æ¡ä¿å |
| | | confirmBatch() { |
| | | console.log('ä¿å', this.registerInfo.value3); |
| | | // è¯·æ±æ¥å£ï¼æ ¹æ®å·¥åå·æ¥è¯¢å
¶ä»ä¿¡æ¯å¹¶èµå¼ |
| | | }, |
| | | //åºä½å· |
| | | openLocation() { |
| | | this.$refs.openLocation.open(); |
| | | }, |
| | | // å¼¹æ¡ä¿å |
| | | confirmLocation() { |
| | | console.log('ä¿å', this.registerInfo.value4); |
| | | // è¯·æ±æ¥å£ï¼æ ¹æ®å·¥åå·æ¥è¯¢å
¶ä»ä¿¡æ¯å¹¶èµå¼ |
| | | }, |
| | | //çç¹æ°é |
| | | openPhysicalInventory() { |
| | | this.$refs.openPhysicalInventory.open(); |
| | | }, |
| | | // å¼¹æ¡ä¿å |
| | | confirmPhysicalInventory() { |
| | | console.log('ä¿å', this.registerInfo.value5); |
| | | // è¯·æ±æ¥å£ï¼æ ¹æ®å·¥åå·æ¥è¯¢å
¶ä»ä¿¡æ¯å¹¶èµå¼ |
| | | }, |
| | | |
| | | let that = this |
| | | |
| | | uni.$off('scan') // æ¯æ¬¡è¿æ¥å
ç§»é¤å
¨å±èªå®ä¹äºä»¶çå¬å¨ |
| | | uni.$on('scan', function(data) { |
| | | console.log('onscan'); |
| | | //æ«ç æååçåè°ï¼ä½ å¯ä»¥åèªå·±çé»è¾ä»£ç å¨è¿é |
| | | console.log('æ«ç ç»æï¼', data.code); |
| | | that.scanHandle(data.code) |
| | | that.$forceUpdate(); |
| | | |
| | | setNo(val) { |
| | | console.log('11111', val) |
| | | this.registerInfo = val |
| | | }, |
| | | //çç¹æ¥åå· |
| | | seachPersonnelNo() { |
| | | console.log('11111') |
| | | uni.navigateTo({ |
| | | url: '/pages/wareHouse/inventory/orderList' |
| | | }) |
| | | }, |
| | | onNavigationBarButtonTap() { |
| | | this.goScan() |
| | | goScan() { |
| | | uni.scanCode({ |
| | | scanType: ['qrCode'], |
| | | success: res => { |
| | | try { |
| | | console.log('æ«ç ç»æï¼', res); |
| | | this.scanHandle(res.result) |
| | | } catch (e) { } |
| | | } |
| | | }); |
| | | }, |
| | | onReady() {}, |
| | | methods: { |
| | | //é¶ä»¶å· |
| | | openPN() { |
| | | this.$refs.openPN.open(); |
| | | }, |
| | | // å¼¹æ¡ä¿å |
| | | confirmPN() { |
| | | console.log('ä¿å', this.registerInfo.value2); |
| | | // è¯·æ±æ¥å£ï¼æ ¹æ®å·¥åå·æ¥è¯¢å
¶ä»ä¿¡æ¯å¹¶èµå¼ |
| | | }, |
| | | //æ¹æ¬¡å· |
| | | openBatch() { |
| | | this.$refs.openBatch.openBatch(); |
| | | }, |
| | | // å¼¹æ¡ä¿å |
| | | confirmBatch() { |
| | | console.log('ä¿å', this.registerInfo.value3); |
| | | // è¯·æ±æ¥å£ï¼æ ¹æ®å·¥åå·æ¥è¯¢å
¶ä»ä¿¡æ¯å¹¶èµå¼ |
| | | }, |
| | | //åºä½å· |
| | | openLocation() { |
| | | this.$refs.openLocation.open(); |
| | | }, |
| | | // å¼¹æ¡ä¿å |
| | | confirmLocation() { |
| | | console.log('ä¿å', this.registerInfo.value4); |
| | | // è¯·æ±æ¥å£ï¼æ ¹æ®å·¥åå·æ¥è¯¢å
¶ä»ä¿¡æ¯å¹¶èµå¼ |
| | | }, |
| | | //çç¹æ°é |
| | | openPhysicalInventory() { |
| | | this.$refs.openPhysicalInventory.open(); |
| | | }, |
| | | // å¼¹æ¡ä¿å |
| | | confirmPhysicalInventory() { |
| | | console.log('ä¿å', this.registerInfo.value5); |
| | | // è¯·æ±æ¥å£ï¼æ ¹æ®å·¥åå·æ¥è¯¢å
¶ä»ä¿¡æ¯å¹¶èµå¼ |
| | | }, |
| | | |
| | | setNo(val) { |
| | | console.log('11111', val) |
| | | this.registerInfo = val |
| | | }, |
| | | //çç¹æ¥åå· |
| | | seachPersonnelNo() { |
| | | console.log('11111') |
| | | uni.navigateTo({ |
| | | url: '/pages/wareHouse/inventory/orderList' |
| | | }) |
| | | }, |
| | | goScan() { |
| | | uni.scanCode({ |
| | | scanType: ['qrCode'], |
| | | success: res => { |
| | | try { |
| | | console.log('æ«ç ç»æï¼', res); |
| | | this.scanHandle(res.result) |
| | | } catch (e) {} |
| | | } |
| | | }); |
| | | }, |
| | | scanHandle(scanresult) { |
| | | scanresult = scanresult.replace(/[\r\n]/g, "") |
| | | if (scanresult.indexOf('{') > -1) { |
| | | //äºç»´ç |
| | | const result = JSON.parse(scanresult) |
| | | //å¢å SNæ ¡éª |
| | | if (result.sn_no && result.sn_no != null && result.sn_no != '') { |
| | | if (this.hasScanSnList.length > 0) { |
| | | let hasScanSnIndex = this.hasScanSnList.indexOf(result.sn_no) |
| | | if (hasScanSnIndex < 0) { |
| | | this.hasScanSnList.push(result.sn_no) |
| | | } else { |
| | | this.$u.toast('请å¿é夿«æ') |
| | | } |
| | | } else { |
| | | this.hasScanSnList.push(result.sn_no) |
| | | } |
| | | } |
| | | |
| | | } else { |
| | | //å¢å SNæ ¡éª |
| | | scanHandle(scanresult) { |
| | | scanresult = scanresult.replace(/[\r\n]/g, "") |
| | | if (scanresult.indexOf('{') > -1) { |
| | | //äºç»´ç |
| | | const result = JSON.parse(scanresult) |
| | | //å¢å SNæ ¡éª |
| | | if (result.sn_no && result.sn_no != null && result.sn_no != '') { |
| | | if (this.hasScanSnList.length > 0) { |
| | | let hasScanSnIndex = this.hasScanSnList.indexOf(scanresult) |
| | | let hasScanSnIndex = this.hasScanSnList.indexOf(result.sn_no) |
| | | if (hasScanSnIndex < 0) { |
| | | this.hasScanSnList.push(scanresult) |
| | | this.hasScanSnList.push(result.sn_no) |
| | | } else { |
| | | this.$u.toast('请å¿é夿«æ') |
| | | } |
| | | } else { |
| | | this.hasScanSnList.push(scanresult) |
| | | this.hasScanSnList.push(result.sn_no) |
| | | } |
| | | } |
| | | }, |
| | | goSubmit() { |
| | | // if (this.registerInfo.shiftId == null || this.registerInfo.shiftId == '') { |
| | | // this.$u.toast('è¯·éæ©çæ¬¡') |
| | | // return |
| | | // } |
| | | // if (this.registerInfo.value3 == null || this.registerInfo.value3 == '') { |
| | | // this.$u.toast('è¯·éæ©æ¥æ') |
| | | // return |
| | | // } |
| | | // if (this.registerInfo.locNo == null || this.registerInfo.locNo == '') { |
| | | // this.$u.toast('è¯·éæ©å
è£
åºä½') |
| | | // return |
| | | // } |
| | | // if (this.hasScanSnList.length == 0) { |
| | | // this.$u.toast('æ å¾
æäº¤çSNå·æç»') |
| | | // return |
| | | // } |
| | | // let registrList = [] |
| | | // this.staffList = [] |
| | | // this.staffNameList.forEach((item) => { |
| | | // this.staffList.push({ |
| | | // staffId: item.id |
| | | // }) |
| | | // }) |
| | | // this.hasScanSnList.forEach((item) => { |
| | | // registrList.push({ |
| | | // shiftId: this.registerInfo.shiftId, |
| | | // value3: this.registerInfo.value3, |
| | | // locNo: this.registerInfo.locNo, |
| | | // partBatchNo: item, |
| | | // staffList: this.staffList |
| | | // }) |
| | | // }) |
| | | // this.$u.api.pigxPacking.addPackageRegister(registrList).then(res => { |
| | | // let resData = res.data |
| | | // this.hasScanSnList = [] |
| | | // this.$u.toast('æäº¤æå') |
| | | // }).catch((e) => { |
| | | // }) |
| | | |
| | | }, |
| | | } |
| | | }; |
| | | } else { |
| | | //å¢å SNæ ¡éª |
| | | if (this.hasScanSnList.length > 0) { |
| | | let hasScanSnIndex = this.hasScanSnList.indexOf(scanresult) |
| | | if (hasScanSnIndex < 0) { |
| | | this.hasScanSnList.push(scanresult) |
| | | } else { |
| | | this.$u.toast('请å¿é夿«æ') |
| | | } |
| | | } else { |
| | | this.hasScanSnList.push(scanresult) |
| | | } |
| | | } |
| | | }, |
| | | goSubmit() { |
| | | // if (this.registerInfo.shiftId == null || this.registerInfo.shiftId == '') { |
| | | // this.$u.toast('è¯·éæ©çæ¬¡') |
| | | // return |
| | | // } |
| | | // if (this.registerInfo.value3 == null || this.registerInfo.value3 == '') { |
| | | // this.$u.toast('è¯·éæ©æ¥æ') |
| | | // return |
| | | // } |
| | | // if (this.registerInfo.locNo == null || this.registerInfo.locNo == '') { |
| | | // this.$u.toast('è¯·éæ©å
è£
åºä½') |
| | | // return |
| | | // } |
| | | // if (this.hasScanSnList.length == 0) { |
| | | // this.$u.toast('æ å¾
æäº¤çSNå·æç»') |
| | | // return |
| | | // } |
| | | // let registrList = [] |
| | | // this.staffList = [] |
| | | // this.staffNameList.forEach((item) => { |
| | | // this.staffList.push({ |
| | | // staffId: item.id |
| | | // }) |
| | | // }) |
| | | // this.hasScanSnList.forEach((item) => { |
| | | // registrList.push({ |
| | | // shiftId: this.registerInfo.shiftId, |
| | | // value3: this.registerInfo.value3, |
| | | // locNo: this.registerInfo.locNo, |
| | | // partBatchNo: item, |
| | | // staffList: this.staffList |
| | | // }) |
| | | // }) |
| | | // this.$u.api.pigxPacking.addPackageRegister(registrList).then(res => { |
| | | // let resData = res.data |
| | | // this.hasScanSnList = [] |
| | | // this.$u.toast('æäº¤æå') |
| | | // }).catch((e) => { |
| | | // }) |
| | | |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .packing-registration-bg { |
| | | background-color: #F6F9FF; |
| | | background-image: url('~@/static/custom/packing/backBg.png'); |
| | | padding: 0 20rpx; |
| | | background-attachment: fixed; |
| | | .packing-registration-bg { |
| | | background-color: #F6F9FF; |
| | | background-image: url('~@/static/custom/packing/backBg.png'); |
| | | padding: 0 20rpx; |
| | | background-attachment: fixed; |
| | | background-size: 100% auto; |
| | | background-repeat: no-repeat; |
| | | position: fixed; |
| | | top: 0; |
| | | bottom: 0; |
| | | width: 100%; |
| | | z-index: -1; |
| | | } |
| | | |
| | | .packing-registration-param { |
| | | padding: 40rpx 30rpx 10rpx 30rpx; |
| | | |
| | | .packing-registration-param-title { |
| | | display: flex; |
| | | flex-direction: row; |
| | | align-items: center; |
| | | margin-bottom: 30rpx; |
| | | |
| | | .title-label { |
| | | margin-left: 14rpx; |
| | | font-size: 34rpx; |
| | | font-weight: bold; |
| | | color: #283E65; |
| | | } |
| | | } |
| | | |
| | | .packing-registration-param-view { |
| | | height: 615rpx; |
| | | background-color: #fff; |
| | | border-radius: 10rpx; |
| | | padding: 0rpx 23rpx; |
| | | margin-bottom: 30rpx; |
| | | |
| | | .packing-registration-param-item { |
| | | height: 90rpx; |
| | | border: 1px solid #ADC8E4; |
| | | line-height: 90rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | border: none; |
| | | |
| | | .packing-registration-param-item-left { |
| | | .item-one { |
| | | font-size: 30rpx; |
| | | color: #666666; |
| | | } |
| | | } |
| | | |
| | | .packing-registration-param-item-right { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .item-one { |
| | | font-size: 30rpx; |
| | | color: #333333; |
| | | margin-right: 6rpx; |
| | | } |
| | | |
| | | .item-two { |
| | | font-size: 30rpx; |
| | | color: #A6B4CC; |
| | | margin-right: 6rpx; |
| | | } |
| | | |
| | | .item-three { |
| | | font-size: 30rpx; |
| | | color: #214DED; |
| | | margin-right: 6rpx; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .param-extra { |
| | | border-bottom: 1px solid #EDEDED; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .wrap .packing-registration-scroll-list { |
| | | height: calc(100vh - var(--window-top) - var(--window-bottom) - 930rpx); |
| | | width: 100%; |
| | | } |
| | | |
| | | .packing-registration-scroll-list-group { |
| | | ::v-deep .u-cell-item-box { |
| | | background-color: rgba(250, 252, 255, 0.36) !important; |
| | | padding: 0rpx 30rpx; |
| | | } |
| | | |
| | | .content { |
| | | background-image: url('~@/static/custom/packing/row_bg.png'); |
| | | background-size: 100% auto; |
| | | background-repeat: no-repeat; |
| | | position: fixed; |
| | | top: 0; |
| | | bottom: 0; |
| | | width: 100%; |
| | | z-index: -1; |
| | | } |
| | | height: 89rpx; |
| | | width: 691rpx; |
| | | font-size: 12px; |
| | | background-color: #FFFFFF; |
| | | box-sizing: border-box; |
| | | border-radius: 10rpx; |
| | | margin: 0rpx 0rpx 20rpx; |
| | | padding: 0rpx 50rpx 0rpx 32rpx; |
| | | box-shadow: none; |
| | | |
| | | .packing-registration-param { |
| | | padding: 40rpx 30rpx 10rpx 30rpx; |
| | | |
| | | .packing-registration-param-title { |
| | | .row-list { |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: row; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | margin-bottom: 30rpx; |
| | | padding-top: 0rpx !important; |
| | | |
| | | .title-label { |
| | | margin-left: 14rpx; |
| | | font-size: 34rpx; |
| | | font-weight: bold; |
| | | color: #283E65; |
| | | } |
| | | } |
| | | |
| | | .packing-registration-param-view { |
| | | height: 615rpx; |
| | | background-color: #fff; |
| | | border-radius: 10rpx; |
| | | padding: 0rpx 23rpx; |
| | | margin-bottom: 30rpx; |
| | | |
| | | .packing-registration-param-item { |
| | | height: 90rpx; |
| | | border: 1px solid #ADC8E4; |
| | | line-height: 90rpx; |
| | | .row-list-left { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | border: none; |
| | | color: #333333; |
| | | |
| | | .packing-registration-param-item-left { |
| | | .item-one { |
| | | font-size: 30rpx; |
| | | color: #666666; |
| | | } |
| | | } |
| | | |
| | | .packing-registration-param-item-right { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .item-one { |
| | | font-size: 30rpx; |
| | | color: #333333; |
| | | margin-right: 6rpx; |
| | | } |
| | | |
| | | .item-two { |
| | | font-size: 30rpx; |
| | | color: #A6B4CC; |
| | | margin-right: 6rpx; |
| | | } |
| | | |
| | | .item-three { |
| | | font-size: 30rpx; |
| | | color: #214DED; |
| | | margin-right: 6rpx; |
| | | } |
| | | .num-icon { |
| | | background-image: url('~@/static/custom/packing/num-bg.png'); |
| | | background-size: 100% auto; |
| | | background-repeat: no-repeat; |
| | | height: 38rpx; |
| | | width: 38rpx; |
| | | text-align: center; |
| | | line-height: 38rpx; |
| | | } |
| | | } |
| | | |
| | | .param-extra { |
| | | border-bottom: 1px solid #EDEDED; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .wrap .packing-registration-scroll-list { |
| | | height: calc(100vh - var(--window-top) - var(--window-bottom) - 930rpx); |
| | | width: 100%; |
| | | } |
| | | |
| | | .packing-registration-scroll-list-group { |
| | | ::v-deep .u-cell-item-box { |
| | | background-color: rgba(250, 252, 255, 0.36) !important; |
| | | padding: 0rpx 30rpx; |
| | | } |
| | | |
| | | .content { |
| | | background-image: url('~@/static/custom/packing/row_bg.png'); |
| | | background-size: 100% auto; |
| | | background-repeat: no-repeat; |
| | | height: 89rpx; |
| | | width: 691rpx; |
| | | font-size: 12px; |
| | | background-color: #FFFFFF; |
| | | box-sizing: border-box; |
| | | border-radius: 10rpx; |
| | | margin: 0rpx 0rpx 20rpx; |
| | | padding: 0rpx 50rpx 0rpx 32rpx; |
| | | box-shadow: none; |
| | | |
| | | .row-list { |
| | | height: 100%; |
| | | .row-list-right { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | padding-top: 0rpx !important; |
| | | color: #428BF7; |
| | | |
| | | .row-list-left { |
| | | display: flex; |
| | | color: #333333; |
| | | |
| | | .num-icon { |
| | | background-image: url('~@/static/custom/packing/num-bg.png'); |
| | | background-size: 100% auto; |
| | | background-repeat: no-repeat; |
| | | height: 38rpx; |
| | | width: 38rpx; |
| | | text-align: center; |
| | | line-height: 38rpx; |
| | | } |
| | | } |
| | | |
| | | .row-list-right { |
| | | display: flex; |
| | | color: #428BF7; |
| | | |
| | | .del-icon { |
| | | background-image: url('~@/static/custom/packing/icon_dele.png'); |
| | | background-size: 100% auto; |
| | | background-repeat: no-repeat; |
| | | height: 30rpx; |
| | | width: 28rpx; |
| | | } |
| | | .del-icon { |
| | | background-image: url('~@/static/custom/packing/icon_dele.png'); |
| | | background-size: 100% auto; |
| | | background-repeat: no-repeat; |
| | | height: 30rpx; |
| | | width: 28rpx; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .registration-form-footer { |
| | | display: flex; |
| | | margin-top: 10rpx; |
| | | margin-bottom: 10rpx; |
| | | margin-left: 20rpx; |
| | | margin-right: 20rpx; |
| | | padding-bottom: 14rpx; |
| | | .registration-form-footer { |
| | | display: flex; |
| | | margin-top: 10rpx; |
| | | margin-bottom: 10rpx; |
| | | margin-left: 20rpx; |
| | | margin-right: 20rpx; |
| | | padding-bottom: 14rpx; |
| | | |
| | | .btn { |
| | | flex: 1; |
| | | margin: 10rpx; |
| | | background: #214DED; |
| | | box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(4, 49, 212, 0.3); |
| | | font-weight: bold; |
| | | color: #FEFEFE; |
| | | font-family: PingFang SC; |
| | | } |
| | | .btn { |
| | | flex: 1; |
| | | margin: 10rpx; |
| | | background: #214DED; |
| | | box-shadow: 0rpx 6rpx 8rpx 0rpx rgba(4, 49, 212, 0.3); |
| | | font-weight: bold; |
| | | color: #FEFEFE; |
| | | font-family: PingFang SC; |
| | | } |
| | | } |
| | | </style> |