输入框
This commit is contained in:
@ -166,16 +166,16 @@
|
||||
<a-input v-model:value="record.sortDesc" :disabled="isDisable" />
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'rateTonGj'">
|
||||
<a-input-number v-model:value="record.rateTonGj" :disabled="isDisable" :min="0" :precision="3" style="width: 100%"/>
|
||||
<input-number v-model:value="record.rateTonGj" :disabled="isDisable" :min="0" :digits="3" style="width: 100%"/>
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'qtyGj'">
|
||||
<a-input-number v-model:value="record.qtyGj" :disabled="isDisable" :min="0" :precision="3" style="width: 100%"/>
|
||||
<input-number v-model:value="record.qtyGj" :disabled="isDisable" :min="0" :digits="3" style="width: 100%"/>
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'pricePngGj'">
|
||||
<a-input-number v-model:value="record.pricePngGj" :disabled="isDisable" :min="0" :precision="3" style="width: 100%"/>
|
||||
<input-number v-model:value="record.pricePngGj" :disabled="isDisable" :min="0" :digits="3" style="width: 100%"/>
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'priceLngGj'">
|
||||
<a-input-number v-model:value="record.priceLngGj" :disabled="isDisable" :min="0" :precision="3" style="width: 100%"/>
|
||||
<input-number v-model:value="record.priceLngGj" :disabled="isDisable" :min="0" :digits="3" style="width: 100%"/>
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'note'">
|
||||
<a-input v-model:value="record.note" :disabled="isDisable" />
|
||||
|
||||
@ -125,10 +125,12 @@
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="合同量" name="qtyFrom" :label-col="{ span: 3 }" :wrapper-col="{ span: 24 }">
|
||||
<a-input-number v-model:value="formState.lngContractPurIntList[0].qtyFrom" style="width: 120px" :disabled="isDisable" :precision="3" :min="0" :max="formState.lngContractPurIntList[0].qtyTo ? formState.lngContractPurIntList[0].qtyTo : 999999999999999"/>
|
||||
-
|
||||
<a-input-number v-model:value="formState.lngContractPurIntList[0].qtyTo" style="width: 120px" :disabled="isDisable" :precision="3" :min="formState.lngContractPurIntList[0].qtyFrom ? formState.lngContractPurIntList[0].qtyFrom : 0"></a-input-number>
|
||||
<span>(百万英热)</span>
|
||||
<div class="inputCSS">
|
||||
<input-number v-model:value="formState.lngContractPurIntList[0].qtyFrom" style="width: 120px" :disabled="isDisable" :digits="3" :min="0" :max="formState.lngContractPurIntList[0].qtyTo ? formState.lngContractPurIntList[0].qtyTo : 999999999999999"/>
|
||||
<div style="margin: 0 5px">-</div>
|
||||
<input-number v-model:value="formState.lngContractPurIntList[0].qtyTo" style="width: 120px" :disabled="isDisable" :digits="3" :min="formState.lngContractPurIntList[0].qtyFrom ? formState.lngContractPurIntList[0].qtyFrom : 0" />
|
||||
<span>(百万英热)</span>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
@ -138,18 +140,18 @@
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-item label="甲烷最低含量" name="specCh4From">
|
||||
<a-input-number v-model:value="formState.specCh4From" :disabled="isDisable" style="width: 100%" :precision="3" :min="0" />
|
||||
<input-number v-model:value="formState.specCh4From" :disabled="isDisable" style="width: 100%" :digits="3" :min="0" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="13">
|
||||
<a-form-item label="热值范围" name="specMmbtuFrom">
|
||||
<div class="inputCss">
|
||||
<div> <a-input-number v-model:value="formState.specMmbtuFrom" :disabled="isDisable" :precision="3" :min="0" :max="formState.specMmbtuTo ? formState.specMmbtuTo : 999999999999999"/> </div>
|
||||
<div class="inputCSS">
|
||||
<input-number v-model:value="formState.specMmbtuFrom" style="width: 100px;margin-bottom: 8px;" :disabled="isDisable" :digits="3" :min="0" :max="formState.specMmbtuTo ? formState.specMmbtuTo : 999999999999999"/>
|
||||
<div style="margin: 0 5px">-</div>
|
||||
<a-form-item name="specMmbtuTo">
|
||||
<a-input-number v-model:value="formState.specMmbtuTo" :disabled="isDisable" :precision="3" :min="formState.specMmbtuFrom ? formState.specMmbtuFrom : 0"/>
|
||||
(百万英热/立方英尺)
|
||||
<input-number v-model:value="formState.specMmbtuTo" style="width: 100px" :disabled="isDisable" :digits="3" :min="formState.specMmbtuFrom ? formState.specMmbtuFrom : 0"/>
|
||||
</a-form-item>
|
||||
<span style="margin-bottom: 12px;">(百万英热/立方英尺)</span>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
@ -162,7 +164,7 @@
|
||||
<a-form-item label="付款日" name="afterInv" :label-col="{ span: 3 }" :wrapper-col="{ span: 24 }">
|
||||
<div style="display: flex;align-items: center;">
|
||||
(收到发票后)
|
||||
<a-input-number v-model:value="formState.lngContractPurIntList[0].afterInv" :disabled="isDisable" :min="0" :precision="0" />
|
||||
<input-number v-model:value="formState.lngContractPurIntList[0].afterInv" :disabled="isDisable" :min="0" :digits="0" />
|
||||
<a-select v-model:value="formState.lngContractPurIntList[0].calTypeCode" :disabled="isDisable" placeholder="请选择" allow-clear style="width: 100px;margin-left: 10px;">
|
||||
<a-select-option v-for="item in optionSelect.calTypeCodeList" :key="item.code" :value="item.code">
|
||||
{{ item.name }}
|
||||
@ -719,16 +721,15 @@
|
||||
margin-bottom: 12px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.inputCss {
|
||||
display: flex;
|
||||
margin-bottom: -24px;
|
||||
|
||||
}
|
||||
.tip {
|
||||
text-align: center;
|
||||
margin-bottom: 15px;
|
||||
color: #5e95ff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.inputCSS {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -125,10 +125,12 @@
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="合同量" name="qtyFrom" :label-col="{ span: 3 }" :wrapper-col="{ span: 24 }">
|
||||
<a-input-number v-model:value="formState.lngContractSalesIntList[0].qtyFrom" style="width: 120px" :disabled="isDisable" :precision="3" :min="0" :max="formState.lngContractSalesIntList[0].qtyTo ? formState.lngContractSalesIntList[0].qtyTo : 999999999999999"/>
|
||||
-
|
||||
<a-input-number v-model:value="formState.lngContractSalesIntList[0].qtyTo" style="width: 120px" :disabled="isDisable" :precision="3" :min="formState.lngContractSalesIntList[0].qtyFrom ? formState.lngContractSalesIntList[0].qtyFrom : 0"></a-input-number>
|
||||
<span>(百万英热)</span>
|
||||
<div class="inputCSS">
|
||||
<input-number v-model:value="formState.lngContractSalesIntList[0].qtyFrom" style="width: 120px" :disabled="isDisable" :digits="3" :min="0" :max="formState.lngContractSalesIntList[0].qtyTo ? formState.lngContractSalesIntList[0].qtyTo : 999999999999999"/>
|
||||
<div style="margin: 0 5px">-</div>
|
||||
<input-number v-model:value="formState.lngContractSalesIntList[0].qtyTo" style="width: 120px" :disabled="isDisable" :digits="3" :min="formState.lngContractSalesIntList[0].qtyFrom ? formState.lngContractSalesIntList[0].qtyFrom : 0" />
|
||||
<span>(百万英热)</span>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
@ -138,18 +140,18 @@
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-item label="甲烷最低含量" name="specCh4From">
|
||||
<a-input-number v-model:value="formState.specCh4From" :disabled="isDisable" style="width: 100%" :precision="3" :min="0" />
|
||||
<input-number v-model:value="formState.specCh4From" :disabled="isDisable" style="width: 100%" :digits="3" :min="0" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="13">
|
||||
<a-form-item label="热值范围" name="specMmbtuFrom">
|
||||
<div class="inputCss">
|
||||
<div> <a-input-number v-model:value="formState.specMmbtuFrom" :disabled="isDisable" :precision="3" :min="0" :max="formState.specMmbtuTo ? formState.specMmbtuTo : 999999999999999"/> </div>
|
||||
<div class="inputCSS">
|
||||
<input-number v-model:value="formState.specMmbtuFrom" style="width: 100px;margin-bottom: 8px;" :disabled="isDisable" :digits="3" :min="0" :max="formState.specMmbtuTo ? formState.specMmbtuTo : 999999999999999"/>
|
||||
<div style="margin: 0 5px">-</div>
|
||||
<a-form-item name="specMmbtuTo">
|
||||
<a-input-number v-model:value="formState.specMmbtuTo" :disabled="isDisable" :precision="3" :min="formState.specMmbtuFrom ? formState.specMmbtuFrom : 0"/>
|
||||
(百万英热/立方英尺)
|
||||
<input-number v-model:value="formState.specMmbtuTo" style="width: 100px" :disabled="isDisable" :digits="3" :min="formState.specMmbtuFrom ? formState.specMmbtuFrom : 0"/>
|
||||
</a-form-item>
|
||||
<span style="margin-bottom: 12px;">(百万英热/立方英尺) </span>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
@ -162,7 +164,7 @@
|
||||
<a-form-item label="付款日" name="afterInv" :label-col="{ span: 3 }" :wrapper-col="{ span: 24 }">
|
||||
<div style="display: flex;align-items: center;">
|
||||
(收到发票后)
|
||||
<a-input-number v-model:value="formState.lngContractSalesIntList[0].afterInv" :disabled="isDisable" :min="0" :precision="0" />
|
||||
<input-number v-model:value="formState.lngContractSalesIntList[0].afterInv" :disabled="isDisable" :min="0" :digits="0" />
|
||||
<a-select v-model:value="formState.lngContractSalesIntList[0].calTypeCode" :disabled="isDisable" placeholder="请选择" allow-clear style="width: 100px;margin-left: 10px;">
|
||||
<a-select-option v-for="item in optionSelect.calTypeCodeList" :key="item.code" :value="item.code">
|
||||
{{ item.name }}
|
||||
@ -721,9 +723,9 @@
|
||||
margin-bottom: 12px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.inputCss {
|
||||
.inputCSS {
|
||||
display: flex;
|
||||
margin-bottom: -24px;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
.tip {
|
||||
|
||||
@ -176,10 +176,10 @@
|
||||
<a-input v-model:value="record.sortDesc" :disabled="isDisable" />
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'qtyM3'">
|
||||
<a-input-number v-model:value="record.qtyM3" :disabled="isDisable" :min="0" :precision="3" @change="numCount(record)" style="width: 100%"/>
|
||||
<input-number v-model:value="record.qtyM3" :disabled="isDisable" :min="0" :digits="3" @change="numCount(record)" style="width: 100%"/>
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'priceTransM3'">
|
||||
<a-input-number v-model:value="record.priceTransM3" :disabled="isDisable" :min="0" :precision="4" @change="numCount(record)" style="width: 100%"/>
|
||||
<input-number v-model:value="record.priceTransM3" :disabled="isDisable" :min="0" :digits="4" @change="numCount(record)" style="width: 100%"/>
|
||||
</template>
|
||||
<template v-if="column.dataIndex === 'note'">
|
||||
<a-input v-model:value="record.note" :disabled="isDisable" />
|
||||
|
||||
Reference in New Issue
Block a user