set fixed width to workspaceItem to fit the screen

Author: yuchenyao

web/src/js/view/newhome/module/workspace/index.scss

@@ -78,7 +78,7 @@
               position: relative;
               background: url("../../images/workspace.png") center center no-repeat;
               background-size: cover;
-              min-width: 222px;
+              width: 222px;
               .name {
                 display: block;
                 font-size: 16px;

web/src/js/view/newhome/module/workspace/index.vue

@@ -162,8 +162,7 @@ export default {
       videosClick: 1,
       videosMaxClick: null,
       listWrap: 0,//屏幕宽度
-      workspaceItemWidth: 0, // workspaceItem 宽度
-      workspaceItemMargin: 30
+      workspaceItemWidth: 252, // workspaceItem 宽度
     }
   },
   created() {
@@ -184,8 +183,7 @@ export default {
   },
   watch: {
     'listWrap': function(val){ //监听容器宽度变化
-      this.listWrap = val;
-      this.pageSize = Math.floor(this.listWrap / this.workspaceItemWidth)
+      this.pageSize = Math.floor(val / this.workspaceItemWidth)
       this.initWorkspace();
     },
   },
@@ -195,12 +193,8 @@ export default {
       this.loading = true;
       api.fetch('dss/workspaces', {}, 'get').then((res) => {
         this.originWorkspaceData = this.filteredData = this.cacheData = res.workspaces;
-        this.$nextTick(() => {
-          this.workspaceItemWidth = this.$refs.col[0] && this.$refs.col[0].$el.offsetWidth;
-          this.pageSize = Math.floor(this.listWrap / (this.workspaceItemWidth + this.workspaceItemMargin))
-          this.initWorkspace();
-          this.loading = false;
-        })
+        this.initWorkspace();
+        this.loading = false;
       }).catch(() => {
         this.loading = false;
       });