1. ant design vue多樣化表格,合並單元格,數據必須以行遍歷
話不多說,源碼奉上,效果如上圖所示
表格:
1、行是 colSpan
2、列是 rowSpan
design 表格的title 是不計算 索引的正虛 !
3、methods 方法裡面實現 rowSpan
1、 注凱掘意 這里 key 是傳值 聲明方法的時候可以後寫
2、使用的時盯清核候 在 mounted 裡面調用即可
4、customRender 實現合並
2. ant-design-vue 框架搭建(一)
vue create 項目名
cd 項目名
yarn add ant-design-vue
main.js 中的配置
詳細地址
npm add [email protected]
npm add [email protected]
package.json變為 這里好像會自動添加,頃清無需導入
npm add vue-router
在src/router/index.js中配置雀攜前好路由後,記得導入main.js
如果出現下面的錯誤
執行這條語句npm install --save core-js即可
npm install --save axios vue-axios
.env.development 配置環境變數
通過下面隱亂這個語句查看存在.env里的內容
axios 的使用
axios用法的詳細地址
安裝cookies
npm add nprogress 添加進度條
在main.js 中導入樣式
在需要用到的地方
3. 「開源」基於SpringBoot+Ant Design Vue開發的物流倉儲系統
基於Jeecg-boot開發的物流倉儲系統,涵蓋模塊:用戶管理、車輛管理、計劃管理、倉庫管理、庫存管理、財務管理、統計報表、系統管理等模塊組成倉儲管理系統。
用戶管理
車輛管理
計劃管理
倉庫管理
庫存管理
財務管理
統計報表
系統管理
基礎開發環境
所用技術
輸入賬號,密碼,驗證碼即可進入系統,默認賬號密碼為 admin 123
首頁展示一些計劃,物品,兆斗倉庫容積等一些直觀的數據,通過echars 來動態渲染數據樣式。
管理公司中的員工,有員工的個人信息,賬號密碼等等,可以新增用戶,修改用戶,刪除用戶,禁用用戶等操作。
被禁用的用戶無法登錄此系統。
管理公司中所有的部門,可以對部門進行增刪改查等操作。
然後在新建用戶的同時,可以為用戶分配其部門。
管理系統中的所有角色信息,可以對角色進行增刪改查等操作。
角色授權功能
在角色許可權頁面右側的操作欄中點擊授權功能後打開此頁面
通過勾選指定的菜單分配給角色,這個角色就能訪問哪些頁面。
還可以通過左下方的樹操作,選擇合適的功能方便進行分配。
例如:選擇了父子關聯,當你選擇了父菜單,那麼子菜單也會自動勾選
也可以選擇取消關聯,效果與之相反。
若有些菜單並未分配給角色,那麼此角色所屬的用戶登錄系統時就訪問不到這些菜單頁面。
員工依賴角色和部門,部門和角色無關系
系統中是先有部門,然後角色,最後在新建用戶的時候為其分配部門和角色。
管理公司中所有車輛,可以對車輛進行增上改查操作。
車輛信息有類型,車牌號,狀態等。
若車輛狀態為維修,那麼在車輛任務時,此車無法執行工作。
管理車輛的保險,可以對車輛保險進行增刪改查
在新增車輛保險時,必須選擇對應的車牌號。
然後商業險日期和交強險日期會在要過期的前一周,系統回進行信息提醒,會提示在右上方的小鈴鐺圖標處。
根據當前年往前的5年期間,可以直觀的看到車輛在什麼日期執行了多少次任務。
管理普通的計劃,通過 excel 導入要執行的任務計劃,表明計劃類型是什麼,一些基本的信息編號,項目名稱等租高等,表示這是什麼計劃,什麼信息,計劃完成那些事情,計劃完成時間是什麼等。
除了對其進行基本的增刪改查功能等,還可以進行導入,導出功能,導入功能要按照固定的excel 表頭格式進行導入,還可以查看當前派單信息。
合並派單:必須選擇一樣的工程賬號進行批量派單操作
合並完單:同上,工程賬號一致的情況下才能進行批量派單操作
派單記錄:查看派單記錄。
完單記錄:查看完單記錄。
備品計劃的操作同計劃列表一樣,只不過備品計劃代表著這些計劃要完成的貨物屬於廢舊物料,公司無法使用的廢品進行處理。
新品計劃是公司中准備要入庫的新物料
電纜計劃:要完成計劃涉及到的物料貨品是電線、電纜等貨物,表示一種特殊的物料,並不與其他貨物混合等。
可以管理倉庫的信息,對倉庫進行增刪改查等操作。
管理指定倉庫中的庫位,庫位會根據弊猜尺入庫貨物所佔用的面積進行相應的顏色變化,提示容積不足等情況。
庫位二維碼:點擊庫位二維碼會生成此庫位的二維碼圖片,手機掃描就能查看到此庫位上存放的貨物信息。
查看存儲物料:可以查看庫位上存的物料信息。
庫位之間的物料物品進行移動後的記錄會在這個頁面看到。
此頁面會記錄操作人員什麼時間,從哪個庫位移動到哪個庫位,移動的是哪個物料等信息。
管理系統中所有物料信息,可以對物料進行增刪改查等操作,還可以導入物料
可以查詢指定倉庫-指定庫位-存儲的物料信息,數量等。
可以根據一系列查詢條件查詢出入庫的記錄信息。
此頁面可以查看哪些計劃完成了,方便財務及時跟進計劃的結算狀態,結算狀態分為已結算和未結算等。
可以查看指定年份,全年12個月哪些計劃,哪些物料出庫,入庫,剩餘數量等統計。
查看指定年份車輛每個月執行任務的次數
統計變電物料,計劃等信息
統計導線物料,計劃等信息
統計新品物料,計劃等信息。
統計電纜物料,計劃等信息。
統計公司倉庫中存放的物料出入庫數量
統計公司中所有員工指定年份某月指定任務的次數。
此頁面可以查看車輛保險到期提示的信息,和倉庫容積超限的提示信息。
此頁面為開發人員操作,自定義定時任務,每天半夜12點進行車輛保險and庫位容積定時任務查詢
此頁面用來管理系統中所有的菜單節點信息,角色進行分配菜單的時候就和此菜單進行關聯。
此頁面管理系統中常用的數據字典,例如狀態,性別等等,進行統一管理,可以對齊進行增增刪改查操作。還可以導入導出。對字典進行配置等操作。
使用Apache2.0開源協議
私信回復:物流管理
4. Ant-design-vue的一些常見用法
:pagination="false" //分頁器配置項
childrenColumnName=" "
添加row-key屬性:row-key=" "
使用defaultExpandAllRows不能直接生效,需要定義一個loading欄位,在獲取數據後設置loading = true,在標簽中進行v-if判斷,即: <a-table v-if="loading" defaultExpandAllRows>前胡</a-table>
翻譯:類型明悔哪錯誤:傳播不可提交實例的嘗試無效。
原因:錯誤運用擴展運算符(...)
註:對象中的擴展運算符(…)用於取出參數對象中的所有可遍歷屬性,拷貝到當前對象激碼之中