@extends('app.rcstfwlt.module.layouts.main')

@section('content')
    <div>
        <van-nav-bar left-text="返回" @click-left="onClickLeft" title="服务评价" ></van-nav-bar>
        <van-panel  >
            <van-form>

                <van-field
                        v-model="form.number"
                        required
                        name="number"
                        label="预约单号"
                        placeholder="请输入预约单号"
                        :rules="[{ required: true, message: '请输入预约单号' }]"
                ></van-field>

                <van-field
                        v-model="form.message"
                        required
                        rows="4"
                        autosize
                        name="message"
                        label="评价内容"
                        type="textarea"
                        maxlength="500"
                        placeholder="请输入评价内容"
                        show-word-limit
                        :rules="[{ required: true, message: '请输入评价内容' }]"
                ></van-field>
                <div style="margin: 16px;">
                    <van-button round block type="info" @click="onSubmit" :disabled="disabled">
                        提交
                    </van-button>
                </div>
            </van-form>
        </van-panel>
    </div>
@endsection

@section('script')
    <script>
        new Vue({
            el: '#app',
            data: {
                form:{
                    number: '',
                    message:''
                },
                disabled:false,
            },
            methods: {
                onSubmit() {
                    this.disabled = true;
                    let that = this;
                    let values = this.form;
                    if (values.number == '') {
                        that.$toast({
                            type:'fail',
                            message:'请输入预约单号',
                        });
                        this.disabled = false;
                        return false;
                    }
                    if (values.message == '') {
                        that.$toast({
                            type:'fail',
                            message:'请输入评价内容',
                        });
                        this.disabled = false;
                        return false;
                    }
                    axios.post('/mobile/active/rcg/putEvaluate',values).then( res => {
                        if(res.data.status == 'ok'){
                            that.$toast({
                                type:'success',
                                message:res.data.msg,
                                duration:3000,
                                onClose:function(){
                                    window.location.reload();
                                }
                            })
                        }else{
                            that.$toast({
                                type:'fail',
                                message:res.data.msg,
                                duration:3000,
                                onClose:function(){
                                    window.location.reload();
                                }
                            })
                        }
                    });


                },
                onClickLeft(){
                    location.href = "{{route('rcstfwlt.home')}}";
                },
            }
        });
    </script>
@endsection