From d2a6b6f9de0589ef3e74e37eb138fbee097673c1 Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Tue, 11 Jun 2024 16:33:32 +0800
Subject: [PATCH] 换个code
---
src/views/product/components/editfuturesdialog.vue | 243 +++++++++++++++++++++++++++---------------------
1 files changed, 136 insertions(+), 107 deletions(-)
diff --git a/src/views/product/components/editfuturesdialog.vue b/src/views/product/components/editfuturesdialog.vue
index 1fbacfa..ee79d76 100644
--- a/src/views/product/components/editfuturesdialog.vue
+++ b/src/views/product/components/editfuturesdialog.vue
@@ -6,7 +6,8 @@
:visible="addUserdialog"
:confirmLoading="addUserDialogloading"
@ok="OkaddUserdialog"
- @cancel="CanceladdUserdialog">
+ @cancel="CanceladdUserdialog"
+ >
<a-form :form="addUserform" ref="addUserform">
<p>该期货交易规则的设置信息,请根据您的设置仿照示例填写,价格单位为元,数量单位为手</p>
<a-row :gutter="48">
@@ -15,21 +16,21 @@
<a-input
placeholder="请输入期货名称"
disabled
- v-decorator="['futuresName', { rules: [{ required: true, message: '请输入期货名称', }] }]" />
+ v-decorator="['futuresName', { rules: [{ required: true, message: '请输入期货名称' }] }]"
+ />
</a-form-item>
</a-col>
<a-col :md="8" :lg="8" :sm="12">
<a-form-item label="双边手续费" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
placeholder="请输入双边手续费(例:200)"
- v-decorator="['transFee', { rules: [{ required: true, message: '请输入双边手续费(例:200)', }] }]" />
+ v-decorator="['transFee', { rules: [{ required: true, message: '请输入双边手续费(例:200)' }] }]"
+ />
</a-form-item>
</a-col>
<a-col :md="8" :lg="8" :sm="12">
<a-form-item label="每点浮动价" :labelCol="labelCol" :wrapperCol="wrapperCol">
- <a-input
- placeholder="(单位：USD)"
- v-decorator="['eachPoint', {}]" />
+ <a-input placeholder="(单位：USD)" v-decorator="['eachPoint', {}]" />
</a-form-item>
</a-col>
</a-row>
@@ -38,7 +39,8 @@
<a-form-item label="是否可交易" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
placeholder="请选择交易状态"
- v-decorator="['transState', { rules: [{ required: true, message: '请选择交易状态', }] }]">
+ v-decorator="['transState', { rules: [{ required: true, message: '请选择交易状态' }] }]"
+ >
<a-select-option :value="0">不可交易</a-select-option>
<a-select-option :value="1">可交易</a-select-option>
</a-select>
@@ -48,7 +50,8 @@
<a-form-item label="是否首页显示" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
placeholder="首页显示状态"
- v-decorator="['homeShow', { rules: [{ required: true, message: '请选择首页显示状态', }] }]">
+ v-decorator="['homeShow', { rules: [{ required: true, message: '请选择首页显示状态' }] }]"
+ >
<a-select-option :value="0">不显示</a-select-option>
<a-select-option :value="1">显示</a-select-option>
</a-select>
@@ -58,7 +61,8 @@
<a-form-item label="是否列表页显示" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-select
placeholder="列表页显示状态"
- v-decorator="['listShow', { rules: [{ required: true, message: '请选择列表页显示状态', }] }]">
+ v-decorator="['listShow', { rules: [{ required: true, message: '请选择列表页显示状态' }] }]"
+ >
<a-select-option :value="0">不显示</a-select-option>
<a-select-option :value="1">显示</a-select-option>
</a-select>
@@ -70,12 +74,14 @@
<a-form-item label="买入手数限制" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
<a-input
placeholder="请输入最小手数"
- v-decorator="['minNum', { rules: [{ required: true, message: '请输入最小手数', }] }]" />
+ v-decorator="['minNum', { rules: [{ required: true, message: '请输入最小手数' }] }]"
+ />
手
<span class="separator">~ </span>
<a-input
placeholder="请输入最大手数"
- v-decorator="['maxNum', { rules: [{ required: true, message: '请输入最大手数', }] }]" />
+ v-decorator="['maxNum', { rules: [{ required: true, message: '请输入最大手数' }] }]"
+ />
手
</a-form-item>
</a-col>
@@ -83,10 +89,12 @@
<a-form-item label="每手保证金" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
<a-input
placeholder="请输入金额"
- v-decorator="['futuresStandard', { rules: [{ required: true, message: '请输入金额', }] }]" />
+ v-decorator="['futuresStandard', { rules: [{ required: true, message: '请输入金额' }] }]"
+ />
<a-select
placeholder="请选择基础货币单位"
- v-decorator="['coinCode', { rules: [{ required: true, message: '请选择基础货币单位', }] }]">
+ v-decorator="['coinCode', { rules: [{ required: true, message: '请选择基础货币单位' }] }]"
+ >
<a-select-option v-for="(item, index) in coinlist" :key="index" :value="item.coinCode">
{{ item.coinName }}
</a-select-option>
@@ -99,12 +107,14 @@
<a-form-item label="上午" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
<a-input
placeholder="例：1:00"
- v-decorator="['transAmBegin', { rules: [{ required: true, message: '请输入上午开始时间 例：1:00', }] }]" />
+ v-decorator="['transAmBegin', { rules: [{ required: true, message: '请输入上午开始时间 例：1:00' }] }]"
+ />
点
<span class="separator">~ </span>
<a-input
placeholder="例：12:00"
- v-decorator="['transAmEnd', { rules: [{ required: true, message: '请输入上午开始时间 例：12:00', }] }]" />
+ v-decorator="['transAmEnd', { rules: [{ required: true, message: '请输入上午开始时间 例：12:00' }] }]"
+ />
点
</a-form-item>
</a-col>
@@ -112,12 +122,14 @@
<a-form-item label="下午" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
<a-input
placeholder="例：12:00"
- v-decorator="['transPmBegin', { rules: [{ required: true, message: '请输入上午开始时间 例：12:00', }] }]" />
+ v-decorator="['transPmBegin', { rules: [{ required: true, message: '请输入上午开始时间 例：12:00' }] }]"
+ />
点
<span class="separator">~ </span>
<a-input
placeholder="例：23:00"
- v-decorator="['transPmEnd', { rules: [{ required: true, message: '请输入上午开始时间 例：23:00', }] }]" />
+ v-decorator="['transPmEnd', { rules: [{ required: true, message: '请输入上午开始时间 例：23:00' }] }]"
+ />
点
</a-form-item>
</a-col>
@@ -125,20 +137,21 @@
<a-row :gutter="48">
<a-col :md="24" :lg="24" :sm="24">
<a-form-item label="每标准手规格" :labelCol="labelCol2" :wrapperCol="wrapperCol1">
- <div style="display:flex;width: 100%;margin-top: 5px;">
- <span style="width:300px;margin-left: 10px;line-height: 30px;align-items: center;">1标准手
- =</span>
+ <div style="display: flex; width: 100%; margin-top: 5px">
+ <span style="width: 300px; margin-left: 10px; line-height: 30px; align-items: center">1标准手 =</span>
<a-input
placeholder="每标准手数量"
- v-decorator="['depositAmt', { rules: [{ required: true, message: '每标准手数量', }] }]" />
+ v-decorator="['depositAmt', { rules: [{ required: true, message: '每标准手数量' }] }]"
+ />
/
<span class="separator">~ </span>
<a-input
placeholder="单位"
- v-decorator="['futuresUnit', { rules: [{ required: true, message: '单位', }] }]" />
- <span
- style="width:800px;margin-left: 10px;line-height: 30px;align-items: center;">例如美原油：1标准手
- = 1000桶</span>
+ v-decorator="['futuresUnit', { rules: [{ required: true, message: '单位' }] }]"
+ />
+ <span style="width: 800px; margin-left: 10px; line-height: 30px; align-items: center"
+ >例如美原油：1标准手 = 1000桶</span
+ >
</div>
</a-form-item>
</a-col>
@@ -151,94 +164,110 @@
import { futuresupdate } from '@/api/product'
import pick from 'lodash.pick'
export default {
- props: {
- getlist: {
- type: Function,
- default: function () {
- }
- },
- coinlist: {
- type: Array,
- default: function () {
- return []
- }
- }
+ props: {
+ getlist: {
+ type: Function,
+ default: function () {},
},
- data () {
- return {
- labelCol: {
- xs: { span: 10 },
- sm: { span: 10 },
- md: { span: 10 }
- },
- wrapperCol: {
- xs: { span: 14 },
- sm: { span: 14 },
- md: { span: 14 }
- },
- labelCol1: {
- xs: { span: 10 },
- sm: { span: 10 },
- md: { span: 6 }
- },
- wrapperCol1: {
- xs: { span: 14 },
- sm: { span: 14 },
- md: { span: 18 }
- },
- labelCol2: {
- xs: { span: 4 },
- sm: { span: 4 },
- md: { span: 4 }
- },
- addUserform: this.$form.createForm(this),
- addUserdialog: false,
- addUserDialogloading: false,
- fields: ['futuresName', 'depositAmt', 'transFee', 'futuresUnit', 'maxNum', 'minNum', 'homeShow', 'listShow', 'transState', 'futuresStandard', 'coinCode', 'transAmBegin', 'transAmEnd', 'transPmBegin', 'transPmEnd', 'eachPoint'],
- currentDetails: {}
- }
+ coinlist: {
+ type: Array,
+ default: function () {
+ return []
+ },
},
- methods: {
- getEditorder (val) {
- this.currentDetails = val
- this.addUserdialog = true
- this.fields.forEach(v => this.addUserform.getFieldDecorator(v))
- this.addUserform.setFieldsValue(pick(val, this.fields))
- },
- // 新增用户取消弹窗
- CanceladdUserdialog () {
- this.addUserdialog = false
- const form = this.$refs.addUserform.form
- form.resetFields()
- },
- // 新增用户确定
- OkaddUserdialog () {
- const form = this.$refs.addUserform.form
- form.validateFields((errors, values) => {
- if (!errors) {
- this.addUserDialogloading = true
- values.id = this.currentDetails.id
- values.futuresName = undefined
- futuresupdate(values).then(res => {
- if (res.status == 0) {
- this.addUserdialog = false
- this.$message.success({ content: res.msg, duration: 2 })
- form.resetFields()
- this.getlist()
- } else {
- this.$message.error({ content: res.msg })
- }
- this.addUserDialogloading = false
- })
- }
- })
- }
+ },
+ data() {
+ return {
+ labelCol: {
+ xs: { span: 10 },
+ sm: { span: 10 },
+ md: { span: 10 },
+ },
+ wrapperCol: {
+ xs: { span: 14 },
+ sm: { span: 14 },
+ md: { span: 14 },
+ },
+ labelCol1: {
+ xs: { span: 10 },
+ sm: { span: 10 },
+ md: { span: 6 },
+ },
+ wrapperCol1: {
+ xs: { span: 14 },
+ sm: { span: 14 },
+ md: { span: 18 },
+ },
+ labelCol2: {
+ xs: { span: 4 },
+ sm: { span: 4 },
+ md: { span: 4 },
+ },
+ addUserform: this.$form.createForm(this),
+ addUserdialog: false,
+ addUserDialogloading: false,
+ fields: [
+ 'futuresName',
+ 'depositAmt',
+ 'transFee',
+ 'futuresUnit',
+ 'maxNum',
+ 'minNum',
+ 'homeShow',
+ 'listShow',
+ 'transState',
+ 'futuresStandard',
+ 'coinCode',
+ 'transAmBegin',
+ 'transAmEnd',
+ 'transPmBegin',
+ 'transPmEnd',
+ 'eachPoint',
+ ],
+ currentDetails: {},
}
+ },
+ methods: {
+ getEditorder(val) {
+ this.currentDetails = val
+ this.addUserdialog = true
+ this.fields.forEach((v) => this.addUserform.getFieldDecorator(v))
+ this.addUserform.setFieldsValue(pick(val, this.fields))
+ },
+ // 新增用户取消弹窗
+ CanceladdUserdialog() {
+ this.addUserdialog = false
+ const form = this.$refs.addUserform.form
+ form.resetFields()
+ },
+ // 新增用户确定
+ OkaddUserdialog() {
+ const form = this.$refs.addUserform.form
+ form.validateFields((errors, values) => {
+ if (!errors) {
+ this.addUserDialogloading = true
+ values.id = this.currentDetails.id
+ values.futuresName = undefined
+ futuresupdate(values).then((res) => {
+ if (res.status == 0) {
+ this.addUserdialog = false
+ this.$message.success(res.msg)
+ form.resetFields()
+ this.getlist()
+ } else {
+ this.$message.error(res.msg)
+ }
+ this.addUserDialogloading = false
+ })
+ }
+ })
+ },
+ },
}
</script>
<style lang="less" scoped>
/deep/ .ant-form-item-children {
- display: flex;
- align-items: center;
+ display: flex;
+ align-items: center;
}
</style>
--
Gitblit v1.9.3