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

<view class="top">
  <van-dropdown-menu class="top1">
    <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" bind:change="change" />
  </van-dropdown-menu>
  <van-tabs active="{{ active }}" bind:change="onChange" animated duration="0.1">
    <van-tab title="全部管理">
      <view class="view" style="padding-top:120rpx;">
        <view class="view1" bindtap="screen1" data-index="1">
          <view class="text">
            <text>用</text>
            <text>户</text>
          </view>
          <view class="view2">
            <text>总用户数： {{user.totalUser}}</text>
            <view>
              <text>今日新增： </text>
              <text style="color:#73DEED;">{{user.todayAddUser}}</text>
            </view>
          </view>
          <view class="view2">
            <text>有效户数： {{user.cardUser}}</text>
            <view>
              <text>今日活跃： </text>
              <text style="color:#FDD864;">{{user.todayActiveUser}}</text>
            </view>
          </view>
          <view class="view2">
            <text>押金户数： {{user.depositUser}}</text>
          </view>
        </view>
        <view class="view1" style="background-image:url('http://resource.weilaibike.com/bg2.png')" bindtap="screen1" data-index="2">
          <view class="text">
            <text>车</text>
            <text>辆</text>
          </view>
          <view class="view2">
            <text>总车辆数: {{bike.total_bikes}}</text>
            <view>
              <text>今日使用： </text>
              <text style="color:#73DEED;">{{bike.today_use_total_bikes}}</text>
            </view>
          </view>
          <view class="view2">
            <text>上线车辆: {{bike.put_total_bikes}}</text>
            <view>
              <text>在线车辆： </text>
              <text style="color:#73DEED;">{{bike.line_total_bikes}}</text>
            </view>
          </view>
          <view class="view2">
            <text>故障车辆： {{bike.trouble_total_bikes}}</text>
            <view>
              <text>低电量： </text>
              <text style="color:#73DEED;">{{bike.low_battery_total_bikes}}</text>
            </view>
          </view>
        </view>
        <view class="view1" style="background-image:url('http://resource.weilaibike.com/bg3.png')" bindtap="screen1" data-index="{{3}}">
          <view class="text">
            <text>订</text>
            <text>单</text>
          </view>
          <view class="view2">
            <text>订单总数： {{order.order_total}}</text>
            <view>
              <text>今日新增： </text>
              <text style="color:#FDD864;">{{order.today_add_order}}</text>
            </view>
          </view>
          <view class="view2">
            <text>骑行中：{{order.riding_order}}</text>
          </view>
        </view>
        <view class="view1" style="background-image:url('http://resource.weilaibike.com/bg4.png')" bindtap="screen1" data-index="4">
          <view class="text">
            <text>工</text>
            <text>单</text>
          </view>
          <view class="view2">
            <text>全部工单: {{work_order.planned_meet_num+work_order.planned_worked_num+work_order.planned_work_num+work_order.planned_over_num}}</text>
            <view>
              <text>待认领： </text>
              <text style="color:#FF7F58;">{{work_order.planned_meet_num}}</text>
            </view>
          </view>
          <view class="view2">
            <text>处理中： {{work_order.planned_work_num}}</text>
            <view>
              <text>已完成： </text>
              <text style="color:#FF7F58;">{{work_order.planned_over_num}}</text>
            </view>
          </view>
        </view>
        <view class="view1" style="background-image:url('http://resource.weilaibike.com/bg5.png')" bindtap="skipNext" >
          <view class="text">
            <text>收</text>
            <text>益</text>
          </view>
          <view class="view2">
            <text>总收益：{{orderProfit.totalProfit}}</text>
            <view>
              <text>今日收益：</text>
              <text style="color:red;">{{orderProfit.todayProfit}}</text>
            </view>
          </view>
          <view class="view2">
            <text>总押金：{{orderProfit.depositTotal}}</text>
            <view>
              <text>今日押金：</text>
              <text style="color:red;">{{orderProfit.depositToday}}</text>
            </view>
          </view>
          <view class="view2">
            <text>本月收益：{{orderProfit.monthProfit}}</text>
          </view>
        </view>
      </view>
    </van-tab>
    <van-tab title="用户管理">
      <view class="user">
        <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>
        <view class="list">
          <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}}">
          <view class="top">
            <view class="top1">
              <view class="view_a" bindtap="localscreen" data-name="">
                <text>{{bike.total_bikes}}</text>
                <text>总车辆数</text>
              </view>
              <view class="view_a" bindtap="localscreen" data-name="put_status=1">
                <text>{{bike.put_total_bikes}}</text>
                <text>上线车辆</text>
              </view>
              <view class="view_a" bindtap="localscreen" data-name="is_link=1">
                <text>{{bike.line_total_bikes}}</text>
                <text>在线车辆</text>
              </view>
              <view bindtap="localscreen" data-name="is_trouble=1" class="view_a">
                <text>{{bike.trouble_total_bikes}}</text>
                <text>故障车辆</text>
              </view>
              <view bindtap="localscreen" data-name="today_use=1" class="view_a">
                <text>{{bike.today_use_total_bikes}}</text>
                <text>今日使用</text>
              </view>
              <view bindtap="localscreen" data-name="is_low_battery_power=0" class="view_a">
                <text>{{bike.low_battery_total_bikes}}</text>
                <text>低电量</text>
              </view>
              <view bindtap="localscreen" data-name="is_riding=1" class="view_a">
                <text>{{bike.riding_total_bikes}}</text>
                <text>骑行中</text>
              </view>
              <view bindtap="localscreen" data-name="is_riding1=0" class="view_a">
                <text>{{bike.not_riding_total_bikes}}</text>
                <text>未使用</text>
              </view>
            </view>
          </view>
        </view>
        <view class="list" style="padding-top:40rpx;">
          <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">
              <text>{{item.not_use_time}}</text>
              <text>{{item.bike_no}}</text>
              <view>
                <text style="color:#FE5722;">{{item.battery_power}}%</text>
                <text style="padding-left:20rpx;color:#FE5722;">{{item.is_riding == 0 ? '未骑行':'骑行中'}}</text>
              </view>
            </view>
            <view class="right">
              <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>
              <image src="/img/car.png" style="width:48rpx;height:48rpx;margin-top:30rpx;"></image>
            </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}}">
          <view class="top">
            <view class="view_a">
              <text>{{order.today_add_order}}</text>
              <text>今日订单</text>
            </view>
            <view class="view_a">
              <text>{{order.today_add_money}}</text>
              <text>今日总收入</text>
            </view>
            <view class="view_a">
              <text>{{order.riding_order}}</text>
              <text>进行中订单</text>
            </view>
          </view>
        </view>
        <view class="list" style="padding-top:78rpx;">
          <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}}">
          <view class="top">
            <view class="top1">
              <view class="view_a" bindtap="localscreen" data-name="type=7">
                <text>{{work_order.headman_num}}</text>
                <text>组长工单</text>
              </view>
              <view class="view_a" bindtap="localscreen" data-name="planned=2">
                <text>{{work_order.planned_work_num}}</text>
                <text>处理中工单</text>
              </view>
              <view class="view_a" bindtap="localscreen" data-name="planned=1">
                <text>{{work_order.planned_meet_num}}</text>
                <text>未认领工单</text>
              </view>
              <view bindtap="localscreen" data-name="type=8" class="view_a">
                <text>{{work_order.trouble_num}}</text>
                <text>故障工单</text>
              </view>
              <view bindtap="localscreen" data-name="type=5" class="view_a">
                <text>{{work_order.alert_num}}</text>
                <text>警报工单</text>
              </view>
              <view bindtap="localscreen" data-name="type=6" class="view_a">
                <text>{{work_order.steal_num}}</text>
                <text>偷盗工单</text>
              </view>
              <view bindtap="localscreen" data-name="type=9" class="view_a">
                <text>{{work_order.help_num}}</text>
                <text>道路救援</text>
              </view>
              <view bindtap="localscreen" data-name="type=1" class="view_a">
                <text>{{work_order.charge_num}}</text>
                <text>换电工单</text>
              </view>
            </view>
          </view>
        </view>
        <view class="list" style="padding-top:40rpx;">
          <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:800;color:rgba(40,40,40,1);padding:20rpx 0rpx;">{{item.type_name}}</text>
            <view class="view1">
              <text>当前负责人：{{item.worker}}</text>
              <view style="padding-top:10rpx;">
                进度：
                <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>
            <view class="view1">
              <text>车辆编号：{{item.bike_no}}</text>
              <text style="padding-top:10rpx;">来源：{{item.source}}</text>
            </view>
            <text style="font-size:24rpx;font-family:PingFang SC;color:rgba(77,77,77,1);">创建时间：{{item.created_at}}</text>
            <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>
</view>