<template>
	<view>
		<!-- 顶部操作条 -->
		<cu-custom :bgColor="'bg-main-color'" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">服务规则</block>
		</cu-custom>
		<!-- 规则内容 -->
		<view class="padding bg-white">
			<view v-if="!hasCheckedRule">
				 <!-- v-if="hasCheckedRule" -->
				<text style="color: red;">进入接单大厅前，请先阅读并了解本服务规则标准，有利于以良好的服务定位进行服务工作，阅读学习后请打勾并确认。本规则后续可在主页右上角“服务规则”处查看。</text>
			</view>
			<view style="padding: 10upx 0;">
				<text style="font-weight: 500;">接单规则：【晚19点至早8点不计超时】</text>
			</view>
			<checkbox-group class="block" @change="checkRule">
				<view class="flex justify-start align-start margin-top-xs" v-for="(item, index) in masterRules" :key="index">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>{{item}}</text>
				</view>
				<view style="padding: 10upx 0;">
					<text style="font-weight: 500;">服务流程：</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>对话文明有礼（电话及上门会面时）、工服/鞋套/口罩齐备、设备工具/防护/地垫齐全；事前有试机、流程有沟通有确认、问题指出留证据、完工有复查、卫生全干净、客户现场给意见/验收/评价到位再出门（杜绝二次上门及投诉发生率）</text>
				</view>
				<view style="padding: 10upx 0;">
					<text style="font-weight: 500;">异常处理：</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>客户异常：不同时间段多次联系未成功，短信留言客户，并点“无法排单”上传拔打记录或短信截图，均定性为客户原因；约定的上门不成功的，与客户重新约定重新排单。</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>师傅异常：因故未能上门，提前与客户协商，同意后点“重新排单”改上门时间，未能谈妥的，报客服处；被投诉无故迟到或未上门或完全不同意师傅的上门时间，你全责。</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>异常通报：非师傅原因的服务有问题时，对客户表达到位，否则可能被定义为技能差从而投诉，非师傅的异常，指出后留证据先报至平台，避免师傅责任!</text>
				</view>
				<view style="padding: 10upx 0;">
					<text style="font-weight: 500;">六不红线：</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>①代表品牌上门时，不以其它身份沟通；</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>②不谈论产品价格及服务费用；</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>③不发表与服务无关的言论；</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>④不撬订单，否则一定会被品牌方追究；</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>⑤不得发生争吵，争吵无论对错，师傅全责；</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>⑥不得使用客户家里损耗类物品。</text>
				</view>
				
				<view style="padding: 10upx 0;">
					<text style="font-weight: 500;">沟通原则：</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>服务前及服务中，存在沟通分岐问题不能说“不知道”、“不关我事”、“你退单”等缺失服务水平言语，有分岐应该客气和平的处理，不要反复去证明客户错了，遇事只提出你的积极解决方案，以解决完事为准则。如超能力处理范围或客户要求确实过份可说“抱歉，这个问题我现在反映给公司为您处理”，公司或平台客服接手后，须离开的与客户打个招呼，否则未确认接手及未打招呼离开或丢下不管，客诉你全责。</text>
				</view>
				
				<view style="padding: 10upx 0;">
					<text style="font-weight: 500;">客诉界定：</text>
				</view>
				<view class="flex justify-start align-start margin-top-xs">
					<checkbox style="transform:scale(0.7)" class="main-color" :checked="hasCheckedRule" value='1'>
					</checkbox>
					<text>客诉无小事，重要不属师傅的责任，那都不是事。属师傅责任，那就都是事。有责的客诉，将被追责，最高按订单额10%-50%或1000元处罚或赔偿损失（以实际事实为准）。</text>
				</view>
				
			</checkbox-group>
			<view class="margin-top-xl">总结【约单迅速，上门准时，友好客气，分清责任，不踩红线，流程沟通，验收评价，完单复查，前后确认】</view>
			<!-- 操作按钮 -->
			<view class="margin-top-lg" style="text-align: center;" v-if="!hasCheckedRule">
				<text>我已认真阅读并知晓规则</text>
			</view>
			<view class="cu-bar tabbar border shop">
				<button class="cu-btn bg-main-color long-btn margin-lr-sm" type="" :disabled="hasCheckedRule"
					@click="acceptRules">{{hasCheckedRule ? '已同意' : '同意'}}</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				masterRules: [],
				hasCheckedRule: false,
				checkRuleArr: [],
				navigate: false
			}
		},
		onLoad(options) {
			let paramObj = JSON.parse(decodeURIComponent(options.paramObj));
			this.navigate = Boolean(paramObj.navigate) ? true : false;
			this.hasCheckedRule = Boolean(paramObj.hasCheckedRule) ? true : false;
			this.loadData();
		},
		methods: {
			async loadData() {
				this.masterRules = await this.$api.data('masterRules');
			},
			checkRule(e) {
				this.checkRuleArr = e.detail.value;
			},
			acceptRules() {
				if (this.hasCheckedRule) {
					return;
				}
				
				let checkedTimes = 0;
				for (let checked of this.checkRuleArr) {
					if (checked === '1') {
						checkedTimes++;
					}
				}
				if (checkedTimes === 17) {
					uni.showToast({
						icon: 'success',
						mask: true
					})
					uni.setStorageSync('hasCheckedRule', 1)
					if (this.navigate) {
						uni.navigateTo({
							url: '/pages/demand-center/accept-demand-center'
						})
					} else {
						uni.navigateBack()
					}
				} else {
					uni.showToast({
						title: '请逐条阅读并在框内打勾，完成规则学习',
						icon: 'none',
						mask: true
					})
				}
			}
		},
	}
</script>

<style>
</style>
