<template>
  <div class="eibs-tab">
    <!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch">
      <template  v-slot="searchSlot"> -->
    <div style="border-bottom: 10px solid rgb(232, 232, 232);">
    <el-form
      class="m-table-search-form"
      ref="paramsForm"
      :inline="true"
      label-position="right"
      label-width="110px"
      size="small"
    >
      <el-row>
        <c-col :span="23">
          <c-col :span="8">
            <el-form-item label="业务编号" prop="searef" style="width: 100%">
              <c-input
                v-model="model.searef"
                maxlength="16"
                style="width: 100%"
                placeholder="请输入Selection Reference"
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="8">
            <el-form-item label="提示日期" style="width: 100%">
              <c-col :span="11">
                <c-date-picker
                  type="date"
                  v-model="model.diafro"
                  style="width: 100%"
                  placeholder="请选择Diary From date"
                ></c-date-picker>
              </c-col>
              <c-col :span="2" style="text-align: center">
                <label style="display: inline-block; width: 100%">-</label>
              </c-col>
              <c-col :span="11">
                <c-date-picker
                  type="date"
                  v-model="model.diatil"
                  style="width: 100%"
                  placeholder="请选择Diary Till date"
                ></c-date-picker>
              </c-col>
            </el-form-item>
          </c-col>
          <c-col :span="8">
            <el-form-item
              label="选择用户"
              prop="usfmod.flt"
              style="width: 100%"
            >
              <c-col :span="24">
                <!-- <c-col :span="16"> -->
                <c-select
                  v-model="model.usfmod.flt"
                  style="width: 100%"
                  placeholder="请选择Filter"
                >
                  <el-option
                    v-for="item in codes.flt"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
                <!-- </c-col> -->
                <!-- <c-col :span="7">
                <c-button size="small" type="primary" style="width: 100%">
                  show set
                </c-button>
                   </c-col>-->
              </c-col>
            </el-form-item>
          </c-col>
        </c-col>
      </el-row>
      <el-row>
        <c-col :span="23">
          <c-col :span="8">
            <el-form-item label="业务类型" prop="seasec" style="width: 100%">
              <c-select
                v-model="model.seasec"
                style="width: 100%"
                placeholder="请选择Business Sector"
              >
                <el-option
                  v-for="item in codes.bustxt"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="8">
            <el-form-item label="提示原因" prop="reasen" style="width: 100%">
              <c-select
                v-model="model.reasen"
                style="width: 100%"
                placeholder="请选择Reasons"
              >
                <el-option
                  v-for="item in codes.diatxt"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="8" v-if="model.usfmod.flt == '<SELU>'">
            <el-form-item
              label="经办柜员"
              prop="usfmod.usr.extkey"
              style="width: 100%"
            >
              <c-col :span="24">
                <c-col :span="20">
                  <c-input
                    v-model="model.usfmod.usr.extkey"
                    maxlength="8"
                    placeholder="请输入User ID"
                    style="width: 95%"
                  ></c-input>
                </c-col>
                <c-col :span="4">
                  <c-button
                    size="small"
                    style="width: 100%;margin-left:0"
                    type="primary"
                    icon="el-icon-search"
                  ></c-button>
                </c-col>
              </c-col>
            </el-form-item>
          </c-col>
          <c-col :span="8" v-else-if="model.usfmod.flt == '<SELB>'">
            <el-form-item
              label="业务机构"
              prop="usfmod.selusb"
              style="width: 100%"
            >
              <c-select
                v-model="model.usfmod.selusb"
                style="width: 100%"
                placeholder="请选择Select user branch"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="8" style="text-align: right" v-else>
            <el-button size="small" @click="handleReset">重置</el-button>
            <el-button
              type="primary"
              icon="el-icon-search"
              size="small"
              @click="handleSearch"
              >查询</el-button
            >
          </c-col>
          
        </c-col>
        <c-col
            :span="23"
            style="text-align: right;height:36.8px"
            v-if="
              model.usfmod.flt === '<SELU>' || model.usfmod.flt === '<SELB>'
            "
          >
          <!-- <el-form-item> -->
            <el-button size="small" @click="handleReset">重置</el-button>
            <el-button
              type="primary"
              icon="el-icon-search"
              size="small"
              @click="handleSearch"
              >查询</el-button
            >
            <!-- </el-form-item> -->
          </c-col>
      </el-row>
      
    </el-form>
    </div>
    <!-- </template>
    </c-list-search> -->

    <!-- <div style="margin-top: 20px">
      <c-button
        size="small"
        type="primary"
        @click="onButdet"
        disabled="disabled"
      >
        Display
      </c-button>
      <c-button
        size="small"
        type="primary"
        @click="onButdia"
        disabled="disabled"
      >
        Modify
      </c-button>
      <c-button
        size="small"
        type="primary"
        @click="onButdel"
        disabled="disabled"
      >
        Delete
      </c-button>
      <c-button
        size="small"
        type="primary"
        @click="onButprt"
        disabled="disabled"
      >
        Print
      </c-button>
      <c-button
        size="small"
        type="primary"
        disabled="disabled"
        @click="onButconsel"
      >
        Selection
      </c-button>
      <c-button
        size="small"
        type="primary"
        @click="onButconcal"
        disabled="disabled"
      >
        Process
      </c-button>
      <c-button size="small" type="primary" disabled="disabled">
        导Excel
      </c-button>
    </div> -->

    <el-row>
      <c-col :span="24">
        <c-istream-table :list="stmData.data" :columns="stmData.columns">
          <el-table-column
            fixed="right"
            prop="display"
            label="操作"
            width="160px"
          >
          <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>
              <c-button style="margin-left: 0" size="small">
                详情
              </c-button>
              <c-button style="margin-left: 0" size="small" type="primary">
                处理
              </c-button>
            </template>
          </el-table-column>
        </c-istream-table>
      </c-col>
    </el-row>
    <!-- <el-row style="margin-top: 2rem">
       <c-col :span="23">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>交易状态信息 —— {{ transactionStatus.busiNo }}</span>
        </div>
        <div class="text item">
          <form class="el-form--label-left el-form--inline">
            <div class="el-form-item">
              <label class="el-form-item__label">修改次数:</label>
              <div class="el-form-item__content">
                <span>{{ transactionStatus.modTimes }}</span>
              </div>
            </div>
            <div class="el-form-item">
              <label class="el-form-item__label transstatus">交单次数:</label>
              <div class="el-form-item__content">
                <span>{{ transactionStatus.postCount }}</span>
              </div>
            </div>
            <div class="el-form-item">
              <label class="el-form-item__label transstatus">付款次数:</label>
              <div class="el-form-item__content">
                <span>{{ transactionStatus.earnCount }}</span>
              </div>
            </div>
            <div class="el-form-item">
              <label class="el-form-item__label transstatus">付款金额:</label>
              <div class="el-form-item__content">
                <span>{{ transactionStatus.earnAmt }} CNY</span>
              </div>
            </div>
          </form>
        </div>
      </el-card>
       </c-col>
    </el-row> -->
    <el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
      <div class="m-list-btns"></div>
    </el-dialog>

    <!--
	<c-col :span="12">
	    <span  v-text="model.usfmod.usftxt"   data-path=".usfmod.usftxt" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="Filter" prop="usfmod.flt">
            <c-select v-model="model.usfmod.flt" style="width:100%" placeholder="请选择Filter">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onUsfmodShwflt">
            Sho&w Set
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onButdet">
            &Display
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Selection Reference" prop="searef">
            <c-input  v-model="model.searef" maxlength="16"  placeholder="请输入Selection Reference"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Business Sector" prop="seasec">
            <c-select v-model="model.seasec" style="width:100%" placeholder="请选择Business Sector">
              </c-select>
        </el-form-item>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.usfmod.labtxt"   data-path=".usfmod.labtxt" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="Selected User Group Set" prop="usfmod.selusgset">
            <c-select v-model="model.usfmod.selusgset" style="width:100%" placeholder="请选择Selected User Group Set">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="User ID" prop="usfmod.usr.extkey">
            <c-input  v-model="model.usfmod.usr.extkey" maxlength="8"  placeholder="请输入User ID"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Selected User Group" prop="usfmod.selusg">
            <c-select v-model="model.usfmod.selusg" style="width:100%" placeholder="请选择Selected User Group">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Select user branch" prop="usfmod.selusb">
            <c-select v-model="model.usfmod.selusb" style="width:100%" placeholder="请选择Select user branch">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="" prop="usfmod.usrget.sdamod.seainf">
            <c-input  v-model="model.usfmod.usrget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onButdia">
            &Modify
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Display Stream" prop="dspstm">
            <c-input  v-model="model.dspstm"  placeholder="请输入Display Stream"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small"  icon="el-icon-delete" @click="onButdel">
            &Delete
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onButprt">
            P&rint
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onButconsel">
            &Selection
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onButconcal">
            &Process
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onButexi">
            E&xit
        </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/Diasel/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {
      initdialog: false,
      transactionStatus: {
        busiNo: "",
        modTimes: 0,
        postCount: 0,
        accCount: 0,
        earnCount: 0,
        earnAmt: 0,
      },
      stmData: {
        columns: [
          '1 1 "提示日期" 100px',
          '2 2 "提示原因" 0',
          '3 3 "业务编号" 0',
          '4 4 "提示信息" 250px',
          '5 5 "待操作交易代码" 0',
          '6 6 "经办柜员" 0',
          '7 7 "所属工作组" 0',
          // '8 8 "客户号" 1',
          // '9 9 "客户名称" 1',
          // '10 10 "币种" 1',
          // '11 11 "金额" 1',
          // '12 12 "预计核验" 1',
        ],
        data: [],
      },
      relrowDisabled: true,
    };
  },
  methods: {
    ...Event,
  },
  created: function () {},
};
</script>
<style>
</style>
