| | |
| | | </div> |
| | | </div> |
| | | <el-card class="box-card todo-card"> |
| | | <el-row> |
| | | <el-row style="height: 100%;"> |
| | | <el-col :span="12"> |
| | | <ul class="type-box"> |
| | | <li v-for="(m,i) in tabList" :key="i" :class="{active:current == i}" @click="changeTab(m,i)">{{ m }}</li> |
| | |
| | | </template> |
| | | </el-calendar> |
| | | </el-col> |
| | | <el-col :span="12" style="padding: 16px 20px;box-sizing: border-box;height: 100%;overflow-y: auto;"> |
| | | <el-col :span="12" style="padding: 16px 20px;box-sizing: border-box;height: 100%;"> |
| | | <div class="todo-span"><span>待办</span></div> |
| | | <div class="todo-info" v-for="(item,index) in todoList" :key="index" v-show="todoList.length>0"> |
| | | <div class="todo-info-state"></div> |
| | | <span>{{ item }}</span> |
| | | <div style="height: calc(100% - 30px);overflow-y: auto;"> |
| | | <div class="todo-info" v-for="(item,index) in todoList" :key="index" v-show="todoList.length>0"> |
| | | <div class="todo-info-state"></div> |
| | | <span>{{ item }}</span> |
| | | </div> |
| | | <span class="no-info" v-if="todoList.length==0">暂无</span> |
| | | </div> |
| | | <span class="no-info" v-if="todoList.length==0">暂无</span> |
| | | </el-col> |
| | | </el-row> |
| | | </el-card> |
| | |
| | | height: 65vh; |
| | | overflow: hidden; |
| | | >>>.el-card__body{ |
| | | padding: 0px 0px 5px |
| | | padding: 0px 0px 5px; |
| | | height: 100%; |
| | | } |
| | | .todo-span{ |
| | | height:17px; |