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.
501 lines
25 KiB
501 lines
25 KiB
<?php
|
|
include_once("../header.php");
|
|
require_once("./conn.php");
|
|
if(!(isset($_GET['id']) && !empty($_GET['id']))){
|
|
$para = "function_name=pricereview&".$token_link;
|
|
echo "<script>alert('非法訪問!!!');</script>";
|
|
echo "<script>window.history.go(-1);</script>";
|
|
exit;
|
|
}
|
|
$id = $_GET["id"];
|
|
echo $id;
|
|
$sql_str = "SELECT pricereview_main.*, account.name as accountname, pricereview_item.*
|
|
FROM pricereview_main
|
|
JOIN account ON pricereview_main.person = account.accountid
|
|
JOIN pricereview_item ON pricereview_main.id = pricereview_item.mid
|
|
WHERE pricereview_main.id = :id";
|
|
$stmt = $conn->prepare($sql_str);
|
|
$stmt->bindParam(':id',$id);
|
|
$stmt->execute();
|
|
$contract = $stmt->fetch(PDO::FETCH_ASSOC);
|
|
print_r($contract);
|
|
$accounttype = "M";
|
|
$sql_str = "SELECT * FROM account WHERE accounttype = :accounttype";
|
|
$stmt = $conn->prepare($sql_str);
|
|
$stmt->bindParam(':accounttype',$accounttype);
|
|
$stmt->execute();
|
|
$persons = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
|
|
$sql_str = "SELECT * FROM hope_elevator_customer WHERE vol_no = :vol_no ORDER BY created_at DESC";
|
|
$stmt = $conn->prepare($sql_str);
|
|
$stmt->bindParam(':vol_no', $contract['contractno']);
|
|
$stmt->execute();
|
|
$customer = $stmt->fetch(PDO::FETCH_ASSOC);
|
|
?>
|
|
<link rel="stylesheet" href="./styles/style.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" />
|
|
<link rel="stylesheet" href="semantic/dist/semantic.min.css">
|
|
<script defer src="./js/alpinejs/cdn.min.js"></script>
|
|
<script src="./js/axios/axios.min.js"></script>
|
|
|
|
<div class="contract-new-apply-component" x-data="contractNewApply">
|
|
<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" 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 class="form-control disabled_select" type="text" x-model="data.vol_no" >
|
|
<p class="alerttext" x-show="data.vol_no==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td style="vertical-align: middle">營業員</td>
|
|
<td>
|
|
<select name="" id="" x-model="data.salesman">
|
|
<option value="">請選擇營業員</option>
|
|
<?php foreach($persons as $person) : ?>
|
|
<option value="<?= $person["accountid"] ?>"><?= $person['accountid'] . ' - ' . $person["name"] ?></option>
|
|
<?php endforeach ?>
|
|
</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" x-model="data.apply_date" >
|
|
<p class="alerttext" x-show="data.apply_date==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td style="vertical-align: middle">申請類別</td>
|
|
<td style="vertical-align: middle">
|
|
<select class="" id="apply_type" x-model="data.apply_type">
|
|
<option value="A">制式新合約</option>
|
|
</select>
|
|
<p class="alerttext" x-show="data.apply_type==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">案件名稱</td>
|
|
<td style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="text" x-model="data.case_name" >
|
|
<p class="alerttext" x-show="data.case_name==''"><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" 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">
|
|
<input class="form-control disabled_select" type="text" 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 style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="text" x-model="data.vat" >
|
|
<p class="alerttext" x-show="data.vat==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">含稅給約總價</td>
|
|
<td colspan="3" style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="number" x-model="data.total_price" >
|
|
<p class="alerttext" x-show="data.total_price==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td style="vertical-align: middle">含稅貸款(A)</td>
|
|
<td style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="number" x-model="data.price_a" >
|
|
<p class="alerttext" x-show="data.price_a==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td style="vertical-align: middle">含稅安裝款(A)</td>
|
|
<td style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="number" x-model="data.price_b" >
|
|
<p class="alerttext" x-show="data.price_b==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">聯絡地址</td>
|
|
<td style="vertical-align: middle" 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" colspan=3>
|
|
<div class="ui labeled input">
|
|
<div class="ui label">
|
|
貨抵工地
|
|
</div>
|
|
<input type="text" placeholder="30" style="width:45px;padding:0 8px;" x-model="data.workdeadline_a">
|
|
<div class="ui label">
|
|
天內安裝完成，甲方應於貨底工地前
|
|
</div>
|
|
<input type="text" placeholder="7" style="width:45px;padding:0 8px;" x-model="data.workdeadline_b">
|
|
<div class="ui label">
|
|
天完成並整理完善。
|
|
</div>
|
|
</div>
|
|
<!-- <input class="form-control disabled_select" type="text" x-model="data.deadline" > -->
|
|
<p class="alerttext" x-show="data.deadline==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">附則</td>
|
|
<td style="vertical-align: middle" colspan=3>
|
|
<div class="ui labeled input">
|
|
<div class="ui label">
|
|
乙方應於
|
|
</div>
|
|
<input type="text" placeholder="10" style="width:45px;padding:0 8px;" x-model="data.regulations">
|
|
<div class="ui label">
|
|
天內試車完成
|
|
</div>
|
|
</div>
|
|
<p class="alerttext" x-show="data.regulations==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td style="vertical-align: middle">免保期限</td>
|
|
<td style="vertical-align: middle" colspan=3>
|
|
<div class="ui labeled input">
|
|
<input type="text" placeholder="18" style="width:45px;padding:0 8px;" x-model="data.freedeadline">
|
|
<div class="ui label">
|
|
個月
|
|
</div>
|
|
</div>
|
|
<p class="alerttext" x-show="data.freedeadline==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle">交貨地點</td>
|
|
<td style="vertical-align: middle" colspan=3>
|
|
<input class="form-control disabled_select" type="text" x-model="data.tradeaddress" >
|
|
<p class="alerttext" x-show="data.tradeaddress==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td style="vertical-align: middle">交貨期限</td>
|
|
<td style="vertical-align: middle" colspan=3>
|
|
<div class="ui labeled input">
|
|
<div class="ui label">
|
|
圖色確認第
|
|
</div>
|
|
<input type="text" placeholder="90" style="width:45px;padding:0 8px;" x-model="data.tradedeadline">
|
|
<div class="ui label">
|
|
天出貨
|
|
</div>
|
|
</div>
|
|
<p class="alerttext" x-show="data.tradedeadline==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table class="table table-bordered query-table table-striped table-bordered display compact" style="width:99%;margin-left:.5%">
|
|
<thead style="font-weight: bolder;margin-bottom: 20px">
|
|
<tr>
|
|
<td colspan="1">
|
|
<p style='text-align:center'>項次</p>
|
|
</td>
|
|
<td colspan="3">
|
|
<p style='text-align:center'>規格</p>
|
|
</td>
|
|
<td colspan="1">
|
|
<p style='text-align:center'>數量</p>
|
|
</td>
|
|
<td colspan="3">
|
|
<p style='text-align:center'>金額</p>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody style="font-weight: bolder;margin-bottom: 20px">
|
|
<tr>
|
|
<td style="vertical-align: middle">1</td>
|
|
<td colspan="3" style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="text" value="MAE100-6 *4-2S45" >
|
|
<p class="alerttext" x-show="data.tradedeadline==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="number" value="6" >
|
|
<p class="alerttext" x-show="data.tradedeadline==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
<td colspan="3" style="vertical-align: middle">
|
|
<input class="form-control disabled_select" type="number" value="3180000" >
|
|
<p class="alerttext" x-show="data.tradedeadline==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table class="table table-bordered query-table table-striped table-bordered display compact" style="width:99%;margin-left:.5%">
|
|
<thead style="font-weight: bolder;margin-bottom: 20px">
|
|
<tr>
|
|
<td>
|
|
<p style='text-align:center'>合約類別</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>款別</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>條件名稱</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>收款條件日期區分</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>條件日期</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>票期</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>付款比率</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>金額</p>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody style="font-weight: bolder;margin-bottom: 20px">
|
|
<tr>
|
|
<td>
|
|
<p style='text-align:center'>銷售</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>訂金</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>簽約後X天付訂金</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>合約日</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>30天</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>30天</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>20%</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>636000</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p style='text-align:center'>銷售</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>二次款</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>簽約後X天付二次款</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>合約日</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>30天</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>30天</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>0%%</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>0</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p style='text-align:center'>銷售</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>貨到款</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>貨抵工地付貨到款</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>出貨日</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>-</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>30天</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>50%</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>1590000</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p style='text-align:center'>安裝</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>安裝款</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>安裝完成後X天收款</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>竣檢日</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>30天</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>30天</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>20%</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>636000</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p style='text-align:center'>安裝</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>尾款</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>交車後X天付尾款</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>交車日</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>0天</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>30天</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>10%</p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'>318000</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
<td>
|
|
<p style='text-align:center'></p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table class="table table-bordered query-table table-striped table-bordered display compact" style="width:99%;margin-left:.5%">
|
|
<thead style="font-weight: bolder;margin-bottom: 20px;">
|
|
<tr>
|
|
<td colspan=8>
|
|
<h4 style='text-align:center;font-weight: bolder'>簽核流程</h4>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td style="font-weight:bold">業務部協理</td>
|
|
<td><span class="successtext">已通過</span></td>
|
|
<td style="font-weight:bold">業務部承辦人</td>
|
|
<td><span class="successtext">已通過</span></td>
|
|
<td style="font-weight:bold">營業經理</td>
|
|
<td><span class="successtext">已通過</span></td>
|
|
<td style="font-weight:bold">營業員</td>
|
|
<td><span class="successtext">已通過</span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<button x-show="true" x-on:click="" :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 contractno = '<?php echo $contract['contractno'] ?>';
|
|
const salesman = '<?php echo $contract['person'] ?>';
|
|
const apply_date = '<?php echo date('Y-m-d') ?>';
|
|
const case_name = '<?php echo $contract['case_name'] ?>';
|
|
const company = '<?php echo $contract['company'] ?>';
|
|
const manager = '<?php echo $customer['manager'] ?>';
|
|
const vat = '<?php echo $customer['uscc'] ?>';
|
|
const price_total = <?php echo $contract['price_total'] ?>;
|
|
const address = '<?php echo $contract['address'] ?>';
|
|
|
|
console.log(123)
|
|
</script>
|