Docpre.vue

<template>
  <c-content>
    <c-row>
      <!-- 左边 -->
      <c-col :span="14">
        <c-col :span="20">
          <el-form-item label="不符点" prop="bddgrp.blk.docdis">
            <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="4">
          <c-button size="small" type="primary" icon="el-icon-search" @click="onDocdisButtxmsel"
            :disabled="model.bddgrp.blk.docdisflg ? false : true">
            ...
          </c-button>
        </c-col>

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

        <c-col :span="24">
          <el-form-item label="到期付款确认备注" prop="bddgrp.blk.accrmk">
            <c-input type="textarea" v-model="model.bddgrp.blk.accrmk" maxlength="65" show-word-limit
              placeholder="请输入到期付款确认备注" style="width:95%"></c-input>
          </el-form-item>
        </c-col>

        <c-col>
          <c-docpre :model="model" :argadr="{
          path: 'bddgrp.blk.prsdoc',
          grp: 'bdtp',
          code: 'bdtdck',
        }"></c-docpre>
        </c-col>
      </c-col>

      <!-- 右边 -->
      <c-col :span="10">
        <c-row>
            <c-col :span="24" :offset="8">
              <c-checkbox v-model="model.bddgrp.rec.igndisflg" @change="igndisflgOtherDefault">
                忽略不符点
              </c-checkbox>
            </c-col>
          <c-col :span="24" :offset="8">
            <c-checkbox v-model="model.bddgrp.blk.docdisflg"
              @change="docdisflgOtherDefault">
              <!-- :disabled="model.bddgrp.rec.igndisflg ? true : false -->
              录入不符点
            </c-checkbox>
          </c-col>
        </c-row>
        <br /><br /><br /><br />
        <c-row>
          <c-col :span="24">
            <el-form-item label="收到的通知类型" prop="bddgrp.rec.advtyp">
              <c-select v-model="model.bddgrp.rec.advtyp" style="width:100%" placeholder="请选择收到的通知类型"
                :disabled="true">
              </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="请选择不符点通知日期"
                :disabled="true">
              </c-date-picker>
            </el-form-item>
          </c-col>

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

          <c-col :span="24" :offset="8" v-if="false">
            <c-checkbox v-model="model.bdtp.cre752flg">创建报文 752</c-checkbox>
          </c-col>

          <c-col :span="24" v-if="false">
            <el-form-item label="进一步确认" prop="bdtp.furide">
              <c-select v-model="model.bdtp.furide" style="width:100%" placeholder="请选择">
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24" :offset="8">
            <c-checkbox v-model="model.bdtp.cre732flg" :disabled="!model.bddgrp.rec.acpnowflg != ''">创建报文 732
            </c-checkbox>
          </c-col>
        </c-row>
      </c-col>
    </c-row>
  </c-content>
</template>
<script>
  import Api from "~/service/Api"
  import commonProcess from "~/mixin/commonProcess";
  import CodeTable from "~/config/CodeTable"
  import Event from "~/model/Bdtdck/Event"
  import Docpre from "~/views/Public/Docpre";
  import Utils from "~/utils";
  export default {
    components: {
      "c-docpre": Docpre,
    },
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
      return {
        TableValue: [
          {
            id: 0,
            cmail1: "1",
            cmail2: "2",
            docnam: "1",
          },
        ],
        newValue: {
          id: 0,
          cmail1: "",
          cmail2: "",
          docnam: "",
          description: "",
          serialNum: "",
          tableName: "",
          tcddoc: "",
        },
        codeTable: [
          { label: "增值税发票", value: "1" },
          { label: "发票", value: "2" },
          { label: "装箱单", value: "3" },
          { label: "空运单", value: "4" },
          { label: "海运提单", value: "5" },
          { label: "铁路运单", value: "6" },
          { label: "货物收据", value: "7" },
          { label: "邮政收据", value: "8" },
        ],

      }
    },
    methods: {
      ...Event,
      async igndisflgOtherDefault() {
        this.executeDefault('trnmod.trndoc.tag77atxt').then((res) => {
          if (res.respCode == SUCCESS) {
            Utils.copyValueFromVO(this.model, res.data)
          }
        })
        // if (this.model.bddgrp.rec.igndisflg == 'X') {
        //   this.model.bddgrp.blk.docdisflg = '';
        // }
      },
      docdisflgOtherDefault(){
        this.executeDefault('txmmod.buttxmsel').then((res) => {
          if (res.respCode == SUCCESS) {
            Utils.copyValueFromVO(this.model, res.data)
          }
        })
      },
      addTableValue(index) {
        var newTableValue = Object.assign({}, this.newValue);
        const serial = Utils.generateUUID();
        newTableValue.serialNum = serial;
        this.model.bdtp.docgrdm.docgrd.splice(index - 1, 0, newTableValue);
      },
      deleteTable(index) {
        this.model.bdtp.docgrdm.docgrd.splice(index, 1);
      },
    },

    created: function () {


    }
  }
</script>
<style>
  .messageLabel>>>.el-form-item__label {
    text-align: left;
    font-weight: bold;
    font-size: 12px;
  }
</style>