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.
186 lines
11 KiB
186 lines
11 KiB
<?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);
|
|
$persons = array_map(function ($person) {
|
|
return [
|
|
'view' => $person['accountid'] . '-' . $person['name'],
|
|
'value' => $person['accountid'],
|
|
'name' => $person['name']
|
|
];
|
|
}, $contractpersons);
|
|
$contract_stauts = ["合約簽回", "採購", "工程發包", "工程中", "修理完成"];
|
|
|
|
?>
|
|
<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="contractRepair">
|
|
<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="repair_no" x-model="data.repair_no">
|
|
|
|
</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">
|
|
<!-- <template x-if="step==1"> -->
|
|
<tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==2">
|
|
<!-- <tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==1"> -->
|
|
<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.company" />
|
|
<p class="alerttext" x-show="data.company==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
|
|
<td style="vertical-align: middle">維保人員</td>
|
|
<td style="vertical-align: middle">
|
|
<select class="repaireid" id="repaireid" x-model="data.repairerid">
|
|
<option value="<?php echo $contract['repaireid'] ?>"><?php echo $contract['repairerid'] . '-' . $contract['name'] ?></option>
|
|
<?php foreach ($persons as $person) : ?>
|
|
<option value="<?php echo $person['value']; ?>"><?php echo $person['view']; ?></option>
|
|
<?php endforeach ?>
|
|
</select>
|
|
<p class="alerttext" x-show="data.repaireid==''"><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="facilityno" x-model="data.facilityno">
|
|
<p class="alerttext" x-show="data.facilityno==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td style="vertical-align: middle">報價單編號</td>
|
|
<td style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="text" name="repair_no" x-model="data.repair_no" disabled="disabled">
|
|
<p class="alerttext" x-show="data.repair_no==''"><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="type" x-model="data.type">
|
|
<p class="alerttext" x-show="data.type==''"><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="sign_date" x-model="data.sign_date">
|
|
<p class="alerttext" x-show="data.sign_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="text" name="invoice" x-model="data.invoice">
|
|
<p class="alerttext" x-show="data.invoice==''"><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="taxid" x-model="data.taxid">
|
|
<p class="alerttext" x-show="data.taxid==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">工程地址</td>
|
|
<td colspan=3>
|
|
<input class="form-control disabled_select" 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 style="vertical-align: middle">
|
|
<select class="contract_status" id="contract_status" x-model="data.contract_status">
|
|
<option value="">選擇工程類別</option>
|
|
<?php foreach ($contract_stauts as $key => $status) : ?>
|
|
<option value="<?php echo $key + 1; ?>"><?php echo $status; ?></option>
|
|
<?php endforeach ?>
|
|
</select>
|
|
<p class="alerttext" x-show="data.contract_status==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</template>
|
|
</table>
|
|
|
|
|
|
<button x-show="step==2" @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<=1" @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>
|