Selp.vue

<template>
  <div class="eibs-tab">
    <!-- ===================左边================= -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="申报类型" prop="cnytyp">
          <c-select
            v-model="model.cnytyp"
            style="width: 100%"
            placeholder="请选择申报类型"
          >
            <el-option
              v-for="item in codes.cnytyp"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务编号" prop="ownref">
          <c-input
            v-model="model.ownref"
            maxlength="20"
            placeholder="请输入业务编号"
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="业务所属行" prop="ownextkey">
          <c-select
            v-model="model.ownextkey"
            style="width: 100%"
            placeholder="请选择Initial Code"
          >
            <el-option
              v-for="item in codes.ownextkey"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- =====================右边=========================== -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="From" prop="frmdat">
          <c-date-picker
            type="date"
            v-model="model.frmdat"
            style="width: 100%"
            placeholder="请选择From"
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Until" prop="tildat">
          <c-date-picker
            type="date"
            v-model="model.tildat"
            style="width: 100%"
            placeholder="请选择Until"
          ></c-date-picker>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- ======================底部============================ -->
    <c-col :span="24">
      <!-- <c-col :span="24">
                <el-form-item label="Selection" prop="cnystm">
                    <c-input  v-model="model.cnystm"  placeholder="请输入Selection"></c-input>
                </el-form-item>
            </c-col> -->
      <c-istream-table
        :list="stmData.data"
        :columns="stmData.columns"
        :showButtonFlg="true"
      >
        <el-table-column fixed="right" prop="op" label="操作" width="200px">
          <template slot="header">
            <c-col :span="11" style="text-align: left"><span>操作</span></c-col>
            <!-- <c-col :span="12" style="text-align:right"><c-button icon="el-icon-s-tools"></c-button></c-col> -->
          </template>
          <template slot-scope="scope">
            <a href="javascript:void(0)" @click="continueEdit(scope.row)"
              >详情</a
            >
            <a href="javascript:void(0)" @click="continueEdit(scope.row)"
              >修改</a
            >
            <a href="javascript:void(0)" @click="continueEdit(scope.row)"
              >删除</a
            >
          </template>
        </el-table-column>
      </c-istream-table>
    </c-col>

    <!-- <c-col :span="12">
        <el-form-item label="申报类型" prop="cnytyp">
            <c-select v-model="model.cnytyp" style="width:100%" placeholder="请选择申报类型">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="From" prop="frmdat">
            <c-date-picker type="date"  v-model="model.frmdat" style="width:100%"  placeholder="请选择From"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onSerbut">
            Search
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="业务编号" prop="ownref">
            <c-input  v-model="model.ownref" maxlength="20"  placeholder="请输入业务编号"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Until" prop="tildat">
            <c-date-picker type="date"  v-model="model.tildat" style="width:100%"  placeholder="请选择Until"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onButprt">
            导Excel
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Initial Code" prop="ownextkey">
            <c-select v-model="model.ownextkey" style="width:100%" placeholder="请选择Initial Code">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Selection" prop="cnystm">
            <c-input  v-model="model.cnystm"  placeholder="请输入Selection"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onDtlbut">
            Detail
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onExi">
            Exit
        </c-button>
       </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Cnysel/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      stmData: {
        columns: [
          '0 1 "业务编号" 110',
          '1 2 "币种" 110',
          '2 3 "金额" 120 2 8:1 2 5',
          '3 4 "收款人名称" 250',
          '4 5 "付款人名称" 250',
          '5 6 "业务发生日期" 150 20 30 1',
          '6 7 "复核状态" 120 1 0:0 1 RELSTA',
        ],
        data: [],
      },
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>