leromro-mini/pages_classify/pages/orderItem/userComment.vue

<template>
	<view>
		服务评价
		<up-image :show-loading="true" :src="src" width="80px" height="80px" @click="click"></up-image>
		<view>
			<view>
				<text>服务礼仪：</text>
				<template>
					<up-rate :count="count" v-model="value"></up-rate>
				</template>
			</view>
			<view>
				<text>着装整洁：</text>
				<template>
					<up-rate :count="count" v-model="value"></up-rate>
				</template>
			</view>
			<view>
				<text>专业能力：</text>
				<template>
					<up-rate :count="count" v-model="value"></up-rate>
				</template>
			</view>
			<view>
				<text>服务质量：</text>
				<template>
					<up-rate :count="count" v-model="value"></up-rate>
				</template>
			</view>
		</view>
		<up-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
			:maxCount="10"></up-upload>
			<up-textarea v-model="value1" placeholder="请输入内容" ></up-textarea>
	</view>
</template>
<!-- /** 评分 */
@Excel(name = "服务礼仪")
@ApiModelProperty("服务礼仪")
private Integer protocolScore;

/** 评分 */
@Excel(name = "服装整洁")
@ApiModelProperty("服装整洁")
private Integer clothingScore;

/** 评分 */
@Excel(name = "专业能力")
@ApiModelProperty("专业能力")
private Integer abilityScore;

/** 评分 */
@Excel(name = "服务质量")
@ApiModelProperty("服务质量")
private Integer qualityScore; -->
<script setup>
	import {
		onMounted,
		ref
	} from 'vue';
	import {
		usersUserFinishOrder
	} from "@/api/userList.js";
	const value1 = ref(''); //文本域
	const count = ref(4);
	const value = ref(0);
	const fileList1 = ref([]);
	const src = ref('https://cdn.uviewui.com/uview/album/1.jpg');
	
	
	const IfonForm = ref({
		protocolScore:'',//服务礼仪
		clothingScore:'',//服装整洁
		abilityScore:'',//专业能力
		qualityScore:'',//服务质量
	})
	
	const getList = async() =>{
		const res = await usersUserFinishOrder()
		console.log(res,'usersUserFinishOrder>>>>>')
	}

	// 删除图片
	const deletePic = (event) => {
		fileList1.value.splice(event.index, 1);
	};

	// 新增图片
	const afterRead = async (event) => {
		// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
		let lists = [].concat(event.file);
		let fileListLen = fileList1.value.length;
		lists.map((item) => {
			fileList1.value.push({
				...item,
				status: 'uploading',
				message: '上传中',
			});
		});
		for (let i = 0; i < lists.length; i++) {
			const result = await uploadFilePromise(lists[i].url);
			let item = fileList1.value[fileListLen];
			fileList1.value.splice(fileListLen, 1, {
				...item,
				status: 'success',
				message: '',
				url: result,
			});
			fileListLen++;
		}
	};
	
	onMounted(getList)
</script>

<style>
</style>