Browse Source

业绩归属账的英文模式下的列宽调整

milestone-20260402-现金4期
zhangrenyuan 2 days ago
parent
commit
d21f317b03
  1. 19
      src/views/moneyManage/financialAccount/performanceAttribution.vue

19
src/views/moneyManage/financialAccount/performanceAttribution.vue

@ -519,7 +519,7 @@ onMounted(async () => {
</el-dialog> </el-dialog>
<!-- 业绩调整弹窗 --> <!-- 业绩调整弹窗 -->
<el-dialog v-model="adjustVisible" :title="t('cash.cashFlow.marketConsumption')" width="80%" top="5vh" align-center
<el-dialog v-model="adjustVisible" :title="t('cash.cashFlow.marketConsumption')" width="95vw" top="5vh" align-center
class="custom-adjust-dialog"> class="custom-adjust-dialog">
<template #header="{ titleId, titleClass }"> <template #header="{ titleId, titleClass }">
<div style="text-align: center; font-weight: bold; font-size: 18px;" :id="titleId" :class="titleClass">{{ <div style="text-align: center; font-weight: bold; font-size: 18px;" :id="titleId" :class="titleClass">{{
@ -528,19 +528,19 @@ onMounted(async () => {
<div style="display: flex; gap: 40px; margin-bottom: 20px; align-items: center;"> <div style="display: flex; gap: 40px; margin-bottom: 20px; align-items: center;">
<div style="display: flex; align-items: center;"> <div style="display: flex; align-items: center;">
<span style="margin-right: 10px; font-weight: bold;">{{ t('cash.cashFlow.time') }}</span> <span style="margin-right: 10px; font-weight: bold;">{{ t('cash.cashFlow.time') }}</span>
<el-date-picker v-model="adjustTime" type="datetime" :placeholder="t('cash.cashFlow.time')"
<el-date-picker style="width: 220px" v-model="adjustTime" type="datetime" :placeholder="t('cash.cashFlow.time')"
value-format="YYYY-MM-DD HH:mm:ss" /> value-format="YYYY-MM-DD HH:mm:ss" />
</div> </div>
<div style="display: flex; align-items: center;"> <div style="display: flex; align-items: center;">
<span style="margin-right: 10px; font-weight: bold;">{{ t('cash.cashFlow.coefficient') }}</span> <span style="margin-right: 10px; font-weight: bold;">{{ t('cash.cashFlow.coefficient') }}</span>
<el-input v-model="adjustCoefficient" :placeholder="t('cash.cashFlow.coefficientPlaceholder')" <el-input v-model="adjustCoefficient" :placeholder="t('cash.cashFlow.coefficientPlaceholder')"
style="width: 200px;" @input="adjustCoefficient = formatNumber(adjustCoefficient)" />
style="width: 260px;" @input="adjustCoefficient = formatNumber(adjustCoefficient)" />
</div> </div>
</div> </div>
<el-table :data="computedAdjustData" border style="width: 100%" :cell-style="{ textAlign: 'center' }"
<el-table class="adjust-table" :data="computedAdjustData" border style="width: 100%" :cell-style="{ textAlign: 'center' }"
:header-cell-style="{ background: '#F3FAFE', color: '#333', textAlign: 'center', padding: '0' }"> :header-cell-style="{ background: '#F3FAFE', color: '#333', textAlign: 'center', padding: '0' }">
<el-table-column width="150" align="center" fixed="left">
<el-table-column width="180" align="center" fixed="left">
<template #header> <template #header>
<div class="diagonal-header"> <div class="diagonal-header">
<span class="top-right">{{ t('cash.cashFlow.adjustment') }}</span> <span class="top-right">{{ t('cash.cashFlow.adjustment') }}</span>
@ -580,6 +580,15 @@ onMounted(async () => {
</template> </template>
<style scoped lang="scss"> <style scoped lang="scss">
:deep(.adjust-table .el-table__header-wrapper th .cell) {
white-space: normal;
word-break: keep-all;
overflow-wrap: break-word;
line-height: 1.3;
padding: 8px 6px;
}
.cash-flow-container { .cash-flow-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

Loading…
Cancel
Save