' +
'' +
'' +
'
').attr('id', 'file' + i).css({
display: 'inline-block',
width: 'calc(20% - 10px)', // 5개를 한 줄에 맞추기 위해 20%의 너비 할당 (5개의 이미지가 한 줄에 배치됨)
margin: '5px',
textAlign: 'center' // 이미지와 버튼을 중앙 정렬
});
위의 코드는 5개 있을때는 좋은데, 1개, 2개 이미지가 있을때는 서로 겹처보인다. 1개, 2개~ 5개까지 여백이 확보되게 수정해줘.
## 같은 이름의 첨부파일 등록하지 않기
코드 수정:
다음은 파일을 FormData에 추가하기 전에 중복 여부를 검사하는 코드입니다.
javascript
코드 복사
function uploadFiles(files) {
console.log('업로드 파일 리스트:', files);
isUploading = true; // 업로드 중 상태 설정
var formData = new FormData($('#board_form')[0]);
// 현재 폼 데이터에 추가된 파일 이름 목록 추적
var existingFiles = new Set();
for (var pair of formData.entries()) {
if (pair[0] === 'upfile[]') {
existingFiles.add(pair[1].name);
}
}
// 중복되지 않은 파일만 추가
for (var i = 0; i < files.length; i++) {
if (!existingFiles.has(files[i].name)) {
formData.append('upfile[]', files[i]);
existingFiles.add(files[i].name); // 추가된 파일 이름을 목록에 저장
console.log('파일 추가:', files[i].name); // 디버그
} else {
console.log('중복 파일 무시:', files[i].name); // 디버그
}
}
#토글버튼 추가로직 #
위의 코드에서 table을 보이게 안보이게 하는 토글 버튼을 만들건데, 아래의 코드를 참조해서 html 코드와 자바스크립트를 추가해줘.
쿠키에도 저장하고 다시 불러오는 과정도 포함된다.
$(document).ready(function() {
initializePage();
// Toggle button for bendTable
$("#bendTableToggle").on("click", function() {
var showBendTable = getCookie("showBendTable");
var bendTable = $("#item_bendTable");
if (showBendTable === "show") {
bendTable.css("display", "none");
setCookie("showBendTable", "hide", 10);
} else {
bendTable.css("display", "block");
setCookie("showBendTable", "show", 10);
}
});
// Check the cookie value on page load and set the table visibility
var showBendTable = getCookie("showBendTable");
var bendTable = $("#item_bendTable");
if (showBendTable === "show") {
bendTable.css("display", "block");
} else {
bendTable.css("display", "none");
}
});
##발주서 테이블 생성원리 설명자료 ##
이제부터 생성원리에 대한 설명을 시작한다.
tr 1행은 아래와 같이 구성된다. 12개로 나뉜다.
구성품 길이 (mm) 수량 구성품 길이 수량 구성품 길이 수량 구성품 길이 수량
td 1열은 '하단마감재
(60*40)' td 2열은 길이 3000 또는 4000으로 구성된 자료를 읽어와서 해당수량을 다음열인 3열에 나타내는 것이다. 길이 3000에 대한 수량 col44 길이 4000에 대한 수량 col45 td 4열은 '하단
보강엘바
(60*17)' td 5열은 길이 3000 또는 4000으로 구성된 자료를 읽어와서 해당수량을 다음열인 6열에 나타내는 것이다. 길이 3000에 대한 수량 col47 길이 4000에 대한 수량 col48 td 7열은 '하단
보강평철' td 8열은 길이 3000 또는 4000으로 구성된 자료를 읽어와서 해당수량을 다음열인 9열에 나타내는 것이다. 길이 3000에 대한 수량 col50 길이 4000에 대한 수량 col51 td 10열은 '하단
무게평철
[50*12T]' td 11열은 길이 2000으로 구성된 자료를 읽어와서 해당수량을 다음열인 12열에 나타내는 것이다. 길이 2000에 대한 수량 col52 위의 내용을 코드로 만들어줘.
절곡판
| 품목 | 규격 | 두께(T) | 비중 | ㎡ / 단가 |
|---|
(60*40)' td 2열은 길이 3000 또는 4000으로 구성된 자료를 읽어와서 해당수량을 다음열인 3열에 나타내는 것이다. 길이 3000에 대한 수량 col44 길이 4000에 대한 수량 col45 td 4열은 '하단
보강엘바
(60*17)' td 5열은 길이 3000 또는 4000으로 구성된 자료를 읽어와서 해당수량을 다음열인 6열에 나타내는 것이다. 길이 3000에 대한 수량 col47 길이 4000에 대한 수량 col48 td 7열은 '하단
보강평철' td 8열은 길이 3000 또는 4000으로 구성된 자료를 읽어와서 해당수량을 다음열인 9열에 나타내는 것이다. 길이 3000에 대한 수량 col50 길이 4000에 대한 수량 col51 td 10열은 '하단
무게평철
[50*12T]' td 11열은 길이 2000으로 구성된 자료를 읽어와서 해당수량을 다음열인 12열에 나타내는 것이다. 길이 2000에 대한 수량 col52 위의 내용을 코드로 만들어줘.
2438, 'sum' => 0],
['length' => 3000, 'sum' => 0],
['length' => 3500, 'sum' => 0],
['length' => 4000, 'sum' => 0],
['length' => 4300, 'sum' => 0]
];
foreach ($eList as $item) {
$AC8 = floatval($item['col23']); // 셔터의 유효 길이
$railType = trim($item['col6']); // 벽부형, 측면형, 혼합형 여부 판단
// 혼합형일 경우 1개씩 계산, 나머지는 2개씩 계산
for ($i = 0; $i < count($row3_data); $i++) {
$length = $row3_data[$i]['length'];
if ($AC8 <= $length) {
$row3_data[$i]['sum'] += ($railType == '혼합형') ? 1 : 2;
break;
}
}
}
// 벽면형과 측면형을 혼합형일 때는 두 개씩, 나머지는 하나씩 출력
$wall_rows = [];
$side_rows = [];
foreach ($row3_data as $row) {
if ($row['sum'] > 0) {
if ($railType == '혼합형') {
$wall_rows[] = [
'length' => $row['length'],
'sum' => $row['sum']
];
$side_rows[] = [
'length' => $row['length'],
'sum' => $row['sum']
];
} elseif ($railType == '벽면형(120*70)') {
$wall_rows[] = [
'length' => $row['length'],
'sum' => $row['sum']
];
} elseif ($railType == '측면형(120*120)') {
$side_rows[] = [
'length' => $row['length'],
'sum' => $row['sum']
];
}
}
}
// 벽면형 테이블 출력 (혼합형일 경우에만)
if ($railType == '혼합형' || $railType == '벽면형(120*70)') {
echo '
위의 코드를 하단마감재의 내용으로 전부 수정해줘.
하단마감재 계산방법은 아래와 같다. 즉, 혼합형,벽면형, 측면형 표시는 필요가 없다.
이미지는 ../img/bottombar/bottombar_KSS01.jpg
../img/bottombar/bottombar_KSE01.jpg
이런식으로 이름과 관련이미지가 저장되어있다.
KWE01는 KSE01과 같은 형태다.
하단마감재 산출공식은 아래를 참조한다.
';
echo '
';
// 작업량 테이블 추가 (벽면형)
echo '';
echo '';
echo '';
echo '
';
echo '
';
echo '| 1.1 벽면형[120*70] | '; echo '입고 LOT NO. | '; echo '||
 | ';
echo '세부품명 | '; echo '재질 | '; echo '|
| ①마감재 | '; echo '' . $GuidrailFinish . ' | '; echo ''; echo ' | |
| ②가이드레일 | '; echo '' . $GuidrailFinish . ' | '; echo ''; echo ' | |
| ③C형 | '; echo ''; echo ' | ||
| ④D형 | '; echo ''; echo ' | ||
| ⑤별도마감재 | '; echo '' . $GuidrailExtraFinish . ' | '; echo '없음 | '; echo '|
| 하부BASE | '; echo 'EGI 1.55T | '; echo ''; echo ' | |
';
echo '
';
}
// 측면형 테이블 출력 (혼합형일 경우에만)
if ($railType == '혼합형' || $railType == '측면형(120*120)') {
echo '';
echo '';
echo '';
echo '
';
echo '
';
echo '| 작업량 | '; echo '|
| 길이/규격 | '; echo '수량 | '; echo '
| ' . $row['length'] . ' | '; echo '' . $row['sum'] . ' | '; echo '
| 하부BASE (130*80) | ';
echo '' . $wall_sum . ' | '; echo '
';
echo '
';
// 작업량 테이블 추가 (측면형)
echo '';
echo '';
echo '';
echo '
';
echo '
';
echo '| 1.2 측면형[120*120] | '; echo '입고 LOT NO. | '; echo '||
 | ';
echo '세부품명 | '; echo '재질 | '; echo '|
| ①②마감재 | '; echo '' . $GuidrailFinish . ' | '; echo ''; echo ' | |
| ③가이드레일 | '; echo '' . $GuidrailFinish . ' | '; echo ''; echo ' | |
| ④가이드레일 | '; echo ''; echo ' | ||
| ⑤C형 | '; echo ''; echo ' | ||
| ⑥D형 | '; echo ''; echo ' | ||
| ⑦⑧별도마감재 | '; echo '' . $GuidrailExtraFinish . ' | '; echo '없음 | '; echo '|
| 하부BASE | '; echo 'EGI 1.55T | '; echo ''; echo ' | |
';
echo '
';
}
}
?>
';
echo '';
echo '';
echo '
';
echo '
';
echo '| 작업량 | '; echo '|
| 길이/규격 | '; echo '수량 | '; echo '
| ' . $row['length'] . ' | '; echo '' . $row['sum'] . ' | '; echo '
| 하부BASE (130*130) | ';
echo '' . $side_sum . ' | '; echo '
3-2. 하단마감재
' ; ?> [ 'size' => '(60*40)', 'length_3000' => 0, 'length_4000' => 0 ], '하단 보강엘바' => [ 'size' => '(60*17)', 'length_3000' => 0, 'length_4000' => 0 ], '하단 보강평철' => [ 'size' => '', 'length_3000' => 0, 'length_4000' => 0 ], '하단 무게평철' => [ 'size' => '[50*12T]', 'length_2000' => 0 ] ]; // 데이터를 누적하여 합산 foreach ($eList as $item) { $item_data['하단마감재']['length_3000'] += intval($item['col44']); $item_data['하단마감재']['length_4000'] += intval($item['col45']); $item_data['하단 보강엘바']['length_3000'] += intval($item['col47']); $item_data['하단 보강엘바']['length_4000'] += intval($item['col48']); $item_data['하단 보강평철']['length_3000'] += intval($item['col50']); $item_data['하단 보강평철']['length_4000'] += intval($item['col51']); $item_data['하단 무게평철']['length_2000'] += intval($item['col52']); } // 테이블 출력 시작 echo ' <?=$title_message?>
0) {
try {
$sql = "SELECT * FROM " . $DB . "." . $tablename . " WHERE num=?";
$stmh = $pdo->prepare($sql);
$stmh->bindValue(1, $num, PDO::PARAM_STR);
$stmh->execute();
$row = $stmh->fetch(PDO::FETCH_ASSOC);
include '_row.php';
} catch (PDOException $Exception) {
print "오류: " . $Exception->getMessage();
}
$mode = 'update';
$memo = '';
$imgdata = '';
$itemName = '';
$inputList = '{}'; // JSON 초기값
$plateList = '{}'; // JSON 초기값
$bendingrateList = '{}'; // JSON 초기값
$colorList = '{}'; // JSON 초기값
$AList = '{}'; // JSON 초기값
$sumList = '{}'; // JSON 초기값
$title_message = '절곡바라시 기초자료 수정';
} else {
include '_request.php';
$mode = 'insert';
$memo = '';
$imgdata = '';
$itemName = '';
$inputList = '{}'; // JSON 초기값
$plateList = '{}'; // JSON 초기값
$bendingrateList = '{}'; // JSON 초기값
$colorList = '{}'; // JSON 초기값
$AList = '{}'; // JSON 초기값
$sumList = '{}'; // JSON 초기값
$registdate = date('Y-m-d'); // 현재일자 기록
}
?>
' ; ?> [ 'size' => '(60*40)', 'length_3000' => 0, 'length_4000' => 0 ], '하단 보강엘바' => [ 'size' => '(60*17)', 'length_3000' => 0, 'length_4000' => 0 ], '하단 보강평철' => [ 'size' => '', 'length_3000' => 0, 'length_4000' => 0 ], '하단 무게평철' => [ 'size' => '[50*12T]', 'length_2000' => 0 ] ]; // 데이터를 누적하여 합산 foreach ($eList as $item) { $item_data['하단마감재']['length_3000'] += intval($item['col44']); $item_data['하단마감재']['length_4000'] += intval($item['col45']); $item_data['하단 보강엘바']['length_3000'] += intval($item['col47']); $item_data['하단 보강엘바']['length_4000'] += intval($item['col48']); $item_data['하단 보강평철']['length_3000'] += intval($item['col50']); $item_data['하단 보강평철']['length_4000'] += intval($item['col51']); $item_data['하단 무게평철']['length_2000'] += intval($item['col52']); } // 테이블 출력 시작 echo '
';
echo '';
// 첫 번째 행: 자재 구성품명, 길이, 수량 표시
echo '
';
echo '
';
}
?>
이미지 정보를 하나 갖고 있는 컬럼(imgdata과 절곡의 전개치수를 저장하는 변수 plateList,
연신율을 저장하는 변수 bendingrateList, 음영정보를 기록하는 colorList, A각 정보를 담고 있는 AList
위의 컬럼은 전부 'text' 형태이고, 아래의 추가적인 정보를 포함해서 bending 테이블을 생성하는 sql 코드 만들어줘.
php 7.3이전의 버전이라서 json 형태의 mysql 저장이 안되서 text로 저장하고 JSON형태의 파일을 encode, decode해서 사용할 예정입니다.
위의 코드는 write.php 전체의 코드인데,
mysql 버전이 낮아서 json형태로 저장하는 것이 직접되지 않아서,
text형태로 json 디코드, 인코드하는 과정을 거쳐서 서버에 저장한다.
bending 테이블의 컬럼은 text로 선언된 상태이다.
사진관련 동작이 잘되니 좋다.
5) {
sleep(1);
header("Location:" . $WebSite . "login/login_form.php");
exit;
}
include $_SERVER['DOCUMENT_ROOT'] . '/load_header.php';
// 첫 화면 표시 문구
$title_message = '절곡바라시 기초자료';
?>
| 구성품 | '; echo '길이 (mm) | '; echo '수량 | '; echo '구성품 | '; echo '길이 (mm) | '; echo '수량 | '; echo '구성품 | '; echo '길이 (mm) | '; echo '수량 | '; echo '구성품 | '; echo '길이 (mm) | '; echo '수량 | '; echo '
| 하단마감재 ' . $item_data['하단마감재']['size'] . ' | ';
echo 'L : 3,000 | '; echo '' . ($item_data['하단마감재']['length_3000'] ?: '-') . ' | '; // 하단 보강엘바 echo '하단 보강엘바 ' . $item_data['하단 보강엘바']['size'] . ' | ';
echo 'L : 3,000 | '; echo '' . ($item_data['하단 보강엘바']['length_3000'] ?: '-') . ' | '; // 하단 보강평철 echo '하단 보강평철 | ';
echo 'L : 3,000 | '; echo '' . ($item_data['하단 보강평철']['length_3000'] ?: '-') . ' | '; // 하단 무게평철 echo '하단 무게평철 ' . $item_data['하단 무게평철']['size'] . ' | ';
echo 'L : 2,000 | '; echo '' . ($item_data['하단 무게평철']['length_2000'] ?: '-') . ' | '; echo '
| L : 4,000 | '; echo '' . ($item_data['하단마감재']['length_4000'] ?: '-') . ' | '; // 하단 보강엘바 (길이 4000) echo 'L : 4,000 | '; echo '' . ($item_data['하단 보강엘바']['length_4000'] ?: '-') . ' | '; // 하단 보강평철 (길이 4000) echo 'L : 4,000 | '; echo '' . ($item_data['하단 보강평철']['length_4000'] ?: '-') . ' | '; // 하단 무게평철은 2000mm만 존재하므로 공백 처리 echo '