257 lines
5.9 KiB
Vue
257 lines
5.9 KiB
Vue
|
<template>
|
|||
|
<view>
|
|||
|
|
|||
|
<view class="list-contains">
|
|||
|
<!-- 列表 -->
|
|||
|
<view class="">
|
|||
|
<block v-for="(item, index) in list" :key="index">
|
|||
|
<view class="article-shadow tn-margin">
|
|||
|
<view class="tn-flex">
|
|||
|
<view class="tn-margin-sm tn-padding-top-xs" style="width: 100%;">
|
|||
|
<view class="tn-flex">
|
|||
|
<view class="tn-text-lg tn-text-bold clamp-text-1 tn-text-justify tn-flex-basic-lg">
|
|||
|
<text class="">{{ item.createtime_text }}</text>
|
|||
|
</view>
|
|||
|
<view class="tn-flex-basic-sm text-right">
|
|||
|
<view
|
|||
|
style="transform: translate(0rpx,6rpx);"
|
|||
|
class="justify-content-item tn-tag-content__item tn-margin-right-xs tn-round tn-text-sm tn-text-bold tn-bg-blue--light tn-color-blue"
|
|||
|
>
|
|||
|
<text class="tn-tag-content__item--prefix">#</text>
|
|||
|
{{ item.type_names }}
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<view class="tn-padding-top-xs" style="min-height: 90rpx; line-height: 50rpx;">
|
|||
|
<view class="text-content tn-color-gray clamp-text-2 tn-text-justify">试题ID:{{ item.question_id }}</view>
|
|||
|
<view class="text-content tn-color-gray clamp-text-2 tn-text-justify">试题题目:{{ item.question ? item.question.title : '试题可能被删除了' }}</view>
|
|||
|
<view class="text-content tn-color-gray clamp-text-2 tn-text-justify">所属题库:{{ item.question && item.question.cates ? item.question.cates.name : '题库可能被删除了' }}</view>
|
|||
|
<view class="text-content tn-color-gray clamp-text-2 tn-text-justify">反馈内容:{{ item.remark }}</view>
|
|||
|
|
|||
|
<view class="text-content text-red" v-if="item.message">处理说明:{{ item.message }}</view>
|
|||
|
</view>
|
|||
|
<view class="tn-flex tn-flex-row-between tn-flex-col-between margin-top">
|
|||
|
<view v-if="item.status == 0"
|
|||
|
style="transform: translate(0rpx,6rpx);"
|
|||
|
class="justify-content-item tn-tag-content__item tn-margin-right-xs tn-round tn-text-sm tn-text-bold tn-bg-orange--light tn-color-orange"
|
|||
|
>未处理</view>
|
|||
|
<view v-if="item.status == 1"
|
|||
|
style="transform: translate(0rpx,6rpx);"
|
|||
|
class="justify-content-item tn-tag-content__item tn-margin-right-xs tn-round tn-text-sm tn-text-bold tn-bg-cyan--light tn-color-cyan"
|
|||
|
>已处理</view>
|
|||
|
<view v-if="item.status == 2"
|
|||
|
style="transform: translate(0rpx,6rpx);"
|
|||
|
class="justify-content-item tn-tag-content__item tn-margin-right-xs tn-round tn-text-sm tn-text-bold tn-bg-red--light tn-color-red"
|
|||
|
>忽略</view>
|
|||
|
|
|||
|
<view class="justify-content-item tn-color-gray tn-text-center" style="padding-top: 15rpx;">
|
|||
|
<block>
|
|||
|
<view v-if="item.message">处理时间:{{ item.updatetime | format_date }}</view>
|
|||
|
</block>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</block>
|
|||
|
</view>
|
|||
|
|
|||
|
<!-- 加载状态条 -->
|
|||
|
<view class="cu-load bg-grey" :class="loadFlag" v-show="!has_more"></view>
|
|||
|
</view>
|
|||
|
|
|||
|
<tabbar></tabbar>
|
|||
|
</view>
|
|||
|
</template>
|
|||
|
|
|||
|
<script>
|
|||
|
|
|||
|
import TuiCard from '@/components/tui-card/tui-card.vue';
|
|||
|
import correctionApi from "@/common/api/correction.js"
|
|||
|
|
|||
|
export default {
|
|||
|
components: {
|
|||
|
'tui-card': TuiCard
|
|||
|
},
|
|||
|
data() {
|
|||
|
return {
|
|||
|
list: [],
|
|||
|
has_more: false,
|
|||
|
current_page: 1,
|
|||
|
loadFlag: 'loading',
|
|||
|
};
|
|||
|
},
|
|||
|
onLoad(e) {
|
|||
|
this.ajax();
|
|||
|
},
|
|||
|
onReachBottom() {
|
|||
|
console.log('onReachBottom');
|
|||
|
if (this.has_more) {
|
|||
|
this.current_page++;
|
|||
|
this.getData();
|
|||
|
}
|
|||
|
},
|
|||
|
methods: {
|
|||
|
ajax() {
|
|||
|
this.getData();
|
|||
|
},
|
|||
|
|
|||
|
// 获取试卷
|
|||
|
getData() {
|
|||
|
this.loadFlag = 'loading';
|
|||
|
|
|||
|
let params = {
|
|||
|
page: this.current_page
|
|||
|
};
|
|||
|
|
|||
|
correctionApi.getCorrectionList(this, {}).then(res => {
|
|||
|
if (res && res.code == 1) {
|
|||
|
this.list = this.list.concat(res.data.data);
|
|||
|
console.log('list', this.list);
|
|||
|
this.has_more = res.data.has_more;
|
|||
|
this.current_page = res.data.current_page;
|
|||
|
this.loadFlag = 'over';
|
|||
|
} else {
|
|||
|
this.uitls.toast('获取数据失败')
|
|||
|
}
|
|||
|
})
|
|||
|
},
|
|||
|
}
|
|||
|
};
|
|||
|
</script>
|
|||
|
|
|||
|
<style lang="scss">
|
|||
|
page {
|
|||
|
background-color: #fff;
|
|||
|
}
|
|||
|
|
|||
|
.list-contains {
|
|||
|
margin-top: 20px;
|
|||
|
padding-bottom: 100px;
|
|||
|
}
|
|||
|
|
|||
|
.list-card {
|
|||
|
margin: 20rpx 0;
|
|||
|
}
|
|||
|
|
|||
|
.tui-title {
|
|||
|
width: 100%;
|
|||
|
padding: 70rpx 30rpx 30rpx 30rpx;
|
|||
|
box-sizing: border-box;
|
|||
|
font-size: 30rpx;
|
|||
|
line-height: 30rpx;
|
|||
|
color: #666;
|
|||
|
}
|
|||
|
|
|||
|
.tui-default {
|
|||
|
padding: 20rpx 30rpx;
|
|||
|
}
|
|||
|
|
|||
|
.tui-article {
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
.tui-article-img {
|
|||
|
width: 100%;
|
|||
|
height: 300rpx;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
.tui-article-title {
|
|||
|
position: absolute;
|
|||
|
left: 0;
|
|||
|
bottom: 0;
|
|||
|
color: #fff;
|
|||
|
font-size: 32rpx;
|
|||
|
font-weight: 500;
|
|||
|
box-sizing: border-box;
|
|||
|
padding: 20rpx 30rpx;
|
|||
|
background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
|
|||
|
}
|
|||
|
|
|||
|
.tui-cell-title {
|
|||
|
font-size: 32rpx;
|
|||
|
font-weight: 500;
|
|||
|
padding: 0 10rpx;
|
|||
|
word-break: break-all;
|
|||
|
word-wrap: break-word;
|
|||
|
}
|
|||
|
|
|||
|
.tui-cell-img {
|
|||
|
height: 160rpx;
|
|||
|
width: 160rpx;
|
|||
|
}
|
|||
|
|
|||
|
.tui-flex {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
justify-content: space-between;
|
|||
|
}
|
|||
|
|
|||
|
.tui-mr {
|
|||
|
margin-right: 20rpx;
|
|||
|
}
|
|||
|
|
|||
|
.tui-flex-pic {
|
|||
|
display: flex;
|
|||
|
display: -webkit-flex;
|
|||
|
justify-content: space-between;
|
|||
|
flex-direction: row;
|
|||
|
flex-wrap: wrap;
|
|||
|
box-sizing: border-box;
|
|||
|
background: #fff;
|
|||
|
padding: 0 120rpx;
|
|||
|
}
|
|||
|
|
|||
|
.tui-flex-pic image {
|
|||
|
width: 32%;
|
|||
|
margin-bottom: 2%;
|
|||
|
}
|
|||
|
|
|||
|
.tui-content {
|
|||
|
padding: 0rpx 30rpx 20rpx 120rpx;
|
|||
|
box-sizing: border-box;
|
|||
|
font-size: 34rpx;
|
|||
|
font-weight: 400;
|
|||
|
color: #333;
|
|||
|
}
|
|||
|
|
|||
|
.tui-color-gray {
|
|||
|
color: #ccc;
|
|||
|
}
|
|||
|
|
|||
|
.tui-pleft {
|
|||
|
padding-left: 120rpx;
|
|||
|
}
|
|||
|
|
|||
|
.article-shadow {
|
|||
|
border-radius: 15rpx;
|
|||
|
box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
|
|||
|
}
|
|||
|
|
|||
|
/* 标签内容 start*/
|
|||
|
.tn-tag-content {
|
|||
|
&__item {
|
|||
|
display: inline-block;
|
|||
|
line-height: 35rpx;
|
|||
|
padding: 7rpx 25rpx 5rpx 25rpx;
|
|||
|
|
|||
|
&--prefix {
|
|||
|
padding-right: 10rpx;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
/* 标签内容 end*/
|
|||
|
|
|||
|
.text-del-line {
|
|||
|
text-decoration: line-through;
|
|||
|
}
|
|||
|
|
|||
|
.text-content {
|
|||
|
word-break: break-all;
|
|||
|
word-wrap: break-word;
|
|||
|
white-space: pre-wrap;
|
|||
|
}
|
|||
|
</style>
|