You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
3.5 KiB
129 lines
3.5 KiB
<!--
|
|
@ 作者: 秦东
|
|
@ 时间: 2023-11-06 13:39:13
|
|
@ 备注: 首页
|
|
-->
|
|
<script lang='ts' setup>
|
|
import * as echarts from 'echarts'; //引入图形界面
|
|
|
|
import { useUserStore } from "@/store/modules/user";
|
|
|
|
|
|
import { orgInfo } from '@/api/displayboardapi/types'
|
|
import { getOrgChiled,getCompanyDeparment,targetListForDepartment } from '@/api/displayboardapi/indexapi'
|
|
|
|
import UserInfo from "@/views/dashboard/components/userinfo.vue";
|
|
import SanLianpIng from "@/views/dashboard/components/sanlianping.vue";
|
|
import EducationChart from "@/views/dashboard/components/education.vue";
|
|
import AllOrgYear from "@/views/dashboard/components/allorgyear.vue";
|
|
import OrgUserAge from "@/views/dashboard/components/orguserage.vue";
|
|
import OrgEducation from "@/views/dashboard/components/orgeducation.vue";
|
|
import Application from "@/views/dashboard/components/application.vue";
|
|
import HostNews from "@/views/dashboard/components/hostnews.vue";
|
|
|
|
const userStore = useUserStore();
|
|
const orgListCont = ref<orgInfo[]>([])
|
|
const educationOrgId = ref<number>(309)
|
|
const masterBody = ref<any>(null)
|
|
const drawerWidht = ref<any>()
|
|
/**
|
|
* 获取行政组织
|
|
*/
|
|
function getOrgList(){
|
|
getOrgChiled({id:313})
|
|
.then(( {data} )=>{
|
|
// console.log("获取行政组织-2-->",data)
|
|
orgListCont.value = data.list
|
|
educationOrgId.value = data.current
|
|
})
|
|
}
|
|
|
|
|
|
|
|
const orgAllYears = ref<any>() //当前年
|
|
|
|
const oenOrg = ref<any>() //单一行政组织
|
|
|
|
|
|
//渲染完页面再执行
|
|
onMounted(() => {
|
|
|
|
drawerWidht.value = masterBody.value?.clientWidth
|
|
getOrgList();
|
|
// console.log("热门新闻----100---->",drawerWidht.value)
|
|
})
|
|
</script>
|
|
<template>
|
|
<div ref="masterBody" class="app_container">
|
|
<div class="first-main">
|
|
<div class="main-width74">
|
|
<AllOrgYear :org-list-cont="orgListCont" :education-org-id="educationOrgId" />
|
|
</div>
|
|
<div class="main-width26">
|
|
<HostNews v-model:drawer-widht="drawerWidht" />
|
|
</div>
|
|
</div>
|
|
<div class="cart_top_juLi first-main">
|
|
<div class="main-width74 first-main">
|
|
<div class="main-width50">
|
|
<OrgUserAge :org-list-cont="orgListCont" :education-org-id="educationOrgId" />
|
|
</div>
|
|
<div class="main-width50">
|
|
<OrgEducation :org-list-cont="orgListCont" :education-org-id="educationOrgId" />
|
|
</div>
|
|
</div>
|
|
<div class="main-width26">
|
|
<Application :org-list-cont="orgListCont" :education-org-id="educationOrgId" />
|
|
</div>
|
|
</div>
|
|
<el-row :gutter="10" class="cart_top_juLi" >
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="readback">
|
|
<SanLianpIng />
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</div>
|
|
</template>
|
|
<style lang='scss' scoped>
|
|
.app_container{
|
|
padding: 10px 20px 0px 20px;
|
|
height: calc(100% - 10px);
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
}
|
|
.orgAllMothsTitle{
|
|
width:100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content:space-between;
|
|
|
|
}
|
|
.span_icon_left{
|
|
margin-right:10px;
|
|
}
|
|
.cart_top_juLi{
|
|
margin-top:20px;
|
|
}
|
|
.titleInfo{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
.first-main{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
height: 330px;
|
|
}
|
|
.main-width74{
|
|
width: calc(100% - 370px);
|
|
height: 100%;
|
|
}
|
|
.main-width26{
|
|
width: 350px;
|
|
height: 100%;
|
|
}
|
|
.main-width50{
|
|
width: calc(50% - 10px);
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
|