Docpre.vue

<template>
  <div class="eibs">
    <c-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="不符点" prop="brdgrp.blk.docdis">
          <c-fullbox>
            <c-input
              :disabled="this.typ1"
              type="textarea"
              :rows="5"
              v-model="model.brdgrp.blk.docdis"
              maxlength="500"
              show-word-limit
              placeholder="请输入不符点内容"
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-more"
                @click="showGridPromptDialog('brtp.docdis.buttxmsel', null, null,{TXT: 'brdgrp.blk.docdis'}, {TXT: false},'doxpDialog')"
                :disabled="this.typ1"
              >
                
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="评论和结论" prop="brdgrp.blk.comcon">
          <c-input
            type="textarea"
            v-model="model.brdgrp.blk.comcon"
            maxlength="65"
            show-word-limit
            placeholder="请输入评论和结论内容"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="结算指示"
          prop="brdgrp.blk.setinsbr"
        >
          <c-fullbox>
            <c-input
            :rows="6"
              type="textarea"
              v-model="model.brdgrp.blk.setinsbr"
              maxlength="500"
              show-word-limit
              placeholder="请输入结算指示内容"
            ></c-input>
            <template slot="footer">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-more"
                @click="showGridPromptDialog('brtp.setinstxm.buttxmsel', null, null,{TXT: 'brdgrp.blk.setinsbr'}, {TXT: false},'doxpDialog')"
              >
                
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- 右边 -->
    <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="12">
        <el-form-item
          label=""
          prop="brdgrp.rec.igndisflg"
          label-width="0px"
        >
        <c-checkbox
          style="margin: 0px 0 10px 120px;float: left;"
          v-model="model.brdgrp.rec.igndisflg"
          >忽略不符点</c-checkbox
        >
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <c-checkbox
          style="margin: 0px 0 10px 150px;"
          v-model="model.brdgrp.blk.docdisflg"
          >录入不符点</c-checkbox
        >
      </c-col>
      <c-col :span="24">
        <el-form-item label="收到通知类型" prop="brdgrp.rec.advtyp">
          <c-input
            disabled
            v-model="model.brdgrp.rec.advtyp"
            style="width: 100%"
            placeholder="请选择通知类型"
          >
          </c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="付款日期" prop="brdgrp.rec.totdat">
          <c-date-picker
            disabled
            type="date"
            v-model="model.brdgrp.rec.totdat"
            style="width: 100%"
            placeholder="请选择付款日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item
          label="不符点通知日期"
          label-width="120px"
          prop="brdgrp.rec.disdat"
        >
          <c-date-picker
            disabled
            type="date"
            v-model="model.brdgrp.rec.disdat"
            style="width: 100%"
            placeholder="请选择日期"
          ></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <c-checkbox
          style="margin: 0px 0 10px 120px;float: left;"
          v-model="model.brdgrp.rec.approvcod"
          label-width="0px"
          >审批文件</c-checkbox
        >
      </c-col>
      <c-col :span="12">
        <c-checkbox
          style="margin: 0px 0 10px 150px"
          disabled
          v-model="model.brtp.cre732flg"
          >创建MT 732</c-checkbox
        >
      </c-col>
    </c-col>

    <!-- 底部表格 -->
    <c-col :span="24" label-width="0px">
        <c-docpre
          :model="model"
          :argadr="{
            path: 'brdgrp.blk.prsdoc',
            grp: 'brtp',
            code: 'docpre',
          }"
        ></c-docpre>
      </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litdck/Event";
import Docpre from "~/views/Public/Docpre";
export default {
  components: {
    "c-docpre": Docpre,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      typ1: true,
    };
  },
  watch: {
        "model.brdgrp.blk.docdisflg": {
          immediate: true,
          handler(val, oldval) {
            if (this.model.brdgrp.blk.docdisflg != "X") {
              this.typ1 = true;
              this.model.brdgrp.blk.docdis = "";
              this.changeFormItemRequired("brdgrp.blk.docdis", false);
            } else {
              this.typ1 = false;
              this.changeFormItemRequired("brdgrp.blk.docdis", true);
            }
          },
        },
      },
  methods: {
    ...Event,

    addRow() {},
    removeRow() {},
  },
  created: function () {},
};
</script>
<style></style>