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.
 
 
 
 
 
 

378 lines
21 KiB

<?php
include('../header.php');
require_once('../contract-repair/conn.php');
?>
<link rel="stylesheet" href="../contract-repair/styles/style.css">
<link rel="stylesheet" href="../contract-repair/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="../contract-repair/js/alpine.js"></script>
<script defer src="../contract-repair/js/alpinejs/cdn.min.js"></script>
<script src="../contract-repair/js/axios/axios.min.js"></script>
<script src="../contract-repair/js/jquery/jquery-3.1.1.min.js"></script>
<script src="../contract-repair/semantic/dist/semantic.min.js"></script>
<div class="bonuns_index" x-data="bonunsIndexTest">
<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: botton 20px;">
<tr>
<td style="vertical-align: middle;">獎金類型</td>
<td colspan="7">
<div>
<input type="radio" name="contact" x-model="data.checkbox" value=11>
<label for="new_v1">新梯_V1</label><br>
<input type="radio" name="contact" x-model="data.checkbox" value=12>
<label for="new_v2">新梯_V2</label><br>
<input type="radio" name="contact" x-model="data.checkbox" value=13>
<label for="maintain">保養</label>
</div>
</td>
<!-- <td colspan="2" style="vertical-align:middle"></td> -->
</tr>
</tbody>
</template>
<!-- 獎金計算 新梯V1 -->
<template x-if="checkbox==11">
<tbody style="font-weight: bolder;margin-bottom:20px" x-show="step==11">
<tr>
<td colspan="7" style="vertical-align:middle;border-right:0px">
<h4>獎金確認項(新梯V1)</h4>
</td>
<td class="text-right" style="border: left 0px;">
<button type="button" id="btn_back" 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>
<select id="client_type" x-model="data.client_type">
<option value="">--請選擇--</option>
<option value="1">新簽約</option>
<option value="2">免保轉有費</option>
<option value="3">續簽約</option>
</select>
<p class="alerttext" x-show="data.client_type==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
</td>
<!-- <td style="vertical-align:middle">作番號</td>
<td>
<input type="text" x-model="data.facility_no" disabled="disabled">
</td> -->
<td style="vertical-align:middle">獎金適用版本</td>
<td>
<input type="text" x-model="data.bonus_verson" disabled="disabled">
</td>
<td style="vertical-align:middle">契約人員</td>
<td>
<input type="text" x-model="data.receiver">
</td>
<td style="vertical-align:middle">付款方式(月/次)</td>
<td>
<select x-model="data.paykind">
<template x-for="paykind in data.paykindArr" :key="paykind">
<option x-text="paykind"></option>
</template>
</select>
</td>
</tr>
<tr>
<td style="vertical-align:middle">保養月份</td>
<td>
<input type="text" x-model="data.maintain_month">
</td>
<td style="vertical-align:middle">應收款日期(月/次)</td>
<td>
<input type="text" x-model="data.payDay">
<p>(Ex:20240101)</p>
</td>
<td style="vertical-align:middle">地區經理經理員</td>
<td>
<input type="text" x-model="data.manager">
</td>
<td style="vertical-align:middle">專任契約經理員</td>
<td>
<input type="text" x-model="data.contract_manger">
</td>
</tr>
<tr>
<td style="vertical-align:middle">保養金額(月)</td>
<td>
<input type="text" x-model="data.maintain_price_month">
</td>
<td style="vertical-align:middle">牌價</td>
<td colspan='3'>
<input type="text" x-model="data.maintain_price_total">
<p>標準價+Option價格+與其他電梯共同分擔的費用貨價格</p>
</td>
<td style="vertical-align:middle" @click="test()">服務費</td>
<td>
<input type="text" x-model="data.commission_fee">
</td>
<!-- <td></td>
<td></td> -->
</tr>
</tbody>
</template>
<!-- 獎金計算,新梯V2 -->
<template x-if="step==12">
<tbody style="font-weight: bolder;margin-bottom:20px" x-show="step==12">
<tr>
<td colspan="7" style="vertical-align:middle;border-right:0px">
<h4>獎金確認項(新梯V2)</h4>
</td>
<td class="text-right" style="border: left 0px;">
<button type="button" id="btn_back" 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>
<select id="client_type" x-model="data.client_type">
<option value="">--請選擇--</option>
<option value="1">新簽約</option>
<option value="2">免保轉有費</option>
<option value="3">續簽約</option>
</select>
<p class="alerttext" x-show="data.client_type==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
</td>
<!-- <td style="vertical-align:middle">作番號</td>
<td>
<input type="text" x-model="data.facility_no" disabled="disabled">
</td> -->
<td style="vertical-align:middle">獎金適用版本</td>
<td>
<input type="text" x-model="data.bonus_verson" disabled="disabled">
</td>
<td style="vertical-align:middle">契約人員</td>
<td>
<input type="text" x-model="data.receiver">
</td>
<td style="vertical-align:middle">付款方式(月/次)</td>
<td>
<select x-model="data.paykind">
<template x-for="paykind in data.paykindArr" :key="paykind">
<option x-text="paykind"></option>
</template>
</select>
</td>
</tr>
<tr>
<td style="vertical-align:middle">保養月份</td>
<td>
<input type="text" x-model="data.maintain_month">
</td>
<td style="vertical-align:middle">應收款日期(月/次)</td>
<td>
<input type="text" x-model="data.payDay">
<p>(Ex:20240101)</p>
</td>
<td style="vertical-align:middle">地區經理經理員</td>
<td>
<input type="text" x-model="data.manager">
</td>
<td style="vertical-align:middle">專任契約經理員</td>
<td>
<input type="text" x-model="data.contract_manger">
</td>
</tr>
<tr>
<td style="vertical-align:middle">保養金額(月)</td>
<td>
<input type="text" x-model="data.maintain_price_month">
</td>
<td style="vertical-align:middle">牌價</td>
<td colspan='3'>
<input type="text" x-model="data.maintain_price_total">
<p>標準價+Option價格+與其他電梯共同分擔的費用貨價格</p>
</td>
<td style="vertical-align:middle" @click="test()">服務費</td>
<td>
<input type="text" x-model="data.commission_fee">
</td>
<!-- <td></td>
<td></td> -->
</tr>
</tbody>
</template>
<template x-if=" (checkbox==13&&step==2); ">
<tbody style="font-weight: bolder;margin-bottom:20px" x-show="(checkbox==13&&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_back" 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>
<select id="client_type" x-model="data.client_type">
<option value="">--請選擇--</option>
<option value="1">新簽約</option>
<option value="2">免保轉有費</option>
<option value="3">續簽約</option>
</select>
<p class="alerttext" x-show="data.client_type==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
</td>
<!-- <td style="vertical-align:middle">作番號</td>
<td>
<input type="text" x-model="data.facility_no" disabled="disabled">
</td> -->
<td style="vertical-align:middle">獎金適用版本</td>
<td>
<input type="text" x-model="data.bonus_verson" disabled="disabled">
</td>
<td style="vertical-align:middle">契約人員</td>
<td>
<input type="text" x-model="data.receiver">
</td>
<td style="vertical-align:middle">付款方式(月/次)</td>
<td>
<select x-model="data.paykind">
<template x-for="paykind in data.paykindArr" :key="paykind">
<option x-text="paykind"></option>
</template>
</select>
</td>
</tr>
<tr>
<td style="vertical-align:middle">保養月份</td>
<td>
<input type="text" x-model="data.maintain_month">
</td>
<td style="vertical-align:middle">應收款日期(月/次)</td>
<td>
<input type="text" x-model="data.payDay">
<p>(Ex:20240101)</p>
</td>
<td style="vertical-align:middle">地區經理經理員</td>
<td>
<input type="text" x-model="data.manager">
</td>
<td style="vertical-align:middle">專任契約經理員</td>
<td>
<input type="text" x-model="data.contract_manger">
</td>
</tr>
<tr>
<td style="vertical-align:middle">保養金額(月)</td>
<td>
<input type="text" x-model="data.maintain_price_month">
</td>
<td style="vertical-align:middle">牌價</td>
<td colspan='3'>
<input type="text" x-model="data.maintain_price_total">
<p>標準價+Option價格+與其他電梯共同分擔的費用貨價格</p>
</td>
<td style="vertical-align:middle" @click="test()">服務費</td>
<td>
<input type="text" x-model="data.commission_fee">
</td>
<!-- <td></td>
<td></td> -->
</tr>
</tbody>
</template>
<!-- 獎金計算頁面 -->
<template x-if="step == 3">
<template x-for="(bonusArr,index) in data.bonusArr" :key="">
<tbody style="font-weight: bolder;margin-bottom:20px" x-show="step==3">
<!-- <tr x-if="index % 3 == 0 || index == 0">
<td colspan=8>
<p x-text="'獎金' + Number(index+1)"></p>
</td>
</tr> -->
<tr>
<td style="vertical-align:middle">獎金類型</td>
<td>
<input type="text" x-model="data.bonusArr[index].bonus_type">
</td>
<td style="vertical-align:middle">發放人員</td>
<td>
<input type="text" x-model="data.bonusArr[index].bonus_receiver">
</td>
<td style="vertical-align:middle;">發放金額</td>
<td>
<input type="text" x-model="data.bonusArr[index].bonus_amount">
</td>
<td style="vertical-align:middle">預計發放時間</td>
<td>
<input type="text" x-model="data.bonusArr[index].pay_day_due">
</td>
</tr>
<tr>
<td style="vertical-align:middle">發放規定</td>
<td colspan="5">
<input type="text" x-model="data.bonusArr[index].bonus_regulation">
</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</template>
</template>
</table>
<button x-show="step == 3" @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<=2" @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>
</div>
</div>
<script>
const user_id = '<?= $user_id ?>';
</script>