| | |
| | | <template> |
| | | <el-affix :offset="84"> |
| | | <!-- <el-affix :offset="84"> |
| | | <div class="affix-box"> |
| | | <div class="affix-box-title"> |
| | | </div> |
| | | <div> |
| | | <el-button type="warning" @click="goToList">返 回</el-button> |
| | | |
| | | <el-button v-if="!formDisabled" type="primary" @click="submitForm">提 交</el-button> |
| | | </div> |
| | | </div> |
| | | </el-affix> |
| | | </el-affix> --> |
| | | <div class="app-container"> |
| | | <h4 class="form-header">客商信息</h4> |
| | | <el-form ref="wmsDzInoutOrderItemRef" :model="form" :rules="rules" class="form-wrapper"> |
| | |
| | | @click="handleAdd(1)">新增 |
| | | </el-button> |
| | | |
| | | <el-table border :data="invoiceInfoList"> |
| | | <el-table border class="demo-tabs" :data="invoiceInfoList"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <!-- <el-table-column label="id" align="center" prop="id" /> --> |
| | | <el-table-column label="抬头公司名称" align="center" prop="invoiceCompanyName" /> |
| | |
| | | @click="handleBankAdd(2)">新增 |
| | | </el-button> |
| | | |
| | | <el-table border :data="bankAccountConfigList"> |
| | | <el-table border class="demo-tabs" :data="bankAccountConfigList"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="银行账号编号" align="center" prop="accountNo" /> |
| | | <el-table-column label="户名" align="center" prop="accountName" /> |
| | |
| | | <pagination v-show="bankPageF.total > 0" :total="bankPageF.total" v-model:page="queryBankParams.pageNum" |
| | | v-model:limit="queryBankParams.pageSize" @pagination="getList" /> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | |
| | | </el-tabs> |
| | | <div class="bottom-operation-container"> |
| | | <el-button size="large" type="warning" @click="goToList" style="width: 120px;">返 回</el-button> |
| | | <el-button v-if="!formDisabled" size="large" type="primary" @click="submitForm" style="width: 120px; margin-left: 30px;">提 交</el-button> |
| | | </div> |
| | | </div> |
| | | <CommonDialogForm :mode="formMode" :visible="isDialogVisible" title="企业发票抬头信息" :initial-data="initialFormData" |
| | | @close="isDialogVisible = false" @submit="handleFormSubmit" /> |
| | |
| | | } |
| | | } |
| | | } |
| | | /* 返回 */ |
| | | /* 在已有的 style 标签内添加 */ |
| | | |
| | | .bottom-operation-container { |
| | | margin-top: 40px; /* 与上方 Tabs 的间距 */ |
| | | margin-bottom: 20px; /* 与页面底部的间距 */ |
| | | display: flex; |
| | | justify-content: center; /* 水平居中 */ |
| | | align-items: center; |
| | | padding: 20px 0; |
| | | border-top: 1px solid #eee; /* 可选:增加一条顶部分割线 */ |
| | | } |
| | | |
| | | /* 优化表格样式,确保固定高度时滚动条美观 */ |
| | | ::v-deep .el-table { |
| | | margin-top: 5px; |
| | | /* 替换掉报错的 @include,改用原生 CSS 美化滚动条(可选) */ |
| | | .el-scrollbar__bar { |
| | | z-index: 5; |
| | | } |
| | | } |
| | | |
| | | /* 调整 Tabs 样式使其底部不要太局促 */ |
| | | .demo-tabs { |
| | | margin-bottom: 20px; |
| | | } |
| | | </style> |