From 60953728fe623c879178a8bb0a66c4881c29351b Mon Sep 17 00:00:00 2001
From: jiechaowu <jiechaowu@tencent.com>
Date: Fri, 7 Feb 2020 11:01:34 +0800
Subject: [PATCH] faat: detail page

---
 miniprogram/pages/room/room.wxml | 81 +++++++++++++++++++++++++-------
 miniprogram/pages/room/room.wxss | 14 +++++-
 2 files changed, 78 insertions(+), 17 deletions(-)

diff --git a/miniprogram/pages/room/room.wxml b/miniprogram/pages/room/room.wxml
index 8d81381..e5db68c 100644
--- a/miniprogram/pages/room/room.wxml
+++ b/miniprogram/pages/room/room.wxml
@@ -1,25 +1,69 @@
-<view>
+<!-- <view>
   <view>{{room.typeName}}</view>
   <view>{{room.typeValue}}</view>
   <view>{{room.date}}</view>
+</view> -->
+
+<view class="page">
+  <view class="page__bd">
+    <view class="weui-cells__title">交通信息</view>
+    <view class="weui-cells weui-cells_after-title">
+      <view class="weui-cell">
+        <view class="weui-cell__bd">交通类型</view>
+        <view class="weui-cell__ft">{{room.typeName}}</view>
+      </view>
+      <view class="weui-cell">
+        <view class="weui-cell__bd">班次</view>
+        <view class="weui-cell__ft">{{room.typeValue}}</view>
+      </view>
+      <view class="weui-cell">
+        <view class="weui-cell__bd">日期</view>
+        <view class="weui-cell__ft">{{room.date}}</view>
+      </view>
+    </view>
+  </view>
+</view>
+
+<view class="weui-cells__title">同行信息</view>
+<view class="weui-cells weui-cells_after-title">
+  <navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
+    <view class="weui-cell__bd">成员</view>
+    <view class="weui-cell__ft weui-cell__ft_in-access">{{memberNum}}人</view>
+  </navigator>
+  <navigator url="../im/room/room?roomId={{room.id}}" open-type="navigate" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
+    <view class="weui-cell__bd">同行聊天室</view>
+    <view class="weui-cell__ft weui-cell__ft_in-access">聊天</view>
+  </navigator>
+  <navigator wx:if="{{reportText}}" url="../report/list?roomId={{room.id}}" open-type="navigate" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
+    <view class="weui-cell__bd">病例报告</view>
+    <view class="weui-cell__ft weui-cell__ft_in-access">{{reportText}}</view>
+  </navigator>
+  <view wx:else class="weui-cell">
+    <view class="weui-cell__bd">病例报告</view>
+    <view class="weui-cell__ft">当前无疫情</view>
+  </view>
+  <navigator url="../report/report?roomId={{room.id}}" open-type="navigate" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
+    <view class="weui-cell__bd">报告疫情</view>
+    <view class="weui-cell__ft weui-cell__ft_in-access">我要报告</view>
+  </navigator>
 </view>
 
-<view>
+<!-- <view>
   <view>成员({{memberNum}})</view>
   <view class="group">
     <block wx:key="openid" wx:for="{{members}}">
-      <image src="{{item.src}}" ></image>
+      <image src="{{item.src}}"></image>
     </block>
   </view>
-</view>
+</view> -->
 
-<view class="uploader">
+<!-- <view class="uploader">
   <navigator url="../im/room/room?roomId={{room.id}}" open-type="navigate" class="uploader-text">
     <text>进入聊天室</text>
   </navigator>
-</view>
+</view> -->
 
-<view wx:if="{{reportText}}">
+<!-- <view wx:if="{{reportText}}">
   <icon type='warn'></icon>
   <navigator url="../report/list?roomId={{room.id}}" open-type="navigate">
     <text>{{reportText}}</text>
@@ -27,19 +71,24 @@
 </view>
 <view wx:else>
   <text>当前无疫情报告</text>
-</view>
+</view> -->
 
-<view class="uploader" bindtap="showWXCode">
-    <text>显示二维码</text>
-</view>
+<!-- <view class="uploader" bindtap="showWXCode">
+  <text>显示二维码</text>
+</view> -->
 
-<view class="uploader">
+<!-- <view class="uploader">
   <navigator url="../report/report?roomId={{room.id}}" open-type="navigate" class="uploader-text">
     <text>报告疫情</text>
   </navigator>
-</view>
+</view> -->
+<!-- <view class="uploader" bindtap="exitRoom">
+  <text>退出</text>
+</view> -->
 
-
-<view class="uploader"  bindtap="exitRoom">
-    <text>退出</text>
+<view class="page" style="margin-top:20px">
+  <view class="page__bd page__bd_spacing">
+    <button class="weui-btn" type="primary" bindtap="showWXCode">显示二维码</button>
+    <button class="weui-btn" type="primary" disabled="true" bindtap="exitRoom">退出</button>
+  </view>
 </view>
\ No newline at end of file
diff --git a/miniprogram/pages/room/room.wxss b/miniprogram/pages/room/room.wxss
index b6a2ad9..2a82378 100644
--- a/miniprogram/pages/room/room.wxss
+++ b/miniprogram/pages/room/room.wxss
@@ -1 +1,13 @@
-/* miniprogram/pages/room.wxss */
\ No newline at end of file
+/* miniprogram/pages/room.wxss */
+
+@import "../../lib/weui-miniprogram/weui-wxss/dist/style/weui.wxss";
+
+.button-sp-area{
+    margin: 0 auto;
+    padding-top: 15px;
+    text-align:center;
+}
+
+.mini-btn{
+    margin: 0 4px;
+}
-- 
Gitee