前陣子朋友說:唉,看你一天到晚發廢圖,你真的是工程師嗎?應該說你有工作嗎?
我:說我畫廢圖,可以忍,但侮蔑我榮譽社畜的驕傲,就不行!
朋:不然這樣啦,我最近想要個排班系統,你就寫寫看吧
我:那你要出多少ㄑㄧㄢ⋯
朋:很簡單,就只要能加人和加活動就好
我:那ㄑ一⋯
朋:對了,要可以匯 excel,匯出匯入都要
我:ㄑ⋯
朋:阿就很簡單,厚,你是不是不會,不會就算了啊
我:就連國中生也不會這樣就被激到,對了,我介面這樣安排還合適嗎?
然後就完成了
[系統] 工具人點數 +50。
主要其實是拿來學 vuejs,因為語法和 angular 1 很像,所以還蠻好上手的
就算沒寫過 angular 1,應該還是比 react 容易學吧
看文件時也看到個有趣的說明
關於模組間 雙向綁定的部分,vue 1 支援,但官方覺得這功能在開發上容易混亂
所以在 vue 2 釋出時決定拔掉,結果又說有時這個功能很方便,在某版更新時又加了回去
上面講一堆幹話,急著找排班程式的應該都7噗噗了吧
點下面連結就能直接用囉~
- 請使用 chrome,其他瀏覽器也是可以啦,但排版或功能可能大概或許會有問題,但 IE 肯定不行
- 雖然叫排班系統,但其實也可以拿來做其他事啦,像訂便當啊、抽獎啊、中午不知道吃什麼把附近的店家填上去跑亂數啊
- 因為當初設計的主要目的是匯出 excel,所以如果人員名或活動名需要更改,匯出 excel 後再改吧
- 有包好 electron 設定,所以可以做成單機版,有興趣可以到 github 載來編譯看看
- 有什麼問題或 bug 回報就在這篇文章留言吧
,不過應該不會修啦 - 不要靠腰沒有 RWD
使用方式:
1. 列表頁
- 沒有後端的架構,所以不會跨裝置同步,要同步只能有手動匯出匯入資料
2. 編輯頁
- 人員 ID 必須為不重複資訊
- 隨機排班大致上就是:亂數 所有班 / 所有人,每個人的班數會差不多
- 其他資訊應該沒有什麼限制吧,大概
- 點問號可以看 .xlsx 的匯入格式
Categories:
程式,
javascript
測試 https://i.imgur.com/0kTomhW.png
Reply太棒喇 部隊集合喝豆漿!
用法正確
Reply您好 請問我使用chrome 完成班表後 但按 匯出excel沒有反應 請問是否錯過了什麼步驟? 感謝回覆
Reply@Jon
Reply我測試一下
不好意思 現在才看到有這麼好的系統
Reply不知道能不能以請您在提供一下 排班系統 ^w^
謝謝~
不好意思,連結點入是Error,不知道可不可以麻煩您在更新一下連結呢? (please~
Reply@匿名
Reply抱歉,現在才看到
嗯…現在找不出原因為什麼壞了
@Jon
Replyhello
不好意思久等了,問題修正了
@匿名
Reply不好意思久等了
連結已修正
小聲的說:好像又不能用了
Reply@Unknown
Reply嗯⋯明天會修一下~
如此厲害,讚!
Reply請問連結在哪~看起來很讚 想用用看~
Reply您好 似乎又不能用了
Reply