<script>
|
import TimeSinglePicker from '@/sfc/TimeSinglePicker.vue'
|
export default {
|
props: ['modelValue'],
|
emits: ['update:modelValue'],
|
components: {
|
TimeSinglePicker
|
},
|
computed: {
|
visible: {
|
get() {
|
return this.modelValue
|
},
|
set(value) {
|
this.$emit('update:modelValue', value)
|
}
|
}
|
},
|
data() {
|
return {
|
form: {
|
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
|
},
|
describe: null
|
}
|
},
|
|
mounted() {
|
this.operation()
|
},
|
methods: {
|
// 提交
|
submit() {
|
this.visible = false
|
},
|
// 取消
|
cancel_1() {
|
this.visible = false
|
},
|
// 对象处理
|
operation() {
|
// console.log(Object.keys(this.form));
|
// console.log(Object.values(this.form));
|
console.log(Object.entries(this.form))
|
let temp = []
|
let arr = Object.entries(this.form)
|
for (let item of arr) {
|
let obj = {}
|
obj.label = item[0]
|
obj.value = item[1]
|
temp.push(obj)
|
}
|
this.describe = temp
|
console.log(temp)
|
}
|
}
|
}
|
</script>
|
<template>
|
<el-dialog v-model="visible" title="请求数据" align-center>
|
<el-form :model="form" label-width="120px">
|
<el-form-item label="用户名">
|
<el-input v-model="form.user" disabled />
|
</el-form-item>
|
<el-form-item label="开始时间">
|
<TimeSinglePicker @submit-time="(n) => (form.requestStartTime = n)"></TimeSinglePicker>
|
</el-form-item>
|
<el-form-item label="结束时间">
|
<TimeSinglePicker @submit-time="(n) => (form.requestEndTime = n)"></TimeSinglePicker>
|
</el-form-item>
|
<el-form-item label="获取频率">
|
<el-input-number v-model="num" :min="1" :max="24" @change="handleChange" />
|
</el-form-item>
|
<el-form-item label="分段时长">
|
<el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
|
</el-form-item>
|
<el-form-item label="分段执行时的每段的间隔时间">
|
<el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
|
</el-form-item>
|
<el-form-item label="获取数据任务异常时再次尝试间隔">
|
<el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
|
</el-form-item>
|
<el-form-item label="获取数据失败时再次尝试的总次数">
|
<el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
|
</el-form-item>
|
<el-form-item label="日统计">
|
<TimeSinglePicker @submit-time="(n) => (form.staticsDailyTime = n)" />
|
</el-form-item>
|
<el-form-item label="月统计">
|
<TimeSinglePicker @submit-time="(n) => (form.staticsMonthlyTime = n)" />
|
</el-form-item>
|
<el-form-item label="登录失败等待时长">
|
<el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
|
</el-form-item>
|
<el-form-item label="登录失败尝试次数">
|
<el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
|
</el-form-item>
|
<el-form-item label="任务重新开始尝试等待时间">
|
<el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
|
</el-form-item>
|
<el-form-item label="数据获取开始时间相对当日往前偏移">
|
<el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
|
</el-form-item>
|
</el-form>
|
|
<template #footer>
|
<el-button @click="cancel_1">取消</el-button>
|
<el-button type="primary" @click="submit">提交</el-button>
|
</template>
|
</el-dialog>
|
|
<!-- <el-button @click="operation">对象处理</el-button> -->
|
|
<el-descriptions title="异常分析配置" :column="4" size="large" border>
|
<el-descriptions-item
|
v-for="item in describe"
|
:key="item.label"
|
:label="item.label"
|
label-align="left"
|
align="center"
|
class-name="content-text"
|
label-class-name="label-text"
|
>
|
{{ item.value }}
|
</el-descriptions-item>
|
</el-descriptions>
|
</template>
|
|
<style scoped>
|
:deep(.label-text) {
|
font-size: 14px !important;
|
font-weight: bold !important;
|
color: #333333 !important;
|
}
|
:deep(.content-text) {
|
color: #333333 !important;
|
}
|
</style>
|
