@extends('app.rcstfwlt.module.layouts.main')
@push('css')
    <style>
        .header{
            font-size: 4vw;
            line-height: 10vw;
            color: rgba(69, 90, 100, 0.6);
            background: #fafafa;
            padding: 0 20px;
        }

        .van-image {
            position: relative;
            display: inline-block;
            text-align: center;
        }
        .text {
            margin-top: 5px;
            color: #646566;
            font-size: 14px;
            text-align: center;
        }
    </style>
@endpush
@section('content')
    <div v-if="showNav">
        <van-nav-bar title="晋江人才生态服务链条"></van-nav-bar>
        <van-image
                width="100%"
                :src="banner"
        ></van-image>

        <div class="indexNav">
            <div style="padding: 16px;font-size: 13px;line-height: 1.5;background-color: #fff;color: #969799">
                <p style="text-indent: 8vw;padding: 2vw 0;font-size: 1rem">
                    经认定的<a href="javascript:;">泉州市高层次人才、晋江市优秀人才以及有意向或已在我市创新创业的各类人才</a>可根据自身实际需求查看以下服务事项，并通过扫下方“服务事项预约登记”二维码进行预约登记。
                </p>
                <p style="text-indent: 8vw;padding: 2vw 0;font-size: 1rem">
                    服务事项完成后请扫下方“服务评价”二维码或回复短信进行客观评价，以便我们提升服务。
                </p>
                <p style="text-indent: 8vw;padding: 2vw 0;font-size: 1rem">
                    对服务过程存在疑问或问题的，可联系泉州（晋江）国际人才交流服务中心服务热线<a href="tel:0595-88223456">88223456</a>或市人社局电话<a href="tel:0595-85633128">85633128</a>。
                </p>
                <p style="text-indent: 8vw;padding: 2vw 0;font-size: 1rem">
                    晋江市机关效能投诉电话：<a href="tel:0595-85659615">85659615</a>。
                </p>
                <van-divider></van-divider>
                <van-row>
                    <van-col span="24">
                        <van-grid :column-num="2" :border="false">
                            <van-grid-item url="https://www.jucai.gov.cn/rcstfwlt/post">
                                <div class="van-image" style="width: 100%">
                                    <van-image width="100" height="100" src="{{theme_asset('app/images/rcstfwlt/post.png')}}"></van-image>
                                </div>
                                <div class="text">服务事项预约登记<br />长按识别或点击跳转</div>
                            </van-grid-item>
                            <van-grid-item url="https://www.jucai.gov.cn/rcstfwlt/evaluate">
                                <div class="van-image" style="width: 100%">
                                    <van-image width="100" height="100" src="{{theme_asset('app/images/rcstfwlt/evaluate.png')}}"></van-image>
                                </div>
                                <div class="text">服务评价/问题反映<br />长按识别或点击跳转</div>
                            </van-grid-item>
                        </van-grid>

                    </van-col>
                </van-row>
                <van-row>
                    <van-col span="24">
                        <van-grid :column-num="1" :border="false">
                            <van-grid-item url="https://active.clewm.net/CaKmr8?qrurl=http://qr12.cn/CaKmr8&gtype=1&key=91a9216dadb06f1eb35408c47ac95ed557276f2936">
                                <div class="van-image" style="width: 100%">
                                    <van-image width="100" height="100" src="{{theme_asset('app/images/rcstfwlt/policy.png')}}"></van-image>
                                </div>
                                <div class="text">人才政策汇编<br />长按识别或点击跳转</div>
                            </van-grid-item>
                        </van-grid>

                    </van-col>
                </van-row>
            </div>

            <van-collapse v-model="activeNames">
                <van-collapse-item v-for="item in categorys" v-bind:name="item.id" >
                    <div class="section_title" slot="title" >
                        <span class="line"></span>
                        @{{item.name}}
                    </div>
                    <div class="subList">
                        <ul>
                            <li v-for="sub in item.child">
                                <a :href="'{{route('rcstfwlt.list')}}?id='+sub.id">
                                    <div class="icon" v-bind:class="sub.title">

                                    </div>
                                    @{{sub.categoryname}}
                                </a>

                            </li>
                        </ul>
                    </div>
                </van-collapse-item>
            </van-collapse>
        </div>

    </div>
@endsection

@section('script')
    <script>
        new Vue({
            el: '#app',
            data: {
                banner:"{{theme_asset('app/images/rcstfwlt/banner.jpg')}}",
                activeNames: [1,31,32,33],
                header:'header',
                categorys: [

                ],
                showNav:false
            },
            created() {
                axios.post('/mobile/active/rcg/chain').then( res => {
                    if(res.data.status == 'ok'){

                        let list = [],arr = res.data.data,that = this;
                        for (let i = 0,len = arr.length;i < len;i++){
                            that.categorys[i] = new Object()
                            that.categorys[i].name = arr[i].categoryname;
                            that.categorys[i].id = arr[i].id;
                            that.categorys[i].child = arr[i].children
                        }
                        this.showNav = true;
                        console.log(that.categorys);
                    }
                });
            },
        });
    </script>
@endsection