<template>
  <div class="app-container home">
    <el-row :gutter="25">
       <el-col :sm="24" :lg="6">
         <div @click="tioqeu" style="background-color: #fff; margin-bottom: 30px; display: flex;flex-direction: column;margin-top: 10px;  padding: 20px; border-radius: 10px;">
            <p  style="display: flex; align-items: center;"><img src="../assets/images/weyr.png" alt="" style="width: 50px;height: 50px; margin-right: 20px;"><span  style="font-size: 14px;  color: #76838f;">今日发文</span></p>
            <p style="display: flex; justify-content: center; align-items: center;"><img style="width: 10px; height: 6px;" src="../assets/images/shang.png" alt=""><span style="font-size: 20px; margin-left: 10px;  color: #76838f;">{{seiq.toDaySend}}</span></p>
            <p style="font-size: 14px; color: #a3afb7; text-align: center;margin-top: 10px;">发文个数</p>
         </div>
       </el-col>
       <el-col :sm="24" :lg="6">
         <div @click="tiowei" style="background-color: #fff; margin-bottom: 30px; display: flex;flex-direction: column;margin-top: 10px;  padding: 20px; border-radius: 10px;">
            <p style="display: flex; align-items: center;"><img src="../assets/images/ying.png" alt="" style="width: 50px;height: 50px; margin-right: 20px;"><span  style="font-size: 14px;  color: #76838f;">未读</span></p>
            <p style="display: flex; justify-content: center; align-items: center;"><img style="width: 10px; height: 6px;" src="../assets/images/xia.png" alt=""><span style="font-size: 20px; margin-left: 10px;  color: #76838f;">{{seiq.unread}}</span></p>
            <p style="font-size: 14px; color: #a3afb7; text-align: center;margin-top: 10px;">未读个数</p>
         </div>
       </el-col>
       <el-col :sm="24" :lg="6">
         <div @click="tioyi" style="background-color: #fff; margin-bottom: 30px; display: flex;flex-direction: column;margin-top: 10px;  padding: 20px; border-radius: 10px;">
            <p style="display: flex; align-items: center;"><img src="../assets/images/shou.png" alt="" style="width: 50px;height: 50px; margin-right: 20px;"><span  style="font-size: 14px;  color: #76838f;">已读</span></p>
            <p style="display: flex; justify-content: center; align-items: center;"><img style="width: 10px; height: 6px;" src="../assets/images/shang.png" alt=""><span style="font-size: 20px; margin-left: 10px;  color: #76838f;">{{seiq.read}}</span></p>
            <p style="font-size: 14px; color: #a3afb7; text-align: center;margin-top: 10px;">已读个数</p>
         </div>
       </el-col>
       <el-col :sm="24" :lg="6">
         <div style="background-color: #fff; margin-bottom: 30px; display: flex;flex-direction: column;margin-top: 10px;  padding: 20px; border-radius: 10px;">
            <p style="display: flex; align-items: center;"><img src="../assets/images/xinh.png" alt="" style="width: 50px;height: 50px; margin-right: 20px;"><span  style="font-size: 14px;  color: #76838f;">今日收文</span></p>
            <p style="display: flex; justify-content: center; align-items: center;"><img style="width: 10px; height: 6px;" src="../assets/images/shang.png" alt=""><span style="font-size: 20px; margin-left: 10px;  color: #76838f;">{{seiq.todayReceipt}}</span></p>
            <p style="font-size: 14px; color: #a3afb7; text-align: center;margin-top: 10px;">收文个数</p>
         </div>
       </el-col>
    </el-row>
    <el-row :gutter="5">
      <el-col :sm="24" :lg="24" >
        <div class="index_heade">
          <img src="../assets/images/icon_more.png" alt="" class="index_headerImg">
          <p class="index_headetab">
            <span :class="[num == index ? ' spanto' : '']" v-for="(item,index) in editableTabs" :key="index" @click="tabSbu(item)">{{item.dictLabel}}</span>
          </p>
                <div style="height: 87%;">
                  <ul class="index_headerUl">
                    <li v-for="(item,index) in configList" :key="index" @click="headerCld(item)">
                        <img src="../assets/images/icon_list_sj.png" alt="">
                        <p>{{item.message_title}}</p>
                        <span>{{item.send_message_time}}</span>
                    </li>
                  </ul>
                  <div class="index_haderPagin">
                    <el-pagination
                          v-show="total>0"
                         @size-change="handleSizeChange"
                         @current-change="handleCurrentChange"
                         :current-page.sync="currentPage3"
                         :page-size="queryParams.pageSize"
                         layout="prev, pager, next, jumper"
                         :total="total">
                    </el-pagination>
                    <span>共 {{total}} 条  每页显示 10 条  </span>
                  </div>
                </div>
        </div>
        <!-- 公司概况 -->
        <el-col :sm="24" :lg="24">
           <div class="index_heade  index_headeProfile">
             <img src="../assets/images/icon_tjbj.png" alt="" class="index_headerImg">
            <p class="index_headetab">
              <span :class="[numprofile == index ? ' spanto' : '']" v-for="(item,index) in editableTabsteo" :key="index" @click="tabSbuprofile(item.dictValue)">{{item.dictLabel}} </span>
            </p>
            <!-- <el-tabs v-model="activeName" @tab-click="handleClick">
                 <el-tab-pane label="用户管理" name="first"> -->
                   <div style="height: 84%;">
                        <div style="height: 85%;">
                          <h3 style="text-align: center; margin: 35px 0; margin-bottom: 0;" v-html="tieku"></h3>
                          <pre>
                            <div class="index_profilep" v-html="comg"></div>
                          </pre>
                        </div>
                                      <!-- {{getLisprofileone[0].info_content}} -->
                                      <div class="index_haderPagin">
                                        <el-pagination
                                             @size-change="handleSizeChangeprofile"
                                             @current-change="handleCurrentChangeprofile"
                                             :current-page.sync="currentPage3"
                                             :page-size="queryParamstabprofile.pageSize"
                                             layout="prev, pager, next, jumper"
                                             :total="totalprofile">
                                        </el-pagination>
                                        <span>共 {{totalprofile}} 条  每页显示 1条  </span>
                                      </div>
                   </div>
           </div>
        </el-col>
      </el-col>
    </el-row>
    <!-- <el-divider /> -->

  </div>
</template>

<script>
import { listIndex, getUserProfile, listIndextwo, listIndextherr, listIndexfou, listIndextanl, getConfig, delConfig, addConfig, addConfigindex, updateConfig, clearCache, delIndexnabd,listIndexber, getTableQuery,shoueNuber } from "@/api/system/config";
import Editor from '@/components/Editor';
export default {
  name: "index",
  components: {
    Editor
  },
  data() {
    return {
      // 版本号
      version: "2.5.0",
       currentPage3: 1,
       total:0,
       totalprofile:0,
       totalali:0,
       pageSize:6,
       activeName: 'second',
       // 是否显示弹出层
       open: false,
       // 弹出层标题
       title: "",
       value: new Date(),
       editableTabs: [],
       attendance:['待我审批','已办理','我的流程','驳回审批'],
       editableTabsteo:[],
       configList:[],
       queryParams:{
        table:'boman_message_receive',
        orderBy:'send_message_time desc',
        pageNo:1,
        pageSize:10,
        fixedData:{
          condition:{
            visible :'Y',
            is_del: 'N',
            receive_user_id:'0',
            // notice_type:1,
            status:'Y'
          }
        }

      },
      queryParamstab:{
        table:'sys_notice',
        orderBy:'create_time desc',
        pageNo:1,
        pageSize:6,
        condition:{
          notice_type:1
        }
      },
      // 公司概况
      queryParamstabprofile:{
        table:'boman_news',
        orderBy:'create_time desc',
        pageNo:1,
        pageSize:1,
        fixedData:{
          condition:{
            status:1
          }
        }

      },
      // 日历
      queryParamscalendar:{
        table:'sys_schedule',
        orderBy:'create_time desc',
        pageNo:1,
        pageSize:10,
        fixedData:{
          condition:{
            create_by:''
          }
        }
      },
      // 备忘录
      queryParamstabmemorandum:{
        table:'sys_memorandum',
        orderBy:'create_time desc',
        pageNo:1,
        pageSize:6,
        fixedData:{
          condition:{
            create_by:''
          }
        }
      },
      // 通讯录
      queryParamsail:{
        table:'sys_contacts',
        orderBy:'create_time desc',
        pageNo:1,
        pageSize:3,
        fixedData:{
          condition:{

          }
        }
      },
      // 通讯录搜索
      queryParamsailss:{
       table: '',
       pageNo: 1,
       isUi: false,
       pageSize: 10,
       orderBy: 'create_time desc',
       fixedData: {
         condition: {

         }
       }
      },
      queryParamsijeu:{
        table:'sys_contacts',
      },
      num:0,
      numlist:0,
      numprofile:0,
      dictType:'sys_notice_type',
      // 公司概况
      dictTypetwo:'sys_describe_type',
      gettabList:[],
      getLisprofileone:[],
      // 备忘录
      getmemorandum:[],
      //通讯录参数
      aliemg:{
        table:'sys_contacts',
        orderBy:'create_time desc',
        pageNo:1,
        pageSize:4,
      },
      tableDataalid:[],
      getLisaillie:[],
      alendarList:[],
      calendarData: [
            ],
      ary:[],
      tieku:'',
      comg:'',
      aekti:'',
      // 弹框数据
      form:{
      },
      // 表单校验
      rules: {
      },
      //日历弹框
      calendaradd:{
        table:'sys_schedule',
        isUi:false,
        fixedData:{
          id:-1
        }

      },
      //备忘录弹框
      calendaraddmer:{
        table:'sys_memorandum',
        isUi:false,
        fixedData:{
          id:-1
        }
      },
      // input
      inputList:[],
      // 时间
      dataList:[],
      //单选框
      radiolist:[],
      // 复选框
      chekbosList:[],
      //下拉框
      selectList:[],
      editorList:[],
      queryData: {},
      queryDatatwo:{},
      queryDatathre:{},
      queryDataali:{},
      nummer:0   ,//0 是日历  1 是备忘录
      forme:{
        table:'',
        objId:-1,
        fixedData:{}
      },
      rjtu:[],
      truew:[],
      fales:[],
      postList:{},
      arr:'2,2,3,3,4,4',
      // 删除参数
      deledlid:{
        table:'sys_memorandum',
        idList:[],
        user: {
          oldPassword: undefined,
          newPassword: undefined,
          confirmPassword: undefined
        },
        shower:true, //判断删除图标是否显示
      },
      titlees:'通知公告',//通知公告弹框
      openety:false,
      actingk:{},
      shouewq:1,
      seiq:{}
    };
  },

  created() {
    // console.log(this.user)
    this.unique(this.arr)
    // this.getList()
    this.getListtab()
    this.getLiser()
    this.getLisprofile()
    // 用户信息
    this.getUser()
    // this.getLismemorandum()  //备忘录
    // this.getLisail()//通讯录
    // this.getLisailtwo()
    // this.init()

  },
  computed: {

     // 时间高亮的数组
     brightDate () {
       // let ary = []
       var that =  this
       if(that.calendarData.length !==null){
         for (var i = 0 ; i < that.calendarData.length; i++) {
           that.calendarData[i].love="yu"
           if(that.calendarData[i].remind_time !== undefined){
             that.ary.push(that.calendarData[i].remind_time)
           }
         }
       }
       return that.ary
     }

   },
  methods: {
    // 通讯录搜索
    init() {
      console.log(1243)
      getTableQuery({
        table: this.queryParamsijeu.table
      }).then(res => {
        let data = res.data
        this.queryDataali = data
      })
    },
      // Tooltip 文字提示
        content (date) {
          let data = date
          let datase = date
          let content = ''
          let conert = ''
          let conertre = ''
          let nujue= 0
          for (var i = 0 ; i < this.calendarData.length; i++) {
            if(this.calendarData[i].schedule_content !== undefined){
           this.calendarData[i].schedule_content = this.calendarData[i].schedule_content.replace(/<\/?[^>]*>/g, '')
            }
            if(data == this.calendarData[i].remind_time){
              if(content  == this.calendarData[i].schedule_content + '、'){
                content  = content
              }else{
                content  = content  + this.calendarData[i].schedule_content + '、'
              }
            }
          }
         return content
        },
      modelFn(obj, cont) {
        this.$set(this.form,obj,cont)
      },
    //数据  第一部分列表
    getList() {
      this.loading = true;
      this.configList = []
      listIndex(this.queryParams).then(response => {
          if(response.data.rows !== null && response.data.rows.length !== 0){
            this.configList = response.data.rows;
          }else {
            this.configList.push({message_title: "暂无数据"});
          }
          this.total = response.data.total;
          this.loading = false;
        }
      );
    },
    //数据  第二部分列表
    getListtabone() {
      this.loading = true;
      listIndex(this.queryParams).then(response => {
          this.configList = response.data.rows;
          this.total = response.data.total;
          this.loading = false;
        }
      );
    },
    //数据  第三部分列表
    getLisprofile() {
      // this.loading = true;
      listIndexber(this.queryParamstabprofile).then(response => {
          if(response.data !== undefined || response.data.rows.length !==0){
            this.getLisprofileone = response.data.rows;
            if(response.data.rows !== null || response.data.rows.length !==0){
              if(this.numprofile == 0){
                this.tieku = this.getLisprofileone[0].title
                this.comg = this.getLisprofileone[0].content
              }else if(this.numprofile == 1){
                this.tieku = this.getLisprofileone[0].notice_title
                this.comg = this.getLisprofileone[0].notice_content
              }

            }else {
              console.log('暂无数据')
              this.tieku = '暂无数据'
              this.comg = '暂无数据'
            }
            this.totalprofile = response.data.total;
          }
         this.loading = false;
        }
      );
    },
    //数据  日历数据列表
    getLisalendar() {
      this.loading = true;
      this.queryParamscalendar.fixedData.condition.create_by = this.user.userName
      listIndex(this.queryParamscalendar).then(response => {
          if(response.data !== undefined){
            this.calendarData = response.data.rows;
          }
          this.loading = false;
        }
      );
    },
    //数据  备忘录数据列表
    getLismemorandum() {
      this.loading = true;
      this.getmemorandum = []
      this.queryParamstabmemorandum.fixedData.condition.create_by = this.user.userName
      listIndex(this.queryParamstabmemorandum).then(response => {
          if(response.data !== undefined){
            if(response.data.rows !== null){
              this.shower = true
              this.getmemorandum = response.data.rows;
            }else{
              this.shower = false
              this.getmemorandum.push({memorandum_title:'暂无数据',shower:false})
            }
          }
          this.loading = false;
        }
      );
    },
    // 数据列表   通讯录数据
    getLisailtwo() {
      this.loading = true;
      listIndex(this.queryParamsail).then(response => {
          if(response.data !== undefined){
            this.getLisaillie = response.data.rows;
          }
          this.totalali = response.data.total
          this.loading = false;
        }
      );
    },
    //tab 公告 栏数据
    getListtab() {
      this.loading = true;
      listIndextwo(this.dictType).then(response => {
          this.editableTabs = response.data;
          // this.queryParams.dictType = response.data[1].dictType
          // this.total = response.total;
          this.loading = false;
        }
      )
    },
    // 公司概况  tab
    getLiser() {
      this.loading = true;
      listIndextherr(this.dictTypetwo).then(response => {
          this.editableTabsteo = response.data;
          // this.total = response.total;
          this.loading = false;
        }
      )
    },
    goTarget(href) {
      window.open(href, "_blank");
    },
     handleSizeChange(val) {
      },
    handleCurrentChange(val) {
      this.queryParams.pageNo = val
      this.getList()
      },
      // 公司概况
      handleSizeChangeprofile(val) {
        },
      handleCurrentChangeprofile(val) {
        this.queryParamstabprofile.pageNo = val
        this.getLisprofile()
        },
     // 通讯录
     handleSizeChangeali(val) {
       },
     handleCurrentChangeali(val) {
       this.queryParamsail.pageNo = val
       this.getLisail()
       },
    handleClick(tab, event) {
      },
      // 第一部分tab点击
    tabSbu(index){
      console.log(index)
      this.shouewq = index
      if(index.dictLabel == '收文'){
        // 收文
        this.queryParams.fixedData.condition.visible = 'Y'
      }else if(index.dictLabel == '已读'){
        //已读
        this.queryParams.fixedData.condition.visible = 'Y'
        this.queryParams.fixedData.condition.status = 'Y'
      }else if(index.dictLabel == '未读'){
        // 未读
        this.queryParams.fixedData.condition.visible = 'Y'
        this.queryParams.fixedData.condition.status = 'N'
      }
      console.log(this.queryParams)
     this.num = index.dictValue - 2
     console.log(this.num)
     // this.queryParams.fixedData.condition.notice_type = index
     this.getList()
    },
    // 第二部分tab点击numlist
    tabList(index){
      this.numlist = index
    },
    // 第三部分tab点击
    tabSbuprofile(index){
      if(index == 1){
        this.queryParamstabprofile.table = 'boman_news'
        this.queryParamstabprofile.fixedData.condition.status = 1
      }else if(index == 2){
        this.queryParamstabprofile.table = 'sys_notice'
        this.queryParamstabprofile.fixedData.condition.status = 0
      }
      this.numprofile = index - 1
      // this.queryParamstabprofile.fixedData.condition.info_type = index
      this.getLisprofile()
    },
    // 表单重置
    reset() {
      this.form ={
      },
      this.resetForm("form");
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.openety = false
      this.reset();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.nummer = 0
      this.reset();
      this.form ={
      }
      this.getLisalendaraddd()
      this.open = true;
      this.title = "添加日程";
    },
    /** 提交按钮操作 */
    handleQuery() {
      for(let item of this.queryData.showData){
        if(item.htmlType == 'checkbox' || item.htmlType == 'imageUpload' || item.htmlType == 'fileUpload'){
          this.form[item.columnName] = this.$refs[item.columnName][0].config
        } else{
          this.form[item.columnName] = this.$refs[item.columnName][0].config[item.columnName]
        }
      }
      // this.forme = this.form
      if(this.nummer == 0){
        this.forme.table = 'sys_schedule'
        this.forme.objId = -1
        this.forme.fixedData = this.form
        // if(this.forme.fixedData.remind_type !== undefined){
        //   this.forme.fixedData.remind_type = this.forme.fixedData.remind_type.join(',');
        // }
        //日历
        addConfigindex(this.forme).then(response => {
          this.msgSuccess("新增成功");
          // this.open = false;
          // this.getLisalendar()
          this.cancel();
        });
      }else if(this.nummer == 1){
        // this.form.table = 'sys_memorandum'
        this.forme.table = 'sys_memorandum'
        this.forme.objId = -1
        this.forme.fixedData = this.form
      }
      // this.getList();
    },
    // 弹框
    changeFn(obj) {
      console.log(obj)
      for(let key in obj){
        this.form.fixedData[key] = obj[key]
      }
    },

    handleSelectionChange() {

    },
    // 字符串去重
    unique(arr) {
      let arfe = []
      let serfgt = []
      arfe = arr.split(',')
      for(var i = 0 ; i < arfe.length; i++){
         if (serfgt.indexOf(arfe[i]) === -1) {
            serfgt.push(arfe[i])
            }
      }
     // const res = new Map();
     // return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));
    },
    getUser() {
      getUserProfile().then(response => {
        this.user = response.data;
        this.queryParams.fixedData.condition.receive_user_id = response.data.id
        this.getList()
        this.shouNuber()
        // this.getLisalendar()
        // this.getLismemorandum()
      });
    },
    // 搜索
    handleQuerygty(){
    this.queryParams.pageNo = 1;
    this.grabFn(this.queryDataali.queryList, this.queryParamsail.fixedData.condition)
    this.getLisail()

    },
    // 抓取参数
    grabFn(arr, parForm) {
      for (let item of arr) {
        if (item.htmlType == 'checkbox' || item.htmlType == 'imageUpload' || item.htmlType == 'fileUpload') {
          if (this.$refs[item.columnName][0].config.length) {
            parForm[item.columnName] = this.$refs[item.columnName][0].config
          }
        } else {
          parForm[item.columnName] = this.$refs[item.columnName][0].config[item.columnName]
        }
      }
    },
    headerCld(index){
      console.log(index)
      if(index.message_title == '暂无数据'){
         console.log(this.shouewq)
        return  false
      }

      // if(this.shouewq == 1){
      //    this.$router.push({
      //      path: '/business/issue',
      //      query: {
      //        id:index.message_id,
      //        tables:'boman_message_receive'
      //      },
      //    })
      // }else{
        this.$router.push({
          path: '/system/pdf',
          query: {
            id:index.message_id,
            tables:'boman_message_receive'
          },
        })
      // }

    },
    // 获取收文个数
    shouNuber(){
      this.loading = true;
      shoueNuber(this.user.id).then(response => {
          // this.total = response.data.total;
          this.seiq = response.data
          this.loading = false;
        }
      );
    },
    // 发文跳转
    tioqeu(){
     this.$router.push({
       path: '/business/surface',
       name:'boman_message/1'
       // query: {
       //   id,
       //   tables,
       // },
     })
    },
    // 未读跳转
    tiowei(){
     this.$router.push({
       path: '/business/surface',
       name:'boman_message_receive/weidu'
       // query: {
       //   id,
       //   tables,
       // },
     })
    },
    // 已读跳转
    tioyi(){
     this.$router.push({
       path: '/business/surface',
       name:'boman_message_receive/yidu'
       // query: {
       //   id,
       //   tables,
       // },
     })
    }

  },
};
</script>

<style lang="scss">
  .iejgu{
     .el-form-item__label{
       width: 40px !important;
        .el-input__inner{
          width: 60%;
        }
     }
     .el-form-item{
       width: 71%;
     }
     .el-form--inline .el-form-item{

     }
     .el-form--inline .el-form-item__content{
       width: 76%;
     }
  .el-form-item__content{
    width: 75%;
  }
  }
  .index_ese{
    .el-dialog__body{
      padding-top: 10px !important;
    }

  }
  .home{
    .el-tabs__header{
     margin-bottom: 5px !important;
    }
    .el-calendar-table tr td:first-child{
      border: 0 !important;
    }
    .el-calendar-table tr:first-child td{
      border: 0 !important;
    }
    .el-calendar-table td{
      border: 0 !important;
    }
    .el-calendar-table .el-calendar-day{
      height: 30px;
      text-align: center;
      line-height: 30px;
      border-radius: 30px;
      padding: 0;
      // background-color: #0B18E8;
    }
    .el-calendar-table td.is-selected{
      // background-color: #0B18E8;
       border-radius: 30px;
    }
    .el-calendar__header{
      border: 0;
      padding: 0 20px;
    }
    .el-calendar__body{
      padding-top: 0;
      padding-bottom: 0;
    }
    .el-pagination{
      padding-left: 0;
    }
    .index_headeNav{
      .el-tabs__item{
        position: relative;
      }
    }
    .el-table th.is-leaf, .el-table td{
       border: 0 !important;
    }
    .el-calendar__title{
      font-size: 12px;
    }
     .el-table td{
       padding:  6px 0;
     }
     .index_haderPaginfoiu{
       .el-pagination__jump{
         display: block !important;
         text-align: center;
         margin-left: 0;
       }
     }
   .everyDay {
     display: inline-block;
     width: 20px;
     height: 20px;
     line-height: 20px;
     background-color: #409eff;
     color: #fff;
     border-radius: 50%;
     margin-top: 5px;
   }
  }
</style>


<style scoped lang="scss">
.home {
  // tab
  .index_headetab{
    display: flex;
    border-bottom: 1px solid #E5E5E5;
    height: 65px;
    padding-top: 10px;
    padding-bottom: 10px;
   span{
     cursor:pointer;
     width: 80px;
     // flex: 1;
     text-align: center;
     line-height: 55px;
     height: 55px;
     font-size: 15px;
     font-family: PingFang SC;
     font-weight: bold;
     color: #666;
     position: relative;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     // flex: 1;
     // border-bottom: ;
   }
   .span{
     content: '';
     display: block;
     width: 18px;
     height: 8px;
     border-radius: 3px;
     background-color: #3C8DBC;
     color: #3C8DBC !important;
     // position: absolute;
     // border-bottom: ;
   }
  .spanto{
    color:#3C8DBC ;
    border-bottom: 3px solid #3C8DBC;
  }
  }
  p{
    margin: 0;

  }
  ul{
    margin: 0;
    padding: 0;
  }
  background-color: #eef0ff;
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }
  .index_heade{
    // border: 1px solid #eee;
    // width: 100%;
    padding: 0 20px;
    height: 570px;
    background-color: #fff;
    position: relative;
    border-radius: 6px;
    .index_headerImg{
      width: 23px;
      height: 6px;
      position: absolute;
      right: 20px;
      top:32px;
    }
    .index_headerUl{
      width: 100%;
      padding: 0;
      margin: 0;
      height: 85%;
      li{
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 43px;
        cursor:pointer;
        img{
          width: 11px;
          height: 13px;
        }
        p{
          font-size: 14px;
          font-family: PingFang SC;
          font-weight: 400;
          color: #343434;
          line-height: 36px;
          margin: 0;
          text-align: left;
          flex: 1;
          padding: 0 18px;
          overflow:hidden;
          	text-overflow:ellipsis;
          	white-space:nowrap
        }
        span{
          font-size: 14px;
          font-family: PingFang SC;
          font-weight: 400;
          color: #343434;
          line-height: 36px;
        }
      }
    }
    .index_haderPagin{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 30px;
      span{
        flex: 1;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #343434;
        text-align: right;
        // line-height: 36px;
      }
    }
  }
  //表格样式
  .index_headeNav{
    padding: 0 20px;
    height: 550px;
    background-color: #fff;
    position: relative;
    border-radius: 6px;
     .tab_i{
       position: absolute;
       right: 1px;
       top:5px;
       border-radius: 50%;
     // display: block;
     width: 15px ;
     height: 15px;
     line-height: 15px;
     text-align: center;
     color: #fff;
     background-color: red;
     overflow:hidden; //超出的文本隐藏
     text-overflow:ellipsis; //溢出用省略号显示
     white-space:nowrap; //溢出不换行
     font-size: 11px;
     font-family: PingFang SC;
     font-weight: bold;

      }
  }
  .index_nav{
    // border: 1px solid #eee;
    background-color: #fff;
    height: 315px;
    box-shadow: 0px 4px 4px 0px rgba(130, 150, 162, 0.64);
    border-radius: 6px;
    .index_navTime{
      height: 270px;
      position: relative;
    }
    .index_navTimeimg{
      height: 47px;
      width: 100%;
      position: absolute;
      bottom: -76px;
      left: 0;
    }
    .index_navTimep{
      padding: 10px 0;
      margin: 0 20px;
      margin-bottom: 10px;
      border-bottom: 1px solid #E5E5E5;
      display: flex;
      justify-content: space-between;
      align-items: center;
       span:nth-child(1){
         font-size: 15px;
         font-family: PingFang SC;
         font-weight: bold;
         color: #3C8DBC;
       }
       span:nth-child(1)::before{
          content: "";
         display: block;
         width: 18px;
         height: 8px;
         background: #3C8DBC;
         border-radius: 3px;

       }
       span:nth-child(2){
         font-size: 12px;
         font-family: PingFang SC;
         font-weight: 400;
         color: #3C8DBC;
         cursor:pointer;
       }
    }
  }
  // 公司概况样式
  .index_headeProfile{
    margin-top: 40px;
    margin-bottom: 20px;
    height: 590px;
    .index_profilep{
      font-size: 12px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #343434;
      line-height: 27px;
      text-indent:2em;
      height: 368px;
      overflow-y: hidden;
       // p{

       // }
    }
    .index_haderPagin{
      margin-top: 25px;
    }
    .index_headerImg{
      width: 21px;
      height: 21px;
      top:19px;
    }
  }
  // 备忘录样式
  .index_memoranduNnavTime{
    height: 335px;
    margin-top: 90px;
    position: relative;
    .index_navTimep{
      padding: 20px 0;
      // margin-bottom: 20px;
    }
    .index_navTimeimg{
      height: 47px;
      width: 100%;
      position: absolute;
      bottom: -76px;
      left: 0;
      bottom: -96px;
    }
    .imjud{
      width: 23px;
      height: 6px;
      position: absolute;
      right: 20px;
      bottom: -50px;
    }
    ul{
      padding: 0 20px;
      li{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px dashed #E5E5E5;
        p{
          font-size: 12px;
          font-family: PingFang SC;
          font-weight: 400;
          color: #343434;
          line-height: 36px;
          flex: 1;
        }
        .index_navspande{
          display: flex;
          justify-content: space-between;
          align-items: center;
          span{
            font-size: 12px;
            font-family: PingFang SC;
            font-weight: 400;
            color: #343434;
            line-height: 36px;
            flex: 1;
          }
          img{
            width: 16px;
            height: 16px;
            margin-left: 5px;
            cursor: pointer;
          }

        }

      }
    }
  }
  //通讯录样式
  .index_memoranduMail{
    height: 363px;
    margin-top: 100px;
    .index_navTimeimgtwo{
      width: 23px;
      height: 6px;
    }
    .index_navTimep{
      padding: 20px 0;
    }
    .index_memoranduMailnav{
      padding: 0 20px;
      height: 90%;
    }
    .index_navTimeimg{
      height: 47px;
      width: 100%;
      position: absolute;
      bottom: -76px;
      left: 0;
      bottom: -126px;
    }
   .index_haderPagin{
     margin-top: 10px;
   }
  }
}

// table
.tab_tol{
  // display: flex;
  height: 80%;
  .tr_one{
    display: flex;
    justify-content: space-around;
    width: 100%;
    th{
      flex: 1;
      font-size: 12px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #343434;
      line-height: 36px;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
    }
  }
  .two_tr{
    display: flex;
    justify-content: space-around;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #343434;
    line-height: 36px;
    td{
      flex: 1;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
    }
  }
  .two_trtwo{
    background-color: #F2F2F2;
  }
}
// 通知公告弹窗
.index_headertan{
  margin: 0 30px;
  p{
    margin: 0;
  }
  p:nth-child(1){
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #343434;
    line-height: 42px;
    text-align: center;
    margin-bottom: 10px;
    text-indent:0em;
  }
  p:nth-child(2){
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
    text-indent:0em;
  }
  pre{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #343434;
  }
}
  pre{
    white-space:pre-wrap;
  }

</style>
