<template>
  <!-- 学分登记修改 -->
    <div class="credit1">

      <div class="vfpHeader">
        <div class="titleOne">学分登记</div>
        <el-button type="primary" @click="$router.back()">返回</el-button>
      </div>

      <hr>
         <!-- 活动申请填写信息区域开始 -->
         <div class="select">
                <div class="selectTop">
                  <div class="label">项目名称</div>
                  <el-input v-model="input" placeholder="请输入内容"></el-input>
                </div>
                <div class="selectMid">
                  <div class="selectLeft">
                      <div class="inpBlock">
                          <div class="label">项目负责人</div>
                          <el-input v-model="input" placeholder="请输入内容"></el-input>
                      </div>
                      <div class="inpBlock">
                          <div class="label">所在部门</div>
                          <el-select v-model="input" style="width: 100%;" placeholder="请选择">
                            <el-option
                              v-for="item in options"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value">
                            </el-option>
                          </el-select>
                      </div>
                      <div class="inpBlock">
                          <div class="label">联系电话</div>
                          <el-input v-model="input" placeholder="请输入内容"></el-input>
                      </div>
                  </div>

                  <div class="selectRight">
                    <div class="inpBlock">
                          <div class="label">项目开始时间</div>
                          <el-date-picker
                            v-model="value"
                            type="date"
                            style="width: 100%;"
                            placeholder="选择日期">
                          </el-date-picker>
                      </div>
                      <div class="inpBlock">
                          <div class="label">预算总经费</div>
                          <el-input v-model="input" placeholder="请输入内容"></el-input>
                      </div>
                      
                  </div>
                </div>
      </div>
      <!-- 活动申请填写信息区域结束 -->

      <!-- 成员学分登记开始 -->
        <div class="tabTit">
          <div><p>成员学分登记</p></div>
          <el-button type="primary" size="mini">项目详情</el-button>
        </div>
        <hr>
        <el-table
          :data="tableData"
          tooltip-effect="dark"
          stripe
          class="fontSize"
          height="320px"
          :header-cell-style="{ background: '#f2f2f2',color:'#000' }"
          >
          <el-table-column
            prop="Name"
            label="姓名"
            align="center"
            >
          </el-table-column>
          <el-table-column
            prop="class"
            label="班级"
            align="center"
            >
          </el-table-column>
  
          <el-table-column
            prop="tel"
            label="电话"
            align="center"
            >
          </el-table-column>
  
          <el-table-column
            prop="score"
            label="学分"
            align="center"
            >
          </el-table-column>
          
          <el-table-column
            prop="operation"
            label="操作"
            
            >
            <template #default="scope">
                <div class="operations">
                        <el-button type="primary" @click="setCredit(scope)" size="mini">设置学分</el-button>
                </div>
            </template>
          </el-table-column>
        </el-table>
      <!-- 成员学分登记结束 -->


      <div class="baseBtn">
        <div class="blockWidth">
          <el-button type="primary" @click="$router.back()">返回</el-button>
        </div>
      </div>

    </div>
  </template>
  
  <script>
      export default {
        data() {
          return {
            input:'',
            tableData:[{
              Name:'徐晓慧',
              class:'22电子通信G5',
              tel:'13751177411',
              score:'97',
            },
            {
              Name:'林凡文',
              class:'22电子通信G5',
              tel:'13751177411',
              score:'90',
            },
            {
              Name:'林凡文',
              class:'22电子通信G5',
              tel:'13751177411',
              score:'90',
            },
            ],
            pavalues:{
              value:'',
              value1:'',
              value2:'',
              value3:'',
              value4:'',
  
            }
          }
        },
        methods:{
          setCredit(){

          },
          // handleSelectionChange(val) {
          //   this.multipleSelection = val;
          // },

        }
      }
  </script>
  
  <style lang="less">
  // .credit1{

  // }
  </style>