| 1 |
- {"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=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\views\\index.vue","mtime":1617009214297},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJpbmRleCIsDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIC8vIOeJiOacrOWPtw0KICAgICAgdmVyc2lvbjogIjIuNS4wIiwNCiAgICAgICBjdXJyZW50UGFnZTM6IDEsDQogICAgICAgcGFnZVNpemU6MTAsDQogICAgICAgYWN0aXZlTmFtZTogJ3NlY29uZCcsDQogICAgICAgIHZhbHVlOiBuZXcgRGF0ZSgpLA0KICAgICAgICBlZGl0YWJsZVRhYnM6IFt7DQogICAgICAgICAgICAgICAgIHRpdGxlOiAnVGFiIDEnLA0KICAgICAgICAgICAgICAgICBuYW1lOiAnMScsDQogICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICdUYWIgMSBjb250ZW50Jw0KICAgICAgICAgICAgICAgfSwgew0KICAgICAgICAgICAgICAgICB0aXRsZTogJ1RhYiAyJywNCiAgICAgICAgICAgICAgICAgbmFtZTogJzInLA0KICAgICAgICAgICAgICAgICBjb250ZW50OiAnVGFiIDIgY29udGVudCcNCiAgICAgICAgICAgICAgIH1dLA0KICAgICAgbnVtOjANCiAgICB9Ow0KICB9LA0KICBtZXRob2RzOiB7DQogICAgZ29UYXJnZXQoaHJlZikgew0KICAgICAgd2luZG93Lm9wZW4oaHJlZiwgIl9ibGFuayIpOw0KICAgIH0sDQogICAgIGhhbmRsZVNpemVDaGFuZ2UodmFsKSB7DQogICAgICAgICAgICBjb25zb2xlLmxvZyhg5q+P6aG1ICR7dmFsfSDmnaFgKTsNCiAgICAgIH0sDQogICAgaGFuZGxlQ3VycmVudENoYW5nZSh2YWwpIHsNCiAgICAgICAgICAgIGNvbnNvbGUubG9nKGDlvZPliY3pobU6ICR7dmFsfWApOw0KICAgICAgfSwNCiAgICBoYW5kbGVDbGljayh0YWIsIGV2ZW50KSB7DQogICAgICAgICAgICAgIGNvbnNvbGUubG9nKHRhYiwgZXZlbnQpOw0KICAgICAgfSwNCiAgICAgIC8vIHRhYueCueWHuw0KICAgIHRhYlNidShpbmRleCl7DQogICAgIHRoaXMubnVtID0gaW5kZXgNCiAgICB9DQogIH0sDQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0QA;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","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"]}]}
|
