You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
150 lines
3.1 KiB
Vue
150 lines
3.1 KiB
Vue
<template>
|
|
<view class="box-container">
|
|
<image class="img-container" src="@/static/images/common/workOrderAdd.png">
|
|
</image>
|
|
<u-navbar leftIconSize="25px" height="80px" leftIconColor="#fff" bgColor="#1A4F94" :autoBack="true">
|
|
</u-navbar>
|
|
<view class="entry-info">
|
|
<view style="margin-bottom: 30rpx;font-size: 16px;font-weight: 600;">请录入</view>
|
|
<u-form labelPosition="left" labelWidth="9px" :model="ruleForm" :rules="rules" ref="ruleFormRef">
|
|
<u-form-item prop="orderNo">
|
|
<u-search :customStyle="{backgroundColor: '#F5F5F5'}" @clickIcon="getSearchData"
|
|
@search="getSearchData" @scanIcon="getScanData" clearable placeholder="请输入订单号"
|
|
v-model="ruleForm.orderNo" shape="round" :showAction="false">
|
|
</u-search>
|
|
</u-form-item>
|
|
<button type="primary" class="btn" @tap="submitData">发起工单</button>
|
|
</u-form>
|
|
</view>
|
|
<u-toast ref="uToast"></u-toast>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import store from '@/store/index'
|
|
import Api from '@/api/api.js'
|
|
import {
|
|
initScan,
|
|
startScan,
|
|
stopScan
|
|
} from "@/libs/scan.js"
|
|
export default {
|
|
onShow() {
|
|
initScan(this.scanSuccess);
|
|
startScan();
|
|
},
|
|
|
|
onHide() {
|
|
stopScan();
|
|
},
|
|
data() {
|
|
return {
|
|
ruleForm: {
|
|
warehouseId: store.state.userInfo.branchId,
|
|
orderNo: "",
|
|
orderNos: [],
|
|
workType: "7",
|
|
location: "",
|
|
number: "",
|
|
userId: "",
|
|
},
|
|
rules: {
|
|
orderNo: {
|
|
required: true,
|
|
message: '请输入订单号',
|
|
trigger: ['blur', 'change']
|
|
},
|
|
|
|
},
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
async scanSuccess(code) {
|
|
this.ruleForm.orderNo = code.trim()
|
|
this.queryData()
|
|
},
|
|
getSearchData() {
|
|
this.queryData()
|
|
},
|
|
getScanData() {
|
|
uni.scanCode({
|
|
success: (res) => {
|
|
if (res.result) {
|
|
this.ruleForm.orderNo = res.result.trim()
|
|
this.queryData()
|
|
}
|
|
|
|
},
|
|
fail: (err) => {
|
|
|
|
},
|
|
complete: () => {
|
|
|
|
}
|
|
})
|
|
|
|
},
|
|
submitData() {
|
|
this.queryData()
|
|
},
|
|
queryData() {
|
|
this.$refs.ruleFormRef.validate().then(valid => {
|
|
uni.showModal({
|
|
title: `订单号为${this.ruleForm.orderNo}`,
|
|
content: '是否确认发起工单',
|
|
success: (res) => {
|
|
if (res.confirm) {
|
|
uni.navigateTo({
|
|
url: `/pages/workOrder/workOrderWrite?orderNo=${this.ruleForm.orderNo}`
|
|
})
|
|
} else {
|
|
this.ruleForm.orderNo = ""
|
|
}
|
|
}
|
|
})
|
|
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.box-container {
|
|
position: relative;
|
|
|
|
.img-container {
|
|
height: 684rpx;
|
|
width: 100%;
|
|
margin-top: 100rpx;
|
|
}
|
|
|
|
.entry-info {
|
|
position: absolute;
|
|
border-radius: 20px;
|
|
top: 590rpx;
|
|
width: 90%;
|
|
left: 50%;
|
|
transform: translate(-50%, 0);
|
|
min-height: 430rpx;
|
|
background-color: #fff;
|
|
padding: 40rpx 40rpx;
|
|
box-sizing: border-box;
|
|
border: 2px solid #F7F9FF;
|
|
|
|
.u-input__content {
|
|
border: 1px solid #000 !important;
|
|
background-color: #000 !important;
|
|
border-radius: 100px;
|
|
height: 60rpx;
|
|
}
|
|
|
|
.btn {
|
|
border-radius: 12px;
|
|
font-size: 28rpx;
|
|
margin-top: 80rpx;
|
|
background-color: #1A4F94;
|
|
}
|
|
}
|
|
|
|
}
|
|
</style> |