From 9c34ad362aadb3664faefbdd6a19d9510cc5af4e Mon Sep 17 00:00:00 2001
From: luoye <397379429@qq.com>
Date: Sat, 12 Aug 2017 15:45:30 +0800
Subject: [PATCH] mask

---
 littleApp_child/app.json                           |  6 +-
 littleApp_child/pages/CheckReport/CheckReport.js   | 26 ++++++--
 littleApp_child/pages/CheckReport/CheckReport.wxml | 33 ++++++++--
 littleApp_child/pages/CheckReport/CheckReport.wxss |  5 +-
 littleApp_child/utils/util_UI.wxss                 | 75 +++++++++++++++++++++-
 littleApp_child/utils/util_template.wxml           | 22 +++++++
 6 files changed, 153 insertions(+), 14 deletions(-)
 create mode 100644 littleApp_child/utils/util_template.wxml

diff --git a/littleApp_child/app.json b/littleApp_child/app.json
index d03164e..f988178 100644
--- a/littleApp_child/app.json
+++ b/littleApp_child/app.json
@@ -1,13 +1,13 @@
 {
   "pages": [
-      "pages/home/home",
+    
+    "pages/home/home",
    
-   "pages/checkTabList/checkTabList",
+    "pages/checkTabList/checkTabList",
     
     "pages/CheckReport/CheckReport",
     "pages/articleLists/articleLists",
     "pages/hospitalList/hospitalList",
-    
 
     
     "pages/SearchPage/SearchPage",
diff --git a/littleApp_child/pages/CheckReport/CheckReport.js b/littleApp_child/pages/CheckReport/CheckReport.js
index 3303cd0..eaa32cc 100644
--- a/littleApp_child/pages/CheckReport/CheckReport.js
+++ b/littleApp_child/pages/CheckReport/CheckReport.js
@@ -20,8 +20,11 @@ Page({
     todayInfo:'',
     // 是否建档
     subscribe:false,
+    flag: false,
     // 问诊信息
-    wzInfo:''
+    wzInfo:'',
+    // 预约详细信息
+    subscribeDetails:''
   },
   onLoad: function (option) {
 
@@ -81,6 +84,14 @@ Page({
   clickDate(e){
     this.changeDateWithIndex(e.detail.value)
   },
+  // 查看预约建档
+  lookSubscribe(){
+    this.setData({ flag: true })
+  },
+  // 关闭预约建档
+  closeMask(){
+    this.setData({ flag: false })
+  },
   // 通过日期列表下标改变日期文字
   changeDateWithIndex(index){
     var text = this.data.dateList[index]
@@ -105,7 +116,7 @@ Page({
         self.changeDateWithIndex(0)
       }
     }, function (res) {
-      wx.stopPullDownRefresh()
+      
     })
   },
   getCheckDetails() {
@@ -118,15 +129,20 @@ Page({
     networkUtil._get(api.checkDetails, params, function (res) {
       console.log('获取当天信息', res)
       var subscribe = false
-      if (res.data.data.nextcheck && res.data.data.nextcheck.length > 0){
+      var subscribeDetail = {}
+      // 下次产检信息
+      if (res.data.data && res.data.data.nextcheck && res.data.data.nextcheck.length > 0){
         subscribe = true
+        subscribeDetail.checkhospital = res.data.data.checkhospital
+        subscribeDetail.nextcheck = res.data.data.nextcheck
       }
       self.setData({
         todayInfo: res.data.data,
-        subscribe: subscribe
+        subscribe: subscribe,
+        subscribeDetails: subscribeDetail
       })
     }, function (res) {
-      wx.stopPullDownRefresh()
+      
     })
   },
   getWzXinxi() {
diff --git a/littleApp_child/pages/CheckReport/CheckReport.wxml b/littleApp_child/pages/CheckReport/CheckReport.wxml
index 18f6cf0..13ab828 100644
--- a/littleApp_child/pages/CheckReport/CheckReport.wxml
+++ b/littleApp_child/pages/CheckReport/CheckReport.wxml
@@ -1,7 +1,7 @@
-<view class="backgroundView">
+<import src="../../utils/util_template.wxml" />
 
-    
 
+<view class="backgroundView">
     <!-- <image class="TopBgImage" src=""></image> -->
     <!--顶部红色有头像等信息的栏目-->
     <view class="TopBar">
@@ -17,7 +17,7 @@
         </picker>
         <image class="icon_left" bindtap="toBefore" src="../../source/left.png"></image>
         <image class="icon_right" bindtap="toAfter" src="../../source/right.png"></image>
-        <image class="subscribe_bg" wx:if="{{subscribe}}" bindtap="" src="../../source/yuyue.png" mode="aspectFill"></image>
+        <image class="subscribe_bg" wx:if="{{subscribe}}" bindtap="lookSubscribe" src="../../source/yuyue.png" mode="aspectFill"></image>
         <!--下方黑色横条-->
         <view class="infoBar">
             <view class="infoView">
@@ -114,4 +114,29 @@
       </view>
 
     </view>
-</view>
\ No newline at end of file
+</view>
+
+
+
+
+
+
+
+<view class="mask_subscribe_bg" wx:if="{{flag}}"> 
+      <view class="mask_subscribe_content"> 
+        <view class="mask_subscribe_title">预约信息</view>
+        <view class="mask_subscribe_time">
+          <label>预约时间：</label>
+          <label class="mask_subscribe_content_text">{{subscribeDetails.nextcheck}}</label>
+        </view>
+        <view class="mask_subscribe_office">
+          <label>检查科室：</label>
+          <label class="mask_subscribe_content_text">{{subscribeDetails.office ? subscribeDetails.office : '-'}}</label>
+        </view>
+        <view class="mask_subscribe_hospital">
+          <label>医院名称：</label>
+          <label class="mask_subscribe_content_text">{{subscribeDetails.checkhospital}}</label>
+        </view>
+        <view class="mask_subscribe_content_closeBtn" bindtap="closeMask">知道了</view>
+      </view>
+  </view> 
\ No newline at end of file
diff --git a/littleApp_child/pages/CheckReport/CheckReport.wxss b/littleApp_child/pages/CheckReport/CheckReport.wxss
index d1ce68c..319eaf8 100644
--- a/littleApp_child/pages/CheckReport/CheckReport.wxss
+++ b/littleApp_child/pages/CheckReport/CheckReport.wxss
@@ -316,4 +316,7 @@
     margin-right: 10px;
     width: 40px;
     height: 20px;
-}
\ No newline at end of file
+}
+
+
+
diff --git a/littleApp_child/utils/util_UI.wxss b/littleApp_child/utils/util_UI.wxss
index 53d30b3..942959a 100644
--- a/littleApp_child/utils/util_UI.wxss
+++ b/littleApp_child/utils/util_UI.wxss
@@ -65,4 +65,77 @@
 
 .redColor {
   background: #E85858;
-}
\ No newline at end of file
+}
+
+
+
+
+
+/* 模板--遮罩 */
+.mask_subscribe_bg{
+  position:fixed;
+  width:100%;
+  height:100%;
+  top:0px;
+  background:rgba(0,0,0,0.4);
+  overflow: hidden;
+} 
+
+.mask_subscribe_content{
+  /* width: 90%;*/
+  margin:35% auto;
+  overflow: hidden;
+  background-color: #fff;
+  border-radius: 4px;
+  width: 280px;
+  height: 280px;
+  font-size: 14px;
+  color: #333333;
+} 
+
+.mask_subscribe_title {
+  width: 100%;
+  text-align: center;
+  margin-top: 30px;
+  font-size: 20px;
+  color: #333333;
+  letter-spacing: 0;
+  line-height: 20px;
+  font-family: PingFang-SC-Medium;
+}
+
+.mask_subscribe_time {
+  margin-top: 30px;
+  margin-left: 40px;
+  margin-right: 15px;
+  
+}
+
+.mask_subscribe_office {
+  margin-top: 12px;
+  margin-left: 40px;
+  margin-right: 15px;
+}
+
+.mask_subscribe_hospital {
+  margin-top: 12px;
+  margin-left: 40px;
+  margin-right: 15px;
+}
+
+ .mask_subscribe_content_text {
+   color: #666666;
+ }
+
+ .mask_subscribe_content_closeBtn {
+  font-size: 14px;
+  color: #FFFFFF;
+  background: #48C17B;
+  border-radius: 100px;
+  width: 160px;
+  height: 32px;
+  margin-top: 50px;
+  text-align: center;
+  margin-left: calc(50% - 80px);
+  line-height: 32px;
+ }
\ No newline at end of file
diff --git a/littleApp_child/utils/util_template.wxml b/littleApp_child/utils/util_template.wxml
new file mode 100644
index 0000000..c56efd8
--- /dev/null
+++ b/littleApp_child/utils/util_template.wxml
@@ -0,0 +1,22 @@
+<template name="temp_mask_subscribe">
+    <view class="mask_subscribe_bg" hidden="{{flag}}"> 
+      <view class="mask_subscribe_content"> 
+        <view class="mask_subscribe_title">预约信息</view>
+        <view class="mask_subscribe_time">
+          <label>预约时间：</label>
+          <label class="mask_subscribe_content_text">20111111</label>
+        </view>
+        <view class="mask_subscribe_office">
+          <label>检查科室：</label>
+          <label class="mask_subscribe_content_text">儿科</label>
+        </view>
+        <view class="mask_subscribe_hospital">
+          <label>医院名称：</label>
+          <label class="mask_subscribe_content_text">哎三大所大所大撒</label>
+        </view>
+        <view class="mask_subscribe_content_closeBtn" bindtap="closeMask">知道了</view>
+      </view>
+  </view> 
+</template>
+
+
-- 
1.8.3.1