<template>
  <div class="eibs">
    <el-form
        ref="modelForm"
        label-width="120px"
        size="small"
        label-position="right"
        :model="ubr"
        :rules="rules"
        :validate-on-rule-change="false"
        :disabled="operate === 'details'"
    >
      <c-col :span="12" class="col-left">
        <c-col :span="24">
          <el-form-item label="交易名" prop="bussec">
            <c-input
                v-model="ubr.bussec"
                placeholder="请输入交易名"
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="授权币种" prop="relcur">
            <c-select v-model="ubr.relcur" style="width: 100%" placeholder="请选择授权币种" :code="getCodesByKey('curtxt')"> </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="授权金额" prop="relamt">
            <c-input-currency class="input-currency-left"
                v-model="ubr.relamt"
                placeholder="请输入授权金额"
            >
            </c-input-currency>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="第二授权金额" prop="relamt2nd">
            <c-input-currency class="input-currency-left"
                v-model="ubr.relamt2nd"
                placeholder="请输入第二授权金额"
            >
            </c-input-currency>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="授权状态" prop="relgrp">
            <c-select v-model="ubr.relgrp" style="width: 100%" placeholder="请选择授权状态" :code="getCodesByKey('relgrp')"> </c-select>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="12" class="col-right">
        <c-col :span="24">
          <el-form-item label="交易代码" prop="trncod">
            <c-input
                v-model="ubr.trncod"
                placeholder="请输入交易代码"
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="交易所属机构" prop="branchinr">
            <c-input
                v-model="ubr.branchinr"
                placeholder="请输入交易所属机构"
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="一次性授权" prop="autcur">
            <c-input
                v-model="ubr.autcur"
                placeholder="请输入一次性授权"
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="一次性释放授权" prop="autamt">
            <c-input-currency class="input-currency-left"
                v-model="ubr.autamt"
                placeholder="请输入一次性释放授权"
            >
            </c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
    </el-form>
  </div>
</template>

<script>
import { Pattern } from "./Ubr";
import codes from "~/config/CodeTable";

export default {
  name: "",
  props: ['ubr', 'operate'],
  data() {
    return {
      rules: Pattern,
    };
  },
  methods:{
    getCodesByKey(key) {
      return codes[key] ?? [];
    },
  },
};
</script>

<style>
</style>