<script>
|
import TimeSinglePicker from '@/sfc/TimeSinglePicker.vue'
|
import CompEditRequest from '@/views/data_management/components/CompEditRequest.vue'
|
import CompEditException from '@/views/data_management/components/CompEditException.vue'
|
export default {
|
components: {
|
TimeSinglePicker,
|
CompEditRequest,
|
CompEditException
|
},
|
data() {
|
return {
|
activeName: 'first',
|
// 对话框显示
|
dialog:{
|
formRequestVisible: false,
|
formExceptionVisible: false
|
},
|
request: [
|
{
|
user: 'admin',
|
updateTime: '2023-10-10 09:16:41',
|
region: '金山区',
|
version: '1.0',
|
requestStartTime: '2023-10-12 08:43:00',
|
requestEndTime: null,
|
requestIntervalSeconds: 43200,
|
requestRangeHour: 8,
|
requestRangeIntervalSeconds: 5,
|
requestFailWaitSeconds: 120,
|
requestRetryTimes: 4,
|
requestCookieValidDuration: 48,
|
staticsDailyTime: '2023-10-11 09:00:00',
|
staticsMonthlyTime: '2023-10-01 10:00:00',
|
loginFailWaitSeconds: 5,
|
loginRetryTimes: 5,
|
taskRetryWaitSeconds: 120,
|
firstRequestOffsetDays: 30
|
}
|
],
|
exceptionSetting: [{
|
user: 'admin',
|
updateTime: '2023-10-10 09:16:41',
|
region: '金山区',
|
version: '1.0',
|
missDataMinutes: 45,
|
dataLow: 0.02,
|
longTimeNoChange: 5,
|
mutationNum: 2,
|
mutationRate: 1,
|
nearExceedLowValue: 0.7,
|
nearExceedHighValue: 1,
|
nearExceedNum: 4,
|
dayExceedBorderlineLowNum: 6,
|
dayExceedBorderlineHighNum: 7,
|
changeTrendGroup: 12,
|
changeTrendInterval: 12,
|
changeTrendRate: 1,
|
changeTrendTimes: 3,
|
exceedingStandard: 1
|
}],
|
form_1: {
|
user: '11',
|
requestStartTime: '',
|
requestEndTime: '',
|
staticsDailyTime: '',
|
staticsMonthlyTime: ''
|
},
|
loading:false,
|
|
}
|
},
|
|
mounted() {},
|
methods: {
|
handleClick(tab, event) {
|
// console.log(tab, event)
|
},
|
fetchData(){
|
console.log('获取表格数据');
|
this.loading = true
|
setTimeout(() => {
|
this.loading = false
|
}, 700);
|
},
|
// 取消
|
cancel_1() {
|
this.dialogTableVisible = false
|
},
|
// 提交
|
submit() {
|
this.dialogTableVisible = false
|
},
|
render() {
|
ElMessageBox.alert(
|
h('div', ['this is', h('em', { style: { color: 'teal', fontSize: '14px' } }, 'Vnode')])
|
)
|
},
|
|
}
|
}
|
</script>
|
|
|
<template>
|
<el-row>
|
<el-col>
|
<em>参数配置</em>
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
<el-tab-pane label="数据获取" name="first" >
|
<div>展示</div>
|
<div>修改</div>
|
<el-table :data="request" border>
|
<el-table-column prop="user" label="用户名"> </el-table-column>
|
<el-table-column prop="updateTime" label="更新时间"> </el-table-column>
|
<el-table-column prop="region" label="区域"> </el-table-column>
|
<el-table-column prop="version" label="版本"> </el-table-column>
|
<el-table-column prop="requestStartTime" label="数据获取开始时间"> </el-table-column>
|
<el-table-column prop="requestEndTime" label="数据获取结束时间"> </el-table-column>
|
<el-table-column prop="requestIntervalSeconds" label="数据获取频率"> </el-table-column>
|
<el-table-column prop="requestRangeHour" label="任务分段时长"> </el-table-column>
|
<el-table-column prop="requestRangeIntervalSeconds" label="分段执行时的每段的间隔时间"> </el-table-column>
|
<el-table-column prop="requestFailWaitSeconds" label="获取数据任务异常时再次尝试间隔"> </el-table-column>
|
<el-table-column prop="requestRetryTimes" label="获取数据失败时再次尝试的总次数"> </el-table-column>
|
<el-table-column prop="requestCookieValidDuration" label="cookie有效时常长"> </el-table-column>
|
<el-table-column prop="staticsDailyTime" label="日统计执行时间"> </el-table-column>
|
<el-table-column prop="staticsMonthlyTime" label="月统计执行时间"> </el-table-column>
|
<el-table-column prop="loginFailWaitSeconds" label="登录失败等待时长"> </el-table-column>
|
<el-table-column prop="loginRetryTimes" label="登录失败尝试次数"> </el-table-column>
|
<el-table-column prop="taskRetryWaitSeconds" label="数据获取任务重新开始尝试等待时间"> </el-table-column>
|
<el-table-column prop="firstRequestOffsetDays" label=" 数据获取开始时间相对当日往前偏移"> </el-table-column>
|
</el-table>
|
<el-button type="primary" size="small" @click="dialog.formRequestVisible = !dialog.formRequestVisible">
|
修改配置</el-button
|
>
|
|
<CompEditRequest v-model="dialog.formRequestVisible" :tableData="request[0]">
|
</CompEditRequest>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="异常分析" name="second"
|
><div>展示</div>
|
<el-table :data="exceptionSetting" border>
|
<el-table-column prop="user" label="用户名"> </el-table-column>
|
<el-table-column prop="updateTime" label="更新时间"> </el-table-column>
|
<el-table-column prop="region" label="区域"> </el-table-column>
|
<el-table-column prop="version" label="版本"> </el-table-column>
|
|
<el-table-column prop="missDataMinutes" label="数据获取开始时间"> </el-table-column>
|
<el-table-column prop="dataLow" label="数据获取结束时间"> </el-table-column>
|
<el-table-column prop="longTimeNoChange" label="数据获取频率"> </el-table-column>
|
<el-table-column prop="mutationNum" label="任务分段时长"> </el-table-column>
|
<el-table-column prop="mutationRate" label="分段执行时的每段的间隔时间"> </el-table-column>
|
<el-table-column prop="nearExceedLowValue" label="获取数据任务异常时再次尝试间隔"> </el-table-column>
|
<el-table-column prop="nearExceedHighValue" label="获取数据失败时再次尝试的总次数"> </el-table-column>
|
<el-table-column prop="nearExceedNum" label="cookie有效时常长"> </el-table-column>
|
<el-table-column prop="dayExceedBorderlineLowNum" label="日统计执行时间"> </el-table-column>
|
<el-table-column prop="dayExceedBorderlineHighNum" label="月统计执行时间"> </el-table-column>
|
<el-table-column prop="changeTrendGroup" label="登录失败等待时长"> </el-table-column>
|
<el-table-column prop="changeTrendInterval" label="登录失败尝试次数"> </el-table-column>
|
<el-table-column prop="changeTrendRate" label="数据获取任务重新开始尝试等待时间"> </el-table-column>
|
<el-table-column prop="changeTrendTimes" label=" 数据获取开始时间相对当日往前偏移"> </el-table-column>
|
<el-table-column prop="exceedingStandard" label=" 数据获取开始时间相对当日往前偏移"> </el-table-column>
|
</el-table>
|
|
|
<div>修改</div>
|
|
<CompEditException v-model="dialog.formExceptionVisible" ></CompEditException>
|
|
<el-button type="primary" size="small" @click="dialog.formExceptionVisible = !dialog.formExceptionVisible">
|
修改配置</el-button
|
>
|
</el-tab-pane>
|
</el-tabs>
|
|
<!-- <el-button @click="render"> 渲染html</el-button> -->
|
<!-- <el-button @click="addObj"> 增加对象</el-button> -->
|
</el-col>
|
</el-row>
|
</template>
|
|
<style scoped>
|
.el-row {
|
margin: 20px;
|
}
|
em {
|
font-size: 30px;
|
color: #333333;
|
}
|
</style>
|
|
<!-- <script>
|
export default {
|
data() {
|
return{
|
inputValue:null
|
}
|
},
|
mounted() {
|
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<template>
|
{{inputValue}}
|
输入<el-input v-model.number="inputValue" maxlength="10">
|
</el-input>
|
</template> -->
|
