鍍金池/ 問答/PHP  UI  HTML/ 本地xampp運行環(huán)境,瀏覽器訪問本地環(huán)境出現(xiàn)ERR_CONNECTION_RE

本地xampp運行環(huán)境,瀏覽器訪問本地環(huán)境出現(xiàn)ERR_CONNECTION_RESET

clipboard.png通過smarty訪問

clipboard.png直接文件訪問

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; " >職業(yè)</th>

                        <th class="QA-title2" colspan="6">
                            <label for="a1">
                              <input type="radio" value="1" name="job" id="ai">
                              白領(lǐng)
                            </label>
                            <label for="a2">
                              <input type="radio" value="2"  name="job" id="a2">
                              公務(wù)員
                            </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">
                              學(xué)生
                            </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">
                              網(wǎng)絡(luò)媒體
                            </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"  >根數(shù)</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;">顧客預(yù)期效果</span>
                        </td>   
                        <td class="QA-title3" colspan="7">
                            <label for="q1">
                              <input type="radio" value="1"  name="pre_effect" id="q1">
                              白領(lǐng)
                            </label>
                            <label for="q2">
                              <input type="radio" value="2"  name="pre_effect" id="q2">
                              公務(wù)員
                            </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">
                              學(xué)生
                            </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;">您是否有過皮膚或眼睛過敏現(xiàn)象?</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">
                              經(jīng)常有
                            </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;">睫毛的粗細(xì)度(毛質(zhì)地)如何?</td>
                        <td class="QA-title2" colspan="6"> 
                            <label for="v1">
                              <input type="radio" value="1"  name="question_rough" id="v1">
                              細(xì)
                            </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;"> 您希望設(shè)計出來的效果是什么樣的?</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;">
                             免責(zé)申明:尊敬的顧客,請認(rèn)真填寫如上信息,如故意隱瞞眼部疾?。ㄈ缃悄ぱ?、虹膜睫狀體炎、玻璃體鞏膜炎、類囊炎、眼外傷、倒睫、麥粒腫等),造成的嫁接睫毛后的不適應(yīng)癥狀或病變,本店不承擔(dān)任何賠償責(zé)任和法律責(zé)任,顧客簽字后經(jīng)將視為對本聲明全部內(nèi)容的認(rèn)可。
                        </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天內(nèi)免費修補一次,如超過了10天,視作統(tǒng)一將作有償修補。
                        </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();  
                    bo
回答
編輯回答
陌南塵

確定xampp啟動成功了?

2017年11月22日 12:11