{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\views\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\views\\index.vue","mtime":1617009214297},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5ob21lewogIC5lbC10YWJzX19oZWFkZXJ7CiAgIG1hcmdpbi1ib3R0b206IDVweCAhaW1wb3J0YW50OwogIH0KICAuZWwtY2FsZW5kYXItdGFibGUgdHIgdGQ6Zmlyc3QtY2hpbGR7CiAgICBib3JkZXI6IDAgIWltcG9ydGFudDsKICB9CiAgLmVsLWNhbGVuZGFyLXRhYmxlIHRyOmZpcnN0LWNoaWxkIHRkewogICAgYm9yZGVyOiAwICFpbXBvcnRhbnQ7CiAgfQogIC5lbC1jYWxlbmRhci10YWJsZSB0ZHsKICAgIGJvcmRlcjogMCAhaW1wb3J0YW50OwogIH0KICAuZWwtY2FsZW5kYXItdGFibGUgLmVsLWNhbGVuZGFyLWRheXsKICAgIGhlaWdodDogMzBweDsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGxpbmUtaGVpZ2h0OiAzMHB4OwogICAgYm9yZGVyLXJhZGl1czogMzBweDsKICAgIHBhZGRpbmc6IDA7CiAgICAvLyBiYWNrZ3JvdW5kLWNvbG9yOiAjMEIxOEU4OwogIH0KICAuZWwtY2FsZW5kYXItdGFibGUgdGQuaXMtc2VsZWN0ZWR7CiAgICAvLyBiYWNrZ3JvdW5kLWNvbG9yOiAjMEIxOEU4OwogICAgIGJvcmRlci1yYWRpdXM6IDMwcHg7CiAgfQogIC5lbC1jYWxlbmRhcl9faGVhZGVyewogICAgYm9yZGVyOiAwOwogICAgcGFkZGluZzogMCAyMHB4OwogIH0KICAuZWwtY2FsZW5kYXJfX2JvZHl7CiAgICBwYWRkaW5nLXRvcDogMDsKICAgIHBhZGRpbmctYm90dG9tOiAwOwogIH0KICAuZWwtcGFnaW5hdGlvbnsKICAgIHBhZGRpbmctbGVmdDogMDsKICB9CiAgLmluZGV4X2hlYWRlTmF2ewogICAgLmVsLXRhYnNfX2l0ZW17CiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIH0KICB9CiAgLmVsLXRhYmxlIHRoLmlzLWxlYWYsIC5lbC10YWJsZSB0ZHsKICAgICBib3JkZXI6IDAgIWltcG9ydGFudDsKICB9CiAgLmVsLWNhbGVuZGFyX190aXRsZXsKICAgIGZvbnQtc2l6ZTogMTJweDsKICB9CiAgIC5lbC10YWJsZSB0ZHsKICAgICBwYWRkaW5nOiAgNnB4IDA7CiAgIH0KICAgLmluZGV4X2hhZGVyUGFnaW5mb2l1ewogICAgIC5lbC1wYWdpbmF0aW9uX19qdW1wewogICAgICAgZGlzcGxheTogYmxvY2sgIWltcG9ydGFudDsKICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgIG1hcmdpbi1sZWZ0OiAwOwogICAgIH0KICAgfQoKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsTA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"app-container home\">\r\n    <el-row :gutter=\"5\">\r\n      <el-col :sm=\"24\" :lg=\"17\" style=\"padding-left: 15px\">\r\n        <div class=\"index_heade\">\r\n          <img src=\"../assets/images/icon_more.png\" alt=\"\" class=\"index_headerImg\">\r\n          <p class=\"index_headetab\">\r\n            <span :class=\"[num == index ? ' spanto' : '']\" v-for=\"(item,index) in editableTabs\" :key=\"index\" @click=\"tabSbu(index)\">{{item.title}}</span>\r\n          </p>\r\n                <div v-if=\"num == 0\">\r\n                  <ul class=\"index_headerUl\">\r\n                    <li>\r\n                        <img src=\"../assets/images/icon_list_sj.png\" alt=\"\">\r\n                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>\r\n                        <span>03/06</span>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"../assets/images/icon_list_sj.png\" alt=\"\">\r\n                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>\r\n                        <span>03/06</span>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"../assets/images/icon_list_sj.png\" alt=\"\">\r\n                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>\r\n                        <span>03/06</span>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"../assets/images/icon_list_sj.png\" alt=\"\">\r\n                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>\r\n                        <span>03/06</span>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"../assets/images/icon_list_sj.png\" alt=\"\">\r\n                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>\r\n                        <span>03/06</span>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"../assets/images/icon_list_sj.png\" alt=\"\">\r\n                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>\r\n                        <span>03/06</span>\r\n                    </li>\r\n                  </ul>\r\n                  <div class=\"index_haderPagin\">\r\n                    <el-pagination\r\n                         @size-change=\"handleSizeChange\"\r\n                         @current-change=\"handleCurrentChange\"\r\n                         :current-page.sync=\"currentPage3\"\r\n                         :page-size=\"pageSize\"\r\n                         layout=\"prev, pager, next, jumper\"\r\n                         :total=\"1000\">\r\n                    </el-pagination>\r\n                    <span>共 85 条  每页显示 5 条  当前 1/17 页</span>\r\n                  </div>\r\n                </div>\r\n        </div>\r\n        <!-- 列表 -->\r\n          <el-col :sm=\"24\" :lg=\"24\"  style=\"margin-top: 20px;\">\r\n               <div class=\"index_heade index_headeNav\">\r\n                 <img src=\"../assets/images/icon_more.png\" alt=\"\" class=\"index_headerImg\">\r\n                 <p class=\"index_headetab\">\r\n                   <span :class=\"[num == index ? ' spanto' : '']\" v-for=\"(item,index) in editableTabs\" :key=\"index\" @click=\"tabSbu(index)\">{{item.title}} <p class=\"tab_i\">3</p></span></span>\r\n                 </p>\r\n                 <!-- <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\" > -->\r\n                     <!-- <el-tab-pane  name=\"first\">\r\n                        <span slot=\"label\" class=\"index_heseviewed\"><p class=\"tab_i\">3</p> 我的行程</span> -->\r\n                         <div v-if=\"num == 0\">\r\n                           <el-table :data=\"tableData\" style=\"width: 100%;margin-top: 10px;\"  :stripe=\"true\"   >\r\n                                   <!-- <el-table-column type=\"selection\" width=\"55\" align=\"center\" /> -->\r\n                                   <el-table-column label=\"序号\" align=\"center\" prop=\"noticeId\" width=\"60\" height=\"53\" max-height=\"53\" />\r\n                                  <el-table-column\r\n                                    label=\"申请人\"\r\n                                    align=\"center\"\r\n                                    prop=\"name\"\r\n                                    :show-overflow-tooltip=\"true\"\r\n                                    width=\"70\"\r\n                                  />\r\n                                  <el-table-column\r\n                                    label=\"部门\"\r\n                                    align=\"center\"\r\n                                    prop=\"name\"\r\n                                    :formatter=\"typeFormat\"\r\n                                    width=\"70\"\r\n                                  />\r\n                                  <el-table-column\r\n                                    label=\"请假类型\"\r\n                                    align=\"center\"\r\n                                    prop=\"status\"\r\n                                    :formatter=\"statusFormat\"\r\n                                    width=\"75\"\r\n                                  />\r\n                                  <el-table-column label=\"请假事由\" align=\"center\" prop=\"createBy\" width=\"100\"  :show-overflow-tooltip=\"true\"/>\r\n                                  <el-table-column label=\"请假时间\" align=\"center\" prop=\"date\" width=\"150\"/>\r\n                                    <!-- <template slot-scope=\"scope\">\r\n                                      <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>\r\n                                    </template> -->\r\n                                  <!-- </el-table-column> -->\r\n                                  <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                    <template slot-scope=\"scope\">\r\n                                      <el-button\r\n                                        size=\"small\"\r\n                                        type=\"success\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        v-hasPermi=\"['system:notice:edit']\"\r\n                                      >详情</el-button>\r\n                                      <el-button\r\n                                        size=\"small\"\r\n                                        type=\"primary\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        v-hasPermi=\"['system:notice:remove']\"\r\n                                      >同意</el-button>\r\n                                      <el-button\r\n                                        size=\"small\"\r\n                                        type=\"danger\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        v-hasPermi=\"['system:notice:remove']\"\r\n                                      >驳回</el-button>\r\n                                    </template>\r\n                                  </el-table-column>\r\n                                 </el-table>\r\n                           <div class=\"index_haderPagin\">\r\n                             <el-pagination\r\n                                  @size-change=\"handleSizeChange\"\r\n                                  @current-change=\"handleCurrentChange\"\r\n                                  :current-page.sync=\"currentPage3\"\r\n                                  :page-size=\"pageSize\"\r\n                                  layout=\"prev, pager, next, jumper\"\r\n                                  :total=\"1000\">\r\n                             </el-pagination>\r\n                             <span>共 85 条  每页显示 5 条  当前 1/17 页</span>\r\n                           </div>\r\n                         </div>\r\n               </div>\r\n          </el-col>\r\n        <!-- </el-row> -->\r\n        <!-- 公司概况 -->\r\n        <el-col :sm=\"24\" :lg=\"24\">\r\n           <div class=\"index_heade  index_headeProfile\">\r\n             <img src=\"../assets/images/icon_tjbj.png\" alt=\"\" class=\"index_headerImg\">\r\n            <p class=\"index_headetab\">\r\n              <span :class=\"[num == index ? ' spanto' : '']\" v-for=\"(item,index) in editableTabs\" :key=\"index\" @click=\"tabSbu(index)\">{{item.title}} </span>\r\n            </p>\r\n            <!-- <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\">\r\n                 <el-tab-pane label=\"用户管理\" name=\"first\"> -->\r\n                   <div v-if=\"num == 0\">\r\n                     <h3 style=\"text-align: center;\">北京凯特伟业科技有限公司</h3>\r\n                                      <p class=\"index_profilep\">\t北京凯特伟业科技有限公司，是HBP集团（股票代码002554）下属全资子公司，主营业务互联网软件服务。公司拥有十余年软件开发经验，其案例遍布能源、通信、金融 、医疗、养老 、制造业等各行业。主要产品有JEPLUS软件开发平台、蒜瓣企业管理系统等，并提供saas服务。\r\n                     蒜瓣产品支持SAAS（即当前软件发展最流行的多租户模式，例如钉钉）和定制两种模式。一般企业不需要购买任何硬件，刚开始只需要简单注册即可，企业无需再配备IT方面的专业技术人员，同时又能得到最新的技术应用，满足企业对信息管理的需求；大型企业有专业化需求时，可采用定制模式。</p>\r\n                                      <div class=\"index_haderPagin\">\r\n                                        <el-pagination\r\n                                             @size-change=\"handleSizeChange\"\r\n                                             @current-change=\"handleCurrentChange\"\r\n                                             :current-page.sync=\"currentPage3\"\r\n                                             :page-size=\"pageSize\"\r\n                                             layout=\"prev, pager, next, jumper\"\r\n                                             :total=\"1000\">\r\n                                        </el-pagination>\r\n                                        <span>共 85 条  每页显示 5 条  当前 1/17 页</span>\r\n                                      </div>\r\n                   </div>\r\n                <!-- </el-tab-pane>\r\n                 <el-tab-pane label=\"配置管理\" name=\"second\">配置管理</el-tab-pane>\r\n                 <el-tab-pane label=\"角色管理\" name=\"third\">角色管理</el-tab-pane>\r\n                 <el-tab-pane label=\"定时任务补偿\" name=\"fourth\">定时任务补偿</el-tab-pane>\r\n             </el-tabs> -->\r\n\r\n           </div>\r\n        </el-col>\r\n      </el-col>\r\n\r\n      <el-col :sm=\"24\" :lg=\"7\" style=\"padding-left: 15px\">\r\n         <div class=\"index_nav\">\r\n          <div class=\"index_navTime\">\r\n            <p class=\"index_navTimep\">\r\n              <span>日程</span>\r\n              <span><i class=\"el-icon-date\"></i>创建日程</span>\r\n            </p>\r\n            <el-calendar v-model=\"value\">\r\n            </el-calendar>\r\n            <img src=\"../assets/images/pic_kpbg.png\" alt=\"\" class=\"index_navTimeimg\">\r\n          </div>\r\n         </div>\r\n         <!-- 备忘录 -->\r\n         <el-col :sm=\"24\" :lg=\"24\" >\r\n           <div class=\"index_nav index_memoranduNnavTime\">\r\n            <div class=\"index_navTime \">\r\n              <p class=\"index_navTimep\">\r\n                <span>日程</span>\r\n                <span><i class=\"el-icon-date\"></i>创建日程</span>\r\n              </p>\r\n              <ul >\r\n                <li v-for=\"(index,item) in 6\" :key=\"index\">\r\n                  <p>今日的工作安排</p>\r\n                  <span>01-24</span>\r\n                </li>\r\n\r\n              </ul>\r\n              <img src=\"../assets/images/icon_more.png\" alt=\"\">\r\n<!--              <el-calendar v-model=\"value\">\r\n              </el-calendar> -->\r\n\r\n              <img src=\"../assets/images/pic_kpbg.png\" alt=\"\" class=\"index_navTimeimg\">\r\n            </div>\r\n           </div>\r\n         </el-col >\r\n         <!-- 通讯录 -->\r\n         <el-col :sm=\"24\" :lg=\"24\">\r\n           <div class=\"index_nav index_memoranduMail\">\r\n                       <div class=\"index_navTime \">\r\n                         <p class=\"index_navTimep\">\r\n                           <span>通讯录</span>\r\n                           <img src=\"../assets/images/icon_more.png\" alt=\"\" class=\"index_navTimeimgtwo\">\r\n                           <!-- <span><i class=\"el-icon-date\"></i>创建日程</span> -->\r\n                         </p>\r\n                        <div class=\"index_memoranduMailnav\">\r\n                          <el-table :data=\"tableData\" style=\"width: 100%;margin-top: 10px;\"  :stripe=\"true\"  >\r\n                                  <!-- <el-table-column type=\"selection\" width=\"55\" align=\"center\" /> -->\r\n                                  <!-- <el-table-column label=\"序号\" align=\"center\" prop=\"noticeId\" width=\"60\" height=\"53\" max-height=\"53\" /> -->\r\n                                 <el-table-column\r\n                                   label=\"申请人\"\r\n                                   align=\"center\"\r\n                                   prop=\"name\"\r\n                                   :show-overflow-tooltip=\"true\"\r\n                                   style=\"height: 38px;\"\r\n                                 />\r\n                                 <el-table-column\r\n                                   label=\"部门\"\r\n                                   align=\"center\"\r\n                                   prop=\"name\"\r\n                                   :formatter=\"typeFormat\"\r\n                                   style=\"height: 38px;\"\r\n                                 />\r\n                                 <el-table-column\r\n                                   label=\"请假类型\"\r\n                                   align=\"center\"\r\n                                   prop=\"status\"\r\n                                   :formatter=\"statusFormat\"\r\n                                   style=\"height: 38px;\"\r\n                                 />\r\n\r\n                                </el-table>\r\n                          <div class=\"index_haderPagin index_haderPaginfoiu\">\r\n                            <el-pagination\r\n                                 @size-change=\"handleSizeChange\"\r\n                                 @current-change=\"handleCurrentChange\"\r\n                                 :current-page.sync=\"currentPage3\"\r\n                                 :page-size=\"pageSize\"\r\n                                 :small= \"true\"\r\n                                 layout=\"prev, pager, next, jumper\"\r\n                                 :total=\"1000\">\r\n                            </el-pagination>\r\n                          </div>\r\n                        </div>\r\n                      <img src=\"../assets/images/pic_kpbg.png\" alt=\"\" class=\"index_navTimeimg\">\r\n                       </div>\r\n            </div>\r\n         </el-col>\r\n\r\n\r\n      </el-col>\r\n    </el-row>\r\n    <!-- <el-divider /> -->\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"index\",\r\n  data() {\r\n    return {\r\n      // 版本号\r\n      version: \"2.5.0\",\r\n       currentPage3: 1,\r\n       pageSize:10,\r\n       activeName: 'second',\r\n        value: new Date(),\r\n        editableTabs: [{\r\n                 title: 'Tab 1',\r\n                 name: '1',\r\n                 content: 'Tab 1 content'\r\n               }, {\r\n                 title: 'Tab 2',\r\n                 name: '2',\r\n                 content: 'Tab 2 content'\r\n               }],\r\n      num:0\r\n    };\r\n  },\r\n  methods: {\r\n    goTarget(href) {\r\n      window.open(href, \"_blank\");\r\n    },\r\n     handleSizeChange(val) {\r\n            console.log(`每页 ${val} 条`);\r\n      },\r\n    handleCurrentChange(val) {\r\n            console.log(`当前页: ${val}`);\r\n      },\r\n    handleClick(tab, event) {\r\n              console.log(tab, event);\r\n      },\r\n      // tab点击\r\n    tabSbu(index){\r\n     this.num = index\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .home{\r\n    .el-tabs__header{\r\n     margin-bottom: 5px !important;\r\n    }\r\n    .el-calendar-table tr td:first-child{\r\n      border: 0 !important;\r\n    }\r\n    .el-calendar-table tr:first-child td{\r\n      border: 0 !important;\r\n    }\r\n    .el-calendar-table td{\r\n      border: 0 !important;\r\n    }\r\n    .el-calendar-table .el-calendar-day{\r\n      height: 30px;\r\n      text-align: center;\r\n      line-height: 30px;\r\n      border-radius: 30px;\r\n      padding: 0;\r\n      // background-color: #0B18E8;\r\n    }\r\n    .el-calendar-table td.is-selected{\r\n      // background-color: #0B18E8;\r\n       border-radius: 30px;\r\n    }\r\n    .el-calendar__header{\r\n      border: 0;\r\n      padding: 0 20px;\r\n    }\r\n    .el-calendar__body{\r\n      padding-top: 0;\r\n      padding-bottom: 0;\r\n    }\r\n    .el-pagination{\r\n      padding-left: 0;\r\n    }\r\n    .index_headeNav{\r\n      .el-tabs__item{\r\n        position: relative;\r\n      }\r\n    }\r\n    .el-table th.is-leaf, .el-table td{\r\n       border: 0 !important;\r\n    }\r\n    .el-calendar__title{\r\n      font-size: 12px;\r\n    }\r\n     .el-table td{\r\n       padding:  6px 0;\r\n     }\r\n     .index_haderPaginfoiu{\r\n       .el-pagination__jump{\r\n         display: block !important;\r\n         text-align: center;\r\n         margin-left: 0;\r\n       }\r\n     }\r\n\r\n  }\r\n</style>\r\n\r\n\r\n<style scoped lang=\"scss\">\r\n.home {\r\n  // tab\r\n  .index_headetab{\r\n    display: flex;\r\n    border-bottom: 1px solid #E5E5E5;\r\n    height: 53px;\r\n    padding-top: 10px;\r\n    padding-bottom: 10px;\r\n   span{\r\n     width: 70px;\r\n     text-align: center;\r\n     line-height: 43px;\r\n     height: 43px;\r\n     font-size: 15px;\r\n     font-family: PingFang SC;\r\n     font-weight: bold;\r\n     color: #666;\r\n     position: relative;\r\n     // flex: 1;\r\n     // border-bottom: ;\r\n   }\r\n   .span{\r\n     content: '';\r\n     display: block;\r\n     width: 18px;\r\n     height: 8px;\r\n     border-radius: 3px;\r\n     background-color: #3C8DBC;\r\n     color: #3C8DBC !important;\r\n     // position: absolute;\r\n     // border-bottom: ;\r\n   }\r\n  .spanto{\r\n    color:#3C8DBC ;\r\n    border-bottom: 3px solid #3C8DBC;\r\n  }\r\n  }\r\n  p{\r\n    margin: 0;\r\n\r\n  }\r\n  ul{\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  background-color: #eef0ff;\r\n  blockquote {\r\n    padding: 10px 20px;\r\n    margin: 0 0 20px;\r\n    font-size: 17.5px;\r\n    border-left: 5px solid #eee;\r\n  }\r\n  .index_heade{\r\n    // border: 1px solid #eee;\r\n    // width: 100%;\r\n    padding: 0 20px;\r\n    height: 386px;\r\n    background-color: #fff;\r\n    position: relative;\r\n    border-radius: 6px;\r\n    .index_headerImg{\r\n      width: 23px;\r\n      height: 6px;\r\n      position: absolute;\r\n      right: 20px;\r\n      top:25px;\r\n    }\r\n    .index_headerUl{\r\n      width: 100%;\r\n      padding: 0;\r\n      margin: 0;\r\n      li{\r\n        margin: 0;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        height: 43px;\r\n        img{\r\n          width: 11px;\r\n          height: 13px;\r\n        }\r\n        p{\r\n          font-size: 14px;\r\n          font-family: PingFang SC;\r\n          font-weight: 400;\r\n          color: #343434;\r\n          line-height: 36px;\r\n          margin: 0;\r\n          text-align: left;\r\n          flex: 1;\r\n          padding: 0 18px;\r\n        }\r\n        span{\r\n          font-size: 14px;\r\n          font-family: PingFang SC;\r\n          font-weight: 400;\r\n          color: #343434;\r\n          line-height: 36px;\r\n        }\r\n      }\r\n    }\r\n    .index_haderPagin{\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-top: 30px;\r\n      span{\r\n        flex: 1;\r\n        font-size: 12px;\r\n        font-family: PingFang SC;\r\n        font-weight: 400;\r\n        color: #343434;\r\n        text-align: right;\r\n        // line-height: 36px;\r\n      }\r\n    }\r\n  }\r\n  //表格样式\r\n  .index_headeNav{\r\n    padding: 0 20px;\r\n    height: 550px;\r\n    background-color: #fff;\r\n    position: relative;\r\n    border-radius: 6px;\r\n     .tab_i{\r\n       position: absolute;\r\n       right: 1px;\r\n       top:5px;\r\n       border-radius: 50%;\r\n     // display: block;\r\n     width: 15px ;\r\n     height: 15px;\r\n     line-height: 15px;\r\n     text-align: center;\r\n     color: #fff;\r\n     background-color: red;\r\n     overflow:hidden; //超出的文本隐藏\r\n     text-overflow:ellipsis; //溢出用省略号显示\r\n     white-space:nowrap; //溢出不换行\r\n     font-size: 11px;\r\n     font-family: PingFang SC;\r\n     font-weight: bold;\r\n\r\n      }\r\n  }\r\n  .index_nav{\r\n    // border: 1px solid #eee;\r\n    background-color: #fff;\r\n    height: 315px;\r\n    box-shadow: 0px 4px 4px 0px rgba(130, 150, 162, 0.64);\r\n    border-radius: 6px;\r\n    .index_navTime{\r\n      height: 270px;\r\n      position: relative;\r\n    }\r\n    .index_navTimeimg{\r\n      height: 47px;\r\n      width: 100%;\r\n      position: absolute;\r\n      bottom: -76px;\r\n      left: 0;\r\n    }\r\n    .index_navTimep{\r\n      padding: 10px 0;\r\n      margin: 0 20px;\r\n      margin-bottom: 10px;\r\n      border-bottom: 1px solid #E5E5E5;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n       span:nth-child(1){\r\n         font-size: 15px;\r\n         font-family: PingFang SC;\r\n         font-weight: bold;\r\n         color: #3C8DBC;\r\n       }\r\n       span:nth-child(1)::before{\r\n          content: \"\";\r\n         display: block;\r\n         width: 18px;\r\n         height: 8px;\r\n         background: #3C8DBC;\r\n         border-radius: 3px;\r\n       }\r\n       span:nth-child(2){\r\n         font-size: 12px;\r\n         font-family: PingFang SC;\r\n         font-weight: 400;\r\n         color: #3C8DBC;\r\n       }\r\n    }\r\n  }\r\n  // 公司概况样式\r\n  .index_headeProfile{\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    height: 316px;\r\n    .index_profilep{\r\n      font-size: 12px;\r\n      font-family: PingFang SC;\r\n      font-weight: bold;\r\n      color: #343434;\r\n      line-height: 27px;\r\n    }\r\n    .index_haderPagin{\r\n      margin-top: 25px;\r\n    }\r\n    .index_headerImg{\r\n      width: 21px;\r\n      height: 21px;\r\n      top:9px;\r\n    }\r\n  }\r\n  // 备忘录样式\r\n  .index_memoranduNnavTime{\r\n    height: 335px;\r\n    margin-top: 90px;\r\n    position: relative;\r\n    .index_navTimep{\r\n      padding: 20px 0;\r\n      // margin-bottom: 20px;\r\n    }\r\n    .index_navTimeimg{\r\n      height: 47px;\r\n      width: 100%;\r\n      position: absolute;\r\n      bottom: -76px;\r\n      left: 0;\r\n      bottom: -96px;\r\n    }\r\n    img{\r\n      width: 23px;\r\n      height: 6px;\r\n      position: absolute;\r\n      right: 20px;\r\n      bottom: -50px;\r\n    }\r\n    ul{\r\n      padding: 0 20px;\r\n      li{\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        border-bottom: 1px dashed #E5E5E5;\r\n        p{\r\n          font-size: 12px;\r\n          font-family: PingFang SC;\r\n          font-weight: 400;\r\n          color: #343434;\r\n          line-height: 36px;\r\n          flex: 1;\r\n        }\r\n        span{\r\n          font-size: 12px;\r\n          font-family: PingFang SC;\r\n          font-weight: 400;\r\n          color: #343434;\r\n          line-height: 36px;\r\n        }\r\n\r\n      }\r\n    }\r\n  }\r\n  //通讯录样式\r\n  .index_memoranduMail{\r\n    height: 363px;\r\n    margin-top: 100px;\r\n    .index_navTimeimgtwo{\r\n      width: 23px;\r\n      height: 6px;\r\n    }\r\n    .index_navTimep{\r\n      padding: 20px 0;\r\n    }\r\n    .index_memoranduMailnav{\r\n      padding: 0 20px;\r\n    }\r\n    .index_navTimeimg{\r\n      height: 47px;\r\n      width: 100%;\r\n      position: absolute;\r\n      bottom: -76px;\r\n      left: 0;\r\n      bottom: -126px;\r\n    }\r\n   .index_haderPagin{\r\n     margin-top: 10px;\r\n   }\r\n  }\r\n}\r\n</style>\r\n"]}]}