|
|
@@ -1,76 +1,84 @@
|
|
|
<template>
|
|
|
<div id="home">
|
|
|
<!-- 第一行 -->
|
|
|
- <a-row type="flex" class="topRow">
|
|
|
- <!-- 用户信息 -->
|
|
|
- <a-col :span="4" :order="1" class="user colItem">
|
|
|
- <a-tabs default-active-key="1">
|
|
|
- <a-tab-pane key="1" tab="我的" class="clearfix">
|
|
|
- <div class="userImg fl">
|
|
|
- <img src="../../assets/user.jpg" alt="" />
|
|
|
- </div>
|
|
|
- <div class="userInfo fr">
|
|
|
- <span class="department">{{ userInfo.realname }}</span>
|
|
|
- <span>账号：{{ userInfo.username }}</span>
|
|
|
- <span class="telphone">Tel：{{ userInfo.telphone }}</span>
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- </a-col>
|
|
|
- <!-- 消息 -->
|
|
|
- <a-col :span="4" :order="2" class="messages colItem">
|
|
|
- <a-tabs default-active-key="1">
|
|
|
- <a-tab-pane key="1" tab="消息" class="msgBox clearfix">
|
|
|
- <div class="wait fl">
|
|
|
- <span> {{ todoList.length }}</span>
|
|
|
- <p>我的待办</p>
|
|
|
- </div>
|
|
|
- <div class="sysMsg fr">
|
|
|
- <span>{{ msgTotal }}</span>
|
|
|
- <p>系统消息</p>
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- </a-col>
|
|
|
+ <a-row :gutter="24" class="topCard">
|
|
|
+ <a-col :xs="24" :sm="24" :md="24" :lg="24" :style="{ marginBottom: '10px' }">
|
|
|
+ <a-row :gutter="20">
|
|
|
+ <!-- 用户信息 -->
|
|
|
+ <a-col :xs="24" :sm="12" :md="12" :lg="7" :style="{ marginBottom: '10px' }">
|
|
|
+ <a-card title="我的" :bordered="false" class="clearfix topColItem">
|
|
|
+ <div class="userImg fl" style="marginLeft:50px;">
|
|
|
+ <img src="../../assets/user.jpg" alt="" width="50px" />
|
|
|
+ </div>
|
|
|
+ <div class="userInfo fl">
|
|
|
+ <span class="department">{{ userInfo.realname }}</span>
|
|
|
+ <span>账号：{{ userInfo.username }}</span>
|
|
|
+ <span class="telphone">Tel：{{ userInfo.telphone }}</span>
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+ </a-col>
|
|
|
+ <!-- 消息 -->
|
|
|
+ <a-col :xs="24" :sm="12" :md="12" :lg="7" :style="{ marginBottom: '10px' }">
|
|
|
+ <a-card title="消息" :bordered="false" class="msgBox clearfix topColItem">
|
|
|
+ <div class="fl" style="marginLeft:50px;">
|
|
|
+ <span> {{ todoList.length }}</span>
|
|
|
+ <p>我的待办</p>
|
|
|
+ </div>
|
|
|
+ <div class="fl" style="marginLeft:50px;">
|
|
|
+ <span>{{ msgTotal }}</span>
|
|
|
+ <p>系统消息</p>
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+ </a-col>
|
|
|
|
|
|
- <!-- OA工作台按钮 -->
|
|
|
- <a-col :span="8" :order="3" class="oaBtn colItem">
|
|
|
- <a-tabs default-active-key="1">
|
|
|
- <a-tab-pane key="1" tab="OA工作台">
|
|
|
- <div class="oaButton">
|
|
|
- <a class="oaItem" v-for="(item, index) in activeKeyAll" :key="index.id" @click.prevent="aClick(item)">
|
|
|
- <span>
|
|
|
- <img :src="item.iconAddress" />
|
|
|
- </span>
|
|
|
- <p>{{ item.name }}</p>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
+ <!-- 日历 -->
|
|
|
+ <a-col :xs="24" :sm="24" :md="24" :lg="10">
|
|
|
+ <a-card title="日历" :bordered="false">
|
|
|
+ <div>
|
|
|
+ <a-calendar :fullscreen="false" />
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
</a-col>
|
|
|
+ </a-row>
|
|
|
|
|
|
- <!-- 日历 -->
|
|
|
- <a-col :span="7" :order="4" class="date colItem">
|
|
|
- <div>
|
|
|
- <a-calendar :fullscreen="false" />
|
|
|
- </div>
|
|
|
+ <!-- OA 工作台 -->
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :sm="24" :md="24" :xl="24" :style="{ marginBottom: '20px' }">
|
|
|
+ <a-card title="OA工作台" :bordered="false">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <!-- 按钮图标 -->
|
|
|
+ <a-col :sm="24" :md="12" :xl="2" v-for="(item, index) in activeKeyAll" :key="index">
|
|
|
+ <a-card size="small" :bordered="false">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :sm="24" :md="24" :xl="24" style="margin-bottom:24px;text-align:center">
|
|
|
+ <a @click.prevent="aClick(item)">
|
|
|
+ <a-avatar shape="square" :size="64" :src="item.iconAddress" />
|
|
|
+ </a>
|
|
|
+ </a-col>
|
|
|
+
|
|
|
+ <!-- 按钮文字 -->
|
|
|
+ <a-col :sm="24" :md="24" :xl="24" style="margin-bottom:24px;text-align:center">
|
|
|
+ <h4>{{ item.name }}</h4>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-card>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-card>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
|
|
|
- <a-row class="oaTable" :guatter="24">
|
|
|
-
|
|
|
-
|
|
|
- </a-row>
|
|
|
-
|
|
|
- <!-- 新闻类 -->
|
|
|
- <a-row type="flex" class="news">
|
|
|
- <!-- 企业公告 -->
|
|
|
- <a-col :span="9" :order="1" class="notice">
|
|
|
- <a-tabs default-active-key="1">
|
|
|
- <a-tab-pane key="1" tab="企业公告">
|
|
|
- <div class="contain">
|
|
|
+ <!-- 公告类 -->
|
|
|
+ <a-row :gutter="24" class="news">
|
|
|
+ <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" :style="{ marginBottom: '10px' }">
|
|
|
+ <a-row :gutter="20">
|
|
|
+ <!-- 企业公告 -->
|
|
|
+ <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="10" :style="{ marginBottom: '10px' }">
|
|
|
+ <a-card title="企业公告" :bordered="false" class="notice newsColItem">
|
|
|
<ul class="clearfix">
|
|
|
- <li class="fl">
|
|
|
+ <li>
|
|
|
<a href="https://m.thepaper.cn/baijiahao_14855630" class="clearfix">
|
|
|
<span class="department fl">[人事]</span>
|
|
|
<span class="info fl">王健林称万达高管全部换乘红旗汽车</span>
|
|
|
@@ -79,7 +87,7 @@
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
- <li class="fl">
|
|
|
+ <li>
|
|
|
<a href="https://baijiahao.baidu.com/s?id=1713375072968520817&wfr=spider&for=pc" class="clearfix">
|
|
|
<span class="department fl">[运动]</span>
|
|
|
<span class="info fl">德国成为首支晋级卡塔尔世界杯球队</span>
|
|
|
@@ -88,7 +96,7 @@
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
- <li class="fl">
|
|
|
+ <li>
|
|
|
<a href="https://news.sina.cn/kx/2021-10-12/detail-iktzscyx9169344.d.html" class="clearfix">
|
|
|
<span class="department fl">[财务]</span>
|
|
|
<span class="info fl">浙江女子围观宰鸭后确诊鹦鹉热</span>
|
|
|
@@ -97,7 +105,7 @@
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
- <li class="fl">
|
|
|
+ <li>
|
|
|
<a href="https://baijiahao.baidu.com/s?id=1713366904170468936&wfr=spider&for=pc" class="clearfix">
|
|
|
<span class="department fl">[人事]</span>
|
|
|
<span class="info fl">李铁:有没有自己的球迷是巨大区别</span>
|
|
|
@@ -106,7 +114,7 @@
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
- <li class="fl">
|
|
|
+ <li>
|
|
|
<a href="https://haokan.baidu.com/v?pd=wisenatural&vid=15789314381003157969" class="clearfix">
|
|
|
<span class="department fl">[人事]</span>
|
|
|
<span class="info fl">今年为什么会出现南旱北涝</span>
|
|
|
@@ -115,144 +123,142 @@
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- </a-col>
|
|
|
-
|
|
|
- <!-- 我的计划 -->
|
|
|
- <a-col :span="7" :order="2" class="plan">
|
|
|
- <a-tabs default-active-key="1">
|
|
|
- <a-tab-pane key="1" tab="我的计划">
|
|
|
- <!-- 数据显示 -->
|
|
|
- <div class="total clearfix">
|
|
|
- <div class="left fl">
|
|
|
- <span>上月我的计划：<strong>0</strong>份</span>
|
|
|
- <span>我的计划：<strong>1</strong>份</span>
|
|
|
- <span>已阅计划：<strong>1</strong>份</span>
|
|
|
+ </a-card>
|
|
|
+ </a-col>
|
|
|
+ <!-- 我的计划 -->
|
|
|
+ <a-col :xs="24" :sm="14" :md="12" :lg="12" :xl="7" :style="{ marginBottom: '10px' }">
|
|
|
+ <a-card title="我的计划" :bordered="false" class="plan newsColItem">
|
|
|
+ <!-- 数据统计 -->
|
|
|
+ <div class="total clearfix">
|
|
|
+ <div class="left fl">
|
|
|
+ <span>上月我的计划：<strong>0</strong>份</span>
|
|
|
+ <span>我的计划：<strong>1</strong>份</span>
|
|
|
+ <span>已阅计划：<strong>1</strong>份</span>
|
|
|
+ </div>
|
|
|
+ <div class="right fr">
|
|
|
+ <span>上月他人计划：<strong>0</strong>份</span>
|
|
|
+ <span>他人计划：<strong>2</strong>份</span>
|
|
|
+ <span>已回计划：<strong>0</strong>份</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="right fr">
|
|
|
- <span>上月他人计划：<strong>0</strong>份</span>
|
|
|
- <span>他人计划：<strong>2</strong>份</span>
|
|
|
- <span>已回计划：<strong>0</strong>份</span>
|
|
|
+ <!-- 小链接跳转 -->
|
|
|
+ <div class="tabsLinks">
|
|
|
+ <a href="">我的计划</a>
|
|
|
+ <a-divider type="vertical" />
|
|
|
+ <a href="">计划管理</a>
|
|
|
+ <a-divider type="vertical" />
|
|
|
+ <a href="">计划模块</a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="tabsLinks">
|
|
|
- <a href="">我的计划</a>
|
|
|
- <a-divider type="vertical" />
|
|
|
- <a href="">计划管理</a>
|
|
|
- <a-divider type="vertical" />
|
|
|
- <a href="">计划模块</a>
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- </a-col>
|
|
|
-
|
|
|
- <!-- 友情链接 -->
|
|
|
- <a-col :span="7" :order="3" class="link">
|
|
|
- <a-tabs default-active-key="1">
|
|
|
- <a-tab-pane key="1" tab="友情链接">
|
|
|
- <div class="linkBtn">
|
|
|
- <button><a href="https://www.yonyou.com/">用友</a></button>
|
|
|
- <button><a href="https://hc.yonyou.com/product.php?id=5">U8</a></button>
|
|
|
- <button><a href="http://www.dakabg.com/">哒咔办公</a></button>
|
|
|
- <button><a href="https://www.dingtalk.com/?lwfrom=2017120202091367000000111&source=1001">钉钉</a></button>
|
|
|
- <button><a href="https://www.11467.com/qiye/38026153.htm">品医</a></button>
|
|
|
- <button><a href="https://www.antgroup.com/">蚂蚁集团</a></button>
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
+ </a-card>
|
|
|
+ </a-col>
|
|
|
+ <!-- 友情链接 -->
|
|
|
+ <a-col :xs="24" :sm="10" :md="12" :lg="12" :xl="7">
|
|
|
+ <a-card title="友情链接" :bordered="false" class="link newsColItem">
|
|
|
+ <div class="linkBtn">
|
|
|
+ <button><a href="https://www.yonyou.com/">用友</a></button>
|
|
|
+ <button><a href="https://hc.yonyou.com/product.php?id=5">U8</a></button>
|
|
|
+ <button><a href="http://www.dakabg.com/">哒咔办公</a></button>
|
|
|
+ <button>
|
|
|
+ <a href="https://www.dingtalk.com/?lwfrom=2017120202091367000000111&source=1001">钉钉</a>
|
|
|
+ </button>
|
|
|
+ <button><a href="https://www.11467.com/qiye/38026153.htm">品医</a></button>
|
|
|
+ <button><a href="https://www.antgroup.com/">蚂蚁集团</a></button>
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
|
|
|
- <!-- 我的待办表 -->
|
|
|
- <a-row :gutter="24" class="todoTable">
|
|
|
- <a-col :sm="24" :md="24" :xl="24" :style="{ marginBottom: '24px' }" class="tableInfo">
|
|
|
- <a-tabs default-active-key="1">
|
|
|
- <a-tab-pane key="1" tab="我的待办">
|
|
|
- <a-table
|
|
|
- :scroll="scroll"
|
|
|
- bordered
|
|
|
- :loading="loading"
|
|
|
- rowKey="id"
|
|
|
- :dataSource="todoList"
|
|
|
- :pagination="ipagination"
|
|
|
- @change="handleTableChange"
|
|
|
- ref="table"
|
|
|
- size="small"
|
|
|
- >
|
|
|
- <a-table-column title="#" :width="50">
|
|
|
- <template slot-scope="t, r, i">
|
|
|
- <span>{{ i + 1 }}</span>
|
|
|
- </template>
|
|
|
- </a-table-column>
|
|
|
- <a-table-column title="任务名称" data-index="name" :width="150" align="center">
|
|
|
- <template slot-scope="t">
|
|
|
- <span>{{ t }}</span>
|
|
|
- </template>
|
|
|
- </a-table-column>
|
|
|
- <a-table-column title="所属流程" data-index="processName" :width="150" align="center">
|
|
|
- <template slot-scope="t">
|
|
|
- <span>{{ t }}</span>
|
|
|
- </template>
|
|
|
- </a-table-column>
|
|
|
- <a-table-column title="委托代办人" data-index="owner" align="center" :width="150">
|
|
|
- <template slot-scope="t">
|
|
|
- <span>{{ t }}</span>
|
|
|
- </template>
|
|
|
- </a-table-column>
|
|
|
- <a-table-column title="流程发起人" data-index="applyer" :width="150" align="center">
|
|
|
- <template slot-scope="t">
|
|
|
- <span>{{ t }}</span>
|
|
|
- </template>
|
|
|
- </a-table-column>
|
|
|
- <a-table-column
|
|
|
- title="优先级"
|
|
|
- data-index="priority"
|
|
|
- :width="110"
|
|
|
- align="center"
|
|
|
- key="so"
|
|
|
- :sorter="(a, b) => a.priority - b.priority"
|
|
|
- >
|
|
|
- <template slot-scope="t">
|
|
|
- <span v-if="t == 0" style="color: green;">普通</span>
|
|
|
- <span v-else-if="t == 1" style="color: orange;">重要</span>
|
|
|
- <span v-else-if="t == 2" style="color: red;">紧急</span>
|
|
|
- <span v-else style="color: #999;">无</span>
|
|
|
- </template>
|
|
|
- </a-table-column>
|
|
|
- <a-table-column
|
|
|
- title="状态"
|
|
|
- data-index="isSuspended"
|
|
|
- :width="100"
|
|
|
- align="center"
|
|
|
- key="z"
|
|
|
- :sorter="(a, b) => (Boolean(a.isSuspended) ? 0 : 1 - Boolean(b.isSuspended) ? 0 : 1)"
|
|
|
+ <!-- 我的待办-->
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :sm="24" :md="24" :xl="24" :style="{ marginBottom: '20px' }">
|
|
|
+ <a-card title="我的待办" :bordered="false">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :sm="24" :md="24" :xl="24" :style="{ marginBottom: '10px' }">
|
|
|
+ <a-table
|
|
|
+ :scroll="scroll"
|
|
|
+ bordered
|
|
|
+ :loading="loading"
|
|
|
+ rowKey="id"
|
|
|
+ :dataSource="todoList"
|
|
|
+ :pagination="ipagination"
|
|
|
+ @change="handleTableChange"
|
|
|
+ ref="table"
|
|
|
+ size="small"
|
|
|
>
|
|
|
- <template slot-scope="t">
|
|
|
- <span v-if="!Boolean(t)" style="color: green;">已激活</span>
|
|
|
- <span v-if="Boolean(t)" style="color: orange;">已挂起</span>
|
|
|
- </template>
|
|
|
- </a-table-column>
|
|
|
- <a-table-column title="创建时间" data-index="createTime" :width="200" align="center">
|
|
|
- <template slot-scope="t">
|
|
|
- <span>{{ t }}</span>
|
|
|
- </template>
|
|
|
- </a-table-column>
|
|
|
- <a-table-column title="操作" data-index align="center" :width="100">
|
|
|
- <template slot-scope="t, r, i">
|
|
|
- <a href="javascript:void(0);" @click="toDealWith()" style="color: blue">去处理</a>
|
|
|
- </template>
|
|
|
- </a-table-column>
|
|
|
- </a-table>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
+ <a-table-column title="序号" :width="50" align="center">
|
|
|
+ <template slot-scope="t, r, i">
|
|
|
+ <span>{{ i + 1 }}</span>
|
|
|
+ </template>
|
|
|
+ </a-table-column>
|
|
|
+ <a-table-column title="任务名称" data-index="name" :width="150" align="center">
|
|
|
+ <template slot-scope="t">
|
|
|
+ <span>{{ t }}</span>
|
|
|
+ </template>
|
|
|
+ </a-table-column>
|
|
|
+ <a-table-column title="所属流程" data-index="processName" :width="150" align="center">
|
|
|
+ <template slot-scope="t">
|
|
|
+ <span>{{ t }}</span>
|
|
|
+ </template>
|
|
|
+ </a-table-column>
|
|
|
+ <a-table-column title="委托代办人" data-index="owner" align="center" :width="150">
|
|
|
+ <template slot-scope="t">
|
|
|
+ <span>{{ t }}</span>
|
|
|
+ </template>
|
|
|
+ </a-table-column>
|
|
|
+ <a-table-column title="流程发起人" data-index="applyer" :width="150" align="center">
|
|
|
+ <template slot-scope="t">
|
|
|
+ <span>{{ t }}</span>
|
|
|
+ </template>
|
|
|
+ </a-table-column>
|
|
|
+ <a-table-column
|
|
|
+ title="优先级"
|
|
|
+ data-index="priority"
|
|
|
+ :width="110"
|
|
|
+ align="center"
|
|
|
+ key="so"
|
|
|
+ :sorter="(a, b) => a.priority - b.priority"
|
|
|
+ >
|
|
|
+ <template slot-scope="t">
|
|
|
+ <span v-if="t == 0" style="color: green;">普通</span>
|
|
|
+ <span v-else-if="t == 1" style="color: orange;">重要</span>
|
|
|
+ <span v-else-if="t == 2" style="color: red;">紧急</span>
|
|
|
+ <span v-else style="color: #999;">无</span>
|
|
|
+ </template>
|
|
|
+ </a-table-column>
|
|
|
+ <a-table-column
|
|
|
+ title="状态"
|
|
|
+ data-index="isSuspended"
|
|
|
+ :width="100"
|
|
|
+ align="center"
|
|
|
+ key="z"
|
|
|
+ :sorter="(a, b) => (Boolean(a.isSuspended) ? 0 : 1 - Boolean(b.isSuspended) ? 0 : 1)"
|
|
|
+ >
|
|
|
+ <template slot-scope="t">
|
|
|
+ <span v-if="!Boolean(t)" style="color: green;">已激活</span>
|
|
|
+ <span v-if="Boolean(t)" style="color: orange;">已挂起</span>
|
|
|
+ </template>
|
|
|
+ </a-table-column>
|
|
|
+ <a-table-column title="创建时间" data-index="createTime" :width="200" align="center">
|
|
|
+ <template slot-scope="t">
|
|
|
+ <span>{{ t }}</span>
|
|
|
+ </template>
|
|
|
+ </a-table-column>
|
|
|
+ <a-table-column title="操作" data-index align="center" :width="100">
|
|
|
+ <template slot-scope="t, r, i">
|
|
|
+ <a href="javascript:void(0);" @click="toDealWith()" style="color: blue">去处理</a>
|
|
|
+ </template>
|
|
|
+ </a-table-column>
|
|
|
+ </a-table>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-card>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
|
|
|
<!-- 按钮弹框 -->
|
|
|
- <a-modal v-model="lcModal.visible" :title="lcModal.Title" :footer="null" :maskClosable="false" width="100%">
|
|
|
+ <a-modal v-model="lcModal.visible" :title="lcModal.Title" :footer="null" :maskClosable="false" width="90%">
|
|
|
<component
|
|
|
:disabled="lcModal.disabled"
|
|
|
v-if="lcModal.visible"
|
|
|
@@ -443,7 +449,7 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
-ul {
|
|
|
+ul li {
|
|
|
list-style: none;
|
|
|
}
|
|
|
a {
|
|
|
@@ -471,233 +477,152 @@ a {
|
|
|
*zoom: 1;
|
|
|
}
|
|
|
|
|
|
-/deep/ .ant-row-flex {
|
|
|
- background-color: white;
|
|
|
-}
|
|
|
-
|
|
|
// 年月选择消失
|
|
|
/deep/ .ant-fullcalendar-header {
|
|
|
display: none;
|
|
|
}
|
|
|
-// 线消息
|
|
|
+// 线消息huode
|
|
|
/deep/ .ant-fullcalendar {
|
|
|
border-top: none;
|
|
|
}
|
|
|
+
|
|
|
/deep/ .ant-fullcalendar-calendar-body {
|
|
|
- border-radius: 8px;
|
|
|
- background-size: cover;
|
|
|
- background-position: center;
|
|
|
- opacity: 0.8;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
-}
|
|
|
-/deep/ .ant-fullcalendar-calendar-body {
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-/deep/ .ant-fullcalendar {
|
|
|
- font-weight: 700;
|
|
|
-}
|
|
|
-/deep/ .ant-fullcalendar-column-header {
|
|
|
- padding-top: 10px;
|
|
|
-}
|
|
|
-/deep/ .ant-fullcalendar table {
|
|
|
- height: 237px;
|
|
|
-}
|
|
|
-/deep/ .ant-card-head {
|
|
|
padding: 0;
|
|
|
}
|
|
|
+
|
|
|
/deep/ .ant-card-head-title {
|
|
|
- padding: 0;
|
|
|
+ text-shadow: 1px 1px 2px rgb(170, 169, 169);
|
|
|
+ color: #1890ff;
|
|
|
}
|
|
|
|
|
|
-/deep/ .ant-tabs-nav .ant-tabs-tab-active {
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-/deep/ .ant-tabs-ink-bar {
|
|
|
- height: 4px;
|
|
|
- padding: 0 4px;
|
|
|
-}
|
|
|
-/deep/ .ant-tabs-bar {
|
|
|
- margin-bottom: 30px;
|
|
|
-}
|
|
|
#home {
|
|
|
- .topRow {
|
|
|
- width: 100%;
|
|
|
- background-color: #f0f2f5;
|
|
|
- .user {
|
|
|
- padding: 10px;
|
|
|
- background-color: white;
|
|
|
- margin-right: 1%;
|
|
|
- .userImg {
|
|
|
- width: 80px;
|
|
|
- height: 80px;
|
|
|
- img {
|
|
|
- border-radius: 6px;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
+ // 第一行
|
|
|
+ .topCard {
|
|
|
+ .topColItem {
|
|
|
+ height: 360px;
|
|
|
+ }
|
|
|
+ .userImg {
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ img {
|
|
|
+ border-radius: 6px;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
- // 用户信息
|
|
|
- .userInfo {
|
|
|
- font-size: 14px;
|
|
|
- background-color: white;
|
|
|
- // 用户
|
|
|
- span {
|
|
|
- display: block;
|
|
|
- line-height: 32px;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .userInfo {
|
|
|
+ span {
|
|
|
+ margin-left: 60px;
|
|
|
+ display: block;
|
|
|
+ line-height: 26px;
|
|
|
.department {
|
|
|
font-size: 14px;
|
|
|
color: rgb(71, 70, 70);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
// 消息
|
|
|
- .messages {
|
|
|
- padding: 20px;
|
|
|
- background-color: white;
|
|
|
- margin-right: 1%;
|
|
|
- .msgBox {
|
|
|
- padding: 0 20px;
|
|
|
- span {
|
|
|
- font-size: 38px;
|
|
|
- color: #fa6b5c;
|
|
|
- text-shadow: 2px 2px 1px rgb(94, 94, 94);
|
|
|
- }
|
|
|
- p {
|
|
|
- margin-top: 10px;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
+ .msgBox {
|
|
|
+ span {
|
|
|
+ font-size: 38px;
|
|
|
+ color: #fa6b5c;
|
|
|
+ text-shadow: 2px 2px 1px rgb(94, 94, 94);
|
|
|
+ }
|
|
|
+ p {
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- // 工作台按钮
|
|
|
- .oaBtn {
|
|
|
- background-color: white;
|
|
|
- padding: 20px;
|
|
|
- margin-right: 1%;
|
|
|
- .oaButton {
|
|
|
- display: flex;
|
|
|
- flex-flow: row wrap;
|
|
|
- text-align: center;
|
|
|
- .oaItem {
|
|
|
- line-height: 0px;
|
|
|
- // width: 25%;
|
|
|
- width: calc((100% - 100px) / 3);
|
|
|
- justify-content: space-around;
|
|
|
- flex-direction: column;
|
|
|
+ // OA工作台
|
|
|
+ .oaBtn {
|
|
|
+ background-color: white;
|
|
|
+ padding: 20px;
|
|
|
+ margin-right: 1%;
|
|
|
+ .oaButton {
|
|
|
+ display: flex;
|
|
|
+ flex-flow: row wrap;
|
|
|
+ text-align: center;
|
|
|
+ .oaItem {
|
|
|
+ line-height: 0px;
|
|
|
+ // width: 25%;
|
|
|
+ width: calc((100% - 100px) / 3);
|
|
|
+ justify-content: space-around;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-right: 1px;
|
|
|
+ // 图
|
|
|
+ span {
|
|
|
+ margin: 0 aotu;
|
|
|
+ border: transparent;
|
|
|
+ display: flex;
|
|
|
align-items: center;
|
|
|
- margin-bottom: 10px;
|
|
|
- margin-right: 1px;
|
|
|
- // 图
|
|
|
- span {
|
|
|
- margin: 0 aotu;
|
|
|
- border: transparent;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- position: relative;
|
|
|
- img {
|
|
|
- width: 34px;
|
|
|
- height: 34px;
|
|
|
- }
|
|
|
- }
|
|
|
- // 文字
|
|
|
- p {
|
|
|
- margin-top: 14px;
|
|
|
- font-size: 14px;
|
|
|
- color: rgb(128, 127, 127);
|
|
|
- font-weight: 400;
|
|
|
- letter-spacing: 1px;
|
|
|
+ justify-content: center;
|
|
|
+ position: relative;
|
|
|
+ img {
|
|
|
+ width: 34px;
|
|
|
+ height: 34px;
|
|
|
}
|
|
|
}
|
|
|
+ // 文字
|
|
|
+ p {
|
|
|
+ margin-top: 14px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: rgb(128, 127, 127);
|
|
|
+ font-weight: 400;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .date {
|
|
|
- padding: 20px;
|
|
|
- background-color: white;
|
|
|
- }
|
|
|
- // 右分割线
|
|
|
- /deep/ .ant-divider {
|
|
|
- height: 240px;
|
|
|
- width: 2px;
|
|
|
- background-color: #eaeaea;
|
|
|
- float: right;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
+ // 公告
|
|
|
.news {
|
|
|
- background-color: #f0f2f5;
|
|
|
- margin: 20px 0;
|
|
|
+ .newsColItem {
|
|
|
+ height: 300px;
|
|
|
+ }
|
|
|
.notice {
|
|
|
- background-color: white;
|
|
|
- padding: 20px;
|
|
|
- margin-right: 1.22%;
|
|
|
- .contain {
|
|
|
- ul {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- padding-left: 20px;
|
|
|
- width: 100%;
|
|
|
- li {
|
|
|
- width: 100%;
|
|
|
- display: inline-block;
|
|
|
- // background-color: #fa6b5c;
|
|
|
- line-height: 40px;
|
|
|
- a {
|
|
|
- font-size: 14px;
|
|
|
- color: #444;
|
|
|
- .department {
|
|
|
- margin-right: 12px;
|
|
|
- }
|
|
|
- .info {
|
|
|
- // margin-right:12px;
|
|
|
- }
|
|
|
- .person {
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- .time {
|
|
|
- color: rgb(164, 164, 164);
|
|
|
- margin: 0 12px 0 20px;
|
|
|
- }
|
|
|
+ ul {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ li {
|
|
|
+ line-height: 30px;
|
|
|
+ a {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #444;
|
|
|
+ .department {
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
- a:hover {
|
|
|
- color: #1890ff;
|
|
|
+ .person {
|
|
|
+ color: #333;
|
|
|
}
|
|
|
+ .time {
|
|
|
+ color: rgb(164, 164, 164);
|
|
|
+ margin: 0 4px 0 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ a:hover {
|
|
|
+ color: #1890ff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
// 我的计划
|
|
|
.plan {
|
|
|
- padding: 20px;
|
|
|
- background-color: white;
|
|
|
- margin-right: 1.22%;
|
|
|
.total {
|
|
|
- // height: 160px;
|
|
|
- // background-color: #e7c1bd;
|
|
|
border-bottom: 1px dashed #ccc;
|
|
|
span {
|
|
|
display: block;
|
|
|
line-height: 40px;
|
|
|
strong {
|
|
|
+ color: #fa6b5c;
|
|
|
text-decoration: underline;
|
|
|
- margin-right: 6px;
|
|
|
+ margin-right: 4px;
|
|
|
}
|
|
|
}
|
|
|
- .left {
|
|
|
- margin: 0 0 0 30px;
|
|
|
- }
|
|
|
- .right {
|
|
|
- margin: 0 30px 0 0;
|
|
|
- }
|
|
|
}
|
|
|
.tabsLinks {
|
|
|
- // height: 50px;
|
|
|
- margin: 30px 0 0 20px;
|
|
|
- // background-color: rgb(138, 191, 226);
|
|
|
+ margin-top: 20px;
|
|
|
a {
|
|
|
color: rgb(23, 119, 184);
|
|
|
margin: 0 6px;
|
|
|
@@ -712,27 +637,23 @@ a {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
// 友情链接
|
|
|
.link {
|
|
|
- padding: 20px;
|
|
|
- background-color: white;
|
|
|
.linkBtn {
|
|
|
- padding: 10px 30px;
|
|
|
display: flex;
|
|
|
flex-flow: row wrap;
|
|
|
- text-align: center;
|
|
|
+ justify-content: space-between;
|
|
|
button {
|
|
|
- width: calc((100% - 2px) / 4);
|
|
|
- border-radius: 4px;
|
|
|
+ border-radius: 2px;
|
|
|
border: none;
|
|
|
+ background-color: rgba(102, 155, 188, 0.7);
|
|
|
+ width: calc((100% - 60px) / 2);
|
|
|
display: flex;
|
|
|
- margin: 10px 8px;
|
|
|
- justify-content: space-around;
|
|
|
+ justify-content: center;
|
|
|
align-items: center;
|
|
|
- background-color: rgba(102, 155, 188, 0.8);
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding: 10px 0;
|
|
|
letter-spacing: 1px;
|
|
|
- padding: 6px 10px;
|
|
|
a {
|
|
|
color: white;
|
|
|
font-size: 12px;
|
|
|
@@ -746,13 +667,5 @@ a {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- .todoTable {
|
|
|
- background-color: #f0f2f5;
|
|
|
- padding: 20px;
|
|
|
- .tableInfo {
|
|
|
- background-color: white;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
</style>
|
liangyan0105