add element icon, add flask client, add strategy route, api modify

2022-09-11 22:24:22 +08:00
parent 353ddd788d
commit 766dea9c24
6 changed files with 314 additions and 113 deletions
@@ -0,0 +1,126 @@
+<template>
+  <div class="bookmark">
+    <el-upload ref="upload" class="upload-demo" action="http://localhost:5000/trader/api/v1/strategy_file" :limit="1"
+      :on-exceed="handleExceed" :auto-upload="false">
+      <template #trigger>
+        <el-button type="primary">select file</el-button>
+      </template>
+      <el-button class="ml-3" type="success" @click="on_upload">
+        upload to server
+      </el-button>
+      <template #tip>
+        <div class="el-upload__tip text-red">
+          limit 1 file, new file will cover the old file
+        </div>
+      </template>
+    </el-upload>
+
+    <el-table ref="multipleTableRef" :data="strategy_file_list" style="width: 100%">
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index" label="index" width="80" />
+      <el-table-column prop="file_name" label="策略文件名" width="200" />
+      <el-table-column prop="class_name" label="策略类名" width="200" />
+      <el-table-column prop="status" label="状态" width="180" />
+      <el-table-column prop="facvion" label="图标" width="60" />
+      <el-table-column class="click-icon" prop="url" label="操作">
+        <template #default="scope">
+          <span v-if="scope.row.status == 0" style="cursor: pointer" @click="on_load(scope.row)">{{ "加载图标" }}</span>
+          <span v-if="scope.row.status == 0" style="cursor: pointer" @click="on_remove(scope.row)">{{ "删除" }}</span>
+          <span v-if="scope.row.status == 2" style="cursor: pointer">{{ "加载中图标" }}</span>
+          <span v-if="scope.row.status == 1" style="cursor: pointer" @click="on_unload(scope.row)">{{
+          "卸载图标" }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue';
+import {
+  get_strategy_files,
+  load_strategy_file,
+  unload_strategy_file,
+  remove_strategy_file
+} from '../../api/cta_strategy'
+import { genFileId } from 'element-plus'
+import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
+import { h } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const upload = ref<UploadInstance>()
+const handleExceed: UploadProps['onExceed'] = (files) => {
+  upload.value!.clearFiles()
+  const file = files[0] as UploadRawFile
+  file.uid = genFileId()
+  upload.value!.handleStart(file)
+}
+
+
+type StrategyFile = {
+  file_name: string,
+  class_name: string,
+  status: string
+}
+
+const strategy_file_list = reactive<StrategyFile[]>([])
+
+const on_list = () => {
+  get_strategy_files().then(res => {
+    strategy_file_list.length = 0
+    res.data.forEach((item: StrategyFile, index: number) => {
+      strategy_file_list.push(item)
+    })
+  })
+}
+
+const on_upload = () => {
+
+  upload.value!.submit()
+  on_list()
+}
+
+const on_load = (row: any) => {
+  row.status = 2
+  load_strategy_file(row.file_name).then(res => {
+    if (res.status == 200) {
+      row.status = 1
+    }
+    if (res.status == 500) {
+      row.status = 0
+    }
+  })
+}
+
+const on_unload = (row: any) => {
+  unload_strategy_file(row.class_name).then(res => {
+    if (res.status == 200) {
+      row.status = 0
+    }
+    if (res.status == 500) {
+      row.status = 1
+    }
+  })
+}
+
+const on_remove = (row: any) => {
+  remove_strategy_file(row.file_name).then(res => {
+    on_list()
+  }).catch(error => {
+    ElMessage({
+      message: h('p', null, [
+        h('i', { style: 'color: teal' }, error),
+      ]),
+    })
+  })
+}
+
+// init process
+on_list()
+
+
+</script>
+
+<style scoped>
+
+</style>