From b2d45d708064f465eda37036d72a0cd252efd459 Mon Sep 17 00:00:00 2001
From: hucan <951870319@qq.com>
Date: Sat, 8 Mar 2025 10:06:03 +0800
Subject: [PATCH] 1

---
 .../admin/line-order-template-logs/index.vue  |  259 ++---
 src/views/admin/line-pre-order/index.vue      | 1003 +++++------------
 2 files changed, 341 insertions(+), 921 deletions(-)

diff --git a/src/views/admin/line-order-template-logs/index.vue b/src/views/admin/line-order-template-logs/index.vue
index 357342f..ce3a112 100644
--- a/src/views/admin/line-order-template-logs/index.vue
+++ b/src/views/admin/line-order-template-logs/index.vue
@@ -3,13 +3,8 @@
     <template #wrapper>
       <el-card class="box-card">
         <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">
-          <el-form-item label="模板名称" prop="name"><el-input
-            v-model="queryParams.name"
-            placeholder="请输入模板名称"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
+          <el-form-item label="模板名称" prop="name"><el-input v-model="queryParams.name" placeholder="请输入模板名称" clearable
+              size="small" @keyup.enter.native="handleQuery" />
           </el-form-item>
           <!-- <el-form-item label="用户" prop="userId"><el-select
             v-model="queryParams.userId"
@@ -49,25 +44,13 @@
                         </el-button>
                     </el-col> -->
           <el-col :span="1.5">
-            <el-button
-              v-permisaction="['admin:lineOrderTemplateLogs:edit']"
-              type="success"
-              icon="el-icon-edit"
-              size="mini"
-              :disabled="single"
-              @click="handleUpdate"
-            >修改
+            <el-button v-permisaction="['admin:lineOrderTemplateLogs:edit']" type="success" icon="el-icon-edit"
+              size="mini" :disabled="single" @click="handleUpdate">修改
             </el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              v-permisaction="['admin:lineOrderTemplateLogs:remove']"
-              type="danger"
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="multiple"
-              @click="handleDelete"
-            >删除
+            <el-button v-permisaction="['admin:lineOrderTemplateLogs:remove']" type="danger" icon="el-icon-delete"
+              size="mini" :disabled="multiple" @click="handleDelete">删除
             </el-button>
           </el-col>
           <el-col :span="1.5">
@@ -76,12 +59,8 @@
           </el-col>
         </el-row>
 
-        <el-table
-          ref="table"
-          v-loading="loading"
-          :data="lineOrderTemplateLogsList"
-          @selection-change="handleSelectionChange"
-        >
+        <el-table ref="table" v-loading="loading" :data="lineOrderTemplateLogsList"
+          @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="55" align="center" />
           <el-table-column label="id" align="center" prop="id" :show-overflow-tooltip="true" />
           <el-table-column label="模板名称" align="center" prop="name" :show-overflow-tooltip="true" />
@@ -95,59 +74,31 @@
           </el-table-column><el-table-column label="开关" align="center" prop="switch" :show-overflow-tooltip="true">
             <template #default="{ row }">
               <div @click="onSwitch(row)">
-                <el-switch
-                  :value="row.switch"
-                  active-value="1"
-                  inactive-value="0"
-                  active-color="#13ce66"
-                  inactive-color="#ff4949"
-                />
+                <el-switch :value="row.switch" active-value="1" inactive-value="0" active-color="#13ce66"
+                  inactive-color="#ff4949" />
               </div>
             </template>
           </el-table-column>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope">
-              <el-popconfirm
-                class="delete-popconfirm"
-                title="确认要修改吗?"
-                confirm-button-text="修改"
-                @confirm="handleUpdate(scope.row)"
-              >
-                <el-button
-                  slot="reference"
-                  v-permisaction="['admin:lineOrderTemplateLogs:edit']"
-                  size="mini"
-                  type="text"
-                  icon="el-icon-edit"
-                >修改
+              <el-popconfirm class="delete-popconfirm" title="确认要修改吗?" confirm-button-text="修改"
+                @confirm="handleUpdate(scope.row)">
+                <el-button slot="reference" v-permisaction="['admin:lineOrderTemplateLogs:edit']" size="mini"
+                  type="text" icon="el-icon-edit">修改
                 </el-button>
               </el-popconfirm>
-              <el-popconfirm
-                class="delete-popconfirm"
-                title="确认要删除吗?"
-                confirm-button-text="删除"
-                @confirm="handleDelete(scope.row)"
-              >
-                <el-button
-                  slot="reference"
-                  v-permisaction="['admin:lineOrderTemplateLogs:remove']"
-                  size="mini"
-                  type="text"
-                  icon="el-icon-delete"
-                >删除
+              <el-popconfirm class="delete-popconfirm" title="确认要删除吗?" confirm-button-text="删除"
+                @confirm="handleDelete(scope.row)">
+                <el-button slot="reference" v-permisaction="['admin:lineOrderTemplateLogs:remove']" size="mini"
+                  type="text" icon="el-icon-delete">删除
                 </el-button>
               </el-popconfirm>
             </template>
           </el-table-column>
         </el-table>
 
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageIndex"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageIndex"
+          :limit.sync="queryParams.pageSize" @pagination="getList" />
 
         <!-- 添加或修改对话框 -->
         <el-dialog :title="title" :visible.sync="open" width="1200px" :close-on-click-modal="false">
@@ -155,23 +106,11 @@
             <el-form-item label="模板名称" prop="name">
               <el-input v-model="form.name" placeholder="模板名称" />
             </el-form-item>
-            <el-form
-              ref="inForm"
-              :model="inForm"
-              :rules="inRules"
-              label-width="180px"
-              style="height: 500px;overflow: hidden auto;"
-            >
+            <el-form ref="inForm" :model="inForm" :rules="inRules" label-width="180px"
+              style="height: 500px;overflow: hidden auto;">
               <el-form-item label="交易所" prop="exchange_type">
-                <el-select
-                  v-model="inForm.exchange_type"
-                  style="width: 100%;"
-                  placeholder="请选择交易所"
-                  clearable
-                  filterable
-                  size="small"
-                  @change="onchangeForm"
-                >
+                <el-select v-model="inForm.exchange_type" style="width: 100%;" placeholder="请选择交易所" clearable filterable
+                  size="small" @change="onchangeForm">
                   <el-option v-for="dict in exchangeTypes" :key="dict.value" :label="dict.label" :value="dict.value" />
                 </el-select>
               </el-form-item>
@@ -191,21 +130,10 @@
               <el-form-item label="api用户" prop="api_id">
                 <el-row>
                   <el-col :span="21">
-                    <el-select
-                      v-model="inForm.api_id"
-                      multiple
-                      style="width: 100%;"
-                      placeholder="请选择api用户"
-                      clearable
-                      filterable
-                      size="small"
-                    >
-                      <el-option
-                        v-for="dict in lineUsers"
-                        :key="dict.id"
-                        :label="dict.apiName"
-                        :value="String(dict.id)"
-                      />
+                    <el-select v-model="inForm.api_id" multiple style="width: 100%;" placeholder="请选择api用户" clearable
+                      filterable size="small">
+                      <el-option v-for="dict in lineUsers" :key="dict.id" :label="dict.apiName"
+                        :value="String(dict.id)" />
                     </el-select>
                   </el-col>
                   <el-col :span="3">
@@ -214,47 +142,20 @@
                 </el-row>
               </el-form-item>
               <el-form-item v-if="form.type === 2" label="交易对组" prop="symbol_group_id">
-                <el-select
-                  v-if="form.type === 2"
-                  v-model="inForm.symbol_group_id"
-                  style="width: 100%;"
-                  placeholder="请选择交易对组"
-                  clearable
-                  filterable
-                  size="small"
-                >
+                <el-select v-if="form.type === 2" v-model="inForm.symbol_group_id" style="width: 100%;"
+                  placeholder="请选择交易对组" clearable filterable size="small">
                   <el-option v-for="dict in comSymbols" :key="dict.id" :label="dict.groupName" :value="dict.id" />
                 </el-select>
               </el-form-item>
               <el-form-item v-else label="交易对" prop="symbol">
-                <el-select
-                  v-model="inForm.symbol"
-                  style="width: 100%;"
-                  placeholder="请选择交易对"
-                  clearable
-                  filterable
-                  remote
-                  :remote-method="getSymbol"
-                  :loading="searchLoding"
-                  size="small"
-                  @change="onchangeSymbol"
-                >
-                  <el-option
-                    v-for="dict in comSymbols"
-                    :key="dict.id || dict.symbol"
-                    :label="dict.symbol"
-                    :value="dict.symbol"
-                  />
+                <el-select v-model="inForm.symbol" style="width: 100%;" placeholder="请选择交易对" clearable filterable remote
+                  :remote-method="getSymbol" :loading="searchLoding" size="small" @change="onchangeSymbol">
+                  <el-option v-for="dict in comSymbols" :key="dict.id || dict.symbol" :label="dict.symbol"
+                    :value="dict.symbol" />
                   <div class="page">
-                    <pagination
-                      v-show="symbol.total > 0"
-                      :background="false"
-                      :total="symbol.total"
-                      layout="prev, pager, next"
-                      :page.sync="symbol.pageIndex"
-                      :limit.sync="symbol.pageSize"
-                      @pagination="getSymbol"
-                    />
+                    <pagination v-show="symbol.total > 0" :background="false" :total="symbol.total"
+                      layout="prev, pager, next" :page.sync="symbol.pageIndex" :limit.sync="symbol.pageSize"
+                      @pagination="getSymbol" />
                   </div>
                 </el-select>
               </el-form-item>
@@ -282,19 +183,10 @@
                   <el-form-item label="下单价(实际价格)" prop="price">
                     <el-input v-model="inForm.price" placeholder="下单价(实际价格)">
                       <template #prepend>
-                        <el-select
-                          v-if="inForm.price_pattern === 'aicoin'"
-                          v-model="aicoinPrice"
-                          placeholder="请选择"
-                          style="width: 150px;"
-                          @change="onchangeAicoin"
-                        >
-                          <el-option
-                            v-for="o in JSON.stringify(aicoins) !== '{}' ? options : []"
-                            :key="o.label"
-                            :label="o.label"
-                            :value="aicoins[o.value] || ''"
-                          >
+                        <el-select v-if="inForm.price_pattern === 'aicoin'" v-model="aicoinPrice" placeholder="请选择"
+                          style="width: 150px;" @change="onchangeAicoin">
+                          <el-option v-for="o in JSON.stringify(aicoins) !== '{}' ? options : []" :key="o.label"
+                            :label="o.label" :value="aicoins[o.value] || ''">
                             <span style="float: left">{{ o.label }}</span>
                             <span style="float: right">{{ aicoins[o.value] || 0 }}</span>
                           </el-option>
@@ -412,63 +304,70 @@
                 <el-col :span="4"><el-form-item label="主单加仓配置" /></el-col>
                 <el-col :span="2"><el-button type="primary" size="mini" @click="onAddExt(0)">新增加仓</el-button></el-col>
                 <el-col :span="2"><el-button type="primary" size="mini" @click="onAddExt(2)">新增减仓</el-button></el-col>
-                <el-col v-if="form.type === 1" :span="2"><el-button
-                  type="primary"
-                  size="mini"
-                  :disabled="inForm.ext && inForm.ext.length === 0"
-                  @click="onCalculate"
-                >计算</el-button></el-col>
+                <el-col v-if="form.type === 1" :span="2"><el-button type="primary" size="mini"
+                    :disabled="inForm.ext && inForm.ext.length === 0" @click="onCalculate">计算</el-button></el-col>
               </el-row>
-              <div v-for="(item,index) in inForm.ext" :key="index" class="exts">
-                <el-row v-if="item.addType===1" :gutter="20" style="margin-bottom: 20px;">
+              <div v-for="(item, index) in inForm.ext" :key="index" class="exts">
+                <el-row v-if="item.addType === 1" :gutter="20" style="margin-bottom: 20px;">
                   <el-col :span="5">
-                    <div style="margin-bottom: 8px;">{{ item.addType===1?'加仓类型':'减仓类型' }}</div>
+                    <div style="margin-bottom: 8px;">{{ item.addType === 1 ? '加仓类型' : '减仓类型' }}</div>
                     <el-radio-group v-model="item.orderType" size="mini">
                       <el-radio label="LIMIT">限价</el-radio>
                       <el-radio label="MARKET">市价</el-radio>
                     </el-radio-group>
                   </el-col>
                   <el-col :span="5">
-                    <div style="margin-bottom: 8px;">{{ item.addType===1?'加仓方式':'减仓方式' }}</div>
+                    <div style="margin-bottom: 8px;">{{ item.addType === 1 ? '加仓方式' : '减仓方式' }}</div>
                     <el-radio-group v-model="item.addPositionType" size="mini">
                       <el-radio :label="1">百分比</el-radio>
-                      <el-radio :label="2" :disabled="item.addType===2">实际金额</el-radio>
+                      <el-radio :label="2" :disabled="item.addType === 2">实际金额</el-radio>
                     </el-radio-group>
                   </el-col>
 
                 </el-row>
                 <el-row :gutter="20">
-                  <el-col :span="3">{{ item.addType===1?'加仓下跌百分比': '减仓下跌百分比' }}
-                    <el-input v-model.number="item.priceRatio" min="0" size="mini" type="number" :placeholder="item.addType===1?'加仓下跌百分比': '减仓下跌百分比'" /></el-col>
-                  <el-col :span="3">{{ item.addType===1?'加仓数值':'减仓数值' }}
-                    <el-input v-model.number="item.addPositionVal" min="0" size="mini" type="number" :placeholder="item.addType===1?'加仓数值':'减仓数值'" />
+                  <el-col :span="3">{{ item.addType === 1 ? '加仓下跌百分比' : '减仓下跌百分比' }}
+                    <el-input v-model.number="item.priceRatio" min="0" size="mini" type="number"
+                      :placeholder="item.addType === 1 ? '加仓下跌百分比' : '减仓下跌百分比'" /></el-col>
+                  <el-col :span="3">{{ item.addType === 1 ? '加仓数值' : '减仓数值' }}
+                    <el-input v-model.number="item.addPositionVal" min="0" size="mini" type="number"
+                      :placeholder="item.addType === 1 ? '加仓数值' : '减仓数值'" />
                   </el-col>
                   <el-col :span="6">
                     <span>止盈/止损百分比</span>
                     <div>
-                      <el-input v-model="item.takeProfitRatio" min="0" style="width:50%;" size="mini" type="number" placeholder="止盈百分比">
-                        <template v-if="form.type === 1" #append>{{ ext[index] ? ext[index].reTakeProfitRatio : 0 }}</template>
+                      <el-input v-model="item.takeProfitRatio" min="0" style="width:50%;" size="mini" type="number"
+                        placeholder="止盈百分比">
+                        <template v-if="form.type === 1" #append>{{ ext[index] ? ext[index].reTakeProfitRatio : 0
+                          }}</template>
                       </el-input>
                       —
-                      <el-input v-model.number="item.stopLossRatio" style="width:42%;" size="mini" type="number" placeholder="止损百分比" />
+                      <el-input v-model.number="item.stopLossRatio" style="width:42%;" size="mini" type="number"
+                        placeholder="止损百分比" />
                     </div>
                   </el-col>
                   <!-- <el-col :span="3">止损百分比<el-input v-model.number="item.stopLossRatio" size="mini" type="number" placeholder="止损百分比" /></el-col> -->
 
-                  <template v-if="item.addType===1">
+                  <template v-if="item.addType === 1">
                     <el-col :span="3">
-                      止盈数量百分比<el-input v-model.number="item.takeProfitNumRatio" size="mini" type="number" placeholder="止盈数量百分比" />
+                      止盈数量百分比<el-input v-model.number="item.takeProfitNumRatio" size="mini" type="number"
+                        placeholder="止盈数量百分比" />
                     </el-col>
                     <el-col :span="6">
                       <span>第二止盈/止损百分比</span>
                       <div>
-                        <el-input v-model.number="item.tpTpPriceRatio" min="0" style="width:42%" size="mini" type="number" placeholder="止盈后止盈价百分比" />
+                        <el-input v-model.number="item.tpTpPriceRatio" min="0" style="width:42%" size="mini"
+                          type="number" placeholder="止盈后止盈价百分比" />
                         —
-                        <el-input v-model.number="item.tpSlPriceRatio" min="0" style="width:42%" size="mini" type="number" placeholder="止盈后止损价百分比" />
+                        <el-input v-model.number="item.tpSlPriceRatio" min="0" style="width:42%" size="mini"
+                          type="number" placeholder="止盈后止损价百分比" />
                       </div>
                     </el-col>
                   </template>
-                  <el-col :span="3"><div style="margin-bottom: 14px;" /><el-button size="mini" type="danger" @click="onAddExt(1,index)">删除</el-button></el-col>
+                  <el-col :span="3">
+                    <div style="margin-bottom: 14px;" /><el-button size="mini" type="danger"
+                      @click="onAddExt(1, index)">删除</el-button>
+                  </el-col>
                 </el-row>
               </div>
               <!-- <el-form-item label="是否保存模板" prop="save_template">
@@ -676,7 +575,7 @@ export default {
         this.inForm.ext.splice(index, 1)
         return false
       }
-      console.log('ext',this.inForm.ext)
+      console.log('ext', this.inForm.ext)
       this.inForm.ext.push({
         // 类型 订单类型 加仓类型 加仓数值 价格百分比 止盈百分比 止损百分比
         addType: type === 0 ? 1 : 2,
@@ -798,10 +697,10 @@ export default {
       }
       this.resetForm('form')
     },
-    getImgList: function() {
+    getImgList: function () {
       this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
     },
-    fileClose: function() {
+    fileClose: function () {
       this.fileOpen = false
     },
     userIdFormat(row) {
@@ -861,7 +760,7 @@ export default {
       })
     },
     /** 提交按钮 */
-    submitForm: function() {
+    submitForm: function () {
       this.$refs['form'].validate(valid => {
         if (valid) {
           this.inForm.price = this.inForm.price ? String(this.inForm.price) : ''
@@ -914,7 +813,7 @@ export default {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      }).then(function() {
+      }).then(function () {
         return delLineOrderTemplateLogs({ 'ids': Ids })
       }).then((response) => {
         if (response.code === 200) {
@@ -924,7 +823,7 @@ export default {
         } else {
           this.msgError(response.msg)
         }
-      }).catch(function() {
+      }).catch(function () {
       })
     },
     handleOrders() {
@@ -933,7 +832,7 @@ export default {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      }).then(function() {
+      }).then(function () {
         return quickAddPreOrder({ ids: Ids.toString() })
       }).then((response) => {
         if (response.code === 200) {
@@ -943,7 +842,7 @@ export default {
         } else {
           this.msgError(response.msg)
         }
-      }).catch(function() {
+      }).catch(function () {
       })
     },
     // 计算需要回本利润
diff --git a/src/views/admin/line-pre-order/index.vue b/src/views/admin/line-pre-order/index.vue
index 2d232fc..91158f2 100644
--- a/src/views/admin/line-pre-order/index.vue
+++ b/src/views/admin/line-pre-order/index.vue
@@ -1,39 +1,18 @@
-
 <template>
   <BasicLayout>
     <template #wrapper>
       <el-card class="box-card">
         <el-form ref="queryForm" :model="queryParams" inline>
           <el-form-item label="api用户" prop="apiId">
-            <el-select
-              v-model="queryParams.apiId"
-              placeholder="请选择api用户"
-              clearable
-              size="small"
-            >
-              <el-option
-                v-for="dict in lineUsersAll"
-                :key="dict.id"
-                :label="dict.apiName"
-                :value="dict.id"
-              />
+            <el-select v-model="queryParams.apiId" placeholder="请选择api用户" clearable size="small">
+              <el-option v-for="dict in lineUsersAll" :key="dict.id" :label="dict.apiName" :value="dict.id" />
             </el-select>
           </el-form-item>
-          <el-form-item label="交易对" prop="symbol"><el-input
-            v-model="queryParams.symbol"
-            placeholder="请输入交易对"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
+          <el-form-item label="交易对" prop="symbol"><el-input v-model="queryParams.symbol" placeholder="请输入交易对" clearable
+              size="small" @keyup.enter.native="handleQuery" />
           </el-form-item>
-          <el-form-item label="计价货币" prop="quoteSymbol"><el-input
-            v-model="queryParams.quoteSymbol"
-            placeholder="请输入计价货币"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
+          <el-form-item label="计价货币" prop="quoteSymbol"><el-input v-model="queryParams.quoteSymbol"
+              placeholder="请输入计价货币" clearable size="small" @keyup.enter.native="handleQuery" />
           </el-form-item>
           <!-- <el-form-item label="对标价类型" prop="signPriceType"><el-select
             v-model="queryParams.signPriceType"
@@ -49,54 +28,23 @@
             />
           </el-select>
           </el-form-item> -->
-          <el-form-item label="购买方向" prop="site"><el-select
-            v-model="queryParams.site"
-            placeholder="请选择购买方向"
-            clearable
-            size="small"
-          >
-            <el-option
-              v-for="dict in buyer"
-              :key="dict.k"
-              :label="dict.l"
-              :value="dict.v"
-            />
-          </el-select>
+          <el-form-item label="购买方向" prop="site"><el-select v-model="queryParams.site" placeholder="请选择购买方向" clearable
+              size="small">
+              <el-option v-for="dict in buyer" :key="dict.k" :label="dict.l" :value="dict.v" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="订单号" prop="orderSn"><el-input
-            v-model="queryParams.orderSn"
-            placeholder="请输入订单号"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
+          <el-form-item label="订单号" prop="orderSn"><el-input v-model="queryParams.orderSn" placeholder="请输入订单号"
+              clearable size="small" @keyup.enter.native="handleQuery" />
           </el-form-item>
-          <el-form-item label="订单类型" prop="symbolType"><el-select
-            v-model="queryParams.symbolType"
-            placeholder="请选择订单类型"
-            clearable
-            size="small"
-          >
-            <el-option
-              v-for="dict in [{l:'现货',v:1},{l:'合约',v:2}]"
-              :key="dict.k"
-              :label="dict.l"
-              :value="dict.v"
-            />
-          </el-select>
+          <el-form-item label="订单类型" prop="symbolType"><el-select v-model="queryParams.symbolType" placeholder="请选择订单类型"
+              clearable size="small">
+              <el-option v-for="dict in [{ l: '现货', v: 1 }, { l: '合约', v: 2 }]" :key="dict.k" :label="dict.l" :value="dict.v" />
+            </el-select>
           </el-form-item>
-          <el-form-item label="状态" prop="status"><el-select
-            v-model="queryParams.status"
-            placeholder="请选择状态"
-            size="small"
-          >
-            <el-option
-              v-for="dict in statuss"
-              :key="dict.k"
-              :label="dict.l"
-              :value="dict.v"
-            />
-          </el-select>
+          <el-form-item label="状态" prop="status"><el-select v-model="queryParams.status" placeholder="请选择状态"
+              size="small">
+              <el-option v-for="dict in statuss" :key="dict.k" :label="dict.l" :value="dict.v" />
+            </el-select>
           </el-form-item>
           <el-form-item>
             <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -106,29 +54,16 @@
 
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button
-              v-permisaction="['admin:linePreOrder:add']"
-              type="primary"
-              icon="el-icon-plus"
-              size="mini"
-              @click="handleAdd('')"
-            >新增
+            <el-button v-permisaction="['admin:linePreOrder:add']" type="primary" icon="el-icon-plus" size="mini"
+              @click="handleAdd('')">新增
             </el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              type="primary"
-              size="mini"
-              @click="handleAdd('批量添加')"
-            >批量添加
+            <el-button type="primary" size="mini" @click="handleAdd('批量添加')">批量添加
             </el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              type="primary"
-              size="mini"
-              @click="onPosition"
-            >平仓
+            <el-button type="primary" size="mini" @click="onPosition">平仓
             </el-button>
           </el-col>
           <!-- <el-col :span="1.5">
@@ -140,27 +75,15 @@
             </el-button>
           </el-col> -->
           <el-col :span="1.5">
-            <el-button
-              type="warning"
-              size="mini"
-              @click="onMode('设置杠杆')"
-            >设置杠杆
+            <el-button type="warning" size="mini" @click="onMode('设置杠杆')">设置杠杆
             </el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              type="warning"
-              size="mini"
-              @click="onMode('设置保证金模式')"
-            >设置保证金模式
+            <el-button type="warning" size="mini" @click="onMode('设置保证金模式')">设置保证金模式
             </el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              type="warning"
-              size="mini"
-              @click="onCancel"
-            >取消委托
+            <el-button type="warning" size="mini" @click="onCancel">取消委托
             </el-button>
           </el-col>
           <!-- <el-col :span="1.5">
@@ -186,142 +109,62 @@
             </el-button>
           </el-col> -->
           <el-col :span="1.5">
-            <el-button
-              type="danger"
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="linePreOrderList.length===0"
-              @click="handleDeleteAll"
-            >一键清除数据
+            <el-button type="danger" icon="el-icon-delete" size="mini" :disabled="linePreOrderList.length === 0"
+              @click="handleDeleteAll">一键清除数据
             </el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              type="danger"
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="linePreOrderList.length===0"
-              @click="handleTrigger"
-            >清除待触发交易对
+            <el-button type="danger" icon="el-icon-delete" size="mini" :disabled="linePreOrderList.length === 0"
+              @click="handleTrigger">清除待触发交易对
             </el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button
-              v-permisaction="['admin:linePreOrder:remove']"
-              type="danger"
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="multiple"
-              @click="handleDelete"
-            >批量删除
+            <el-button v-permisaction="['admin:linePreOrder:remove']" type="danger" icon="el-icon-delete" size="mini"
+              :disabled="multiple" @click="handleDelete">批量删除
             </el-button>
           </el-col>
         </el-row>
 
-        <el-table
-          ref="table"
-          v-loading="loading"
-          :data="linePreOrderList"
-          row-key="id"
-          lazy
-          :load="onLoadChild"
-          :tree-props="{children: 'children', hasChildren: 'hasChildren', checkStrictly: true }"
-          height="560"
-          @selection-change="handleSelectionChange"
-          @expand-change="onExpand"
-        >
-          <el-table-column type="selection" width="55" align="center" :selectable="(row)=>row.pid===0" />
-          <el-table-column
-            label="交易对"
-            align="left"
-            prop="symbol"
-            width="150"
-            :show-overflow-tooltip="true"
-            fixed="left"
-          >
-            <template #default="{row}">
-              <span v-if="row.pid===0">（{{ row.child_num }}）</span>
+        <el-table ref="table" v-loading="loading" :data="linePreOrderList" row-key="id" lazy :load="onLoadChild"
+          :tree-props="{ children: 'children', hasChildren: 'hasChildren', checkStrictly: true }" height="560"
+          @selection-change="handleSelectionChange" @expand-change="onExpand">
+          <el-table-column type="selection" width="55" align="center" :selectable="(row) => row.pid === 0" />
+          <el-table-column label="交易对" align="left" prop="symbol" width="150" :show-overflow-tooltip="true"
+            fixed="left">
+            <template #default="{ row }">
+              <span v-if="row.pid === 0">（{{ row.child_num }}）</span>
               <span v-else-if="row.child_num">（{{ row.child_num }}）</span>
               <span>{{ row.symbol }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            label="api用户名"
-            align="center"
-            prop="api_name"
-            :show-overflow-tooltip="true"
-          />
-          <el-table-column
-            label="对标价"
-            align="center"
-            prop="signPrice"
-            min-width="120"
-            :show-overflow-tooltip="true"
-          /><el-table-column
-            label="对标价类型"
-            align="center"
-            prop="signPriceType"
-            width="100"
-            :show-overflow-tooltip="true"
-          >
+          <el-table-column label="api用户名" align="center" prop="api_name" :show-overflow-tooltip="true" />
+          <el-table-column label="对标价" align="center" prop="signPrice" min-width="120"
+            :show-overflow-tooltip="true" /><el-table-column label="对标价类型" align="center" prop="signPriceType"
+            width="100" :show-overflow-tooltip="true">
             <template #default="{ row }">
-              {{ {new:'最新价',mixture:'标记价',aicoin:'aicoin'}[row.signPriceType] }}
+              {{ { new: '最新价', mixture: '标记价', aicoin: 'aicoin' }[row.signPriceType] }}
             </template>
           </el-table-column>
-          <el-table-column
-            label="下单百分比"
-            align="center"
-            prop="rate"
-            min-width="100"
-            :show-overflow-tooltip="true"
-          /><el-table-column
-            label="触发价格"
-            align="center"
-            prop="price"
-            min-width="120"
-            :show-overflow-tooltip="true"
-          /><el-table-column
-            label="购买数量"
-            align="center"
-            prop="num"
-            min-width="120"
-            :show-overflow-tooltip="true"
-          /><el-table-column
-            label="购买金额"
-            align="center"
-            prop="buyPrice"
-            min-width="120"
-            :show-overflow-tooltip="true"
-          /><el-table-column
-            label="购买方向"
-            align="center"
-            prop="site"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">
-              <el-tag size="mini" :type="row.site==='BUY'?'success':'danger'">{{ {BUY:'买(多)',SELL:'卖(空)'}[row.site] }}</el-tag>
+          <el-table-column label="下单百分比" align="center" prop="rate" min-width="100"
+            :show-overflow-tooltip="true" /><el-table-column label="触发价格" align="center" prop="price" min-width="120"
+            :show-overflow-tooltip="true" /><el-table-column label="购买数量" align="center" prop="num" min-width="120"
+            :show-overflow-tooltip="true" /><el-table-column label="购买金额" align="center" prop="buyPrice" min-width="120"
+            :show-overflow-tooltip="true" /><el-table-column label="购买方向" align="center" prop="site"
+            :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <el-tag size="mini" :type="row.site === 'BUY' ? 'success' : 'danger'">{{ { BUY: '买(多)', SELL: '卖(空)' }[row.site]
+                }}</el-tag>
             </template>
           </el-table-column>
-          <el-table-column
-            label="订单类型"
-            align="center"
-            prop="orderType"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">
+          <el-table-column label="订单类型" align="center" prop="orderType" :show-overflow-tooltip="true">
+            <template #default="{ row }">
               {{ orderTypes[row.orderType] ? orderTypes[row.orderType].l : '' }}
               <!-- {{ orderTypes[row.orderType-1] ? orderTypes[row.orderType-1].l : '' }} -->
             </template>
           </el-table-column>
-          <el-table-column
-            label="交易对类型"
-            align="center"
-            prop="symbolType"
-            min-width="90"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">
-              {{ ['现货','合约'][row.symbolType-1] }}
+          <el-table-column label="交易对类型" align="center" prop="symbolType" min-width="90" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ ['现货', '合约'][row.symbolType - 1] }}
             </template>
           </el-table-column>
           <!-- <el-table-column
@@ -331,45 +174,25 @@
             width="100"
             :show-overflow-tooltip="true"
           /> -->
-          <el-table-column
-            label="状态"
-            align="center"
-            prop="status"
-            width="100"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">
+          <el-table-column label="状态" align="center" prop="status" width="100" :show-overflow-tooltip="true">
+            <template #default="{ row }">
               <span :style="comStatusStyle(row)">{{ status[row.status] ? status[row.status].l : '' }}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            label="减仓状态"
-            align="center"
-            prop="reduce_status"
-            width="100"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">
-              <el-tag v-if="row.pid===0" size="mini" :type="['danger','success'][row.reduce_status]">{{ ['未减仓','已减仓'][row.reduce_status] }}</el-tag>
+          <el-table-column label="减仓状态" align="center" prop="reduce_status" width="100" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <el-tag v-if="row.pid === 0" size="mini" :type="['danger', 'success'][row.reduce_status]">{{
+                ['未减仓', '已减仓'][row.reduce_status] }}</el-tag>
             </template>
           </el-table-column>
-          <el-table-column
-            label="加仓状态"
-            align="center"
-            prop="add_position_status"
-            width="100"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">
-              <el-tag v-if="row.pid===0" size="mini" :type="['danger','success'][row.add_position_status]">{{ ['未加仓','已加仓'][row.add_position_status] }}</el-tag>
+          <el-table-column label="加仓状态" align="center" prop="add_position_status" width="100"
+            :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <el-tag v-if="row.pid === 0" size="mini" :type="['danger', 'success'][row.add_position_status]">{{
+                ['未加仓', '已加仓'][row.add_position_status] }}</el-tag>
             </template>
           </el-table-column>
-          <el-table-column
-            label="订单描述"
-            align="center"
-            prop="desc"
-            :show-overflow-tooltip="true"
-          />
+          <el-table-column label="订单描述" align="center" prop="desc" :show-overflow-tooltip="true" />
           <!-- <el-table-column
             label="对冲状态"
             align="center"
@@ -396,19 +219,9 @@
               </el-tag>
             </template>
           </el-table-column> -->
-          <el-table-column
-            label="计价货币"
-            align="center"
-            prop="quoteSymbol"
-            :show-overflow-tooltip="true"
-          />
-          <el-table-column
-            label="交易所"
-            align="center"
-            prop="exchangeType"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">
+          <el-table-column label="计价货币" align="center" prop="quoteSymbol" :show-overflow-tooltip="true" />
+          <el-table-column label="交易所" align="center" prop="exchangeType" :show-overflow-tooltip="true">
+            <template #default="{ row }">
               {{ exchangeTypeFormat(row) }}
             </template>
           </el-table-column>
@@ -418,42 +231,18 @@
             prop="direction"
             :show-overflow-tooltip="true"
           /> -->
-          <el-table-column
-            label="订单号"
-            align="center"
-            prop="orderSn"
-            width="200"
-            :show-overflow-tooltip="true"
-          />
-          <el-table-column
-            label="触发时间"
-            align="center"
-            prop="triggerTime"
-            width="150"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">{{ row.triggerTime && parseTime(row.triggerTime) }}</template>
+          <el-table-column label="订单号" align="center" prop="orderSn" width="200" :show-overflow-tooltip="true" />
+          <el-table-column label="触发时间" align="center" prop="triggerTime" width="150" :show-overflow-tooltip="true">
+            <template #default="{ row }">{{ row.triggerTime && parseTime(row.triggerTime) }}</template>
           </el-table-column>
-          <el-table-column
-            label="过期时间"
-            align="center"
-            prop="expireTime"
-            width="150"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">{{ parseTime(row.expireTime) }}</template>
+          <el-table-column label="过期时间" align="center" prop="expireTime" width="150" :show-overflow-tooltip="true">
+            <template #default="{ row }">{{ parseTime(row.expireTime) }}</template>
           </el-table-column>
-          <el-table-column
-            label="创建时间"
-            align="center"
-            prop="createdAt"
-            width="150"
-            :show-overflow-tooltip="true"
-          >
-            <template #default="{row}">{{ parseTime(row.createdAt) }}</template>
+          <el-table-column label="创建时间" align="center" prop="createdAt" width="150" :show-overflow-tooltip="true">
+            <template #default="{ row }">{{ parseTime(row.createdAt) }}</template>
           </el-table-column>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150" fixed="right">
-            <template v-if="scope.row.pid===0" slot-scope="scope">
+            <template v-if="scope.row.pid === 0" slot-scope="scope">
               <!-- <el-popconfirm
                 class="delete-popconfirm"
                 title="确认要修改吗?"
@@ -469,68 +258,33 @@
                 >修改
                 </el-button>
               </el-popconfirm> -->
-              <el-popconfirm
-                class="delete-popconfirm"
-                title="确认要取消委托吗?"
-                confirm-button-text="确定"
-                @confirm="handleCancel(scope.row)"
-              >
-                <el-button
-                  slot="reference"
-                  size="mini"
-                  type="text"
-                  :disabled="scope.row.status!=5"
-                >取消委托
+              <el-popconfirm class="delete-popconfirm" title="确认要取消委托吗?" confirm-button-text="确定"
+                @confirm="handleCancel(scope.row)">
+                <el-button slot="reference" size="mini" type="text" :disabled="scope.row.status != 5">取消委托
                 </el-button>
               </el-popconfirm>
-              <el-popconfirm
-                class="delete-popconfirm"
-                title="确认要删除吗?"
-                confirm-button-text="删除"
-                @confirm="handleDelete(scope.row)"
-              >
-                <el-button
-                  slot="reference"
-                  v-permisaction="['admin:linePreOrder:remove']"
-                  size="mini"
-                  type="text"
-                  style="color: #ff6d6d;"
-                  icon="el-icon-delete"
-                >删除
+              <el-popconfirm class="delete-popconfirm" title="确认要删除吗?" confirm-button-text="删除"
+                @confirm="handleDelete(scope.row)">
+                <el-button slot="reference" v-permisaction="['admin:linePreOrder:remove']" size="mini" type="text"
+                  style="color: #ff6d6d;" icon="el-icon-delete">删除
                 </el-button>
               </el-popconfirm>
             </template>
           </el-table-column>
         </el-table>
 
-        <pagination
-          v-show="total>0"
-          :total="total"
-          :page.sync="queryParams.pageIndex"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageIndex"
+          :limit.sync="queryParams.pageSize" @pagination="getList" />
 
         <!-- 添加或修改对话框 -->
         <el-dialog :title="title" :visible.sync="open" width="1300px" :close-on-click-modal="false">
           <div v-loading="formLoading">
-            <el-form ref="form" :model="form" :rules="rules" label-width="180px" style="height: 600px;overflow: hidden auto;">
+            <el-form ref="form" :model="form" :rules="rules" label-width="180px"
+              style="height: 600px;overflow: hidden auto;">
               <el-form-item label="交易所" prop="exchange_type">
-                <el-select
-                  v-model="form.exchange_type"
-                  style="width: 100%;"
-                  placeholder="请选择交易所"
-                  clearable
-                  filterable
-                  size="small"
-                  @change="onchangeForm"
-                >
-                  <el-option
-                    v-for="dict in exchangeTypes"
-                    :key="dict.value"
-                    :label="dict.label"
-                    :value="dict.value"
-                  />
+                <el-select v-model="form.exchange_type" style="width: 100%;" placeholder="请选择交易所" clearable filterable
+                  size="small" @change="onchangeForm">
+                  <el-option v-for="dict in exchangeTypes" :key="dict.value" :label="dict.label" :value="dict.value" />
                 </el-select>
               </el-form-item>
               <el-form-item label="订单类型" prop="symbol_type">
@@ -550,21 +304,9 @@
               <el-form-item label="api用户" prop="api_id">
                 <el-row>
                   <el-col :span="21">
-                    <el-select
-                      v-model="form.api_id"
-                      multiple
-                      style="width: 100%;"
-                      placeholder="请选择api用户"
-                      clearable
-                      filterable
-                      size="small"
-                    >
-                      <el-option
-                        v-for="dict in lineUsers"
-                        :key="dict.id"
-                        :label="dict.apiName"
-                        :value="dict.id"
-                      />
+                    <el-select v-model="form.api_id" multiple style="width: 100%;" placeholder="请选择api用户" clearable
+                      filterable size="small">
+                      <el-option v-for="dict in lineUsers" :key="dict.id" :label="dict.apiName" :value="dict.id" />
                     </el-select>
                   </el-col>
                   <el-col :span="3">
@@ -578,91 +320,52 @@
                 placeholder="交易对组id"
               />
             </el-form-item> -->
-              <el-form-item v-if="title==='批量添加'" label="交易对组" prop="symbol_group_id">
-                <el-select
-                  v-if="title==='批量添加'"
-                  v-model="form.symbol_group_id"
-                  style="width: 100%;"
-                  placeholder="请选择交易对组"
-                  clearable
-                  size="small"
-                  filterable
-                >
-                  <el-option
-                    v-for="dict in comSymbols"
-                    :key="dict.id"
-                    :label="dict.groupName"
-                    :value="dict.id"
-                  />
+              <el-form-item v-if="title === '批量添加'" label="交易对组" prop="symbol_group_id">
+                <el-select v-if="title === '批量添加'" v-model="form.symbol_group_id" style="width: 100%;"
+                  placeholder="请选择交易对组" clearable size="small" filterable>
+                  <el-option v-for="dict in comSymbols" :key="dict.id" :label="dict.groupName" :value="dict.id" />
                 </el-select>
               </el-form-item>
               <el-form-item v-else label="交易对" prop="symbol">
-                <el-select
-                  v-model="form.symbol"
-                  style="width: 100%;"
-                  placeholder="请选择交易对"
-                  clearable
-                  filterable
-                  :remote-method="getSymbol"
-                  :loading="searchLoding"
-                  remote
-                  size="small"
-                  @change="onchangeSymbol"
-                >
-                  <el-option
-                    v-for="dict in comSymbols"
-                    :key="dict.id || dict.symbol"
-                    :label="dict.symbol"
-                    :value="dict.symbol"
-                  />
+                <el-select v-model="form.symbol" style="width: 100%;" placeholder="请选择交易对" clearable filterable
+                  :remote-method="getSymbol" :loading="searchLoding" remote size="small" @change="onchangeSymbol">
+                  <el-option v-for="dict in comSymbols" :key="dict.id || dict.symbol" :label="dict.symbol"
+                    :value="dict.symbol" />
                   <div class="page">
-                    <pagination
-                      v-show="symbol.total>0"
-                      :background="false"
-                      :total="symbol.total"
-                      layout="prev, pager, next"
-                      :page.sync="symbol.pageIndex"
-                      :limit.sync="symbol.pageSize"
-                      @pagination="getSymbol"
-                    />
+                    <pagination v-show="symbol.total > 0" :background="false" :total="symbol.total"
+                      layout="prev, pager, next" :page.sync="symbol.pageIndex" :limit.sync="symbol.pageSize"
+                      @pagination="getSymbol" />
                   </div>
                 </el-select>
               </el-form-item>
               <el-form-item label="购买方向" prop="site">
                 <el-radio-group v-model="form.site">
                   <el-radio label="BUY">买（多）</el-radio>
-                  <el-radio label="SELL" :disabled="form.order_type==1">卖（空）</el-radio>
+                  <el-radio label="SELL" :disabled="form.order_type == 1">卖（空）</el-radio>
                 </el-radio-group>
               </el-form-item>
               <el-form-item label="购买金额（U）" prop="buy_price">
-                <el-input
-                  v-model="form.buy_price"
-                  placeholder="购买金额（U）"
-                />
+                <el-input v-model="form.buy_price" placeholder="购买金额（U）" />
               </el-form-item>
               <el-form-item label="价格模式" prop="price_pattern">
                 <el-radio-group v-model="form.price_pattern">
                   <el-radio label="percentage">百分比</el-radio>
-                  <el-radio label="mixture" :disabled="title==='批量添加'">主单实价委托百分比</el-radio>
-                  <el-radio label="aicoin" :disabled="title==='批量添加'">aiCoin买入点</el-radio>
+                  <el-radio label="mixture" :disabled="title === '批量添加'">主单实价委托百分比</el-radio>
+                  <el-radio label="aicoin" :disabled="title === '批量添加'">aiCoin买入点</el-radio>
                 </el-radio-group>
               </el-form-item>
               <el-form-item v-if="form.price_pattern === 'percentage'" label="下单百分比" prop="price">
-                <el-input
-                  v-model="form.price"
-                  placeholder="下单百分比"
-                />
+                <el-input v-model="form.price" placeholder="下单百分比" />
               </el-form-item>
               <el-row v-else type="flex">
                 <el-col :span="14">
                   <el-form-item label="下单价(实际价格)" prop="price">
-                    <el-input
-                      v-model="form.price"
-                      placeholder="下单价(实际价格)"
-                    >
+                    <el-input v-model="form.price" placeholder="下单价(实际价格)">
                       <template #prepend>
-                        <el-select v-if="form.price_pattern === 'aicoin'" v-model="aicoinPrice" placeholder="请选择" style="width: 150px;" @change="onchangeAicoin">
-                          <el-option v-for="o in JSON.stringify(aicoins) !== '{}' ? options : []" :key="o.label" :label="o.label" :value="aicoins[o.value] || ''">
+                        <el-select v-if="form.price_pattern === 'aicoin'" v-model="aicoinPrice" placeholder="请选择"
+                          style="width: 150px;" @change="onchangeAicoin">
+                          <el-option v-for="o in JSON.stringify(aicoins) !== '{}' ? options : []" :key="o.label"
+                            :label="o.label" :value="aicoins[o.value] || ''">
                             <span style="float: left">{{ o.label }}</span>
                             <span style="float: right">{{ aicoins[o.value] || 0 }}</span>
                           </el-option>
@@ -684,28 +387,16 @@
                 </el-col>
               </el-row>
               <el-form-item label="止盈百分比" prop="profit">
-                <el-input
-                  v-model="form.profit"
-                  placeholder="止盈百分比"
-                />
+                <el-input v-model="form.profit" placeholder="止盈百分比" />
               </el-form-item>
               <el-form-item label="止盈数量百分比" prop="profit_num_ratio">
-                <el-input
-                  v-model="form.profit_num_ratio"
-                  placeholder="止盈数量百分比"
-                />
+                <el-input v-model="form.profit_num_ratio" placeholder="止盈数量百分比" />
               </el-form-item>
               <el-form-item label="止盈后止盈价百分比" prop="profit_tp_tp_price_ratio">
-                <el-input
-                  v-model="form.profit_tp_tp_price_ratio"
-                  placeholder="止盈后止盈价百分比"
-                />
+                <el-input v-model="form.profit_tp_tp_price_ratio" placeholder="止盈后止盈价百分比" />
               </el-form-item>
               <el-form-item label="止盈后止损价百分比" prop="profit_tp_sl_price_ratio">
-                <el-input
-                  v-model="form.profit_tp_sl_price_ratio"
-                  placeholder="止盈后止损价百分比"
-                />
+                <el-input v-model="form.profit_tp_sl_price_ratio" placeholder="止盈后止损价百分比" />
               </el-form-item>
               <!-- <el-form-item label="亏损百分比" prop="stop_price">
               <el-input
@@ -795,29 +486,19 @@
               <el-form-item label="对标价类型" prop="price_type">
                 <el-radio-group v-model="form.price_type">
                   <el-radio label="new">最新价</el-radio>
-                  <el-radio label="mixture" :disabled="title==='批量添加'">标记价</el-radio>
-                  <el-radio label="aicoin" :disabled="title==='批量添加'">aicoin</el-radio>
+                  <el-radio label="mixture" :disabled="title === '批量添加'">标记价</el-radio>
+                  <el-radio label="aicoin" :disabled="title === '批量添加'">aicoin</el-radio>
                 </el-radio-group>
               </el-form-item>
               <el-form-item label="订单过期时间" prop="profit_rate">
-                <el-input
-                  v-model.number="form.expire_hour"
-                  class="hour"
-                  type="number"
-                  placeholder="订单过期时间"
-                >
+                <el-input v-model.number="form.expire_hour" class="hour" type="number" placeholder="订单过期时间">
                   <template slot="append">小时</template>
                 </el-input>
               </el-form-item>
-              <el-form-item v-if="title==='批量添加'" label="批量下单次数" prop="order_num">
-                <el-input
-                  v-model.number="form.order_num"
-                  min="1"
-                  type="number"
-                  placeholder="批量下单次数"
-                />
+              <el-form-item v-if="title === '批量添加'" label="批量下单次数" prop="order_num">
+                <el-input v-model.number="form.order_num" min="1" type="number" placeholder="批量下单次数" />
               </el-form-item>
-              <el-form-item v-if="title==='批量添加'" label="执行类型" prop="script">
+              <el-form-item v-if="title === '批量添加'" label="执行类型" prop="script">
                 <el-radio-group v-model="form.script">
                   <el-radio label="1"><span>脚本执行</span></el-radio>
                   <el-radio label="0">直接执行</el-radio>
@@ -831,7 +512,7 @@
               </el-form-item>
               <el-form-item label="主单减仓后止盈价百分比" prop="reduce_take_profit">
                 <el-input v-model.number="form.reduce_take_profit" type="number" placeholder="主单减仓后止盈价百分比">
-                  <template v-if="title!=='批量添加'" #append>{{ re_take_profit_ratio }}</template>
+                  <template v-if="title !== '批量添加'" #append>{{ re_take_profit_ratio }}</template>
                 </el-input>
               </el-form-item>
               <el-form-item label="主单减仓后止损价百分比" prop="reduce_stop_price">
@@ -841,58 +522,70 @@
                 <el-col :span="4"><el-form-item label="主单加仓配置" /></el-col>
                 <el-col :span="2"><el-button type="primary" size="mini" @click="onAddExt(0)">新增加仓</el-button></el-col>
                 <el-col :span="2"><el-button type="primary" size="mini" @click="onAddExt(2)">新增减仓</el-button></el-col>
-                <el-col v-if="title!=='批量添加'" :span="2"><el-button type="primary" size="mini" :disabled="form.ext && form.ext.length===0" @click="onCalculate">计算</el-button></el-col>
+                <el-col v-if="title !== '批量添加'" :span="2"><el-button type="primary" size="mini"
+                    :disabled="form.ext && form.ext.length === 0" @click="onCalculate">计算</el-button></el-col>
               </el-row>
-              <div v-for="(item,index) in form.ext" :key="index" class="exts">
-                <el-row v-if="item.addType===1" :gutter="20" style="margin-bottom: 20px;">
+              <div v-for="(item, index) in form.ext" :key="index" class="exts">
+                <el-row v-if="item.addType === 1" :gutter="20" style="margin-bottom: 20px;">
                   <el-col :span="4">
-                    <div style="margin-bottom: 8px;">{{ item.addType===1?'加仓类型':'减仓类型' }}</div>
+                    <div style="margin-bottom: 8px;">{{ item.addType === 1 ? '加仓类型' : '减仓类型' }}</div>
                     <el-radio-group v-model="item.orderType" size="mini">
                       <el-radio label="LIMIT">限价</el-radio>
                       <el-radio label="MARKET">市价</el-radio>
                     </el-radio-group>
                   </el-col>
                   <el-col :span="4">
-                    <div style="margin-bottom: 8px;">{{ item.addType===1?'加仓方式':'减仓方式' }}</div>
+                    <div style="margin-bottom: 8px;">{{ item.addType === 1 ? '加仓方式' : '减仓方式' }}</div>
                     <el-radio-group v-model="item.addPositionType" size="mini">
                       <el-radio :label="1">百分比</el-radio>
-                      <el-radio :label="2" :disabled="item.addType===2">实际金额</el-radio>
+                      <el-radio :label="2" :disabled="item.addType === 2">实际金额</el-radio>
                     </el-radio-group>
                   </el-col>
 
                 </el-row>
                 <el-row :gutter="20">
-                  <el-col :span="3">{{ item.addType===1?'加仓下跌百分比': '减仓下跌百分比' }}
-                    <el-input v-model.number="item.priceRatio" min="0" size="mini" type="number" :placeholder="item.addType===1?'加仓下跌百分比': '减仓下跌百分比'" /></el-col>
-                  <el-col :span="3">{{ item.addType===1?'加仓数值':'减仓数值' }}
-                    <el-input v-model.number="item.addPositionVal" min="0" size="mini" type="number" :placeholder="item.addType===1?'加仓数值':'减仓数值'" />
+                  <el-col :span="3">{{ item.addType === 1 ? '加仓下跌百分比' : '减仓下跌百分比' }}
+                    <el-input v-model.number="item.priceRatio" min="0" size="mini" type="number"
+                      :placeholder="item.addType === 1 ? '加仓下跌百分比' : '减仓下跌百分比'" /></el-col>
+                  <el-col :span="3">{{ item.addType === 1 ? '加仓数值' : '减仓数值' }}
+                    <el-input v-model.number="item.addPositionVal" min="0" size="mini" type="number"
+                      :placeholder="item.addType === 1 ? '加仓数值' : '减仓数值'" />
                   </el-col>
                   <el-col :span="6">
                     <span>止盈/止损百分比</span>
                     <div>
-                      <el-input v-model.number="item.takeProfitRatio" min="0" style="width:50%;" size="mini" type="number" placeholder="止盈百分比">
-                        <template v-if="title!=='批量添加'" #append>{{ ext[index] ? ext[index].reTakeProfitRatio : 0 }}</template>
+                      <el-input v-model.number="item.takeProfitRatio" min="0" style="width:50%;" size="mini"
+                        type="number" placeholder="止盈百分比">
+                        <template v-if="title !== '批量添加'" #append>{{ ext[index] ? ext[index].reTakeProfitRatio : 0
+                          }}</template>
                       </el-input>
                       —
-                      <el-input v-model.number="item.stopLossRatio" style="width:42%;" size="mini" type="number" placeholder="止损百分比" />
+                      <el-input v-model.number="item.stopLossRatio" style="width:42%;" size="mini" type="number"
+                        placeholder="止损百分比" />
                     </div>
                   </el-col>
                   <!-- <el-col :span="3">止损百分比<el-input v-model.number="item.stopLossRatio" size="mini" type="number" placeholder="止损百分比" /></el-col> -->
 
-                  <template v-if="item.addType===1">
+                  <template v-if="item.addType === 1">
                     <el-col :span="3">
-                      止盈数量百分比<el-input v-model.number="item.takeProfitNumRatio" size="mini" type="number" placeholder="止盈数量百分比" />
+                      止盈数量百分比<el-input v-model.number="item.takeProfitNumRatio" size="mini" type="number"
+                        placeholder="止盈数量百分比" />
                     </el-col>
                     <el-col :span="6">
                       <span>第二止盈/止损百分比</span>
                       <div>
-                        <el-input v-model.number="item.tpTpPriceRatio" min="0" style="width:42%" size="mini" type="number" placeholder="止盈后止盈价百分比" />
+                        <el-input v-model.number="item.tpTpPriceRatio" min="0" style="width:42%" size="mini"
+                          type="number" placeholder="止盈后止盈价百分比" />
                         —
-                        <el-input v-model.number="item.tpSlPriceRatio" min="0" style="width:42%" size="mini" type="number" placeholder="止盈后止损价百分比" />
+                        <el-input v-model.number="item.tpSlPriceRatio" min="0" style="width:42%" size="mini"
+                          type="number" placeholder="止盈后止损价百分比" />
                       </div>
                     </el-col>
                   </template>
-                  <el-col :span="3"><div style="margin-bottom: 14px;" /><el-button size="mini" type="danger" @click="onAddExt(1,index)">删除</el-button></el-col>
+                  <el-col :span="3">
+                    <div style="margin-bottom: 14px;" /><el-button size="mini" type="danger"
+                      @click="onAddExt(1, index)">删除</el-button>
+                  </el-col>
                 </el-row>
               </div>
               <el-form-item label="是否保存模板" prop="save_template">
@@ -903,10 +596,7 @@
                 </el-radio-group>
               </el-form-item>
               <el-form-item label="模板名称" prop="template_name">
-                <el-input
-                  v-model="form.template_name"
-                  placeholder="模板名称"
-                />
+                <el-input v-model="form.template_name" placeholder="模板名称" />
               </el-form-item>
 
             </el-form>
@@ -920,41 +610,17 @@
         <el-dialog :title="mode.modeTitle" :visible.sync="mode.modeOpen" width="700px" :close-on-click-modal="false">
           <el-form ref="formMode" :model="modeForm" :rules="modeRules" label-width="100px">
             <el-form-item label="交易所" prop="exchangeType">
-              <el-select
-                v-model="modeForm.exchangeType"
-                style="width: 100%;"
-                placeholder="请选择交易所"
-                clearable
-                filterable
-                size="small"
-                @change="onchangeMode"
-              >
-                <el-option
-                  v-for="dict in exchangeTypes"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-                />
+              <el-select v-model="modeForm.exchangeType" style="width: 100%;" placeholder="请选择交易所" clearable filterable
+                size="small" @change="onchangeMode">
+                <el-option v-for="dict in exchangeTypes" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="api用户" prop="api_user_ids">
               <el-row>
                 <el-col :span="21">
-                  <el-select
-                    v-model="modeForm.api_user_ids"
-                    multiple
-                    style="width: 100%;"
-                    placeholder="请选择api用户"
-                    clearable
-                    filterable
-                    size="small"
-                  >
-                    <el-option
-                      v-for="dict in lineUsers"
-                      :key="dict.id"
-                      :label="dict.apiName"
-                      :value="dict.id"
-                    />
+                  <el-select v-model="modeForm.api_user_ids" multiple style="width: 100%;" placeholder="请选择api用户"
+                    clearable filterable size="small">
+                    <el-option v-for="dict in lineUsers" :key="dict.id" :label="dict.apiName" :value="dict.id" />
                   </el-select>
                 </el-col>
                 <el-col :span="3">
@@ -963,62 +629,25 @@
               </el-row>
             </el-form-item>
             <el-form-item label="交易对" prop="symbol">
-              <el-select
-                v-model="modeForm.symbol"
-                style="width: 100%;"
-                placeholder="请选择交易对"
-                clearable
-                multiple
-                filterable
-                :remote-method="(e)=>getSymbol(e,2,modeForm.exchangeType)"
-                :loading="searchLoding"
-                remote
-                size="small"
-              >
-                <el-option
-                  v-for="dict in symbol.symbolList"
-                  :key="dict.id"
-                  :label="dict.symbol"
-                  :value="dict.symbol"
-                />
+              <el-select v-model="modeForm.symbol" style="width: 100%;" placeholder="请选择交易对" clearable multiple
+                filterable :remote-method="(e) => getSymbol(e, 2, modeForm.exchangeType)" :loading="searchLoding" remote
+                size="small">
+                <el-option v-for="dict in symbol.symbolList" :key="dict.id" :label="dict.symbol" :value="dict.symbol" />
                 <div class="page">
-                  <pagination
-                    v-show="symbol.total>0"
-                    :background="false"
-                    :total="symbol.total"
-                    layout="prev, pager, next"
-                    :page.sync="symbol.pageIndex"
-                    :limit.sync="symbol.pageSize"
-                    @pagination="getSymbol($event,2,modeForm.exchangeType)"
-                  />
+                  <pagination v-show="symbol.total > 0" :background="false" :total="symbol.total"
+                    layout="prev, pager, next" :page.sync="symbol.pageIndex" :limit.sync="symbol.pageSize"
+                    @pagination="getSymbol($event, 2, modeForm.exchangeType)" />
                 </div>
               </el-select>
             </el-form-item>
             <el-form-item label="交易对组" prop="group_id">
-              <el-select
-                v-model="modeForm.group_id"
-                style="width: 100%;"
-                placeholder="请选择交易对组"
-                clearable
-                filterable
-                size="small"
-              >
-                <el-option
-                  v-for="dict in symbolGroups"
-                  :key="dict.id"
-                  :label="dict.groupName"
-                  :value="dict.id"
-                />
+              <el-select v-model="modeForm.group_id" style="width: 100%;" placeholder="请选择交易对组" clearable filterable
+                size="small">
+                <el-option v-for="dict in symbolGroups" :key="dict.id" :label="dict.groupName" :value="dict.id" />
               </el-select>
             </el-form-item>
-            <el-form-item v-if="mode.modeTitle==='设置杠杆'" label="杠杆倍数" prop="leverage">
-              <el-inputNumber
-                v-model.number="modeForm.leverage"
-                :min="1"
-                :max="125"
-                step-strictly
-                placeholder="杠杆倍数"
-              />
+            <el-form-item v-if="mode.modeTitle === '设置杠杆'" label="杠杆倍数" prop="leverage">
+              <el-inputNumber v-model.number="modeForm.leverage" :min="1" :max="125" step-strictly placeholder="杠杆倍数" />
             </el-form-item>
             <el-form-item v-else label="保证金模式" prop="margin_type">
               <el-radio-group v-model="modeForm.margin_type">
@@ -1027,14 +656,16 @@
               </el-radio-group>
             </el-form-item>
             <el-form-item label="全部交易对" prop="is_all">
-              <el-radio-group v-model="modeForm.is_all" :disabled="!!modeForm.group_id || !!(modeForm.symbol && modeForm.symbol.length)">
+              <el-radio-group v-model="modeForm.is_all"
+                :disabled="!!modeForm.group_id || !!(modeForm.symbol && modeForm.symbol.length)">
                 <el-radio :label="0">否</el-radio>
                 <el-radio :label="1"> 是</el-radio>
               </el-radio-group>
-              <span v-if="modeForm.is_all===1" style="color: red;margin-left: 20px;">耗时比较久，请耐心等待</span>
+              <span v-if="modeForm.is_all === 1" style="color: red;margin-left: 20px;">耗时比较久，请耐心等待</span>
             </el-form-item>
           </el-form>
-          <div style="color: red;"><i class="el-icon-warning-outline" style="margin-right: 4px;" />请保证该操作下的交易对无仓位，否则会直接失败</div>
+          <div style="color: red;"><i class="el-icon-warning-outline"
+              style="margin-right: 4px;" />请保证该操作下的交易对无仓位，否则会直接失败</div>
           <div slot="footer" class="dialog-footer">
             <el-button type="primary" :loading="btnLoading" @click="modeConfirm">确 定</el-button>
             <el-button @click="modeCancel">取 消</el-button>
@@ -1044,37 +675,15 @@
         <el-dialog title="加仓" :visible.sync="storeOpen" width="700px" :close-on-click-modal="false">
           <el-form ref="formStore" :model="storeForm" :rules="storeRules" label-width="120px">
             <el-form-item label="交易所" prop="exchangeType">
-              <el-select
-                v-model="storeForm.exchangeType"
-                style="width: 100%;"
-                placeholder="请选择交易所"
-                clearable
-                filterable
-                size="small"
-              >
-                <el-option
-                  v-for="dict in exchangeTypes"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-                />
+              <el-select v-model="storeForm.exchangeType" style="width: 100%;" placeholder="请选择交易所" clearable filterable
+                size="small">
+                <el-option v-for="dict in exchangeTypes" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="api用户" prop="api_id">
-              <el-select
-                v-model="storeForm.api_id"
-                style="width: 100%;"
-                placeholder="请选择api用户"
-                clearable
-                filterable
-                size="small"
-              >
-                <el-option
-                  v-for="dict in lineUsers"
-                  :key="dict.id"
-                  :label="dict.apiName"
-                  :value="dict.id"
-                />
+              <el-select v-model="storeForm.api_id" style="width: 100%;" placeholder="请选择api用户" clearable filterable
+                size="small">
+                <el-option v-for="dict in lineUsers" :key="dict.id" :label="dict.apiName" :value="dict.id" />
               </el-select>
             </el-form-item>
             <el-form-item label="加仓账户" prop="cover_account">
@@ -1091,34 +700,14 @@
               </el-radio-group>
             </el-form-item>
             <el-form-item label="加仓交易对" prop="symbols">
-              <el-select
-                v-model="storeForm.symbols"
-                style="width: 100%;"
-                placeholder="请选择加仓交易对"
-                clearable
-                multiple
-                filterable
-                :remote-method="(e)=>getSymbol(e,storeForm.symbol_type,storeForm.exchangeType)"
-                :loading="searchLoding"
-                remote
-                size="small"
-              >
-                <el-option
-                  v-for="dict in symbol.symbolList"
-                  :key="dict.id"
-                  :label="dict.symbol"
-                  :value="dict.symbol"
-                />
+              <el-select v-model="storeForm.symbols" style="width: 100%;" placeholder="请选择加仓交易对" clearable multiple
+                filterable :remote-method="(e) => getSymbol(e, storeForm.symbol_type, storeForm.exchangeType)"
+                :loading="searchLoding" remote size="small">
+                <el-option v-for="dict in symbol.symbolList" :key="dict.id" :label="dict.symbol" :value="dict.symbol" />
                 <div class="page">
-                  <pagination
-                    v-show="symbol.total>0"
-                    :background="false"
-                    :total="symbol.total"
-                    layout="prev, pager, next"
-                    :page.sync="symbol.pageIndex"
-                    :limit.sync="symbol.pageSize"
-                    @pagination="getSymbol($event,storeForm.symbol_type,storeForm.exchangeType)"
-                  />
+                  <pagination v-show="symbol.total > 0" :background="false" :total="symbol.total"
+                    layout="prev, pager, next" :page.sync="symbol.pageIndex" :limit.sync="symbol.pageSize"
+                    @pagination="getSymbol($event, storeForm.symbol_type, storeForm.exchangeType)" />
                 </div>
               </el-select>
             </el-form-item>
@@ -1128,11 +717,8 @@
                 <el-radio label="LIMIT">限价</el-radio>
               </el-radio-group>
             </el-form-item>
-            <el-form-item v-if="storeForm.cover_account_a_type==='LIMIT'" label="加仓主账号限价比例" prop="cover_account_a_rate">
-              <el-input
-                v-model="storeForm.cover_account_a_rate"
-                placeholder="加仓主账号限价比例"
-              />
+            <el-form-item v-if="storeForm.cover_account_a_type === 'LIMIT'" label="加仓主账号限价比例" prop="cover_account_a_rate">
+              <el-input v-model="storeForm.cover_account_a_rate" placeholder="加仓主账号限价比例" />
             </el-form-item>
             <el-form-item label="加仓副账号类型" prop="cover_account_b_type">
               <el-radio-group v-model="storeForm.cover_account_b_type">
@@ -1140,11 +726,8 @@
                 <el-radio label="LIMIT">限价</el-radio>
               </el-radio-group>
             </el-form-item>
-            <el-form-item v-if="storeForm.cover_account_b_type==='LIMIT'" label="加仓副账号限价比例" prop="cover_account_b_rate">
-              <el-input
-                v-model="storeForm.cover_account_b_rate"
-                placeholder="加仓副账号限价比例"
-              />
+            <el-form-item v-if="storeForm.cover_account_b_type === 'LIMIT'" label="加仓副账号限价比例" prop="cover_account_b_rate">
+              <el-input v-model="storeForm.cover_account_b_rate" placeholder="加仓副账号限价比例" />
             </el-form-item>
             <el-form-item label="加仓类型" prop="cover_type">
               <el-radio-group v-model="storeForm.cover_type">
@@ -1152,11 +735,8 @@
                 <el-radio :label="2">金额</el-radio>
               </el-radio-group>
             </el-form-item>
-            <el-form-item :label="`加仓数值${storeForm.cover_type===2?'(U)':''}`" prop="value">
-              <el-input
-                v-model="storeForm.value"
-                :placeholder="`加仓数值${storeForm.cover_type===2?'(U)':''}`"
-              />
+            <el-form-item :label="`加仓数值${storeForm.cover_type === 2 ? '(U)' : ''}`" prop="value">
+              <el-input v-model="storeForm.value" :placeholder="`加仓数值${storeForm.cover_type === 2 ? '(U)' : ''}`" />
             </el-form-item>
           </el-form>
           <div slot="footer" class="dialog-footer">
@@ -1168,21 +748,9 @@
         <el-dialog title="平仓" :visible.sync="positionOpen" width="700px" :close-on-click-modal="false">
           <el-form ref="formPosition" :model="positionForm" :rules="positionRules" label-width="120px">
             <el-form-item label="交易所" prop="exchange_type">
-              <el-select
-                v-model="positionForm.exchange_type"
-                style="width: 100%;"
-                placeholder="请选择交易所"
-                clearable
-                filterable
-                size="small"
-                @change="onChangePosition"
-              >
-                <el-option
-                  v-for="dict in exchangeTypes"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-                />
+              <el-select v-model="positionForm.exchange_type" style="width: 100%;" placeholder="请选择交易所" clearable
+                filterable size="small" @change="onChangePosition">
+                <el-option v-for="dict in exchangeTypes" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="订单类型" prop="close_type">
@@ -1192,61 +760,28 @@
               </el-radio-group>
             </el-form-item>
             <el-form-item label="api用户" prop="api_id">
-              <el-select
-                v-model="positionForm.api_id"
-                style="width: 100%;"
-                placeholder="请选择api用户"
-                clearable
-                filterable
-                size="small"
-              >
-                <el-option
-                  v-for="dict in lineUsers"
-                  :key="dict.id"
-                  :label="dict.apiName"
-                  :value="dict.id"
-                />
+              <el-select v-model="positionForm.api_id" style="width: 100%;" placeholder="请选择api用户" clearable filterable
+                size="small">
+                <el-option v-for="dict in lineUsers" :key="dict.id" :label="dict.apiName" :value="dict.id" />
               </el-select>
             </el-form-item>
             <el-form-item label="交易对" prop="symbol">
               <template #label>
                 <span>交易对</span>
-                <el-popover
-                  trigger="hover"
-                  content="交易对为空时，代表平仓全部"
-                >
+                <el-popover trigger="hover" content="交易对为空时，代表平仓全部">
                   <template #reference>
                     <i class="el-icon-question" />
                   </template>
                 </el-popover>
               </template>
-              <el-select
-                v-model="positionForm.symbol"
-                style="width: 100%;"
-                placeholder="请选择交易对"
-                clearable
-                filterable
-                :remote-method="(e)=>getSymbol(e,positionForm.close_type,positionForm.exchange_type)"
-                :loading="searchLoding"
-                remote
-                size="small"
-              >
-                <el-option
-                  v-for="dict in symbol.symbolList"
-                  :key="dict.id"
-                  :label="dict.symbol"
-                  :value="dict.symbol"
-                />
+              <el-select v-model="positionForm.symbol" style="width: 100%;" placeholder="请选择交易对" clearable filterable
+                :remote-method="(e) => getSymbol(e, positionForm.close_type, positionForm.exchange_type)"
+                :loading="searchLoding" remote size="small">
+                <el-option v-for="dict in symbol.symbolList" :key="dict.id" :label="dict.symbol" :value="dict.symbol" />
                 <div class="page">
-                  <pagination
-                    v-show="symbol.total>0"
-                    :background="false"
-                    :total="symbol.total"
-                    layout="prev, pager, next"
-                    :page.sync="symbol.pageIndex"
-                    :limit.sync="symbol.pageSize"
-                    @pagination="getSymbol($event,positionForm.close_type,positionForm.exchange_type)"
-                  />
+                  <pagination v-show="symbol.total > 0" :background="false" :total="symbol.total"
+                    layout="prev, pager, next" :page.sync="symbol.pageIndex" :limit.sync="symbol.pageSize"
+                    @pagination="getSymbol($event, positionForm.close_type, positionForm.exchange_type)" />
                 </div>
               </el-select>
             </el-form-item>
@@ -1254,7 +789,8 @@
               <el-input v-model="positionForm.rate" placeholder="平仓行情百分比" />
             </el-form-item>
           </el-form>
-          <div style="color: red;"><i class="el-icon-warning-outline" style="margin-right: 4px;" />该功能仅适用于本系统内的下单数据，且交易对为空时代表全部平仓</div>
+          <div style="color: red;"><i class="el-icon-warning-outline"
+              style="margin-right: 4px;" />该功能仅适用于本系统内的下单数据，且交易对为空时代表全部平仓</div>
           <div slot="footer" class="dialog-footer">
             <el-button type="primary" @click="positionConfirm">确 定</el-button>
             <el-button @click="positionCancel">取 消</el-button>
@@ -1264,39 +800,17 @@
         <!-- 取消委托 -->
         <el-dialog title="取消委托" :visible.sync="cancelOpen" width="700px" :close-on-click-modal="false">
           <el-form ref="formCancel" :model="cancelForm" label-width="80px">
-            <el-form-item label="交易所" prop="exchangeType" :rules="[{required: true,message: '交易所不能为空', trigger: 'blur'}]">
-              <el-select
-                v-model="cancelForm.exchangeType"
-                style="width: 100%;"
-                placeholder="请选择交易所"
-                clearable
-                filterable
-                size="small"
-                @change="onChangeCancel"
-              >
-                <el-option
-                  v-for="dict in exchangeTypes"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-                />
+            <el-form-item label="交易所" prop="exchangeType"
+              :rules="[{ required: true, message: '交易所不能为空', trigger: 'blur' }]">
+              <el-select v-model="cancelForm.exchangeType" style="width: 100%;" placeholder="请选择交易所" clearable
+                filterable size="small" @change="onChangeCancel">
+                <el-option v-for="dict in exchangeTypes" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
-            <el-form-item label="api用户" prop="api_id" :rules="[{required: true,message: 'api用户不能为空', trigger: 'blur'}]">
-              <el-select
-                v-model="cancelForm.api_id"
-                style="width: 100%;"
-                placeholder="请选择api用户"
-                clearable
-                filterable
-                size="small"
-              >
-                <el-option
-                  v-for="dict in lineUsers"
-                  :key="dict.id"
-                  :label="dict.apiName"
-                  :value="Number(dict.id)"
-                />
+            <el-form-item label="api用户" prop="api_id" :rules="[{ required: true, message: 'api用户不能为空', trigger: 'blur' }]">
+              <el-select v-model="cancelForm.api_id" style="width: 100%;" placeholder="请选择api用户" clearable filterable
+                size="small">
+                <el-option v-for="dict in lineUsers" :key="dict.id" :label="dict.apiName" :value="Number(dict.id)" />
               </el-select>
             </el-form-item>
             <el-form-item label="订单类型" prop="order_type">
@@ -1306,7 +820,8 @@
               </el-radio-group>
             </el-form-item>
           </el-form>
-          <div style="color: red;"><i class="el-icon-warning-outline" style="margin-right: 4px;" />该功能仅适用于本系统内的下单数据</div>
+          <div style="color: red;"><i class="el-icon-warning-outline" style="margin-right: 4px;" />该功能仅适用于本系统内的下单数据
+          </div>
           <div slot="footer" class="dialog-footer">
             <el-button type="primary" @click="handleCancel('formCancel')">确 定</el-button>
             <el-button @click="cancelOpen = false">取 消</el-button>
@@ -1750,7 +1265,7 @@ export default {
               getChildOrder({ id }).then(res => {
                 const r = res.data.map((item) => ({ ...item, hasChildren: item.child_num > 0 }))
                 curr.resolve(r)
-              }).finally(() => {})
+              }).finally(() => { })
             }
             curr.expandCount = 1
             curr.prevStatus = expanded
@@ -1778,7 +1293,7 @@ export default {
       getChildOrder({ id }).then(res => {
         const r = res.data.map((item) => ({ ...item, hasChildren: item.child_num > 0 }))
         resolve(r)
-      }).finally(() => {})
+      }).finally(() => { })
     },
     /** 查询参数列表 */
     getList() {
@@ -2023,10 +1538,10 @@ export default {
       }
       this.resetForm('form')
     },
-    getImgList: function() {
+    getImgList: function () {
       this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
     },
-    fileClose: function() {
+    fileClose: function () {
       this.fileOpen = false
     },
     apiIdFormat(row) {
@@ -2072,7 +1587,7 @@ export default {
       this.title = '修改委托管理'
       this.reset()
       const id =
-                row.id || this.ids
+        row.id || this.ids
       getLinePreOrder(id).then(response => {
         this.form = response.data
         this.open = true
@@ -2080,7 +1595,7 @@ export default {
       })
     },
     /** 提交按钮 */
-    submitForm: function() {
+    submitForm: function () {
       this.$refs['form'].validate(valid => {
         if (valid) {
           this.formLoading = true
@@ -2102,10 +1617,12 @@ export default {
             })
           } else {
             if (this.title === '批量添加') {
-              const params = JSON.parse(JSON.stringify({ ...this.form, symbol_group_id: String(this.form.symbol_group_id), api_id: this.form.api_id.toString(),
+              const params = JSON.parse(JSON.stringify({
+                ...this.form, symbol_group_id: String(this.form.symbol_group_id), api_id: this.form.api_id.toString(),
                 profit_num_ratio: this.form.profit_num_ratio || 100,
                 profit_tp_tp_price_ratio: this.form.profit_tp_tp_price_ratio || 0,
-                profit_tp_sl_price_ratio: this.form.profit_tp_sl_price_ratio || 0 }))
+                profit_tp_sl_price_ratio: this.form.profit_tp_sl_price_ratio || 0
+              }))
               delete params.symbol
               batchAddOrder(params).then(response => {
                 if (response.code === 200) {
@@ -2177,7 +1694,7 @@ export default {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      }).then(function() {
+      }).then(function () {
         return cancelOpenOrder({ order_type: Number(orderType), order_sn: orderSn, api_id: apiId, symbol, exchangeType })
       }).then((response) => {
         if (response.code === 200) {
@@ -2186,7 +1703,7 @@ export default {
         } else {
           this.msgError(response.msg)
         }
-      }).catch(function() {})
+      }).catch(function () { })
     },
     /** 删除按钮操作 */
     handleDelete(row) {
@@ -2195,7 +1712,7 @@ export default {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      }).then(function() {
+      }).then(function () {
         return delLinePreOrder({ 'ids': Ids })
       }).then((response) => {
         if (response.code === 200) {
@@ -2205,7 +1722,7 @@ export default {
         } else {
           this.msgError(response.msg)
         }
-      }).catch(function() {
+      }).catch(function () {
       })
     },
     handleTrigger() {
@@ -2213,7 +1730,7 @@ export default {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      }).then(function() {
+      }).then(function () {
         return clearUnTriggered()
       }).then((response) => {
         if (response.code === 200) {
@@ -2222,7 +1739,7 @@ export default {
         } else {
           this.msgError(response.msg)
         }
-      }).catch(function() {
+      }).catch(function () {
       })
     },
     // 一键清除所有
@@ -2231,7 +1748,7 @@ export default {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      }).then(function() {
+      }).then(function () {
         return clearAll()
       }).then((response) => {
         if (response.code === 200) {
@@ -2240,7 +1757,7 @@ export default {
         } else {
           this.msgError(response.msg)
         }
-      }).catch(function() {
+      }).catch(function () {
       })
     },
     // 计算需要回本利润
@@ -2254,13 +1771,14 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.hour{
-  ::v-deep.el-input__inner{
+.hour {
+  ::v-deep.el-input__inner {
     line-height: 1;
   }
 }
-.page{
-  .pagination-container{
+
+.page {
+  .pagination-container {
     padding: 0 !important;
     margin-top: 0;
     margin-bottom: 0;
@@ -2269,16 +1787,19 @@ export default {
     justify-content: center;
     align-items: center;
   }
-  ::v-deep.el-pagination{
+
+  ::v-deep.el-pagination {
     width: 100%;
   }
 }
-::v-deep.el-table{
-  .el-table__row--level-0{
+
+::v-deep.el-table {
+  .el-table__row--level-0 {
     background: #f5f5f5;
   }
 }
-.exts{
+
+.exts {
   font-size: 13px;
   margin-bottom: 20px;
   border: 1px solid #ebebeb;