<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<LINK rel="Bookmark" href="../images/favicon.ico">
|
<!-- 本框架基本脚本和样式 -->
|
|
<script type="text/javascript" th:src="@{/js/systools/MBaseVue.js}"></script>
|
<link rel="stylesheet" th:href="@{/plugin/element-ui/index.css}">
|
<link rel="stylesheet" th:href="@{/plugin/bootstrap-3.3.5/css/bootstrap.min.css}">
|
<link th:href="@{/css/styleOne/style.min.css}" rel="stylesheet" type="text/css"/>
|
<link th:href="@{/css/styleOne/iconfont.css}" rel="stylesheet" type="text/css"/>
|
|
<style>
|
.r_wrap{background-color: #efefef;height: 100%;}
|
.stitle {
|
font-size: 18px;
|
text-align: center;
|
border-bottom: 1px solid #efefef;
|
border-left: 1px solid #efefef;
|
background: #ffffff;
|
height: 50px;
|
line-height: 50px;
|
|
}
|
|
.vipInfo_wrap {
|
height: 70px;
|
border-bottom: 1px solid #efefef;
|
border-left: 1px solid #efefef;
|
background: #ffffff;
|
|
width: 100%;
|
overflow: hidden;
|
|
}
|
|
.vipHead {
|
width: 40px;
|
height: 40px;
|
border-radius: 40px;
|
float: left;
|
margin-left: 10px;
|
margin-top: 10px;
|
}
|
|
.vipInfo {
|
margin-top: 10px;
|
float: left;
|
margin-left: 20px;
|
}
|
.vipInfo p{
|
font-size: 12px;
|
line-height: 12px;
|
height: 10px;
|
}
|
</style>
|
|
</head>
|
<body>
|
<div id="app" v-cloak>
|
<el-row>
|
<el-col :span="12">123</el-col>
|
<el-col :span="12" class="r_wrap">
|
<div class="stitle">服务单</div>
|
|
<div class="vipInfo_wrap">
|
<img class="vipHead" th:src="@{/images/woman.png}">
|
<div class="vipInfo">
|
<p>姜友瑶
|
<el-tag type="warning" size="mini">白银会</el-tag>
|
</p>
|
<p>电话：13170303460</p>
|
<p>编号：NO123</p>
|
</div>
|
</div>
|
|
|
</el-col>
|
</el-row>
|
|
</div>
|
</div>
|
<script type="text/javascript" th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript" th:src="@{/js/plugin/jquery.query.js}"></script>
|
<script type="text/javascript" th:src="@{/plugin/bootstrap-3.3.5/js/bootstrap.min.js}"></script>
|
<script type="text/javascript" th:src="@{/js/systools/AjaxProxyVue.js}"></script>
|
<script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script>
|
<script type="text/javascript" th:src="@{/plugin/element-ui/index.js}"></script>
|
<script type="text/javascript">
|
|
var id = $.query.get("id");
|
var app = new Vue({
|
el: '#app',
|
data: {},
|
created: function () {
|
|
},
|
|
mounted: function () {
|
|
},
|
|
methods: {},
|
filters:
|
{
|
format: function (value, patten) {
|
if (!value) return '';
|
return MTools.formatDate(value, patten)
|
}
|
,
|
}
|
,
|
|
updated: function () {
|
//兼容微信6.74+ios12的软键盘不回弹bug
|
$("input,textarea,select").blur(function () {
|
setTimeout(function () {
|
var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
|
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
|
}, 50)
|
})
|
}
|
,
|
})
|
|
|
</script>
|
</body>
|
</html>
|
