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

src/view/trader/cta_strategy.vue

@@ -11,132 +11,141 @@
           <el-button type="primary" @click="doSearch">检索</el-button>
         </el-col>
       </el-row>
-      <div class="tag_list">
-        <el-tag class="ml-2 click-icon" :type="item.clicked ? 'danger' : 'info'" v-for="(item) in bookmark_types"
-          @click="handleTags(item)">{{ item.bk_type_name }}</el-tag>
-        <el-button type="primary" @click="handleAddType" v-show="Tenant.account">增加</el-button>
-        <el-button type="primary" @click="handleManageType" v-show="Tenant.account">自定义</el-button>
-      </div>
-    </el-form>
+    </el-form> -->
     <div class="create_dialog">
-      <el-button type="primary" @click="handleInsert" v-show="Tenant.account">新建</el-button>
+      <el-button type="primary" @click="on_create">新建</el-button>
     </div>
 
-    <el-table ref="multipleTableRef" :data="strategy_list" @selection-change="handleSelectionChange" style="width: 100%">
+    <el-table ref="multipleTableRef" :data="strategy_list" style="width: 100%">
       <el-table-column type="selection" width="55" />
       <el-table-column type="index" label="index" width="80" />
-      <el-table-column prop="bk_type_name" label="分类" width="100" />
-      <el-table-column prop="comment" label="名称" width="180" />
-      <el-table-column prop="facvion" label="图标" width="60" />
-      <el-table-column class="click-icon" prop="url" label="url">
+      <el-table-column prop="strategy_name" label="策略名" width="200" />
+      <el-table-column prop="class_name" label="策略类名" width="200" />
+      <el-table-column prop="vt_symbol" label="合约" width="100" />
+      <el-table-column prop="status" label="状态" width="60">
         <template #default="scope">
-          <span style="cursor: pointer" @click="openUrl(scope.row.url)">{{ scope.row.url }}</span>
+          <el-icon v-if="scope.row.status == 0" :size="20">
+            <Cloudy />
+          </el-icon>
+          <el-icon v-if="scope.row.status == 1" :size="20" color="yellow">
+            <Sunrise />
+          </el-icon>
+          <el-icon v-if="scope.row.status == 2" :size="20" color="gold">
+            <Sunny />
+          </el-icon>
+          <el-icon v-if="scope.row.status == 3" :size="20" color="blue">
+            <Moon />
+          </el-icon>
         </template>
       </el-table-column>
-      <el-table-column label="操作">
+      <el-table-column prop="url" label="开始" width="60">
         <template #default="scope">
-          <el-icon :size="20" @click="copyNumber(scope.row)" class="click-icon">
-            <CopyDocument />
-          </el-icon>
-          <el-button class="click-icon" size="small" @click="handleEdit(scope.$index, scope.row)"
-            v-show="Tenant.account">编辑
-          </el-button>
-          <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)" v-show="Tenant.account">
-            删除
-          </el-button>
+          <span v-if="scope.row.status == 0" style="cursor: pointer" @click="on_remove(scope.row)">
+            <el-icon :size="20" @click="on_start(scope.row)">
+              <VideoPlay />
+            </el-icon>
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="url" label="停止" width="60">
+        <template #default="scope">
+          <span v-if="scope.row.status == 2" style="cursor: pointer" @click="on_remove(scope.row)">
+            <el-icon :size="20" @click="on_stop(scope.row)">
+              <VideoPause />
+            </el-icon>
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="url" label="删除" width="60">
+        <template #default="scope">
+          <span v-if="scope.row.status == 0" style="cursor: pointer" @click="on_remove(scope.row)">
+            <el-icon :size="20" @click="on_remove(scope.row)">
+              <Delete />
+            </el-icon>
+          </span>
         </template>
       </el-table-column>
     </el-table>
-    <div style="margin-top: 20px">
-      <el-button @click="toggleSelection([tableData[1], tableData[2]])">反选</el-button>
-      <el-button @click="toggleSelection()">清除</el-button>
-    </div> -->
-
-    <!-- <el-dialog v-model="dialogFormVisible" title="添加书签">
-      <bookmark_dialog :dialog_form="currentDialogData" :operate_code="operate" :types="bookmark_types"
-        @on-concel="closeDialog" @on-submit="doSubmit"></bookmark_dialog>
-    </el-dialog>
-
-    <el-dialog v-model="dialogVisible">
-      <delete_dialog :delete_id="currentDialogData.bk_id" @on-submit="doDelete"></delete_dialog>
-    </el-dialog>
-
-    <el-dialog v-model="createTypeDialogVisible">
-      <createType_dialog @on-update="doUpdate"></createType_dialog>
-    </el-dialog> -->
-
-    <!-- <el-dialog v-model="typeDialogVisible">
-      <bookmarkType_dialog :delete_id="currentDialogData.bk_id" @on-submit="doDelete"></bookmarkType_dialog>
-    </el-dialog> -->
   </div>
 </template>
 
 <script setup lang="ts">
-import { reactive } from 'vue';
+import { reactive, ref } from 'vue';
 import {
-  get_strategy_list,
-  upload_strategy,
-  load_strategy,
-  unload_strategy,
+  get_strategies,
+  create_strategy,
   start_strategy,
   stop_strategy,
-  remove_strategy
+  get_strategy_status,
 } 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 Strategy = {
-  strategy_id: string,
   strategy_name: string,
+  class_name: string,
+  vt_symbol: string,
+  setting: Object,
+  status: number,
 }
 
 const strategy_list = reactive<Strategy[]>([])
 
 const on_list = () => {
-  get_strategy_list().then(res => {
+  get_strategies().then(res => {
+    strategy_list.length = 0
     res.data.forEach((item: Strategy, index: number) => {
       strategy_list.push(item)
     })
   })
 }
 
-const on_upload = () => {
-  upload_strategy().then(res => {
+const on_create = () => {
+
+
+}
+
+const on_start = (row: any) => {
+  start_strategy(row.strategy_name).then(res => {
 
   })
 }
 
-const on_load = (strategy_id: string) => {
-  load_strategy(strategy_id).then(res => {
+const on_stop = (row: any) => {
+  stop_strategy(row.strategy_name).then(res => {
 
   })
 }
 
-const on_unload = (strategy_id: string) => {
-  unload_strategy(strategy_id).then(res => {
-
+const on_remove = (row: any) => {
+  stop_strategy(row.strategy_name).then(res => {
+    on_list()
   })
 }
 
-const on_start = (strategy_id: string) => {
-  start_strategy(strategy_id).then(res => {
-
+const on_status = (row: any) => {
+  get_strategy_status(row.strategy_name).then(res => {
+    row.status = res.data.status
   })
 }
 
-const on_stop = (strategy_id: string) => {
-  stop_strategy(strategy_id).then(res => {
-
-  })
-}
-
-const on_remove = (strategy_id: string) => {
-  remove_strategy(strategy_id).then(res => {
-
-  })
-}
+// init process
+on_list()
 
 
 </script>
 
 <style scoped>
+
 </style>

src/view/trader/cta_strategy_file.vue

@@ -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>