rita
/
ERP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
</head>

<script>
    var USER_NAME = '{{user_name}}'
    console.log("user_name: " + USER_NAME);
</script>

<style>
    .input-cond-delete {
        background: #E43030;
        border: 1px solid #CFCFCF;
        box-sizing: border-box;
        border-radius: 5px;
        margin-left: 5px;
        width: auto;
        height: 33px;
        font-size: 16px;
        text-align: center;
        line-height: 16px;
        color: #FFFFFF;
    }
    .input-cond-add {
        background: #008CBA;
        border: 1px solid #CFCFCF;
        box-sizing: border-box;
        border-radius: 5px;
        margin-left: 5px;
        width: auto;
        /* width: 65px; */
        height: 33px;
        font-size: 16px;
        text-align: center;
        line-height: 16px;
        color: #FFFFFF;
    }
    .input-cond-action {
        background: #FFBD00;
        /* #6BF178 #53DD6C #FFBD00*/
        border: 1px solid #CFCFCF;
        box-sizing: border-box;
        border-radius: 5px;
        margin-left: 5px;
        width: auto;
        height: 33px;
        font-size: 16px;
        text-align: center;
        line-height: 16px;
        color: #000000;
        font-weight: bold;
    }
    .table-tr-title {
        background-color:rgb(0, 131, 72);
        color: #FFFFFF;
        font-weight: bold;
    }
    .table-tr-data {
        background-color:rgb(236, 247, 242);
    }
    .table-tr-newdata {
        background-color:rgb(245, 245, 245);
    }
</style>

<body>
    <div id="ERP_header">
        <!-- 匯入共同使用的 header.html 內容 -->
        {% include 'ERP_header.html' %}
    </div>
    <center><h6 style="margin: 20px;">通知列表</h6></center>
    目前使用者：{{user_name}}<br>

    {% if notice_list == () %}
        無通知
    {% else %}
        <table class="table table-bordered" style="margin-top: 10px;">
            <tr>
                <!-- <th>通知對象</th> -->
                <th>日期</th>
                <th>表單單號</th>
                <th>內容</th>
                <th>已完成</th>
            </tr>
            {% for notice in notice_list %}
            <tr>
                <!-- <td>{{notice[1]}}</td> -->
                <td>{{notice[2]}}</td>
                <td><a href="/PR_user_{{notice[3]}}" target="_blank">{{notice[3]}}</a></td>
                <td>{{notice[4]}}</td>
                <td>
                {% if notice[5] == 0 %}
                    <input type="checkbox" id="notice_{{notice[0]}}_check" onclick="checkbox_check('{{notice[0]}}', '{{notice[3]}}')">
                {% elif notice[5] == 1 %}
                    <input type="checkbox" id="notice_{{notice[0]}}_check" onclick="checkbox_check('{{notice[0]}}', '{{notice[3]}}')" checked>
                {% endif %}
                </td>
            </tr>
            {% endfor %}
        </table>
    {% endif%}

</body>
<script>
    function checkbox_check(NoticeNum, FormNum) {
        var checkbox_id = $('#notice_' + NoticeNum + '_check').prop("checked");
        console.log("checkbox_id: " + checkbox_id)      // 勾選為 true, 取消為 false
        if (checkbox_id == true) {
            // 從空白到勾選
            var checkbox_confirm_true = confirm("[通知已完成]\n確定已完成 " + FormNum + " 表單, 後續不再提醒 ?")
            console.log("checkbox_confirm_true: " + checkbox_confirm_true)
            if (checkbox_confirm_true == true) {
                sql = 'UPDATE `通知列表` SET `已完成`="1" WHERE `通知編號`="' + NoticeNum + '"';
                var sql_data = { "sql":sql };
                console.log("sql")
                $.ajax({
                    type:"GET",
                    url:"/sql_get",
                    dataType:"JSON",
                    data:sql_data,
                    async:false,
                    success:function (res) {
                        location.reload()
                    },
                    error: function (thrownError) {
                        if (thrownError.statusText == "INTERNAL SERVER ERROR") {
                            alert("通知 " + NoticeNum + " 勾選未成功")
                        } else {
                            alert("通知勾選 thrownError" + thrownError)
                        }
                    }
                })
            } else {
                $('#notice_' + NoticeNum + '_check').prop('checked', false);
            }
        } else {
            // // 從勾選到空白
            // var checkbox_confirm_false = confirm("[通知未完成]\n確定取消勾選 " + FormNum + " 表單?")
            // console.log("checkbox_confirm_false: " + checkbox_confirm_false)
            // if (checkbox_confirm_false == true) {
            //     sql = 'UPDATE `通知列表` SET `已完成`="0" WHERE `通知編號`="' + NoticeNum + '"';
            //     var sql_data = { "sql":sql };
            //     console.log("sql")
            //     $.ajax({
            //         type:"GET",
            //         url:"/sql_get",
            //         dataType:"JSON",
            //         data:sql_data,
            //         async:false,
            //         success:function (res) {
            //             location.reload()
            //         },
            //         error: function (thrownError) {
            //             if (thrownError.statusText == "INTERNAL SERVER ERROR") {
            //                 alert("通知 " + NoticeNum + " 取消勾選未成功")
            //             } else {
            //                 alert("通知取消勾選 thrownError" + thrownError)
            //             }
            //         }
            //     })
            // } else {
            //     $('#notice_' + NoticeNum + '_check').prop('checked', true);
            // }
        }
    }

</script>

</html>