xjc-vue/src/views/xjc-integratedmachine/environment/university_ranking_query1.vue

<template>
  <div class="university_ranking_query1">
    <head-component :headinfo=headinfo></head-component>
    <div class="page-content">
      <div class="page-box">
        <div class="content">
          软科中国大学排名(Best Chinese Universities Ranking)，
          前称软科中国最好大学排名，是由上海软科教育信息咨询有限公司(简称软科)发布的年度中国大学排名，
          首次发布于2015年。“软科中国大学排名”的评价体系源自自主研发的可视化评价专利技术，
          依托“大学360度数据监测平台”的大数据支持，
          设置办学层次、学科水平、办学资源、师资规模与结构、人才培养、科学研究、服务社会、高端人才、重大项目与成果、国际竞争力共十个评价模块，
          细分36个评价维度，内嵌104项评价指标，涉及320个评价变量，是对中国大学办学水平的立体化监测式评价。
        </div>
        <div class="bottom-box">
          <img class="bottom-btn" @click="jumpTo" style="z-index:10;  width: 244px; height: 100px;" src="@/assets/images/environment/search-btn.png">
        </div>
      </div>
    </div>
    <!--    <drag_component></drag_component>-->
  </div>
</template>

<script setup>
import headComponent from '@/views/xjc-integratedmachine/components/head_component.vue'

const router = useRouter()
const headinfo = ref({})
import {ref, onMounted, onUnmounted} from 'vue';
import drag_component from "@/views/xjc-integratedmachine/components/drag_component.vue";

function setHeadinfo() {
  headinfo.value = {
    title: '高校排名查询',
    user: {
      avatar: '头像路径',
      nickName: '张三'
    },
    backUrl: '/index',
    backUrlUse: true,
  }
}

function jumpTo() {
  router.push({
    path: '/xjc-integratedmachine/environment/university_ranking_query2'
  })
}
onMounted(()=>{
  setHeadinfo();
})
</script>


<style scoped lang="scss">
.university_ranking_query1 {
  background: url('@/assets/images/login/login-home-background.png') no-repeat;
  background-size: 1920px 1080px;
  z-index: 10;
  width: 100%;
  height: 1080px;

  .page-content {
    width: 100%;
    position: absolute;
    top: 123px;
    bottom: 0;

    div {
      width: 1600px;
      margin: 0 auto;
      //border: 1px solid;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .page-box {
      width: 1832px;
      height: 910px;
      background: #FFFFFF;
      border-radius: 35px 35px 35px 35px;
      margin: 13px auto 0;
      padding-top: 25px;
      position: relative;
      padding-bottom: 30px;

      .content {
        text-indent: 2em;
        font-size: 30px;
        color: #333333;
        line-height: 52px;
        margin-top: 100px;
      }
    }
    .bottom-box{
      width: 100%;
      display: flex;
      justify-content: space-around;
      .bottom-btn {
        margin-top: 420px;
      }
    }

  }
}


</style>