|
@@ -10,7 +10,10 @@
|
|
|
<view class="tab-item" :class="activeTab===3?'active':''" @click="tabChange(-1,3)">已撤销</view>
|
|
|
</view>
|
|
|
<view class="part-cont">
|
|
|
- <view class="item" v-for="item in items" :key="item.taskId" @click="handle('task',item)">
|
|
|
+ <view class="item" v-for="(item,taskIdx) in items" :key="item.taskId" @click="handle('task',item)">
|
|
|
+ <view class="index">
|
|
|
+ {{taskIdx+1}}
|
|
|
+ </view>
|
|
|
<view class="title">
|
|
|
<view class="name">{{item.taskTitle}}</view>
|
|
|
<view class="state">{{taskStatus(item.status)}}</view>
|
|
@@ -42,7 +45,10 @@
|
|
|
<view class="tab-item" :class="activeTab===3?'active':''" @click="tabChange(-1,3)">已撤销</view>
|
|
|
</view>
|
|
|
<view class="part-cont">
|
|
|
- <view class="item" v-for="item in items" :key="item.warnId" @click="handle('warn',item)">
|
|
|
+ <view class="item" v-for="(item,warnIdx) in items" :key="item.warnId" @click="handle('warn',item)">
|
|
|
+ <view class="index">
|
|
|
+ {{warnIdx+1}}
|
|
|
+ </view>
|
|
|
<view class="title">
|
|
|
<view class="name">{{item.warnTitle}}</view>
|
|
|
<view class="state">{{warningStatus(item.status)}}</view>
|
|
@@ -72,7 +78,10 @@
|
|
|
<view class="tab-item" :class="activeTab===3?'active':''" @click="tabChange(-1,3)">已撤销</view>
|
|
|
</view>
|
|
|
<view class="part-cont">
|
|
|
- <view class="item" v-for="item in items" :key="item.alertId">
|
|
|
+ <view class="item" v-for="(item,alertIdx) in items" :key="item.alertId">
|
|
|
+ <view class="index">
|
|
|
+ {{alertIdx+1}}
|
|
|
+ </view>
|
|
|
<view class="title">
|
|
|
<view class="name">{{item.alertTitle}}</view>
|
|
|
<view class="state">{{alertStatus(item.status)}}</view>
|
|
@@ -104,7 +113,10 @@
|
|
|
<view class="tab-item" :class="activeTab===4?'active':''" @click="tabChange(-1,4)">我撤销</view>
|
|
|
</view>
|
|
|
<view class="part-cont">
|
|
|
- <view class="item" v-for="item in items" :key="item.dangerId" @click="handle('danger',item)">
|
|
|
+ <view class="item" v-for="(item,dangerIdx) in items" :key="item.dangerId" @click="handle('danger',item)">
|
|
|
+ <view class="index">
|
|
|
+ {{dangerIdx+1}}
|
|
|
+ </view>
|
|
|
<view class="title">
|
|
|
<view class="name">{{item.dangerTitle}}</view>
|
|
|
<view class="state">{{dangerStatus(item.status)}}</view>
|
|
@@ -331,17 +343,33 @@
|
|
|
background-color: #fff;
|
|
|
border-radius: 12rpx;
|
|
|
margin-top: 16rpx;
|
|
|
- padding: 24rpx 20rpx;
|
|
|
+ padding: 24rpx 20rpx 24rpx 55rpx;
|
|
|
+ position: relative;
|
|
|
+ .index{
|
|
|
+ width: 44rpx;
|
|
|
+ height: 44rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-radius: 50%;
|
|
|
+ color:#ea8259;
|
|
|
+ background-color:#fbf1ed;
|
|
|
+ font-size:18rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 4rpx;
|
|
|
+ top: 26rpx;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
.title{
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
.name{
|
|
|
- font-size: 36rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
color: rgba(0, 0, 0, 0.8);
|
|
|
}
|
|
|
.state{
|
|
|
- font-size: 32rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
color: rgba(250, 139, 55, 1);
|
|
|
}
|
|
|
}
|