Docpre.vue

<template>
  <div class="eibs-tab">
    <c-row>
      <c-col :span="12">
        <c-row>
          <c-col :span="24">
            <el-form-item label="不符点">
              <c-input
                type="textarea"
                :disabled="model.bddgrp.blk.docdisflg ? false : true"
                :rows="6"
                v-model="model.bddgrp.blk.docdis"
                maxlength="65"
                show-word-limit
                placeholder="请输入不符点"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="解释和结论">
              <c-input
                type="textarea"
                :rows="4"
                v-model="model.bddgrp.blk.comcon"
                maxlength="65"
                show-word-limit
                placeholder="请输入解释和结论"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="到期付款确认备注">
              <c-input
                type="textarea"
                :rows="2"
                resize="none"
                v-model="model.bddgrp.blk.accrmk"
                maxlength="65"
                show-word-limit
                placeholder="请输入到期付款确认备注"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-istream-table
              :list="model.bdtp.docgrdm.docgrd"
              :columns="columns"
            >
            </c-istream-table>
          </c-col>
        </c-row>
      </c-col>

      <c-col :span="12">
        <c-row>
          <c-col :span="24">
            <div class="c-checkbox">
              <c-checkbox v-model="model.bddgrp.rec.igndisflg"
                >忽略不符点</c-checkbox
              >
            </div>
          </c-col>
          <c-col :span="24">
            <div class="c-checkbox">
              <c-checkbox v-model="model.bddgrp.blk.docdisflg" @change="changed"
                >录入不符点</c-checkbox
              >
            </div>
          </c-col>

          <c-col :span="24">
            <el-form-item label="收到的通知类型" prop="bddgrp.rec.advtyp">
              <c-select
                v-model="model.bddgrp.rec.advtyp"
                style="width: 100%"
                placeholder="请选择收到的通知类型"
                :code="codes.advtyp"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="付款日期" prop="bddgrp.rec.totdat">
              <c-date-picker
                type="date"
                v-model="model.bddgrp.rec.totdat"
                style="width: 100%"
                placeholder="请选择付款日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="不符点通知日期" prop="bddgrp.rec.disdat">
              <c-date-picker
                type="date"
                v-model="model.bddgrp.rec.disdat"
                style="width: 100%"
                placeholder="请选择不符点通知日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <div class="c-checkbox">
              <c-checkbox v-model="model.bddgrp.rec.approvcod"
                >议付行担保议付</c-checkbox
              >
            </div>
          </c-col>

          <c-col :span="24">
            <div class="c-checkbox">
              <c-checkbox v-model="model.bdtp.cre752flg"
                >Create MT 752</c-checkbox
              >
            </div>
          </c-col>

          <c-col :span="24">
            <el-form-item label="Further Identification" prop="bdtp.furide">
              <c-select
                v-model="model.bdtp.furide"
                style="width: 100%"
                placeholder="请选择Further Identification"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <div class="c-checkbox">
              <c-checkbox v-model="model.bdtp.cre732flg"
                >Create MT 732</c-checkbox
              >
            </div>
          </c-col>
        </c-row>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bdtudp/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {
      columns: ['0 0 "lst1" 50 ', '1 1 "lst2" 50', '2 2 "document" 200'],
    };
  },
  methods: {
    ...Event,
    changed(e) {
      if (!e) {
        this.model.bddgrp.blk.docdis = "";
      }
    },
  },
  created: function () {},
};
</script>
<style>
.c-checkbox {
  text-align: center;
  margin: 10px;
  font-size: 16px;
}
</style>