Peninfp.vue

<template>
  <div class="eibs-tab">
                                               
       <c-col :span="3">
	    <c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox>
       </c-col>
                  
       <c-col :span="3">
	    <c-checkbox v-model="model.infcon.sptreg">Registered</c-checkbox>
       </c-col>
                  
       <c-col :span="3">
	    <c-checkbox v-model="model.infcon.sptpen">Pending</c-checkbox>
       </c-col>
                  
       <c-col :span="3">
	    <c-checkbox v-model="model.infcon.sptcor">Correction</c-checkbox>
       </c-col>
                  
       <c-col :span="3">
	    <c-checkbox v-model="model.infcon.sptdel">Deleted/Rejected</c-checkbox>
       </c-col>
                  
       <c-col :span="20">
        <c-istream-table
        :list="stmData.data"
        :columns="stmData.columns"
        prop="infcon.sptstm"
      >
      </c-istream-table>
       </c-col>
                                                    
       <c-col :span="6">
        <el-form-item label="Date from" prop="infcon.diadatfrom">
            <c-date-picker type="date"  v-model="model.infcon.diadatfrom" style="width:100%"  placeholder="请选择Date from"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="6">
        <el-form-item label="date to" prop="infcon.diadatto">
            <c-date-picker type="date"  v-model="model.infcon.diadatto" style="width:100%"  placeholder="请选择date till"></c-date-picker>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Status" prop="infcon.diasta">
            <c-select v-model="model.infcon.diasta" style="width:100%" placeholder="请选择Status">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="20">
        <c-istream-table
        :list="stmData1.data"
        :columns="stmData1.columns"
        prop="infcon.diastm"
      >
      </c-istream-table>
       </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infbtd/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            stmData1: {
        columns: [
          '1 1 \"Date\" 200 ',
          '8 2 \"Reason\" 200',
          '9 3 \"Description\" 200',
          '11 4 \"Transaction\" 200',
          '12 5 \"User\" 200',
          // "18 5 \"MT\" 100",
          '3 6 \"Group\" 200',
          '4 7 \"Status\" 200',
        ],
        data: [],
      },
      stmData: {
        columns: [
          '1 1 \"Trn\" 175 ',
          '8 2 \"Reference\" 175',
          '9 3 \"Name\" 175',
          '11 4 \"Creation\" 175',
          '12 5 \"Status\" 175',
          // "18 5 \"MT\" 100",
          '3 6 \"By\" 175',
          '4 7 \"Info\" 175',
          '5 8 \"Infotext\" 175',
            
        ],
        data: [],
      },
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>