Selection.vue

<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="收付汇日期" prop="ctlmod.dbl.reldat">
          <c-date-picker
            type="date"
            v-model="model.ctlmod.dbl.reldat"
            style="width: 100%"
            placeholder="请选择收付汇日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
       <c-col :span="24">
        <el-form-item label="请选择接口数据" prop="bopbut.basflg" class="checkbox-left"> 
          <c-checkbox
                disabled :checked="true"
                v-model="model.bopbut.basflg"
                >基础数据</c-checkbox
              >
        </el-form-item>
      </c-col>
    </c-col>
    <!-- ======================= 右边 ========================= -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
          <el-form-item label="款项去向" prop="bopbut.acttyp">
            <c-select
              v-model="model.bopbut.acttyp"
              style="width: 100%"
              placeholder="请选择款项去向"
              :code="codes.acttyp"
            >
            </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/Dbcinf/Event";

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