40 changed files with 3132 additions and 1782 deletions
@ -1,13 +0,0 @@ |
|||
# DB_CONNECTION=mysql |
|||
# DB_HOST=db-104.coowo.com:3306 |
|||
# DB_PORT=3306 |
|||
# DB_DATABASE=appwms |
|||
# DB_USERNAME=masadaroot |
|||
# DB_PASSWORD=x6h5E5p#u8y |
|||
|
|||
DB_CONNECTION=mysql |
|||
DB_HOST=localhost |
|||
DB_PORT=3306 |
|||
DB_DATABASE=appwms1113 |
|||
DB_USERNAME=root |
|||
DB_PASSWORD= |
|||
@ -0,0 +1,15 @@ |
|||
<?php |
|||
require_once("../conn.php"); |
|||
|
|||
if(isset($_GET['contractid']) && $_GET['contractid']!=""){ |
|||
try{ |
|||
$id = $_GET["contractid"]; |
|||
$sql_str = "DELETE FROM contract_m_signed_back WHERE id = :contractid"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(":contractid", $id); |
|||
$stmt->execute(); |
|||
header("HTTP/1.1 204 No Content"); |
|||
}catch(PDOException $e){ |
|||
die("ERROR!!!: ". $e->getMessage()); |
|||
} |
|||
} |
|||
@ -0,0 +1,136 @@ |
|||
<?php |
|||
require_once("../conn.php"); |
|||
include_once("./getFacilityNo.php"); |
|||
include_once("./getComboNo.php"); |
|||
include_once("./upload_chk.php"); |
|||
ini_set ( 'date.timezone' , 'Asia/Taipei' ); |
|||
|
|||
if($_SERVER['REQUEST_METHOD'] != 'POST'){ |
|||
exit(); |
|||
} |
|||
//新梯簽回 |
|||
if(isset($_POST["contractno"]) && $_POST["contractno"] != "" && isset($_POST['contracttype']) && $_POST['contracttype'] == 'm') { |
|||
try{ |
|||
$created_at = date('Y-m-d H:i:s'); |
|||
$created_by = $_POST["user_id"]; |
|||
$contractno = $_POST["contractno"]; |
|||
$customer = $_POST["customer"]; |
|||
$manager = $_POST["manager"]; |
|||
$vat = $_POST["vat"]; |
|||
$case_name = $_POST["case_name"]; |
|||
$linkman = $_POST["linkman"]; |
|||
$lm_tel = $_POST["lm_tel"]; |
|||
$address = $_POST["address"]; |
|||
$salesman = $_POST["salesman"]; |
|||
$contracttype = $_POST["contracttype"]; |
|||
$files = !empty($_FILES['files']) ? $_FILES['files'] : null; |
|||
$files_id = null; |
|||
|
|||
$fail_arr = []; |
|||
if(empty($contractno)) $fail_arr[] = '合約號為必填'; |
|||
if(empty($customer)) $fail_arr[] = '客戶名稱為必填'; |
|||
if(empty($manager)) $fail_arr[] = '負責人為必填'; |
|||
if(empty($vat)) $fail_arr[] = '統編/身分證為必填'; |
|||
if(empty($case_name)) $fail_arr[] = '案名為必填'; |
|||
if(empty($linkman)) $fail_arr[] = '聯絡人為必填'; |
|||
if(empty($lm_tel)) $fail_arr[] = '聯絡人電話為必填'; |
|||
if(empty($address)) $fail_arr[] = '地址為必填'; |
|||
if(empty($salesman)) $fail_arr[] = '營業員為必填'; |
|||
if(count($fail_arr) > 0) { |
|||
header("HTTP/1.1 422 Unprocessable Entity"); |
|||
echo json_encode($fail_arr); |
|||
exit(); |
|||
} |
|||
|
|||
|
|||
$conn->beginTransaction(); |
|||
|
|||
$sql_str = "SELECT accountid, name FROM account WHERE accountid = :accountid ORDER BY create_at DESC"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt -> bindParam(":accountid",$salesman); |
|||
$stmt -> execute(); |
|||
$saleman = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
$salesman_name = $saleman['name']; |
|||
if(!empty($files)){ |
|||
$englisharr = range('a', 'z'); |
|||
$files = $_FILES['files']; |
|||
$newfiles = []; |
|||
foreach( $files as $file ){ |
|||
$i = 0; //新陣列的索引編號 |
|||
foreach( $file as $key => $val ){ |
|||
$newfiles[$i]['name'] = $files['name'][$key]; |
|||
$newfiles[$i]['type'] = $files['type'][$key]; |
|||
$newfiles[$i]['tmp_name'] = $files['tmp_name'][$key]; |
|||
$newfiles[$i]['error'] = $files['error'][$key]; |
|||
$newfiles[$i]['size'] = $files['size'][$key]; |
|||
$i++; |
|||
} //foreach 第2層 end |
|||
} |
|||
$max_size = 4096*4096; //設定允許上傳檔案容量的最大值(1M) |
|||
$allow_ext = array('jpeg', 'jpg', 'png','JPG','JPEG','PNG','GIF'); //設定允許上傳檔案的類型 |
|||
$path = '../images/contracts/'; |
|||
if (!file_exists($path)) { mkdir($path); } |
|||
$msg_result = ''; //負責接收所有檔案檢測後的回傳訊息 |
|||
$datetime = (string)date('YmdHis'); |
|||
$files_id = 'm' . $datetime; // 保養=>b + 日期時間 |
|||
foreach( $newfiles as $key => $file ){ |
|||
$randNum = rand(1000,9999); |
|||
$randEnglish = $englisharr[rand(0,25)]; |
|||
$file_name = 'm' . (string)date('YmdHis') . $randNum . $randEnglish . $randNum.$file['name']; |
|||
$msg = upload_chk( $file,$path, $max_size, $allow_ext, $file_name ); |
|||
if($msg==1){ |
|||
$msg = '檔案傳送成功！'; |
|||
$sql_str = "INSERT INTO contract_back_files (files_id, file_name, file_mime, file_size, created_at, created_by) VALUES (:files_id, :file_name, :file_mime, :file_size, :created_at, :created_by)"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt -> bindParam(':files_id' ,$files_id); |
|||
$stmt -> bindParam(':file_name' ,$file_name); |
|||
$stmt -> bindParam(':file_mime' ,$file['type']); |
|||
$stmt -> bindParam(':file_size' ,$file['size']); |
|||
$stmt -> bindParam(':created_at' ,$created_at); |
|||
$stmt -> bindParam(':created_by' ,$created_by); |
|||
$stmt ->execute(); |
|||
}else{ |
|||
throw new PDOException('檔案上傳失敗:' . $msg); |
|||
} |
|||
$msg_result .= '第' . ($key+1) . '個上傳檔案的結果：' . $msg . '<br/>'; |
|||
$src_name = $path.$file['name']; |
|||
if( file_exists($src_name) ){ |
|||
//副檔名 |
|||
$extname = pathinfo($src_name, PATHINFO_EXTENSION); |
|||
//主檔名 |
|||
$basename = basename($src_name, '.'.$extname); |
|||
} |
|||
} |
|||
}else{ |
|||
$files = null; |
|||
} |
|||
|
|||
$sql_str = "INSERT INTO contract_m_signed_back (contract_no, customer, manager, vat, case_name, linkman, lm_tel, address, salesman, salesman_name, files_id, created_at, created_by) VALUES (:contract_no, :customer, :manager, :vat, :case_name, :linkman, :lm_tel, :address, :salesman, :salesman_name, :files_id, :created_at, :created_by)"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt -> bindParam(":contract_no",$contractno); |
|||
$stmt -> bindParam(":customer",$customer); |
|||
$stmt -> bindParam(":manager",$manager); |
|||
$stmt -> bindParam(":vat",$vat); |
|||
$stmt -> bindParam(":case_name",$case_name); |
|||
$stmt -> bindParam(":linkman",$linkman); |
|||
$stmt -> bindParam(":lm_tel",$lm_tel); |
|||
$stmt -> bindParam(":address",$address); |
|||
$stmt -> bindParam(":salesman",$salesman); |
|||
$stmt -> bindParam(":salesman_name",$salesman_name); |
|||
$stmt -> bindParam(":files_id",$files_id); |
|||
$stmt -> bindParam(":created_at",$created_at); |
|||
$stmt -> bindParam(":created_by",$created_by); |
|||
$stmt -> execute(); |
|||
|
|||
|
|||
$result = $conn->commit(); |
|||
if($result){ |
|||
header("HTTP/1.1 201 Created"); |
|||
} |
|||
|
|||
}catch(PDOException $e){ |
|||
$conn->rollback(); |
|||
header("HTTP/1.1 500 Internal Server Error"); |
|||
die('Error!:'.$e->getMessage()); |
|||
} |
|||
} |
|||
@ -0,0 +1,132 @@ |
|||
<?php |
|||
require_once("../conn.php"); |
|||
include_once("./upload_chk.php"); |
|||
ini_set ( 'date.timezone' , 'Asia/Taipei' ); |
|||
// echo json_encode(explode(',', $_POST['deletefiles'])); |
|||
if(isset($_POST['contractno']) && $_POST['contractno']!="" && isset($_POST["id"]) && $_POST['id']!=""){ |
|||
try{ |
|||
$created_at = date('Y-m-d H:i:s'); |
|||
$created_by = $_POST['user_id']; |
|||
$id = $_POST["id"]; |
|||
$contract_no = !empty($_POST['contractno']) ? $_POST['contractno'] : null; |
|||
$customer = !empty($_POST['customer']) ? $_POST['customer'] : null; |
|||
$manager = !empty($_POST['manager']) ? $_POST['manager'] : null; |
|||
$vat = !empty($_POST['vat']) ? $_POST['vat'] : null; |
|||
$case_name = !empty($_POST['case_name']) ? $_POST['case_name'] : null; |
|||
$linkman = !empty($_POST['linkman']) ? $_POST['linkman'] : null; |
|||
$lm_tel = !empty($_POST['lm_tel']) ? $_POST['lm_tel'] : null; |
|||
$address = !empty($_POST['address']) ? $_POST['address'] : null; |
|||
$salesman = !empty($_POST['salesman']) ? $_POST['salesman'] : null; |
|||
$deletefiles = !empty($_POST['deletefiles']) ? $_POST['deletefiles'] : null; |
|||
$files_id = !empty($_POST['files_id']) ? $_POST['files_id'] : null; |
|||
$files = !empty($_FILES['files']) ? $_FILES['files'] : null; |
|||
|
|||
$deletefilesArr = explode(',', $_POST['deletefiles']); |
|||
|
|||
$fail_arr = []; |
|||
if(empty($contract_no)) $fail_arr[] = '合約號為必填'; |
|||
if(empty($customer)) $fail_arr[] = '客戶名稱為必填'; |
|||
if(empty($manager)) $fail_arr[] = '負責人為必填'; |
|||
if(empty($vat)) $fail_arr[] = '統編/身分證為必填'; |
|||
if(empty($case_name)) $fail_arr[] = '案名為必填'; |
|||
if(empty($linkman)) $fail_arr[] = '聯絡人為必填'; |
|||
if(empty($lm_tel)) $fail_arr[] = '聯絡人電話為必填'; |
|||
if(empty($address)) $fail_arr[] = '地址為必填'; |
|||
if(empty($salesman)) $fail_arr[] = '營業員為必填'; |
|||
if(count($fail_arr) > 0) { |
|||
header("HTTP/1.1 422 Unprocessable Entity"); |
|||
echo json_encode($fail_arr); |
|||
exit(); |
|||
} |
|||
|
|||
$conn->beginTransaction(); |
|||
|
|||
$sql_str = "UPDATE contract_m_signed_back SET contract_no=:contract_no, customer=:customer, manager=:manager, vat=:vat, case_name=:case_name, linkman=:linkman, lm_tel=:lm_tel, address=:address, salesman=:salesman WHERE id = :id"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt -> bindParam(':contract_no' ,$contract_no); |
|||
$stmt -> bindParam(':customer' ,$customer); |
|||
$stmt -> bindParam(':manager' ,$manager); |
|||
$stmt -> bindParam(':vat' ,$vat); |
|||
$stmt -> bindParam(':case_name' ,$case_name); |
|||
$stmt -> bindParam(':linkman' ,$linkman); |
|||
$stmt -> bindParam(':lm_tel' ,$lm_tel); |
|||
$stmt -> bindParam(':address' ,$address); |
|||
$stmt -> bindParam(':salesman' ,$salesman); |
|||
$stmt -> bindParam(':id' ,$id); |
|||
$stmt -> execute(); |
|||
if(!empty($deletefiles)){ |
|||
$sql_str = "DELETE FROM contract_back_files WHERE id IN ($deletefiles)"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt -> execute(); |
|||
} |
|||
|
|||
if(!empty($files)){ |
|||
$englisharr = range('a', 'z'); |
|||
$files = $_FILES['files']; |
|||
$newfiles = []; |
|||
foreach( $files as $file ){ |
|||
$i = 0; //新陣列的索引編號 |
|||
foreach( $file as $key => $val ){ |
|||
$newfiles[$i]['name'] = $files['name'][$key]; |
|||
$newfiles[$i]['type'] = $files['type'][$key]; |
|||
$newfiles[$i]['tmp_name'] = $files['tmp_name'][$key]; |
|||
$newfiles[$i]['error'] = $files['error'][$key]; |
|||
$newfiles[$i]['size'] = $files['size'][$key]; |
|||
$i++; |
|||
} //foreach 第2層 end |
|||
} |
|||
$max_size = 4096*4096; //設定允許上傳檔案容量的最大值(1M) |
|||
$allow_ext = array('jpeg', 'jpg', 'png','JPG','JPEG','PNG','GIF'); //設定允許上傳檔案的類型 |
|||
$path = '../images/contracts/'; |
|||
if (!file_exists($path)) { mkdir($path); } |
|||
$msg_result = ''; //負責接收所有檔案檢測後的回傳訊息 |
|||
$datetime = (string)date('YmdHis'); |
|||
$files_id = ($files_id !== null ) ? $files_id : 'm' . $datetime; // 新梯=>m + 日期時間 |
|||
foreach( $newfiles as $key => $file ){ |
|||
$randNum = rand(1000,9999); |
|||
$randEnglish = $englisharr[rand(0,25)]; |
|||
$file_name = 'm' . (string)date('YmdHis') . $randNum . $randEnglish . $randNum.$file['name']; |
|||
$msg = upload_chk( $file,$path, $max_size, $allow_ext, $file_name ); |
|||
if($msg==1){ |
|||
$msg = '檔案傳送成功！'; |
|||
$sql_str = "INSERT INTO contract_back_files (files_id, file_name, file_mime, file_size, created_at, created_by) VALUES (:files_id, :file_name, :file_mime, :file_size, :created_at, :created_by)"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt -> bindParam(':files_id' ,$files_id); |
|||
$stmt -> bindParam(':file_name' ,$file_name); |
|||
$stmt -> bindParam(':file_mime' ,$file['type']); |
|||
$stmt -> bindParam(':file_size' ,$file['size']); |
|||
$stmt -> bindParam(':created_at' ,$created_at); |
|||
$stmt -> bindParam(':created_by' ,$created_by); |
|||
$stmt ->execute(); |
|||
}else{ |
|||
throw new PDOException('檔案上傳失敗:' . $msg); |
|||
} |
|||
$msg_result .= '第' . ($key+1) . '個上傳檔案的結果：' . $msg . '<br/>'; |
|||
$src_name = $path.$file['name']; |
|||
if( file_exists($src_name) ){ |
|||
//副檔名 |
|||
$extname = pathinfo($src_name, PATHINFO_EXTENSION); |
|||
//主檔名 |
|||
$basename = basename($src_name, '.'.$extname); |
|||
} |
|||
} |
|||
}else{ |
|||
$files = null; |
|||
} |
|||
|
|||
$conn->commit(); |
|||
}catch(PDOException $e) { |
|||
$conn->rollback(); |
|||
header("HTTP/1.1 500 Internal Server Error"); |
|||
die('Error!:'.$e->getMessage()); |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
} |
|||
@ -0,0 +1,61 @@ |
|||
<?php |
|||
|
|||
function upload_chk( $file, $path, $max_size, $allow_ext, $file_name ){ |
|||
|
|||
$source_file_name = $file['name']; //上傳檔案的原來檔案名稱 |
|||
$file_type = $file['type']; //上傳檔案的類型(副檔名) |
|||
$tmp_name = $file['tmp_name']; //上傳到暫存空間的路徑/檔名 |
|||
$file_size = $file['size']; //上傳檔案的檔案大小(容量) |
|||
$error = $file['error']; //上傳工作傳回的錯誤訊息編號 |
|||
$msg = ''; //負責記錄回傳的訊息 |
|||
|
|||
//1.判斷錯誤編號只有為0時表示沒有錯誤發生，才表示上傳成功 ================= |
|||
if( $error == 0 ){ |
|||
|
|||
//取得檔案延伸的副檔名, 以下函數可以取得檔案延伸的副檔名 |
|||
//pathinfo(上傳檔案的原來檔案名稱, PATHINFO_EXTENSION) |
|||
$ext = pathinfo($source_file_name, PATHINFO_EXTENSION); |
|||
$ext = strtolower($ext); //將延伸的副檔名轉小寫 |
|||
|
|||
//2.判斷上傳檔案的大小 ==================================== |
|||
if( $file_size > $max_size ){ |
|||
//當目前檔案容量超過容量限制時, 以下準備顯示的資訊 |
|||
if( $max_size >= 4096*4096 ){ |
|||
$max_size /= (4096*4096); |
|||
$max_size .= 'M'; |
|||
}elseif( $max_size >= 4096 ){ |
|||
$max_size /= 4096; |
|||
$max_size .= 'K'; |
|||
} |
|||
$msg ='上傳檔案過大，請選擇容量小於 '.$max_size.' 的檔案'; |
|||
|
|||
//3.判斷檔案類型 =========================================== |
|||
//in_array($ext, $allow_ext) 判斷 $ext變數的值 是否在 $allow_ext 這個陣列變數中 |
|||
}elseif( !in_array( $ext, $allow_ext ) ){ |
|||
$allow_str = ''; //準備將允許檔案類型的陣列內容, 組合成字串 |
|||
foreach( $allow_ext as $key=>$value ){ |
|||
//if的縮寫語法：條件?成立執行的工作:不成立執行的工作; |
|||
$key==0? $allow_str.= $value : $allow_str.=', '.$value; |
|||
} |
|||
$msg = '檔案類型不符合，請選擇 '.$allow_str.' 檔案'; |
|||
|
|||
//4.以上條件都沒問題的話, 則進行最後else中的工作=============== |
|||
}else{ |
|||
//搬移檔案 move_uploaded_file(要搬移的檔案, 目的地位置及目的檔案名稱), 成功傳回true(1) |
|||
$msg = @move_uploaded_file($tmp_name, $path.$file_name); |
|||
} |
|||
}else{ |
|||
//這裡表示上傳有錯誤, 匹配錯誤編號顯示對應的訊息 ====================================== |
|||
switch ($error) { |
|||
case 1: $msg = '上傳檔案超過 upload_max_filesize 容量最大值'; break; |
|||
case 2: $msg = '上傳檔案超過 post_max_size 總容量最大值'; break; |
|||
case 3: $msg = '檔案只有部份被上傳'; break; |
|||
case 4: $msg = '沒有檔案被上傳'; break; |
|||
case 6: $msg = '找不到主機端暫存檔案的目錄位置'; break; |
|||
case 7: $msg = '檔案寫入失敗'; break; |
|||
case 8: $msg = '上傳檔案被PHP程式中斷，表示主機端系統錯誤'; break; |
|||
} |
|||
} //if( $error == 0 ){ ..... end |
|||
|
|||
return $msg; //回傳$msg的結果 |
|||
} |
|||
@ -0,0 +1,253 @@ |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
$id = $_GET['contractid']; |
|||
$sql_str = "SELECT * FROM contract_m_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); |
|||
$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 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='{ |
|||
isLoading:false, |
|||
data:{ |
|||
id:<?php echo $id; ?>, |
|||
contractno:"<?php echo $contract["contract_no"]; ?>", |
|||
customer:"<?php echo $contract["customer"]; ?>", |
|||
manager:"<?php echo $contract["manager"]; ?>", |
|||
vat:"<?php echo $contract["vat"]; ?>", |
|||
case_name:"<?php echo $contract["case_name"]; ?>", |
|||
linkman:"<?php echo $contract["linkman"]; ?>", |
|||
lm_tel:"<?php echo $contract["lm_tel"]; ?>", |
|||
address:"<?php echo $contract["address"]; ?>", |
|||
salesman:"<?php echo $contract["salesman"]; ?>", |
|||
files:<?php echo $files; ?>, |
|||
newfiles:[], |
|||
deletefiles:[], |
|||
files_id: "<?php echo $contract["files_id"]; ?>", |
|||
}, |
|||
fail_arr:[], |
|||
deleteFileFn(id){ |
|||
if(!confirm("確定要刪除嗎？")) return |
|||
this.data.files = this.data.files.filter(file=> id != file.id) |
|||
this.data.deletefiles.push(id) |
|||
console.log(this.data.deletefiles); |
|||
}, |
|||
save(){ |
|||
this.isLoading = true |
|||
const form = new FormData(); |
|||
form.append("id", this.data.id); |
|||
form.append("contractno", this.data.contractno); |
|||
form.append("customer", this.data.customer); |
|||
form.append("manager", this.data.manager); |
|||
form.append("vat", this.data.vat); |
|||
form.append("case_name", this.data.case_name); |
|||
form.append("linkman", this.data.linkman); |
|||
form.append("lm_tel", this.data.lm_tel); |
|||
form.append("address", this.data.address); |
|||
form.append("salesman", this.data.salesman); |
|||
form.append("deletefiles", this.data.deletefiles); |
|||
form.append("files_id", this.data.files_id); |
|||
form.append("user_id", "<?php echo $user_id; ?>"); |
|||
|
|||
for (var i = 0; i < this.data.newfiles.length; i++) { |
|||
form.append("files[]", this.data.newfiles[i]); |
|||
} |
|||
|
|||
axios.post("./api/putContractData.php", form).then(res=>{ |
|||
console.log(res.data) |
|||
if(res.status === 200){ |
|||
alert("更新成功") |
|||
this.step = 1 |
|||
this.data.contractno="" |
|||
this.data.customer="" |
|||
this.data.manager="" |
|||
this.data.vat="" |
|||
this.data.case_name="" |
|||
this.data.linkman="" |
|||
this.data.lm_tel="" |
|||
this.data.address="" |
|||
this.data.salesman="" |
|||
this.data.files=[] |
|||
this.customize = false |
|||
} |
|||
this.isLoading = false |
|||
}).catch(error=>{ |
|||
let code = error.response.status; |
|||
if(code == 422){ |
|||
this.fail_arr = error.response.data |
|||
this.errorFn() |
|||
} |
|||
if(code == 500){ |
|||
alert("更新失敗！可能為以下錯誤:\n" + error.response.data) |
|||
} |
|||
this.isLoading = false |
|||
}) |
|||
|
|||
}, |
|||
uploadFiles(e){ |
|||
this.data.newfiles = e.target.files |
|||
}, |
|||
errorFn(){ |
|||
let msg = "" |
|||
for(let i = 0; i < this.fail_arr.length; i++){ |
|||
msg += this.fail_arr[i] + "、" |
|||
} |
|||
alert(msg) |
|||
}, |
|||
}'> |
|||
<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.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> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.manager" > |
|||
<p class="alerttext" x-show="data.manager==''"><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.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="salesman" id="salesman" x-model="data.salesman"> |
|||
<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.salesman==''"><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.linkman" > |
|||
<p class="alerttext" x-show="data.linkman==''"><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.lm_tel" > |
|||
<p class="alerttext" x-show="data.lm_tel==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">案件名稱</td> |
|||
<td colspan=3> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.case_name" > |
|||
<p class="alerttext" x-show="data.case_name==''"><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> |
|||
</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-newelevator-management.php?<?php echo $token_link; ?>'">回列表</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<script src="semantic/dist/semantic.min.js" ></script> |
|||
|
|||
<script> |
|||
$('#table_index').DataTable( |
|||
{ |
|||
"order": [ |
|||
[0, "desc"], |
|||
] |
|||
} |
|||
); |
|||
Fancybox.bind('[data-fancybox="gallery"]', { |
|||
|
|||
}); |
|||
|
|||
</script> |
|||
@ -1,233 +1,154 @@ |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
$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> |
|||
<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" integrity="sha512-aoTNnqZcT8B4AmeCFmiSnDlc4Nj/KPaZyB5G7JnOnUEkdNpCZs1LCankiYi01sLTyWy+m2P+W4XM+BuQ3Q4/Dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> |
|||
<script src="./js/axios/axios.min.js"></script> |
|||
|
|||
|
|||
<div class="contract-input-component" x-data="{ |
|||
init(){ |
|||
}, |
|||
data:{ |
|||
contractno:'D23080110', |
|||
customer:'', |
|||
manager:'', |
|||
vat:'', |
|||
case_name:'', |
|||
linkman:'', |
|||
lm_tel:'', |
|||
address:'', |
|||
salesman:'', |
|||
files:[], |
|||
}, |
|||
step:1, |
|||
isLoading:false, |
|||
nextStepFn(){ |
|||
this.isLoading = true |
|||
if(this.step == 1){ |
|||
axios.get('./api/getContractData.php?contracttype=m&contractno=' + this.data.contractno).then(res=>{ |
|||
if(res.data){ |
|||
console.log(res.data); |
|||
this.data.customer = res.data.customer |
|||
this.data.manager = res.data.manager |
|||
this.data.vat = res.data.uscc |
|||
this.data.case_name = res.data.case_name |
|||
this.data.linkman = res.data.linkman |
|||
this.data.lm_tel = res.data.lm_tel |
|||
this.data.address = res.data.address |
|||
this.data.salesman = res.data.salesman |
|||
this.isLoading = false |
|||
this.step = 2 |
|||
} |
|||
}).catch(err=>{ |
|||
console.error(err) |
|||
this.isLoading = false |
|||
}) |
|||
|
|||
} |
|||
}, |
|||
nextStepKeyupFn(){ |
|||
if(e.keyCode !== 13) return |
|||
if(this.step == 1){ |
|||
this.step = 2 |
|||
} |
|||
}, |
|||
preStepFn(){ |
|||
if(this.step == 2){ |
|||
this.step = 1 |
|||
} |
|||
}, |
|||
save(){ |
|||
this.isLoading = true |
|||
const form = new FormData(); |
|||
form.append('contractno', this.data.contractno); |
|||
form.append('customer', this.data.customer); |
|||
form.append('manager', this.data.manager); |
|||
form.append('vat', this.data.vat); |
|||
form.append('case_name', this.data.case_name); |
|||
form.append('linkman', this.data.linkman); |
|||
form.append('lm_tel', this.data.lm_tel); |
|||
form.append('address', this.data.address); |
|||
form.append('salesman', this.data.salesman); |
|||
form.append('contracttype', 'm'); |
|||
form.append('user_id', '<?php echo $user_id; ?>'); |
|||
|
|||
for (var i = 0; i < this.data.files.length; i++) { |
|||
form.append('files[]', this.data.files[i]); |
|||
} |
|||
axios.post('./api/postContractData.php', form).then(res=>{ |
|||
console.log(res.data); |
|||
if(res.status === 201){ |
|||
alert('儲存成功') |
|||
} |
|||
this.isLoading = false |
|||
}).catch(error=>{ |
|||
let code = error.response.status; |
|||
if(code == 422){ |
|||
this.fail_arr = error.response.data |
|||
this.errorFn(); |
|||
} |
|||
|
|||
this.isLoading = false |
|||
}) |
|||
}, |
|||
errorFn(){ |
|||
let msg = '' |
|||
for(let i = 0; i < this.fail_arr.length; i++){ |
|||
msg += this.fail_arr[i] + '、' |
|||
} |
|||
alert(msg) |
|||
}, |
|||
uploadFiles(e){ |
|||
this.data.files = e.target.files |
|||
}, |
|||
}"> |
|||
<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="9"> |
|||
<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> |
|||
<input class="form-control" @keyup="nextStepKeyupFn($event)" type="text" name="contractno" x-model="data.contractno" > |
|||
</td> |
|||
<td 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 class="form-control disabled_select" type="text" name="uscc" 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> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.manager" > |
|||
<p class="alerttext" x-show="data.manager==''"><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.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"> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.salesman" > |
|||
<p class="alerttext" x-show="data.case_name==''"><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.linkman" > |
|||
<p class="alerttext" x-show="data.linkman==''"><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.lm_tel" > |
|||
<p class="alerttext" x-show="data.lm_tel==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">案件名稱</td> |
|||
<td colspan=3> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.case_name" > |
|||
<p class="alerttext" x-show="data.salesman==''"><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> |
|||
</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 class="contract-input-component" x-data="contractNewInput"> |
|||
<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 class="form-control disabled_select" type="text" name="uscc" 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> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.manager" > |
|||
<p class="alerttext" x-show="data.manager==''"><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.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"> |
|||
<div class="ui form"> |
|||
<select class="salesman" id="salesman" x-model="data.salesman"> |
|||
<option value="">請選擇營業員</option> |
|||
<?php foreach($persons as $person): ?> |
|||
<option value="<?php echo $person['value']; ?>"><?php echo $person['view']; ?></option> |
|||
<?php endforeach ?> |
|||
</select> |
|||
</div> |
|||
<p class="alerttext" x-show="data.salesman==''"><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.linkman" > |
|||
<p class="alerttext" x-show="data.linkman==''"><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.lm_tel" > |
|||
<p class="alerttext" x-show="data.lm_tel==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">案件名稱</td> |
|||
<td colspan=3> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.case_name" > |
|||
<p class="alerttext" x-show="data.case_name==''"><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)" /> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</template> |
|||
</table> |
|||
<button x-show="step==2" x-on: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" x-on: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" x-on: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> |
|||
</div> |
|||
|
|||
<script |
|||
src="./js/jquery/jquery-3.1.1.min.js" |
|||
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" |
|||
crossorigin="anonymous"></script> |
|||
<script src="semantic/dist/semantic.min.js" ></script> |
|||
<script src="./js/jquery/jquery-3.1.1.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> |
|||
|
|||
@ -0,0 +1,119 @@ |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
$sql_str = "SELECT * FROM contract_m_signed_back "; |
|||
$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){ |
|||
if(confirm('確定要刪除嗎？')){ |
|||
axios.get('./api/deleteNewContractData.php?contractid='+id).then(res=> { |
|||
console.log(res); |
|||
if(res.status === 204){ |
|||
alert('刪除成功！') |
|||
location.reload(); |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}"> |
|||
|
|||
<div style="overflow-x:auto;margin-top:12px"> |
|||
<a href="contract-newelevator-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 $contract): ?> |
|||
<tr> |
|||
<td><?php echo $contract['id']; ?></td> |
|||
<td><?php echo $contract['contract_no'] ?></td> |
|||
<td><?php echo $contract['customer'] ?></td> |
|||
<td><?php echo $contract['manager'] ?></td> |
|||
<td><?php echo $contract['vat'] ?></td> |
|||
<td><?php echo $contract['created_by'] ?></td> |
|||
<td><?php echo $contract['created_at'] ?></td> |
|||
<td style="width:30px"> |
|||
<p> |
|||
<a href="contract-newelevator-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']; ?>)"> |
|||
<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> |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue