You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
225 lines
12 KiB
225 lines
12 KiB
<?php
|
|
include("../header.php");
|
|
require_once("./conn.php");
|
|
?>
|
|
<link rel="stylesheet" href="./styles/style.css">
|
|
<link rel="stylesheet" href="semantic/dist/semantic.min.css">
|
|
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.5.0/axios.min.js" integrity="sha512-aoTNnqZcT8B4AmeCFmiSnDlc4Nj/KPaZyB5G7JnOnUEkdNpCZs1LCankiYi01sLTyWy+m2P+W4XM+BuQ3Q4/Dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
|
|
<div class="contract-input-component" x-data="{
|
|
init(){
|
|
$('select.dropdown')
|
|
.dropdown();
|
|
},
|
|
isLoading:false,
|
|
save(){
|
|
this.isLoading = true
|
|
console.log(12345678);
|
|
}
|
|
}">
|
|
<form method="post" id="form" enctype="multipart/form-data">
|
|
<input type="hidden" name='form_name' value="main_form" />
|
|
<div>
|
|
<table class="table table-bordered query-table table-striped table-bordered display compact" style="width:99%;margin-left:.5%">
|
|
<thead>
|
|
<tr>
|
|
<td colspan="9">
|
|
<h3 style='text-align:center'>合約入力(保養)</h3>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody style="font-weight: bolder;margin-bottom: 20px">
|
|
<tr>
|
|
<td colspan="7" style='vertical-align: middle;border-right:0px;'>
|
|
<h4>業務確認項</h4>
|
|
</td>
|
|
<td class="text-right" style='border-left:0px;'>
|
|
<button type="button" id="btn_close" class="btn btn-default" onclick="window.history.back();">返回</button>
|
|
<button type="button" id="btn_close" class="btn btn-default" onclick="window.close();">關閉分頁</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">合約號</td>
|
|
<td>
|
|
<input class="form-control " type="text" name="contractno" value="" >
|
|
|
|
</td>
|
|
|
|
<td style="vertical-align: middle">統一編號/身分證</td>
|
|
<td>
|
|
<input class="form-control disabled_select" type="text" name="uscc" value="" >
|
|
</td>
|
|
<td style="vertical-align: middle">維修型態</td>
|
|
<td style="vertical-align: middle">
|
|
<select class="ui search dropdown" name="repairtype">
|
|
<option value="">選擇維修型態</option>
|
|
<option value="A">定期保養</option>
|
|
<option value="B">單次保養</option>
|
|
<option value="C">單次維修</option>
|
|
</select>
|
|
</td>
|
|
<td style="vertical-align: middle">
|
|
開門方式
|
|
</td>
|
|
<td style="vertical-align: middle">
|
|
<select class="ui search dropdown" name="repairtype">
|
|
<option value="">選擇開門方式</option>
|
|
<option value="2PCO">2PCO</option>
|
|
<option value="2S">2S</option>
|
|
<option value="2SL">2SL</option>
|
|
<option value="2SR">2SR</option>
|
|
<option value="2U">2U</option>
|
|
<option value="3S">3S</option>
|
|
<option value="4PCO">4PCO</option>
|
|
<option value="6PCO">6PCO</option>
|
|
<option value="CO">CO</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">客戶電話</td>
|
|
<td>
|
|
<input class="form-control disabled_select" type="text" name="tel" value="" >
|
|
</td>
|
|
<td style="vertical-align: middle">Email</td>
|
|
<td style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="text" name="email" value="" >
|
|
</td>
|
|
<td style="vertical-align: middle">保養員</td>
|
|
<td>
|
|
<select class="ui search dropdown" name="repairer_name">
|
|
<option value="">選擇保養員</option>
|
|
<option value="AF">阿兵哥</option>
|
|
<option value="AX">哈哈</option>
|
|
<option value="AL">嘿嘿</option>
|
|
<option value="DZ">嗚嗚</option>
|
|
<option value="AS">ㄚㄚ</option>
|
|
</select>
|
|
</td>
|
|
<td style="vertical-align: middle">保養別</td>
|
|
<td>
|
|
<select class="ui search dropdown" name="repairer_name">
|
|
<option value="">選擇保養別</option>
|
|
<option value="A">全包</option>
|
|
<option value="B">半包</option>
|
|
<option value="C">清包</option>
|
|
<option value="D">半包兩個月保養一次</option>
|
|
<option value="E">半包一個月保養兩次</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">業務聯繫人</td>
|
|
<td>
|
|
<select class="ui search dropdown" name="contractperson">
|
|
<option value="">選擇保養員</option>
|
|
<option value="AF">阿兵哥</option>
|
|
<option value="AX">哈哈</option>
|
|
<option value="AL">嘿嘿</option>
|
|
<option value="DZ">嗚嗚</option>
|
|
<option value="AS">ㄚㄚ</option>
|
|
</select>
|
|
</td>
|
|
<td style="vertical-align: middle">業務聯繫人地址</td>
|
|
<td>
|
|
<input class="form-control disabled_select" type="text" name="contractaddress" value="" >
|
|
</td>
|
|
<td style="vertical-align: middle">業務聯繫人電話</td>
|
|
<td>
|
|
<input class="form-control disabled_select" type="text" name="contracttel" value="" >
|
|
</td>
|
|
<td style="vertical-align: middle">業務聯繫人Email</td>
|
|
<td>
|
|
<input class="form-control disabled_select" type="text" name="contracttel" value="" >
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">立約人</td>
|
|
<td>
|
|
<select class="ui search dropdown" name="promiser">
|
|
<option value="">選擇立約人</option>
|
|
<option value="AF">呼呼</option>
|
|
<option value="AX">哈哈</option>
|
|
<option value="AL">嘿嘿</option>
|
|
<option value="DZ">嗚嗚</option>
|
|
<option value="AS">ㄚㄚ</option>
|
|
</select>
|
|
</td>
|
|
<td style="vertical-align: middle">契約人</td>
|
|
<td>
|
|
<select class="ui search dropdown" name="promiser">
|
|
<option value="">選擇契約人</option>
|
|
<option value="AF">呼呼</option>
|
|
<option value="AX">哈哈</option>
|
|
<option value="AL">嘿嘿</option>
|
|
<option value="DZ">嗚嗚</option>
|
|
<option value="AS">ㄚㄚ</option>
|
|
</select>
|
|
</td>
|
|
<td style="vertical-align: middle">合約開始時間</td>
|
|
<td>
|
|
<input class="form-control disabled_select" type="date" name="start_date" value="" >
|
|
</td>
|
|
<td style="vertical-align: middle">合約終止時間</td>
|
|
<td>
|
|
<input class="form-control disabled_select" type="date" name="end_date" value="" >
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">地址</td>
|
|
<td>
|
|
<select class="ui search dropdown" name="contractperson">
|
|
<option value="">選擇地址</option>
|
|
<option value="基隆市">基隆市</option>
|
|
<option value="台北市">台北市</option>
|
|
<option value="新北市">新北市</option>
|
|
<option value="桃園市">桃園市</option>
|
|
<option value="新竹市">新竹市</option>
|
|
<option value="新竹縣">新竹縣</option>
|
|
<option value="苗栗縣">苗栗縣</option>
|
|
<option value="台中市">台中市</option>
|
|
<option value="彰化縣">彰化縣</option>
|
|
<option value="南投縣">南投縣</option>
|
|
<option value="雲林縣">雲林縣</option>
|
|
<option value="嘉義市">嘉義市</option>
|
|
<option value="嘉義縣">嘉義縣</option>
|
|
<option value="台南市">台南市</option>
|
|
<option value="高雄市">高雄市</option>
|
|
<option value="屏東縣">屏東縣</option>
|
|
<option value="台東縣">台東縣</option>
|
|
<option value="花蓮縣">花蓮縣</option>
|
|
<option value="宜蘭縣">宜蘭縣</option>
|
|
<option value="澎湖縣">澎湖縣</option>
|
|
<option value="金門縣">金門縣</option>
|
|
<option value="連江縣">連江縣</option>
|
|
</select>
|
|
</td>
|
|
<td style="vertical-align: middle"></td>
|
|
<td>
|
|
</td>
|
|
<td style="vertical-align: middle"></td>
|
|
<td>
|
|
</td>
|
|
<td style="vertical-align: middle"></td>
|
|
<td>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<button @click="save()" :disabled="isLoading ? true : false" type="button" class="btn btn-primary btn-lg pull-right savebtn">
|
|
<template x-if="!isLoading">
|
|
<span>存檔</span>
|
|
</template>
|
|
<template x-if="isLoading">
|
|
<div class="loader"></div>
|
|
</template>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script
|
|
src="https://code.jquery.com/jquery-3.1.1.min.js"
|
|
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
|
|
crossorigin="anonymous"></script>
|
|
<script src="semantic/dist/semantic.min.js" ></script>
|
|
|