首页

ruoyi-ui/src/views/index.vue

@@ -1,448 +1,267 @@
 <template>
   <div class="app-container home">
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="24">
-        <blockquote class="text-warning" style="font-size: 14px">
-          领取阿里云通用云产品1888优惠券
-          <br />
-          <el-link
-            href="https://www.aliyun.com/minisite/goods?userCode=brki8iof"
-            type="primary"
-            target="_blank"
-            >https://www.aliyun.com/minisite/goods?userCode=brki8iof</el-link
-          >
-          <br />
-          领取腾讯云通用云产品2860优惠券
-          <br />
-          <el-link
-            href="https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console"
-            type="primary"
-            target="_blank"
-            >https://cloud.tencent.com/redirect.php?redirect=1025&cps_key=198c8df2ed259157187173bc7f4f32fd&from=console</el-link
-          >
-          <br />
-          阿里云服务器折扣区
-          <el-link href="http://aly.ruoyi.vip" type="primary" target="_blank"
-            >>☛☛点我进入☚☚</el-link
-          >
-          &nbsp;&nbsp;&nbsp; 腾讯云服务器秒杀区
-          <el-link href="http://txy.ruoyi.vip" type="primary" target="_blank"
-            >>☛☛点我进入☚☚</el-link
-          ><br />
-          <h4 class="text-danger">
-            云产品通用红包，可叠加官网常规优惠使用。(仅限新用户)
-          </h4>
-        </blockquote>
+    <el-row :gutter="5">
+      <el-col :sm="24" :lg="17" style="padding-left: 15px">
+        <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(index)">{{item.title}}</span>
+          </p>
+                <div v-if="num == 0">
+                  <ul class="index_headerUl">
+                    <li>
+                        <img src="../assets/images/icon_list_sj.png" alt="">
+                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>
+                        <span>03/06</span>
+                    </li>
+                    <li>
+                        <img src="../assets/images/icon_list_sj.png" alt="">
+                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>
+                        <span>03/06</span>
+                    </li>
+                    <li>
+                        <img src="../assets/images/icon_list_sj.png" alt="">
+                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>
+                        <span>03/06</span>
+                    </li>
+                    <li>
+                        <img src="../assets/images/icon_list_sj.png" alt="">
+                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>
+                        <span>03/06</span>
+                    </li>
+                    <li>
+                        <img src="../assets/images/icon_list_sj.png" alt="">
+                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>
+                        <span>03/06</span>
+                    </li>
+                    <li>
+                        <img src="../assets/images/icon_list_sj.png" alt="">
+                        <p>国家统计局：3月份商品住宅销售价格涨幅总体稳定</p>
+                        <span>03/06</span>
+                    </li>
+                  </ul>
+                  <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 :sm="24" :lg="24"  style="margin-top: 20px;">
+               <div class="index_heade index_headeNav">
+                 <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(index)">{{item.title}} <p class="tab_i">3</p></span></span>
+                 </p>
+                 <!-- <el-tabs v-model="activeName" @tab-click="handleClick" > -->
+                     <!-- <el-tab-pane  name="first">
+                        <span slot="label" class="index_heseviewed"><p class="tab_i">3</p> 我的行程</span> -->
+                         <div v-if="num == 0">
+                           <el-table :data="tableData" style="width: 100%;margin-top: 10px;"  :stripe="true"   >
+                                   <!-- <el-table-column type="selection" width="55" align="center" /> -->
+                                   <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"
+                                    :formatter="typeFormat"
+                                    width="70"
+                                  />
+                                  <el-table-column
+                                    label="请假类型"
+                                    align="center"
+                                    prop="status"
+                                    :formatter="statusFormat"
+                                    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"/>
+                                    <!-- <template slot-scope="scope">
+                                      <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+                                    </template> -->
+                                  <!-- </el-table-column> -->
+                                  <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']"
 
-        <hr />
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>若依后台管理框架</h2>
-        <p>
-          一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统。，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
-        </p>
-        <p>
-          <b>当前版本:</b> <span>v{{ version }}</span>
-        </p>
-        <p>
-          <el-tag type="danger">&yen;免费开源</el-tag>
-        </p>
-        <p>
-          <el-button
-            type="primary"
-            size="mini"
-            icon="el-icon-cloudy"
-            plain
-            @click="goTarget('https://gitee.com/y_project/RuoYi-Cloud')"
-            >访问码云</el-button
-          >
-          <el-button
-            size="mini"
-            icon="el-icon-s-home"
-            plain
-            @click="goTarget('http://ruoyi.vip')"
-            >访问主页</el-button
-          >
-        </p>
-      </el-col>
+                                      >详情</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>
 
-      <el-col :sm="24" :lg="12" style="padding-left: 50px">
-        <el-row>
-          <el-col :span="12">
-            <h2>技术选型</h2>
+               </div>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="6">
-            <h4>后端技术</h4>
-            <ul>
-              <li>SpringBoot</li>
-              <li>SpringCloud</li>
-              <li>Nacos</li>
-              <li>Sentinel</li>
-              <li>Seata</li>
-              <li>Minio</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-          <el-col :span="6">
-            <h4>前端技术</h4>
-            <ul>
-              <li>Vue</li>
-              <li>Vuex</li>
-              <li>Element-ui</li>
-              <li>Axios</li>
-              <li>Echarts</li>
-              <li>Quill</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-        </el-row>
-      </el-col>
-    </el-row>
-    <el-divider />
-    <el-row :gutter="20">
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <div slot="header" class="clearfix">
-            <span>联系信息</span>
-          </div>
-          <div class="body">
-            <p>
-              <i class="el-icon-s-promotion"></i> 官网：<el-link
-                href="http://www.ruoyi.vip"
-                target="_blank"
-                >http://www.ruoyi.vip</el-link
-              >
-            </p>
-            <p>
-              <i class="el-icon-user-solid"></i> QQ群：<s>满42799195</s>
-              <s>满170157040</s>
-              <a
-                href="https://jq.qq.com/?_wv=1027&k=MI9Ro7lk"
-                target="_blank"
-              >
-                130643120</a
-              >
-            </p>
-            <p>
-              <i class="el-icon-chat-dot-round"></i> 微信：<a
-                href="javascript:;"
-                >/ *若依</a
-              >
-            </p>
-            <p>
-              <i class="el-icon-money"></i> 支付宝：<a
-                href="javascript:;"
-                class="支付宝信息"
-                >/ *若依</a
-              >
+        <!-- </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="[num == index ? ' spanto' : '']" v-for="(item,index) in editableTabs" :key="index" @click="tabSbu(index)">{{item.title}} </span>
             </p>
-          </div>
-        </el-card>
+            <!-- <el-tabs v-model="activeName" @tab-click="handleClick">
+                 <el-tab-pane label="用户管理" name="first"> -->
+                   <div v-if="num == 0">
+                     <h3 style="text-align: center;">北京凯特伟业科技有限公司</h3>
+                                      <p class="index_profilep">	北京凯特伟业科技有限公司，是HBP集团（股票代码002554）下属全资子公司，主营业务互联网软件服务。公司拥有十余年软件开发经验，其案例遍布能源、通信、金融 、医疗、养老 、制造业等各行业。主要产品有JEPLUS软件开发平台、蒜瓣企业管理系统等，并提供saas服务。
+                     蒜瓣产品支持SAAS（即当前软件发展最流行的多租户模式，例如钉钉）和定制两种模式。一般企业不需要购买任何硬件，刚开始只需要简单注册即可，企业无需再配备IT方面的专业技术人员，同时又能得到最新的技术应用，满足企业对信息管理的需求；大型企业有专业化需求时，可采用定制模式。</p>
+                                      <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>
+                <!-- </el-tab-pane>
+                 <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
+                 <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
+                 <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
+             </el-tabs> -->
+
+           </div>
+        </el-col>
       </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <div slot="header" class="clearfix">
-            <span>更新日志</span>
+
+      <el-col :sm="24" :lg="7" style="padding-left: 15px">
+         <div class="index_nav">
+          <div class="index_navTime">
+            <p class="index_navTimep">
+              <span>日程</span>
+              <span><i class="el-icon-date"></i>创建日程</span>
+            </p>
+            <el-calendar v-model="value">
+            </el-calendar>
+            <img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg">
           </div>
-          <el-collapse accordion>
-            <el-collapse-item title="v2.5.0 - 2021-02-02">
-              <ol>
-                <li>增加分布式事务seata支持</li>
-                <li>代码生成模板支持主子表</li>
-                <li>表格右侧工具栏组件支持显隐列</li>
-                <li>图片组件添加预览&移除功能</li>
-                <li>Excel注解支持Image图片导出</li>
-                <li>操作按钮组调整为朴素按钮样式</li>
-                <li>代码生成支持文件上传组件</li>
-                <li>代码生成日期控件区分范围</li>
-                <li>代码生成数据库文本类型生成表单文本域</li>
-                <li>用户手机邮箱&菜单组件修改允许空字符串</li>
-                <li>修复header获取username中文情况下乱码</li>
-                <li>修复角色管理-编辑角色-功能权限显示异常</li>
-                <li>修正操作日志删除接口路径</li>
-                <li>修复IE11浏览器报错问题</li>
-                <li>修复sentinel流量告警前端不响应</li>
-                <li>修正侧边栏静态路由丢失问题</li>
-                <li>修复导入数据为负浮点数时丢失精度问题</li>
-                <li>修复Get请求参数特殊值无法正确的传参</li>
-                <li>更换过期的共享配置属性</li>
-                <li>添加启动执行脚本</li>
-                <li>升级element-ui到最新版本2.15.0</li>
-                <li>升级spring-boot到最新版本2.3.7</li>
-                <li>升级spring-cloud到Hoxton.SR9</li>
-                <li>升级spring-boot-alibaba到最新版2.2.5</li>
-                <li>升级spring-boot-admin到最新版2.3.1</li>
-                <li>升级druid到最新版本v1.2.4</li>
-                <li>升级fastjson到最新版1.2.75</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v2.4.0 - 2020-12-22">
-              <ol>
-                <li>增加分布式文件Minio支持</li>
-                <li>支持多数据源切换</li>
-                <li>修复多级菜单之间切换无法缓存的问题</li>
-                <li>三级菜单自动配置组件</li>
-                <li>支持主题风格配置</li>
-                <li>服务之间feign调用传递用户信息</li>
-                <li>删除用户和角色解绑关联</li>
-                <li>去除用户手机邮箱部门必填验证</li>
-                <li>代码生成预览支持高亮显示</li>
-                <li>获取请求token方法移至权限工具类</li>
-                <li>代码生成预览提供滚动机制</li>
-                <li>权限工具类增加管理员判断</li>
-                <li>日志记录增加过滤多文件场景</li>
-                <li>修改用户头像预览宽高</li>
-                <li>Excel支持注解align对齐方式</li>
-                <li>项目添加robots.txt 防止系统被搜索引擎收录</li>
-                <li>移除path-to-regexp正则匹配插件</li>
-                <li>修改Set可能导致嵌套的问题</li>
-                <li>调整代码生成页列宽</li>
-                <li>回显数据字典防止空值报错</li>
-                <li>支持get请求映射params参数</li>
-                <li>登录后push添加catch防止出现检查错误</li>
-                <li>防止安全扫描YUI出现的风险提示</li>
-                <li>代码生成删除多余的数字float类型</li>
-                <li>Excel支持导入Boolean型数据</li>
-                <li>修正转换字符串的目标字符集属性</li>
-                <li>删除多余的依赖</li>
-                <li>修改node-sass为dart-sass</li>
-                <li>升级poi到最新版本4.1.2</li>
-                <li>升级axios到最新版本0.21.0</li>
-                <li>升级element-ui到最新版本2.14.1</li>
-                <li>升级vue到最新版本2.6.12</li>
-                <li>升级vuex到最新版本3.6.0</li>
-                <li>升级vue-cli到版本4.5.9</li>
-                <li>升级vue-router到最新版本3.4.9</li>
-                <li>升级vue-cli到最新版本4.4.6</li>
-                <li>升级vue-cropper到最新版本0.5.5</li>
-                <li>升级clipboard到最新版本2.0.6</li>
-                <li>升级core-js到最新版本3.8.1</li>
-                <li>升级echarts到最新版本4.9.0</li>
-                <li>升级file-saver到最新版本2.0.4</li>
-                <li>升级fuse.js到最新版本6.4.3</li>
-                <li>升级js-beautify到最新版本1.13.0</li>
-                <li>升级js-cookie到最新版本2.2.1</li>
-                <li>升级path-to-regexp到最新版本6.2.0</li>
-                <li>升级quill到最新版本1.3.7</li>
-                <li>升级screenfull到最新版本5.0.2</li>
-                <li>升级sortablejs到最新版本1.10.2</li>
-                <li>升级vuedraggable到最新版本2.24.3</li>
-                <li>升级chalk到最新版本4.1.0</li>
-                <li>升级eslint到最新版本7.15.0</li>
-                <li>升级eslint-plugin-vue到最新版本7.2.0</li>
-                <li>升级lint-staged到最新版本10.5.3</li>
-                <li>升级runjs到最新版本4.4.2</li>
-                <li>升级sass-loader到最新版本10.1.0</li>
-                <li>升级script-ext-html-webpack-plugin到最新版本2.1.5</li>
-                <li>升级svg-sprite-loader到最新版本5.1.1</li>
-                <li>升级vue-template-compiler到最新版本2.6.12</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v2.3.0 - 2020-11-20">
-              <ol>
-                <li>新增文件服务应用（支持本地、FastDFS）</li>
-                <li>优化头像样式，鼠标移入悬停遮罩</li>
-                <li>AjaxResult重写put方法，以方便链式调用</li>
-                <li>代码生成支持上传控件</li>
-                <li>新增图片上传组件</li>
-                <li>支持用户头像更新</li>
-                <li>调整默认首页</li>
-                <li>角色权限验证hasRole匹配改为equals</li>
-                <li>修正数组权限为空判断</li>
-                <li>修正注释选中节点和半选节点获取</li>
-                <li>升级pagehelper到最新版1.3.0</li>
-                <li>升级fastjson到最新版1.2.74</li>
-                <li>修正定时任务执行一次权限标识</li>
-                <li>修复页签关闭所有固定标签路由不刷新问题</li>
-                <li>表单构建布局型组件新增按钮</li>
-                <li>调整日志路径到模块目录</li>
-                <li>修正菜单提示信息错误</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v2.2.0 - 2020-10-10">
-              <ol>
-                <li>移除 OAuth2 改为 Redis</li>
-                <li>升级SpringCloud到最新版本Hoxton.SR8</li>
-                <li>升级SpringCloud Alibaba到最新版本2.2.3</li>
-                <li>升级SpringBoot Admin到最新版本2.3.0</li>
-                <li>升级Fastjson到最新版1.2.73</li>
-                <li>新增在线用户会话管理</li>
-                <li>修改用户个人资料/密码同步缓存信息</li>
-                <li>修复前端通用导出方法参数传值请求方式问题</li>
-                <li>菜单新增是否缓存keep-alive</li>
-                <li>菜单&数据权限新增（展开/折叠 全选/全不选 父子联动）</li>
-                <li>Job与Gen模块增加Redis默认配置</li>
-                <li>新增表格右侧工具栏组件right-toolbar</li>
-                <li>代码生成支持同步数据库</li>
-                <li>代码生成支持富文本控件</li>
-                <li>代码生成树模板去掉多余双引号</li>
-                <li>代码生成添加select必填选项</li>
-                <li>代码生成页面时不忽略remark属性</li>
-                <li>修复代码生成下载路径错误</li>
-                <li>左侧菜单文字过长显示省略号</li>
-                <li>表格操作列间距调整</li>
-                <li>Excel注解支持自动统计数据总和</li>
-                <li>Excel注解支持设置BigDecimal精度&舍入规则</li>
-                <li>导入Excel整形值校验优化</li>
-                <li>导出Excel类型NUMERIC支持精度浮点类型</li>
-                <li>导出Excel调整targetAttr获取值方法，防止get方法不规范</li>
-                <li>Token续期调整为后端刷新</li>
-                <li>Token设置默认有效期时长12小时</li>
-                <li>网关白名单放入nacos配置&支持模糊匹配</li>
-                <li>修复富文本工具栏样式不对齐问题</li>
-                <li>Editor组件优化，支持自定义高度&图片冲突问题</li>
-                <li>
-                  修复富文本空格和缩进保存后不生效问题&删除重复的placeholder
+         </div>
+         <!-- 备忘录 -->
+         <el-col :sm="24" :lg="24" >
+           <div class="index_nav index_memoranduNnavTime">
+            <div class="index_navTime ">
+              <p class="index_navTimep">
+                <span>日程</span>
+                <span><i class="el-icon-date"></i>创建日程</span>
+              </p>
+              <ul >
+                <li v-for="(index,item) in 6" :key="index">
+                  <p>今日的工作安排</p>
+                  <span>01-24</span>
                 </li>
-                <li>限制系统内置参数不允许删除</li>
-                <li>修正调用目标字符串最大长度</li>
-                <li>修改自定义权限实现</li>
-                <li>优化递归菜单&部门子节点</li>
-                <li>修改sass为node-sass，避免el-icon图标乱码</li>
-                <li>修复根节点为子部门时，树状结构显示问题</li>
-                <li>全局异常状态汉化拦截处理</li>
-                <li>唯一限制条件只返回单条数据</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
 
-            <el-collapse-item title="v2.1.0 - 2020-08-02">
-              <ol>
-                <li>表格工具栏右侧添加刷新&显隐查询栏</li>
-                <li>OAuth自动刷新续签Token</li>
-                <li>网关支持黑名单配置</li>
-                <li>权限配置自动注册</li>
-                <li>Feign配置自动注册</li>
-                <li>代码生成支持选择上级菜单</li>
-                <li>代码生成支持复选框</li>
-                <li>代码生成支持自定义路径</li>
-                <li>验证码类型支持（数组计算、字符验证）</li>
-                <li>Excel支持sort导出排序</li>
-                <li>Excel支持分割字符串组内容</li>
-                <li>excel 导入数字不需要格式化 ，导入允许列和属性个数不一致</li>
-                <li>新增菜单默认主类目</li>
-                <li>升级vue-cli版本到4.4.4</li>
-                <li>修改 node-sass 为 dart-sass</li>
-                <li>升级element-ui版本到2.13.2</li>
-                <li>删除babel，提高编译速度</li>
-                <li>修复验证码异常时network面板的中文会出现乱码问题</li>
-                <li>修复 utils/index.js 中不包含 parseTime 函数的 bug</li>
-                <li>优化selectDictLabel方法，数组迭代器换为some</li>
-                <li>修复客户端模式认证会出现错误</li>
-                <li>检查字符支持小数点&降级改成异常提醒</li>
-                <li>定时任务添加cron表达式验证</li>
-                <li>代码生成查询条件修正</li>
-                <li>修正角色管理导出权限权限字符</li>
-                <li>修正防止切换权限用户后登录出现404</li>
-                <li>终端设置安全码加密&更新缓存</li>
-                <li>修复头像上传成功二次打开无法改变裁剪框大小和位置问题</li>
-                <li>修复布局为small者mini用户表单显示错位问题</li>
-                <li>修复代码生成点击多次表修改数据不变化的问题</li>
-                <li>修复代码生成导入表结构出现异常页面不提醒问题</li>
-                <li>修复角色权限修改时已有权限未自动勾选异常</li>
-                <li>创建用户不允许选择系统管理员角色</li>
-                <li>添加全局异常处理（网关异常&业务异常）</li>
-                <li>修复终端查询Enter键搜索时是刷新页面而不是查询列表</li>
-                <li>删除job重复表单参数</li>
-                <li>代码生成浮点型改用BigDecimal</li>
-                <li>表单类型为Integer/Long设置整形默认值</li>
-                <li>修改用户管理复选框宽度，防止部分浏览器出现省略号</li>
-                <li>
-                  RedisCache中所有方法参数添加final，并优化list取出效率，添加其它常用redis方法
-                </li>
-                <li>修正定时任务日志权限字符</li>
-                <li>添加Jackson时区配置</li>
-                <li>代码生成相关问题修复</li>
-                <li>自定义oauth2返回异常信息</li>
-                <li>升级nacos到最新版1.3.0 全新内核构建</li>
-                <li>修正【代码生成】功能无法下载的问题</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
+              </ul>
+              <img src="../assets/images/icon_more.png" alt="">
+<!--              <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">
+                          <el-table :data="tableData" style="width: 100%;margin-top: 10px;"  :stripe="true"  >
+                                  <!-- <el-table-column type="selection" width="55" align="center" /> -->
+                                  <!-- <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"
+                                   style="height: 38px;"
+                                 />
+                                 <el-table-column
+                                   label="部门"
+                                   align="center"
+                                   prop="name"
+                                   :formatter="typeFormat"
+                                   style="height: 38px;"
+                                 />
+                                 <el-table-column
+                                   label="请假类型"
+                                   align="center"
+                                   prop="status"
+                                   :formatter="statusFormat"
+                                   style="height: 38px;"
+                                 />
+
+                                </el-table>
+                          <div class="index_haderPagin index_haderPaginfoiu">
+                            <el-pagination
+                                 @size-change="handleSizeChange"
+                                 @current-change="handleCurrentChange"
+                                 :current-page.sync="currentPage3"
+                                 :page-size="pageSize"
+                                 :small= "true"
+                                 layout="prev, pager, next, jumper"
+                                 :total="1000">
+                            </el-pagination>
+                          </div>
+                        </div>
+                      <img src="../assets/images/pic_kpbg.png" alt="" class="index_navTimeimg">
+                       </div>
+            </div>
+         </el-col>
+
 
-            <el-collapse-item title="v2.0.0 - 2019-12-02">
-              <ol>
-                <li>新增代码生成</li>
-                <li>新增@RepeatSubmit注解，防止重复提交</li>
-                <li>新增菜单主目录添加/删除操作</li>
-                <li>日志记录过滤特殊对象，防止转换异常</li>
-                <li>修改代码生成路由脚本错误</li>
-                <li>用户上传头像实时同步缓存，无需重新登录</li>
-                <li>调整切换页签后不重新加载数据</li>
-                <li>添加jsencrypt实现参数的前端加密</li>
-                <li>系统退出删除用户缓存记录</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v2.0.0 - 2020-06-10">
-              <ol>
-                <li>使用Sentinel代替Hystrix</li>
-                <li>菜单新增终端管理配置</li>
-                <li>菜单新增Nacos&Sentinel控制台</li>
-                <li>代码生成适配Cloud</li>
-                <li>记录登录退出日志信息</li>
-                <li>网关验证码过滤器添加放行校验</li>
-                <li>个性化的定制自动加载类</li>
-                <li>定时任务调整label-width，防止部署出现错位</li>
-                <li>调整表头固定列默认样式</li>
-                <li>代码生成模板调整，字段为String并且必填则加空串条件</li>
-                <li>代码生成字典Integer/Long使用parseInt</li>
-                <li>修复退出登录重定向到登录页，登录后参数丢失。</li>
-                <li>修正岗位导出权限注解</li>
-                <li>修复首页搜索菜单外链无法点击跳转问题</li>
-                <li>修复菜单管理选择图标，backspace删除时不过滤数据</li>
-                <li>用户管理部门分支节点不可检查&显示计数</li>
-                <li>数据范围过滤属性调整</li>
-                <li>字典管理添加缓存读取</li>
-                <li>参数管理支持缓存操作</li>
-                <li>升级fastjson到最新版1.2.70 修复高危安全漏洞</li>
-                <li>dev启动默认打开浏览器</li>
-                <li>使用vue-cli默认source-map</li>
-                <li>slidebar eslint报错优化</li>
-                <li>当tags-view滚动关闭右键菜单</li>
-                <li>支持一级菜单（和主页同级）在main区域显示</li>
-                <li>限制外链地址必须以http(s)😕/开头</li>
-                <li>tagview & sidebar 主题颜色与element ui(全局)同步</li>
-                <li>
-                  修复dict_sort不可update为0的问题&查询返回增加dict_sort升序排序
-                </li>
-                <li>权限部分代码调整</li>
-                <li>其他细节优化</li>
-              </ol>
-            </el-collapse-item>
-            <el-collapse-item title="v1.0.0 - 2020-05-20">
-              <ol>
-                <li>若依微服务系统正式发布</li>
-              </ol>
-            </el-collapse-item>
-          </el-collapse>
-        </el-card>
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
-        <el-card class="update-log">
-          <div slot="header" class="clearfix">
-            <span>捐赠支持</span>
-          </div>
-          <div class="body">
-            <img
-              src="https://oscimg.oschina.net/oscnet/up-d6695f82666e5018f715c41cb7ee60d3b73.png"
-              alt="donate"
-              width="100%"
-            />
-            <span style="display: inline-block; height: 30px; line-height: 30px"
-              >你可以请作者喝杯咖啡表示鼓励</span
-            >
-          </div>
-        </el-card>
       </el-col>
     </el-row>
+    <!-- <el-divider /> -->
+
   </div>
 </template>
 
@@ -453,77 +272,395 @@ export default {
     return {
       // 版本号
       version: "2.5.0",
+       currentPage3: 1,
+       pageSize:10,
+       activeName: 'second',
+        value: new Date(),
+        editableTabs: [{
+                 title: 'Tab 1',
+                 name: '1',
+                 content: 'Tab 1 content'
+               }, {
+                 title: 'Tab 2',
+                 name: '2',
+                 content: 'Tab 2 content'
+               }],
+      num:0
     };
   },
   methods: {
     goTarget(href) {
       window.open(href, "_blank");
     },
+     handleSizeChange(val) {
+            console.log(`每页 ${val} 条`);
+      },
+    handleCurrentChange(val) {
+            console.log(`当前页: ${val}`);
+      },
+    handleClick(tab, event) {
+              console.log(tab, event);
+      },
+      // tab点击
+    tabSbu(index){
+     this.num = 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;
+       }
+     }
+
+  }
+</style>
+
+
 <style scoped lang="scss">
 .home {
+  // tab
+  .index_headetab{
+    display: flex;
+    border-bottom: 1px solid #E5E5E5;
+    height: 53px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+   span{
+     width: 70px;
+     text-align: center;
+     line-height: 43px;
+     height: 43px;
+     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;
   }
-  hr {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border: 0;
-    border-top: 1px solid #eee;
-  }
-  .col-item {
-    margin-bottom: 20px;
-  }
-
-  ul {
-    padding: 0;
-    margin: 0;
+  .index_heade{
+    // border: 1px solid #eee;
+    // width: 100%;
+    padding: 0 20px;
+    height: 386px;
+    background-color: #fff;
+    position: relative;
+    border-radius: 6px;
+    .index_headerImg{
+      width: 23px;
+      height: 6px;
+      position: absolute;
+      right: 20px;
+      top:25px;
+    }
+    .index_headerUl{
+      width: 100%;
+      padding: 0;
+      margin: 0;
+      li{
+        margin: 0;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: 43px;
+        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;
 
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
-
-  ul {
-    list-style-type: none;
+      }
   }
-
-  h4 {
-    margin-top: 0px;
+  .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;
+       }
+    }
   }
-
-  h2 {
-    margin-top: 10px;
-    font-size: 26px;
-    font-weight: 100;
+  // 公司概况样式
+  .index_headeProfile{
+    margin-top: 20px;
+    margin-bottom: 20px;
+    height: 316px;
+    .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:9px;
+    }
   }
+  // 备忘录样式
+  .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;
+    }
+    img{
+      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;
+        }
+        span{
+          font-size: 12px;
+          font-family: PingFang SC;
+          font-weight: 400;
+          color: #343434;
+          line-height: 36px;
+        }
 
-  p {
-    margin-top: 10px;
-
-    b {
-      font-weight: 700;
+      }
     }
   }
-
-  .update-log {
-    ol {
-      display: block;
-      list-style-type: decimal;
-      margin-block-start: 1em;
-      margin-block-end: 1em;
-      margin-inline-start: 0;
-      margin-inline-end: 0;
-      padding-inline-start: 40px;
+  //通讯录样式
+  .index_memoranduMail{
+    height: 363px;
+    margin-top: 100px;
+    .index_navTimeimgtwo{
+      width: 23px;
+      height: 6px;
+    }
+    .index_navTimep{
+      padding: 20px 0;
+    }
+    .index_memoranduMailnav{
+      padding: 0 20px;
     }
+    .index_navTimeimg{
+      height: 47px;
+      width: 100%;
+      position: absolute;
+      bottom: -76px;
+      left: 0;
+      bottom: -126px;
+    }
+   .index_haderPagin{
+     margin-top: 10px;
+   }
   }
 }
 </style>
-