您现在的位置是:首页 >技术交流 >车辆救援道路救援预约汽修托运小程序网站首页技术交流

车辆救援道路救援预约汽修托运小程序

qq_35738963 2024-07-25 12:01:02
简介车辆救援道路救援预约汽修托运小程序

道路救援:指汽车道路紧急救援,为故障车主提供包括诸如:拖吊、换水、充电、换胎、送油以及现场小修等服务(Road-Side Service);

同时也指交通事故道路救援,包括伤员救治、道路疏导等。

随着我国巨大的汽车拥有量,道路救援也是一个非常有前景的行业

就近维修站维修人员定位

高速救援

车辆脱困预约

师傅入住

在线接单

前端原生,后端tp

 

 

 

 

<import src="../template/template.wxml" />

<view class="index_cont_hui">

  <view class='headew center_l' style="padding-top:{{statusBarHeight}}px;background: {{topscroll ? 'linear-gradient(0deg, #1E75FF 0%, #51B2Ff 100%)':''}};">

    <view class="title_name" style="height:{{height}}px;line-height: {{height}}px;top:{{top}}px;">{{system_name}}</view>

    <view class="coloe_title">s</view>

  </view>


 

  <view style="background-color: #fff;padding-top:{{statusBarHeight1}}px;padding-bottom:80px;">

    <view class="information_box">

      <view class='information'>

        <image mode="widthFix" src='/sllowly_recovery/images/img5.png' class='information_img'></image>

        <view class='index-center-a'>

          <swiper scroll-y="true" class="swiper_zixun" vertical="true" autoplay="true" circular="true" interval="3000">

            <block wx:for="{{notice}}" wx:key="index">

              <swiper-item class="swiper_zixun_s" bindtap="notice" data-id="{{item.bullet_id}}">

                <text data-id="{{item.notice_id}}" class='information_text'>{{item.content}}</text>

              </swiper-item>

            </block>

          </swiper>

        </view>

      </view>

    </view>

    <custom-map></custom-map>

    <view class="index-content-box">

    <view class="index-content-box-login" wx:if="{{!is_login}}">

      <text>尊敬的客户,您还未登陆,请您</text>

      <button  class="index-content-box-button" bindtap='getUserProfile' open-type="getUserInfo">授权登录</button>

     <text> ,在技师交单后系统根据距离自动报价。</text>

    </view>

      <view class="index-content-box-top" catchtap="onChangeCity">

      <text>{{city}}附近</text>

        <image style="width:30rpx;height:30rpx" src="/sllowly_recovery/images/jiantou.png" mode=""/>

      </view>

      <view class="index-content-box-menu">

        <view class="index-content-box-menu-title"> 请选择救援原因 </view>

        <view class="index-content-box-menu-list">

          <block wx:for="{{classify}}" wx:key="index">

            <view class="index-content-box-menu-item {{currentHelpIndex === index && 'active'}}" bindtap="onChangeHelpType" data-item="{{item}}" data-index="{{index}}">{{item.name}}</view>

          </block>

        </view>

      </view>

      <view class="index-content-box-btn"  data-id="{{classify[currentHelpIndex].category_id}}" bindtap="place_an_order"> 一键救援 </view>

    </view>

    <view class="index-adv-menus">

      <view class="index-adv-menus-item" bindtap="nav_list">

        <image class="index-adv-menus-item-icon" src="/sllowly_recovery/images/icon/wx.png" mode=""/>

        <text class="index-adv-menus-item-text">维修师</text>

      </view>

      <view class="index-adv-menus-item" bindtap="nav_mine">

        <image class="index-adv-menus-item-icon" src="/sllowly_recovery/images/icon/gsqy.png" mode=""/>

        <text class="index-adv-menus-item-text">维修站</text>

      </view>

      <view class="index-adv-menus-item" bindtap="collector_recruit">

        <image class="index-adv-menus-item-icon" src="/sllowly_recovery/images/icon/fx.png" mode=""/>

        <text class="index-adv-menus-item-text">推广</text>

      </view>

      <view class="index-adv-menus-item" bindtap="onClickCallServer">

        <image class="index-adv-menus-item-icon" src="/sllowly_recovery/images/icon/kf.png" mode=""/>

        <text class="index-adv-menus-item-text">联系客服</text>

      </view>

    </view>



 

    <view class="content_box">

      <!-- <view class="location_box">

        <view class="city_box">当前城市</view>

        <view class="city_name_box">

          <view class="city_name">{{city}}</view>

          <image class="icon_s" src="/sllowly_recovery/images/img8.png"></image>

        </view>

      </view> -->

      <view class="swiper_box_l">

        <view class="swiper_box">

          <!-- <swiper circular class="banner_img swiper" autoplay="true">

            <block wx:for="{{banner}}" wx:key="index">

              <swiper-item class="banner_imgs" data-id="{{item.information_id}}">

                <image bindtap="click_coupon" data-id="{{item.id}}" class="banner_icon" src="{{url}}{{item.path}}"></image>

              </swiper-item>

            </block>

          </swiper> -->

        </view>

      </view>


 

      <!-- <view class="flow_box">

        <view class="flow_item">

          <view class="flow_item_l">

            <image class="icon_img" src="/sllowly_recovery/images/img4.png"></image>

            <view class="flow_item_text">高效救援</view>

          </view>

          <image class="arrows" src="/sllowly_recovery/images/img18.png"></image>

          <view class="flow_item_l">

            <image class="icon_img" src="/sllowly_recovery/images/img7.png"></image>

            <view class="flow_item_text">迅速到达</view>

          </view>

          <image class="arrows" src="/sllowly_recovery/images/img18.png"></image>

          <view class="flow_item_l">

            <image class="icon_img" src="/sllowly_recovery/images/img2.png"></image>

            <view class="flow_item_text">优质服务</view>

          </view>

          <view class="flow_item_l">

            <image class="icon_img" src="/sllowly_recovery/images/img.png"></image>

            <view class="flow_item_text">价格实惠</view>

          </view>

          <image class="arrows" src="/sllowly_recovery/images/img18.png"></image>

        </view>

        <view class="circleBox submit_btn" data-id="" bindtap="place_an_order">

          <text style="z-index:1">一键救援</text>

          <view class="circle xian"></view>

          <view class="circle1 xian"></view>

          <view class="circle2 xian"></view>

          <view class="circle3 xian"></view>

        </view>

      </view> -->

    </view>

    <view class="project_box">

      <block wx:for="{{classify}}" wx:key="index">

        <view class="project_item" data-id="{{item.category_id}}" bindtap="place_an_order">

          <view class="project_item_l">

            <image class="background_boxz" src="{{item.category_baimg}}"></image>

            <view class="project_item_text">

              <image mode="widthFix" class="project_img" src="{{item.category_icon}}"></image>

              <view class="project_item_title">{{item.name}}</view>

            </view>

          </view>

        </view>

      </block>

    </view>

    <view class="xz_titiles" wx:if="{{article==1}}">

      <view class="xz_wrap">

        <view class="xz_titiles_txt">

          <view class="xz_p">热门文章</view>

          <view class="xz_gd" bindtap="gengduo">更多</view>

        </view>

        <view class="xz_list">

          <view class="xz_cont" wx:for="{{wenzhangs}}" wx:key="index" bindtap="tioazhuan" data-id="{{item.id}}">

            <view class="xz_conts">

              <view class="xz_img">

                <image src="{{imgs}}{{item.thumb}}" wx:if="{{item.thumb}}" mode="aspectFill"></image>

                <image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180118%2Fa0163c6be9d247918669229bed6c7280.png&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1621780300&t=c53a62074b8db1f3e879b621229fad02" wx:if="{{!item.thumb}}" mode="aspectFill"></image>

              </view>

              <view class="xz_wen">

                <view class="xz_t">{{item.name}}</view>

                <view class="xz_c">{{item.abstract}}</view>

                <view class="xz_b">

                  <view class="xz_time">{{item.created_time}}</view>

                  <view class="xz_time">{{item.view}}人看过</view>

                </view>

              </view>

            </view>

          </view>

        </view>

      </view>

    </view>



 

    <view class="header_tetx" bindtap="agreement">

      <image class="img53_img" src="/sllowly_recovery/images/img53.png"></image>

      <view class="text_op">下单即代表你同意</view>

      <view class="text_op" style="color:#02D483">《{{system_name}}上门救援免责条款》</view>

    </view>

  </view>


 

  <!-- <view class="huishou" wx:if="{{index_btn==1}}" >

    <view class="huiss" data-id="" bindtap="place_an_order">

        <view class="huishou_cont">

        <view class="circleBox clicksbox" wx:if="{{index_btn_tx==4}}">

            

            <view class="herboxss">

                <view class="herboxs"></view>

            </view>

        </view>

        <view class="circleBox" wx:if="{{index_btn_tx==1}}">

                <view class="circle xian"></view>

                <view class="circle1 xian"></view>

                <view class="circle2 xian"></view>

                <view class="circle3 xian"></view>

        </view>

        <view class="circleBox clicksbox" wx:if="{{index_btn_tx==2}}">

            

            <view class="herboxss">

                

                <view class="herbox"></view>

            </view>

            <view class="herboxss">

                <view class="herboxs"></view>

            </view>

        </view>

        

        

        <view class="huishou_txt">

            <view class="huishou_img">

            <image src="../../images/huishou.png" mode="widthFix"></image>

                </view>

                <i>一键救援</i>

            </view>

    </view>

    </view>

</view> -->

  <!-- <view class="huishou">  

<contact-button type="default-dark" size="20" session-from="weapp" class="img-plus-style zindex100 yc">

</contact-button>

<image src="/sllowly_recovery/images/indexkf.png" class="img-plus-style"></image> 

<i class="img-plus-style kfwe">客服</i>

</view> -->

</view>

<template is="menu" data="{{...item}}"></template>

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。