新增 匯入工具 新增介面上傳EXCEL預覽

script/php/importTool/form.css

@@ -0,0 +1,143 @@
+.file-area {
+    width: 100%;
+    position: relative;
+}
+.file-area input[type=file] {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    opacity: 0;
+    cursor: pointer;
+}
+.file-area .file-dummy {
+    width: 100%;
+    padding: 30px;
+    background: rgba(255, 255, 255, 0.2);
+    border: 2px dashed rgba(255, 255, 255, 0.2);
+    text-align: center;
+    transition: background 0.3s ease-in-out;
+}
+.file-area .file-dummy .success {
+    display: none;
+}
+.file-area:hover .file-dummy {
+    background: rgba(255, 255, 255, 0.1);
+}
+.file-area input[type=file]:focus + .file-dummy {
+    outline: 2px solid rgba(255, 255, 255, 0.5);
+    outline: -webkit-focus-ring-color auto 5px;
+}
+.file-area input[type=file]:valid + .file-dummy {
+    border-color: rgba(0, 255, 0, 0.4);
+    background-color: rgba(0, 255, 0, 0.3);
+}
+.file-area input[type=file]:valid + .file-dummy .success {
+    display: inline-block;
+}
+.file-area input[type=file]:valid + .file-dummy .default {
+    display: none;
+}
+/* ===================== BASIC STYLING ===================== */
+* {
+    box-sizing: border-box;
+    font-family: 'Lato', sans-serif;
+}
+html, body {
+    margin: 0;
+    padding: 0;
+    font-weight: 300;
+    height: 100%;
+    background: #053777;
+    color: #fff;
+    font-size: 16px;
+    overflow: hidden;
+    background: -moz-linear-gradient(top, #053777 0%, #00659b 100%);
+   /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #053777), color-stop(100%, #00659b));
+   /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #053777 0%, #00659b 100%);
+   /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #053777 0%, #00659b 100%);
+   /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #053777 0%, #00659b 100%);
+   /* IE10+ */
+    background: linear-gradient(to bottom, #053777 0%, #00659b 100%);
+   /* W3C */
+}
+h1 {
+    text-align: center;
+    margin: 50px auto;
+    font-weight: 100;
+}
+label {
+    font-weight: 500;
+    display: block;
+    margin: 4px 0;
+    text-transform: uppercase;
+    font-size: 13px;
+    overflow: hidden;
+}
+label span {
+    float: right;
+    text-transform: none;
+    font-weight: 200;
+    line-height: 1em;
+    font-style: italic;
+    opacity: 0.8;
+}
+.form-controll {
+    display: block;
+    padding: 8px 16px;
+    width: 100%;
+    font-size: 16px;
+    background-color: rgba(255, 255, 255, 0.2);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    color: #fff;
+    font-weight: 200;
+}
+.form-controll:focus {
+    outline: 2px solid rgba(255, 255, 255, 0.5);
+    outline: -webkit-focus-ring-color auto 5px;
+}
+button {
+    padding: 8px 30px;
+    background: rgba(255, 255, 255, 0.8);
+    color: #053777;
+    text-transform: uppercase;
+    font-weight: 600;
+    font-size: 11px;
+    border: 0;
+    text-shadow: 0 1px 2px #fff;
+    cursor: pointer;
+}
+.form-group {
+    max-width: 500px;
+    margin: auto;
+    margin-bottom: 30px;
+}
+.back-to-article {
+    color: #fff;
+    text-transform: uppercase;
+    font-size: 12px;
+    position: absolute;
+    right: 20px;
+    top: 20px;
+    text-decoration: none;
+    display: inline-block;
+    background: rgba(0, 0, 0, 0.6);
+    padding: 10px 18px;
+    transition: all 0.3s ease-in-out;
+    opacity: 0.6;
+}
+.back-to-article:hover {
+    opacity: 1;
+    background: rgba(0, 0, 0, 0.8);
+}
+
+option{
+    background: rgba(54, 102, 152);
+}

script/php/importTool/getConstructionCategory.php

@@ -0,0 +1,14 @@
+<?php
+include("../sql.php");
+$connectionInfo = array("Database" => "$dbname", "UID" => "$username", "PWD" => "$password", "CharacterSet" => "UTF-8");
+$conn = sqlsrv_connect($hostname, $connectionInfo);
+if ($conn === false) {
+    die(print_r(sqlsrv_errors(), true));
+}
+$ajax = array();
+$sql = "SELECT [category_id],[category_name] FROM [21000X].[dbo].[Construction_Category]";
+$fetchResult = sqlsrv_query($conn, $sql);
+while ($row = sqlsrv_fetch_array($fetchResult,1)) {
+    array_push($ajax,$row);
+}
+echo json_encode($ajax,JSON_UNESCAPED_UNICODE);

script/php/importTool/getExcel.php

@@ -4,50 +4,66 @@ include("../sql.php");
 
 use PhpOffice\PhpSpreadsheet\Spreadsheet;
 use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
+
 $ajax = array();
 $connectionInfo = array("Database" => "$dbname", "UID" => "$username", "PWD" => "$password", "CharacterSet" => "UTF-8");
 $conn = sqlsrv_connect($hostname, $connectionInfo);
 if ($conn === false) {
     die(print_r(sqlsrv_errors(), true));
 }
-$fileinfo = array(array("計畫編號", "此計畫是否匯入過", "狀態"));
-
+$fileinfo = array(array("計畫編號", "工程類別", "此計畫是否匯入過"));
 
+$file = '00000.xlsx';
 $Category_List = [];
+if (isset($_GET['file'])) {
+    $file = "uploads/{$_GET['file']}";
+}
 
 $isImport = '是';
-$filename = "12021.xlsx";
-$project_id = pathinfo($filename)['filename'];
-
+$isImportArray = array();
+$project_id = $_GET['projectId'];
+$category_id = $_GET['categoryId'];
 $sql = "SELECT TOP 1 [project_id] FROM [21000X].[dbo].[File_Table] WHERE [project_id] = '{$project_id}'";
 $fetchResult = sqlsrv_query($conn, $sql);
 $row = sqlsrv_fetch_array($fetchResult);
 if (empty($row)) {
     $isImport = '否';
 }
+$sql = "SELECT [category_name] FROM [Construction_Category] WHERE [category_id] = '{$category_id}'";
+$fetchResult = sqlsrv_query($conn, $sql);
+$category = sqlsrv_fetch_array($fetchResult)[0];
+
+array_push($fileinfo, array($project_id, $category, $isImport));
+$importinfo = array(array("類別", "選擇檔案類型", "是否為新的類型"));
 
-array_push($fileinfo, array($project_id, $isImport, ""));
 $ajax["0_匯入資訊"] = $fileinfo;
 
 $reader = new \PhpOffice\PhpSpreadsheet\Reader\Xlsx();
 $reader->setReadDataOnly(true);
 $reader->setReadEmptyCells(false);
-$spreadsheet = $reader->load($filename);
-
+$spreadsheet = $reader->load($file);
+$sheetCount = $spreadsheet->getSheetCount();
 $all = $spreadsheet->getSheetNames();
-for ($s = 1; $s <= 7; $s++) {
+for ($s = 0; $s < $sheetCount; $s++) {
     if (str_contains($all[$s], "_")) {
         $Category = explode("_", $all[$s])[1];
-    }
-    if (str_contains($all[$s], ".")) {
+    } else if (str_contains($all[$s], ".")) {
         $Category = explode(".", $all[$s])[1];
+    } else {
+        $Category =  $all[$s];
     }
-    $sql = "IF NOT EXISTS (SELECT [type_id] FROM [File_Category] WHERE [type_name] = '{$Category}')
+    $sql =  "IF NOT EXISTS (SELECT [type_id] FROM [File_Category] WHERE [type_name] = '{$Category}')
             BEGIN
-                INSERT INTO [File_Category] ([type_name])
-                VALUES ('{$Category}')
-            END";
+                SELECT '是'
+                END
+            ELSE
+                BEGIN
+                    SELECT '否'
+                END";
     $fetchResult = sqlsrv_query($conn, $sql);
+    while ($row = sqlsrv_fetch_array($fetchResult)) {
+        array_push($isImportArray, $row[0]);
+    }
     $sql = "SELECT [type_id] FROM [File_Category] WHERE [type_name] = '{$Category}';";
 
     $fetchResult = sqlsrv_query($conn, $sql);
@@ -65,11 +81,20 @@ $sql = "IF NOT EXISTS (SELECT [list_id] FROM [Category_List] WHERE [category_lis
             END";
 $fetchResult = sqlsrv_query($conn, $sql);
 
-
-//echo html_table("匯入資訊", $fileinfo, '0');
-for ($s = 1; $s <= 7; $s++) {
-
+for ($s = 0; $s < $sheetCount; $s++) {
+    $normalCheck = "";
+    $blueprintCheck = "";
+    $cancelCheck = "";
     $sheet = $spreadsheet->getSheet($s);
+    $sheetName = $spreadsheet->getSheetNames()[$s];
+    if (str_contains($sheetName, '成果圖') || str_contains($sheetName, '設計圖')) {
+        $blueprintCheck = "checked='checked'";
+    } else {
+        $normalCheck = "checked='checked'";
+    }
+    if (str_contains($sheetName, '目錄') || str_contains($sheetName, '注意')) {
+        $cancelCheck = "checked='checked'";
+    }
 
     $cellCollection = $sheet->getCellCollection();
     $column = $cellCollection->getHighestRowAndColumn();
@@ -83,32 +108,16 @@ for ($s = 1; $s <= 7; $s++) {
             array_push($row, $value);
         }
         array_push($data, $row);
-        
     }
-    $ajax[$spreadsheet->getSheetNames()[$s]] = $data;
-    //array_push($ajax, $data);
-    //echo html_table($data, $s);
+    $ajax[$sheetName] = $data;
+    array_push($importinfo, array($sheetName, "<input type='radio' id='normal{$s}' name='type{$s}' value='[File_table]' {$normalCheck}>
+    <label for='normal{$s}'>一般檔案</label><br>
+    <input type='radio' id='blueprint{$s}' name='type{$s}' value='[Blueprint]' {$blueprintCheck}>
+    <label for='blueprint{$s}'>設計圖或成果圖</label><br>
+    <input type='radio' id='canel{$s}' name='type{$s}' value='canel' {$cancelCheck}>
+    <label for='canel{$s}'>不進行匯入</label>  ", $isImportArray[$s]));
 }
-echo json_encode($ajax,JSON_UNESCAPED_UNICODE);
-
-
-
+$data["table"] = $ajax;
+$data["info"] = $importinfo;
 
-
-function html_table($data, $i)
-{
-
-    $rows = array();
-    foreach ($data as $index => $row) {
-        $cells = array();
-        foreach ($row as $cell) {
-            if ($index == 0) {
-                $cells[] = "<th>{$cell}</th>";
-            } else {
-                $cells[] = "<td>{$cell}</td>";
-            }
-        }
-        $rows[] = "<tr>" . implode('', $cells) . "</tr>";
-    }
-    return "<div id='page{$i}' class='tab-pane fade'><table class='customers'>" . implode('', $rows) . "</table></div>";
-}
+echo json_encode($data, JSON_UNESCAPED_UNICODE);

script/php/importTool/index.php

@@ -1,10 +1,31 @@
+<?php
+if (0 < $_FILES['excel']['error']) {
+    echo 'Error: ' . $_FILES['excel']['error'] . '<br>';
+} else {
+    $filepath = 'uploads/' . $_FILES['excel']['name'];
+    move_uploaded_file($_FILES['excel']['tmp_name'], $filepath);
+    //$project_id = pathinfo($_FILES['excel']['name'])['filename'];
+    $project_id = $_POST['projectId'];
+    $category_id = $_POST['category'];
+    $file = $_FILES['excel']['name'];
+
+
+    //header("Location: ./index.php?excel={$_FILES['excel']['name']}");
+
+} ?>
+
+<!DOCTYPE html>
+<html>
+
 <head>
     <title>設計群匯入工具</title>
     <meta charset="utf-8">
+    <link rel="shortcut icon" href="/Database/assets/images/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
     <script src="/DataBase/assets/vendor/jquery/jquery.js"></script>
     <script src="/DataBase/script/js/bootstrap.js"></script>
+    <link rel="stylesheet" href="/DataBase/assets/vendor/font-awesome/css/font-awesome.css" />
     <style>
         .excel {
             font-family: Arial, Helvetica, sans-serif;
@@ -12,9 +33,15 @@
             width: 100%;
         }
 
+        .nav-tabs>li.active>a,
+        .nav-tabs>li.active>a:focus,
+        .nav-tabs>li.active>a:hover {
+            border: 1px solid #000;
+        }
+
         .excel td,
         .excel th {
-            border: 1px solid #ddd;
+            border: 1px solid #aaa;
             padding: 8px;
         }
 
@@ -33,6 +60,36 @@
             background-color: #004B7C;
             color: white;
         }
+
+        .submit {
+            display: inline-block;
+            margin-left: auto;
+            margin-right: auto;
+            width: 20%;
+            background-color: #004B7C;
+            border: none;
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            text-decoration: none;
+            font-size: 16px;
+            margin: 10px;
+        }
+
+        .delete {
+            background-color: red;
+            border: none;
+            color: white;
+            padding: 5px 32px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 16px;
+        }
+
+        .center {
+            text-align: center;
+        }
     </style>
 </head>
 
@@ -45,33 +102,48 @@
 
     <script type="text/javascript">
         $(document).ready(function() {
-            getExcel();
+            const queryString = window.location.search;
+            const urlParams = new URLSearchParams(queryString);
+            var file = '<?= $file ?>';
+            var categoryId = '<?= $category_id ?>';
+            var projectId = '<?= $project_id ?>';
+            getExcel(file, projectId,categoryId);
+
         });
 
-        function getExcel() {
+        function getExcel(file, projectId,categoryId) {
+
             $.ajax({
                     url: "./getExcel.php",
-                    /* data: {
-                         project_id: project_id,
-                         type_id: SN,
-                         is_blueprint: is_blueprint,
-                         note: note
-                     },*/
+                    data: {
+                        file: file,
+                        projectId: projectId,
+                        categoryId: categoryId,
+                    },
                     async: false,
                     contentType: "application/json",
                     dataType: "json",
                     type: "GET",
                 })
                 .success(function(response) {
+                    var table = response.table;
+                    var info = response.info;
                     let i = 0;
-                    for (var tab in response) {
-
-                        $('#tabs').append(`<li><a data-toggle="tab" href="#page${i}">${tab}</a></li>`);
+                    for (var tab in table) {
+                        if (i == 0) {
+                            active = 'class="active"';
+                        } else {
+                            active = '';
+                        }
+                        $('#tabs').append(`<li ${active}><a data-toggle="tab" href="#page${i}">${tab}</a></li>`);
                         $("#tab-content").append(`<div id="page${i}" class="tab-pane fade"></div>`);
 
-                        appendTable(response[tab], `#page${i}`);
+                        appendTable(table[tab], `#page${i}`);
                         i++;
                     }
+                    $(`#page${0}`).append("<form id='form' method='post' action='./insertExcel.php'></form>");
+                    appendTable(info, "#form");
+                    $("#form").append("<div class='center'><input class='submit' type='submit' value='開始匯入'><button type='button' class='submit' onClick=\"location.href='./upload.html'\" >重新選擇檔案</button></div>");
 
                 })
                 .error(function(error) {
@@ -83,23 +155,27 @@
         }
 
         function appendTable(data, id) {
-
+            let i = 0;
             table = "<table class='excel'>";
-            for (i = 0; i < data.length; i++) {  
-                table += "<tr>";              
-                for(j=0; j<data[i].length;j++){
-                    if(i == 0)
-                    table += `<th>${data[i][j]}</th>`
+            for (var tab in data) {
+                table += "<tr>";
+
+                for (j = 0; j < data[tab].length; j++) {
+                    if (i == 0)
+                        table += `<th style="width:33%;">${data[tab][j]}</th>`
                     else
-                    table += `<td>${data[i][j]}</td>`
+                        table += `<td>${data[tab][j]}</td>`
                 }
+                i++;
                 table += "</tr>";
             }
-            
-            
+
+
             table += "</table>";
-            console.log(id);
+
             $(id).append(table);
         }
     </script>
-</body>
+</body>
+
+</html>

script/php/importTool/insertExcel.php

@@ -0,0 +1,101 @@
+<?php
+require '../../../vendor/autoload.php';
+include("../sql.php");
+
+use PhpOffice\PhpSpreadsheet\Spreadsheet;
+use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
+$type = array();
+$i = 0;
+while(isset($_POST["type{$i}"])){
+    $type[$i] = $_POST["type{$i}"];    
+    $i++;
+}
+
+
+$ajax = array();
+$connectionInfo = array("Database" => "$dbname", "UID" => "$username", "PWD" => "$password", "CharacterSet" => "UTF-8");
+$conn = sqlsrv_connect($hostname, $connectionInfo);
+if ($conn === false) {
+    die(print_r(sqlsrv_errors(), true));
+}
+
+$Category_List = [];
+if (isset($_GET['file'])) {
+    $file = $_GET['file'];
+}
+$filename = "uploads/{$file}";
+$project_id = pathinfo($filename)['filename'];
+$importinfo = array();
+
+
+
+$reader = new \PhpOffice\PhpSpreadsheet\Reader\Xlsx();
+$reader->setReadDataOnly(true);
+$reader->setReadEmptyCells(false);
+$spreadsheet = $reader->load($filename);
+$sheetCount = $spreadsheet->getSheetCount();
+$all = $spreadsheet->getSheetNames();
+
+
+
+for ($s = 0; $s < $sheetCount; $s++) {
+    if($type[$s] !='cancel'){
+        
+        if (str_contains($all[$s], "_")) {
+            $Category = explode("_", $all[$s])[1];
+        } else if (str_contains($all[$s], ".")) {
+            $Category = explode(".", $all[$s])[1];
+        } else {
+            $Category =  $all[$s];
+        }
+        $sql =  "DECLARE @filetype_id INT;
+                IF NOT EXISTS (SELECT [type_id] FROM [File_Category] WHERE [type_name] = '{$Category}')
+                BEGIN
+                    SET @filetype_id = (SELECT [filetype_id] FROM [21000X].[dbo].[File_Type_Table] WHERE [filetype_name] = '{$type[$s]}')
+                    INSERT INTO [File_Category] ([type_name],[filetype_id]) VALUES ('{$Category}',@filetype_id);
+                END";
+        $fetchResult = sqlsrv_query($conn, $sql);
+        
+        $sql = "SELECT [type_id] FROM [File_Category] WHERE [type_name] = '{$Category}';";
+    
+        $fetchResult = sqlsrv_query($conn, $sql);
+        $id = 0;
+        while ($row = sqlsrv_fetch_array($fetchResult)) {
+            $id = $row[0];
+        }
+        array_push($Category_List, $id);
+    }
+
+    
+}
+$Category_List_s = implode(",", $Category_List);
+$sql = "IF NOT EXISTS (SELECT [list_id] FROM [Category_List] WHERE [category_list] = '{$Category_List_s}')
+            BEGIN
+                INSERT INTO [Category_List] ([category_list])
+                VALUES ('{$Category_List_s}')
+            END";
+$fetchResult = sqlsrv_query($conn, $sql);
+
+
+for ($s = 0; $s < $sheetCount; $s++) {
+    
+    
+    $sheet = $spreadsheet->getSheet($s);
+    $sheetName = $spreadsheet->getSheetNames()[$s];
+    $cellCollection = $sheet->getCellCollection();
+    $column = $cellCollection->getHighestRowAndColumn();
+    $data = array();
+
+    for ($i = 1; $i <= $column['row']; $i++) { //行
+        $row = array();
+        for ($j = 'A'; $j <= $column['column']; $j++) { //列
+            $key = $j . $i;
+            $value = $sheet->getCell($key)->getValue();
+            array_push($row, $value);
+        }
+        array_push($data, $row);
+    }
+    $ajax[$sheetName] = $data;
+    array_push($importinfo, array($sheetName, ""));
+}
+

script/php/importTool/upload.html

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>設計群匯入工具</title>
+    <meta charset="utf-8">
+    <link rel="shortcut icon" href="/Database/assets/images/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="form.css" />
+    <link href='https://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700' rel='stylesheet'
+        type='text/css'>
+    <script src="/DataBase/assets/vendor/jquery/jquery.js"></script>
+</head>
+<form method="post" enctype="multipart/form-data" action="./index.php">
+
+    <h1><strong>MAA</strong> 設計群匯入工具</h1>
+
+    <div class="form-group">
+        <label for="projectId">計畫編號 </label>
+        <input type="text" name="projectId" id="projectId" class="form-controll" required="required" />
+    </div>
+    <div class="form-group">
+        <label for="category">工程類別</label>
+        <select name="category" id="category" class="form-controll" required="required">
+        </select>
+    </div>
+
+    <div class="form-group file-area">
+        <label for="excel">Excel文件</label>
+        <input type="file" name="excel" id="excel" required="required"
+            accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
+        <div class="file-dummy">
+            <div class="success">你已經選擇<span id="filename"></span>。 請繼續下一步。</div>
+            <div class="default">選擇Excel文件</div>
+        </div>
+    </div>
+
+    <div class="form-group">
+        <p><strong>注意事項:</strong>Excel檔名請用計畫編號命名。 (例:15032.xlsx)</p>
+        <button type="submit">上傳檔案</button>
+    </div>
+
+</form>
+<a href="../../../index.php" class="back-to-article" target="_blank">返回至查詢工具</a>
+
+<script type="text/javascript">
+    $(document).ready(function () {
+        getCategory();
+    });
+    var inputElement = document.getElementById("excel");
+    inputElement.addEventListener("change", handleFiles, false);
+
+    function handleFiles() {
+        var fileList = this.files;
+        $("#filename").text(fileList[0].name);
+        console.log(fileList[0].name);
+    }
+
+    function getCategory() {
+        
+        $.ajax({
+                url: "./getConstructionCategory.php",               
+                async: false,
+                contentType: "application/json",
+                dataType: "json",
+                type: "GET",
+            })
+            .success(function (response) {     
+                for (i=0;i<response.length;i++) {
+                    console.log(category);     
+                    $('#category').append(`<option value='${response[i][0]}'>${response[i][1]}</option>`);
+                }
+            })
+            .error(function (error) {
+                console.log(error);
+            })
+            .complete(function () {
+                $('#page0').addClass('in active')
+            });
+    }
+</script>
+
+</html>

script/php/importTool/upload.php

@@ -0,0 +1,8 @@
+<?php
+if (0 < $_FILES['excel']['error']) {
+    echo 'Error: ' . $_FILES['excel']['error'] . '<br>';
+} else {
+    move_uploaded_file($_FILES['excel']['tmp_name'], 'uploads/' . $_FILES['excel']['name']);
+    $project_id = pathinfo($_FILES['excel']['name'])['filename'];
+    header("Location: ./index.php?excel={$_FILES['excel']['name']}");
+}

script/php/sql.php

@@ -1,6 +1,7 @@
 <?php
 //$hostname = 'GMGIS\SQLEXPRESS';
 $hostname = 'DESKTOP-5JAT8FP\TEST';
+//$hostname = "UNITY-SERVER";
 $username = 'BIMuser';
 $password = 'Component3444';
 $dbname = "21000X";