|
|
@@ -1,97 +1,108 @@
|
|
|
<template>
|
|
|
- <!-- 交收-->
|
|
|
- <Drawer :title="'交收'"
|
|
|
- :placement="'right'"
|
|
|
- class="bottom486"
|
|
|
- :visible="visible"
|
|
|
- @cancel="cancel">
|
|
|
- <div class="listed c_c_s_s">
|
|
|
- <a-form class="inlineForm dialogForm"
|
|
|
- ref="formRef">
|
|
|
- <div class="formBar">
|
|
|
- <div class="formtop">
|
|
|
- <div class="firstTitle">
|
|
|
- <span>合约数量 {{selectedRow.enableqty}}</span>
|
|
|
- <span>可交收数量 {{getCanSettlementNum()}} {{selectedRow.goodunit}}</span>
|
|
|
- </div>
|
|
|
- <div class="secondLine">
|
|
|
- <div class="left">持有人/商品/仓库</div>
|
|
|
- <div class="middle">升贴水/数量</div>
|
|
|
- <div class="right">选择数量</div>
|
|
|
- </div>
|
|
|
- <a-checkbox-group class="commonCheckboxGroup"
|
|
|
- v-model:value="checked"
|
|
|
- @change="checkGroupChange">
|
|
|
- <div class="lineBar"
|
|
|
- v-for="(item, index) in tableList"
|
|
|
- :key="index + '11'">
|
|
|
- <div class="line1">
|
|
|
- <div class>
|
|
|
- <a-checkbox @change="checkboxChange(item)"
|
|
|
- :value="item.ladingbillid"></a-checkbox>
|
|
|
- </div>
|
|
|
- <div class="name">{{item.username}}</div>
|
|
|
+ <!-- 交收-->
|
|
|
+ <Drawer
|
|
|
+ :title="'交收'"
|
|
|
+ :placement="'right'"
|
|
|
+ class="bottom486"
|
|
|
+ :visible="visible"
|
|
|
+ @cancel="cancel"
|
|
|
+ >
|
|
|
+ <div class="listed c_c_s_s">
|
|
|
+ <a-form class="inlineForm dialogForm" ref="formRef">
|
|
|
+ <div class="formBar">
|
|
|
+ <div class="formtop">
|
|
|
+ <div class="firstTitle">
|
|
|
+ <span>合约数量 {{selectedRow.enableqty}}</span>
|
|
|
+ <span>可交收数量 {{getCanSettlementNum()}} {{selectedRow.goodunit}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="secondLine">
|
|
|
+ <div class="left">持有人/商品/仓库</div>
|
|
|
+ <div class="middle">升贴水/数量</div>
|
|
|
+ <div class="right">选择数量</div>
|
|
|
+ </div>
|
|
|
+ <a-checkbox-group
|
|
|
+ class="commonCheckboxGroup"
|
|
|
+ v-model:value="checked"
|
|
|
+ @change="checkGroupChange"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="lineBar"
|
|
|
+ v-for="(item, index) in tableList"
|
|
|
+ :key="index + '11'"
|
|
|
+ >
|
|
|
+ <div class="line1">
|
|
|
+ <div class>
|
|
|
+ <a-checkbox
|
|
|
+ @change="checkboxChange(item)"
|
|
|
+ :value="item.ladingbillid"
|
|
|
+ ></a-checkbox>
|
|
|
+ </div>
|
|
|
+ <div class="name">{{item.username}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="line2">
|
|
|
+ <div class="left">
|
|
|
+ <div>{{item.wrtypename}}</div>
|
|
|
+ <div>{{item.warehousename}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="middle">
|
|
|
+ <div>{{item.pricemove}}</div>
|
|
|
+ <div>{{toFixed0(item.avalidqty)}}{{item.enumdicname}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <template
|
|
|
+ class="inputNumberBlock"
|
|
|
+ :class="isChecked(item.ladingbillid) ? '' : 'disabled'"
|
|
|
+ >
|
|
|
+ <a-input-number
|
|
|
+ class="dialogInput dialogInput34"
|
|
|
+ v-model:value="item.num"
|
|
|
+ style="width: 130px !important; height: 34px;"
|
|
|
+ :disabled="!isChecked(item.ladingbillid)"
|
|
|
+ :max="toFixed0(item.avalidqty)"
|
|
|
+ :min="0"
|
|
|
+ ></a-input-number>
|
|
|
+ <MinusOutlined @click="decrease(item)" />
|
|
|
+ <PlusOutlined @click="increase(item)" />
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a-checkbox-group>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="line2">
|
|
|
- <div class="left">
|
|
|
- <div>{{item.wrtypename}}</div>
|
|
|
- <div>{{item.warehousename}}</div>
|
|
|
- </div>
|
|
|
- <div class="middle">
|
|
|
- <div>{{item.pricemove}}</div>
|
|
|
- <div>{{toFixed0(item.avalidqty)}}{{item.enumdicname}}</div>
|
|
|
- </div>
|
|
|
- <div class="right">
|
|
|
- <template class="inputNumberBlock"
|
|
|
- :class="isChecked(item.ladingbillid) ? '' : 'disabled'">
|
|
|
- <a-input-number class="dialogInput dialogInput34"
|
|
|
- v-model:value="item.num"
|
|
|
- style="width: 130px !important; height: 34px;"
|
|
|
- :disabled="!isChecked(item.ladingbillid)"
|
|
|
- :max="toFixed0(item.avalidqty)"
|
|
|
- :min="0"></a-input-number>
|
|
|
- <MinusOutlined @click="decrease(item)" />
|
|
|
- <PlusOutlined @click="increase(item)" />
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a-checkbox-group>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="fixedBtns">
|
|
|
- <div class="formbottom">
|
|
|
- <div class="line1">
|
|
|
- <div>
|
|
|
- <span>已点选数量</span>
|
|
|
- <span class="white">{{selctedNum()}} {{selectedRow.goodunit}}</span>
|
|
|
- <span>，需合约数量</span>
|
|
|
- <span class="white">{{getNeedContractNum()}}</span>
|
|
|
- </div>
|
|
|
- <div class="yellow">升贴水{{selected ? selected.pricemove : '--'}}</div>
|
|
|
- </div>
|
|
|
- <div class="line2"
|
|
|
- v-if="isBaseSpread()">
|
|
|
- <div>点价合约</div>
|
|
|
- <div class="right">
|
|
|
- <div>{{selected.pgoodscode ? selected.pgoodscode : ''}}</div>
|
|
|
- <div>{{getDeliveryGoodsPrice()}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="isBaseSpread()"
|
|
|
- class="line3">预估贷款：{{getEstimatedPayment()}}</div>
|
|
|
- </div>
|
|
|
+ <div class="fixedBtns">
|
|
|
+ <div class="formbottom">
|
|
|
+ <div class="line1">
|
|
|
+ <div>
|
|
|
+ <span>已点选数量</span>
|
|
|
+ <span class="white">{{selctedNum()}} {{selectedRow.goodunit}}</span>
|
|
|
+ <span>，需合约数量</span>
|
|
|
+ <span class="white">{{getNeedContractNum()}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="yellow">升贴水{{selected ? selected.pricemove : '--'}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="line2" v-if="isBaseSpread()">
|
|
|
+ <div>点价合约</div>
|
|
|
+ <div class="right">
|
|
|
+ <div>{{selected.pgoodscode ? selected.pgoodscode : ''}}</div>
|
|
|
+ <div>{{getDeliveryGoodsPrice()}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="isBaseSpread()" class="line3">预估贷款：{{getEstimatedPayment()}}</div>
|
|
|
+ </div>
|
|
|
|
|
|
- <a-form-item class="btnCenter mt10">
|
|
|
- <a-button class="listedBtn"
|
|
|
- :loading="loading"
|
|
|
- :disabled="loading"
|
|
|
- @click="submit">提交</a-button>
|
|
|
- </a-form-item>
|
|
|
+ <a-form-item class="btnCenter mt10">
|
|
|
+ <a-button
|
|
|
+ class="listedBtn"
|
|
|
+ :loading="loading"
|
|
|
+ :disabled="loading"
|
|
|
+ @click="submit"
|
|
|
+ >提交</a-button>
|
|
|
+ </a-form-item>
|
|
|
+ </div>
|
|
|
+ </a-form>
|
|
|
</div>
|
|
|
- </a-form>
|
|
|
- </div>
|
|
|
- </Drawer>
|
|
|
+ </Drawer>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
@@ -264,9 +275,6 @@ export default defineComponent({
|
|
|
}
|
|
|
.middle {
|
|
|
text-align: center;
|
|
|
- > div {
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
}
|
|
|
.right {
|
|
|
text-align: right;
|
|
|
@@ -331,6 +339,9 @@ export default defineComponent({
|
|
|
font-size: 16px;
|
|
|
color: @m-white6;
|
|
|
line-height: 34px;
|
|
|
+ > div {
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
}
|
|
|
.right {
|
|
|
.inputNumberBlock {
|
marymelisa