1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<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'
import dayjs from 'dayjs'
import exceptionSetting from '@/api/setting/exceptionSetting.js'
import requestTaskSetting from '@/api/setting/requestTaskSetting.js'
import { useLoginUserStore } from '@/stores/user'
export default {
  components: {
    TimeSinglePicker,
    CompEditRequest,
    CompEditException
  },
  data() {
    return {
      activeName: 'first',
      // 对话框显示
      dialog: {
        formRequestVisible: false,
        formExceptionVisible: false
      },
      // 请求任务配置数据
      requestData: [],
      // 异常分析配置数据
      exceptionSettingData: [],
      form_1: {
        user: '11',
        requestStartTime: '',
        requestEndTime: '',
        staticsDailyTime: '',
        staticsMonthlyTime: ''
      },
      // 加载中
      loading: {
        request: '',
        exception: ''
      }
    }
  },
  setup() {
    const userName = useLoginUserStore()
    return {
      userName
    }
  },
  watch: {
 
  },
  mounted() {},
  methods: {
    /**
     * 取消按钮
     * @param:
     * @returns:
     */
    cancelEvent() {
      this.$message.info('已取消')
    }
  }
}
</script>
 
<template>
  <el-row>
    <el-col>
      <em>参数配置</em>
      <el-tabs v-model="activeName" class="demo-tabs">
        <el-tab-pane label="数据获取" name="first">
          <CompEditRequest :user-name="userName.getUserName"></CompEditRequest>
        </el-tab-pane>
 
        <el-tab-pane label="异常分析" name="second">
          <CompEditException :user-name="userName.getUserName"></CompEditException>
        </el-tab-pane>
      </el-tabs>
 
    </el-col>
  </el-row>
</template>
 
<style scoped>
.el-row {
  margin: 20px;
}
em {
  font-size: 30px;
  color: #333333;
}
.el-button {
  margin-top: 20px;
}
.el-table {
  color: #333333;
}
</style>