Peninfp.vue

<template>
  <div class="eibs-tab">
    <c-row>
        <c-col :span="24">
            <el-form-item label="Pending Items">
            </el-form-item> 
        </c-col>
        <c-col :span="24">
            <c-col :span="4">
                <c-checkbox v-model="model.infcon.sptinc">Incoming</c-checkbox>
            </c-col>  
            <c-col :span="4" :offset="0.5">
                <c-checkbox v-model="model.infcon.sptreg">Registered</c-checkbox>
            </c-col>  
            <c-col :span="4" :offset="0.5">
                <c-checkbox v-model="model.infcon.sptpen">Pending</c-checkbox>
            </c-col>  
            <c-col :span="4" :offset="0.5">
                <c-checkbox v-model="model.infcon.sptcor">Correction</c-checkbox>
            </c-col>   
            <c-col :span="6" :offset="0.5">
                <c-checkbox v-model="model.infcon.sptdel">Deleted/Rejected</c-checkbox>
            </c-col>
        </c-col>
        <!-- stream for SPT to selected contract -->
        <c-col :span="22">
            <el-form-item label="" label-width="20px" prop="infcon.sptstm">
                <c-input 
                    type="textarea"
                    :rows="10" 
                    v-model="model.infcon.sptstm"  
                    placeholder="请输入stream for SPT to selected contract"
                ></c-input>
            </el-form-item>
        </c-col>
        <c-col :span="24">
            <el-form-item label="Diaries">
            </el-form-item>
        </c-col>

        <c-col :span="24">
            <c-col :span="7">
                <el-form-item label="Date from" label-width="100px" 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="4" :offset="0.5">
                <el-form-item label="to" label-width="20px" 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="6" :offset="4">
                <el-form-item label="Status" label-width="50px" prop="infcon.diasta">
                    <c-select v-model="model.infcon.diasta" style="width:100%" placeholder="请选择Status">
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>

        <!-- stream for diaries to selected contract -->
        <c-col :span="22">
            <el-form-item label="" label-width="20px" prop="infcon.diastm">
                <c-input  
                    type="textarea"
                    :rows="10"
                    v-model="model.infcon.diastm" 
                    placeholder="请输入stream for diaries to selected contract"
                ></c-input>
            </el-form-item>
        </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/Infled/Event"

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

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

    }
}
</script>
<style>

</style>