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

      <!-- ============左========= -->
      <c-col :span="12">
        <c-col :span="24" style="margin-top: 10px">
          <el-form-item label="Service Types to be handled:"> 
              <c-fullbox>
                <c-col :span="6">
                  <c-checkbox v-model="model.srvswi.exeflg">Incoming SWIFT</c-checkbox>
                </c-col>
                <c-col :span="6">
                  <c-checkbox v-model="model.srvtli.exeflg">Incoming Telex</c-checkbox>
                </c-col>
                <c-col :span="6">
                  <c-checkbox v-model="model.srvdta.exeflg">DTA Import L/C</c-checkbox>
                </c-col>
                <c-col :span="6">
                  <c-checkbox v-model="model.srvtci.exeflg">TradeConnect</c-checkbox>
                </c-col>
              </c-fullbox>

          </el-form-item>
        </c-col>

        <c-col :span="24">
           <el-form-item label=""> 
              <c-fullbox>
                <c-col :span="6">
                  <c-checkbox v-model="model.srvemi.exeflg">Incoming Email</c-checkbox>
                </c-col>
                <c-col :span="6">
                  <c-checkbox v-model="model.srvdte.exeflg">DTA Export L/C</c-checkbox>
                </c-col>
                <c-col :span="6">
                  <c-checkbox v-model="model.srveli.exeflg">ECL Import L/C</c-checkbox>
                </c-col>
              </c-fullbox>

          </el-form-item>
        
        </c-col>

        <c-col :span="24">
          <el-form-item label="" prop="cltprtflg">
            <c-select
              v-model="model.cltprtflg"
              style="width: 100%"
              placeholder="请选择Print System"
            >
            <el-option
            v-for="item in codes.cltprtflg"
            :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="Initialization File"
            prop="filtsk.tsklist.ininam"
          >
            <c-input
              v-model="model.filtsk.tsklist.ininam"
              placeholder="SWITSK.INI"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <!-- ============右========= -->
      <c-col :span="12" >
        <!-- <c-col :span="24">
          <el-form-item
            label="Automatic Start Flag"
            prop="filtsk.tsklist.strflg"
          >
            <c-select
              v-model="model.filtsk.tsklist.strflg"
              style="width: 100%"
              placeholder="请选择Automatic Start Flag"
            >
            </c-select>
          </el-form-item>
        </c-col> -->
        <c-col :span="24">
          <el-form-item label="Start Processing" prop="filtsk.tsklist.strflg">
            <c-select
              v-model="model.filtsk.tsklist.strflg"
              style="width: 100%"
              placeholder="请选择Automatic Start Flag"
            >
              <el-option
                v-for="item in codes.strflg"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="15">
          <el-form-item label="Started" prop="filtsk.tsklist.jobstrdat">
            <c-date-picker
              type="date"
              v-model="model.filtsk.tsklist.jobstrdat"
              style="width: 100%"
              placeholder="请选择"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="4" :offset="1">
          <el-form-item
            label="h"
            prop="filtsk.tsklist.jobstrtimhh"
            label-width="20px"
          >
            <c-input
              v-model="model.filtsk.tsklist.jobstrtimhh"
              placeholder=""
              disabled
            ></c-input>
            <!-- <el-time-picker
              type="time"

              v-model="model.filtsk.tsklist.jobstrtimhh"
              format="HH"
              value-format="HH"
              :defaultValue="moment('01:00:00', 'HH')"
              style="width: 100%"
              placeholder="请选择"
            ></el-time-picker> -->
            <!-- <c-input
              v-model="model.filtsk.tsklist.jobstrtimhh"
              placeholder="请输入"
            ></c-input> -->
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <el-form-item label="min" label-width="20px"  prop="filtsk.tsklist.jobstrtimmm">
            <!-- <c-input
              v-model="model.filtsk.tsklist.jobstrtimmm"
              placeholder="请输入"
            ></c-input> -->
            <!-- <el-time-picker
              type="time"
              :defaultValue="moment('01:00:00', 'mm')"
              v-model="model.filtsk.tsklist.jobstrtimmm"
              format="mm"
              value-format="mm"
              style="width: 100%"
              placeholder="请选择"
            ></el-time-picker> -->
            <c-input
              v-model="model.filtsk.tsklist.jobstrtimmm"
              placeholder=""
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="15">
          <el-form-item label="Termination" prop="filtsk.tsklist.terflg">
            <c-select
              v-model="model.filtsk.tsklist.terflg"
              style="width: 100%"
              placeholder="请选择Automatic Termination Flag"
            >
            <el-option
                v-for="item in codes.terflg"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="4" :offset="1">
          <el-form-item
            label="h"
            prop="filtsk.tsklist.downtimehh"
            label-width="20px"
          >
            <!-- <c-input
              v-model="model.filtsk.tsklist.downtimehh"
              placeholder="请输入"
            ></c-input> -->
            <!-- <el-time-picker
              type="time"
              v-model="model.filtsk.tsklist.downtimehh"
              format="HH"
              value-format="HH"
              style="width: 100%"
              placeholder="请选择"
            ></el-time-picker> -->
            <c-input
              v-model="model.filtsk.tsklist.downtimehh"
              placeholder=""
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="4">
          <el-form-item label="min" prop="filtsk.tsklist.downtimemm" label-width="20px">
            <!-- <el-time-picker
              type="time"
              v-model="model.filtsk.tsklist.downtimemm"
              format="mm"
              value-format="mm"
              style="width: 100%"
              placeholder="请选择"
            ></el-time-picker> -->
            <c-input
              v-model="model.filtsk.tsklist.downtimemm"
              placeholder=""
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="Restart Period" prop="filtsk.tsklist.redotime">
            <c-input
              v-model="model.filtsk.tsklist.redotime"
              placeholder="请输入Redotime"
            ></c-input>
          </el-form-item>
        </c-col>
        <!-- <c-col :span="16">
          <span
            v-text="model.wfetsk.tsklist.ininam"
            data-path=".wfetsk.tsklist.ininam"
          >
            Initialization File
          </span>
        </c-col> -->
        
      </c-col>
    <c-col
        :span="24"
        style="text-align: right; height: 36.8px"
      >
        <el-button 
          size="small" 
          type="primary" 
          @click="taskStart"
          :disabled="isStart"
        >start</el-button>
        <el-button
          type="primary"
          size="small"
          @click="taskStop"
          :disabled="!isStart"
          >stop</el-button
        >
      </c-col>
      
    <!-- <c-col :span="12">
      <c-button size="small" type="primary" @click="onTsklistButstr">
        &Start
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onTsklistButstp">
        S&top
      </c-button>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Start Time of Job Date"
        prop="filtsk.tsklist.jobstrdat"
      >
        <c-date-picker
          type="date"
          v-model="model.filtsk.tsklist.jobstrdat"
          style="width: 100%"
          placeholder="请选择Start Time of Job Date"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Start Time of Job HH"
        prop="filtsk.tsklist.jobstrtimhh"
      >
        <c-input
          v-model="model.filtsk.tsklist.jobstrtimhh"
          placeholder="请输入Start Time of Job HH"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Start Time of Job MM"
        prop="filtsk.tsklist.jobstrtimmm"
      >
        <c-input
          v-model="model.filtsk.tsklist.jobstrtimmm"
          placeholder="请输入Start Time of Job MM"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Automatic Termination Flag"
        prop="filtsk.tsklist.terflg"
      >
        <c-select
          v-model="model.filtsk.tsklist.terflg"
          style="width: 100%"
          placeholder="请选择Automatic Termination Flag"
        >
        </c-select>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Automatic Shutdown at hh"
        prop="filtsk.tsklist.downtimehh"
      >
        <c-input
          v-model="model.filtsk.tsklist.downtimehh"
          placeholder="请输入Automatic Shutdown at hh"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item
        label="Automatic Shutdown at mm"
        prop="filtsk.tsklist.downtimemm"
      >
        <c-input
          v-model="model.filtsk.tsklist.downtimemm"
          placeholder="请输入Automatic Shutdown at mm"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <span
        v-text="model.filtsk.tsklist.timzonlab"
        data-path=".filtsk.tsklist.timzonlab"
      >
      </span>
    </c-col>

    <c-col :span="12">
      <el-form-item label="Redotime" prop="filtsk.tsklist.redotime">
        <c-input
          v-model="model.filtsk.tsklist.redotime"
          placeholder="请输入Redotime"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <span
        v-text="model.filtsk.tsklist.ininam"
        data-path=".filtsk.tsklist.ininam"
      >
      </span>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onTsklistButexe">
        &Do Entry
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onTsklistButupd">
        &Upd. List
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onLogdspButdsp">
        &View Log
      </c-button>
    </c-col>

    <c-col :span="12">
      <c-button size="small" type="primary" @click="onTsklistButexi">
        E&xit
      </c-button>
    </c-col> -->
    <c-col :span="24">
      <c-table :border="true" :list="data" style="width:80%,text-align:center">
        <el-table-column label="File Name" prop="filename" width="auto"></el-table-column>
        <el-table-column label="Done" prop="donflg" width="auto">
          
        </el-table-column>
      </c-table>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Switsk/Event";
import moment from 'moment'

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      startTime:'10:20:20',

        data: [],
      isStart:false,
    };
  },
  methods: { ...Event,moment,
    async taskStart(){
      this.isStart = true;
      let rtnmsg = await this.executeRule("filtsk.tsklist.butstr");  
      if(rtnmsg.respCode = SUCCESS){
        this.updateModel(rtnmsg.data);
        this.data = this.model.filtsk.filshw;
        // let rtnmsgDefault = await this.executeDefault("filtsk.tsklist.butstr");  
        // if(rtnmsgDefault.respCode = SUCCESS){
        //   this.updateModel(rtnmsgDefault.data);  
        // }else{
        //   this.$notify.error({title: '错误',message: '服务请求失败！'});
        //   this.isStart = false;
        // }
      }else{
         this.$notify.error({title: '错误',message: '服务请求失败！'});
         this.isStart = false;
      }
      

    }, 
    taskStop(){
      this.isStart = false;
    }
  },
  created: function () {},
};
</script>
<style>
</style>