DiaInfo.vue

<template>
    <div class="eibs-tab">
        <!-- =============================================左边=========================================== -->

    <c-col :span="12" class="col-left">
      <c-col :span="24">
        <el-form-item label="Business Sector" prop="subObjTyp">
          <c-select :disabled="type === 'edit'" style="width: 100%" v-model="model.subObjTyp" placeholder="请选择Business Sector"   dbCode="BUSTXT" >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="业务编号" prop="objref">
          <c-fullbox>
            <c-input :disabled="false" v-model="model.objref" placeholder="请输入业务编号"> </c-input>
            <template slot="footer">
              <c-button
                :disabled="type === 'edit'"
                style="margin-left: 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
                icon="el-icon-info"
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="业务编号描述" prop="ownrefDesc">
          <c-input :disabled="type === 'edit'" v-model="model.ownrefDesc" style="width: 100%" placeholder="请输入业务编号描述"> </c-input>
        </el-form-item>
      </c-col>
      <!-- <c-col :span="24">
        <el-form-item label="交易名" prop="frm">
          <c-select style="width: 100%" v-model="model.frm" placeholder="请选择交易名">
          </c-select>
        </el-form-item>
      </c-col> -->
      <c-col :span="24">
        <el-form-item label="交易" prop="frm">
          <c-select style="width: 100%" v-model="model.frm" placeholder="请选择交易"  dbCode="ATPTXT" >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="备忘录名称" prop="nam">
          <c-input v-model="model.nam" style="width: 100%" placeholder="请输入备忘录名称">
          </c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="明细信息" prop="inftxt">
          <c-input v-model="model.inftxt" placeholder="请输入明细信息" > </c-input>
        </el-form-item>
      </c-col>
      <div v-if="model.cod == 'RAM'">
        <c-col :span="24">
        <el-form-item label="客户号" prop="ptyextkey">
          <c-input v-model="model.ptyextkey" placeholder="请输入客户号" > </c-input>
        </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="客户名称" prop="ptynam">
            <c-input v-model="model.ptynam" placeholder="请输入客户名称" > </c-input>
          </el-form-item>
        </c-col>
      </div>
    </c-col>
    <!-- =============================================右边=========================================== -->
    <c-col :span="12" class="col-right">
      <c-col :span="24">
        <el-form-item label="经办用户" prop="ownusr">
          <c-fullbox>
            <c-input :disabled="false" v-model="model.ownusr" placeholder="请输入经办用户" > </c-input>
            <template slot="footer">
              <c-button
                :disabled="type === 'edit'"
                style="margin-left: 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click="onSeainf"
                icon="el-icon-info"
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="经办用户组" prop="ownusg">
          <c-select style="width: 100%" v-model="model.ownusg" placeholder="请选择经办用户组" :code="getCodesByKey('usgtxt')">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="创建/修改人" prop="usr">
          <c-input :disabled="type === 'edit'" v-model="model.usr" placeholder="请输入创建/修改人" >
          </c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="是否完成" prop="donflg">
          <c-select style="width: 100%" v-model="model.donflg" placeholder="请选择是否完成" :code="getCodesByKey('dia_donflg')">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="类型" prop="cod">
          <c-select :disabled="type === 'edit'" style="width: 100%" v-model="model.cod" placeholder="请选择类型" :code="getCodesByKey('diatxt')">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="日期" prop="dat">
          <c-date-picker type="date"  v-model="model.dat"  style="width:100%"  placeholder="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>
      <div v-if="model.cod == 'RAM'">
        <c-col :span="24">
        <el-form-item label="付款币种" prop="paycur">
          <c-input v-model="model.paycur" placeholder="请输入付款币种" >
          </c-input>
        </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="付款金额" prop="payamt">
            <c-input v-model="model.payamt" placeholder="请输入付款金额" >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="预计核验日期" prop="prechkdat">
            <c-date-picker type="date"  v-model="model.prechkdat"  style="width:100%"  placeholder="请选择预计核验日期"></c-date-picker>
          </el-form-item>
        </c-col>
      </div>
    </c-col>
  </div>
</template>

<script>
import codes from "~/config/CodeTable";
export default {
  name: '',
  props: ['model', 'type'],
  data() {
    return {
    }
  },

  mounted() {},

  methods: {
    getCodesByKey(key) {
      return codes[key] || [];
    },
    onSeainf(){

    },
  },
}
</script>

<style></style>