/* 打印布局 */ /* 全局样式 */ #styled-table1 { table-layout: fixed; width: 100%; } .td-style1 { word-wrap: break-word; white-space: normal; overflow-wrap: break-word; max-width: 100px; /* 根据实际需求调整 */ } /* 打印优化 */ @media print { #styled-table1, #styled-table1 td { table-layout: fixed !important; width: auto !important; word-break: break-word !important; } } #styled-table, #styled-table1, #styled-table2, #styled-table3, #styled-table4, #styled-table5, #styled-table tr, #styled-table td, #styled-table1 tr, #styled-table1 td, #styled-table2 tr, #styled-table2 td, #styled-table3 tr, #styled-table3 td, #styled-table4 tr, #styled-table4 td, #styled-table5 tr, #styled-table5 td { /* width: 100%; */ vertical-align: middle; border: 1px solid #000; background-color: rgb(255, 255, 255); } #styled-table, #styled-table1, #styled-table2, #styled-table3, #styled-table4, #styled-table5 { width: 100%; border-collapse: collapse; /* background-color: rgb(255, 255, 255); */ /* width: 1000px; */ } /* 标题卡 */ .center-text { text-align: center; font-size: 17px; font-weight: bold; /* 等同于 标签的效果 */ } /* 框框的间隔 */ #styled-table1, #styled-table2, #styled-table3, #styled-table4, #styled-table5 { margin-top: 3px; } /* 竖向标题宽度 */ #arrange { text-align: center; width: 20px; } /* 横向标题高度 */ #horizontal, #describe { text-align: center; height: 20px; } /* 表头 */ #code { width: 14%; text-align: center; } #code1 { width: 16%; text-align: center; } #time1 { width: 40px; } /* input 框 */ #DocumentencodingText, #Experiencecategory, #CreatepersonnelText, #CreationtimeTrxt, #ProductText, #EventoccurrenceText, #ProblemText, #OccurText, #FindText, #Find2Text, #Find1Text, #SeriousText, #Act, #Act1, #Act2, #MeasureText, #Measure1Text, #ContentimprovementText, #Contentimprovement1Text, #AreaText, #Plan0Text, #Area1Text, #Plan1Text, #Area2Text, #Plan2Text, #Area3Text, #Plan3Text, #Analysis, #Countermeasure { /* 去掉边框 */ border: none; outline: none; /* 去掉点击时的默认轮廓线（可选） */ margin: 0px; padding: 0px; /* pointer-events: none; 禁止鼠标事件 */ width: 100%; height: 100%; } /* 问题描述 */ #information { width: 120px; text-align: center; } /* 根本原因 */ #Reason { text-align: center; height: 20px; width: 440px; } /* #Reason1{ text-align: center; height: 20px; width: 260px; } */ #hReason, #HMeasure { height: 130px; vertical-align: top; white-space: normal; } #HContentimprovement { width: 170px; height: 100px; vertical-align: top; white-space: normal; } /* 举一反三 */ #horizonta { text-align: center; height: 20px; width: 210px; } #arrange1 { width: 45px; height: auto; vertical-align: top; white-space: normal; } /* 搜索 */ #DocumentencodingTEXT, #ExperiencecategoryTEXT, #Product1TEXT, #EventoccurrenceTEXT, #CreatepersonnelTEXT { margin: 0; padding: 0; width: 100%; text-align: center; border: 1px solid rgb(117, 146, 196); } #CreationtimeStart { float: left; margin: 0; padding: 0; width: 48%; text-align: center; border: 1px solid rgb(117, 146, 196); } #CreationtimeEnd { float: right; margin: 0; padding: 0; width: 48%; text-align: center; border: 1px solid rgb(117, 146, 196); } /* 成果标准化 */ .DF { width: 16.5%; text-align: center; } #DFMEA, #Experience, #Guidance, #PFMEA, #Process, #FORM, #Complete, #Executor, #Reviewer, #Accounting, #Other { margin: 0px; width: 100%; height: 100%; box-sizing: border-box; } #pastContener, #pastContener1, /* #pastContener2, */ #Financepicture { height: 200; overflow: hidden; position: relative; } #loadingText, #loadingText1, #loadingText2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ccc; font-size: 16px; } /* 文件上传按钮样式 */ .custom-file-button1 { background-color: #8fca98; /* 按钮背景色 */ color: white; /* 按钮文字颜色 */ border: none; cursor: pointer; /* 鼠标悬停时显示手型 */ font-size: 16px; /* 按钮字体大小 */ border-radius: 5px; /* 按钮圆角 */ } .custom-file-button1:hover { background-color: #76a3c9; /* 悬停效果 */ } #fileInput2 { display: none; } .Actpicture-button { background-color: #8fca98; /* 按钮背景色 */ color: white; /* 按钮文字颜色 */ border: none; cursor: pointer; /* 鼠标悬停时显示手型 */ font-size: 16px; /* 按钮字体大小 */ border-radius: 5px; /* 按钮圆角 */ } /* 经验教训卡 */ .td-w { width: 10%; text-align: center; } .td-y { width: 10%; } .td-z { width: 20%; } /* input样式 */ #code, #ProjectCode, #DD, #ECR, #entertime, #project, #element, #Partnumber, #defect, #DefectName, #locationtime, #reviewer, #summarize, #location, #qualified, #levell, #personresponsible, #department, #department1, #department2, #department3, #department4, #department5, #department6, #department7, #completetime, #completetime1, #completetime2 { margin: 0px; padding: 1px; width: 100%; /* height: 100%; */ box-sizing: border-box; } /* select 样式 */ #responsibility, #product, #stage, #experience, #involve, #proceduree, #serious, #Defectcategory, #source, #responsibility1, #responsibility2, #responsibility3, #responsibility4, #responsibility5, #responsibility6, #responsibility7, #responsibility8, #filename, #filename1, #filename2, #filename3, #filename4, #filename5, #filename6, #filename7 { margin: 0px; width: 100%; height: 100%; text-align: center; box-sizing: border-box; } .td-a { width: 40%; text-align: center; } .td-e { width: 30%; text-align: center; } .td-b { width: 30%; text-align: center; } .td-c { width: 50%; text-align: center; } .problem-textarea { /* 去掉边框 */ border: none; outline: none; /* 去掉点击时的默认轮廓线（可选） */ margin: 0px; padding: 0px; /* pointer-events: none; 禁止鼠标事件 */ width: 100%; height: 100%; } .td-d { width: 10%; text-align: center; } .td-f { width: 40%; /* text-align: center; */ } .td-j { width: 20%; /* text-align: center; */ } .td-h { width: 40%; text-align: center; } .td-i { width: 20%; text-align: center; } .td-g { width: 30%; text-align: center; } .td-k { width: 10%; } .td-m { width: 40%; height: 200px; } .td-n { width: 50%; } /* input边框隐藏 */ #code, #ProjectCode, #DD, #ECR, #entertime, #responsibility, #summarize, #reviewer, #project, #element, #product, #stage, #experience, #Partnumber, #involve, #proceduree, #serious, #Defectcategory, #source, #defect, #DefectName, #locationtime, #reason, #measure, #location, #qualified, #problem, #improve, #improve1, #entry, #Summary, #filename, #responsibility1, #filename1, #responsibility2, #filename2, #responsibility3, #filename3, #responsibility4, #filename4, #responsibility5, #filename5, #responsibility6, #filename6, #responsibility7, #filename7, #responsibility8, #levell, #personresponsible, #completetime, #department, #department1, #department2, #department3, #department4, #department5, #department6, #department7, #department8, #department9, #completetime2, #Inputperson { border: none; /* 移除边框 */ outline: none; /* 移除聚焦时的默认轮廓 */ background: transparent; /* 背景透明 */ box-shadow: none; /* 移除阴影 */ }