Home Explore Help
Register Sign In
chenyue
/
PC-application
forked from raolu/PC-application
Watch 0
Star 0
Fork 0
Files
Browse Source

个人康复管理优化

linehang 7 years ago
parent
98909c9f41
commit
d6210b80bd
4 changed files with 67 additions and 4 deletions
Split View Show Diff Stats
  1. 2 2
      app/recover/html/personal-manage.html
  2. 38 0
      app/recover/html/photo_show.html
  3. 12 2
      app/recover/html/project-detail.html
  4. 15 0
      app/recover/js/photo_show.js

+ 2 - 2
app/recover/html/personal-manage.html
View File 

@ -32,7 +32,7 @@
 
		    					</p>
 
		    				</div>
 
		    				<div class="fr set-photo">
 
		    					<img :src="recoverPatInfo.patientInfo.photo" alt="居民头像" />
 
		    					<img :src="setPatImg(recoverPatInfo.patientInfo.photo)" alt="居民头像" />
 
		    				</div>
 
	    				</div>
 
	    				<p class="m0 p0 mb10">
 
@ -124,7 +124,7 @@
 
	    					</li>
 
	    					<li class="plr20">
 
	    						<div class="c-border lh40 b-r-3 c-t-center cur-pit" v-if="isFinishMore" @click="addPage()">点击查看更早时间</div>
 
	    						<div class="c-border lh40 b-r-3 c-t-center" v-else>没有更多了</div>
 
	    						<!--<div class="c-border lh40 b-r-3 c-t-center" v-else>没有更多了</div>-->
 
	    					</li>
 
	    				</ul>
 
	    			</div>

+ 38 - 0
app/recover/html/photo_show.html
View File 

@ -0,0 +1,38 @@
 
<!DOCTYPE html>
 
<html>
 
	<head>
 
		<meta charset="UTF-8">
 
		<title>照片查看</title>
 
		<link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css"/>
 
		<link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
 
		<style>
 
			.img_list { position: fixed; bottom: 0; wdith: 100%; height: 40px;}
 
			.img_list img {opacity: 0.4;}
 
			.img_list img.active, .img_list img:hover {opacity: 1;}
 
			.w-20 {width: 20%;}
 
			.h100 {height: 100px;}
 
			.w-100 {width: 100%;}
 
			.h-100 {height: 100%;}
 
		</style>
 
	</head>
 
	<body>
 
		<div id="app" class="c-position-r h-100 bgc-999">
 
			<div class="h-100">
 
				<div class="h-100 c-t-center">
 
					<img class="h-100 w-100" :src="setImg(src)" alt="图片">
 
				</div>
 
			</div>
 
		</div>
 
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
 
        <script src="../../../js/jquery-2.2.4.js"></script>
 
        <script src="../../../plugins/layer/layer.min.js"></script>
 
        <script src="../../../js/bootstrap.min.js"></script>
 
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
 
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
 
        <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../api/http-request.js" type="text/javascript"></script>
 
		<script src="../js/photo_show.js" type="text/javascript"></script>
 
	</body>
 
</html>

+ 12 - 2
app/recover/html/project-detail.html
View File 

@ -25,7 +25,7 @@
 
					<span class="fl w-50">时间：{{handleTime(planDetail.executeTime)}}</span>
 
					<span class="fl w-50">收费：{{planDetail.expense}}元</span>
 
				</div>
 
				<p class="p0 m0 ptb10 c-333 clearfix">指导与回报记录<span class="fr pl15 set-show c-12b7f5" :class="{'active':isShowMore}" @click="changeShow()">{{isShowMore ? "收起详情" : "查看详情"}}</span></p>
 
				<p class="p0 m0 ptb10 c-333 clearfix">指导与汇报记录<span class="fr pl15 set-show c-12b7f5" :class="{'active':isShowMore}" @click="changeShow()">{{isShowMore ? "收起详情" : "查看详情"}}</span></p>
 
				<ul class="p0 m0" v-show="isShowMore">
 
					<li class="bgc-f2fcfe plr10 ptb10 mb10" v-for="(record, index) in planDetail.messageList" :key="index">
 
						<p class="m0 p0 mb10 clearfix">
 
@ -48,7 +48,7 @@
 
				<p class="m0 p0 ptb10 c-333">相关记录</p>
 
				<ul class="p0 m0 ptb10 plr10 mb20 c-border b-r-3 clearfix">
 
					<li class="fl set-photo c-border mr10 clearfix" v-for="(record, index) in planDetail.relationRecordImg" :key="index">
 
						<img class="fl" :src="handleImg(record)" alt="记录图" />
 
						<img class="fl" :src="handleImg(record)" alt="记录图" @click="lookPhoto(record)" />
 
					</li>
 
					<li class="c-t-center" v-if="!planDetail.relationRecordImg.length">暂无相关记录</li>
 
				</ul>
 
@ -130,6 +130,16 @@
 
			    	addZero: function(num) {
 
			    		return num >= 10 ? num : '0' + num
 
			    	},
 
			    	lookPhoto: function(src) {
 
			    		parent.photoLayerIndex = parent.layer.open({
 
			        		type: 2,
 
			        		area: ['400px', '400px'],
 
			        		title: false,
 
			        		shade: 0.5,
 
			        		shadeClose: true,
 
			        		content: '../html/photo_show.html?src=' + src
 
			        	})
 
			    	},
 
			    	handleImg: function(src) {
 
			    		var str = httpRequest.getImgUrl(src);
 
			    		return str

+ 15 - 0
app/recover/js/photo_show.js
View File 

@ -0,0 +1,15 @@
 
var httpData=GetRequest();
 
parent.$("#layui-layer" + parent.photoLayerIndex + " .layui-layer-setwin").addClass("set-close-btn")
 
new Vue({
 
    el: "#app",
 
    data: {
 
    	src: httpData.src
 
    },
 
    methods: {
 
    	setImg: function(str) {
 
        	return httpRequest.getImgUrl(str);
 
        }
 
    }
 
})