<template>
  <div class="eibs-tab">   
    <c-col :span="24">                
       <c-col :span="6">
        <el-form-item label="报文类型" prop="infcon.smhcortyp">
            <c-select v-model="model.infcon.smhcortyp"  @change="querySmhDataInSmh" style="width:100%" :filterKey="['ERX','FMT','LET','RIM','SWT','TLX']"  dbCode="cortyp" placeholder="请选择报文类型">
              </c-select>
        </el-form-item>
       </c-col>    

                           
       <c-col :span="6">
        <el-form-item label="报文方向" prop="infcon.smhdir">
            <c-select v-model="model.infcon.smhdir"  @change="querySmhDataInSmh" style="width:100%" dbCode="smhdir"  placeholder="请选择报文方向">
              </c-select>
        </el-form-item>
       </c-col> 
    </c-col>
    <c-col :span="24">
       <c-col :span="8">
        <el-form-item label="创建时间" >
            <c-col :span="11">
                  <c-date-picker type="date"  @change="querySmhDataInSmh"  v-model="model.infcon.smhdatfrom" style="width:100%"  placeholder="请选择开始时间"></c-date-picker>
            </c-col>
             <c-col :span="2" style="text-align: center">
                  <label style="display: inline-block; width: 100%">-</label>
              </c-col>
            <c-col :span="11">
                <c-date-picker type="date"  @change="querySmhDataInSmh" v-model="model.infcon.smhdatto" style="width:100%"  placeholder="请选择结束时间"></c-date-picker>
            </c-col>
      </el-form-item>
       </c-col>
               

        <c-col :span="4">
          <c-checkbox  v-model="model.infcon.chktrn" @change="querySmhDataInSmh" true-label="X" false-label="">Active only</c-checkbox>
        </c-col>
    </c-col>
<!-- 
      <c-col :span="6" style="padding-left:100px">
          <c-button size="medium" type="primary" @click="querySmhDataInSmh">查询
            </c-button>
      </c-col> -->

       <c-col :span="24" >
          <el-table id='infgidSpTableRef'  :data="smhtableData"   :highlight-current-row="true" :border="true" style="width:100%" size="medium">          
            <el-table-column label="报文类型" prop="cortyp" align="left">
               <template slot-scope="scope">
              <span> {{getCodelabel(scope.row.cortyp, 'cortyp') }}
              </span>
            </template>
            </el-table-column>
            <el-table-column label="报文描述" prop="nam" align="left" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column label="创建时间" prop="credattim"  width="220px" align="left">
            </el-table-column>
            <el-table-column label="报文方向" prop="dir" align="left">
              <template slot-scope="scope">
              <span> {{getCodelabel(scope.row.dir, 'smhdir') }}
              </span>
            </template>
            </el-table-column>
            <el-table-column label="机构名称" prop="bchname" align="left" :show-overflow-tooltip="true">
            </el-table-column>
            <el-table-column label="报文主键" prop="inr" align="left">
            </el-table-column>
            <el-table-column fixed="right" label="操作" width="240px">
                <template slot-scope="scope">
                  	<c-button style="margin-left: 0" type='text' size="small" @click="showMsg(scope.row)">预览</c-button>
                </template>
            </el-table-column>
          </el-table>
        </c-col>
      
		<!-- 预览弹框 -->
		<message-view ref="msgView"></message-view>
  </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import event from "../event"
import MessageView from "~/components/business/docpan/views/MessageView";

export default {
    inject: ['root'],
    props:["model","codes","smhtableData","obj"],
    mixins: [event],
    components: {MessageView},
    data(){
        return {

        }
    },
    // mounted:{
      
    // },
}
</script>
<style>

</style>