From b8b2820d1a0a55a5555434a3ec95f8bbec1db06d Mon Sep 17 00:00:00 2001 From: zmc <zmc_li@foxmail.com> Date: 星期四, 14 十二月 2023 15:22:54 +0800 Subject: [PATCH] 1.飞行巡检和审核辅助页面中的对话框写成组件 2.增加了数据请求和异常分析配置参数的可视化页面 3.修改了站点输入框,使能够模糊匹配 --- src/views/data_management/ParameterConfiguration.vue | 201 ++++++++++---------------------------------------- 1 files changed, 41 insertions(+), 160 deletions(-) diff --git a/src/views/data_management/ParameterConfiguration.vue b/src/views/data_management/ParameterConfiguration.vue index fbf1cd5..acce730 100644 --- a/src/views/data_management/ParameterConfiguration.vue +++ b/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, @@ -12,53 +16,14 @@ return { activeName: 'first', // 瀵硅瘽妗嗘樉绀� - dialog:{ + 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 - }], + // 璇锋眰浠诲姟閰嶇疆鏁版嵁 + 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-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-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" - ><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; } -</style> - -<!-- <script> - export default { - data() { - return{ - inputValue:null - } - }, - mounted() { - - }, - methods: { - - } +.el-button { + margin-top: 20px; } -</script> - -<template> - {{inputValue}} - 杈撳叆<el-input v-model.number="inputValue" maxlength="10"> - </el-input> -</template> --> +.el-table { + color: #333333; +} +</style> -- Gitblit v1.9.3