应收审核

operationSupport/src/router/dynamicMuen.js

@@ -76,6 +76,10 @@ const staticMuen = [
         path: '/landlordReview',
         component: () => import(/* webpackChunkName: "404" */ '@views/payService/landlordBill/index.vue')
     },
+    {
+        path: '/receivableExamine',
+        component: () => import(/* webpackChunkName: "404" */ '@views/payService/receivableExamine/index.vue')
+    },
     {
         path: '*',
         redirect: '/404'

operationSupport/src/views/buildingManagement/pageJump/popup.scss

@@ -1,836 +1,837 @@
 .device-info_install {
-	width: 100%;
-	height: 100%;
-	.device_content {
-		display: flex;
-		flex-direction: row;
-		height: inherit;
-
-		.el-scrollbar {
-			.el-scrollbar__wrap {
-				overflow-x: hidden;
-			}
-		}
-
-		.left_content {
-			width: 440px;
-			height: 100%;
-			background: #ffffff;
-			opacity: 1;
-			border-radius: 4px;
-			display: flex;
-			flex-direction: column;
-			// .form_head_insstall
-			.form_head {
-				display: flex;
-				flex-direction: row;
-				justify-content: flex-start;
-				align-items: center;
-				padding-left: 20px;
-				height: 60px;
-				border-bottom: 1px solid #eeeeee;
-				p {
-					font-size: 14px;
-					font-family: Microsoft YaHei;
-					font-weight: 400;
-					line-height: 19px;
-					color: #212226;
-					opacity: 1;
-				}
-			}
-
-			.form_content {
-				flex: 1;
-				display: flex;
-				flex-direction: column;
-				padding: 20px 10px;
-				height: calc(100% - 60px);
-
-				.form_content_disform {
-					flex: 1;
-					padding: 0px 10px;
-
-					.set_width {
-						width: 100%;
-					}
-				}
-
-				.form_content_dismap {
-					height: 400px;
-					position: relative;
-
-					.form_content_dismap_basic {
-						height: inherit;
-					}
-
-					.form_map_input {
-						display: flex;
-						position: absolute;
-						width: 100%;
-						top: 10px;
-						justify-content: center;
-						z-index: 13;
-
-						.map-input-filter {
-							flex: 1;
-						}
-
-						.w100 {
-							width: 80px;
-							margin-right: 7px;
-						}
-
-						div:nth-child(2) {
-							margin-left: 7px;
-						}
-
-						.map-input-btn {
-							width: 63px;
-							height: 32px;
-							display: flex;
-							align-items: center;
-
-							/deep/ span {
-								position: relative;
-								margin-left: -2px;
-
-								.iconfont {
-									font-size: 14px;
-								}
-							}
-						}
-					}
-				}
-			}
-		}
-
-		.right_content {
-			flex: 1;
-			padding-left: 10px;
-			display: flex;
-			width: calc(100% - 440px);
-			flex-direction: column;
-
-			.right_content_head {
-				height: 60px;
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				align-items: center;
-				padding: 27px 20px;
-				background: #ffffff;
-				opacity: 1;
-				border-radius: 4px;
-				border-bottom: 1px solid #eeeeee;
-				.head_text {
-					font-size: 14px;
-					font-family: Microsoft YaHei;
-					font-weight: 400;
-					line-height: 19px;
-					color: #212226;
-					opacity: 1;
-				}
-
-				.close {
-					width: 40px;
-					height: 40px;
-					display: flex;
-					align-items: center;
-					border-radius: 50%;
-
-					.el-icon-close:hover {
-						color: #fff;
-						background-color: #0d87f9;
-						border-radius: 50%;
-					}
-				}
-			}
-
-			.right_content_info {
-				background: #ffffff;
-				height: calc(100% - 60px);
-				flex: 1;
-				display: flex;
-				flex-direction: column;
-				position: relative;
-
-				.title_class {
-					margin-bottom: 10px;
-
-					.title_txt {
-						font-size: 12px;
-						font-family: Microsoft YaHei;
-						font-weight: 400;
-						line-height: 16px;
-						color: #212226;
-						opacity: 1;
-						position: relative;
-						bottom: 3px;
-						padding: 0px 20px;
-					}
-
-					img {
-						width: 16px;
-						height: 16px;
-					}
-				}
-				.title_detail {
-					margin-top: 20px;
-					display: flex;
-					flex-flow: row nowrap;
-					justify-content: space-between;
-					align-items: center;
-					.right_title {
-						width: 300px;
-						display: flex;
-						flex-flow: row nowrap;
-						align-items: center;
-						ul {
-							width: 168px;
-							display: flex;
-							flex-flow: row nowrap;
-							align-items: center;
-							height: 30px;
-							border-radius: 4px;
-							border: 1px solid #2787f1;
-							background: #fff;
-							li {
-								flex: 1;
-								display: flex;
-								align-items: center;
-								justify-content: center;
-								height: 30px;
-								img {
-									width: 12px;
-									height: 12px;
-								}
-								.img_tab_door {
-									display: inline-block;
-									width: 12px;
-									height: 12px;
-									background: url("/static/menu-icon/icon_danyuanhu1.png") center no-repeat;
-									background-size: 100% 100%;
-								}
-								.img_tab_list {
-									display: inline-block;
-									width: 12px;
-									height: 12px;
-									background: url("/static/menu-icon/icon_liebiao2.png") center no-repeat;
-									background-size: 100% 100%;
-								}
-								span {
-									font-size: 12px;
-									font-family: Microsoft YaHei;
-									font-weight: 400;
-									line-height: 16px;
-									color: #2787f1;
-									padding-left: 10px;
-								}
-							}
-							li:first-child {
-								.img_tab_door {
-									background: url("/static/menu-icon/icon_danyuanhu.png") center no-repeat;
-								}
-								// background-color: #2787F1;
-								border-right: 1px solid #fff;
-								&:hover {
-									background-color: #2787f1;
-									.img_tab_door {
-										background: url("/static/menu-icon/icon_danyuanhu1.png") center no-repeat;
-									}
-									span {
-										color: #fff;
-									}
-								}
-								&.active {
-									background-color: #2787f1;
-									.img_tab_door {
-										background: url("/static/menu-icon/icon_danyuanhu1.png") center no-repeat;
-									}
-									span {
-										color: #fff;
-									}
-								}
-							}
-							li:last-child {
-								span {
-									color: #2787f1;
-								}
-								&:hover {
-									background-color: #2787f1;
-									.img_tab_list {
-										background: url("/static/menu-icon/icon_liebiao1.png") center no-repeat;
-									}
-									span {
-										color: #fff;
-									}
-								}
-								&.active {
-									background-color: #2787f1;
-									.img_tab_list {
-										background: url("/static/menu-icon/icon_liebiao1.png") center no-repeat;
-									}
-									span {
-										color: #fff;
-									}
-								}
-							}
-						}
-						.button_head {
-							flex: 1;
-							display: flex;
-							align-items: center;
-							justify-content: space-evenly;
-							.imgsize {
-								.upload_class {
-									.el-upload {
-										width: 40px;
-										height: 40px;
-										border-radius: 50%;
-										background: transparent;
-										left: 0;
-										top: 0;
-										border: none;
-									}
-								}
-							}
-						}
-					}
-				}
-				.head_fr {
-					display: flex;
-					flex-direction: column;
-
-					.head_content {
-						display: flex;
-						flex-direction: row;
-						height: 100px;
-						padding-top: 20px;
-						margin-bottom: 20px;
-						flex-wrap: nowrap;
-
-						.checkbox_style {
-							display: flex;
-							height: initial;
-							flex-direction: row;
-							// align-items: flex-end;
-							align-items: flex-start;
-							// padding: 0 10px 4px 10px;
-							padding: 5px 10px 5px 15px;
-						}
-
-						.form_content {
-							display: flex;
-							flex: 1;
-							flex-direction: row;
-							flex-wrap: nowrap;
-						}
-
-						.row_class {
-							display: flex;
-							flex-direction: row;
-							align-items: center;
-							&.addfloo {
-								margin-top: 16px;
-								.last_level {
-									margin-right: 60px;
-								}
-							}
-
-							.el-radio-group {
-								margin-right: 30px;
-							}
-
-							.label_text {
-								margin-right: 7px;
-							}
-
-							.w120 {
-								width: 110px;
-
-								&.wfirst {
-									margin-right: 20px;
-								}
-
-								&.wsecond {
-									margin-right: 30px;
-								}
-							}
-						}
-
-						.btn_unit {
-							display: flex;
-							flex-direction: row;
-							align-items: flex-end;
-						}
-						.progress_class {
-							flex: 1;
-							display: flex;
-							flex-direction: column;
-							align-items: center;
-							justify-content: space-around;
-							padding-left: 70px;
-							.progress_bar {
-								display: flex;
-								flex-direction: row;
-								justify-content: flex-start;
-								align-items: center;
-								width: 100%;
-								.progress_txt {
-									font-size: 12px;
-									margin-right: 10px;
-									font-family: Microsoft YaHei;
-									font-weight: 400;
-									line-height: 75px;
-									color: #424656;
-								}
-								.el-progress {
-									display: flex;
-								}
-								.pro_bar {
-									flex: 1;
-								}
-							}
-						}
-					}
-					.head_add {
-						flex-wrap: nowrap;
-						flex-shrink: 1;
-						.form_content {
-							.el-form--label-right .row {
-								.col .el-form-item {
-									// margin-bottom: 22px!important;
-									.el-form-item__label {
-										//  line-height: 30px;
-									}
-									.el-form-item__content {
-										.row_class {
-											display: flex;
-											align-items: center;
-											flex-flow: nowrap;
-											.el-radio-group {
-												display: flex;
-												flex-flow: row nowrap;
-											}
-											.last_level {
-												display: flex;
-												flex-flow: row nowrap;
-												.label_text {
-													width: 60px;
-												}
-											}
-										}
-									}
-								}
-							}
-						}
-					}
-					.newcontent_detail {
-						height: 140px;
-						.form_content_detail {
-							width: 220px;
-						}
-						.form_status_detail {
-							width: 300px;
-							display: flex;
-							.status_detail {
-								padding-left: 25px;
-								display: flex;
-								justify-content: space-around;
-								flex-wrap: wrap;
-								align-items: center;
-								width: 100%;
-								li {
-									width: 50%;
-									flex: 1 1 50%;
-									display: flex;
-									align-items: center;
-									position: relative;
-									.row_content {
-										i {
-											display: inline-block;
-											width: 10px;
-											height: 10px;
-											border-radius: 50%;
-											margin-right: 10px;
-										}
-										.normalCount {
-											background: #2ddfff;
-										}
-										.alarmCount {
-											background: #fd2d72;
-										}
-										.offlineCount {
-											background: #b7b7b7;
-										}
-										.unusedCount {
-											background: #29b6ff;
-										}
-										.txt_c {
-											font-size: 12px;
-											font-family: MicrosoftYaHei;
-											// line-height: 75px;
-											color: #7b7f86;
-										}
-									}
-									.txt_content {
-										font-size: 12px;
-										font-family: MicrosoftYaHei;
-										// line-height: 75px;
-										color: #7b7f86;
-										padding-left: 40px;
-									}
-								}
-							}
-						}
-						.radio_detail {
-							width: 120px;
-							margin-left: 50px;
-							.chart {
-								canvas {
-									cursor: default;
-								}
-							}
-						}
-					}
-				}
-
-				.floorinfo {
-					border-top: 1px solid #eeeeee;
-					flex: 1;
-					overflow: auto;
-
-					.door-wrap {
-						height: 100%;
-						position: relative;
-
-						.top_content {
-							height: calc(100% - 62px);
-							display: flex;
-							width: 100%;
-							flex-direction: column;
-							.box {
-								display: flex;
-								flex-direction: row;
-								align-items: flex-start;
-								justify-content: flex-start;
-								.tags {
-									height: 60px;
-									line-height: 60px;
-								}
-								.tags .el-tag {
-									width: 80px;
-									text-align: left;
-									.dbclick_txt {
-										display: inline-block;
-										width: 30px;
-										position: relative;
-									}
-								}
-								.tags .el-tag_floor {
-									width: 100px;
-								}
-								.button-new-tag {
-									width: 80px;
-								}
-								.label_left {
-									display: inline-flex;
-									justify-content: center;
-									align-items: center;
-									width: 80px;
-									height: 60px;
-									font-size: 12px;
-									font-family: MicrosoftYaHei;
-									color: #424656;
-								}
-								.label {
-									width: 80px;
-									text-align: right;
-									padding-right: 10px;
-									line-height: 32px;
-								}
-								.unit_left {
-									width: 182px;
-									height: 60px;
-									display: inline-flex;
-									align-items: center;
-									justify-content: center;
-									padding-left: 20px;
-									.el-tag {
-										width: 80px;
-										height: 30px;
-										line-height: 30px;
-										text-align: left;
-										position: relative;
-										.el-tag__close {
-											position: absolute;
-											top: 0;
-											right: 1px;
-										}
-									}
-									.unit_text {
-										margin-left: 20px;
-										margin-right: 40px;
-										font-size: 12px;
-										font-family: MicrosoftYaHei;
-										line-height: 75px;
-										color: #424656;
-										opacity: 1;
-									}
-								}
-								.unit_left_detail {
-									width: 100px;
-									justify-content: flex-start;
-									padding: 0px 20px;
-									.left_door {
-										font-size: 12px;
-										font-family: MicrosoftYaHei;
-										line-height: 75px;
-										color: #424656;
-									}
-								}
-								.unitdetail_info {
-									width: 80px;
-									justify-content: center;
-									padding: 0;
-								}
-								.tags {
-									width: calc(100% - 80px);
-									.el-tag {
-										margin: 0 20px 20px 0;
-										padding: 0 20px;
-										background-color: #fff;
-										cursor: pointer;
-										font-size: 14px;
-										position: relative;
-										height: 30px;
-										line-height: 30px;
-										.el-tag__close {
-											position: absolute;
-											top: 0;
-											right: 0;
-										}
-										.el-input {
-											max-width: 120px;
-										}
-
-										.el-input__inner {
-											height: 28px;
-											line-height: 28px;
-										}
-
-										&.active {
-											background-color: #2787f1;
-											color: #fff;
-											text-align: left;
-											.el-icon-close {
-												color: #fff;
-											}
-										}
-									}
-
-									.input-new-tag {
-										max-width: 120px;
-									}
-								}
-								.el-fl-left.tags {
-									height: auto;
-								}
-							}
-							.floor_unit {
-								.box_detail {
-									padding: 0px 10px;
-									.el-tabs {
-										.el-tabs__header {
-											.el-tabs__nav-wrap:after {
-												background-color: #fff;
-											}
-										}
-									}
-									// .tabs{
-									//   .el-radio-group .el-radio-button .el-radio-button__inner{
-									// 		color:  #2787F1;;
-									//     font-size: 12px;
-									// 		font-family: MicrosoftYaHei;
-									// 	}
-									// }
-								}
-							}
-							.box_add {
-								padding-top: 0px;
-								.tags_detail {
-									.door {
-										.el-tag {
-											line-height: 28px;
-											span {
-												color: #fff;
-											}
-											img {
-												margin-left: 5px;
-											}
-											.set_color {
-												color: rgba(216, 216, 216, 1);
-											}
-										}
-										.set_border {
-											border: 1px solid #d8d8d8;
-											opacity: 1;
-											border-radius: 4px;
-										}
-									}
-								}
-							}
-							.add-floor .button-new-tag {
-								width: 80px;
-								margin-left: 20px;
-							}
-							.empty_floor {
-								min-height: 138px;
-								display: flex;
-								justify-content: center;
-								align-items: center;
-								height: max-content;
-
-								p {
-									font-size: 12px;
-									font-family: Microsoft YaHei;
-									font-weight: 400;
-									line-height: 16px;
-									color: #a6abb6;
-								}
-							}
-
-							.unit_empty {
-								display: flex;
-								flex-direction: column;
-								justify-content: center;
-								align-items: center;
-								min-height: 300px;
-								height: inherit;
-
-								span {
-									font-size: 12px;
-									font-family: Microsoft YaHei;
-									font-weight: 400;
-									line-height: 16px;
-									color: #a6abb6;
-								}
-
-								img {
-									width: 60px;
-									height: 54px;
-								}
-
-								.center_text {
-									height: 100%;
-									min-height: 138px;
-									display: flex;
-									flex-direction: column;
-									align-items: center;
-									justify-content: center;
-								}
-							}
-
-							.border_hr {
-								padding: 10px 0px;
-								border-bottom: 1px solid #eeeeee;
-							}
-						}
-						.top_content_detail {
-							height: 100%;
-						}
-						.footer_btn {
-							height: 62px;
-							position: absolute;
-							bottom: 0;
-							right: 20px;
-							display: flex;
-							flex-direction: row;
-							align-items: center;
-						}
-					}
-				}
-				.floorinfodetail {
-					.el-tag_detail.active {
-						background-color: #fff !important;
-						color: #2787f1 !important;
-						border: 1px solid #2787f1;
-						opacity: 1;
-						border-radius: 4px;
-					}
-				}
-			}
-			.right_content_info .head_fr_detail {
-				display: flex;
-				flex-direction: column;
-			}
-			.right_content_info .floorinfo_detail {
-			}
-			.detail-tab {
-				width: 100%;
-			}
-		}
-		.el-form-item {
-			margin-bottom: 22px !important;
-			.el-form-item__label {
-				line-height: 30px !important;
-			}
-		}
-	}
+    width: 100%;
+    height: 100%;
+    .device_content {
+        display: flex;
+        flex-direction: row;
+        height: inherit;
+
+        .el-scrollbar {
+            .el-scrollbar__wrap {
+                overflow-x: hidden;
+            }
+        }
+
+        .left_content {
+            width: 440px;
+            height: 100%;
+            background: #ffffff;
+            opacity: 1;
+            border-radius: 4px;
+            display: flex;
+            flex-direction: column;
+            // .form_head_insstall
+            .form_head {
+                display: flex;
+                flex-direction: row;
+                justify-content: flex-start;
+                align-items: center;
+                padding-left: 20px;
+                height: 60px;
+                border-bottom: 1px solid #eeeeee;
+                p {
+                    font-size: 14px;
+                    font-family: Microsoft YaHei;
+                    font-weight: 400;
+                    line-height: 19px;
+                    color: #212226;
+                    opacity: 1;
+                }
+            }
+
+            .form_content {
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                padding: 20px 10px;
+                height: calc(100% - 60px);
+
+                .form_content_disform {
+                    flex: 1;
+                    padding: 0px 10px;
+
+                    .set_width {
+                        width: 100%;
+                    }
+                }
+
+                .form_content_dismap {
+                    height: 400px;
+                    position: relative;
+
+                    .form_content_dismap_basic {
+                        height: inherit;
+                    }
+
+                    .form_map_input {
+                        display: flex;
+                        position: absolute;
+                        width: 100%;
+                        top: 10px;
+                        justify-content: center;
+                        z-index: 13;
+
+                        .map-input-filter {
+                            flex: 1;
+                        }
+
+                        .w100 {
+                            width: 80px;
+                            margin-right: 7px;
+                        }
+
+                        div:nth-child(2) {
+                            margin-left: 7px;
+                        }
+
+                        .map-input-btn {
+                            width: 63px;
+                            height: 32px;
+                            display: flex;
+                            align-items: center;
+
+                            /deep/ span {
+                                position: relative;
+                                margin-left: -2px;
+
+                                .iconfont {
+                                    font-size: 14px;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        .right_content {
+            flex: 1;
+            padding-left: 10px;
+            display: flex;
+            width: calc(100% - 440px);
+            flex-direction: column;
+
+            .right_content_head {
+                height: 60px;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+                align-items: center;
+                padding: 27px 20px;
+                background: #ffffff;
+                opacity: 1;
+                border-radius: 4px;
+                border-bottom: 1px solid #eeeeee;
+                .head_text {
+                    font-size: 14px;
+                    font-family: Microsoft YaHei;
+                    font-weight: 400;
+                    line-height: 19px;
+                    color: #212226;
+                    opacity: 1;
+                }
+
+                .close {
+                    width: 40px;
+                    height: 40px;
+                    display: flex;
+                    align-items: center;
+                    border-radius: 50%;
+
+                    .el-icon-close:hover {
+                        color: #fff;
+                        background-color: #0d87f9;
+                        border-radius: 50%;
+                    }
+                }
+            }
+
+            .right_content_info {
+                background: #ffffff;
+                height: calc(100% - 60px);
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                position: relative;
+
+                .title_class {
+                    margin-bottom: 10px;
+
+                    .title_txt {
+                        font-size: 12px;
+                        font-family: Microsoft YaHei;
+                        font-weight: 400;
+                        line-height: 16px;
+                        color: #212226;
+                        opacity: 1;
+                        position: relative;
+                        bottom: 3px;
+                        padding: 0px 20px;
+                    }
+
+                    img {
+                        width: 16px;
+                        height: 16px;
+                    }
+                }
+                .title_detail {
+                    margin-top: 20px;
+                    display: flex;
+                    flex-flow: row nowrap;
+                    justify-content: space-between;
+                    align-items: center;
+                    .right_title {
+                        width: 300px;
+                        display: flex;
+                        flex-flow: row nowrap;
+                        align-items: center;
+                        ul {
+                            width: 168px;
+                            display: flex;
+                            flex-flow: row nowrap;
+                            align-items: center;
+                            height: 30px;
+                            border-radius: 4px;
+                            border: 1px solid #2787f1;
+                            background: #fff;
+                            li {
+                                flex: 1;
+                                display: flex;
+                                align-items: center;
+                                justify-content: center;
+                                height: 30px;
+                                img {
+                                    width: 12px;
+                                    height: 12px;
+                                }
+                                .img_tab_door {
+                                    display: inline-block;
+                                    width: 12px;
+                                    height: 12px;
+                                    background: url('/static/menu-icon/icon_danyuanhu1.png') center no-repeat;
+                                    background-size: 100% 100%;
+                                }
+                                .img_tab_list {
+                                    display: inline-block;
+                                    width: 12px;
+                                    height: 12px;
+                                    background: url('/static/menu-icon/icon_liebiao2.png') center no-repeat;
+                                    background-size: 100% 100%;
+                                }
+                                span {
+                                    font-size: 12px;
+                                    font-family: Microsoft YaHei;
+                                    font-weight: 400;
+                                    line-height: 16px;
+                                    color: #2787f1;
+                                    padding-left: 10px;
+                                }
+                            }
+                            li:first-child {
+                                .img_tab_door {
+                                    background: url('/static/menu-icon/icon_danyuanhu.png') center no-repeat;
+                                }
+                                // background-color: #2787F1;
+                                border-right: 1px solid #fff;
+                                &:hover {
+                                    background-color: #2787f1;
+                                    .img_tab_door {
+                                        background: url('/static/menu-icon/icon_danyuanhu1.png') center no-repeat;
+                                    }
+                                    span {
+                                        color: #fff;
+                                    }
+                                }
+                                &.active {
+                                    // background-color: #2787f1;
+                                    background-color: #0be5f0;
+                                    .img_tab_door {
+                                        background: url('/static/menu-icon/icon_danyuanhu1.png') center no-repeat;
+                                    }
+                                    span {
+                                        color: #fff;
+                                    }
+                                }
+                            }
+                            li:last-child {
+                                span {
+                                    color: #0be5f0;
+                                }
+                                &:hover {
+                                    background-color: #0be5f0;
+                                    .img_tab_list {
+                                        background: url('/static/menu-icon/icon_liebiao1.png') center no-repeat;
+                                    }
+                                    span {
+                                        color: #fff;
+                                    }
+                                }
+                                &.active {
+                                    background-color: #0be5f0;
+                                    .img_tab_list {
+                                        background: url('/static/menu-icon/icon_liebiao1.png') center no-repeat;
+                                    }
+                                    span {
+                                        color: #fff;
+                                    }
+                                }
+                            }
+                        }
+                        .button_head {
+                            flex: 1;
+                            display: flex;
+                            align-items: center;
+                            justify-content: space-evenly;
+                            .imgsize {
+                                .upload_class {
+                                    .el-upload {
+                                        width: 40px;
+                                        height: 40px;
+                                        border-radius: 50%;
+                                        background: transparent;
+                                        left: 0;
+                                        top: 0;
+                                        border: none;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+                .head_fr {
+                    display: flex;
+                    flex-direction: column;
+
+                    .head_content {
+                        display: flex;
+                        flex-direction: row;
+                        height: 100px;
+                        padding-top: 20px;
+                        margin-bottom: 20px;
+                        flex-wrap: nowrap;
+
+                        .checkbox_style {
+                            display: flex;
+                            height: initial;
+                            flex-direction: row;
+                            // align-items: flex-end;
+                            align-items: flex-start;
+                            // padding: 0 10px 4px 10px;
+                            padding: 5px 10px 5px 15px;
+                        }
+
+                        .form_content {
+                            display: flex;
+                            flex: 1;
+                            flex-direction: row;
+                            flex-wrap: nowrap;
+                        }
+
+                        .row_class {
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center;
+                            &.addfloo {
+                                margin-top: 16px;
+                                .last_level {
+                                    margin-right: 60px;
+                                }
+                            }
+
+                            .el-radio-group {
+                                margin-right: 30px;
+                            }
+
+                            .label_text {
+                                margin-right: 7px;
+                            }
+
+                            .w120 {
+                                width: 110px;
+
+                                &.wfirst {
+                                    margin-right: 20px;
+                                }
+
+                                &.wsecond {
+                                    margin-right: 30px;
+                                }
+                            }
+                        }
+
+                        .btn_unit {
+                            display: flex;
+                            flex-direction: row;
+                            align-items: flex-end;
+                        }
+                        .progress_class {
+                            flex: 1;
+                            display: flex;
+                            flex-direction: column;
+                            align-items: center;
+                            justify-content: space-around;
+                            padding-left: 70px;
+                            .progress_bar {
+                                display: flex;
+                                flex-direction: row;
+                                justify-content: flex-start;
+                                align-items: center;
+                                width: 100%;
+                                .progress_txt {
+                                    font-size: 12px;
+                                    margin-right: 10px;
+                                    font-family: Microsoft YaHei;
+                                    font-weight: 400;
+                                    line-height: 75px;
+                                    color: #424656;
+                                }
+                                .el-progress {
+                                    display: flex;
+                                }
+                                .pro_bar {
+                                    flex: 1;
+                                }
+                            }
+                        }
+                    }
+                    .head_add {
+                        flex-wrap: nowrap;
+                        flex-shrink: 1;
+                        .form_content {
+                            .el-form--label-right .row {
+                                .col .el-form-item {
+                                    // margin-bottom: 22px!important;
+                                    .el-form-item__label {
+                                        //  line-height: 30px;
+                                    }
+                                    .el-form-item__content {
+                                        .row_class {
+                                            display: flex;
+                                            align-items: center;
+                                            flex-flow: nowrap;
+                                            .el-radio-group {
+                                                display: flex;
+                                                flex-flow: row nowrap;
+                                            }
+                                            .last_level {
+                                                display: flex;
+                                                flex-flow: row nowrap;
+                                                .label_text {
+                                                    width: 60px;
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    .newcontent_detail {
+                        height: 140px;
+                        .form_content_detail {
+                            width: 220px;
+                        }
+                        .form_status_detail {
+                            width: 300px;
+                            display: flex;
+                            .status_detail {
+                                padding-left: 25px;
+                                display: flex;
+                                justify-content: space-around;
+                                flex-wrap: wrap;
+                                align-items: center;
+                                width: 100%;
+                                li {
+                                    width: 50%;
+                                    flex: 1 1 50%;
+                                    display: flex;
+                                    align-items: center;
+                                    position: relative;
+                                    .row_content {
+                                        i {
+                                            display: inline-block;
+                                            width: 10px;
+                                            height: 10px;
+                                            border-radius: 50%;
+                                            margin-right: 10px;
+                                        }
+                                        .normalCount {
+                                            background: #2ddfff;
+                                        }
+                                        .alarmCount {
+                                            background: #fd2d72;
+                                        }
+                                        .offlineCount {
+                                            background: #b7b7b7;
+                                        }
+                                        .unusedCount {
+                                            background: #29b6ff;
+                                        }
+                                        .txt_c {
+                                            font-size: 12px;
+                                            font-family: MicrosoftYaHei;
+                                            // line-height: 75px;
+                                            color: #7b7f86;
+                                        }
+                                    }
+                                    .txt_content {
+                                        font-size: 12px;
+                                        font-family: MicrosoftYaHei;
+                                        // line-height: 75px;
+                                        color: #7b7f86;
+                                        padding-left: 40px;
+                                    }
+                                }
+                            }
+                        }
+                        .radio_detail {
+                            width: 120px;
+                            margin-left: 50px;
+                            .chart {
+                                canvas {
+                                    cursor: default;
+                                }
+                            }
+                        }
+                    }
+                }
+
+                .floorinfo {
+                    border-top: 1px solid #eeeeee;
+                    flex: 1;
+                    overflow: auto;
+
+                    .door-wrap {
+                        height: 100%;
+                        position: relative;
+
+                        .top_content {
+                            height: calc(100% - 62px);
+                            display: flex;
+                            width: 100%;
+                            flex-direction: column;
+                            .box {
+                                display: flex;
+                                flex-direction: row;
+                                align-items: flex-start;
+                                justify-content: flex-start;
+                                .tags {
+                                    height: 60px;
+                                    line-height: 60px;
+                                }
+                                .tags .el-tag {
+                                    width: 80px;
+                                    text-align: left;
+                                    .dbclick_txt {
+                                        display: inline-block;
+                                        width: 30px;
+                                        position: relative;
+                                    }
+                                }
+                                .tags .el-tag_floor {
+                                    width: 100px;
+                                }
+                                .button-new-tag {
+                                    width: 80px;
+                                }
+                                .label_left {
+                                    display: inline-flex;
+                                    justify-content: center;
+                                    align-items: center;
+                                    width: 80px;
+                                    height: 60px;
+                                    font-size: 12px;
+                                    font-family: MicrosoftYaHei;
+                                    color: #424656;
+                                }
+                                .label {
+                                    width: 80px;
+                                    text-align: right;
+                                    padding-right: 10px;
+                                    line-height: 32px;
+                                }
+                                .unit_left {
+                                    width: 182px;
+                                    height: 60px;
+                                    display: inline-flex;
+                                    align-items: center;
+                                    justify-content: center;
+                                    padding-left: 20px;
+                                    .el-tag {
+                                        width: 80px;
+                                        height: 30px;
+                                        line-height: 30px;
+                                        text-align: left;
+                                        position: relative;
+                                        .el-tag__close {
+                                            position: absolute;
+                                            top: 0;
+                                            right: 1px;
+                                        }
+                                    }
+                                    .unit_text {
+                                        margin-left: 20px;
+                                        margin-right: 40px;
+                                        font-size: 12px;
+                                        font-family: MicrosoftYaHei;
+                                        line-height: 75px;
+                                        color: #424656;
+                                        opacity: 1;
+                                    }
+                                }
+                                .unit_left_detail {
+                                    width: 100px;
+                                    justify-content: flex-start;
+                                    padding: 0px 20px;
+                                    .left_door {
+                                        font-size: 12px;
+                                        font-family: MicrosoftYaHei;
+                                        line-height: 75px;
+                                        color: #424656;
+                                    }
+                                }
+                                .unitdetail_info {
+                                    width: 80px;
+                                    justify-content: center;
+                                    padding: 0;
+                                }
+                                .tags {
+                                    width: calc(100% - 80px);
+                                    .el-tag {
+                                        margin: 0 20px 20px 0;
+                                        padding: 0 20px;
+                                        background-color: #fff;
+                                        cursor: pointer;
+                                        font-size: 14px;
+                                        position: relative;
+                                        height: 30px;
+                                        line-height: 30px;
+                                        .el-tag__close {
+                                            position: absolute;
+                                            top: 0;
+                                            right: 0;
+                                        }
+                                        .el-input {
+                                            max-width: 120px;
+                                        }
+
+                                        .el-input__inner {
+                                            height: 28px;
+                                            line-height: 28px;
+                                        }
+
+                                        &.active {
+                                            background-color: #0be5f0;
+                                            color: #fff;
+                                            text-align: left;
+                                            .el-icon-close {
+                                                color: #fff;
+                                            }
+                                        }
+                                    }
+
+                                    .input-new-tag {
+                                        max-width: 120px;
+                                    }
+                                }
+                                .el-fl-left.tags {
+                                    height: auto;
+                                }
+                            }
+                            .floor_unit {
+                                .box_detail {
+                                    padding: 0px 10px;
+                                    .el-tabs {
+                                        .el-tabs__header {
+                                            .el-tabs__nav-wrap:after {
+                                                background-color: #fff;
+                                            }
+                                        }
+                                    }
+                                    // .tabs{
+                                    //   .el-radio-group .el-radio-button .el-radio-button__inner{
+                                    // 		color:  #2787F1;;
+                                    //     font-size: 12px;
+                                    // 		font-family: MicrosoftYaHei;
+                                    // 	}
+                                    // }
+                                }
+                            }
+                            .box_add {
+                                padding-top: 0px;
+                                .tags_detail {
+                                    .door {
+                                        .el-tag {
+                                            line-height: 28px;
+                                            span {
+                                                color: #fff;
+                                            }
+                                            img {
+                                                margin-left: 5px;
+                                            }
+                                            .set_color {
+                                                color: rgba(216, 216, 216, 1);
+                                            }
+                                        }
+                                        .set_border {
+                                            border: 1px solid #d8d8d8;
+                                            opacity: 1;
+                                            border-radius: 4px;
+                                        }
+                                    }
+                                }
+                            }
+                            .add-floor .button-new-tag {
+                                width: 80px;
+                                margin-left: 20px;
+                            }
+                            .empty_floor {
+                                min-height: 138px;
+                                display: flex;
+                                justify-content: center;
+                                align-items: center;
+                                height: max-content;
+
+                                p {
+                                    font-size: 12px;
+                                    font-family: Microsoft YaHei;
+                                    font-weight: 400;
+                                    line-height: 16px;
+                                    color: #a6abb6;
+                                }
+                            }
+
+                            .unit_empty {
+                                display: flex;
+                                flex-direction: column;
+                                justify-content: center;
+                                align-items: center;
+                                min-height: 300px;
+                                height: inherit;
+
+                                span {
+                                    font-size: 12px;
+                                    font-family: Microsoft YaHei;
+                                    font-weight: 400;
+                                    line-height: 16px;
+                                    color: #a6abb6;
+                                }
+
+                                img {
+                                    width: 60px;
+                                    height: 54px;
+                                }
+
+                                .center_text {
+                                    height: 100%;
+                                    min-height: 138px;
+                                    display: flex;
+                                    flex-direction: column;
+                                    align-items: center;
+                                    justify-content: center;
+                                }
+                            }
+
+                            .border_hr {
+                                padding: 10px 0px;
+                                border-bottom: 1px solid #eeeeee;
+                            }
+                        }
+                        .top_content_detail {
+                            height: 100%;
+                        }
+                        .footer_btn {
+                            height: 62px;
+                            position: absolute;
+                            bottom: 0;
+                            right: 20px;
+                            display: flex;
+                            flex-direction: row;
+                            align-items: center;
+                        }
+                    }
+                }
+                .floorinfodetail {
+                    .el-tag_detail.active {
+                        background-color: #fff !important;
+                        color: #2787f1 !important;
+                        border: 1px solid #2787f1;
+                        opacity: 1;
+                        border-radius: 4px;
+                    }
+                }
+            }
+            .right_content_info .head_fr_detail {
+                display: flex;
+                flex-direction: column;
+            }
+            .right_content_info .floorinfo_detail {
+            }
+            .detail-tab {
+                width: 100%;
+            }
+        }
+        .el-form-item {
+            margin-bottom: 22px !important;
+            .el-form-item__label {
+                line-height: 30px !important;
+            }
+        }
+    }
 }
 
 .mapmark {
-	padding: 0 !important;
-
-	// #amap
-	// 	height: vw(562)
-	.el-autocomplete {
-		width: vw(374);
-		z-index: 2;
-		position: absolute;
-		top: vw(20);
-		left: 50%;
-		margin-left: -(vw(187));
-	}
-
-	.sys-pop__mapmark_btns {
-		border-top: 1px solid #eaedf3;
-		height: vw(66);
-		padding: vw(12) vw(20);
-		text-align: right;
-	}
-
-	.map_mark_icon {
-		background-image: url("/static/menu-icon/icon_dizhi3.png");
-		background-size: cover;
-		width: vw(20);
-		height: vw(28);
-		position: absolute;
-		top: 0;
-		left: 0;
-	}
-
-	.map_mark_content {
-		padding: vw(5) vw(20);
-		border-radius: vw(2);
-		font-size: vw(14);
-		line-height: vw(22);
-		background: #fff;
-		box-shadow: -2px 0px 15px 0px rgba(24, 24, 24, 0.3);
-	}
-
-	.amap-marker-content {
-		white-space: initial !important;
-	}
+    padding: 0 !important;
+
+    // #amap
+    // 	height: vw(562)
+    .el-autocomplete {
+        width: vw(374);
+        z-index: 2;
+        position: absolute;
+        top: vw(20);
+        left: 50%;
+        margin-left: -(vw(187));
+    }
+
+    .sys-pop__mapmark_btns {
+        border-top: 1px solid #eaedf3;
+        height: vw(66);
+        padding: vw(12) vw(20);
+        text-align: right;
+    }
+
+    .map_mark_icon {
+        background-image: url('/static/menu-icon/icon_dizhi3.png');
+        background-size: cover;
+        width: vw(20);
+        height: vw(28);
+        position: absolute;
+        top: 0;
+        left: 0;
+    }
+
+    .map_mark_content {
+        padding: vw(5) vw(20);
+        border-radius: vw(2);
+        font-size: vw(14);
+        line-height: vw(22);
+        background: #fff;
+        box-shadow: -2px 0px 15px 0px rgba(24, 24, 24, 0.3);
+    }
+
+    .amap-marker-content {
+        white-space: initial !important;
+    }
 }
 .is-disabled {
-	span.el-tag {
-		cursor: no-drop !important;
-		i.el-icon-close {
-			cursor: no-drop !important;
-		}
-	}
-	button.el-icon-plus {
-		cursor: no-drop !important;
-	}
+    span.el-tag {
+        cursor: no-drop !important;
+        i.el-icon-close {
+            cursor: no-drop !important;
+        }
+    }
+    button.el-icon-plus {
+        cursor: no-drop !important;
+    }
 }

operationSupport/src/views/payService/landlordBill/index.vue

@@ -219,10 +219,15 @@
               placement="bottom"
               content="修改账单金额"
             >
-              <i
-                class="zoniot_font zoniot-icon-koufeijilu"
+              <!-- <i
+                class="zoniot_font zoniot-icon-xiugaizhangdanjine"
                 @click="editAmount(scope.row)"
-              ></i>
+              ></i> -->
+              <img
+                src="../../../assets/img/icon_xiugaizhangdanjine.png"
+                alt=""
+                @click="editAmount(scope.row)"
+              >
             </el-tooltip>
 
             <el-tooltip
@@ -232,10 +237,16 @@
               placement="bottom"
               content="修改应收金额"
             >
-              <i
-                class="zoniot_font zoniot-icon-koufeijilu"
+              <!-- <i
+                class="zoniot_font zoniot-icon-xiugaiyingshoujine"
                 @click="receivableAmount(scope.row)"
-              ></i>
+              ></i> -->
+              <img
+                src="../../../assets/img/icon_xiugaiyingshoujine.png"
+                alt=""
+                @click="receivableAmount(scope.row)"
+                style="margin: 0 15px;"
+              >
             </el-tooltip>
 
             <el-tooltip

operationSupport/src/views/payService/landlordBill/stePage/receivable.vue

@@ -1,30 +1,28 @@
 <template>
   <div>
     <el-row>
-      <el-col :span="12">
-        <h3>景乐新村南区3栋（张三）</h3>
+      <el-col
+        :span="12"
+        class="el-col-hight"
+      >
+        <div class="formContent-item_title">景乐新村南区3栋（张三）</div>
       </el-col>
 
-      <el-col :span="12">
-
+      <el-col
+        :span="12"
+        class="el-col-hight"
+      >
         <div class="search-icon btn_right">
-          <el-tooltip
-            class="item"
-            effect="light"
-            placement="bottom"
-            content="导出"
-          >
-
-            <i
-              class="zoniot_font zoniot-icon-tianjia i_size "
-              @click="addreceivable"
-            ></i>
-          </el-tooltip>
+          <el-button
+            type="primary"
+            @click="addreceivable"
+          >新增</el-button>
         </div>
       </el-col>
       <el-col
         :span="24"
         class="span_margin"
+        style="margin: 10px 0;"
       >
         <span>{{YearTime}}年{{MonTime}}月物业费账单</span>
       </el-col>
@@ -36,6 +34,7 @@
             :data="tableData"
             border
             :height="tableData.length > 7 ? 280 : null"
+            :header-cell-style="{background:'#F8FCFF',color:'#424656'}"
           >
             <el-table-column
               type="index"
@@ -90,9 +89,6 @@
 
 </template>
 
-
-
-
 <script>
 export default {
   data () {
@@ -197,4 +193,16 @@ export default {
     border-radius: 10px;
     background: #f4f7f9a8;
 }
+.el-col-hight {
+    height: 20px;
+}
+/deep/ .el-table {
+    tr th,
+    tr td {
+        border-right: none;
+    }
+}
+.el-table-column-background {
+    background: red;
+}
 </style>

operationSupport/src/views/payService/receivableExamine/detali.vue

@@ -0,0 +1,105 @@
+<template>
+  <div>
+    <el-form
+      :model="ruleForm"
+      :rules="rules"
+      ref="ruleForm"
+      label-width="100px"
+      class="demo-ruleForm"
+    >
+      <el-form-item
+        label="月卡审核"
+        prop="resource"
+      >
+        <el-radio-group
+          v-model="ruleForm.resource"
+          @change="formDataRadio"
+        >
+          <el-radio label="1">通过</el-radio>
+          <el-radio label="2">不通过</el-radio>
+        </el-radio-group>
+
+      </el-form-item>
+      <div>
+        <el-form-item
+          label="审核信息"
+          key="3"
+        >
+          <el-input
+            type="textarea"
+            v-model="ruleForm.desc"
+          ></el-input>
+        </el-form-item>
+
+      </div>
+
+    </el-form>
+  </div>
+</template>
+
+
+
+
+<script>
+
+export default {
+  props: ['params'],
+  data () {
+    return {
+      ruleForm: {
+        resource: '1',
+        desc: '',
+      },
+      businessRecordList: [
+        {
+          name: '车主信息'
+        },
+        {
+          name: '物业缴费情况'
+        }
+      ],
+      rules: {
+        resource: [
+          { required: true, message: '请选择审核方式', trigger: 'change' }
+        ],
+        desc: [
+          { required: true, message: '请填写不通过原因', trigger: 'blur' }
+        ],
+      }
+    }
+  },
+  methods: {
+    formDataRadio () {
+      if (this.ruleForm.resource == 1 || this.ruleForm.resource == 2) {
+        this.ruleForm.desc = ''
+      }
+    },
+    submit () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.$emit('close');
+
+        } else {
+
+        }
+      })
+    }
+
+  },
+  created () {
+
+  }
+}
+
+</script>
+
+
+<style lang="scss" scoped>
+.span_color {
+    color: red;
+}
+
+.span_margin {
+    margin: 20px 0;
+}
+</style>

operationSupport/src/views/payService/receivableExamine/index.vue

@@ -0,0 +1,199 @@
+<template>
+  <div class=" main">
+    <div class="search">
+      <el-input
+        clearable
+        placeholder="姓名/地址/申请人"
+        class="search-input"
+        v-trim
+      ></el-input>
+      <!-- v-model.trim="mixins_query.chargeName" -->
+      <!-- v-model="mixins_query.communityId" -->
+      <el-select
+        placeholder="所属社区"
+        clearable
+        class="width120"
+      >
+        <el-option
+          v-for="(item,indx) in communityList"
+          :key="indx"
+          :label="item.label"
+          :value="item.id"
+        >
+        </el-option>
+      </el-select>
+      <el-select
+        placeholder="审核状态"
+        clearable
+        class="width120"
+      >
+        <el-option
+          value="1"
+          label="审核中"
+        ></el-option>
+        <el-option
+          value="2"
+          label="审核通过"
+        ></el-option>
+        <el-option
+          value="3"
+          label="审核不通过"
+        ></el-option>
+      </el-select>
+      <el-button
+        class="search-btn"
+        type="primary"
+        @click="mixins_search()"
+        icon="el-icon-search"
+      >搜索</el-button>
+
+    </div>
+    <zz-table
+      :settings="{ showCheckbox: false, showIndex: true, stripe: true }"
+      :cols=" cols"
+      :data="mixins_list"
+      :pageset="mixins_pageset"
+      @page-change="pageChange"
+      :selectable="selectable"
+      @selection-change="selectionChange"
+    >
+      <template
+        slot-scope="scope"
+        slot="opt"
+      >
+        <div class="opt">
+          <el-tooltip
+            class="item"
+            effect="light"
+            placement="bottom"
+            content="审核"
+          >
+            <!--  :content="scope.row.auditStatus == 0 ? '审核' : '无法审核'" -->
+            <i
+              v-if="scope.row.auditStatus == 0"
+              class="zoniot_font zoniot-icon-xiangqing"
+              @click="viewDetails(scope.row)"
+            ></i>
+            <i
+              class="zoniot_font zoniot-icon-xiangqing ashText"
+              v-else
+            ></i>
+          </el-tooltip>
+        </div>
+      </template>
+
+    </zz-table>
+  </div>
+</template>
+
+
+
+
+<script>
+export default {
+  data () {
+    return {
+      communityList: [],
+      cols: [
+        {
+          label: '订单号',
+          prop: ''
+        },
+        {
+          label: '姓名',
+          prop: ''
+        }, {
+          label: '客户类型',
+          prop: ''
+        }, {
+          label: '地址',
+          prop: ''
+        }, {
+          label: '费用类型',
+          prop: ''
+        }, {
+          label: '计费周期',
+          prop: ''
+        }
+        , {
+          label: '账单金额(元)',
+          prop: ''
+        }
+        , {
+          label: '原应收金额(元)',
+          prop: ''
+        }
+        , {
+          label: '申请应收金额(元)',
+          prop: ''
+        }
+        , {
+          label: '申请原因',
+          prop: ''
+        }
+        , {
+          label: '申请人',
+          prop: ''
+        }
+        , {
+          label: '审核状态',
+          prop: '',
+          format (val) {
+            if (val == 1) {
+              return '<span class="redText">审核不通过</span>';
+            } else if (val == 2) {
+              return '审核通过';
+            }
+          }
+        }
+        , {
+          label: '审核人员',
+          prop: ''
+        }
+        , {
+          label: '操作',
+          slot: 'opt'
+        }
+      ]
+    }
+  },
+  methods: {
+    communityNameList () {
+      this.communityList = [];
+      this.$http.get('/czc-community/assets/community/list', {}).then((res) => {
+        res.data.map((res) => {
+          this.communityList.push({
+            label: res.communityName,
+            id: res.id
+          })
+        });
+      });
+    },
+    viewDetails (row) {
+      // detali
+      new Promise((resolve) => {
+        this.$store.dispatch('addPopup', {
+          url: '/payService/receivableExamine/detali.vue',
+          width: '550px',
+          height: '280px',
+          props: {
+            // data: row,
+            callback: resolve
+          },
+          title: '修改应收金额'
+        });
+      }).then(() => {
+        this.mixins_search();
+      });
+    }
+  },
+  created () {
+    // 获取社区选项
+    this.communityNameList();
+
+  }
+}
+
+
+
+</script>

smart/src/views/vehicleAudit/detalis.vue

@@ -6,8 +6,63 @@
       ref="ruleForm"
       label-width="100px"
       class="demo-ruleForm"
-      v-show="modular == 1 ? true : false"
+      v-show="ruleForm.modular == '1' ? true : false"
     >
+
+      <template>
+        <div
+          class="steps"
+          :key="index"
+          style="margin-bottom: 20px;"
+        >
+          <div class="steps-left">
+            <div class="steps-left-yuan">
+              <div class="steps-left-yuan-child1">
+                <span>1</span>
+              </div>
+            </div>
+            <div
+              class="steps-right"
+              style="float: left;"
+            >
+              <div
+                class="steps-right-title"
+                style="float: left; margin-top: 7px;"
+              >
+                <span>车辆信息</span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="steps-left-line"
+            style="background-color:#F8FCFF !important"
+          ></div>
+
+          <div class="steps-left">
+            <div
+              class="steps-left-yuan"
+              style="background: #F8FCFF; text-align: center; display: flex; justify-content: center; align-items: center;"
+            >
+
+              <span style="color:#D8D8D8">2</span>
+
+            </div>
+            <div
+              class="steps-right"
+              style="float: left;"
+            >
+              <div
+                class="steps-right-title"
+                style="float: left; margin-top: 7px;"
+              >
+                <span style="color:#DBDBDB">物业缴费情况</span>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </template>
+
       <el-form-item
         label="月卡审核"
         prop="resource"
@@ -36,52 +91,73 @@
       </div>
 
     </el-form>
-    <div v-show="modular == 1 ? false : true">
+    <div v-show="ruleForm.modular == '1' ? false : true">
       <el-row>
-        <el-col :span="15">
-          <el-row>
-            <el-col :span="24">
-              <h3>景乐村南区1栋201-张三</h3>
-            </el-col>
-            <el-col
-              :span="24"
-              class="span_margin"
-            >
-              <span>物业缴费情况：</span>
-              <span>未缴清物业费，无法办理月卡</span>
-            </el-col>
-            <el-col :span="24">
-              <span>审核结果：</span>
-              <span class="span_color">不通过</span>
-            </el-col>
-          </el-row>
-        </el-col>
-        <el-col :span="9">
-          <template v-for="(item, index) in businessRecordList">
+        <el-col
+          :span="24"
+          class="el_col_24"
+        >
+          <template>
             <div
               class="steps"
               :key="index"
+              style="margin-bottom: 20px;"
             >
               <div class="steps-left">
-                <img
-                  src="@assets/img/point_yiwancheng@2x.png"
-                  alt
-                />
+                <div class="steps-left-yuan">
+                  <div class="steps-left-yuan-child1">
+                    <span>1</span>
+                  </div>
+                </div>
                 <div
-                  class="steps-left-line"
-                  v-if="index !== businessRecordList.length - 1"
-                ></div>
+                  class="steps-right"
+                  style="float: left;"
+                >
+                  <div
+                    class="steps-right-title"
+                    style="float: left; margin-top: 7px;"
+                  >
+                    <span>车辆信息</span>
+                  </div>
+                </div>
               </div>
+              <div class="steps-left-line"></div>
 
-              <div class="steps-right">
-                <div class="steps-right-title">
-                  <span>{{ item.name }}</span>
+              <div class="steps-left">
+                <div class="steps-left-yuan">
+                  <div class="steps-left-yuan-child1">
+                    <span>2</span>
+                  </div>
+                </div>
+                <div
+                  class="steps-right"
+                  style="float: left;"
+                >
+                  <div
+                    class="steps-right-title"
+                    style="float: left; margin-top: 7px;"
+                  >
+                    <span>物业缴费情况</span>
+                  </div>
                 </div>
               </div>
 
             </div>
           </template>
         </el-col>
+        <el-col :span="24">
+          <div class="formContent-item_title">社区名称</div>
+        </el-col>
+        <el-col
+          :span="24"
+          class="span_margin_bottom"
+        >
+          <span>物业缴费情况：</span><span>未缴清物业费用，无法办理月卡</span>
+        </el-col>
+        <el-col :span="24">
+          <span>审核结果：</span><span style="color:red">不通过</span>
+        </el-col>
+
       </el-row>
 
     </div>
@@ -94,6 +170,7 @@
 <script>
 
 export default {
+  props: ['params'],
   data () {
     return {
       ruleForm: {
@@ -101,6 +178,7 @@ export default {
         desc: '',
         modular: '1'
       },
+      modularType: '0',
       businessRecordList: [
         {
           name: '车主信息'
@@ -128,13 +206,25 @@ export default {
     submit () {
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
-          this.$emit('close');
+
+          debugger
+          if (this.modularType == '0') {
+            this.ruleForm.modular = '2';
+          } else {
+            alert('1');
+            this.$emit('close');
+          }
         } else {
 
         }
       })
     }
 
+  },
+  created () {
+    debugger
+    // this.ruleForm.modular = this.params.modular;
+    this.ruleForm.modular = '1';
   }
 }
 
@@ -148,35 +238,45 @@ export default {
 .span_margin {
     margin: 20px 0;
 }
+.span_margin_bottom {
+    margin-bottom: 20px;
+}
 
 .steps {
     display: flex;
     margin-left: 20px;
+    float: left;
     img {
         width: 20px;
         vertical-align: -webkit-baseline-middle;
+        float: left;
     }
     .steps-left {
         margin-right: 10px;
+        width: 140px;
         .steps-left-line {
-            width: 2px;
+            width: 112px;
             // height: calc(100% - 40px);
-            height: 50px;
-            margin: 10px auto;
-            background-color: #0eaeff !important;
+            height: 2px;
+            margin: 14px auto;
+            margin-left: 20px;
+            float: right;
+            background-color: #0be5f0 !important;
             // background-color: $mainBgColor;
         }
     }
     .steps-right {
-        width: 100%;
+        width: 70%;
         line-height: 30px;
         // margin-bottom: 10px;
         .steps-right-title {
             font-weight: 600;
             display: flex;
             justify-content: space-between;
+            line-height: 20px;
+            margin-left: 10px;
             .status {
-                color: #0eaeff !important;
+                color: #0be5f0 !important;
                 font-weight: 400;
             }
         }
@@ -190,4 +290,44 @@ export default {
         }
     }
 }
+.el_col_24 {
+    display: flex;
+    justify-content: center;
+}
+.steps-left-line {
+    width: 112px;
+    // height: calc(100% - 40px);
+    height: 2px;
+    margin: 15px auto;
+    margin-left: -26px;
+    margin-right: 20px;
+    float: right;
+    background-color: #0be5f0 !important;
+    // background-color: $mainBgColor;
+}
+
+.steps-left-yuan {
+    width: 36px;
+    height: 36px;
+    background-color: #b5e6ff;
+    border-radius: 50%;
+    float: left;
+}
+
+.steps-left-yuan-child1 {
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    background-color: #0eaeff;
+    position: relative;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    // top: 25px;
+    // left: 25px;
+    text-align: center;
+    span {
+        color: #fff;
+    }
+}
 </style>

smart/src/views/vehicleAudit/index.vue

@@ -20,23 +20,46 @@
           :label="item.name"
         ></el-option>
       </el-select>
+
+      <el-select
+        placeholder="审核状态"
+        clearable
+        v-model="mixins_query.auditStatus"
+      >
+        <el-option
+          value="0"
+          label="待审核"
+        >
+        </el-option>
+        <el-option
+          value="2"
+          label="审核未通过"
+        >
+        </el-option>
+        <el-option
+          value="3"
+          label="审核通过"
+        >
+        </el-option>
+      </el-select>
       <el-button
         type="primary"
         class="search-btn"
         @click="mixins_search"
         icon="el-icon-search"
       >查询</el-button>
-      <el-tooltip
+
+      <!-- <el-tooltip
         class="item"
         effect="light"
         placement="bottom"
-        content="查看"
+        content="审核"
       >
         <i
           class="zoniot_font zoniot-icon-shenhe"
           @click="lookDetails()"
         ></i>
-      </el-tooltip>
+      </el-tooltip> -->
     </div>
     <zz-table
       :cols="cols"
@@ -112,11 +135,20 @@ export default {
         },
         {
           label: "网格居住信息图片",
-          prop: ''
+          prop: 'gridLivingUrl'
         },
         {
           label: '审核状态',
-          prop: 'status'
+          prop: 'auditStatus',
+          format (val) {
+            if (val == 0) {
+              return '<span class="redText">未审核</span>';
+            } else if (val == 1) {
+              return '<span class="greenColor">审核通过</span>';
+            } else if (val == 2) {
+              return '<span class="greenColor">审核未通过</span>';
+            }
+          }
         },
         {
           label: '当前排位',
@@ -126,7 +158,8 @@ export default {
           label: '操作',
           slot: 'opt'
         }
-      ]
+      ],
+      modular: '1'
     }
   },
   methods: {
@@ -157,15 +190,23 @@ export default {
           props: {
             // id: row.parkId,
             // garageName: row.garageName,
-            // callback: resolve
+            callback: resolve,
+            modular: this.modular
           },
           // showConfirmButton: true,
           // showCancelButton: true,
           // hideStar: true,
           title: '月卡审核'
         });
-      }).then(() => {
+      }).then((data) => {
+        debugger
         this.mixins_search();
+        if (data.id == 2) {
+          this.modular = '2';
+          this.lookDetails();
+          this.modular = '1';
+        }
+        // this.lookDetails();
       });
     }
   },