zhxy-desk/pages/studentRanked/components/mark-score-list.vue

<template>
	<el-drawer append-to-body title="点评记录" :visible.sync="show" size="400px" direction="ltr"
		style="backdrop-filter: blur(4px);">
		<u-cell-group v-for="(item,index) in list" :key="index">
			<u-cell @click="itemClick(item,index)" class="ui-hover" clickable :title="item.student.student_name">

				<view slot="icon" class="ui-mr10">
					<image :src="item.stuSchool.student_photo" style="width: 40px;height: 40px;border-radius: 20px;">
					</image>
				</view>
				<!-- <view slot="title" class="ui-flex-row ui-flex-align-center">
                    <u-tag plain size="mini" text="优秀发言"></u-tag>
                    <text>李杰</text>
                </view> -->

				<text slot="label" class="txt-muted">{{item.created_at}} </text>
				<el-tag v-if="item.studentTab.type_text == '好评'" slot="value"
					plain>{{item.studentTab.tab_name}}{{item.score}}</el-tag>
				<el-tag slot="value" v-else plain type="danger">{{item.studentTab.tab_name}}{{item.score}}</el-tag>
				<!-- <u-badge slot="value" value="+1" plain size="mini" type="success"></u-badge> -->
			</u-cell>

		</u-cell-group>
		<view @click="addTab" class="text-center ui-m ui-p" style="width: 100%;cursor: pointer;">
			加载更多
		</view>

		<uni-popup ref="alertDialog" type="dialog">
			<uni-popup-dialog type="center" cancelText="关闭" confirmText="确认" title="确认撤销？" content="您确认撤销该条点评记录？"
				@confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
		</uni-popup>
	</el-drawer>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: () => []
			}
		},
		data() {
			return {
				show: false,
				msgType: 'center',
				itemInfo: {},
				index:0
			}
		},
		mounted() {

		},
		methods: {
			open() {
				this.show = true
			},
			addTab() {
				this.$emit('add')
			},
			itemClick(item,index) {
				this.index = index
				this.itemInfo = item
				this.$refs.alertDialog.open('center')

			},
			dialogConfirm() {
				this.$api.sendRequest({
					url: `/mobile/studentTab/delstudentTabLog`,
					method: "post",
					data: {
						tab_log_id: this.itemInfo.tab_id
					},
					success: res => {
						uni.showToast({
							title: res.msg,
						})
						
						this.$emit('success',this.index)
					}
				})

			},
			dialogClose() {}
		},

	}
</script>

<style>
</style>