bug修改

zhouwx

2024-06-14 137910cf4fc73a3a2787a3a02718f1e1f637c368

 src/views/components/notice.vue

@@ -4,7 +4,7 @@
      <div class="list">
        <div v-for="item in state.dataList" @click="openDetails('通知公告',item.id)">
          <div>
            <div><img src="src/assets/images/article.png"></div>
            <div><img :src="articlePng"></div>
            <div>{{item.title}}</div>
          </div>
          <span>
@@ -14,11 +14,10 @@
      </div>
      <div class="pag-container" v-if="state.total&&state.total>0">
        <el-pagination
            v-model:current-page="state.querys.pageNum"
            v-model:page-size="state.querys.pageSize"
            :page-sizes="[10,15,20,25]"
            :page-sizes="[10,15,20]"
            layout="total, sizes, prev, pager, next, jumper"
            :total="state.total"
            :current-page="state.querys.pageNum"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
        />
@@ -32,6 +31,7 @@
import { getNotice } from '@/api/home/homePage'
import useUserStore from '@/store/modules/user'
import {ElMessage} from "element-plus";
import articlePng from "@/assets/images/article.png"
const emit = defineEmits(['openDetails'])
const route = useRoute()
const router = useRouter()
@@ -62,6 +62,7 @@
}, { immediate: true });

const handleSizeChange = (val) => {
    state.querys.pageNum = 1
  state.querys.pageSize = val
  getData()
}
@@ -95,11 +96,11 @@
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 170px;
  margin-top: 150px;

  .main-content{
    width: 1200px;
    margin: 20px 0;
    margin: 15px 0;
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.04);
@@ -108,7 +109,7 @@

    .list{
      padding: 15px 0;
      max-height: calc(100vh - 350px);
      height: calc(100vh - 280px);
      overflow-y: auto;

      &>div{
@@ -161,7 +162,7 @@

    .pag-container{
      width: 100%;
      height: 80px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: right;