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="请输入收付汇日期"
          disabled
        ></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="请输入款项去向"
          disabled
          :code="codes.acttyp"
        >
        </c-select>
      </el-form-item>
    </c-col>
    </c-col>
    <!-- S0000015 : 收付汇日期 -->

    
<!-- 
    <c-col :span="12">
      <span v-text="model.bopbut.acttyplab" data-path=".bopbut.acttyplab">
      </span>
    </c-col>

    

    <c-col :span="12">
      <el-form-item label="�'�易类型" prop="ctlmod.wrkdbl.trdtyp">
        <c-select
          v-model="model.ctlmod.wrkdbl.trdtyp"
          style="width: 100%"
          :placeholder="$t('other.please_enter')+'�'�易类型'"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onBopbutSav">
        {{ $t("butp.C0000006") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onBopbutMod">
        {{ $t("butp.C0000009") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onBopbutChk">
        {{ $t("butp.C0000007") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" icon="el-icon-delete" @click="onBopbutDel">
        {{ $t("butp.C0000010") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <span v-text="model.bopbut.boplabel" data-path=".bopbut.boplabel"> </span>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.bopbut.vrfflg">{{
        $t("bopbut.C0000011")
      }}</c-checkbox>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.bopbut.basflg">{{
        $t("bopbut.C0000009")
      }}</c-checkbox>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.bopbut.dclflg">{{
        $t("bopbut.C0000010")
      }}</c-checkbox>
    </c-col>

    <c-col :span="12">
      <c-checkbox v-model="model.bopbut.ackflg">{{
        $t("bopbut.C0000014")
      }}</c-checkbox>
    </c-col>

    <c-col :span="12">
      <c-form-item label="修改/删除原因" prop="bopbut.actiondesc">
        <c-input
          type="textarea"
          v-model="model.bopbut.actiondesc"
          maxlength="32"
          show-word-limit
          :placeholder="$t('other.please_enter') + '修改/删除原因'"
        ></c-input>
      </c-form-item>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onBopbutAdd">
        {{ $t("bopbut.C0000019") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onButpErr">
        {{ $t("butp.C0000013") }}
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onBopbutExt">
        {{ $t("butp.CG000004") }}
      </c-button>
    </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 {};
  },
  computed:{
    basflg: {
      get() {
        return this.model.opbut.basflg === "X";
      },
      set(val) {
        this.model.opbut.basflg = val ? "X" : "";
      },
    },
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>