Skip to content

T
thinkApp
Commit 10df7b14 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent cb8c786f
Show whitespace changes
Inline Side-by-side
Showing with 229 additions and 217 deletions
src/pages/setComments/commentRulesList.vue
View file @ 10df7b14
...@@ -2,32 +2,28 @@ ...@@ -2,32 +2,28 @@
<view class="commentRulesList-box"> <view class="commentRulesList-box">
<navbar class="navbarSticky" bg="#FFFFFF"> <navbar class="navbarSticky" bg="#FFFFFF">
<view class="commentRulesList-header-box flex"> <view class="commentRulesList-header-box flex">
<van-icon class="commentRulesList-header-left" name="arrow-left" @click="back"/> <van-icon class="commentRulesList-header-left" name="arrow-left" @click="back" />
<text class="commentRulesList-header-title">评论规则</text> <text class="commentRulesList-header-title">评论规则</text>
</view> </view>
</navbar> </navbar>
<view class="commentRulesList-content"> <view class="commentRulesList-content">
<view class="commentRulesList-title flex"> <view class="commentRulesList-title flex">
<van-image class="img" width="35rpx" height="40rpx" fit="cover" <van-image class="img" width="35rpx" height="40rpx" fit="cover" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653980136000_413.png" />
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653980136000_413.png" /> <text>{{courseRule.Title}}</text>
<text>默认评论规则</text>
</view> </view>
<view class="commentRulesList-list"> <view class="commentRulesList-list" v-if="courseRule" v-for="(item,index) in courseRule.CommentDetails">
<view class="commentRulesList-cross" @click="deleteRules"> <view class="commentRulesList-cross" @click="deleteRules">
<van-icon name="cross" /> <van-icon name="cross" />
</view> </view>
<view class="commentRulesList-img flex"> <view class="commentRulesList-img flex">
<view>百分比： 0%-40%</view> <view>百分比： {{item.StartNum}}%-{{item.EndNum}}%</view>
<van-image @click="editRules" class="img" width="31rpx" height="30rpx" fit="cover" <van-image @click="editRules" class="img" width="31rpx" height="30rpx" fit="cover" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653980151000_180.png" />
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653980151000_180.png" />
</view> </view>
<view class="commentRulesList-comment"> <view class="commentRulesList-comment">
这位学员很优秀，平时课上的问题都 {{item.Info}}
能积极回答，正确率非常高
。这次考试得分也很高，希望再接再厉
</view> </view>
</view> </view>
<view class="noData"> <view class="noData" v-else>
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653902791000_806.png" mode="widthFix"></image> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653902791000_806.png" mode="widthFix"></image>
<view>暂无评论规则数据</view> <view>暂无评论规则数据</view>
</view> </view>
...@@ -69,53 +65,44 @@ ...@@ -69,53 +65,44 @@
proxy proxy
} = getCurrentInstance(); } = getCurrentInstance();
let data = reactive({ 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: { Msg: {
HomeWorkId: '', CourseId: '',
}, },
showPhone: false, courseRule: {}, //课程规则
showLogin: true, //多次点击
HomeWorkId:'',
jobDetails: {},
dataList:[],
pageState:'more'
}); });
let methods = { let methods = {
back(){ back() {
uni.navigateBack({ uni.navigateBack({
delta: 1 delta: 1
}) })
}, },
editRules(){//编辑规则 editRules() { //编辑规则
}, },
deleteRules (){//删除规则 deleteRules() { //删除规则
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '将删除该规则,是否继续', content: '将删除该规则,是否继续',
success: function (res) { success: function(res) {
if (res.confirm) { if (res.confirm) {
console.log('---') console.log('---')
} else if (res.cancel) { } else if (res.cancel) {
uni.showToast({ uni.showToast({
title:'已取消', title: '已取消',
icon:'none', icon: 'none',
duration: 500 duration: 500
}) })
} }
} }
}); });
},
//获取课程规则信息
getCourseRule() {
proxy.$request("/Teacher/GetCourseComment", data.Msg).then(res => {
if (res) {
data.courseRule = res.Data;
}
})
} }
} }
return { return {
...@@ -124,30 +111,34 @@ ...@@ -124,30 +111,34 @@
}; };
}, },
onLoad(option) { onLoad(option) {
this.Msg.HomeWorkId = option.HomeWorkId this.Msg.CourseId = option.CourseId;
this.getCourseRule();
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.noData{ .noData {
text-align: center; text-align: center;
flex:1; flex: 1;
width: 100%; width: 100%;
} }
.noData image{
width:200rpx; .noData image {
width: 200rpx;
margin-bottom: 40rpx; margin-bottom: 40rpx;
} }
.noData view{
.noData view {
font-size: 24rpx; font-size: 24rpx;
color: #cecece; color: #cecece;
text-align: center; text-align: center;
} }
.save{
.save {
margin-left: 24rpx; margin-left: 24rpx;
} }
.Wire{
.Wire {
width: 2rpx; width: 2rpx;
height: 32rpx; height: 32rpx;
background: #DCDCDC; background: #DCDCDC;
...@@ -155,15 +146,19 @@ ...@@ -155,15 +146,19 @@
flex-shrink: 0; flex-shrink: 0;
margin-top: 25rpx; margin-top: 25rpx;
} }
.save text{
.save text {
background: #D13A48; background: #D13A48;
color: #FFFFFF; color: #FFFFFF;
} }
.add text{
.add text {
background: #FFFFFF; background: #FFFFFF;
color: #D13A48; color: #D13A48;
} }
.add text,.save text{
.add text,
.save text {
line-height: 88rpx; line-height: 88rpx;
flex-grow: 2; flex-grow: 2;
border: 1rpx solid #D13A48; border: 1rpx solid #D13A48;
...@@ -173,15 +168,19 @@ ...@@ -173,15 +168,19 @@
font-size: 30rpx; font-size: 30rpx;
letter-spacing: 1rpx; letter-spacing: 1rpx;
} }
.add,.save{
.add,
.save {
flex: 0 0 50%; flex: 0 0 50%;
flex-shrink: 0; flex-shrink: 0;
} }
.commentRulesList-footer{
.commentRulesList-footer {
padding: 29rpx 70rpx; padding: 29rpx 70rpx;
align-items: center; align-items: center;
} }
.commentRulesList-footer-box{
.commentRulesList-footer-box {
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
...@@ -189,22 +188,26 @@ ...@@ -189,22 +188,26 @@
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 21rpx 0rpx rgba(165, 165, 165, 0.34); box-shadow: 0rpx 0rpx 21rpx 0rpx rgba(165, 165, 165, 0.34);
} }
.commentRulesList-comment{
.commentRulesList-comment {
font-size: 30rpx; font-size: 30rpx;
font-weight: 400; font-weight: 400;
color: #282828; color: #282828;
line-height: 58rpx; line-height: 58rpx;
letter-spacing: 1rpx; letter-spacing: 1rpx;
} }
.commentRulesList-img .img{
.commentRulesList-img .img {
margin-top: 5rpx; margin-top: 5rpx;
flex-shrink: 0; flex-shrink: 0;
} }
.commentRulesList-img view{
.commentRulesList-img view {
flex-grow: 1; flex-grow: 1;
margin-right: 15rpx; margin-right: 15rpx;
} }
.commentRulesList-img{
.commentRulesList-img {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
font-size: 30rpx; font-size: 30rpx;
...@@ -212,7 +215,8 @@ ...@@ -212,7 +215,8 @@
color: #D9868D; color: #D9868D;
margin-bottom: 34rpx; margin-bottom: 34rpx;
} }
.commentRulesList-cross{
.commentRulesList-cross {
position: absolute; position: absolute;
right: -12rpx; right: -12rpx;
top: -12rpx; top: -12rpx;
...@@ -226,7 +230,8 @@ ...@@ -226,7 +230,8 @@
text-align: center; text-align: center;
line-height: 44rpx; line-height: 44rpx;
} }
.commentRulesList-list{
.commentRulesList-list {
background: #FCEEEF; background: #FCEEEF;
border-radius: 30px; border-radius: 30px;
position: relative; position: relative;
...@@ -234,37 +239,44 @@ ...@@ -234,37 +239,44 @@
margin-bottom: 40rpx; margin-bottom: 40rpx;
min-height: 290rpx; min-height: 290rpx;
} }
.commentRulesList-title .img{
.commentRulesList-title .img {
flex-shrink: 0; flex-shrink: 0;
display: inline-block; display: inline-block;
margin-top: 5rpx; margin-top: 5rpx;
} }
.commentRulesList-title text{
.commentRulesList-title text {
font-size: 40rpx; font-size: 40rpx;
font-weight: bold; font-weight: bold;
color: #282828; color: #282828;
margin-left: 29rpx; margin-left: 29rpx;
letter-spacing: 1rpx; letter-spacing: 1rpx;
} }
.commentRulesList-title{
.commentRulesList-title {
align-items: center; align-items: center;
margin-bottom: 35rpx; margin-bottom: 35rpx;
} }
.commentRulesList-content{
.commentRulesList-content {
padding: 0 50rpx; padding: 0 50rpx;
margin-bottom: 240rpx; margin-bottom: 240rpx;
} }
.commentRulesList-box{
.commentRulesList-box {
background: #FFFFFF; background: #FFFFFF;
} }
.commentRulesList-header-title{
.commentRulesList-header-title {
font-size: 32rpx; font-size: 32rpx;
font-weight: 500; font-weight: 500;
color: #282828; color: #282828;
flex:1; flex: 1;
text-align: center; text-align: center;
padding-right: 40rpx; padding-right: 40rpx;
} }
.navbarSticky { .navbarSticky {
display: sticky; display: sticky;
top: 0; top: 0;
......
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