vue element專案做員工排班表

2022-08-21 05:39:11 字數 2188 閱讀 2425

ps:獲取當前時間的常用格式

var today = new date();

var stryear = today.getfullyear();

var strday = today.getdate();

var strmonth = today.getmonth() + 1;

var strdate = today.getday();

var now=stryear+"-"+strmonth+"-"+strday

console.log(now)

黃色標記是主要功能,設計之前要跟後端商量好介面設計,我這個是一條資料報含乙個部門裡乙個員工一周的7個排班狀態,算是簡易版,一次新增乙個員工一周狀態,可以看新增功能裡面字段,傳過去就只傳周一就行了,展示也只需要傳送周一的日期就行

人事管理

人員排班

上一周新增排班

下一周}

星期一~

}星期天

show-overflow-tooltip

:label="monday1"

prop="mondaystatus"

align="center"

width="175"

>

show-overflow-tooltip

:label="thursday1"

prop="thursdaystatus"

align="center"

width="175"

>

show-overflow-tooltip

:label="wednesday1"

prop="wednesdaystatus"

align="center"

width="175"

>

show-overflow-tooltip

:label="thuesday1"

prop="thuesdaystatus"

align="center"

width="175"

>

show-overflow-tooltip

:label="friday1"

prop="fridaystatus"

align="center"

width="175"

>

show-overflow-tooltip

:label="saturday1"

prop="saturdaystatus"

align="center"

width="175"

>

show-overflow-tooltip

:label="sunday1"

prop="sundaystatus"

align="center"

width="175"

>

修改刪除

background

layout="total, prev, pager, next,jumper"

@current-change="handlecurrentchange"

:current-page="queryinfo.pagenum"

:page-size="queryinfo.pagesize"

:total="total"

>

v-model="this.dateformat2"

value-format="yyyy-mm-dd 00:00:00"

type="date"

editable

disabled

>

v-model="this.dateformat8"

value-format="yyyy-mm-dd 00:00:00"

type="date"

editable

disabled

>

取 消確 定

效果圖

vue element搭建專案

前言 使用到的技術和框架及平台外掛程式 git vue vuex element js cookies 步驟 1 配置開發環境 node.js npm v 檢視node版本 vue v 檢視vue版本 vue vue cli 全域性安裝vue vue腳手架 2 新建資料夾,在檔案下初始化專案 vue...

Vue Element專案實戰系列 動態麵包屑

麵包屑應該是我們在專案中經常使用的乙個功能,一般情況下它用來表示我們當前所處的站點位置,也可以幫助我們能夠更快的回到上個層級。今天我們就來聊聊如何在 vue 的專案中實現麵包屑功能。以下案例都是使用 element ui 進行實現。首先我們想到的最笨的方法就是在每個需要麵包屑的頁面中固定寫好。如果按...

做員工的情商教練

領導者能否取得成功,情商起著決定性的作用。人們往往因為表現出過人的專業技術能力而得到提拔,但決定他們能夠在多大程度上成為成功的領導者的,正是他們的情商。隨著對情商的深入了解,領導者發現教練他們的直接下屬越來越有挑戰性。以前只要跟他們談談績效標準就足夠了,但是現在僅僅跟員工們談談他們在做什麼已經是不夠...