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-04-14 11:20:01 +08:00
parent aba7e44193
commit 71febe07e5
2 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/plan/PlanYearDemandHdr/components/createForm.vue
View File

@ -42,7 +42,7 @@
<span style="margin-left: 8px;">年度需求明细</span> <span style="margin-left: 8px;">年度需求明细</span>
</div> </div>
</template> </template>
<a-table style="width: 100%" :columns="columns" :data-source="dataList" :pagination="false"> <a-table style="width: 100%" :columns="columns" :data-source="dataList" :pagination="false" :row-class-name="(record) => record.month === '合计' ? 'summary-row' : ''">
<template #bodyCell="{ column, record, index }"> <template #bodyCell="{ column, record, index }">
<template v-if="column.dataIndex === 'index'"> <template v-if="column.dataIndex === 'index'">
{{ index + 1 }} {{ index + 1 }}
@ -225,6 +225,10 @@ import Index from '/@/views/sys/error-log/index.vue';
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
:deep(.summary-row td) {
background-color: #f0f0f0 !important;
font-weight: bold;
}
:deep(.ant-form-item .ant-form-item-label) { :deep(.ant-form-item .ant-form-item-label) {
width: 135px !important; width: 135px !important;
max-width: 135px !important; max-width: 135px !important;

20
src/views/plan/PlanYearDemandHdrEc/components/createForm.vue
View File

@ -50,7 +50,7 @@
<div class="tips">注：历史同比或者月度环比偏差超过15%，需要填写备注</div> <div class="tips">注：历史同比或者月度环比偏差超过15%，需要填写备注</div>
</div> </div>
</template> </template>
<a-table style="width: 100%" :columns="columns" :data-source="dataList" :pagination="false"> <a-table style="width: 100%" :columns="columns" :data-source="dataList" :pagination="false" :row-class-name="(record: any) => record.month === '合计' ? 'summary-row' : ''">
<template #bodyCell="{ column, record, index }"> <template #bodyCell="{ column, record, index }">
<template v-if="column.dataIndex === 'note'"> <template v-if="column.dataIndex === 'note'">
<a-textarea v-model:value="record.note" :auto-size="{ minRows: 1, maxRows: 5 }" :disabled="isDisable || record.month=='合计'" /> <a-textarea v-model:value="record.note" :auto-size="{ minRows: 1, maxRows: 5 }" :disabled="isDisable || record.month=='合计'" />
@ -418,6 +418,24 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
:deep(.summary-row td) {
background-color: #f0f0f0 !important;
font-weight: bold;
}
:deep(.summary-row .ant-input-number),
:deep(.summary-row .ant-input-number-input),
:deep(.summary-row .ant-input-number-disabled),
:deep(.summary-row .ant-input-number-disabled .ant-input-number-input),
:deep(.summary-row .ant-input),
:deep(.summary-row .ant-input-affix-wrapper-disabled) {
background-color: #f0f0f0 !important;
border-color: transparent !important;
box-shadow: none !important;
font-weight: bold;
border: 1px solid #f0f0f0 !important;
}
:deep(.ant-form-item .ant-form-item-label) { :deep(.ant-form-item .ant-form-item-label) {
width: 135px !important; width: 135px !important;
max-width: 135px !important; max-width: 135px !important;