Betdcrd.vue

<template>
  <div class="eibs">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="内部不符点" prop="bedgrp.blk.intdis" style="width: 100%">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bedgrp.blk.intdis" maxlength="50" show-word-limit
              placeholder="请输入内部不符点"></c-input>
            <template slot="footer">
              <c-button style="margin-left: 10px; padding: 0 10px" size="small" type="primary" @click="
                showGridPromptDialog(
                  'betp.intdis.buttxmsel',
                  null,
                  null,
                  { TXT: 'bedgrp.blk.intdis' },
                  { TXT: false },
                  'doxpDialog'
                )"
                icon="el-icon-more"
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="不符点" prop="bedgrp.blk.docdis" style="width: 100%">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bedgrp.blk.docdis" maxlength="65" show-word-limit
              placeholder="请输入Discrepancies" :disabled="!docdisflg"></c-input>
            <template slot="footer">
              <c-button style="margin-left: 10px; padding: 0 10px" size="small" type="primary" :disabled="!docdisflg"
                @click="
                  showGridPromptDialog(
                    'betp.docdis.buttxmsel',
                    null,
                    null,
                    { TXT: 'bedgrp.blk.docdis' },
                    { TXT: false },
                    'doxpDialog'
                  )"
                  icon="el-icon-more"
                  >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item>
          <c-checkbox v-model="docdisflg" class="checkbox-left">不符点修改</c-checkbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-docpre :model="model" :argadr="{
          path: 'bedgrp.blk.prsdoc',
          grp: 'betp',
          code: 'docpre',
        }">
        </c-docpre>
      </c-col>
    </c-col>
    <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="拒绝原因" prop="bedgrp.blk.docins" style="width: 100%">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bedgrp.blk.docins" maxlength="50" show-word-limit
              placeholder="请输入拒绝原因"></c-input>
            <template slot="footer">
              <c-button style="margin-left: 10px; padding: 0 10px" size="small" type="primary" @click="
                showGridPromptDialog(
                  'betp.resrej.buttxmsel',
                  null,
                  null,
                  { TXT: 'bedgrp.blk.docins' },
                  { TXT: false },
                  'doxpDialog'
                )"
                icon="el-icon-more"
                >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="单据处理说明" prop="bedgrp.blk.disdoc" style="width: 100%">
          <c-fullbox>
            <c-input type="textarea" v-model="model.bedgrp.blk.disdoc" maxlength="65" show-word-limit
              placeholder="请输入单据处理说明" disabled></c-input>
            <template slot="footer">
              <c-button style="margin-left: 10px; padding: 0 10px" size="small" type="primary" disabled @click="
                showGridPromptDialog(
                  'betp.disdoc.buttxmsel',
                  null,
                  null,
                  { TXT: 'bedgrp.blk.disdoc' },
                  { TXT: false },
                  'doxpDialog'
                )"
                icon="el-icon-more"
                >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="rejpenins">
          <c-checkbox v-model="rejpenins" class="checkbox-left">拒绝复核指示</c-checkbox>
        </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/Betdcr/Event";
import Utils from "~/utils";
import Docpre from "~/views/Public/Docpre";

export default {
  components: { "c-docpre": Docpre },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  computed: {
    docdisflg: {
      get() {
        return this.model.bedgrp.blk.docdisflg != "X";
        // if (this.model.bedgrp.blk.docdis == "") {
        //   return this.model.bedgrp.blk.docdisflg != "";
        // } else {
        //   return this.model.bedgrp.blk.docdisflg != "X";
        // }
      },
      set(val) {
        this.model.bedgrp.blk.docdisflg = val ? "X" : "";
        this.model.bedgrp.blk.docdis = "";
      },
    },
    rejpenins: {
      get() {
        return this.model.rejpenins != "";
      },
      set(val) {
        this.model.rejpenins = val ? "X" : "";
      },
    },
  },
  methods: {
    ...Event,
  },
  created: function () { },
};
</script>
<style>
.marginLable {
  padding-left: 160px;
}
</style>