1.飞行巡检和审核辅助页面中的对话框写成组件 2.增加了数据请求和异常分析配置参数的可视化页面 3.修改了站点输入框，使能够模糊匹配

zmc

2023-12-14 b8b2820d1a0a55a5555434a3ec95f8bbec1db06d

 src/views/data_management/ParameterConfiguration.vue

@@ -2,6 +2,10 @@
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,
@@ -16,49 +20,10 @@
        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
      }],
      // 请求任务配置数据
      requestData: [],
      // 异常分析配置数据
      exceptionSettingData: [],
      form_1: {
        user: '11',
        requestStartTime: '',
@@ -66,118 +31,50 @@
        staticsDailyTime: '',
        staticsMonthlyTime: ''
      },
      loading:false,
   
      // 加载中
      loading: {
        request: '',
        exception: ''
      }
    }
  },
  setup() {
    const userName = useLoginUserStore()
    return {
      userName
    }
  },
  watch: {

  },
  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')])
      )
    },

    /**
     * 取消按钮
     * @param：
     * @returns：
     */
    cancelEvent() {
      this.$message.info('已取消')
    }
  }
}
</script>


<template>
  <el-row>
    <el-col>
      <em>参数配置</em>
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tabs v-model="activeName" class="demo-tabs">
        <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> 

          <CompEditRequest :user-name="userName.getUserName"></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 label="异常分析" name="second">
          <CompEditException :user-name="userName.getUserName"></CompEditException>
        </el-tab-pane>
      </el-tabs>

      <!-- <el-button @click="render"> 渲染html</el-button> -->
      <!-- <el-button @click="addObj"> 增加对象</el-button> -->
    </el-col>
  </el-row>
</template>
@@ -190,26 +87,10 @@
  font-size: 30px;
  color: #333333;
}
.el-button {
  margin-top: 20px;
}
.el-table {
  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> -->