shujuju/ruoyi-ui/src/views/index.vue

<template>
  <div class="app-container home">
    <el-row :gutter="5">
      <el-col :sm="24" :lg="17" >
        <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.dictValue)">{{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.notice_title}}</p>
                        <span>{{item.create_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"  style="margin-top: 20px;" >
               <div class="index_heade index_headeNav" v-show="true">
                 <img src="../assets/images/icon_more.png" alt="" class="index_headerImg">
                 <p class="index_headetab">
                   <span :class="[numlist == index ? ' spanto' : '']" v-for="(item,index) in attendance" :key="index" @click="tabList(index)">{{item}} <p class="tab_i">3</p></span></span>
                 </p>

                         <div v-if="num == 0">
                           <el-table :data="tableDataalid" style="width: 100%;margin-top: 10px;"  :stripe="true"   >
                                  <el-table-column label="序号" align="center" prop="noticeId" width="60" height="53" max-height="53" />
                                  <el-table-column
                                    label="申请人"
                                    align="center"
                                    prop="name"
                                    :show-overflow-tooltip="true"
                                    width="70"
                                  />
                                  <el-table-column
                                    label="部门"
                                    align="center"
                                    prop="name"

                                    width="70"
                                  />
                                  <el-table-column
                                    label="请假类型"
                                    align="center"
                                    prop="status"

                                    width="75"
                                  />
                                  <el-table-column label="请假事由" align="center" prop="createBy" width="100"  :show-overflow-tooltip="true"/>
                                  <el-table-column label="请假时间" align="center" prop="date" width="150"/>
                                  <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                                    <template slot-scope="scope">
                                      <el-button
                                        size="small"
                                        type="success"
                                        @click="handleUpdate(scope.row)"
                                        v-hasPermi="['system:notice:edit']"
                                      >详情</el-button>
                                      <el-button
                                        size="small"
                                        type="primary"
                                        @click="handleDelete(scope.row)"
                                        v-hasPermi="['system:notice:remove']"
                                      >同意</el-button>
                                      <el-button
                                        size="small"
                                        type="danger"
                                        @click="handleDelete(scope.row)"
                                        v-hasPermi="['system:notice:remove']"
                                      >驳回</el-button>
                                    </template>
                                  </el-table-column>
                                 </el-table>
                           <div class="index_haderPagin">
                             <el-pagination
                                  @size-change="handleSizeChange"
                                  @current-change="handleCurrentChange"
                                  :current-page.sync="currentPage3"
                                  :page-size="pageSize"
                                  layout="prev, pager, next, jumper"
                                  :total="1000">
                             </el-pagination>
                             <span>共 85 条  每页显示 5 条  当前 1/17 页</span>
                           </div>
                         </div>
               </div>
          </el-col> -->
        <!-- </el-row> -->
        <!-- 公司概况 -->
        <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;">{{tieku}}</h3>
                                        <p class="index_profilep" > {{comg}}	</p>
                        </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-col :sm="24" :lg="7" style="padding-left: 15px">
         <div class="index_nav">
          <div class="index_navTime">
            <p class="index_navTimep" @click="handleAdd">
              <span>日程</span>
              <span><i class="el-icon-date" ></i>创建日程</span>
            </p>
            <el-calendar id="calendar">
                <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
                <template
                  slot="dateCell"
                  slot-scope="{date, data}">
                  <!--自定义内容-->
                  <div>
                    <div class="calendar-day" style="text-align: center">
                      <el-tooltip v-if="brightDate.indexOf(data.day) != -1" class="item" effect="dark" :content="content(data.day)" placement="right">
                        <span class="everyDay">{{ data.day.split('-').slice(2).join('-') }}</span>
                      </el-tooltip>
                      <span v-else>{{ data.day.split('-').slice(2).join('-') }}</span>
                      <!-- <p :class="data.isSelected ? 'is-selected' : ''">
                            {{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : ''}}
                      </p> -->
                    </div>
                  </div>
                </template>
              </el-calendar>
            <img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg">
          </div>
         </div>
         <!-- 备忘录 -->
         <el-col :sm="24" :lg="24" >
           <div class="index_nav index_memoranduNnavTime">
            <div class="index_navTime ">
              <p class="index_navTimep">
                <span>备忘录</span>
                <span @click="memoere"><i class="el-icon-date"></i>创建备忘录</span>
              </p>
              <ul >
                <li v-for="(item,index) in getmemorandum" :key="index" >
                  <p>{{item.memorandum_title}}
                  </p>
                  <div class="index_navspande">
                    <span>
                    {{item.remind_time}}
                    </span>
                    <img src="../assets/images/deletety.png" alt="" v-if="shower" @click="index_deledetfe(item.id)">
                  </div>
                </li>

              </ul>
              <img src="../assets/images/icon_more.png" alt="" class="imjud">
<!--              <el-calendar v-model="value">
              </el-calendar> -->

              <img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg">
            </div>
           </div>
         </el-col >
         <!-- 通讯录 -->
         <el-col :sm="24" :lg="24">
           <div class="index_nav index_memoranduMail">
                       <div class="index_navTime ">
                         <p class="index_navTimep">
                           <span>通讯录</span>
                           <img src="../assets/images/icon_more.png" alt="" class="index_navTimeimgtwo">
                           <!-- <span><i class="el-icon-date"></i>创建日程</span> -->
                         </p>
                        <div class="index_memoranduMailnav">
                           <div class="tab_tol">
                             <el-table stripe v-loading="loading" :data="postList.rows" @selection-change="handleSelectionChange">
                               <el-table-column :label="item.columnComment" align="center" :prop="item.columnName" v-for="(item,index) in postList.tableHeadList" :key="index"  />
                             </el-table>
                           </div>
                          <div class="index_haderPagin index_haderPaginfoiu">
                            <el-pagination
                                 @size-change="handleSizeChangeali"
                                 @current-change="handleCurrentChangeali"
                                 :current-page.sync="currentPage3"
                                 :page-size="queryParamsail.pageSize"
                                 :small= "true"
                                 layout="prev, pager, next, jumper"
                                 :total="totalali">
                            </el-pagination>
                          </div>
                        </div>
                      <img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg">
                       </div>
            </div>
         </el-col>


      </el-col>
    </el-row>
    <!-- <el-divider /> -->
  <!-- 添加或修改公告对话框 -->
  <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="open" width="980px" append-to-body>
            <el-form ref="form" :model="form" :rules="rules" label-width="160px" class="from_index">
              <el-row>
                <el-col :span="24" >
                 <dynamic-forms   :ref="item.columnName" :config="form.fixedData" @inputs = "changeFn" :formConfig="item" v-for="(item,index) in queryData.showData" :key='index' />
                </el-col>
              </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
              <el-button type="primary" @click="handleQuery">确 定</el-button>
              <el-button @click="cancel">取 消</el-button>
            </div>
  </el-dialog>
  <!-- 通知公告弹窗 -->
  <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="openety" width="980px" append-to-body>
           <div class="index_headertan" >
               <p>{{actingk.notice_title == undefined? '暂无数据' : actingk.notice_title}}</p>
               <p>{{actingk.create_time == undefined? '暂无数据' : actingk.create_time}} 发布人:{{actingk.create_by}}</p>
               <p v-html="actingk.notice_content"></p>
           </div>

  </el-dialog>

  </div>
</template>

<script>
import { listIndex, getUserProfile, listIndextwo, listIndextherr, listIndexfou, listIndextanl, getConfig, delConfig, addConfig, addConfigindex, updateConfig, clearCache, delIndexnabd,listIndexber } 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:'sys_notice',
        orderBy:'create_time desc',
        pageNo:1,
        pageSize:10,
        fixedData:{
          condition:{
            notice_type:1,
            status:0
          }
        }

      },
      queryParamstab:{
        table:'sys_notice',
        orderBy:'create_time desc',
        pageNo:1,
        pageSize:6,
        condition:{
          notice_type:1
        }
      },
      // 公司概况
      queryParamstabprofile:{
        table:'sys_info',
        orderBy:'create_time desc',
        pageNo:1,
        pageSize:1,
        fixedData:{
          condition:{
            info_type: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:6,
      },
      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:6,
      },
      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:{},
      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:{}
    };
  },

  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()

  },
  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)
           }
         }
       }
       console.log(that.ary)
       return that.ary
     }

   },
  methods: {
      // Tooltip 文字提示
        content (date) {
          console.log(date,37645)
          let data = date
          let datase = date
          let content = ''
          let conert = ''
          let conertre = ''
          let nujue= 0
          console.log(this.calendarData)
          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){
              console.log(content,this.calendarData[i].schedule_content)
              if(content  == this.calendarData[i].schedule_content + '、'){
                content  = content
              }else{
                content  = content  + this.calendarData[i].schedule_content + '、'
              }
            }
          }
         return content
        },
    //数据  第一部分列表
    getList() {
      this.loading = true;
      this.configList = []
      listIndex(this.queryParams).then(response => {
          if(response.data.rows !== null){
            this.configList = response.data.rows;
          }else {
            this.configList.push({notice_title: "暂无数据"});
          }
          console.log(this.configList)
          this.total = response.data.total;
          this.loading = false;
        }
      );
    },
    //数据  第二部分列表
    getListtabone() {
      this.loading = true;
      listIndex(this.queryParams).then(response => {
          this.configList = response.data.rows;
          console.log(this.configList)
          this.total = response.data.total;
          this.loading = false;
        }
      );
    },
    //数据  第三部分列表
    getLisprofile() {
      // this.loading = true;
      listIndexber(this.queryParamstabprofile).then(response => {
          if(response.data !== undefined){
            this.getLisprofileone = response.data.rows;
            if(response.data.rows !== null){
              this.tieku = this.getLisprofileone[0].info_title
              this.comg = this.getLisprofileone[0].info_content
            }else {
              this.tieku = '暂无数据'
              this.comg = '暂无数据'
            }
            // console.log(this.getLisprofileone[0].info_title,98)
            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;
            console.log(this.calendarData,9845765)
          }
          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})
            }
            console.log(this.getmemorandum,98765)
          }
          this.loading = false;
        }
      );
    },
    // 数据列表   通讯录数据
    getLisailtwo() {
      this.loading = true;
      listIndex(this.queryParamsail).then(response => {
          if(response.data !== undefined){
            this.getLisaillie = response.data.rows;
            // console.log(this.configList)
          }
          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
          console.log(this.editableTabs)
          // this.total = response.total;
          this.loading = false;
        }
      )
    },
    // 公司概况  tab
    getLiser() {
      this.loading = true;
      listIndextherr(this.dictTypetwo).then(response => {
          this.editableTabsteo = response.data;
          console.log(this.editableTabsteo)
          // this.total = response.total;
          this.loading = false;
        }
      )
    },
   // 通讯录表头
   getLisail() {
     this.loading = true;
     listIndexfou(this.aliemg).then(response => {
         if(response.data !== undefined){
           this.tableDataalid = response.data.tableHeadList;
           this.postList = response.data
           this.postList.rows.filter(route => {
             // route.dept_id = route.dept_id.value
             for(var item in route){
               if(typeof route[item] == 'object'){
                 route[item]= route[item].value
               }
             }
           })
           console.log(this.tableDataalid,67)
           this.totalprofile = response.data.total;
         }
         this.loading = false;
       }
     );
   },
   //日历新增弹框数据
   getLisalendaraddd() {
     this.loading = true;
     this.queryData = []
     listIndextanl(this.calendaradd).then(response => {
         if(response.data !== undefined){
           this.queryData = response.data
        // console.log(this.selectList)

         }
         this.loading = false;
       }
     );
   },
   //备忘录新增弹框数据
   getLisalendaradddmer() {
     this.loading = true;
     this.queryData = []
     listIndextanl(this.calendaraddmer).then(response => {
         if(response.data !== undefined){
           this.queryData = response.data
        // console.log(this.selectList)
         }
         this.loading = false;
       }
     );
   },
    goTarget(href) {
      window.open(href, "_blank");
    },
     handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
      },
    handleCurrentChange(val) {
      this.queryParams.pageNo = val
      this.getList()
        console.log(`当前页: ${val}`);
      },
      // 公司概况
      handleSizeChangeprofile(val) {
              console.log(`每页 ${val} 条`);
        },
      handleCurrentChangeprofile(val) {
        this.queryParamstabprofile.pageNo = val
        this.getLisprofile()
          console.log(`当前页: ${val}`);
        },
     // 通讯录
     handleSizeChangeali(val) {
             console.log(`每页 ${val} 条`);
       },
     handleCurrentChangeali(val) {
       this.queryParamsail.pageNo = val
       this.getLisailtwo()
         console.log(`当前页: ${val}`);
       },
    handleClick(tab, event) {
              console.log(tab, event);
      },
      // 第一部分tab点击
    tabSbu(index){
      console.log(index)
     this.num = index - 1
     this.queryParams.fixedData.condition.notice_type = index
     this.getList()
    },
    // 第二部分tab点击numlist
    tabList(index){
      this.numlist = index
    },
    // 第三部分tab点击
    tabSbuprofile(index){
      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
      console.log(this.open)
      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(',');
        // }
        //日历
        console.log(this.forme.fixedData,this.forme)
        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

        //备忘录
       addConfigindex(this.forme).then(response => {
         this.msgSuccess("新增成功");
         // this.open = false;
         this.getLismemorandum()
         this.cancel();
       });
      }
      console.log(this.form.fixedData,22311)
      // this.getList();
    },
    // 弹框
    changeFn(obj) {
      console.log(obj)
      for(let key in obj){
        this.form.fixedData[key] = obj[key]
      }
    },
    // 新增备忘录
    memoere(){
     this.nummer = 1
     this.open = true;
     this.title = "添加备忘录";
     this.getLisalendaradddmer()
    },
    // 备忘录删除
    index_deledetfe(id){
      var that =  this
      that.deledlid.idList = []
      that.deledlid.idList.push(id)

     this.$confirm('是否确认删除', "警告", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning"
       }).then(function() {
         return delIndexnabd(that.deledlid);
       }).then(() => {
         this.getLismemorandum();
         this.msgSuccess("删除成功");
         // this.$router.go(-1)
       })
    },

    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])
            }
      }
      console.log(serfgt.join(','))
     // const res = new Map();
     // console.log(arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1)))
     // return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));
    },
    getUser() {
      getUserProfile().then(response => {
        this.user = response.data;
        this.getLisalendar()
        this.getLismemorandum()
       console.log(this.user,97653)
      });
    },
    // 通知公告弹窗
    headerCld(index){
      this.title = '通知公告'
       this.openety = true,
       this.actingk=index
    }
  },
};
</script>

<style lang="scss">
  .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: 70px;
     text-align: center;
     line-height: 55px;
     height: 55px;
     font-size: 15px;
     font-family: PingFang SC;
     font-weight: bold;
     color: #666;
     position: relative;
     // 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;
        }
        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;
    }
    .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: 24px;
    text-align: center;
    margin-bottom: 10px;
  }
  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;
  }
}

</style>