| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .right-1-item .mun{ |
| | |
| | | </el-col> |
| | | <el-col :xs="24" :sm="24" :md="10" :lg="10" :xl="10"> |
| | | <div class="right-1 card"> |
| | | <div class="right-1-item"> |
| | | <div class="right-1-item" @click="openNotice"> |
| | | <div class="img"> |
| | | <img src="../../../static/img/index-0.svg" alt=""> |
| | | </div> |
| | |
| | | <p style="font-size: 14px;margin-bottom: 10px;">我的待办</p> |
| | | </div> |
| | | </div> |
| | | <div class="right-1-item"> |
| | | <div class="right-1-item" @click="openNotice"> |
| | | <div class="img"> |
| | | <img src="../../../static/img/index-1.svg" alt=""> |
| | | </div> |
| | |
| | | <p style="font-size: 14px;margin-bottom: 10px;">已办事宜</p> |
| | | </div> |
| | | </div> |
| | | <div class="right-1-item"> |
| | | <div class="right-1-item" @click="openNotice"> |
| | | <div class="img"> |
| | | <img src="../../../static/img/index-2.svg" alt=""> |
| | | </div> |
| | |
| | | <p style="font-size: 14px;margin-bottom: 10px;">剩余待办</p> |
| | | </div> |
| | | </div> |
| | | <div class="right-1-item"> |
| | | <div class="right-1-item" @click="openNotice"> |
| | | <div class="img"> |
| | | <img src="../../../static/img/index-3.svg" alt=""> |
| | | </div> |
| | |
| | | <el-date-picker |
| | | v-model="time.week" |
| | | type="week" |
| | | format="yyyy-MM-dd" |
| | | format="yyyy 第 WW 周" |
| | | placeholder="选择周" size="mini" v-if="type=='周'" @change="m=>changeTime(type,m)" style="width: 130px;"> |
| | | </el-date-picker> |
| | | <el-date-picker |
| | | v-model="time.month" |
| | | type="month" |
| | | placeholder="选择月" format="yyyy-MM-dd" size="mini" v-if="type=='月'" @change="m=>changeTime(type,m)" style="width: 130px;"> |
| | | placeholder="选择月" size="mini" v-if="type=='月'" @change="m=>changeTime(type,m)" style="width: 130px;"> |
| | | </el-date-picker> |
| | | <el-date-picker |
| | | v-model="time.year" |
| | | type="year" |
| | | placeholder="选择年" format="yyyy-MM-dd" size="mini" v-if="type=='年'" @change="m=>changeTime(type,m)" style="width: 130px;"> |
| | | placeholder="选择年" size="mini" v-if="type=='年'" @change="m=>changeTime(type,m)" style="width: 130px;"> |
| | | </el-date-picker> |
| | | </div> |
| | | <!-- <span style="cursor: pointer;font-size: 12px; |
| | |
| | | timer:null, |
| | | keyMap:{}, |
| | | getNumberFourTypes: {}, |
| | | type:'周', |
| | | type:'月', |
| | | time:{ |
| | | week:'', |
| | | month:'', |
| | |
| | | case '月': |
| | | const year = new Date(this.time.month).getFullYear(); |
| | | const month = new Date(this.time.month).getMonth(); |
| | | |
| | | const day = new Date(year, month + 1, 0).getDate(); // |
| | | // 设置起始日期和结束日期 |
| | | this.startTime = new Date(year, month, 1).toISOString().slice(0, 10); // 月初 |
| | | this.endTime = new Date(year, month + 1, 0).toISOString().slice(0, 10); // 月末 |
| | | this.startTime = `${year}-${month + 1}-01` |
| | | this.endTime = `${year}-${month + 1}-${day}` // 月末 |
| | | break; |
| | | case '年': |
| | | const year0 = new Date(this.time.year).getFullYear(); |
| | |
| | | break; |
| | | } |
| | | }else{ |
| | | this.startTime = getYearAndMonthAndDays(new Date((new Date).getTime() - 24 * 60 * 60 * 1000)) |
| | | this.endTime = getYearAndMonthAndDays(new Date((new Date).getTime() + 24 * 60 * 60 * 1000 * 5)) |
| | | const year = new Date().getFullYear(); |
| | | const month = new Date().getMonth(); |
| | | |
| | | // 设置起始日期和结束日期 |
| | | this.startTime = new Date(year, month, 1).toISOString().slice(0, 10); // 月初 |
| | | this.endTime = new Date(year, month + 1, 0).toISOString().slice(0, 10); // 月末 |
| | | this.time.month = new Date() |
| | | } |
| | | this.initEchart() |
| | | }, |
| | |
| | | this.changeTime(this.type) |
| | | }) |
| | | }, |
| | | openNotice(){ |
| | | this.$parent.openNotice() |
| | | } |
| | | }, |
| | | deactivated(){ |
| | | this.timer&&clearInterval(this.timer) |