3 changed files with 314 additions and 35 deletions
@ -0,0 +1,268 @@ |
|||
<?php |
|||
include('../header.php'); |
|||
require_once('./conn.php'); |
|||
$sql = "SELECT * FROM employee WHERE depart_no IN ('320','311','312','313','314','315','511','512','513','514','515') "; |
|||
$stmt = $conn->prepare($sql); |
|||
// $stmt->bindParam(':depart_no', $depart_no); |
|||
$stmt->execute(); |
|||
$contractSalesman = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
// echo '<pre>'; |
|||
// print_r($contractSalesman); |
|||
// echo '</pre>'; |
|||
?> |
|||
|
|||
<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 src="./js/alpine.js"></script> |
|||
<script defer src="./js/alpinejs/cdn.min.js"></script> |
|||
<script src="./js/axios/axios.min.js"></script> |
|||
<script src="./js/jquery/jquery-3.1.1.min.js"></script> |
|||
<script src="./semantic/dist/semantic.min.js"></script> |
|||
|
|||
<div class="renovate_input" x-data="renovateInput"> |
|||
<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-borderd 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:botton 20px"> |
|||
<tr> |
|||
<td style="vertical-align:middle;">合約號</td> |
|||
<td colspan="6"> |
|||
<input type="text" class="form-control" @keyup="nextStepKeyupFn($event)" name="contract_no" x-model="data.contract_no"> |
|||
</td> |
|||
<td colspan="1" style="vertical-align:middle"></td> |
|||
</tr> |
|||
</tbody> |
|||
</template> |
|||
<template x-if="step==1"> |
|||
<tbody style="font-weight:bolder; margin:botton 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_back" class="btn btn-default" onclick="location.reload()">返回</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"> |
|||
</td> |
|||
<td style="vertical-align:middle">營業員</td> |
|||
<td> |
|||
<!-- <input x-show="data.salesman" type="text" x-model="data.salesman" name="promiser"> --> |
|||
<select x-model="data.salesman" class="ui fluid search dropdown" name="salesman"> |
|||
<option value="">------</option> |
|||
<?php foreach ($contractSalesman as $salesman) : ?> |
|||
<option value="<?= $salesman['employee_no'] ?>"><?= $salesman['name'] ?></option> |
|||
<?php endforeach; ?> |
|||
</select> |
|||
</td> |
|||
<td style="vertical-align:middle">地址</td> |
|||
<td> |
|||
<input type="text" x-model="data.address"> |
|||
</td> |
|||
<td></td> |
|||
</tr> |
|||
<!-- 客戶款別分別如何分期 --> |
|||
<div> |
|||
<tr> |
|||
<td colspan='8' style="vertical-align:middle ">款別分期</td> |
|||
</tr> |
|||
|
|||
|
|||
<tr> |
|||
<td colspan='1'>付款辦法</td> |
|||
<td colspan='1'>款別</td> |
|||
<td colspan='1'>比例%</td> |
|||
<td colspan='2'>金額</td> |
|||
<td colspan='1'>繳款方式</td> |
|||
</tr> |
|||
|
|||
|
|||
<tr> |
|||
<td rowspan="4">材料</td> |
|||
<td>1、訂金</td> |
|||
<td> |
|||
<input type="text"> |
|||
</td> |
|||
<td colspan="2"> |
|||
<input type="text"> |
|||
</td> |
|||
<td> |
|||
<select x-model=data.paykind> |
|||
<template x-for="pay in data.payarr" :key="pay"> |
|||
<!-- <option value=""></option> --> |
|||
<option x-text="pay"></option> |
|||
</template> |
|||
</select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>2、二次款</td> |
|||
<td> |
|||
<input type="text"> |
|||
</td> |
|||
<td colspan="2"> |
|||
<input type="text"> |
|||
</td> |
|||
<td> |
|||
<select x-model=data.paykind> |
|||
<template x-for="pay in data.payarr" :key="pay"> |
|||
<!-- <option value=""></option> --> |
|||
<option x-text="pay"></option> |
|||
</template> |
|||
</select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>3、貨到工地款</td> |
|||
<td> |
|||
<input type="text"> |
|||
</td> |
|||
<td colspan="2"> |
|||
<input type="text"> |
|||
</td> |
|||
<td> |
|||
<select x-model=data.paykind> |
|||
<template x-for="pay in data.payarr" :key="pay"> |
|||
<!-- <option value=""></option> --> |
|||
<option x-text="pay"></option> |
|||
</template> |
|||
</select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>4、其他</td> |
|||
<td> |
|||
<input type="text"> |
|||
</td> |
|||
<td colspan="2"> |
|||
<input type="text"> |
|||
</td> |
|||
<td> |
|||
<select x-model=data.paykind> |
|||
<template x-for="pay in data.payarr" :key="pay"> |
|||
<!-- <option value=""></option> --> |
|||
<option x-text="pay"></option> |
|||
</template> |
|||
</select> |
|||
</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td rowspan="3">安裝</td> |
|||
<td>5、安裝完畢款</td> |
|||
<td> |
|||
<input type="text"> |
|||
</td> |
|||
<td colspan="2"> |
|||
<input type="text"> |
|||
</td> |
|||
<td> |
|||
<select x-model=data.paykind> |
|||
<template x-for="pay in data.payarr" :key="pay"> |
|||
<!-- <option value=""></option> --> |
|||
<option x-text="pay"></option> |
|||
</template> |
|||
</select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>6、驗收款</td> |
|||
<td> |
|||
<input type="text"> |
|||
</td> |
|||
<td colspan="2"> |
|||
<input type="text"> |
|||
</td> |
|||
<td> |
|||
<select x-model=data.paykind> |
|||
<template x-for="pay in data.payarr" :key="pay"> |
|||
<!-- <option value=""></option> --> |
|||
<option x-text="pay"></option> |
|||
</template> |
|||
</select> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td>7、其他</td> |
|||
<td> |
|||
<input type="text"> |
|||
</td> |
|||
<td colspan="2"> |
|||
<input type="text"> |
|||
</td> |
|||
<td> |
|||
<select x-model=data.paykind> |
|||
<template x-for="pay in data.payarr" :key="pay"> |
|||
<!-- <option value=""></option> --> |
|||
<option x-text="pay"></option> |
|||
</template> |
|||
</select> |
|||
</td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td colspan="2">合計</td> |
|||
<td> |
|||
<input type="text"> |
|||
</td> |
|||
<td colspan="2"> |
|||
<input type="text"> |
|||
</td> |
|||
<td> |
|||
<select x-model=data.paykind> |
|||
<template x-for="pay in data.payarr" :key="pay"> |
|||
<!-- <option value=""></option> --> |
|||
<option x-text="pay"></option> |
|||
</template> |
|||
</select> |
|||
</td> |
|||
</tr> |
|||
</div> |
|||
</tbody> |
|||
|
|||
</template> |
|||
</table> |
|||
|
|||
<button x-show="step==3" @click="save()" type="button" class="btn btn-primary btn-lg pull-right savebutton" :disabled="isLoading"> |
|||
<template x-if="!isLoading"> |
|||
<span>存檔</span> |
|||
</template> |
|||
<template x-if="isLoading"> |
|||
<span class="loader"></span> |
|||
</template> |
|||
</button> |
|||
|
|||
<button x-show="step<=2" @click="nextStepFn()" class="btn btn-primary btn-lg pull-right savebutton" :disabled="isLoading"> |
|||
<template x-if="!isLoading"> |
|||
<span>下一步</span> |
|||
</template> |
|||
<template x-if="isLoading"> |
|||
<span class="loader"></span> |
|||
</template> |
|||
</button> |
|||
|
|||
<button x-show="step>1" @click="preStepFn()" class="btn btn-primary btn-lg pull-right savebutton" :disabled="isLoading"> |
|||
<template x-if="!isLoading"> |
|||
<span>上一步</span> |
|||
</template> |
|||
<template x-if="isLoading"> |
|||
<span class="loaders"></span> |
|||
</template> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
Loading…
Reference in new issue