| | |
| | | <el-dialog v-loading="diaLoading" :close-on-click-modal="false" |
| | | :close-on-press-escape="false" |
| | | v-model="formDia" |
| | | title="标准物质借用" |
| | | title="标准物质领用" |
| | | width="80%" @close="closeBorrowDia"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-position="right" label-width="auto"> |
| | | <el-row :gutter="20"> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="剩余可领用"> |
| | | <el-input v-model="remaining" disabled size="small"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="领用数量" prop="borrowQuantity"> |
| | | <el-input-number v-model="form.borrowQuantity" :min="1" :max="remaining > 0 ? remaining : 1" size="small" style="width: 100%"></el-input-number> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="完好性" prop="integrity"> |
| | | <el-input v-model="form.integrity" clearable size="small"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="借用人" prop="borrowUser"> |
| | | <el-form-item label="领用人" prop="borrowUser"> |
| | | <el-input v-model="form.borrowUser" clearable size="small"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="借出日期" prop="borrowDate"> |
| | | <el-form-item label="领用日期" prop="borrowDate"> |
| | | <el-date-picker |
| | | v-model="form.borrowDate" |
| | | clearable |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="约定归还日期" prop="borrowReturnDate"> |
| | | <el-date-picker |
| | | v-model="form.borrowReturnDate" |
| | | clearable |
| | | format="YYYY-MM-DD HH:mm:ss" placeholder="选择日期" |
| | | size="small" style="width: 100%" |
| | | type="datetime" value-format="YYYY-MM-DD HH:mm:ss"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="借出人" prop="lender"> |
| | | <el-form-item label="发放人" prop="lender"> |
| | | <el-input v-model="form.lender" clearable size="small"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | |
| | | <script> |
| | | import { |
| | | borrowSubstance |
| | | borrowSubstance, |
| | | getRemainingQuantity |
| | | } from "@/api/cnas/resourceDemand/standardMaterial/standardMaterial"; |
| | | |
| | | export default { |
| | |
| | | borrowUser: '', |
| | | phone: '', |
| | | borrowDate: '', |
| | | borrowReturnDate: '', |
| | | lender: '', |
| | | substanceId: '' |
| | | substanceId: '', |
| | | borrowQuantity: null |
| | | }, |
| | | remaining: 0, |
| | | rules: { |
| | | integrity: [{required: true, message: '请填写完好性',trigger: 'blur'}], |
| | | borrowUser: [{required: true, message: '请填写借用人',trigger: 'blur'}], |
| | | borrowUser: [{required: true, message: '请填写领用人',trigger: 'blur'}], |
| | | phone: [{required: true, message: '请填写联系方式',trigger: 'blur'}], |
| | | borrowDate: [{required: true, message: '请选择借出日期',trigger: 'change'}], |
| | | borrowReturnDate: [{required: true, message: '请选择约定归还日期',trigger: 'change'}], |
| | | lender: [{required: true, message: '请选择lender',trigger: 'blur'}], |
| | | borrowDate: [{required: true, message: '请选择领用日期',trigger: 'change'}], |
| | | lender: [{required: true, message: '请填写发放人',trigger: 'blur'}], |
| | | borrowQuantity: [ |
| | | {required: true, message: '请填写领用数量', trigger: 'blur'}, |
| | | { |
| | | validator: (rule, value, callback) => { |
| | | if (value === null || value === undefined || value === '') { |
| | | callback(new Error('请填写领用数量')) |
| | | } else if (Number(value) <= 0) { |
| | | callback(new Error('领用数量必须大于0')) |
| | | } else if (Number(value) > this.remaining) { |
| | | callback(new Error('领用数量不能超过剩余可领用数量')) |
| | | } else { |
| | | callback() |
| | | } |
| | | }, |
| | | trigger: 'blur' |
| | | }, |
| | | ], |
| | | }, |
| | | }; |
| | | }, |
| | |
| | | this.form.name = row.name |
| | | this.form.model = row.model |
| | | this.form.substanceId = row.id |
| | | this.remaining = 0 |
| | | getRemainingQuantity(row.id).then(res => { |
| | | if (res.code === 200) { |
| | | this.remaining = res.data |
| | | } |
| | | }) |
| | | }, |
| | | // 提交弹框数据 |
| | | handleEdit () { |