This commit is contained in:
2025-05-21 09:10:30 +08:00
parent 6c43454aa3
commit c248dcc929

View File

@ -3,61 +3,24 @@
<BasicLayout>
<template #wrapper>
<el-card class="box-card">
<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
v-permisaction="['admin:lineReverseSetting:add']"
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-permisaction="['admin:lineReverseSetting: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:lineReverseSetting:remove']"
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除
</el-button>
</el-col>
</el-row>
<el-table v-loading="loading" :data="lineReverseSettingList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /><el-table-column
label="反单下单类型 LIMIT-限价 MARKET-市价"
label="反单下单类型"
align="center"
prop="reverseOrderType"
:show-overflow-tooltip="true"
/><el-table-column
>
<template slot-scope="scope">{{ reverseOrderTypeFormat(scope.row.reverseOrderType) }}</template>
</el-table-column>
<el-table-column
label="溢价百分比"
align="center"
prop="reversePremiumRatio"
:show-overflow-tooltip="true"
/>
>
<template slot-scope="scope">{{ scope.row.reverseOrderType==='LIMIT'? scope.row.reversePremiumRatio :"-" }}</template>
</el-table-column>
<el-table-column label="止损百分比" align="center" prop="stopLossRatio" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-popconfirm
@ -75,21 +38,6 @@
>修改
</el-button>
</el-popconfirm>
<el-popconfirm
class="delete-popconfirm"
title="确认要删除吗?"
confirm-button-text="删除"
@confirm="handleDelete(scope.row)"
>
<el-button
slot="reference"
v-permisaction="['admin:lineReverseSetting:remove']"
size="mini"
type="text"
icon="el-icon-delete"
>删除
</el-button>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
@ -104,9 +52,9 @@
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="反单下单类型 LIMIT-限价 MARKET-市价" prop="reverseOrderType">
<el-form-item label="下单类型" prop="reverseOrderType">
<el-radio-group v-model="form.reverseOrderType">
<el-radio
v-for="dict in reverseOrderTypeOptions"
@ -115,12 +63,15 @@
>{{ dict.label }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="溢价百分比" prop="reversePremiumRatio">
<el-form-item v-if="form.reverseOrderType==='LIMIT'" label="溢价百分比" prop="reversePremiumRatio">
<el-input
v-model="form.reversePremiumRatio"
placeholder="溢价百分比"
/>
</el-form-item>
<el-form-item label="止损百分比" prop="stopLossRatio">
<el-input v-model="form.stopLossRatio" placeholder="止损百分比" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
@ -157,7 +108,13 @@ export default {
open: false,
isEdit: false,
// 类型数据字典
typeOptions: [],
reverseOrderTypeOptions: [{
label: '限价',
value: 'LIMIT'
}, {
label: '市价',
value: 'MARKET'
}],
lineReverseSettingList: [],
// 关系表类型
@ -172,7 +129,14 @@ export default {
form: {
},
// 表单校验
rules: {}
rules: {
reverseOrderType: [
{ required: true, message: '请选择下单类型', trigger: 'blur' }
],
reversePremiumRatio: [
{ required: true, message: '请输入溢价百分比', trigger: 'blur' }
]
}
}
},
created() {
@ -207,6 +171,11 @@ export default {
getImgList: function() {
this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
},
reverseOrderTypeFormat(data) {
const orderType = this.reverseOrderTypeOptions.find(item => item.value === data)
return orderType ? orderType.label : ''
},
fileClose: function() {
this.fileOpen = false
},
@ -252,6 +221,8 @@ export default {
submitForm: function() {
this.$refs['form'].validate(valid => {
if (valid) {
this.form.stopLossRatio = this.form.stopLossRatio ? Number(this.form.stopLossRatio) : undefined
if (this.form.id !== undefined) {
updateLineReverseSetting(this.form).then(response => {
if (response.code === 200) {