样式调整
This commit is contained in:
@ -37,12 +37,12 @@
|
||||
</a-row>
|
||||
</Card>
|
||||
<Card :bordered="false">
|
||||
<template #title>
|
||||
<template #title>
|
||||
<div style="display: flex; align-items: center;">
|
||||
<span style="margin-left: 8px;">年度需求明细</span>
|
||||
</div>
|
||||
</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 v-if="column.dataIndex === 'index'">
|
||||
{{ index + 1 }}
|
||||
@ -225,6 +225,10 @@ import Index from '/@/views/sys/error-log/index.vue';
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
:deep(.summary-row td) {
|
||||
background-color: #f0f0f0 !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
:deep(.ant-form-item .ant-form-item-label) {
|
||||
width: 135px !important;
|
||||
max-width: 135px !important;
|
||||
|
||||
@ -50,7 +50,7 @@
|
||||
<div class="tips">注:历史同比或者月度环比偏差超过15%,需要填写备注</div>
|
||||
</div>
|
||||
</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 v-if="column.dataIndex === 'note'">
|
||||
<a-textarea v-model:value="record.note" :auto-size="{ minRows: 1, maxRows: 5 }" :disabled="isDisable || record.month=='合计'" />
|
||||
@ -418,6 +418,24 @@
|
||||
</script>
|
||||
|
||||
<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) {
|
||||
width: 135px !important;
|
||||
max-width: 135px !important;
|
||||
|
||||
Reference in New Issue
Block a user