<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>