Conp.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24" >
      <c-col :span="12" style="padding-right: 20px;">
        <!-- Condition -->
        <c-col :span="24">
          <el-form-item label="Condition" prop="ledgrp.rec.cnfdet">
            <c-select
                    v-model="model.ledgrp.rec.cnfdet"
                    style="width: 100%"
                    placeholder="请选择"
                    dbCode="CNFFLG"
                    disabled
            >
            </c-select>
          </el-form-item>
        </c-col>


        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="Confirmation" prop="ledgrp.cbs.cnf.cur">
              <c-select-cur
                      v-model="model.ledgrp.cbs.cnf.cur"
                      maxlength="3"
                      placeholder="请选择币种"
                      dbCode="curtxt"  sort="SRT"
                      style="width:100%"
                      disabled
              ></c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item label="" label-width="5px" prop="ledgrp.cbs.cnf.amt">
              <c-input-currency
                      v-model="model.ledgrp.cbs.cnf.amt"
                      class="m-input-currency"
                      placeholder="请输入金额"
                      @change="amtChange"
                      @keyup.enter.native="$event.target.blur()"
              ></c-input-currency>
            </el-form-item>
          </c-col>
          <c-col :span="4">
            <el-form-item label="" label-width="5px" prop="ledgrp.rec.partcon">
              <c-fullbox>
                <c-input-currency
                        v-model="model.ledgrp.rec.partcon"
                        placeholder="请输入比例"
                        @change="partconChange"
                        @keyup.enter.native="$event.target.blur()"
                ></c-input-currency>
                <!-- <span>%</span> -->
                <template slot="footer">%</template>
              </c-fullbox>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="Confirmed on" prop="ledgrp.rec.cnfdat">
            <c-date-picker
                    type="date"
                    v-model="model.ledgrp.rec.cnfdat"
                    style="width: 100%"
                    placeholder="请选择日期"
                    value-format="yyyy-MM-dd"
            >
            </c-date-picker>
          </el-form-item>
        </c-col>
      </c-col>

      <!-- ============右边================= -->
      <c-col :span="12" style="padding-left: 20px;">

        <!--Confirmation Status -->
        <c-col :span="24">
          <el-form-item label="Confirmation Status " prop="ledgrp.rec.cnfsta">
            <c-select
                    v-model="model.ledgrp.rec.cnfsta"
                    style="width: 100%"
                    placeholder="请选择"
                    dbCode="CNFSTA"
                    disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <!-- Confir. Requested on -->
        <c-col :span="24">
          <el-form-item label="Confir. Requested on" prop="reqdat">
            <c-date-picker
                    type="date"
                    v-model="model.reqdat"
                    style="width: 100%"
                    placeholder="请选择日期"
                    value-format="yyyy-MM-dd"
            >
            </c-date-picker>
          </el-form-item>
        </c-col>

      </c-col>
    </c-col>
  </div>
</template>
<script>

import event from "../event"

export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [event],
  data() {
    return {}
  },
  methods: {},
  created: function () {
  },
}
</script>
<style></style>