优化 换行

src/views/farm/task/index.vue

@@ -1,3 +1,9 @@
+ <style>
+  .el-table .cell{
+    white-space: pre-line;
+  }
+ </style>
+
 <template>
   <div class="app-container">
 
@@ -186,7 +192,6 @@ export default {
   },
   created() {
     this.getResource();
-    this.getList();
   },
   methods: {
     /**查询资源*/
@@ -197,6 +202,7 @@ export default {
         name: null,
       }).then(res=>{
         this.resourceList = res.data.list;
+        this.getList();
       })
     },
     /** 查询任务列表 */
@@ -226,7 +232,8 @@ export default {
           //3 每个resouce循环比较 resourceList，取得名字
           this.resourceList.forEach((resource) =>{
               if(inn == resource.id){
-                resourceName += (resource.name + ",");
+                resourceName += (resource.name + "、\n");
+                console.log("11", resourceName);
               }
             }
           )
@@ -276,7 +283,7 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加农场项目";
+      this.title = "添加农场任务";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -296,7 +303,7 @@ export default {
         }
 
         this.open = true;
-        this.title = "修改农场项目";
+        this.title = "修改农场任务";
       });
     },
     /** 提交按钮 */