Drv2.vue

<template>
  <div class="eibs-tab">
    <!-- left -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="交单批注行行号" prop="bfdgrp.rec.anobnkcod">
          <c-input
            v-model="model.bfdgrp.rec.anobnkcod"
            maxlength="20"
            placeholder="请输入交单批注行行号"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="交单批注日期" prop="bfdgrp.rec.anodat">
          <c-date-picker
            type="date"
            v-model="model.bfdgrp.rec.anodat"
            style="width: 100%"
            placeholder="请选择交单批注日期"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- right -->
    <c-col :span="11" :offset="1"> 
      <c-col :span="24">
        <el-form-item label="交单批注描述" prop="bfdgrp.rec.anodsp">
          <c-input
            type="textarea"
            v-model="model.bfdgrp.rec.anodsp"
            maxlength="55"
            show-word-limit
            placeholder="请输入交单批注描述"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="报文类型" prop="bftp.msgtyp">
          <c-select
            v-model="model.bftp.msgtyp"
            style="width: 100%"
            placeholder="请选择报文类型"
            disabled
          >
            <el-option
              v-for="item in codes.docprbrol"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </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 "~/model/Bftdrv/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>