Selection.vue

<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="收付汇日期" prop="bopbut.paydat">
          <c-date-picker
            type="date"
            v-model="model.bopbut.paydat"
            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"
            disabled
          >
          </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/Dbeadd/Event";

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