sfms3.0-uniapp/common/style/pdabasic.css

/* 
.pda-list {
	padding: 10rpx 10rpx;
	box-sizing: border-box;
	display: flex;
	width: 100%;
	flex-direction: row;
}
 */

/* 列表 */
.pda-list {
	padding: 0 20rpx;
	box-sizing: border-box;
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 16rpx;
	margin-bottom: 10rpx;
}

.pda-list:after {
	position: absolute;
	z-index: 10;
	/* right: 0; */
	bottom: 0;
	left: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.pda-list-cell {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #eee;
	padding: 10rpx 0;
}

.pda-list-cell:last-child {
	border-bottom: 0;
}

.pda-list-cell-left {
	white-space: nowrap;
	/* padding: 0 10rpx; */
}

.pda-list-cell-db,
.pda-list-cell-right {
	flex: 1;
}

.pda-list-cell .pda-list-cell-db .uni-input-input {
	font-size: .875rem;
}

.pda-list-cell .uni-easyinput__content-input,
.pda-list-cell .uni-input-placeholder {
	height: 2rem;
	line-height: 2rem;
}

.pda-list-cell .placeholder {
	color: #999 !important;
	font-size: 0.875rem;
	padding-left: 10rpx;
}

.pda-list-cell .uni-label {
	color: #434556;
}

.list_locode .uni-collapse-item__title-box {
	font-weight: bold !important;
}

.display-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list-body {
	/* 	height: 84rpx; */
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	overflow: hidden;
}

.list-text-top {
	width: 100%;
	color: #000;
	font-weight: bolder;
	/* line-height: 36rpx; */
	/* font-size: 30rpx; */
}

.list-text-bottom {
	/* line-height: 30rpx; */
	/* 	font-size: 26rpx; */
	color: #8f8f94;
}


/* 改为detail-content */
/* margin-bottom: 20rpx; */
.device-detail {
	padding: 10rpx !important;
	margin: 10rpx;
	border-radius: 16rpx;
	background-color: #fff;
	color: #666666;
	line-height: 1.5;
	overflow: hidden;
}

.list-style {
	margin-bottom: 0rpx;
	border-radius: 16rpx;
	background-color: #FFFFFF;
	color: #666666;
	line-height: 1.5;
}

.border-font {
	color: #000;
	font-weight: bolder;
}

.space-between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.accept-button {
	width: 30%;
	font-size: 16px;
	background-color: #7ac756;
	color: #ffffff;
}

.bigsave-button {
	width: 80%;
	font-size: 16px;
	background-color: #007AFF;
	color: #ffffff;
}

.save-button {
	width: 30%;
	font-size: 16px;
	background-color: #007AFF;
	color: #ffffff;
}

.scroll-detail {
	overflow: hidden;
	padding-bottom: 60px;
	height: 480px;
	/* 没有高度不可以回到顶部 */
	/* 	background-color: #ffffff; */
}

.scrollView {
	overflow: hidden;
	padding-bottom: 50px
}

.scroll-Y {
	/* 	height: 70ux; */
	padding-bottom: 50px
}

.bottom1 {
	position: fixed;
	width: 100%;
	/* padding: 10rpx 10rpx; */
	left: 0;
	/* 	right: 0; */
	bottom: 0;
	background-color: #ffffff;
}

.bottom {
	position: fixed;
	display: flex;
	width: 100%;
	padding: 10rpx 10rpx;
	left: 0;
	/* right: 0; */
	bottom: 0;
	background-color: #ffffff;
}


.pars-num {
	/* 	font-size: 26rpx; */
}

.right-width {
	text-align: center;
	width: 100rpx;
}

.state-style {
	float: left;
	margin-top: 10rpx;
	/* border-radius: 16rpx;
	padding: 0rpx 10rpx; */
	/* line-height: 50rpx;
		height: 50rpx; */
	/* width: 120rpx;
	display: flex;
	flex-direction: column;
	align-items: center; */
	/* 垂直居中 */
}

.uni-popup-view {
	background-color: #fff;
	border-radius: 10px;
}

.uni-popup-button-box {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	padding: 10px 15px;
}

.uni-popup-button {
	flex: 1;
	/* 	// border-radius: 50px;
	// color: #666; */
	/* font-size: 16px; */
}

/* 任务状态 */
/* 打开 */
.open {
	font-size: 28rpx;
	background: rgba(95, 203, 148, 0.2);
	color: #22AF68;
	padding: 10rpx 20rpx 10rpx 20rpx;
	border-radius: 10rpx;
}

/* 进行中 */
.pending {
	font-size: 28rpx;
	background: rgba(236, 156, 0, 0.2);
	color: #EC9C00;
	padding: 10rpx 20rpx 10rpx 20rpx;
	border-radius: 10rpx;
}

/* 完成 */
.completed {
	background-color: #E6A23C;
	color: #FFFFFF;
	border-radius: 10rpx;
}

/* 关闭 */
.close {
	background-color: #F56C6C;
	color: #FFFFFF;
}


/* 关闭 */
.other {
	background-color: #808080;
	color: #FFFFFF;
	border-radius: 10rpx;
}

/* 其他 */
.unk {
	background-color: #ececec;
	color: #666;
	border-radius: 10rpx;
}

/* 检验任务状态 */
/* 免检 */
.exempt {
	background-color: #409EFF;
	color: #FFFFFF;
}

/* 全检 */
.full {
	background-color: #67C23A;
	color: #FFFFFF;
}

/* 抽检 */
.sampling {
	background-color: #E6A23C;
	color: #FFFFFF;
}

/* 挑检 */
.pick {
	background-color: #F56C6C;
	color: #FFFFFF;
}

/* 库存状态 */

.uni-link {
	background-color: #BD2C00;
	color: #BD2C00 !important;
}

.inventory_status_insp {
	color: #F9AE3D;
	margin-right: 10rpx;
}

.inventory_status_ok {
	color: #67C23A;
	margin-right: 10rpx;
}

.inventory_status_nok {
	color: #FF2424;
	margin-right: 10rpx;
}

.inventory_status_hold {
	color: #EC9C00;
	margin-right: 10rpx;
}

.inventory_status_scarp {
	color: #999;
	margin-right: 10rpx;
}

.frozen {
	color: #FF581D;
	margin-right: 10rpx;
}

.pass {
	color: #67C23A !important;
}

.unPass {
	color: #FF2424 !important;
}

.location_inspect {
	background-color: #F6CB61;
	color: #FFFFFF;
}

.location_raw {
	background-color: #2DA8D8;
	color: #FFFFFF;
}

.location_semi {
	background-color: #EDAE50;
	color: #FFFFFF;
}

.location_fg {
	background-color: #078343;
	color: #FFFFFF;
}

.location_wip {
	background-color: #FC85FE;
	color: #FFFFFF;
}

.location_scrap {
	background-color: #E30016;
	color: #FFFFFF;
}

.location_noc {
	background-color: #C31223;
	color: #FFFFFF;
}

.location_overflow {
	background-color: #7D1EDC;
	color: #FFFFFF;
}

.location_customer {
	background-color: #5A7CF3;
	color: #FFFFFF;
}


/* //零件状态
export function getItemTypeStyle(val) {
	if (val == 0) return 'active'
	else if (val == 1) return 'hold'
	else if (val == 2) return 'new'
	else if (val == 3) return 'plan'
	else if (val == 4) return 'disable'
	else return 'other'
}
 */

/* 零件状态 */
.active {
	background-color: #5FCB94;
	color: #FFFFFF;
}

.hold_item {
	background-color: #FF4206;
	color: #FFFFFF;
}

.new {
	background-color: #E6A23C;
	color: #FFFFFF;
}

.plan {
	background-color: #2677F9;
	color: #FFFFFF;
}

.disable {
	background-color: #666;
	color: #FFFFFF;
}

/* 任务编号字体 */
.text-number {
	color: #000;
	font-weight: bolder;
}

/* 零件编号字体 */
.text-itemcode {
	/* 	font-size: 26rpx; */
	color: #000;
	font-weight: bolder;
}

.text-desc {
	color: #8f8f91;
	/* font-size: 22rpx; */
}

/* 零件编号字体 */
.text-bolder {
	color: #000;
	font-weight: bolder;
}

.detail-list {
	background-color: #fff;
	padding:5rpx 10rpx;
	/* margin: 20rpx; */
	/* border-radius: 16rpx; */
	/* overflow: hidden; */
}

.detail-content {
	position: relative;
	flex: 1;
	/* font-size: 26rpx; */
	color: #101010;
}

.example-body {
	background-color: #FFFFFF;
}

.result-box {
	text-align: center;
	padding: 20px 0px;
	/* font-size: 16px; */
}

.toptext {
	padding-left: 20upx;
	line-height: 80upx;
}

.numberstyle {
	display: flex;
	/* 	flex-direction: row-reverse; */
	border-bottom: 10upx solid #EEEEEE;
	width: 200upx;
	padding-bottom: 20upx;
}

.input {
	height: 20rpx;
	padding: 0rpx 8rpx;
	line-height: 50rpx;
	/* font-size: 25rpx; */
	background: #FFF;
	border-radius: 4rpx;
	flex: 1;
}

.mini-type-style {
	vertical-align: middle;
	font-size: 0.725rem;
	margin-right: 6rpx;
	border-radius: 4rpx;
	padding: 4rpx 8rpx;
	/* width: 80rpx; */
	/* height: 46rpx;
	min-width: 80rpx;
	display: flex;
	flex-direction: column; */

}

.text-color {
	color: #000;
	font-weight: bolder;
}

.tabs {
	flex: 1;
	flex-direction: column;
	overflow: hidden;
	/* background-color: #ffffff; */
}

/* .scroll-h {
	touch-action: none;
	width: 100%;
	height: 100rpx;
	flex-direction: row;
	white-space: nowrap;
	justify-content: center;
} */

.line-h {
	height: 1rpx;
	background-color: #cccccc;
}

.uni-tab-item {
	/* #ifndef APP-PLUS */
	display: inline-block;
	/* #endif */
	flex-wrap: nowrap;
	padding: 0 30rpx;
}

.uni-tab-item-title {
	position: relative;
	color: #555;
	/* font-size: 24rpx; */
	height: 100rpx;
	line-height: 100rpx;
	flex-wrap: nowrap;
	/* #ifndef APP-PLUS */
	white-space: nowrap;
	/* #endif */
}

.uni-tab-item-title-active {
	color: #101010;
	font-weight: bold;
}

.uni-tab-item-title-active:after {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	bottom: -20rpx;
	display: inline-block;
	content: "";
	width: 40rpx;
	height: 8rpx;
	background-color: #5a7cf3;
	border-radius: 5px;
}

/* .blece {
	padding: 10upx;
	color: #111111;
	border-bottom: 2px solid #f5f5f5;
	display: flex;
	flex-wrap: wrap;
} */

.conbox {
	/* padding: 10rpx 0; */
	padding-left: 10rpx;
}

.myinput {
	display: flex;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	flex: 1;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	height: 88rpx;
	padding: 20rpx 0;
	/* border-width: 0.5px;
	border-style: solid;
	border-color: #e5e5e5;
	border-radius: 5px; 
	background-color: rgb(248, 248, 248);
	font-size: 18px;*/
	font-size: .825rem;
}

.qtyinput {
	height: 50px;
	padding: 10px 0px;
	font-size: 20px;
}


.count-input {
	padding: 5rpx 3rpx;
	width: 95%;
	font-size: 18px;
}

.pda-data-picker {
	padding: 5rpx 3rpx;
	width: 95%;
	font-size: 18px;
}

.inputPlaceholderStyle {
	font-size: 16px;
}

.inputfocus {
	border-color: #007AFF;
}


.txt-16 {
	font-size: 16px;
}

.txt-18 {
	font-size: 18px;
}

.txt-20 {
	font-size: 20px;
}

.pda-label {
	width: 210rpx;
	word-wrap: break-word;
	word-break: break-all;
	text-indent: 20rpx;
	font-size: 16px;
}

.fontsize-16 {
	font-size: 16px;
}

.fontsize-18 {
	font-size: 18px;
}

.fontsize-20 {
	font-size: 20px;
}

/deep/ .uni-collapse-item__title-text {
	font-size: 16px;
}


/deep/ .input-value {
	font-size: 16px;
}

/deep/ .uni-input-input {
	font-size: 18px;
}

page {
	width: 100%;
	height: 100%;
	/* background-color: #fff; */
}

.page-wraper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	/* background-color: #fff; */
}

.page-header {
	background-color: #fff;
	font-size: 35rpx;
	padding: 10rpx 20rpx;
}

.page-header .header_item {
	/* padding-left: 10rpx; */
	padding: 5rpx 10rpx;
	font-size:15px ;
}

.page-header .header_job_top {
	padding:5rpx 0rpx;
}
.page-main {
	flex: 1;
	position: relative;
	background: #fff;
}

.page-main-scroll {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.page-main-list {
	/*  height: 80rpx;
	    line-height: 80rpx; */
	text-align: center;
	background: #e0e0e0;

}