Browse Source
# Conflicts: # pages/statistics/modules/AttackEvent/AttackEvent.js # pages/statistics/modules/AttackEvent/AttackEvent.wxml # pages/statistics/modules/AttackEvent/AttackEvent.wxss # pages/statistics/modules/HotlineRates/HotlineRates.js # pages/statistics/modules/HotlineRates/HotlineRates.wxml # pages/statistics/statistics.wxml # pages/webView/webView.js # pages/webView/webView.wxmldata-page-lingshan
是小王呀\24601
7 months ago
10 changed files with 334 additions and 130 deletions
@ -1,25 +1,25 @@ |
|||
<view class="problem-list"> |
|||
<view class="problem-item" bind:tap="gotopage" data-obj="{{item}}" wx:for="{{data[tabValue]}}" wx:key="index" wx:if="{{index<3}}"> |
|||
<view class="frequency"> |
|||
<view class="problem-item" data-obj="{{item}}" wx:for="{{tableList}}" wx:key="index" wx:if="{{index<3}}"> |
|||
<view class="frequency" bind:tap="toNumber" data-icEventId="{{item.icEventId}}" > |
|||
<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.amount}}</view> |
|||
<view class="workOrde">工单号:{{item.icEventId}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="right-con"> |
|||
<view class="right-con-txt"> |
|||
{{item.content}} |
|||
</view> |
|||
<view class="right-con-address"> |
|||
<block wx:if="{{tabValue === 'mobileEvent'}}"> |
|||
<image src="../../../../images/statistics/avatar.png" mode="widthFix" class="icon" /> |
|||
<text class="right-con-address-txt"> {{item.mobile}}</text> |
|||
</block> |
|||
<block wx:else> |
|||
<image src="../../../../images/statistics/address.png" mode="widthFix" class="icon" /> |
|||
<text class="right-con-address-txt"> {{item.name ? item.name : ''}} {{item.address}}</text> |
|||
</block> |
|||
<view class="frequency_content"> |
|||
<view class="content_categoryAllName">{{item.categoryAllName?item.categoryAllName:""}}</view> |
|||
<view style="display: flex; flex-direction: row;"> |
|||
<view wx:if="{{item.solved=='未解决'}}" class="content_workOrde1">{{item.solved}}</view> |
|||
<view wx:if="{{item.satisfactionName=='不满意'}}" class="content_workOrde1">、</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view wx:if="{{item.satisfactionName=='不满意'}}" class="content_workOrde">{{item.satisfactionName}}</view> |
|||
|
|||
|
|||
</view> |
|||
<view class="frequency_footer"> |
|||
<view class="content_eventContent">{{item.eventContent}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
|
|||
@ -1,97 +1,143 @@ |
|||
.tag-list { |
|||
display: flex; |
|||
margin: 0 -8rpx; |
|||
justify-content: space-between; |
|||
margin-bottom: 15px; |
|||
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; |
|||
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; |
|||
background: #3A80E7; |
|||
color: #ffff; |
|||
} |
|||
|
|||
.problem-item { |
|||
background: #F7F7F7; |
|||
border-radius: 20rpx; |
|||
padding: 30rpx 20rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin-top: 15px; |
|||
background: #F7F7F7; |
|||
border-radius: 20rpx; |
|||
padding: 30rpx 20rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
|
|||
.frequency { |
|||
margin-right: 20rpx; |
|||
border-radius: 20rpx; |
|||
text-align: center; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
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; |
|||
font-size:30rpx; |
|||
color: #000000; |
|||
font-weight: bold; |
|||
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; |
|||
} |
|||
.content_workOrde1 { |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 26rpx; |
|||
color: #FFA312; |
|||
line-height: 42rpx; |
|||
} |
|||
.workOrde{ |
|||
margin-left: 20rpx; |
|||
margin-left: 20rpx; |
|||
} |
|||
|
|||
|
|||
.frequency.orange { |
|||
background: #FFEBE2; |
|||
color: #FC7031; |
|||
background: #FFEBE2; |
|||
color: #FC7031; |
|||
} |
|||
.frequency.purple { |
|||
background: #E2E2FF; |
|||
color: #8482F7; |
|||
background: #E2E2FF; |
|||
color: #8482F7; |
|||
} |
|||
.frequency.blue { |
|||
background: #D3EDFF; |
|||
color: #4AA2E2; |
|||
background: #D3EDFF; |
|||
color: #4AA2E2; |
|||
} |
|||
|
|||
|
|||
.right-con { |
|||
flex: 0 0 calc(100% - 100rpx); |
|||
width: calc(100% - 100rpx); |
|||
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; |
|||
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; |
|||
display: flex; |
|||
align-items: center; |
|||
margin-right: 14rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
.right-con-address .icon { |
|||
width: 24rpx; |
|||
height: 30rpx; |
|||
width: 24rpx; |
|||
height: 30rpx; |
|||
} |
|||
|
|||
.right-con-address .right-con-address-txt { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
line-height: 40rpx; |
|||
} |
|||
@ -1,3 +1,3 @@ |
|||
<!-- <view>https://epmet-preview.elinkservice.cn/epmet-work-h5/#/Hotline?worktoken={{worktoken}}</view> --> |
|||
<web-view src="https://epmet-preview.elinkservice.cn/epmet-work-h5/#/Hotline?worktoken={{worktoken}}&staffId={{staffId}}&type={{type}}&day={{day}}&&day2={{day2}}"> |
|||
<web-view src="{{url}}"> |
|||
</web-view> |
|||
|
|||
Loading…
Reference in new issue