11 changed files with 651 additions and 444 deletions
@ -1,351 +1,374 @@ |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
include_once("./api/getFacilityNo.php"); |
|||
$accounttype = "B"; |
|||
$sql_str = "SELECT accountid, name FROM account WHERE accounttype = :accounttype"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':accounttype',$accounttype); |
|||
$stmt->execute(); |
|||
$workers = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
$accounttype = "M"; |
|||
$sql_str = "SELECT id,accountid, name FROM account WHERE accounttype = :accounttype"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':accounttype',$accounttype); |
|||
$stmt->execute(); |
|||
$contractpersons = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
?> |
|||
<link rel="stylesheet" href="./styles/style.css"> |
|||
<link rel="stylesheet" href="semantic/dist/semantic.min.css"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> |
|||
<script defer src="./js/alpinejs/cdn.min.js"></script> |
|||
<script src="./js/axios/axios.min.js" ></script> |
|||
|
|||
<div class="contract-input-component" x-data="contractInput"> |
|||
<div class="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="8"> |
|||
<h3 style='text-align:center'>合約入力(保養)</h3> |
|||
</td> |
|||
</tr> |
|||
</thead> |
|||
<template x-if="step==1"> |
|||
<tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==1"> |
|||
<tr> |
|||
<td style="vertical-align: middle">合約號</td> |
|||
<td colspan="5"> |
|||
<input class="form-control" @keyup="nextStepKeyupFn($event)" type="text" name="contractno" x-model="data.contractno" > |
|||
|
|||
</td> |
|||
<td colspan="2" style="vertical-align: middle"> |
|||
<label for="customize"> |
|||
<input type="checkbox" x-model="customize" id="customize" />自定義欄位 |
|||
</label> |
|||
</td> |
|||
|
|||
</tr> |
|||
</tbody> |
|||
</template> |
|||
<template x-if="step==2"> |
|||
<tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==2"> |
|||
<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 type="text" x-model="data.customer" /> |
|||
<p class="alerttext" x-show="data.customer==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">營業員</td> |
|||
<td> |
|||
<select class="ui fluid search dropdown" name="promiser" x-model="data.salesman"> |
|||
<option value="">選擇營業員</option> |
|||
<?php foreach($contractpersons as $person){ ?> |
|||
<option value="<?php echo $person['accountid'] ?>"><?php echo $person['name'] ?></option> |
|||
<?php } ?> |
|||
</select> |
|||
<p class="alerttext" x-show="data.salesman==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">合約開始時間</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="date" name="start_date" x-model="data.contract_begin_date" > |
|||
<p class="alerttext" x-show="data.contract_begin_date==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">合約終止時間</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="date" name="end_date" x-model="data.contract_end_date" > |
|||
<p class="alerttext" x-show="data.contract_end_date==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">電梯台數</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="number" x-model="data.num" :disabled="data.disabled"> |
|||
<p class="alerttext" x-show="data.num==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
<p class="alerttext" x-show="data.num==0 && data.num!=''"><i class="fa-solid fa-circle-xmark"></i>電梯數量需大於0</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">統一編號/身分證</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.vat" > |
|||
<p class="alerttext" x-show="data.vat==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">維修型態</td> |
|||
<td style="vertical-align: middle"> |
|||
<select class="ui search dropdown" name="" x-model="data.mtype"> |
|||
<option value="" >選擇維修型態</option> |
|||
<option value="A">定期保養</option> |
|||
</select> |
|||
<p class="alerttext" x-show="data.mtype==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td></td> |
|||
<td></td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">客戶電話</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="tel" x-model="data.phone" > |
|||
<p class="alerttext" x-show="data.phone==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">Email</td> |
|||
<td style="vertical-align: middle"> |
|||
<input class="form-control disabled_select" type="email" name="email" x-model="data.email" > |
|||
<p class="alerttext" x-show="data.email==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">保養員</td> |
|||
<td> |
|||
<select class="ui search dropdown" name="repairer_name" x-model="data.mworker"> |
|||
<option value="">選擇保養員</option> |
|||
<?php foreach($workers as $worker){ ?> |
|||
<option value="<?php echo $worker['accountid']; ?>"><?php echo $worker['name'] ?></option> |
|||
<?php } ?> |
|||
</select> |
|||
<p class="alerttext" x-show="data.mworker==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">保養頻率</td> |
|||
<td> |
|||
<select class="ui search dropdown" name="repairer_name" x-model="data.mcycle"> |
|||
<option value="">選擇保養頻率</option> |
|||
<option value="bw">雙週保</option> |
|||
<option value="em">月保</option> |
|||
</select> |
|||
<p class="alerttext" x-show="data.mcycle==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">業務聯繫人</td> |
|||
<td> |
|||
<input type="text" x-model="data.partyA" name="partyA" /> |
|||
<p class="alerttext" x-show="data.partyA==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">業務聯繫人地址</td> |
|||
<td> |
|||
<input class="form-control disabled_select" x-model="data.partyAaddress" type="text" name="contractaddress" value="" > |
|||
<p class="alerttext" x-show="data.partyAaddress==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">業務聯繫人電話</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="contracttel" x-model="data.partyAphone" > |
|||
<p class="alerttext" x-show="data.partyAphone==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">業務聯繫人Email</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="email" name="contracttel" x-model="data.partyAemail" > |
|||
<p class="alerttext" x-show="data.partyAemail==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">區域</td> |
|||
<td> |
|||
<select class="ui search dropdown" x-model="data.area"> |
|||
<option value="">選擇區域</option> |
|||
<template x-for="city in cities" :key="city.code"> |
|||
<option x-bind:selected="city.name === data.area" x-text="city.name" :value="city.name"></option> |
|||
</template> |
|||
</select> |
|||
<p class="alerttext" x-show="data.area==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">詳細地址</td> |
|||
<td colspan="2"> |
|||
<input type="text" x-model="data.address" /> |
|||
<p class="alerttext" x-show="data.address==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">附件</td> |
|||
<td colspan="2"> |
|||
<input type="file" name="file[]" multiple draggable="true" @change="uploadFiles($event)" /> |
|||
</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
|
|||
</tr> |
|||
</tbody> |
|||
</template> |
|||
<template x-if="step==3"> |
|||
<template x-for="(elevator, idx) in data.elevators" :key="elevator.apply_key + elevator.register_code"> |
|||
<tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==3"> |
|||
<tr> |
|||
<td colspan=8><p x-text="'電梯' + Number(idx+1)"></p></td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">機種</td> |
|||
<td> |
|||
<select class="ui search dropdown" name="spec" x-model="data.elevators[idx].spec" > |
|||
<option value="">選擇規格</option> |
|||
<option value="MAE100">MAE100</option> |
|||
<option value="MAM200">MAM200</option> |
|||
<option value="MAH100">MAH100</option> |
|||
<option value="MAQ100">MAQ100</option> |
|||
<option value="MAF100">MAF100</option> |
|||
<option value="MAZ100">MAZ100</option> |
|||
</select> |
|||
<p class="alerttext" x-show="!(data.elevators[idx].spec=='MAE100' || data.elevators[idx].spec=='MAM200' || data.elevators[idx].spec=='MAH100' || data.elevators[idx].spec=='MAQ100' || data.elevators[idx].spec=='MAF100' || data.elevators[idx].spec=='MAZ100')"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">載重</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].weight" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].weight==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">速度</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].speed" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].speed==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">人乘</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].persons" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].persons==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">樓停</td> |
|||
<td> |
|||
<input type="number" class="form-control" x-model="data.elevators[idx].stop" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].stop=='' || !data.elevators[idx].stop"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">樓層</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].floors" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].floors=='' || !data.elevators[idx].floors"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">緯度</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].latitude" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].latitude=='' || !data.elevators[idx].latitude"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">經度</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].longitude" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].longitude=='' || !data.elevators[idx].longitude"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">廠牌</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].elevator_brand" class="form-control" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].elevator_brand==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle"> |
|||
開門方式 |
|||
</td> |
|||
<td style="vertical-align: middle"> |
|||
<select class="ui search dropdown" name="" x-model="data.elevators[idx].opendoor"> |
|||
<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> |
|||
<p class="alerttext" x-show="data.elevators[idx].opendoor=='' || !data.elevators[idx].opendoor "><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">保養別</td> |
|||
<td> |
|||
<select class="ui search dropdown" x-model="data.elevators[idx].maintainance"> |
|||
<option value="">選擇保養別</option> |
|||
<option value="A">全包</option> |
|||
<option value="B">半包</option> |
|||
<option value="C">清包</option> |
|||
</select> |
|||
<p class="alerttext" x-show="data.elevators[idx].maintainance=='' || !data.elevators[idx].maintainance"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">竣檢日</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="date" x-model="data.elevators[idx].takecertificatedate"> |
|||
<p class="alerttext" x-show="data.elevators[idx].takecertificatedate=='' || !data.elevators[idx].takecertificatedate"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
|
|||
<td style="vertical-align: middle">許可證有效時間</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="date" x-model="data.elevators[idx].useful_date"> |
|||
<p class="alerttext" x-show="data.elevators[idx].useful_date=='' || !data.elevators[idx].useful_date"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr><td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td></tr> |
|||
</tbody> |
|||
</template> |
|||
</template> |
|||
</table> |
|||
|
|||
|
|||
<button x-show="step==3" @click="save()" :disabled="isLoading" 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> |
|||
<button x-show="step<=2" @click="nextStepFn()" type="button" class="btn btn-primary btn-lg pull-right savebtn" :disabled="isLoading"> |
|||
<template x-if="!isLoading"> |
|||
<span>下一步</span> |
|||
</template> |
|||
<template x-if="isLoading"> |
|||
<div class="loader"></div> |
|||
</template> |
|||
</button> |
|||
<button x-show="step>1" @click="preStepFn()" :disabled="isLoading" 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> |
|||
</div> |
|||
|
|||
</div> |
|||
<script src="./js/jquery/jquery-3.1.1.min.js"></script> |
|||
<script src="semantic/dist/semantic.min.js" ></script> |
|||
<script src="./js/alpine.js"></script> |
|||
<script> |
|||
const user_id = '<?php echo $user_id; ?>' |
|||
const user_name = '<?php echo $user_name; ?>' |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
include_once("./api/getFacilityNo.php"); |
|||
$accounttype = "B"; |
|||
$sql_str = "SELECT accountid, name FROM account WHERE accounttype = :accounttype"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':accounttype', $accounttype); |
|||
$stmt->execute(); |
|||
$workers = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
$accounttype = "M"; |
|||
$sql_str = "SELECT id,accountid, name FROM account WHERE accounttype = :accounttype"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':accounttype', $accounttype); |
|||
$stmt->execute(); |
|||
$contractpersons = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
?> |
|||
<link rel="stylesheet" href="./styles/style.css"> |
|||
<link rel="stylesheet" href="semantic/dist/semantic.min.css"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> |
|||
<script defer src="./js/alpinejs/cdn.min.js"></script> |
|||
<script src="./js/axios/axios.min.js"></script> |
|||
|
|||
<div class="contract-input-component" x-data="contractInput"> |
|||
<div class="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="8"> |
|||
<h3 style='text-align:center'>合約入力(保養)</h3> |
|||
</td> |
|||
</tr> |
|||
</thead> |
|||
<template x-if="step==1"> |
|||
<tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==1"> |
|||
<tr> |
|||
<td style="vertical-align: middle">合約號</td> |
|||
<td colspan="5"> |
|||
<input class="form-control" @keyup="nextStepKeyupFn($event)" type="text" name="contractno" x-model="data.contractno"> |
|||
|
|||
</td> |
|||
<td colspan="2" style="vertical-align: middle"> |
|||
<label for="customize"> |
|||
<input type="checkbox" x-model="customize" id="customize" />自定義欄位 |
|||
</label> |
|||
</td> |
|||
|
|||
</tr> |
|||
</tbody> |
|||
</template> |
|||
<template x-if="step==2"> |
|||
<tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==2"> |
|||
<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 type="text" x-model="data.customer" /> |
|||
<p class="alerttext" x-show="data.customer==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">營業員</td> |
|||
<td> |
|||
<select class="ui fluid search dropdown" name="promiser" x-model="data.salesman"> |
|||
<option value="">選擇營業員</option> |
|||
<?php foreach ($contractpersons as $person) { ?> |
|||
<option value="<?php echo $person['accountid'] ?>"><?php echo $person['name'] ?></option> |
|||
<?php } ?> |
|||
</select> |
|||
<p class="alerttext" x-show="data.salesman==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">合約開始時間</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="date" name="start_date" x-model="data.contract_begin_date"> |
|||
<p class="alerttext" x-show="data.contract_begin_date==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">合約終止時間</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="date" name="end_date" x-model="data.contract_end_date"> |
|||
<p class="alerttext" x-show="data.contract_end_date==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">電梯台數</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="number" x-model="data.num" :disabled="data.disabled"> |
|||
<p class="alerttext" x-show="data.num==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
<p class="alerttext" x-show="data.num==0 && data.num!=''"><i class="fa-solid fa-circle-xmark"></i>電梯數量需大於0</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">統一編號/身分證</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.vat"> |
|||
<p class="alerttext" x-show="data.vat==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">維修型態</td> |
|||
<td style="vertical-align: middle"> |
|||
<select class="ui search dropdown" name="" x-model="data.mtype"> |
|||
<option value="">選擇維修型態</option> |
|||
<option value="A">定期保養</option> |
|||
</select> |
|||
<p class="alerttext" x-show="data.mtype==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">契約成交價</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="tel" x-model="data.total_price" :disabled="data.disabled"> |
|||
<p class="alerttext" x-show="data.total_price==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">客戶電話</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="tel" x-model="data.phone"> |
|||
<p class="alerttext" x-show="data.phone==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">Email</td> |
|||
<td style="vertical-align: middle"> |
|||
<input class="form-control disabled_select" type="email" name="email" x-model="data.email"> |
|||
<p class="alerttext" x-show="data.email==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">保養員</td> |
|||
<td> |
|||
<select class="ui search dropdown" name="repairer_name" x-model="data.mworker"> |
|||
<option value="">選擇保養員</option> |
|||
<?php foreach ($workers as $worker) { ?> |
|||
<option value="<?php echo $worker['accountid']; ?>"><?php echo $worker['name'] ?></option> |
|||
<?php } ?> |
|||
</select> |
|||
<p class="alerttext" x-show="data.mworker==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">保養頻率</td> |
|||
<td> |
|||
<select class="ui search dropdown" name="repairer_name" x-model="data.mcycle"> |
|||
<option value="">選擇保養頻率</option> |
|||
<option value="bw">雙週保</option> |
|||
<option value="em">月保</option> |
|||
</select> |
|||
<p class="alerttext" x-show="data.mcycle==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">業務聯繫人</td> |
|||
<td> |
|||
<input type="text" x-model="data.partyA" name="partyA" /> |
|||
<p class="alerttext" x-show="data.partyA==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">業務聯繫人地址</td> |
|||
<td> |
|||
<input class="form-control disabled_select" x-model="data.partyAaddress" type="text" name="contractaddress" value=""> |
|||
<p class="alerttext" x-show="data.partyAaddress==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">業務聯繫人電話</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="contracttel" x-model="data.partyAphone"> |
|||
<p class="alerttext" x-show="data.partyAphone==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">業務聯繫人Email</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="email" name="contracttel" x-model="data.partyAemail"> |
|||
<p class="alerttext" x-show="data.partyAemail==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">區域</td> |
|||
<td> |
|||
<select class="ui search dropdown" x-model="data.area"> |
|||
<option value="">選擇區域</option> |
|||
<template x-for="city in cities" :key="city.code"> |
|||
<option x-bind:selected="city.name === data.area" x-text="city.name" :value="city.name"></option> |
|||
</template> |
|||
</select> |
|||
<p class="alerttext" x-show="data.area==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">詳細地址</td> |
|||
<td colspan="2"> |
|||
<input type="text" x-model="data.address" /> |
|||
<p class="alerttext" x-show="data.address==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">分期方式</td> |
|||
<td colspan="2"> |
|||
<select class="ui search dropdown" x-model="data.payType"> |
|||
<option value="">選擇付款方式</option> |
|||
<option value="A40006">年繳</option> |
|||
<option value="A40007">季繳</option> |
|||
<option value="A40003">月繳</option> |
|||
<option value="A40004">雙月繳</option> |
|||
<option value="A40005">半年繳</option> |
|||
</select> |
|||
<p class="alerttext" x-show="data.payType==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td style="vertical-align: middle">附件</td> |
|||
<td colspan="2"> |
|||
<input type="file" name="file[]" multiple draggable="true" @change="uploadFiles($event)" /> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</template> |
|||
<template x-if="step==3"> |
|||
<template x-for="(elevator, idx) in data.elevators" :key="elevator.apply_key + elevator.register_code"> |
|||
<tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==3"> |
|||
<tr> |
|||
<td colspan=8> |
|||
<p x-text="'電梯' + Number(idx+1)"></p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">機種</td> |
|||
<td> |
|||
<select class="ui search dropdown" name="spec" x-model="data.elevators[idx].spec"> |
|||
<option value="">選擇規格</option> |
|||
<option value="MAE100">MAE100</option> |
|||
<option value="MAM200">MAM200</option> |
|||
<option value="MAH100">MAH100</option> |
|||
<option value="MAQ100">MAQ100</option> |
|||
<option value="MAF100">MAF100</option> |
|||
<option value="MAZ100">MAZ100</option> |
|||
</select> |
|||
<p class="alerttext" x-show="!(data.elevators[idx].spec=='MAE100' || data.elevators[idx].spec=='MAM200' || data.elevators[idx].spec=='MAH100' || data.elevators[idx].spec=='MAQ100' || data.elevators[idx].spec=='MAF100' || data.elevators[idx].spec=='MAZ100')"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">載重</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].weight" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].weight==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">速度</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].speed" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].speed==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">人乘</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].persons" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].persons==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">樓停</td> |
|||
<td> |
|||
<input type="number" class="form-control" x-model="data.elevators[idx].stop" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].stop=='' || !data.elevators[idx].stop"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">樓層</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].floors" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].floors=='' || !data.elevators[idx].floors"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">緯度</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].latitude" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].latitude=='' || !data.elevators[idx].latitude"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">經度</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].longitude" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].longitude=='' || !data.elevators[idx].longitude"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">廠牌</td> |
|||
<td> |
|||
<input type="text" x-model="data.elevators[idx].elevator_brand" class="form-control" /> |
|||
<p class="alerttext" x-show="data.elevators[idx].elevator_brand==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle"> |
|||
開門方式 |
|||
</td> |
|||
<td style="vertical-align: middle"> |
|||
<select class="ui search dropdown" name="" x-model="data.elevators[idx].opendoor"> |
|||
<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> |
|||
<p class="alerttext" x-show="data.elevators[idx].opendoor=='' || !data.elevators[idx].opendoor "><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">保養別</td> |
|||
<td> |
|||
<select class="ui search dropdown" x-model="data.elevators[idx].maintainance"> |
|||
<option value="">選擇保養別</option> |
|||
<option value="A">全包</option> |
|||
<option value="B">半包</option> |
|||
<option value="C">清包</option> |
|||
</select> |
|||
<p class="alerttext" x-show="data.elevators[idx].maintainance=='' || !data.elevators[idx].maintainance"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">竣檢日</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="date" x-model="data.elevators[idx].takecertificatedate"> |
|||
<p class="alerttext" x-show="data.elevators[idx].takecertificatedate=='' || !data.elevators[idx].takecertificatedate"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
|
|||
<td style="vertical-align: middle">許可證有效時間</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="date" x-model="data.elevators[idx].useful_date"> |
|||
<p class="alerttext" x-show="data.elevators[idx].useful_date=='' || !data.elevators[idx].useful_date"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
</tr> |
|||
</tbody> |
|||
</template> |
|||
</template> |
|||
</table> |
|||
|
|||
|
|||
<button x-show="step==3" @click="save()" :disabled="isLoading" 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> |
|||
<button x-show="step<=2" @click="nextStepFn()" type="button" class="btn btn-primary btn-lg pull-right savebtn" :disabled="isLoading"> |
|||
<template x-if="!isLoading"> |
|||
<span>下一步</span> |
|||
</template> |
|||
<template x-if="isLoading"> |
|||
<div class="loader"></div> |
|||
</template> |
|||
</button> |
|||
<button x-show="step>1" @click="preStepFn()" :disabled="isLoading" 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> |
|||
</div> |
|||
|
|||
</div> |
|||
<script src="./js/jquery/jquery-3.1.1.min.js"></script> |
|||
<script src="semantic/dist/semantic.min.js"></script> |
|||
<script src="./js/alpine.js"></script> |
|||
<script> |
|||
const user_id = '<?php echo $user_id; ?>' |
|||
const user_name = '<?php echo $user_name; ?>' |
|||
</script> |
Loading…
Reference in new issue