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.
263 lines
12 KiB
263 lines
12 KiB
<?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[0] @change="totalFn()">
|
|
<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[1] @change="totalFn()">
|
|
<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[2] @change="totalFn()">
|
|
<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[3] @change="totalFn()">
|
|
<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[4] @change="totalFn()">
|
|
<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[5] @change="totalFn()">
|
|
<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[6] @change="totalFn()">
|
|
<template x-for="pay in data.payarr" :key="pay">
|
|
<!-- <option value=""></option> -->
|
|
<option :value="pay" x-text="pay"></option>
|
|
</template>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td colspan="2">合計</td>
|
|
<td>
|
|
<input type="text" disabled>
|
|
</td>
|
|
<td colspan="2">
|
|
<input type="text" disabled>
|
|
</td>
|
|
<td>
|
|
<input type="text" x-model="data.total" disabled>
|
|
</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>
|