针车派工单

dest/css/NeedleDispatch/NeedleDispatch.css

+* {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	border: 0;
+	touch-action: none;
+}
+
+html,
+body,
+#app {
+	width: 100%;
+	height: 100%;
+
+}
+
+[v-cloak] {
+	display: none !important;
+}
+
+.dis {
+	background: #bababa;
+	opacity: 0.8;
+}
+
+.text-overflow {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.main {
+	width: 100%;
+	height: 100%;
+}
+
+.top {
+	width: 100%;
+	height: 50px;
+}
+
+.top header {
+	width: 40%;
+}
+
+.select {
+	height: 44px;
+	width: 60%;
+	float: right;
+	overflow: hidden;
+
+}
+
+.select-left {
+	width: 80px;
+	height: 44px;
+	float: right;
+	border: 1px solid #c8c7cc;
+}
+
+.select-left select {
+	background-color: rgba(0, 0, 0, .1);
+	padding: 0;
+	padding-left: 5px;
+	text-align: center;
+	height: 43px;
+	margin: 0;
+	border-radius: 0;
+}
+
+.mui-search {
+	width: calc(100% - 280px);
+	float: right;
+}
+
+.mui-search input {
+	height: 44px;
+	border-radius: 0;
+	margin: 0;
+}
+
+.mui-search .mui-placeholder {
+	line-height: 44px;
+}
+
+.mui-search:before {
+	top: 65%;
+}
+
+.pickerData {
+	width: 200px;
+	float: right;
+	border-radius: 3px;
+	margin-top: 5px;
+	text-align: center;
+}
+
+.pickerData .mui-icon {
+	border: 0px;
+	color: royalblue;
+}
+
+.pickerData .mui-icon:last-of-type {
+	float: right;
+}
+
+.pickerData2 {
+	width: calc(100% - 290px);
+    float: right;
+	border-radius: 3px;
+    margin-top: 5px;
+   border: 1px solid #E2E2E9;
+   margin-left: 10px;
+}
+
+.pickerData2 .mui-icon {
+	border: 0px;
+	color: royalblue;
+}
+
+.pickerData2 .mui-icon:last-of-type {
+	float: right;
+}
+#selectdate2 {
+    border: 0;
+    width: calc(100% - 105px);
+    height: 36px;
+}
+#selectdate {
+
+	border: 0;
+	width: calc(100% - 105px);
+	height: 36px;
+}
+
+.mui-inner-wrap {
+	height: 100%;
+}
+
+/*****表格*****/
+
+.detail-list {
+	width: 100%;
+	height: calc(100% - 50px);
+	background: #fff;
+}
+
+.item_table {
+	position: relative;
+	height: calc(100% - 40px);
+	padding-bottom: 40px;
+	box-sizing: border-box;
+	
+}
+
+.mui-table td {
+	text-align: center;
+	height: 35px;
+	line-height: 35px;
+}
+
+.mui-table th {
+	text-align: center;
+	height: 35px;
+	line-height: 35px;
+	background: #E2E2E9;
+}
+
+.mui-table tr {
+	border-bottom: 1px solid #c8c7cc;
+}
+
+.mui-table-view:before {
+	content: none;
+}
+
+.mui-table .swidth {
+	width: 5%;
+}
+
+.mui-table .bwidth {
+	width: 8%;
+}
+
+.sDetail {
+	padding: 0;
+	background: #fff;
+	overflow-y: scroll;
+}
+
+.countInfor {
+	position: fixed;
+	text-align: center;
+	line-height: 40px;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	width: 100%;
+	height: 40px;
+	z-index: 5;
+	background: #E2E2E9;
+}
+.countInfor label{
+	font-weight: bold;
+	color: red;
+}
+/*****底部选择*****/
+.showChange {
+	position: fixed;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	width: 100%;
+	height: 125px;
+	z-index: 50;
+}
+
+.mui-card {
+	margin: 0;
+	position: relative;
+	width: 100%;
+	padding-bottom: 10px;
+}
+
+.showChange .mui-card .mui-title {
+	position: inherit;
+}
+
+.mui-input-group .mui-input-row:after {
+	height: 0;
+}
+
+.showChange .mui-card .mui-checkbox {
+	width: 14.25%;
+	float: left;
+	clear: none;
+}
+
+.bottomBtn {
+	width: 120px;
+	position: absolute;
+	bottom: 20px;
+	left: calc((100% - 120px)/2);
+}
+
+.mui-checkbox.mui-left label {
+	padding-right: 5px;
+	padding-left: 30px;
+
+}
+
+.mui-checkbox.mui-left input[type=checkbox] {
+	left: 2px;
+}
+
+@media screen and (max-width: 700px) {
+	.mui-checkbox.mui-left label {
+		padding-right: 5px;
+		padding-left: 30px;
+		font-size: 12px;
+	}
+}
+
+.mui-card .mui-title .mui-btn {
+	width: 50px;
+	height: 30px;
+	box-sizing: border-box;
+	text-align: center;
+	padding: 0;
+	margin-top: 5px;
+}
+
+/*******侧滑样式******/
+.right-main {
+	padding-top: 5px;
+	position: relative;
+}
+
+.top1 {
+	height: 45px;
+
+}
+
+.selectdate1 {
+	border: 0;
+}
+
+.top1 label {
+	padding-left: 10px;
+	width: 40%;
+	display: block;
+	float: left;
+	line-height: 35px;
+}
+
+.top1 button.mui-btn-danger {
+	float: right;
+	margin-right: 10px;
+}
+
+.data01 {
+	width: 40%;
+	height: 35px;
+	float: left;
+}
+
+.pickerData1 {
+	width: 200px;
+	border-radius: 3px;
+	text-align: center;
+	margin-left: 10px;
+	border: 1px solid #c8c7cc;
+}
+
+.pickerData1 #selectdate1 {
+	border: 0;
+	padding-top: 9px;
+}
+
+.pickerData1 .mui-icon {
+	border: 0px;
+	color: royalblue;
+}
+
+.pickerData1 .mui-icon:last-of-type {
+	float: right;
+}
+
+.top-btn {
+	width: 122px;
+	/* border: 1px solid #c8c7cc; */
+	height: 35px;
+	line-height: 34px;
+	float: left;
+	text-align: center;
+}
+
+.top-btn span {
+	display: block;
+	width: 60px;
+	text-align: center;
+	float: left;
+}
+
+.top-btn span:first-of-type {
+	border-right: 1px solid #c8c7cc;
+}
+
+.right-list {
+	height: 400px;
+}
+
+.table-list {
+	height: 350px;
+	overflow-y: scroll;
+}
+
+#right-dis {
+	width: 100%;
+	position: absolute;
+	top: 0px;
+	background: white;
+}
+.rightDetail{
+	background:#fff;height: 100%;
+}
+.table-header{
+	background: #9BD3F6; 
+}
+
+.altrowstable{
+	text-align: center;
+}
+
+
+
+
+
+