新增组件展示页面

Author: a241978181

README.md

@@ -3,11 +3,9 @@
 #
 
 #### 微更新
-*  最近更新：*2020年12月28日*
+*  最近更新：*2021年1月15日*
 *  更新内容：
-* 1.增加了更详细的使用指导与模板
-* 2.优化了桌面模块图标
-* 3.新增了区域刷新功能
+* 1.新增了组件功能实现展示页面
 
 
 # vue-web-os

package.json

@@ -23,6 +23,7 @@
     "vue-count-to": "^1.0.13",
     "vue-i18n": "^8.15.3",
     "vue-router": "^3.1.3",
+    "vuedraggable": "^2.24.3",
     "vuex": "^3.1.2"
   },
   "devDependencies": {

src/mock/modules/common.js

@@ -101,9 +101,29 @@ if (debug) {
         "color": "success",
         "icon": "ios-easel",
         "image": null
+      },{
+        "id": 8,
+        "permissionsname": "插件展示",
+        "permissionsenglish": "plugShow",
+        "state": true,
+        "type": 1,
+        "parentid": 0,
+        "color": "info",
+        "icon": "ios-basket",
+        "image": null
+      },{
+        "id": 9,
+        "permissionsname": "拖拽列表",
+        "permissionsenglish": "slidingList",
+        "state": true,
+        "type": 2,
+        "parentid": 8,
+        "color": "info",
+        "icon": "ios-apps",
+        "image": null
       },]
     }
   });
 
- 
+
 }

src/store/modules/control.js

@@ -15,6 +15,8 @@ const control = {
 		cloudDisk:false,
 		//系统介绍面板展示键
 		userManagement:false,
+		//插件展示面板展示键
+		plugShow:false,
 		//新增模块时的其他面板展示键......
 	},
 	getters: {
@@ -32,7 +34,7 @@ const control = {
 			}
 		}
 	},
-	
+
 	//显示页面
 	refresh(state){
 		for(let key in state){
@@ -41,7 +43,7 @@ const control = {
 			}
 		}
 	},
-		
+
 //***********************************基本增删改*************************************************
 		//添加一个任务
 		addTaskList(state, task) {
@@ -68,7 +70,7 @@ const control = {
 
 
 		//****************************************所有展示界面键************************************************
-		
+
 		setTrueSIVB(state) {
 			state.startInformationViewBool = true
 		},

yarn.lock

@@ -6711,6 +6711,11 @@ sort-keys@^1.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
+[email protected]:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.10.2.tgz#6e40364d913f98b85a14f6678f92b5c1221f5290"
+  integrity sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A==
+
 source-list-map@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
@@ -7608,6 +7613,13 @@ vue@^2.6.10, vue@^2.6.9:
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
   integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==
 
+vuedraggable@^2.24.3:
+  version "2.24.3"
+  resolved "https://registry.yarnpkg.com/vuedraggable/-/vuedraggable-2.24.3.tgz#43c93849b746a24ce503e123d5b259c701ba0d19"
+  integrity sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==
+  dependencies:
+    sortablejs "1.10.2"
+
 vuex@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/vuex/-/vuex-3.1.2.tgz#a2863f4005aa73f2587e55c3fadf3f01f69c7d4d"