<template>
    <div class="eibs-tab">

        <el-col :span="2" style="text-align:center;margin-bottom: 16px;">
            <el-form-item label="" prop="chkinc">
                    <c-checkbox v-model="model.chkinc">Incoming</c-checkbox>
            </el-form-item>
        </el-col>
        <el-col :span="2" style="text-align:center;margin-bottom: 16px;">
            <el-form-item label="" prop="chkdzt">
                <c-checkbox v-model="model.chkdzt">E-Trade</c-checkbox>
            </el-form-item>
        </el-col>
        <el-col :span="2" style="text-align:center;margin-bottom: 16px;">
            <el-form-item label="" prop="chkpen">
                <c-checkbox v-model="model.chkpen">Break</c-checkbox>
            </el-form-item>
        </el-col>

        <el-col :span="2" style="text-align:center;margin-bottom: 16px;">
            <el-form-item label="" prop="chkcor">
                <c-checkbox v-model="model.chkcor">Correction</c-checkbox>
            </el-form-item>
        </el-col>
       
        <el-col :span="2" style="text-align:center;margin-bottom: 16px;">
            <el-form-item label="" prop="chkaut">
                <c-checkbox v-model="model.chkaut">Automatic</c-checkbox>
            </el-form-item>
        </el-col>

        <el-col :span="2" style="text-align:center;margin-bottom: 16px;">
            <el-form-item label="" prop="chkdel">
                <c-checkbox v-model="model.chkdel">Reject</c-checkbox>
            </el-form-item>
        </el-col>
        
        <el-col :span="2" style="text-align:center;margin-bottom: 16px;">
            <el-form-item label="" prop="chktco">
                <c-checkbox v-model="model.chktco">网银</c-checkbox>
            </el-form-item>
        </el-col>

        <el-col :span="2" style="text-align:center;margin-bottom: 16px;">
            <el-form-item label="" prop="chkcan">
                <c-checkbox v-model="model.chkcan">归档</c-checkbox>
            </el-form-item>
        </el-col>

        <!--        
       <el-col :span="12">
	    <c-checkbox v-model="model.chkdzt">E-Trade</c-checkbox>
       </el-col> 
                  
       <el-col :span="12">
	    <c-checkbox v-model="model.chkpen">Pending</c-checkbox>
       </el-col> 
                  
       <el-col :span="12">
	    <c-checkbox v-model="model.chkcor">Correction</c-checkbox>
       </el-col> 
                  
       <el-col :span="12">
	    <c-checkbox v-model="model.chkaut">Automatic</c-checkbox>
       </el-col> 
                  
       <el-col :span="12">
	    <c-checkbox v-model="model.chkdel">Deleted</c-checkbox>
       </el-col> 
                  
       <el-col :span="12">
	    <c-checkbox v-model="model.chktco">网银</c-checkbox>
       </el-col> 
                  
       <el-col :span="12">
	    <c-checkbox v-model="model.chkcan">归档</c-checkbox>
       </el-col> 
       -->

        <el-col :span="12">
            <el-form-item label="Reference" prop="selobj">
                <c-input v-model="model.selobj" maxlength="32" placeholder="请输入Reference"></c-input>
            </el-form-item>
        </el-col>

        <el-col :span="12">
            <el-form-item label="Name" prop="seltxt">
                <c-input v-model="model.seltxt" maxlength="32" placeholder="请输入Selection Name"></c-input>
            </el-form-item>
        </el-col>

        <!--             
	<el-col :span="12">
	    <span  v-text="model.usfmod.usftxt"   data-path=".usfmod.usftxt" > </span>
	</el-col>
    -->

        <el-col :span="12">
            <el-form-item label="Selection of Users" prop="usfmod.flt">
                <c-select v-model="model.usfmod.flt" style="width:60%" placeholder="请选择User">
                    <el-option v-for="item in codes.flt" :key="item.value" :label="item.label"
                        :value="item.value">
                    </el-option>
                </c-select>
                <c-button size="small" type="primary" style="width:30%" @click="onUsfmodShwflt">
                    Show Set
                </c-button>
            </el-form-item>

        </el-col>

        <el-col :span="12">
            <el-form-item label="Between">
                <el-date-picker type="date" v-model="model.inidatfro" style="width:45%" placeholder="请选择Date of entry of Transaction"></el-date-picker>
                -
                <el-date-picker type="date" v-model="model.inidattil" style="width:45%" placeholder="请选择Date of entry of Transaction until"></el-date-picker>
            </el-form-item>
        </el-col>

        <el-col :span="12">
            <el-form-item label="国内国际证标志" prop="dflg">
                <c-select v-model="model.dflg" style="width:100%" placeholder="请选择国内国际标志">
                    <el-option label="All" value="1"></el-option>
                    <el-option label="国内业务" value="2"></el-option>
                    <el-option label="国际业务" value="3"></el-option>
                </c-select>
            </el-form-item>
        </el-col>

        <!--
                  
       <el-col :span="12">
        <el-form-item label="Selected User Group Set">
            <c-select v-model="model.usfmod.selusgset" style="width:100%" placeholder="请选择Selected User Group Set">
              </c-select>
        </el-form-item>
       </el-col>
                  
       <el-col :span="12">
        <el-form-item label="User ID">
            <c-input  v-model="model.usfmod.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
        </el-form-item>
       </el-col>             
                  
       <el-col :span="12">
        <el-form-item label="Selected User Group">
            <c-select v-model="model.usfmod.selusg" style="width:100%" placeholder="请选择Selected User Group">
              </c-select>
        </el-form-item>
       </el-col>
                  
       <el-col :span="12">
        <el-form-item label="Select user branch">
            <c-select v-model="model.usfmod.selusb" style="width:100%" placeholder="请选择Select user branch">
              </c-select>
        </el-form-item>
       </el-col>
                  
       <el-col :span="12">
        <el-form-item label="">
            <c-input  v-model="model.usfmod.usrget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </el-col>             
                  
       <el-col :span="12">
        <el-form-item label="已转报">
            <c-select v-model="model.routxt" style="width:100%" placeholder="请选择已转报">
              </c-select>
        </el-form-item>
       </el-col>
       -->

        <el-col :span="12" style="text-align:center">
            <c-checkbox v-model="model.chkypt">云平台</c-checkbox>
        </el-col>

        <!--           
       <el-col :span="12">
        <el-form-item label="List of SPT records">
            <c-input  v-model="model.sptstm"  placeholder="请输入List of SPT records"></c-input>
        </el-form-item>
       </el-col>
       -->
        <!-- <p>{{model.sptstm}}</p> -->

        <el-col :span="24">
            <el-col :span="12">
                <el-form-item label="退回原因" prop="yptinf">
                    <c-input v-model="model.yptinf" maxlength="60" placeholder="请输入退回原因" :readonly=true></c-input>
                </el-form-item>
            </el-col>

            <el-col :span="12" style="text-align:center">
                <c-button size="small" type="primary" disabled="disabled" @click="onButypt">
                    退回云平台
                </c-button>
                <c-button size="small" type="primary" disabled="disabled" @click="onDlmft">
                    MFT下载
                </c-button>
                <c-button size="small" type="primary" disabled="disabled" @click="onDlaxq">
                    AXQ下载
                </c-button>
                <c-button size="small" type="primary" disabled="disabled" @click="onButimg">
                    上传影像
                </c-button>
            </el-col>
        </el-col>

        <c-istream-table :list="stmData.data" :columns="stmData.columns">
           <el-table-column
              prop="op"
              label="OP"
              width="100">
            <template slot-scope="scope">
              <a href="javascript:void(0)" @click="continueEdit(scope.row)">继续编辑</a>
            </template>
         </el-table-column>
        </c-istream-table>
    </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Sptsel/Event"
import CommonProcess from "~/mixin/CommonProcess"

export default {
    props:["model","codes"],
    // mixins: [CommonProcess],
    data(){
        return {
            stmData: {
                columns: [
                    "4 1 \"TRN\" 50 ",
                    "5 2 \"Reference\" 150",
                    "6 3 \"Name\" 110",
                    // "18 5 \"MT\" 100",
                    "7 6 \"Creation\" 101 20 DateTime 1",
                    "20 7 \"Cur\" 30",
                    "21 8 \"Amt\" 69 2 8 1 16",
                    "1 9 \"Status\" 60 1 tdViewTypeEdit:0 1 SPT:STA",
                    "20 7 \"Cur\" 30",
                    "21 8 \"Amt\" 69 2 8 1 16",
                    "1 9 \"Status\" 60 1 tdViewTypeEdit:0 1 SPT:STA",
                    "8 10 \"By User\" 66",
                    "15 11 \"Work User\" 76",
                    "17 12 \"Work Branch\" 126",
                    "16 13 \"Last User\" 76",
                    "3 14 \"Info\" 50 1 20:0 1 FormatINFDSP",
                    "19 15 \"Key\" 90",
                    "10 16 \"Infotext\" 500"
                ],
                data: [
                ]
            }
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>
</style>
