dbsd_kczx/src/views/site/pjjgPage/index.vue

<template>
  <a-row class="rowGutter" id="pjjgDom">
    <a-col :xs="{ span: 24 }" :sm="{ span: 24 }" :lg="{ span: 24 }" style="padding: 0 2px 0 0;">
      <a-card style="min-height: 222px;">
        <a-tabs v-model:activeKey="activeKey">
          <a-tab-pane key="1" tab="评价结果" >
            <div style="width:100%;text-align: right;line-height:40px;">
              <a style="padding-right: 0.5rem;" @click="reloadTkzj()">刷新</a>
              <RouterLink to="/site/pjjgMore">查看更多</RouterLink>
            </div>
            <list :queryParam="{ pageSize: 4, ...tkzjParam }" style="max-height: 106px;"/>
          </a-tab-pane>
          <!-- <a-tab-pane key="2" tab="学生评教结果">
            <studentPjjgList :queryParam="{ pageSize: 4, ...tkzjParam }" style="max-height: 106px;"/>
          </a-tab-pane> -->
          <a-tab-pane key="3" tab="学生评教结果">
            <JszbpjfList :queryParam="{ pageSize: 4, ...tkzjParam }" style="max-height: 106px;"/>
          </a-tab-pane>
        </a-tabs>
      </a-card>
    </a-col>
  </a-row>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import list from '/@/views/site/pjjgPage/list.vue';
import studentPjjgList from '/@/views/site/pjjgPage/studentPjjgList.vue';
import JszbpjfList from '/@/views/kc/pjxxJszbpjf/JszbpjfList.vue';
import { nextTick } from 'vue';

const tkzjParam = ref({});
const pkzjParam = ref({});
const activeKey = ref('1');

function reloadTkzj(){
  console.log('1');

  tkzjParam.value = { isReload: true };
  // nextTick(() => {
  //   tkzjParam.value = { isReload: false };
  // });
}

function reloadPkzj(){
  pkzjParam.value = { isReload: true };
  // nextTick(() => {
  //   pkzjParam.value = { isReload: false };
  // });
}
</script>
<style lang="less" scoped>
.wenZiJuZhong {
  text-align: center;
}
.wenZiJiaCu {
  font-weight: 700;
}
/deep/.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: black;
    text-shadow: 0 0 0.25px currentcolor;
    font-size: 24px;
    font-weight: bold;
}
/deep/.ant-tabs-tab-btn {
    color: black;
    text-shadow: 0 0 0.25px currentcolor;
    font-size: 20px;
    font-weight: bold;
}
</style>