From 46adcbf7494340a495539708210bb39110bdc33b Mon Sep 17 00:00:00 2001
From: czt <czt18638530771@163.com>
Date: 星期六, 29 十一月 2025 17:35:03 +0800
Subject: [PATCH] 快速登记、化验及称重作业页面提交1
---
fzzy-igdss-web/src/main/resources/static/inout/inout-style.css | 956 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 956 insertions(+), 0 deletions(-)
diff --git a/fzzy-igdss-web/src/main/resources/static/inout/inout-style.css b/fzzy-igdss-web/src/main/resources/static/inout/inout-style.css
new file mode 100644
index 0000000..10cfaf4
--- /dev/null
+++ b/fzzy-igdss-web/src/main/resources/static/inout/inout-style.css
@@ -0,0 +1,956 @@
+@charset "utf-8";
+
+/*-----------------
+ Author:xq
+ update:2020
+ -------------------*/
+@font-face {
+ font-family: DINCond-Bold;
+ src: url('../fonts/DINCond-Bold.otf');
+}
+
+@font-face {
+ font-family: DigitalNumbers;
+ src: url(../fonts/DigitalNumbers.ttf);
+}
+
+body {
+ font-family: "寰蒋闆呴粦", Arial, sans-serif;
+ font-size: 14px;
+ background: #f3f5f8;
+}
+
+i, em {
+ font-style: normal;
+}
+
+
+.radius-3,
+.layui-btn,
+.layui-input {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border-color: #bfbfbf !important;
+}
+
+.radius-6,
+.rk-step li:before {
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ -ms-border-radius: 6px;
+ -o-border-radius: 6px;
+ border-radius: 6px;
+}
+
+.rkbk-tit > i,
+.rkbk-tit > i:before,
+.rk-step-span,
+.ckdj-radiobox .layui-form-radio:after {
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ border-radius: 50%;
+}
+
+
+.box-shadow {
+ -webkit-box-shadow: 0px 0px 9px 3px rgba(230, 230, 230, 0.6);
+ -moz-box-shadow: 0px 0px 9px 3px rgba(230, 230, 230, 0.6);
+ box-shadow: 0px 0px 9px 3px rgba(230, 230, 230, 0.6);
+}
+
+.fl {
+ float: left;
+}
+
+.fr {
+ float: right;
+}
+
+input::-webkit-input-placeholder {
+ color: #b3babf
+}
+
+input::-moz-placeholder {
+ /* Mozilla Firefox 19+ */
+ color: #b3babf;
+}
+
+input:-moz-placeholder {
+ /* Mozilla Firefox 4 to 18 */
+ color: #b3babf;
+}
+
+input:-ms-input-placeholder {
+ /* Internet Explorer 10-11 */
+ color: #b3babf;
+}
+
+/*rk-bk*/
+
+
+.l-container {
+ width: 100%;
+ /*max-width: 1680px;*/
+ min-width: 1340px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.rk-main {
+ margin: 0 20px;
+ position: relative;
+}
+
+.rkbk-quick {
+ height: 34px;
+ width: 100%;
+ margin: 30px 0;
+}
+
+.rkbk-quick-btn {
+ height: 34px;
+ /*width: 150px;*/
+ min-width: 100px;
+ display: inline-block;
+ line-height: 34px;
+ font-size: 16px;
+}
+
+.layui-btn {
+ background-color: #2ab5ad;
+}
+
+.layui-btn i {
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ position: relative;
+ top: -2px;
+}
+
+.layui-btn i img {
+ width: 100%;
+ height: 100%;
+}
+
+.rkbk-searchBox {
+ padding: 20px 40px;
+ background: #fff;
+}
+
+.rkbk-search-item {
+ height: 34px;
+ width: 28%;
+ margin-right: 8%;
+ position: relative;
+}
+
+.rkbk-search-item.mr-0 {
+ margin-right: 0;
+}
+
+.rkbk-search-tit,
+.rkbk-search-btn {
+ width: 80px;
+ height: 34px;
+ line-height: 34px;
+ font-size: 16px;
+ position: absolute;
+ top: 0;
+ z-index: 3;
+}
+
+.rkbk-search-tit {
+ left: 0;
+ color: #324251;
+ text-align: right;
+}
+
+.rkbk-search-btn {
+ right: 0;
+}
+
+.rkbk-search-inputbox {
+ margin: 0 90px;
+}
+
+.rkbk-search-input {
+ /* height: 34px; */
+ line-height: 34px;
+ padding-right: 10px;
+ font-size: 16px;
+ /*color: #666;*/
+ color: #000;
+ background: #eff4f6;
+ border-color: #eff4f6;
+}
+
+.layui-btn-normal {
+ background: #53adce;
+}
+
+.rkbk-con {
+ width: 100%;
+ overflow: hidden;
+ margin-top: 15px;
+}
+
+.rkbk-left-wrap {
+ width: 52%;
+}
+
+.rkbk-right-wrap {
+ width: 46%;
+}
+
+.rkbk-left-wrap,
+.rkbk-right-wrap {
+ /*background: #dee6ec;*/
+ background: #dee6ec;
+ min-height: 560px;
+}
+
+.rkbk-left {
+ padding: 0 40px 0 20px;
+}
+
+.rkbk-tit {
+ height: 30px;
+ line-height: 30px;
+ position: relative;
+ overflow: hidden;
+ margin-top: 10px;
+}
+
+.rkbk-tit h3 {
+ color: #324251;
+ font-size: 18px;
+ font-weight: bold;
+}
+
+.rkbk-tit > i {
+ width: 14px;
+ height: 14px;
+ display: inline-block;
+ background: #53adce;
+ position: relative;
+ float: left;
+ margin: 8px 10px 0 0;
+}
+
+.rkbk-tit > i:before {
+ display: block;
+ content: '';
+ width: 6px;
+ height: 6px;
+ background: #fff;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin-left: -3px;
+ margin-top: -3px;
+ z-index: 3;
+}
+
+
+.rkbk-form-box1 {
+ height: 304px;
+ position: relative;
+ padding-right: 315px;
+}
+
+.rkbk-photo {
+ position: absolute;
+ width: 270px;
+ height: 304px;
+ z-index: 9;
+ right: 0;
+ top: 0;
+}
+
+.rkbk-photo img {
+ width: 100%;
+ height: 100%;
+}
+
+.rkbk-left-form .layui-form-label,
+.qyzj-con-top .layui-form-label {
+ color: #324251;
+ font-size: 16px;
+ padding: 7px 15px;
+}
+
+
+.rkbk-search-input.bg-date {
+ background: #eff4f6 url(../img/web/inout/icon-date.png) 98% center no-repeat;
+}
+
+
+.rkbk-left-form .layui-form-item {
+ margin-bottom: 20px;
+}
+
+.rkbk-selBox .layui-form-select .layui-input {
+ height: 34px;
+ font-size: 16px;
+ line-height: 34px;
+ /*background: #eff4f6;*/
+ background: #FFFFFF;
+ border-color: #eff4f6;
+}
+
+.rkbk-selBox .layui-form-select dl {
+ top: 36px;
+}
+
+.rkbk-left-form .layui-input-block {
+ min-height: 34px;
+}
+
+.rkbk-form-box2,
+.rkbk-left-form {
+ margin-top: 20px;
+ width: 100%;
+}
+
+.rkbk-right-form .layui-input-block {
+ margin-right: 150px;
+}
+
+.rkbk-r-btn {
+ width: 130px;
+ height: 34px;
+ line-height: 34px;
+ font-size: 16px;
+}
+
+.rk-step-wrap {
+ padding: 8px 0 8px;
+ border-bottom: 1px solid #d1d7de;
+ text-align: center;
+}
+
+.rk-step {
+ height: 60px;
+ margin: 0 auto;
+ text-align: center;
+ overflow: hidden;
+}
+
+.rk-step li {
+ width: 60px;
+ height: 40px;
+ display: inline-block;
+ margin: 0 25px;
+ position: relative;
+}
+
+.rk-step-span {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ background: #c9d0d7;
+}
+
+.rk-step-span img {
+ width: 30px;
+ height: 30px;
+}
+
+.rk-step li p {
+ line-height: 16px;
+ font-size: 14px;
+ color: #000;
+ height: 16px;
+ overflow: hidden;
+ margin: 5px 0 0;
+ font-weight: bold;
+}
+
+.rk-step li:before {
+ display: block;
+ content: '';
+ width: 60px;
+ height: 6px;
+ background: #dee2e7;
+ position: absolute;
+ left: -57px;
+ z-index: 3;
+ top: 20px;
+}
+
+.rk-step li.rk-step-first:before {
+ display: none;
+}
+
+.rk-step li.active .rk-step-span {
+ background: #53adce;
+}
+
+.rk-step li.active:before {
+ background: #a3d1e3;
+}
+
+.btn-green {
+ background-color: #8bc16a;
+}
+
+.btn-violet {
+ background-color: #7494d1;
+}
+
+.btn-red {
+ background-color: #e37878;
+}
+
+.btn-blue {
+ background-color: #53adce;
+}
+
+.layui-btn-primary {
+ font-size: 16px;
+ color: #324251;
+ background: none;
+ border-color: #9fabb6;
+}
+
+.layui-btn.btn-sm {
+ width: 130px;
+}
+
+
+/*rk-ckdj*/
+.layui-text-center {
+ text-align: center;
+}
+
+.ckdj-radiobox .layui-form-item {
+ margin-bottom: 0;
+ margin-top: 20px;
+}
+
+.ckdj-radiobox .layui-form-label {
+ /*padding-left: 0;*/
+ /*padding-right: 0;*/
+ /*!*width: 100px;*!*/
+ /*text-align: left;*/
+}
+
+.ckdj-radiobox .layui-form-label,
+.ckdj-radiobox .layui-form-radio > div {
+ color: #324251;
+ font-size: 16px;
+}
+
+.ckdj-radiobox .layui-form-radio {
+ position: relative;
+}
+
+.ckdj-radiobox .layui-form-radio > i {
+ position: relative;
+ z-index: 9;
+}
+
+.ckdj-radiobox .layui-form-radio:after {
+ background: #fff;
+ width: 20px;
+ height: 20px;
+ overflow: hidden;
+ display: block;
+ content: '';
+ position: absolute;
+ left: 1px;
+ top: 4px;
+ z-index: 1;
+}
+
+.ckdj-radiobox .layui-form-radio > i:hover,
+.ckdj-radiobox .layui-form-radioed > i {
+ color: #5bb1d0;
+}
+
+.jiange-bowen img {
+ width: 100%;
+}
+
+.mb-20 {
+ margin-bottom: 20px;
+}
+
+.pl-20 {
+ padding-left: 20px;
+}
+
+.mr-30 {
+ margin-right: 30px;
+}
+
+/*rk-qyzj*/
+
+.qyzj-btnbox {
+ margin-top: 20px;
+ width: 100%;
+}
+
+.btn-34 {
+ height: 34px;
+ line-height: 34px;
+}
+
+.qyzj-btnbox .layui-btn {
+ margin-bottom: 0;
+}
+
+.qyzj-btn-sm {
+ padding: 0 11px;
+}
+
+.qyzj-btnbox .rkbk-quick {
+ margin: 0;
+ width: auto;
+}
+
+.qyzj-con {
+ padding: 20px;
+ background: #fff;
+ margin-top: 20px;
+}
+
+.qyzj-con-top .layui-input-block {
+ min-height: 34px;
+}
+
+.qyzj-top-btn {
+ /*width: 80px;*/
+ height: 34px;
+ line-height: 34px;
+ font-size: 16px;
+}
+
+.layui-text-right {
+ text-align: right;
+}
+
+.qyzj-tabBox {
+ margin-top: 15px;
+ overflow: hidden;
+ width: 100%;
+}
+
+.qyzj-tabBox td,
+.qyzj-tabBox th {
+ text-align: center;
+ color: #283a48;
+}
+
+.qyzj-tabBox .qyzj-table-tit {
+ border-bottom: 1px solid #53adce;
+ background: #eff4f6;
+}
+
+.qyzj-tabBox tbody tr:nth-child(2n) {
+ background: #f6f8f9;
+}
+
+.qyzj-page-wrap {
+ margin-top: 20px;
+ width: 100%;
+}
+
+.page-box1 {
+ color: #48536e;
+}
+
+.page-box1 a,
+.page-input {
+ display: inline-block;
+ width: 26px;
+ height: 26px;
+ text-align: center;
+ line-height: 26px;
+ border: 1px solid #bcc4cc;
+ font-size: 14px;
+ color: #9fabb6;
+ font-family: "arial";
+}
+
+.page-box1 a:hover,
+.page-box1 a.active {
+ border-color: #53adce;
+ color: #fff;
+ background: #53adce;
+}
+
+.page-box1 a:last-child,
+.page-box1 a:first-child {
+ font-family: "瀹嬩綋";
+ font-weight: bold;
+}
+
+.page-box2,
+.page-box3 {
+ margin-left: 30px;
+}
+
+.page-box2 select {
+ border: 1px solid #bcc4cc;
+ color: #9fabb6;
+ width: 94px;
+ font-size: 14px;
+ height: 28px;
+}
+
+.page-box3 {
+ line-height: 28px;
+ font-size: 14px;
+ color: #9fabb6;
+}
+
+.page-input {
+ font-family: "寰蒋闆呴粦";
+ margin: 0 10px;
+}
+
+
+/*rk-kccz*/
+
+.kccz-con {
+ width: 100%;
+ overflow: hidden;
+ margin: 20px 0;
+}
+
+.kccz-left {
+ width: 73%;
+}
+
+.kccz-right {
+ width: 26%;
+}
+
+.kccz-left,
+.kccz-right {
+ min-height: 560px;
+}
+
+.kccz-left-box1 {
+ /*background: #fff;*/
+ background:#dee6ec;
+ padding: 1px 20px 20px 20px;
+}
+
+.kccz-czxx-wrap {
+ padding-left: 24px;
+ /*margin-top: 20px;*/
+}
+
+.kccz-czxx-left .layui-form-item {
+ margin-bottom: 0;
+}
+
+.kccz-czxx-left .layui-form-label {
+ color: #324251;
+ font-size: 16px;
+ padding: 7px 0;
+ text-align: left;
+}
+
+.kccz-czxx-left .layui-input-block {
+ margin-left: 80px;
+ min-height: 34px;
+}
+
+
+.kccz-czxx-dl {
+ line-height: 24px;
+ overflow: hidden;
+}
+
+.kccz-czxx-dl dt,
+.kccz-czxx-dl dd {
+ float: left;
+ line-height: 24px;
+}
+
+.kccz-czxx-dl dt {
+ width: 80px;
+ height: 24px;
+ color: #000;
+ font-size: 18px;
+}
+
+.kccz-czxx-dl dt i {
+ width: 24px;
+ height: 24px;
+ display: inline-block;
+ margin-right: 5px;
+}
+
+.kccz-czxx-dl dt i img {
+ width: 100%;
+ height: 100%;
+ vertical-align: top;
+}
+
+.kccz-czxx-dl dd {
+ color: #9fabb6;
+ font-size: 14px;
+ margin-left: 30px;
+}
+
+.kccz-czxx-num {
+ height: 90px;
+ background: url(../img/web/inout/czxx-bg_03.png) center repeat-x;
+ text-align: center;
+ line-height: 90px;
+ margin-top: 15px;
+ color: #ff0000;
+}
+
+.kccz-czxx-num span {
+ font-size: 70px;
+ font-family: "DigitalNumbers";
+}
+
+.kccz-czxx-num em {
+ font-size: 50px;
+ margin-left: 10px;
+ font-family: "DINCond-Bold";
+}
+
+.kccz-r-item {
+ height: 220px;
+ background: #fff;
+ overflow: hidden;
+}
+
+.kccz-r-box {
+ padding: 0 10px;
+}
+
+.kccz-r-box .rkbk-tit {
+ margin: 5px 0;
+}
+
+.kccz-r-con {
+ height: 170px;
+ position: relative;
+}
+
+.kccz-r-vedio {
+ width: 100%;
+ height: 170px;
+ background: #dee6ec;
+}
+
+.kccz-r-vedio img,
+.kccz-r-vedio video {
+ width: 100%;
+ height: 100%;
+}
+
+
+.kccz-r-btnbox {
+ width: 110px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ z-index: 99;
+}
+
+.kccz-r-btn {
+ display: block;
+ width: 110px;
+ height: 78px;
+ border: 1px solid #e7eaed;
+ text-align: center;
+}
+
+.kccz-r-div{
+ display: block;
+ height: 78px;
+ border: 1px solid #e7eaed;
+ background: #53adce;
+ text-align: center;
+}
+
+.kccz-r-div span{
+ display: inline-block;
+ width: 100px;
+ margin: 10px 0 0px;
+ height: 40px;
+ font-size: 18px;
+ font-weight: bold;
+ color: #FFF;
+}
+
+.kccz-r-div p {
+ color: #fff;
+}
+
+.kccz-r-btn span {
+ display: inline-block;
+ width: 30px;
+ height: 30px;
+ margin: 13px 0 0px;
+}
+
+
+.kccz-r-btn p {
+ color: #324251;
+ font-size: 14px;
+}
+
+.kccz-r-pz {
+ background: url(../img/web/inout/icon-camera.png) no-repeat;
+}
+
+.kccz-r-cp {
+ background: url(../img/web/inout/icon-camera-cp.png) no-repeat;
+}
+
+.kccz-r-img {
+ background: url(../img/web/inout/icon-img.png) no-repeat;
+}
+
+.kccz-r-img-red {
+ background: url(../img/web/inout/icon-img-red.png) no-repeat !important;
+}
+
+.kccz-r-btn:hover,
+.kccz-r-btn.active {
+ border-color: #53adce;
+}
+
+.kccz-r-btn1:hover,
+.kccz-r-btn1.active {
+ background: #53adce;
+}
+
+
+.kccz-r-btn1:hover .kccz-r-pz,
+.kccz-r-btn1.active .kccz-r-pz {
+ background: url(../img/web/inout/icon-camera-h.png) no-repeat;
+}
+
+.kccz-r-btn1:hover p,
+.kccz-r-btn1.active p {
+ color: #fff;
+}
+
+.mt-10 {
+ margin-top: 10px;
+}
+
+.mt-20 {
+ margin-top: 20px;
+}
+
+.kccz-left-box2 {
+ height: 680px;
+ padding: 1px 20px 0 20px;
+ /*background: #fff;*/
+ background: #dee6ec;
+}
+
+.kccz-data-form {
+ width: 100%;
+ margin-top: 20px;
+}
+
+.kccz-data-form .layui-form-label {
+ color: #324251;
+ font-size: 16px;
+ padding: 7px 15px;
+ font-weight: 600;
+}
+
+.kccz-data-form .layui-input-block {
+ min-height: 34px;
+}
+
+.kccz-data-group-sm .layui-input-block {
+ position: relative;
+ padding-right: 90px;
+}
+
+.kccz-data-btnbox .rkbk-search-btn {
+ position: relative;
+ margin-left: 10px;
+}
+
+.kccz-data-group-md .layui-input-block {
+ padding-right: 30%;
+ position: relative;
+}
+
+.kccz-data-bfb {
+ width: 27%;
+ z-index: 3;
+
+}
+
+.kccz-data-dw {
+ position: absolute;
+ right: 5px;
+ top: 1px;
+ z-index: 9;
+ line-height: 34px;
+ color: #324251;
+ font-size: 16px;
+ display: block;
+ height: 32px;
+ background: #eff4f6;
+ text-align: center;
+}
+
+.posi-r {
+ position: relative;
+}
+
+.bg-fff {
+ background: #fff;
+}
+
+
+.bg-ef {
+ background: #efefef;
+}
+
+@media all and (max-width: 1650px) {
+ .layui-input {
+ padding-left: 5px;
+ font-size: 14px;
+ }
+
+}
+
+.layui-layer-title{
+ font-weight: bold;
+}
+
+.line-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.line {
+ flex: 1;
+ height: 1px;
+ background-color: #0e9aef;
+}
+.line-text {
+ padding: 0 10px;
+ color: #0e9aef;
+}
+
+.layui-layer-title{
+ color: #FFF !important;
+ background-color: #0e9aef !important;
+}
\ No newline at end of file
--
Gitblit v1.9.3