dbsd_kczx/src/views/site/renKeJiaoCheng/checkKecheng/dqxqkcDetail.vue

<template>
  <div style="margin-top:10px;background:#fff;height:630px;overflow:auto;">
     <a-card>
      <div>
        <span style="float: left;line-height: 30px; font-size: 18px; font-weight: bold;">教学大纲：</span>
        <span style="width:300px;float: left;">
          <span style="float:left;"><j-upload v-model:value="jxdgInfo.filePath"></j-upload></span>
        </span>
        <span style="float: right;"><a-button type="primary">提交</a-button><a-button type="primary" style="margin-left:10px;">预览</a-button></span>
      </div>
     </a-card>
     <a-card>
      <div style="line-height: 30px; font-size: 18px; font-weight: bold;width:100%;">
        <span style="float: left;">常见问题</span>
        <span style="float: right;"><a-button type="primary">新增</a-button></span>
      </div>
      <a-row style="margin-top: 50px;width:100%;display: block;">
        <a-col :span="24" v-for="i in 3">
          <a-row>
            <a-col :span="24">
              <span style="float: left;">{{i}}.问题</span>
              <span style="float: right;">
                <a title="修改"><Icon icon="ant-design:form-outlined" /></a>
                <a-divider type="vertical" style="height: 30px; background-color: #7cb305" />
                <a title="删除"><Icon icon="ant-design:delete-outlined" /></a>
              </span>
            </a-col>
            <a-col :span="24"><span><Icon icon="ant-design:caret-right-outlined" />答：就是一个常见的问题及答案</span></a-col>
            <a-col :span="24">
              <a-divider />
            </a-col>
          </a-row>
        </a-col>
        <a-col :span="24">
          <a-pagination v-model="current" :total="total" @change="handlePageChange" :pageSize="pageSize" style="text-align: right;"/>
        </a-col>
        <a-col :span="24" v-show="false">
          <a-empty/>
        </a-col>
      </a-row>
     </a-card>
     <a-card>
      <div style="line-height: 30px; font-size: 18px; font-weight: bold;width:100%;">
        <span style="float: left;">往届学生评价</span>
      </div>
      <studentPjjgTeaList :queryParam="{ pageSize: 3, ...tkzjParam }" style="max-height: 106px;"/>
     </a-card>
  </div>
</template>

<script lang="ts" setup>
  import { ref, onMounted, unref  } from 'vue';
  import { getUserSf,getSysConfig } from '/@/views/site/utils/index';
  import { defHttp } from '/@/utils/http/axios';
  import { useRouter } from 'vue-router';
  import { Icon } from '/@/components/Icon';
  import { Pagination, Empty } from 'ant-design-vue';
  import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';

  import headerPage from '/@/views/site/common/header.vue';
  import footerPage from '/@/views/site/common/footer.vue';
  import studentPjjgTeaList from '/@/views/site/pjjgPage/studentPjjgTeaList.vue';
 
  //当前路由信息
  const { currentRoute } = useRouter();
  const { query } = unref(currentRoute);
  const { rwbh } = query;//获取传递参数
  const APagination = Pagination;
  const current = ref<number>(0);
  const total = ref<number>(0);
  const pageNo = ref<number>(0);
  const pageSize = ref<number>(3);
const tkzjParam = ref({});
  let router = useRouter();
  const jxdgInfo = ref({
    filePath:''
  });
  

  function handlePageChange(page: number) {
  }
  //进入就加载
  onMounted(() => {
    
  });
 
</script>
<style lang="less" scoped>
</style>