学生评分系统 - 思想、职业、身心、文化、劳动五个维度评估

<template>
  <view>
    <view class='container'>
      <uni-segmented-control :current='current' :values='items' @clickItem='onClickItem' styleType='text'
        activeColor='#007aff'></uni-segmented-control>
      <view class='content'>
        <view v-show='current === 0'>
          <uni-group v-for='(item, index) in currentableData' mode='card' :title='item.pointName'>
            <view class='row'><view class='itemleft'>评分标准:</view><view class='itemright'>{{item.pointMemo}}</view></view>
            <view class='row'><view class='itemleft'><uni-file-picker limit='3' @select='select'  @success='success' @fail='fail' v-model='fileLists[index]' :listStyles='imageStyles' file-mediatype='all' file-extname='png,jpg,gif'><button type='default' size='mini' plain='true' @click='upload(item)'>佐证资料:<br>(点击上传)</button></uni-file-picker></view><view class='itemright'>{{item.attachmentList.fileName}}</view></view>
            <view class='row'><view class='itemleft'>得分:</view><view class='itemright'><uni-number-box v-model='item.selfScore' :min='0' :max='100'></uni-number-box></view></view>
            <view class='row'><view class='itemleft'>得分依据:</view><view class='itemright'><uni-easyinput type='textarea' autoHeight v-model='item.detail' placeholder='请输入内容'></uni-easyinput></view></view>
          </uni-group>
        </view>
        <view v-show='current === 1'>
          <uni-group v-for='(item, index) in currentableData' mode='card' :title='item.pointName'>
            <view class='row'><view class='itemleft'>评分标准:</view><view class='itemright'>{{item.pointMemo}}</view></view>
            <view class='row'><view class='itemleft'><button type='default' size='mini' plain='true'>佐证资料:<br>(点击上传)</button></view><view class='itemright'>{{item.attachmentList.fileName}}</view></view>
            <view class='row'><view class='itemleft'>得分:</view><view class='itemright'><uni-number-box v-model='item.selfScore' :min='0' :max='100'></uni-number-box></view></view>
            <view class='row'><view class='itemleft'>得分依据:</view><view class='itemright'><uni-easyinput type='textarea' autoHeight v-model='item.detail' placeholder='请输入内容'></uni-easyinput></view></view>
          </uni-group>
        </view>
        <view v-show='current === 2'>
          <uni-group v-for='(item, index) in currentableData' mode='card' :title='item.pointName'>
            <view class='row'><view class='itemleft'>评分标准:</view><view class='itemright'>{{item.pointMemo}}</view></view>
            <view class='row'><view class='itemleft'><button type='default' size='mini' plain='true'>佐证资料:<br>(点击上传)</button></view><view class='itemright'>{{item.attachmentList.fileName}}</view></view>
            <view class='row'><view class='itemleft'>得分:</view><view class='itemright'><uni-number-box v-model='item.selfScore' :min='0' :max='100'></uni-number-box></view></view>
            <view class='row'><view class='itemleft'>得分依据:</view><view class='itemright'><uni-easyinput type='textarea' autoHeight v-model='item.detail' placeholder='请输入内容'></uni-easyinput></view></view>
          </uni-group>
        </view>
        <view v-show='current === 3'>
          <uni-group v-for='(item, index) in currentableData' mode='card' :title='item.pointName'>
            <view class='row'><view class='itemleft'>评分标准:</view><view class='itemright'>{{item.pointMemo}}</view></view>
            <view class='row'><view class='itemleft'><button type='default' size='mini' plain='true'>佐证资料:<br>(点击上传)</button></view><view class='itemright'>{{item.attachmentList.fileName}}</view></view>
            <view class='row'><view class='itemleft'>得分:</view><view class='itemright'><uni-number-box v-model='item.selfScore' :min='0' :max='100'></uni-number-box></view></view>
            <view class='row'><view class='itemleft'>得分依据:</view><view class='itemright'><uni-easyinput type='textarea' autoHeight v-model='item.detail' placeholder='请输入内容'></uni-easyinput></view></view>
          </uni-group>
        </view>
        <view v-show='current === 4'>
          <uni-group v-for='(item, index) in currentableData' mode='card' :title='item.pointName'>
            <view class='row'><view class='itemleft'>评分标准:</view><view class='itemright'>{{item.pointMemo}}</view></view>
            <view class='row'><view class='itemleft'><button type='default' size='mini' plain='true'>佐证资料:<br>(点击上传)</button></view><view class='itemright'>{{item.attachmentList.fileName}}</view></view>
            <view class='row'><view class='itemleft'>得分:</view><view class='itemright'><uni-number-box v-model='item.selfScore' :min='0' :max='100'></uni-number-box></view></view>
            <view class='row'><view class='itemleft'>得分依据:</view><view class='itemright'><uni-easyinput type='textarea' autoHeight v-model='item.detail' placeholder='请输入内容'></uni-easyinput></view></view>
          </uni-group>
        </view>
        <view v-show='current === 5'>
          <uni-group v-for='(item, index) in currentableData' mode='card' :title='item.pointName'>
            <view class='row'><view class='itemleft'>评分标准:</view><view class='itemright'>{{item.pointMemo}}</view></view>
            <view class='row'><view class='itemleft'><button type='default' size='mini' plain='true' @click='upload'>佐证资料:<br>(点击上传)</button></view><view class='itemright'>{{item.attachmentList.fileName}}</view></view>
            <view class='row'><view class='itemleft'>得分:</view><view class='itemright'><uni-number-box v-model='item.selfScore' :min='0' :max='100'></uni-number-box></view></view>
            <view class='row'><view class='itemleft'>得分依据:</view><view class='itemright'><uni-easyinput type='textarea' autoHeight v-model='item.detail' placeholder='请输入内容'></uni-easyinput></view></view>
          </uni-group>
        </view>
        <view class='btns'>
          <button type='primary' size='mini' @click='Savedate' :loading='isSaving'>{{savetext}}</button>
          <button type='primary' size='mini' @click='Submitdate'>提交</button>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
  import {getGradeYears,getDeatil,saveDate,upDate} from '@/utils/student.js'
  export default {
    data() {
      return {
        gradeyear: 0,
        options: [],
        studentXh: '',
        items: ['思想', '职业', '身心', '文化', '劳动'],
        current: 0,
        score: '',
        tableData: [],
        currentableData:[],
        vModelValue: 3,
        value: '',
        savetext:'保存',
        isSaving:false,
        imageValue:[],
        imageStyles: {
          width: 64,
          height: 64,
          border: {
            radius: '50%'
          }
        },
        fileLists: []
      }
    },
    mounted() {
      uni.getStorage({
        key: 'studentxh',
        success: function(res) {
          this.studentXh = res.data
        }
      })
      this.getYears()
      this.onClickItem({currentIndex: 0})
    },
    methods: {
      upload(item) {
        // 将e.tempFiles赋值给item.attachmentList
        item.attachmentList = e.tempFiles;
      },
      // 获取上传状态
      select(e){
        console.log('选择文件：',e.tempFiles)
      },
    }
  }
</scrip