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

news2024/11/24 12:02:38

道路救援:指汽车道路紧急救援,为故障车主提供包括诸如:拖吊、换水、充电、换胎、送油以及现场小修等服务(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>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/605895.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

1计算机系统概述_1.2计算机系统层次结构

1.2 计算机系统层次结构 计算机系统&#xff08;CO 自命名&#xff09; 1、CO的组成 硬件系统和软件系统共同构成了一个完整的计算机系统 ——硬件&#xff1a;有形的物理设备&#xff0c;是CO中实际物理装置的总称 ——软件&#xff1a;在硬件上运行的程序和相关的数据及文…

SpringCloud:分布式缓存之Redis哨兵

Redis提供了哨兵&#xff08;Sentinel&#xff09;机制来实现主从集群的自动故障恢复。 1.哨兵原理 1.1.集群结构和作用 哨兵的结构如图&#xff1a; 哨兵的作用如下&#xff1a; 监控&#xff1a;Sentinel会不断检查您的master和slave是否按预期工作自动故障恢复&#xff…

人工智能(pytorch)搭建模型9-pytorch搭建一个ELMo模型,实现训练过程

大家好&#xff0c;我是微学AI&#xff0c;今天给大家介绍一下人工智能(pytorch)搭建模型9-pytorch搭建一个ELMo模型&#xff0c;实现训练过程&#xff0c;本文将介绍如何使用PyTorch搭建ELMo模型&#xff0c;包括ELMo模型的原理、数据样例、模型训练、损失值和准确率的打印以及…

labelimg闪退解决方法(之前使用过labelimg,但新一次使用,打开文件夹无反应,再次打开闪退的问题)及标注经验

问题描述&#xff1a; 之前使用过labelimg进行好多次的标注&#xff0c;但新一次运行使用&#xff0c;发现打开目录无反应&#xff0c;再次打开闪退的问题&#xff0c;重启电脑并且从新运行labelimg仍然无效。 解决方法&#xff1a; 关闭labelimg&#xff0c;然后删除文件C…

一文纵览Umi‘s Friends生态,GameFi浪潮的变革者

以“P2E”为特性的 GameFi&#xff0c;代表着游戏时代的新盈利模式&#xff0c;它将 NFT 或其他形式的代币化资产作为游戏内容&#xff0c;游戏内资产的寿命会&#xff0c;则随着这些资产继续存在于玩家的钱包中而延长&#xff08;即便游戏关闭&#xff09;&#xff0c;资产的互…

class文件中,常量池、方法表、属性表,异常表等等相关数据解析!小白就跟我一起对照学【class字节码文件分析】

前言&#xff1a;前段时间读《深入java虚拟机》介绍到class文件的时候&#xff0c;由于理论知识较多&#xff0c;人总感觉疲惫不堪&#xff0c;就泛泛阅读了一下。在工作中使用起来知识点知道&#xff0c;但是总是需要查阅各种资料。今天有时间&#xff0c;继续整理常量池后面的…

session与cookie

session是一种会话机制。当客户端发送登录请求时&#xff0c;服务端会生成一个sessionId存储在cookie中返回给客户端&#xff0c;客户端通过响应数据中的set-cookie字段来获取cookie并保存。如果客户端再向同一网站发送请求时&#xff0c;会自动携带cookie&#xff0c;相当于一…

离散数学_十章-图 ( 5 ):连通性 - 下

&#x1f4f7;10.5 图的连通性 4. 有向图的连通性4.1 强连通4.2 弱连通4.3 &#xff08;有向图的&#xff09;强连通分支 5. 通路与同构6. 顶点间通路个数的计算 4. 有向图的连通性 根据是否考虑边的方向&#xff0c;在有向图中有两种连通性概念&#xff1a; 4.1 强连通 强连…

C/C++线程绑核详解

在一些大型的工程或者特殊场景中&#xff0c;我们会听到绑核&#xff0c;绑核分为进程绑核和线程绑核。绑核的最终目的都是为了提高程序和性能或者可靠性。 一&#xff1a;为什么需要绑核 操作系统发展至今&#xff0c;已经能很好的平衡运行在操作系统上层的应用&#xff0c;兼…

16.3:岛屿数量问题2

岛屿数量问题2 https://leetcode.cn/problems/number-of-islands-ii/ 给你一个大小为 m x n 的二进制网格 grid 。网格表示一个地图&#xff0c;其中&#xff0c;0 表示水&#xff0c;1 表示陆地。最初&#xff0c;grid 中的所有单元格都是水单元格&#xff08;即&#xff0c…

Dubbo源码解析一网络通信原理

Dubbo 网络通信原理 1. Dubbo高可用集群1.1 服务集群的概述1.1.1 服务集群的概述1.1.2 调用过程1.1.3 组件介绍 1.2 集群容错机制1.2.1 内置集群容错策略1.2.1.1 Failover(失败自动切换)1.2.1.2 Failsafe(失败安全)1.2.1.3 Failfast(快速失败)1.2.1.4 Failback(失败自动恢复)1.…

卡尔曼滤波 | Matlab实现利用卡尔曼滤波器估计电池充电状态(Kalman Filtering)

文章目录 效果一览文章概述研究内容程序设计参考资料效果一览 文章概述 卡尔曼滤波 | Matlab实现利用卡尔曼滤波器估计电池充电状态(Kalman Filtering) 研究内容

gyp verb `which` failed Error: not found: python2

安装node-sass居然需要python2,7环境&#xff0c;不能python3 我只能重新降版本&#xff1a; python2.7:https://www.python.org/ftp/python/2.7/python-2.7.amd64.msi npm ERR! code 1 npm ERR! path F:\idea2021work\music01 初始化\music-client\node_modules\node-sass np…

自然语言处理从入门到应用——自然语言处理的基础任务:词性标注(POS Tagging)和句法分析(Syntactic Parsing)

分类目录&#xff1a;《自然语言处理从入门到应用》总目录 词性标注 词性是词语在句子中扮演的语法角色&#xff0c;也被称为词类&#xff08;Part-Of-Speech&#xff0c;POS&#xff09;。例如&#xff0c;表示抽象或具体事物名字&#xff08;如“计算机”&#xff09;的词被…

【遗传算法简介】

遗传算法&#xff1a;原理与实战 简介 遗传算法是一种模拟达尔文生物进化论的自然选择以及遗传学机制的搜索算法&#xff0c;由 John Holland 在20世纪70年代提出。它们在各种搜索、优化和机器学习任务中已被广泛应用。 遗传算法原理 1. 编码 遗传算法的第一步是将问题的可…

Andriod开发 Room 数据库处理框架

1.Room框架 Room是Android Jetpack组件库中的一部分&#xff0c;它是一个SQLite数据库的抽象层&#xff0c;提供了更简单的API和更好的性能&#xff0c;适合于中大型应用程序。 2.Room的使用 使用Room和之前使用SQLite搭建数据库的过程类似&#xff0c;但是更加简单了。 1&…

JAVA网络编程(一)

一、什么是网络编程 定义&#xff1a;在网络通信协议下&#xff0c;不同计算机上运行的程序&#xff0c;进行的数据传输。 应用场景&#xff1a;即时通信&#xff0c;网游&#xff0c;邮件等 不管什么场景&#xff0c;都是计算机与计算机之间通过网络在进行数据传输 java提供一…

软件测试必会:cookie、session和token的区别

今天就来说说session、cookie、token这三者之间的关系&#xff01;最近这仨玩意搞得头有点大&#x1f923; 01、为什么会有它们三个 我们都知道 HTTP 协议是无状态的&#xff0c;所谓的无状态就是客户端每次想要与服务端通信&#xff0c;都必须重新与服务端链接&#xff0c;意…

穿针引线之 AsyncLocalStorage

在 Node.js 中&#xff0c;如何更优雅地获取请求上下文一直是一个问题&#xff0c;看一下下面的例子。 背景 const http require(http); function handler1(req, res) {console.log(req.url); }function handler2(req, res) {console.log(req.url); }http.createServer((req…

【react全家桶】react-Hook (下)

本人大二学生一枚&#xff0c;热爱前端&#xff0c;欢迎来交流学习哦&#xff0c;一起来学习吧。 <专栏推荐> &#x1f525;&#xff1a;js专栏 &#x1f525;&#xff1a;vue专栏 &#x1f525;&#xff1a;react专栏 文章目录 15【react-Hook &#xff08;下&#x…