输入框

This commit is contained in:
‘huanghaiixia’
2026-03-02 17:59:37 +08:00
parent 0501b3babc
commit a25d62807a
17 changed files with 85 additions and 95 deletions

View File

@ -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" />

View File

@ -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>

View File

@ -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 {

View File

@ -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" />