add file

changepage/changepage/HALLROOM2

@@ -0,0 +1 @@
+12

changepage/changepage/HOTELROOM2

@@ -0,0 +1 @@
+9

changepage/changepage/HOTELROOM2_flag

@@ -0,0 +1 @@
+1

changepage/changepage/HOTELROOM4

@@ -0,0 +1 @@
+25

changepage/changepage/NumberOfBaby

@@ -0,0 +1 @@
+14

changepage/changepage/NumberOfChild

@@ -0,0 +1 @@
+44

changepage/changepage/NumberOfPeople

@@ -0,0 +1 @@
+226

changepage/changepage/OnedayTRIP

@@ -0,0 +1,3 @@
+一日遊 7歲以上 91位
+一日遊 3-6歲   16位
+一日遊 2歲以下 6位

changepage/changepage/Room2Count

@@ -0,0 +1 @@
+10

changepage/changepage/Room4Count

@@ -0,0 +1 @@
+9

changepage/changepage/RoomCount.sh

@@ -0,0 +1,144 @@
+#!/bin/bash
+cd /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage
+touch RoomTotal
+touch changepage_flag
+touch HALLROOM2_flag
+touch HOTELROOM4_flag
+touch HOTELROOM2_flag
+echo 0 > changepage_flag
+rm -f /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/users
+wget https://json_2series.digitalent.tw/users
+HOTELROOM2=0
+jq .  users|grep HOTELROOM2 | awk -F "\"" '{ print $4 }'| while read line
+do
+HOTELROOM2=$(($HOTELROOM2 + $line))
+touch /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/HOTELROOM2
+echo $HOTELROOM2 >HOTELROOM2
+done
+echo ==========HOTELROOM2===============
+cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/HOTELROOM2
+HOTELROOM2=`cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/HOTELROOM2`
+
+if [ $HOTELROOM2 -ge "9" ]
+then
+	echo "目前飯店二人房已定${HOTELROOM2}間,已額滿" > RoomTotal	
+    echo "$HOTELROOM2超過了"
+    cat /root/TS832xu/Deverloper/liff-push_2series/pages/index.vue |grep -n 訂飯店二人房\(一大床\) 
+    HOTELROOM2_status=$?
+	if [ $HOTELROOM2_status -eq 0 ]
+	then
+		echo 1 > changepage_flag
+		echo "我近來飯店二人房了"
+		echo 1 > HOTELROOM2_flag
+		HOTELROOM2_line=`cat /root/TS832xu/Deverloper/liff-push_2series/pages/index.vue |grep -n 訂飯店二人房\(一大床\) | awk -F ":" '{ print $1 }'`
+		sed -i '/訂飯店二人房/d' /root/TS832xu/Deverloper/liff-push_2series/pages/index.vue 
+		echo "------------------------" > RoomTotal
+		echo "目前飯店二人房已定${HOTELROOM2}間,已額滿" >> RoomTotal	
+	fi
+else
+	echo "目前飯店二人房已定${HOTELROOM2}間,還剩$[ 9-$HOTELROOM2 ]" > RoomTotal
+	echo "目前飯店二人房已定${HOTELROOM2}間,還剩$[ 9-$HOTELROOM2 ]"
+fi
+
+HOTELROOM4=0
+jq .  users|grep HOTELROOM4 | awk -F "\"" '{ print $4 }'| while read line
+do
+HOTELROOM4=$(($HOTELROOM4+$line))
+touch /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/HOTELROOM4
+echo $HOTELROOM4 > HOTELROOM4
+done
+echo ==========HOTELROOM4===============
+cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/HOTELROOM4
+HOTELROOM4=`cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/HOTELROOM4`
+
+if [ $HOTELROOM4 -ge "48" ]
+then
+    echo "$HOTELROOM4超過了"
+    cat /root/TS832xu/Deverloper/liff-push_2series/pages/index.vue |grep -n 訂飯店四人房\(二大床\) 
+    HOTELROOM4_status=$?
+	if [ $HOTELROOM4_status -eq 0 ]
+	then
+		echo 1 > changepage_flag
+		echo "我近來四人房了"i
+		echo 1 > HOTELROOM4_flag
+		HOTELROOM4_line=`cat /root/TS832xu/Deverloper/liff-push_2series/pages/index.vue |grep -n 訂飯店四人房\(二大床\) | awk -F ":" '{ print $1 }'`
+		sed -i '/訂飯店四人房/d' /root/TS832xu/Deverloper/liff-push_2series/pages/index.vue 
+		echo "目前飯店四人房已定${HOTELROOM4}間,已額滿" >> RoomTotal
+	fi
+else	
+    echo "目前飯店四人房已定${HOTELROOM4}間,還剩$[ 48-$HOTELROOM4 ]">>RoomTotal
+    echo "目前飯店四人房已定${HOTELROOM4}間,還剩$[ 48-$HOTELROOM4 ]"
+fi
+
+HALLROOM2=0
+jq .  users|grep HALLROOM2 | awk -F "\"" '{ print $4 }'| while read line
+do
+HALLROOM2=$(($HALLROOM2+$line))
+touch /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/HALLROOM2
+echo $HALLROOM2 > HALLROOM2
+done
+echo ==========HALLROOM2===============
+cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/HALLROOM2
+HALLROOM2=`cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/HALLROOM2`
+
+if [ $HALLROOM2 -ge "15" ]
+then
+    echo "$HALLROOM2超過了"
+    cat /root/TS832xu/Deverloper/liff-push_2series/pages/index.vue |grep -n 訂會館二人房\(二小床\) 
+    HALLROOM2_status=$?
+	if [ $HALLROOM2_status -eq 0 ]
+	then
+		echo 1 > changepage_flag
+		echo "我近來二人房了"
+		echo 1 > HALLROOM2_flag
+		HOTELROOM2_line=`cat /root/TS832xu/Deverloper/liff-push_2series/pages/index.vue |grep -n 訂會館二人房\(二小床\) | awk -F ":" '{ print $1 }'`
+		sed -i '/訂會館二人房/d' /root/TS832xu/Deverloper/liff-push_2series/pages/index.vue 
+		echo "目前會館二人房已定${HALLROOM2}間,已額滿">>RoomTotal
+	fi
+else
+    echo "目前會館二人房已定${HALLROOM2}間,還剩$[ 15-$HALLROOM2 ]">>RoomTotal
+	echo "目前會館二人房已定${HALLROOM2}間,還剩$[ 15-$HALLROOM2 ]"
+fi
+changepage_flag=`cat changepage_flag`
+if [ "$HALLROOM2_flag" == "1" ]
+then
+    echo "有變動，重啟server"
+	cd /root/TS832xu/Deverloper/liff-push_2series/
+	/root/TS832xu/Deverloper/liff-push_2series/start.sh
+else
+	echo "沒變動,不用重啟"
+fi
+cd /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage
+HALLROOM2_flag=`cat HALLROOM2_flag`
+HOTELROOM2_flag=`cat HOTELROOM2_flag`
+HOTELROOM4_flag=`cat HOTELROOM4_flag`
+if [ "$HALLROOM2_flag" == "1" ] && [ "$HOTELROOM2_flag" == "1" ] && [ "$HOTELROOM4_flag" == "1" ];
+then
+		echo "賣光光"
+		echo "通通賣光光拉！！！">>RoomTotal
+	else
+		echo "還沒賣完"
+fi
+jq .  users|grep NumberOfPeople | awk -F "\"" '{ print $4 }'| while read line
+do
+NumberOfPeople=$(($NumberOfPeople+$line))
+touch /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfPeople
+echo $NumberOfPeople >NumberOfPeople
+done
+
+jq .  users|grep NumberOfChild | awk -F "\"" '{ print $4 }'| while read line
+do
+NumberOfChild=$(($NumberOfChild+$line))
+touch /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfChild
+echo $NumberOfChild >NumberOfChild
+done
+
+jq .  users|grep NumberOfBaby | awk -F "\"" '{ print $4 }'| while read line
+do
+NumberOfBaby=$(($NumberOfBaby+$line))
+touch /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfBaby
+echo $NumberOfBaby >NumberOfBaby
+done
+echo "7歲以上`cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfPeople`位" >>RoomTotal
+echo "3~7歲`cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfChild`位" >>RoomTotal
+echo "2歲以下`cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfBaby`位" >>RoomTotal

changepage/changepage/RoomTotal

@@ -0,0 +1,6 @@
+目前飯店二人房已定9間,已額滿
+目前飯店四人房已定25間,還剩23
+目前會館二人房已定12間,還剩3
+7歲以上226位
+3~7歲44位
+2歲以下14位

changepage/changepage/TwodayTRIP

@@ -0,0 +1,3 @@
+二日遊 7歲以上 121位
+二日遊 3-6歲   28位
+二日遊 2歲以下 8位

changepage/changepage/changepage_flag

@@ -0,0 +1 @@
+0

changepage/changepage/countday.tmp

@@ -0,0 +1 @@
+

changepage/changepage/dayscount.sh

@@ -0,0 +1,41 @@
+ID_COUNT=`jq .  users|grep id| tail -n1 |awk -F " " '{ print $2 }'`
+echo $ID_COUNT
+touch OnedayTRIP
+touch TwodayTRIP
+for ((i=1;i<=$ID_COUNT;i++))
+do	
+	echo $i
+	curl -s https://json_2series.digitalent.tw/users?id=$i |grep -q 一日遊
+	daytrip_status=$?
+	echo $daytrip_status
+	if [  $daytrip_status -eq 0 ]
+	then
+		NumberOfPeople=`curl -s https://json_2series.digitalent.tw/users?id=$i |grep NumberOfPeople | awk -F "\"" '{ print $4 }'`
+		NumberOfChild=`curl -s https://json_2series.digitalent.tw/users?id=$i |grep NumberOfChild | awk -F "\"" '{ print $4 }'`
+		NumberOfBaby=`curl -s https://json_2series.digitalent.tw/users?id=$i |grep NumberOfBaby | awk -F "\"" '{ print $4 }'`
+		OneDAYTotalPeople=$((OneDAYTotalPeople+$NumberOfPeople))
+		OneDAYTotalChild=$((OneDAYTotalChild+$NumberOfChild))
+		OneDAYTotalBaby=$((OneDAYTotalBaby+$NumberOfBaby))
+		echo "一日遊 7歲以上 ${OneDAYTotalPeople}位" >OnedayTRIP
+		echo "一日遊 3-6歲   ${OneDAYTotalChild}位">>OnedayTRIP
+		echo "一日遊 2歲以下 ${OneDAYTotalBaby}位">>OnedayTRIP
+		
+	fi		
+	curl -s https://json_2series.digitalent.tw/users?id=$i |grep -q 二日遊
+	daytrip_status=$?
+	echo $daytrip_status
+	if [  $daytrip_status -eq 0 ]
+	then
+		NumberOfPeople=`curl -s https://json_2series.digitalent.tw/users?id=$i |grep NumberOfPeople | awk -F "\"" '{ print $4 }'`
+		NumberOfChild=`curl -s https://json_2series.digitalent.tw/users?id=$i |grep NumberOfChild | awk -F "\"" '{ print $4 }'`
+		NumberOfBaby=`curl -s https://json_2series.digitalent.tw/users?id=$i |grep NumberOfBaby | awk -F "\"" '{ print $4 }'`
+		TwoDAYTotalPeople=$((TwoDAYTotalPeople+$NumberOfPeople))
+		TwoDAYTotalChild=$((TwoDAYTotalChild+$NumberOfChild))
+		TwoDAYTotalBaby=$((TwoDAYTotalBaby+$NumberOfBaby))
+		echo "二日遊 7歲以上 ${TwoDAYTotalPeople}位">TwodayTRIP
+		echo "二日遊 3-6歲   ${TwoDAYTotalChild}位">>TwodayTRIP
+		echo "二日遊 2歲以下 ${TwoDAYTotalBaby}位">>TwodayTRIP
+	fi	
+
+
+done

changepage/changepage/follow.sh

@@ -0,0 +1,8 @@
+
+wget https://json_2series.digitalent.tw/logs
+i=0
+jq .  logs |grep follow |  while read line
+do
+i=$(($i+1))
+echo $1
+done

changepage/changepage/peoplecount.sh

@@ -0,0 +1,23 @@
+jq .  users|grep NumberOfPeople | awk -F "\"" '{ print $4 }'| while read line
+do
+NumberOfPeople=$(($NumberOfPeople+$line))
+touch /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfPeople
+echo $NumberOfPeople >NumberOfPeople
+done
+
+jq .  users|grep NumberOfChild | awk -F "\"" '{ print $4 }'| while read line
+do
+NumberOfChild=$(($NumberOfChild+$line))
+touch /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfChild
+echo $NumberOfChild >NumberOfChild
+done
+
+jq .  users|grep NumberOfBaby | awk -F "\"" '{ print $4 }'| while read line
+do
+NumberOfBaby=$(($NumberOfBaby+$line))
+touch /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfBaby
+echo $NumberOfBaby >NumberOfBaby
+done
+echo "7歲以上`cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfPeople`位"
+echo "3~7歲`cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfChild`位"
+echo "2歲以下`cat /root/TS832xu/Deverloper/liff-push_2series/changepage/changepage/NumberOfBaby`位"

changepage/index.vue

@@ -0,0 +1,195 @@
+<template lang="pug">
+  v-container(fluid)
+    v-card.elevation-0
+      v-card-title 您好! 歡迎您來參加11/14 西湖渡假村《秋季也有趣》
+      v-card-text
+        p 這次我們活動採用line的報名機制
+         br
+         |*報名費用（含活動費+晚餐合菜）
+         br
+         |一日遊
+         br
+         |7歲以上--950元/人
+         br
+         |3-6歲----400元/人
+         br
+         |2歲以下--免費
+         br
+         |二日遊
+         br
+         |7歲以上--700元/人
+         br
+         |3-6歲----400元/人
+         br
+         |2歲以下--免費
+         br
+         |*住宿費用(含隔日早餐/門票)
+         br
+         |2人房:3100元
+         br
+         |4人房:4200元
+         br
+         |加床600元(含隔日早餐/門票)
+
+         br
+         |註:
+         br
+         |7歲以上:102年11月14日前出生
+         br
+         |3-6歲:102年11月13日~106年11月14日出生
+         br
+         |2歲以下:106年11月13日後出生
+         br
+         | 報名後您能憑此ＬＩＮＥ＠在現場參加遊戲
+         | 若因故須取消已報名之活動，為便於作業流程之順暢，請於一個月前提出異動，於活動日一個月前提出可全額退費；之後提出者概不退還費用，煩請自行找其他車友替補。有任何困難之處可向管理群尋求協助，謝
+        v-form(@submit.prevent="submit" v-model="isValid")
+          v-select( v-model="form.yesorno" :items="yesorno"  label="社團活動報名表單的退費機制同意與否" :rules="[requireInput]")
+          v-text-field(v-model="form.FBNAME" label="FB名稱" :rules="[requireInput]")
+          v-text-field(v-model="form.NAME" label="姓名" :rules="[requireInput]")
+          v-text-field(v-model="form.Phone" label="連絡電話" :rules="[requireInput, isPhone]" validate-on-blur type="tel")
+          v-text-field(v-model="form.CARNUM" label="車號(ABC-1234)" :rules="[requireInput]")
+          v-select( v-model="form.cartype" :items="cartype"  label="車型" :rules="[requireInput]")
+          v-select( v-model="form.CARCOLOR" :items="CARCOLOR"  label="車色" :rules="[requireInput]")
+          v-select( v-model="form.NumberOfPeople" :items="NumberOfPeople"  label="7歲(含)以上至成人" :rules="[requireInput]")
+          p.grey--text 7歲以上 一日遊950元/人  二日遊700元/人         
+          v-select( v-model="form.NumberOfChild" :items="NumberOfChild"  label="3-6歲" :rules="[requireInput]")
+          p.grey--text 3-6歲----400元/人
+          v-select( v-model="form.NumberOfBaby" :items="NumberOfBaby"  label="0~2歲" :rules="[requireInput]")   
+          p.grey--text 2歲以下--免費       
+          v-select( v-model="form.DAYS" :items="DAYS"  label="一日遊or二日遊" :rules="[requireInput]")
+          v-select( v-model="form.HOTELROOM2" :items="HOTELROOM2"  label="訂飯店二人房(一大床)3100元/晚" :rules="[requireInput]")
+          v-select( v-model="form.HOTELROOM4" :items="HOTELROOM4"  label="訂飯店四人房(二大床)4200元/晚，" :rules="[requireInput]")
+          v-select( v-model="form.HALLROOM2" :items="HALLROOM2"  label="訂會館二人房(二小床)3100元/晚" :rules="[requireInput]")
+          v-select( v-model="form.AddBED" :items="AddBED"  label="加床600元 \n" :rules="[requireInput]")          
+          v-text-field(v-model="form.Charge" label="報名費總金額" :rules="[requireInput]")
+          p.grey--text 註1: 計算方式: (報名人數*費用)+(房價*間數))
+          v-text-field(v-model="form.BANKACCOUNT" label="匯款帳號後五碼" :rules="[requireInput]")
+          p.grey--text 註2: 只是先填寫.不用急著匯款,請耐心等待通知~確定有報到名後再進行匯款動作即可
+          v-btn.airplug(type="submit" dark block depressed large :disabled="!isValid") {{ isValid ? '填好送出完成報到' : '您還沒填好喔' }}
+</template>
+<script lang="ts">
+import { Vue, Component } from "nuxt-property-decorator";
+import querystring from "querystring";
+import { initLIFF } from "~/plugins/liff";
+import { IForm } from "~/models/submit";
+
+@Component
+export default class Home extends Vue {
+  isValid = true;
+  NumberOfPeople = [
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "10",
+    "再多...請聯絡管理員"
+  ];
+  NumberOfChild = [
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "10",
+    "再多就變安親班了...請聯絡管理員"
+  ];
+  NumberOfBaby = [
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "10",
+    "再多變成幼稚園...請聯絡管理員"
+  ];
+  yesorno = ["同意", "不同意"];
+  cartype = ["AT", "GT", "其他"];
+  CARCOLOR = ["300標準白", "668標準黑","A89帝王藍","C09地中海藍","B39礦物灰","A96珍珠白","A83冰川銀","B53深棕","C08香檳金","C10寶藍","C06紅","B45M款藍","其他"];
+  DAYS = ["一日遊", "二日遊"];
+  AddBED = ["0", "1", "2", "3", "4", "5"];
+  HOTELROOM2 = ["0", "1", "2", "3", "4", "5"];
+  HOTELROOM4 = ["0", "1", "2", "3", "4", "5"];
+  HALLROOM2 = ["0", "1", "2", "3", "4", "5"];
+  form = {
+    NAME: "",
+    FBNAME: "",
+    CARNUM: "",
+    yesorno: "",
+    CARCOLOR: "",
+    Phone: "",
+    LINEUserID: "",
+    NumberOfPeople: "",
+    NumberOfChild: "",
+    NumberOfBaby: "",
+    DAYS: "",
+    HOTELROOM2: "",
+    HOTELROOM4: "",
+    HALLROOM2: "",
+    AddBED: "",
+    BANKACCOUNT: ""
+  };
+
+  liff: any;
+
+  async mounted() {
+    const liffId = "1654797836-k7jJLNP4";
+    const liff = (this.liff = await initLIFF(liffId));
+    if (!liff.isLoggedIn()) {
+      liff.login();
+    } else {
+      const profile = await liff.getProfile();
+      this.form.LINEUserID = profile.userId;
+      console.log(this.form);
+    }
+  }
+
+  async submit() {
+    try {
+      await this.$axios.$post(`//${window.location.host}/submit`, this.form);
+      this.liff.closeWindow();
+    } catch (error) {
+      alert("送出失敗");
+    }
+  }
+
+  requireInput(value) {
+    value = value || '';
+    return !!value.trim() ? true : "這個欄位也要填喔";
+  }
+
+  isEmail(value) {
+    return !!value.match(/.+@.+[.].+/g) ? true : "email 格式不正確";
+  }
+
+  isPhone(value) {
+    return value.replace(/[^0-9]/g, "").length >= 9
+      ? true
+      : "電話號碼不正確， 市話記得加區碼喔";
+  }
+}
+</script>
+<style scoped>
+button.airplug.theme--dark.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
+  background-color: #44d62c !important;
+  color: white !important;
+}
+button.airplug.theme--dark.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
+  opacity: 0.3;
+}
+</style>

changepage/index.vue.org

@@ -0,0 +1,195 @@
+<template lang="pug">
+  v-container(fluid)
+    v-card.elevation-0
+      v-card-title 您好! 歡迎您來參加11/14 西湖渡假村《秋季也有趣》
+      v-card-text
+        p 這次我們活動採用line的報名機制
+         br
+         |*報名費用（含活動費+晚餐合菜）
+         br
+         |一日遊
+         br
+         |7歲以上--950元/人
+         br
+         |3-6歲----400元/人
+         br
+         |2歲以下--免費
+         br
+         |二日遊
+         br
+         |7歲以上--700元/人
+         br
+         |3-6歲----400元/人
+         br
+         |2歲以下--免費
+         br
+         |*住宿費用(含隔日早餐/門票)
+         br
+         |2人房:3100元
+         br
+         |4人房:4200元
+         br
+         |加床600元(含隔日早餐/門票)
+
+         br
+         |註:
+         br
+         |7歲以上:102年11月14日前出生
+         br
+         |3-6歲:102年11月13日~106年11月14日出生
+         br
+         |2歲以下:106年11月13日後出生
+         br
+         | 報名後您能憑此ＬＩＮＥ＠在現場參加遊戲
+         | 若因故須取消已報名之活動，為便於作業流程之順暢，請於一個月前提出異動，於活動日一個月前提出可全額退費；之後提出者概不退還費用，煩請自行找其他車友替補。有任何困難之處可向管理群尋求協助，謝
+        v-form(@submit.prevent="submit" v-model="isValid")
+          v-select( v-model="form.yesorno" :items="yesorno"  label="社團活動報名表單的退費機制同意與否" :rules="[requireInput]")
+          v-text-field(v-model="form.FBNAME" label="FB名稱" :rules="[requireInput]")
+          v-text-field(v-model="form.NAME" label="姓名" :rules="[requireInput]")
+          v-text-field(v-model="form.Phone" label="連絡電話" :rules="[requireInput, isPhone]" validate-on-blur type="tel")
+          v-text-field(v-model="form.CARNUM" label="車號(ABC-1234)" :rules="[requireInput]")
+          v-select( v-model="form.cartype" :items="cartype"  label="車型" :rules="[requireInput]")
+          v-select( v-model="form.CARCOLOR" :items="CARCOLOR"  label="車色" :rules="[requireInput]")
+          v-select( v-model="form.NumberOfPeople" :items="NumberOfPeople"  label="7歲(含)以上至成人" :rules="[requireInput]")
+          p.grey--text 7歲以上 一日遊950元/人  二日遊700元/人         
+          v-select( v-model="form.NumberOfChild" :items="NumberOfChild"  label="3-6歲" :rules="[requireInput]")
+          p.grey--text 3-6歲----400元/人
+          v-select( v-model="form.NumberOfBaby" :items="NumberOfBaby"  label="0~2歲" :rules="[requireInput]")   
+          p.grey--text 2歲以下--免費       
+          v-select( v-model="form.DAYS" :items="DAYS"  label="一日遊or二日遊" :rules="[requireInput]")
+          v-select( v-model="form.HOTELROOM2" :items="HOTELROOM2"  label="訂飯店二人房(一大床)3100元/晚" :rules="[requireInput]")
+          v-select( v-model="form.HOTELROOM4" :items="HOTELROOM4"  label="訂飯店四人房(二大床)4200元/晚，" :rules="[requireInput]")
+          v-select( v-model="form.HALLROOM2" :items="HALLROOM2"  label="訂會館二人房(二小床)3100元/晚" :rules="[requireInput]")
+          v-select( v-model="form.AddBED" :items="AddBED"  label="加床600元 \n" :rules="[requireInput]")          
+          v-text-field(v-model="form.Charge" label="報名費總金額" :rules="[requireInput]")
+          p.grey--text 註1: 計算方式: (報名人數*費用)+(房價*間數))
+          v-text-field(v-model="form.BANKACCOUNT" label="匯款帳號後五碼" :rules="[requireInput]")
+          p.grey--text 註2: 只是先填寫.不用急著匯款,請耐心等待通知~確定有報到名後再進行匯款動作即可
+          v-btn.airplug(type="submit" dark block depressed large :disabled="!isValid") {{ isValid ? '填好送出完成報到' : '您還沒填好喔' }}
+</template>
+<script lang="ts">
+import { Vue, Component } from "nuxt-property-decorator";
+import querystring from "querystring";
+import { initLIFF } from "~/plugins/liff";
+import { IForm } from "~/models/submit";
+
+@Component
+export default class Home extends Vue {
+  isValid = true;
+  NumberOfPeople = [
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "10",
+    "再多...請聯絡管理員"
+  ];
+  NumberOfChild = [
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "10",
+    "再多就變安親班了...請聯絡管理員"
+  ];
+  NumberOfBaby = [
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "10",
+    "再多變成幼稚園...請聯絡管理員"
+  ];
+  yesorno = ["同意", "不同意"];
+  cartype = ["AT", "GT", "其他"];
+  CARCOLOR = ["300標準白", "668標準黑","A89帝王藍","C09地中海藍","B39礦物灰","A96珍珠白","A83冰川銀","B53深棕","C08香檳金","C10寶藍","C06紅","B45M款藍","其他"];
+  DAYS = ["一日遊", "二日遊"];
+  AddBED = ["0", "1", "2", "3", "4", "5"];
+  HOTELROOM2 = ["0", "1", "2", "3", "4", "5"];
+  HOTELROOM4 = ["0", "1", "2", "3", "4", "5"];
+  HALLROOM2 = ["0", "1", "2", "3", "4", "5"];
+  form = {
+    NAME: "",
+    FBNAME: "",
+    CARNUM: "",
+    yesorno: "",
+    CARCOLOR: "",
+    Phone: "",
+    LINEUserID: "",
+    NumberOfPeople: "",
+    NumberOfChild: "",
+    NumberOfBaby: "",
+    DAYS: "",
+    HOTELROOM2: "",
+    HOTELROOM4: "",
+    HALLROOM2: "",
+    AddBED: "",
+    BANKACCOUNT: ""
+  };
+
+  liff: any;
+
+  async mounted() {
+    const liffId = "1654797836-k7jJLNP4";
+    const liff = (this.liff = await initLIFF(liffId));
+    if (!liff.isLoggedIn()) {
+      liff.login();
+    } else {
+      const profile = await liff.getProfile();
+      this.form.LINEUserID = profile.userId;
+      console.log(this.form);
+    }
+  }
+
+  async submit() {
+    try {
+      await this.$axios.$post(`//${window.location.host}/submit`, this.form);
+      this.liff.closeWindow();
+    } catch (error) {
+      alert("送出失敗");
+    }
+  }
+
+  requireInput(value) {
+    value = value || '';
+    return !!value.trim() ? true : "這個欄位也要填喔";
+  }
+
+  isEmail(value) {
+    return !!value.match(/.+@.+[.].+/g) ? true : "email 格式不正確";
+  }
+
+  isPhone(value) {
+    return value.replace(/[^0-9]/g, "").length >= 9
+      ? true
+      : "電話號碼不正確， 市話記得加區碼喔";
+  }
+}
+</script>
+<style scoped>
+button.airplug.theme--dark.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
+  background-color: #44d62c !important;
+  color: white !important;
+}
+button.airplug.theme--dark.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
+  opacity: 0.3;
+}
+</style>