/* 领料单专用样式 - 印章效果 */ .seal-container { position: relative; display: inline-block; padding: 15px; } .seal-text { position: relative; display: inline-block; padding: 0px 31px; border: 3px solid #e60000; border-radius: 8px; font-family: "STKaiti", "KaiTi", "SimSun", serif; font-size: 24px; font-weight: bold; color: #e60000; background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,240,240,0.95) 100%); text-shadow: 2px 2px 3px rgba(0,0,0,0.2); letter-spacing: 4px; transform: rotate(-8deg); box-shadow: 0 6px 20px rgba(230, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.8); animation: seal-pulse 3s infinite ease-in-out; text-align: center; line-height: 1.3; min-width: 160px; text-align: center; } .seal-text.confirmed { border-color: #2f952d; color: #2f952d; background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(240,255,240,0.95) 100%); box-shadow: 0 6px 20px rgba(47, 149, 45, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.8); } /* 印章装饰元素 */ .seal-text:before, .seal-text:after { content: ''; position: absolute; z-index: -1; } .seal-text:before { top: -12px; left: -12px; right: -12px; bottom: -12px; border: 3px dashed rgba(230, 0, 0, 0.4); border-radius: 12px; background: radial-gradient(circle at center, rgba(255,255,255,0.9) 40%, rgba(255,240,240,0.6) 100%); } .seal-text.confirmed:before { border-color: rgba(47, 149, 45, 0.4); background: radial-gradient(circle at center, rgba(255,255,255,0.9) 40%, rgba(240,255,240,0.6) 100%); } .seal-text:after { content: '★'; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; text-align: center; font-size: 28px; color: #e60000; background: white; border-radius: 50%; border: 3px solid #e60000; transform: rotate(15deg); box-shadow: 0 4px 8px rgba(0,0,0,0.2); } .seal-text.confirmed:after { color: #2f952d; border-color: #2f952d; } /* 印章脉动动画 */ @keyframes seal-pulse { 0%, 100% { transform: rotate(-8deg) scale(1); box-shadow: 0 6px 20px rgba(230, 0, 0, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.8); } 50% { transform: rotate(-8deg) scale(1.05); box-shadow: 0 10px 30px rgba(230, 0, 0, 0.4), inset 0 0 25px rgba(255, 255, 255, 0.9); } } /* 领料单表格样式优化 */ #auDiv table { border-collapse: collapse; width: 98%; margin: 0 auto; font-family: "SimSun", "宋体", serif; font-size: 14px; background: #ffffff; border: 2px solid #333; } #auDiv table td { border: 1px solid #666; padding: 10px 8px; text-align: center; vertical-align: middle; } #auDiv table tr:first-child td { border-top: 3px solid #333; } /* 标题样式 */ #auDiv table tr:nth-child(1) td { font-size: 28px; font-weight: bold; color: #333; padding: 25px 0; border-bottom: 3px double #333; background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%); font-family: "Microsoft YaHei", "SimHei", sans-serif; letter-spacing: 2px; } #auDiv table tr:nth-child(2) td { font-size: 26px; font-weight: bold; color: #333; padding: 0px 0; letter-spacing: 8px; position: relative; background: #f5f7fa; } #auDiv table tr:nth-child(2) td:before { position: absolute; left: 20px; color: #666; } #auDiv table tr:nth-child(2) td:after { position: absolute; right: 20px; color: #666; } /* 基本信息行样式 */ #auDiv table tr:nth-child(3) td { background: #e8f4ff; font-weight: bold; padding: 15px 10px; border: 2px solid #b8d4ff; } #auDiv table tr:nth-child(4) td, #auDiv table tr:nth-child(5) td { padding: 12px 10px; text-align: left; font-weight: bold; background: #f8fbff; } /* 表头行样式 */ #auDiv table tr:nth-child(6) td { background: linear-gradient(to bottom, #4a6fa5 0%, #3a5a8c 100%); color: white; font-weight: bold; font-size: 16px; padding: 14px 8px; border: 2px solid #333; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } /* 数据行样式 */ #auDiv table tr:nth-child(n+7):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)):not(:nth-last-child(4)):not(:nth-last-child(5)) td { transition: background-color 0.3s; } #auDiv table tr:nth-child(n+7):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)):not(:nth-last-child(4)):not(:nth-last-child(5)):hover td { background-color: #f0f9ff; } /* 备注行样式 */ /*#auDiv table tr:nth-last-child(5) td {*/ /* font-weight: bold;*/ /* padding: 15px;*/ /* font-size: 15px;*/ /* text-align: left;*/ /*}*/ /* 签字行样式 */ /*#auDiv table tr:nth-last-child(4) td,*/ /*#auDiv table tr:nth-last-child(3) td {*/ /* padding: 25px 15px;*/ /* font-size: 16px;*/ /* font-weight: bold;*/ /* color: #333;*/ /* background: #f5f5f5;*/ /* border-bottom: 2px dashed #ccc;*/ /* position: relative;*/ /*}*/ #auDiv table tr:nth-last-child(4) td:after, #auDiv table tr:nth-last-child(3) td:after { content: ''; position: absolute; bottom: 10px; left: 100px; right: 100px; height: 1px; background: #333; } /* 按钮区域样式 */ #auDiv > button { margin: 25px 10px; padding: 12px 35px; border: none; border-radius: 6px; cursor: pointer; font-size: 16px; font-weight: bold; font-family: "Microsoft YaHei", sans-serif; transition: all 0.3s ease; box-shadow: 0 4px 8px rgba(0,0,0,0.2); display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 120px; } #auDiv > button:first-of-type { background: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%); color: white; margin-left: 50px; } #auDiv > button:first-of-type:hover { background: linear-gradient(135deg, #388E3C 0%, #2E7D32 100%); transform: translateY(-2px); box-shadow: 0 6px 15px rgba(56, 142, 60, 0.4); } #auDiv > button:last-of-type { background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%); color: white; } #auDiv > button:last-of-type:hover { background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%); transform: translateY(-2px); box-shadow: 0 6px 15px rgba(33, 150, 243, 0.4); } /* 确认发货按钮样式 */ .btn-confirm { background: linear-gradient(135deg, #ff5722 0%, #e64a19 100%); color: white; border: none; padding: 10px 25px; border-radius: 6px; cursor: pointer; font-size: 15px; font-weight: bold; font-family: "Microsoft YaHei", sans-serif; margin-top: 15px; transition: all 0.3s ease; box-shadow: 0 4px 8px rgba(255, 87, 34, 0.3); } .btn-confirm:hover { background: linear-gradient(135deg, #e64a19 0%, #d84315 100%); transform: translateY(-2px); box-shadow: 0 6px 15px rgba(255, 87, 34, 0.4); } .btn-confirm:active { transform: translateY(0); box-shadow: 0 2px 5px rgba(255, 87, 34, 0.3); } /* 表单输入框样式优化 */ #auDiv input[type="text"] { border: 1px solid #4a6fa5; border-radius: 4px; padding: 8px 12px; font-size: 14px; font-family: "SimSun", serif; background: #fff; transition: all 0.3s; width: 200px; box-sizing: border-box; } #auDiv input[type="text"]:focus { outline: none; border-color: #4CAF50; box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2); background: #f8fff8; } #auDiv input[type="text"].remarkMachine { width: 100px; text-align: center; border: 1px solid #666; background: #f9f9f9; } /* 打印优化 */ @media print { #auDiv .seal-text { border: 3px solid #e60000 !important; color: #e60000 !important; box-shadow: none !important; animation: none !important; background: white !important; transform: rotate(-8deg) !important; } #auDiv .seal-text.confirmed { border-color: #2f952d !important; color: #2f952d !important; } #auDiv > button { display: none !important; } #auDiv table { page-break-inside: avoid; } body { font-family: "SimSun", "宋体", serif !important; margin: 0 !important; padding: 0 !important; background: white !important; } } /* 多页打印表格样式 */ #morePage table { border-collapse: collapse; width: 98%; margin: 0 auto 20px; font-family: "SimSun", "宋体", serif; font-size: 14px; background: #ffffff; border: 2px solid #333; page-break-inside: avoid; } #morePage table td { border: 1px solid #666; padding: 10px 8px; text-align: center; vertical-align: middle; } #morePage table tr:first-child td { border-top: 3px solid #333; } #morePage table tr:nth-child(1) td { font-size: 28px; font-weight: bold; color: #333; padding: 25px 0; border-bottom: 3px double #333; background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%); font-family: "Microsoft YaHei", "SimHei", sans-serif; letter-spacing: 2px; } #morePage table tr:nth-child(2) td { font-size: 26px; font-weight: bold; color: #333; padding: 20px 0; letter-spacing: 8px; background: #f5f7fa; } #morePage table tr:nth-child(6) td { background: linear-gradient(to bottom, #4a6fa5 0%, #3a5a8c 100%); color: white; font-weight: bold; font-size: 16px; padding: 14px 8px; border: 2px solid #333; } /* 印章在打印页面的样式 */ #morePage .seal-text { display: inline-block; padding: 10px 20px; border: 2px solid #e60000; border-radius: 6px; font-family: "STKaiti", "KaiTi", "SimSun", serif; font-size: 18px; font-weight: bold; color: #e60000; background: white; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); letter-spacing: 2px; transform: rotate(-8deg); margin: 10px; } #morePage .seal-text.confirmed { border-color: #2f952d; color: #2f952d; }