|
@@ -6,23 +6,22 @@
|
|
|
:destroy-on-close="true"
|
|
|
@close="onClose"
|
|
|
>
|
|
|
- <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
|
|
|
- <a-form-item label="装货点位id:" name="pointId">
|
|
|
- <a-input v-model:value="formData.pointId" placeholder="请输入装货点位id" allow-clear />
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="开始时间:" name="beginTime">
|
|
|
- <a-date-picker v-model:value="formData.beginTime" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择开始时间" style="width: 100%" />
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="结束时间:" name="endTime">
|
|
|
- <a-date-picker v-model:value="formData.endTime" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择结束时间" style="width: 100%" />
|
|
|
- </a-form-item>
|
|
|
+ <a-descriptions :column="4" size="middle" bordered class="mb-2" :label-style="labelStyle" :contentStyle="contentStyle">
|
|
|
+ <a-descriptions-item label="装货点位" :span="4">{{ formData.pointId }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="装货段" :span="4">{{ formData.beginTime }} ~ {{ formData.endTime }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="原可约次数" :span="4">{{ availableNumber }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="已约次数" :span="4">{{ alreadyNumber }} </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="剩余可约次数" :span="4">{{ lastNumber }} </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+
|
|
|
+ <a-form ref="formRef" :model="formData" :rules="formRules" :wrapper-col="wrapperCol" :label-col="labelCol">
|
|
|
<a-form-item label="可约次数:" name="availableNumber">
|
|
|
- <a-input v-model:value="formData.availableNumber" placeholder="请输入可约次数" allow-clear />
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="已约次数:" name="alreadyNumber">
|
|
|
- <a-input v-model:value="formData.alreadyNumber" placeholder="请输入已约次数" allow-clear />
|
|
|
+ <a-input-number v-model:value="formData.availableNumber" :min="availableNumber" style="width: 100%;" placeholder="请输入可约次数" allow-clear />
|
|
|
</a-form-item>
|
|
|
</a-form>
|
|
|
+
|
|
|
+ <div style="color: red;">提示:不得小于当前已约次数 {{ alreadyNumber }} </div>
|
|
|
+
|
|
|
<template #footer>
|
|
|
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
|
|
|
<a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
|
|
@@ -41,13 +40,20 @@
|
|
|
// 表单数据
|
|
|
const formData = ref({})
|
|
|
const submitLoading = ref(false)
|
|
|
+ const availableNumber = ref("")
|
|
|
+ const alreadyNumber = ref("")
|
|
|
+ const lastNumber = ref("")
|
|
|
|
|
|
// 打开抽屉
|
|
|
- const onOpen = (record) => {
|
|
|
+ const onOpen = (record, pointId) => {
|
|
|
open.value = true
|
|
|
+ formData.value.pointId = pointId
|
|
|
if (record) {
|
|
|
let recordData = cloneDeep(record)
|
|
|
formData.value = Object.assign({}, recordData)
|
|
|
+ availableNumber.value = Number(formData.value.availableNumber)
|
|
|
+ alreadyNumber.value = Number(formData.value.alreadyNumber)
|
|
|
+ lastNumber.value = availableNumber.value - alreadyNumber.value
|
|
|
}
|
|
|
}
|
|
|
// 关闭抽屉
|
|
@@ -58,6 +64,7 @@
|
|
|
}
|
|
|
// 默认要校验的
|
|
|
const formRules = {
|
|
|
+ availableNumber: [required("请输入可约次数")]
|
|
|
}
|
|
|
// 验证并提交数据
|
|
|
const onSubmit = () => {
|