极客观点
项目管理
HarmonyOS
elseif($_REQUEST['act'] == 'ciliary') {
// admin_priv('proservice');
// $service_doc = empty($_REQUEST['service_doc']) ? 0 : intval($_REQUEST['service_doc']);
// $booking_id = empty($_REQUEST['service_booking_id']) ? 0 : intval($_REQUEST['service_booking_id']);
// $proservice = array(
// 'service_doc' => $service_doc,
// 'booking_id' => $booking_id,
// 'act' => 'delete',
// );
$smarty->display('promotion/ciliary_info.html');
}html代码
{include file="pageheader.htm"}
{insert_scripts files="../js/jquery-1.9.1.min.js"}
<style>
.ph{float: left;margin-right: 4px;padding: 3px;}
.short{width:30px;}
label{
display: inline-block;
max-width: 200%;
margin-bottom: 0px;
font-weight: 100;
}
th.QA-title1 {
border-bottom: rgb(235,110,140) solid 2px;
color: rgb(235,110,140);
background: #ffffff;
height: 30px;
/*color: #232323;*/
line-height: 30px;
margin-bottom: 0;
font-weight: bold;
font-size: 16px;
text-indent: 20px;
}
th.QA-title2{
border-bottom:rgb(173, 171, 171) solid 1px;
}
th.QA-title3{
border-bottom:rgb(235,110,140) solid 2px;
}
label{
width:19%;
}
th{
line-height: 34px;
}
td.QA-title2{
border-bottom:rgb(173, 171, 171) solid 1px;
}
td.QA-title3{
border-bottom:rgb(235,110,140) solid 2px;
}
th,td{
height: 40px;
}
.cl_border{
border-right: rgb(173, 171, 171) solid 1px;
}
</style>
<div class="main-div">
<form method="post" action="promtion.php" id="theForm1" name="theForm1" onsubmit="return validate();">
<div id="tabbody-div" class="" style="width: auto;height: 520px;overflow-y: scroll;-webkit-overflow-scrolling: touch;">
<table id="general-table" width="100%" cellspacing="0">
<thead>
<tr style="height: 20px;"></tr>
<tr>
<th colspan="9" rowspan="" headers="" class="QA-title1" align="center" style="color: rgb(235,110,140);padding: 4px;font-size: 18px;">客户资料</th>
</tr>
<tr>
<th colspan="2" class="QA-title2" align="left" style="border-right: rgb(173, 171, 171) solid 1px; "> 姓名</th>
<th class="QA-title2" align="left"><input type="text" name="real_name" maxlength="60" value="" style="border:0;height:22px; line-height:22px"></th>
<th colspan="3" class="QA-title2" style="border-right: rgb(173, 171, 171) solid 1px;" align="left">生日</th>
<th class="QA-title2" align="left" ><input type="date" name="birthday" maxlength="60" value="" style="border:0;height:22px; line-height:22px"></th>
<th colspan="1" align="left" class="QA-title2" style="border-right: rgb(173, 171, 171) solid 1px; ">手机号</th>
<th class="QA-title2" align="left"><input type="number" name="mobile" maxlength="60" value="" style="border:0;height:22px; line-height:22px"></th>
</tr>
<tr>
<th colspan="3" class="QA-title2" align="left" style="border-right: rgb(173, 171, 171) solid 1px; " >职业</th>
<th class="QA-title2" colspan="6">
<label for="a1">
<input type="radio" value="1" name="job" id="ai">
白领
</label>
<label for="a2">
<input type="radio" value="2" name="job" id="a2">
公务员
</label>
<label for="a3">
<input type="radio" value="3" name="job" id="a3">
自营
</label>
<label for="a4">
<input type="radio" value="4" name="job" id="a4">
学生
</label>
<label for="a5">
<input type="radio" value="5" name="job" id="a5">
其他
</label>
</th>
</tr>
<tr>
<th colspan="3" class="QA-title3" align="left" style="border-right: rgb(173, 171, 171) solid 1px; ">了解本店途径</th>
<th class="QA-title3" colspan="6">
<label for="b1">
<input type="radio" value="1" name="channel" id="b1">
朋友介绍
</label>
<label for="b2">
<input type="radio" value="2" name="channel" id="b2">
网络媒体
</label>
<label for="b3">
<input type="radio" value="3" name="channel" id="b3">
路过
</label>
<label for="b4">
<input type="radio" value="4" name="channel" id="b4">
大众点评
</label>
<label for="b5">
<input type="radio" value="5" name="channel" id="b5">
其他
</label>
</th>
</tr>
</thead>
<tbody>
<tr style="height: 20px;"></tr>
<tr>
<th colspan="9" rowspan="" headers="" class="QA-title1" align="center" style="color: rgb(235,110,140);padding: 4px;font-size: 18px;">美睫</th>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="left">卷曲度</td>
<td class="QA-title2" colspan="7">
<label style="width: 30%" for="c1">
<input type="radio" value="1" name="ciliary_curl" id="c1">
J
</label>
<label style="width: 30%" for="c2">
<input type="radio" value="2" name="ciliary_curl" id="c2">
B
</label>
<label style="width: 30%" for="c3">
<input type="radio" value="3" name="ciliary_curl" id="c3">
C
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="left" >根数</td>
<td colspan="7" class="QA-title2">
<input type="text" name="ciliary_thick_sum" maxlength="60" value="" style="border:0;height:22px; line-height:22px" >根
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2" colspan="" rowspan="5" headers="" style="border-right: rgb(173, 171, 171) solid 1px;" align="center">粗<br>度</td>
<td colspan="2" class="QA-title2 cl_border" align="center" style="width: 10%">圆毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 30%" for="d1">
<input type="radio" value="1" name="ciliary_thick_circular" id="d1">
0.10
</label>
<label style="width: 30%" for="d2">
<input type="radio" value="2" name="ciliary_thick_circular" id="d2">
0.12
</label>
<label style="width: 30%" for="d3">
<input type="radio" value="3" name="ciliary_thick_circular" id="d3">
0.15
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="center" >6D星光毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 30%" for="e1">
<input type="radio" value="1" checked="checked" name="ciliary_thick_6d" id="e1">
0.05
</label>
<label style="width: 30%" for="e2">
<input type="radio" value="2" checked="checked" name="ciliary_thick_6d" id="e2">
0.07
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="center" >彩毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 30%" for="f1">
<input type="radio" value="1" name="ciliary_thick_color">
0.10
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="center" >彩虹毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 30%" for="g1">
<input type="radio" value="1" checked="checked" name="ciliary_thick_rainbow" id="g1">
0.10
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="center" >下睫毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 30%" for="h1">
<input type="radio" value="1" name="ciliary_thick_dowm" id="h1">
0.12
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2" colspan="" rowspan="5" headers="" style="border-right: rgb(173, 171, 171) solid 1px;width: 10%;" align="center">长<br>度</td>
<td colspan="2" class="QA-title2 cl_border" align="center" >圆毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 15%" for="i1">
<input type="radio" value="1" name="ciliary_l_circular" id="i1">
8
</label>
<label style="width: 15%" for="i2">
<input type="radio" value="2" name="ciliary_l_circular" id="i2">
9
</label>
<label style="width: 15%" for="i3">
<input type="radio" value="3" name="ciliary_l_circular" id="i3">
10
</label>
<label style="width: 15%" for="i4">
<input type="radio" value="4" name="ciliary_l_circular" id="i4">
11
</label>
<label style="width: 15%" for="i5">
<input type="radio" value="5" name="ciliary_l_circular" id="i5">
12
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="center">6D星光毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 30%" for="m1">
<input type="radio" value="1" name="ciliary_l_6d" id="m1">
6-10-6
</label>
<label style="width: 30%" for="m2">
<input type="radio" value="1" name="ciliary_l_6d" id="m2">
7-10-7
</label>
<label style="width: 30%" for="m3">
<input type="radio" value="1" name="ciliary_l_6d" id="m3">
8-12-8
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="center">彩毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 30%" for="n1">
<input type="radio" value="1" name="ciliary_l_color" id="n1">
11
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="center" >彩虹毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 30%" for="o1">
<input type="radio" value="1" name="ciliary_l_rainbow">
11
</label>
</td>
</tr>
<tr>
<td colspan="2" class="QA-title2 cl_border" align="center" >下睫毛</td>
<td class="QA-title2" colspan="5">
<label style="width: 30%" for="p1">
<input type="radio" value="1" name="ciliary_l_down" id="p1">
6
</label>
<label style="width: 30%" for="p2">
<input type="radio" value="2" name="ciliary_l_down" id="p2">
7
</label>
</td>
</tr>
<tr>
<td class="QA-title2" colspan="2" style="border-right: rgb(173, 171, 171) solid 1px;">
<span style="text-align: left;">美睫师</span>
</td>
<td class="QA-title2"><input type="text" name="real_name" maxlength="60" value="" style="border:0;height:22px; line-height:22px"></td>
<td class="QA-title2" colspan="6" ></td>
</tr>
<tr>
<td class="QA-title3 cl_border" align="left" colspan="3">
<span style="text-align: left;">顾客预期效果</span>
</td>
<td class="QA-title3" colspan="7">
<label for="q1">
<input type="radio" value="1" name="pre_effect" id="q1">
白领
</label>
<label for="q2">
<input type="radio" value="2" name="pre_effect" id="q2">
公务员
</label>
<label for="q3">
<input type="radio" value="3" name="pre_effect" id="q3">
自营
</label>
<label for="q4">
<input type="radio" value="4" name="pre_effect" id="q4">
学生
</label>
<label for="q5">
<input type="radio" value="5" name="pre_effect" id="q5">
其他
</label>
</td>
</tr>
<tr style="height: 20px;"></tr>
<tr>
<th colspan="9" rowspan="" headers="" class="QA-title1" align="center" style="color: rgb(235,110,140);padding: 4px;font-size: 18px;">睫毛嫁接前顾客须知</th>
</tr>
<tr>
<td colspan="3" class="QA-title2" align="ledt" style="border-right: rgb(173, 171, 171) solid 1px;"> 您有做过睫毛嫁接吗？</td>
<td class="QA-title2" colspan="6" >
<label for="r1">
<input type="radio" value="1" name="question_graft" id="r1">
是
</label>
<label for="r2">
<input type="radio" value="2" name="question_graft" id="r2">
否
</label>
</td>
</tr>
<tr>
<td colspan="3" class="QA-title2" align="ledt" style="border-right: rgb(173, 171, 171) solid 1px;">您眼睛周围皮肤状况如何？</td>
<td class="QA-title2" colspan="6">
<label for="s1">
<input type="radio" value="1" name="question_skin" id="s1">
正常
</label>
<label for="s2">
<input type="radio" value="2" name="question_skin" id="s2">
敏感
</label>
<label for="s3">
<input type="radio" value="3" name="question_skin" id="s3">
容易破皮
</label>
</td>
</tr>
<tr>
<td colspan="3" class="QA-title2" align="ledt" style="border-right: rgb(173, 171, 171) solid 1px;">您是否有过皮肤或眼睛过敏现象？</td>
<td class="QA-title2" colspan="6">
<label for="t1">
<input type="radio" value="1" name="question_allergy" id="t1">
没有
</label>
<label for="t2">
<input type="radio" value="2" name="question_allergy" id="t2">
经常有
</label>
<label for="t3">
<input type="radio" value="3" name="question_allergy" id="t3">
偶尔有
</label>
</td>
</tr>
<tr>
<td colspan="3" class="QA-title2" align="ledt" style="border-right: rgb(173, 171, 171) solid 1px;">您有眼疾或皮肤方面的疾病吗？</td>
<td class="QA-title2" colspan="6">
<label for="u1">
<input type="radio" value="1" name="question_sick" id="u1">
没有
</label>
<label style="width: 60%" for="u2">
<input type="radio" value="2" name="question_sick" id="u2">
有（具体是：<input type="text" value="2" name="question_sick_text" style="border: 0px;">
）
</label>
</td>
</tr>
<tr>
<td colspan="3" class="QA-title2" align="ledt" style="border-right: rgb(173, 171, 171) solid 1px;">睫毛的粗细度（毛质地）如何？</td>
<td class="QA-title2" colspan="6">
<label for="v1">
<input type="radio" value="1" name="question_rough" id="v1">
细
</label>
<label for="v2">
<input type="radio" value="2" name="question_rough" id="v2">
普通
</label>
</td>
</tr>
<tr>
<td colspan="3" class="QA-title2" align="ledt" style="border-right: rgb(173, 171, 171) solid 1px;">您烫过睫毛吗？</td>
<td class="QA-title2" colspan="6">
<label for="w1">
<input type="radio" value="1" name="question_blanch" id="w1">
没有
</label>
<label style="width: 60%" for="w2">
<input type="radio" value="2" name="question_blanch" id="w2">
有（一年：<input type="text" value="2" name="question_blanch_time" style="border: 0px;">
次 ）
</label>
</td>
</tr>
<tr>
<td colspan="3" class="QA-title2" align="ledt" style="border-right: rgb(173, 171, 171) solid 1px;"> 您带隐形眼镜吗？</td>
<td class="QA-title2" colspan="6">
<label for="x1">
<input type="radio" value="1" name="question_invisible" id="x1">
没有
</label>
<label for="x2">
<input type="radio" value="2" name="question_invisible" id="x2">
有
</label>
</td>
</tr>
<tr>
<td colspan="3" class="QA-title3" align="left" style="border-right: rgb(173, 171, 171) solid 1px;"> 您希望设计出来的效果是什么样的？</td>
<td class="QA-title3" colspan="6">
<label for="y1">
<input type="radio" value="1" name="design_effect" id="y1">
自然扇形
</label>
<label for="y2">
<input type="radio" value="2" name="design_effect" id="y2">
浓密扇形
</label>
<label for="y3">
<input type="radio" value="3" name="design_effect" id="y3">
自然飞扬形
</label>
<label for="y4">
<input type="radio" value="4" name="design_effect" id="y4">
浓密飞扬形
</label>
<label for="y5">
<input type="radio" value="5" name="design_effect" id="y5">
其他
</label>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td colspan="9" rowspan="" style="border-top: rgb(235,110,140) solid 2px;border-left: rgb(235,110,140) solid 2px;border-right: rgb(235,110,140) solid 2px;padding: 16px;line-height: 32px;">
免责申明：尊敬的顾客，请认真填写如上信息，如故意隐瞒眼部疾病（如角膜炎、虹膜睫状体炎、玻璃体巩膜炎、类囊炎、眼外伤、倒睫、麦粒肿等），造成的嫁接睫毛后的不适应症状或病变，本店不承担任何赔偿责任和法律责任，顾客签字后经将视为对本声明全部内容的认可。
</td>
</tr>
<tr>
<td colspan="9" rowspan="" style="border-left: rgb(235,110,140) solid 2px;border-right: rgb(235,110,140) solid 2px;padding: 16px;line-height: 32px;">
注：尊敬的贵宾，在本店嫁接睫毛，可享受10天内免费修补一次，如超过了10天，视作统一将作有偿修补。
</td>
</tr>
<tr>
<td colspan="9" rowspan="" style="border-left: rgb(235,110,140) solid 2px;border-right: rgb(235,110,140) solid 2px;padding: 16px;line-height: 32px;padding-left: 74%;">
顾客签名：
</td>
</tr>
<tr>
<td colspan="9" style="border-left: rgb(235,110,140) solid 2px;border-right: rgb(235,110,140) solid 2px;">
<div class="lang" style="height:42px;width: 100%;">
<div style="float:right;padding-top: 15px;margin-left: 10px;color:palevioletred;" id="qml">下框是签名栏</div>
<div style="float:right"><input type="button" class="sbtn" value="清空签名" style="background-color: palevioletred;margin-right: 10px;font-size: 16px" onclick="clean();"></div>
</div>
<canvas id="myCanvas" style="float:right;border:1px #fbc0cc solid;" placeholder=".."></canvas>
<img id='img' />
</td>
</tr>
<tr>
<td colspan="9" rowspan="" style="border-bottom: rgb(235,110,140) solid 1px;border-left: rgb(235,110,140) solid 2px;border-right: rgb(235,110,140) solid 2px;padding: 16px;line-height: 32px;padding-left: 70%;">
<input type="number" value="" name="group" style="width: 10%;border: 0">年
<input type="number" value="" name="group" style="width: 10%;border: 0">月
<input type="number" value="" name="group" style="width: 10%;border: 0">日
</td>
</tr>
<tr>
<td colspan="3" class="QA-title3" align="center" style="border-bottom: rgb(235,110,140) solid 1px;border-left: rgb(235,110,140) solid 2px;border-right: rgb(173, 171, 171) solid 1px;"> 顾客满意度</td>
<td class="QA-title3" colspan="6" style="border-bottom: rgb(235,110,140) solid 1px;border-right: rgb(173, 171, 171) solid 2px;border-right: rgb(235,110,140) solid 2px;">
<label for="z1" >
<input type="radio" value="1" name="Satisfied" id="z1">
非常满意
</label>
<label for="z2">
<input type="radio" value="2" name="Satisfied" id="z2">
满意
</label>
<label for="z3">
<input type="radio" value="3" name="Satisfied" id="z3">
一般
</label>
<label for="z4">
<input type="radio" value="4" name="Satisfied" id="z4">
不满意
</label>
</td>
</tr>
<tr>
<td colspan="3" rowspan="2" class="QA-title3" align="center" style="border-bottom: rgb(235,110,140) solid 2px;border-left: rgb(235,110,140) solid 2px;border-right: rgb(173, 171, 171) solid 1px;"> 提出您的<br>宝贵意见</td>
<td colspan="6" rowspan="2" class="QA-title3" colspan="6" style="border-bottom: rgb(235,110,140) solid 2px;border-right: rgb(173, 171, 171) solid 2px;border-right: rgb(235,110,140) solid 2px;">
<textarea name="view" style="width: 100%;border: 0;padding: 16px;line-height: 32px;"></textarea>
</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
<!-- <script type="text/javascript" src="js/validator.js"></script> -->
<script type="text/javascript">
var canvas,board,img;
canvas = document.getElementById('myCanvas');
img= document.getElementById('img');
canvas.height = 200;
canvas.width = 200;
board = canvas.getContext('2d');
var mousePress = false;
var last = null;
function beginDraw(){
mousePress = true;
}
function drawing(event){
event.preventDefault();
if(!mousePress)return;
var xy = pos(event);
if(last!=null){
board.beginPath();
board.moveTo(last.x,last.y);
board.lineTo(xy.x,xy.y);
board.stroke();
}
last = xy;
}
function endDraw(event){
mousePress = false;
event.preventDefault();
last = null;
var real_name = $("input[name='real_name']").val();
var mobile = $("input[name='mobile']").val();
var user_id= $('#user_id').val();
if(!mobile){
var dqianming = dialog({
title: '请先确认会员信息',
okValue: '确定',
ok: function () {
},
cancelValue: '取消',
cancel: function () {
this.close().remove();
return false;
}
});
dqianming.showModal();
return;
}
var key= admin_id + '_' + mobile + '_' + user_id;
var shop_cart_canvas = localStorage.getItem(key) || '';
localStorage.setItem(key, canvas.toDataURL());
}
function showRectTop(elem) {
var r = elem.getBoundingClientRect()
return r.top;
}
function pos(event){
var height = showRectTop(document.getElementById('qml'))+55;
var x,y;
if(isTouch(event)){
x = event.touches[0].pageX;
y = event.touches[0].pageY-height;
}else{
x = event.offsetX+event.target.offsetLeft;
y = event.offsetY+event.target.offsetTop-height;
}
return {x:x,y:y};
}
function log(msg){
var log = document.getElementById('log');
var val = log.value;
log.value = msg+'\n'+val;
}
function isTouch(event){
var type = event.type;
if(type.indexOf('touch')>=0){
return true;
}else{
return false;
}
}
function sign_name_save(){
//base64
var dataUrl = canvas.toDataURL();
// dataUrl = dataUrl.replace("image/png", "image/octet-stream");
img.src = dataUrl;
}
function clean(){
board.clearRect(0,0,canvas.width,canvas.height);
//清当前用户的签名
cleanCanvasData();
}
board.lineWidth = 1;
board.strokeStyle="#0000ff";
canvas.onmousedown = beginDraw;
canvas.onmousemove = drawing;
canvas.onmouseup = endDraw;
canvas.addEventListener('touchstart',beginDraw,false);
canvas.addEventListener('touchmove',drawing,false);
canvas.addEventListener('touchend',endDraw,false);
function cleanCanvasData(){
var admin_id = $('#admin_id').val();
var mobile = $('#mobile').val();
var user_id= $('#user_id').val();
var key= admin_id + '_' + mobile + '_' + user_id;
localStorage.setItem(key, '');
}
</script>
{include file="pagefooter.htm"}
其他html就正常了
确定xampp启动成功了？