雷达图 新增综合风险排名 数据接入配置

zmc

2023-09-05 c2f95b0b9090a2394b5b068582b932a5e57b86aa

 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>