feat(ftp): support receive ftp connection (#6)

Co-authored-by: E99p1ant <[email protected]>

frontend/src/views/logs/Mysql.vue

@@ -9,7 +9,23 @@
   >
     <div v-if="record.files.length" slot="expandedRowRender" slot-scope="record" style="margin: 0">
       <b v-if="record.files.length" style="color: gray">FILES:</b><br>
-      <a v-for="file in record.files" :key="file.name+record.id" :href="'/revsuit/api/file/mysql/'+file.id" target="_blank">{{ file.name }} </a>
+      <a v-for="file in record.files" :key="file.name+record.id" :href="'/revsuit/api/file/mysql/'+file.id"
+         target="_blank">{{ file.name }} </a>
+    </div>
+    <div slot="selectDropdown"
+         slot-scope="{ setSelectedKeys, selectedKeys, clearFilters, column }"
+         style="padding: 8px">
+      <a-checkbox
+          :checked="filters[column.dataIndex] === 'true'"
+          @change="(e)=>{e.target.checked?filters[column.dataIndex] = 'true':filters[column.dataIndex] = '';fetch()}">
+        True
+      </a-checkbox>
+      <br/>
+      <a-checkbox
+          :checked="filters[column.dataIndex] === 'false'"
+          @change="(e)=>{e.target.checked?filters[column.dataIndex] = 'false':filters[column.dataIndex] = '';fetch()}">
+        False
+      </a-checkbox>
     </div>
     <div
         slot="filterDropdown"
@@ -58,12 +74,12 @@
     </span>
     <span slot="loadData" slot-scope="loadData">
        <a-tag v-if="loadData"
-              color="green"
-       >True</a-tag><a-tag v-else color="red">False</a-tag>
+              color="#eb2f96"
+       >True</a-tag><a-tag v-else color="#f5222d">False</a-tag>
     </span>
     <span slot="fileNum" slot-scope="files">
        <a-tag v-if="files.length>=3"
-              color="purple"
+              color="#722ed1"
        >{{ files.length }}</a-tag>
       <a-tag v-else :color="colors[files.length]">
         {{ files.length }}
@@ -82,9 +98,9 @@ import {getMysqlRecord} from '@/api/record'
 import {store} from '@/main'
 
 const colors = [
-  "geekblue",
-  "blue",
-  "pink",
+  "#13c2c2",
+  "#52c41a",
+  "#02a7ff",
 ]
 
 const columns = [
@@ -133,6 +149,8 @@ const columns = [
     dataIndex: 'load_local_data',
     key: 'load_local_data',
     scopedSlots: {
+      filterDropdown: 'selectDropdown',
+      filterIcon: 'filterIcon',
       customRender: "loadData",
     }
   },