Infsea.vue

<template>
  <c-content class="eibs-tab" :height="200">

    <c-infsearch-group @handleSearch="handleSearch" @handleReset="handleReset">
       <!-- <div >        
            <c-button size="small" type="primary" @click="onInfbutSearow">Search</c-button>
            <c-button size="small" type="primary" @click="onInfbutDsp" disabled>Display</c-button>
            <c-button size="small" type="primary" @click="onInfbutUserow" disabled>Use</c-button>
            <c-button size="small" type="primary" @click="onInfbutClr">Clear</c-button>
            <c-button size="small" type="primary" @click="onInfbutButprt">导Excel</c-button>
            <c-button size="small" type="primary" @click="onInfbutExi">Exit</c-button>
       </div> -->

       <!-- 持续展示区 -->
            <template slot="keepShow">
                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Own Reference" prop="infcon.seaownref">
                                    <c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入Own Reference"></c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Name" prop="infcon.nam">
                                    <c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入Name"></c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                </c-row>
            </template>

            <template slot="changeShow">
                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Party Reference" prop="infcon.searef">
                                    <c-input v-model="model.infcon.searef" maxlength="16"
                                        placeholder="请输入Party Reference"></c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="10" :offset="1">
                                <el-form-item label="Opening between" prop="infcon.opndatfrom">
                                    <c-date-picker type="date" v-model="model.infcon.opndatfrom" style="width:100%"
                                        placeholder="请选择"></c-date-picker>
                                </el-form-item>
                            </c-col>
                            <c-col :span="8">
                                <el-form-item label="and" prop="infcon.opndatto" label-width="40px">
                                    <c-date-picker type="date" v-model="model.infcon.opndatto" style="width:100%"
                                        placeholder="请选择"></c-date-picker>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                </c-row>
                
                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Select Single Party" prop="infcon.pty.extkey">
                                    <c-input v-model="model.infcon.pty.extkey" maxlength="24"
                                        placeholder="请输入Select Single Party">
                                    </c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Visible Name" prop="infcon.pty.nam">
                                    <c-input disabled v-model="model.infcon.pty.nam" maxlength="40"
                                        placeholder="请输入External Visible Name">
                                    </c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Party Name/BIC" prop="infcon.seapty">
                                    <c-input v-model="model.infcon.seapty" maxlength="24"
                                        placeholder="请输入Party Name/BIC"></c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Role" prop="infcon.searol">
                                    <c-select v-model="model.infcon.searol" style="width:100%" placeholder="请选择Role" :code="codes.rolall">
                                    </c-select>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Resp.User" prop="infcon.usr.extkey">
                                    <c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入User ID">
                                    </c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Status" prop="infcon.seasta">
                                    <c-select v-model="model.infcon.seasta" style="width:100%" placeholder="请选择Status"
                                        :code="codes.seasta">
                                    </c-select>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Currency" prop="infcon.seacur">
                                    <c-select v-model="model.infcon.seacur" style="width:100%" placeholder="请选择Currency"
                                        :code="codes.cur">
                                    </c-select>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="10" :offset="1">
                                <el-form-item label="Amount between" prop="infcon.seaamtfr">
                                    <c-input-currency v-model="model.infcon.seaamtfr" placeholder="请输入Amount">
                                    </c-input-currency>
                                </el-form-item>
                            </c-col>
                            <c-col :span="8">
                                <el-form-item label="and" prop="infcon.seaamtto" label-width="40px">
                                    <c-input-currency v-model="model.infcon.seaamtto" placeholder="请输入Amount">
                                    </c-input-currency>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">                               
                                <el-form-item label="Document Type" prop="seadoctypcod">
                                    <c-select v-model="model.seadoctypcod" style="width:100%" placeholder="请选择Document Type" :code="codes.seadoctypcod">
                                    </c-select>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">
                                <el-form-item label="Invoice No." prop="infcon.invnum">
                                    <c-input  v-model="model.infcon.invnum" maxlength="16"  placeholder="请输入Invoice No."></c-input>
                                </el-form-item>
                            </c-col>
                        </c-row>
                    </c-col>
                </c-row>

                <c-row>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" >
                                <el-form-item label="" prop="infcon.forflg" label-width="20px">
                                    <c-checkbox v-model="model.infcon.forflg">转卖单据</c-checkbox>
                                </el-form-item>

                            </c-col>
                        </c-row>
                    </c-col>
                    <c-col :span="12">
                        <c-row>
                            <c-col :span="18" :offset="1">

                            </c-col>
                        </c-row>
                    </c-col>
                </c-row>
            </template>
                                    
            <!-- <c-col :span="6">
                <el-form-item label="Release Status" prop="infcon.relflg">
                    <c-select v-model="model.infcon.relflg" style="width:100%" placeholder="请选择Release Status">
                    </c-select>
                </el-form-item>
            </c-col>                  
                    
            <c-col :span="6">
                <el-form-item label="Handling Type" prop="infcon.hndtyp">
                    <c-select v-model="model.infcon.hndtyp" style="width:100%" placeholder="请选择Handling Type">
                    </c-select>
                </el-form-item>
            </c-col> -->

            <!-- <c-col :span="6">
                <el-form-item label="是否显示查询码" prop="infcon.cxmflg">
                    <c-select v-model="model.infcon.cxmflg" style="width:100%" placeholder="请选择是否显示查询码">
                    </c-select>
                </el-form-item>
            </c-col> -->

    </c-infsearch-group>

    <c-row style="margin-top:20px; padding: 0 10px 0 10px;">
        <c-col>
            <c-button size="small" type="primary">导Excel</c-button>
            <c-button size="small" type="primary">Display</c-button>
            <c-button size="small" type="primary">Use</c-button>
        </c-col>
    </c-row>

    <c-row style="margin-top:20px; padding: 0 10px 0 10px;">
        <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>
    </c-row>


       <!-- <c-col :span="22" :offset="1">
           <c-istream-table :list="data" :columns="columns"></c-istream-table>
       </c-col> -->

  </c-content>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infbed/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [CommonProcess],
    data(){
        return {
            stmData: {
                columns: [ 
                    "1 1 \"Reference\" 100",
                    "2 1 \"Resp. User\" 100",
                    "3 1 \"Invoice No.\" 100",
                    "1 2 \"Party Number\" 133",
                    "2 2 \"Applicant\" 133",
                    "3 2 \"PTA NO.\" 0",
                    "1 3 \"Party Number\" 133",
                    "2 3 \"Beneficiary\" 133",
                    "3 3 \"Beneficiary CN\" 133",
                    "1 4 \"Party Number\" 133",
                    "2 4 \"Issuing Bank\" 133",
                    "1 5 \"Party Number\" 133",
                    "2 5 \"Purchasing bank\" 133",
                    "3 5 \"转卖日期\" 133",
                    "1 6 \"Opened\" 0",
                    "2 6 \"Closed\" 0",
                    "1 7 \"Cur\" 0",
                    "2 7 \"Cur\" 0",
                    "1 8 \"Doc.Amount\" 0",
                    "2 8 \"Open Amount\" 0"
                ],
                data: [
                ]  
            }
        }
    },
    methods:{...Event,
    handleSearch(callback) {
                setTimeout(() => {
                    this.$notify.info({ title: '提示', message: '模拟post请求控制按钮状态' });
                    // 执行子组件回调函数控制按钮状态
                    callback()
                }, 1000)
            },
            handleReset() {

            }
    },
    created:function(){

    }
}
</script>
<style>

</style>