评测

最新推荐文章于 2024-07-16 10:19:07 发布

*Major*

最新推荐文章于 2024-07-16 10:19:07 发布

阅读量245

点赞数

本文链接：https://blog.csdn.net/qq_41375318/article/details/115394360

版权

$评测$

在这里插入图片描述

```python
<template>
<div class="">
  <h1 style="font-size:36px" align="center">评测</h1>
  <br><br>
  <!-- Step1:选择评测数据集 -->
  <!-- 一级数据集 -->
  <el-row :gutter="10">
      <h2 align="center"> Step1:选择评测数据集</h2>
      <br><br>
      <el-col :span="8" :offset="9">
            一级数据集：
            <el-select v-model="value1" placeholder="请选择" @change="GetCurId1">
                <el-option
                v-for="item in options1"
                :key="item.id"
                :label="item.name"
                :value="item.id">
                </el-option>
            </el-select>
      </el-col>
  </el-row>
  <!-- 二级数据集 -->
  <el-row :gutter="10">
      <el-col :span="8" :offset="9">
            二级数据集：
            <el-select v-model="value2" placeholder="请选择"  @change="GetCurId2">
                <el-option
                v-for="item in options2"
                :key="item.id"
                :label="item.name"
                :value="item.id">
                </el-option>
            </el-select>
      </el-col>
  </el-row>
  <!-- 三级数据集 -->
  <el-row :gutter="10">
      <el-col :span="8" :offset="9">
            三级数据集：
            <el-select v-model="value3" placeholder="请选择"  @change="GetCurId3">
                <el-option
                v-for="item in options3"
                :key="item.id"
                :label="item.introduction"
                :value="item.id">
                </el-option>
            </el-select>
      </el-col>
  </el-row>
  <!-- Step2:上传算法模型及评测文件 -->
  <br><br><br><br><br>
    <el-row>
      <h2 align="center"> Step2:上传算法模型及评测文件</h2>
      <br><br>
      <el-col :span="8" :offset="9">
        <el-form ref="" :model="uploadForm" label-width="80px" class='upload-form' >
          <el-form-item label="算法名称:" prop="name">
            <el-input v-model="uploadForm.username"></el-input>
          </el-form-item>
          <el-form-item label="代码网址:" prop="download_url">
            <el-input v-model="uploadForm.password"></el-input>
          </el-form-item>
          <el-form-item label="视频教学:" prop="teaching_video_url">
            <el-input v-model="uploadForm.password" ></el-input>
          </el-form-item>
          <el-form-item label="测评文件:" >
            <el-button type="primary" @click="Upload">上传</el-button>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="Submit" >提交</el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>

</div>
</template>

<script type="text/ecmascript-6">
import {Row,Col,Select,Option,Button,Form,Input,FormItem} from "element-ui"
export default {
  name: "Evaluate",
  data() {
    return {
        uploadForm:{
             username: "",
             password: ""
        },
        options1: [],
        options2: [],
        options3: [],
        value1: '',
        value2: '',
        value3: '',
    }
  },
  components:{
        [Row.name]:Row,
        [Col.name]:Col,
        [Select.name]:Select,
        [Option.name]:Option,
        [Button.name]: Button,
        [Form.name]: Form,
        [Input.name]: Input,
        [FormItem.name]: FormItem
  },
  methods:{
    GetCurId1(val){
      // console.log("111111111111111111111111111")
      // console.log(val)
      // console.log("111111111111111111111111111")
      this.$http.get("http://127.0.0.1:8001/gen_model/category2/"+val).then(res=>{
        // console.log("8888888888888888")
        // console.log(res.data)
        this.options2 = res.data;
        // console.log("8888888888888888")
      }).catch(err =>{
        console.log(err)
      })

    },
    GetCurId2(val){
      // console.log("111111111111111111111111111")
      // console.log(val)
      // console.log("111111111111111111111111111")
        this.$http.get("http://127.0.0.1:8001/gen_model/category3/"+val).then(res=>{
        // console.log("8888888888888888")
        // console.log(res.data)
        this.options3 = res.data;
        // console.log("8888888888888888")
      }).catch(err =>{
        console.log(err)
      })

    },
    GetCurId3(val){
      console.log("GetCurId3")
      console.log(val)
      console.log("GetCurId3")
    },

    Upload(){

    },

    Submit(){

    }




  },
    mounted(){
      this.$http.get("http://127.0.0.1:8001/gen_model/category1/").then(res=>{
        // console.log("8888888888888888")
        // console.log(res.data)
        this.options1 = res.data;
        // console.log("8888888888888888")
      }).catch(err =>{
        console.log(err)
      })
  }
}
</script>

<style scoped lang='scss'>
</style>