| | |
| | | |
| | | |
| | | <!-- 分页组件 --> |
| | | <div class="pag"> |
| | | <div class="pag2"> |
| | | <pagination v-show="total1 > 0" :total="total1" :page.sync="queryParams1.pageNum" |
| | | :limit.sync="queryParams1.pageSize" @pagination="filterAdvices(false)" /> |
| | | </div> |
| | | </div> |
| | | |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="showjianyi = false">取消</el-button> |
| | | <el-button type="primary" @click="applySelectedAdvice" :disabled="!selectedAdvice">确定</el-button> |
| | |
| | | margin-top: 15px; |
| | | /* 与表格的间距 */ |
| | | } |
| | | .pag2 { |
| | | width: auto; |
| | | /* 移除固定宽度,让分页器根据内容自适应 */ |
| | | min-width: 750px; |
| | | /* 设置最小宽度,确保分页器不会太窄 */ |
| | | text-align: center; |
| | | /* 确保分页器内部元素居中 */ |
| | | } |
| | | @media (max-width: 750px) { |
| | | .pag2 { |
| | | min-width: 300px; /* 移动端最小宽度 */ |
| | | overflow-x: auto; /* 允许横向滚动 */ |
| | | padding: 10px; /* 移动端内边距 */ |
| | | } |
| | | } |
| | | |
| | | .pag1 { |
| | | width: auto; |