添加版本管理

服务器管理

src/assets/css/index.scss

@@ -25,7 +25,7 @@ body,
   display: none;
 }
 
-.slot-fragment{
+.slot-fragment {
   height: 100%;
 }
 .custom-button-primary {
@@ -43,6 +43,11 @@ body,
 }
 
 .custom-card {
+  .operator-wp {
+    display: flex;
+    justify-content: right;
+    padding-bottom: 20px;
+  }
   .layui-card-header {
     padding: 16px 24px;
     height: auto;
@@ -103,4 +108,4 @@ body,
       }
     }
   }
-}
+}

src/components/DragUpload.vue

@@ -11,18 +11,34 @@ const headers = {
 };
 const uploadValue = ref();
 
-
 const props = defineProps({
   modelValue: String,
 });
 uploadValue.value = props.modelValue;
 
-const handleUpload = (file: any) => {
-  console.log(file);
+let pemContent = ref()
+
+const handleUpload = (file: File) => {
+  const reader = new FileReader();
+  console.log("file",file); // 当文件读取操作完成后触发的事件
+  reader.onload = (event) => {
+    if (event.target?.result) {
+      pemContent.value = event.target.result as string;
+      console.log(pemContent.value)
+    }
+  };
+
+  // 当文件读取发生错误时触发的事件
+  reader.onerror = (event) => {
+    console.error("Error reading file:", reader.error);
+  };
+
+  // 读取文件内容作为文本
+  reader.readAsText(file);
 };
 const handleUploadDone = (e: any) => {
-  console.log(JSON.parse(e.data).data);
+  // console.log(JSON.parse(e.data).data);
   uploadValue.value = JSON.parse(e.data).data;
   // defineEmits({"change",JSON.parse(e.data).data;});
 };
-</script>
+</script>

src/components/PageLayout/Tag.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="tag-wp">
     <div class="tag-list">
-      <lay-tag class="tag-item" v-for="item in menuList" :closable="menuList.length > 1" maxWidth="100px" size="lg" @click="jumpPage(item)" @close="handleClose(item)">
+      <lay-tag class="tag-item" v-for="item in menuList" :closable="menuList.length > 1" maxWidth="120px" size="lg" @click="jumpPage(item)" @close="handleClose(item)">
         <span :class="{ lineheight: route.path == item.path }">{{ item.name }}</span>
       </lay-tag>
     </div>

src/views/quant/manage/components/Version.vue

@@ -141,15 +141,4 @@ const handleCurrentChange = (val: any) => {
   getPageInfo();
 };
 defineExpose({ show });
-</script>
-
-<style lang="scss" scoped>
-.custom-card {
-  height: 100%;
-}
-.operator-wp {
-  display: flex;
-  justify-content: right;
-  padding-bottom: 20px;
-}
-</style>
+</script>

src/views/server/manage/components/Batch.vue

@@ -0,0 +1,79 @@
+<template>
+  <lay-layer :title="modelConfig.title" v-model="modelConfig.visible" :area="['1000px', '550px']">
+    <div style="padding: 20px">
+      <lay-form :model="modelParams" ref="modelFormRef">
+        <lay-form-item prop="remark">
+          <lay-textarea placeholder="交易所  ApiKey名称  Api  Key  Pass" v-model="modelParams.info" rows="12" />
+        </lay-form-item>
+      </lay-form>
+      <div class="tips_wp">
+        <div class="tips">一行一个，空格分割，格式：交易所 名称 Api Key Pass</div>
+        <div class="tips">推荐用XLS表格弄好直接复制进去~</div>
+        <div class="tips danger">交易所请注意大小写！！支持列表：Binance，OKEx，CoinEx，Gate，KucoinFutures，KucoinSpot，Bitget，Bybit，MXC，Huobi</div>
+      </div>
+      <div class="run_wp">
+        <lay-button type="primary">运 行</lay-button>
+      </div>
+    </div>
+  </lay-layer>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, getCurrentInstance } from "vue";
+import { add_exchange } from "@/api";
+
+const { proxy }: any = getCurrentInstance();
+
+interface ModelConfig {
+  title: string;
+  visible: boolean;
+  isUpdate: boolean;
+  loading: boolean;
+}
+interface ModelParams {
+  info?: string;
+}
+
+let modelParams = ref<ModelParams>({});
+let modelConfig: ModelConfig = reactive({ title: "", visible: false, isUpdate: false, loading: false });
+
+let handleResult = reactive<{ resolve?: any; reject?: any }>({});
+
+const show = () => {
+  modelConfig.visible = true;
+  modelConfig.title = "批量添加ApiKey";
+  return new Promise(async (resolve, reject) => {
+    handleResult.resolve = resolve;
+    handleResult.reject = reject;
+  });
+};
+
+const handleInfo = (value: string) => {
+  const list = value.split(/\n+/);
+  let result = list.map((item: any) => {
+    const data = item.split(/\s+/);
+    return {
+      exchange: data[0],
+      name: data[1],
+      api: data[2],
+      key: data[3],
+      pass: data[4],
+    };
+  });
+  return result;
+};
+defineExpose({ show });
+</script>
+<style lang="scss" scoped>
+.tips_wp {
+  .tips {
+    color: var(--button-normal-color);
+    &.danger {
+      color: var(--button-danger-color);
+    }
+  }
+}
+.run_wp {
+  padding: 10px 0;
+}
+</style>

src/views/server/manage/components/Pem.vue

@@ -0,0 +1,142 @@
+<template>
+  <lay-layer :title="modelConfig.title" v-model="modelConfig.visible" :area="['1200px', '600px']">
+    <lay-card class="custom-card">
+      <div class="operator-wp">
+        <lay-button class="custom-button-primary" v-if="apiList?.includes('/menu/save')" @click="handleUpdate()">添加PEM</lay-button>
+      </div>
+      <div class="table-wp">
+        <lay-table :page="tablePage" :columns="columns" resize :data-source="dataSource" :loading="modelConfig.loading" @change="handleCurrentChange">
+          <template v-slot:status="{ row }">
+            {{ row.status ? "启用" : "禁用" }}
+          </template>
+          <template v-slot:operator="{ row }">
+            <lay-space>
+              <TableButton v-if="apiList?.includes('/user/setStatus')" :text="row.status == 0 ? '启用' : '禁用'" @click="handleStatus(row)" />
+              <TableButton v-if="apiList?.includes('/menu/update')" text="编辑" @click="handleUpdate(row)" />
+              <TableButton v-if="apiList?.includes('/menu/delete')" type="danger" text="删除" @click="handleDelete(row)" />
+            </lay-space>
+          </template>
+        </lay-table>
+      </div>
+    </lay-card>
+  </lay-layer>
+  <UpdatePem ref="updatePemRef" />
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, getCurrentInstance } from "vue";
+import UpdatePem from "./UpdatePem.vue";
+import { add_exchange, update_exchange } from "@/api";
+
+const { proxy }: any = getCurrentInstance();
+const updatePemRef = ref();
+
+const apiList = ref(window.sessionStorage.getItem("_4L_API_LIST"));
+
+interface ModelConfig {
+  title: string;
+  visible: boolean;
+  isUpdate: boolean;
+  loading: boolean;
+}
+interface ModelParams {}
+
+let modelParams = ref<ModelParams>({});
+let modelConfig: ModelConfig = reactive({ title: "", visible: false, isUpdate: false, loading: false });
+
+interface FormItem {
+  pageNum?: Number;
+  pageSize?: Number;
+  strategyId?: number;
+}
+
+const pageParams: FormItem = reactive({ pageNum: 1, pageSize: 10 });
+
+interface TablePage {
+  current: number;
+  limit: number;
+  total: number;
+}
+const tablePage: TablePage = reactive({ current: 1, limit: 10, total: 0 });
+const columns = ref([
+  { title: "版本名称", key: "name", sort: "desc" },
+  { title: "存储路径", key: "path", sort: "desc" },
+  { title: "状态", key: "status", customSlot: "status", sort: "desc" },
+  { title: "备注", key: "remark" },
+  {
+    title: "操作",
+    width: "300px",
+    customSlot: "operator",
+    key: "operator",
+    fixed: "right",
+    ignoreExport: true,
+  },
+]);
+let dataSource = ref([]);
+
+const show = () => {
+  modelConfig.visible = true;
+  modelConfig.title = "PEM管理";
+  getPageInfo();
+};
+
+// 请求操作列表
+const getPageInfo = (isSearch?: boolean) => {
+  if (isSearch) pageParams.pageNum = 1;
+  modelConfig.loading = true;
+  get_strategy_program_list(pageParams, (data: any) => {
+    modelConfig.loading = false;
+    if (data.code == 200) {
+      dataSource.value = data.data.list;
+      tablePage.total = data.data.total;
+    }
+  });
+};
+
+// 添加/编辑PEM
+const handleUpdate = async (value?: any) => {
+  const result = await updatePemRef.value.show(value);
+  if (result) getPageInfo();
+};
+
+// 修改PEM状态
+const handleStatus = async (value: any) => {
+  let result = await proxy.$waitingConfirm(`是否确认${value.status == 0 ? "启用" : "禁用"}该版本？`);
+  if (!result) return;
+  let params = {
+    ids: [value.id],
+    status: value.status == 0 ? 1 : 0,
+  };
+  modelConfig.loading = true;
+  set_strategy_program_status(params, (data: any) => {
+    modelConfig.loading = false;
+    if (data.code == 200) {
+      proxy.$message(`修改成功！`);
+      getPageInfo();
+    }
+  });
+};
+
+// 删除PEM
+const handleDelete = async (value: any) => {
+  let result = await proxy.$waitingConfirm("是否确认删除该版本？");
+  if (!result) return;
+  let params = [value.id];
+  modelConfig.loading = true;
+  delete_strategy_program(params, (data: any) => {
+    modelConfig.loading = false;
+    if (data.code == 200) {
+      proxy.$message("刪除成功！");
+      getPageInfo();
+    }
+  });
+};
+
+// 分页设置
+const handleCurrentChange = (val: any) => {
+  pageParams.pageNum = val.current;
+  getPageInfo();
+};
+
+defineExpose({ show });
+</script>

src/views/server/manage/components/Update.vue

@@ -1,27 +1,27 @@
 <template>
-  <lay-layer :title="modelConfig.title" v-model="modelConfig.visible" :area="['500px', '450px']" :btn="operator">
+  <lay-layer :title="modelConfig.title" v-model="modelConfig.visible" :area="['600px', '650px']" :btn="operator">
     <div style="padding: 20px">
       <lay-form :model="modelParams" ref="modelFormRef" required>
-        <lay-form-item label="名称" prop="name">
-          <lay-input v-model="modelParams.name" />
+        <lay-form-item label="名称" prop="title">
+          <lay-input v-model="modelParams.title" />
         </lay-form-item>
-        <lay-form-item label="IP" prop="code">
-          <lay-input v-model="modelParams.code" />
+        <lay-form-item label="IP" prop="ipAddrComplex">
+          <lay-input v-model="modelParams.ipAddrComplex" />
         </lay-form-item>
-        <lay-form-item label="端口号" prop="code">
-          <lay-input v-model="modelParams.code" />
+        <lay-form-item label="端口号" prop="portComplex">
+          <lay-input v-model="modelParams.portComplex" />
         </lay-form-item>
         <lay-form-item label="登录方式" prop="code">
           <lay-radio v-model="modelParams.code" name="action" :value="1" label="账号密码" />
           <lay-radio v-model="modelParams.code" name="action" :value="2" label="PEM" />
         </lay-form-item>
-        <lay-form-item label="账号" prop="code">
-          <lay-input v-model="modelParams.code" />
+        <lay-form-item v-if="modelParams.code == 1" label="账号" prop="accountComplex">
+          <lay-input v-model="modelParams.accountComplex" />
         </lay-form-item>
-        <lay-form-item label="密码" prop="code">
-          <lay-input v-model="modelParams.code" />
+        <lay-form-item v-if="modelParams.code == 1" label="密码" prop="passwordComplex">
+          <lay-input v-model="modelParams.passwordComplex" />
         </lay-form-item>
-        <lay-form-item label="PEM" prop="code">
+        <lay-form-item v-if="modelParams.code == 2" label="PEM" prop="code">
           <lay-input v-model="modelParams.code" />
         </lay-form-item>
         <lay-form-item label="备注" prop="textarea">
@@ -45,9 +45,13 @@ interface ModelConfig {
   loading: boolean;
 }
 interface ModelParams {
-  exchangeId?: string;
-  name?: string;
-  code?: string;
+  userServerId?: string;
+  title?: string;
+  ipAddrComplex?: string;
+  portComplex?: string;
+  accountComplex?: string;
+  passwordComplex?: string;
+  code?: number;
 }
 
 let modelParams = ref<ModelParams>({});
@@ -58,8 +62,8 @@ let handleResult = reactive<{ resolve?: any; reject?: any }>({});
 const show = (params?: any) => {
   modelConfig.visible = true;
   modelConfig.isUpdate = !!params;
-  modelConfig.title = modelConfig.isUpdate ? "编辑交易所" : "添加交易所";
-  modelParams.value = modelConfig.isUpdate ? { ...params } : { status: 1 };
+  modelConfig.title = modelConfig.isUpdate ? "编辑服务器" : "添加服务器";
+  modelParams.value = modelConfig.isUpdate ? { ...params } : { code: 1 };
   return new Promise(async (resolve, reject) => {
     handleResult.resolve = resolve;
     handleResult.reject = reject;

src/views/server/manage/components/UpdatePem.vue

@@ -0,0 +1,92 @@
+<template>
+  <lay-layer :title="modelConfig.title" v-model="modelConfig.visible" :area="['500px', '550px']" :btn="operator">
+    <div style="padding: 20px">
+      <lay-form :model="modelParams" ref="modelFormRef" required>
+        <lay-form-item label="名称" prop="title">
+          <lay-input v-model="modelParams.title" />
+        </lay-form-item>
+        <lay-form-item label="PEM" prop="path">
+          <DragUpload v-model="modelParams.path" />
+        </lay-form-item>
+        <lay-form-item label="备注" prop="textarea">
+          <lay-textarea v-model="modelParams.remake" />
+        </lay-form-item>
+      </lay-form>
+    </div>
+  </lay-layer>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, getCurrentInstance } from "vue";
+import DragUpload from "@/components/DragUpload.vue";
+import { add_exchange, update_exchange } from "@/api";
+
+const { proxy }: any = getCurrentInstance();
+
+interface ModelConfig {
+  title: string;
+  visible: boolean;
+  isUpdate: boolean;
+  loading: boolean;
+}
+interface ModelParams {
+  userServerId?: string;
+  title?: string;
+  path?: string;
+  remake?: string;
+}
+
+let modelParams = ref<ModelParams>({});
+let modelConfig: ModelConfig = reactive({ title: "", visible: false, isUpdate: false, loading: false });
+
+let handleResult = reactive<{ resolve?: any; reject?: any }>({});
+
+const show = (params?: any) => {
+  modelConfig.visible = true;
+  modelConfig.isUpdate = !!params;
+  modelConfig.title = modelConfig.isUpdate ? "编辑PEM" : "添加PEM";
+  modelParams.value = modelConfig.isUpdate ? { ...params } : { code: 1 };
+  return new Promise(async (resolve, reject) => {
+    handleResult.resolve = resolve;
+    handleResult.reject = reject;
+  });
+};
+
+const operator = reactive([
+  {
+    text: "确认",
+    callback: () => {
+      modelConfig.loading = true;
+      if (modelConfig.isUpdate) {
+        const params = { ...modelParams.value };
+        update_exchange(params, (data: any) => {
+          modelConfig.loading = false;
+          if (data.code == 200) {
+            proxy.$message("编辑成功！");
+            modelConfig.visible = false;
+            handleResult.resolve(true);
+          }
+        });
+      } else {
+        const params = { ...modelParams.value };
+        add_exchange(params, (data: any) => {
+          modelConfig.loading = false;
+          if (data.code == 200) {
+            proxy.$message("添加成功！");
+            modelConfig.visible = false;
+            handleResult.resolve(true);
+          }
+        });
+      }
+    },
+  },
+  {
+    text: "取消",
+    callback: () => {
+      modelConfig.visible = false;
+      handleResult.resolve(false);
+    },
+  },
+]);
+defineExpose({ show });
+</script>

src/views/server/manage/index.vue

@@ -1,131 +1,146 @@
 <template>
-    <lay-card class="custom-card">
-      <template v-slot:title>
-        <span class="card-title">服务器管理</span>
-      </template>
-      <template v-slot:extra>
-        <lay-button class="card-button" v-if="apiList?.includes('/user/save')" @click="handleUpdate()">PEM管理</lay-button>
-        <lay-button class="card-button" v-if="apiList?.includes('/user/save')" @click="handleUpdate()">批量添加服务器</lay-button>
-        <lay-button class="card-button" v-if="apiList?.includes('/user/save')" @click="handleUpdate()">添加服务器</lay-button>
-      </template>
-  
-      <template v-slot:body>
-        <div class="custom-form-layout">
-          <lay-form class="form-wp" :model="pageParams" mode="inline">
-            <lay-form-item label="名称" prop="name">
-              <lay-input v-model="pageParams.name" />
-            </lay-form-item>
-            <div class="form-button-wp">
-              <lay-button @click="getPageInfo(true)">搜索</lay-button>
-            </div>
-          </lay-form>
-        </div>
-        <div>
-          <lay-table :page="tablePage" :columns="columns" resize :data-source="dataSource" :loading="pageConfig.loading" @change="handleCurrentChange">
-            <template v-slot:status="{ row }">
-              {{ row.status ? "启用" : "禁用" }}
-            </template>
-            <template v-slot:operator="{ row }">
-              <lay-space>
-                <TableButton v-if="apiList?.includes('/user/setStatus')" text="测试连接" @click="handleStatus(row)" />
-                <TableButton v-if="apiList?.includes('/user/update')" text="编辑" @click="handleUpdate(row)" />
-                <TableButton v-if="apiList?.includes('/user/update')" text="复制" @click="handleUpdate(row)" />
-                <TableButton v-if="apiList?.includes('/user/delete')" type="danger" text="删除" @click="handleDelete(row)" />
-              </lay-space>
-            </template>
-          </lay-table>
-        </div>
-      </template>
-    </lay-card>
-    <Update ref="updateRef" />
-  </template>
-  
-  <script lang="ts" setup name="ServerManage">
-  import { ref, reactive, getCurrentInstance } from "vue";
-  import Update from "./components/Update.vue";
-  import TableButton from "@/components/TableButton.vue";
-  import { get_server_list, delete_server } from "@/api";
-  
-  const { proxy }: any = getCurrentInstance();
-  const updateRef = ref();
-  
-  const apiList = ref(window.sessionStorage.getItem("_4L_API_LIST"));
-  
-  interface PageConfig {
-    loading: boolean;
-  }
-  
-  let pageConfig: PageConfig = reactive({
-    loading: false,
+  <lay-card class="custom-card">
+    <template v-slot:title>
+      <span class="card-title">服务器管理</span>
+    </template>
+    <template v-slot:extra>
+      <lay-button class="card-button" v-if="apiList?.includes('/user/save')" @click="handlePem()">PEM管理</lay-button>
+      <lay-button class="card-button" v-if="apiList?.includes('/user/save')" @click="handleBatch()">批量添加服务器</lay-button>
+      <lay-button class="card-button" v-if="apiList?.includes('/user/save')" @click="handleUpdate()">添加服务器</lay-button>
+    </template>
+
+    <template v-slot:body>
+      <div class="custom-form-layout">
+        <lay-form class="form-wp" :model="pageParams" mode="inline">
+          <lay-form-item label="名称" prop="name">
+            <lay-input v-model="pageParams.name" />
+          </lay-form-item>
+          <div class="form-button-wp">
+            <lay-button @click="getPageInfo(true)">搜索</lay-button>
+          </div>
+        </lay-form>
+      </div>
+      <div>
+        <lay-table :page="tablePage" :columns="columns" resize :data-source="dataSource" :loading="pageConfig.loading" @change="handleCurrentChange">
+          <template v-slot:status="{ row }">
+            {{ row.status ? "启用" : "禁用" }}
+          </template>
+          <template v-slot:operator="{ row }">
+            <lay-space>
+              <TableButton v-if="apiList?.includes('/user/setStatus')" text="测试连接" @click="handleStatus(row)" />
+              <TableButton v-if="apiList?.includes('/user/update')" text="编辑" @click="handleUpdate(row)" />
+              <TableButton v-if="apiList?.includes('/user/update')" text="复制" @click="handleUpdate(row)" />
+              <TableButton v-if="apiList?.includes('/user/delete')" type="danger" text="删除" @click="handleDelete(row)" />
+            </lay-space>
+          </template>
+        </lay-table>
+      </div>
+    </template>
+  </lay-card>
+  <Update ref="updateRef" />
+  <Batch ref="batchRef" />
+  <Pem ref="pemRef" />
+</template>
+
+<script lang="ts" setup name="ServerManage">
+import { ref, reactive, getCurrentInstance } from "vue";
+import Pem from "./components/Pem.vue";
+import Update from "./components/Update.vue";
+import Batch from "./components/Batch.vue";
+import TableButton from "@/components/TableButton.vue";
+import { get_server_list, delete_server } from "@/api";
+
+const { proxy }: any = getCurrentInstance();
+const updateRef = ref();
+const batchRef = ref();
+const pemRef = ref();
+
+const apiList = ref(window.sessionStorage.getItem("_4L_API_LIST"));
+
+interface PageConfig {
+  loading: boolean;
+}
+
+let pageConfig: PageConfig = reactive({
+  loading: false,
+});
+
+interface FormItem {
+  pageNum?: Number;
+  pageSize?: Number;
+  name?: String;
+}
+const pageParams: FormItem = reactive({ pageNum: 1, pageSize: 10 });
+
+interface TablePage {
+  current: number;
+  limit: number;
+  total: number;
+}
+const tablePage: TablePage = reactive({ current: 1, limit: 10, total: 0 });
+const columns = ref([
+  { title: "名称", width: "80px", key: "name", sort: "desc" },
+  { title: "IP", width: "80px", key: "account", sort: "desc" },
+  { title: "端口号", width: "80px", key: "account", sort: "desc" },
+  { title: "状态", width: "80px", key: "status", customSlot: "status" },
+  { title: "备注", width: "80px", key: "remark", ellipsisTooltip: true },
+  { title: "更新时间", width: "80px", key: "account", sort: "desc" },
+  {
+    title: "操作",
+    width: "150px",
+    customSlot: "operator",
+    key: "operator",
+    ignoreExport: true,
+  },
+]);
+let dataSource = ref([]);
+
+// 请求交易所列表
+const getPageInfo = (isSearch?: boolean) => {
+  if (isSearch) pageParams.pageNum = 1;
+  pageConfig.loading = true;
+  get_server_list(pageParams, (data: any) => {
+    pageConfig.loading = false;
+    if (data.code == 200) {
+      dataSource.value = data.data.list;
+      tablePage.total = data.data.total;
+    }
   });
-  
-  interface FormItem {
-    pageNum?: Number;
-    pageSize?: Number;
-    name?: String;
-  }
-  const pageParams: FormItem = reactive({ pageNum: 1, pageSize: 10 });
-  
-  interface TablePage {
-    current: number;
-    limit: number;
-    total: number;
-  }
-  const tablePage: TablePage = reactive({ current: 1, limit: 10, total: 0 });
-  const columns = ref([
-    { title: "名称", width: "80px", key: "name", sort: "desc" },
-    { title: "IP", width: "80px", key: "account", sort: "desc" },
-    { title: "端口号", width: "80px", key: "account", sort: "desc" },
-    { title: "状态", width: "80px", key: "status", customSlot: "status" },
-    { title: "备注", width: "80px", key: "remark", ellipsisTooltip: true },
-    { title: "更新时间", width: "80px", key: "account", sort: "desc" },
-    {
-      title: "操作",
-      width: "150px",
-      customSlot: "operator",
-      key: "operator",
-      ignoreExport: true,
-    },
-  ]);
-  let dataSource = ref([]);
-  
-  // 请求交易所列表
-  const getPageInfo = (isSearch?: boolean) => {
-    if (isSearch) pageParams.pageNum = 1;
-    pageConfig.loading = true;
-    get_server_list(pageParams, (data: any) => {
-      pageConfig.loading = false;
-      if (data.code == 200) {
-        dataSource.value = data.data.list;
-        tablePage.total = data.data.total;
-      }
-    });
-  };
+};
+getPageInfo();
+
+const handlePem = async () => {
+  const result = await pemRef.value.show();
+  if (result) getPageInfo();
+};
+
+const handleBatch = async () => {
+  const result = await batchRef.value.show();
+  if (result) getPageInfo();
+};
+
+const handleUpdate = async (value?: any) => {
+  const result = await updateRef.value.show(value);
+  if (result) getPageInfo();
+};
+
+// 删除交易所
+const handleDelete = async (value: any) => {
+  let result = await proxy.$waitingConfirm("是否确认删除该用户？");
+  if (!result) return;
+  let params = [value.userId];
+  pageConfig.loading = true;
+  delete_server(params, (data: any) => {
+    pageConfig.loading = false;
+    if (data.code == 200) {
+      proxy.$message(`删除成功！`);
+      getPageInfo();
+    }
+  });
+};
+// 分页设置
+const handleCurrentChange = (val: any) => {
+  pageParams.pageNum = val.current;
   getPageInfo();
-  
-  const handleUpdate = async (value?: any) => {
-    const result = await updateRef.value.show(value);
-    if (result) getPageInfo();
-  };
-  
-  // 删除交易所
-  const handleDelete = async (value: any) => {
-    let result = await proxy.$waitingConfirm("是否确认删除该用户？");
-    if (!result) return;
-    let params = [value.userId];
-    pageConfig.loading = true;
-    delete_server(params, (data: any) => {
-      pageConfig.loading = false;
-      if (data.code == 200) {
-        proxy.$message(`删除成功！`);
-        getPageInfo();
-      }
-    });
-  };
-  // 分页设置
-  const handleCurrentChange = (val: any) => {
-    pageParams.pageNum = val.current;
-    getPageInfo();
-  };
-  </script>
-  
+};
+</script>