luoye / littleApp_child

Commit 9c34ad362aadb3664faefbdd6a19d9510cc5af4e

Authored by luoye almost 8 years ago

Exists in master and in 2 other branches

mask

Showing 5 changed files with 153 additions and 14 deletions

littleApp_child/app.json
littleApp_child/pages/CheckReport/CheckReport.js
littleApp_child/pages/CheckReport/CheckReport.wxml
littleApp_child/utils/util_UI.wxss
littleApp_child/utils/util_template.wxml

1	1	{
2	2	"pages": [
3		- "pages/home/home",
	3	+
	4	+ "pages/home/home",
4	5
5		- "pages/checkTabList/checkTabList",
	6	+ "pages/checkTabList/checkTabList",
6	7
7	8	"pages/CheckReport/CheckReport",
8	9	"pages/articleLists/articleLists",
9	10	"pages/hospitalList/hospitalList",
10		-
11	11
12	12
13	13	"pages/SearchPage/SearchPage",

...	...	@@ -20,8 +20,11 @@
20	20	todayInfo:'',
21	21	// 是否建档
22	22	subscribe:false,
	23	+ flag: false,
23	24	// 问诊信息
24		- wzInfo:''
	25	+ wzInfo:'',
	26	+ // 预约详细信息
	27	+ subscribeDetails:''
25	28	},
26	29	onLoad: function (option) {
27	30
...	...	@@ -81,6 +84,14 @@
81	84	clickDate(e){
82	85	this.changeDateWithIndex(e.detail.value)
83	86	},
	87	+ // 查看预约建档
	88	+ lookSubscribe(){
	89	+ this.setData({ flag: true })
	90	+ },
	91	+ // 关闭预约建档
	92	+ closeMask(){
	93	+ this.setData({ flag: false })
	94	+ },
84	95	// 通过日期列表下标改变日期文字
85	96	changeDateWithIndex(index){
86	97	var text = this.data.dateList[index]
...	...	@@ -105,7 +116,7 @@
105	116	self.changeDateWithIndex(0)
106	117	}
107	118	}, function (res) {
108		- wx.stopPullDownRefresh()
	119	+
109	120	})
110	121	},
111	122	getCheckDetails() {
112	123
113	124
114	125
...	...	@@ -118,15 +129,20 @@
118	129	networkUtil._get(api.checkDetails, params, function (res) {
119	130	console.log('获取当天信息', res)
120	131	var subscribe = false
121		- if (res.data.data.nextcheck && res.data.data.nextcheck.length > 0){
	132	+ var subscribeDetail = {}
	133	+ // 下次产检信息
	134	+ if (res.data.data && res.data.data.nextcheck && res.data.data.nextcheck.length > 0){
122	135	subscribe = true
	136	+ subscribeDetail.checkhospital = res.data.data.checkhospital
	137	+ subscribeDetail.nextcheck = res.data.data.nextcheck
123	138	}
124	139	self.setData({
125	140	todayInfo: res.data.data,
126		- subscribe: subscribe
	141	+ subscribe: subscribe,
	142	+ subscribeDetails: subscribeDetail
127	143	})
128	144	}, function (res) {
129		- wx.stopPullDownRefresh()
	145	+
130	146	})
131	147	},
132	148	getWzXinxi() {

1		-<view class="backgroundView">
	1	+<import src="../../utils/util_template.wxml" />
2	2
3		-
4	3
	4	+<view class="backgroundView">
5	5	<!-- <image class="TopBgImage" src=""></image> -->
6	6	<!--顶部红色有头像等信息的栏目-->
7	7	<view class="TopBar">
...	...	@@ -17,7 +17,7 @@
17	17	</picker>
18	18	<image class="icon_left" bindtap="toBefore" src="../../source/left.png"></image>
19	19	<image class="icon_right" bindtap="toAfter" src="../../source/right.png"></image>
20		- <image class="subscribe_bg" wx:if="{{subscribe}}" bindtap="" src="../../source/yuyue.png" mode="aspectFill"></image>
	20	+ <image class="subscribe_bg" wx:if="{{subscribe}}" bindtap="lookSubscribe" src="../../source/yuyue.png" mode="aspectFill"></image>
21	21	<!--下方黑色横条-->
22	22	<view class="infoBar">
23	23	<view class="infoView">
...	...	@@ -115,4 +115,29 @@
115	115
116	116	</view>
117	117	</view>
	118	+
	119	+
	120	+
	121	+
	122	+
	123	+
	124	+
	125	+<view class="mask_subscribe_bg" wx:if="{{flag}}">
	126	+ <view class="mask_subscribe_content">
	127	+ <view class="mask_subscribe_title">预约信息</view>
	128	+ <view class="mask_subscribe_time">
	129	+ <label>预约时间：</label>
	130	+ <label class="mask_subscribe_content_text">{{subscribeDetails.nextcheck}}</label>
	131	+ </view>
	132	+ <view class="mask_subscribe_office">
	133	+ <label>检查科室：</label>
	134	+ <label class="mask_subscribe_content_text">{{subscribeDetails.office ? subscribeDetails.office : '-'}}</label>
	135	+ </view>
	136	+ <view class="mask_subscribe_hospital">
	137	+ <label>医院名称：</label>
	138	+ <label class="mask_subscribe_content_text">{{subscribeDetails.checkhospital}}</label>
	139	+ </view>
	140	+ <view class="mask_subscribe_content_closeBtn" bindtap="closeMask">知道了</view>
	141	+ </view>
	142	+ </view>

...	...	@@ -66,4 +66,77 @@
66	66	.redColor {
67	67	background: #E85858;
68	68	}
	69	+
	70	+
	71	+
	72	+
	73	+
	74	+/* 模板--遮罩 */
	75	+.mask_subscribe_bg{
	76	+ position:fixed;
	77	+ width:100%;
	78	+ height:100%;
	79	+ top:0px;
	80	+ background:rgba(0,0,0,0.4);
	81	+ overflow: hidden;
	82	+}
	83	+
	84	+.mask_subscribe_content{
	85	+ /* width: 90%;*/
	86	+ margin:35% auto;
	87	+ overflow: hidden;
	88	+ background-color: #fff;
	89	+ border-radius: 4px;
	90	+ width: 280px;
	91	+ height: 280px;
	92	+ font-size: 14px;
	93	+ color: #333333;
	94	+}
	95	+
	96	+.mask_subscribe_title {
	97	+ width: 100%;
	98	+ text-align: center;
	99	+ margin-top: 30px;
	100	+ font-size: 20px;
	101	+ color: #333333;
	102	+ letter-spacing: 0;
	103	+ line-height: 20px;
	104	+ font-family: PingFang-SC-Medium;
	105	+}
	106	+
	107	+.mask_subscribe_time {
	108	+ margin-top: 30px;
	109	+ margin-left: 40px;
	110	+ margin-right: 15px;
	111	+
	112	+}
	113	+
	114	+.mask_subscribe_office {
	115	+ margin-top: 12px;
	116	+ margin-left: 40px;
	117	+ margin-right: 15px;
	118	+}
	119	+
	120	+.mask_subscribe_hospital {
	121	+ margin-top: 12px;
	122	+ margin-left: 40px;
	123	+ margin-right: 15px;
	124	+}
	125	+
	126	+ .mask_subscribe_content_text {
	127	+ color: #666666;
	128	+ }
	129	+
	130	+ .mask_subscribe_content_closeBtn {
	131	+ font-size: 14px;
	132	+ color: #FFFFFF;
	133	+ background: #48C17B;
	134	+ border-radius: 100px;
	135	+ width: 160px;
	136	+ height: 32px;
	137	+ margin-top: 50px;
	138	+ text-align: center;
	139	+ margin-left: calc(50% - 80px);
	140	+ line-height: 32px;
	141	+ }

	1	+<template name="temp_mask_subscribe">
	2	+ <view class="mask_subscribe_bg" hidden="{{flag}}">
	3	+ <view class="mask_subscribe_content">
	4	+ <view class="mask_subscribe_title">预约信息</view>
	5	+ <view class="mask_subscribe_time">
	6	+ <label>预约时间：</label>
	7	+ <label class="mask_subscribe_content_text">20111111</label>
	8	+ </view>
	9	+ <view class="mask_subscribe_office">
	10	+ <label>检查科室：</label>
	11	+ <label class="mask_subscribe_content_text">儿科</label>
	12	+ </view>
	13	+ <view class="mask_subscribe_hospital">
	14	+ <label>医院名称：</label>
	15	+ <label class="mask_subscribe_content_text">哎三大所大所大撒</label>
	16	+ </view>
	17	+ <view class="mask_subscribe_content_closeBtn" bindtap="closeMask">知道了</view>
	18	+ </view>
	19	+ </view>
	20	+</template>