ne1

zzzz

2024-04-07 69ff731fbacf2f2ae16f98a355506bfeb01dd567

 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: '请输入最小手数' }] }]"
              />
              &nbsp;&nbsp;手
              <span class="separator">~&nbsp;&nbsp;</span>
              <a-input
                placeholder="请输入最大手数"
                v-decorator="['maxNum', { rules: [{ required: true, message: '请输入最大手数', }] }]" />
                v-decorator="['maxNum', { rules: [{ required: true, message: '请输入最大手数' }] }]"
              />
              &nbsp;&nbsp;手
            </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' }] }]"
              />
              &nbsp;&nbsp;点
              <span class="separator">~&nbsp;&nbsp;</span>
              <a-input
                placeholder="例：12:00"
                v-decorator="['transAmEnd', { rules: [{ required: true, message: '请输入上午开始时间 例：12:00', }] }]" />
                v-decorator="['transAmEnd', { rules: [{ required: true, message: '请输入上午开始时间 例：12:00' }] }]"
              />
              &nbsp;&nbsp;点
            </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' }] }]"
              />
              &nbsp;&nbsp;点
              <span class="separator">~&nbsp;&nbsp;</span>
              <a-input
                placeholder="例：23:00"
                v-decorator="['transPmEnd', { rules: [{ required: true, message: '请输入上午开始时间 例：23:00', }] }]" />
                v-decorator="['transPmEnd', { rules: [{ required: true, message: '请输入上午开始时间 例：23:00' }] }]"
              />
              &nbsp;&nbsp;点
            </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">~&nbsp;&nbsp;</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>