Skip to content

T
thinkApp
Commit 13a8b22b authored by liudong1993's avatar liudong1993
Browse files
Options

1

parents 84ee1b03 38c048d7
Hide whitespace changes
Inline Side-by-side
Showing with 342 additions and 3 deletions
src/components/setComments/setComments.vue 0 → 100644
View file @ 13a8b22b
<template>
<view class="setComments-box">
<view class="setComments-add"><van-icon name="plus" /><text>创建评价</text> </view>
<view class="index-student-information">
<view class="setComments-content-box">
<view class="setComments-content">
<view class="center-line"></view>
<view class="setComments-title flex">
<text class="setComments-title-left">第一次评价</text>
<view class="setComments-title-right">
<view class="setComments-options flex">
<view class="setComments-options-title flex" @click="clickOptionsShow">
<view class="point"></view>
<text>{{optionsObj.text?optionsObj.text:'选择'}}</text>
<van-icon :name="optionsShow?'arrow-down':'arrow'" />
</view>
<view v-if="optionsShow" class="setComments-options-text flex">
<text
v-for="(item,index) in optionsList"
:key="index"
@click="clickoptions(item)">
{{item.text}}
</text>
</view>
</view>
</view>
</view>
<view class="setComments-source flex">
<text>来源： 5555</text>
<view>时间：2022-05-30</view>
</view>
<view class="setComments-Evaluation">
<view>
<text>学员评价</text>
<text>评价规则</text>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
import navbar from '../../components/navbar.vue'
export default {
props: {
},
components: {
navbar,
},
setup() {
let {
proxy
} = getCurrentInstance();
let data = reactive({
optionsObj:{
text:'',
value:''
},
optionsShow:false,
optionsList:[
{ text: '部分可见', value: 0 },
{ text: '可见', value: 1 },
{ text: '不可见', value: 2 },
],
radioList:[
{name:'使用默认配置',id:1,checked:true},
{name:'自定义评价',id:2}
],
checked:'1',
obj:{},
Msg: {
HomeWorkId: '',
},
showPhone: false,
showLogin: true, //多次点击
HomeWorkId:'',
jobDetails: {},
dataList:[],
pageState:'more'
});
let methods = {
back(){
uni.navigateBack({
delta: 1
})
},
clickOptionsShow(){
data.optionsShow=!data.optionsShow
},
clickoptions(item){
data.optionsObj = item
data.optionsShow = false
}
}
return {
...toRefs(data),
...methods
};
},
onLoad(option) {
this.Msg.HomeWorkId = option.HomeWorkId
},
};
</script>
<style scoped>
.setComments-Evaluation view{
float: right;
}
.setComments-Evaluation{
}
.setComments-source{
font-size: 20rpx;
color: #C2BCBA;
font-weight: 500;
justify-content: space-between;
padding: 26rpx 0 25rpx 0;
}
.point{
width: 8rpx;
height: 8rpx;
background: #E64150;
border-radius: 50%;
}
.setComments-options-title,.setComments-options-text{
font-size: 24rpx;
font-weight: 500;
color: #CE8086;
text-align: center;
font-weight: bold;
}
.setComments-options-text text{
padding: 5rpx 0;
}
.setComments-options-text{
flex-direction: column;
margin-top: 10rpx;
position: absolute;
left: 0;
right: 0;
top: 35rpx;
background: #FCEEEF;
padding: 20rpx 0 20rpx 0;
border-radius: 0 0 25rpx 25rpx;
}
.setComments-options-title text{
margin-right: 10rpx;
margin-left: 10rpx;
}
.setComments-options-title{
justify-content: center;
align-items: center;
}
.setComments-options{
flex-grow: 1;
border-radius: 25rpx;
background: #FCEEEF;
flex-direction: column;
padding: 14rpx 17rpx 15rpx 17rpx;
letter-spacing: 1rpx;
position: relative;
}
.setComments-title-right{
width: 170rpx;
flex-shrink: 0;
}
.setComments-title-left{
letter-spacing: 1rpx;
flex-grow: 1;
color: #282828;
font-size: 26rpx;
font-weight: bold;
margin-right: 20rpx;
}
.center-line{
position: absolute;
left: 0;
top: 30rpx;
width: 4rpx;
height: 23rpx;
background: #282828;
}
.setComments-content{
position: relative;
background: #FFFFFF;
padding: 21rpx 27rpx 0 22rpx;
box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09);
border-radius: 30px;
}
.setComments-content-box{
padding: 0 50rpx;
}
.setComments-add van-icon{
font-size: 25rpx;
margin-right: 20rpx;
}
.setComments-add{
width: 190rpx;
margin: auto;
border-radius: 27rpx;
border: 1rpx solid #FB6087;
color: #FB6087;
font-size: 24rpx;
letter-spacing: 1rpx;
padding: 10rpx 0;
text-align: center;
}
.index-student-information{
min-height: 800rpx;
background: #FFFFFF;
border-radius: 50rpx 50rpx 0 0;
padding: 71rpx 0 30rpx 0;
flex-direction: column;
}
</style>
src/pages.json
View file @ 13a8b22b
......@@ -46,6 +46,11 @@
"style": {
"navigationStyle": "custom"
}
},{
"path": "pages/setComments/setComments",
"style": {
"navigationStyle": "custom"
}
}
],
......
src/pages/index/workSituation.vue
View file @ 13a8b22b
......@@ -18,7 +18,9 @@
<view style="padding:0 50rpx;font-weight: 800;color: #282828;">
<view style="font-size: 36rpx;">Hi，</view>
<view style="font-size: 50rpx;">{{userData.AccountName}}老师</view>
</view>
<view @click="goSet">设置评语</view>
</view>
<courseCard @change="changeCourseHandler"></courseCard>
<view class="index-student-information">
......@@ -29,7 +31,6 @@
@click="toggleTitle(t.name)">
<text class="name">{{t.name}}</text>
<view class="num">({{t.num}})</view>
</view>
</view>
<van-empty description="暂无数据" v-if="currentCourseId === 0" />
......@@ -43,8 +44,6 @@
<operation v-if="tabNme=='作业情况'" :dataList="homeWorks"></operation>
<studentList @selected="selectStuHandler" v-if="tabNme=='学生列表'" :dataList="students"></studentList>
<examList v-if="tabNme=='考试信息'" :dataList="exams" :CourseId="currentCourseId"></examList>
<!-- <Loadmore :state="pageState" /> -->
</scroll-view>
<Loadmore :state="pageState" />
</view>
......@@ -120,6 +119,11 @@
});
data.userData=uni.getStorageSync("userInfo")
let methods = {
goSet(){
uni.navigateTo({
url:'/pages/setComments/setComments'
})
},
back(){
uni.navigateBack({
delta: 1
......
src/pages/setComments/setComments.vue 0 → 100644
View file @ 13a8b22b
<template>
<view class="setComments-index-box">
<navbar class="navbarSticky" bg="#F6F6F6">
<view class="setComments-index-header-box flex">
<van-icon class="setComments-index-header-left" name="arrow-left" @click="back"/>
<text class="setComments-index-header-title">设置评语</text>
</view>
</navbar>
<view class="setComments-index-content">
<view>
<view>
</view>
<view>
<view>
<text>自定义评价</text>
<view>从自动评价规则进入修改</view>
</view>
<view>
<text>自动评价规则</text>
</view>
</view>
</view>
<setComments></setComments>
</view>
</view>
</template>
<script>
import setComments from '@/components/setComments/setComments'
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
import navbar from '../../components/navbar.vue'
export default {
props: {
},
components: {
navbar,
setComments
},
setup() {
let {
proxy
} = getCurrentInstance();
let data = reactive({
value:1,
optionsList:[
{ text: '部分可见', value: 0 },
{ text: '可见不可见', value: 1 },
{ text: '活动商品', value: 2 },
],
radioList:[
{name:'使用默认配置',id:1,checked:true},
{name:'自定义评价',id:2}
],
checked:'1',
obj:{},
Msg: {
HomeWorkId: '',
},
showPhone: false,
showLogin: true, //多次点击
HomeWorkId:'',
jobDetails: {},
dataList:[],
pageState:'more'
});
let methods = {
back(){
uni.navigateBack({
delta: 1
})
},
radioChange (e){
console.log("打印国家名称",e.target.value)
}
}
return {
...toRefs(data),
...methods
};
},
onLoad(option) {
this.Msg.HomeWorkId = option.HomeWorkId
},
};
</script>
<style scoped>
.setComments-index-box{
background: #F6F6F6;
}
.navbarSticky {
display: sticky;
top: 0;
z-index: 9;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment