0905
This commit is contained in:
parent
a9df2d12c6
commit
afbc9305ad
@ -260,7 +260,7 @@
|
||||
}
|
||||
let data = {
|
||||
realName: this.staff.nickname,
|
||||
phonenumber: this.staff.mobile,
|
||||
// phonenumber: this.staff.mobile,
|
||||
age: this.staff.age,
|
||||
sex: this.staff.sex,
|
||||
staffType: this.staff.staffType,
|
||||
@ -711,4 +711,4 @@
|
||||
font-size: 28rpx;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -6,227 +6,231 @@
|
||||
<view style="display: flex; justify-content: start;">
|
||||
<image class="logo-icon" src="@/static/leftLogo.png" mode="scaleToFill">
|
||||
|
||||
<view class="top-two">
|
||||
|
||||
</image>
|
||||
<view class="user-info">
|
||||
<view class="user-name">{{ userinfo.nickname || '用户昵称'}}</view>
|
||||
<view class="user-position" v-if="highestWeightRoleName">{{ highestWeightRoleName }}</view>
|
||||
</view>
|
||||
<!-- #ifdef APP-PLUS || H5 -->
|
||||
<view class="top-two">
|
||||
<view class="user-info">
|
||||
<view class="user-name">{{ userinfo.nickname || '用户昵称'}}</view>
|
||||
<view class="user-position" v-if="highestWeightRoleName">{{ highestWeightRoleName }}</view>
|
||||
</view>
|
||||
<!-- #ifdef APP-PLUS || H5 -->
|
||||
|
||||
<view class="real-time">
|
||||
<text class="date-part">{{currentDate}}</text>
|
||||
<text class="time-part">{{currentTime}}</text>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<view class="real-time">
|
||||
<text class="date-part">{{currentDate}}</text>
|
||||
<text class="time-part">{{currentTime}}</text>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="top-menu">
|
||||
<view class="top-menu-item" :key="index" v-for="(item, index) in topMenuList"
|
||||
@click="goToMenuPage(item)" v-if="checkPermi(['rescue_home_page'])">
|
||||
<image class="top-menu-item-icon" :src="item.icon" mode="aspectFit"></image>
|
||||
<text>{{ item.title }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="top-menu">
|
||||
<view class="top-menu-item" :key="index" v-for="(item, index) in topMenuList" @click="goToMenuPage(item)"
|
||||
v-if="checkPermi(['rescue_home_page'])">
|
||||
<image class="top-menu-item-icon" :src="item.icon" mode="aspectFit"></image>
|
||||
<text>{{ item.title }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="dil" v-if="checkPermi(['rescue_home_page'])">
|
||||
<!-- 四个选项 -->
|
||||
<!-- #ifdef APP-PLUS || H5 -->
|
||||
<!-- <view style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;"> -->
|
||||
<view class="four-box-header">
|
||||
<view class="blue-line"></view>
|
||||
<text class="four-box-header-title">业务管理</text>
|
||||
<view class="dil" v-if="checkPermi(['rescue_home_page'])">
|
||||
<!-- 四个选项 -->
|
||||
<!-- #ifdef APP-PLUS || H5 -->
|
||||
<!-- <view style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;"> -->
|
||||
<view class="four-box-header">
|
||||
<view class="blue-line"></view>
|
||||
<text class="four-box-header-title">业务管理</text>
|
||||
|
||||
<!-- <view class="four-box-header-extra">
|
||||
<!-- <view class="four-box-header-extra">
|
||||
<text style="color: #929292;">待评价</text>
|
||||
<uni-icons type="right" color="#929292"></uni-icons>
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
<!-- <view class="four-box-header-extra" @click="gohistory()">
|
||||
</view>
|
||||
<!-- <view class="four-box-header-extra" @click="gohistory()">
|
||||
<text style="color: #929292;">历史订单</text>
|
||||
<uni-icons type="right" color="#929292"></uni-icons>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="tab-choose-class">
|
||||
<view class="tab-choose-class">
|
||||
|
||||
<view class="tab-content" @click="tabChoose(item, index)" v-for='(item, index) in ["当日", "当月", "全部", "自定义"]'
|
||||
:key='index'>
|
||||
<view class="tab-content" @click="tabChoose(item, index)"
|
||||
v-for='(item, index) in ["当日", "当月", "全部", "自定义"]' :key='index'>
|
||||
|
||||
<!-- tab 名称信息 -->
|
||||
<view class='tab-name-class'
|
||||
:style='{ color: index + 1 == tabValue ? "#101A3E" : "#8D90A6", fontWeight: index + 1 == tabValue ? "bold" : "normal" }'>
|
||||
{{ item }}
|
||||
<!-- tab 名称信息 -->
|
||||
<view class='tab-name-class'
|
||||
:style='{ color: index + 1 == tabValue ? "#101A3E" : "#8D90A6", fontWeight: index + 1 == tabValue ? "bold" : "normal" }'>
|
||||
{{ item }}
|
||||
|
||||
<view class="icon-tab" v-if='index == 3'>
|
||||
<image src="@/static/icons/homeOrderCard/xialajiantou.svg" mode="scaleToFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 名称下 icon -->
|
||||
<view class="tab-icon"
|
||||
:style='{ background: index + 1 == tabValue ? "linear-gradient( 180deg, #054DF3 0%, #55A3FF 100%)" : "" }'>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="example-body" v-show="tabValue==4" style="margin-bottom: 16rpx;">
|
||||
<uni-datetime-picker v-model="range" type="daterange" @maskClick="maskClick" />
|
||||
</view>
|
||||
<view class="four-box">
|
||||
<view class="boxf" @click="goToOrder(2)">
|
||||
<view class="zi1">
|
||||
<image class="zi1-icon" src="@/static/icons/homeOrderCard/receivedOrder_new.png" mode="aspectFit">
|
||||
</image>
|
||||
<text>已接单</text>
|
||||
</view>
|
||||
<view class="zi2" style="margin-top: 10rpx;">{{yjdNum ? yjdNum : '0'}}</view>
|
||||
</view>
|
||||
<view class="boxf" @click="goToOrder(2)">
|
||||
<view class="zi1">
|
||||
<image class="zi1-icon" src="@/static/icons/homeOrderCard/jyz_new.png" mode="aspectFit"></image>
|
||||
<text>救援中</text>
|
||||
</view>
|
||||
<view class="zi2" style="margin-top: 10rpx;">{{jyzNum}}</view>
|
||||
</view>
|
||||
<view class="boxf" @click="goToOrder(2)">
|
||||
<view class="zi1">
|
||||
<image class="zi1-icon" src="@/static/icons/homeOrderCard/ywc_new.png" mode="aspectFit"></image>
|
||||
<text>已完成</text>
|
||||
</view>
|
||||
<view class="zi2" style="margin-top: 10rpx;">{{ywcNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="two-box-container">
|
||||
<view class="two-box">
|
||||
<view class="boxf2" style="background: linear-gradient(135deg, #E0F0FF 40%, #BBD9FF 100%);"
|
||||
@click="goToOrder(2)">
|
||||
<view style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<view class="zi1_1">
|
||||
<image class="zi1_1-icon" src="@/static/icons/homeOrderCard/ysk_solid.png" mode="aspectFit">
|
||||
</image>
|
||||
<text style="color: #3d6ba0; font-weight: bold; font-size: 30rpx;">应收款</text>
|
||||
<view class="icon-tab" v-if='index == 3'>
|
||||
<image src="@/static/icons/homeOrderCard/xialajiantou.svg" mode="scaleToFill"></image>
|
||||
</view>
|
||||
<uni-icons class="eye-icon" :type="yskShowAmount ? 'eye' : 'eye-slash'"
|
||||
@click.native.stop.prevent="yskShowAmount = !yskShowAmount"></uni-icons>
|
||||
</view>
|
||||
<view class="zi2_2" style="margin-top: 10rpx;">{{ yskShowAmount ? yingskNum : '*****' }}</view>
|
||||
|
||||
<!-- 名称下 icon -->
|
||||
<view class="tab-icon"
|
||||
:style='{ background: index + 1 == tabValue ? "linear-gradient( 180deg, #054DF3 0%, #55A3FF 100%)" : "" }'>
|
||||
</view>
|
||||
</view>
|
||||
<view class="boxf2" style="background: linear-gradient(135deg, #FFF7E0 40%, #FFE7B8 100%);"
|
||||
@click="goToOrder(5)">
|
||||
<view style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<view class="zi1_1">
|
||||
<image class="zi1_1-icon" src="@/static/icons/homeOrderCard/qucar.png" mode="aspectFit">
|
||||
</image>
|
||||
<text style="color: #a97747; font-size: 30rpx; font-weight: bold;">待取车</text>
|
||||
</view>
|
||||
<uni-icons class="eye-icon" :type="dqcShowAmount ? 'eye' : 'eye-slash'"
|
||||
@click.native.stop="dqcShowAmount = !dqcShowAmount"></uni-icons>
|
||||
</view>
|
||||
<view class="example-body" v-show="tabValue==4" style="margin-bottom: 16rpx;">
|
||||
<uni-datetime-picker v-model="range" type="daterange" @maskClick="maskClick" />
|
||||
</view>
|
||||
<view class="four-box">
|
||||
<view class="boxf" @click="goToOrder(2)">
|
||||
<view class="zi1">
|
||||
<image class="zi1-icon" src="@/static/icons/homeOrderCard/receivedOrder_new.png"
|
||||
mode="aspectFit">
|
||||
</image>
|
||||
<text>已接单</text>
|
||||
</view>
|
||||
<view class="zi2_2" style="margin-top: 10rpx;">{{ dqcShowAmount ? dqcNum : '*****' }}</view>
|
||||
<view class="zi2" style="margin-top: 10rpx;">{{yjdNum ? yjdNum : '0'}}</view>
|
||||
</view>
|
||||
<view class="boxf" @click="goToOrder(2)">
|
||||
<view class="zi1">
|
||||
<image class="zi1-icon" src="@/static/icons/homeOrderCard/jyz_new.png" mode="aspectFit"></image>
|
||||
<text>救援中</text>
|
||||
</view>
|
||||
<view class="zi2" style="margin-top: 10rpx;">{{jyzNum}}</view>
|
||||
</view>
|
||||
<view class="boxf" @click="goToOrder(2)">
|
||||
<view class="zi1">
|
||||
<image class="zi1-icon" src="@/static/icons/homeOrderCard/ywc_new.png" mode="aspectFit"></image>
|
||||
<text>已完成</text>
|
||||
</view>
|
||||
<view class="zi2" style="margin-top: 10rpx;">{{ywcNum}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="two-box">
|
||||
<view class="boxf2" style="background: linear-gradient(135deg, #E6F8ED 40%, #C8F0D8 100%);"
|
||||
@click="goToOrder(1)">
|
||||
<view style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<view class="zi1_1">
|
||||
<image class="zi1_1-icon" src="@/static/icons/homeOrderCard/yisk_solid.png"
|
||||
mode="aspectFit">
|
||||
</image>
|
||||
<text style="color: #169948; font-size: 30rpx; font-weight: bold;">已收款</text>
|
||||
<view class="two-box-container">
|
||||
<view class="two-box">
|
||||
<view class="boxf2" style="background: linear-gradient(135deg, #E0F0FF 40%, #BBD9FF 100%);"
|
||||
@click="goToOrder(2)">
|
||||
<view style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<view class="zi1_1">
|
||||
<image class="zi1_1-icon" src="@/static/icons/homeOrderCard/ysk_solid.png"
|
||||
mode="aspectFit">
|
||||
</image>
|
||||
<text style="color: #3d6ba0; font-weight: bold; font-size: 30rpx;">应收款</text>
|
||||
</view>
|
||||
<uni-icons class="eye-icon" :type="yskShowAmount ? 'eye' : 'eye-slash'"
|
||||
@click.native.stop.prevent="yskShowAmount = !yskShowAmount"></uni-icons>
|
||||
</view>
|
||||
<uni-icons class="eye-icon" :type="yiskShowAmount ? 'eye' : 'eye-slash'"
|
||||
@click.native.stop="yiskShowAmount = !yiskShowAmount"></uni-icons>
|
||||
<view class="zi2_2" style="margin-top: 10rpx;">{{ yskShowAmount ? yingskNum : '*****' }}</view>
|
||||
</view>
|
||||
<view class="boxf2" style="background: linear-gradient(135deg, #FFF7E0 40%, #FFE7B8 100%);"
|
||||
@click="goToOrder(5)">
|
||||
<view style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<view class="zi1_1">
|
||||
<image class="zi1_1-icon" src="@/static/icons/homeOrderCard/qucar.png" mode="aspectFit">
|
||||
</image>
|
||||
<text style="color: #a97747; font-size: 30rpx; font-weight: bold;">待取车</text>
|
||||
</view>
|
||||
<uni-icons class="eye-icon" :type="dqcShowAmount ? 'eye' : 'eye-slash'"
|
||||
@click.native.stop="dqcShowAmount = !dqcShowAmount"></uni-icons>
|
||||
</view>
|
||||
<view class="zi2_2" style="margin-top: 10rpx;">{{ dqcShowAmount ? dqcNum : '*****' }}</view>
|
||||
</view>
|
||||
<view class="zi2_2" style="margin-top: 10rpx;">{{ yiskShowAmount ? yiskNum : '*****' }}</view>
|
||||
</view>
|
||||
<view class="boxf2" style="background: linear-gradient(135deg, #F0E9FF 40%, #D9CEFF 100%);"
|
||||
@click="goToOrder(5)">
|
||||
<view style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<view class="zi1_1">
|
||||
<image class="zi1_1-icon" src="@/static/icons/homeOrderCard/dsk_solid.png" mode="aspectFit">
|
||||
</image>
|
||||
<text style="color: #6657da; font-weight: bold; font-size: 30rpx;">待收款</text>
|
||||
|
||||
<view class="two-box">
|
||||
<view class="boxf2" style="background: linear-gradient(135deg, #E6F8ED 40%, #C8F0D8 100%);"
|
||||
@click="goToOrder(1)">
|
||||
<view style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<view class="zi1_1">
|
||||
<image class="zi1_1-icon" src="@/static/icons/homeOrderCard/yisk_solid.png"
|
||||
mode="aspectFit">
|
||||
</image>
|
||||
<text style="color: #169948; font-size: 30rpx; font-weight: bold;">已收款</text>
|
||||
</view>
|
||||
<uni-icons class="eye-icon" :type="yiskShowAmount ? 'eye' : 'eye-slash'"
|
||||
@click.native.stop="yiskShowAmount = !yiskShowAmount"></uni-icons>
|
||||
</view>
|
||||
<uni-icons class="eye-icon" :type="dskShowAmount ? 'eye' : 'eye-slash'"
|
||||
@click.native.stop="dskShowAmount = !dskShowAmount"></uni-icons>
|
||||
<view class="zi2_2" style="margin-top: 10rpx;">{{ yiskShowAmount ? yiskNum : '*****' }}</view>
|
||||
</view>
|
||||
<view class="boxf2" style="background: linear-gradient(135deg, #F0E9FF 40%, #D9CEFF 100%);"
|
||||
@click="goToOrder(5)">
|
||||
<view style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<view class="zi1_1">
|
||||
<image class="zi1_1-icon" src="@/static/icons/homeOrderCard/dsk_solid.png"
|
||||
mode="aspectFit">
|
||||
</image>
|
||||
<text style="color: #6657da; font-weight: bold; font-size: 30rpx;">待收款</text>
|
||||
</view>
|
||||
<uni-icons class="eye-icon" :type="dskShowAmount ? 'eye' : 'eye-slash'"
|
||||
@click.native.stop="dskShowAmount = !dskShowAmount"></uni-icons>
|
||||
</view>
|
||||
<view class="zi2_2" style="margin-top: 10rpx;">{{ dskShowAmount ? dskNum : '*****' }}</view>
|
||||
</view>
|
||||
<view class="zi2_2" style="margin-top: 10rpx;">{{ dskShowAmount ? dskNum : '*****' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="yijian">
|
||||
<view class="y-left" @click="getyi()">
|
||||
<view class="">立即救援</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="box">
|
||||
|
||||
<template v-for="(item, index) in busiTypeList">
|
||||
<view :key="index" class="xz-box" :class="{ checked: busiType === index + 1 }"
|
||||
@click="getsxwhat(index + 1)">
|
||||
<image class="xz-box-icon" :src="item.icon" mode="aspectFit"></image>
|
||||
<view class="box-wenzi">{{item.label}}</view>
|
||||
<view class="checkedFlag">
|
||||
</view>
|
||||
<uni-icons class="checkedFlagIcon" type="checkmarkempty" size="22" color="#fff"></uni-icons>
|
||||
<view class="yijian">
|
||||
<view class="y-left" @click="getyi()">
|
||||
<view class="">立即救援</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="box">
|
||||
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<view class="four-box-header_2">
|
||||
<view class="four-box-header">
|
||||
<view class="blue-line"></view>
|
||||
<text class="four-box-header-title">救援列表</text>
|
||||
<template v-for="(item, index) in busiTypeList">
|
||||
<view :key="index" class="xz-box" :class="{ checked: busiType === index + 1 }"
|
||||
@click="getsxwhat(index + 1)">
|
||||
<image class="xz-box-icon" :src="item.icon" mode="aspectFit"></image>
|
||||
<view class="box-wenzi">{{item.label}}</view>
|
||||
<view class="checkedFlag">
|
||||
</view>
|
||||
<uni-icons class="checkedFlagIcon" type="checkmarkempty" size="22" color="#fff"></uni-icons>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<!-- <view class="four-box-header-extra" @click="gohistory()">
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<view class="four-box-header_2">
|
||||
<view class="four-box-header">
|
||||
<view class="blue-line"></view>
|
||||
<text class="four-box-header-title">救援列表</text>
|
||||
|
||||
<!-- <view class="four-box-header-extra" @click="gohistory()">
|
||||
<text style="color: #929292;">历史订单</text>
|
||||
<uni-icons type="right" color="#929292"></uni-icons>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="four-box-header_2_right">
|
||||
<text :class="['tab-item', { active: activeTab === 0 }]" @click="switchTab(0)">司机端</text>
|
||||
<text :class="['tab-item', { active: activeTab === 1 }]" @click="switchTab(1)">业务端</text>
|
||||
<text :class="['tab-item', { active: activeTab === 2 }]" @click="switchTab(2)">客户端</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tap-box">
|
||||
<view class="ques" v-if="orderList.length== 0 ">
|
||||
<image src="../../static/quesheng.png" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view style="display: flex;flex-direction: column;row-gap: 10px;" v-else>
|
||||
<order-card-new :status="1" @deleteOk="deleteOrderHandle" @refresh="getlist"
|
||||
v-for="(item, index) in orderList" :key="index" :orderData="item"
|
||||
:activeTab="activeTab"></order-card-new>
|
||||
</view>
|
||||
<view class="four-box-header_2_right">
|
||||
<text :class="['tab-item', { active: activeTab === 0 }]" @click="switchTab(0)">司机端</text>
|
||||
<text :class="['tab-item', { active: activeTab === 1 }]" @click="switchTab(1)">业务端</text>
|
||||
<text :class="['tab-item', { active: activeTab === 2 }]" @click="switchTab(2)">客户端</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<!-- 一键救援 -->
|
||||
<view style="width: 100%; height: 80px; "></view>
|
||||
<!-- dibu -->
|
||||
</view>
|
||||
<u-modal :show="showDelete" :title="title" :showCancelButton="true"></u-modal>
|
||||
<u-popup :show="showp" mode="center" :round="10">
|
||||
<scroll-view scroll-y style="height: 200px;">
|
||||
<view class="box_">
|
||||
<view class="title_">车辆提醒</view>
|
||||
<view class="size_" v-for="(item,index) in warnList" :key="index">{{item}}</view>
|
||||
<view class="tap-box">
|
||||
<view class="ques" v-if="orderList.length== 0 ">
|
||||
<image src="../../static/quesheng.png" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view style="display: flex;flex-direction: column;row-gap: 10px;" v-else>
|
||||
<order-card-new :status="1" @deleteOk="deleteOrderHandle" @refresh="getlist"
|
||||
v-for="(item, index) in orderList" :key="index" :orderData="item"
|
||||
:activeTab="activeTab"></order-card-new>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="annaiu" @click="showp=false">
|
||||
<view class="">确定</view>
|
||||
<!-- 一键救援 -->
|
||||
<view style="width: 100%; height: 80px; "></view>
|
||||
<!-- dibu -->
|
||||
</view>
|
||||
</u-popup>
|
||||
<tabBar :msg="msg"></tabBar>
|
||||
<u-modal :show="showDelete" :title="title" :showCancelButton="true"></u-modal>
|
||||
<u-popup :show="showp" mode="center" :round="10">
|
||||
<scroll-view scroll-y style="height: 200px;">
|
||||
<view class="box_">
|
||||
<view class="title_">车辆提醒</view>
|
||||
<view class="size_" v-for="(item,index) in warnList" :key="index">{{item}}</view>
|
||||
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="annaiu" @click="showp=false">
|
||||
<view class="">确定</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<tabBar :msg="msg"></tabBar>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user