From 83be6ce0efd9d5294b838ab7e1c29edea6f6f40d Mon Sep 17 00:00:00 2001
From: admin <wwww@gmail.com>
Date: Sat, 8 Mar 2025 14:21:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/line-order-template-logs/index.vue  | 303 +++++++++++++-----
 1 file changed, 219 insertions(+), 84 deletions(-)

diff --git a/src/views/admin/line-order-template-logs/index.vue b/src/views/admin/line-order-template-logs/index.vue
index ce3a112..17de847 100644
--- a/src/views/admin/line-order-template-logs/index.vue
+++ b/src/views/admin/line-order-template-logs/index.vue
@@ -3,8 +3,13 @@
     <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"
@@ -44,13 +49,25 @@
                         </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">
@@ -59,8 +76,12 @@
           </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" />
@@ -74,43 +95,83 @@
           </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">
-          <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+          <el-form ref="form" :model="form" :rules="rules" label-width="180px">
             <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>
@@ -130,10 +191,21 @@
               <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">
@@ -142,20 +214,47 @@
                 </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>
@@ -166,7 +265,9 @@
                 </el-radio-group>
               </el-form-item>
               <el-form-item label="购买金额（U）" prop="buy_price">
-                <el-input v-model="inForm.buy_price" placeholder="购买金额（U）" />
+                <el-input v-model="inForm.buy_price" placeholder="购买金额（U）">
+                  <template slot="append">USDT</template>
+                </el-input>
               </el-form-item>
               <el-form-item label="价格模式" prop="price_pattern">
                 <el-radio-group v-model="inForm.price_pattern" @change="onchangePattern">
@@ -176,17 +277,28 @@
                 </el-radio-group>
               </el-form-item>
               <el-form-item v-if="inForm.price_pattern === 'percentage'" label="下单百分比" prop="price">
-                <el-input v-model="inForm.price" placeholder="下单百分比" />
+                <el-input v-model="inForm.price" placeholder="下单百分比">
+                  <template slot="append">%</template>
+                </el-input>
               </el-form-item>
               <el-row v-else type="flex">
                 <el-col :span="14">
                   <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>
@@ -200,7 +312,9 @@
                 </el-col>
                 <el-col :span="5">
                   <el-form-item label="计算百分比">
-                    <el-inputNumber v-model="percenter" controls-position="right" :min="0" style="width: 100px;" />
+                    <el-inputNumber v-model="percenter" controls-position="right" :min="0" style="width: 100px;">
+                      <template slot="append">%</template>
+                    </el-inputNumber>
                   </el-form-item>
                 </el-col>
                 <el-col :span="5">
@@ -208,7 +322,9 @@
                 </el-col>
               </el-row>
               <el-form-item label="止盈百分比" prop="profit">
-                <el-input v-model="inForm.profit" placeholder="止盈百分比" />
+                <el-input v-model="inForm.profit" placeholder="止盈百分比">
+                  <template slot="append">%</template>
+                </el-input>
               </el-form-item>
               <!--<el-form-item label="亏损百分比" prop="stop_price">
                 <el-input
@@ -287,36 +403,47 @@
                 </el-radio-group>
               </el-form-item>
               <el-form-item label="主单亏损百分比" prop="reduce_price">
-                <el-input v-model.number="inForm.reduce_price" type="number" placeholder="主单亏损百分比" />
+                <el-input v-model.number="inForm.reduce_price" type="number" placeholder="主单亏损百分比">
+                  <template slot="append">%</template>
+                </el-input>
               </el-form-item>
               <el-form-item label="主单减仓数量百分比" prop="reduce_num">
-                <el-input v-model.number="inForm.reduce_num" type="number" placeholder="主单减仓数量百分比" />
+                <el-input v-model.number="inForm.reduce_num" type="number" placeholder="主单减仓数量百分比">
+                  <template slot="append">%</template>
+                </el-input>
               </el-form-item>
               <el-form-item label="主单减仓后止盈价百分比" prop="reduce_take_profit">
                 <el-input v-model.number="inForm.reduce_take_profit" type="number" placeholder="主单减仓后止盈价百分比">
-                  <template v-if="form.type === 1" #append>{{ re_take_profit_ratio }}</template>
+                  <template v-if="form.type === 1" #append>回本百分比：{{ re_take_profit_ratio }}%</template>
                 </el-input>
               </el-form-item>
               <el-form-item label="主单减仓后止损价百分比" prop="reduce_stop_price">
-                <el-input v-model.number="inForm.reduce_stop_price" type="number" placeholder="主单减仓后止损价百分比" />
+                <el-input v-model.number="inForm.reduce_stop_price" type="number" placeholder="主单减仓后止损价百分比">
+                  <template slot="append">%</template>
+                </el-input>
               </el-form-item>
               <el-row>
                 <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">
+                <h3 style="margin-bottom: 8px;">{{ item.addType===1?'加仓:':'减仓:' }}</h3>
                 <el-row v-if="item.addType === 1" :gutter="20" style="margin-bottom: 20px;">
-                  <el-col :span="5">
+                  <el-col :span="6">
                     <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">
+                  <el-col :span="6">
                     <div style="margin-bottom: 8px;">{{ item.addType === 1 ? '加仓方式' : '减仓方式' }}</div>
                     <el-radio-group v-model="item.addPositionType" size="mini">
                       <el-radio :label="1">百分比</el-radio>
@@ -326,47 +453,55 @@
 
                 </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 style="margin-bottom: 14px;" :span="6">{{ item.addType === 1 ? '加仓下跌百分比' : '减仓下跌百分比' }}
+                    <el-input v-model.number="item.priceRatio" min="0" size="mini" type="number" :placeholder="item.addType === 1 ? '加仓下跌百分比' : '减仓下跌百分比'">
+                      <template slot="append">%</template>
+                    </el-input>
                   </el-col>
-                  <el-col :span="6">
+
+                  <el-col style="margin-bottom: 14px;" :span="6">{{ item.addType === 1 ? '加仓数值' : '减仓数值' }}
+                    <el-input v-model.number="item.addPositionVal" min="0" size="mini" type="number" :placeholder="item.addType === 1 ? '加仓数值' : '减仓数值'">
+                      <template slot="append">{{ item.addPositionType == 1 ? '%' : 'USDT' }}</template>
+                    </el-input>
+                  </el-col>
+                  <el-col style="margin-bottom: 14px;" :span="12">
                     <span>止盈/止损百分比</span>
                     <div>
-                      <el-input v-model="item.takeProfitRatio" min="0" style="width:50%;" size="mini" type="number"
-                        placeholder="止盈百分比">
+                      <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>
+                        }}</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="止损百分比">
+                        <template slot="append">%</template>
+                      </el-input>
                     </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">
-                    <el-col :span="3">
-                      止盈数量百分比<el-input v-model.number="item.takeProfitNumRatio" size="mini" type="number"
-                        placeholder="止盈数量百分比" />
+                    <el-col style="margin-bottom: 14px;" :span="6">
+                      <span>止盈数量百分比</span>
+                      <el-input v-model.number="item.takeProfitNumRatio" size="mini" type="number" placeholder="止盈数量百分比">
+                        <template slot="append">%</template>
+                      </el-input>
                     </el-col>
-                    <el-col :span="6">
+                    <el-col style="margin-bottom: 14px;" :span="12">
                       <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="止盈后止盈价百分比">
+                          <template slot="append">%</template>
+                        </el-input>
                         —
-                        <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="止盈后止损价百分比">
+                          <template slot="append">%</template>
+                        </el-input>
                       </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 :span="12">
+                    <div style="margin-bottom: 14px;" />
+                    <el-button size="mini" type="danger" @click="onAddExt(1, index)">删除</el-button>
                   </el-col>
                 </el-row>
               </div>
@@ -697,10 +832,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) {
@@ -760,7 +895,7 @@ export default {
       })
     },
     /** 提交按钮 */
-    submitForm: function () {
+    submitForm: function() {
       this.$refs['form'].validate(valid => {
         if (valid) {
           this.inForm.price = this.inForm.price ? String(this.inForm.price) : ''
@@ -813,7 +948,7 @@ export default {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      }).then(function () {
+      }).then(function() {
         return delLineOrderTemplateLogs({ 'ids': Ids })
       }).then((response) => {
         if (response.code === 200) {
@@ -823,7 +958,7 @@ export default {
         } else {
           this.msgError(response.msg)
         }
-      }).catch(function () {
+      }).catch(function() {
       })
     },
     handleOrders() {
@@ -832,7 +967,7 @@ export default {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      }).then(function () {
+      }).then(function() {
         return quickAddPreOrder({ ids: Ids.toString() })
       }).then((response) => {
         if (response.code === 200) {
@@ -842,7 +977,7 @@ export default {
         } else {
           this.msgError(response.msg)
         }
-      }).catch(function () {
+      }).catch(function() {
       })
     },
     // 计算需要回本利润