modify

step_question/apis/static/index2.html

@@ -19,8 +19,7 @@
 
     <form action="/step_questions/submit" method="post" id="msform">
       <div class="notice_card">
-        您好，我們是幸福空間，想要進行裝修市場調查。只要填寫完畢就送您咖啡兌換卷及五萬元裝修折抵卷！
-        贈送方式將以LINE訊息發送或是寄到電子信箱中，為確保兌換權益，請務必填寫真實資訊，感謝您的配合。
+        您好，我們是幸福空間，想要進行裝修市場調查，只要填寫完成就送您五萬元裝修折價券！為確保兌換權益，請務必填寫真實資訊，感謝您的配合。
       </div>
       <ul id="progressbar" class="p-0">
         <li class="active">基本資料</li>
@@ -42,7 +41,7 @@
       <fieldset>
         <h2 class="fs-title">建案資料</h2>
         <h3 class="fs-subtitle">步驟 2</h3>
-        <label class="fs-label"><i class="fas fa-chevron-right"></i>請問您所在哪個建案?</label>
+        <label class="fs-label"><i class="fas fa-chevron-right"></i>請問您最近關注哪一個建案或社區?</label>
         <input type="text" name='q4' value="" placeholder="建案名" class="mb" />
 
         <label class="fs-label"><i class="fas fa-chevron-right"></i>建案類型</label>
@@ -51,6 +50,8 @@
           <label for="pre-sold" class="fs-label-type">預售屋</label>
           <input type="radio" class="check_button ml" value="新成屋" name="q5" id="new" />
           <label for="new" class="fs-label-type">新成屋</label>
+          <input type="radio" class="check_button ml" value="中古屋" name="q5" id="old" />
+          <label for="old" class="fs-label-type">中古屋</label>
         </div>
         <input type="button" name="previous" class="previous action-button" value="上一步" />
         <input type="button" name="next" class="next action-button next-2" value="下一步" />
@@ -75,36 +76,37 @@
           <br/>
           <div class="fs-label">
             <label class="fs-label"><i class="fas fa-chevron-right"></i>預計裝修預算(不含活動型傢俱/廚具/空調/窗簾/主燈)?</label>
-            <input type="checkbox" value="50萬以下" name="q7" id="7a" />
+            <input type="radio" value="50萬以下" name="q7" id="7a" />
             <label class="mr fs-label-info" for="7a">50萬以下</label>
-            <input type="checkbox" value="50~100萬" name="q7" id="7b" />
+            <input type="radio" value="50~100萬" name="q7" id="7b" />
             <label class="mr fs-label-info" for="7b">50~100萬</label>
-            <input type="checkbox" value="100~200萬" name="q7" id="7c" />
+            <input type="radio" value="100~200萬" name="q7" id="7c" />
             <label class="mr fs-label-info" for="7c">100~200萬</label>
-            <input type="checkbox" value="200~300萬" name="q7" id="7d" />
+            <input type="radio" value="200~300萬" name="q7" id="7d" />
             <label class="mr fs-label-info" for="7d">200~300萬</label>
-            <input type="checkbox" value="300~500萬" name="q7" id="7e" />
-            <label class="mr fs-label-info" for="7f">300~500萬</label>
-            <input type="checkbox" value="500~800萬" name="q7" id="7f"/>
+            <input type="radio" value="300~500萬" name="q7" id="7e" />
+            <label class="mr fs-label-info" for="7e">300~500萬</label>
+            <input type="radio" value="500~800萬" name="q7" id="7f"/>
             <label class="mr fs-label-info" for="7f">500~800萬</label>
-            <input type="checkbox" value="800萬以上" name="q7" id="7g" />
+            <input type="radio" value="800萬以上" name="q7" id="7g" />
             <label class="mr fs-label-info" for="7g">800萬以上</label>
-            <input type="checkbox" value="" id='q7_checkbox' onclick="show_input_text('q7_checkbox', 'q7_input')"/>
+            <input type="radio" value="" id='q7_checkbox' onclick="show_input_text('q7_checkbox', 'q7_input')" name="q7"/>
             <label class="mr fs-label-info" for="q7_checkbox">其他</label>
+            
             <input type="text" id="q7_input" name="q7" style="display:none" value="" placeholder="自訂預算" />
             <br/>
           </div>
           <div class="fs-label">
             <label class="fs-label"><i class="fas fa-chevron-right"></i>喜歡的裝修風格?</label>
-            <input type="checkbox" value="20坪以下" name="q8" id="8a" />
+            <input type="radio" value="20坪以下" name="q8" id="8a" />
             <label class="mr fs-label-info" for="8a">20坪以下</label>
-            <input type="checkbox" value="20~30坪" name="q8" id="8b" />
+            <input type="radio" value="20~30坪" name="q8" id="8b" />
             <label class="mr fs-label-info" for="8b">20~30坪</label>
-            <input type="checkbox" value="30~40坪" name="q8" id="8c" />
+            <input type="radio" value="30~40坪" name="q8" id="8c" />
             <label class="mr fs-label-info" for="8c">30~40坪</label>
-            <input type="checkbox" value="40~50坪" name="q8" id="8d" />
+            <input type="radio" value="40~50坪" name="q8" id="8d" />
             <label class="mr fs-label-info" for="8d">40~50坪</label>
-            <input type="checkbox" value="50坪以上" name="q8" id="8e" />
+            <input type="radio" value="50坪以上" name="q8" id="8e" />
             <label class="mr fs-label-info" for="8e">50坪以上</label>
           </div>
           <br/>
@@ -121,10 +123,9 @@
     </form>
         
     <div class="text-center">
-<!--
 
       <img class="img-fluid mb-3" src="images/banner-bottom.jpg" alt="幸福空間 - 裝修市場問卷調查">
--->
+
 
     </div>
 

step_question/apis/static/index_complete_msg.html

@@ -28,7 +28,7 @@
             <h3>再次感謝您的協助填寫</h3>
             <img src="images/checked.png" alt="" class="mb-2">
             <p>當你點選【離開】後，我們會將5萬元裝修折抵卷寄到信箱！還請您留意收信喔。</p>
-            <button class="btn-exit" href="https://www.hhh.com.tw">離開</button>
+            <button class="btn-exit" href="">離開</button>
         </div>
         </div>
     </main>

step_question/apis/static/index_terms.html

@@ -16,21 +16,29 @@
         <div class="text-center">
           <img class="img-fluid" src="images/banner_top.jpg" alt="幸福空間 - 裝修市場問卷調查">
         </div>  
-    </div>
+    
     <main>
-        <h2 class="h2">蒐集個人資料告知事項暨個人資料提供同意書</h2>
-      <div class="terms">
-        <ol class="pl-0">
-            <li>1. 幸福空間股份有限公司(以下簡稱本公司)，依活動需要取得您個人資料，並依個人資料保護法及相關法令規定，蒐集、處理及利用您個人資料。</li>
-            <li>2. 需要提供以下個人資料：姓名、聯絡方式(包括但不限於電話號碼、E-MAIL)或其他得以直接或間接識別您個人之資料。 </li>
-            <li>3. 您同意本公司以您所提供的個人資料確認您的身份、與您進行聯絡，以及其他隱私權保護政策規範之使用方式。</li>
-            <li>4. 您可依個人資料保護法，就您的個人資料向本公司：
-                (1)請求查詢或閱覽、(2)製給複製本、(3)請求補充或更正、(4)請求停止蒐集、處理及利用或(5)請求刪除。但因本公司執行職務或業務所必需者，本公司得拒絕之。</li>
-            <li>5. 若您所提供之個人資料，經檢舉或本公司發現不足以確認您的身分真實性或其他個人資料冒用、盜用、資料不實等情形，本公司有權停止提供對您的服務，若有不便之處敬請見諒。 </li>
-            <li>6. 您瞭解此一同意符合個人資料保護法及相關法規之要求，具有書面同意本公司蒐集、處理及利用您個人資料之效果。</li>
-        </ol>
+        <h2 class="h2">蒐集個人資料告知事項暨<br>個人資料提供同意書</h2>
+        <div class="terms">
+          <ol class="pl-0">
+              <li>1. 幸福空間股份有限公司(以下簡稱本公司)，依活動需要取得您個人資料，並依個人資料保護法及相關法令規定，蒐集、處理及利用您個人資料。</li>
+              <li>2. 需要提供以下個人資料：姓名、聯絡方式(包括但不限於電話號碼、E-MAIL)或其他得以直接或間接識別您個人之資料。 </li>
+              <li>3. 您同意本公司以您所提供的個人資料確認您的身份、與您進行聯絡，以及其他隱私權保護政策規範之使用方式。</li>
+              <li>4. 您可依個人資料保護法，就您的個人資料向本公司：
+                  (1)請求查詢或閱覽、(2)製給複製本、(3)請求補充或更正、(4)請求停止蒐集、處理及利用或(5)請求刪除。但因本公司執行職務或業務所必需者，本公司得拒絕之。</li>
+              <li>5. 若您所提供之個人資料，經檢舉或本公司發現不足以確認您的身分真實性或其他個人資料冒用、盜用、資料不實等情形，本公司有權停止提供對您的服務，若有不便之處敬請見諒。 </li>
+              <li>6. 您瞭解此一同意符合個人資料保護法及相關法規之要求，具有書面同意本公司蒐集、處理及利用您個人資料之效果。</li>
+          </ol>
         </div>
+        <button class="btn-term-exit" href="">回上一頁</button>
     </main>
+    <div class="text-center">
+
+      <img class="img-fluid mb-3" src="images/banner-bottom.jpg" alt="幸福空間 - 裝修市場問卷調查">
+
+
+    </div>
+  </div>
     <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
     <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
     <script src="./script.js"></script>

step_question/apis/static/script.js

@@ -116,9 +116,15 @@ function showThankyou() {
 // 跳離頁面
 $('.btn-exit').click(function() {
 	// document.location = 'https://hhh.com.tw/';
+	console.log('nnn');
 	window.close('','_parent','');
 })
 
+$('.btn-term-exit').click(function () {
+	self.opener = null;
+	self.close();
+})
+
 function show_input_text(checkbox_id, input_id) {
 	var checkBox = document.getElementById(checkbox_id);
 	var inp = document.getElementById(input_id);

step_question/apis/static/style.css

@@ -368,6 +368,18 @@ input[type="checkbox"] {
 	margin-bottom: 8px;
 }
 
+input[type="radio"] {
+	display: none;
+}
+
+input[type="radio"]:checked + .fs-label-info {
+	background-color: #27AE60;
+	color: white;
+	padding: 5px;
+	border: 1px solid #27AE60;
+	border-radius: 5px;
+}
+
 input[type="checkbox"]:checked + .fs-label-info {
 	background-color: #27AE60;
 	color: white;
@@ -383,6 +395,17 @@ input[type="checkbox"]:checked + .fs-label-info {
 	margin-top: .3rem;
 }
 
+.btn-term-exit {
+	padding: .5rem .75rem;
+	background-color: transparent;
+	border: 1px solid black;
+	margin-top: .3rem;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 2rem;
+}
+
 footer {
 	padding: 2rem;
 	padding-top: .5rem;