【愚公系列】2022年04月 微信小程序-项目篇(公交查询)-06站点查询

https://api.jisuapi.com/transit/station?cityid=113&station=西溪竞舟苑&appkey=yourappkey

{
    "status": 0,
    "msg": "ok",
    "result": [
        {
            "transitno": "86路",
            "startstation": "景芳小区",
            "endstation": "西溪竞舟苑"
        },
        {
            "transitno": "118路",
            "startstation": "西溪蒹葭苑",
            "endstation": "小车桥"
        },
        {
            "transitno": "860路",
            "startstation": "西溪竞舟苑",
            "endstation": "池华街公交站"
        },        
        {
            "transitno": "264路高峰线",
            "startstation": "西溪竞舟苑",
            "endstation": "焦家村公交中心站"
        }
    ]
}

<!--pages/linesShow/linesShow.wxml-->
<view class='all'>
  <view class="lispan" wx:for="{{lines}}" wx:key="" wx:for-index="idx1" wx:for-item="line">
    <view bindtap='jumpLineDetail' data-line='{{line.transitno}}'>
      <view class='q1'>
        <view class='q11'>
          <image src='../../imgs/bus.png' />
        </view>
        <view class='q12'>{{line.transitno?line.transitno:'未知'}}</view>
      </view>
      <view class='q2'>
        <view class='q21'>
          <view class='q211'>{{line.startstation?line.startstation:'未知'}}</view>
          <view class='q212'>
            <image src="../../imgs/doublearrow.png" />
          </view>
          <view class='q213'>{{line.endstation?line.endstation:'未知'}}</view>
        </view>
        <view class='q22'>
          <view class='q221'>
            <view class='q2211'>起:{{line.starttime?line.starttime:'未知'}}</view>
            <view class='q2212'>终:{{line.endtime?line.endtime:'未知'}}</view>
          </view>
          <view class='q222'>
            <view class='q2221'>{{line.price?line.price:'未知'}}</view>
            <view class='q2222'>¥</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

// pages/linesShow/linesShow.js
var config = require('../../libs/config.js');
var app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    city: "",
    station: "",
    lines: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options)
    var _this = this
    _this.setData({
      city: options.city,
      station: options.station
    })
    wx.setNavigationBarTitle({
      title: _this.data.station
    })
    _this.getStationList()
  },

  
  getStationList() {
    var _this = this
    app.showLoading("拉取路线列表")
    // 调用接口
    wx.request({
      url: 'http://api.jisuapi.com/transit/station', //仅为示例，并非真实的接口地址
      data: {
        appkey: config.Config.busappkey,
        city: _this.data.city,
        station: _this.data.station
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        console.log("拉取线路中", res);
        var lines = res.data.result
        var transitnos = []
        var linestemp = []
        for (var i = 0; i < lines.length; i++) {
          if (transitnos.indexOf(lines[i].transitno) == -1) {
            transitnos.push(lines[i].transitno)
            linestemp.push(lines[i])
          }
        }
        _this.setData({
          lines: linestemp
        })
        console.log(_this.data.lines)

      },
      fail: function (res) {
        console.log(res);
      },
      complete: function (res) {
        app.hideLoading()
        // console.log(res);
      }
    })
  },
  jumpLineDetail(e) {
    var _this = this
    var line = e.currentTarget.dataset.line
    var city = _this.data.city
    var station = _this.data.station
    wx.navigateTo({
      url: '../lineDetail/lineDetail?line=' + line + '&city=' + city + '&station=' + station
    })
  }
})