企業(yè)信息化管理開發(fā)(主要工作為前端)
一.需求描述
1.增加主從表(一對(duì)多)控制組件。主表當(dāng)前行值變化時(shí),對(duì)應(yīng)子組件(表格)也相應(yīng)變化。
export default defineStore('todo', {
state: () => {
return {
{"id": "id", <!--表組件控制ID-->
"obj": "5", <!--表對(duì)象訂單主表-->
"Objid:"100",<!--當(dāng)前對(duì)象ID號(hào)-->
"url": "/GET/po",<!--取數(shù)據(jù)URL-->
"saveUrl": /POST/Upo,<!--寫入數(shù)據(jù)URL-->
"updateUrl": PATCH /po?id=lt.13,<!--更新數(shù)據(jù)URL-->
"updateUrl": DELETE /po?id=lt.13,<!--刪除數(shù)據(jù)URL-->
"state":"狀態(tài)值:1.草稿,2.已發(fā)送,3.已審核,3.已取消。",<!---->
“stateeidt”:"1" <!--當(dāng)時(shí)行是否可以編輯-->
tableColumnUrl: /GET/poColumn <!--VXE-TABLE列控?cái)?shù)據(jù) ,動(dòng)態(tài)列控制:在后臺(tái)數(shù)據(jù)庫(kù)表存有列控制信息,通過動(dòng)態(tài)取出,如下圖-->
"children": [{
"id": "id",
"obj":"6",<!--表對(duì)象訂單明細(xì)-->
“objid”:9,<!--當(dāng)前對(duì)象ID號(hào)-->
pobj:5,<!--父對(duì)象-->
"pobj_id": "6",,<!--父對(duì)象ID號(hào)-->
"url": "/GET/podata",
"saveUrl": /POST/podataR
"updateUrl": PATCH /podata?id=lt.13,
"updateUrl": DELETE /podata?id=lt.13,
"state":"狀態(tài)值:1.草稿,2.已發(fā)送,3.已審核,3.已取消。",
“stateeidt”:"1" <!--當(dāng)時(shí)行是否可以編輯-->
tableColumnUrl: /GET/podataRColumn <!--VXE-TABLE列控?cái)?shù)據(jù),如下圖-->
}]}
}
}
2.封裝VXE-TABLE企業(yè)應(yīng)用組件.
2.1關(guān)聯(lián)訂單主表增加數(shù)據(jù)狀態(tài)控制:固定有一列為:“狀態(tài)”列,狀態(tài)值:1.草稿,2.已發(fā)送,3.已審核,3.已取消。只有在“1.草稿”時(shí),才能編輯。
2.2有彈出框(如下,可以定義選擇窗口數(shù)據(jù)),后臺(tái)設(shè)置為對(duì)象(彈出相關(guān)對(duì)象選擇窗口核心)等控制參數(shù),下拉框,金額,文本框等類型,
2.3.表格對(duì)象ID數(shù)字渲染為名稱:比如:產(chǎn)品ID:9,顯示:"電腦",var sexData = [{ Sex: 1, text: '男' }, { Sex: 2, text: '女'}];
3.構(gòu)建的前臺(tái)管理系統(tǒng)框架,所有的數(shù)據(jù)都是從后臺(tái)REST服務(wù)器實(shí)時(shí)獲取的真實(shí)數(shù)據(jù),具有真實(shí)的注冊(cè)、登陸、管理數(shù)據(jù)、權(quán)限驗(yàn)證等功能。
二、人才要求:
3年以上前端開發(fā)經(jīng)驗(yàn),熟悉extJS,jQuery,Ajax,JavaScript、XML、HTML、CSS等常見開發(fā)技術(shù),熟練使用Vue框架;核心使用Grid表格編輯功能. 有企業(yè)ERP,全棧軟件開發(fā)經(jīng)驗(yàn)者。
三、參考產(chǎn)品:
https://vxetable.cn/v4/#/table/start/install
https://blog.csdn.net/weixin_45939191/article/details/112632193?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-2-112632193-blog-115214929.235%5Ev36%5Epc_relevant_default_base3&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-2-112632193-blog-115214929.235%5Ev36%5Epc_relevant_default_base3&utm_relevant_index=5
https://www.easyproject.cn/easyuiex/doc/easyuiex-api_zh_CN.html
四、合作方式:
開發(fā)方式:遠(yuǎn)程開發(fā)加定期見面。
開發(fā)周期:10天