Peninfp.vue

<template>
  <div class="eibs-tab">
                                               
       <c-col :span="2" :offset="1" style="padding:0 0 10px 0">
	    <c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox>
       </c-col>
                  
       <c-col :span="2">
	    <c-checkbox v-model="model.infcon.sptreg">Registered</c-checkbox>
       </c-col>
                  
       <c-col :span="2">
	    <c-checkbox v-model="model.infcon.sptpen">Pending</c-checkbox>
       </c-col>
                  
       <c-col :span="2">
	    <c-checkbox v-model="model.infcon.sptcor">Correction</c-checkbox>
       </c-col>
                  
       <c-col :span="2">
	    <c-checkbox v-model="model.infcon.sptdel">Deleted</c-checkbox>
       </c-col>
                  
       <c-col :span="22">
            <c-istream-table
        :list="stmData.data"
        :columns="stmData.columns"
        prop="infcon.sptstm"
      >
      </c-istream-table>
        <!--el-form-item label="stream for SPT to selected contract" prop="infcon.sptstm">
            <c-input  v-model="model.infcon.sptstm"  placeholder="请输入stream for SPT to selected contract"></c-input>
        </el-form-item-->
       </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="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="8" :offset="2">
        <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="22">
            <c-istream-table
        :list="stmData1.data"
        :columns="stmData1.columns"
        prop="infcon.diastm"
      >
      </c-istream-table>
        <!--el-form-item label="stream for diaries to selected contract" prop="infcon.diastm">
            <c-input  v-model="model.infcon.diastm"  placeholder="请输入stream for diaries to selected contract"></c-input>
        </el-form-item-->
       </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infltd/Event"

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

    }
}
</script>
<style>

</style>