test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style(消息中心): 优化消息中心翻页时的样式

This commit is contained in:
CaptainB 2021-12-07 11:32:43 +08:00 committed by 刘瑞斌
parent 849ffeccf6
commit cd350e217e
2 changed files with 28 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/business/components/notice/components/MentionedMeData.vue
View File

@ -1,20 +1,22 @@
<template> <template>
<div> <div>
<div style="padding-left: 270px; padding-bottom: 5px; width: 100%"> <div style="padding-bottom: 5px; width: 100%; height: 50px;">
<span style="color: gray; padding-right: 10px">({{ totalCount }} {{ $t('commons.notice_count') }})</span> <div style="float:right;">
<el-dropdown @command="handleCommand" style="padding-right: 10px"> <span style="color: gray; padding-right: 10px">({{ totalCount }} {{ $t('commons.notice_count') }})</span>
<el-dropdown @command="handleCommand" style="padding-right: 10px">
<span class="el-dropdown-link" v-if="totalPage > 0"> <span class="el-dropdown-link" v-if="totalPage > 0">
{{ goPage }}/{{ totalPage }}<i class="el-icon-arrow-down el-icon--right"></i> {{ goPage }}/{{ totalPage }}<i class="el-icon-arrow-down el-icon--right"></i>
</span> </span>
<span v-else class="el-dropdown-link">0/0</span> <span v-else class="el-dropdown-link">0/0</span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<div class="dropdown-content"> <div class="dropdown-content">
<el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item> <el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
</div> </div>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<el-button icon="el-icon-arrow-left" size="mini" :disabled="goPage === 1" @click="prevPage"/> <el-button icon="el-icon-arrow-left" size="mini" :disabled="goPage === 1" @click="prevPage"/>
<el-button icon="el-icon-arrow-right" size="mini" :disabled="goPage === totalPage" @click="nextPage"/> <el-button icon="el-icon-arrow-right" size="mini" :disabled="goPage === totalPage" @click="nextPage"/>
</div>
</div> </div>
<div class="report-container"> <div class="report-container">
<el-table :data="systemNoticeData" <el-table :data="systemNoticeData"

26
frontend/src/business/components/notice/components/SystemNoticeData.vue
View File

@ -1,20 +1,22 @@
<template> <template>
<div> <div>
<div style="padding-left: 270px; padding-bottom: 5px; width: 100%"> <div style="padding-bottom: 5px; width: 100%; height: 50px;">
<span style="color: gray; padding-right: 10px">({{ totalCount }} {{ $t('commons.notice_count') }})</span> <div style="float:right;">
<el-dropdown @command="handleCommand" style="padding-right: 10px"> <span style="color: gray; padding-right: 10px">({{ totalCount }} {{ $t('commons.notice_count') }})</span>
<el-dropdown @command="handleCommand" style="padding-right: 10px">
<span class="el-dropdown-link" v-if="totalPage > 0"> <span class="el-dropdown-link" v-if="totalPage > 0">
{{ goPage }}/{{ totalPage }}<i class="el-icon-arrow-down el-icon--right"></i> {{ goPage }}/{{ totalPage }}<i class="el-icon-arrow-down el-icon--right"></i>
</span> </span>
<span v-else class="el-dropdown-link">0/0</span> <span v-else class="el-dropdown-link">0/0</span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<div class="dropdown-content"> <div class="dropdown-content">
<el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item> <el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
</div> </div>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<el-button icon="el-icon-arrow-left" size="mini" :disabled="goPage === 1" @click="prevPage"/> <el-button icon="el-icon-arrow-left" size="mini" :disabled="goPage === 1" @click="prevPage"/>
<el-button icon="el-icon-arrow-right" size="mini" :disabled="goPage === totalPage" @click="nextPage"/> <el-button icon="el-icon-arrow-right" size="mini" :disabled="goPage === totalPage" @click="nextPage"/>
</div>
</div> </div>
<div class="report-container"> <div class="report-container">
<el-table :data="systemNoticeData" <el-table :data="systemNoticeData"