活动介绍

产品信息格式化 编写一个程序, 对用户录入的产品信息进行格式化。 以下为程序的运行示例: enter item number: 385↙ enter unit price: 12.5↙ enter purchase date (yy mm dd): 2015 3 12↙ item unit purchase 385 $12.50 03/12/2015 输入格式: 产品编号输入格式:"%d" 产品价格输入格式:"%f" 购买日期输入格式:"%d%d%d" 输出格式:

时间: 2023-06-05 18:47:43 浏览: 254
这是一个关于产品信息格式化的编写程序,对用户输入的产品信息进行格式化。以下是程序的运行示例: 输入产品编号:385↙ 输入单价:12.5↙ 输入购买日期(yy mm dd):2015 3 12↙ 产品 单价 购买日期 385 $12.50 03/12/2015 输入格式: 产品编号输入格式:“%d” 产品价格输入格式:“%f” 购买日期输入格式:“%d%d%d” 输出格式:“
相关问题

产品信息格式化 编写一个程序, 对用户录入的产品信息进行格式化。 以下为程序的运行示例: enter item number: 385↙ enter unit price: 12.5↙ enter purchase date (yy mm dd): 2015 3 12↙ item unit purchase 385 $12.50 03/12/2015

### 回答1: 好的,以下是程序的中文回复: 这个程序可以对用户录入的产品信息进行格式化。用户需要依次输入产品编号、单价和购买日期,程序会将这些信息按照一定的格式输出。 例如,当用户输入产品编号为385,单价为12.5,购买日期为2015年3月12日时,程序会输出以下信息: item unit purchase 385 $12.50 03/12/2015 其中,第一行是表头,第二行是用户输入的产品信息,每个字段之间用空格隔开。产品编号和单价会在输出时对齐,日期格式为月/日/年。 ### 回答2: 产品信息格式化是指将用户录入的产品信息按照一定的格式进行整理和排版,便于使用和查看。编写一个程序实现产品信息格式化的功能可以大大提高数据处理的效率和准确性。 编写这个程序需要使用编程语言,并进行编译和运行。具体来说,可以选择Python、Java、C++等编程语言来实现,下面以Python为例进行说明。 首先需要定义变量来存储用户输入的信息。在Python中,可以使用input()函数来实现从键盘输入数据。例如: item_number = input("enter item number: ") unit_price = input("enter unit price: ") purchase_date = input("enter purchase date (yy mm dd): ") 接下来,需要对这些变量进行格式化处理。对于货号(item_number)和单价(unit_price),可以使用字符串的format()方法来实现格式化的输出。例如: print("item unit purchase") print("{:<10} ${:<8} {}".format(item_number, unit_price, purchase_date)) 这里使用了字符串的.format()方法,其中大括号里面的内容表示输出的位置和格式,<10和<8表示左对齐并占据10和8个字符的宽度,$表示货币符号,{}表示格式化的位置,依次对应item_number、unit_price和purchase_date变量。 最后,运行程序,并进行输入,输出结果如下: enter item number: 385 enter unit price: 12.5 enter purchase date (yy mm dd): 2015 3 12 item unit purchase 385 $12.5 2015 3 12 可以看到,程序成功实现了对用户输入的产品信息进行格式化的功能,输出的信息清晰、整齐,方便查看和管理。在实际工作中,对于大量的产品信息处理,这样的程序可以大大提高工作效率和准确性。 ### 回答3: 产品信息格式化程序的主要任务是对用户输入的产品信息进行格式化处理,以便更好地展示和使用。该程序的运行示例中,我们可以看到用户需要输入的信息包括产品编号、单价和购买日期,而程序需要完成的任务是将这些信息格式化输出,包括产品编号、单价和购买日期。 该程序的实现需要通过编写代码来实现。首先,我们需要定义并实现一个类来表示产品信息。这个类应该包括产品编号、单价和购买日期等属性,并提供格式化输出的方法。在主程序中,我们需要定义并实现用户输入的逻辑,读取用户输入的产品信息,然后实例化产品信息类并调用其格式化输出的方法。格式化输出的方法应该根据要求输出产品编号、单价和购买日期等相关信息,同时按照特定的格式排版。 在实现产品信息格式化程序时,需要注意以下几点: 1. 用户输入逻辑的实现。用户所输入的产品信息需要通过适当的方式读取和存储。一般情况下,可以通过变量来存储产品编号、单价和购买日期等信息,并在程序运行过程中通过逐个读取用户输入来将这些信息填充到相应的变量中。 2. 产品信息类的实现。产品信息类应该包括相应的属性和功能方法,以便能够存储和操作相应的信息。在这个例子中,产品信息类应该拥有一个格式化输出的方法,以便将产品信息按照特定的格式输出。 3. 格式化输出的实现。格式化输出是该程序的主要目的,因此在输出时需要注意排版和格式化。在这个例子中,我们可以使用字符串格式化语法来将相应的信息组织到一起,并使用制表符和回车符等符号来对齐和排版。 综上,产品信息格式化程序是一个比较基础的工具类程序,但它具有一定的实际应用价值。其主要任务是对用户输入的产品信息进行格式化处理,以便更好地展示和使用。在实现该程序时,需要注意用户输入的实现和产品信息类的设计和实现,同时还需要针对特定的输出要求进行适当的格式化和排版。

用c语言编写程序产品信息格式化 编写一个程序, 对用户录入的产品信息进行格式化。 以下为程序的运行示例: Enter item number: 385↙ Enter unit price: 12.5↙ Enter purchase date (yy mm dd): 2015 3 12↙ Item Unit Purchase 385 $12.50 03/12/2015 输入格式: 产品编号输入格式:"%d" 产品价格输入格式:"%f" 购买日期输入格式:"%d%d%d" 输出格式: 产品编号输入提示信息:"Enter item number:\n" 产品价格输入提示信息:"Enter unit price:\n" 购买日期输入提示信息:"Enter purchase date (yy mm dd):\n" 格式化输出的表头信息:"Item Unit Purchase\n" 输出格式:"%-9d$%-9.2f%02d/%02d/%02d\n"

好的,下面是相应的C语言程序实现: ```c #include <stdio.h> int main() { int item_num, year, month, day; float unit_price; printf("Enter item number:\n"); scanf("%d", &item_num); printf("Enter unit price:\n"); scanf("%f", &unit_price); printf("Enter purchase date (yy mm dd):\n"); scanf("%d%d%d", &year, &month, &day); printf("Item Unit Purchase\n"); printf("%-9d$%-9.2f%02d/%02d/%02d\n", item_num, unit_price, month, day, year); return 0; } ``` 程序执行结果如下: ``` Enter item number: 385 Enter unit price: 12.5 Enter purchase date (yy mm dd): 2015 3 12 Item Unit Purchase 385 $12.50 03/12/15 ``` 程序通过`scanf`函数从键盘输入产品信息:编号、价格、购买日期。然后使用`printf`函数输出格式化的表头信息和产品信息。其中,`printf`函数的格式化字符串中`%-9d`表示输出左对齐、占9个字符宽度的整数,不足9个则在后面补空格;`$%-9.2f`表示输出左对齐、占9个字符宽度的浮点数,其中小数点后保留2位小数,`$`为美元符号;`%02d`表示输出2位宽度的整数,不足2位则在前面补0。
阅读全文

相关推荐

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>总订单完成状况</title> <style> :root{ --bg:#f5faff; --panel:#fff; --border:#cce7ff; --primary:#3ca9ff; --primary-dark:#0077e6; --primary-light:#e6f4ff; --text:#003366; --text-light:#0077e6; --shadow:rgba(60,169,255,.12); } body{margin:0;background:var(--bg);font-family:"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif} .status-container{max-width:98%;margin:22px auto;background:var(--panel);border:1px solid var(--border);padding:22px 18px 30px 18px;border-radius:12px;box-shadow:0 6px 30px var(--shadow);position:relative} .status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;background:var(--bg)} .status-header h3{color:var(--text-light);letter-spacing:2px} .status-header .btns{display:flex;gap:12px} .btn{padding:7px 18px;border:none;border-radius:4px;font-size:15px;cursor:pointer;background:var(--primary);color:#fff;transition:background .2s} .btn:hover{background:var(--primary-dark)} .btn.modify{background:var(--primary-light);color:var(--text)} .btn.modify:hover{background:var(--primary-dark);color:#fff} .search-box{display:flex;align-items:center;gap:8px} .search-box input{height:32px;border:1px solid var(--primary);border-radius:4px;padding:0 10px;font-size:14px;background:#fff;color:var(--text)} table{width:100%;border-collapse:collapse;font-size:14px;color:var(--text)} thead{background-color:var(--primary-light);color:var(--text)} th,td{border:1px solid var(--border);padding:9px 7px;text-align:center} th{background:var(--primary-light);color:var(--text)} tr:nth-child(even){background:var(--bg)} .tag{border-radius:10px;padding:2px 10px;font-size:13px;display:inline-block} .tag-success{background:#d0ffd0;color:#006100} .tag-danger{background:#ffecec;color:#c00000;cursor:pointer} td:last-child{white-space:nowrap;min-width:120px} /* 弹窗 */ .modal-mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,119,230,.2);z-index:999;display:none} .modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;min-width:360px;border-radius:8px;box-shadow:0 8px 32px rgba(60,169,255,.15);padding:22px;z-index:1000;display:none} .modal-title{font-weight:bold;font-size:1.18rem;color:var(--primary-dark);margin-bottom:19px} .modal-form-row{margin-bottom:13px;display:flex;align-items:center} .modal-form-row label{width:86px;color:var(--text-light);font-size:14px} .modal-form-row input,.modal-form-row select{flex:1;height:28px;padding:0 7px;border:1px solid var(--primary);border-radius:4px;background:var(--bg);color:var(--text)} .modal-btns{text-align:right;margin-top:18px} .modal-btns .btn{margin-left:12px;background:var(--primary)} /* 分页 */ .pager-box{display:flex;align-items:center;gap:8px;position:absolute;right:22px;bottom:-80px;background:var(--primary-light);padding:6px 10px;border-radius:6px;box-shadow:0 2px 8px var(--shadow);font-size:14px;color:var(--text-light)} .pager-label input{width:46px;height:24px;text-align:center;border:1px solid var(--primary);border-radius:4px;margin:0 4px;background:#fff;color:var(--text-light)} </style> </head> <body> 总订单完成状况 <input type="text" id="searchInput" placeholder="订单编号、产品名称...关键词查询"> <button class="btn" onclick="searchOrders()">查询</button> <button class="btn" onclick="openAddModal()">增加</button> 序号销售类型订单编号产品编号产品名称 订单数量GTM要求交期订单评审出货日期 电子料齐套组装料齐套 SMT累计出货SMT欠订单数SMT工厂 组装累计出货组装欠订单数组装工厂 结单状况备注操作 加载中... <button class="btn" id="btnPrev" onclick="prevPage()">上一页</button> <label class="pager-label"> 第<input type="number" id="pageInput" min="1" max="1" value="1" onkeydown="if(event.key==='Enter') jumpToPage()">页 / 共1页 </label> <button class="btn" id="btnNext" onclick="nextPage()">下一页</button> <button class="btn modify" onclick="jumpToPage()">跳转</button> 新增订单 <form id="modalForm"> <label>销售类型</label><input name="saleType" required> <label>订单编号</label><input name="orderNo" required> <label>产品编号</label><input name="productNo" required> <label>产品名称</label><input name="productName" required> <label>订单数量</label><input type="number" name="orderQuantity" required> <label>GTM交期</label><input type="date" name="gtmDueDate"> <label>评审出货日期</label><input type="date" name="reviewShipDate"> <label>电子料齐套</label> <select name="materialElectronic"><option value="1">齐套</option><option value="0">未齐套</option></select> <label>组装料齐套</label> <select name="materialAssembly"><option value="1">齐套</option><option value="0">未齐套</option></select> <label>SMT累计出货</label><input type="number" name="smtShippedQty"> <label>SMT欠订单数</label><input type="number" name="smtOwedQty"> <label>SMT工厂</label><input name="smtFactory"> <label>组装累计出货</label><input type="number" name="assemblyShippedQty"> <label>组装欠订单数</label><input type="number" name="assemblyOwedQty"> <label>组装工厂</label><input name="assemblyFactory"> <label>接单状况</label><input name="receiveStatus"> <label>备注</label><input name="remark"> <button type="button" class="btn" onclick="closeModal()">取消</button> <button type="submit" class="btn modify" id="modalSubmitBtn">保存</button> </form> BOM 齐套详情 <form id="bomModalForm"> <input type="hidden" id="bomType"> <input type="hidden" id="bomOrderNo"> <label>BOM 版本</label> <select id="bomVersionSelect" required></select> <label>物料编码</label> <input type="text" id="materialCode" required placeholder="请输入物料编码"> <label>物料名称</label> <input type="text" id="materialName" required placeholder="如:贴片电阻"> <label>规格</label> <input type="text" id="specification" placeholder="如:0603 1KΩ ±1%"> <label>技术参数</label> <input type="text" id="technicalParam" placeholder="如:阻值范围/温度系数"> <label>参数值</label> <input type="text" id="paramValue" placeholder="如:1KΩ/±100ppm/℃"> <label>用量</label> <input type="number" id="quantity" required min="1" placeholder="单个产品所需数量"> <label>制造商</label> <input type="number" id="manufacturerSelect" required min="1" placeholder="单个产品所需数量"> <label>制造商料号</label> <input type="text" id="mpn" required placeholder="如:RC0603FR-071KL"> <button type="button" class="btn" onclick="closeBomModal()">取消</button> <button type="submit" class="btn modify">保存</button> </form> 电子料齐套详情 <form id="eBomModalForm"> <label>订单编号</label><input id="eBomOrderNo" readonly> <label>BOM版本</label><select id="eBomVersionSelect" required></select> <label>订单数量</label><input type="number" id="eBomOrderQty" min="1" required> <button type="button" class="btn" onclick="closeEBomModal()">取消</button> <button type="submit" class="btn modify">保存</button> </form> <script> let editingId = null, allOrders = [], currentPage = 1, totalPages = 1; const eBomQtyCache = {}; // 已录入电子料齐套数量缓存 async function request(url, method='GET', body=null){ const res = await fetch(url, { method, headers: body ? {'Content-Type':'application/json'} : {}, body: body ? JSON.stringify(body) : undefined }); return res.json(); } async function loadOrders(keyword, page){ const tbody=document.getElementById('orderTableBody'); tbody.innerHTML='加载中...'; try{ let url=/api/orders?page=${page}&size=10; if(keyword) url+=&keyword=${encodeURIComponent(keyword)}; const data=await request(url); allOrders=data.records; renderOrders(data.records); currentPage=data.current; totalPages=data.pages; updatePager(); }catch(e){ tbody.innerHTML='加载失败'; } } function renderOrders(data){ const tbody=document.getElementById('orderTableBody'); if(!data.length){ tbody.innerHTML='暂无数据'; return; } tbody.innerHTML=data.map(r=> ${r.id}${r.saleType||'-'}${r.orderNo||'-'}${r.productNo||'-'}${r.productName||'-'} ${r.orderQuantity??'-'}${r.gtmDueDate||'-'}${r.reviewShipDate||'-'} ${r.materialElectronic?'齐套':'未齐套'} <button class="btn modify" style="font-size:12px;padding:2px 8px" onclick="openEBomDetailTable('${r.orderNo}')">详情</button> ${r.materialAssembly?'齐套':'未齐套'} <button class="btn modify" style="font-size:12px;padding:2px 8px" onclick="openBomDetail('assembly','${r.orderNo}',${r.orderQuantity||0})"> 详情 </button> ${r.smtShippedQty??'-'}${r.smtOwedQty??'-'}${r.smtFactory||'-'} ${r.assemblyShippedQty??'-'}${r.assemblyOwedQty??'-'}${r.assemblyFactory||'-'} ${r.receiveStatus||'-'}${r.remark||'-'} <button class="btn modify" onclick="openEditModal(${r.id})">修改</button> <button class="btn" style="margin-left:6px;background:#f56c6c" onclick="deleteOrder(${r.id})">删除</button> ).join(''); } function searchOrders(){loadOrders(document.getElementById('searchInput').value.trim(),1);} function updatePager(){ const p=document.getElementById('pageInput'); p.max=totalPages; p.value=currentPage; document.getElementById('totalPages').textContent=totalPages; document.getElementById('btnPrev').disabled=currentPage<=1; document.getElementById('btnNext').disabled=currentPage>=totalPages; } function jumpToPage(){ const v=parseInt(document.getElementById('pageInput').value,10); if(v>=1&&v<=totalPages) loadOrders(document.getElementById('searchInput').value.trim(),v); } function prevPage(){if(currentPage>1) loadOrders(document.getElementById('searchInput').value.trim(),currentPage-1);} function nextPage(){if(currentPage<totalPages) loadOrders(document.getElementById('searchInput').value.trim(),currentPage+1);} /* 订单弹窗 */ function openAddModal(){editingId=null;resetModal('新增订单');} function openEditModal(id){ editingId=id; const r=allOrders.find(r=>r.id===id); resetModal('修改订单',r); } function resetModal(title,data={}){ document.getElementById('modalTitle').textContent=title; const f=document.getElementById('modalForm'); f.reset(); for(const k in data) if(f[k]!==undefined) f[k].value=data[k]; document.getElementById('modalMask').style.display='block'; document.getElementById('modalBox').style.display='block'; } function closeModal(){ document.getElementById('modalMask').style.display='none'; document.getElementById('modalBox').style.display='none'; } document.getElementById('modalMask').onclick=closeModal; document.getElementById('modalForm').onsubmit=async e=>{ e.preventDefault(); const fd=new FormData(e.target); const data=Object.fromEntries(fd); data.materialElectronic=data.materialElectronic==='1'; data.materialAssembly=data.materialAssembly==='1'; ['orderQuantity','smtShippedQty','smtOwedQty','assemblyShippedQty','assemblyOwedQty'] .forEach(k=>{if(data[k])data[k]=Number(data[k]);}); try{ const url=editingId?/api/orders/${editingId}:'/api/orders'; const meth=editingId?'PUT':'POST'; await request(url,meth,data); closeModal(); loadOrders('',currentPage); }catch{alert('保存失败');} }; async function deleteOrder(id){ if(!confirm(确定删除订单 ${id} 吗?)) return; try{ await request(/api/orders/${id},'DELETE'); loadOrders(document.getElementById('searchInput').value.trim(),currentPage); }catch{alert('删除失败');} } /* ========= 通用 BOM 弹窗 ========= */ function openBomDetail(type, orderNo, orderQty){ document.getElementById('bomType').value = type; // electronic / assembly document.getElementById('bomOrderNo').value = orderNo; document.getElementById('bomModalTitle').textContent = (type === 'electronic' ? '电子料' : '组装料') + '齐套详情'; /* 拉取或初始化数据 */ fetchBomDetail(type, orderNo).then(data=>{ fillBomModal(data, orderQty); document.getElementById('bomModalMask').style.display='block'; document.getElementById('bomModalBox').style.display='block'; }); } async function fetchBomDetail(type, orderNo){ // 调用后端接口,返回 {bomVersion, orderQty, needQty, oweQty} const res = await request(/api/bom_detail/${type}/${orderNo}); return res || {}; } function fillBomModal(data, orderQty){ /* 版本下拉 */ const sel=document.getElementById('bomVersionSelect'); sel.innerHTML=''; const versions = JSON.parse(localStorage.getItem('eBomVersions')||'[]'); versions.forEach(v=>{ const opt=document.createElement('option'); opt.value=opt.textContent=v; if(v===data.bomVersion) opt.selected=true; sel.appendChild(opt); }); document.getElementById('bomOrderQty').value = data.orderQty ?? orderQty; document.getElementById('bomNeedQty').value = data.needQty ?? 0; document.getElementById('bomOweQty').value = data.oweQty ?? 0; } function closeBomModal(){ document.getElementById('bomModalMask').style.display='none'; document.getElementById('bomModalBox').style.display='none'; } document.getElementById('bomModalMask').onclick = closeBomModal; /* 保存 */ document.getElementById('bomModalForm').addEventListener('submit', async e=>{ e.preventDefault(); const type = document.getElementById('bomType').value; const orderNo= document.getElementById('bomOrderNo').value; const payload = { bomVersion : document.getElementById('bomVersionSelect').value, orderQty : Number(document.getElementById('bomOrderQty').value), needQty : Number(document.getElementById('bomNeedQty').value), oweQty : Number(document.getElementById('bomOweQty').value) }; try{ await request(/api/bom_detail/${type}/${orderNo}, 'POST', payload); alert('保存成功'); closeBomModal(); }catch{ alert('保存失败'); } }); /* 电子料齐套弹窗 */ function openEBomDetailModal(orderNo,orderQty){ document.getElementById('eBomOrderNo').value=orderNo; const cached=eBomQtyCache[orderNo]||0; document.getElementById('eBomOrderQty').value=cached; document.getElementById('eBomOrderQty').min=cached; const sel=document.getElementById('eBomVersionSelect'); sel.innerHTML=''; const versions=JSON.parse(localStorage.getItem('eBomVersions')||'[]'); if(!versions.length){alert('请先打开“电子料 BOM 明细”页面以同步 BOM 版本数据');return;} versions.forEach(v=>{ const opt=document.createElement('option'); opt.value=opt.textContent=v; sel.appendChild(opt); }); document.getElementById('eBomModalMask').style.display='block'; document.getElementById('eBomModalBox').style.display='block'; } function closeEBomModal(){ document.getElementById('eBomModalMask').style.display='none'; document.getElementById('eBomModalBox').style.display='none'; } document.getElementById('eBomModalMask').onclick=closeEBomModal; document.getElementById('eBomModalForm').addEventListener('submit',async e=>{ e.preventDefault(); const orderNo=document.getElementById('eBomOrderNo').value.trim(); const bomVersion=document.getElementById('eBomVersionSelect').value; const qty=Number(document.getElementById('eBomOrderQty').value); const cached=eBomQtyCache[orderNo]||0; if(qty<cached){alert('订单数量只能增加,不能减少!');return;} try{ await request('/api/electronic_bom_detail','POST',{orderNo,bomVersion,orderQty:qty}); eBomQtyCache[orderNo]=qty; alert('保存成功'); closeEBomModal(); }catch{alert('保存失败');} }); loadOrders('',1); </script> </body> </html>能不能给我当点击未齐套时页面跳转的具体流程,当我单击详情时该怎么实现页面跳转

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>生产计划排程表</title> <style> /* ======= 天空浅蓝主题 ======= */ :root{ --bg:#f5faff; --panel:#fff; --border:#cce7ff; --primary:#3ca9ff; --primary-dark:#0077e6; --primary-light:#e6f4ff; --text:#003366; --text-light:#0077e6; --shadow:rgba(60,169,255,.12); } body{margin:0;background:var(--bg);font-family:"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif} .status-container{max-width:98%;margin:22px auto;background:var(--panel);border:1px solid var(--border);padding:22px 18px 30px 18px;border-radius:12px;box-shadow:0 6px 30px var(--shadow);position:relative} .status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;background:var(--bg)} .status-header h3{color:var(--text-light);letter-spacing:2px} .status-header .btns{display:flex;gap:12px} .btn{padding:7px 18px;border:none;border-radius:4px;font-size:15px;cursor:pointer;background:var(--primary);color:#fff;transition:background .2s} .btn:hover{background:var(--primary-dark)} .btn.modify{background:var(--primary-light);color:var(--text)} .btn.modify:hover{background:var(--primary-dark);color:#fff} .search-box{display:flex;align-items:center;gap:8px} .search-box input{height:32px;border:1px solid var(--primary);border-radius:4px;padding:0 10px;font-size:14px;background:#fff;color:var(--text)} table{width:100%;border-collapse:collapse;font-size:14px;color:var(--text)} thead{background-color:var(--primary-light);color:var(--text)} th,td{border:1px solid var(--border);padding:9px 7px;text-align:center} th{background:var(--primary-light);color:var(--text)} .tag{border-radius:10px;padding:2px 10px;font-size:13px;display:inline-block} .tag-success{color:#21b97a}.tag-danger{color:#f56c6c} /* 弹窗共用 */ .modal-mask{position:fixed;inset:0;background:rgba(0,119,230,.2);z-index:999;display:none} .modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:var(--text);border-radius:8px;padding:22px;min-width:360px;z-index:1000;display:none} .modal-title{font-weight:bold;font-size:1.18rem;color:var(--primary-dark);margin-bottom:19px} .modal-form-row{display:flex;align-items:center;margin-bottom:13px} .modal-form-row label{width:86px;color:var(--text-light);font-size:14px} .modal-form-row input,.modal-form-row select{flex:1;height:28px;padding:0 7px;border:1px solid var(--primary);border-radius:4px;background:var(--bg);color:var(--text)} .modal-btns{text-align:right;margin-top:18px} .modal-btns .btn{margin-left:12px;background:var(--primary);color:#fff} /* 详情弹窗专属 */ .detail-modal{min-width:800px;max-width:95vw;max-height:90vh;overflow:auto} .detail-modal table th,.detail-modal table td{color:var(--text);border:1px solid var(--border);padding:6px 4px;min-width:90px;background:#fff} .detail-modal input[type=number]{width:100%;border:1px solid var(--border);border-radius:3px;padding:4px;background:#fff;color:var(--text)} .detail-btns{margin-top:15px;text-align:right} /* 分页 */ .pager-box{display:flex;align-items:center;gap:8px;position:absolute;right:22px;bottom:-80px;background:var(--primary-light);padding:6px 10px;border-radius:6px;box-shadow:0 2px 8px var(--shadow);font-size:14px;color:var(--text-light)} .pager-label input{width:46px;height:24px;text-align:center;border:1px solid var(--primary);border-radius:4px;margin:0 4px;background:#fff;color:var(--text-light)} </style> </head> <body> 生产计划排程表 <input type="text" id="searchInput" placeholder="工序、负责人、产品名称...关键词查询"> <button class="btn" onclick="searchPlans()">查询</button> <button class="btn" onclick="openAddModal()">增加</button> 序号工序接单日期负责人订单跟踪号产品代码 产品名称订单量GTM出货日期工厂入库日期是否延误 累计交付待交付结单情况排程日期备注操作 加载中... <button class="btn" id="btnPrev" onclick="prevPage()">上一页</button> <label class="pager-label"> 第<input type="number" id="pageInput" min="1" max="1" value="1" onkeydown="if(event.key==='Enter') jumpToPage()">页 / 共1页 </label> <button class="btn" id="btnNext" onclick="nextPage()">下一页</button> <button class="btn modify" onclick="jumpToPage()">跳转</button> 新增排程 <form id="modalForm"> <label>工序</label><input type="text" name="processName" required> <label>接单日期</label><input type="date" name="startDate"> <label>负责人</label><input type="text" name="leader" required> <label>订单跟踪号</label><input type="text" name="orderTrackingNo" required> <label>产品代码</label><input type="text" name="productCode" required> <label>产品名称</label><input type="text" name="productName" required> <label>订单量</label><input type="number" name="orderQuantity" required> <label>GTM出货日期</label><input type="date" name="shipmentDate"> <label>工厂入库日期</label><input type="date" name="finishDate"> <label>是否延误</label> <select name="isDelayed"><option value="1">是</option><option value="0">否</option></select> <label>累计交付</label><input type="number" name="deliveredQty"> <label>待交付</label><input type="number" name="pendingQty"> <label>结单情况</label><input type="text" name="receiveStatus"> <label>排程日期</label><input type="date" name="scheduleDate"> <label>备注</label><input type="text" name="remark"> <button type="button" class="btn" onclick="closeModal()">取消</button> <button type="submit" class="btn modify" id="modalSubmitBtn">保存</button> </form> 排程详情 订单跟踪号:    产品名称: 计划交付 实际交付 <button class="btn modify" onclick="saveDetail()">保存</button> <button class="btn" onclick="closeDetail()">关闭</button> <script> let editingId=null,allPlans=[],currentPage=1,totalPages=1; async function loadPlans(k,p){const t=document.getElementById('planTableBody');t.innerHTML='加载中...';try{let u=http://localhost:8080/api/production_plans?page=${p}&size=10;if(k)u+=&keyword=${encodeURIComponent(k)};const r=await fetch(u),d=await r.json();allPlans=d.records;renderPlans(d.records);toggleOperationColumn();currentPage=d.current;totalPages=d.pages;updatePager();}catch{t.innerHTML='加载失败'}} function renderPlans(d){const t=document.getElementById('planTableBody');if(!Array.isArray(d)||d.length===0){t.innerHTML='暂无数据';return;}t.innerHTML=d.map(r=> ${r.id}${r.processName||'-'}${r.startDate||'-'}${r.leader||'-'}${r.orderTrackingNo||'-'} ${r.productCode||'-'}${r.productName||'-'}${r.orderQuantity??'-'}${r.shipmentDate||'-'} ${r.finishDate||'-'}${r.isDelayed>0?'是':'否'} ${r.deliveredQty??'-'}${r.pendingQty??'-'}${r.receiveStatus||'-'} <button class="btn modify" onclick="openDetail(${r.id})">查看详情</button> ${r.remark||'-'} <button class="btn modify" onclick="openEditModal(${r.id})">修改</button><button class="btn" style="margin-left:6px;background:#f56c6c" onclick="deletePlan(${r.id})">删除</button> ).join('')} function toggleOperationColumn(){const role=localStorage.getItem('role');const head=document.querySelector('th:last-child'),cells=document.querySelectorAll('td:last-child');if(role==='ADMIN'){head.style.display='';cells.forEach(c=>c.style.display='')}else{head.style.display='none';cells.forEach(c=>c.style.display='none')}} function searchPlans(){loadPlans(document.getElementById('searchInput').value.trim(),1)} function updatePager(){const i=document.getElementById('pageInput');i.max=totalPages;i.value=currentPage;document.getElementById('totalPages').textContent=totalPages;document.getElementById('btnPrev').disabled=currentPage<=1;document.getElementById('btnNext').disabled=currentPage>=totalPages} function prevPage(){if(currentPage>1)loadPlans(document.getElementById('searchInput').value.trim(),currentPage-1)} function nextPage(){if(currentPage<totalPages)loadPlans(document.getElementById('searchInput').value.trim(),currentPage+1)} function jumpToPage(){const v=parseInt(document.getElementById('pageInput').value,10);if(isNaN(v)||v<1||v>totalPages)return;loadPlans(document.getElementById('searchInput').value.trim(),v)} function openAddModal(){editingId=null;resetModal('新增排程')} function openEditModal(id){editingId=id;const r=allPlans.find(p=>p.id===id);if(!r)return;resetModal('修改排程',r)} function resetModal(title,data={}){document.getElementById('modalTitle').textContent=title;const f=document.getElementById('modalForm');f.reset();for(const k in data)if(f[k])f[k].value=data[k];document.getElementById('modalMask').style.display='block';document.getElementById('modalBox').style.display='block'} function closeModal(){document.getElementById('modalMask').style.display='none';document.getElementById('modalBox').style.display='none'} document.getElementById('modalMask').onclick=closeModal; document.getElementById('modalForm').onsubmit=async e=>{e.preventDefault();const fd=new FormData(e.target),data=Object.fromEntries(fd);data.isDelayed=data.isDelayed==='1';['orderQuantity','deliveredQty','pendingQty'].forEach(k=>{if(data[k])data[k]=Number(data[k])});try{const url=editingId?/api/production_plans/${editingId}:'/api/production_plans',meth=editingId?'PUT':'POST';const res=await fetch(url,{method:meth,headers:{'Content-Type':'application/json'},body:JSON.stringify(data)});if(res.ok){closeModal();loadPlans('',currentPage)}else alert('保存失败')}catch{alert('网络异常')}} async function deletePlan(id){if(!confirm(确定删除排程 ${id} 吗?))return;try{const res=await fetch(/api/production_plans/${id},{method:'DELETE'});if(res.ok){loadPlans(document.getElementById('searchInput').value.trim(),currentPage)}else alert('删除失败')}catch{alert('网络异常')}} /* ================= 新增详情弹窗逻辑 ================= */ let curDetailPlanId = null; /* ================= 新增详情弹窗逻辑(含星期几行) ================= */ async function openDetail(planId) { curDetailPlanId = planId; const plan = allPlans.find(p => p.id === planId); if (!plan) return; document.getElementById('detailOrderNo').textContent = plan.orderTrackingNo; document.getElementById('detailProductName').textContent = plan.productName; /* 1. 生成最近 30 天日期 */ const dates = []; const today = new Date(); for (let i = 0; i < 30; i++) { const d = new Date(today); d.setDate(today.getDate() + i); dates.push(d.toISOString().slice(0, 10)); } /* 2. 读取已保存数据 */ let saved = {}; try { const res = await fetch(/api/production_plans/${planId}/details); if (res.ok) (await res.json()).forEach(it => (saved[it.date] = it)); } catch (e) { /* ignore */ } /* 3. 计算星期几(0=周日 … 6=周六) */ const weekMap = ['日', '一', '二', '三', '四', '五', '六']; const weekRowHTML = dates .map(d => 周${weekMap[new Date(d + 'T00:00:00').getDay()]}) .join(''); /* 4. 渲染表头 */ const headRow = document.getElementById('detailHeadRow'); headRow.innerHTML = '' + dates.map(d => ${d}).join(''); /* 5. 渲染星期、计划、实际三行 */ const tbody = document.querySelector('#detailTable tbody'); tbody.innerHTML = 星期${weekRowHTML} + 计划交付${dates .map( d => <input type="number" min="0" value="${saved[d]?.plannedQty || 0}" data-date="${d}" data-type="planned"> ) .join('')} + 实际交付${dates .map( d => <input type="number" min="0" value="${saved[d]?.actualQty || 0}" data-date="${d}" data-type="actual"> ) .join('')}; /* 6. 显示弹窗 */ document.getElementById('detailMask').style.display = 'block'; document.getElementById('detailWrap').style.display = 'block'; } function closeDetail(){ document.getElementById('detailMask').style.display='none'; document.getElementById('detailWrap').style.display='none'; } async function saveDetail(){ const inputs = document.querySelectorAll('#detailTable input'); const payload = {}; inputs.forEach(inp=>{ const date = inp.dataset.date; const type = inp.dataset.type; if(!payload[date]) payload[date] = {date, plannedQty:0, actualQty:0}; payload[date][type] = parseInt(inp.value) || 0; }); await fetch(/api/production_plans/${curDetailPlanId}/details,{ method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(Object.values(payload)) }); alert('已保存'); closeDetail(); } /* ================= 初始化 ================= */ loadPlans('',1); </script> </body> </html>这是我的前端界面,请帮我实现点击查看详情按钮后的后端接口,要求当录入数据并保存后上面的日期就不会随着时间变更

最新推荐

recommend-type

【税会实务】Excel文字输入技巧.doc

【税会实务】Excel文字输入技巧.doc
recommend-type

中职计算机教学大纲(1).docx

中职计算机教学大纲(1).docx
recommend-type

C++实现的DecompressLibrary库解压缩GZ文件

根据提供的文件信息,我们可以深入探讨C++语言中关于解压缩库(Decompress Library)的使用,特别是针对.gz文件格式的解压过程。这里的“lib”通常指的是库(Library),是软件开发中用于提供特定功能的代码集合。在本例中,我们关注的库是用于处理.gz文件压缩包的解压库。 首先,我们要明确一个概念:.gz文件是一种基于GNU zip压缩算法的压缩文件格式,广泛用于Unix、Linux等操作系统上,对文件进行压缩以节省存储空间或网络传输时间。要解压.gz文件,开发者需要使用到支持gzip格式的解压缩库。 在C++中,处理.gz文件通常依赖于第三方库,如zlib或者Boost.IoStreams。codeproject.com是一个提供编程资源和示例代码的网站,程序员可以在该网站上找到现成的C++解压lib代码,来实现.gz文件的解压功能。 解压库(Decompress Library)提供的主要功能是读取.gz文件,执行解压缩算法,并将解压缩后的数据写入到指定的输出位置。在使用这些库时,我们通常需要链接相应的库文件,这样编译器在编译程序时能够找到并使用这些库中定义好的函数和类。 下面是使用C++解压.gz文件时,可能涉及的关键知识点: 1. Zlib库 - zlib是一个用于数据压缩的软件库,提供了许多用于压缩和解压缩数据的函数。 - zlib库支持.gz文件格式,并且在多数Linux发行版中都预装了zlib库。 - 在C++中使用zlib库,需要包含zlib.h头文件,同时链接z库文件。 2. Boost.IoStreams - Boost是一个提供大量可复用C++库的组织,其中的Boost.IoStreams库提供了对.gz文件的压缩和解压缩支持。 - Boost库的使用需要下载Boost源码包,配置好编译环境,并在编译时链接相应的Boost库。 3. C++ I/O操作 - 解压.gz文件需要使用C++的I/O流操作,比如使用ifstream读取.gz文件,使用ofstream输出解压后的文件。 - 对于流操作,我们常用的是std::ifstream和std::ofstream类。 4. 错误处理 - 解压缩过程中可能会遇到各种问题,如文件损坏、磁盘空间不足等,因此进行适当的错误处理是必不可少的。 - 正确地捕获异常,并提供清晰的错误信息,对于调试和用户反馈都非常重要。 5. 代码示例 - 从codeproject找到的C++解压lib很可能包含一个或多个源代码文件,这些文件会包含解压.gz文件所需的函数或类。 - 示例代码可能会展示如何初始化库、如何打开.gz文件、如何读取并处理压缩数据,以及如何释放资源等。 6. 库文件的链接 - 编译使用解压库的程序时,需要指定链接到的库文件,这在不同的编译器和操作系统中可能略有不同。 - 通常,在编译命令中加入-l参数,比如使用g++的话可能是`g++ -o DecompressLibrary DecompressLibrary.cpp -lz`,其中`-lz`表示链接zlib库。 7. 平台兼容性 - 在不同平台上使用解压库可能需要考虑平台兼容性问题。 - Windows系统可能需要额外的配置和库文件,因为zlib或其他库可能不是默认预装的。 根据以上知识点,我们可以得出,在C++中解压.gz文件主要涉及到对zlib或类似库的使用,以及熟悉C++的I/O操作。正确使用这些库,能够有效地对压缩文件进行解压,并处理可能出现的错误情况。如果从codeproject获取到的C++解压lib确实是针对.gz文件格式的,那么它很可能已经封装好了大部分的操作细节,让开发者能够以更简单的方式实现解压功能。
recommend-type

【数据融合技术】:甘肃土壤类型空间分析中的专业性应用

# 摘要 数据融合技术作为一种集成多源数据信息的方法,在土壤类型空间分析中发挥着关键作用。本文介绍了数据融合技术的基本概念及其理论基础,阐述了数据预处理、同步整合及冲突解决等关键技术,并详细描述了甘肃土壤类型数据准备的流程,包括数据采集、质量评估、空间化处理及融合实践准备。通过具体案例分析,展示了数据融合在土壤类型空间分布分析、土壤质量评估及土壤保护规划中的应用。同时,文
recommend-type

VM ware如何查看软件版本信息

<think>首先,用户的问题是:“我想查找VMware软件版本信息的查看方法请问如何在VMware中查看软件版本信息”。用户参考了之前的引用,但那些引用主要是关于查看VMware版本的一般方法,现在用户具体想知道在VMware软件中如何查看版本信息。回顾之前的对话:-用户第一次问的是VSCode的版本查看方法。-现在用户问的是VMware的版本查看方法。-系统级指令要求使用中文回答,正确格式化数学表达式(如果需要),但这里可能不需要数学表达式。-指令还要求生成相关问题,并在回答中引用段落时添加引用标识。用户提供的引用[1]到[5]是关于VMware版本的查看方法、下载等,但用户特别强调“参考
recommend-type

数据库课程设计报告:常用数据库综述

数据库是现代信息管理的基础,其技术广泛应用于各个领域。在高等教育中,数据库课程设计是一个重要环节,它不仅是学习理论知识的实践,也是培养学生综合运用数据库技术解决问题能力的平台。本知识点将围绕“经典数据库课程设计报告”展开,详细阐述数据库的基本概念、课程设计的目的和内容,以及在设计报告中常用的数据库技术。 ### 1. 数据库基本概念 #### 1.1 数据库定义 数据库(Database)是存储在计算机存储设备中的数据集合,这些数据集合是经过组织的、可共享的,并且可以被多个应用程序或用户共享访问。数据库管理系统(DBMS)提供了数据的定义、创建、维护和控制功能。 #### 1.2 数据库类型 数据库按照数据模型可以分为关系型数据库(如MySQL、Oracle)、层次型数据库、网状型数据库、面向对象型数据库等。其中,关系型数据库因其简单性和强大的操作能力而广泛使用。 #### 1.3 数据库特性 数据库具备安全性、完整性、一致性和可靠性等重要特性。安全性指的是防止数据被未授权访问和破坏。完整性指的是数据和数据库的结构必须符合既定规则。一致性保证了事务的执行使数据库从一个一致性状态转换到另一个一致性状态。可靠性则保证了系统发生故障时数据不会丢失。 ### 2. 课程设计目的 #### 2.1 理论与实践结合 数据库课程设计旨在将学生在课堂上学习的数据库理论知识与实际操作相结合,通过完成具体的数据库设计任务,加深对数据库知识的理解。 #### 2.2 培养实践能力 通过课程设计,学生能够提升分析问题、设计解决方案以及使用数据库技术实现这些方案的能力。这包括需求分析、概念设计、逻辑设计、物理设计、数据库实现、测试和维护等整个数据库开发周期。 ### 3. 课程设计内容 #### 3.1 需求分析 在设计报告的开始,需要对项目的目标和需求进行深入分析。这涉及到确定数据存储需求、数据处理需求、数据安全和隐私保护要求等。 #### 3.2 概念设计 概念设计阶段要制定出数据库的E-R模型(实体-关系模型),明确实体之间的关系。E-R模型的目的是确定数据库结构并形成数据库的全局视图。 #### 3.3 逻辑设计 基于概念设计,逻辑设计阶段将E-R模型转换成特定数据库系统的逻辑结构,通常是关系型数据库的表结构。在此阶段,设计者需要确定各个表的属性、数据类型、主键、外键以及索引等。 #### 3.4 物理设计 在物理设计阶段,针对特定的数据库系统,设计者需确定数据的存储方式、索引的具体实现方法、存储过程、触发器等数据库对象的创建。 #### 3.5 数据库实现 根据物理设计,实际创建数据库、表、视图、索引、触发器和存储过程等。同时,还需要编写用于数据录入、查询、更新和删除的SQL语句。 #### 3.6 测试与维护 设计完成之后,需要对数据库进行测试,确保其满足需求分析阶段确定的各项要求。测试过程包括单元测试、集成测试和系统测试。测试无误后,数据库还需要进行持续的维护和优化。 ### 4. 常用数据库技术 #### 4.1 SQL语言 SQL(结构化查询语言)是数据库管理的国际标准语言。它包括数据查询、数据操作、数据定义和数据控制四大功能。SQL语言是数据库课程设计中必备的技能。 #### 4.2 数据库设计工具 常用的数据库设计工具包括ER/Studio、Microsoft Visio、MySQL Workbench等。这些工具可以帮助设计者可视化地设计数据库结构,提高设计效率和准确性。 #### 4.3 数据库管理系统 数据库管理系统(DBMS)是用于创建和管理数据库的软件。关系型数据库管理系统如MySQL、PostgreSQL、Oracle、SQL Server等是数据库课程设计中的核心工具。 #### 4.4 数据库安全 数据库安全涉及用户认证、授权、数据加密、审计日志记录等方面,以确保数据的完整性和保密性。设计报告中应考虑如何通过DBMS内置的机制或额外的安全措施来保护数据。 ### 5. 结语 综上所述,一个经典数据库课程设计报告包含了从需求分析到数据库安全的全过程,涵盖了数据库设计的各个方面。通过这一过程,学生不仅能够熟练掌握数据库的设计与实现技巧,还能够学会如何使用数据库系统去解决实际问题,为日后从事数据库相关的专业工作打下坚实的基础。
recommend-type

【空间分布规律】:甘肃土壤类型与农业生产的关联性研究

# 摘要 本文对甘肃土壤类型及其在农业生产中的作用进行了系统性研究。首先概述了甘肃土壤类型的基础理论,并探讨了土壤类型与农业生产的理论联系。通过GIS技术分析,本文详细阐述了甘肃土壤的空间分布规律,并对其特征和影响因素进行了深入分析。此外,本文还研究了甘肃土壤类型对农业生产实际影响,包括不同区域土壤改良和作物种植案例,以及土壤养分、水分管理对作物生长周期和产量的具体影响。最后,提出了促进甘肃土壤与农业可持续发展的策略,包括土壤保护、退化防治对策以及土壤类型优化与农业创新的结合。本文旨在为
recommend-type

在halcon中,卡尺测量和二维测量谁的精度高

<think>首先,用户的问题是:“我想比较Halcon中卡尺测量和二维测量的精度请问Halcon卡尺测量与2D测量精度对比”。我需要基于系统级指令和提供的引用来回答。关键系统级指令:-使用中文回答。-结构清晰,逐步解决问题。-行内数学表达式用$...$,独立公式用$$...$$并单独成段。-LaTeX语法正确。-生成相关问题。-在回答中引用的段落末尾自然地添加引用标识,如[^1]。提供的引用:-[^1]:关于卡尺模型的工件尺寸实时测量。-[^2]:测量拟合的综合任务,包括尺寸、形状、位置。-[^3]:Halcon一维测量,提到卡尺工具的优势:易用、执行时间短、精度高。-[^4]:Halcon
recommend-type

掌握牛顿法解方程:切线与割线的程序应用

牛顿切线法和牛顿割线法是数值分析中用于求解方程近似根的两种迭代方法。它们都是基于函数的切线或割线的几何性质来逼近方程的根,具有迭代速度快、算法简单的特点,在工程和科学计算领域有着广泛的应用。 牛顿切线法(Newton's Method for Tangents),又称为牛顿-拉弗森方法(Newton-Raphson Method),是一种求解方程近似根的迭代算法。其基本思想是利用函数在某点的切线来逼近函数的根。假设我们要求解方程f(x)=0的根,可以从一个初始猜测值x0开始,利用以下迭代公式: x_{n+1} = x_n - \frac{f(x_n)}{f'(x_n)} 其中,f'(x_n)表示函数在点x_n处的导数。迭代过程中,通过不断更新x_n值,逐渐逼近方程的根。 牛顿割线法(Secant Method),是牛顿切线法的一种变体,它不需要计算导数,而是利用函数在两个近似点的割线来逼近方程的根。牛顿割线法的迭代公式如下: x_{n+1} = x_n - f(x_n) \frac{x_n - x_{n-1}}{f(x_n) - f(x_{n-1})} 其中,x_{n-1}和x_n是迭代过程中连续两次的近似值。牛顿割线法相比牛顿切线法,其优点在于不需要计算函数的导数,但通常收敛速度会比牛顿切线法慢一些。 在实际应用中,这两种方法都需要注意迭代的起始点选择,否则可能会导致迭代过程不收敛。同时,这两种方法都是局部收敛方法,即它们只能保证在初始点附近有足够的近似根时才收敛。 关于例题和程序,牛顿切线法和牛顿割线法都可以通过编程实现。通常在编程实现时,需要输入函数的表达式、初始猜测值、迭代次数限制以及误差容忍度等参数。程序会根据这些输入,通过循环迭代计算,直到满足误差容忍度或达到迭代次数限制为止。 在编程实现过程中,需要注意以下几点: 1. 初始猜测值的选择对迭代的收敛性有较大影响,需要根据具体问题来合理选择。 2. 当迭代过程中遇到函数值或导数值过大、过小,或者分母趋近于零时,需要进行适当的数值处理,以避免数值不稳定或除以零的错误。 3. 对于不同的方程和函数,可能需要选择不同的迭代终止条件,如设定一个误差值或迭代次数上限。 牛顿法(包含牛顿切线法和牛顿割线法)是一类非常强大的数值解法,尤其适用于求解非线性方程,其基本原理和程序实现的知识点在理工科的许多领域都有着广泛的应用,是数值分析领域的一个基石。 请注意,本知识点仅涵盖标题和描述中提到的内容,压缩包子文件列表中的信息并未提供,因此无法提供相关内容的知识点。
recommend-type

【制图技术】:甘肃高质量土壤分布TIF图件的成图策略

# 摘要 本文针对甘肃土壤分布数据的TIF图件制作进行了系统研究。首先概述了甘肃土壤的分布情况,接着介绍了TIF图件的基础知识,包括其格式特点、空间数据表达以及质量控制方法。随后,文中构建了成图策略的理论框架,分析了土壤分布图的信息需求与数据处理流程,并探讨了成图原则与标准。在实践操作部分,详细阐述了制图软