<template>
    <c-content class="eibs-tab" :height="200">
        <div class="infTopBtn">
            <c-button size="small" type="primary">toSearch</c-button>
            <el-button-group>
                <c-button size="small" type="primary" icon="el-icon-arrow-left" disabled></c-button>
                <c-button size="small" type="primary" icon="el-icon-arrow-right" disabled></c-button>
            </el-button-group>
            <c-button size="small" type="primary">Print</c-button>
            <c-button size="small" type="primary" disabled>Use</c-button>
            <c-button size="small" type="primary" disabled>Loginfo</c-button>
            <c-button size="small" type="primary">Exit</c-button>
        </div>

        <c-row class="infrow" style="margin-top:30px;">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="18">
                        <el-form-item label="Type of Document" label-width="130px" prop="infcon.smhcortyp">
                            <c-select v-model="model.infcon.smhcortyp" 
                                style="width:100%"
                                placeholder="请选择Type of Document" 
                                :code="codes.cortyp"
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="5" :offset="1">
                        <el-form-item label="" prop="infcon.chktrn" label-width="0">
                            <c-checkbox v-model="model.infcon.chktrn">
                                Active only
                            </c-checkbox>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="10" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Direction" label-width="130px" prop="infcon.smhdir">
                            <c-select 
                                v-model="model.infcon.smhdir" 
                                style="width:100%" 
                                placeholder="请选择Direction"
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            </c-row>

            <c-row class="infrow">
                <c-col :span="11" :offset="1">
                    <c-row>
                        <c-col :span="12">
                            <el-form-item label="Created between " label-width="130px" prop="infcon.smhdatfrom">
                                <c-date-picker type="date" 
                                    v-model="model.infcon.smhdatfrom" 
                                    style="width:100%"
                                    placeholder="请选择Created between "
                                ></c-date-picker>
                            </el-form-item>
                        </c-col>
                        <c-col :span="10" :offset="1">
                            <el-form-item label="and" prop="infcon.smhdatto" label-width="40px">
                                <c-date-picker 
                                    type="date" 
                                    v-model="model.infcon.smhdatto" 
                                    style="width:100%"
                                    placeholder="请选择created till"
                                ></c-date-picker>
                            </el-form-item>
                        </c-col>
                    </c-row>
                </c-col>
                <c-col :span="11" :offset="1">

                </c-col>
            </c-row>

            <c-row class="infrow" style="margin-top:20px;">
                <c-col :span="22" :offset="1">
                    <c-istream-table :list="stmData.data" :columns="stmData.columns">
                        <el-table-column prop="op" label="OP" width="80">
                            <template slot-scope="scope">
                                <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
                            </template>
                        </el-table-column>
                    </c-istream-table>
                </c-col>
            </c-row>
    </c-content>
</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 {
            stmData: {
                columns: [
                    "1 1 \"Type\" 0 ",
                    "1 2 \"Document\" 0 ",
                    "1 3 \"Created\" 0 ",
                    "1 4 \"Direction\" 0 ",
                    "1 5 \"SMHINR\" 0 ",
                ],
                data: [

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

    }
}
</script>
<style>

</style>