|
|
@@ -1,108 +1,107 @@
|
|
|
<template>
|
|
|
- <!-- 现货仓单 现货明细 提货 true -->
|
|
|
- <Drawer :title="'提货'"
|
|
|
- :placement="'right'"
|
|
|
- class="bottom"
|
|
|
- :visible="visible"
|
|
|
- @cancel="cancel">
|
|
|
- <!-- 挂牌 -->
|
|
|
- <div class="listed">
|
|
|
- <div class="condition">
|
|
|
- <a-button class="conditionBtn">{{selectedRow.deliverygoodsname}}</a-button>
|
|
|
- <a-button class="conditionBtn">{{selectedRow.wrtypename}}</a-button>
|
|
|
- <a-button class="conditionBtn">{{selectedRow.warehousename}}</a-button>
|
|
|
- </div>
|
|
|
- <a-form class="inlineForm dialogForm"
|
|
|
- ref="formRef"
|
|
|
- :model="formState"
|
|
|
- :rules="rules">
|
|
|
- <div class="formBar">
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="提货数量"
|
|
|
- name="OutQty">
|
|
|
- <a-input-number class="commonInput"
|
|
|
- v-model:value="formState.OutQty"
|
|
|
- :min="0"
|
|
|
- :max="selectedRow.enableqty"
|
|
|
- style="width: 140px" />
|
|
|
- <span class="input-enumdicname">{{selectedRow.enumdicname}}</span>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="提货人"
|
|
|
- name="ContactName">
|
|
|
- <a-input class="commonInput"
|
|
|
- v-model:value="formState.ContactName"
|
|
|
- style="width: 140px" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12"
|
|
|
- class="mt-20">
|
|
|
- <a-form-item>
|
|
|
- <!-- <a-progress class="formProgress" :percent="30" /> -->
|
|
|
- <a-slider v-model:value="formState.OutQty"
|
|
|
- ::min="0"
|
|
|
- :max="selectedRow.enableqty"
|
|
|
- class="formSlider"
|
|
|
- style="width: 140px;" />
|
|
|
- <div class="unit">
|
|
|
- <span>0</span>
|
|
|
- <span>{{selectedRow.enableqty}}{{selectedRow.enumdicname}}</span>
|
|
|
+ <!-- 现货仓单 现货明细 提货 true -->
|
|
|
+ <Drawer :title="'提货'" :placement="'right'" class="bottom" :visible="visible" @cancel="cancel">
|
|
|
+ <!-- 挂牌 -->
|
|
|
+ <div class="listed">
|
|
|
+ <div class="condition">
|
|
|
+ <a-button class="conditionBtn">{{selectedRow.deliverygoodsname}}</a-button>
|
|
|
+ <a-button class="conditionBtn">{{selectedRow.wrtypename}}</a-button>
|
|
|
+ <a-button class="conditionBtn">{{selectedRow.warehousename}}</a-button>
|
|
|
+ </div>
|
|
|
+ <a-form class="inlineForm dialogForm" ref="formRef" :model="formState" :rules="rules">
|
|
|
+ <div class="formBar">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="提货数量" name="OutQty">
|
|
|
+ <a-input-number
|
|
|
+ class="commonInput"
|
|
|
+ v-model:value="formState.OutQty"
|
|
|
+ :min="0"
|
|
|
+ :max="selectedRow.enableqty"
|
|
|
+ style="width: 140px"
|
|
|
+ />
|
|
|
+ <span class="input-enumdicname">{{selectedRow.enumdicname}}</span>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="提货人" name="ContactName">
|
|
|
+ <a-input
|
|
|
+ class="commonInput"
|
|
|
+ v-model:value="formState.ContactName"
|
|
|
+ style="width: 140px"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12" class="mt-20">
|
|
|
+ <a-form-item>
|
|
|
+ <!-- <a-progress class="formProgress" :percent="30" /> -->
|
|
|
+ <a-slider
|
|
|
+ v-model:value="formState.OutQty"
|
|
|
+ ::min="0"
|
|
|
+ :max="selectedRow.enableqty"
|
|
|
+ class="formSlider"
|
|
|
+ style="width: 140px !important;"
|
|
|
+ />
|
|
|
+ <div class="unit">
|
|
|
+ <span>0</span>
|
|
|
+ <span>{{selectedRow.enableqty}}{{selectedRow.enumdicname}}</span>
|
|
|
+ </div>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12"> </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="联系方式" name="ContactNum">
|
|
|
+ <a-input
|
|
|
+ class="commonInput"
|
|
|
+ v-model:value="formState.ContactNum"
|
|
|
+ style="width: 140px"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="预约日期" name="AppointmentDate">
|
|
|
+ <a-date-picker
|
|
|
+ class="commonDatePicker dialogDatePicker"
|
|
|
+ allowClear="false"
|
|
|
+ v-model:value="formState.AppointmentDate"
|
|
|
+ style="width: 140px"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="12">
|
|
|
+ <a-form-item label="备注" name="AppointmentRemark">
|
|
|
+ <a-input
|
|
|
+ class="commonInput"
|
|
|
+ v-model:value="formState.AppointmentRemark"
|
|
|
+ style="width: 140px"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="12"> </a-col>
|
|
|
+ </a-row>
|
|
|
</div>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12"> </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="联系方式"
|
|
|
- name="ContactNum">
|
|
|
- <a-input class="commonInput"
|
|
|
- v-model:value="formState.ContactNum"
|
|
|
- style="width: 140px" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="预约日期"
|
|
|
- name="AppointmentDate">
|
|
|
- <a-date-picker class="commonDatePicker dialogDatePicker"
|
|
|
- allowClear="false"
|
|
|
- v-model:value="formState.AppointmentDate"
|
|
|
- style="width: 140px" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="12">
|
|
|
- <a-form-item label="备注"
|
|
|
- name="AppointmentRemark">
|
|
|
- <a-input class="commonInput"
|
|
|
- v-model:value="formState.AppointmentRemark"
|
|
|
- style="width: 140px" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="12"> </a-col>
|
|
|
- </a-row>
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :span="24" class="fixedBtns">
|
|
|
+ <a-form-item class="btnCenter">
|
|
|
+ <a-button
|
|
|
+ class="listedBtn"
|
|
|
+ :loading="loading"
|
|
|
+ :disabled="loading"
|
|
|
+ @click="submit"
|
|
|
+ >提货</a-button>
|
|
|
+ <a-button class="ml10 cancelBtn" @click="cancel">取消</a-button>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-form>
|
|
|
</div>
|
|
|
- <a-row :gutter="24">
|
|
|
- <a-col :span="24"
|
|
|
- class="fixedBtns">
|
|
|
- <a-form-item class="btnCenter">
|
|
|
- <a-button class="listedBtn"
|
|
|
- :loading="loading"
|
|
|
- :disabled="loading"
|
|
|
- @click="submit">提货</a-button>
|
|
|
- <a-button class="ml10 cancelBtn"
|
|
|
- @click="cancel">取消</a-button>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </a-form>
|
|
|
- </div>
|
|
|
- </Drawer>
|
|
|
+ </Drawer>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
marymelisa