@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 @submit="onSubmit">
                <van-field
                        v-model="form.card"
                        required
                        name="card"
                        label="身份证（护照）"
                        placeholder="请输入您的证件号码"
                        :rules="[{ validator: isCard, message: '证件号码不正确' }]"
                        @input="isCard"
                ></van-field>
                <div v-if="isTalent == 2" style="padding: 10px;color: #ccc">
                    经查询，您还不是我们的在库人才，若信息有误，请在具体事项内填写反馈，我们将第一时间为您解决。若您有其他疑问，请在具体事项内简要描述您的问题！
                </div>
                <van-field
                        v-model="form.username"
                        required
                        name="username"
                        label="姓名"
                        placeholder="请输入您的姓名"
                        :rules="[{ required: true, message: '请输入您的姓名' }]"
                ></van-field>
                <van-field
                        v-model="form.phone"
                        required
                        name="phone"
                        label="手机号"
                        placeholder="请输入手机号"
                        :rules="[{ required: true, message: '请输入手机号' }]"
                ></van-field>
                <van-field
                        readonly
                        clickable
                        required
                        name="picker"
                        :value="form.picker"
                        label="服务事项"
                        placeholder="请选择您的服务事项"
                        @click="showPicker = true"
                        :rules="[{ required: true, message: '请选择具体的服务事项' }]"
                ></van-field>

                <van-popup v-model="showPicker" position="bottom">
                    <van-picker
                            show-toolbar
                            :columns="columns"
                            @confirm="onConfirm"
                            @cancel="showPicker = false"
                    ></van-picker>
                </van-popup>
                <van-field
                        v-model="message"
                        rows="4"
                        autosize
                        name="content"
                        label="具体事项"
                        type="textarea"
                        maxlength="500"
                        placeholder="请简要描述具体事项"
                        show-word-limit
                ></van-field>
                <van-field
                        v-model="form.value"
                        type="hidden"
                        name="value"
                ></van-field>
                <div v-if="isTalent == 1">
                    <div v-text="more" class="more"></div>
                    <div v-html="person" class="person"></div>
                </div>
                <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:{
                    username: '',
                    card: '',
                    phone: '',
                    picker: '',
                    value: ''
                },
                message: '',
                more: '',
                person: '',
                isTalent: 0,
                disabled:false,
                columns: [
                    {
                        text: '全民健身中心人才健身季（礼包领取）',
                        value: 44,
                        more: '部门：市体育局（全民健身中心），为人才提供市属体育场馆的优惠与便利措施',
                        person: '服务专员：陈德祥；联系方式：13505986964<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '人才认定、政策兑现',
                        value: 3,
                        more: '部门：市人力资源和社会保障局，人才认定及政策兑现、毕业生就业创业、进站博士后、职业培训、职称评聘、档案管理等',
                        person: '服务专员：张荣荣（人才服务科）；联系方式：0595-85633128<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '集成电路人才服务、政策兑现',
                        value: 24,
                        more: '部门：集成电路产业园筹备组',
                        person: '服务专员：孙纯瑶；联系方式：0595-82250007<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '医疗便利服务（市医院）',
                        value: 20,
                        more: '部门：市卫生健康局，为人才提供医疗便利服务',
                        person: '服务专员：陈川珍（市医院）；联系方式：0595-85812320<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '医疗便利服务（市中医院）',
                        value: 27,
                        more: '部门：市卫生健康局',//
                        person: '服务专员：庄秀珠（市中医院）；联系方式：0595-85674114<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '医疗便利服务（妇幼）',
                        value: 40,
                        more: '部门：市卫生健康局',
                        person: '服务专员：姜自元；联系方式：15060910357<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '医疗便利服务（市第二医院）',
                        value: 28,
                        more: '部门：市卫生健康局',//
                        person: '服务专员：苏彩虹（市第二医院）；联系方式：0595-85795260<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '子女入学、转学（幼儿园、小学）',
                        value: 12,
                        more: '部门：市教育局，人才子女入学、转学',
                        person: '服务专员：张红玲（幼儿园、小学）；联系方式：0595-85660280<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '子女入学、转学（初中、中职）',
                        value: 32,
                        more: '部门：市教育局，人才子女入学、转学',
                        person: '服务专员：吴扬加（初中、中职）；联系方式：0595-85686521<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '三创园人才公寓',
                        value: 17,
                        more: '部门：市住房和城乡建设局，提供人才住房保障',
                        person: '服务专员：连双龙（人才公寓）；联系方式：0595-22353036<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '住房保障',
                        value: 29,
                        more: '部门：市住房和城乡建设局',
                        person: '服务专员：郑丹妮（市住建局）；联系方式：0595-85622181<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '免费公交出行',
                        value: 18,
                        more: '部门：市交通运输局（市公交公司），免费乘坐公交等便利服务',
                        person: '服务专员：许译汉；联系方式：15905900577<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '免费游览五店市主题馆',
                        value: 42,
                        more: '部门：五店市',
                        person: '服务专员：蔡双双；联系方式：17750597113<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '景区预约免费讲解、晋江旅游攻略',
                        value: 19,
                        more: '部门：市文化和旅游局，为人才提供“文化惠民”工程优惠措施，编制人才晋江旅游攻略，提供景区预约免费讲解等',//人才港
                        person: '服务专员：叶松青（全市景点讲解、晋江旅游攻略）；联系方式：0595-85681543<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '人才免费看戏、免费欣赏音乐等文化惠民工程',
                        value: 43,
                        more: '部门：市文化和旅游局，为人才提供“文化惠民”工程优惠措施',//人才港
                        person: '服务专员：吴文衫（戏剧中心）；联系方式：0595-82665820<br />服务专员：郑威智（文化惠民）；联系方式：0595-85631708<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '加入体育类协会',
                        value: 26,
                        more: '部门：市体育局',//
                        person: '服务专员：张海林；联系方式：17379989114<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '全民健身中心',
                        value: 21,
                        more: '部门：市体育局（全民健身中心），为人才提供市属体育场馆的优惠与便利措施',
                        person: '服务专员：陈德祥；联系方式：13505986964<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '加入文化类协会',
                        value: 33,
                        more: '部门：市委宣传部（市委文明办、市文联），支持人才加入文化类协会',
                        person: '服务专员：连小妹（文化协会）；联系方式：0595-85683181/18759973633<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '行政服务事项审批',
                        value: 6,
                        more: '部门：市行政服务中心管委会，为人才及人才企业提供行政服务事项审批',
                        person: '服务专员：蔡华昌；联系方式：0595-85659737<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '众创空间（人才港）',
                        value: 9,
                        more: '部门：各园区、众创空间主管部门',
                        person: '服务专员：吴思莹（人才港）；联系方式：0595-88223456<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '众创空间（创客大街）',
                        value: 34,
                        more: '部门：各园区、众创空间主管部门',
                        person: '服务专员：赖永添（创客大街）；联系方式：15396576970<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '众创空间（文创园）',
                        value: 35,
                        more: '部门：各园区、众创空间主管部门',
                        person: '服务专员：王清池（文创园）；联系方式：0595-85603055<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '众创空间（台湾青创服务中心）',
                        value: 36,
                        more: '部门：各园区、众创空间主管部门',
                        person: '服务专员：庄海婷（台湾青创服务中心）；联系方式：13799858905<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '众创空间（社会组织孵化园）',
                        value: 37,
                        more: '部门：各园区、众创空间主管部门',
                        person: '服务专员：王小阳（社会组织孵化园）；联系方式：13559621092<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '工商登记等服务',
                        value: 7,
                        more: '部门：市市场监督管理局，工商登记',
                        person: '服务专员：柯辉跃；联系方式：0595-85659738<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '税务登记、社保登记等服务',
                        value: 8,
                        more: '部门：市税务局，税务、社保登记',
                        person: '服务专员：许荔晖；联系方式：0595-82668517<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '协调办理外国专家证件、协助申请科技项目、兑现科技政策',
                        value: 1,
                        more: '部门：市科学技术局，人才技术项目对接，团队评审，以及协调办理外国专家证件，协助人才或人才企业申请科技项目、兑现科技政策等',
                        person: '服务专员：林绿绮；联系方式：0595-85682584<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '才企对接、兑现产业政策、创新成果落地',
                        value: 2,
                        more: '部门：市工业和信息化局，才企对接，协助人才企业兑现产业政策，支持做好人才企业创新成果落地产业化的场地协调',
                        person: '服务专员：黄乙凤；联系方式：13960958777<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '不动产登记通道、人才企业的用地协调',
                        value: 4,
                        more: '部门：市自然资源局，人才企业的用地的协调',
                        person: '服务专员：陈祖雷；联系方式：0595-82250233/15375751022<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '人才及人才企业金融服务',
                        value: 5,
                        more: '部门：市金融工作局，人才及人才企业金融服务，协调银行提供适用的金融产品',
                        person: '服务专员：张纯；联系方式：15905901858<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '毕业生就业创业、档案管理',
                        value: 38,
                        more: '部门：市人力资源和社会保障局',
                        person: '服务专员：吴世权（就创科）；联系方式：0595-85661234<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '进站博士后',
                        value: 39,
                        more: '部门：市人力资源和社会保障局',
                        person: '服务专员：洪嘉靖；联系方式：0595-85605078<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '人才入党及组织关系转移',
                        value: 10,
                        more: '部门：市委组织部（市委人才办），加强人才政治吸纳和政治引领',
                        person: '服务专员：朱东阳（组织部）；联系方式：0595-85664827<br />服务专员：吴婉玲；联系方式：0595-88223456<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '了解闽南传统文化',
                        value: 11,
                        more: '部门：市委宣传部（市委文明办、市文联），闽南文化宣传，推动人才了解和融入闽南传统文化',
                        person: '服务专员：肖海阳（闽南传统文化）；联系方式：0595-85689386<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '户籍',
                        value: 13,
                        more: '部门：市公安局，提供户籍迁移、出入境和停居留便利、驾驶证业务的办理',//人才港
                        person: '服务专员：林巧萍（户政管理）；联系方式：0595-82030065<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '驾驶证',
                        value: 30,
                        more: '部门：市公安局',//人才港
                        person: '服务专员：吴彦（交警大队）；联系方式：0595-82666025<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '出入境、停居留',
                        value: 31,
                        more: '部门：市公安局，提供户籍迁移、出入境和停居留便利、驾驶证业务的办理',//人才港
                        person: '服务专员：连岚虹（出入境大队）；联系方式：0595-85682693（内地、港澳台人才）/0595-82030048（外籍人才）<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '养老、就读老年大学',
                        value: 14,
                        more: '部门：市民政局，双亲养老，协助就读老年大学',
                        person: '服务专员：黄传配（养老）；联系方式：0595-82859394<br />服务专员：周冬羚（就读老年大学）；联系方式：0595-88176533<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '法律咨询',
                        value: 15,
                        more: '部门：市司法局，提供法律咨询服务',
                        person: '服务专员：黄应县；联系方式：13459587022<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '配偶就业问题、人才社交',
                        value: 16,
                        more: '部门：市人力资源和社会保障局，协调解决引进人才及其配偶的就业问题、做好“人才驿站”、“人才之家”的日常运行，跟踪联络人才社群',
                        person: '服务专员：吴世权；联系方式：0595-85661234<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '参与城市志愿者服务',
                        value: 22,
                        more: '部门：团市委，参与城市志愿者服务',
                        person: '服务专员：刘启源；联系方式：15060600938<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '住房公积金服务',
                        value: 23,
                        more: '部门：泉州市住房公积金管理中心晋江市管理部',
                        person: '服务专员：张锦丽；联系方式：13305073366<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '图书借阅服务',
                        value: 25,
                        more: '部门：晋江市图书馆',//
                        person: '服务专员：廖鹭敏；联系方式：0595-82032180<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '人才疗休养服务',
                        value: 41,
                        more: '部门：福建省晋江人力资本有限公司，人才疗休养服务',
                        person: '服务专员：吴婉玲；联系方式：0595-88223456<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    },
                    {
                        text: '其他',
                        value: 45,
                        more: '部门：福建省晋江人力资本有限公司，其他人才服务',
                        person: '服务专员：郑明炜；联系方式：17758761173<br />您可以直接拨打服务专员电话进行联系，也可以直接填写本表单，服务专员会在第一时间联系您！'
                    }


                ],
                showPicker: false,
            },
            methods: {
                onSubmit() {
                    this.disabled = true;
                    let that = this;
                    let values = this.form;
                    if (values.card == '') {
                        that.$toast({
                            type:'fail',
                            message:'请输入您的证件号码',
                        });
                        this.disabled = false;
                        return false;
                    }
                    if (values.username == '') {
                        that.$toast({
                            type:'fail',
                            message:'请输入您的姓名',
                        });
                        this.disabled = false;
                        return false;
                    }
                    if (values.phone == '') {
                        that.$toast({
                            type:'fail',
                            message:'请输入手机号',
                        });
                        this.disabled = false;
                        return false;
                    }
                    if (values.picker == '') {
                        that.$toast({
                            type:'fail',
                            message:'请选择具体的服务事项',
                        });
                        this.disabled = false;
                        return false;
                    }
                    axios.post('/mobile/active/rcg/putAppointment',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')}}";
                },
                onConfirm(value) {

                    this.form.picker = value.text;
                    this.form.value = value.value;
                    this.more = value.more;
                    this.person = value.person;
                    this.showPicker = false;
                },
                isCard(card){
                    if(card != ''){
                        axios.post('/mobile/active/rcg/checkCard',{card:card}).then( res => {
                            if(res.data.status == 'ok'){
                                if(res.data.data.state == 1){
                                    this.isTalent = 1;
                                }else{
                                    this.isTalent = 2;
                                }
                            }else{
                                Toast.fail(res.data.msg);
                            }
                        });
                    }

                    return true;

                }
            }
        });
    </script>
@endsection