style:优化企业信息修改功能和 Modal 样式

-调整企业信息表格的修改按钮样式
- 优化企业信息修改 Modal 的布局结构
-移除 Modal body 的上下内边距
This commit is contained in:
2025-06-19 09:20:54 +08:00
parent cd0073a023
commit fe19d3ff34
2 changed files with 11 additions and 5 deletions

View File

@ -32,7 +32,7 @@
}
}
.body {
padding-top: 0px;
padding-bottom: 0px;
padding-top: 0;
padding-bottom: 0;
}
</style>

View File

@ -5,7 +5,7 @@
{{ record.name }}
</template>
<template #action>
<a-button class="edit-button" size="mini" type="outline" @click="handleUpdate" >修改</a-button>
<a-button class="edit-button" size="mini" type="outline" @click="handleUpdate">修改</a-button>
</template>
</a-table>
<Modal v-model:visible="infoVisible" width="480px" title="修改企业名称" :okText="okText" @ok="handleOk">
@ -14,9 +14,15 @@
>剩余{{ enterpriseInfo.update_name_quota - enterpriseInfo.used_update_name_count }}
</span>
</p>
<a-form :model="form" class="form" :label-col-props="{span: 6, offset: 0}" :wrapper-col-props="{span: 18, offset: 0}" label-align="left">
<a-form
:model="form"
class="form"
:label-col-props="{ span: 6, offset: 0 }"
:wrapper-col-props="{ span: 18, offset: 0 }"
label-align="left"
>
<a-form-item required field="name" label="新企业名称">
<a-input size="small" :disabled="!canUpdate" v-model.trim="form.name" placeholder="请输入新企业名称" />
<a-input v-model.trim="form.name" size="small" :disabled="!canUpdate" placeholder="请输入新企业名称" />
</a-form-item>
</a-form>
</Modal>