Smhinfp.vue

<template>
  <div class="eibs-tab">                   
       <c-col :span="12">
        <el-form-item label="报文类型" prop="infcon.smhcortyp">
            <c-select v-model="model.infcon.smhcortyp" style="width:100%" placeholder="请选择报文类型">
              </c-select>
        </el-form-item>
       </c-col>    
       <c-col :span="12">
        <el-form-item label="创建时间" >
            <c-col :span="11">
                  <c-date-picker type="date"  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"  v-model="model.infcon.smhdatto" style="width:100%"  placeholder="请选择结束时间"></c-date-picker>
            </c-col>
      </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="报文方向" prop="infcon.smhdir">
            <c-select v-model="model.infcon.smhdir" style="width:100%" placeholder="请选择报文方向">
              </c-select>
        </el-form-item>
       </c-col> 

        <c-col :span="6">
          <c-checkbox v-model="model.infcon.chktrn" true-label="X" false-label="">Active only</c-checkbox>
        </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">
            </el-table-column>
            <el-table-column label="报文描述" prop="nam" align="left">
            </el-table-column>
            <el-table-column label="创建时间" prop="credattim" align="left">
            </el-table-column>
            <el-table-column label="报文方向" prop="dir" align="left">
            </el-table-column>
            <el-table-column label="报文主键" prop="inr" align="left">
            </el-table-column>
          </el-table>
        </c-col>

  </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import event from "../event"

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

        }
    },
}
</script>
<style>

</style>