ホーム エクスプローラ ヘルプ
登録 サインイン
chenyue
/
PC-application
フォーク元 raolu/PC-application
Watch 0
Star 0
Fork 0
ファイル
ソースを参照

确认取消弹窗、样式修改

linehang 6 年 前
親
d493a22a1f
コミット
4870357628
4 ファイル変更、77 行追加、19 行削除
分割表示 差分情報を表示
  1. 2 1
      app/recover/css/new_recover.css
  2. 43 0
      app/recover/html/cancle_sure.html
  3. 30 16
      app/recover/html/new_recover.html
  4. 2 2
      app/recover/html/project-detail.html

+ 2 - 1
app/recover/css/new_recover.css
ファイルの表示 

@ -99,7 +99,8 @@ ul {
 
	white-space: nowrap;
 
	text-overflow: ellipsis;
 
}
 
.project:hover {background-color: deepskyblue;}
 
.bgc-4dcd70 {background-color: #4dcd70;}
 
.bgc-55cefc {background-color: #55cefc;}
 
.c-red {color: red;}
 
.sub-tap {
 
	width: 18px;

+ 43 - 0
app/recover/html/cancle_sure.html
ファイルの表示 

@ -0,0 +1,43 @@
 
<!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>
 
			.bgc-12b7f5 {background-color: #12b7f5;}
 
			.b-r-3 {border-radius: 3px;}
 
		</style>
 
	</head>
 
	<body>
 
		<div id="app" class="c-position-r h-100 bgc-999 c-333">
 
			<div class="c-t-center ptb30 c-f15">是否确认删除此计划？</div>
 
			<div class="c-t-center clearfix">
 
				<span class="fr mr10 c-border b-r-3 plr20 ptb5" @click="btnClick(0)">取消</span>
 
				<span class="fr mr10 c-border b-r-3 bgc-12b7f5 c-fff plr20 ptb5" @click="btnClick(1)">确认</span>
 
			</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>
 
			new Vue({
 
                el: "#app",
 
                methods: {
 
                	btnClick: function(num) {
 
                		if(num) {
 
                			top.recoverVue.cancleSure(this.patiInfo)
 
                		}
 
                		top.layer.close(top.cancleIndex)
 
                	}
 
                }
 
            })
 
		</script>
 
	</body>
 
</html>

+ 30 - 16
app/recover/html/new_recover.html
ファイルの表示 

@ -152,10 +152,10 @@
 
												<p class="set-arrow h30 c-f14 pl20 m0 c-333 cur-pit" :class="{'active': index2 == proIndex2}" @click="selectPro(2, index2)">{{project2.itemName}}</p>
 
												<ul class="p0 m0 pr10" v-if="index2 == proIndex2">
 
													<li v-for="(project3, index3) in project2.hospitalServiceItems" :key="index3" class="clearfix ptb5">
 
														<div class="fl project c-border w-100-66 cur-pit border-c12b7f5 ptb5 plr5 b-r-3 clearfix" @click="selectProject(index, index2, index3, project3)">
 
															<p class="fl w-100-78 txt-ells lh18">{{project3.specialistServiceItemDO.title}}</p>
 
															<span class="fr lh18 b-r-3 c-f12 ml5 bgc-green plr5 c-fff" v-if="project3.flag == 1 || project3.flag == 3">社区</span>
 
															<span class="fr lh18 b-r-3 c-f12 ml5 bgc-12b7f5 plr5 c-fff" v-if="project3.flag == 2 || project3.flag == 3">医院</span>
 
														<div class="fl bgc-12b7f5 c-border w-100-66 cur-pit border-c12b7f5 ptb5 plr5 b-r-3 clearfix" @click="selectProject(index, index2, index3, project3)">
 
															<p class="fl w-100-78 txt-ells lh18 c-fff">{{project3.specialistServiceItemDO.title}}</p>
 
															<span class="fr lh18 b-r-3 c-f12 ml5 bgc-4dcd70 plr5 c-fff" v-if="project3.flag == 1 || project3.flag == 3">社区</span>
 
															<span class="fr lh18 b-r-3 c-f12 ml5 bgc-55cefc plr5 c-fff" v-if="project3.flag == 2 || project3.flag == 3">医院</span>
 
														</div>
 
														<span class="fr h30 btn cur-pit plr10 bgc-12b7f5 c-fff b-r-3" v-if="!project3.isSelect" @click="addProject(index, index2, index3, project3)">添加</span>
 
														<span class="fr h30 btn plr10 bgc-e1e1e1 c-fff b-r-3" v-else>添加</span>
 
@ -510,18 +510,32 @@
 
                	},
 
                	canclePlan: function(obj) {
 
                		var vm = this
 
                		layer.msg('是否确认删除此计划?', {
 
                			time: 10000,
 
                			btn: ['是', '否'],
 
                			yes: function(index, layero) {
 
                				vm.isPlan = false
 
                				vm.allFee = 0
 
                				layer.close(index)
 
                			},
 
                			btn2: function(index, layero) {
 
                				layer.close(index)
 
                			}
 
                		})
 
                		cancleIndex = layer.open({
 
							type: 2,
 
							area: ['400px', '180px'],
 
							shade: 0.5,
 
							title: '取消确认',
 
							closeBtn: 1,
 
							shift: 5,
 
							shadeClose: false, //点击遮罩关闭层
 
							content: "cancle_sure.html"
 
						});
 
//              		layer.msg('是否确认删除此计划?', {
 
//              			time: 10000,
 
//              			btn: ['是', '否'],
 
//              			yes: function(index, layero) {
 
//              				vm.isPlan = false
 
//              				vm.allFee = 0
 
//              				layer.close(index)
 
//              			},
 
//              			btn2: function(index, layero) {
 
//              				layer.close(index)
 
//              			}
 
//              		})
 
                	},
 
                	cancleSure: function() {
 
                		this.isPlan = false
 
                		this.allFee = 0
 
                	},
 
                	newPlan: function(disease, templateId) {
 
                		this.diseaseObj = disease

+ 2 - 2
app/recover/html/project-detail.html
ファイルの表示 

@ -32,7 +32,7 @@
 
							<span class="fl w-50">{{record.doctorName}}&emsp;{{record.adminTeamName}}</span>
 
							<span class="fl w-50">{{record.createTime}}</span>
 
						</p>
 
						<p class="m0 p0 c-333" v-html="getContent(item.content,item.contentType)"></p>
 
						<p class="m0 p0 c-333" v-html="getContent(record.content, record.contentType)"></p>
 
					</li>
 
					<li class="c-t-center" v-if="!planDetail.messageList.length">暂无记录</li>
 
				</ul>
 
@ -151,7 +151,7 @@
 
			    		var str = httpRequest.getImgUrl(src);
 
			    		return str
 
			    	},
 
			    	getContent: function(value,type) {
 
			    	getContent: function(value, type) {
 
						var res=value;
 
						if(type==2 || type==9){
 
							res = "<img src='"+httpRequest.getImgUrl(res)+"'>";