相關(guān)公開課： 《三節(jié)課知識(shí)管家丨在線協(xié)同項(xiàng)目分享》

一. 企業(yè)介紹

成都三節(jié)課教育科技有限公司（簡稱：三節(jié)課）是一家以提升職業(yè)能力為目標(biāo)、倡導(dǎo)終身成長的在線新職業(yè)大學(xué)。三節(jié)課立足互聯(lián)網(wǎng)、泛互聯(lián)網(wǎng)等前沿行業(yè)和職業(yè)，提供進(jìn)階式、實(shí)戰(zhàn)化的持續(xù)學(xué)習(xí)解決方案，致力于培養(yǎng)更多未來商業(yè)環(huán)境中的核心人才。

二. 項(xiàng)目背景

在各個(gè)企業(yè)內(nèi)部，員工在工作過程中都會(huì)產(chǎn)生若干知識(shí)財(cái)富，很多企業(yè)并沒有合適的管理工具或平臺(tái)將這些知識(shí)財(cái)富聚集在一起，一旦發(fā)生員工離職/轉(zhuǎn)崗的情況，這些知識(shí)財(cái)富便可能遺失，對(duì)于公司來說，這就是一種隱形的價(jià)值損失。

由三節(jié)課研發(fā)的 Teammark 系統(tǒng)，采用行業(yè)優(yōu)秀的工作方法，以 Excel 模板作為基本的文檔范例，旨在收集員工在工作時(shí)的高頻場(chǎng)景問題，包括日?qǐng)?bào)周報(bào)、會(huì)議、項(xiàng)目管理、新人入職、目標(biāo)管理、協(xié)同等。

三. 項(xiàng)目架構(gòu)圖

四. 項(xiàng)目截圖

Teammark 系統(tǒng)的在線文檔預(yù)覽界面，基于 SpreadJS 二次開發(fā)實(shí)現(xiàn)，上方保留有類似Excel的表格工具欄，采用扁平化的設(shè)計(jì)模式，使界面看起來更加清爽簡潔。通過使用表格工具欄上的加載模板懸浮窗，可以選擇已有模板并快速加載。

借助 SpreadJS 的基本功能，Teammark 系統(tǒng)實(shí)現(xiàn)了文檔在線編輯模塊，用戶可以在文檔中在線編輯。該模塊支持多人協(xié)同編輯和邀請(qǐng)編輯，用戶可以邀請(qǐng)其他人共同編輯文檔內(nèi)容。

在多人協(xié)同編輯時(shí)，其他人編輯的單元格會(huì)有高亮及名稱提示。

如果存在編輯沖突（同時(shí)編輯同一個(gè)單元格），會(huì)出現(xiàn)警告提示：

通過系統(tǒng)生成的文檔可以在線預(yù)覽，在線預(yù)覽時(shí)，可對(duì)文檔進(jìn)行查詢、篩選、排序等操作，方便數(shù)據(jù)的查找及定位。

五. 選擇表格控件 SpreadJS 的主要原因

該系統(tǒng)基于 SpreadJS 二次開發(fā)實(shí)現(xiàn)，為客戶帶來了類似 Excel 的使用體驗(yàn)，并解決了客戶在線編輯 Excel 文檔的剛性需求。

借助 SpreadJS 的 API，系統(tǒng)實(shí)現(xiàn)了 Excel 導(dǎo)入導(dǎo)出、公式計(jì)算、在線填報(bào)數(shù)據(jù)、打印報(bào)送、實(shí)時(shí)預(yù)覽、數(shù)據(jù)校驗(yàn)、服務(wù)端數(shù)據(jù)交互等功能，為客戶提供了科學(xué)的表格文檔管理方式，提升了企業(yè)員工之間的辦公效率，使員工的知識(shí)財(cái)富得以迅速積累。