是小王呀\24601
8 months ago
5 changed files with 215 additions and 1 deletions
@ -0,0 +1,54 @@ |
|||
import {icEventList} from "../../../../utils/api"; |
|||
Component({ |
|||
properties: {}, |
|||
data: { |
|||
tableList: [], |
|||
tabValue: 'addressEvent', |
|||
data: {} |
|||
}, |
|||
ready() { |
|||
this.getData() |
|||
}, |
|||
methods: { |
|||
getData() { |
|||
let params = { |
|||
agencyId: "", // 代理商ID
|
|||
deliveryStatus: "", // 交付状态
|
|||
departId: "", // 部门ID
|
|||
endTime: "", // 结束时间
|
|||
eventContent: "", // 事件内容
|
|||
firstIdList: [], // 第一个ID列表，可能是数组类型
|
|||
handleStatus: "", // 处理状态
|
|||
limitEndTime: "", // 限制结束时间
|
|||
limitStartTime: "", // 限制开始时间
|
|||
mobile: "", // 手机号
|
|||
name: "", // 姓名
|
|||
operationType: "", // 操作类型
|
|||
pageNo: 1, // 页码，默认第一页
|
|||
pageSize: "20", // 每页条数，作为字符串传递
|
|||
selectType: "gjk", // 选择类型，可能是用于过滤
|
|||
sourceType: "", // 来源类型
|
|||
startTime: "", // 开始时间
|
|||
status: "", // 状态
|
|||
workOrderNum: "" // 工单号
|
|||
} |
|||
icEventList(params).then(res => { |
|||
console.log(res,"sdkjldsf"); |
|||
this.setData({ |
|||
tableList: res.data.list |
|||
}) |
|||
}) |
|||
}, |
|||
gotopage(e) { |
|||
console.log(e) |
|||
let data = e.currentTarget.dataset.obj |
|||
if (data.content) { |
|||
delete data.content |
|||
} |
|||
wx.navigateTo({ |
|||
url: '/subpages/statistics/pages/problem/problem?type='+this.data.tabValue+'&data='+JSON.stringify(data) |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
}); |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"Tabs": "../../../../components/Tabs" |
|||
} |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
<view class="problem-list"> |
|||
<view class="problem-item" bind:tap="gotopage" data-obj="{{item}}" wx:for="{{tableList}}" wx:key="index" wx:if="{{index<3}}"> |
|||
<view class="frequency"> |
|||
<view class="frequency_title"> |
|||
<image style="height: 36rpx; width: 36rpx;" src="https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250107/98ae411b86df48529139259c58c8e748.png"></image> |
|||
<view class="workOrde">工单号:{{item.icEventId}}</view> |
|||
</view> |
|||
<view class="frequency_content"> |
|||
<view class="content_categoryAllName">{{item.categoryAllName}}</view> |
|||
<view class="content_workOrde">{{item.satisfactionName}}</view> |
|||
</view> |
|||
<view class="frequency_footer"> |
|||
<view class="content_eventContent">{{item.eventContent}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,136 @@ |
|||
.tag-list { |
|||
display: flex; |
|||
margin: 0 -8rpx; |
|||
justify-content: space-between; |
|||
margin-bottom: 15px; |
|||
} |
|||
.tag-list .tag { |
|||
padding: 10rpx 20rpx; |
|||
font-size: 28rpx; |
|||
margin: 0 8rpx; |
|||
color: #3A80E7; |
|||
background: #F1F6FF; |
|||
border: 1px solid #3A80E7; |
|||
border-radius: 1000rpx; |
|||
} |
|||
.tag-list .tag.cur { |
|||
background: #3A80E7; |
|||
color: #ffff; |
|||
} |
|||
|
|||
.problem-item { |
|||
background: #F7F7F7; |
|||
border-radius: 20rpx; |
|||
padding: 30rpx 20rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
|
|||
.frequency { |
|||
margin-right: 20rpx; |
|||
border-radius: 20rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.frequency_title{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
font-size:30rpx; |
|||
color: #000000; |
|||
font-weight: bold; |
|||
} |
|||
.frequency_content{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
margin-top: 10rpx; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.content_categoryAllName{ |
|||
width: 70%; |
|||
white-space: nowrap; /* 防止文本换行 */ |
|||
overflow: hidden; /* 隐藏超出的文本 */ |
|||
text-overflow: ellipsis; /* 如果文本超出容器，显示省略号 */ |
|||
font-size: 26rpx; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
.frequency_footer{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
margin-top: 10rpx; |
|||
justify-content: space-between; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
line-height: 42rpx; |
|||
} |
|||
.content_eventContent{ |
|||
display: -webkit-box; /* 必须设置为 box 模式 */ |
|||
-webkit-line-clamp: 2; /* 限制显示两行 */ |
|||
-webkit-box-orient: vertical; /* 设置排列方向为垂直 */ |
|||
overflow: hidden; /* 隐藏超出部分 */ |
|||
text-overflow: ellipsis; /* 显示省略号 */ |
|||
} |
|||
.content_workOrde{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 26rpx; |
|||
color: #FC5231; |
|||
line-height: 42rpx; |
|||
} |
|||
.workOrde{ |
|||
margin-left: 20rpx; |
|||
} |
|||
|
|||
|
|||
.frequency.orange { |
|||
background: #FFEBE2; |
|||
color: #FC7031; |
|||
} |
|||
.frequency.purple { |
|||
background: #E2E2FF; |
|||
color: #8482F7; |
|||
} |
|||
.frequency.blue { |
|||
background: #D3EDFF; |
|||
color: #4AA2E2; |
|||
} |
|||
|
|||
|
|||
.right-con { |
|||
flex: 0 0 calc(100% - 100rpx); |
|||
width: calc(100% - 100rpx); |
|||
} |
|||
|
|||
.right-con .right-con-txt { |
|||
font-size: 30rpx; |
|||
color: #333333; |
|||
line-height: 42rpx; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
height: 84rpx; |
|||
} |
|||
.right-con-address { |
|||
display: flex; |
|||
align-items: center; |
|||
margin-right: 14rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
.right-con-address .icon { |
|||
width: 24rpx; |
|||
height: 30rpx; |
|||
} |
|||
|
|||
.right-con-address .right-con-address-txt { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
Loading…
Reference in new issue