|
@@ -17,36 +17,58 @@
|
|
|
<u-tabs-swiper ref="uTabs" :list="tabList" name="dispName" :current="current" @change="tabsChange" :is-scroll="false"
|
|
|
swiperWidth="750"></u-tabs-swiper>
|
|
|
</view>
|
|
|
+ <view class="all-filter" v-show="current==2">
|
|
|
+ <u-row>
|
|
|
+ <text>发起时间</text>
|
|
|
+ <view class="filter-icon">
|
|
|
+ <u-icon name="arrow-up-fill" color="#888888" size="24"></u-icon>
|
|
|
+ <u-icon name="arrow-down-fill" color="#2979ff" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ </u-row>
|
|
|
+ <u-row>
|
|
|
+ <text>处理时间</text>
|
|
|
+ <view class="filter-icon">
|
|
|
+ <u-icon name="arrow-up-fill" color="#888888" size="24"></u-icon>
|
|
|
+ <u-icon name="arrow-down-fill" color="#888888" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ </u-row>
|
|
|
+ <view >
|
|
|
+ <text>筛选</text>
|
|
|
+ <u-icon name="shaixuan" custom-prefix="xd-icon" size="32" color="#888888"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<swiper class="check-list" :current="swiperCurrent" @transition="transition" @change="swiperChange" @animationfinish="animationfinish">
|
|
|
- <swiper-item class="swiper-item" style="height: 100%;width: 100%;overflow: hidden;" v-for="(tabs, index) in tabList" :key="index">
|
|
|
- <scroll-view scroll-y style="height: 100%;width: 100%;overflow: auto;" @scrolltolower="onreachBottom">
|
|
|
+ <swiper-item class="swiper-item" v-for="(tabs, index) in tabList" :key="index">
|
|
|
+ <scroll-view scroll-y class="scroll-view" @scrolltolower="onreachBottom">
|
|
|
<view
|
|
|
class="check-order-list"
|
|
|
v-for="(item,index) in list"
|
|
|
:key="item.id"
|
|
|
>
|
|
|
<view class="check-row" @click="viewRow(item)">
|
|
|
- <view>{{item.carModelName}}</view>
|
|
|
+ <view class="ellipsis-one">{{item.carModelName}}</view>
|
|
|
<view class="createDate">{{item.createDate}}</view>
|
|
|
</view>
|
|
|
<view class="check-row" @click="viewRow(item)">
|
|
|
- <view>
|
|
|
+ <view class="ellipsis-one">
|
|
|
{{item.vehicleNumber}}
|
|
|
</view>
|
|
|
- <view style="text-align: right;">
|
|
|
- <uni-font-icons size="14" type="icon-phone"></uni-font-icons>
|
|
|
+ <view class="text-right">
|
|
|
<text>{{item.customMobile}}</text>
|
|
|
</view>
|
|
|
- <view style="width: 40upx;text-align: right;" v-if="item.resultState != 10">
|
|
|
- <uni-font-icons type="icon-xiangyoujiantou"></uni-font-icons>
|
|
|
+ <view class="icon-xian" >
|
|
|
+ <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="30" color="#888888"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="check-row">
|
|
|
<view>
|
|
|
{{item.orderSource}}
|
|
|
</view>
|
|
|
- <view style="text-align: right;">
|
|
|
-
|
|
|
+ <view class="text-right">
|
|
|
+ <text class="mark">
|
|
|
+ 抄送
|
|
|
+ </text>
|
|
|
+ <view class="status">待整改</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -58,9 +80,9 @@
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
</view>
|
|
|
- <!-- 工单查询 -->
|
|
|
+ <!-- 全部筛选 -->
|
|
|
<u-popup v-model="showSearch" class="search-popup" mode="right" :custom-style="{top:'var(--status-bar-height)'}" length="80%">
|
|
|
- <view class="search-title">工单查询</view>
|
|
|
+ <view class="search-title">待办单查询</view>
|
|
|
<view class="uni-list">
|
|
|
<view class="uni-list-cell">
|
|
|
<view class="uni-list-cell-left">
|
|
@@ -295,14 +317,46 @@
|
|
|
margin-right: 10upx;
|
|
|
}
|
|
|
}
|
|
|
+ .text-right {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
.pagesCons{
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
.tab-body{
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
.check-list{
|
|
|
- height: calc(100vh - 120px);
|
|
|
+ flex: 1;
|
|
|
+ overflow-y: scroll;
|
|
|
+ .swiper-item{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ .scroll-view {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 全部筛选
|
|
|
+ .all-filter{
|
|
|
+ width: 100%;
|
|
|
+ height: 100upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-around;
|
|
|
+ box-shadow: 1px 1px 3px #EEEEEE;
|
|
|
+ .filter-icon{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-left: 10upx;
|
|
|
+ }
|
|
|
}
|
|
|
+ // 列表样式
|
|
|
.check-order-list{
|
|
|
background: #ffffff;
|
|
|
padding: 10upx 20upx;
|
|
@@ -314,11 +368,16 @@
|
|
|
align-items: center;
|
|
|
padding: 20upx 10upx;
|
|
|
font-size: 28upx;
|
|
|
+ .icon-xian{
|
|
|
+ text-align: right;
|
|
|
+ width: 40upx;
|
|
|
+ }
|
|
|
&:first-child{
|
|
|
border-bottom: 1px dashed #F8F8F8;
|
|
|
- font-size: 26upx;
|
|
|
.createDate{
|
|
|
- color: #666;
|
|
|
+ // color: #666;
|
|
|
+ font-size: 26upx;
|
|
|
+ margin-left: 10upx;
|
|
|
}
|
|
|
}
|
|
|
&:last-child{
|
|
@@ -326,44 +385,23 @@
|
|
|
}
|
|
|
> view{
|
|
|
&:first-child{
|
|
|
- flex-grow: 1;
|
|
|
- }
|
|
|
- }
|
|
|
- .action{
|
|
|
- margin: 0 6rpx;
|
|
|
- padding: 0 20rpx;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- .edit{
|
|
|
- background-color: #f9ba09;
|
|
|
- }
|
|
|
- .view{
|
|
|
- background-color: #ff7801;
|
|
|
- }
|
|
|
- .del{
|
|
|
- background-color: #f72525;
|
|
|
- }
|
|
|
- .finish{
|
|
|
- background-color: #2d8cf0;
|
|
|
- }
|
|
|
- .pay{
|
|
|
- background-color: #10c71e;
|
|
|
- }
|
|
|
- .check-btns{
|
|
|
- width: '50%';
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-end;
|
|
|
- > view{
|
|
|
- margin-left: 35upx;
|
|
|
- font-size: 28upx;
|
|
|
+ flex: 1;
|
|
|
}
|
|
|
}
|
|
|
- .u-tag{
|
|
|
- border-radius: 0;
|
|
|
+ // 抄送标记
|
|
|
+ .mark {
|
|
|
+ color: #00C1DE;
|
|
|
+ padding: 6upx;
|
|
|
+ font-size: 24upx;
|
|
|
+ border: 1px solid #00C1DE;
|
|
|
+ border-radius: 6upx;
|
|
|
+ margin-right: 10upx;
|
|
|
}
|
|
|
- .uni-icons{
|
|
|
- margin: 0 5upx;
|
|
|
+ // 状态
|
|
|
+ .status {
|
|
|
+ display: inline-block;
|
|
|
+ width: 150upx;
|
|
|
+ color: red;
|
|
|
}
|
|
|
}
|
|
|
}
|