admin_home/src/views/dashboard/admin/index.vue

<template>
    <div class="dashboard-editor-container">
        <!--超级管理员10000√ 个人会员1× 政务会员2× 企业会员3× 调研员4×-->
        <div v-if="userType == 10000">
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="24">
                    <div class="topDataBox">
                        <div class="topDataBoxTitle">
                            <div class="chatIconBox cibStyle1">
                                <img src="@/assets/index/top_time.png">
                            </div>
                            <div class="topDataBoxTitleText">待审核列表</div>
                        </div>
                        <div class="topDataBoxList" v-if="indexData.apply">
                            <div class="topDataLi1">
                                <div class="topDataMain">
                                    <span @click="goToList(1)">待审核资讯</span>
                                    <span @click="goToList(1)">{{indexData.apply.article}}</span>
                                </div>
                                <div class="topDataMain">
                                    <span @click="goToList(8)">待审核广告</span>
                                    <span @click="goToList(8)">{{indexData.apply.order}}</span>
                                </div>
                            </div>
                            <div class="topDataLi2">
                                <div class="topDataMainCenter">
                                    <span @click="goToList(2)">待审核商品</span>
                                    <span @click="goToList(2)">{{indexData.apply.good}}</span>
                                </div>
                                <div class="topDataMainCenter">
                                    <span @click="goToList(3)">待审核书刊音像</span>
                                    <span @click="goToList(3)">{{indexData.apply.book}}</span>
                                </div>
                            </div>
                            <div class="topDataLi3">
                                <div class="topDataMainCenter">
                                    <span @click="goToList(4)">待审核招聘</span>
                                    <span @click="goToList(4)">{{indexData.apply.jobRecruiting}}</span>
                                </div>
                                <div class="topDataMainCenter">
                                    <span @click="goToList(5)">待审核求职</span>
                                    <span @click="goToList(5)">{{indexData.apply.jobHunting}}</span>
                                </div>
                            </div>
                            <div class="topDataLi4">
                                <div class="topDataMain">
                                    <span @click="goToList(6)">待审核行政通知</span>
                                    <span @click="goToList(6)">{{indexData.apply.notice}}</span>
                                </div>
                                <div class="topDataMain">
                                    <span @click="goToList(7)">待审核行政投诉</span>
                                    <span @click="goToList(7)">{{indexData.apply.complaint}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg1">
                                <img src="@/assets/index/topIcon1.png" />
                            </div>
                            网站数量
                        </div>
                        <div class="twbNumber">{{indexData.website.count}}</div>
                        <!-- <div class="twbStatus"><img src="@/assets/index/arrow-up.png"/> +12% <span>较上周</span></div> -->
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg2">
                                <img src="@/assets/index/topIcon2.png" />
                            </div>
                            栏目数量
                        </div>
                        <div class="twbNumber">{{indexData.category.count}}</div>
                        <!-- <div class="twbStatus"><img src="@/assets/index/arrow-up.png"/> +18% <span>较昨天</span></div> -->
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg3">
                                <img src="@/assets/index/topIcon3.png" />
                            </div>
                            资讯发布总数量
                        </div>
                        <div class="twbNumber">{{indexData.article.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg4">
                                <img src="@/assets/index/topIcon4.png" />
                            </div>
                            商品发布总数量
                        </div>
                        <div class="twbNumber">{{indexData.good.count}}</div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg5">
                                <img src="@/assets/index/topIcon5.png" />
                            </div>
                            书刊音像发布总数量
                        </div>
                        <div class="twbNumber">{{indexData.book.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg6">
                                <img src="@/assets/index/topIcon6.png" />
                            </div>
                            招聘发布总数量
                        </div>
                        <div class="twbNumber">{{indexData.jobRecruiting.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg7">
                                <img src="@/assets/index/topIcon7.png" />
                            </div>
                            求职发布总数量
                        </div>
                        <div class="twbNumber">{{indexData.jobHunting.count}}</div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="16">
                    <div class="chartBox">
                        <div class="chartTitle">
                            平台数据增长趋势
                            <el-select 
                                v-model="chatType" 
                                placeholder="请选择" 
                                class="chartSelectInput"
                                @change="changeLineChartData"
                            >
                                <el-option 
                                    v-for="item in indexDataOptions" 
                                    :key="item.value" 
                                    :label="item.label"
                                    :value="item.value"
                                >
                                </el-option>
                            </el-select>
                        </div>
                        <el-row style="background:#fff;padding:16px 16px 0;">
                            <line-chart :chart-data="chartData.lineChartData" />
                        </el-row>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="8">
                    <div class="chartBox">
                        <div class="chartTitle">用户类型占比</div>
                        <div class="chart-wrapper">
                            <ring-chart :chart-data="chartData.ringChartData" />
                        </div>
                    </div>
                </el-col>
            </el-row>
        </div>

        <!--超级管理员10000× 个人会员1√ 政务会员2× 企业会员3 调研员4-->
        <div v-if="userType == 1">
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="24">
                    <div class="topDataBox">
                        <div class="topDataBoxTitle">
                            <div class="chatIconBox cibStyle1">
                                <img src="@/assets/index/top_time.png">
                            </div>
                            <div class="topDataBoxTitleText">待审核列表</div>
                        </div>
                        <div class="topDataBoxList" v-if="indexData.apply">
                            <div class="topDataLi1">
                                <div class="topDataMain">
                                    <span @click="goToList(1)">待审核资讯</span>
                                    <span @click="goToList(1)">{{indexData.apply.article}}</span>
                                </div>
                            </div>
                            <div class="topDataLi2">
                                <div class="topDataMainCenter">
                                    <span @click="goToList(2)">待审核商品</span>
                                    <span @click="goToList(2)">{{indexData.apply.good}}</span>
                                </div>
                                <div class="topDataMainCenter">
                                    <span @click="goToList(3)">待审核书刊音像</span>
                                    <span @click="goToList(3)">{{indexData.apply.book}}</span>
                                </div>
                            </div>
                            <div class="topDataLi3">
                                <div class="topDataMainCenter">
                                    <span @click="goToList(4)">待审核招聘</span>
                                    <span @click="goToList(4)">{{indexData.apply.jobRecruiting}}</span>
                                </div>
                                <div class="topDataMainCenter">
                                    <span @click="goToList(5)">待审核求职</span>
                                    <span @click="goToList(5)">{{indexData.apply.jobHunting}}</span>
                                </div>
                            </div>
                            <div class="topDataLi4">
                                <div class="topDataMain">
                                    <span @click="goToList(6)">待审核行政通知</span>
                                    <span @click="goToList(6)">{{indexData.apply.notice}}</span>
                                </div>
                                <div class="topDataMain">
                                    <span @click="goToList(7)">待审核行政投诉</span>
                                    <span @click="goToList(7)">{{indexData.apply.complaint}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg3">
                                <img src="@/assets/index/topIcon3.png" />
                            </div>
                            资讯发布数量
                        </div>
                        <div class="twbNumber">{{indexData.article.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg4">
                                <img src="@/assets/index/topIcon4.png" />
                            </div>
                            商品发布数量
                        </div>
                        <div class="twbNumber">{{indexData.good.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg5">
                                <img src="@/assets/index/topIcon5.png" />
                            </div>
                            书刊音像发布数量
                        </div>
                        <div class="twbNumber">{{indexData.book.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg7">
                                <img src="@/assets/index/topIcon7.png" />
                            </div>
                            求职发布数量
                        </div>
                        <div class="twbNumber">{{indexData.jobHunting.count}}</div>
                    </div>
                </el-col>
            </el-row>
        </div>

        <!--超级管理员10000× 个人会员1× 政务会员2 √ 企业会员3× 调研员4×-->
        <div v-if="userType == 2">
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="24">
                    <div class="topDataBox">
                        <div class="topDataBoxTitle">
                            <div class="chatIconBox cibStyle1">
                                <img src="@/assets/index/top_time.png">
                            </div>
                            <div class="topDataBoxTitleText">待审核列表</div>
                        </div>
                        <div class="topDataBoxList" v-if="indexData.apply">
                            <div class="topDataLi1">
                                <div class="topDataMain">
                                    <span @click="goToList(1)">待审核资讯</span>
                                    <span @click="goToList(1)">{{indexData.apply.article}}</span>
                                </div>
                            </div>
                            <div class="topDataLi2">
                                <div class="topDataMainCenter">
                                    <span @click="goToList(2)">待审核商品</span>
                                    <span @click="goToList(2)">{{indexData.apply.good}}</span>
                                </div>
                                <div class="topDataMainCenter">
                                    <span @click="goToList(3)">待审核书刊音像</span>
                                    <span @click="goToList(3)">{{indexData.apply.book}}</span>
                                </div>
                            </div>
                            <div class="topDataLi4">
                                <div class="topDataMain">
                                    <span @click="goToList(6)">待审核行政通知</span>
                                    <span @click="goToList(6)">{{indexData.apply.notice}}</span>
                                </div>
                                <div class="topDataMain">
                                    <span @click="goToList(7)">待审核行政投诉</span>
                                    <span @click="goToList(7)">{{indexData.apply.complaint}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg3">
                                <img src="@/assets/index/topIcon3.png" />
                            </div>
                            资讯发布数量
                        </div>
                        <div class="twbNumber">{{indexData.article.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg4">
                                <img src="@/assets/index/topIcon4.png" />
                            </div>
                            商品发布数量
                        </div>
                        <div class="twbNumber">{{indexData.good.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg5">
                                <img src="@/assets/index/topIcon5.png" />
                            </div>
                            书刊音像发布数量
                        </div>
                        <div class="twbNumber">{{indexData.book.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg8">
                                <img src="@/assets/index/topIcon8.png" />
                            </div>
                            待处理
                        </div>
                        <div class="twbNumber2">
                            <div class="twbNumber2Item">
                                <div class="twbNumber2ItemNum">{{indexData.notice.count}}</div>
                                <div>行政通知</div>
                            </div>
                            <div class="twbNumber2Item">
                                <div class="twbNumber2ItemNum">{{indexData.complaint.count}}</div>
                                <div>行政投诉</div>
                            </div>
                        </div>
                    </div>
                </el-col>
            </el-row>

            <!-- <div class="chartBox">
                <div class="chartTitle">已审核文章</div>
                <div class="chart-wrapper">
                    展示文章列表
                    <el-table :data="type_id1.article" style="width: 100%" @row-click="handleClick">
                        <el-table-column prop="title" label="标题" width="">
                        </el-table-column>
                        <el-table-column prop="created_at" label="创建时间" width="180">
                        </el-table-column>
                        <el-table-column prop="updated_at" label="创建时间" width="180">
                        </el-table-column>
                        <el-table-column prop="status" label="状态" width="180">
                            <template slot-scope="scope">
                                <el-tag :type="scope.row.status == 1 ? 'success' : 'danger'">{{ scope.row.status == 1 ? '已审核' :
                                '未审核' }}</el-tag>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </div> -->
        </div>

        <!--超级管理员10000× 个人会员1× 政务会员2× 企业会员3√ 调研员4×-->
        <div v-if="userType == 3">
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="24">
                    <div class="topDataBox">
                        <div class="topDataBoxTitle">
                            <div class="chatIconBox cibStyle1">
                                <img src="@/assets/index/top_time.png">
                            </div>
                            <div class="topDataBoxTitleText">待审核列表</div>
                        </div>
                        <div class="topDataBoxList" v-if="indexData.apply">
                            <div class="topDataLi1">
                                <div class="topDataMain">
                                    <span @click="goToList(1)">待审核资讯</span>
                                    <span @click="goToList(1)">{{indexData.apply.article}}</span>
                                </div>
                            </div>
                            <div class="topDataLi2">
                                <div class="topDataMainCenter">
                                    <span @click="goToList(2)">待审核商品</span>
                                    <span @click="goToList(2)">{{indexData.apply.good}}</span>
                                </div>
                                <div class="topDataMainCenter">
                                    <span @click="goToList(3)">待审核书刊音像</span>
                                    <span @click="goToList(3)">{{indexData.apply.book}}</span>
                                </div>
                            </div>
                            <div class="topDataLi3">
                                <div class="topDataMainCenter">
                                    <span @click="goToList(4)">待审核招聘</span>
                                    <span @click="goToList(4)">{{indexData.apply.jobRecruiting}}</span>
                                </div>
                            </div>
                            <div class="topDataLi4">
                                <div class="topDataMain">
                                    <span @click="goToList(6)">待审核行政通知</span>
                                    <span @click="goToList(6)">{{indexData.apply.notice}}</span>
                                </div>
                                <div class="topDataMain">
                                    <span @click="goToList(7)">待审核行政投诉</span>
                                    <span @click="goToList(7)">{{indexData.apply.complaint}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg3">
                                <img src="@/assets/index/topIcon3.png" />
                            </div>
                            资讯发布数量
                        </div>
                        <div class="twbNumber">{{indexData.article.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg4">
                                <img src="@/assets/index/topIcon4.png" />
                            </div>
                            商品发布数量
                        </div>
                        <div class="twbNumber">{{indexData.good.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg5">
                                <img src="@/assets/index/topIcon5.png" />
                            </div>
                            书刊音像发布数量
                        </div>
                        <div class="twbNumber">{{indexData.book.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="6">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg6">
                                <img src="@/assets/index/topIcon6.png" />
                            </div>
                            招聘发布数量
                        </div>
                        <div class="twbNumber">{{indexData.jobRecruiting.count}}</div>
                    </div>
                </el-col>
            </el-row>
        </div>

        <!--超级管理员10000× 个人会员1× 政务会员2× 企业会员3× 调研员4√-->
        <div v-if="userType == 4">
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="24">
                    <div class="topDataBox">
                        <div class="topDataBoxTitle">
                            <div class="chatIconBox cibStyle1">
                                <img src="@/assets/index/top_time.png">
                            </div>
                            <div class="topDataBoxTitleText">待审核列表</div>
                        </div>
                        <div class="topDataBoxList" v-if="indexData.apply">
                            <div class="topDataLi1">
                                <div class="topDataMain">
                                    <span @click="goToList(1)">待审核资讯</span>
                                    <span @click="goToList(1)">{{indexData.apply.article}}</span>
                                </div>
                            </div>
                            <div class="topDataLi2">
                                <div class="topDataMainCenter">
                                    <span @click="goToList(2)">待审核商品</span>
                                    <span @click="goToList(2)">{{indexData.apply.good}}</span>
                                </div>
                                <div class="topDataMainCenter">
                                    <span @click="goToList(3)">待审核书刊音像</span>
                                    <span @click="goToList(3)">{{indexData.apply.book}}</span>
                                </div>
                            </div>
                            <div class="topDataLi4">
                                <div class="topDataMain">
                                    <span @click="goToList(6)">待审核行政通知</span>
                                    <span @click="goToList(6)">{{indexData.apply.notice}}</span>
                                </div>
                                <div class="topDataMain">
                                    <span @click="goToList(7)">待审核行政投诉</span>
                                    <span @click="goToList(7)">{{indexData.apply.complaint}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </el-col>
            </el-row>
            <el-row :gutter="32">
                <el-col :xs="24" :sm="24" :lg="8">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg3">
                                <img src="@/assets/index/topIcon3.png" />
                            </div>
                            资讯发布数量
                        </div>
                        <div class="twbNumber">{{indexData.article.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="8">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg4">
                                <img src="@/assets/index/topIcon4.png" />
                            </div>
                            商品发布数量
                        </div>
                        <div class="twbNumber">{{indexData.good.count}}</div>
                    </div>
                </el-col>
                <el-col :xs="24" :sm="24" :lg="8">
                    <div class="topWindowBox">
                        <div class="twbTitle">
                            <div class="twbIconbg bg5">
                                <img src="@/assets/index/topIcon5.png" />
                            </div>
                            书刊音像发布数量
                        </div>
                        <div class="twbNumber">{{indexData.book.count}}</div>
                    </div>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>
// import GithubCorner from '@/components/GithubCorner'
// import PanelGroup from './components/PanelGroup'
import LineChart from './components/LineChart'//折线图
// import RaddarChart from './components/RaddarChart'
// import PieChart from './components/PieChart'
// import BarChart from './components/BarChart'
// import TransactionTable from './components/TransactionTable'
// import TodoList from './components/TodoList'
// import BoxCard from './components/BoxCard'
import RingChart from './components/RingChart'//圆环图


export default {
    name: 'DashboardAdmin',
    components: {
        // GithubCorner,
        // PanelGroup,
        LineChart,
        // RaddarChart,
        // PieChart,
        // BarChart,
        // TransactionTable,
        // TodoList,
        // BoxCard,
        RingChart
    },
    data() {
        return {
            userType: 0,//用户身份
            indexData:[],//首页的全部数据
            chartData: {
                lineChartData:[],//折线图目前展示哪个数据
                ringChartData: [],//圆环图数据
                lineChartData1: [],//折线图数据 - 资讯
                lineChartData2: [],//折线图数据 - 商品
                lineChartData3: [],//折线图数据 - 书刊音像
                lineChartData4: [],//折线图数据 - 招聘
                lineChartData5: [],//折线图数据 - 求职
            },
            chatType: '1', //用户选择的哪个数据
            indexDataOptions: [
                {label:'资讯',value:'1'},
                {label:'商品',value:'2'},
                {label:'书刊音像',value:'3'},
                {label:'招聘',value:'4'},
                {label:'求职',value:'5'}
            ]
        }
    },
    methods: {
        handleClick(row) {
            console.log(row, '----------------1---')
            //跳转
            this.$router.push({
                path: '/articleList',
                query: {
                    id: row.id
                }
            })

        },
        // 获取首页数据
        //获取用户身份信息
        getUserInfo(fun) {
            this.$store.dispatch('public/getInfo').then(res => {
                console.log(res)
                this.userType = res.data.type_id;
                //if(res.data.type_id==10000){}//管理员
                //if(res.data.type_id==4){}//调研员
                //个人会员=1 政务会员=2 企业会员=3 调研员=4 管理员=10000 游客=20000
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: '网络错误，请重试！'
                });
            })
            fun();
        },
        getData() {
            //获取首页数据
            this.$store.dispatch('public/getAdminIndex').then(res => {
                //如果是调研员就不显示其他的
                // if (this.userType == 4) {
                //     this.chartData.lineChartData = res.data.letterOfComplaintList;
                // } else if (this.userType == 1) {
                //     //个人会员
                //     this.type_id1 = res.data;
                // } else {
                //     this.topData.article.count = res.data.article.count;
                //     this.topData.category.count = res.data.category.count;
                //     this.topData.website.count = res.data.website.count;
                //     this.chartData.lineChartData = res.data.monthArticle;
                //     this.chartData.ringChartData = res.data.userType;
                // }
                if(res.code==200){
                    this.indexData = res.data;//面板其他数据
                    this.chartData.lineChartData = res.data.monthArticle;//初始化展示资讯的数据
                    this.chartData.ringChartData = res.data.userType;//圆环图数据
                    this.chartData.lineChartData1 = res.data.monthArticle;//折线图数据 - 资讯
                    this.chartData.lineChartData2 = res.data.monthGood;//圆环图数据 - 资讯
                    this.chartData.lineChartData3 = res.data.monthBook;//圆环图数据 - 书刊音像
                    this.chartData.lineChartData4 = res.data.monthJobRecruiting;//圆环图数据 - 招聘
                    this.chartData.lineChartData5 = res.data.monthJobHunting;//圆环图数据 - 求职
                }
            })
        },
        goToList(typenumber){
            if(typenumber == 1){this.$router.push({path:'/examine'})}
            if(typenumber == 2){this.$router.push({path:'/goodListApply'})}
            if(typenumber == 3){this.$router.push({path:'/bookListApply'})}
            if(typenumber == 4){this.$router.push({path:'/checkjobRecruitingList'})}
            if(typenumber == 5){this.$router.push({path:'/jobHuntingListApply'})}
            if(typenumber == 6){this.$router.push({path:'/noticeListApply'})}
            if(typenumber == 7){this.$router.push({path:'/ncomplaintListApply'})}
            if(typenumber == 8){this.$router.push({path:'/adList'})}
        },
        //切换折线图数据
        changeLineChartData(type){
            console.log(type)
            if(type == 1){
                this.chartData.lineChartData = this.chartData.lineChartData1;
            }
            if(type == 2){
                this.chartData.lineChartData = this.chartData.lineChartData2;
            }
            if(type == 3){
                this.chartData.lineChartData = this.chartData.lineChartData3;
            }
            if(type == 4){
                this.chartData.lineChartData = this.chartData.lineChartData4;
            }
            if(type == 5){
                this.chartData.lineChartData = this.chartData.lineChartData5;
            }
        }
    },
    mounted() {
        //先获取用户身份
        this.getUserInfo(this.getData)
        //再获取数据
        // this.getData()
    }
}
</script>

<style lang="less" scoped>
@title: #212227;
@bgColor: #FFFFFF;

//图标背景
.chatIconBox {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cibStyle1 {
    background:#667EF2
}

//管理员顶部数据栏
.topDataBox {
    height: 182px;
    background: url('../../../assets/index/top_bg.png') no-repeat center center;
    background-size: 100% 100%;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 25px;
}

.topDataBoxTitle {
    display: flex;
    align-items: center;
    margin-bottom:16px;
    color:#fff;
    font-size:16px;
}

.topDataBoxTitleText {
    margin-left: 15px;
}

//顶部数据展示
.topDataBoxList {
    display: flex;
    align-items: center;
    .topDataLi1 {
        width:268px;
        border-right: 1px solid #fff;
        height:70px;
        .topDataMain:nth-child(1) {
            margin-bottom:20px;
        }
    }
    .topDataLi2,.topDataLi3{
        width:359px;
        border-right: 1px solid #fff;
        height:70px;
        .topDataMainCenter:nth-child(1){
            margin-bottom:20px
        }
    }
    .topDataLi4 {
        width:268px;
        height:70px;
        .topDataMain {
            margin-left:90px;
        }
        .topDataMain:nth-child(1) {
            margin-bottom:20px;
        }
    }
    .topDataMain,.topDataMainCenter {
        color:#fff;
        height:26px;
        line-height:26px;
        width:177px;
        display:flex;
        align-items: center;
        justify-content: space-between;
        span:nth-child(1){
            font-size:16px;
            cursor: pointer;
        }
        span:nth-child(2){
            font-size:22px;
            font-weight:bold;
            cursor: pointer;
        }
    }
    .topDataMainCenter {
        margin:0 auto;
    }
}


.topWindowBox {
    background: @bgColor;
    border-Radius: 20px;
    height: 165px;
    width: 100%;
    margin-bottom: 30px;
    padding: 22px 25px 25px 25px;
    box-sizing: border-box;

    .twbTitle {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: @title;

        .twbIconbg{
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-right: 15px;
            display:flex;
            align-items: center;
            justify-content: center;
        }

        .bg1 {background: #FDF2F9;}
        .bg2 {background: #E9F3FC;}
        .bg3 {background: #F7F2FD;}
        .bg4 {background: #FFF4F4;}
        .bg5 {background: #E9F3FC;}
        .bg6 {background: #F2EBFC;}
        .bg7 {background: #FDF2F9;}
        .bg8 {background: #FFFAF4;}

    }

    .twbNumber {
        font-size: 30px;
        margin-top: 20px;
        font-weight: 1000;
    }

    .twbNumber2 {
        font-size: 30px;
        margin-top: 20px;
        font-weight: 1000;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        .twbNumber2ItemNum {
            font-size:30px;
            margin-bottom:5px;
            font-weight:1000;
        }
        .twbNumber2Item {
            font-size:16px;
            width:70px;
            font-weight:normal;
        }
        .twbNumber2Item:nth-child(1) {
            margin-right:130px;
        }
    }

    .twbStatus,
    .twbStatusDown {
        font-size: 14px;
        margin-top: 10px;
        display: flex;

        img {
            display: block;
            margin-right: 4px;
        }

        span {
            color: #707B81;
            margin-left: 8px;
        }
    }

    .twbStatus {
        color: #23C581;
    }

    .twbStatusDown {
        color: #E74545
    }
}

.chartBox {
    width: 100%;
    height: 440px;
    border-radius: 20px;
    overflow: hidden;
    background-color: @bgColor;

    .chartTitle {
        color: @title;
        padding: 30px 30px 0 30px;
        font-size: 24px;
    }
}

.noData {
    color: #CCCCCC;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    height: 740px;
    line-height: 740px;
}

.dashboard-editor-container {
    padding: 32px;
    background-color: rgb(240, 242, 245);
    position: relative;

    .github-corner {
        position: absolute;
        top: 0px;
        border: 0;
        right: 0;
    }

    .chart-wrapper {
        background: #fff;
        padding: 16px 16px 0;
        margin-bottom: 32px;
    }
}

@media (max-width:1024px) {
    .chart-wrapper {
        padding: 8px;
    }
}

::v-deep .chartSelectInput .el-input__inner {
    background:#F2F4FE;
    color:#5570F1;
    border:none;
    border-radius: 8px;
    width:130px;
    margin-left:20px;
}
</style>