114 lines
2.4 KiB
Vue
114 lines
2.4 KiB
Vue
<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> |