|
@@ -2,7 +2,7 @@
|
|
|
<view class="serve-content" :style="{'height':height +'px' }">
|
|
|
<view class="serve-title">可办事项</view>
|
|
|
<view class="serve-search">
|
|
|
- <view class="search-input" >
|
|
|
+ <view class="search-input">
|
|
|
<svg t="1733904658291" class="search-icon" viewBox="0 0 1024 1024" version="1.1"
|
|
|
xmlns="http://www.w3.org/2000/svg" p-id="5981" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
|
<path
|
|
@@ -10,8 +10,8 @@
|
|
|
p-id="5982">
|
|
|
</path>
|
|
|
</svg>
|
|
|
- <input confirm-type="search" class="input" placeholder-class="placeholder" ref="searchInputRef" :auto-blur="true" type="text"
|
|
|
- placeholder="搜索服务事项" v-model="matterName" @confirm="getMatterList" />
|
|
|
+ <input confirm-type="search" class="input" placeholder-class="placeholder" ref="searchInputRef"
|
|
|
+ :auto-blur="true" type="text" placeholder="搜索服务事项" v-model="matterName" @confirm="getMatterList" />
|
|
|
</view>
|
|
|
<view class="search-btn" @click.stop="getMatterList"> 搜 索 </view>
|
|
|
</view>
|
|
@@ -33,13 +33,14 @@
|
|
|
<view class="val-name">{{key}}</view>
|
|
|
<template v-for="(t_v, t_k , t_i) in (value || [])">
|
|
|
<view class="val">
|
|
|
- <view :class="['val-label' , showKey === getShowKey(index , t_i ) ? 'avtive-val-label' : '']" @click.stop="setShowKey(index , t_i)">
|
|
|
+ <view
|
|
|
+ :class="['val-label' , showKey === getShowKey(index , t_i ) ? 'avtive-val-label' : '']"
|
|
|
+ @click.stop="setShowKey(index , t_i)">
|
|
|
<text class="val-text one-row">{{ t_k }}</text>
|
|
|
<template v-if="t_v && t_v.length">
|
|
|
- <svg t="1734508422065"
|
|
|
- class="val-icon"
|
|
|
- viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
|
|
- p-id="4279" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
|
+ <svg t="1734508422065" class="val-icon" viewBox="0 0 1024 1024" version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg" p-id="4279"
|
|
|
+ xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
|
<path
|
|
|
d="M492.675886 904.817574L885.696074 511.797385 492.675886 118.777197c-12.258185-12.258185-12.432147-32.892131 0.187265-45.51052 12.707416-12.707416 32.995485-12.703323 45.511543-0.187265l411.660734 411.660734c7.120165 7.120165 10.163477 17.065677 8.990768 26.624381 1.500167 9.755178-1.5104 20.010753-8.990768 27.491121L538.374694 950.515359c-12.258185 12.258185-32.892131 12.432147-45.511543-0.187265-12.707416-12.707416-12.703323-32.995485-0.187265-45.51052z"
|
|
|
p-id="4280"></path>
|
|
@@ -49,7 +50,8 @@
|
|
|
<!-- showKey -->
|
|
|
<template v-if="showKey === getShowKey(index , t_i )">
|
|
|
<view class="project-box">
|
|
|
- <view class="val-item" v-for="item in (t_v || [])" @click.stop="LookMatterDetails(item)">
|
|
|
+ <view class="val-item" v-for="item in (t_v || [])"
|
|
|
+ @click.stop="LookMatterDetails(item)">
|
|
|
{{item.name}}
|
|
|
</view>
|
|
|
</view>
|
|
@@ -192,15 +194,22 @@
|
|
|
},
|
|
|
// 查看事项详情
|
|
|
LookMatterDetails(item) {
|
|
|
+ const { handleMethod, serviceObject, processingConditions, processingMaterial, processingDays } = item ||
|
|
|
+ {};
|
|
|
+ if (handleMethod || serviceObject || processingConditions || processingMaterial || processingDays > 0) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/map/matterDetails',
|
|
|
+ success: function(res) {
|
|
|
+ // 通过eventChannel向被打开页面传送数据
|
|
|
+ res.eventChannel.emit('acceptDataFromOpenerPage', item)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
// pages/map/matterDetails
|
|
|
// 在起始页面跳转到test.vue页面,并监听test.vue发送过来的事件数据
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/map/matterDetails',
|
|
|
- success: function(res) {
|
|
|
- // 通过eventChannel向被打开页面传送数据
|
|
|
- res.eventChannel.emit('acceptDataFromOpenerPage', item)
|
|
|
- }
|
|
|
- })
|
|
|
+
|
|
|
},
|
|
|
|
|
|
getNodesInfo() {
|
|
@@ -269,19 +278,22 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
background-color: #F5F5F5;
|
|
|
+
|
|
|
.search-icon {
|
|
|
width: 33rpx;
|
|
|
height: 33rpx;
|
|
|
-
|
|
|
+
|
|
|
path {
|
|
|
fill: #333333;
|
|
|
}
|
|
|
}
|
|
|
- .input{
|
|
|
+
|
|
|
+ .input {
|
|
|
height: 100%;
|
|
|
padding-left: 11rpx;
|
|
|
}
|
|
|
- .placeholder{
|
|
|
+
|
|
|
+ .placeholder {
|
|
|
color: #B3B3B3;
|
|
|
}
|
|
|
}
|
|
@@ -364,10 +376,11 @@
|
|
|
// border: 1rpx solid #F0F0F0;
|
|
|
// margin-bottom: 20rpx;
|
|
|
transition: height 1s;
|
|
|
-
|
|
|
+
|
|
|
path {
|
|
|
fill: #666666;
|
|
|
}
|
|
|
+
|
|
|
.val-label {
|
|
|
width: 100%;
|
|
|
height: 110rpx;
|
|
@@ -386,43 +399,50 @@
|
|
|
height: 34rpx;
|
|
|
transition: transform 0.3s;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
- .avtive-val-label{
|
|
|
- .val-text{
|
|
|
+
|
|
|
+ .avtive-val-label {
|
|
|
+ .val-text {
|
|
|
font-size: 26rpx;
|
|
|
font-family: PingFang SC, PingFang SC-Bold;
|
|
|
- font-weight: 700;
|
|
|
- color: #61a8ff;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #61a8ff;
|
|
|
}
|
|
|
+
|
|
|
.val-icon {
|
|
|
transform: rotate(90deg);
|
|
|
+
|
|
|
path {
|
|
|
fill: #61a8ff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .project-box{
|
|
|
+
|
|
|
+ .project-box {
|
|
|
background-color: #f5f5f5;
|
|
|
padding: 7rpx 20rpx;
|
|
|
- .val-item{
|
|
|
+
|
|
|
+ .val-item {
|
|
|
padding: 20rpx 0;
|
|
|
width: 100%;
|
|
|
min-height: 83rpx;
|
|
|
font-size: 24rpx;
|
|
|
line-height: 34rpx;
|
|
|
font-family: PingFang SC, PingFang SC-Regular;
|
|
|
- font-weight: 400;
|
|
|
- color: #666666;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: wrap;
|
|
|
border-bottom: 1rpx solid #E6E6E6;
|
|
|
- &:last-child{
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
border-bottom: none;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
// .val-item {
|
|
|
// width: 100%;
|
|
|
// min-height: 100rpx;
|