<template>
  <div class="eibs">
    <c-row>
        <!-- ==============左边================ -->
    <c-col :span="12" style="padding-right: 20px">
         <c-col :span="24">
             <c-col :span="21">
          <el-form-item label="不符点描述" prop="btdgrp.blk.docdis">
            <c-input type="textarea" v-model="model.btdgrp.blk.docdis" maxlength="3500" :rows="6" show-word-limit
              placeholder="请输入不符点" :disabled="model.btdgrp.blk.docdisflg == ''"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button size="small" type="primary" icon="el-icon-more" 
            @click="showGridPromptDialog('bttp.docdis.buttxmsel', null, null, { TXT: 'btdgrp.blk.docdis' }, { TXT: false }, 'doxpDialog')">
            <!-- @click="onDocdisButtxmsel" -->
          </c-button>
        </c-col>
         </c-col>

          <c-col :span="24">
        <c-col :span="21">
          <el-form-item label="国内不符点描述" prop="btdgrp.blk.intdis">
            <c-input type="textarea" v-model="model.btdgrp.blk.intdis" maxlength="1300" :rows="6" show-word-limit
              placeholder="请输入国内不符点"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button size="small" type="primary" icon="el-icon-more"
           @click="showGridPromptDialog('bttp.intdis.buttxmsel', null, null,{TXT:'btdgrp.blk.intdis'}, {TXT: false},'doxpDialog')">
            <!-- @click="onIntdisButtxmsel" -->
          </c-button>
        </c-col>
      </c-col>

       <c-col :span="24">
        <c-col :span="21">
          <el-form-item label="评论和结论" prop="btdgrp.blk.comcon">
            <c-input type="textarea" v-model="model.btdgrp.blk.comcon" maxlength="1300" :rows="6" show-word-limit
              placeholder="请输入评论和结论"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button size="small" type="primary" icon="el-icon-more"
            @click="showGridPromptDialog('bttp.comcon.buttxmsel', null, null, { TXT: 'btdgrp.blk.comcon' }, { TXT: false }, 'doxpDialog')">
            <!-- @click="onComconButtxmsel" -->
          </c-button>
        </c-col>
      </c-col>

      <c-col :span="24">
        <c-col :span="21">
          <el-form-item label="结算指示" prop="btdgrp.blk.setinsbe">
            <c-input type="textarea" v-model="model.btdgrp.blk.setinsbe" maxlength="390" :rows="6" show-word-limit
              placeholder="请输入结算指示"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="3">
          <c-button size="small" type="primary" icon="el-icon-more"
            @click="showGridPromptDialog('bttp.setinstxm.buttxmsel', null, null, { TXT: 'btdgrp.blk.setinsbe' }, { TXT: false }, 'doxpDialog')">
            <!-- @click="onSetinstxmButtxmsel" -->
          </c-button>
        </c-col>
      </c-col>
    </c-col>

<!-- ===============右边================= -->
     <c-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="进一步处理" prop="bttp.futhndflg">
          <c-fullbox>
            <c-select
              v-model="model.bttp.futhndflg"
              style="width: 100%"
              placeholder="请输入"
              disabled
              @change="changeFuthndflg"
            >
              <el-option
                v-for="item in codes.futhndflg"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
            <template slot="footer">
              <el-form-item label="" prop="model.btdgrp.blk.docdisflg">
                <c-checkbox
                  v-model="docdisflg"
                  style="margin-left: 10px"
                  @change="defaultFunction()"
                  >不符点修改</c-checkbox
                >
              </el-form-item>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="单据状态" prop="btdgrp.rec.docsta">
          <c-select
            v-model="model.btdgrp.rec.docsta"
            style="width: 100%"
            placeholder="请选择"
            @change="selectOrCheckboxRule('btdgrp.rec.docsta')"
          >
            <el-option
              v-for="item in codes.docsta2"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
     </c-col>
    </c-row>
      
    <c-row>
         <c-col :span="24">
                <c-docpre
            :model="model"
            rol="docgrdmbe1"
            :argadr="{
                path: 'btdgrp.blk.prsdocbe1',
                grp: 'bttp',
                code: 'docpre',
            }"
                ></c-docpre>
            </c-col>
    </c-row>

    <c-row>
        <c-col :span="24">
            <c-docpre
            :model="model"
            rol="docgrdmbe2"
            :argadr="{
                path: 'btdgrp.blk.prsdocbe2',
                grp: 'bttp',
                code: 'docpre',
            }"
                ></c-docpre>
          </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/Bttdck/Event"
import Docpre from "~/views/Public/Docpre";

export default {
    components: { "c-docpre": Docpre },
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
  data() {
			return {

			}
		},
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>
   

</style>