BUG修复及dashboard页面接口对接
This commit is contained in:
parent
44e43d81f3
commit
12dd2268ac
|
|
@ -0,0 +1,12 @@
|
||||||
|
import { request } from '@/api'
|
||||||
|
|
||||||
|
|
||||||
|
// 获取账户列表
|
||||||
|
export async function getAllAccount(params: any): Promise<any> {
|
||||||
|
return await request.get<any>('/user/getAllAccount', params)
|
||||||
|
}
|
||||||
|
// 获取用户钱包资金
|
||||||
|
export async function getWalletCapital(): Promise<any> {
|
||||||
|
return await request.get<any>('/user/getWalletCapital')
|
||||||
|
}
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,57 +1,84 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="variety">
|
<div class="variety">
|
||||||
<!-- 搜索 -->
|
<!-- 搜索 -->
|
||||||
<VarietySearch :search-form="searchForm" :search-options="searchOptions" @search="handleSearch"
|
<VarietySearch
|
||||||
@reset="handleReset">
|
:search-form="searchForm"
|
||||||
<template #button="{ form }">
|
:search-options="searchOptions"
|
||||||
<el-button type="primary" :disabled="!selectedRow" @click="handleEdit()">
|
@search="handleSearch"
|
||||||
编辑
|
@reset="handleReset"
|
||||||
</el-button>
|
>
|
||||||
<el-button type="primary" @click="handleAdd()">
|
<template #button="{ form }">
|
||||||
添加
|
<el-button type="primary" :disabled="!selectedRow" @click="handleEdit()"> 编辑 </el-button>
|
||||||
</el-button>
|
<el-button type="primary" @click="handleAdd()"> 添加 </el-button>
|
||||||
</template>
|
</template>
|
||||||
</VarietySearch>
|
</VarietySearch>
|
||||||
|
|
||||||
<!-- 表格 -->
|
|
||||||
<VarietyTable :table-data="varietyTree" :columns="varietyTableColumnsOptions" row-key="id"
|
|
||||||
@row-click="handleRowClick">
|
|
||||||
<template #onlineStatus="{ row }">
|
|
||||||
<el-switch :model-value="row.onlineStatus === 1" :active-value="true" :inactive-value="false" />
|
|
||||||
</template>
|
|
||||||
<template #tradeStatus="{ row }">
|
|
||||||
<el-switch :model-value="row.status === 1" :active-value="true" :inactive-value="false" />
|
|
||||||
</template>
|
|
||||||
</VarietyTable>
|
|
||||||
</div>
|
|
||||||
<!-- dialog -->
|
|
||||||
<VarietyDialog :visible="dialogVisible" :title="dialogTitle" :type="dialogType" @confirm="handleSubmit"
|
|
||||||
@cancel="handleCancel" @close="handleClose">
|
|
||||||
<VarietyForm :form-data="varietyForm" :form-rules="varietyFormRules" :form-items="dialogFormItemOptions"
|
|
||||||
:options-map="varietyFormOptionsMap" :row-gutter="rowGutter" :col-span="colSpan" ref="varietyFormRef">
|
|
||||||
<template #upload="{ formData }">
|
|
||||||
<el-upload v-model:file-list="fileList" class="upload-demo" :http-request="handleUpload"
|
|
||||||
:before-upload="beforeUpload" :limit="1">
|
|
||||||
<el-button type="primary">点击上传</el-button>
|
|
||||||
<template #tip>
|
|
||||||
<div class="el-upload__tip">
|
|
||||||
jpg/png格式 图片大小不能超过20KB
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<img v-if="dialogType === 'edit'" :src="formData.imageUrl" alt="预览图片"
|
|
||||||
style="width: 100px; height: 100px;">
|
|
||||||
</el-upload>
|
|
||||||
</template>
|
|
||||||
<template #isDefault="{ formData }">
|
|
||||||
<el-radio-group v-model="formData.isDefault" v-if="dialogType === 'edit'">
|
|
||||||
<el-radio :value="1" >是</el-radio>
|
|
||||||
<el-radio :value="2">否</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</template>
|
|
||||||
</VarietyForm>
|
|
||||||
</VarietyDialog>
|
|
||||||
<!-- dialog表格 -->
|
|
||||||
|
|
||||||
|
<!-- 表格 -->
|
||||||
|
<VarietyTable
|
||||||
|
:table-data="varietyTree"
|
||||||
|
:columns="varietyTableColumnsOptions"
|
||||||
|
row-key="id"
|
||||||
|
@row-click="handleRowClick"
|
||||||
|
>
|
||||||
|
<template #onlineStatus="{ row }">
|
||||||
|
<el-switch
|
||||||
|
:model-value="row.onlineStatus === 1"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
<template #tradeStatus="{ row }">
|
||||||
|
<el-switch :model-value="row.status === 1" :active-value="true" :inactive-value="false" />
|
||||||
|
</template>
|
||||||
|
</VarietyTable>
|
||||||
|
</div>
|
||||||
|
<!-- dialog -->
|
||||||
|
<VarietyDialog
|
||||||
|
:visible="dialogVisible"
|
||||||
|
:title="dialogTitle"
|
||||||
|
:type="dialogType"
|
||||||
|
@confirm="handleSubmit"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
@close="handleClose"
|
||||||
|
>
|
||||||
|
<VarietyForm
|
||||||
|
:form-data="varietyForm"
|
||||||
|
:form-rules="varietyFormRules"
|
||||||
|
:form-items="dialogFormItemOptions"
|
||||||
|
:options-map="varietyFormOptionsMap"
|
||||||
|
:row-gutter="rowGutter"
|
||||||
|
:col-span="colSpan"
|
||||||
|
ref="varietyFormRef"
|
||||||
|
>
|
||||||
|
<template #upload="{ formData }">
|
||||||
|
<el-upload
|
||||||
|
v-model:file-list="fileList"
|
||||||
|
class="upload-demo"
|
||||||
|
:http-request="handleUpload"
|
||||||
|
:before-upload="beforeUpload"
|
||||||
|
:limit="1"
|
||||||
|
>
|
||||||
|
<el-button type="primary">点击上传</el-button>
|
||||||
|
<template #tip>
|
||||||
|
<div class="el-upload__tip">jpg/png格式 图片大小不能超过20KB</div>
|
||||||
|
</template>
|
||||||
|
<img
|
||||||
|
v-if="dialogType === 'edit'"
|
||||||
|
:src="formData.imageUrl"
|
||||||
|
alt="预览图片"
|
||||||
|
style="width: 100px; height: 100px"
|
||||||
|
/>
|
||||||
|
</el-upload>
|
||||||
|
</template>
|
||||||
|
<template #isDefault="{ formData }">
|
||||||
|
<el-radio-group v-model="formData.isDefault" v-if="dialogType === 'edit'">
|
||||||
|
<el-radio :value="1">是</el-radio>
|
||||||
|
<el-radio :value="2">否</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</template>
|
||||||
|
</VarietyForm>
|
||||||
|
</VarietyDialog>
|
||||||
|
<!-- dialog表格 -->
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|
@ -66,7 +93,12 @@ import { search, tableColumns, DialogFormItem } from './options'
|
||||||
import { rules } from './rules'
|
import { rules } from './rules'
|
||||||
|
|
||||||
// 接口
|
// 接口
|
||||||
import { getVarietyListApi, getTradeGroupListApi, editVarietyApi, createVarietyApi } from '@/api/modules/trade/variety'
|
import {
|
||||||
|
getVarietyListApi,
|
||||||
|
getTradeGroupListApi,
|
||||||
|
editVarietyApi,
|
||||||
|
createVarietyApi,
|
||||||
|
} from '@/api/modules/trade/variety'
|
||||||
// 上传图片
|
// 上传图片
|
||||||
import { uploadImageApi } from '@/api/modules/upload'
|
import { uploadImageApi } from '@/api/modules/upload'
|
||||||
|
|
||||||
|
|
@ -74,7 +106,7 @@ import { uploadImageApi } from '@/api/modules/upload'
|
||||||
* @description: 定义搜索数据
|
* @description: 定义搜索数据
|
||||||
*/
|
*/
|
||||||
const searchForm = ref({
|
const searchForm = ref({
|
||||||
varietyName: '',
|
varietyName: '',
|
||||||
})
|
})
|
||||||
const searchOptions = ref(search)
|
const searchOptions = ref(search)
|
||||||
|
|
||||||
|
|
@ -95,79 +127,79 @@ const dialogType = ref('')
|
||||||
* @description: 定义弹窗表单数据
|
* @description: 定义弹窗表单数据
|
||||||
*/
|
*/
|
||||||
const varietyForm = ref({
|
const varietyForm = ref({
|
||||||
// 品种名称
|
// 品种名称
|
||||||
varietyName: '',
|
varietyName: '',
|
||||||
// 品种代码
|
// 品种代码
|
||||||
varietyCode: '',
|
varietyCode: '',
|
||||||
// 线上状态
|
// 线上状态
|
||||||
onlineStatus: 1,
|
onlineStatus: 1,
|
||||||
// 交易状态
|
// 交易状态
|
||||||
tradeStatus: 1,
|
tradeStatus: 1,
|
||||||
// 最小点差
|
// 最小点差
|
||||||
minPoint: '',
|
minPoint: '',
|
||||||
// 最大点差
|
// 最大点差
|
||||||
maxPoint: '',
|
maxPoint: '',
|
||||||
// 合约大小(乘数)
|
// 合约大小(乘数)
|
||||||
contractSize: '',
|
contractSize: '',
|
||||||
// 最小波动
|
// 最小波动
|
||||||
minFlux: '',
|
minFlux: '',
|
||||||
// 单位
|
// 单位
|
||||||
unit: '',
|
unit: '',
|
||||||
// 多头库存费
|
// 多头库存费
|
||||||
longStockFee: '',
|
longStockFee: '',
|
||||||
// 空头库存费
|
// 空头库存费
|
||||||
shortStockFee: '',
|
shortStockFee: '',
|
||||||
// 止盈水平
|
// 止盈水平
|
||||||
profitLevel: '',
|
profitLevel: '',
|
||||||
|
|
||||||
id: '',
|
id: '',
|
||||||
groupId: '',
|
groupId: '',
|
||||||
// 预付款对冲
|
// 预付款对冲
|
||||||
prepaymentHedge: '',
|
prepaymentHedge: '',
|
||||||
// 预付款对冲比例
|
// 预付款对冲比例
|
||||||
prepaymentPercent: '',
|
prepaymentPercent: '',
|
||||||
// 小数位
|
// 小数位
|
||||||
decimalPlaces: '',
|
decimalPlaces: '',
|
||||||
// 点差小数位
|
// 点差小数位
|
||||||
pointDecimalPlaces: '',
|
pointDecimalPlaces: '',
|
||||||
// 类型
|
// 类型
|
||||||
type: '',
|
type: '',
|
||||||
// 上传图片地址
|
// 上传图片地址
|
||||||
imageUrl: '',
|
imageUrl: '',
|
||||||
// 库存费收取时间
|
// 库存费收取时间
|
||||||
feeInventoryTime: '',
|
feeInventoryTime: '',
|
||||||
// 交易分组
|
// 交易分组
|
||||||
tradeGroup: '',
|
tradeGroup: '',
|
||||||
// 是否默认
|
// 是否默认
|
||||||
isDefault: '',
|
isDefault: '',
|
||||||
})
|
})
|
||||||
const varietyFormRef = ref<any>()
|
const varietyFormRef = ref<any>()
|
||||||
const varietyFormRules = ref(rules())
|
const varietyFormRules = ref(rules())
|
||||||
const dialogFormItemOptions = ref(DialogFormItem)
|
const dialogFormItemOptions = ref(DialogFormItem)
|
||||||
const varietyFormOptionsMap = ref({
|
const varietyFormOptionsMap = ref({
|
||||||
tradeGroup: [],
|
group_id: [],
|
||||||
type: [
|
type: [
|
||||||
{
|
{
|
||||||
label: '外汇',
|
label: '外汇',
|
||||||
value: 1,
|
value: 1,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '金属',
|
label: '金属',
|
||||||
value: 2,
|
value: 2,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '能源',
|
label: '能源',
|
||||||
value: 3,
|
value: 3,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '指数',
|
label: '指数',
|
||||||
value: 4,
|
value: 4,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '数字货币',
|
label: '数字货币',
|
||||||
value: 5,
|
value: 5,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
})
|
})
|
||||||
// 选中行
|
// 选中行
|
||||||
const selectedRow = ref<any>(null)
|
const selectedRow = ref<any>(null)
|
||||||
|
|
@ -177,11 +209,11 @@ const colSpan = ref(12)
|
||||||
const fileList = ref([])
|
const fileList = ref([])
|
||||||
|
|
||||||
const typeMap: any = {
|
const typeMap: any = {
|
||||||
1: '外汇',
|
1: '外汇',
|
||||||
2: '金属',
|
2: '金属',
|
||||||
3: '能源',
|
3: '能源',
|
||||||
4: '指数',
|
4: '指数',
|
||||||
5: '数字货币',
|
5: '数字货币',
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -190,122 +222,123 @@ const typeMap: any = {
|
||||||
|
|
||||||
//获取品种列表
|
//获取品种列表
|
||||||
const getVarietyList = async () => {
|
const getVarietyList = async () => {
|
||||||
const params = {
|
const params = {
|
||||||
name: searchForm.value.varietyName,
|
name: searchForm.value.varietyName,
|
||||||
}
|
}
|
||||||
const data = await getVarietyListApi(params)
|
const data = await getVarietyListApi(params)
|
||||||
console.log('data', data)
|
console.log('data', data)
|
||||||
//格式化表格数据
|
//格式化表格数据
|
||||||
varietyTree.value = data.map((item: any) => ({
|
varietyTree.value = data.map((item: any) => ({
|
||||||
...item,
|
...item,
|
||||||
id: item.id,
|
id: item.id,
|
||||||
varietyName: item.name,
|
varietyName: item.name,
|
||||||
varietyCode: item.code,
|
varietyCode: item.code,
|
||||||
onlineStatus: item.online_status,
|
onlineStatus: item.online_status,
|
||||||
tradeStatus: item.status,
|
tradeStatus: item.status,
|
||||||
minPoint: item.point_diff,
|
minPoint: item.point_diff,
|
||||||
maxPoint: item.point_diff_max,
|
maxPoint: item.point_diff_max,
|
||||||
contractSize: item.multiplier,
|
contractSize: item.multiplier,
|
||||||
minFlux: item.undulate_min,
|
minFlux: item.undulate_min,
|
||||||
unit: item.unit,
|
unit: item.unit,
|
||||||
tradeGroup: item.group.name,
|
tradeGroup: item.group.name,
|
||||||
longStockFee: item.fee_inventory_long,
|
longStockFee: item.fee_inventory_long,
|
||||||
shortStockFee: item.fee_inventory_short,
|
shortStockFee: item.fee_inventory_short,
|
||||||
profitLevel: item.stop_loss_level,
|
profitLevel: item.stop_loss_level,
|
||||||
type: typeMap[item.type],
|
type: typeMap[item.type],
|
||||||
image: item.image,
|
image: item.image,
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取合约品种分组列表
|
// 获取合约品种分组列表
|
||||||
const getTradeGroupList = async () => {
|
const getTradeGroupList = async () => {
|
||||||
const data = await getTradeGroupListApi()
|
const data = await getTradeGroupListApi()
|
||||||
varietyFormOptionsMap.value.tradeGroup = data.map((item: any) => ({
|
varietyFormOptionsMap.value.group_id = data.map((item: any) => ({
|
||||||
label: item.name,
|
label: item.name,
|
||||||
value: item.id,
|
value: item.id,
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description: 页面加载完成需要请求的数据
|
* @description: 页面加载完成需要请求的数据
|
||||||
*/
|
*/
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getVarietyList()
|
getVarietyList()
|
||||||
getTradeGroupList()
|
getTradeGroupList()
|
||||||
})
|
})
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description: 定义搜索方法
|
* @description: 定义搜索方法
|
||||||
*/
|
*/
|
||||||
const handleSearch = async () => {
|
const handleSearch = async () => {
|
||||||
getVarietyList()
|
getVarietyList()
|
||||||
}
|
}
|
||||||
const handleReset = () => {
|
const handleReset = () => {
|
||||||
searchForm.value = {
|
searchForm.value = {
|
||||||
varietyName: '',
|
varietyName: '',
|
||||||
}
|
}
|
||||||
handleSearch()
|
handleSearch()
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleEdit = () => {
|
const handleEdit = () => {
|
||||||
getTradeGroupList()
|
getTradeGroupList()
|
||||||
const row = selectedRow.value;
|
const row = selectedRow.value
|
||||||
varietyForm.value = {
|
varietyForm.value = {
|
||||||
...row,
|
...row,
|
||||||
id: row.id,
|
id: row.id,
|
||||||
groupId: row.group.id,
|
group_id: row.group_id || row.group.id,
|
||||||
// 预付款对冲
|
// 预付款对冲
|
||||||
prepaymentHedge: row.bail_hedge,
|
prepaymentHedge: row.bail_hedge,
|
||||||
// 预付款对冲比例
|
// 预付款对冲比例
|
||||||
prepaymentPercent: row.bail_percent,
|
prepaymentPercent: row.bail_percent,
|
||||||
// 小数位
|
// 小数位
|
||||||
decimalPlaces: row.decimal_place,
|
decimalPlaces: row.decimal_place,
|
||||||
// 点差小数位
|
// 点差小数位
|
||||||
pointDecimalPlaces: row.point_diff_decimal_place,
|
pointDecimalPlaces: row.point_diff_decimal_place,
|
||||||
imageUrl: row.image,
|
imageUrl: row.image,
|
||||||
feeInventoryTime: row.fee_inventory_time,
|
feeInventoryTime: row.fee_inventory_time,
|
||||||
// 是否默认
|
// 是否默认
|
||||||
isDefault: row.is_default,
|
isDefault: row.is_default,
|
||||||
} as any
|
} as any
|
||||||
|
|
||||||
//数据赋值完成后执行弹窗操作
|
|
||||||
dialogVisible.value = true
|
|
||||||
dialogTitle.value = '编辑合约品种'
|
|
||||||
dialogType.value = 'edit'
|
|
||||||
|
|
||||||
|
console.log('varietyForm.value', varietyForm.value)
|
||||||
|
|
||||||
|
//数据赋值完成后执行弹窗操作
|
||||||
|
dialogVisible.value = true
|
||||||
|
dialogTitle.value = '编辑合约品种'
|
||||||
|
dialogType.value = 'edit'
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleAdd = () => {
|
const handleAdd = () => {
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
dialogTitle.value = '添加合约品种'
|
dialogTitle.value = '添加合约品种'
|
||||||
dialogType.value = 'add'
|
dialogType.value = 'add'
|
||||||
varietyForm.value = {
|
varietyForm.value = {
|
||||||
varietyName: '',
|
varietyName: '',
|
||||||
varietyCode: '',
|
varietyCode: '',
|
||||||
onlineStatus: 1,
|
onlineStatus: 1,
|
||||||
tradeStatus: 1,
|
tradeStatus: 1,
|
||||||
minPoint: '',
|
minPoint: '',
|
||||||
maxPoint: '',
|
maxPoint: '',
|
||||||
contractSize: '',
|
contractSize: '',
|
||||||
minFlux: '',
|
minFlux: '',
|
||||||
unit: '',
|
unit: '',
|
||||||
longStockFee: '',
|
longStockFee: '',
|
||||||
shortStockFee: '',
|
shortStockFee: '',
|
||||||
profitLevel: '',
|
profitLevel: '',
|
||||||
id: '',
|
id: '',
|
||||||
groupId: '',
|
groupId: '',
|
||||||
prepaymentHedge: '',
|
prepaymentHedge: '',
|
||||||
prepaymentPercent: '',
|
prepaymentPercent: '',
|
||||||
decimalPlaces: '',
|
decimalPlaces: '',
|
||||||
pointDecimalPlaces: '',
|
pointDecimalPlaces: '',
|
||||||
type: '',
|
type: '',
|
||||||
imageUrl: '',
|
imageUrl: '',
|
||||||
feeInventoryTime: '',
|
feeInventoryTime: '',
|
||||||
tradeGroup: '',
|
tradeGroup: '',
|
||||||
// 是否默认
|
// 是否默认
|
||||||
isDefault: '',
|
isDefault: '',
|
||||||
}
|
}
|
||||||
fileList.value = []
|
fileList.value = []
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -313,92 +346,96 @@ const handleAdd = () => {
|
||||||
*/
|
*/
|
||||||
// 自定义上传方法，调用你封装的接口
|
// 自定义上传方法，调用你封装的接口
|
||||||
const handleUpload = async (options: any) => {
|
const handleUpload = async (options: any) => {
|
||||||
const { file } = options
|
const { file } = options
|
||||||
try {
|
try {
|
||||||
const data = await uploadImageApi(file)
|
const data = await uploadImageApi(file)
|
||||||
varietyForm.value.imageUrl = data.url
|
varietyForm.value.imageUrl = data.url
|
||||||
|
|
||||||
// 通知 el-upload 上传成功
|
// 通知 el-upload 上传成功
|
||||||
options.onSuccess(data)
|
options.onSuccess(data)
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error('上传失败', err)
|
console.error('上传失败', err)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 上传前校验：格式 + 大小（20KB = 20 * 1024）
|
// 上传前校验：格式 + 大小（20KB = 20 * 1024）
|
||||||
const beforeUpload = (file: File) => {
|
const beforeUpload = (file: File) => {
|
||||||
// 严格校验后缀名
|
// 严格校验后缀名
|
||||||
const fileName = file.name.toLowerCase();
|
const fileName = file.name.toLowerCase()
|
||||||
const isJpgOrPng = fileName.endsWith('.jpg') || fileName.endsWith('.jpeg') || fileName.endsWith('.png');
|
const isJpgOrPng =
|
||||||
|
fileName.endsWith('.jpg') || fileName.endsWith('.jpeg') || fileName.endsWith('.png')
|
||||||
|
|
||||||
if (!isJpgOrPng) {
|
if (!isJpgOrPng) {
|
||||||
ElMessage.error('上传图片只能是 JPG/PNG 格式，且必须包含后缀名!');
|
ElMessage.error('上传图片只能是 JPG/PNG 格式，且必须包含后缀名!')
|
||||||
return false;
|
return false
|
||||||
}
|
}
|
||||||
|
|
||||||
// 校验 MIME 类型
|
// 校验 MIME 类型
|
||||||
const isTypeValid = file.type === 'image/jpeg' || file.type === 'image/png';
|
const isTypeValid = file.type === 'image/jpeg' || file.type === 'image/png'
|
||||||
if (!isTypeValid) {
|
if (!isTypeValid) {
|
||||||
ElMessage.error('图片MIME类型不正确，请重新选择!');
|
ElMessage.error('图片MIME类型不正确，请重新选择!')
|
||||||
return false;
|
return false
|
||||||
}
|
}
|
||||||
|
|
||||||
// 校验大小 (20KB)
|
// 校验大小 (20KB)
|
||||||
const isSizeValid = file.size / 1024 < 20;
|
const isSizeValid = file.size / 1024 < 20
|
||||||
if (!isSizeValid) {
|
if (!isSizeValid) {
|
||||||
ElMessage.error('图片大小不能超过 20KB!');
|
ElMessage.error('图片大小不能超过 20KB!')
|
||||||
return false;
|
return false
|
||||||
}
|
}
|
||||||
|
|
||||||
return true;
|
return true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description: 定义弹窗方法
|
* @description: 定义弹窗方法
|
||||||
*/
|
*/
|
||||||
const handleSubmit = async () => {
|
const handleSubmit = async () => {
|
||||||
await varietyFormRef.value?.validate()
|
await varietyFormRef.value?.validate()
|
||||||
const params = {
|
console.log(varietyForm.value)
|
||||||
id: varietyForm.value.id,
|
const params = {
|
||||||
code: varietyForm.value.varietyCode,
|
id: varietyForm.value.id,
|
||||||
name: varietyForm.value.varietyName,
|
code: varietyForm.value.varietyCode,
|
||||||
group_id: varietyForm.value.tradeGroup,
|
name: varietyForm.value.varietyName,
|
||||||
point_diff: varietyForm.value.minPoint,
|
point_diff: varietyForm.value.minPoint,
|
||||||
fee_inventory_short: varietyForm.value.shortStockFee,
|
fee_inventory_short: varietyForm.value.shortStockFee,
|
||||||
status: varietyForm.value.tradeStatus,
|
status: varietyForm.value.tradeStatus,
|
||||||
bail_hedge: varietyForm.value.prepaymentHedge,
|
bail_hedge: varietyForm.value.prepaymentHedge,
|
||||||
bail_percent: varietyForm.value.prepaymentPercent,
|
bail_percent: varietyForm.value.prepaymentPercent,
|
||||||
decimal_place: varietyForm.value.decimalPlaces,
|
decimal_place: varietyForm.value.decimalPlaces,
|
||||||
stop_loss_level: varietyForm.value.profitLevel,
|
stop_loss_level: varietyForm.value.profitLevel,
|
||||||
point_diff_max: varietyForm.value.maxPoint,
|
point_diff_max: varietyForm.value.maxPoint,
|
||||||
fee_inventory_long: varietyForm.value.longStockFee,
|
fee_inventory_long: varietyForm.value.longStockFee,
|
||||||
point_diff_decimal_place: varietyForm.value.pointDecimalPlaces,
|
point_diff_decimal_place: varietyForm.value.pointDecimalPlaces,
|
||||||
unit: varietyForm.value.unit,
|
unit: varietyForm.value.unit,
|
||||||
multiplier: varietyForm.value.contractSize,
|
multiplier: varietyForm.value.contractSize,
|
||||||
undulate_min: varietyForm.value.minFlux,
|
undulate_min: varietyForm.value.minFlux,
|
||||||
online_status: varietyForm.value.onlineStatus,
|
online_status: varietyForm.value.onlineStatus,
|
||||||
type: Number(varietyForm.value.type),
|
type: Number(varietyForm.value.type),
|
||||||
image: varietyForm.value.imageUrl,
|
image: varietyForm.value.imageUrl,
|
||||||
fee_inventory_time: varietyForm.value.feeInventoryTime,
|
fee_inventory_time: varietyForm.value.feeInventoryTime,
|
||||||
}
|
group_id: varietyForm.value.group_id,
|
||||||
console.log(params)
|
}
|
||||||
|
console.log(params)
|
||||||
|
|
||||||
if (dialogType.value === 'edit') {
|
if (dialogType.value === 'edit') {
|
||||||
console.log(params)
|
console.log(params)
|
||||||
await editVarietyApi({ ...params, group_id: selectedRow.value.group.id, is_default: varietyForm.value.isDefault })
|
await editVarietyApi({
|
||||||
getVarietyList()
|
...params,
|
||||||
} else {
|
is_default: varietyForm.value.isDefault,
|
||||||
await createVarietyApi({ ...params })
|
})
|
||||||
getVarietyList()
|
await getVarietyList()
|
||||||
}
|
} else {
|
||||||
dialogVisible.value = false
|
await createVarietyApi({ ...params })
|
||||||
|
await getVarietyList()
|
||||||
|
}
|
||||||
|
dialogVisible.value = false
|
||||||
}
|
}
|
||||||
const handleCancel = () => {
|
const handleCancel = () => {
|
||||||
dialogVisible.value = false
|
dialogVisible.value = false
|
||||||
}
|
}
|
||||||
const handleClose = () => {
|
const handleClose = () => {
|
||||||
dialogVisible.value = false
|
dialogVisible.value = false
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -406,24 +443,24 @@ const handleClose = () => {
|
||||||
*/
|
*/
|
||||||
// 点击行事件
|
// 点击行事件
|
||||||
const handleRowClick = (row: any) => {
|
const handleRowClick = (row: any) => {
|
||||||
if (!row) {
|
if (!row) {
|
||||||
selectedRow.value = null
|
selectedRow.value = null
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
selectedRow.value = row
|
selectedRow.value = row
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.search-container {
|
.search-container {
|
||||||
:deep(.el-form) {
|
:deep(.el-form) {
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
flex: none;
|
flex: none;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-upload) {
|
:deep(.el-upload) {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -51,7 +51,7 @@ export const DialogFormItem = [
|
||||||
// 编号
|
// 编号
|
||||||
{ prop: 'varietyCode', label: '编号', type: 'input' as const, placeholder: '请输入编号' },
|
{ prop: 'varietyCode', label: '编号', type: 'input' as const, placeholder: '请输入编号' },
|
||||||
// 交易分组
|
// 交易分组
|
||||||
{ prop: 'tradeGroup', label: '交易分组', type: 'select' as const, placeholder: '请选择交易分组' },
|
{ prop: 'group_id', label: '交易分组', type: 'select' as const, placeholder: '请选择交易分组' },
|
||||||
// 最大点差
|
// 最大点差
|
||||||
{ prop: 'maxPoint', label: '最大点差', type: 'input' as const, placeholder: '请输入最大点差' },
|
{ prop: 'maxPoint', label: '最大点差', type: 'input' as const, placeholder: '请输入最大点差' },
|
||||||
// 最小点差
|
// 最小点差
|
||||||
|
|
@ -110,7 +110,9 @@ export const DialogFormItem = [
|
||||||
{ prop: 'type', label: '类型', type: 'select' as const, placeholder: '请选择类型' },
|
{ prop: 'type', label: '类型', type: 'select' as const, placeholder: '请选择类型' },
|
||||||
// 库存费收取时间
|
// 库存费收取时间
|
||||||
{
|
{
|
||||||
prop: 'feeInventoryTime', label: '库存费收取时间', type: 'time' as const,
|
prop: 'feeInventoryTime',
|
||||||
|
label: '库存费收取时间',
|
||||||
|
type: 'time' as const,
|
||||||
valueFormat: 'HH:mm:ss',
|
valueFormat: 'HH:mm:ss',
|
||||||
isRange: false,
|
isRange: false,
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -38,89 +38,78 @@ const validateMaxFiveDecimals = (fieldName: string) => {
|
||||||
export const rules = (): FormRules => {
|
export const rules = (): FormRules => {
|
||||||
return {
|
return {
|
||||||
// 名称
|
// 名称
|
||||||
varietyName: [
|
varietyName: [{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }],
|
||||||
{ required: true, message: '请输入名称', trigger: ['blur', 'change'] }
|
|
||||||
],
|
|
||||||
// 编号
|
// 编号
|
||||||
varietyCode: [
|
varietyCode: [{ required: true, message: '请输入编号', trigger: ['blur', 'change'] }],
|
||||||
{ required: true, message: '请输入编号', trigger: ['blur', 'change'] }
|
|
||||||
],
|
|
||||||
// 所属交易时间
|
// 所属交易时间
|
||||||
tradeTime: [
|
tradeTime: [{ required: true, message: '请选择交易时间', trigger: ['blur', 'change'] }],
|
||||||
{ required: true, message: '请选择交易时间', trigger: ['blur', 'change'] }
|
|
||||||
],
|
|
||||||
// 最大点差
|
// 最大点差
|
||||||
maxPoint: [
|
maxPoint: [
|
||||||
{ required: true, message: '请输入最大点差', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入最大点差', trigger: ['blur', 'change'] },
|
||||||
{ validator: validateMaxFiveDecimals('最大点差'), trigger: ['blur', 'change'] }
|
{ validator: validateMaxFiveDecimals('最大点差'), trigger: ['blur', 'change'] },
|
||||||
],
|
],
|
||||||
// 最小点差
|
// 最小点差
|
||||||
minPoint: [
|
minPoint: [
|
||||||
{ required: true, message: '请输入最小点差', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入最小点差', trigger: ['blur', 'change'] },
|
||||||
{ validator: validateMaxFiveDecimals('最小点差')}
|
{ validator: validateMaxFiveDecimals('最小点差') },
|
||||||
],
|
],
|
||||||
// 合约大小
|
// 合约大小
|
||||||
contractSize: [
|
contractSize: [
|
||||||
{ required: true, message: '请输入合约大小', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入合约大小', trigger: ['blur', 'change'] },
|
||||||
{ validator: validateMaxFiveDecimals('合约大小')}
|
{ validator: validateMaxFiveDecimals('合约大小') },
|
||||||
],
|
],
|
||||||
// 多头库存费
|
// 多头库存费
|
||||||
longStockFee: [
|
longStockFee: [
|
||||||
{ required: true, message: '请输入多头库存费', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入多头库存费', trigger: ['blur', 'change'] },
|
||||||
{ validator: validateMaxFiveDecimals('多头库存费')}
|
{ validator: validateMaxFiveDecimals('多头库存费') },
|
||||||
],
|
],
|
||||||
// 空头库存费
|
// 空头库存费
|
||||||
shortStockFee: [
|
shortStockFee: [
|
||||||
{ required: true, message: '请输入空头库存费', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入空头库存费', trigger: ['blur', 'change'] },
|
||||||
{ validator: validateMaxFiveDecimals('空头库存费')}
|
{ validator: validateMaxFiveDecimals('空头库存费') },
|
||||||
],
|
],
|
||||||
// 预付款对冲
|
// 预付款对冲
|
||||||
prepaymentHedge: [
|
prepaymentHedge: [
|
||||||
{ required: true, message: '请输入预付款对冲', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入预付款对冲', trigger: ['blur', 'change'] },
|
||||||
|
|
||||||
{ validator: validateMaxFiveDecimals('预付款对冲')}
|
{ validator: validateMaxFiveDecimals('预付款对冲') },
|
||||||
],
|
],
|
||||||
// 预付款百分比
|
// 预付款百分比
|
||||||
prepaymentPercent: [
|
prepaymentPercent: [
|
||||||
{ required: true, message: '请输入预付款百分比', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入预付款百分比', trigger: ['blur', 'change'] },
|
||||||
|
|
||||||
{ validator: validateMaxFiveDecimals('预付款百分比')}
|
{ validator: validateMaxFiveDecimals('预付款百分比') },
|
||||||
],
|
],
|
||||||
// 小数位
|
// 小数位
|
||||||
decimalPlaces: [
|
decimalPlaces: [
|
||||||
{ required: true, message: '请输入小数位', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入小数位', trigger: ['blur', 'change'] },
|
||||||
{ validator: validateMaxFiveDecimals('小数位')}
|
{ validator: validateMaxFiveDecimals('小数位') },
|
||||||
],
|
],
|
||||||
// 点差小数位
|
// 点差小数位
|
||||||
pointDecimalPlaces: [
|
pointDecimalPlaces: [
|
||||||
{ required: true, message: '请输入点差小数位', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入点差小数位', trigger: ['blur', 'change'] },
|
||||||
{ validator: validateMaxFiveDecimals('点差小数位')}
|
{ validator: validateMaxFiveDecimals('点差小数位') },
|
||||||
],
|
],
|
||||||
// 止盈水平
|
// 止盈水平
|
||||||
profitLevel: [
|
profitLevel: [
|
||||||
{ required: true, message: '请输入止盈水平', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入止盈水平', trigger: ['blur', 'change'] },
|
||||||
{ validator: validateMaxFiveDecimals('止盈水平')}
|
{ validator: validateMaxFiveDecimals('止盈水平') },
|
||||||
],
|
],
|
||||||
// 单位
|
// 单位
|
||||||
unit: [
|
unit: [{ required: true, message: '请输入单位', trigger: ['blur', 'change'] }],
|
||||||
{ required: true, message: '请输入单位', trigger: ['blur', 'change'] }
|
|
||||||
],
|
|
||||||
// 最小波动
|
// 最小波动
|
||||||
minFlux: [
|
minFlux: [
|
||||||
{ required: true, message: '请输入最小波动', trigger: ['blur', 'change'] },
|
{ required: true, message: '请输入最小波动', trigger: ['blur', 'change'] },
|
||||||
{ validator: validateMaxFiveDecimals('最小波动')}
|
{ validator: validateMaxFiveDecimals('最小波动') },
|
||||||
],
|
],
|
||||||
// 类型
|
// 类型
|
||||||
type: [
|
type: [{ required: true, message: '请选择类型', trigger: ['blur', 'change'] }],
|
||||||
{ required: true, message: '请选择类型', trigger: ['blur', 'change'] }
|
|
||||||
],
|
|
||||||
// 上传图片
|
// 上传图片
|
||||||
imageUrl: [
|
imageUrl: [{ required: true, message: '请上传图片', trigger: ['blur', 'change'] }],
|
||||||
{ required: true, message: '请上传图片', trigger: ['blur', 'change'] }
|
|
||||||
],
|
|
||||||
// 库存费收取时间
|
// 库存费收取时间
|
||||||
feeInventoryTime: [
|
feeInventoryTime: [
|
||||||
{ required: true, message: '请选择库存费收取时间', trigger: ['blur', 'change'] }
|
{ required: true, message: '请选择库存费收取时间', trigger: ['blur', 'change'] },
|
||||||
],
|
],
|
||||||
|
group_id: [{ required: true, message: '请选择交易分组', trigger: ['blur', 'change'] }],
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue