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-list"> |
||||
<view class="problem-item" bind:tap="gotopage" data-obj="{{item}}" wx:for="{{data[tabValue]}}" wx:key="index" wx:if="{{index<3}}"> |
<view class="problem-item" data-obj="{{item}}" wx:for="{{tableList}}" wx:key="index" wx:if="{{index<3}}"> |
||||
<view class="frequency"> |
<view class="frequency" bind:tap="toNumber" data-icEventId="{{item.icEventId}}" > |
||||
<view class="frequency_title"> |
<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> |
<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> |
<view class="frequency_content"> |
||||
<view class="right-con"> |
<view class="content_categoryAllName">{{item.categoryAllName?item.categoryAllName:""}}</view> |
||||
<view class="right-con-txt"> |
<view style="display: flex; flex-direction: row;"> |
||||
{{item.content}} |
<view wx:if="{{item.solved=='未解决'}}" class="content_workOrde1">{{item.solved}}</view> |
||||
</view> |
<view wx:if="{{item.satisfactionName=='不满意'}}" class="content_workOrde1">、</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> |
</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> |
||||
</view> |
</view> |
||||
|
|||||
@ -1,97 +1,143 @@ |
|||||
.tag-list { |
.tag-list { |
||||
display: flex; |
display: flex; |
||||
margin: 0 -8rpx; |
margin: 0 -8rpx; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
margin-bottom: 15px; |
margin-bottom: 15px; |
||||
} |
} |
||||
.tag-list .tag { |
.tag-list .tag { |
||||
padding: 10rpx 20rpx; |
padding: 10rpx 20rpx; |
||||
font-size: 28rpx; |
font-size: 28rpx; |
||||
margin: 0 8rpx; |
margin: 0 8rpx; |
||||
color: #3A80E7; |
color: #3A80E7; |
||||
background: #F1F6FF; |
background: #F1F6FF; |
||||
border: 1px solid #3A80E7; |
border: 1px solid #3A80E7; |
||||
border-radius: 1000rpx; |
border-radius: 1000rpx; |
||||
} |
} |
||||
.tag-list .tag.cur { |
.tag-list .tag.cur { |
||||
background: #3A80E7; |
background: #3A80E7; |
||||
color: #ffff; |
color: #ffff; |
||||
} |
} |
||||
|
|
||||
.problem-item { |
.problem-item { |
||||
background: #F7F7F7; |
background: #F7F7F7; |
||||
border-radius: 20rpx; |
border-radius: 20rpx; |
||||
padding: 30rpx 20rpx; |
padding: 30rpx 20rpx; |
||||
display: flex; |
display: flex; |
||||
flex-direction: column; |
flex-direction: column; |
||||
margin-top: 15px; |
margin-top: 15px; |
||||
} |
} |
||||
|
|
||||
|
|
||||
.frequency { |
.frequency { |
||||
margin-right: 20rpx; |
margin-right: 20rpx; |
||||
border-radius: 20rpx; |
border-radius: 20rpx; |
||||
text-align: center; |
display: flex; |
||||
display: flex; |
flex-direction: column; |
||||
align-items: center; |
|
||||
|
|
||||
} |
} |
||||
.frequency_title{ |
.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; |
display: flex; |
||||
flex-direction: row; |
flex-direction: row; |
||||
font-size:30rpx; |
margin-top: 10rpx; |
||||
color: #000000; |
justify-content: space-between; |
||||
font-weight: bold; |
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{ |
.workOrde{ |
||||
margin-left: 20rpx; |
margin-left: 20rpx; |
||||
} |
} |
||||
|
|
||||
|
|
||||
.frequency.orange { |
.frequency.orange { |
||||
background: #FFEBE2; |
background: #FFEBE2; |
||||
color: #FC7031; |
color: #FC7031; |
||||
} |
} |
||||
.frequency.purple { |
.frequency.purple { |
||||
background: #E2E2FF; |
background: #E2E2FF; |
||||
color: #8482F7; |
color: #8482F7; |
||||
} |
} |
||||
.frequency.blue { |
.frequency.blue { |
||||
background: #D3EDFF; |
background: #D3EDFF; |
||||
color: #4AA2E2; |
color: #4AA2E2; |
||||
} |
} |
||||
|
|
||||
|
|
||||
.right-con { |
.right-con { |
||||
flex: 0 0 calc(100% - 100rpx); |
flex: 0 0 calc(100% - 100rpx); |
||||
width: calc(100% - 100rpx); |
width: calc(100% - 100rpx); |
||||
} |
} |
||||
|
|
||||
.right-con .right-con-txt { |
.right-con .right-con-txt { |
||||
font-size: 30rpx; |
font-size: 30rpx; |
||||
color: #333333; |
color: #333333; |
||||
line-height: 42rpx; |
line-height: 42rpx; |
||||
overflow: hidden; |
overflow: hidden; |
||||
text-overflow: ellipsis; |
text-overflow: ellipsis; |
||||
display: -webkit-box; |
display: -webkit-box; |
||||
-webkit-line-clamp: 2; |
-webkit-line-clamp: 2; |
||||
-webkit-box-orient: vertical; |
-webkit-box-orient: vertical; |
||||
height: 84rpx; |
height: 84rpx; |
||||
} |
} |
||||
.right-con-address { |
.right-con-address { |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
margin-right: 14rpx; |
margin-right: 14rpx; |
||||
margin-top: 30rpx; |
margin-top: 30rpx; |
||||
} |
} |
||||
.right-con-address .icon { |
.right-con-address .icon { |
||||
width: 24rpx; |
width: 24rpx; |
||||
height: 30rpx; |
height: 30rpx; |
||||
} |
} |
||||
|
|
||||
.right-con-address .right-con-address-txt { |
.right-con-address .right-con-address-txt { |
||||
font-size: 28rpx; |
font-size: 28rpx; |
||||
font-weight: 500; |
font-weight: 500; |
||||
color: #999999; |
color: #999999; |
||||
line-height: 40rpx; |
line-height: 40rpx; |
||||
} |
} |
||||
@ -1,3 +1,3 @@ |
|||||
<!-- <view>https://epmet-preview.elinkservice.cn/epmet-work-h5/#/Hotline?worktoken={{worktoken}}</view> --> |
<!-- <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> |
</web-view> |
||||
|
|||||
Loading…
Reference in new issue