<template>
  <a-card :bordered="false">

    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline">
        <a-row>
          <a-col :md="6" :span="10">
            <a-form-item label="日志文件名称">
              <a-select @change="logFileChange" show-search style="width: 100%"  placeholder="请选择日志文件名称" optionFilterProp = "children">
                <a-select-option v-for="(item,index) in logFilelist" :key="index.toString()" :value="item">
                  {{ item }}
                </a-select-option>
              </a-select>
            </a-form-item>
          </a-col>
        </a-row>
      </a-form>
    </div>

    <div id="consolePrint" class="loglist" style="height:650px;font-size: 16px;">
      <ul :key="index" v-for="(item,index) in logFileDetaillist">
        <li>
          {{item}}
        </li>
      </ul>

    </div>
  </a-card>
</template>

<script>
//import QuartzJobModal from './modules/QuartzJobModal'
import {getAction} from '@/api/manage'

export default {
  mixins: [],
  components: {
    VNodes: {
      functional: true,
      render: (h, ctx) => ctx.props.vnodes,
    },
    //QuartzJobModal,
    //JEllipsis
  },
  data() {
    return {
      visible: false,
      jobLog: {},
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
      // 查询条件
      queryParam: {},
      logFilelist:[],
      logFileDetaillist:[],
      columns:[],
      url: {
        LogFile: "/log/LogFilelist",
        LogFileDetail: "/log/LogFileDetail"
      },
    }
  },
  computed: {},
  created () {
    this.logFileCreated();
  },
  methods: {
    showModal() {
      this.visible = true;
    },
    handleOk(e) {
      this.visible = false;
    },
    logFileCreated(){
      getAction(this.url.LogFile,{}).then((res)=>{
        if(res.success){
          this.logFilelist=res.result;
        }
      });
    },
    logFileChange(value){
      getAction(this.url.LogFileDetail,{fileName:value}).then((res)=>{
        if(res.success){
          this.logFileDetaillist=res.result;
        }
      });
    },
  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';
.descriptions-modal {
  height: 400px;
  width: 850px;
}

.loglist {
  height: 300px;
  margin-bottom: 12px;
  color: #02deff;
  font-size: 16px;
  overflow: auto;
}
li {
  list-style-type:none;
}
</style>