1

admin

2026-01-06 089bf5d2378b3c4a61d795b2a92bede2c193b771

 src/views/modules/cryptos-spots/transaction-pairs-add-or-update.vue

New file
@@ -0,0 +1,248 @@
<template>
  <el-dialog
    :title="'交易对修改'"
    :close-on-click-modal="false"
    :visible.sync="visible">
    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="120px"
     label-position="top">


      <el-form-item label="交易对ID">
        <el-input v-model="dataForm.uuid" placeholder=""></el-input>
      </el-form-item>

      <el-form-item label="报价货币">
        <el-select v-model="dataForm.quoteCurrency" placeholder="USDT">
            <el-option label="USDT" value="USDT"></el-option>
            <el-option label="BTC" value="BTC"></el-option>
            <el-option label="ETH" value="ETH"></el-option>
          </el-select>     
      </el-form-item>

      <el-form-item label="币种">
        <el-select v-model="dataForm.symbolFullName" placeholder="请选择币种">
            <el-option
                v-for="item in option"
                :key="item.symbol"
                :label="item.symbol"
                :value="item.symbol"
              >
            </el-option>
          </el-select>     
      </el-form-item>

      <el-form-item label="价格精度" prop="decimals">
        <el-input v-model="dataForm.decimals" placeholder=""></el-input>
      </el-form-item>
 
      <el-form :inline="true" label-position="top">          

          <el-form-item label="前端显示状态" style="width: 200px;">
            <el-switch
              v-model="showStatus3"
              active-color="#13ce66"
              @change="showStatus(showStatus3)">
            </el-switch>
          </el-form-item>
        
          <el-form-item label="交易状态" style="width: 200px;">
            <el-switch
              v-model="tradeStatus3"
              active-color="#13ce66"
              @change="tradeStatus(tradeStatus3)">
            </el-switch>
          </el-form-item>
    
      </el-form>


      <el-row>
        <el-col :span="12">
          <el-form-item label="最小交易量" style="width: 200px;" prop="pips">
            <el-input v-model="dataForm.pips" placeholder=""></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">      
          <el-form-item label="最小交易额" style="width: 200px;" prop="pipsAmount">
            <el-input v-model="dataForm.pipsAmount" placeholder=""></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <!-- <el-form :inline="true" label-position="top">          
        



      </el-form> -->
      <!-- <el-row>
        <el-col :span="12">

        </el-col>
        <el-col :span="12">      
    
        </el-col>
      </el-row> -->
      <el-form-item label="资金密码" prop="loginSafeword">
        <el-input v-model="dataForm.loginSafeword" type="password" placeholder=""></el-input>
      </el-form-item>
      <el-form-item label="排序">
        <el-input v-model="dataForm.sorted" placeholder=""></el-input>
      </el-form-item>
      
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
    </span>
  </el-dialog>
</template>

<script>
  import { treeDataTranslate } from '@/utils'
  import { Debounce } from '@/utils/debounce'
  import { encrypt } from "@/utils/crypto";
  export default {
    data () {
      return {
        showStatus3:true,
        tradeStatus3:true,
        visible: false,
        menuList: [],
        option: [
        ],
        menuListTreeProps: {
          label: 'name',
          children: 'children'
        },
        dataForm: {
          id: 0,
          roleName: '',
          remark: '',
          loginSafeword:'',
          // showStatus1: true,
          // showStatus2: false,
          // tradeStatus2: false,
        },
        dataRule: {
          roleName: [
            { required: true, message: '角色名称不能为空', trigger: 'blur' },
            { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的角色名称', trigger: 'blur' }
          ],
          remark: [
            { required: false, pattern: /\s\S+|S+\s|\S/, message: '输入格式有误', trigger: 'blur' }
          ],
          decimals: [
            { required: true, message: '价格精度不能为空', trigger: 'blur' }
          ],
          pips: [
            { required: true, message: '最小交易量不能为空', trigger: 'blur' }
          ],
          pipsAmount: [
            { required: true, message: '最小交易额不能为空', trigger: 'blur' }
          ],
          loginSafeword: [
            { required: true, message: '资金密码不能为空', trigger: 'blur' }
          ]
        },
        tempKey: -666666 // 临时key, 用于解决tree半选中状态项不能传给后台接口问题. # 待优化
      }
    },
    methods: {
      init (row) {
        this.getAction()
        if(row==null){
          this.dataForm = {}
          this.dataForm.add = true;
        }else{
          this.dataForm = {...row} || {}
        }

        this.showStatus3 = this.dataForm.showStatus == "1"
        this.tradeStatus3 = this.dataForm.tradeStatus == "1"

        this.visible = true
      },
      dataFormSubmit: Debounce(function () {
        this.UpdateDataForm();
      }),
      UpdateDataForm(){
          this.dataForm.showStatus = this.showStatus3 ? "1" : "0";
          this.dataForm.tradeStatus = this.tradeStatus3 ? "1" : "0";
          //start
          this.$refs['dataForm'].validate((valid) => {
            if (valid) {
              this.$http({
                url: this.$http.adornUrl(`/normal/adminItemAction!/update.action`),
                method: 'post',
                data: this.$http.adornData({
                  'symbol':this.dataForm.symbol,
                  'uuid':this.dataForm.uuid,            //ID
                  "quoteCurrency": this.dataForm.quoteCurrency,       //报价货币
                  "symbolFullName": this.dataForm.symbolFullName,           //币种
                  "decimals": this.dataForm.decimals,   //价格精度
                  "showStatus": this.dataForm.showStatus,             //前端显示状态
                  "tradeStatus": this.dataForm.tradeStatus, //交易状态
                  "pips": this.dataForm.pips,     //最小交易量
                  "pipsAmount": this.dataForm.pipsAmount,                 //最小交易额
                  "sorted": this.dataForm.sorted,         //排序
                  'loginSafeword': encrypt(this.dataForm.loginSafeword),
                })
              }).then(({data}) => {
                if(data.code == 0){
                    this.$message({
                    message: '操作成功',
                    type: 'success',
                    duration: 1500,
                    onClose: () => {
                      this.dialogFormVisible = false
                      this.visible = false
                      this.$emit('refreshDataList')
                    }
                  })
                }else{
                  this.$message({
                    message: data.msg,
                    type: 'error',
                    duration: 1500,
                    onClose: () => {
                     
                    }
                  })
                }
              })
            }
          })
         //end
      },
      //币种
      getAction() {
        this.$http({
          url: this.$http.adornUrl(
            "/normal/adminItemAction!/list"
          ),
          method: "get",
          params: this.$http.adornParams({
            type: "cryptos",
          }),
        }).then(({ data }) => {
          if(data.data.records){
              this.option = data.data.records.map((item,index) =>{
                return Object.assign({},{'symbol':item.symbol,'name':item.name})
              })
          }
        });
      },
      showStatus(data){
      },
      tradeStatus(data){
      }
    }
  }
</script>

<style>
  /* .customWidth{
      width:80%;
  } */
</style>