weilaibike-work-weapp/pages/index/index.wxml

<view class="top" bindtouchstart="touchStart" bindtouchend="touchEnd">
  <!-- <van-dropdown-menu class="menu" style="top:{{screenHeight=='xSeries' ? '71rpx' : '29rpx'}};background:#000;"> -->
  <van-dropdown-menu class="menu">
    <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" bind:change="change" />
  </van-dropdown-menu>
  <van-tabs active="{{ active }}" bind:change="onChange" animated duration="0.1" color="#64EAE0">
    <van-tab title="全部管理">
      <view class="view">
        <view class="view1" bindtap="screen1" data-index="1">
          <view class="view2">
            <view>
              <text>总用户数：</text>
              <text>{{user.totalUser}}</text>
            </view>
            <view>
              <text>今日新增： </text>
              <text>{{user.todayAddUser}}</text>
            </view>
          </view>
          <view class="view2">
            <view>
              <text>有效户数： </text>
              <text> {{user.cardUser}}</text>
            </view>
            <view>
              <text>今日活跃： </text>
              <text>{{user.todayActiveUser}}</text>
            </view>
          </view>
          <view class="view2 ">
            <view>
              <text>押金户数：</text>
              <text> {{user.depositUser}}</text>
            </view>
          </view>
        </view>
        <view class="view1" style="background-image:url('http://resource.weilaibike.com/bike_yunwei/bikeBg.png')" bindtap="screen1" data-index="2">
          <view class="view2">
            <view>
              <text>总车辆数：</text>
              <text> {{bike.total_bikes}}</text>
            </view>
            <view>
              <text>今日使用： </text>
              <text>{{bike.today_use_total_bikes}}</text>
            </view>
          </view>
          <view class="view2">
            <view>
              <text>上线车辆：</text>
              <text>{{bike.put_total_bikes}}</text>
            </view>
            <view>
              <text>在线车辆： </text>
              <text>{{bike.line_total_bikes}}</text>
            </view>
          </view>
          <view class="view2">
            <view>
              <text>故障车辆：</text>
              <text>{{bike.trouble_total_bikes}}</text>
            </view>
            <view>
              <text>低电量： </text>
              <text>{{bike.low_battery_total_bikes}}</text>
            </view>
          </view>
        </view>
        <view class="view1" style="background-image:url('http://resource.weilaibike.com/bike_yunwei/orderBg.png')" bindtap="screen1" data-index="{{3}}">
          <view class="view2">
            <view>
              <text>订单总数：</text>
              <text> {{order.order_total}}</text>
            </view>
            <view>
              <text>今日新增： </text>
              <text>{{order.today_add_order}}</text>
            </view>
          </view>
          <view class="view2">
            <view>
              <text>骑行中：</text>
              <text> {{order.riding_order}}</text>
            </view>
          </view>
        </view>
        <view class="view1" style="background-image:url('http://resource.weilaibike.com/bike_yunwei/workBg.png')" bindtap="screen1" data-index="4">
          <view class="view2">
            <view>
              <text>全部工单：</text>
              <text> {{work_order.planned_meet_num+work_order.planned_worked_num+work_order.planned_work_num+work_order.planned_over_num}}</text>
            </view>
            <view>
              <text>待认领： </text>
              <text>{{work_order.planned_meet_num}}</text>
            </view>
          </view>
          <view class="view2">
            <view>
              <text>处理中：</text>
              <text> {{work_order.planned_work_num}}</text>
            </view>
            <view>
              <text>已完成： </text>
              <text>{{work_order.planned_over_num}}</text>
            </view>
          </view>
        </view>
        <view class="view1" style="background-image:url('http://resource.weilaibike.com/bike_yunwei/incomeBg.png')" bindtap="skipNext">
          <view class="view2">
            <view>
              <text>总收益：</text>
              <text>{{orderProfit.totalProfit}}</text>
            </view>
            <view>
              <text>今日收益：</text>
              <text>{{orderProfit.todayProfit}}</text>
            </view>
          </view>
          <view class="view2">
            <view>
              <text>总押金：</text>
              <text>{{orderProfit.depositTotal}}</text>
            </view>
            <view>
              <text>今日押金：</text>
              <text>{{orderProfit.depositToday}}</text>
            </view>
          </view>
          <view class="view2">
            <view>
              <text>本月收益：</text>
              <text>{{orderProfit.monthProfit}}</text>
            </view>
          </view>
        </view>
      </view>
    </van-tab>
    <van-tab title="用户管理">
      <view class="user">
        <!-- <view class="user_top" wx:if="{{active==1}}" style="top:{{screenHeight=='xSeries' ? '195rpx' : '203rpx'}}"> -->
        <view class="user_top" wx:if="{{active==1}}">
          <!-- <view class="top">
            <view class="view_a" bindtap="users" data-url="">
              <text>{{user.totalUser}}</text>
              <text>总用户数</text>
            </view>
            <view class="view_a" bindtap="users" data-url="is_deposit=1">
              <text>{{user.depositUser}}</text>
              <text>押金用户</text>
            </view>
            <view class="view_a" bindtap="users" data-url="today_add_user=1=1">
              <text>{{user.todayAddUser}}</text>
              <text>新增用户</text>
            </view>
          </view> -->
          <view class="count">
            <view>
              <view class="flex">
                <image src="http://resource.weilaibike.com/bike_yunwei/user1.png"></image>
                <text>总用户数</text>
              </view>
              <view style="font-size:60rpx;color:#2a2a2a;margin-left:54rpx;">{{user.totalUser}}</view>
            </view>
            <view class="flexB">
              <view style="margin-top:20rpx;">
                <view class="flex">
                  <image src="http://resource.weilaibike.com/bike_yunwei/user2.png"></image>
                  <text>新增用户</text>
                </view>
                <view style="font-size:30rpx;color:#2a2a2a;margin-top:15rpx;margin-left:64rpx;">{{user.todayAddUser}}</view>
              </view>
              <view>
                <view class="flex">
                  <image src="http://resource.weilaibike.com/bike_yunwei/user3.png"></image>
                  <text>押金用户</text>
                </view>
                <view style="font-size:30rpx;color:#2a2a2a;margin-top:15rpx;margin-left:64rpx;">{{user.depositUser}}</view>
              </view>
            </view>
          </view>
        </view>
        <!-- <view class="list" style="padding:367rpx 0 120rpx 0;"> -->
        <view class="list" style="padding-bottom:130rpx;">
          <!-- <view class="list" style="padding-top:{{screenHeight=='xSeries' ? '124rpx' : '370rpx'}}"> -->
          <view wx:for="{{userList}}" class="view_list" bindtap="detail" data-id="{{item.id}}" wx:key="key">
            <view class="left">
              <text style="font-size:28rpx;">手机号：{{item.mobile}}</text>
              <view>
                <text style="width:250rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">姓名：{{item.username}}</text>
                <text>余额：{{item.wallet_money}}元</text>
              </view>
              <text>校区：{{item.area}}</text>
            </view>
            <view class="right {{item.is_deposit == 0 ?'state4':'state1'}}">
              <text>{{item.is_deposit == 0 ?'非押金用户':'押金用户'}}</text>
            </view>
          </view>
        </view>
      </view>
      <view class="noData" wx:if="{{userList.length == 0 && active ==1}}">
        <image src="http://resource.weilaibike.com/none.png"></image>
        <view>暂无相关数据~</view>
      </view>
    </van-tab>
    <van-tab title="车辆管理">
      <view class="car">
        <view class="car_top" wx:if="{{active==2}}" style="top:{{screenHeight=='xSeries' ? '195rpx' : '203rpx'}}">
          <view class="top">
            <view class="top1">
              <view class="view_a" bindtap="localscreen" data-name="">
                <text>{{bike.total_bikes}}</text>
                <text>总车辆数</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view class="view_a" bindtap="localscreen" data-name="put_status=1">
                <text>{{bike.put_total_bikes}}</text>
                <text>上线车辆</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view class="view_a" bindtap="localscreen" data-name="is_link=1">
                <text>{{bike.line_total_bikes}}</text>
                <text>在线车辆</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="is_trouble=1" class="view_a">
                <text>{{bike.trouble_total_bikes}}</text>
                <text>故障车辆</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="today_use=1" class="view_a">
                <text>{{bike.today_use_total_bikes}}</text>
                <text>今日使用</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="is_low_battery_power=0" class="view_a">
                <text>{{bike.low_battery_total_bikes}}</text>
                <text>低电量</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="is_riding=1" class="view_a">
                <text>{{bike.riding_total_bikes}}</text>
                <text>骑行中</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="is_riding1=0" class="view_a">
                <text>{{bike.not_riding_total_bikes}}</text>
                <text>未使用</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
            </view>
          </view>
        </view>
        <view class="list" style="padding:260rpx 0 130rpx 0;">
          <!-- <view class="list" style="padding-top:{{screenHeight=='xSeries' ? '252rpx' : '260rpx'}}"> -->
          <view wx:for="{{bikeList}}" class="view_list" bindtap="bike_detail" data-id="{{item.id}}" data-bike_no="{{item.bike_no}}" style="padding:15rpx 0;" wx:key="key">
            <view class="left">
              <view>
                <text>{{item.bike_no}}</text>
                <text style="color:#FE5722;margin-left:37rpx;">{{item.battery_power}}%</text>
                <text style="padding-left:20rpx;color:#FE5722;">{{item.is_riding == 0 ? '未骑行':'骑行中'}}</text>
              </view>
              <text>{{item.not_use_time}}</text>
            </view>
            <view class="right">
              <view>
                <image src="http://resource.weilaibike.com/bike.png"></image>
              </view>
              <view class="view2" wx:if="{{item.tab_name=='未骑行'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
                <text>{{item.tab_name}}</text>
              </view>
              <view class="view2" wx:if="{{item.tab_name=='中控离线'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
                <text>{{item.tab_name}}</text>
              </view>
              <view class="view2" wx:if="{{item.tab_name=='未投放'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
                <text>{{item.tab_name}}</text>
              </view>
              <view class="view2" wx:if="{{item.tab_name=='低电量'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
                <text>{{item.tab_name}}</text>
              </view>
              <view class="view2" wx:if="{{item.tab_name=='骑行中'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
                <text>{{item.tab_name}}</text>
              </view>
              <view class="view2" wx:if="{{item.tab_name=='不在停车区'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
                <text>{{item.tab_name}}</text>
              </view>
              <view class="view2" wx:if="{{item.tab_name=='故障'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
                <text>{{item.tab_name}}</text>
              </view>
              <view class="view2" wx:if="{{item.tab_name=='故障下线'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
                <text>{{item.tab_name}}</text>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="noData" wx:if="{{bikeList.length == 0 && active ==2}}">
        <image src="http://resource.weilaibike.com/none.png"></image>
        <view>暂无相关数据~</view>
      </view>
    </van-tab>
    <van-tab title="订单管理">
      <view class="user">
        <!-- <view class="user_top" wx:if="{{active==3}}" style="top:{{screenHeight=='xSeries' ? '195rpx' : '203rpx'}}"> -->
        <view class="user_top" wx:if="{{active==3}}">
          <view class="count">
            <view>
              <view class="flex">
                <image src="http://resource.weilaibike.com/bike_yunwei/order1.png"></image>
                <text>今日总收入</text>
              </view>
              <view style="font-size:60rpx;color:#2a2a2a;margin-left:54rpx;">{{order.today_add_money}}</view>
            </view>
            <view class="flexB">
              <view style="margin-top:20rpx;">
                <view class="flex">
                  <image src="http://resource.weilaibike.com/bike_yunwei/order2.png"></image>
                  <text>今日订单</text>
                </view>
                <view style="font-size:30rpx;color:#2a2a2a;margin-top:15rpx;margin-left:64rpx;">{{order.today_add_order}}</view>
              </view>
              <view>
                <view class="flex">
                  <image src="http://resource.weilaibike.com/bike_yunwei/order3.png"></image>
                  <text>进行中订单</text>
                </view>
                <view style="font-size:30rpx;color:#2a2a2a;margin-top:15rpx;margin-left:64rpx;">{{order.riding_order}}</view>
              </view>
            </view>
          </view>
        </view>
        <!-- <view class="list" style="padding:367rpx 0 120rpx 0;"> -->
        <!-- 注释 -->
        <view class="list" style="padding-bottom:150rpx;">
          <!-- <view class="list" style="padding-top:{{screenHeight=='xSeries' ? '124rpx' : '370rpx'}}"> -->
          <!-- <view class="cut" wx:if="{{active==3}}">
            <text class="{{curPage ==1 ? 'cur':''}}" bindtap="choose" data-idx="1">普通订单</text>
            <text class="{{curPage ==2 ? 'cur':''}}" bindtap="choose" data-idx="2">日租订单</text>
          </view> -->
          <view class="list_view" wx:for="{{orderList}}" bindtap="orderDetail" data-id="{{item.id}}" wx:key="key">
            <view style="font-size:28rpx;font-family:PingFang SC;color:rgba(77,77,77,1);">车辆编号：{{item.bike_no}}</view>
            <view class="userName">
              <text>用户：</text>
              <text class="name">{{item.nickname}}</text>
              <text catchtap="phoneCall" data-phone="{{item.mobile}}" hover-stop-propagation>{{item.mobile}}（点击可拨打）</text>
            </view>
            <view style="font-size:26rpx;">时间：{{item.start_use_bike_time}}——{{item.end_use_bike_time}}</view>
            <view wx:if="{{item.orders_status=='骑行中'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);" class="state">
              <text>{{item.orders_status}}</text>
            </view>
            <view wx:if="{{item.orders_status=='订单关闭'}}" style="background: linear-gradient(163deg, #c0c0c0 0%, #808080 100%);" class="state">
              <text>{{item.orders_status}}</text>
            </view>
            <view wx:if="{{item.orders_status=='已完成'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);" class="state">
              <text>{{item.orders_status}}</text>
            </view>
            <view wx:if="{{item.orders_status=='待支付'}}" style="background: linear-gradient(163deg,rgba(255, 139, 102, 1) 0%,rgba(254, 87, 34, 1) 100%);" class="state">
              <text>{{item.orders_status}}</text>
            </view>
            <view wx:if="{{item.orders_status=='临时停车'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);" class="state">
              <text>{{item.orders_status}}</text>
            </view>
            <view wx:if="{{item.orders_status=='租车中'}}" style="background: linear-gradient(163deg, #3648f5 0%, #a297fb 100%);" class="state">
              <text>{{item.orders_status}}</text>
            </view>
            <view wx:if="{{item.orders_status=='租车结束,待支付'}}" style="background: linear-gradient(163deg, #32f955 0%, #a297fb 100%);">
              <text>{{item.orders_status}}</text>
            </view>
          </view>
        </view>
      </view>
      <view class="noData" wx:if="{{orderList.length == 0 && active ==3}}">
        <image src="http://resource.weilaibike.com/none.png"></image>
        <view>暂无相关数据~</view>
      </view>
    </van-tab>
    <van-tab title="工单管理">
      <view class="car">
        <view class="car_top" wx:if="{{active==4}}" style="top:{{screenHeight=='xSeries' ? '195rpx' : '203rpx'}}">
          <view class="top">
            <view class="top1">
              <view class="view_a" bindtap="localscreen" data-name="type=7">
                <text>{{work_order.headman_num}}</text>
                <text>组长工单</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view class="view_a" bindtap="localscreen" data-name="planned=2">
                <text>{{work_order.planned_work_num}}</text>
                <text>处理中工单</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view class="view_a" bindtap="localscreen" data-name="planned=1">
                <text>{{work_order.planned_meet_num}}</text>
                <text>未认领工单</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="type=8" class="view_a">
                <text>{{work_order.trouble_num}}</text>
                <text>故障工单</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="type=5" class="view_a">
                <text>{{work_order.alert_num}}</text>
                <text>警报工单</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="type=6" class="view_a">
                <text>{{work_order.steal_num}}</text>
                <text>偷盗工单</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="type=9" class="view_a">
                <text>{{work_order.help_num}}</text>
                <text>道路救援</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
              <view bindtap="localscreen" data-name="type=1" class="view_a">
                <text>{{work_order.charge_num}}</text>
                <text>换电工单</text>
                <image src="http://resource.weilaibike.com/bike_yunwei/triangle.png"></image>
              </view>
            </view>
          </view>
        </view>
        <view class="list" style="padding:260rpx 0 150rpx 0;">
          <!-- <view class="list" style="padding-top:{{screenHeight=='xSeries' ? '239rpx' : '260rpx'}}"> -->
          <view wx:for="{{work_orderList}}" bindtap="wordDetail" data-id="{{item.id}}" class="list_child {{item.planned=='已完成'?'active':''}}" wx:key="key">
            <text style="font-size:28rpx;font-family:PingFang SC;font-weight:600;color:rgba(40,40,40,1);padding:20rpx 0rpx;">{{item.type_name}}</text>
            <view class="flex work">
              <view>
                <view>当前负责人：{{item.worker}}</view>
                <view>车辆编号：{{item.bike_no}}</view>
                <view style="font-family:PingFang SC;color:rgba(77,77,77,1);">创建时间：{{item.created_at}}</view>
              </view>
              <view style="margin-left:27rpx;">
                <view>
                  进度：
                  <text wx:if="{{item.planned=='已完成'}}" class="status1 status">{{item.planned}}</text>
                  <text wx:if="{{item.planned=='待接单'}}" class="status2 status">{{item.planned}}</text>
                  <text wx:if="{{item.planned=='处理中'}}" class="status3 status">{{item.planned}}</text>
                  <text wx:if="{{item.planned=='已处理'}}" class="status4 status">{{item.planned}}</text>
                </view>
                <view style="padding-top:10rpx;">来源：{{item.source}}</view>
              </view>
            </view>
            <view class="view2" wx:if="{{item.type_name=='充电工单'}}" style="background: linear-gradient(163deg, #68e9ce 0%, #18d5b9 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='组长工单'}}" style="background: linear-gradient(163deg, #41b8fd 0%, #0ee7fe 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='偷盗工单'}}" style="background: linear-gradient(163deg, #ff8b66 0%, #fe5722 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='离线工单'}}" style="background: linear-gradient(163deg, #FF8CC7 0%, #F232A3 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='救援工单'}}" style="background: linear-gradient(163deg, #9382f4 0%, #a297fb 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='断电工单'}}" style="background: linear-gradient(163deg, #ff6477 0%, #ff7a69 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='警报工单'}}" style="background: linear-gradient(163deg, #FF9854 0%, #FFC573 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='故障工单'}}" style="background: linear-gradient(163deg, #D684DD 0%, #F7A7EC 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='其他工单'}}" style="background: linear-gradient(163deg, #47DDA8 0%, #61F79C 100%);">
              <text>{{item.type_name}}</text>
            </view>
            <view class="view2" wx:if="{{item.type_name=='查看工单'}}" style="background: linear-gradient(163deg, #88B9E1 0%, #004FB6 100%);">
              <text>{{item.type_name}}</text>
            </view>
          </view>
        </view>
      </view>
      <view class="noData" wx:if="{{work_orderList.length == 0 && active ==4}}">
        <image src="http://resource.weilaibike.com/none.png"></image>
        <view>暂无相关数据~</view>
      </view>
    </van-tab>
  </van-tabs>
  <footer params="{{current}}" bind:scanCode="scanCode"></footer>
</view>