¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <u-modal :show="show" title="å
¥åºç¡®è®¤" :closeOnClickOverlay="true" :showCancelButton="true" @cancel="handlerCancel" |
| | | @confirm="handlerConfirm" @close="handlerCancel"> |
| | | <u-form labelPosition="left" labelWidth="100rpx" :model="form" :rules="rules" ref="uForm"> |
| | | <u-form-item required label="å¯ç " prop="pwd"> |
| | | <u-input v-model="form.pwd" type="password" placeholder="请è¾å
¥å¯ç " style="width: 450rpx;"></u-input> |
| | | </u-form-item> |
| | | </u-form> |
| | | |
| | | <!-- <view class="status_flex"> |
| | | <u-input v-model="pwd" type="password" placeholder="请è¾å
¥å¯ç " style="width: 450rpx;"></u-input> |
| | | </view> --> |
| | | </u-modal> |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | $alert |
| | | } from '@/static/js/utils/index.js' |
| | | import { |
| | | outBoundWorkPiece |
| | | } from '@/api/outBound/index.js' |
| | | export default { |
| | | emits: ['update'], |
| | | data() { |
| | | return { |
| | | show: false, |
| | | workPieceData:[], |
| | | form: { |
| | | pwd: '' |
| | | }, |
| | | rules: { |
| | | pwd: { |
| | | type: 'string', |
| | | required: true, |
| | | message: '请è¾å
¥å¯ç ', |
| | | trigger: ['blur', 'change'] |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | onReady() { |
| | | this.$refs.uForm.setRules(this.rules) |
| | | }, |
| | | methods: { |
| | | showModal(workPieceData){ |
| | | this.show=true |
| | | this.workPieceData=workPieceData |
| | | }, |
| | | handlerCancel() { |
| | | this.form = { |
| | | pwd: '', |
| | | } |
| | | this.show = false |
| | | }, |
| | | // éä¸çç¶æä¼ éç»ç¶ç»ä»¶ |
| | | handlerConfirm() { |
| | | console.log(111); |
| | | this.$refs.uForm.validate().then(res => { |
| | | const params = { |
| | | password: this.form.pwd, |
| | | workPieceInfoLst:this.workPieceData |
| | | } |
| | | console.log(params,'params'); |
| | | outBoundWorkPiece(params).then(res => { |
| | | uni.showToast({ |
| | | title: 'åºåºæå' |
| | | }) |
| | | this.$emit('reflesh') |
| | | this.handlerCancel() |
| | | }) |
| | | }).catch(errors => { |
| | | console.log(errors,'22'); |
| | | }) |
| | | } |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .status_flex { |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | align-items: center; |
| | | |
| | | .flex_item { |
| | | width: 450rpx; |
| | | height: 70rpx; |
| | | text-align: center; |
| | | line-height: 70rpx; |
| | | border: 1px solid $color-common; |
| | | color: $color-common; |
| | | font-size: 32rpx; |
| | | font-weight: 550; |
| | | background: #fff; |
| | | margin-bottom: 30rpx; |
| | | } |
| | | |
| | | .active_item { |
| | | background: $color-common; |
| | | color: #fff; |
| | | } |
| | | } |
| | | |
| | | ::v-deep .u-transition { |
| | | z-index: 99 !important; |
| | | } |
| | | </style> |