详情页

nnzwminiapp/pages/map/item-info.wxml

@@ -2,30 +2,31 @@
   <view style="width: 92%;  background: #fff; margin: 20rpx auto 0 auto; border-radius: 20rpx; box-shadow: 0px 3px 6px 0px rgb(98 137 174 / 18%);">
     <!-- 标题 -->
     <view style="width: 90%; margin: auto; padding-top: 30rpx;">
-      <view class="item-title">重庆市医科大学</view>
+      <view class="item-title">{{detail_dep}}</view>
       <view class="item-introduce2" style="margin-bottom: 10rpx;">
-        <text class="item-text-size">1233333333333333333333333333333333ddddddddddddddddddddddd3333333333333333333331111111111233333333333333333333333333333333ddddddddddddddddddddddd333333333333333333333111111111</text>
-        <image src="https://maponline2.bdimg.com/tile/?qt=vtile&x=2896&y=834&z=14&styles=pl&scaler=2&udt=20230306&from=jsapi2_0"></image>
+        <text wx:if="{{detail_content}}" class="item-text-size">{{detail_content}}</text>
+        <image wx:if="{{detail_img}}" src="https://www.cqna.gov.cn/data{{detail_img}}"></image>
       </view>
       <view class="item-info">
         <view>
           <text class="item-text-size item-tag-text">地址:</text>
-          <text class="item-text-size item-text" style="margin-left: 5rpx;">1111111111111111</text>
+          <text class="item-text-size item-text" style="margin-left: 5rpx;">{{detail_address}}</text>
         </view>
         <view>
           <text class="item-text-size item-tag-text">办公时间:</text>
-          <text class="item-text-size item-text" style="margin-left: 5rpx;">11111111111111111</text>
+          <text class="item-text-size item-text" style="margin-left: 5rpx;">{{detail_time?idetail_time:''}}</text>
         </view>
         <view>
           <text class="item-text-size item-tag-text">办公电话:</text>
-          <text class="item-text-size item-text" style="display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;">
-            <text bindtap="callNumber" style="margin-left: 5rpx;">1111111111111111;</text>
-          </text>
+          <text class="item-text-size item-text" style="margin-left: 5rpx;" bindtap="callNumber" data-value="{{detail_tel?detail_tel:''}}">{{detail_tel?detail_tel:''}}</text>
+          <!-- <text class="item-text-size item-text" style="display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;">
+            <text bindtap="callNumber" style="margin-left: 5rpx;">{{item.tel?item.tel:''}};</text>
+          </text> -->
         </view>
       </view>
     </view>
     <view class="item-btns">
-      <view class="item-bus" bindtap="changeItem" data-type="0">公交</view>
-      <view class="item-car" bindtap="changeItem" data-type="1">自驾</view>
+      <view class="item-bus" bindtap="changeItem" data-type="0" data-index="{{detail_index}}">公交</view>
+      <view class="item-car" bindtap="changeItem" data-type="1" data-index="{{detail_index}}">自驾</view>
     </view>
   </view>

nnzwminiapp/pages/map/item.wxml

@@ -23,12 +23,12 @@
             <text bindtap="callNumber" style="margin-left: 5rpx;">{{item.tel?item.tel:''}}</text>
           </text> -->
         </view>
-        <view class="check-info" bindtap="changeItem" data-value="none">点击查看详情</view>
+        <view class="check-info" bindtap="changeItem" data-value="none" data-index="{{index}}">点击查看详情</view>
       </view>
     </view>
     <view class="item-btns">
-      <view class="item-bus" bindtap="changeItem" data-type="0">公交</view>
-      <view class="item-car" bindtap="changeItem" data-type="1">自驾</view>
+      <view class="item-bus" bindtap="changeItem" data-type="0" data-index="{{index}}">公交</view>
+      <view class="item-car" bindtap="changeItem" data-type="1" data-index="{{index}}">自驾</view>
     </view>
   </view>
 <!-- </scroll-view> -->

nnzwminiapp/pages/map/map.js

@@ -56,6 +56,7 @@ Page({
         ],
         popData: [{ "popName": "", "data": [] }],
         showIndex: false,
+        showSearch: true,
         showTraffic: true,
         height: 0,
         searchVal: '',
@@ -1068,25 +1069,41 @@ Page({
     },
     // list跳转info
     changeItem(e) {
+        let that = this;
         console.info(e)
         let value = e.currentTarget.dataset.value;
         if (value === "none") {
-            this.setData({
-                isList: false
-            })
+            that.setData({
+                isList: false,
+                showSearch: false,
+                showSet: false,
+            });
         } else {
-            this.setData({
+            // 控制公交自驾选中状态
+            let type = e.currentTarget.dataset.type;
+            that.setData({
+                trafficType: type,
+                showSet: false
+            });
+            that.setData({
                 isList: false,
+                showSearch: false,
                 showSet: true
-            })
+            });
         }
-        let type = e.currentTarget.dataset.type;
-        this.setData({
-            trafficType: type,
-            showSet: false
-        });
-        this.setData({
-            showSet: true
+        // 详情赋值
+        let index = e.currentTarget.dataset.index;
+        let item = that.data.popData[index];
+        console.info(item);
+        that.setData({
+            detail_dep: item.dep,
+            detail_content: item.content,
+            detail_img: item.img,
+            detail_address: item.address,
+            detail_time: item.time,
+            detail_tel: item.tel,
+            detail_index: index,
+            trafficEnd: item.address
         });
     },
     getSearchVal(e) {
@@ -1179,12 +1196,14 @@ Page({
         if (!this.data.isList) {
             this.setData({
                 isList: true,
+                showSearch: true,
                 showSet: false
             });
         } else {
             if (!this.data.showTraffic) {
                 this.setData({
                     showTraffic: true,
+                    showSearch: true,
                     searchVal: ''
                 });
             }

nnzwminiapp/pages/map/map.wxml

@@ -12,13 +12,13 @@
     </view>
   </view>
   <view class="main">
-    <view wx:if="{{!showSet}}" class="top_search">
+    <view wx:if="{{showSearch}}" class="top_search">
       <view class="input-icon">
         <input type="text" enterkeyhint="search" confirm-type="search" bindconfirm="searchTap" name="" id="" value="{{searchVal}}" bindinput="getSearchVal" class="inp" placeholder="请输入您要搜索的内容" />
         <image src="{{imgUrl}}/ss2.png" class="inp-icon1" bindtap="searchTap"></image>
       </view>
     </view>
-    <view wx:else class="right-search" style="position: absolute; left: 22rpx; top: 10px; width: 708rpx; height: 300rpx; display: block; box-sizing: border-box; padding-top: 10rpx;">
+    <view wx:if="{{showSet}}" class="right-search" style="position: absolute; left: 22rpx; top: 10px; width: 708rpx; height: 300rpx; display: block; box-sizing: border-box; padding-top: 10rpx;">
         <t-tabs defaultValue="{{trafficType}}" theme="tag" style="height: 292rpx; ">
           <t-tab-panel label="公交" value="0" style=" height: 180rpx; ">
             <include src="./quert"></include>