学生评分系统:思想、职业、身心、文化、劳动五大维度评估
<template>
<view>
<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 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" :listStyles="imageStyles" file-mediatype="all" file-extname="png,jpg,gif"><button type="default" size="mini" plain="true" @click="upload(item.attachmentList)">佐证资料:<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 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 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 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 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 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>
</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(al){
},
// 获取上传状态
select(e){
console.log('选择文件:',e.tempFiles)
},
怎么把 select(e)赋值给item.attachmentList内容:在`select`方法中,将获取到的文件信息`e.tempFiles`赋值给`item.attachmentList`即可。修改代码如下:
select(e) { item.attachmentList = e.tempFiles
原文地址: https://www.cveoy.top/t/topic/o3gL 著作权归作者所有。请勿转载和采集!