<template>
  <div class="main">
        <Header/>
        <div class="main_t">
            <div class="main_t_t">
                <i class="main_t_t_l">当前位置：首页 &gt;</i>
                <i>{{type==1?'校院通知':(type==2?'工作通知':(type==3?'分级管控':''))}}</i>
            </div>
            <div style="background: rgba(9, 55, 81, 0.6);margin-top:30px;height:900px;padding-top:20px;">
                <div class="title" v-if="type == 1 || type == 2">{{codeData.title}}</div>
                <div class="main_t_b" v-if="type == 1 || type == 2">
                    <p v-html="codeData.content"></p>
                    <div class="unit">{{codeData.company}}</div>
                    <div class="time">{{parseTime(codeData.createTime,"{y}-{m}-{d}")}}</div>
                </div>
                <div class="title" v-if="type == 3">{{codeData.name}}</div>
                <div class="main_t_b" v-if="type == 3">
                    <p style="margin-bottom:20px;">{{codeData.deptName}} - {{codeData.typeName}} - {{codeData.levelName}}</p>
                    <p>{{codeData.manageDes}}</p>
                    <div class="unit">{{codeData.status?'已执行':'未执行'}}</div>
                    <div class="time">{{parseTime(codeData.createTime,"{y}-{m}-{d}")}}</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import {notifyplan,} from "../../api/http"
import Header from '@/components/header.vue'
export default {
  components: {
    Header
  },
  data() {
    return {
      type:null,
      codeData:'',

    }
  },
  methods: {
    back(){
        this.$router.push('/home')
    },



  },
  mounted() {
      this.$set(this,'type',this.$route.query.type);
      this.$set(this,'codeData',this.$route.query.item);
  },


}
</script>
<style lang="scss" scoped>
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    .main {
        width: 1920px;
        height: 1080px;
        /* background: url("../img/index_bg.png") no-repeat;
         background-size: 100% 100%;*/
        position: relative;
        left: 0;
        top: 0;
        z-index: 50;
        background: #062338;
        .header {
            width: 100%;
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 100;
            display: flex;
            justify-content: flex-start;

            .header_l {
                width: 182px;
                height: 44px;
                margin: 10px 0 0 40px;
            }
            .header_c {
                width: 1180px;
                height: 152px;
                margin-left: 136px;
                background: url("~@/assets/image/index_icon2.png") no-repeat;
                background-size: 100% 100%;
                font-size: 30px;
                font-family: Microsoft YaHei;
                font-weight: bold;
                color: #FFFFFF;
                line-height: 30px;
                text-align: center;
                padding-top: 26px;
            }
            .header_r {
                margin-left: 264px;
                width: 82px;
                height: 32px;
                margin-top: 18px;
            }
        }
        .main_t{
            width: 1852px;
            height: 975px;
            position: absolute;
            left: 34px;
            top: 86px;
            z-index: 200;
            .main_t_t{
                margin: 20px 0 0 18px;
                >i{
                    font-size: 16px;
                    font-family: Microsoft YaHei;
                    font-weight: bold;
                    color: #FFFFFF;
                    line-height: 16px;
                }
                >i:nth-of-type(1){

                }
                >i:nth-of-type(2){
                    color: #1ED0F8;
                }
            }
            .title{
                width: 100%;
                font-size: 18px;
                font-family: Source Han Sans CN;
                font-weight: bold;
                color: #FFFFFF;
                line-height: 18px;
                margin-top: 44px;
                text-align: center;
            }
            .main_t_b{
                width: 1852px;
                height: 800px;
                margin-top: 40px;
                padding:0 390px;
                box-sizing: border-box;
                overflow-y: auto;
                >p{
                    font-size: 16px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height:30px;
                    text-indent:2em;
                }
                .unit{
                    font-size: 16px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 16px;
                    margin-top: 38px;
                    text-align: right;
                }
                .time{
                    font-size: 16px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 16px;
                    margin-top: 22px;
                    text-align: right;
                }
            }
        }

    }
</style>
<style lang="scss">
li{list-style:none}
i,em,b{font-style:normal;font-weight:100;}
body{margin: 0}
</style>
