<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>生产制令</title> <style> /* 整体页面布局和样式 */ body { font-family: Arial, sans-serif; background-color: #f4f4f4; background-image: url('img.jpg'); /* 添加背景图片 */ background-size: cover; /* 使背景图片覆盖整个页面 */ background-position: center; /* 背景图片居中 */ background-repeat: no-repeat; /* 不重复背景图片 */ } h1 { text-align: center; color: #f1eded; } form { background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); width: 400px; margin: 0 auto; } label { display: block; margin-bottom: 5px; font-weight: bold; } input[type="text"], input[type="number"], select { width: 100%; padding: 8px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 3px; } button { background-color: #007BFF; color: #fff; padding: 10px 15px; border: none; border-radius: 3px; cursor: pointer; display: block; /* Ensures button is a block element */ margin: 0 auto; /* Centers the button */ } button:hover { background-color: #0056b3; } /* 结果展示区域样式 */ .result-section { margin-top: 20px; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); width: 400px; margin: 0 auto; } h2 { color: #f1efef; } p { margin: 5px 0; } </style> </head> <body> <h1>生产制令</h1> <form method="post" action="processProductionOrder.jsp"> <label for="order_id">制令编号</label> <input type="text" id="order_id" name="order_id" required> <label for="contract_id">合同编号</label> <input type="text" id="contract_id" name="contract_id" required> <label for="total_order_id">总制令编号</label> <input type="text" id="total_order_id" name="total_order_id" required> <label for="sub_order_id">子制令编号</label> <input type="text" id="sub_order_id" name="sub_order_id" required> <label for="batch_number">批次号</label> <input type="text" id="batch_number" name="batch_number" required> <label for="production_quantity">生产数量</label> <input type="number" id="production_quantity" name="production_quantity" value="0" required> <label for="planned_start_date">计划开始日期</label> <input type="text" id="planned_start_date" name="planned_start_date" required> <label for="planned_end_date">计划结束日期</label> <input type="text" id="planned_end_date" name="planned_end_date" required> <label for="status">制令状态</label> <select id="status" name="status"> <option value="待生产">待生产</option> <option value="生产中">生产中</option> <option value="已完成">已完成</option> </select> <button type="submit">提交</button> </form> <%-- 结果展示部分 --%> <% String orderId = request.getParameter("order_id"); String contractId = request.getParameter("contract_id"); String totalOrderId = request.getParameter("total_order_id"); String subOrderId = request.getParameter("sub_order_id"); String batchNumber = request.getParameter("batch_number"); String productionQuantity = request.getParameter("production_quantity"); String plannedStartDate = request.getParameter("planned_start_date"); String plannedEndDate = request.getParameter("planned_end_date"); String status = request.getParameter("status"); if (orderId != null) { %> <div class="result-section"> <h2>输入结果</h2> <p><strong>制令编号:</strong> <%= orderId %></p> <p><strong>合同编号:</strong> <%= contractId %></p> <p><strong>总制令编号:</strong> <%= totalOrderId %></p> <p><strong>子制令编号:</strong> <%= subOrderId %></p> <p><strong>批次号:</strong> <%= batchNumber %></p> <p><strong>生产数量:</strong> <%= productionQuantity %></p> <p><strong>计划开始日期:</strong> <%= plannedStartDate %></p> <p><strong>计划结束日期:</strong> <%= plannedEndDate %></p> <p><strong>制令状态:</strong> <%= status %></p> </div> <% } %> </body> </html>
标签:2024.10,制令,background,周二,color,border,5px,margin From: https://www.cnblogs.com/Sunyiran/p/18447637