调整

src/assets/css/xpwyfyy-oa.css

@@ -0,0 +1,4769 @@
+/*html,
+body {
+	width: 100%;
+	height: 100%;
+}*/
+
+body {
+	padding: 0;
+	margin: 0;
+}
+
+.color4fc5f7 {
+	color: #3385FF/*蓝*/
+}
+
+.colorf8b155,
+.vongi-zctj .vongi-ygjkma .vongi-archives .mui-table-view .colorf8b155 {
+	color: #FF8400/*黄*/
+}
+
+.color05c8af {
+	color: #05c8af/*湖绿*/
+}
+
+.colorfe616c,
+.vongi-zctj .vongi-ygjkma .vongi-archives .mui-table-view .colorfe616c {
+	color: #fe616c/*红*/
+}
+
+.colorda94f8 {
+	color: #8855FF/*紫*/
+}
+
+.color4359DB {
+	color: #4359DB/*紫蓝*/
+}
+
+.color55f868,
+.vongi-zctj .vongi-ygjkma .vongi-archives .mui-table-view .color55f868 {
+	color: #389E0D/*绿*/
+}
+
+.color-yellow {
+	color: #fe616c/*红*/
+}
+
+.colorFF7100
+/*投票橙*/
+
+{
+	color: #FF7100
+}
+
+.color-bule {
+	color: #375cf5
+}
+
+.coloreb59fc {
+	color: #375cf5
+}
+
+.color999 {
+	color: #999
+}
+
+.color333 {
+	color: #333
+}
+
+.color666 {
+	color: #666
+}
+
+.margin60 {
+	margin-bottom: 60px
+}
+
+.margin30 {
+	margin-bottom: 30px
+}
+
+.margin10 {
+	margin-bottom: 10px
+}
+
+.margint10 {
+	margin: 10px 0
+}
+
+.marginl5 {
+	margin-left: 5px
+}
+
+.marginbo,
+.vongi-notice.marginbo {
+	margin-bottom: 0
+}
+
+.inedxfyy-content {
+	margin-bottom: 70px
+}
+
+.mui-bar .close {
+	line-height: 44px;
+}
+
+.flew {
+	display: flex;
+}
+
+.flew-sp {
+	display: flex;
+	justify-content: space-between;
+}
+
+.flew-items {
+	display: flex;
+	align-items: center;
+}
+
+.vongi-bagfff {
+	background: #ffffff
+}
+
+.clamp-two {
+	white-space: normal;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+}
+
+.mui-btn-warninge {
+	color: #fff;
+	border: 1px solid #FF7100;
+	background-color: #FF7100;
+}
+
+.inedxfyy-content-icon .mui-grid-view.mui-grid-9 .mui-media .mui-icon.color4fc5f7 {
+	border: 1px #4fc5f7 solid;
+}
+
+.inedxfyy-content-icon .mui-grid-view.mui-grid-9 .mui-media .mui-icon.colorda94f8 {
+	border: 1px #da94f8 solid;
+}
+
+.inedxfyy-content-icon .mui-grid-view.mui-grid-9 .mui-media .mui-icon.colorf8b155 {
+	border: 1px #f8b155 solid;
+}
+
+.inedxfyy-content-icon .mui-grid-view.mui-grid-9 .mui-media .mui-icon.color55f868 {
+	border: 1px #47bf37 solid;
+}
+
+.inedxfyy-content-icon .mui-grid-view.mui-grid-9 .mui-media .mui-icon.colorfe616c {
+	border: 1px #fe616c solid;
+}
+
+.notice-fyy {
+	background: #375cf5;
+	padding: 10px;
+	display: flex;
+}
+
+.notice-fyy .mui-icon {
+	color: #ffffff
+}
+
+.notice-fyy .mui-media-body {
+	border-left: 1px #ffffff solid;
+	padding-left: 15px;
+	margin-left: 10px;
+	color: #ffffff
+}
+
+.mui-content,
+.mui-grid-view.mui-grid-9 {
+	background: 0
+}
+
+.mui-grid-view.mui-grid-9,
+.mui-grid-view.mui-grid-9 .mui-table-view-cell {
+	border: 0
+}
+
+.mui-table-view-cell.inedxfyy-grid-big>a:not(.mui-btn) {
+	height: 229px;
+	flex-direction: column;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.mui-grid-view.mui-grid-9 .mui-table-view-cell.inedxfyy-grid-agin {
+	padding: 5px 0
+}
+
+.mui-grid-view.mui-grid-9 .mui-table-view-cell.inedxfyy-grid-ato {
+	padding-top: 0
+}
+
+.mui-grid-view.mui-grid-9 .mui-table-view-cell.inedxfyy-grid-paddbot {
+	padding-bottom: 0
+}
+
+.inedxfyy-bar {
+	position: relative;
+}
+
+.inedxfyy-bar-index {
+	background: #375cf5;
+	width: 120px;
+	height: 120px;
+	border-radius: 50%;
+	position: fixed;
+	bottom: 0;
+	margin-bottom: -50px;
+	left: 50%;
+	margin-left: -60px;
+	padding-top: 15px;
+}
+
+.mui-content-padded h6 {
+	margin: 15px 0;
+	color: #666
+}
+
+.faceaifyy-content-text,
+.faceaifyy-content-text h5,
+.bindfyy-footer .mui-media-body,
+.bindfyy-footer h5 {
+	color: #666;
+	font-size: 90%
+}
+
+.faceaifyy-content-text {
+	padding-top: 20px
+}
+
+.mui-input-row .fyy-duanxin {
+	width: 30%;
+	border-left: 1px #999 solid;
+	padding-left: 15px;
+	text-decoration: none;
+	color: #375cf5;
+}
+
+.bindfyy-btn {
+	width: 70%;
+	margin: 50px auto
+}
+
+.bindfyy-btn button {
+	line-height: 26px;
+	width: 100%
+}
+
+.openfyy-list {
+	background: 0
+}
+
+.openfyy-list .mui-table-view-cell {
+	background: #ffffff;
+	margin-bottom: 1px
+}
+
+.openfyy-list.mui-table-view:before,
+.openfyy-list.mui-table-view:after,
+.openfyy-list .mui-table-view-cell:after {
+	background: 0
+}
+
+.openfyy-list .mui-table-view-cell .mui-media-body {
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	padding-right: 30px
+}
+
+.openfyy-progressbar {
+	text-align: center;
+	padding: 30% 30px
+}
+
+.openfyy-progressbar h4 {
+	margin: 20px 0
+}
+
+.openfyy-line {
+	background: #243da2;
+	background: -webkit-linear-gradient(to right, #5826ae, #168bb0);
+	background: linear-gradient(to right, #5826ae, #168bb0);
+	height: 4px;
+	position: relative
+}
+
+.openfyy-progressbar .mui-media-body {
+	line-height: 24px;
+	padding: 20px
+}
+
+.openfyy-line span {
+	width: 10px;
+	height: 10px;
+	border-radius: 50%;
+	background: #a3b5ff;
+	position: absolute;
+	box-shadow: 0px 0px 8px #ffffff;
+	top: -3px;
+	left: 80%;
+}
+
+.icon-lock-fill,
+.icon-jiankong {
+	font-size: 30px;
+	color: #666
+}
+
+.mui-content-padded video {
+	width: 100%;
+	border-radius: 3px;
+}
+
+.vongi-photo {
+	background: url(../img/faceai.png) center no-repeat;
+	background-size: 100% 100%;
+	height: 300px;
+	width: 60%;
+	padding: 15px;
+	margin: 20px auto;
+}
+
+.faceaifyy-content-region {
+	background: #999;
+	text-align: center;
+	height: 100%;
+	justify-content: center;
+	flex-direction: column;
+	display: flex;
+	border-radius: 4px;
+	overflow: hidden;
+}
+
+.faceaifyy-content-region span {
+	color: #ffffff;
+	font-size: 40px
+}
+
+.mui-segmented-control.mui-scroll-wrapper .mui-scroll {
+	width: 100%;
+	background: #ffffff;
+	height: 44px
+}
+
+.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
+	width: 50%
+}
+
+.vongi-ygjkma .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
+	width: 25%;
+	padding: 0;
+	font-size: 14px;
+}
+
+.vongi-ygjkma .mui-badge {
+	font-size: 80%
+}
+
+.vongi-ygjkma .mui-segmented-control.mui-scroll-wrapper .mui-scroll {
+	padding: 0 15px
+}
+
+.mui-segmented-control.mui-scroll-wrapper {
+	height: 44px
+}
+
+.mui-segmented-control .mui-control-item {
+	line-height: 44px;
+}
+
+.mui-fullscreen .mui-segmented-control~.mui-slider-group {
+	top: 44px
+}
+
+.fyy-huifu {
+	padding-top: 30px;
+	border-top: 1px #ddd solid;
+	margin-top: 50px;
+	position: relative
+}
+
+.fyy-huifu p {
+	margin-bottom: 0;
+	color: #666
+}
+
+.fyy-huifu .fyy-answer-title {
+	position: absolute;
+	top: -11px;
+	left: 50%;
+	margin-left: -65px;
+	width: 130px;
+	background: #ffffff;
+	text-align: center;
+	font-size: 12px;
+	color: #999
+}
+
+.mui-input-row .mui-btn {
+	width: 70%;
+	padding: 0;
+	padding-right: 35px;
+	line-height: 43px;
+	text-align: right;
+	background: 0;
+	border: 0;
+	font-size: 14px;
+	margin-bottom: 0;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.mui-input-row .iconfont {
+	position: absolute;
+	right: 15px;
+	padding-top: 22px;
+}
+
+.vongi-qingjiadt .mui-input-row i {
+	position: initial;
+	padding-top: 0
+}
+
+.vongi-footer {
+	background: #ffffff
+}
+
+.fyy-footer {
+	position: fixed;
+	bottom: 0;
+	width: 100%;
+	padding: 10px 15px;
+}
+
+.fyy-footer button {
+	font-size: 16px
+}
+
+.fyy-footer.vongi-footer button {
+	font-size: 14px;
+	padding: 5px 20px
+}
+
+.fyy-footer.vongi-footer .mui-right {
+	text-align: right;
+}
+
+.fyy-footer .bindfyy-btn {
+	width: 100%;
+	margin: 0 auto
+}
+
+.fyy-footer-text {
+	text-align: center;
+	line-height: 1.6;
+}
+
+.fyy-footer .vongi-xieyi .mui-radio.mui-left input[type=radio] {
+	left: 0;
+	top: 3px
+}
+
+.fyy-footer .vongi-xieyi .mui-radio.mui-left label {
+	padding: 0 15px 10px 20px;
+}
+
+.mui-table-view.fyy-view {
+	padding: 12px 0
+}
+
+.mui-table-view.fyy-view .mui-table-view-cell {
+	padding: 0px 12px
+}
+
+.fyy-view .mui-table-view-cell label {
+	float: left;
+	color:#777777 ;
+	
+}
+
+.fyy-view .mui-table-view-cell span {
+	display: flex;
+	justify-content: space-between;
+}
+
+.mui-table-view.fyy-view:before,
+.mui-table-view.fyy-view:after,
+.fyy-view .mui-table-view-cell:after {
+	background: 0
+}
+
+.fyy-yuanjia {
+	text-decoration: line-through;
+	margin-left: 10px
+}
+
+.mui-input-row p {
+	line-height: 43px;
+	font-size: 14px;
+	padding-right: 15px;
+	color: #333
+}
+
+.fyy-content {
+	margin-bottom: 80px;
+}
+
+.mui-content-padded.bindfyy-btn h6 {
+	text-align: center;
+}
+
+.mui-content-padded.bindfyy-btn {
+	margin: 50px auto 20px
+}
+
+.fyy-sever {
+	background: #ffffff;
+	text-align: center;
+	padding: 50px 30px
+}
+
+.fyy-sever img {
+	width: 25%
+}
+
+.mui-h3,
+h3 {
+	font-weight: normal;
+}
+
+.fyy-sever h3 {
+	margin: 10px 0;
+	color: #47bf37;
+}
+
+.fyy-sever span {
+	margin: 0 15px
+}
+
+.severfyy-list.openfyy-list .mui-table-view-cell {
+	line-height: 38px;
+	margin-bottom: 10px
+}
+
+.fyy-paylist label {
+	width: 30%;
+}
+
+.fyy-paylist p {
+	width: 25%;
+	float: left;
+	margin-bottom: 0
+}
+
+.fyy-paylist span {
+	width: 45%;
+	line-height: 60px;
+	float: left;
+	font-size: 12px;
+	text-align: right;
+	padding: 0 15px;
+	color: #999
+}
+
+.paychoose.openfyy-list .mui-table-view-cell {
+	line-height: 0;
+	margin-bottom: 10px
+}
+
+.paychoose img {
+	width: 50%
+}
+
+.vongi-meform-pho .mui-table-view-cell.mui-selected a,
+.mui-selected a {
+	border: 1px solid #375cf5
+}
+
+.vongi-meform-pho .mui-table-view-cell.mui-selected a {
+	color: #375cf5
+}
+
+.fyy-payyes img {
+	width: 60%;
+	padding: 50px 0
+}
+
+.fyy-payyes {
+	text-align: center;
+}
+
+.inedxfyy-content-icon.mui-slider .mui-slider-group .mui-slider-item {
+	padding: 15px 0 25px;
+	background: #ffffff
+}
+
+.inedxfyy-content .mui-content-padded h6 {
+	margin: 0;
+	line-height: 1.5;
+	text-align: center;
+	color: #8f8f94
+}
+
+.shuifyy-list .mui-table-view-cell {
+	line-height: 60px;
+	height: 60px;
+	text-align: left;
+}
+
+.shuifyy-list .mui-btn {
+	padding: 0;
+	margin: 0;
+	background: 0;
+	border: 0;
+	text-align: left;
+	right: 0;
+	padding: 20px 65px 20px 15px;
+	font-size: 15px
+}
+
+.shuifyy-list .mui-table-view-cell .icon-xiajiantou1 {
+	position: absolute;
+	right: 15px;
+	top: 20px
+}
+
+.fyy-footer p {
+	text-align: center;
+}
+
+.shuifyy-list .mui-table-view-cell option {
+	background: #283464;
+	border-bottom: 1px #10193a solid;
+	line-height: 40px
+}
+
+.fyy-radio .mui-grid-view.mui-grid-9 .mui-media .mui-icon {
+	border: 0;
+	color: #ffffff;
+	padding: 0
+}
+
+.fyy-radio .mui-grid-view.mui-grid-9 .mui-media a {
+	background: #333;
+	height: 100px;
+	width: 100px;
+	border-radius: 50%;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.fyy-radio .mui-grid-view.mui-grid-9,
+.fyy-radio .mui-grid-view.mui-grid-9 .mui-table-view-cell {
+	background: #999;
+	justify-content: center;
+	display: flex;
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell.mui-active-kai a:active,
+.mui-table-view.mui-grid-view .mui-table-view-cell.mui-active-kai a:focus {
+	background: #47bf37
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell.mui-active-guan a:active,
+.mui-table-view.mui-grid-view .mui-table-view-cell.mui-active-guan a:focus,
+.mui-table-view.mui-grid-view .mui-table-view-cell.mui-active-guan.mui-active a {
+	background: #fe616c
+}
+
+.fyy-upphoto .mui-content-padded h5 {
+	margin: 25px 0 15px;
+	color: #666;
+	font-size: 16px;
+	
+}
+
+.fyy-upphoto .mui-media-body {
+	font-size: 14px;
+	color: #999
+}
+
+.fyy-upphoto .faceaifyy-content-text {
+	margin: 0;
+	padding-top: 0
+}
+
+.fyy-upphoto .bindfyy-btn {
+	margin: 30px auto 15px
+}
+
+.fyy-upphoto .faceaifyy-content.mui-content-padded {
+	height: 240px;
+	width: 50%;
+	margin: 10px auto;
+}
+
+.fyy-upphoto-close {
+	position: relative
+}
+
+.vongi-wordcard .fyy-upphoto .mui-col-xs-3.fyy-upphoto-close a {
+	background: #333;
+	right: 0;
+}
+
+.vongi-wordcard .fyy-upphoto .mui-col-xs-3.fyy-upphoto-close a,
+.mui-grid-view.mui-grid-9 .mui-media .mui-icon.vongi-close,
+.mui-grid-view.mui-grid-9 .mui-media .mui-icon.vongi-add {
+	width: 16px;
+	height: 16px;
+	border-radius: 50%;
+	position: absolute;
+	top: 0;
+	color: #ffffff;
+	line-height: 16px;
+	font-size: 16px;
+	border: 0
+}
+
+.mui-grid-view.mui-grid-9 .mui-media .mui-icon.vongi-close {
+	padding: 0;
+	background: #aaa;
+	right: 5px;
+}
+
+.mui-grid-view.mui-grid-9 .mui-media .mui-icon.vongi-add {
+	padding: 0;
+	background: #3385FF;
+	right: 5px;
+}
+
+.fyy-radio ul li .mui-media-body {
+	color: #ffffff
+}
+
+.vongi-notice {
+	background: #ffffff;
+	padding: 15px;
+	margin-bottom: 10px
+}
+
+.vongi-notice p {
+	font-size: 14px;
+	text-align: justify;
+	margin-bottom: 5px;
+}
+
+.vongi-notice h4 {
+	margin-top: 10px;
+	line-height: 1.5;
+}
+
+.vongi-notice .mui-h3 {
+	padding: 15px 0;
+	border-bottom: 1px #eee solid;
+	margin-bottom: 15px
+}
+
+.vongi-notice-img {
+	height: 68px;
+	display: flex;
+	overflow: hidden;
+	margin-bottom: 10px
+}
+
+.vongi-notice-img img {
+	width: 100%;
+	min-height: 100%;
+	object-fit: cover;
+}
+
+.vongi-notice-list {
+	padding: 15px;
+	background: #ffffff
+}
+
+.vongi-notice-list h3 {
+	margin-bottom: 10px;
+}
+
+.vongi-notice-list h3 img {
+	margin-right: 5px
+}
+
+.vongi-floor-padded a {
+	padding: 2px 0 2px 15px;
+	display: block;
+	color: #333;
+	position: relative;
+}
+
+.vongi-floor-padded a:after {
+	content: "";
+	position: absolute;
+	left: 0;
+	background: #333;
+	width: 3px;
+	height: 3px;
+	border-radius: 1.5px;
+	top: 50%;
+	margin-top: -1.5px;
+}
+
+.fyy-statistics-body h3 {
+	text-align: center;
+	width: 100%
+}
+
+.vongi-editme .mui-input-row .mui-btn img {
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	margin: 5.5px 0;
+	float: right;
+	object-fit: cover;
+}
+
+.vongi-editme .mui-input-row input,
+.vongi-editme .mui-input-row p {
+	text-align: right;
+}
+
+.openfyy-list .flew-sp {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.openfyy-list .flew-sp .mui-h4 {
+	display: flex;
+	align-items: center;
+}
+
+.openfyy-list .flew-sp .mui-h4 button {
+	margin-left: 15px;
+	padding: 3px 12px
+}
+
+.openfyy-list .flew-sp .mui-navigate-right:after,
+.openfyy-list .flew-sp .mui-push-right:after {
+	right: 0
+}
+
+.mui-bar .mui-icon.iconfont {
+	font-size: 14px;
+	margin-right: 3px;
+	padding-right: 0
+}
+
+.fyy-footer .bindfyy-btn button {
+	font-size: 16px
+}
+
+.vongi-jkz-left,
+.vongi-jkz-right {
+	float: left
+}
+
+.vongi-jkz-content .faceaifyy-content.mui-content-padded {
+	margin: 0;
+	background: 0;
+	padding: 0;
+	height: 178px;
+	width: 100%;
+}
+
+.fyy-statistics.mui-grid-view.mui-grid-9 .mui-table-view-cell {
+	margin-top: 10px
+}
+
+.fyy-statistics.mui-grid-view.mui-grid-9 .mui-table-view-cell:first-child {
+	margin-top: 0
+}
+
+.vongi-jkz-right h2 {
+	display: flex;
+	align-items: center;
+	float: left
+}
+
+.vongi-jkz-right h2 span {
+	border: 1px #47bf37 solid;
+	padding: 3px 8px;
+	font-size: 12px;
+	border-radius: 4px;
+	margin-left: 10px
+}
+
+.fyy-statistics.mui-grid-view.mui-grid-9 .mui-media .fyy-statistics-body .mui-icon {
+	font-size: 18px
+}
+
+.fyy-statistics-body {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.fyy-statistics-body a {
+	position: relative;
+	padding-right: 20px;
+}
+
+.fyy-statistics-body .mui-navigate-right:after,
+.fyy-statistics-body .mui-push-right:after {
+	right: 0
+}
+
+.mui-content.vongi-jkz-content {
+	overflow: hidden;
+}
+
+.faceaifyy-content .mui-media-body {
+	background: rgba(0, 0, 0, 0.5);
+	padding: 5px;
+	position: absolute;
+	bottom: 0;
+	color: #ffffff;
+	width: 100%;
+	text-align: center;
+	line-height: 21px;
+	z-index: 99;
+}
+
+.vongi-toup .mui-media-object {
+	background: #999 no-repeat center;
+	background-size: 100% 100%;
+}
+
+.vongi-toup .mui-media-object span {
+	background: rgba(0, 0, 0, 0.5);
+	padding: 5px;
+	position: absolute;
+	bottom: 0;
+	color: #ffffff;
+	width: 100%;
+	text-align: center;
+	line-height: 21px;
+	z-index: 99999;
+	display: block;
+}
+
+.faceaifyy-content .mui-media-body span {
+	margin-left: 5px
+}
+
+.vongi-jkz-list {
+	background: #ffffff;
+	padding: 10px;
+	border-radius: 4px;
+}
+
+.vongi-choose-yq {
+	background: url(../img/blue.png) no-repeat center;
+}
+
+.vongi-choose-zz {
+	background: url(../img/green.png) no-repeat center;
+}
+
+.vongi-choose-yl {
+	background: url(../img/red.png) no-repeat center;
+}
+
+.vongi-choose .mui-media-body,
+.vongi-choose .mui-media-body p,
+.vongi-choose .mui-navigate-right:after,
+.vongi-choose .mui-push-left:after,
+.vongi-choose .mui-push-right:after {
+	color: #ffffff
+}
+
+.vongi-choose {
+	padding: 30px
+}
+
+.vongi-choose .mui-table-view {
+	background: 0
+}
+
+.vongi-choose .mui-table-view-cell {
+	margin-top: 15px;
+	background-size: 100% 100%;
+	border-radius: 7px;
+}
+
+.vongi-choose .mui-media-body p {
+	margin-top: 5px
+}
+
+.vongi-choose .mui-table-view-cell a {
+	padding: 20px 15px
+}
+
+.vongi-choose h5 {
+	line-height: 1.4;
+}
+
+.vongi-choose h1 {
+	text-align: center;
+	margin-bottom: 10px
+}
+
+.vongi-login-logo {
+	padding: 10% 50px;
+	text-align: center;
+}
+
+.vongi-login-logo img {
+	width: 72px;
+	height: 72px;
+	border-radius: 7px;
+}
+
+.vongi-login-logo h2 {
+	font-weight: initial;
+}
+
+.vongi-xieyi.mui-input-group .mui-input-row {
+	background: 0;
+	position: relative
+}
+
+.vongi-login-form .mui-input-row a {
+	position: absolute;
+	right: 15px;
+	top: 11px;
+	color: #3385FF
+}
+
+.vongi-xieyi .mui-radio input[type=radio]:before {
+	font-size: 16px
+}
+
+.vongi-xieyi .mui-radio.mui-left label {
+	padding: 10px 15px 10px 35px;
+}
+
+.vongi-xieyi .mui-radio.mui-left input[type=radio] {
+	left: 15px;
+	width: auto;
+	height: auto;
+	top: 12px
+}
+
+.vongi-login-btn button {
+	margin-bottom: 10px
+}
+
+.vongi-btn {
+	padding: 15px;
+	text-align: center;
+}
+
+.vongi-btn button {
+	width: 100%;
+	padding: 8px 15px;
+	font-size: 16px
+}
+
+.vongi-yj-btn {
+	padding: 15px 20%;
+}
+
+.vongi-yj-btn button {
+	padding: 5px 15px;
+	border-radius: 17px;
+}
+
+.vongi-login-form.mui-input-group .mui-input-row:after {
+	-webkit-transform: initial;
+	transform: initial;
+	background-color: #eee;
+}
+
+.vongi-xieyi.mui-input-group .mui-input-row {
+	height: auto
+}
+
+.vongi-pipei.mui-table-view .mui-media-object {
+	line-height: 36px;
+	max-width: 36px;
+	height: 36px;
+	display: flex;
+	overflow: hidden;
+	border-radius: 50%;
+	margin: 0 auto;
+	border: 1px #eee solid;
+}
+
+.vongi-pipei.mui-table-view .mui-media-object img {
+	object-fit: cover;
+	width: 100%;
+	min-height: 100%;
+}
+
+.vongi-pipei .mui-selected.mui-table-view-cell {
+	background: #3385FF
+}
+
+.vongi-pipei .mui-table-view-cell {
+	background: #FFFFFF;
+	border: 1px #D9D9D9 solid
+}
+
+.vongi-pipei .mui-pull-left p {
+	text-align: center;
+}
+
+.vongi-pipei .mui-pull-left {
+	margin-right: 15px;
+	position: relative
+}
+
+.vongi-pipei .mui-pull-left .mui-badge {
+	position: absolute;
+	right: 0;
+	top: 0
+}
+
+.vongi-pipei .mui-table-view-cell a {
+	display: flex;
+	align-items: center;
+}
+
+.vongi-choose .vongi-pipei .mui-media-body,
+.vongi-choose .vongi-pipei .mui-media-body p {
+	color: #333;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.vongi-choose .vongi-pipei .mui-selected .mui-media-body,
+.vongi-choose .vongi-pipei .mui-selected .mui-media-body p,
+.vongi-pipei .mui-selected .mui-pull-left p {
+	color: #ffffff
+}
+
+.vongi-choose.mui-content-padded {
+	padding: 5px
+}
+
+.vongi-work ul li {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	background: #ffffff;
+	margin-bottom: 2px;
+}
+
+.vongi-work ul,
+.vongi-work .mui-table-view:before,
+.vongi-work .mui-table-view:after,
+.vongi-work .mui-table-view-cell:after {
+	background: 0
+}
+
+.vongi-work ul li .mui-media-body {
+	display: flex;
+	align-items: center;
+}
+
+.vongi-work ul li .mui-media-body button {
+	margin-right: 15px;
+	border-radius: 15px;
+	padding: 3px 12px
+}
+
+.mui-content-padded h5 {
+	margin: 15px 0 8px 0;
+	color: #666;
+	font-size: 14px;
+	 padding: 0 15px;
+}
+
+.vongi-wordcard-padded {
+	background: #ffffff;
+	padding: 20px 15px
+}
+
+.vongi-wordcard-padded span {
+	margin-left: 15px
+}
+
+.vongi-wordcard .mui-input-row label {
+	width: auto
+}
+
+.vongi-wordcard .mui-input-row {
+	display: flex;
+	justify-content: space-between
+}
+
+.vongi-wordcard .mui-input-row .mui-btn {
+	padding-right: 40px;
+	width: auto
+}
+
+.vongi-wordcard .vongi-wordcard-padded h5 {
+	margin: 0;
+	line-height: 30px;
+}
+
+.vongi-wordcard .mui-content-padded .mui-input-row textarea {
+	line-height: inherit
+}
+
+.vongi-wordcard .fyy-upphoto img {
+	width: 100%;
+	object-fit: cover;
+	min-height: 100%;
+}
+
+.vongi-wordcard .fyy-upphoto .mui-col-xs-3 {
+	height: 80px;
+	overflow: hidden;
+	display: flex;
+	border-radius: 4px;
+	padding: 5px;
+}
+
+.vongi-wordcard .fyy-upphoto .mui-col-xs-3 img {
+	object-fit: cover;
+	border-radius: 4px;
+}
+
+.vongi-wordcard .fyy-upphoto .mui-col-xs-3:nth-child(4) {
+	margin-right: 0
+}
+
+.vongi-wordcard .fyy-upphoto .mui-col-xs-3 a {
+	display: block;
+	width: 100%;
+	line-height: 70px;
+	text-align: center;
+	color: #999;
+	border: 1px #999 solid;
+	border-radius: 4px;
+}
+
+.vongi-wordcard .mui-media-object {
+	width: 47px;
+	height: 47px;
+	border-radius: 50%;
+	overflow: hidden;
+	display: flex;
+	margin-right: 10px;
+	border: 1px #eee solid;
+}
+
+.vongi-yuan-img68 .mui-media-object {
+	width: 68px;
+	height: 68px;
+}
+
+.vongi-wordcard .mui-media-object img {
+	width: 100%;
+	object-fit: cover;
+	min-height: 100%
+}
+
+.vongi-wordcard-top {
+	position: relative;
+	padding: 10px;
+	background: #ffffff;
+}
+
+.vongi-wordcard-top button {
+	position: absolute;
+	right: 10px;
+	top: 50%;
+	border-radius: 16px;
+	padding: 5px 15px;
+	margin-top: -15px
+}
+
+.vongi-wordcard-center li {
+	display: flex;
+	padding: 5px 15px
+}
+
+.vongi-wordcard-center li .mui-media-body {
+	width: 30%
+}
+
+.vongi-wordcard-center li span {
+	width: 70%
+}
+
+.vongi-wordcard .mui-table-view:after,
+.vongi-wordcard .mui-table-view:before,
+.vongi-wordcard .mui-table-view-cell:after {
+	background: 0
+}
+
+.vongi-wordcard .fyy-upphoto {
+	display: flex;
+	padding-top: 0;
+	flex-wrap: wrap;
+	padding: 0 15px;
+}
+
+.vongi-wordcard .fyy-upphoto .mui-col-xs-3 img {
+	object-fit: cover;
+}
+
+.vongi-wordcard .fyy-upphoto .mui-col-xs-3:nth-child(4) {
+	margin-right: 0
+}
+
+.vongi-wordcard-center ul {
+	padding: 10px 0
+}
+
+.vongi-wordcard .mui-ellipsis {
+	margin-top: 5px;
+	margin-bottom: 0
+}
+
+.vongi-wordcard .mui-content-padded {
+	margin: 0 15px
+}
+
+.fyy-popup.mui-card {
+	background: 0;
+	position: fixed;
+	top: 25%;
+	left: 0;
+	border-radius: 4px;
+	z-index: 999;
+	right: 0;
+	margin: 0 30px;
+	box-shadow: initial;
+}
+
+.fyy-popup.mui-card .mui-card-header {
+	background: #ffffff
+}
+
+.fyy-popup.mui-card .vongi-btn {
+	padding: 15px 0
+}
+
+.fyy-popup.mui-card .mui-card-content textarea {
+	border-radius: 0 0 2px 2px;
+}
+
+.vongi-wordcard-sp .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
+	background: 0;
+}
+
+.vongi-wordcard-sp .mui-media-object {
+	width: 42px;
+	min-height: 42px;
+	height: 42px;
+	display: flex;
+	margin-right: 10px;
+	border-radius: 50%;
+	overflow: hidden;
+	border: 1px #eee solid;
+}
+
+.vongi-wordcard-sp .mui-media-object img {
+	width: 100%;
+	object-fit: cover;
+}
+
+.vongi-wordcard-sp .mui-input-row a,
+.vongi-wordcard-sp .mui-input-row p,
+.vongi-wordcard-sp .mui-input-row label {
+	line-height: inherit;
+}
+
+.vongi-wordcard-sp .mui-input-row p {
+	color: #666
+}
+
+.vongi-wordcard-sp .paddl {
+	padding-left: 52px;
+	padding-right: 0
+}
+
+.vongi-wordcard-sp .mui-input-row a {
+	color: #333;
+	display: block;
+	background: #ffffff;
+	padding: 10px;
+	margin: 0 10px 0 50px;
+	border-top-left-radius: 5px;
+	border-bottom-left-radius: 5px;
+}
+
+.vongi-wordcard-sp .mui-input-row a .mui-media-body {
+	position: relative;
+}
+
+.vongi-bksp-time {
+	position: absolute;
+	right: 20px;
+	top: 50%;
+	margin: 0;
+	transform: translateY(-50%);
+	-webkit-transform: translateY(-50%);
+	color: #999
+}
+
+.vongi-wordcard-sp .mui-input-group .mui-input-row {
+	background: 0;
+	height: auto;
+	margin-top: 10px
+}
+
+.vongi-wordcard-sp .fyy-bindfyy-btn .mui-input-group .mui-input-row {
+	margin-top: 0
+}
+
+.vongi-wordcard-sp .fyy-checkbox .mui-checkbox.mui-left input[type=checkbox],
+.vongi-wordcard-sp .fyy-checkbox .mui-radio.mui-left input[type=radio] {
+	top: 29px;
+	left: 10px
+}
+
+.vongi-wordcard-sp .fyy-checkbox .mui-checkbox.mui-left label,
+.vongi-wordcard-sp .fyy-checkbox .mui-radio.mui-left label {
+	padding: 10px 10px 0px 50px
+}
+
+.vongi-wordcard-sp .mui-segmented-control.mui-scroll-wrapper .mui-control-item .fyy-badge {
+	position: relative
+}
+
+.vongi-wordcard-sp .mui-segmented-control.mui-scroll-wrapper .mui-control-item .mui-badge {
+	position: absolute;
+	right: -15px;
+	top: -10px;
+	background: #fe616c;
+	color: #ffffff
+}
+
+.vongi-wordcard-sp .fyy-bindfyy-btn {
+	padding: 0;
+	bottom: 0;
+	display: flex;
+	z-index: 9999;
+	margin: 0;
+	position: fixed;
+	width: 100%;
+	-webkit-box-shadow: 0 1px 6px #ccc;
+	box-shadow: 0 1px 6px #ccc;
+	background: #ffffff
+}
+
+.vongi-wordcard-sp .fyy-bindfyy-btn button {
+	border-radius: initial;
+	width: 30%;
+	margin-bottom: 0;
+}
+
+.vongi-wordcard-sp .fyy-bindfyy-btn .mui-input-group {
+	border-radius: initial;
+	width: 40%
+}
+
+.vongi-wordcard-sp .fyy-bindfyy-btn .mui-checkbox input[type=checkbox] {
+	top: 7px
+}
+
+.vongi-wordcard-sp #item1mobile .mui-btn-danger {
+	background: #fe616c;
+	width: 30%;
+	border-radius: initial;
+}
+
+.vongi-wordcard-sp #item1mobile .mui-btn-success {
+	background: #47bf37;
+	width: 30%;
+	border-radius: initial;
+}
+
+.vongi-wordcard-sp .mui-slider-item .mui-btn-danger,
+.vongi-wordcard-sp .mui-slider-item .mui-btn-success {
+	padding: 2px 10px;
+}
+
+.vongi-wordcard-sp .mui-slider-item .mui-h6 {
+	margin-right: 35px
+}
+
+.vongi-wordcard-sp .mui-table-view {
+	background: 0;
+	padding: 10px
+}
+
+.vongi-wordcard-sp .mui-table-view li {
+	background: #ffffff;
+	margin-bottom: 10px;
+	border-bottom: 1px #eee solid;
+	border-radius: 4px;
+}
+
+.vongi-wordcard-sp .mui-table-view-cell:after {
+	background: 0
+}
+
+.vongi-wordcard-sp .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
+	border: 0;
+}
+
+.vongi-wordcard-sp .mui-card-footer:before,
+.vongi-wordcard-sp .mui-card-header:after {
+	background-color: #999;
+}
+
+.vongi-wordcard-sp .mui-backdrop {
+	background-color: rgba(0, 0, 0, .8);
+}
+
+.vongi-work .vongi-qingjia li {
+	margin-bottom: 10px
+}
+
+.vongi-work .vongi-qingjia li button {
+	padding: 3px 12px
+}
+
+.vongi-qingjia li h4 span {
+	margin-left: 15px
+}
+
+.vongi-qingjiadt-head {
+	padding: 20px 15px;
+	align-items: center;
+}
+
+.vongi-qingjiadt-head .flew {
+	width: 60px;
+	height: 60px;
+	border-radius: 50%;
+	overflow: hidden;
+	margin-right: 5px
+}
+
+.vongi-qingjiadt-head .flew img {
+	width: 100%;
+	object-fit: cover;
+	min-height: 100%;
+}
+
+.vongi-qingjiadt .mui-input-group span {
+	text-align: right;
+	display: block;
+	padding: 11px 15px 11px 0;
+	width: 65%;
+	float: right
+}
+
+.vongi-yddk-dat-photo .flew {
+	flex-wrap: wrap;
+}
+
+.vongi-qingjiadt .mui-input-group .vongi-qingjiadt-photo {
+	width: 36px;
+	height: 36px;
+	overflow: hidden;
+	display: flex;
+	padding: 0;
+	margin: 7px 15px;
+	align-items: right;
+	float: right;
+	border-radius: 50%;
+}
+
+.vongi-qingjiadt-photo img {
+	width: 100%;
+	object-fit: cover;
+	min-height: 100%;
+}
+
+.vongi-yidi-location {
+	position: relative;
+	padding: 17px 40px 16px 15px;
+	background: #ffffff;
+	display: block;
+	white-space: normal;
+	text-align: left;
+	border: 0;
+	width: 100%
+}
+
+.vongi-yidi-location .mui-icon {
+	top: 50%;
+	position: absolute;
+	right: 15px;
+	margin-top: -10.5px;
+}
+
+.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
+	width: 25%;
+	padding: 0;
+	color: #999
+}
+
+.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active {
+	position: relative;
+	color: #3385FF
+}
+
+.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active:after {
+	content: "";
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	width: 40px;
+	height: 1px;
+	background: #3385FF;
+	margin-left: -20px
+}
+
+.vongi-archives .mui-table-view .mui-media-object {
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	display: flex;
+	overflow: hidden;
+	border: 1px #eee solid;
+}
+
+.vongi-archives .mui-table-view .mui-media-object img {
+	width: 100%;
+	min-height: 100%;
+	object-fit: cover;
+}
+
+.vongi-archives .mui-table-view h4 {
+	margin: 0 5px
+}
+
+.vongi-archives .mui-table-view .mui-pull-right {
+	font-size: 14px;
+	line-height: 32px;
+	padding-right: 20px;
+}
+
+.vongi-archives-search {
+	position: fixed;
+	bottom: 10px;
+	left: 50%;
+	margin-left: -98px;
+	border-radius: 30px;
+	-webkit-box-shadow: 0 1px 6px #ccc;
+	box-shadow: 0 1px 6px #ccc;
+	z-index: 99999;
+}
+
+.vongi-archives-search a {
+	padding: 6px 15px;
+	display: block;
+}
+
+.vongi-archives-search:after {
+	width: 1px;
+	height: 14px;
+	content: "";
+	background: #999;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	margin-top: -7px
+}
+
+.vongi-archives-search .mui-active {
+	color: #3385FF
+}
+
+.vongi-zgtz .mui-collapse.vongi-archives {
+	border-bottom: 1px solid #eee
+}
+
+.vongi-zgtz .mui-collapse.vongi-archives a {
+	padding-right: 35px
+}
+
+.vongi-zgtz .vongi-archives .mui-table-view .mui-pull-right {
+	padding: 0
+}
+
+.vongi-clasadmin {
+	background: #ffffff;
+	margin-bottom: 10px
+}
+
+.vongi-zgtz .vongi-clasadmin {
+	margin-bottom: 1px
+}
+
+.vongi-zgtz-search {
+	padding: 10px;
+	border-top: 1px #eee solid
+}
+
+.vongi-zgtz-search input {
+	border-radius: 17px;
+}
+
+.vongi-clasadmin h4 {
+	text-align: center;
+	border-bottom: #eee solid 1px;
+	padding: 15px;
+	margin: 0
+}
+
+.vongi-clasadmin-list {
+	display: flex;
+	justify-content: space-between;
+	padding: 10px;
+}
+
+.vongi-clasadmin-ma {
+	text-align: center;
+	line-height: 1.5;
+	position: relative
+}
+
+.vongi-clasadmin-ma span {
+	font-size: 24px;
+	font-weight: bold;
+}
+
+.vongi-yddk-dat-photo {
+	margin-left: -5px;
+	flex-wrap: wrap;
+}
+
+.vongi-yddk-dat-photo .mui-col-xs-3 {
+	padding: 5px;
+	display: flex;
+	height: 46px;
+	border-radius: 4px;
+	overflow: hidden;
+}
+
+.vongi-yddk-dat-photo .mui-col-xs-3 img {
+	width: 100%;
+	object-fit: cover;
+	background: #999;
+	min-height: 45px;
+}
+
+.vongi-send .mui-input-row {
+	position: relative
+}
+
+.vongi-send .mui-input-row h6 {
+	position: absolute;
+	right: 15px;
+	bottom: 0
+}
+
+.vongi-dwlist h6 {
+	text-align: center;
+	padding: 10px 15px;
+}
+
+.vongi-choose .mui-table-view:before,
+.vongi-choose .mui-table-view:after,
+.vongi-choose .mui-table-view-cell:after {
+	background: 0
+}
+
+.mui-grid-view.mui-grid-9.vongi-statistics {
+	padding-top: 10px
+}
+
+.vongi-statistics-body {
+	background: #fff;
+	padding: 20px 0;
+	border-radius: 4px;
+	text-align: center;
+}
+
+.mui-grid-view.mui-grid-9 .mui-media .vongi-statistics-body .mui-icon {
+	color: #797979;
+	padding: 0
+}
+
+.vongi-statistics-body .mui-media-body {
+	margin-top: 5px
+}
+
+.vongi-statistics.mui-grid-view.mui-grid-9 .mui-table-view-cell {
+	padding: 0 10px;
+}
+
+.mui-grid-view.mui-grid-9 .mui-media .vongi-statistics-body .mui-icon {
+	font-size: 36px
+}
+
+.vongi-yctj-list .mui-table-view-cell .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {
+	margin-left: -45px;
+	padding-right: 30px;
+}
+
+.vongi-zcjlu.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {
+	padding-right: 20px;
+	border-bottom: 1px #eee solid;
+}
+
+.vongi-yctj-list .mui-table-view .mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active {
+	margin-left: -45px;
+	padding-left: 30px;
+}
+
+.vongi-yctj-list .mui-table-view .mui-media-body h4 {
+	margin-right: 0
+}
+
+.vongi-yctj-list .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after {
+	left: 15px
+}
+
+.vongi-yctj-list .mui-table-view:before,
+.vongi-yctj-list .mui-table-view:after {
+	background: 0
+}
+
+.vongi-yctj-list .mui-table-view-cell .mui-table-view-chevron .mui-table-view-cell .iconfont {
+	margin-left: 15px;
+	font-size: 14px;
+}
+
+.fyy-slider.vongi-fkwall {
+	margin-top: 0
+}
+
+.vongi-fklist .openfyy-list .mui-table-view-cell,
+.vongi-ylqhsf .openfyy-list .mui-table-view-cell {
+	margin: 10px;
+	line-height: 30px;
+	border-radius: 7px;
+}
+
+.vongi-fklist .openfyy-list .mui-ellipsis {
+	display: flex;
+	justify-content: space-between;
+}
+
+.vongi-fklist .vongi-clasadmin {
+	background: 0
+}
+
+.vongi-fklist .vongi-clasadmin-list {
+	margin: 0 10px;
+	background: #ffffff;
+	border-radius: 7px;
+}
+
+.vongi-fklist .vongi-clasadmin h4 {
+	font-size: 18px
+}
+
+.vongi-fklist .vongi-clasadmin button {
+	font-size: 16px
+}
+
+.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after {
+	width: 50px;
+	height: 2px;
+	content: "";
+	background: #3385FF;
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	margin-left: -25px;
+}
+
+.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
+	position: relative;
+	color: #333;
+	border: 0
+}
+
+.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
+	color: #999;
+}
+
+.mui-scroll,
+.mui-scroll-wrapper,
+.mui-fullscreen .mui-segmented-control~.mui-slider-group,
+.vongi-qingjiadt .mui-fullscreen {
+	position: inherit;
+}
+
+.vongi-fkdat-name .flew {
+	justify-content: flex-end;
+	align-items: center;
+}
+
+.vongi-qingjiadt .mui-input-group .flew span {
+	padding: 0;
+	margin-left: 5px;
+	width: auto
+}
+
+.vongi-fkdat-name h5 {
+	width: 20px;
+	height: 20px;
+	line-height: 20px;
+	border-radius: 50%;
+	background: #3385FF;
+	text-align: center;
+	color: #ffffff;
+	margin: 0;
+	margin-left: 5px
+}
+
+.vongi-fkdat .mui-content-padded {
+	border-radius: 7px;
+	overflow: hidden;
+}
+
+.vongi-yqma .mui-table-view {
+	width: 90%;
+	margin: 0 auto;
+}
+
+.vongi-yqma-ma {
+	border: 1px solid #EEEEEE;
+	border-radius: 3px;
+	padding: 10px;
+	margin-bottom: 10px
+}
+
+.vongi-yqma-ma img {
+	width: 100%;
+	display: flex;
+}
+
+.vongi-yqma .mui-table-view-cell span {
+	text-align: right;
+	justify-content: flex-end;
+}
+
+.vongi-yqma .mui-table-view-cell p {
+	text-align: center;
+	font-size: 14px;
+}
+
+.vongi-yqma .mui-content-padded {
+	background: #ffffff;
+	border-radius: 9px;
+}
+
+.vongi-yqma-logo {
+	margin: 15px auto;
+	width: 100px;
+}
+
+.vongi-yqma-logo img {
+	display: flex;
+}
+
+.vongi-sbzt-yuan {
+	width: 12px;
+	height: 12px;
+	border-radius: 50%;
+	display: block;
+	margin-right: 5px
+}
+
+.yuan-green {
+	background: #52C41A
+}
+
+.yuan-red {
+	background: #FF6666
+}
+
+.vongi-xzdw-search {
+	position: relative
+}
+
+.vongi-xzdw-search input {
+	text-align: left;
+	padding-left: 35px;
+	background: #ffffff
+}
+
+.vongi-xzdw .mui-fullscreen {
+	margin-top: 143px
+}
+
+.vongi-xzdw-search .mui-icon-search {
+	position: absolute;
+	top: 50%;
+	left: 10px;
+	margin-top: -11px
+}
+
+.vongi-xzdw .fyy-date.mui-content-padded h5 {
+	color: #3385FF;
+	font-weight: bold;
+}
+
+.vongi-xzdw-city .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after {
+	width: 2px;
+	height: 100%;
+	left: 0;
+	margin-left: 0
+}
+
+.vongi-xzdw-city .mui-table-view-cell:after {
+	left: 0
+}
+
+.mui-row.mui-fullscreen.vongi-xzdw-city>[class*="mui-col-"] {
+	height: 100%;
+}
+
+.vongi-xzdw-city .mui-col-xs-3,
+.vongi-xzdw-city .mui-col-xs-9 {
+	overflow-y: auto;
+	height: 100%;
+}
+
+.vongi-xzdw-city .mui-segmented-control .mui-control-item {
+	line-height: 42px;
+	width: 100%;
+}
+
+.vongi-xzdw-city .mui-control-content {
+	display: block;
+}
+
+.vongi-xzdw-city .mui-control-content .mui-table-view-cell {
+	text-align: center;
+}
+
+.vongi-xzdw-city .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
+	background-color: #fff;
+}
+
+.vongi-xzdw-city .mui-col-xs-9 {
+	border-left: 1px solid #c8c7cc;
+}
+
+.vongi-meform-pho {
+	background: #ffffff;
+	padding: 10px 15px;
+	margin-bottom: 10px;
+	margin-top: 4px
+}
+
+.vongi-meform-pho textarea {
+	padding: 0;
+	margin-top: 5px
+}
+
+.vongi-meform-pho h5 {
+	margin-bottom: 10px
+}
+
+.vongi-meform .mui-h5 {
+	padding: 10px 15px
+}
+
+.vongi-meform h5 {
+	margin-bottom: 10px
+}
+
+.vongi-meform-pho .mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn) {
+	margin: 0;
+}
+
+.vongi-meform-pho .mui-table-view-radio {
+	flex-wrap: wrap;
+}
+
+.vongi-meform-pho .mui-table-view-cell a {
+	padding: 3px 10px;
+	border-radius: 20px;
+	border: 1px solid #A9A9A9;
+	color: #666
+}
+
+.vongi-meform-pho .mui-table-view:before,
+.vongi-meform-pho .mui-table-view:after,
+.vongi-meform-pho .mui-table-view-cell:after {
+	background: 0
+}
+
+.mui-table-view-radio .mui-table-view-cell {
+	padding: 0;
+	margin: 5px 0;
+}
+
+.vongi-xzyljg .mui-table-view-cell:after {
+	left: 0
+}
+
+.vongi-padright {
+	padding-right: 15px
+}
+
+.vongi-yqsb-list a {
+	background: #FFFFFF;
+	padding: 10px;
+	display: block;
+	border-radius: 7px;
+}
+
+.vongi-yqsb-list .mui-table-view-cell {
+	margin: 10px
+}
+
+.vongi-yqsb-list .mui-media-body {
+	color: #333;
+	text-align: justify;
+	white-space: initial;
+}
+
+.vongi-yqsb-list p {
+	text-align: right;
+}
+
+.vongi-yqsb-list.mui-table-view:before,
+.vongi-yqsb-list.mui-table-view:after,
+.vongi-yqsb-list .mui-table-view-cell:after,
+.vongi-yqsb-list {
+	background: 0
+}
+
+.fyy-scon {
+	height: 260px;
+	background: #389E0D;
+	padding: 15px 10px;
+	width: 100%;
+}
+
+.fyy-scon-center .mui-checkbox input[type=checkbox],
+.fyy-scon-center .mui-radio input[type=radio] {
+	left: 0
+}
+
+.fyy-scon-center.mui-card .mui-checkbox input[type=checkbox]:checked:before,
+.fyy-scon-center.mui-card .mui-radio input[type=radio]:checked:before {
+	color: #096DD9
+}
+
+.fyy-scon-center .mui-input-row label {
+	padding-left: 40px;
+}
+
+.fyy-scon-center.mui-card {
+	background: #ffffff;
+	padding: 15px 15px 5px;
+	border-radius: 5px;
+}
+
+.fyy-scon-top {
+	display: flex;
+}
+
+.fyy-scon-head {
+	height: 180px;
+	overflow: hidden;
+	display: flex;
+}
+
+.fyy-scon-head img {
+	width: 100%;
+	display: block;
+	min-height: 100%;
+	object-fit: cover;
+}
+
+.fyy-scon-head-text {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: rgba(0, 0, 0, .6);
+	width: 100%;
+	text-align: center;
+	color: #fff;
+	padding: 5px 0;
+}
+
+.fyy-scon-det {
+	padding-left: 15px;
+	color: #ffffff;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-content: space-between;
+	font-size: 12px;
+}
+
+.fyy-scon-det-top {
+	display: flex;
+	justify-content: space-between;
+	width: 100%;
+}
+
+.fyy-scon-det a {
+	color: #ffffff;
+}
+
+.fyy-scon-det-top-right a {
+	display: block;
+	position: relative;
+}
+
+.fyy-scon-det-down {
+	width: 100%;
+}
+
+.fyy-scon-center.mui-card {
+	margin: 0;
+	margin-top: 15px;
+}
+
+.fyy-scon-center .mui-input-group {
+	background: 0;
+	display: flex;
+}
+
+.fyy-scon-center .mui-input-group .mui-input-row {
+	width: 50%;
+}
+
+.fyy-scon-bot.mui-card {
+	margin-top: 50px;
+	padding: 0 10px;
+	background: #ffffff;
+	border-radius: 5px;
+}
+
+.fyy-scon-bot .mui-icon {
+	position: absolute;
+	right: 0;
+	top: 11px;
+	color: #3385FF
+}
+
+.fyy-scon-group {
+	height: auto;
+	display: flex;
+	position: relative;
+	border-bottom: 1px #eee solid;
+}
+
+.fyy-scon-group label,
+.fyy-scon-group span {
+	line-height: 43px;
+}
+
+.fyy-scon-group label {
+	width: 30%;
+	display: block;
+	color: #919191;
+}
+
+.fyy-scon-botton {
+	display: flex;
+}
+
+.examine-btn {
+	text-align: center;
+	line-height: 40px;
+	color: #fff;
+	flex: 1;
+	margin: 15px;
+	border-radius: 7px;
+}
+
+.examine-btn1 {
+	background: #ff6666;
+}
+
+.examine-btn2 {
+	background: #389E0D;
+}
+
+.examine-btn3 {
+	background: #A3A3A3;
+}
+
+.examine-btn4 {
+	background: #3385FF;
+}
+
+.vongi-popup {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	left: 0px;
+	top: 0px;
+	z-index: 100;
+}
+
+.vongi-popup-bg {
+	width: 100%;
+	z-index: 101;
+	height: 100%;
+	background-color: #000000;
+	filter: alpha(Opacity=20);
+	-moz-opacity: 0.5;
+	opacity: 0.5;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+}
+
+.vongi-popup-ceter {
+	width: 100%;
+	position: absolute;
+	z-index: 105;
+	left: 0;
+	top: 20%;
+	padding: 0 10%;
+}
+
+.vongi-popup-inner {
+	background-color: #FFF;
+	border-radius: 4px;
+	padding-top: 15px;
+}
+
+.vongi-popup-title {
+	display: flex;
+	padding: 0 15px;
+}
+
+.vongi-popup-center label {
+	color: #888;
+}
+
+.vongi-popup-center h5 {
+	color: #333;
+	font-size: 18px;
+	margin-top: 10px;
+}
+
+.vongi-popup-ma {
+	text-align: center;
+	padding: 15px;
+}
+
+.vongi-popup-ma img {
+	width: 100%;
+}
+
+.vongi-popup-inner .mui-input-group {
+	border-radius: 4px;
+}
+
+.vongi-popup-center .mui-input-group .mui-input-row {
+	height: auto;
+	border-bottom: 1px #eee solid
+}
+
+.vongi-popup-center .mui-input-row span {
+	padding: 9.5px 15px 9.5px 0;
+	display: flex;
+}
+
+.vongi-popup-ceter h4 {
+	color: #333333;
+	line-height: 36px;
+	text-align: center;
+	font-size: 18px
+}
+
+.vongi-popup-inner .mui-button-row {
+	display: flex;
+	position: relative;
+	padding-top: 0;
+}
+
+.vongi-popup-inner button {
+	border: 0;
+	width: 50%;
+}
+
+.vongi-popup-inner .vongi-login-btn button {
+	border: 1px #ccc solid;
+	width: 100%
+}
+
+.vongi-popup-inner .vongi-login-btn button .iconfont {
+	margin-right: 5px
+}
+
+.vongi-popup-inner .mui-button-row:after {
+	width: 1px;
+	height: 100%;
+	background: #eee;
+	position: absolute;
+	left: 50%;
+	content: '';
+}
+
+.vongi-popup-inner .mui-input-group .mui-input-row:after {
+	background-color: #c8c7cc;
+	left: 0
+}
+
+.vongi-zbfj-pop {
+	top: 10%
+}
+
+.vongi-zbfj-pop img {
+	width: 70%
+}
+
+.vongi-input-up {
+	padding: 0 10px
+}
+
+.vongi-input-up .mui-media-body {
+	margin: 10px 0
+}
+
+.vongi-pad {
+	padding: 10px 15px
+}
+
+.vongi-pad .mui-radio.mui-left label {
+	padding: 15px 15px 5px 35px;
+}
+
+.vongi-pad .mui-radio.mui-left input[type=radio] {
+	left: 0;
+	top: 9px
+}
+
+.vongi-input-up .fyy-upphoto {
+	padding-bottom: 10px
+}
+
+.vongi-smhy-list {
+	position: relative;
+	padding-top: 30px
+}
+
+.vongi-smhy-tit {
+	text-align: center;
+	position: absolute;
+	top: 0;
+	left: 50%;
+	margin-left: -43px;
+	background: #EEEEEE;
+	padding: 0 15px;
+}
+
+.vongi-smhy-list:before {
+	width: 160px;
+	height: 1px;
+	margin-left: -80px;
+	background: #D9D9D9;
+	content: "";
+	top: 10px;
+	left: 50%;
+	position: absolute
+}
+
+.vongi-smhy-list .mui-table-view-cell {
+	line-height: 28px;
+}
+
+.vongi-smhy-list .mui-table-view-cell .vongi-smhy-more {
+	text-align: center;
+	color: #3385FF
+}
+
+.vongi-smhy-list .mui-table-view:before,
+.vongi-smhy-list .mui-table-view:after {
+	background: 0
+}
+
+.vongi-smhy-list .mui-table-view {
+	border-radius: 7px;
+}
+
+.vongi-mwsh-input .flew-sp.vongi-container {
+	width: 65%;
+	padding: 0
+}
+
+.vongi-container .mui-col-xs-8 {
+	position: relative
+}
+
+.vongi-progressbar {
+	background: #BBBBBB;
+	width: 100%;
+	height: 6px;
+	border-radius: 3px;
+	position: relative;
+	overflow: hidden;
+}
+
+.vongi-progressbar span {
+	height: 100%;
+	background: #40CF8F;
+	width: 50%;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.vongi-range {
+	width: 20px;
+	height: 20px;
+	border-radius: 50%;
+	background: #ffffff;
+	position: absolute;
+	top: -8px;
+	left: 50%;
+	box-shadow: 0 1px 6px #ccc;
+}
+
+.vongi-fklist .openfyy-list .mui-table-view-cell.vongi-mwsh-input {
+	line-height: 41px;
+	padding: 0;
+}
+
+.vongi-mwsh-input .flew-sp {
+	border-bottom: 1px #eee solid;
+	padding: 0 15px
+}
+
+.vongi-mwsh .mui-content-padded {
+	border-radius: 7px;
+	overflow: hidden;
+}
+
+.vongi-clasadmin .vongi-btn {
+	padding: 15px 10px;
+}
+
+.vongi-clasadmin .vongi-btn button {
+	border-radius: 7px;
+}
+
+.vongi-zc .mui-media-object {
+	max-width: 48px;
+	height: 48px;
+	line-height: 48px;
+	border-radius: 50%;
+	overflow: hidden;
+	display: flex;
+	margin-top: 5px;
+	border: 1px #eee solid;
+}
+
+.vongi-zc .mui-media-object img {
+	object-fit: cover;
+	min-width: 100%;
+	height: 100%;
+}
+
+.vongi-zc .mui-table-view-cell a .mui-media-body {
+	padding: 0
+}
+
+.vongi-zc.vongi-fklist .openfyy-list .mui-ellipsis {
+	display: block;
+}
+
+.vongi-editme .mui-input-row textarea {
+	width: 100%;
+	padding: 0 15px 10px;
+}
+
+.vongi-over .mui-slider-item {
+	overflow: scroll;
+}
+
+.vongi-over .mui-scroll {
+	margin-bottom: 60px;
+}
+
+.vongi-zctj .vongi-over .mui-scroll {
+	margin-bottom: 0
+}
+
+.vongi-over-hei {
+	min-height: 100%;
+}
+
+.vongi-zctj.vongi-wordcard-sp .mui-slider-group .mui-scroll-wrapper {
+	margin-top: 89px;
+}
+
+.vongi-wordcard-sp.vongi-zctj .vongi-bagfff {
+	width: 100%;
+	background: #fff;
+	z-index: 99;
+	position: fixed
+}
+
+.vongi-wordcard-sp.vongi-zctj .vongi-over .mui-scroll form {
+	margin-bottom: 10px
+}
+
+.vongi-wordcard-sp.vongi-zctj .mui-slider-indicator.mui-segmented-control {
+	position: fixed;
+	top: 99px;
+	z-index: 99;
+}
+
+.vongi-editme .mui-input-row.vongi-yzm input,
+.vongi-yzm input {
+	width: 60%;
+	text-align: left;
+}
+
+.vongi-yzm a {
+	padding: 11px 15px;
+	color: #3385FF
+}
+
+.vongi-spkh .mui-table-view:before,
+.vongi-spkh .mui-table-view:after {
+	background: 0
+}
+
+.vongi-spkh .mui-table-view-cell {
+	position: relative;
+	padding: 0;
+	margin-bottom: 10px;
+	border-radius: 5px;
+	overflow: hidden;
+}
+
+.vongi-spkh .mui-table-view-cell .mui-media-body {
+	background: rgba(0, 0, 0, 0.5);
+	padding: 10px;
+	justify-content: space-between;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	color: #ffffff;
+	font-size: 14px
+}
+
+.vongi-spkh .mui-table-view-cell>a:not(.mui-btn) {
+	margin: 0
+}
+
+.vongi-video-img {
+	display: flex;
+	width: 100%;
+	max-height: 234px;
+}
+
+.vongi-video-img img {
+	object-fit: cover;
+	width: 100%;
+	min-height: 100%;
+}
+
+.vongi-spkh .mui-table-view-cell .mui-ellipsis {
+	color: #ffffff;
+	font-size: 14px
+}
+
+.vongi-spkh-title .mui-ellipsis a {
+	color: #096DD9;
+	margin-left: 5px
+}
+
+.vongi-spkh-title {
+	justify-content: space-between;
+	align-items: center;
+	padding: 15px 15px 0
+}
+
+.vongi-spkh-title .mui-media-body {
+	align-items: center;
+	display: flex;
+}
+
+.vongi-spkh-title .mui-media-body img {
+	width: 100%;
+	min-height: 100%;
+	object-fit: cover;
+}
+
+.vongi-spkh-title .mui-media-object {
+	width: 24px;
+	height: 24px;
+	border-radius: 50%;
+	overflow: hidden;
+	display: flex;
+	margin-right: 5px;
+	border: 1px #eee solid
+}
+
+.vongi-rec-btn {
+	width: 50%;
+	margin: 0 auto;
+	background-color: #FF9474;
+	height: 40px;
+	border-radius: 20px;
+	color: #ffffff;
+	text-align: center;
+	line-height: 40px;
+}
+
+.vongi-payyes-icon {
+	text-align: center;
+	padding: 30px 15px;
+	margin-top: 20%;
+}
+
+.vongi-payyes-icon h2 {
+	line-height: 1.8;
+	font-size: 18px;
+	font-weight: initial;
+}
+
+.vongi-payyes-icon img {
+	width: 160px
+}
+
+.vongi-cashier-btn-row {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	right: 0;
+}
+
+.vongi-cashier-btn-white {
+	background-color: #fff;
+	display: flex;
+	justify-content: space-between;
+	line-height: 49px;
+	padding-left: 15px;
+}
+
+.vongi-cashier-btn-white span {
+	font-size: 16px;
+	width: 70%;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: block;
+}
+
+.vongi-cashier {
+	background-color: #fff;
+	padding: 15px;
+	margin-bottom: 15px;
+	display: flex;
+}
+
+.vongi-cashier img {
+	height: 80px;
+	width: 80px;
+}
+
+.vongi-cashier-text h3 {
+	line-height: 21px;
+	margin: 0
+}
+
+.vongi-cashier-text {
+	flex: 1;
+	margin-left: 10px;
+	min-width: 0;
+}
+
+.vongi-text-tit {
+	max-height: 63px;
+	text-overflow: -o-ellipsis-lastline;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 3;
+	line-clamp: 3;
+	-webkit-box-orient: vertical;
+}
+
+.vongi-cashier-btn {
+	background-color: #3385FF;
+	height: 50px;
+	width: 30%;
+	color: #ffffff;
+	text-align: center;
+	line-height: 50px;
+}
+
+.vongi-cashier textarea {
+	padding: 0;
+}
+
+.vongi-cashier .mui-col-xs-5 {
+	max-height: 100px;
+	overflow: hidden;
+}
+
+.vongi-cashier .mui-col-xs-5 img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+.vongi-cashier .mui-col-xs-5 a {
+	position: absolute;
+	background: rgba(0, 0, 0, 0.6);
+	top: 50%;
+	left: 50%;
+	padding: 3px 15px;
+	border-radius: 15px;
+	margin-left: -43px;
+	margin-top: -15px;
+	color: #ffffff
+}
+
+.vongi-cashier .mui-col-xs-7 {
+	padding-right: 10%
+}
+
+.vongi-fqhd .vongi-cashier .iconfont.icon-bianji1 {
+	position: initial;
+	color: #4fc5f7
+}
+
+.vongi-examineInfo {
+	text-align: center;
+	margin-top: 30%;
+	padding: 0 10%
+}
+
+.vongi-examineInfo h1 {
+	margin: 15px 0;
+	font-weight: initial;
+}
+
+.vongi-zbfj {
+	background: #ffffff
+}
+
+.vongi-zbfj .mui-btn {
+	padding: 6px 0;
+	border: 0
+}
+
+.vongi-zbfj .mui-btn:enabled:active,
+.vongi-zbfj button.mui-active:enabled,
+.vongi-zbfj button:enabled:active {
+	background: 0;
+	color: #333
+}
+
+.vongi-zbfj .mui-table-view:before,
+.vongi-zbfj .mui-table-view:after {
+	background: 0
+}
+
+.vongi-zbfj video {
+	display: flex;
+	height: 100%;
+	object-fit: cover;
+}
+
+.vongi-zbfj .mui-content-padded {
+	border-bottom: 1px #eee solid;
+	margin: 0;
+	padding: 15px 15px 0;
+}
+
+.vongi-zbfj .fyy-video {
+	background: #333;
+	border-radius: 5px;
+	height: 234px;
+	overflow: hidden;
+}
+
+.vongi-zbfj .mui-content-padded .mui-table-view-cell {
+	padding: 11px 0
+}
+
+.vongi-zbfj .fyy-video img {
+	justify-content: space-between;
+	text-align: center;
+	align-items: center;
+	vertical-align: middle;
+	margin-bottom: 10px
+}
+
+.vongi-zbfj .fyy-video .mui-media-body {
+	color: #999;
+	justify-content: center;
+	text-align: center;
+	align-items: center;
+	vertical-align: middle;
+	flex-direction: column;
+	display: flex;
+	height: 100%;
+}
+
+.dian-list {
+	position: relative;
+	padding-left: 15px
+}
+
+.dian-list:after {
+	position: absolute;
+	left: 0;
+	width: 4px;
+	height: 4px;
+	border-radius: 50%;
+	background: #333;
+	top: 8px;
+	content: "";
+}
+
+.mui-active.dian-list:after {
+	background: #fe616c
+}
+
+.vongi-spkh-show img {
+	width: 100%;
+	display: flex
+}
+
+.vongi-yqsb {
+	background: #ffffff;
+	padding: 10px 15px;
+	margin-bottom: 10px
+}
+
+.vongi-yqsb i {
+	margin-right: 5px
+}
+
+.vongi-yqsb-tex {
+	margin-bottom: 10px;
+	display: flex;
+}
+
+.vongi-hdsq .mui-slider-group ul {
+	margin: 10px 15px;
+	background: 0
+}
+
+.vongi-hdsq .mui-slider-group ul .mui-col-xs-9 {
+	white-space: normal;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+}
+
+.vongi-hdsq .mui-slider-group ul .mui-col-xs-3 {
+	justify-content: flex-end;
+	align-items: center;
+	display: flex;
+}
+
+.vongi-hdsq .mui-slider-group ul li {
+	margin-bottom: 10px;
+	background: #ffffff;
+	border-radius: 3px;
+}
+
+.vongi-hdsq .mui-slider-group ul li .mui-media-body {
+	margin-bottom: 5px
+}
+
+.vongi-hdsq .mui-badge {
+	background: #fe616c;
+	color: #ffffff
+}
+
+.vongi-hdsq .mui-table-view-cell:after,
+.vongi-hdsq .mui-table-view:before,
+.vongi-hdsq .mui-table-view:after {
+	background: 0
+}
+
+.vongi-hdsq .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
+	border: 0
+}
+
+.vongi-hdsq-dat {
+	background: #ffffff;
+	padding: 10px 15px;
+	margin: 10px
+}
+
+.vongi-hdsq-dat h5 {
+	margin-bottom: 10px
+}
+
+.vongi-hdsq-dat .mui-card {
+	border-radius: 7px;
+	margin: 0;
+	margin-bottom: 10px
+}
+
+.vongi-hdsq-dat .mui-card img {
+	width: 100%;
+	display: flex;
+}
+
+.vongi-hdsq-dat .mui-card-footer a {
+	padding-right: 10px;
+	color: #333
+}
+
+.vongi-hdsq-dat .mui-card-content-inner {
+	padding: 10px
+}
+
+.vongi-qingjiadt .mui-input-row .vongi-span {
+	width: 100%;
+	text-align: left;
+	padding: 0 15px 15px;
+	text-align: justify;
+}
+
+.vongi-pop-inner,
+.vongi-mui-pop .mui-popup-button {
+	background: rgba(255, 255, 255, 1);
+}
+
+.vongi-pop-inner .mui-media-body {
+	padding: 15px 0
+}
+
+.vongi-pop-inner .mui-popup-title {
+	margin-bottom: 15px
+}
+
+.vongi-pop-inner .mui-popup-input {
+	border: #eee 1px solid
+}
+
+.vongi-mui-pop .mui-popup-button {
+	color: #666
+}
+
+.mui-popup-button.mui-popup-button-bold {
+	color: #007aff;
+	font-weight: initial;
+}
+
+.vongi-hddat-tit {
+	text-align: center;
+	padding: 15px 10px;
+	border-bottom: 1px #eee solid;
+}
+
+.vongi-hddat-tit h1 {
+	color: #00B0F0;
+	line-height: 1.2;
+}
+
+.vongi-hddat-tit h5 {
+	color: #999;
+	margin-top: 15px
+}
+
+.vongi-hddat-text {
+	padding: 15px 10px
+}
+
+.vongi-hddat-cont p {
+	font-size: 14px;
+	color: #333;
+	margin-bottom: 10px
+}
+
+.vongi-hddat-cont img {
+	border-radius: 7px;
+}
+
+.vongi-hddat-center {
+	margin-top: 30px
+}
+
+.vongi-hddat-center p {
+	text-align: center;
+}
+
+.vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-col-xs-3 {
+	align-items: initial;
+	border-radius: initial;
+	width: 33.333333%;
+	height: 100px
+}
+
+.vongi-wybx .vongi-meform-pho .fyy-upphoto {
+	position: relative
+}
+
+.vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-badge {
+	background: rgba(0, 0, 0, 0.5);
+	border-radius: initial;
+	position: absolute;
+	right: 5px;
+	bottom: 5px
+}
+
+.vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-col-xs-3 img {
+	border-radius: initial;
+}
+
+.vongi-wybx .vongi-meform-pho .fyy-upphoto {
+	margin: 0 -5px
+}
+
+.vongi-hdsq .vongi-wybx.mui-slider-group ul .mui-col-xs-9 {
+	white-space: inherit;
+	display: inline
+}
+
+.vongi-wybx .vongi-btn-x {
+	padding: 10px 0 0;
+	margin-top: 10px;
+	border-top: 1px #eee solid;
+	text-align: right;
+}
+
+.vongi-btn-x button {
+	border-radius: 15px;
+	padding: 6px 20px;
+	margin-left: 10px
+}
+
+.vongi-qingjiadt .mui-input-row .vongi-span.vongi-meform-pho {
+	padding: 0 15px;
+	margin: 0
+}
+
+.padd10 {
+	padding-bottom: 10px
+}
+
+.vongi-kong {
+	text-align: center;
+}
+
+.vongi-kong img {
+	padding: 10% 20% 0;
+}
+
+.vongi-car.vongi-meform-pho,
+.vongi-car.vongi-meform-pho .mui-table-view-radio {
+	background: 0
+}
+
+.vongi-car.vongi-meform-pho .mui-table-view-cell.mui-selected a {
+	color: #FFFFFF;
+	background: #3385FF;
+	border-radius: 7px;
+}
+
+.vongi-car.vongi-meform-pho .mui-table-view-cell a {
+	border: 0;
+	padding: 3px 0
+}
+
+.vongi-car.vongi-meform-pho .mui-table-view-cell {
+	width: 20%;
+	text-align: center;
+	padding: 5px
+}
+
+.vongi-car.vongi-meform-pho .mui-table-view-radio {
+	margin: -5px
+}
+
+.vongi-car.vongi-meform-pho h5 {
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.vongi-fqhd .vongi-fqhd-add {
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	position: relative
+}
+
+.vongi-fqhd .vongi-cashier-text {
+	position: relative;
+	padding-right: 25px
+}
+
+.vongi-fqhd .vongi-cashier .iconfont {
+	position: absolute;
+	right: 0;
+	color: #999;
+	font-size: 14px
+}
+
+.vongi-fqhd .vongi-cashier .iconfont.icon-guanbi1 {
+	top: 0px
+}
+
+.vongi-fqhd .vongi-cashier .iconfont.icon-jiantou1 {
+	bottom: 0px
+}
+
+.vongi-fqhd-addimg {
+	position: relative;
+	background: #eee;
+	height: 72px;
+	width: 72px;
+	overflow: hidden;
+	display: flex;
+}
+
+.vongi-fqhd-addimg span {
+	background: rgba(0, 0, 0, 0.6);
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	color: #ffffff;
+	font-size: 11px;
+	text-align: center;
+}
+
+.vongi-fqhd-addimg img {
+	object-fit: cover;
+	width: 100%;
+	min-height: 100%;
+}
+
+.vongi-fqhd .vongi-cashier .vongi-fqhd-addimg .iconfont {
+	top: 50%;
+	right: 50%;
+	font-size: 24px;
+	margin-top: -12px;
+	margin-right: -12px
+}
+
+.vongi-fqhd .vongi-popover .iconfont {
+	font-size: 24px
+}
+
+.vongi-fqhd .vongi-popover .mui-grid-view.mui-grid-9 .mui-table-view-cell {
+	padding: 0
+}
+
+.vongi-popover .mui-popover-arrow:after {
+	position: absolute;
+	top: -8px;
+	left: 50%;
+	width: 16px;
+	height: 16px;
+	content: ' ';
+	-webkit-transform: rotate(45deg);
+	transform: rotate(45deg);
+	border-radius: 3px;
+	background: #ffffff;
+	margin-left: -8px
+}
+
+.vongi-popover {
+	width: 100px;
+	background: #ffffff;
+	border-radius: 7px;
+	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
+	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
+	position: absolute;
+	top: 35px;
+	left: 50%;
+	margin-left: -50px;
+	z-index: 999;
+}
+
+.vongi-zc .openfyy-list .mui-table-view-cell.mui-selected {
+	background: #3385FF;
+	color: #ffffff;
+}
+
+.vongi-zc .openfyy-list .mui-table-view-cell.mui-selected h6 {
+	color: rgba(255, 255, 255, 0.7)
+}
+
+.vongi-zc .openfyy-list .mui-table-view-cell.mui-selected .mui-navigate-right:after,
+.vongi-zc .openfyy-list .mui-table-view-cell.mui-selected .mui-push-right:after {
+	color: #ffffff
+}
+
+.vongi-zc .mui-selected a {
+	border: 0
+}
+
+.mui-bar-nav.mui-bar .mui-btn.mui-pull-right {
+	line-height: 1.2;
+	top: 8px
+}
+
+.vongi-yjcsdat h2,
+.vongi-yjcsdat h4 {
+	text-align: center;
+	line-height: 2;
+}
+
+.vongi-yjcsdat .mui-content-padded {
+	background: #ffffff;
+	margin: 0;
+	padding: 10px
+}
+
+.vongi-yqsb-list .vongi-wordcard .fyy-upphoto {
+	margin: 0 -5px
+}
+
+.vongi-zhuce .mui-grid-9.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
+	width: 48px;
+	height: 48px;
+	border-radius: 50%;
+	overflow: hidden;
+	margin: 0 auto
+}
+
+.vongi-zhuce .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object img {
+	width: 100%;
+	min-height: 100%;
+	object-fit: cover;
+}
+
+.vongi-zhuce .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
+	height: auto;
+	font-size: 14px;
+	margin-top: 5px
+}
+
+.vongi-zhuce .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body p {
+	text-align: center;
+}
+
+.vongi-zd ul,
+.vongi-zd .mui-table-view:before,
+.vongi-zd .mui-table-view:after,
+.vongi-zd .mui-table-view-cell:after {
+	background: 0
+}
+
+.vongi-zd .mui-table-view-cell {
+	margin: 10px;
+	background: #ffffff;
+	border-radius: 7px;
+}
+
+.vongi-zd .mui-media-object {
+	line-height: 32px;
+	max-width: 32px;
+	height: 32px;
+	display: flex;
+	overflow: hidden;
+	border-radius: 50%;
+}
+
+.vongi-zd .mui-media-object img {
+	width: 100%
+}
+
+.vongi-zd .mui-table-view-cell .mui-media-body .mui-ellipsis {
+	line-height: 1.5;
+}
+
+.vongi-cashier .vongi-zd .mui-media-object img {
+	height: 100%
+}
+
+.vongi-cd-pay {
+	text-align: center;
+}
+
+.vongi-cd-pay .iconfont {
+	font-size: 18px
+}
+
+.vongi-zd h3 {
+	margin-left: 5px
+}
+
+.vongi-cd-payli h3 {
+	padding: 10px 15px;
+	font-weight: bold;
+}
+
+.vongi-qingjiadt .vongi-cd-payli.mui-input-group span,
+.vongi-qingjiadt .vongi-cd-payli.mui-input-group label {
+	padding: 5px 15px
+}
+
+.vongi-cd-payli.mui-input-group .mui-input-row {
+	margin-bottom: 0
+}
+
+.vongi-cd-payli .mui-input-row.flew-sp {
+	margin-bottom: 1px;
+}
+
+.vongi-cd-payli .mui-input-row:nth-child(2) {
+	padding-top: 10px
+}
+
+.vongi-cd-payli .mui-input-row:last-child {
+	padding-bottom: 10px
+}
+
+.vongi-zd .vongi-zd-list .mui-table-view-cell {
+	margin: 0;
+	border-radius: initial;
+	border-bottom: 1px #eee solid
+}
+
+.vongi-sqtp-text .mui-media-body {
+	height: 42px
+}
+
+.vongi-sqtp-list .mui-media-object {
+	width: 68px;
+	height: 68px;
+	max-width: 68px;
+	display: flex;
+	overflow: hidden;
+}
+
+.vongi-sqtp-list .mui-media-object img {
+	object-fit: cover;
+	width: 100%;
+	min-height: 100%;
+}
+
+.vongi-sqtpdat-name {
+	background: #ffffff
+}
+
+.vongi-sqtpdat-name h4 {
+	background: #eee;
+	padding: 10px;
+	font-size: 18px
+}
+
+.vongi-sqtpdat-name p {
+	padding: 10px;
+	font-size: 14px;
+	color: #101010
+}
+
+.vongi-sqtpdat-name .color4fc5f7 {
+	color: #3385FF
+}
+
+.vongi-sqtpdat-time {
+	background: #3385FF;
+	color: #ffffff;
+	text-align: center;
+	padding: 8px 10px;
+	border-radius: 3px;
+}
+
+.vongi-sqtpdat .mui-grid-view li {
+	color: #ffffff;
+	line-height: 1.5;
+	font-weight: bold;
+}
+
+.vongi-sqtpdat .vongi-xzdw-search input {
+	background: #3385FF;
+	color: rgba(255, 255, 255, 0.5);
+	padding-left: 15px;
+	border-radius: 17px;
+}
+
+.vongi-sqtpdat .vongi-xzdw-search input::-moz-placeholder {
+	color: rgba(255, 255, 255, 0.5);
+	opacity: 1;
+}
+
+.vongi-sqtpdat .vongi-xzdw-search input::-webkit-input-placeholder {
+	color: rgba(255, 255, 255, 0.5);
+	opacity: 1;
+}
+
+.vongi-sqtpdat .fyy-slider .mui-table-view-cell {
+	padding: 10px 40px;
+	border-bottom: 1px #eee solid;
+	border-right: 1px #eee solid;
+}
+
+.vongi-sqtpdat .fyy-slider .mui-table-view-cell:nth-child(2) {
+	border-right: 0
+}
+
+.vongi-sqtpdat .fyy-slider .mui-table-view .mui-table-view-cell .mui-media-object {
+	height: 130px;
+	border-radius: initial;
+}
+
+.vongi-sqtpdat .fyy-slider .mui-table-view .mui-table-view-cell .mui-media-body,
+.vongi-sqtpdat .fyy-slider .mui-table-view .mui-table-view-cell b {
+	text-align: center;
+	display: block;
+	line-height: 1.5;
+}
+
+.vongi-toup .mui-table-view-cell button {
+	position: initial;
+	transform: initial;
+	-webkit-transform: initial;
+	width: 100%;
+	border-radius: 16px;
+	margin: 5px 0
+}
+
+.vongi-toup .fyy-scon-det-down button {
+	width: 50%;
+	border-radius: 16px;
+}
+
+.vongi-sqtpdat-name .vongi-toup-text p {
+	margin-bottom: 10px;
+	padding: 0
+}
+
+.vongi-toup-text {
+	padding: 10px
+}
+
+.vongi-toup .vongi-btn button {
+	width: 50%;
+}
+
+.vongi-sqtpdat-slider {
+	margin-bottom: 15px
+}
+
+.vongi-sqtpdat-slider .mui-segmented-control.mui-scroll-wrapper,
+.vongi-sqtpdat-slider .mui-control-content {
+	padding: 0 10px
+}
+
+.vongi-sqtpdat-slider .mui-segmented-control.mui-scroll-wrapper {
+	height: 39px
+}
+
+.vongi-sqtpdat-slider.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
+	border: 0;
+}
+
+.vongi-sqtpdat-slider .mui-scroll-wrapper {
+	background: #ffffff;
+}
+
+.vongi-sqtpdat .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
+	color: #3385FF
+}
+
+.vongi-sqtpdat-name .fyy-scon-det {
+	color: #101010
+}
+
+.vongi-sqtpdat-name .fyy-scon-top {
+	padding: 10px
+}
+
+.vongi-jy-list {
+	padding: 10px;
+	background: #ffffff;
+}
+
+.vongi-center {
+	text-align: center;
+}
+
+.vongi-jy-ul li span {
+	position: absolute;
+	right: 35px;
+	top: 50%;
+	margin-top: -10px;
+	color: #666
+}
+
+.vongi-jy-ul li .color55f868 {
+	color: #389E0D/*绿*/
+}
+
+.vongi-jy-ul li .color4fc5f7 {
+	color: #3385FF/*蓝*/
+}
+
+.vongi-jy-ul li .colorfe616c {
+	color: #fe616c/*红*/
+}
+
+.vongi-jy-ul {
+	margin-top: 10px
+}
+
+.vongi-jy-ul.mui-table-view:before,
+.vongi-jy-ul.mui-table-view:after {
+	background: 0
+}
+
+.vongi-cytx .vongi-sqtpdat-name {
+	padding: 10% 15px 15px
+}
+
+.vongi-cytx .vongi-center button {
+	padding: 6px 20px;
+	border-radius: 15px;
+	margin-top: 15px
+}
+
+.vongi-cytx h3 {
+	line-height: 1.4;
+}
+
+.mui-bar .mui-icon.pink {
+	color: #FF9474;
+	font-size: 12px;
+}
+
+.mui-bar .mui-icon.mui-icon-trash {
+	color: #FF6666
+}
+
+.vongi-cytx-time {
+	background: #ffffff;
+	padding: 10px 5px
+}
+
+.vongi-cytx-time .mui-grid-view {
+	padding: 5px 0
+}
+
+.vongi-cytx-time .mui-grid-view.mui-grid-9 .mui-table-view-cell {
+	padding: 0;
+	width: 14.2857%;
+	font-size: 14px
+}
+
+.vongi-cytx-time .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
+	font-size: 70%;
+	height: auto;
+	line-height: initial;
+}
+
+.vongi-cytx-time .mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn).mui-active {
+	background: #FF9474;
+	border-radius: 3px;
+	color: #ffffff
+}
+
+.vongi-cytx-time form label {
+	width: 20%;
+	padding: 0;
+}
+
+.vongi-cytx-time.vongi-qingjiadt {
+	padding: 10px
+}
+
+.vongi-cytx-time.vongi-qingjiadt .mui-input-group span {
+	width: 80%;
+	text-align: left;
+	padding: 0
+}
+
+.vongi-cytx-time .mui-input-row {
+	padding: 5px 0
+}
+
+.vongi-cytx-time h4 img {
+	margin-right: 5px;
+}
+
+.vongi-cytx-with li {
+	padding: 10px 0
+}
+
+.vongi-cytx-with.mui-table-view:before,
+.vongi-cytx-with.mui-table-view:after {
+	background: 0
+}
+
+.vongi-cytx-with .mui-table-view-cell:after {
+	left: 0
+}
+
+.vongi-cytx-with .mui-disabled a {
+	margin-left: 10px;
+	background: #FF9474
+}
+
+.vongi-cytx-with .icon-circleyuanquan {
+	font-size: 12px;
+	margin-right: 5px
+}
+
+.vongi-cytx-date {
+	padding: 10px 15px;
+	background: #FAFAFA
+}
+
+.vongi-tell .mui-media-object {
+	width: 88px;
+	height: 88px;
+	border-radius: 50%;
+	background: #EEEEEE;
+	display: flex;
+	justify-content: center;
+	overflow: hidden;
+	margin: 0 auto
+}
+
+.vongi-tell .mui-media-object img {
+	object-fit: cover;
+	width: 100%
+}
+
+.vongi-tell .mui-h1 {
+	padding: 20px 15px;
+	border-top: 1px #ddd solid;
+	border-bottom: 1px #ddd solid
+}
+
+.vongi-tell .vongi-center {
+	padding: 30px
+}
+
+.vongi-tell .iconfont {
+	font-size: 30px
+}
+
+.phone-line {
+	border-radius: 50%;
+	border: 1px solid #3385FF;
+	color: #3385FF;
+	padding: 1px;
+	font-size: 12px;
+	margin-right: 2px;
+	margin-left: 0
+}
+
+.vongi-qrcode-tg {
+	background: #ffffff;
+	padding: 15px;
+	margin: 15px;
+	border-radius: 10px;
+}
+
+.vongi-qrcode-tg .vongi-sqtp-list .mui-media-object {
+	border-radius: 50%;
+	margin-right: 10px
+}
+
+.vongi-qrcode-ma {
+	border: #eee 1px solid;
+	border-radius: 5px;
+	padding: 15px;
+	overflow: hidden;
+	display: flex;
+	object-fit: cover;
+	width: 100%;
+}
+
+.vongi-xieyii {
+	padding: 10px 15px;
+	font-size: 12px;
+	color: #888888
+}
+
+.vongi-xieyii.mui-radio input[type=radio] {
+	position: initial;
+	width: auto;
+	height: auto
+}
+
+.vongi-xieyii.mui-radio input[type=radio]:before {
+	font-size: 16px
+}
+
+.vongi-badge-primary {
+	background-color: #3385FF;
+	color: #ffffff;
+	border-radius: 2px;
+	margin-left: 5px;
+	padding: 5px 6px
+}
+
+.vongi-qqhm .mui-media-object {
+	overflow: hidden;
+	border-radius: 50%;
+	line-height: 56px;
+	max-width: 56px;
+	height: 56px;
+	border: 1px #eee solid;
+}
+
+.vongi-qqhm .mui-media-object img {
+	object-fit: cover;
+	min-height: 100%;
+	width: 100%;
+}
+
+.vongi-about {
+	padding: 10px 30px
+}
+
+.vongi-about h4 {
+	margin-bottom: 10px;
+	line-height: 1.5;
+}
+
+.vongi-about .mui-h4 {
+	text-align: justify;
+}
+
+.vongi-wordcard-sp .mui-media-object.vongi-buka {
+	height: initial
+}
+
+.vongi-wordcard-sp .mui-media-object.vongi-buka img {
+	height: 42px
+}
+
+.vongi-edit {
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	top: 44px;
+	background: #ffffff
+}
+
+.vongi-edit textarea {
+	height: 100%;
+	padding: 15px 15px 32px;
+}
+
+.vongi-edit-footer {
+	position: fixed;
+	bottom: 0;
+	border-top: 1px #eee solid;
+	width: 100%
+}
+
+.vongi-edit-bl {
+	padding: 5px
+}
+
+.vongi-edit-bl span {
+	display: block;
+	color: #666
+}
+
+.vongi-edit-line {
+	width: 1px;
+	height: 18px;
+	background: #ddd;
+	display: block;
+}
+
+.vongi-sqhd-list p {
+	margin-top: 15px
+}
+
+.vongi-sqhd-list .mui-card {
+	margin-top: 5px
+}
+
+.vongi-sqhd-list .mui-card,
+.vongi-sqhd-list .mui-card-footer {
+	display: block;
+}
+
+.vongi-sqhd-list .mui-card-footer {
+	padding: 0 40px 0 15px;
+	line-height: 44px;
+	color: #101010
+}
+
+.vongi-sqhd-list .mui-card-content-inner {
+	height: 128px;
+	overflow: hidden;
+}
+
+.mui-table-view .mui-table-view-cell .vongi-lodtext {
+	text-align: center;
+	padding: 0;
+	color: #3385FF;
+	font-size: 12px;
+	width: 100%;
+	margin: 0
+}
+
+.vongi-lodtext .iconfont {
+	font-size: 12px;
+	margin-left: 5px
+}
+
+.vongi-bread {
+	display: -webkit-box;
+	overflow-x: scroll;
+	padding: 10px
+}
+
+.vongi-bread a {
+	padding: 0 5px;
+	display: block;
+}
+
+.vongi-fpbm .mui-radio {
+	width: 80%;
+	padding: 11px 5px 11px 38px
+}
+
+.vongi-fpbm .mui-radio.mui-left input {
+	left: 0;
+	margin-right: 5px
+}
+
+.vongi-fpbm .mui-table-view-cell {
+	padding: 0 15px
+}
+
+.vongi-yjbtn button {
+	border-radius: 18px
+}
+
+.vongi-fpbm .mui-table-view-cell .color4fc5f7 {
+	color: #3385FF
+}
+
+.vongi-fpbm .mui-table-view-cell .color999 {
+	color: #999
+}
+
+.vongi-kqtj-center .mui-content-padded .iconfont {
+	margin-right: 5px
+}
+
+.vongi-kqtj-bot {
+	position: fixed;
+	bottom: 0;
+	margin: 0;
+	width: 100%
+}
+
+.vongi-kqtj-center .vongi-archives .mui-table-view-cell>a:not(.mui-btn) {
+	width: 100%;
+	margin-left: 0;
+	padding: 10px 0;
+}
+
+.vongi-kqtj-center .vongi-archives li a h4,
+.vongi-kqtj-center .vongi-archives li a .mui-pull-right {
+	line-height: 21px;
+	margin: 0
+}
+
+.vongi-kqtj-center .vongi-archives li a h4 span {
+	margin-left: 5px
+}
+
+.vongi-kqtj-center .vongi-archives li .mui-navigate-right::after,
+.vongi-kqtj-center .vongi-archives li .mui-push-right::after {
+	right: 0
+}
+
+.margin77 {
+	margin-bottom: 77px
+}
+
+.vongi-kqtj-bot .vongi-clasadmin-ma,
+.vongi-kqtj-list .vongi-clasadmin-m {
+	position: relative
+}
+
+.vongi-kqtj-bot .vongi-clasadmin-ma:after,
+.vongi-kqtj-list .vongi-clasadmin-ma:after {
+	content: "";
+	height: 30px;
+	width: 1px;
+	background: #eee;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	margin-top: -15px
+}
+
+.vongi-kqtj-bot .vongi-clasadmin-ma:last-child:after,
+.vongi-kqtj-list .vongi-clasadmin-ma:last-child:after {
+	width: 0
+}
+
+.vongi-kqtj-bot .vongi-clasadmin-list {
+	padding: 10px 0
+}
+
+.vongi-bagfff .vongi-xzdw-search input {
+	background: #eee;
+	border-radius: 17px;
+}
+
+.vongi-bagfff .vongi-xzdw-search {
+	padding: 10px 15px;
+	border-bottom: 1px #eee solid;
+}
+
+.vongi-bagfff .vongi-xzdw-search .mui-icon-search {
+	left: 25px
+}
+
+.vongi-kqtj-time {
+	margin-left: 5px;
+}
+
+.vongi-kqtj-list .mui-card {
+	margin: 0;
+	box-shadow: initial;
+	margin-bottom: 10px
+}
+
+.vongi-kqtj-list .mui-card-content-inner {
+	padding: 10px 0
+}
+
+.vongi-kqtj-list .mui-card-content-inner .mui-navigate-right {
+	position: relative;
+	padding-right: 15px
+}
+
+.vongi-kqtj-list .mui-card-content-inner a:after {
+	right: 0
+}
+
+.vongi-kqtj-list .mui-card-content-inner a .iconfont {
+	font-size: 14px;
+	margin-right: 3px
+}
+
+.vongi-kqtj-list .mui-card-header button {
+	border-radius: 15px;
+	padding: 3px 15px
+}
+
+.vongi-slot-block:before {
+	content: '';
+	position: absolute;
+	height: 28px;
+	width: 1px;
+	background: #999;
+	left: 30px;
+	bottom: -14px;
+}
+
+.vongi-slot-block:last-child:before {
+	height: 0px;
+}
+
+.vongi-slot-block {
+	position: relative;
+	padding: 15px
+}
+
+.vongi-slot-img {
+	position: absolute;
+	top: 50%;
+	left: 10px;
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	margin-top: -20px;
+	overflow: hidden;
+}
+
+.vongi-slot-img img {
+	display: block;
+	width: 100%;
+	height: 100%;
+	position: relative;
+	left: 0;
+	top: 0;
+}
+
+.vongi-slot-content {
+	margin-left: 45px;
+}
+
+.vongi-slot-content a {
+	padding-right: 15px;
+	font-size: 12px;
+	line-height: initial;
+}
+
+.vongi-slot {
+	background: #ffffff
+}
+
+.vongi-wordcard-sp .vongi-cchai .mui-slider-item .mui-h6 {
+	margin-right: 0;
+}
+
+.vongi-cchai .mui-input-row p {
+	padding-right: 0
+}
+
+.vongi-cchai .mui-btn {
+	width: auto;
+	padding: 2px 10px;
+	line-height: inherit;
+	font-size: 12px
+}
+
+.vongi-cchai .mui-btn-primary {
+	border: 1px solid #3385FF;
+}
+
+.vongi-cchai h4 {
+	margin-bottom: 10px
+}
+
+.vongi-cchai .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {
+	padding: 15px
+}
+
+.vongi-zdto {
+	padding: 10px 15px;
+	background: #ffffff;
+	border-bottom: 1px #eee solid
+}
+
+.vongi-pay-list.openfyy-list li {
+	padding: 0 10px;
+	margin-bottom: 10px
+}
+
+.vongi-pay-list li .mui-card-content-inner,
+.vongi-pay-list li .mui-card-footer {
+	padding: 10px 0
+}
+
+.vongi-pay-list li .mui-card-footer {
+	min-height: initial
+}
+
+.vongi-pay-list .mui-card-footer::before {
+	background: #eee
+}
+
+.vongi-pay .vongi-zd {
+	justify-content: center;
+	background: 0;
+}
+
+.vongi-pay .mui-collapse-content .mui-table-view {
+	margin: 0
+}
+
+.vongi-pay .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
+	padding: 0 15px;
+	background: #ffffff
+}
+
+.vongi-pay .mui-table-view-cell.mui-collapse a {
+	background: #eee
+}
+
+.vongi-pay .openfyy-list .mui-table-view-cell.mui-collapse,
+.vongi-pay .mui-table-view-cell.mui-collapse .mui-collapse-content,
+.vongi-pay .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell::after {
+	background: 0
+}
+
+.vongi-pay .mui-table-view-cell.mui-collapse .mui-collapse-content {
+	padding: 0;
+}
+
+.vongi-zdlist.vongi-zd .mui-table-view-cell {
+	margin: 0;
+	border-radius: initial;
+	border-bottom: 1px #eee solid
+}
+
+.vongi-dw span input {
+	padding: 0 10px 0 0;
+	width: 80%
+}
+
+.vongi-top-bread a {
+	padding: 5px 10px
+}
+
+.vongi-top-bread .mui-active {
+	color: #3385FF
+}
+
+.vongi-flxtop {
+	position: fixed;
+	width: 100%;
+	z-index: 9;
+}
+
+.vongi-kqtj-tab {
+	margin-top: 41px;
+	background: #ffffff;
+}
+
+.vongi-tab-top {
+	margin-top: 82px
+}
+
+.vongi-top-bread.vongi-bread {
+	overflow-x: initial;
+	padding: 5px 38px 5px 0;
+	background: #ffffff;
+	position: relative;
+	overflow: hidden;
+	display: flex;
+	flex-wrap: wrap;
+	height: 41px;
+	border-top: 1px #eee solid;
+}
+
+.vongi-top-bread button {
+	position: absolute;
+	right: 0;
+	top: 1px;
+	height: 40px;
+	border: 0;
+	border-radius: initial;
+	-webkit-box-shadow: 0 1px 6px #ccc;
+	box-shadow: 0 1px 6px #ccc;
+}
+
+.vongi-top-bread-list {
+	background: rgba(0, 0, 0, 0.6);
+	height: 100%;
+	position: fixed;
+	top: 82px;
+}
+
+.vongi-top-bread.flew {
+	flex-wrap: wrap;
+	background: #ffffff;
+	border-top: 1px #eee solid;
+	padding: 5px 38px 5px 0;
+	width: 100%
+}
+
+.vongi-top-bread-list .vongi-top-bread button {
+	box-shadow: initial;
+}
+
+.vongi-ad-fix {
+	position: fixed;
+	bottom: 0;
+	width: 100%;
+	z-index: 9999;
+}
+
+.vongi-ad-fix .fyy-bindfyy-btn {
+	position: initial;
+	z-index: initial;
+}
+
+.vongi-wordcard-sp .vongi-ad-fix .mui-input-group .mui-input-row {
+	background: #ffffff;
+	border-top: 1px #eee solid;
+	border-bottom: 1px #eee solid
+}
+
+.vongi-over .vongi-cchai .mui-scroll {
+	margin-bottom: 110px
+}
+
+.vongi-zctj .mui-fullscreen {
+	position: initial
+}
+
+.vongi-zctj .vongi-archives .mui-table-view .mui-media-object {
+	margin-right: 5px
+}
+
+.vongi-zctj .mui-slider-group {
+	padding-top: 10px
+}
+
+.vongi-zctj .mui-table-view::before,
+.vongi-zctj .mui-table-view::after {
+	background: 0
+}
+
+.vongi-zctj .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
+	border: 0
+}
+
+.vongi-zctj .vongi-archives .mui-table-view .mui-pull-right {
+	color: #888
+}
+
+.vongi-fx-yzm,
+.vongi-fx-radio {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.vongi-fx-yzm label,
+.vongi-fx-yzm a,
+.vongi-fx-yzm input {
+	flex-shrink: 0;
+}
+
+.vongi-editme .mui-input-row.vongi-fx-yzm input {
+	width: 40%
+}
+
+.vongi-fx-yzm a {
+	color: #3385FF;
+	padding-right: 15px
+}
+
+.vongi-fx-yzm .mui-radio.mui-left label {
+	padding: 0 0 0 20px
+}
+
+.vongi-fx-yzm .mui-radio input[type="radio"]::before {
+	font-size: 20px;
+}
+
+.vongi-fx-yzm .mui-radio.mui-left input[type="radio"] {
+	left: 0;
+	width: auto;
+	top: 0
+}
+
+.vongi-fx .vongi-editme .mui-input-row .mui-btn img {
+	border-radius: initial
+}
+
+.vongi-fx h1 {
+	margin: 20px 0 15px;
+	font-weight: initial;
+}
+
+.vongi-fx p {
+	text-align: justify;
+	color: #101010;
+	font-size: 14px
+}
+
+.vongi-fx-list .mui-pull-left span {
+	margin: 0 5px
+}
+
+.vongi-fx-card {
+	background: #3385FF;
+	border-radius: 5px;
+	padding: 15px;
+	color: #ffffff;
+	line-height: 1.5;
+}
+
+.vongi-fx-card h4 {
+	line-height: 1.2;
+}
+
+.vongi-fx-card h1 {
+	margin-bottom: 10px;
+	font-weight: initial;
+}
+
+.vongi-fx-card .iconfont {
+	display: block;
+	float: left;
+	margin-right: 5px
+}
+
+.vongi-fx-dattop {
+	position: relative;
+	margin: 10px
+}
+
+.vongi-fx-dattop a {
+	position: absolute;
+	right: 15px;
+	top: 30px;
+	text-align: center;
+	color: #ffffff;
+	font-size: 12px
+}
+
+.vongi-fx-dattop a .iconfont {
+	font-size: 36px
+}
+
+.vongi-fx-dat .mui-input-row label {
+	width: 100%;
+	color: #888
+}
+
+.vongi-fx-datpot .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
+	width: 100%;
+	height: 100px;
+	display: flex;
+	overflow: hidden;
+}
+
+.vongi-fx-datpot .mui-media-object img {
+	object-fit: cover;
+	width: 100%;
+	min-height: 100%;
+}
+
+.vongi-fx-datpot {
+	background: #ffffff;
+	padding: 10px 10px 0
+}
+
+.mui-grid-view.mui-grid-9 .mui-table-view-cell {
+	padding: 0 5px
+}
+
+.von-fx-content img {
+	display: flex;
+	width: 100%
+}
+
+.vongi-archives .mui-table-view .vongi-dktz-t h4 {
+	margin: 0;
+	margin-bottom: 5px
+}
+
+.vongi-dktz-t {
+	margin-left: 5px
+}
+
+.vongi-dktz-t .mui-h6 {
+	line-height: 1;
+}
+
+.vongi-dktz-t .iconfont {
+	margin-left: 5px;
+	font-size: 14px
+}
+
+.vongi-dktz-bage.mui-btn {
+	padding: 0 6px;
+	margin-right: 5px;
+	font-size: 12px
+}
+.fyy-temper-date a {
+    color: #333;
+    display: block;
+    text-align: center;
+}
+.fyy-temper-date {
+    background: #ffffff;
+    padding: 10px;
+    display: flex;
+}
+.fyy-temper-date .mui-icon {
+    font-size: 12px;
+    margin-left: 5px;
+    color: #999;
+}
+.fyy-temper-date span {
+    text-align: center;
+}
+.vongi-dktz-c .mui-table-view-cell::after,
+.vongi-dktz-c .mui-table-view::before,
+.vongi-dktz-c .mui-table-view::after{
+	background:#eee;
+	left:0
+}
+.vongi-dktz-c .vongi-clasadmin{
+	margin-bottom:0
+}
+.vongi-dktz-c .vongi-clasadmin-list{
+	border-bottom:1px solid #eee
+}
+.fyy-cartg ul li .mui-h3{
+	margin-bottom:5px
+}
+.vongi-car-banner{
+	background:url(../img/car_bannerBg.png) no-repeat center;
+	background-size:100% 100%;
+	padding:20px
+	}
+.vongi-car-banner h5{
+	color:white;
+	text-shadow: 0 5px 5px rgba(0,0,0,0.2);
+	font-weight: bold;
+	margin-bottom:10px
+}
+.vongi-car-banner input{
+	border-top-left-radius: 5px;
+	border-bottom-left-radius: 5px;
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+	font-size:18px;
+	padding:6px 15px
+}
+.vongi-car-banner button{
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+	border-top-right-radius:5px;
+	border-bottom-right-radius: 5px;
+	padding:6px 20px;
+	font-size:16px;
+}
+.vongi-car-banner .flew{
+	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+}
+.vongi-car-footer{
+	position:absolute;
+	bottom:0;
+	padding:20px;
+}
+.vongi-car-footer .mui-media-body{
+	background:#DBDEE3;
+	padding:15px;
+	border-radius: 5px;
+}
+.vongi-car-not{
+	padding:20px;
+	text-align: center;
+}
+.vongi-car-not img{
+	width:80%
+}
+.vongi-car-pay{
+	background:url(../img/car_bannerBg2.jpg) no-repeat top;
+	background-size:100%;
+	padding:20px;
+	margin-top:44px;
+	
+}
+.mui-bar-nav ~ .mui-content.vongi-car-pay{
+	padding-top:0
+}
+.vongi-car-pay-top{
+	text-align: center;
+	color:white;
+	padding:30px 0;
+	line-height: 1;
+}
+
+.vongi-car-pay .mui-h1{
+	font-size:48px;
+	font-weight: bold;
+}
+.vongi-car-pay .vongi-cd-payli .mui-input-row:nth-child(2){
+	padding-top:0
+}
+.vongi-car-pay .vongi-cd-payli .mui-input-row:last-child{
+	padding-bottom:0
+}
+.vongi-car-pay form{
+	padding:15px 0;
+	border-radius: 10px;
+	background:white
+}
+.vongi-car-pay form label{
+	color:#666
+}
+.vongi-car-pay .vongi-qingjiadt .mui-content-padded{
+	margin:15px
+}
+.vongi-car-over{
+	padding-top:20%;
+	text-align: center;
+}
+.vongi-car-over img {
+    width: 100px;
+    
+}
+.vongi-car-over h2{
+	font-weight: bold;
+	margin-bottom:10px
+}
+.vongi-car-over-line {
+    width: 200px;
+    height: 1px;
+    border-bottom: 1px #BBBBBB dotted;
+    margin: 20px auto;
+}
+.padd30{
+	padding:30px
+}
+.vongi-car-banner img {
+    width: 60px;
+    margin-right: 15px;
+}
+.vongi-car-dj {
+	margin-bottom:60px
+}
+.vongi-car-dj .vongi-car-banner,
+.vongi-car-dj .vongi-car-banner p{
+	color:white;
+	text-shadow: 0 2px 5px rgba(0,0,0,0.2);
+}
+.vongi-car-dj .vongi-car-banner p{
+	margin-top:5px
+}
+.vongi-car-dj .vongi-car-banner button{
+	color:white;
+	border-radius: 5px;
+	font-size:14px;
+	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
+.car-juan{
+	background:#3385FF;
+	color:white;
+	text-align: center;
+	border-top-left-radius: 5px;
+	border-bottom-left-radius: 5px;
+	padding:20px;
+	width:35%;
+	position:relative
+}
+.car-juan:after{
+	content: "";
+	background:#EEEEEE;
+	width:8px;
+	height:8px;
+	border-radius: 50%;
+	position:absolute;
+	top:-4px;
+	right:-4.5px;
+	z-index: 999;
+}
+.car-juan-text{
+	padding:17px 20px 20px;
+	background:#ffffff;
+	width:65%;
+	border-top-right-radius: 5px;
+	border-bottom-right-radius: 5px;
+	border-left:1px #3385FF dashed;
+	position:relative
+}
+.car-juan-text:after{
+	content: "";
+	background:#EEEEEE;
+	width:8px;
+	height:8px;
+	border-radius: 50%;
+	position:absolute;
+	bottom:-4px;
+	left:-4.5px
+}
+.car-juan .mui-h1{
+	font-size:44px
+}
+.car-juan h6{
+	color:white
+}
+.vongi-car-dj h4{
+	line-height: 1.5;
+}
+.vongi-car-dj h1{
+	font-size:20px
+}
+.vongi-car-dj .vongi-car-over{
+	padding-top:20px
+}
+.vongi-car-juan{
+	padding:20px;
+}
+.vongi-car-hisdat{
+	background:url(../img/car_detailBg.jpg) no-repeat center;
+	background-size:100% 100%;
+	padding:30px 0
+}
+.vongi-car-carp{
+	background:url(../img/car_pai.png) no-repeat center;
+	background-size:100% 100%;
+	padding:20px 20px 25px;
+	line-height:1.2;
+	margin:0 auto;
+	font-size:36px;
+	color:white;
+	text-align: center;
+	font-weight: bold;
+	display: table;
+}
+@media (max-width: 320px) {
+	.mui-grid-view.mui-grid-9 .mui-table-view-cell.inedxfyy-grid-agin {
+		padding: 0
+	}
+	.mui-table-view-cell.inedxfyy-grid-big>a:not(.mui-btn) {
+		height: 190px
+	}
+	.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
+		font-size: 26px
+	}
+	.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
+		padding: 5px 0
+	}
+	.notice-fyy .mui-media-body,
+	body,
+	input,
+	select,
+	textarea,
+	.mui-input-group .mui-input-row .mui-btn {
+		font-size: 14px
+	}
+	.mui-content .faceaifyy-content.mui-content-padded {
+		height: 240px
+	}
+	.mui-content .faceaifyy-content-text {
+		padding: 0
+	}
+	.bindfyy-btn {
+		margin: 20px auto
+	}
+	.mui-input-group .mui-input-row p {
+		font-size: 14px
+	}
+	.mui-content .vongi-choose .mui-table-view-cell a {
+		padding: 11px 15px
+	}
+	.mui-content .vongi-photo {
+		height: 240px
+	}
+	.mui-content .vongi-meform-pho .mui-table-view-cell a {
+		padding: 3px 5px
+	}
+	.mui-table-view-cell .vongi-color-block .mui-media-body {
+		font-size: 16px
+	}
+	.vongi-color-block .mui-h1.vongi-color-icon {
+		font-size: 35px
+	}
+	.vongi-sqtpdat-slider.fyy-slider .mui-table-view .mui-table-view-cell .mui-media-object {
+		height: 100px!important
+	}
+	.fyy-scon-top .fyy-scon-head {
+		height: 150px;
+	}
+	.vongi-kqtj-time {
+		font-size: 50%
+	}
+}
+@media (min-width: 768px) {
+	.vongi-car-pay{
+		background-size: 100% 200px;
+	}
+}

src/assets/css/xsy.css

@@ -0,0 +1,255 @@
+.bg-blue{
+	background:#3385FF
+}
+.bg-green{
+	background:#389E0D
+}
+.pl-10{
+	padding-left:10px
+}
+.mui-bar{
+	box-shadow: initial;
+}
+.mui-bar-nav ~ .von-xzbb.mui-content{
+	padding-top:60px;
+	background:0
+}
+.mui-table-view::before,
+.mui-table-view::after{
+	background:0
+}
+.mt-10{
+	margin-top:10px
+}
+.vongi-qingjiadt .mui-input-group .pl-20 span{
+	padding: 11px 35px 11px 0;
+}
+.von-xsy-index{
+	padding:10px 10px 0;
+	background:white
+}
+.text-list.mui-active:after{
+	background:#FF6666
+}
+
+.vongi-slot-block .vongi-slot-img{
+	top:15px;
+	margin-top:0
+}
+.vongi-slot .vongi-slot-block:before{
+	height:100%;
+	bottom:inherit
+}
+.vongi-slot .vongi-slot-block:last-child::before{
+	height:0
+}
+.vongi-slot-content .mui-grid-view.mui-grid-9 {
+	margin:10px -5px
+}
+
+.vongi-slot-content .mui-grid-view.mui-grid-9 li .flex{
+	position:relative
+}
+.vongi-slot-content .mui-grid-view.mui-grid-9 li .flex i{
+	position:absolute;
+	top:14px;
+	left:50%;
+	width:10px;
+	height:10px;
+	border-radius: 50%;
+	background:white;
+	line-height: 10px;
+	text-align: center;
+	margin-left:3px
+}
+.vongi-slot-content .icon-gou{
+	color:#22AC38;
+	font-size:10px
+}
+.vongi-slot-content .icon-chacha{
+	color:#FF6666;
+	font-size:10px
+}
+.vongi-slot-content .mui-grid-view.mui-grid-9 li img{
+	object-fit: cover;
+	width:24px;
+	height:24px;
+	overflow: hidden;
+	margin:0 auto;
+	border-radius: 50%;
+}
+.vongi-fpbm-xsy .mui-table-view-cell{
+	padding:11px 15px
+}
+.vongi-fpbm-xsy .mui-table-view-cell .mui-ellipsis{
+	flex: 1;
+	border-right:1px solid #BBBBBB;
+	padding-right:15px;
+	margin-right:15px
+}
+.vongi-fpbm-xsy .mui-table-view-cell .iconfont{
+	font-size:14px;
+	color: #3385FF;
+}
+.vongi-fpbm-xsy .vongi-yjbtn{
+	flex-wrap: wrap;
+	margin:-5px;
+	height: 112px;
+	overflow-y: scroll;
+}
+.vongi-fpbm-xsy .vongi-yjbtn a{
+	font-size:14px;
+	margin-left:5px;
+	color: #3385FF;
+}
+.vongi-fpbm-xsy .vongi-yjbtn span{
+	color: #3385FF;
+	border:1px solid #3385FF;
+	border-radius: 18px;
+	padding:2px 10px;
+	display: block;
+	margin:5px
+	
+}
+.vongi-wordcard-sp .mui-input-row .mui-media-body {
+    color: #333;
+    display: block;
+    background: #ffffff;
+    padding: 10px;
+    margin: 0 10px 0 50px;
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    line-height: 2;
+}
+.vongi-wordcard-sp .mui-slider-item .mui-table-view{
+	padding:0 10px
+}
+.vongi-wordcard-sp .mui-slider-item .mui-table-view li{
+	padding:11px 15px;
+	margin-bottom:0;
+	margin-top:10px
+	
+}
+.vongi-wordcard-sp .mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn){
+	margin: -11px -15px;
+}
+.vongi-mui-pop .mui-popup-button{
+	overflow: initial;
+}
+.vongi-mui-pop .mui-popup-inner:after{
+	height:0
+}
+.vongi-qingjiadt .vongi-wybx .vongi-meform-pho .fyy-upphoto .mui-col-xs-3{
+	width:25%;
+	height:80px
+}
+.vongi-hy-tit{
+	padding:30px 15px 73px;
+	color:white;
+}
+.vongi-hy-tit h1,
+.vongi-hy-tit i{
+	font-size:36px
+}
+.vongi-hy-tit i{
+	margin-right:5px
+}
+.vongi-hy-top{
+	margin-top:-53px;
+}
+.vongi-hy-top form{
+	border-radius: 5px;
+	overflow: hidden;
+}
+.vongi-list-text li{
+	line-height: 2;
+}
+.vongi-sh-row{
+	position:relative;
+	line-height: 2;
+}
+.vongi-wordcard-sp .fyy-checkbox .mui-checkbox.mui-left .vongi-sh-row label,
+.vongi-sh-row label{
+	padding:0;
+	float:left;
+	width:30% 
+}
+.vongi-sh-row span{
+	padding:0 10px;
+	float:left;
+}
+
+.vongi-sh-row h5,
+.vongi-sh-row button{
+	position:absolute;
+	right:0;
+	top:50%;
+	transform: translate(-0%, -50%);
+	-webkit-transform: translate(-0%, -50%);
+	margin:0
+}
+.vongi-qingjiadt-head .flew-items .flew{
+	width: 42px;
+    height: 42px;
+}
+.vongi-eat .vongi-opendoor{
+	height:80px;
+	margin-bottom:54px
+}
+.vongi-eat .vongi-opendoor .flew-items{
+	padding:20px 15px
+}
+.vongi-eat button{
+	border-radius: 20px;
+	padding:6px 20px;
+	min-width:30%
+}
+.vongi-eat  h1{
+	font-size:28px;
+	margin-top:10px;
+	display: flex;
+	align-items: center;
+}
+.vongi-eat  h1 i{
+	font-size:24px;
+	color:#FAAB1C;
+	margin-right:5px
+}
+.vongi-eat ul{
+	margin-bottom:20px
+}
+.vongi-eat .mui-content-padded{
+	margin:15px
+}
+.vongi-eat-dat ul li span{
+	text-align: right;
+}
+.vongi-eat-dat ul li .mui-media-body{
+	color:#999
+}
+.vongi-eat-dat .vongi-wordcard-center{
+	background:white;
+	padding:0 15px
+}
+.eat-dat-tit{
+	padding:20px 0;
+	border-bottom:1px solid #bbb
+}
+.vongi-eat-dat .vongi-wordcard-center li{
+	padding:10px 0
+}
+.vongi-fplist .icon-ze-friends{
+	color:#1677FF;
+	margin-right:5px
+}
+.box-show{
+	-webkit-box-shadow: 0 1px 6px #ccc;
+	box-shadow: 0 1px 6px #ccc;
+}
+@media (max-width: 320px) {
+	
+}
+
+	.mui-fullscreen {
+		position: unset;
+	}

src/router/home.js

@@ -1,7 +1,3 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-
-if (!window.VueRouter) Vue.use(VueRouter)
 
 const routes = [
 	//选择场景

src/router/index.js

@@ -12,6 +12,7 @@ import routesControl from './control'
 //其他
 import routesOther from './other'
 import homeOther from './home'
+import oaOther from './oa'
 
 
 
@@ -21,7 +22,7 @@ const routesIndex = [
 	
 ]
 
-const routes = routesIndex.concat(routesCommon, routesGuest, routesMaster, routesControl, routesOther,homeOther);
+const routes = routesIndex.concat(routesCommon,oaOther, routesGuest, routesMaster, routesControl, routesOther,homeOther);
 
 const router = new VueRouter({
 	//base: process.env.BASE_URL,

src/router/oa.js

@@ -0,0 +1,74 @@
+
+const routes = [
+	//用户基础页面
+	{
+		path: '/oa',
+		component: () => import('../views/Layout.vue'),
+		children: [
+			//我的
+			{
+				path: 'document',
+				component: () => import('../views/Layout.vue'),
+				children: [
+					//编辑文件
+					{
+						path: 'Form',
+						name: 'OaDocumentForm',
+						component: () => import('../views-oa/Document/Form.vue'),
+						meta: {
+							title: '编辑文件',
+						}
+					},
+					//查看文件
+					{
+						path: 'Info',
+						name: 'OaDocumentInfo',
+						component: () => import('../views-oa/Document/Info.vue'),
+						meta: {
+							title: ' 查看文件',
+						}
+					},
+					//列表文件
+					{
+						path: '',
+						name: 'OaDocumentList',
+						component: () => import('../views-oa/Document/List.vue'),
+						meta: {
+							title: '列表文件',
+						}
+					},
+					//列表文件
+					{
+						path: 'Browse',
+						name: 'OaDocumentBrowse',
+						component: () => import('../views-oa/Document/Browse.vue'),
+						meta: {
+							title: '公文浏览',
+						}
+					},
+					//列表文件
+					{
+						path: 'VerifyInfo',
+						name: 'OaDocumentVerifyInfo',
+						component: () => import('../views-oa/Document/VerifyInfo.vue'),
+						meta: {
+							title: '公文审批详情',
+						}
+					},
+					//列表文件
+					{
+						path: 'VerifyList',
+						name: 'OaDocumentVerifyList',
+						component: () => import('../views-oa/Document/VerifyList.vue'),
+						meta: {
+							title: '公文审批列表',
+						}
+					},
+				],
+			}
+			
+			
+		]
+	},
+]
+export default routes

src/views-oa/Document/Browse.vue

@@ -0,0 +1,315 @@
+<template>
+	<div>
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle" :routeName="'Master'"></top-header>
+
+		<div class="mui-content vongi-wordcard-sp">
+			<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
+				<div class="mui-scroll">
+					<a @click="reloadList('0')" :class="'mui-control-item '+(listForm.status==0?'mui-active':'')">
+						<span class="fyy-badge">待处理<span class="mui-badge" v-if="firstRecordsTotal" v-text="firstRecordsTotal"></span></span>
+					</a>
+					<a @click="reloadList('3')" :class="'mui-control-item '+(listForm.status==3?'mui-active':'')">
+						已处理
+					</a>
+				</div>
+			</div>
+
+			<NullList :remark="'暂无审批记录'" v-if="!recordList.length"></NullList>
+
+			<div v-if="recordList.length" id="slider" class="mui-slider mui-fullscreen vongi-over">
+
+				<div class="mui-slider-group">
+
+					<div v-if="listForm.status==0" class="mui-slider-item mui-control-content">
+						<div class="mui-scroll-wrapper vongi-over-hei">
+							<div class="mui-scroll">
+								<form class="mui-input-group fyy-checkbox">
+									<div v-for="(item,index) in recordList" :key="'s0_'+item.id" class="mui-input-row mui-checkbox mui-left">
+										<router-link :to="{name:'MasterAttendanceVerifyInfo',query:{id:item.id}}" class="mui-navigate-right">
+											<div class="mui-media-object mui-pull-left vongi-buka"><img :src="item.faceImageUrl"></div>
+											<div class="mui-media-body">
+												{{item.personName}}
+												<p class='mui-ellipsis'><span class="colorfe616c" v-text="item.typeN"></span>申请</p>
+												<p class='mui-ellipsis' v-if="item.type=='1' && item.address">打卡位置：{{item.address}}</p>
+												<p class='mui-ellipsis' v-if="item.type=='2' && item.content">申请理由：{{item.content}}</p>
+												<h5 class="vongi-bksp-time" v-text="item.createTime.substr(5)"></h5>
+											</div>
+										</router-link>
+										<input name="checkbox" v-model="selectIdList" :value="item.id" type="checkbox">
+									</div>
+								</form>
+							</div>
+
+						</div>
+					</div>
+
+					<div v-if="listForm.status==3" class="mui-slider-item mui-control-content">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll">
+								<ul class="mui-table-view mui-table-view-chevron">
+									<li v-for="(item,index) in recordList" :key="'s3_'+item.id" class="mui-table-view-cell mui-media">
+										<router-link :to="{name:'MasterAttendanceVerifyInfo',query:{id:item.id}}" class="mui-navigate-right">
+											<div class="mui-media-object mui-pull-left vongi-buka"><img :src="item.faceImageUrl"></div>
+											<div class="mui-media-body">
+												{{item.personName}}
+												<span class="mui-pull-right mui-h6" v-if="item.approvalTime" v-text="item.approvalTime.substr(5)"></span>
+												<p class='mui-ellipsis'>
+													<span class="colorfe616c" v-text="item.typeN"></span>申请
+													<button type="button" :class="'mui-btn mui-btn-success mui-btn-outlined mui-pull-right '+(item.status>0?(item.status==1?'status_a':'status_r'):'')"
+													 v-text="item.statusN"></button>
+												</p>
+												<p class='mui-ellipsis' v-if="item.type=='1' && item.address">打卡位置：{{item.address}}</p>
+												<p class='mui-ellipsis' v-if="item.type=='2' && item.content">申请理由：{{item.content}}</p>
+											</div>
+										</router-link>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+
+				</div>
+			</div>
+
+			<div v-show="recordList.length>0 && listForm.status==0" class="fyy-bindfyy-btn">
+				<form class="mui-input-group">
+					<div class="mui-input-row mui-checkbox mui-left">
+						<label>全选</label>
+						<input v-model="allSelect" value="1" type="checkbox" @click="selectAll" :checked="recordList.length==selectIdList.length">
+					</div>
+				</form>
+				<button type="button" class="mui-btn mui-btn-danger" @click="openFrom('2')">拒绝</button>
+				<button type="button" class="mui-btn mui-btn-success" @click="openFrom('1')">同意</button>
+			</div>
+		</div>
+
+		<!-- 审批弹窗 -->
+		<div v-show="openFromVisible" class="mui-popup mui-popup-in vongi-mui-pop">
+			<div class="mui-popup-inner vongi-pop-inner">
+				<div class="mui-popup-title">填写意见</div>
+				<div class="mui-popup-input">
+					<textarea  v-model="subForm.content" rows="3" placeholder="请输入"></textarea>
+				</div>
+			</div>
+			<div class="mui-popup-buttons"><span class="mui-popup-button mui-popup-button-bold" @click="doAction">提交</span></div>
+		</div>
+		<div v-show="openFromVisible" @click="openFromVisible=false"  class="mui-popup-backdrop mui-active"></div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
+</template>
+
+<script>
+	import * as API_Attendance from '@/apis/Master/attendance'
+	import Common from '@/components/Common.vue'
+	import Loading from '@/components/Loading.vue'
+	import TopHeader from '@/components/TopHeader.vue'
+	import isReachBottom from '@/utils/isReachBottom'
+	import NullList from '@/components/NullList.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'MasterAttendanceVerifyList',
+		components: {
+			Common,
+			Loading,
+			TopHeader,
+			NullList
+		},
+		data() {
+			return {
+				pageTitle: '考勤审批',
+
+				isLoading: false,
+
+				listForm: {
+					pageIndex: 1,
+					pageSize: 20,
+					totalPage: 1,
+					status: this.$route.query.status ? this.$route.query.status : 0,
+				},
+				recordList: [],
+				selectIdList: [],
+				allSelect: [],
+				subForm: {
+					ids: '',
+					content: '',
+					status: ''
+				},
+				//审批内容弹窗显示
+				openFromVisible: false,
+				firstRecordsTotal: 0,
+
+			}
+		},
+		created() {
+
+		},
+		methods: {
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_Attendance.getVerifyList(this.listForm).then(response => {
+					if (response) {
+						if (this.listForm.pageIndex == 1) {
+							this.recordList = response.data;
+							this.listForm.pageIndex = response.pageNumber;
+							this.listForm.totalPage = response.totalPage;
+						} else {
+							this.recordList = [
+								...this.recordList,
+								...response.data
+							];
+						}
+					}
+					this.recordList=[{
+						type:1,
+						address:'111',
+						createTime:'1111111111111'
+					}]
+					if (this.listForm.status == 0) {
+						this.firstRecordsTotal = response.recordsTotal;
+					}
+
+					this.listForm.pageIndex++;
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//下拉事件
+			handleScrool() {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
+						this.getList();
+					} else {
+						return;
+					}
+				}
+			},
+			//切换
+			reloadList(status) {
+				this.listForm.status = status;
+				this.listForm.pageIndex = 1;
+				this.getList();
+			},
+			//选择所有
+			selectAll() {
+				if (this.allSelect.length) {
+					this.selectIdList = [];
+				} else {
+					var selectIdList = [];
+					this.recordList.forEach(function(item, index) {
+						selectIdList.push(item.id);
+					})
+					this.selectIdList = selectIdList;
+				}
+			},
+			//显示内容表单
+			openFrom(status) {
+				if (!this.selectIdList.length) {
+					mui.toast('请选择要处理的信息');
+				} else {
+					this.subForm.status = status;
+					this.subForm.content = status == 1 ? '同意' : '拒绝';
+					this.openFromVisible = true;
+					//直接点击处理，不需要弹窗理由框,又需要弹窗理由框了
+					//this.doAction();
+				}
+			},
+			//检测表单
+			checkForm() {
+				if (!this.subForm.ids) {
+					mui.toast('请选择要处理的信息');
+					return false;
+				} else {
+					return true;
+				}
+			},
+			//同意拒绝
+			doAction() {
+				this.subForm.ids = this.selectIdList.join(',');
+				if (this.checkForm()) {
+					this.isLoading = true;
+					API_Attendance.doVerify(this.subForm).then(response => {
+						this.isLoading = false;
+
+						this.openFromVisible = false;
+						this.listForm.pageIndex = 1;
+						this.getList();
+					}).catch(error => {
+						this.isLoading = false;
+						mui.toast(error);
+					})
+				}
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			this.getList();
+			//监控下拉加载事件
+			var _this = this;
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+			})
+		},
+		watch: {
+			//本页面监听到路由（参数）改变
+			/* '$route': function(to, from) {
+				this.reloadList(to.query.status ? to.query.status : 0)
+			} */
+		},
+		//keepalive监控判断
+		beforeRouteLeave(to, from, next) {
+			console.log(to.name);
+			if (['MasterAttendanceVerifyInfo'].indexOf(to.name) > -1) {
+				this.$store.commit('SET_KEEP_ALIVE_COMPONENTS', ['MasterAttendanceVerifyList'])
+			} else {
+				this.$store.commit('SET_KEEP_ALIVE_COMPONENTS', [])
+			}
+			next()
+		},
+	}
+</script>
+
+<style scoped src="@/assets/css/xpwyfyy.css"></style>
+<style src="@/assets/css/iconfont.css"></style>
+<style scoped>
+	.status_r {
+		color: #fe616c !important;
+		border: 1px solid #fe616c !important;
+	}
+
+	.status_a {
+		color: #05c8af !important;
+		border: 1px solid #05c8af !important;
+	}
+
+	.mui-segmented-control {
+		position: fixed;
+		top: 44px;
+		z-index: 99;
+		background-color: #eee;
+	}
+
+	.mui-fullscreen {
+		position: unset;
+		margin-top: 45px;
+	}
+</style>

src/views-oa/Document/ExamineDetail.vue

@@ -0,0 +1,173 @@
+<template>
+		<div>
+			<loading :visible="isLoading"></loading>
+			
+				
+			<div class="mui-content-padded" v-if="examineDetail.examineList">
+				<h5>审核记录</h5>
+			</div>
+			<div class="vongi-slot">
+				<template v-for="item,i in examineDetail.examineList">
+
+					<div class="vongi-slot-block">
+						<!-- 单人展示单人 -->
+						<!-- 多人展示单人 -->
+						<!-- 多人展示多人 -->
+						<div class="vongi-slot-img"
+							v-if="item.source==1&&item.operation=='or'&&item.examinePersonDetailDTOList.length==1 ">
+							<img v-for="item1,j in item.examinePersonDetailDTOList" :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'">
+						</div>
+						<div class="vongi-slot-img" v-else-if="item.source!=1&&item.operation=='or'&&item.action!=0 &&item.examinePersonDetailDTOList.length==1">
+							<img v-for="item1,j in item.examinePersonDetailDTOList" :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'"
+								v-if="item1.action!='0'">
+						</div>
+						<div class="vongi-slot-img" v-else>
+							<img src="~$project/assets/img/team.png">
+						</div>
+
+
+						<div class="vongi-slot-content">
+							<h4>{{item.desc}}<span class="mui-pull-right mui-h5 color999">{{item.finishTime}}</span>
+							</h4>
+
+							<template
+								v-if="item.source==1&&item.operation=='or'&&item.examinePersonDetailDTOList.length==1 ">
+								<p v-for="item1,j in item.examinePersonDetailDTOList">{{item1.name}}
+									<span :class="getClass(item1,i)">{{item1.remark}}</span>
+								</p>
+							</template>
+							<template v-else-if="item.source!=1&&item.operation=='or'&&item.action!=0 &&item.examinePersonDetailDTOList.length==1">
+								<p v-for="item1,j in item.examinePersonDetailDTOList">{{item1.name}}
+									<span :class="getClass(item1,i)" v-if="item1.action!='0'">{{item1.remark}}</span>
+								</p>
+							</template>
+							<template v-else>
+								<p>{{item.operation=='or'?'或签':''}}{{item.operation=='and'?'会签':''}}{{item.examinePersonDetailDTOList.length}}人
+									<span :class="getClass(item,i)"  >{{item.actionName}} </span>
+								</p>
+								<ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
+
+
+									<li class="mui-table-view-cell mui-media"
+										v-for="item1,j in item.examinePersonDetailDTOList">
+										<div class="flex">
+											<img :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'" />
+											<i class="iconfont icon-gou" v-if="item1.action=='1'"></i>
+											<i class="iconfont icon-chacha" v-if="item1.action=='2'"></i>
+										</div>
+										<div class="mui-media-body">{{item1.name}}</div>
+									</li>
+								</ul>
+							</template>
+
+						</div>
+					</div>
+
+
+					<div class="vongi-slot-block" v-if="item.action=='1'&&item.ccPersonDetailDTOList.length">
+						<div class="vongi-slot-img"><img src="~$project/assets/img/icon_chaosong.png"></div>
+						<div class="vongi-slot-content">
+							<h4>抄送人</h4>
+							<p>已抄送{{item.ccPersonDetailDTOList.length}}人</p>
+							<ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
+								<li class="mui-table-view-cell mui-media" v-for="item1,j in item.ccPersonDetailDTOList">
+									<div class="flex">
+										<img :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'" />
+									</div>
+									<div class="mui-media-body">{{item1.name}}</div>
+								</li>
+
+							</ul>
+						</div>
+					</div>
+
+				</template>
+				</div> 
+			
+		</div>
+</template>
+
+<script>
+		import * as API_sp from '@/apis-xsy/xsy'
+	import Loading from '$project/components/Loading.vue'
+
+	export default {
+	
+		name: 'examineDetail',
+		data() {
+			return {
+				isLoading:false,
+				examineDetail: {},
+				only: "test"
+
+			}
+		},
+		components: {
+		
+			Loading,
+		
+		},
+		props: {
+			id: {
+				require: true,
+				default: '',
+			},
+		},
+		methods: {
+			
+			getClass(ac, i) {
+				var reclass = ""
+				
+				if (ac.action == "0") {
+					if (this.only == "test") {
+
+						this.only = i;
+					}
+					if (this.only == i) {
+						return "color3385FF"
+					} else {
+						return "mui-hidden"
+					}
+
+				}
+
+				if (ac.action == "3" || ac.action == "2") {
+					return "colorfe616c"
+				}
+
+				if (ac.action == "1" || ac.action == "4") {
+					return "color389E0D"
+				}
+				return reclass
+			},
+			getExamineDetail() {
+				API_sp.examineDetail(this.id).then(response => {
+					this.examineDetail = response
+					
+					this.$emit('getOwnerSubmit', response.ownerSubmit);
+					
+					this.$emit('allowExamine', response.procinstActUserId);
+				}).catch(error => {
+
+					mui.toast(error);
+				})
+			},
+		},
+		mounted() {
+				this.getExamineDetail();
+		}
+	}
+</script>
+
+<style src="@/assets/css/iconfont.css"></style>
+<style scoped src="@/assets/css/xpwyfyy.css"></style>
+<style src="@/assets/css/xsy.css"></style>
+<style scoped>
+	.color3385FF {
+		color: #3385FF
+	}
+
+	.color389E0D {
+		color: #389E0D
+	}
+</style>

src/views-oa/Document/Form.vue

@@ -0,0 +1,570 @@
+<template>
+	<div>
+
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
+
+		
+		<div class="mui-content vongi-wordcard" style=" background-color: #ffffff;">
+			<div class="mui-content-padded">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><span class="colorfe616c">*</span>请假类型</label>
+						<div class="mui-navigate-right" @click="selectType">
+							<button class="mui-btn mui-btn-block" type='button' v-text="typeName">请选择</button>
+						</div>
+					</div>
+                <!--    <div class="mui-input-row">
+                        <label><span class="colorfe616c">*</span>开始日期</label>
+                        <div class="mui-navigate-right" @click="selectStartTime()">
+                            <button class="mui-btn mui-btn-block" type='button' v-text="tjForm.startTime+(tjForm.startTimeQuantum!=''?(tjForm.startTimeQuantum=='1'?'下午上班':'上午上班'):'')">请选择</button>
+                        </div>
+                    </div>
+                    <div class="mui-input-row">
+                        <label><span class="colorfe616c">*</span>结束日期</label>
+                        <div class="mui-navigate-right" @click="selectEndTime()">
+                            <button class="mui-btn mui-btn-block" type='button' v-text="tjForm.endTime+(tjForm.endTimeQuantum!=''?(tjForm.endTimeQuantum=='1'?'下午下班':'上午下班'):'')">请选择</button>
+                        </div>
+                    </div> -->
+				</form>
+			</div>
+		<div class="mui-content-padded">
+			<h5><span class="colorfe616c">*</span>文件标题</h5>
+			<div class="mui-input-row">
+				<textarea id="textarea"
+				 
+				 rows="3" v-model="tjForm.reason" placeholder="请填写文件标题"></textarea>
+			</div>
+		</div>
+			<div class="mui-content-padded" style="padding-bottom:20px">
+				<h5><span class="colorfe616c">*</span>上传照片</h5>
+				<div class="fyy-upphoto">
+					<div class="mui-col-xs-3 fyy-upphoto-close" v-for="(item,index) in picList">
+						<img :src="item" />
+						<a class="mui-icon mui-icon-closeempty" @click="delPic(item)"></a>
+					</div>
+					<div class="mui-col-xs-3" @click="chooseImage">
+						<a><span class="mui-icon mui-icon-plusempty"></span></a>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="mui-content vongi-wordcard" style=" background-color: #ffffff;margin-top: 10px;    padding-top: 0px;">
+			<div class="mui-content-padded" >
+				<h5>审核记录</h5>
+			</div>
+			<div class="vongi-slot">
+				<template v-for="item,i in examineDetail.examineList">
+			
+					<div class="vongi-slot-block">
+						<!-- 单人展示单人 -->
+						<!-- 多人展示单人 -->
+						<!-- 多人展示多人 -->
+						<div class="vongi-slot-img"
+							v-if="item.source==1&&item.operation=='or'&&item.examinePersonDetailDTOList.length==1 ">
+							<img v-for="item1,j in item.examinePersonDetailDTOList" :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'">
+						</div>
+						<div class="vongi-slot-img" v-else-if="item.source!=1&&item.operation=='or'&&item.action!=0 &&item.examinePersonDetailDTOList.length==1">
+							<img v-for="item1,j in item.examinePersonDetailDTOList" :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'"
+								v-if="item1.action!='0'">
+						</div>
+						<div class="vongi-slot-img" v-else>
+							<img src="@/assets/img/team.png">
+						</div>
+			
+			
+						<div class="vongi-slot-content">
+							<h4>{{item.desc}}<span class="mui-pull-right mui-h5 color999">{{item.finishTime}}</span>
+							</h4>
+			
+							<template
+								v-if="item.source==1&&item.operation=='or'&&item.examinePersonDetailDTOList.length==1 ">
+								<p v-for="item1,j in item.examinePersonDetailDTOList">{{item1.name}}
+									<span :class="getClass(item1,i)">{{item1.remark}}</span>
+								</p>
+							</template>
+							<template v-else-if="item.source!=1&&item.operation=='or'&&item.action!=0 &&item.examinePersonDetailDTOList.length==1">
+								<p v-for="item1,j in item.examinePersonDetailDTOList">{{item1.name}}
+									<span :class="getClass(item1,i)" v-if="item1.action!='0'">{{item1.remark}}</span>
+								</p>
+							</template>
+							<template v-else>
+								<p>{{item.operation=='or'?'或签':''}}{{item.operation=='and'?'会签':''}}{{item.examinePersonDetailDTOList.length}}人
+									<span :class="getClass(item,i)"  >{{item.actionName}} </span>
+								</p>
+								<ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
+			
+			
+									<li class="mui-table-view-cell mui-media"
+										v-for="item1,j in item.examinePersonDetailDTOList">
+										<div class="flex">
+											<img :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'" />
+											<i class="iconfont icon-gou" v-if="item1.action=='1'"></i>
+											<i class="iconfont icon-chacha" v-if="item1.action=='2'"></i>
+										</div>
+										<div class="mui-media-body">{{item1.name}}</div>
+									</li>
+								</ul>
+							</template>
+			
+						</div>
+					</div>
+			
+			
+					<div class="vongi-slot-block" v-if="item.action=='1'&&item.ccPersonDetailDTOList.length">
+						<div class="vongi-slot-img"><img src="@/assets/img/icon_chaosong.png"></div>
+						<div class="vongi-slot-content">
+							<h4>抄送人</h4>
+							<p>已抄送{{item.ccPersonDetailDTOList.length}}人</p>
+							<ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
+								<li class="mui-table-view-cell mui-media" v-for="item1,j in item.ccPersonDetailDTOList">
+									<div class="flex">
+										<img :src="item1.faceImageUrl+'?x-oss-process=image/resize,h_800,m_lfit'" />
+									</div>
+									<div class="mui-media-body">{{item1.name}}</div>
+								</li>
+			
+							</ul>
+						</div>
+					</div>
+			
+				</template>
+				</div> 
+		</div>
+
+			
+			<div class="vongi-btn">
+				<button class="mui-btn mui-btn-primary " type="submit" @click="submit()">
+					提交
+				</button>
+			</div>
+	
+		<loading :visible="isLoading"></loading>
+
+	</div>
+</template>
+
+
+<script>
+	require('@/assets/js/mui.picker.min.js');
+	import * as API_Leave from '@/apis/Master/leave'
+	import Common from '@/components/Common.vue'
+	import Loading from '@/components/Loading.vue'
+	import TopHeader from '@/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import * as WxJsApi from '@/utils/wxJsApi'
+	import * as types from '@/store/mutation-types'
+    import {
+        daysDistance
+    } from '@/utils'
+
+	export default {
+		name: 'MasterAttendanceLeaveForm',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				examineDetail: {
+    "examineList": [
+        {
+            "finishTime": null,
+            "action": "0",
+            "actionName": "待审核",
+            "remark": "待审核",
+            "operation": "or",
+            "source": "1",
+            "desc": "审核人",
+            "examinePersonDetailDTOList": [
+                {
+                    "personId": 49881,
+                    "faceImageUrl": "http://oss.xiaoxinda.com/smart/person/2021/5/31/f29e6b9d-80a4-451a-a0e7-294c3f5a4b4b/1.jpg",
+                    "name": "郑开鑫",
+                    "type": "1",
+                    "action": "0",
+                    "remark": "待审核"
+                },
+                {
+                    "personId": 49605,
+                    "faceImageUrl": "http://oss.xiaoxinda.com/smart/person/2021/5/24/75e73e10-0590-45d4-95cb-0731596ead09/1.jpg",
+                    "name": "付龙龙",
+                    "type": "1",
+                    "action": "0",
+                    "remark": "待审核"
+                }
+            ],
+            "ccPersonDetailDTOList": []
+        }
+    ],
+    "allowExamine": true,
+    "procinstActUserId": "726dead5-1d0d-4d27-afef-94166bb2d119",
+    "ownerSubmit": true
+},
+				only: "test",
+				pageTitle: '请假',
+				daytime:'',
+				isLoading: false,
+				leaveTypeList: [],
+ 				approvedList: [],
+                workOverTime:0,
+				typeName: '请选择',
+				approvalPersonName: '请选择',
+				tjForm: {
+					startTime: '请选择',
+					endTime: '请选择',
+                    startTimeQuantum: '',
+                    endTimeQuantum: '',
+					leaveType: '',
+
+					imageUrl: '',
+					reason: '',
+					personId: '',
+
+                    approvedPersonPopedomId: '',
+					remark: '',
+				},
+				reasonDefault: '请假申请',
+				picList: [],
+			}
+		},
+		created() {
+
+		},
+		methods: {
+			getClass(ac, i) {
+				var reclass = ""
+				
+				if (ac.action == "0") {
+					if (this.only == "test") {
+			
+						this.only = i;
+					}
+					if (this.only == i) {
+						return "color3385FF"
+					} else {
+						return "mui-hidden"
+					}
+			
+				}
+			
+				if (ac.action == "3" || ac.action == "2") {
+					return "colorfe616c"
+				}
+			
+				if (ac.action == "1" || ac.action == "4") {
+					return "color389E0D"
+				}
+				return reclass
+			},
+			//审批类型
+			getLeaveTypeList() {
+				API_Leave.leaveTypeList().then(response => {
+
+					for (var i in response) {
+						var mod = response[i]
+						mod.text = mod.name
+						this.leaveTypeList.push(mod)
+					}
+				}).catch(error => {
+					mui.toast(error);
+				})
+			},
+			//获取审核人列表
+			getPsersonList() {
+				this.isLoading = true;
+                //补卡1，外出2，出差3 ，请假4
+                var p={type:4};
+
+				API_Leave.approvedList(p).then(response => {
+                   this.workOverTime=response.workOverTime;
+                    var sz=[];
+					for (var i in response.data) {
+						var mod = response.data[i]
+						mod.text = mod.personName
+						mod.value = mod.id;
+                        sz.push(mod)
+					}
+                    this.approvedList=sz;
+					
+					if(this.approvedList.length==1){
+						this.tjForm.approvedPersonPopedomId = this.approvedList[0].value;
+						this.approvalPersonName = this.approvedList[0].text;
+					}
+					
+					this.isLoading = false;
+                    //设置默认审核人
+                    this.setDefaultExaminePerson();
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//微信选择图片
+			chooseImage() {
+				WxJsApi.chooseImage().then(res => {
+					var localData = res.localData;
+
+					if (localData.indexOf('data:image') != 0) {
+						//判断是否有这样的头部
+						localData = 'data:image/jpeg;base64,' + localData
+					}
+					localData = localData.replace(/\r|\n/g, '').replace('data:image/jgp', 'data:image/jpeg')
+					this.imgBase64 = localData;
+					//显示裁剪图片
+					//_this.showCropper(field);
+					this.uploadpic();
+				}).catch(error => {
+					mui.toast(error);
+				})
+			},
+			//上传图片
+			uploadpic() {
+				this.isLoading = true;
+				WxJsApi.uploadPic(this.imgBase64).then(response => {
+					this.isLoading = false;
+
+					this.picList.push(response);
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//选择审核人
+			selectPerson() {
+				var _this = this;
+
+				var picker = new mui.PopPicker();
+
+				picker.setData(_this.approvedList);
+				if (this.default_examine_person) {
+					picker.pickers[0].setSelectedValue(this.default_examine_person);
+				}
+				picker.show(function(selectItems) {
+					_this.tjForm.approvedPersonPopedomId = selectItems[0].value;
+					_this.approvalPersonName = selectItems[0].text;
+					_this.set_default_examine_person(selectItems[0].value);
+				})
+			},
+			//设置默认审核人
+			setDefaultExaminePerson() {
+				if (this.default_examine_person) {
+					for (var i = 0; i < this.approvedList.length; i++) {
+						if (this.approvedList[i].value == this.default_examine_person) {
+							this.tjForm.approvedPersonPopedomId = this.default_examine_person;
+							this.approvalPersonName = this.approvedList[i].text;
+						}
+					}
+				}
+			},
+			//选择时间
+			selectStartTime() {
+				var _this = this;
+
+				var startTime = _this.tjForm.startTime == '请选择' ? null : _this.tjForm.startTime;
+
+				var endDate = null;
+
+				if (_this.tjForm.endTime != '请选择') {
+					endDate = new Date(_this.tjForm.endTime);
+				}
+
+				var picker = new mui.DtPicker({
+					"type": "hour",
+					"beginYear": 2020,
+					"endYear": 2040,
+					"endDate": endDate,
+                    "value": startTime,
+
+                    "customData":{"h":[{"text":"上午","value":"0"},{"text":"下午","value":"1"}]}
+
+
+                });
+				var _mui=mui;
+				picker.show(function(selectItems) {
+                    var year = selectItems.y.value;
+                    var month = selectItems.m.value;
+                    var day = selectItems.d.value;
+                    var curDate = year + "-" + month + "-" + day;
+
+                    if(curDate==_this.tjForm.endTime&&_this.tjForm.endTimeQuantum=='0'&&selectItems.h.value=='1'){
+                       
+                        _mui.alert('开始日期必须大于结束日期');
+                        return false;
+                    }
+
+					_this.tjForm.startTime = curDate;
+
+                    _this.tjForm.startTimeQuantum =  selectItems.h.value;
+                    _this.updatePersonByTime();
+                });
+			},
+			//选择时间
+			selectEndTime() {
+
+				var _this = this;
+
+				if (_this.tjForm.startTime == '请选择') {
+					mui.toast('请选择开始日期');
+					return;
+				}
+				var beginDate = new Date(_this.tjForm.startTime);
+                var endTime = _this.tjForm.endTime == '请选择' ? null : _this.tjForm.endTime;
+
+				var picker = new mui.DtPicker({
+					"type": "hour",
+					"beginYear": 2020,
+					"endYear": 2040,
+					"beginDate": beginDate,
+                    "value":endTime,
+
+                    "customData":{"h":[{"text":"上午","value":"0"},{"text":"下午","value":"1"}]}
+                });
+                var _mui=mui;
+				picker.show(function(selectItems) {
+
+                    var year = selectItems.y.value;
+                    var month = selectItems.m.value;
+                    var day = selectItems.d.value;
+                    var curDate = year + "-" + month + "-" + day;
+
+                    if(curDate==_this.tjForm.startTime&&_this.tjForm.startTimeQuantum=='1'&&selectItems.h.value=='0'){
+                     
+                        _mui.alert('结束日期不能小于开始日期');
+                        return false;
+                    }
+
+                    _this.tjForm.endTime = curDate;
+                    _this.tjForm.endTimeQuantum =  selectItems.h.value;
+                    _this.updatePersonByTime();
+ 				});
+			},
+			//根据时间 -调整审批人
+			updatePersonByTime(){
+			    if(this.tjForm.startTime=='请选择'||this.tjForm.endTime=='请选择'){
+			        return;
+				}
+              var i=  daysDistance(this.tjForm.startTime,this.tjForm.endTime);
+              var day=i+(this.tjForm.endTimeQuantum-this.tjForm.startTimeQuantum)*0.5+0.5
+				this.daytime=day;
+
+
+
+			},
+			//类型选择
+			selectType() {
+				var picker = new mui.PopPicker();
+
+				picker.setData(this.leaveTypeList);
+				var _this = this;
+				picker.show(function(selectItems) {
+					_this.tjForm.leaveType = selectItems[0].value;
+					_this.typeName = selectItems[0].text;
+				})
+			},
+            checkWorkOverTime(){
+               return this.daytime*8 <=this.workOverTime;
+			},
+			//表单检测
+			checkFrom() {
+				if (!this.tjForm.leaveType) {
+					mui.toast('请选择请假类型');
+					return false;
+				} else if (!this.tjForm.approvedPersonPopedomId) {
+					mui.toast('请选择审批人');
+					return false;
+				} else if (this.tjForm.startTime== '请选择') {
+					mui.toast('请选择开始日期');
+					return false;
+				} else if (this.tjForm.endTime== '请选择') {
+					mui.toast('请选择结束日期');
+					return false;
+				}else if (this.tjForm.leaveType==4&&!this.checkWorkOverTime()) {
+                    mui.toast("调休剩余时长小于请假时长");
+                    return false;
+                }
+
+				else if (!this.tjForm.reason) {
+					mui.toast('请输入请假理由');
+					return false;
+				} else {
+					return true;
+				}
+			},
+			//删除图片
+			delPic(item) {
+				let picList = this.picList;
+				let index = picList.indexOf(item);
+				if (index > -1) {
+					picList.splice(index, 1);
+				}
+				this.picList = picList;
+			},
+			//提交
+			submit() {
+				this.tjForm.reason = this.tjForm.reason ? this.tjForm.reason : this.reasonDefault;
+				if (this.checkFrom()) {
+					this.tjForm.imageUrl = this.picList.join(',');
+					this.isLoading = true;
+					this.tjForm.days=this.daytime;
+					API_Leave.save(this.tjForm).then(response => {
+						this.isLoading = false;
+						mui.toast("提交成功");
+						this.$router.go(-1);
+					}).catch(error => {
+						this.isLoading = false;
+						mui.toast(error);
+					})
+				}
+			},
+			asynCallBack() {
+
+			},
+			...mapMutations({
+				set_default_examine_person: types.SET_DEFAULT_EXAMINE_PERSON,
+			})
+		},
+		mounted() {
+			//获取微信配置
+			WxJsApi.getWxConfig();
+            this.getPsersonList();
+
+			this.getLeaveTypeList();
+
+
+		},
+		destroyed() {},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				default_examine_person: 'default_examine_person'
+			})
+		}
+	}
+</script>
+
+<style scoped src="@/assets/css/xpwyfyy-oa.css"></style>
+<style src="@/assets/css/iconfont.css"></style>
+<style src="@/assets/css/mui.picker.min.css"></style>
+<style src="@/assets/css/xsy.css"></style>
+
+
+<style>
+	.mui-content-padded{
+		margin:0 !important;
+		border-top: 1px solid #f4f4f6 ;
+	}
+	.color3385FF {
+		color: #3385FF
+	}
+	
+	.color389E0D {
+		color: #389E0D
+	}
+	
+</style>

src/views-oa/Document/Info.vue

@@ -0,0 +1,172 @@
+<template>
+<div>
+    <common @asynCallBack="asynCallBack"></common>
+    <top-header :pageTitle="pageTitle"></top-header>
+
+    <div class="mui-content vongi-qingjiadt margin60">
+        <div class="vongi-qingjiadt-head flew-sp">
+            <div class="flew-items">
+                <div class="flew"><img :src="detail.picUrl" width="50" /></div>
+                <h4 v-text="detail.name+' 申请请假 '+detail.leaveTypeN"></h4>
+            </div>
+            <button class="mui-btn   mui-btn-outlined" :class="statusColor[detail.status]" v-text="status[detail.status]">已批准</button>
+            <!-- <div class="examine-refuse">已拒绝</div> -->
+        </div>
+        <form class="mui-input-group margin10">
+            <div class="mui-input-row">
+                <label>请假类型</label>
+                <span v-text="detail.leaveTypeN"></span>
+            </div>
+
+            <div class="mui-input-row">
+                <label>请假时间</label>
+
+                <span v-if="detail.startTime==detail.endTime&&detail.startTimeQuantum=='0'&&detail.endTimeQuantum=='1'">自{{detail.startTime}}</span>
+                <span v-else-if="detail.startTime==detail.endTime">自{{detail.startTime}}{{(detail.startTimeQuantum!=''?(detail.startTimeQuantum=='1'?'下午':'上午'):'')}}</span>
+                <span  v-else >自{{detail.startTime}}{{(detail.startTimeQuantum!=''?(detail.startTimeQuantum=='1'?'下午':'上午'):'')}}
+                    <br />至{{detail.endTime}}{{(detail.endTimeQuantum!=''?(detail.endTimeQuantum=='1'?'下午':'上午'):'')}}</span>
+            </div>
+            <div class="mui-input-row">
+                <label>请假时长</label>
+                <span v-text="daytime"></span>
+            </div>
+            <div class="mui-input-row">
+                <label>请假事由</label>
+                <span v-text="detail.reason">家中有事，需要会老家一趟家中有事，需要会老家一趟家中有事，需要会老家一趟家中有事，需要会老家一趟。</span>
+            </div>
+            <div class="mui-input-row">
+                <label>上传图片</label>
+                <span class="vongi-qingjiadt-photo">
+                    <template v-for="(item,index) in picList">
+                        <img :src="item" v-viewer />
+                    </template>
+                </span>
+            </div>
+            <div class="mui-input-row">
+                <label>申请时间</label>
+                <span v-text="detail.createTime">2020-04-27 12:00:00</span>
+            </div>
+
+
+        </form>
+        <div class="vongi-slot">
+            <div v-for="(item,index) in detail.list" class="vongi-slot-block">
+                <div class="vongi-slot-img"><img :src="item.faceImageUrl"></div>
+                <div class="vongi-slot-content">
+                    <h4>审批人{{index+1}}<span class="mui-pull-right mui-h5 color999" v-text="item.time"></span></h4>
+                    <p>{{item.name}} <span class="color55f868" :style="getColor(item.status)" v-text="item.statusN"></span></p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <loading :visible="isLoading"></loading>
+
+</div>
+</template>
+
+<script>
+import * as API_Leave from '@/apis/Master/leave'
+import Common from '@/components/Common.vue'
+import Loading from '@/components/Loading.vue'
+import TopHeader from '@/components/TopHeader.vue'
+import isReachBottom from '@/utils/isReachBottom'
+import {
+    mapGetters,
+    mapMutations
+} from 'vuex'
+import {
+    daysDistance
+} from '@/utils'
+export default {
+    name: 'MasterAttendanceLeaveInfo',
+    components: {
+        Common,
+        Loading,
+        TopHeader
+    },
+    data() {
+        return {
+            pageTitle: '请假详情',
+            daytime:'',
+            isLoading: false,
+            id: this.$route.query.id,
+            detail: {},
+            status: ['待审核', '已批准', '已拒绝'],
+            statusColor: ['', 'mui-btn-success', 'mui-btn-danger'],
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        //获取状态颜色
+        getColor(status) {
+            var color = '';
+            if (status == '0') {
+                color = '#4fc5f7';
+            } else if (status == '1') {
+                color = '#55f868';
+            } else if (status == '2') {
+                color = '#fe616c';
+            }
+            return 'color:' + color + ';border-color:' + color + ';';
+        },
+        //info
+        getDetail() {
+            this.isLoading = true;
+            API_Leave.detail({
+                id: this.id
+            }).then(response => {
+                this.detail = response;
+                var startTime=this.detail.startTime.replace('年','/').replace('月','/').replace('日','');
+                var endTime=this.detail.endTime.replace('年','/').replace('月','/').replace('日','');
+
+                var i=  daysDistance(startTime,endTime);
+                var day=i+(this.detail.endTimeQuantum-this.detail.startTimeQuantum)*0.5+0.5
+                this.daytime=day+'天';
+
+                this.isLoading = false;
+            }).catch(error => {
+                this.isLoading = false;
+                mui.toast(error);
+            })
+        },
+
+        asynCallBack() {
+
+        },
+    },
+    mounted() {
+        this.getDetail();
+
+    },
+    destroyed() {},
+    computed: {
+        picList: {
+            // getter
+            get: function () {
+                if (this.detail && this.detail.imageUrl) {
+                    return this.detail.imageUrl.split(',');
+                } else {
+                    return [];
+                }
+            },
+            // setter
+            set: function (newValue) {
+                console.log(newValue)
+            }
+        },
+        ...mapGetters({
+            openId: 'wx_openid',
+            token: 'token',
+        })
+    },
+
+}
+</script>
+
+<style scoped src="@/assets/css/xpwyfyy.css"></style>
+<style>
+</style>

src/views-oa/Document/List.vue

@@ -0,0 +1,180 @@
+<template>
+	<div>
+
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle" :routeName="'Master'"></top-header>
+
+		
+			<div class="mui-content margin60">
+				<template v-for="item in recordList">
+					<div class="mui-content-padded" >
+			
+						<ul class="mui-table-view fyy-view" @click="detail(item)">
+							<li class="mui-table-view-cell" >
+								<label>公文类型：</label>
+								<span>xxx胆子<span class="mui-pull-right " :class="statusColor[item.status]">{{status[item.status]}}</span></span>
+							</li>
+							<li class="mui-table-view-cell"  >
+								<label>提交时间：</label>
+								<span>xxx胆子</span>
+							</li>
+						
+			
+						</ul>
+			
+					</div>
+			
+				</template>
+			<div class="fyy-footer">
+				<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary " @click="save()">提报公文</button></div>
+			</div>
+			
+			</div>
+			
+			
+		
+		<NullList :remark="'暂无提报公文记录'" v-if="!recordList.length"></NullList>
+
+
+		<loading :visible="isLoading"></loading>
+
+	</div>
+</template>
+
+
+<script>
+	import * as API_Leave from '@/apis/Master/leave'
+	import Common from '@/components/Common.vue'
+	import Loading from '@/components/Loading.vue'
+	import TopHeader from '@/components/TopHeader.vue'
+	import isReachBottom from '@/utils/isReachBottom'
+	import NullList from '@/components/NullList.vue'
+
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'OaDocumentList',
+		components: {
+			Common,
+			Loading,
+			TopHeader,
+			NullList
+		},
+		data() {
+			return {
+				pageTitle: '公文提报',
+
+				isLoading: false,
+
+				listForm: {
+					pageIndex: 1,
+					pageSize: 20,
+					//	token: '',
+					totalPage: 1,
+					result: 0,
+				},
+				recordList: [],
+				status: ['待审核', '已批准', '已拒绝'],
+				statusColor: ['', 'mui-btn-success', 'mui-btn-danger'],
+
+
+			}
+		},
+		created() {
+			//this.listForm.openId = this.openId;
+			//this.listForm.result = this.$route.query.result != null ? this.$route.query.result : 0;
+		},
+		methods: {
+			//info
+			detail(id) {
+				this.$router.push({
+					name: 'OaDocumentInfo',
+					query: {
+						id: id
+					}
+				})
+			},
+			save() {
+				this.$router.push({
+					name: 'OaDocumentForm',
+					query: {
+
+					}
+				})
+			},
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_Leave.pageList(this.listForm).then(response => {
+					if (response) {
+						if (this.listForm.pageIndex == 1) {
+							this.recordList = response.data;
+							this.listForm.pageIndex = response.pageNumber;
+							this.listForm.totalPage = response.totalPage;
+						} else {
+							this.recordList = [
+								...this.recordList,
+								...response.data
+							];
+						}
+					}
+					this.listForm.pageIndex++;
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//下拉事件
+			handleScrool() {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
+						this.getList();
+					} else {
+						return;
+					}
+				}
+			},
+
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			this.getList();
+			//监控下拉加载事件
+			var _this = this;
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+			})
+		},
+		//keepalive监控判断
+		beforeRouteLeave(to, from, next) {
+			console.log(to.name);
+			if (['OaDocumentInfo'].indexOf(to.name) > -1) {
+				this.$store.commit('SET_KEEP_ALIVE_COMPONENTS', ['MasterAttendanceLeaveList'])
+			} else {
+				this.$store.commit('SET_KEEP_ALIVE_COMPONENTS', [])
+			}
+			next()
+		},
+	}
+</script>
+
+<style scoped src="@/assets/css/xpwyfyy-oa.css"></style>
+<style src="@/assets/css/iconfont.css"></style>
+
+<style>
+</style>

src/views-oa/Document/Person.vue

@@ -0,0 +1,270 @@
+<template>
+<div>
+  <header class="mui-bar mui-bar-nav">
+  		<h1 class="mui-title">选择人员</h1>
+  		<a class=" mui-icon mui-icon-left-nav mui-pull-left" @click="back"></a>
+  		<a class="mui-btn mui-pull-right mui-btn-blue" @click="ok">确认</a>
+  	</header>
+		<div class="mui-content vongi-fpbm-xsy">
+			<div class="vongi-bread">
+				<template v-for="(item,index) in navList">
+					<a :class="navCanClick(item,index)?'color4fc5f7':''" @click="reloadItem(item,index)" v-text="item.name"></a>
+					<span v-if="index!=navList.length-1" class="mui-icon mui-icon-forward"></span>
+				</template>
+			</div>
+			<ul class="mui-table-view">
+				<li v-for="(item,index) in arrangeShiftCompanyList"  v-if="item.type==1" class="mui-table-view-cell flew-sp flew-items">
+					<div class="mui-ellipsis">
+						{{item.name}}
+					</div>
+					 
+					<a href=""  class="color4fc5f7 iconfont icon-xiaji"   @click="reloadNext(item)" >下级</a>
+					<!--灰色状态-->
+					<!--<a href="" class="color999 iconfont icon-xiaji">下级</a>-->
+				</li> 
+			</ul>
+			<!--人员列表-->
+			<div class="vongi-fplist" :style="'margin-bottom:'+(clientHeight+100)+'px'">
+				<div class="mui-content-padded" v-show="arrangeShiftPersonList"  >
+					<h5><i class="iconfont icon-ze-friends blue"></i>人员列表</h5>
+				</div>
+				<form class="mui-input-group">
+					
+					<div class="mui-input-row "  v-for="(item,index) in arrangeShiftCompanyList" @click="checkboxBtn(item),selectId.push(item.id)"   v-if="item.type==2">
+						<label>{{item.name}}</label>
+						<!-- mui-checkbox
+						<input name="checkbox1" :value="item.id" v-model="selectId" type="checkbox"> -->
+					</div> 
+				</form>
+				<div class="fyy-footer vongi-footer box-show" id="fyy-footer"  > 
+					<h5 class="margin10">已选择人员：<span style="  float: right; color: #3385FF; " @click="selectAll">全选</span></h5>
+					<div class="vongi-yjbtn flew" id="spanLast" :style="'height:'+clientHeight+'px'">
+						<span style="height: 24px;"  v-for="item,i in selectPerson"    >{{item.name}}<a class="iconfont icon-guanbi1" @click="checkboxBtn(item,true,i)"></a></span>
+						
+					</div>
+				</div>
+			</div>
+		</div>
+		<loading :visible="isLoading"></loading>
+</div>
+</template>
+
+
+<script>
+ 
+	import * as API from '@/apis/applyclass'
+ 
+	import Loading from '@/components/Loading.vue'
+	 
+
+	export default {
+		name: '',
+		components: {
+ 
+			Loading,
+	 
+		},
+		data() {
+			return {
+				clientHeight:37,
+				companyId:'',
+				  isLoading: false,
+				  arrangeShiftCompanyList:[],
+				  arrangeShiftPersonList:false,
+				  nowLevel: 0,
+				  navList: [{
+				  	name: '首页',
+				  	id: ''
+				  }],
+				  selectId:[],
+				  selectPerson:[],
+				  selectIdOld:[],
+				  selectPersonOld:[],
+			}
+		},
+		created() {
+			
+
+		},
+		props:{
+			setids:{
+				default:"",
+				required:false
+			},
+			setnames:{
+				default:"",
+				required:false
+			},
+			batchJob:{
+				default:0,
+				required:false
+			},
+		},
+		methods: {
+			checkboxBtn(obj,bl,i){
+				if(this.selectId.includes(obj.id)){
+					var sz=[];
+					for(var j  in this.selectPerson){
+						if(this.selectPerson[j].id==obj.id){
+							
+						}else{
+							sz.push(this.selectPerson[j])
+						}
+					}
+					this.selectPerson=sz;
+					if(bl){
+						this.selectId.splice(i, 1); 
+					}
+				}else{
+					//this.selectId.push(obj.id);
+					this.selectPerson.push(obj);
+				}
+			
+				this.setHeight()
+			
+				
+			},
+			selectAll(){
+				for(var j in this.arrangeShiftCompanyList){
+					var obj=this.arrangeShiftCompanyList[j]
+					
+					if(obj.type!='2'){
+						
+						continue;
+					}
+					var bl=true;
+					for(var i  in this.selectPerson){
+						
+						if(this.selectPerson[i].id==obj.id){
+							bl=false;
+							break
+						}
+					}
+					if(bl){
+						this.selectId.push(obj.id);
+						this.selectPerson.push(obj)
+					}
+					
+				}
+				this.setHeight()
+				
+			},
+			setHeight(){
+				//spanLast
+				this.$nextTick(()=>{
+					var top=document.getElementById("spanLast").scrollHeight;
+					if(top<100){
+						this.clientHeight=top;
+					}else{
+						this.clientHeight=100;
+					}
+					console.log(top)
+				})
+			},
+			reloadItem(item, index) {
+				if (index == this.nowLevel) {
+					return false;
+				}
+				this.navList = this.navList.slice(0, index + 1);
+				this.nowLevel = index;
+				this.companyId = item.id;
+				this.getArrangeShiftCompanyList();
+			},
+			//加载下级
+			reloadNext(item) {
+				this.navList.push(item)
+				this.nowLevel++;
+				this.companyId = item.id;
+				this.getArrangeShiftCompanyList();
+			},
+			//判断面包屑是否可点击
+			navCanClick(item, index) {
+				if (index == this.nowLevel) {
+					return false;
+				} else {
+					return true;
+				}
+			},
+			back(){
+				this.selectId=this.selectIdOld;
+				this.selectPerson=this.selectPersonOld;
+				this.$emit("confirm",{status:0})
+			},
+			ok(){
+				if(this.selectPerson.length){
+					this.selectIdOld=this.selectId;
+					this.selectPersonOld=this.selectPerson;
+					this.$emit("confirm",{status:1,selectId:this.selectId,selectPerson:this.selectPerson})
+				}
+			},
+		 getArrangeShiftPersonList(){
+		 		this.isLoading = true;
+		 	
+		 	API.arrangeShiftPersonList(this.companyId).then(response => {
+		 		   this.arrangeShiftPersonList=false;
+		 		  this.arrangeShiftCompanyList= this.arrangeShiftCompanyList.concat(response.list);
+				   for(var i in this.arrangeShiftCompanyList){
+					   if(this.arrangeShiftCompanyList[i].type=='2'){
+						    this.arrangeShiftPersonList=true;
+							break
+					   }
+				   }
+		 		this.isLoading = false;
+		 	}).catch(error => {
+		 		this.isLoading = false;
+		 		mui.toast(error);
+		 	})
+		 },	
+			getArrangeShiftCompanyList(){
+					this.isLoading = true;
+				
+				API.arrangeShiftCompanyList(
+				
+				this.companyId,this.batchJob).then(response => {
+					  this.arrangeShiftCompanyList=response.list;;
+					 this.getArrangeShiftPersonList();
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},	//下拉事件
+		 
+			asynCallBack() {
+
+			},
+		
+		},
+		mounted() {
+			if(this.setids){
+				this.selectId=this.setids.split(",");
+				this.selectPerson=this.setnames.split(",").map((item,i)=>{
+					//console.log(i)
+					return {
+						id:this.selectId[i],
+						name:item
+					}
+				});
+			}
+			this.getArrangeShiftCompanyList();
+			//console.log("mounted")
+			//var _this = this;
+			//	window.addEventListener('scroll', _this.handleScrool);
+			
+		},
+		destroyed() {
+			//销毁监听事件
+			//	var _this = this;
+			//	window.removeEventListener('scroll', _this.handleScrool);
+			
+		},
+	
+	}
+</script>
+
+<style src="@/assets/css/iconfont.css"></style>
+<style src="@/assets/css/xsy.css"></style>
+<style scoped src="@/assets/css/xpwyfyy.css"></style>
+
+<style>
+</style>

src/views-oa/Document/VerifyInfo.vue

@@ -0,0 +1,241 @@
+<template>
+	<div>
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="(detail.typeN?detail.typeN:'')+pageTitle"></top-header>
+
+		<div class="mui-content vongi-wordcard">
+			<div class="mui-content-padded vongi-wordcard-top">
+				<div v-show="detail.faceImageUrl" class="mui-media-object mui-pull-left">
+					<img :src="detail.faceImageUrl" v-viewer>
+				</div>
+				<div v-show="detail.personName" class="mui-media-body">
+					<font v-text="detail.personName"></font>
+					<p class='mui-ellipsis'><span class="colorfe616c" v-text="detail.typeN"></span>申请</p>
+				</div>
+				<button type="button" :class="'mui-btn mui-btn-success mui-btn-outlined '+(detail.status>0?(detail.status==1?'status_a':'status_r'):'')">
+					{{detail.status>0?(detail.status==1?'已同意':'已拒绝'):'未审核'}}
+				</button>
+			</div>
+
+			<div class="mui-content-padded vongi-wordcard-center">
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请类型</div>
+						<span v-text="detail.typeN"></span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">所在部门</div>
+						<span v-text="detail.companyName"></span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请班次</div>
+						<span class="colorf6f448" v-text="detail.fillAttendanceDayAndTime"></span>
+					</li>
+					<li v-if="detail.address" class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">打卡地点</div>
+						<span v-text="detail.address"></span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请时间</div>
+						<span v-text="detail.createTime"></span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请理由</div>
+						<span class="colorf8b155" v-text="detail.content"></span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">相关照片</div>
+					</li>
+					<li class="mui-table-view-cell mui-media fyy-upphoto">
+						<div class="mui-col-xs-3" v-for="(item,index) in picList">
+							<img :src="item" v-viewer />
+						</div>
+					</li>
+				</ul>
+			</div>
+
+            <div class="vongi-slot mui-content-padded vongi-wordcard-center">
+                <div v-for="(item,index) in detail.list" class="vongi-slot-block">
+                    <div class="vongi-slot-img"><img :src="item.faceImageUrl"></div>
+                    <div class="vongi-slot-content">
+                        <h4>审批人{{index+1}}<span class="mui-pull-right mui-h5 color999" v-text="item.time"></span></h4>
+                        <p>{{item.name}} <span class="color55f868" :style="getColor(item.status)" v-text="item.statusN"></span></p>
+						<p v-if="item.approvalContent" v-text="item.approvalContent"></p>
+					</div>
+                </div>
+            </div>
+
+
+            <div v-if="detail.status=='0' && detail.approvalEnable" class="fyy-scon-botton">
+				<div class="examine-btn examine-btn1" @click="openFrom('2')">拒绝</div>
+				<div class="examine-btn examine-btn2" @click="openFrom('1')">通过</div>
+			</div>
+
+
+		</div>
+
+		<!-- 审批弹窗 -->
+		<div v-show="openFromVisible" class="mui-popup mui-popup-in vongi-mui-pop">
+			<div class="mui-popup-inner vongi-pop-inner">
+				<div class="mui-popup-title">填写意见</div>
+				<div class="mui-popup-input">
+					<textarea  v-model="subForm.content" rows="3" placeholder="请输入"></textarea>
+				</div>
+			</div>
+			<div class="mui-popup-buttons"><span class="mui-popup-button mui-popup-button-bold" @click="doAction">提交</span></div>
+		</div>
+		<div v-show="openFromVisible" @click="openFromVisible=false"  class="mui-popup-backdrop mui-active"></div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
+</template>
+
+<script>
+	import * as API_Attendance from '@/apis/Master/attendance'
+	import Common from '@/components/Common.vue'
+	import Loading from '@/components/Loading.vue'
+	import TopHeader from '@/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'MasterAttendanceVerifyInfo',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '申请详情',
+
+				isLoading: false,
+
+				id: this.$route.query.id,
+				detail: {},
+
+				//审批内容弹窗显示
+				openFromVisible: false,
+				selectIdList: [],
+				subForm: {
+					ids: '',
+					content: '',
+					status: ''
+				},
+			}
+		},
+		created() {
+
+		},
+		methods: {
+            //获取状态颜色
+            getColor(status) {
+                var color = '';
+                if (status == '0') {
+                    color = '#4fc5f7';
+                } else if (status == '1') {
+                    color = '#55f868';
+                } else if (status == '2') {
+                    color = '#fe616c';
+                }
+                return 'color:' + color + ';border-color:' + color + ';';
+            },
+			//获取详情
+			getDetail() {
+				this.isLoading = true;
+				API_Attendance.getApplyInfo({
+					id: this.id
+				}).then(response => {
+
+					this.detail = response;
+
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//显示内容表单
+			openFrom(status) {
+				this.selectIdList = [this.id];
+				if (!this.selectIdList.length) {
+					mui.toast('请选择要处理的信息');
+				} else {
+					this.subForm.status = status;
+					this.subForm.content = status == 1 ? '同意' : '拒绝';
+					this.openFromVisible = true;
+					//直接点击处理，不需要弹窗理由框,又需要弹窗理由框了
+					//this.doAction();
+				}
+			},
+			//检测表单
+			checkForm() {
+				if (!this.subForm.ids) {
+					mui.toast('请选择要处理的信息');
+					return false;
+				} else {
+					return true;
+				}
+			},
+			//同意拒绝
+			doAction() {
+				this.subForm.ids = this.selectIdList.join(',');
+				if (this.checkForm()) {
+					this.isLoading = true;
+					API_Attendance.doVerify(this.subForm).then(response => {
+						this.isLoading = false;
+
+						this.openFromVisible = false;
+						this.getDetail();
+					}).catch(error => {
+						this.isLoading = false;
+						mui.toast(error);
+					})
+				}
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			//获取详情
+			this.getDetail();
+		},
+		destroyed() {},
+		computed: {
+			picList: {
+				// getter
+				get: function() {
+					if (this.detail && this.detail.fillAttendanceFilesUrl) {
+						return this.detail.fillAttendanceFilesUrl.split(',');
+					} else {
+						return [];
+					}
+				},
+				// setter
+				set: function(newValue) {
+					console.log(newValue)
+				}
+			},
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+			})
+		}
+	}
+</script>
+
+<style scoped src="@/assets/css/xpwyfyy.css"></style>
+<style src="@/assets/css/iconfont.css"></style>
+<style scoped>
+	.status_r {
+		color: #fe616c !important;
+		border: 1px solid #fe616c !important;
+	}
+
+	.status_a {
+		color: #05c8af !important;
+		border: 1px solid #05c8af !important;
+	}
+</style>

src/views-oa/Document/VerifyList.vue

@@ -0,0 +1,316 @@
+<template>
+	<div>
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle" :routeName="'Master'"></top-header>
+
+		<div class="mui-content vongi-wordcard-sp">
+			<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
+				<div class="mui-scroll">
+					<a @click="reloadList('0')" :class="'mui-control-item '+(listForm.status==0?'mui-active':'')">
+						<span class="fyy-badge">待处理<span class="mui-badge" v-if="firstRecordsTotal" v-text="firstRecordsTotal"></span></span>
+					</a>
+					<a @click="reloadList('3')" :class="'mui-control-item '+(listForm.status==3?'mui-active':'')">
+						已处理
+					</a>
+				</div>
+			</div>
+
+			<NullList :remark="'暂无审批记录'" v-if="!recordList.length"></NullList>
+
+			<div v-if="recordList.length" id="slider" class="mui-slider mui-fullscreen vongi-over">
+
+				<div class="mui-slider-group">
+
+					<div v-if="listForm.status==0" class="mui-slider-item mui-control-content">
+						<div class="mui-scroll-wrapper vongi-over-hei">
+							<div class="mui-scroll">
+								<form class="mui-input-group fyy-checkbox">
+									<div v-for="(item,index) in recordList" :key="'s0_'+item.id" class="mui-input-row mui-checkbox mui-left">
+										<router-link :to="{name:'MasterAttendanceVerifyInfo',query:{id:item.id}}" class="mui-navigate-right">
+											<div class="mui-media-object mui-pull-left vongi-buka"><img :src="item.faceImageUrl"></div>
+											<div class="mui-media-body">
+												{{item.personName}}
+												<p class='mui-ellipsis'><span class="colorfe616c" v-text="item.typeN"></span>申请</p>
+												<p class='mui-ellipsis' v-if="item.type=='1' && item.address">打卡位置：{{item.address}}</p>
+												<p class='mui-ellipsis' v-if="item.type=='2' && item.content">申请理由：{{item.content}}</p>
+												<h5 class="vongi-bksp-time" v-text="item.createTime.substr(5)"></h5>
+											</div>
+										</router-link>
+										<input name="checkbox" v-model="selectIdList" :value="item.id" type="checkbox">
+									</div>
+								</form>
+							</div>
+
+						</div>
+					</div>
+
+					<div v-if="listForm.status==3" class="mui-slider-item mui-control-content">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll">
+								<ul class="mui-table-view mui-table-view-chevron">
+									<li v-for="(item,index) in recordList" :key="'s3_'+item.id" class="mui-table-view-cell mui-media">
+										<router-link :to="{name:'MasterAttendanceVerifyInfo',query:{id:item.id}}" class="mui-navigate-right">
+											<div class="mui-media-object mui-pull-left vongi-buka"><img :src="item.faceImageUrl"></div>
+											<div class="mui-media-body">
+												{{item.personName}}
+												<span class="mui-pull-right mui-h6" v-if="item.approvalTime" v-text="item.approvalTime.substr(5)"></span>
+												<p class='mui-ellipsis'>
+													<span class="colorfe616c" v-text="item.typeN"></span>申请
+													<button type="button" :class="'mui-btn mui-btn-success mui-btn-outlined mui-pull-right '+(item.status>0?(item.status==1?'status_a':'status_r'):'')"
+													 v-text="item.statusN"></button>
+												</p>
+												<p class='mui-ellipsis' v-if="item.type=='1' && item.address">打卡位置：{{item.address}}</p>
+												<p class='mui-ellipsis' v-if="item.type=='2' && item.content">申请理由：{{item.content}}</p>
+											</div>
+										</router-link>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+
+				</div>
+			</div>
+
+			<div v-show="recordList.length>0 && listForm.status==0" class="fyy-bindfyy-btn">
+				<form class="mui-input-group">
+					<div class="mui-input-row mui-checkbox mui-left">
+						<label>全选</label>
+						<input v-model="allSelect" value="1" type="checkbox" @click="selectAll" :checked="recordList.length==selectIdList.length">
+					</div>
+				</form>
+				<button type="button" class="mui-btn mui-btn-danger" @click="openFrom('2')">拒绝</button>
+				<button type="button" class="mui-btn mui-btn-success" @click="openFrom('1')">同意</button>
+			</div>
+		</div>
+
+		<!-- 审批弹窗 -->
+		<div v-show="openFromVisible" class="mui-popup mui-popup-in vongi-mui-pop">
+			<div class="mui-popup-inner vongi-pop-inner">
+				<div class="mui-popup-title">填写意见</div>
+				<div class="mui-popup-input">
+					<textarea  v-model="subForm.content" rows="3" placeholder="请输入"></textarea>
+				</div>
+			</div>
+			<div class="mui-popup-buttons"><span class="mui-popup-button mui-popup-button-bold" @click="doAction">提交</span></div>
+		</div>
+		<div v-show="openFromVisible" @click="openFromVisible=false"  class="mui-popup-backdrop mui-active"></div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
+</template>
+
+<script>
+	import * as API_Attendance from '@/apis/Master/attendance'
+	import Common from '@/components/Common.vue'
+	import Loading from '@/components/Loading.vue'
+	import TopHeader from '@/components/TopHeader.vue'
+	import isReachBottom from '@/utils/isReachBottom'
+	import NullList from '@/components/NullList.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'MasterAttendanceVerifyList',
+		components: {
+			Common,
+			Loading,
+			TopHeader,
+			NullList
+		},
+		data() {
+			return {
+				pageTitle: '考勤审批',
+
+				isLoading: false,
+
+				listForm: {
+					pageIndex: 1,
+					pageSize: 20,
+					totalPage: 1,
+					status: this.$route.query.status ? this.$route.query.status : 0,
+				},
+				recordList: [],
+				selectIdList: [],
+				allSelect: [],
+				subForm: {
+					ids: '',
+					content: '',
+					status: ''
+				},
+				//审批内容弹窗显示
+				openFromVisible: false,
+				firstRecordsTotal: 0,
+
+			}
+		},
+		created() {
+
+		},
+		methods: {
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_Attendance.getVerifyList(this.listForm).then(response => {
+					if (response) {
+						if (this.listForm.pageIndex == 1) {
+							this.recordList = response.data;
+							this.listForm.pageIndex = response.pageNumber;
+							this.listForm.totalPage = response.totalPage;
+						} else {
+							this.recordList = [
+								...this.recordList,
+								...response.data
+							];
+						}
+					}
+					this.recordList=[{
+						createTime:'111111',
+						address:"1111111",
+						type:"1"
+						
+					}]
+					if (this.listForm.status == 0) {
+						this.firstRecordsTotal = response.recordsTotal;
+					}
+
+					this.listForm.pageIndex++;
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//下拉事件
+			handleScrool() {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
+						this.getList();
+					} else {
+						return;
+					}
+				}
+			},
+			//切换
+			reloadList(status) {
+				this.listForm.status = status;
+				this.listForm.pageIndex = 1;
+				this.getList();
+			},
+			//选择所有
+			selectAll() {
+				if (this.allSelect.length) {
+					this.selectIdList = [];
+				} else {
+					var selectIdList = [];
+					this.recordList.forEach(function(item, index) {
+						selectIdList.push(item.id);
+					})
+					this.selectIdList = selectIdList;
+				}
+			},
+			//显示内容表单
+			openFrom(status) {
+				if (!this.selectIdList.length) {
+					mui.toast('请选择要处理的信息');
+				} else {
+					this.subForm.status = status;
+					this.subForm.content = status == 1 ? '同意' : '拒绝';
+					this.openFromVisible = true;
+					//直接点击处理，不需要弹窗理由框,又需要弹窗理由框了
+					//this.doAction();
+				}
+			},
+			//检测表单
+			checkForm() {
+				if (!this.subForm.ids) {
+					mui.toast('请选择要处理的信息');
+					return false;
+				} else {
+					return true;
+				}
+			},
+			//同意拒绝
+			doAction() {
+				this.subForm.ids = this.selectIdList.join(',');
+				if (this.checkForm()) {
+					this.isLoading = true;
+					API_Attendance.doVerify(this.subForm).then(response => {
+						this.isLoading = false;
+
+						this.openFromVisible = false;
+						this.listForm.pageIndex = 1;
+						this.getList();
+					}).catch(error => {
+						this.isLoading = false;
+						mui.toast(error);
+					})
+				}
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			this.getList();
+			//监控下拉加载事件
+			var _this = this;
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+			})
+		},
+		watch: {
+			//本页面监听到路由（参数）改变
+			/* '$route': function(to, from) {
+				this.reloadList(to.query.status ? to.query.status : 0)
+			} */
+		},
+		//keepalive监控判断
+		beforeRouteLeave(to, from, next) {
+			console.log(to.name);
+			if (['MasterAttendanceVerifyInfo'].indexOf(to.name) > -1) {
+				this.$store.commit('SET_KEEP_ALIVE_COMPONENTS', ['MasterAttendanceVerifyList'])
+			} else {
+				this.$store.commit('SET_KEEP_ALIVE_COMPONENTS', [])
+			}
+			next()
+		},
+	}
+</script>
+
+<style scoped src="@/assets/css/xpwyfyy.css"></style>
+<style src="@/assets/css/iconfont.css"></style>
+<style scoped>
+	.status_r {
+		color: #fe616c !important;
+		border: 1px solid #fe616c !important;
+	}
+
+	.status_a {
+		color: #05c8af !important;
+		border: 1px solid #05c8af !important;
+	}
+
+	.mui-segmented-control {
+		position: fixed;
+		top: 44px;
+		z-index: 99;
+		background-color: #eee;
+	}
+
+	.mui-fullscreen {
+		position: unset;
+		margin-top: 45px;
+	}
+</style>

src/views/Control/Home.vue

@@ -208,8 +208,13 @@
 				API_User.logOut().then(response => {
 					this.isLoading = false;
 
-					window.location.href = '../home/#/';
-
+					//window.location.href = '../home/#/';
+					this.$router.push({
+						name: 'UserLogin',
+						query: {
+						
+						}
+					})
 				}).catch(error => {
 					this.isLoading = false;
 					mui.toast(error);

src/views/Master/Home.vue

@@ -62,7 +62,7 @@
 					</li>
 				</ul>
 			</div>
-			<div class="vongi-index-floor">
+			<div class="vongi-index-floor" v-if="false">
 				<h4 class="vongi-floor-title">功能推荐区</h4>
 				<div class="vongi-index-inter flew-sp">
 					<div class="mui-col-xs-6">
@@ -254,7 +254,7 @@
 				var btnArray = ['取消', '确认'];
 				mui.confirm('选择新公司后，需要新的公司管理员审核通过后方可正式加入', '确认变更', btnArray, function(e) {
 					if (e.index == 1) {
-						window.location.href="../home/#/register/business/step2?isupdate=1"
+						window.location.href="/register/business/step2?isupdate=1"
 					}
 				})
 				
@@ -353,7 +353,7 @@
 			asynCallBack(bl) {
 				this.isLoading = false;
 				if(!bl){
-					this.getBannerTipsInfo()
+					//this.getBannerTipsInfo()
 					//获取用户角色列表
 					this.getRoleList();
 					//获取最新二条通知消息

src/views/Master/Mine/Center.vue

@@ -14,7 +14,9 @@
 								<img :src="person_data.faceImageUrl" />
 							</div>
 							<h2>{{wellcomme}}{{person_data.name}}</h2>
-							<router-link :to="{name:'MasterPromoteCode'}" class="iconfont icon-icon- mui-h3"></router-link>
+							<router-link v-if="false"
+							 
+							 :to="{name:'MasterPromoteCode'}" class="iconfont icon-icon- mui-h3"></router-link>
 						</div>
 						<h4 class="flew-items">
 							<span class="iconfont icon-dianhua3"></span>{{person_data.phone}}
@@ -30,7 +32,7 @@
 				</div>
 			</div>
 			<div class="vongi-me-list">
-				<ul class="mui-table-view mui-table-view-chevron vongi-news">
+				<ul class="mui-table-view mui-table-view-chevron vongi-news" v-if="false" >
 					<li class="mui-table-view-cell">
 						<router-link :to="{name:'MasterMineBillList'}" class="mui-navigate-right">
 							<img src="~@/assets/img/cicon32.png" width="18" /> 我的账单
@@ -42,7 +44,7 @@
 						</a>
 					</li>
 				</ul>
-				<ul class="mui-table-view mui-table-view-chevron vongi-news">
+				<ul class="mui-table-view mui-table-view-chevron vongi-news" v-if="false" >
 					<li class="mui-table-view-cell">
 						<a href="../home/#/register?project=business&exchange=1" class="mui-navigate-right jump">
 							<img src="~@/assets/img/zhuce.png" width="18" /> 注册新身份

src/views/Master/Mine/Config.vue

@@ -22,7 +22,7 @@
 						<router-link :to="{name:'MasterMineAbout'}" class="mui-navigate-right"> 关于小鹏管家 </router-link>
 					</li>
 				</ul>
-				<a href="../home/#/user/role?project=business&exchange=1" class="vongi-meset jump">切换身份</a>
+				<a  v-if="false" href="../home/#/user/role?project=business&exchange=1" class="vongi-meset jump">切换身份</a>
 				<a @click="loginOut" class="vongi-meset">退出帐号</a>
 			</div>
 		</div>
@@ -65,8 +65,13 @@
 				this.isLoading = true;
 				API_User.logOut().then(response => {
 					this.isLoading = false;
-
-					window.location.href = '../home/#/';
+					this.$router.push({
+						name: 'UserLogin',
+						query: {
+						
+						}
+					})
+					//window.location.href = '../home/#/';
 
 				}).catch(error => {
 					this.isLoading = false;