feat: простой вывод csv

components/Toolbar.vue

@@ -12,6 +12,12 @@
         @click="setPreset({name: 'none', columns: ['domain_idn']});"
         v-html="'убрать все колонки'"
       ></button>
+      <button
+        class="column-presets__button"
+        @click="getCSV"
+        v-html="'получить CSV'"
+        title="Вывод будет в console.log"
+      ></button>
 
       <!-- one group -->
       <FieldGroup
@@ -120,6 +126,10 @@ export default {
       return this.$store.state.allFields;
     },
 
+    filteredSites() {
+      return this.$store.state.filteredSites;
+    },
+
     // раскладывает поля по группам, с дублированием
     fieldGroups() {
       let groups = { unnamed: { name: "", fields: [] } };
@@ -221,6 +231,26 @@ export default {
       setTimeout(() => {
         this.completionProcess = false;
       }, 500);
+    },
+
+    getCSV() {
+      // console.log('this.fields: ', this.fields);
+      // console.log('this.filteredSites: ', this.filteredSites);
+      const header = this.fields.map(f => f.title);
+      const data = this.filteredSites.map(s => {
+        return this.fields.map(f => {
+          return s[f.name];
+        });
+      });
+
+      const csv = [...[header], ...data];
+      // console.log('csv: ', csv);
+      // console.log('data: ', data);
+
+      const raw = csv.map(row => {
+        return row.join(',');
+      }).join('\n');
+      console.log(raw);
     }
   }
 };