<template>
  <div class="eibs-tab">
    <!-- <c-list-search @form-reset="handleReset" @form-search="handleSearch"> -->
    <!-- <template v-slot="searchSlot"> -->
    <el-form class="m-table-search-form" ref="paramsForm" label-position="right" label-width="110px"
      size="small">
      <el-row>
        <c-col :span="24" style="">
          <c-col :span="8">
            <el-form-item label="业务编号" prop="trncorco.ownref" style="width: 100%">
              <c-input v-model="model.trncorco.ownref" maxlength="16" placeholder="请输入业务编号"></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="8">
            <el-form-item label="创建时间" style="width: 100%" prop="trncorco.inidatfro">
              <c-col :span="11">
                <c-date-picker type="date" v-model="model.trncorco.inidatfro" style="width: 100%" placeholder="请选择创建时间">
                </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.trncorco.inidattil" style="width: 100%" placeholder="请选择创建时间">
                </c-date-picker>
              </c-col>
            </el-form-item>
          </c-col>

          <c-col :span="8">
            <el-form-item label="经办柜员" prop="usrcon" style="width: 100%">
              <c-select v-model="model.usrcon" style="width: 100%" placeholder="请选择经办柜员">
                <el-option v-for="item in codes.usrsort" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>
      </el-row>
      <!--            
                <c-col :span="12">
                  <el-form-item label="Drag  Drop Sender">
                      <c-input  v-model="model.atpget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
                  </el-form-item>
                </c-col>
                -->
      <el-row>
        <c-col :span="24" style="">
          <c-col :span="8">
            <el-form-item label="业务状态" prop="trncorco.relflg" style="width: 100%">
              <c-select v-model="model.trncorco.relflg" style="width: 100%" placeholder="请选择业务状态">
                <el-option v-for="item in relflgCodes" :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="bchcon" style="width: 100%">
              <c-select v-model="model.bchcon" style="width: 100%" placeholder="请选择业务机构">
                <el-option v-for="item in codes.bchtyp" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>


          <!--                           
                <c-col :span="12">
                  <el-form-item label="and">
                      
                  </el-form-item>
                </c-col> -->

          <c-col :span="8">
            <el-form-item label="交易代码" prop="atp.cod" style="width: 100%">
              <c-col :span="24">
                <c-col :span="20">
                  <c-input v-model="model.atp.cod" maxlength="6" style="width: 95%" placeholder="请输入交易代码"
                    @keyup.enter.native="showGridPromptDialog('atp.cod')"></c-input>
                </c-col>
                <!-- <c-input  v-model="model.atpget.sdamod.seainf"  style="width:10%" placeholder="i"></c-input> -->

                <c-col :span="4">
                  <c-button size="small" style="width:100%;margin-left:0" type="primary" @click="onSeainf"
                    icon="el-icon-search"></c-button>
                </c-col>
              </c-col>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24" style="">
          <c-col :span="8">
            <el-form-item label="业务标志" prop="trncorco.dflg" style="width: 100%">
              <c-select v-model="model.trncorco.dflg" style="width: 100%" placeholder="请选择业务标志">
                <el-option v-for="item in codes.dflg" :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="atptxt" style="width: 100%">
              <c-input v-model="model.atptxt" maxlength="37" placeholder="请输入交易名称"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="8" style="text-align:right">
            <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>
      </el-row>
    </el-form>

    <c-col :span="24" style="">
      <div style="border-bottom: 10px solid rgb(232, 232, 232)">
      </div>
    </c-col>

    <el-row>
      <c-col :span="24" style="">
        <c-istream-table :list="stmData.data" :columns="stmData.columns" style="width:100%" :showButtonFlg="true">
          <el-table-column fixed="right" prop="op" label="操作" width="140px">
            <template slot="header">
              <c-col :span="11" style="text-align:center"><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">
              <c-button style="margin-left: 0" size="small" @click="onWaitDetail(scope.$index,scope.row)">
                详情
              </c-button>
              <c-button style="margin-left: 5px" size="small" type="primary" @click="onHandle(scope.$index,scope.row)">
                处理
              </c-button>
              <!-- <c-button
                style="margin-left: 0"
                size="small"
                type="primary"
                @click="onRelrow(scope.$index)"
               
              >
                复核
              </c-button> -->
            </template>
          </el-table-column>
        </c-istream-table>
      </c-col>
    </el-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Trnrel/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  components: {},
  data() {
    return {
      initdialog: false,
      transactionStatus: {
        busiNo: "",
        modTimes: 0,
        postCount: 0,
        accCount: 0,
        earnCount: 0,
        earnAmt: 0,
      },
      stmData: {
        columns: [
          '10 1 "交易代码" 100',
          '11 2 "业务编号" 150',
          '17 3 "摘要信息" 300',
          '12 4 "币种" 70',
          '13 5 "金额" 100',
          // '14 6 "创建时间" 170',
          { index: 14, position: 6, width: 140, pattern: 'time', label: '创建时间' },
          '9 7 "签名要求" 100',
          '2 8 "签名状态" 100',
          '16 9 "经办柜员" 100',
          //   '0 10 "业务状态" 80',
          {
            index: 0, position: 10, width: 100, pattern: 'code', label: '业务状态', code: [{ label: "等待", value: "W" },
            { label: "已打回", value: "C" },
            { label: "已拾取", value: "P" },
            { label: "已拒绝", value: "N" },]
          },
          '15 11 "业务机构" 120',
        ],
        data: [],
      },
      relrowDisabled: true,
      relflgCodes: [],
      Trnp0Visible: false,
      // multipleSelection: [],
    };
  },
  methods: {
    // multipleSelect(val) {
    //   // TODO 根据Status判断按钮是否禁用
    //   this.relrowDisabled = !(val.length > 0);
    //   this.multipleSelection = val;
    // },
    // getSelectedData() {
    //   return this.multipleSelection.map((idx) => this.stmData.data[idx]);
    // },
    ...Event,
    getInidatfro(){
      let datetime = new Date();
      datetime = datetime.setDate(datetime.getDate() - 1);
      this.model.trncorco.inidatfro = new Date(datetime);
    }
  },
  created: function () { 
    this.getInidatfro();
  },
  async mounted() {

    this.relflgCodes = [
      { label: "全部", value: "0" },   //待复核列表业务状态All
      { label: "已修改", value: "C" },
      // { label: "Closed", value: "M" },
      // { label: "Entered", value: "E" },
      // { label: "External", value: "X" },
      { label: "已拾取", value: "P" },
      { label: "已拒绝", value: "N" },
      { label: "等待", value: "W" },
    ];
    // await this.handleSearch()
    // this.$store.commit("setTaskList", {key: "trnrel", val: this.stmData.data.length})

  },
  computed: {},
};
</script>
<style>

</style>