|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div id="home">
|
|
|
<!-- 第一行 -->
|
|
|
- <a-row :gutter="24" class="topCard">
|
|
|
+ <a-row :gutter="24" class="firstLine">
|
|
|
<!-- 我的 -->
|
|
|
<a-col :xs="24" :sm="24" :md="24" :lg="7" :style="{ marginBottom: '8px', paddingRight: 0 }">
|
|
|
<!-- 等高设置 -->
|
|
|
@@ -46,7 +46,7 @@
|
|
|
<!-- 等高设置 -->
|
|
|
<a-card title="OA工作台" :bordered="false" style="height: 264px;">
|
|
|
<div v-for="(item, index) in activeKeyAll" :key="index" class="oaBig">
|
|
|
- <a @click.prevent="aClick(item)" class="oaItem fl" >
|
|
|
+ <a @click.prevent="aClick(item)" class="oaItem fl">
|
|
|
<!-- 图标 -->
|
|
|
<a-avatar shape="square" :size="36" :src="item.iconAddress" />
|
|
|
<h4>{{ item.name }}</h4>
|
|
|
@@ -57,21 +57,17 @@
|
|
|
</a-row>
|
|
|
|
|
|
<!-- 第二行-->
|
|
|
- <a-row :gutter="24" class="news">
|
|
|
+
|
|
|
+ <a-row :gutter="24" class="secondLine">
|
|
|
<!-- 公告 -->
|
|
|
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="9" :style="{ marginBottom: '8px', paddingRight: 0 }">
|
|
|
- <a-card title="企业公告" :bordered="false" class="notice">
|
|
|
+ <a-card title="企业公告" :bordered="false" style="height:400px;">
|
|
|
<template #extra>
|
|
|
<a href="javascript:void(0);" @click="openEnterAnn">更多</a>
|
|
|
</template>
|
|
|
|
|
|
<div class="dataV">
|
|
|
- <dv-scroll-board
|
|
|
- class="board"
|
|
|
- :config="config"
|
|
|
- style="width:100%;height:300px;color:#333;paddinLeft:40px;"
|
|
|
- @click="getMethod"
|
|
|
- />
|
|
|
+ <dv-scroll-board class="board" :config="config" style="height:300px;" @click="getMethod" />
|
|
|
</div>
|
|
|
</a-card>
|
|
|
</a-col>
|
|
|
@@ -80,7 +76,7 @@
|
|
|
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="7" :style="{ marginBottom: '8px' }">
|
|
|
<a-row :gutter="24">
|
|
|
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" :style="{ marginBottom: '8px', paddingRight: 0 }">
|
|
|
- <a-card title="我的计划" :bordered="false" style="width:100%;height:200px;">
|
|
|
+ <a-card title="我的计划" :bordered="false" style="width:100%;height:196px;">
|
|
|
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="12" :style="{ marginBottom: '8px', paddingRight: 0 }">
|
|
|
<p>
|
|
|
上月我的计划：
|
|
|
@@ -126,13 +122,26 @@
|
|
|
|
|
|
<!-- 日历 -->
|
|
|
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="8" :style="{ marginBottom: '8px' }">
|
|
|
- <a-card title="日程" :bordered="false" class="fullCard">
|
|
|
+ <a-card title="日程" :bordered="false" style="height:400px;">
|
|
|
<template #extra>
|
|
|
- <a href="javascript:void(0);" @click="openCalTab">更多</a>
|
|
|
+ <a href="javascript:void(0);" @click="openCalTab">详情</a>
|
|
|
</template>
|
|
|
- <div class="ccfullCalendar">
|
|
|
- <FullCalendar :options="calendarOptions" style="height:300px;" class="eventDeal-wrap" />
|
|
|
- </div>
|
|
|
+
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <!-- 当前时间 -->
|
|
|
+ <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
+ <div style="height:100px;background:#a5a58d;">
|
|
|
+ 准备放当前时间
|
|
|
+ </div>
|
|
|
+ </a-col>
|
|
|
+
|
|
|
+ <!-- 小日历 -->
|
|
|
+ <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
|
+ <div class="ccfullCalendar">
|
|
|
+ <FullCalendar :options="calendarOptions" class="eventDeal-wrap" />
|
|
|
+ </div>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
</a-card>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
@@ -172,7 +181,7 @@ import { enterpriseEQueryById } from '@api/oa/cd-enterprise-announcement'
|
|
|
import { enterpriseEList } from '@api/oa/cd-enterprise-announcement'
|
|
|
import '@fullcalendar/daygrid/main.css'
|
|
|
import JEditor from '../../components/jeecg/JEditor.vue'
|
|
|
-import '@/assets/less/dataVTable.less' // 修改首页 DataV 轮播图样式
|
|
|
+import '@/assets/less/dataVTable.less' // 修改首页 DataV 轮播表样式
|
|
|
export default {
|
|
|
name: 'Mytodo',
|
|
|
components: {
|
|
|
@@ -222,22 +231,27 @@ export default {
|
|
|
plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
|
|
|
// 日历头部按钮位置
|
|
|
headerToolbar: {
|
|
|
- left: 'prev,next',
|
|
|
- center: 'title',
|
|
|
- right: 'dayGridMonth'
|
|
|
+ /* -----------------------
|
|
|
+ left: 'prev,next',
|
|
|
+ center: 'title',
|
|
|
+ right: 'dayGridMonth'
|
|
|
+ -------------------------*/
|
|
|
+ left: '',
|
|
|
+ center: '',
|
|
|
+ right: ''
|
|
|
},
|
|
|
// 日历头部按钮中文转换
|
|
|
- buttonText: {
|
|
|
- month: '月'
|
|
|
- },
|
|
|
+ // buttonText: {
|
|
|
+ // month: '月'
|
|
|
+ // },
|
|
|
initialView: 'dayGridMonth', // 指定默认显示视图
|
|
|
locale: 'zh-ch', // 切换语言，当前为中文
|
|
|
- firstDay: '1', // 设置一周中显示的第一天是周几，周日是0，周一是1，以此类推
|
|
|
+ firstDay: '1', // 设置一周中显示的第一天是周几，周日是0，周一是1
|
|
|
weekNumberCalculation: 'ISO', // 与 firstDay 配套使用
|
|
|
- eventCOlor: 'red', // 全部日历日程背景色
|
|
|
- timeGridEventMinHeight: '20', // 设置事件的最小高度
|
|
|
+ // eventColor: 'red', // 全部日历日程背景色
|
|
|
+ timeGridEventMinHeight: '50', // 设置事件的最小高度
|
|
|
// aspectRatio: '2.5', // 设置日历单元格宽高比
|
|
|
- displayEventTime: false, // 是否显示事件时间
|
|
|
+ displayEventTime: true, // 是否显示事件时间
|
|
|
allDaySlot: false, // 周、日视图时，all-day不显示
|
|
|
eventLimit: true, // 设置月日程，与all-day slot 的最大显示数量，超过的通过弹窗展示
|
|
|
eventTimeFormat: {
|
|
|
@@ -347,7 +361,6 @@ export default {
|
|
|
|
|
|
//轮播图 点击事件
|
|
|
getMethod(item) {
|
|
|
- // =the data presentation is a bit sluggish
|
|
|
this.$refs.DetAnnModal.annVisible = true
|
|
|
// console.log('轮播自带的数据', item)
|
|
|
this.$nextTick(() => {
|
liangyan0105