From c2f95b0b9090a2394b5b068582b932a5e57b86aa Mon Sep 17 00:00:00 2001 From: zmc <zmc_li@foxmail.com> Date: 星期二, 05 九月 2023 18:19:37 +0800 Subject: [PATCH] 雷达图 新增综合风险排名 数据接入配置 --- src/views/setting/SetConfiguration.vue | 89 +++++++++++++++++++++++++------------------- 1 files changed, 51 insertions(+), 38 deletions(-) diff --git a/src/views/setting/SetConfiguration.vue b/src/views/setting/SetConfiguration.vue index 9adf956..e19ee72 100644 --- a/src/views/setting/SetConfiguration.vue +++ b/src/views/setting/SetConfiguration.vue @@ -1,62 +1,75 @@ <script> -// import DustRadarChart from '../../sfc/DustRadarChart.vue'; -import TimeSelectWithShortCuts from '../../sfc/TimeSelectWithShortCuts.vue' +import TimeSelectWithShortCuts from '@/sfc/TimeSelectWithShortCuts.vue'; +import settingApi from '@/api/data_access_setting/settingApi.js' import dayjs from 'dayjs'; export default { - components :{ - // DustRadarChart, - // TimeSelectWithShortCuts + components: { + TimeSelectWithShortCuts, + }, data() { return{ - + // 鍖哄煙 + radio:0, + // 瀹氭椂 + radio1:'', + beginTime:'', + endTime:'', } }, mounted() { }, methods: { - + giveTime(val) { + //灏嗕腑鍥芥爣鍑嗘椂闂磋浆涓烘寚瀹氭牸寮�(璇ョ粍浠惰繑鍥炵殑鏍囧噯鏃堕棿鐨勬牸寮忥紝鎵�浠ュ繀椤荤殑鍔犺繖涓嚱鏁�) + this.beginTime = dayjs(val[0]).format('YYYY-MM-DD HH:mm:ss'); + this.endTime = dayjs(val[1]).format('YYYY-MM-DD HH:mm:ss'); + }, + set(){ + const params = {} + params.user = 'admin' + params.beginTime = this.beginTime + params.endTime = this.endTime + params.region = '閲戝北' + params.isRegularTime = this.radio1 + settingApi.submitSetting(params).then(res => { + if(res.data.code == 1){ + ElMessage.success('璁剧疆鎴愬姛') + }else{ + ElMessage('璁剧疆澶辫触') + } + }) + } } } </script> <template> - <div> - <DustRadarChart></DustRadarChart> - </div> + <div>鐢熸垚閰嶇疆鏂囦欢</div> + <el-form> + <el-form-item label="鍖哄煙"> + <el-radio-group v-model="radio"> + <el-radio :label="0">閲戝北</el-radio> + <!-- <el-radio :label="6">Option B</el-radio> + <el-radio :label="9">Option C</el-radio> --> + </el-radio-group> + </el-form-item> + <el-form-item label="閫夋嫨璧峰鏃堕棿"> + <TimeSelectWithShortCuts @submit-time="giveTime"></TimeSelectWithShortCuts> + </el-form-item> - <!-- <div class="container"> - <el-space wrap :size="20" > - <el-card v-for="i in 6" :key="i"> - 111 - </el-card> - </el-space> - <el-card v-for="i in 5" :key="i"> - 111 - </el-card> - <el-card> - 22 - </el-card> + <el-form-item label="鏄惁瀹氭椂"> + <el-radio-group v-model="radio1" > + <el-radio label="1" size="large">鏄�</el-radio> + <el-radio label="2" size="large">鍚�</el-radio> + </el-radio-group> + </el-form-item> - </div> --> - + <el-form-item> <el-button @click="set">璁剧疆</el-button></el-form-item> + </el-form> </template> <style scoped> -.container { - margin: 20px 20px; - display: flex; - flex-flow: row wrap; - gap: 20px; - height: 100%; -} -.el-card { - min-width: 500px; - min-height: 400px; - flex: 1 200px; - /* flex: 1; */ - -} </style> \ No newline at end of file -- Gitblit v1.9.3