120 lines
2.8 KiB
Vue
120 lines
2.8 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<uni-forms ref="form" :modelValue="formData" :rules="rules">
|
|||
|
|
<uni-row>
|
|||
|
|
<uni-col :span="24">
|
|||
|
|
<uni-forms-item label="员工编码" :labelWidth='90' name="empCode">
|
|||
|
|
<uni-easyinput suffixIcon="scan" @iconClick="scanBar" @confirm="search"
|
|||
|
|
v-model="formData.empCode" type="text" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
</uni-col>
|
|||
|
|
<uni-col :span="24" style="margin-bottom: 10px;">
|
|||
|
|
该员工已绑定设备：<br><span
|
|||
|
|
v-for="item in searchEmpWithEqp">{{item.equipmentCode+':'+item.equipmentTitle}}<br></span>
|
|||
|
|
</uni-col>
|
|||
|
|
<uni-col :span="24">
|
|||
|
|
<uni-forms-item label="设备编码" :labelWidth='90' name="eqpCode">
|
|||
|
|
<uni-easyinput suffixIcon="scan" @iconClick="scanBar1" v-model="formData.eqpCode" type="text" />
|
|||
|
|
</uni-forms-item>
|
|||
|
|
</uni-col>
|
|||
|
|
</uni-row>
|
|||
|
|
</uni-forms>
|
|||
|
|
<u-button type="primary" @click="submit">提交</u-button>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
addStart,
|
|||
|
|
addEnd,
|
|||
|
|
listEmpEqpHistory
|
|||
|
|
} from '@/api/basic/empEqpHistory.js'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
formData: {
|
|||
|
|
empCode: null,
|
|||
|
|
eqpCode: null
|
|||
|
|
},
|
|||
|
|
searchEmpWithEqp: [],
|
|||
|
|
rules: {
|
|||
|
|
empCode: {
|
|||
|
|
rules: [{
|
|||
|
|
required: true,
|
|||
|
|
errorMessage: '请输入员工编码！'
|
|||
|
|
}]
|
|||
|
|
},
|
|||
|
|
eqpCode: {
|
|||
|
|
rules: [{
|
|||
|
|
required: true,
|
|||
|
|
errorMessage: '请输入设备编码！'
|
|||
|
|
}, {
|
|||
|
|
pattern: '^[A-Z0-9]+$',
|
|||
|
|
errorMessage: '请输入正确格式的设备编码！',
|
|||
|
|
trigger: 'blur',
|
|||
|
|
}]
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
//根据员工编码来查询已上机但并未下机的设备
|
|||
|
|
search() {
|
|||
|
|
this.searchEmpWithEqp = [];
|
|||
|
|
listEmpEqpHistory({
|
|||
|
|
empCode: this.formData.empCode
|
|||
|
|
}).then(async res => {
|
|||
|
|
if (res.rows.length > 0) {
|
|||
|
|
for (var i in res.rows) {
|
|||
|
|
//判断是否下机
|
|||
|
|
if (!res.rows[i].endTime) {
|
|||
|
|
this.searchEmpWithEqp.push({
|
|||
|
|
equipmentCode: res.rows[i].equipmentCode,
|
|||
|
|
equipmentTitle: res.rows[i].equipmentTitle
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
scanBar() {
|
|||
|
|
const _this = this;
|
|||
|
|
uni.scanCode({
|
|||
|
|
scanType: ['qrCode', 'barCode'],
|
|||
|
|
success: function(res) {
|
|||
|
|
_this.formData.empCode = res.result;
|
|||
|
|
_this.search();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
scanBar1() {
|
|||
|
|
const _this = this;
|
|||
|
|
uni.scanCode({
|
|||
|
|
scanType: ['qrCode', 'barCode'],
|
|||
|
|
success: function(res) {
|
|||
|
|
_this.formData.eqpCode = res.result;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
submit() {
|
|||
|
|
this.$refs.form.validate().then(res => {
|
|||
|
|
if (this.formData.empCode && this.formData.eqpCode) {
|
|||
|
|
this.$modal.loading('提交中')
|
|||
|
|
addEnd(this.formData).then(res => {
|
|||
|
|
this.$modal.closeLoading();
|
|||
|
|
this.$modal.msgSuccess("下机成功！")
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.$tab.switchTab("/pages/work/index");
|
|||
|
|
}, 500);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
</style>
|