重要提示:
vue-element-admin 項(xiàng)目:https://github.com/PanJiaChen/vue-element-admin
x-spreadsheet項(xiàng)目: https://github.com/myliang/x-spreadsheet
備注:可能需要花一點(diǎn)時(shí)間學(xué)習(xí)下x-spreadsheet。
瀏覽器兼容只需要chrome可用即可达址。
題1:
利用vue-element-admin以及x-spreadsheet這兩個(gè)項(xiàng)目實(shí)現(xiàn)如下界面:
要點(diǎn):
1.“平安銀行[000001.SZ]-資產(chǎn)負(fù)債表“下方的表格需要用x-spreadsheet這個(gè)項(xiàng)目來做闹伪。
2.數(shù)據(jù)上的下劃線要標(biāo)記上,點(diǎn)擊之后可以跳出一個(gè)彈框。
3.編譯器用vscode
4.從0開始搭建項(xiàng)目。
題2:
利用vue-element-admin以及x-spreadsheet這兩個(gè)項(xiàng)目實(shí)現(xiàn)sheet中如下功能:
1。點(diǎn)擊單元格自動(dòng)將單元格名稱填入目標(biāo)單元格
2拆吆。自動(dòng)定位單元格。
當(dāng)在單元格內(nèi)輸入A1時(shí)脂矫,A1對應(yīng)的單元格就被高亮枣耀,且A1兩個(gè)字應(yīng)該和高亮的單元格保持相同的顏色(附圖中A1顏色未顯示)。輸入多個(gè)單元格名字的時(shí)候庭再,不同單元格顏色不同以作區(qū)分捞奕。
如下圖所示:
3。自動(dòng)提示公式拄轻。
當(dāng)在單元格內(nèi)輸入公式的時(shí)候颅围,如sum,當(dāng)輸入S時(shí),自動(dòng)提示可能是SUM或者其他函數(shù)恨搓;當(dāng)輸入SUM(時(shí)院促,自動(dòng)顯示該函數(shù)所包含的各個(gè)參數(shù)。
筆試題通過標(biāo)準(zhǔn):
仿照我的gif動(dòng)圖所示斧抱,錄制最終成品的動(dòng)圖常拓。或者手機(jī)/電腦視頻錄制夺姑。
無需提交代碼。