9 changed files with 607 additions and 29 deletions
@ -0,0 +1,201 @@ |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
$id = $_GET['contractid']; |
|||
$sql_str = "SELECT * FROM contract_r_signed_back WHERE id = :id ORDER BY id DESC"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':id', $id); |
|||
$stmt->execute(); |
|||
$contract= $stmt->fetch(PDO::FETCH_ASSOC); |
|||
// echo '<pre>'; |
|||
// print_r($contract); |
|||
// echo '</pre>'; |
|||
// $files_id = $contract['files_id']; |
|||
// $sql_str = "SELECT * FROM contract_back_files WHERE files_id = :files_id "; |
|||
// $stmt = $conn->prepare($sql_str); |
|||
// $stmt->bindParam(':files_id', $files_id); |
|||
// $stmt->execute(); |
|||
// $files= $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
// $files = json_encode($files); |
|||
$accounttype = "M"; |
|||
$sql_str = "SELECT accountid, name FROM account WHERE accounttype = :accounttype"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(":accounttype", $accounttype); |
|||
$stmt -> execute(); |
|||
$persons = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
$persons = array_map(function($person){ |
|||
return [ |
|||
'view'=>$person['accountid'] .'-'. $person['name'], |
|||
'value'=>$person['accountid'], |
|||
'name'=>$person['name'] |
|||
]; |
|||
}, $persons); |
|||
?> |
|||
<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> |
|||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> |
|||
|
|||
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script> |
|||
<link |
|||
rel="stylesheet" |
|||
href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" |
|||
/> |
|||
<div class="contract-management" x-data='contract_edit'> |
|||
<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> |
|||
|
|||
<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 disabled_select" 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.repaireid"> |
|||
<option value="">選擇營業員</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="uscc" 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> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.repair_no" > |
|||
<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="uscc" 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="text" 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="uscc" 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="uscc" 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" name="uscc" 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=3> |
|||
<input type="file" name="file[]" multiple draggable="true" @change="uploadFiles($event)" /> |
|||
<p class="alerttext" x-show="data.lm_tel==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> --> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
<td></td> |
|||
</tr> |
|||
<!-- <tr> |
|||
<td style="vertical-align: middle">附件</td> |
|||
<td colspan=7> |
|||
<div class="images"> |
|||
<template x-for="file in data.files" :key="file.id"> |
|||
<div class="image"> |
|||
<a :href="'./images/contracts/' + file.file_name" data-fancybox="gallery" :data-src="'./images/contracts/' + file.file_name" data-caption=""> |
|||
<img :src="'./images/contracts/' + file.file_name" /> |
|||
</a> |
|||
<i class="fas fa-times" @click="deleteFileFn(file.id)"></i> |
|||
</div> |
|||
</template> |
|||
</div> |
|||
|
|||
</td> |
|||
</tr> --> |
|||
|
|||
|
|||
</tbody> |
|||
</table> |
|||
<button @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 type="button" class="btn btn-primary btn-lg pull-right savebtn" @click="window.location.href='./contract-repair-management.php?<?php echo $token_link; ?>'">回列表</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; ?>'; |
|||
const id = <?php echo $contract['id']?>; |
|||
const repair_no = '<?php echo $contract['repair_no'];?>' |
|||
const contractno = '<?php echo $contract['contractno'];?>' |
|||
const company = '<?php echo $contract['company'];?>' |
|||
const taxid = '<?php echo $contract['taxid'];?>' |
|||
const facilityno = '<?php echo $contract['facilityno'];?>' |
|||
const address = '<?php echo $contract['address'];?>' |
|||
const type = '<?php echo $contract['type'];?>' |
|||
const invoice = '<?php echo $contract['invoice'];?>' |
|||
const repaireid = '<?php echo $contract['repaireid'];?>' |
|||
// const total_price = '<?php echo $contract['total_price'];?>' |
|||
const sign_date = '<?php echo $contract['sign_date'];?>' |
|||
$('#table_index').DataTable( |
|||
{ |
|||
"order": [ |
|||
[0, "desc"], |
|||
] |
|||
} |
|||
); |
|||
Fancybox.bind('[data-fancybox="gallery"]', { |
|||
|
|||
}); |
|||
|
|||
</script> |
|||
|
|||
@ -0,0 +1,119 @@ |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
$sql_str = "SELECT * FROM contract_r_signed_back WHERE 1=1 AND delete_status = 1 ORDER BY id DESC"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->execute(); |
|||
$contracts= $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-management" x-data="{ |
|||
deleteFn(id,user){ |
|||
if(confirm('確定要刪除嗎？')){ |
|||
axios.get('./api/deleteNewContractData.php?contracttype=r&contractid='+id+'&user_id='+user).then(res=> { |
|||
console.log(res); |
|||
if(res.status === 204){ |
|||
alert('刪除成功！') |
|||
location.reload(); |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}"> |
|||
|
|||
<div style="overflow-x:auto;margin-top:12px"> |
|||
<a href="contract-repair-input.php?function_name=repair&<?php echo $token_link; ?>" class="btn btn-info btn-sm"> |
|||
<span class="glyphicon glyphicon-plus"></span> |
|||
</a> |
|||
<table id="table_index" class="table table-striped table-bordered" style="width:100%"> |
|||
<thead> |
|||
<tr> |
|||
<th>項次</th> |
|||
<th>合約號</th> |
|||
<th>客戶名稱</th> |
|||
<th>統編</th> |
|||
<th>總金額</th> |
|||
<th>建檔者</th> |
|||
<th>建立時間</th> |
|||
<th>操作</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<?php foreach($contracts as $key => $contract): ?> |
|||
<tr> |
|||
<td><?php echo $contract['id']; ?></td> |
|||
<td><?php echo $contract['contractno'] ?></td> |
|||
<td><?php echo $contract['company'] ?></td> |
|||
<td><?php echo $contract['taxid'] ?></td> |
|||
<td><?php echo $contract['total_price']?></td> |
|||
<td><?php echo $contract['create_userid'] ?></td> |
|||
<td><?php echo $contract['create_date'] ?></td> |
|||
<td style="width:30px"> |
|||
<p> |
|||
<a href="contract-repair-edit.php?&contractid=<?php echo $contract['id']; ?>&function_name=repair&<?php echo $token_link; ?>" class="btn btn-info btn-sm"> |
|||
<span class="glyphicon glyphicon-pencil"></span> |
|||
</a> |
|||
<a href="javascript:;" class="btn btn-info btn-sm" style="margin-left:10px;" @click="deleteFn(<?php echo $contract['id']; ?>,'<?php echo $user_id;?>')"> |
|||
<span class="glyphicon glyphicon-remove"></span> |
|||
</a> |
|||
</p> |
|||
</td> |
|||
</tr> |
|||
<?php endforeach ?> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
|
|||
<style> |
|||
table { |
|||
table-layout:fixed; |
|||
width: 100%; |
|||
} |
|||
|
|||
td { |
|||
word-wrap:break-word; |
|||
} |
|||
|
|||
img { |
|||
width:125px; |
|||
} |
|||
|
|||
.width_style_1 { |
|||
width:125px; |
|||
} |
|||
|
|||
table{ |
|||
width:100%; |
|||
} |
|||
#table_index_filter{ |
|||
float:right; |
|||
} |
|||
#table_index_paginate{ |
|||
float:right; |
|||
} |
|||
label { |
|||
display: inline-flex; |
|||
margin-bottom: .5rem; |
|||
margin-top: .5rem; |
|||
|
|||
} |
|||
|
|||
</style> |
|||
<script src="semantic/dist/semantic.min.js" ></script> |
|||
|
|||
<script> |
|||
$('#table_index').DataTable( |
|||
{ |
|||
"order": [ |
|||
[0, "desc"], |
|||
] |
|||
} |
|||
); |
|||
|
|||
</script> |
|||
Loading…
Reference in new issue