10994015 1 year ago
parent
commit
1d73940bd4
  1. 64
      wms/contract/contract-new-apply.php
  2. 14
      wms/contract/js/alpine.js
  3. 16
      wms/contract/styles/style.css
  4. 2
      wms/contract/styles/style.css.map
  5. 16
      wms/contract/styles/style.scss

64
wms/contract/contract-new-apply.php

@ -16,7 +16,6 @@ $stmt = $conn->prepare($sql_str);
$stmt->bindParam(':id',$id); $stmt->bindParam(':id',$id);
$stmt->execute(); $stmt->execute();
$contract = $stmt->fetch(PDO::FETCH_ASSOC); $contract = $stmt->fetch(PDO::FETCH_ASSOC);
print_r($contract);
$accounttype = "M"; $accounttype = "M";
$sql_str = "SELECT * FROM account WHERE accounttype = :accounttype"; $sql_str = "SELECT * FROM account WHERE accounttype = :accounttype";
$stmt = $conn->prepare($sql_str); $stmt = $conn->prepare($sql_str);
@ -50,7 +49,6 @@ $stmt = $conn->prepare($sql_str);
$stmt->bindParam(':mid', $mid); $stmt->bindParam(':mid', $mid);
$stmt->execute(); $stmt->execute();
$items = $stmt->fetchAll(PDO::FETCH_ASSOC); $items = $stmt->fetchAll(PDO::FETCH_ASSOC);
print_r($items);
?> ?>
<link rel="stylesheet" href="./styles/style.css"> <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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
@ -83,17 +81,13 @@ print_r($items);
<tr> <tr>
<td style="vertical-align: middle">卷號</td> <td style="vertical-align: middle">卷號</td>
<td> <td>
<input class="form-control disabled_select" type="text" x-model="data.vol_no" > <div class="fixed" x-text="data.vol_no"></div>
<p class="alerttext" x-show="data.vol_no==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> <!-- <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>
<td style="vertical-align: middle">營業員</td> <td style="vertical-align: middle">統一編號</td>
<td> <td>
<select name="" id="" x-model="data.salesman"> <input class="form-control disabled_select" type="text" x-model="data.vat" >
<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> <p class="alerttext" x-show="data.salesman==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
</td> </td>
<td style="vertical-align: middle">合約書申請日期</td> <td style="vertical-align: middle">合約書申請日期</td>
@ -111,7 +105,7 @@ print_r($items);
</tr> </tr>
<tr> <tr>
<td style="vertical-align: middle">案件名稱</td> <td style="vertical-align: middle">案件名稱</td>
<td style="vertical-align: middle"> <td style="vertical-align: middle" colspan="3">
<input class="form-control disabled_select" type="text" x-model="data.case_name" > <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> <p class="alerttext" x-show="data.case_name==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
</td> </td>
@ -125,11 +119,6 @@ print_r($items);
<input class="form-control disabled_select" type="text" x-model="data.manager" > <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> <p class="alerttext" x-show="data.manager==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p>
</td> </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>
<tr> <tr>
<td style="vertical-align: middle">含稅給約總價</td> <td style="vertical-align: middle">含稅給約總價</td>
@ -394,13 +383,43 @@ print_r($items);
<tbody> <tbody>
<tr> <tr>
<td style="font-weight:bold">業務部協理</td> <td style="font-weight:bold">業務部協理</td>
<td><span class="successtext">已通過</span></td> <td>
<template x-if="false">
<span class="failtext">已退件</span>
</template>
<template x-if="false">
<span class="readtext">審核中</span>
</template>
<template x-if="false">
<span class="successtext">已通過</span>
</template>
</td>
<td style="font-weight:bold">業務部承辦人</td> <td style="font-weight:bold">業務部承辦人</td>
<td><span class="successtext">已通過</span></td> <td>
<template x-if="false">
<span class="failtext">已退件</span>
</template>
<template x-if="false">
<span class="readtext">審核中</span>
</template>
<template x-if="false">
<span class="successtext">已通過</span>
</template>
</td>
<td style="font-weight:bold">營業經理</td> <td style="font-weight:bold">營業經理</td>
<td><span class="successtext">已通過</span></td> <td>
<template x-if="false">
<span class="failtext">已退件</span>
</template>
<template x-if="false">
<span class="readtext">審核中</span>
</template>
<template x-if="false">
<span class="successtext">已通過</span>
</template>
</td>
<td style="font-weight:bold">營業員</td> <td style="font-weight:bold">營業員</td>
<td><span class="successtext">已通過</span></td> <td><span x-text="data.salesmanname + '(' + data.salesman + ')'"></span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -412,7 +431,7 @@ print_r($items);
<div class="loader"></div> <div class="loader"></div>
</template> </template>
</button> </button>
<button x-show="true" x-on:click="" :disabled="isLoading" type="button" class="btn btn-primary btn-lg pull-right savebtn"> <button x-show="true" x-on:click="storageFn()" :disabled="isLoading" type="button" class="btn btn-primary btn-lg pull-right savebtn">
<template x-if="!isLoading"> <template x-if="!isLoading">
<span>暫存</span> <span>暫存</span>
</template> </template>
@ -430,6 +449,7 @@ print_r($items);
<script> <script>
const contractno = '<?php echo $contract['contractno'] ?>'; const contractno = '<?php echo $contract['contractno'] ?>';
const salesman = '<?php echo $contract['person'] ?>'; const salesman = '<?php echo $contract['person'] ?>';
const salesmanname = '<?php echo $contract['accountname'] ?>';
const apply_date = '<?php echo date('Y-m-d') ?>'; const apply_date = '<?php echo date('Y-m-d') ?>';
const case_name = '<?php echo $contract['case_name'] ?>'; const case_name = '<?php echo $contract['case_name'] ?>';
const company = '<?php echo $contract['company'] ?>'; const company = '<?php echo $contract['company'] ?>';

14
wms/contract/js/alpine.js

@ -1179,6 +1179,7 @@ const contractNewApply = ()=>{
data:{ data:{
vol_no: contractno, vol_no: contractno,
salesman: salesman, salesman: salesman,
salesmanname:salesmanname,
apply_date: apply_date, apply_date: apply_date,
apply_type:'A', apply_type:'A',
case_name: case_name, case_name: case_name,
@ -1217,6 +1218,19 @@ const contractNewApply = ()=>{
}, },
localnumber(num){ localnumber(num){
return num.toLocaleString(); return num.toLocaleString();
},
storageFn(){
this.isLoading = true
const form = new FormData();
axios.post('postContractNewApplyData.php', form).then(res=>{
if(res.status === 200){
alert('暫存成功');
}
this.isLoading = false
}).catch(error=>{
alert('儲存失敗!可能為以下錯誤:\n' + error.response.data)
this.isLoading = false
})
} }
} }
} }

16
wms/contract/styles/style.css

@ -557,6 +557,10 @@ main table td, main table th {
height: 45px; height: 45px;
font-size: 15px; font-size: 15px;
} }
.contract-input-component .form table .fixed, .contract-management .form table .fixed, .contract-new-apply-component .form table .fixed {
padding: 8px 0;
cursor: not-allowed;
}
.contract-input-component .form table .alerttext, .contract-management .form table .alerttext, .contract-new-apply-component .form table .alerttext { .contract-input-component .form table .alerttext, .contract-management .form table .alerttext, .contract-new-apply-component .form table .alerttext {
font-size: 13px; font-size: 13px;
color: #a00; color: #a00;
@ -569,10 +573,18 @@ main table td, main table th {
padding: 12px 20px; padding: 12px 20px;
margin: 8px 0; margin: 8px 0;
} }
.contract-input-component .form .successtext, .contract-management .form .successtext, .contract-new-apply-component .form .successtext { .contract-input-component .form span, .contract-management .form span, .contract-new-apply-component .form span {
color: #0a0;
font-weight: 900; font-weight: 900;
} }
.contract-input-component .form span.successtext, .contract-management .form span.successtext, .contract-new-apply-component .form span.successtext {
color: #0a0;
}
.contract-input-component .form span.failtext, .contract-management .form span.failtext, .contract-new-apply-component .form span.failtext {
color: #a00;
}
.contract-input-component .form span.readtext, .contract-management .form span.readtext, .contract-new-apply-component .form span.readtext {
color: #aa0;
}
.contract-input-component .form input[type=number]::-webkit-outer-spin-button, .contract-input-component .form input[type=number]::-webkit-outer-spin-button,
.contract-input-component .form input[type=number]::-webkit-inner-spin-button, .contract-management .form input[type=number]::-webkit-outer-spin-button, .contract-input-component .form input[type=number]::-webkit-inner-spin-button, .contract-management .form input[type=number]::-webkit-outer-spin-button,
.contract-management .form input[type=number]::-webkit-inner-spin-button, .contract-new-apply-component .form input[type=number]::-webkit-outer-spin-button, .contract-management .form input[type=number]::-webkit-inner-spin-button, .contract-new-apply-component .form input[type=number]::-webkit-outer-spin-button,

2
wms/contract/styles/style.css.map

File diff suppressed because one or more lines are too long

16
wms/contract/styles/style.scss

@ -579,6 +579,10 @@ main{
font-size: 15px; font-size: 15px;
} }
table{ table{
.fixed{
padding: 8px 0;
cursor: not-allowed;
}
.alerttext{ .alerttext{
font-size: 13px; font-size: 13px;
color:#a00; color:#a00;
@ -592,9 +596,17 @@ main{
padding: 12px 20px; padding: 12px 20px;
margin: 8px 0; margin: 8px 0;
} }
.successtext{ span{
color:#0a0;
font-weight: 900; font-weight: 900;
&.successtext{
color:#0a0;
}
&.failtext{
color:#a00;
}
&.readtext{
color:#aa0;
}
} }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { input[type=number]::-webkit-inner-spin-button {

Loading…
Cancel
Save