输入框

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

@ -14,7 +14,7 @@
const { t } = useI18n();
const columns: BasicColumn[] = [
{ title: t('合同Id'), dataIndex: 'id', },
{ title: t('合同'), dataIndex: 'kNo', },
{ title: t('合同名称'), dataIndex: 'kName', },
];

View File

@ -9,7 +9,7 @@
</a-col>
<a-col :span="12">
<a-form-item label="相对方序号" name="sort">
<a-input-number v-model:value="formState.sort" style="width: 100%" :precision="0" :min="0" :step="1"/>
<input-number v-model:value="formState.sort" style="width: 100%" :digits="0" :min="0" :step="1"/>
</a-form-item>
</a-col>
<a-col :span="12">

View File

@ -30,7 +30,7 @@
<a-date-picker v-model:value="record.dateTo" format="YYYY-MM-DD" :value-format="'YYYY-MM-DD'" :disabled="disabled" @change="dateToTb(dayjs(record.dateTo || null), index, record)" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'sort'">
<a-input-number v-model:value="record.sort" :disabled="disabled" :min="0" style="width: 100%" />
<input-number v-model:value="record.sort" :disabled="disabled" :digits="0" :min="0" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'baseInc'">
<a-select v-model:value="record.baseInc" :disabled="disabled" style="width: 100%" allow-clear>
@ -40,22 +40,17 @@
</a-select>
</template>
<template v-if="column.dataIndex === 'rateM3Gj'">
<a-input-number v-model:value="record.rateM3Gj" v-if="!disabled"
:formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
<input-number v-model:value="record.rateM3Gj" :digits="3"
:disabled="disabled" :min="0" @change="numChange('rateM3Gj', record, index)" style="width: 100%" />
<div v-else>{{ Number.format(Number.parse(record.rateM3Gj || 0),numFormat) }}</div>
</template>
<template v-if="column.dataIndex === 'qtyGjMonth'">
<a-input-number v-model:value="record.qtyGjMonth" v-if="!disabled"
:precision="3" :formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
<input-number v-model:value="record.qtyGjMonth" :digits="3"
:disabled="disabled" :min="0" @change="numChange('qtyGjMonth', record, index)" style="width: 100%" />
<div v-else>{{ Number.format(Number.parse(record.qtyGjMonth || 0),numFormat) }}</div>
</template>
<template v-if="column.dataIndex === 'qtyM3Month'">
<a-input-number v-model:value="record.qtyM3Month" v-if="!disabled"
:precision="3" :formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
<input-number v-model:value="record.qtyM3Month" :digits="3"
:disabled="disabled" :min="0" @change="numChange('qtyM3Month', record, index)" style="width: 100%" />
<div v-else>{{ Number.format(Number.parse(record.qtyM3Month || 0),numFormat) }}</div>
</template>
<template v-if="column.dataIndex === 'zfbyTypeCode'">
<a-select v-model:value="record.zfbyTypeCode" :disabled="disabled" style="width: 100%" allow-clear>
@ -71,7 +66,7 @@
{{ Number.format(Number.parse(record.qtyM3Day || 0),numFormat) }}
</template>
<template v-if="column.dataIndex === 'zfbyValue'">
<a-input-number v-model:value="record.zfbyValue" :disabled="disabled" :min="0" style="width: 100%" />
<input-number v-model:value="record.zfbyValue" :disabled="disabled" :min="0" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'note'">
<a-input v-model:value="record.note" :disabled="disabled" style="width: 100%" />

View File

@ -30,7 +30,7 @@
<a-date-picker v-model:value="record.dateTo" format="YYYY-MM-DD" :value-format="'YYYY-MM-DD'" :disabled="disabled" @change="dateToTb(dayjs(record.dateTo || null), index, record)" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'sort'">
<a-input-number v-model:value="record.sort" :disabled="disabled" :min="0" style="width: 100%" />
<input-number v-model:value="record.sort" :disabled="disabled" :digits="0" :min="0" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'baseInc'">
<a-select v-model:value="record.baseInc" :disabled="disabled" style="width: 100%" allow-clear>
@ -40,22 +40,16 @@
</a-select>
</template>
<template v-if="column.dataIndex === 'rateTonGj'">
<a-input-number v-model:value="record.rateTonGj" v-if="!disabled"
:formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
<input-number v-model:value="record.rateTonGj" :digits="3"
:disabled="disabled" :min="0" @change="numChange('rateTonGj', record, index)" style="width: 100%" />
<div v-else>{{ Number.format(Number.parse(record.rateTonGj || 0),numFormat) }}</div>
</template>
<template v-if="column.dataIndex === 'qtyGjMonth'">
<a-input-number v-model:value="record.qtyGjMonth" v-if="!disabled"
:precision="3" :formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
<input-number v-model:value="record.qtyGjMonth" :digits="3"
:disabled="disabled" :min="0" @change="numChange('qtyGjMonth', record, index)" style="width: 100%" />
<div v-else>{{ Number.format(Number.parse(record.qtyGjMonth || 0),numFormat) }}</div>
</template>
<template v-if="column.dataIndex === 'qtyTonMonth'">
<a-input-number v-model:value="record.qtyTonMonth" v-if="!disabled"
:precision="3" :formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
<input-number v-model:value="record.qtyTonMonth" :digits="3"
:disabled="disabled" :min="0" @change="numChange('qtyTonMonth', record, index)" style="width: 100%" />
<div v-else>{{ Number.format(Number.parse(record.qtyTonMonth || 0),numFormat) }}</div>
</template>
<template v-if="column.dataIndex === 'zfbyTypeCode'">
<a-select v-model:value="record.zfbyTypeCode" :disabled="disabled" style="width: 100%" allow-clear>
@ -71,7 +65,7 @@
{{ Number.format(Number.parse(record.qtyTonDay || 0),numFormat) }}
</template>
<template v-if="column.dataIndex === 'zfbyValue'">
<a-input-number v-model:value="record.zfbyValue" :disabled="disabled" :min="0" style="width: 100%" />
<input-number v-model:value="record.zfbyValue" :disabled="disabled" :min="0" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'note'">
<a-input v-model:value="record.note" :disabled="disabled" style="width: 100%" />

View File

@ -7,19 +7,19 @@
{{ record.uomName + (record.uomCode == 'M3' ? record.rateQtyM3 : record.rateQtyGj) + record.priceName }}
</template>
<template v-if="column.dataIndex === 'qtySettleGj' && !isDisable">
<a-input-number v-model:value="record.qtySettleGj" :min="0" :precision="3" @change="numChange('qtySettleGj', record, index)" style="width: 100%" />
<input-number v-model:value="record.qtySettleGj" :min="0" :digits="3" @change="numChange('qtySettleGj', record, index)" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'qtySettleM3'&& !isDisable">
<a-input-number v-model:value="record.qtySettleM3" :min="0" :precision="3" @change="numChange('qtySettleM3', record, index)" style="width: 100%" />
<input-number v-model:value="record.qtySettleM3" :min="0" :digits="3" @change="numChange('qtySettleM3', record, index)" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'priceM3'&& !isDisable">
<a-input-number v-model:value="record.priceM3" :min="0" :precision="4" @change="numChange('priceM3', record, index)" style="width: 100%" />
<input-number v-model:value="record.priceM3" :min="0" :digits="4" @change="numChange('priceM3', record, index)" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'priceGj'&& !isDisable">
<a-input-number v-model:value="record.priceGj" :min="0" :precision="4" @change="numChange('priceGj', record, index)" style="width: 100%" />
<input-number v-model:value="record.priceGj" :min="0" :digits="4" @change="numChange('priceGj', record, index)" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'amount'&& !isDisable">
<a-input-number v-model:value="record.amount" :min="0" :precision="2" @change="numChange('amount', record, index)" style="width: 100%" />
<input-number v-model:value="record.amount" :min="0" :digits="2" @change="numChange('amount', record, index)" style="width: 100%" />
</template>
</template>
</a-table>