Quop.vue

<template>
  <div class="eibs-tab">

    <c-col :span="24">
        <!-- ==================左边================ -->
        <c-col :span="12" style="padding-right: 20px">
            <c-col :span="24">
                <c-form-item label="业务编号" prop="fxdgrp.rec.ownref">
                    <c-fullbox>
                        <c-input v-model="model.fxdgrp.rec.ownref" maxlength="16" placeholder="请输入业务编号" disabled>
                        </c-input>
                        <template slot="footer">
                            <c-button style="margin: 0 0" size="small" type="primary" :disabled="model.fxdgrp.apl.pts.ptainr === ''"
                            @click="getOwnref">
                            获取
                            </c-button>
                        </template>
                        </c-fullbox>
                </c-form-item>
            </c-col>

            <c-col :span="24">
                <c-form-item label="业务负责人" prop="fxtp.usr.extkey">
                    <c-input v-model="model.fxtp.usr.extkey" placeholder="请输入业务负责人" />
                </c-form-item>
            </c-col>

            <c-col :span="24">
                <c-form-item label="外汇买卖类型" prop="fxdgrp.rec.fxtyp">
                    <c-select v-model="model.fxdgrp.rec.fxtyp" style="width:100%" :placeholder="请输入外汇买卖类型" dbCode="">
                    </c-select>
                </c-form-item>
            </c-col>

            <c-col :span="24">
                <c-form-item label="对外牌价" prop="fxdgrp.rec.rat">
                  <c-input-currency v-model="model.fxdgrp.rec.rat" style="width:100%" :precision="6" disabled placeholder="请输入平盘牌价">
                  </c-input-currency>
                </c-form-item>
            </c-col>

            <c-col :span="24">
                <c-form-item label="中间价" prop="fxdgrp.rec.midrat">
                  <c-input-currency v-model="model.fxdgrp.rec.midrat" style="width:100%" :precision="6" disabled placeholder="请输入中间价">
                  </c-input-currency>
                </c-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="交易日期" prop="fxdgrp.rec.opndat">
                    <c-date-picker type="date" v-model="model.fxdgrp.rec.opndat" style="width:100%" placeholder="请输入登记日期">
                    </c-date-picker>
                </el-form-item>
            </c-col>

             <c-col :span="24">
                <el-form-item label="买入外币账号" prop="fxdgrp.rec.dsp">
                  <c-col :span="12">
                    <c-select v-model="model.fxdgrp.rec.dsp" style="width:100%" :placeholder="请输入" dbCode="">
                    </c-select>
                  </c-col>
                  <c-col :span="12">
                    <c-select v-model="model.fxdgrp.rec.acc" style="width:100%" :placeholder="请输入买入外币账号" dbCode="">
                    </c-select>
                  </c-col>
                </el-form-item>
            </c-col>


            <c-col :span="24">
                <c-form-item label="备注" prop="fxdgrp.blk.remark">
                  <c-input type="textarea" v-model="model.fxdgrp.blk.remark" maxlength="140" :rows="4" style="width:100%" placeholder="请输入备注">
                  </c-input>
                </c-form-item>
            </c-col>





        </c-col>

        <!-- ==================右边================ -->
        <c-col :span="12" style="padding-right: 20px">
            <c-col :span="24">
                <c-form-item label="名称" prop="fxdgrp.rec.nam">
                    <c-input v-model="model.fxdgrp.rec.nam" placeholder="请输入名称"/>
                </c-form-item>
          </c-col>

          <c-col :span="24">
              <el-card class="box-card">
                  <c-ptap :model="model" :requiredExtkey="true" :disabledExtkey="false" :disabled="false" :isAdrblk="true" :haveAdrLabel="true"
                  :isShowCard="false" :argadr="{title: '外汇买卖申请人',grp: 'fxdgrp', rol: 'apl',}"
                  :label="{labelExtkey:'外汇买卖申请人',labelNam:'名称',labelAdrblk:'地址'}" ptytyp="C">
                  </c-ptap>
              </el-card>
            </c-col>

          <c-col :span="24">
              <el-form-item label="生效日" prop="fxdgrp.rec.valdat">
                  <c-date-picker type="date" v-model="model.fxdgrp.rec.valdat" style="width:100%" placeholder="请输入起息日">
                  </c-date-picker>
              </el-form-item>
          </c-col>

          <c-col :span="24">
              <el-form-item label="卖出外币账号" prop="fxdgrp.rec.dsp2">
                <c-col :span="12">
                  <c-select v-model="model.fxdgrp.rec.dsp2" style="width:100%" :placeholder="请输入" dbCode="">
                  </c-select>
                </c-col>
                <c-col :span="12">
                  <c-select v-model="model.fxdgrp.rec.acc2" style="width:100%" :placeholder="请输入卖出外币账号" dbCode="">
                  </c-select>
                </c-col>
              </el-form-item>
          </c-col>

        </c-col>
    </c-col>

  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import event from "../event";

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [event],
    data(){
        return {

        }
    },
    created() {}
}
</script>
<style>

</style>