geg-gas/geg-gas-web
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

输入框

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/ContractDemandListModal.vue
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', },
];

2
src/components/common/contractFactUserModal.vue
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">

17
src/components/common/contractQtyList.vue
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%" />

16
src/components/common/contractQtyLngList.vue
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%" />

10
src/components/common/priceComposeListModal.vue
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>

8
src/views/contract/ContractProc/components/createForm.vue
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" />

31
src/views/contract/ContractPurInt/components/createForm.vue
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>

26
src/views/contract/ContractSalesInt/components/createForm.vue
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 {

4
src/views/contract/ContractTransPng/components/createForm.vue
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" />

23
src/views/dayPlan/Demand/components/basicForm.vue
View File

@ -85,10 +85,10 @@
<a-col :span="24">
<a-form-item label="开机方式" name="" :label-col="{ span: 3 }" :wrapper-col="{ span: 24 }">
<div style="display: flex;">
<div class="dot"><span style="background:#04F21C"></span>连运<a-input-number v-model:value="formState.powerCont" :class="diffResultList.includes('powerCont')?'changeStyle':''" :disabled="disable" :precision="0"/>台</div>
<div class="dot"><span style="background:#FFFF00"></span>调峰<a-input-number v-model:value="formState.powerPeak" :class="diffResultList.includes('powerPeak')?'changeStyle':''" :disabled="disable" :precision="0"/>台</div>
<div class="dot"><span style="background:#D9001B"></span>停机<a-input-number v-model:value="formState.powerStop" :class="diffResultList.includes('powerStop')?'changeStyle':''" :disabled="disable" :precision="0"/>台</div>
<div class="dot"><span style="background:#CA90FF"></span>其他<a-input-number v-model:value="formState.powerOther" :class="diffResultList.includes('powerOther')?'changeStyle':''" :disabled="disable" :precision="0"/>台</div>
<div class="dot"><span style="background:#04F21C"></span>连运<input-number v-model:value="formState.powerCont" :class="diffResultList.includes('powerCont')?'changeStyle':''" :disabled="disable" :min="0" :digits="0" style="width: 100px;margin: 0 5px"/>台</div>
<div class="dot"><span style="background:#FFFF00"></span>调峰<input-number v-model:value="formState.powerPeak" :class="diffResultList.includes('powerPeak')?'changeStyle':''" :disabled="disable" :min="0" :digits="0" style="width: 100px;margin: 0 5px"/>台</div>
<div class="dot"><span style="background:#D9001B"></span>停机<input-number v-model:value="formState.powerStop" :class="diffResultList.includes('powerStop')?'changeStyle':''" :disabled="disable" :min="0" :digits="0" style="width: 100px;margin: 0 5px"/>台</div>
<div class="dot"><span style="background:#CA90FF"></span>其他<input-number v-model:value="formState.powerOther" :class="diffResultList.includes('powerOther')?'changeStyle':''" :disabled="disable" :min="0" :digits="0" style="width: 100px;margin: 0 5px"/>台</div>
</div>
</a-form-item>
</a-col>
@ -128,15 +128,15 @@
</div>
</template>
<template v-if="column.dataIndex === 'qtyDemandGj'">
<a-input-number v-model:value="record.qtyDemandGj" v-if="!disable"
:formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')" :class="diffResultList.includes('lngPngDemandPurList[' + index + '].qtyDemandGj')?'changeStyle':''" :disabled="disable" :min="0" @blur="numBlur(record)" @change="numChange('qtyDemandGj', record)" style="width: 100%" />
<input-number v-model:value="record.qtyDemandGj" v-if="!disable"
:class="diffResultList.includes('lngPngDemandPurList[' + index + '].qtyDemandGj')?'changeStyle':''" :disabled="disable" :min="0" :digits="3" @blur="numBlur(record)" @change="numChange('qtyDemandGj', record)" style="width: 100%" />
<div v-else :class="diffResultList.includes('lngPngDemandPurList[' + index + '].qtyDemandGj')?'changeStyle':''">
{{ Number.format(Number.parse(record.qtyDemandGj ),numFormat)}}
</div>
</template>
<template v-if="column.dataIndex === 'qtyDemandM3'">
<a-input-number v-model:value="record.qtyDemandM3" v-if="!disable"
:formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')" :class="diffResultList.includes('lngPngDemandPurList[' + index + '].qtyDemandM3')?'changeStyle':''" :disabled="disable" :min="0" @blur="numBlur(record)" @change="numChange('qtyDemandM3', record)" style="width: 100%" />
<input-number v-model:value="record.qtyDemandM3" v-if="!disable"
:class="diffResultList.includes('lngPngDemandPurList[' + index + '].qtyDemandM3')?'changeStyle':''" :disabled="disable" :min="0" :digits="3" @blur="numBlur(record)" @change="numChange('qtyDemandM3', record)" style="width: 100%" />
<div v-else :class="diffResultList.includes('lngPngDemandPurList[' + index + '].qtyDemandM3')?'changeStyle':''">
{{ Number.format(Number.parse(record.qtyDemandM3 ),numFormat)}}
</div>
@ -224,8 +224,8 @@
})
function numBlur(record) {
record.qtyDemandM3 = record.qtyDemandM3 ? record.qtyDemandM3.toFixed(3) : ''
record.qtyDemandGj = record.qtyDemandGj ? record.qtyDemandGj.toFixed(3) : ''
// record.qtyDemandM3 = record.qtyDemandM3 ? record.qtyDemandM3.toFixed(3) : ''
// record.qtyDemandGj = record.qtyDemandGj ? record.qtyDemandGj.toFixed(3) : ''
}
async function numChange (k, record) {
if (k == 'qtyDemandGj') {
@ -418,4 +418,7 @@
.changeStyle {
color: red !important;
}
:deep(.changeStyle .ant-input) {
color: red !important;
}
</style>

17
src/views/dayPlan/PngAppro/components/basicForm.vue
View File

@ -113,18 +113,12 @@
</div>
</template>
<template v-if="column.dataIndex === 'qtySalesGj'">
<div v-if="record.alterSign=='D' || disable" :class="diffResultList.includes('lngPngApproPurList[' + index + '].qtySalesGj') ? 'changeStyle': ''">
{{ Number.format(Number.parse(record.qtySalesGj || 0),numFormat) }}
</div>
<a-input-number v-else :class="diffResultList.includes('lngPngApproPurList[' + index + '].qtySalesGj') ? 'changeStyle': ''"
v-model:value="record.qtySalesGj" :precision="3" :formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')" :disabled="record.alterSign=='D' || disable" :min="0" @change="numChange" style="width: 100%" />
<input-number :class="diffResultList.includes('lngPngApproPurList[' + index + '].qtySalesGj') ? 'changeStyle': ''"
v-model:value="record.qtySalesGj" :digits="3" :disabled="record.alterSign=='D' || disable" :min="0" @change="numChange" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'qtySalesM3'">
<div v-if="record.alterSign=='D' || disable" :class="diffResultList.includes('lngPngApproPurList[' + index + '].qtySalesM3') ? 'changeStyle': ''">
{{ Number.format(Number.parse(record.qtySalesM3 || 0),numFormat) }}
</div>
<a-input-number v-else :class="diffResultList.includes('lngPngApproPurList[' + index + '].qtySalesM3') ? 'changeStyle': ''"
v-model:value="record.qtySalesM3" :precision="3" :formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')" :disabled="record.alterSign=='D' || disable" :min="0" @change="numChange" style="width: 100%" />
<input-number :class="diffResultList.includes('lngPngApproPurList[' + index + '].qtySalesM3') ? 'changeStyle': ''"
v-model:value="record.qtySalesM3" :digits="3" :disabled="record.alterSign=='D' || disable" :min="0" @change="numChange" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'note'" >
<div v-if="record.alterSign=='D' || disable" :class="diffResultList.includes('lngPngApproPurList[' + index + '].note') ? 'changeStyle': ''">{{ record.note }}</div>
@ -237,4 +231,7 @@
.changeStyle {
color: red !important;
}
:deep(.changeStyle .ant-input) {
color: red !important;
}
</style>

6
src/views/dayPlan/PngMeasureSalesPur/index.vue
View File

@ -28,14 +28,12 @@
{{ Number.format(Number.parse(record.qtySalesM3),numFormat) }}
</template>
<template v-if="column.dataIndex === 'qtyMeaGj'">
<a-input-number v-model:value="record.qtyMeaGj"
:precision="3" :formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
<input-number v-model:value="record.qtyMeaGj":digits="3"
v-if="record.statusCode==='N'|| record.statusCode==='JLZ'" @change="numChange(record, index)" :min="0" style="width: 100%" />
<div v-else>{{ Number.format(Number.parse(record.qtyMeaGj),numFormat) }}</div>
</template>
<template v-if="column.dataIndex === 'qtyMeaM3'">
<a-input-number v-model:value="record.qtyMeaM3"
:precision="3" :formatter="value => `${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
<input-number v-model:value="record.qtyMeaM3" :digits="3"
v-if="record.statusCode==='N'|| record.statusCode==='JLZ'" @change="numChange(record, index)" :min="0" style="width: 100%" />
<div v-else>{{ Number.format(Number.parse(record.qtyMeaM3),numFormat) }}</div>
</template>

4
src/views/dayPlan/PngMeasureSalesPur/indexOld.vue
View File

@ -33,11 +33,11 @@
</template> -->
<template #bodyCell="{ column, record, index }">
<template v-if="column.dataIndex === 'qtyMeaGj'">
<a-input-number v-model:value="record.qtyMeaGj" v-if="statusCode==='N'|| statusCode==='JLZ'" @change="numChange(record)" :min="0" style="width: 100%" />
<input-number v-model:value="record.qtyMeaGj" v-if="statusCode==='N'|| statusCode==='JLZ'" @change="numChange(record)" :min="0" style="width: 100%" />
<div v-else>{{ record.qtyMeaGj }}</div>
</template>
<template v-if="column.dataIndex === 'qtyMeaM3'">
<a-input-number v-model:value="record.qtyMeaM3" v-if="statusCode==='N'|| statusCode==='JLZ'" @change="numChange(record)" :min="0" style="width: 100%" />
<input-number v-model:value="record.qtyMeaM3" v-if="statusCode==='N'|| statusCode==='JLZ'" @change="numChange(record)" :min="0" style="width: 100%" />
</template>
<template v-if="column.dataIndex === 'lngFileUploadList'">
<div>

8
src/views/sales/Customer/components/createForm.vue
View File

@ -75,7 +75,7 @@
</a-col>
<a-col :span="8">
<a-form-item label="注册资本(万元)" name="amtReg">
<a-input-number v-model:value="formState.amtReg" :disabled="isDisable" :min="0" style="width: 100%" placeholder="请输入注册资本"/>
<input-number v-model:value="formState.amtReg" :disabled="isDisable" :min="0" style="width: 100%" placeholder="请输入注册资本"/>
</a-form-item>
</a-col>
<a-col :span="24">
@ -151,7 +151,7 @@
<a-radio v-for="item in optionSelect.signList" :value="item.code">{{ item.name }}</a-radio>
</a-radio-group>
<a-form-item label="持股比例" name="rateShare" style="position: relative;">
<a-input-number v-model:value="formState.rateShare" style="width: 80px" :disabled="formState.stateSign!='Y' || isDisable" :min="0" :max="100"></a-input-number>
<input-number v-model:value="formState.rateShare" style="width: 80px" :disabled="formState.stateSign!='Y' || isDisable" :min="0" :max="100" />
<span class="rateStyle">%</span>
</a-form-item>
</div>
@ -164,7 +164,7 @@
</a-col>
<a-col :span="8">
<a-form-item label="集团持股比例%" name="rateShareGn">
<a-input-number v-model:value="formState.rateShareGn" :disabled="isDisable" style="width: 100%" :min="0" :max="100"></a-input-number>
<input-number v-model:value="formState.rateShareGn" :disabled="isDisable" style="width: 100%" :min="0" :max="100"/>
</a-form-item>
</a-col>
<a-col :span="8">
@ -203,7 +203,7 @@
<a-row>
<a-col :span="8">
<a-form-item label="装机量(万KW)" name="capacity">
<a-input-number v-model:value="formState.lngCustomerAttrPowerList[0].capacity" :disabled="formState.typeCode!='DC' || isDisable" style="width: 100%" :min="0" placeholder="请输入机量"></a-input-number>
<input-number v-model:value="formState.lngCustomerAttrPowerList[0].capacity" :disabled="formState.typeCode!='DC' || isDisable" style="width: 100%" :min="0" placeholder="请输入机量" />
</a-form-item>
</a-col>
<a-col :span="24">

2
src/views/sales/ScoreCustomer/components/createForm.vue
View File

@ -48,7 +48,7 @@
<a-table :columns="columns" :data-source="dataList" :pagination="false" :scroll="{x: 500}">
<template #bodyCell="{ column, record, index }">
<template v-if="column.dataIndex === 'score'">
<a-input-number v-model:value="record.score" :disabled="isDisable" @change="numChagne('score', record, index)"/>
<input-number v-model:value="record.score" :min="0" :disabled="isDisable" @change="numChagne('score', record, index)"/>
</template>
<template v-if="column.dataIndex === 'scoreDesc'">
<a-input v-model:value="record.scoreDesc" :disabled="isDisable" @change="numChagne('scoreDesc', record, index)"/>

2
src/views/supplier/ScoreSupplier/components/createForm.vue
View File

@ -48,7 +48,7 @@
<a-table :columns="columns" :data-source="dataList" >
<template #bodyCell="{ column, record, index }">
<template v-if="column.dataIndex === 'score'">
<a-input-number v-model:value="record.score" :disabled="isDisable" @change="numChagne('score', record, index)"/>
<input-number v-model:value="record.score" :min="0" :disabled="isDisable" @change="numChagne('score', record, index)"/>
</template>
<template v-if="column.dataIndex === 'scoreDesc'">
<a-input v-model:value="record.scoreDesc" :disabled="isDisable" @change="numChagne('scoreDesc', record, index)"/>

2
src/views/supplier/Supplier/components/createForm.vue
View File

@ -83,7 +83,7 @@
</a-col>
<a-col :span="8">
<a-form-item label="注册资本(万元)" name="amtReg">
<a-input-number v-model:value="formState.amtReg" :disabled="isDisable" :min="0" style="width: 100%" placeholder="请输入注册资本"/>
<input-number v-model:value="formState.amtReg" :disabled="isDisable" :min="0" style="width: 100%" placeholder="请输入注册资本"/>
</a-form-item>
</a-col>
<a-col :span="8">