2

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.DS_Store

package.json

@@ -38,6 +38,7 @@
 		"eslint": "^5.16.0",
 		"eslint-plugin-vue": "^5.0.0",
 		"node-sass": "^4.13.1",
+		"sass": "^1.94.0",
 		"sass-loader": "^8.0.2",
 		"svg-sprite-loader": "4.1.3",
 		"svgo": "1.2.2",

src/components/common/BreadCrumbs.vue

@@ -72,18 +72,18 @@ export default {
 
 <style lang="scss" scoped>
 	.el-breadcrumb {
-		& /deep/ .el-breadcrumb__separator {
+		& ::v-deep .el-breadcrumb__separator {
 		  		  margin: 0 15px;
 		  		  color: #333;
 		  		  font-weight: 500;
 		  		}
 		
-		& /deep/ .el-breadcrumb__inner a {
+		& ::v-deep .el-breadcrumb__inner a {
 		  		  color: #000;
 		  		  display: inline-block;
 		  		}
 		
-		& /deep/ .el-breadcrumb__inner {
+		& ::v-deep .el-breadcrumb__inner {
 		  		  color: #0977fd;
 		  		  display: inline-block;
 		  		}

src/components/index/IndexAsideStatic.vue

@@ -226,13 +226,13 @@ export default {
 		.el-scrollbar {
 			height: 100%;
 	
-			& /deep/ .scrollbar-wrapper {
+			& ::v-deep .scrollbar-wrapper {
 				overflow-x: hidden;
 			}
 		
 			// 竖向
 			.el-menu-vertical-demo {
-				.el-submenu:first-of-type /deep/ .el-submenu__title .el-submenu__icon-arrow {
+				.el-submenu:first-of-type ::v-deep .el-submenu__title .el-submenu__icon-arrow {
 					display: none;
 				}
 			}
@@ -251,7 +251,7 @@ export default {
 				background: blue;
 			}
 			
-			.el-menu-vertical-demo .el-submenu /deep/ .el-submenu__title {
+			.el-menu-vertical-demo .el-submenu ::v-deep .el-submenu__title {
 				cursor: pointer;
 				padding: 0 20px;
 				color: #333;
@@ -260,12 +260,12 @@ export default {
 				position: relative;
 			}
 			
-			.el-menu-vertical-demo .el-submenu /deep/ .el-submenu__title:hover {
+			.el-menu-vertical-demo .el-submenu ::v-deep .el-submenu__title:hover {
 				color: #fff;
 				background: blue;
 			}
 			
-			.el-menu-vertical-demo .el-submenu /deep/ .el-submenu__title .el-submenu__icon-arrow {
+			.el-menu-vertical-demo .el-submenu ::v-deep .el-submenu__title .el-submenu__icon-arrow {
 				margin: -7px 0 0 0;
 				top: 50%;
 				color: inherit;
@@ -281,12 +281,12 @@ export default {
 				list-style: none;
 			}
 			
-			// .el-menu-vertical-demo .el-submenu /deep/ .el-menu {
+			// .el-menu-vertical-demo .el-submenu ::v-deep .el-menu {
 // 					// 		border: none;
 // 					// 		display: none;
 // 					// }
 			
-			.el-menu-vertical-demo .el-submenu /deep/ .el-menu .el-menu-item {
+			.el-menu-vertical-demo .el-submenu ::v-deep .el-menu .el-menu-item {
 				padding: 0 40px;
 				color: #666;
 				background: #fff;
@@ -294,7 +294,7 @@ export default {
 				height: 50px;
 			}
 			
-			.el-menu-vertical-demo .el-submenu /deep/ .el-menu .el-menu-item:hover {
+			.el-menu-vertical-demo .el-submenu ::v-deep .el-menu .el-menu-item:hover {
 				padding: 0 40px;
 				color: #fff;
 				background: red;
@@ -302,7 +302,7 @@ export default {
 				height: 50px;
 			}
 			
-			.el-menu-vertical-demo .el-submenu /deep/ .el-menu .el-menu-item.is-active {
+			.el-menu-vertical-demo .el-submenu ::v-deep .el-menu .el-menu-item.is-active {
 				padding: 0 40px;
 				color: #fff;
 				background: blue;
@@ -344,7 +344,7 @@ export default {
 	}
 	
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other /deep/ .el-submenu__title {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other ::v-deep .el-submenu__title {
 		cursor: pointer !important;
 		padding: 5px !important;
 		color: #fff !important;
@@ -365,16 +365,16 @@ export default {
 		background: url(http://codegen.caihongy.cn/20240921/843a44ac82df4f9caf6462715a95a854.png) no-repeat right center / auto 60% !important;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other /deep/ .el-submenu__title:hover {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other ::v-deep .el-submenu__title:hover {
 		color: #ff0 !important;
 		background: url(http://codegen.caihongy.cn/20240921/843a44ac82df4f9caf6462715a95a854.png) no-repeat right center / auto 60% !important;
 	}
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other.is-active /deep/ .el-submenu__title {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other.is-active ::v-deep .el-submenu__title {
 		color: #ff0 !important;
 		background: url(http://codegen.caihongy.cn/20240921/843a44ac82df4f9caf6462715a95a854.png) no-repeat right center / auto 60% !important;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other /deep/ .el-submenu__title .iconfont {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other ::v-deep .el-submenu__title .iconfont {
 		border-radius: 100%;
 		margin: 0 3px 6px;
 		color: inherit;
@@ -389,7 +389,7 @@ export default {
 		height: 56px;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other /deep/ .el-submenu__title .el-submenu__icon-arrow {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.other ::v-deep .el-submenu__title .el-submenu__icon-arrow {
 		margin: -7px 0 0 0;
 		top: 50%;
 		color: inherit;
@@ -400,7 +400,7 @@ export default {
 		right: 8px;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 /deep/ .el-submenu.other .el-menu {
+	.scrollbar-wrapper-open .el-menu-vertical-2 ::v-deep .el-submenu.other .el-menu {
 		border: none;
 		margin: 0 0 5px;
 		background: none;
@@ -460,7 +460,7 @@ export default {
 		background: blue;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.other /deep/ .el-submenu__title {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.other ::v-deep .el-submenu__title {
 		cursor: pointer !important;
 		padding: 0 20px !important;
 		color: #333 !important;
@@ -469,12 +469,12 @@ export default {
 		position: relative !important;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.other /deep/ .el-submenu__title:hover {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.other ::v-deep .el-submenu__title:hover {
 		color: #fff !important;
 		background: blue !important;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.other /deep/ .el-submenu__title .iconfont {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.other ::v-deep .el-submenu__title .iconfont {
 		margin: 0;
 		color: inherit;
 		display: inline-block;
@@ -484,7 +484,7 @@ export default {
 		text-align: center;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.other /deep/ .el-submenu__title .el-submenu__icon-arrow {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.other ::v-deep .el-submenu__title .el-submenu__icon-arrow {
 		margin: -7px 0 0 0;
 		top: 50%;
 		color: inherit;
@@ -551,7 +551,7 @@ export default {
 		background: url(http://codegen.caihongy.cn/20240921/843a44ac82df4f9caf6462715a95a854.png) no-repeat right center / auto 60%;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.home /deep/ .el-submenu__title {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.home ::v-deep .el-submenu__title {
 		cursor: pointer !important;
 		padding: 5px !important;
 		color: #fff !important;
@@ -568,12 +568,12 @@ export default {
 		height: auto !important;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.home /deep/ .el-submenu__title:hover {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.home ::v-deep .el-submenu__title:hover {
 		color: #ff0 !important;
 		background: url(http://codegen.caihongy.cn/20240921/843a44ac82df4f9caf6462715a95a854.png) no-repeat right center / auto 60% !important;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.home /deep/ .el-submenu__title .iconfont {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.home ::v-deep .el-submenu__title .iconfont {
 		border-radius: 100%;
 		margin: 0 3px 6px;
 		color: inherit;
@@ -588,7 +588,7 @@ export default {
 		height: 56px;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.home /deep/ .el-submenu__title .el-submenu__icon-arrow {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.home ::v-deep .el-submenu__title .el-submenu__icon-arrow {
 		margin: -7px 0 0 0;
 		top: 50%;
 		color: inherit;
@@ -659,7 +659,7 @@ export default {
 		background: blue;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.home /deep/ .el-submenu__title {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.home ::v-deep .el-submenu__title {
 		cursor: pointer;
 		padding: 0 20px;
 		color: #333;
@@ -668,12 +668,12 @@ export default {
 		position: relative;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.home /deep/ .el-submenu__title:hover {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.home ::v-deep .el-submenu__title:hover {
 		color: #fff;
 		background: blue;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.home /deep/ .el-submenu__title .iconfont {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.home ::v-deep .el-submenu__title .iconfont {
 		margin: 0;
 		color: inherit;
 		display: inline-block;
@@ -683,7 +683,7 @@ export default {
 		text-align: center;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.home /deep/ .el-submenu__title .el-submenu__icon-arrow {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.home ::v-deep .el-submenu__title .el-submenu__icon-arrow {
 		margin: -7px 0 0 0;
 		top: 50%;
 		color: inherit;
@@ -750,7 +750,7 @@ export default {
 		background: url(http://codegen.caihongy.cn/20240921/843a44ac82df4f9caf6462715a95a854.png) no-repeat right center / auto 60%;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.user /deep/ .el-submenu__title {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.user ::v-deep .el-submenu__title {
 		cursor: pointer !important;
 		padding: 5px !important;
 		color: #fff !important;
@@ -767,12 +767,12 @@ export default {
 		height: auto !important;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.user /deep/ .el-submenu__title:hover {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.user ::v-deep .el-submenu__title:hover {
 		color: #ff0 !important;
 		background: url(http://codegen.caihongy.cn/20240921/843a44ac82df4f9caf6462715a95a854.png) no-repeat right center / auto 60% !important;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.user /deep/ .el-submenu__title .iconfont {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.user ::v-deep .el-submenu__title .iconfont {
 		border-radius: 100%;
 		margin: 0 3px 6px;
 		color: inherit;
@@ -787,7 +787,7 @@ export default {
 		height: 56px;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.user /deep/ .el-submenu__title .el-submenu__icon-arrow {
+	.scrollbar-wrapper-open .el-menu-vertical-2 .el-submenu.user ::v-deep .el-submenu__title .el-submenu__icon-arrow {
 		margin: -7px 0 0 0;
 		top: 50%;
 		color: inherit;
@@ -798,7 +798,7 @@ export default {
 		right: 8px;
 	}
 	
-	.scrollbar-wrapper-open .el-menu-vertical-2 /deep/ .el-submenu.user .el-menu {
+	.scrollbar-wrapper-open .el-menu-vertical-2 ::v-deep .el-submenu.user .el-menu {
 		border: none;
 		margin: 0 0 5px;
 		background: none;
@@ -858,7 +858,7 @@ export default {
 		background: blue;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.user /deep/ .el-submenu__title {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.user ::v-deep .el-submenu__title {
 		cursor: pointer !important;
 		padding: 0 20px !important;
 		color: #333 !important;
@@ -867,12 +867,12 @@ export default {
 		position: relative !important;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.user /deep/ .el-submenu__title:hover {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.user ::v-deep .el-submenu__title:hover {
 		color: #fff !important;
 		background: blue !important;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.user /deep/ .el-submenu__title .iconfont {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.user ::v-deep .el-submenu__title .iconfont {
 		margin: 0;
 		color: inherit;
 		display: inline-block;
@@ -882,7 +882,7 @@ export default {
 		text-align: center;
 	}
 	
-	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.user /deep/ .el-submenu__title .el-submenu__icon-arrow {
+	.scrollbar-wrapper-close .el-menu-vertical-2 .el-submenu.user ::v-deep .el-submenu__title .el-submenu__icon-arrow {
 		margin: -7px 0 0 0;
 		top: 50%;
 		color: inherit;

src/components/index/TagsView/ScrollPane.vue

@@ -73,7 +73,7 @@ export default {
   position: relative;
   overflow: hidden;
   width: 100%;
-  /deep/ {
+  ::v-deep {
     .el-scrollbar__bar {
       bottom: 0px;
     }

src/views/board.vue

@@ -891,17 +891,17 @@
 	.el-table:after{
 		display: none;
 	}
-	.el-table /deep/ .el-table__header-wrapper thead {
+	.el-table ::v-deep .el-table__header-wrapper thead {
 				color: #fff;
 				font-weight: 500;
 				width: 100%;
 			}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr {
+	.el-table ::v-deep .el-table__header-wrapper thead tr {
 				background: none;
 			}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr th {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th {
 				padding: 6px 0;
 				background: none;
 				border-color: rgba(92,135,230,.3);
@@ -910,7 +910,7 @@
 				text-align: left;
 			}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr th .cell {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th .cell {
 				padding: 0 10px;
 				word-wrap: normal;
 				word-break: break-all;
@@ -924,15 +924,15 @@
 				text-overflow: ellipsis;
 			}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody {
+	.el-table ::v-deep .el-table__body-wrapper tbody {
 				width: 100%;
 			}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr {
 				background: none;
 			}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 				padding: 6px 0;
 				color: #fff;
 				background: none;
@@ -943,7 +943,7 @@
 			}
 	
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr:hover td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr:hover td {
 				padding: 6px 0;
 				color: #fff;
 				background: none;
@@ -953,7 +953,7 @@
 				text-align: left;
 			}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 				padding: 6px 0;
 				color: #fff;
 				background: none;
@@ -963,7 +963,7 @@
 				text-align: left;
 			}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .cell {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .cell {
 				padding: 0 10px;
 				overflow: hidden;
 				word-break: break-all;

src/views/center.vue

@@ -178,7 +178,7 @@ export default {
 		width: auto;
 	}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__label {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__label {
 				padding: 0 10px 0 0;
 				color: #6e6e6e;
 				font-weight: 500;
@@ -188,11 +188,11 @@ export default {
 				text-align: right;
 			}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__content {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__content {
 		margin-left: 180px;
 	}
 	
-	.add-update-preview .el-input /deep/ .el-input__inner {
+	.add-update-preview .el-input ::v-deep .el-input__inner {
 				border: 1px solid #E8E8E8;
 				border-radius: 0px;
 				padding: 0 12px;
@@ -204,7 +204,7 @@ export default {
 				height: 40px;
 			}
 	
-	.add-update-preview .el-select /deep/ .el-input__inner {
+	.add-update-preview .el-select ::v-deep .el-input__inner {
 				border: 1px solid #E8E8E8;
 				border-radius: 0px;
 				padding: 0 10px;
@@ -215,7 +215,7 @@ export default {
 				height: 40px;
 			}
 	
-	.add-update-preview .el-date-editor /deep/ .el-input__inner {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner {
 				border: 1px solid #E8E8E8;
 				border-radius: 0px;
 				padding: 0 10px 0 30px;
@@ -226,7 +226,7 @@ export default {
 				height: 40px;
 			}
 	
-	.add-update-preview /deep/ .el-upload--picture-card {
+	.add-update-preview ::v-deep .el-upload--picture-card {
 		background: transparent;
 		border: 0;
 		border-radius: 0;
@@ -236,7 +236,7 @@ export default {
 		vertical-align: middle;
 	}
 	
-	.add-update-preview /deep/ .el-upload-list .el-upload-list__item {
+	.add-update-preview ::v-deep .el-upload-list .el-upload-list__item {
 				border: 1px solid #E8E8E8;
 				cursor: pointer;
 				border-radius: 0px;
@@ -249,7 +249,7 @@ export default {
 				height: 60px;
 			}
 	
-	.add-update-preview /deep/ .el-upload .el-icon-plus {
+	.add-update-preview ::v-deep .el-upload .el-icon-plus {
 				border: 1px solid #E8E8E8;
 				cursor: pointer;
 				border-radius: 0px;
@@ -262,7 +262,7 @@ export default {
 				height: 60px;
 			}
 	
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner {
 				border: 1px solid #E8E8E8;
 				border-radius: 0px;
 				padding: 12px;

src/views/login.vue

@@ -275,21 +275,21 @@
 			width: calc(100% - 0px);
 			line-height: 38px;
 			height: auto;
-			/deep/ .el-radio__input .el-radio__inner {
+			::v-deep .el-radio__input .el-radio__inner {
 				border-radius: 0;
 				background: rgba(53, 53, 53, 0);
 				border-color: #aaa;
 			}
-			/deep/ .el-radio__input.is-checked .el-radio__inner {
+			::v-deep .el-radio__input.is-checked .el-radio__inner {
 				border-radius: 0;
 				background: #0674fc;
 				border-color: #0674fc;
 			}
-			/deep/ .el-radio__label {
+			::v-deep .el-radio__label {
 				color: #aaa;
 				font-size: 16px;
 			}
-			/deep/ .el-radio__input.is-checked+.el-radio__label {
+			::v-deep .el-radio__input.is-checked+.el-radio__label {
 				color: #0674fc;
 				font-size: 16px;
 			}

src/views/modules/config/add-or-update.vue

@@ -260,14 +260,14 @@
 	.el-date-editor.el-input {
 		width: auto;
 	}
-	.add-update-preview /deep/ .el-form-item {
+	.add-update-preview ::v-deep .el-form-item {
 		border: 0px solid #eee;
 		padding: 0;
 		margin: 0 0 22px 0;
 		display: inline-block;
 		width: 100%;
 	}
-	.add-update-preview .el-form-item /deep/ .el-form-item__label {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__label {
 		padding: 0 10px 0 0;
 		color: #6e6e6e;
 		font-weight: 500;
@@ -277,7 +277,7 @@
 		text-align: right;
 	}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__content {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__content {
 		margin-left: 180px;
 	}
 	.add-update-preview .el-form-item span.text {
@@ -294,7 +294,7 @@
 	.add-update-preview .el-input {
 		width: 100%;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner {
+	.add-update-preview .el-input ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -305,7 +305,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-input ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0px solid #ccc;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -320,7 +320,7 @@
 		text-align: left;
 		width: 100%;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .el-input__inner {
 		text-align: left;
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
@@ -332,7 +332,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .is-disabled .el-input__inner {
 		text-align: left;
 		border: 0px solid #ccc;
 		cursor: not-allowed;
@@ -344,16 +344,16 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__decrease {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__decrease {
 		display: none;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__increase {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__increase {
 		display: none;
 	}
 	.add-update-preview .el-select {
 		width: 100%;
 	}
-	.add-update-preview .el-select /deep/ .el-input__inner {
+	.add-update-preview .el-select ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -363,7 +363,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-select /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-select ::v-deep .is-disabled .el-input__inner {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 4px;
@@ -377,7 +377,7 @@
 	.add-update-preview .el-date-editor {
 		width: 100%;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -387,7 +387,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -466,7 +466,7 @@
 	.add-update-preview .unBtn:hover {
 		opacity: 0.8;
 	}
-	.add-update-preview /deep/ .el-upload--picture-card {
+	.add-update-preview ::v-deep .el-upload--picture-card {
 		background: transparent;
 		border: 0;
 		border-radius: 0;
@@ -476,7 +476,7 @@
 		vertical-align: middle;
 	}
 	
-	.add-update-preview /deep/ .upload .upload-img {
+	.add-update-preview ::v-deep .upload .upload-img {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -489,7 +489,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload-list .el-upload-list__item {
+	.add-update-preview ::v-deep .el-upload-list .el-upload-list__item {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -502,7 +502,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload .el-icon-plus {
+	.add-update-preview ::v-deep .el-upload .el-icon-plus {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -514,12 +514,12 @@
 		text-align: center;
 		height: 60px;
 	}
-	.add-update-preview /deep/ .el-upload__tip {
+	.add-update-preview ::v-deep .el-upload__tip {
 		color: #666;
 		font-size: 15px;
 	}
 	
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 12px;
@@ -530,7 +530,7 @@
 		min-height: 150px;
 		height: auto;
 	}
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner[readonly="readonly"] {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner[readonly="readonly"] {
 				border: 0;
 				cursor: not-allowed;
 				border-radius: 0px;

src/views/modules/config/list.vue

@@ -277,7 +277,7 @@
 	.center-form-pv .el-input {
 		width: auto;
 	}
-	.center-form-pv .el-input /deep/ .el-input__inner {
+	.center-form-pv .el-input ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -289,7 +289,7 @@
 	.center-form-pv .el-select {
 		width: auto;
 	}
-	.center-form-pv .el-select /deep/ .el-input__inner {
+	.center-form-pv .el-select ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -302,7 +302,7 @@
 		width: auto;
 	}
 	
-	.center-form-pv .el-date-editor /deep/ .el-input__inner {
+	.center-form-pv .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -398,18 +398,18 @@
 	}
 	
 	// table
-	.el-table /deep/ .el-table__header-wrapper thead {
+	.el-table ::v-deep .el-table__header-wrapper thead {
 		color: #999;
 		background: #fff;
 		font-weight: 500;
 		width: 100%;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr {
+	.el-table ::v-deep .el-table__header-wrapper thead tr {
 		background: #cae2ff;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr th {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th {
 		padding: 8px 0;
 		background: none;
 		border-color: #f6f6f6;
@@ -418,7 +418,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__header-wrapper thead tr th .cell {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th .cell {
 		padding: 0 0 0 5px;
 		word-wrap: normal;
 		color: #0977fd;
@@ -436,18 +436,18 @@
 		min-width: 110px;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper {
+	.el-table ::v-deep .el-table__body-wrapper {
 		position: relative;
 	}
-	.el-table /deep/ .el-table__body-wrapper tbody {
+	.el-table ::v-deep .el-table__body-wrapper tbody {
 		width: 100%;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr {
 		background: #fff;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -459,7 +459,7 @@
 	}
 	
 		
-	.el-table /deep/ .el-table__body-wrapper tbody tr:hover td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr:hover td {
 		padding: 4px 0;
 		color: #333;
 		background: #f4f9ff;
@@ -469,7 +469,7 @@
 		text-align: left;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -480,7 +480,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .cell {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .cell {
 		padding: 0 0 0 5px;
 		overflow: hidden;
 		word-break: break-all;
@@ -490,7 +490,7 @@
 		text-overflow: ellipsis;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view {
 		border: 1px solid #0977fd60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -503,17 +503,17 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add:hover {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit {
 		border: 1px solid #21c79260;
 		cursor: pointer;
 		border-radius: 0px;
@@ -526,11 +526,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del {
 		border: 1px solid #cc000060;
 		cursor: pointer;
 		border-radius: 0px;
@@ -543,11 +543,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8 {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8 {
 		border: 1px solid #ed9a0d60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -560,12 +560,12 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8:hover {
 		opacity: 0.8;
 	}
 	
 	// pagination
-	.main-content .el-pagination /deep/ .el-pagination__total {
+	.main-content .el-pagination ::v-deep .el-pagination__total {
 		margin: 0 10px 0 0;
 		color: #666;
 		font-weight: 400;
@@ -576,7 +576,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev {
+	.main-content .el-pagination ::v-deep .btn-prev {
 		border: none;
 		border-radius: 100px;
 		padding: 0;
@@ -591,7 +591,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next {
+	.main-content .el-pagination ::v-deep .btn-next {
 		border: none;
 		border-radius: 100%;
 		padding: 0;
@@ -606,7 +606,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev:disabled {
+	.main-content .el-pagination ::v-deep .btn-prev:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -622,7 +622,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next:disabled {
+	.main-content .el-pagination ::v-deep .btn-next:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -638,14 +638,14 @@
 		height: 28px;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager {
+	.main-content .el-pagination ::v-deep .el-pager {
 		padding: 0;
 		margin: 0;
 		display: inline-block;
 		vertical-align: top;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager .number {
+	.main-content .el-pagination ::v-deep .el-pager .number {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -660,7 +660,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number:hover {
+	.main-content .el-pagination ::v-deep .el-pager .number:hover {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -675,7 +675,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number.active {
+	.main-content .el-pagination ::v-deep .el-pager .number.active {
 		cursor: default;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -690,7 +690,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes {
 		display: inline-block;
 		vertical-align: top;
 		font-size: 15px;
@@ -698,13 +698,13 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input {
 		margin: 0 5px;
 		width: 100px;
 		position: relative;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 25px 0 8px;
@@ -720,14 +720,14 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input span.el-input__suffix {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input span.el-input__suffix {
 		top: 0;
 		position: absolute;
 		right: 0;
 		height: 100%;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
 		cursor: pointer;
 		color: #C0C4CC;
 		width: 25px;
@@ -736,7 +736,7 @@
 		text-align: center;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump {
+	.main-content .el-pagination ::v-deep .el-pagination__jump {
 		margin: 0 0 0 24px;
 		color: #606266;
 		display: inline-block;
@@ -746,7 +746,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input {
 		border-radius: 3px;
 		padding: 0 2px;
 		margin: 0 2px;
@@ -759,7 +759,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 3px;
@@ -856,7 +856,7 @@
 		align-items: center;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--left {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--left {
 		cursor: pointer;
 		margin: 0 10px 0 0;
 		color: #333;
@@ -867,7 +867,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--right {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--right {
 		cursor: pointer;
 		margin: 0 0 0 10px;
 		color: #333;
@@ -878,7 +878,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core {
 		border: 1px solid #75c0d6;
 		cursor: pointer;
 		border-radius: 15px;
@@ -890,7 +890,7 @@
 		transition: border-color .3s,background-color .3s;
 		height: 20px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core::after {
 		border-radius: 100%;
 		top: 1px;
 		left: 1px;
@@ -900,19 +900,19 @@
 		transition: all .3s;
 		height: 16px;
 	}
-	.main-content .el-table .el-switch.is-checked /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch.is-checked ::v-deep .el-switch__core::after {
 		margin: 0 0 0 -18px;
 		left: 100%;
 	}
 	
-	.main-content .el-table .el-rate /deep/ .el-rate__item {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item {
 		cursor: pointer;
 		display: inline-block;
 		vertical-align: middle;
 		font-size: 0;
 		position: relative;
 	}
-	.main-content .el-table .el-rate /deep/ .el-rate__item .el-rate__icon {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item .el-rate__icon {
 		margin: 0 3px;
 		display: inline-block;
 		font-size: 18px;

src/views/modules/qiye/add-or-update.vue

@@ -389,14 +389,14 @@
 	.el-date-editor.el-input {
 		width: auto;
 	}
-	.add-update-preview /deep/ .el-form-item {
+	.add-update-preview ::v-deep .el-form-item {
 		border: 0px solid #eee;
 		padding: 0;
 		margin: 0 0 22px 0;
 		display: inline-block;
 		width: 100%;
 	}
-	.add-update-preview .el-form-item /deep/ .el-form-item__label {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__label {
 		padding: 0 10px 0 0;
 		color: #6e6e6e;
 		font-weight: 500;
@@ -406,7 +406,7 @@
 		text-align: right;
 	}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__content {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__content {
 		margin-left: 180px;
 	}
 	.add-update-preview .el-form-item span.text {
@@ -423,7 +423,7 @@
 	.add-update-preview .el-input {
 		width: 100%;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner {
+	.add-update-preview .el-input ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -434,7 +434,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-input ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0px solid #ccc;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -449,7 +449,7 @@
 		text-align: left;
 		width: 100%;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .el-input__inner {
 		text-align: left;
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
@@ -461,7 +461,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .is-disabled .el-input__inner {
 		text-align: left;
 		border: 0px solid #ccc;
 		cursor: not-allowed;
@@ -473,16 +473,16 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__decrease {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__decrease {
 		display: none;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__increase {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__increase {
 		display: none;
 	}
 	.add-update-preview .el-select {
 		width: 100%;
 	}
-	.add-update-preview .el-select /deep/ .el-input__inner {
+	.add-update-preview .el-select ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -492,7 +492,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-select /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-select ::v-deep .is-disabled .el-input__inner {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 4px;
@@ -506,7 +506,7 @@
 	.add-update-preview .el-date-editor {
 		width: 100%;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -516,7 +516,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -595,7 +595,7 @@
 	.add-update-preview .unBtn:hover {
 		opacity: 0.8;
 	}
-	.add-update-preview /deep/ .el-upload--picture-card {
+	.add-update-preview ::v-deep .el-upload--picture-card {
 		background: transparent;
 		border: 0;
 		border-radius: 0;
@@ -605,7 +605,7 @@
 		vertical-align: middle;
 	}
 	
-	.add-update-preview /deep/ .upload .upload-img {
+	.add-update-preview ::v-deep .upload .upload-img {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -618,7 +618,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload-list .el-upload-list__item {
+	.add-update-preview ::v-deep .el-upload-list .el-upload-list__item {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -631,7 +631,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload .el-icon-plus {
+	.add-update-preview ::v-deep .el-upload .el-icon-plus {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -643,12 +643,12 @@
 		text-align: center;
 		height: 60px;
 	}
-	.add-update-preview /deep/ .el-upload__tip {
+	.add-update-preview ::v-deep .el-upload__tip {
 		color: #666;
 		font-size: 15px;
 	}
 	
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 12px;
@@ -659,7 +659,7 @@
 		min-height: 150px;
 		height: auto;
 	}
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner[readonly="readonly"] {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner[readonly="readonly"] {
 				border: 0;
 				cursor: not-allowed;
 				border-radius: 0px;

src/views/modules/qiye/list.vue

@@ -358,7 +358,7 @@
 	.center-form-pv .el-input {
 		width: auto;
 	}
-	.center-form-pv .el-input /deep/ .el-input__inner {
+	.center-form-pv .el-input ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -370,7 +370,7 @@
 	.center-form-pv .el-select {
 		width: auto;
 	}
-	.center-form-pv .el-select /deep/ .el-input__inner {
+	.center-form-pv .el-select ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -383,7 +383,7 @@
 		width: auto;
 	}
 	
-	.center-form-pv .el-date-editor /deep/ .el-input__inner {
+	.center-form-pv .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -479,18 +479,18 @@
 	}
 	
 	// table
-	.el-table /deep/ .el-table__header-wrapper thead {
+	.el-table ::v-deep .el-table__header-wrapper thead {
 		color: #999;
 		background: #fff;
 		font-weight: 500;
 		width: 100%;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr {
+	.el-table ::v-deep .el-table__header-wrapper thead tr {
 		background: #cae2ff;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr th {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th {
 		padding: 8px 0;
 		background: none;
 		border-color: #f6f6f6;
@@ -499,7 +499,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__header-wrapper thead tr th .cell {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th .cell {
 		padding: 0 0 0 5px;
 		word-wrap: normal;
 		color: #0977fd;
@@ -517,18 +517,18 @@
 		min-width: 110px;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper {
+	.el-table ::v-deep .el-table__body-wrapper {
 		position: relative;
 	}
-	.el-table /deep/ .el-table__body-wrapper tbody {
+	.el-table ::v-deep .el-table__body-wrapper tbody {
 		width: 100%;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr {
 		background: #fff;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -540,7 +540,7 @@
 	}
 	
 		
-	.el-table /deep/ .el-table__body-wrapper tbody tr:hover td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr:hover td {
 		padding: 4px 0;
 		color: #333;
 		background: #f4f9ff;
@@ -550,7 +550,7 @@
 		text-align: left;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -561,7 +561,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .cell {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .cell {
 		padding: 0 0 0 5px;
 		overflow: hidden;
 		word-break: break-all;
@@ -571,7 +571,7 @@
 		text-overflow: ellipsis;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view {
 		border: 1px solid #0977fd60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -584,17 +584,17 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add:hover {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit {
 		border: 1px solid #21c79260;
 		cursor: pointer;
 		border-radius: 0px;
@@ -607,11 +607,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del {
 		border: 1px solid #cc000060;
 		cursor: pointer;
 		border-radius: 0px;
@@ -624,11 +624,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8 {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8 {
 		border: 1px solid #ed9a0d60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -641,12 +641,12 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8:hover {
 		opacity: 0.8;
 	}
 	
 	// pagination
-	.main-content .el-pagination /deep/ .el-pagination__total {
+	.main-content .el-pagination ::v-deep .el-pagination__total {
 		margin: 0 10px 0 0;
 		color: #666;
 		font-weight: 400;
@@ -657,7 +657,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev {
+	.main-content .el-pagination ::v-deep .btn-prev {
 		border: none;
 		border-radius: 100px;
 		padding: 0;
@@ -672,7 +672,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next {
+	.main-content .el-pagination ::v-deep .btn-next {
 		border: none;
 		border-radius: 100%;
 		padding: 0;
@@ -687,7 +687,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev:disabled {
+	.main-content .el-pagination ::v-deep .btn-prev:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -703,7 +703,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next:disabled {
+	.main-content .el-pagination ::v-deep .btn-next:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -719,14 +719,14 @@
 		height: 28px;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager {
+	.main-content .el-pagination ::v-deep .el-pager {
 		padding: 0;
 		margin: 0;
 		display: inline-block;
 		vertical-align: top;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager .number {
+	.main-content .el-pagination ::v-deep .el-pager .number {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -741,7 +741,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number:hover {
+	.main-content .el-pagination ::v-deep .el-pager .number:hover {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -756,7 +756,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number.active {
+	.main-content .el-pagination ::v-deep .el-pager .number.active {
 		cursor: default;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -771,7 +771,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes {
 		display: inline-block;
 		vertical-align: top;
 		font-size: 15px;
@@ -779,13 +779,13 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input {
 		margin: 0 5px;
 		width: 100px;
 		position: relative;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 25px 0 8px;
@@ -801,14 +801,14 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input span.el-input__suffix {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input span.el-input__suffix {
 		top: 0;
 		position: absolute;
 		right: 0;
 		height: 100%;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
 		cursor: pointer;
 		color: #C0C4CC;
 		width: 25px;
@@ -817,7 +817,7 @@
 		text-align: center;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump {
+	.main-content .el-pagination ::v-deep .el-pagination__jump {
 		margin: 0 0 0 24px;
 		color: #606266;
 		display: inline-block;
@@ -827,7 +827,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input {
 		border-radius: 3px;
 		padding: 0 2px;
 		margin: 0 2px;
@@ -840,7 +840,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 3px;
@@ -937,7 +937,7 @@
 		align-items: center;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--left {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--left {
 		cursor: pointer;
 		margin: 0 10px 0 0;
 		color: #333;
@@ -948,7 +948,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--right {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--right {
 		cursor: pointer;
 		margin: 0 0 0 10px;
 		color: #333;
@@ -959,7 +959,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core {
 		border: 1px solid #75c0d6;
 		cursor: pointer;
 		border-radius: 15px;
@@ -971,7 +971,7 @@
 		transition: border-color .3s,background-color .3s;
 		height: 20px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core::after {
 		border-radius: 100%;
 		top: 1px;
 		left: 1px;
@@ -981,19 +981,19 @@
 		transition: all .3s;
 		height: 16px;
 	}
-	.main-content .el-table .el-switch.is-checked /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch.is-checked ::v-deep .el-switch__core::after {
 		margin: 0 0 0 -18px;
 		left: 100%;
 	}
 	
-	.main-content .el-table .el-rate /deep/ .el-rate__item {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item {
 		cursor: pointer;
 		display: inline-block;
 		vertical-align: middle;
 		font-size: 0;
 		position: relative;
 	}
-	.main-content .el-table .el-rate /deep/ .el-rate__item .el-rate__icon {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item .el-rate__icon {
 		margin: 0 3px;
 		display: inline-block;
 		font-size: 18px;

src/views/modules/rainfalldata/add-or-update.vue

@@ -487,14 +487,14 @@
 	.el-date-editor.el-input {
 		width: auto;
 	}
-	.add-update-preview /deep/ .el-form-item {
+	.add-update-preview ::v-deep .el-form-item {
 		border: 0px solid #eee;
 		padding: 0;
 		margin: 0 0 22px 0;
 		display: inline-block;
 		width: 100%;
 	}
-	.add-update-preview .el-form-item /deep/ .el-form-item__label {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__label {
 		padding: 0 10px 0 0;
 		color: #6e6e6e;
 		font-weight: 500;
@@ -504,7 +504,7 @@
 		text-align: right;
 	}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__content {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__content {
 		margin-left: 180px;
 	}
 	.add-update-preview .el-form-item span.text {
@@ -521,7 +521,7 @@
 	.add-update-preview .el-input {
 		width: 100%;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner {
+	.add-update-preview .el-input ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -532,7 +532,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-input ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0px solid #ccc;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -547,7 +547,7 @@
 		text-align: left;
 		width: 100%;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .el-input__inner {
 		text-align: left;
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
@@ -559,7 +559,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .is-disabled .el-input__inner {
 		text-align: left;
 		border: 0px solid #ccc;
 		cursor: not-allowed;
@@ -571,16 +571,16 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__decrease {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__decrease {
 		display: none;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__increase {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__increase {
 		display: none;
 	}
 	.add-update-preview .el-select {
 		width: 100%;
 	}
-	.add-update-preview .el-select /deep/ .el-input__inner {
+	.add-update-preview .el-select ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -590,7 +590,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-select /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-select ::v-deep .is-disabled .el-input__inner {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 4px;
@@ -604,7 +604,7 @@
 	.add-update-preview .el-date-editor {
 		width: 100%;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -614,7 +614,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -693,7 +693,7 @@
 	.add-update-preview .unBtn:hover {
 		opacity: 0.8;
 	}
-	.add-update-preview /deep/ .el-upload--picture-card {
+	.add-update-preview ::v-deep .el-upload--picture-card {
 		background: transparent;
 		border: 0;
 		border-radius: 0;
@@ -703,7 +703,7 @@
 		vertical-align: middle;
 	}
 	
-	.add-update-preview /deep/ .upload .upload-img {
+	.add-update-preview ::v-deep .upload .upload-img {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -716,7 +716,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload-list .el-upload-list__item {
+	.add-update-preview ::v-deep .el-upload-list .el-upload-list__item {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -729,7 +729,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload .el-icon-plus {
+	.add-update-preview ::v-deep .el-upload .el-icon-plus {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -741,12 +741,12 @@
 		text-align: center;
 		height: 60px;
 	}
-	.add-update-preview /deep/ .el-upload__tip {
+	.add-update-preview ::v-deep .el-upload__tip {
 		color: #666;
 		font-size: 15px;
 	}
 	
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 12px;
@@ -757,7 +757,7 @@
 		min-height: 150px;
 		height: auto;
 	}
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner[readonly="readonly"] {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner[readonly="readonly"] {
 				border: 0;
 				cursor: not-allowed;
 				border-radius: 0px;

src/views/modules/rainfalldata/list.vue

@@ -1076,7 +1076,7 @@
 	.center-form-pv .el-input {
 		width: auto;
 	}
-	.center-form-pv .el-input /deep/ .el-input__inner {
+	.center-form-pv .el-input ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -1088,7 +1088,7 @@
 	.center-form-pv .el-select {
 		width: auto;
 	}
-	.center-form-pv .el-select /deep/ .el-input__inner {
+	.center-form-pv .el-select ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -1101,7 +1101,7 @@
 		width: auto;
 	}
 	
-	.center-form-pv .el-date-editor /deep/ .el-input__inner {
+	.center-form-pv .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -1197,18 +1197,18 @@
 	}
 	
 	// table
-	.el-table /deep/ .el-table__header-wrapper thead {
+	.el-table ::v-deep .el-table__header-wrapper thead {
 		color: #999;
 		background: #fff;
 		font-weight: 500;
 		width: 100%;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr {
+	.el-table ::v-deep .el-table__header-wrapper thead tr {
 		background: #cae2ff;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr th {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th {
 		padding: 8px 0;
 		background: none;
 		border-color: #f6f6f6;
@@ -1217,7 +1217,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__header-wrapper thead tr th .cell {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th .cell {
 		padding: 0 0 0 5px;
 		word-wrap: normal;
 		color: #0977fd;
@@ -1235,18 +1235,18 @@
 		min-width: 110px;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper {
+	.el-table ::v-deep .el-table__body-wrapper {
 		position: relative;
 	}
-	.el-table /deep/ .el-table__body-wrapper tbody {
+	.el-table ::v-deep .el-table__body-wrapper tbody {
 		width: 100%;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr {
 		background: #fff;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -1258,7 +1258,7 @@
 	}
 	
 		
-	.el-table /deep/ .el-table__body-wrapper tbody tr:hover td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr:hover td {
 		padding: 4px 0;
 		color: #333;
 		background: #f4f9ff;
@@ -1268,7 +1268,7 @@
 		text-align: left;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -1279,7 +1279,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .cell {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .cell {
 		padding: 0 0 0 5px;
 		overflow: hidden;
 		word-break: break-all;
@@ -1289,7 +1289,7 @@
 		text-overflow: ellipsis;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view {
 		border: 1px solid #0977fd60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -1302,17 +1302,17 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add:hover {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit {
 		border: 1px solid #21c79260;
 		cursor: pointer;
 		border-radius: 0px;
@@ -1325,11 +1325,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del {
 		border: 1px solid #cc000060;
 		cursor: pointer;
 		border-radius: 0px;
@@ -1342,11 +1342,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8 {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8 {
 		border: 1px solid #ed9a0d60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -1359,12 +1359,12 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8:hover {
 		opacity: 0.8;
 	}
 	
 	// pagination
-	.main-content .el-pagination /deep/ .el-pagination__total {
+	.main-content .el-pagination ::v-deep .el-pagination__total {
 		margin: 0 10px 0 0;
 		color: #666;
 		font-weight: 400;
@@ -1375,7 +1375,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev {
+	.main-content .el-pagination ::v-deep .btn-prev {
 		border: none;
 		border-radius: 100px;
 		padding: 0;
@@ -1390,7 +1390,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next {
+	.main-content .el-pagination ::v-deep .btn-next {
 		border: none;
 		border-radius: 100%;
 		padding: 0;
@@ -1405,7 +1405,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev:disabled {
+	.main-content .el-pagination ::v-deep .btn-prev:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -1421,7 +1421,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next:disabled {
+	.main-content .el-pagination ::v-deep .btn-next:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -1437,14 +1437,14 @@
 		height: 28px;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager {
+	.main-content .el-pagination ::v-deep .el-pager {
 		padding: 0;
 		margin: 0;
 		display: inline-block;
 		vertical-align: top;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager .number {
+	.main-content .el-pagination ::v-deep .el-pager .number {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -1459,7 +1459,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number:hover {
+	.main-content .el-pagination ::v-deep .el-pager .number:hover {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -1474,7 +1474,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number.active {
+	.main-content .el-pagination ::v-deep .el-pager .number.active {
 		cursor: default;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -1489,7 +1489,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes {
 		display: inline-block;
 		vertical-align: top;
 		font-size: 15px;
@@ -1497,13 +1497,13 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input {
 		margin: 0 5px;
 		width: 100px;
 		position: relative;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 25px 0 8px;
@@ -1519,14 +1519,14 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input span.el-input__suffix {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input span.el-input__suffix {
 		top: 0;
 		position: absolute;
 		right: 0;
 		height: 100%;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
 		cursor: pointer;
 		color: #C0C4CC;
 		width: 25px;
@@ -1535,7 +1535,7 @@
 		text-align: center;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump {
+	.main-content .el-pagination ::v-deep .el-pagination__jump {
 		margin: 0 0 0 24px;
 		color: #606266;
 		display: inline-block;
@@ -1545,7 +1545,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input {
 		border-radius: 3px;
 		padding: 0 2px;
 		margin: 0 2px;
@@ -1558,7 +1558,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 3px;
@@ -1655,7 +1655,7 @@
 		align-items: center;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--left {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--left {
 		cursor: pointer;
 		margin: 0 10px 0 0;
 		color: #333;
@@ -1666,7 +1666,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--right {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--right {
 		cursor: pointer;
 		margin: 0 0 0 10px;
 		color: #333;
@@ -1677,7 +1677,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core {
 		border: 1px solid #75c0d6;
 		cursor: pointer;
 		border-radius: 15px;
@@ -1689,7 +1689,7 @@
 		transition: border-color .3s,background-color .3s;
 		height: 20px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core::after {
 		border-radius: 100%;
 		top: 1px;
 		left: 1px;
@@ -1699,19 +1699,19 @@
 		transition: all .3s;
 		height: 16px;
 	}
-	.main-content .el-table .el-switch.is-checked /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch.is-checked ::v-deep .el-switch__core::after {
 		margin: 0 0 0 -18px;
 		left: 100%;
 	}
 	
-	.main-content .el-table .el-rate /deep/ .el-rate__item {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item {
 		cursor: pointer;
 		display: inline-block;
 		vertical-align: middle;
 		font-size: 0;
 		position: relative;
 	}
-	.main-content .el-table .el-rate /deep/ .el-rate__item .el-rate__icon {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item .el-rate__icon {
 		margin: 0 3px;
 		display: inline-block;
 		font-size: 18px;

src/views/modules/rainfalldataforecast/add-or-update.vue

@@ -321,14 +321,14 @@
 	.el-date-editor.el-input {
 		width: auto;
 	}
-	.add-update-preview /deep/ .el-form-item {
+	.add-update-preview ::v-deep .el-form-item {
 		border: 0px solid #eee;
 		padding: 0;
 		margin: 0 0 22px 0;
 		display: inline-block;
 		width: 100%;
 	}
-	.add-update-preview .el-form-item /deep/ .el-form-item__label {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__label {
 		padding: 0 10px 0 0;
 		color: #6e6e6e;
 		font-weight: 500;
@@ -338,7 +338,7 @@
 		text-align: right;
 	}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__content {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__content {
 		margin-left: 180px;
 	}
 	.add-update-preview .el-form-item span.text {
@@ -355,7 +355,7 @@
 	.add-update-preview .el-input {
 		width: 100%;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner {
+	.add-update-preview .el-input ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -366,7 +366,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-input ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0px solid #ccc;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -381,7 +381,7 @@
 		text-align: left;
 		width: 100%;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .el-input__inner {
 		text-align: left;
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
@@ -393,7 +393,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .is-disabled .el-input__inner {
 		text-align: left;
 		border: 0px solid #ccc;
 		cursor: not-allowed;
@@ -405,16 +405,16 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__decrease {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__decrease {
 		display: none;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__increase {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__increase {
 		display: none;
 	}
 	.add-update-preview .el-select {
 		width: 100%;
 	}
-	.add-update-preview .el-select /deep/ .el-input__inner {
+	.add-update-preview .el-select ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -424,7 +424,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-select /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-select ::v-deep .is-disabled .el-input__inner {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 4px;
@@ -438,7 +438,7 @@
 	.add-update-preview .el-date-editor {
 		width: 100%;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -448,7 +448,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -527,7 +527,7 @@
 	.add-update-preview .unBtn:hover {
 		opacity: 0.8;
 	}
-	.add-update-preview /deep/ .el-upload--picture-card {
+	.add-update-preview ::v-deep .el-upload--picture-card {
 		background: transparent;
 		border: 0;
 		border-radius: 0;
@@ -537,7 +537,7 @@
 		vertical-align: middle;
 	}
 	
-	.add-update-preview /deep/ .upload .upload-img {
+	.add-update-preview ::v-deep .upload .upload-img {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -550,7 +550,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload-list .el-upload-list__item {
+	.add-update-preview ::v-deep .el-upload-list .el-upload-list__item {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -563,7 +563,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload .el-icon-plus {
+	.add-update-preview ::v-deep .el-upload .el-icon-plus {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -575,12 +575,12 @@
 		text-align: center;
 		height: 60px;
 	}
-	.add-update-preview /deep/ .el-upload__tip {
+	.add-update-preview ::v-deep .el-upload__tip {
 		color: #666;
 		font-size: 15px;
 	}
 	
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 12px;
@@ -591,7 +591,7 @@
 		min-height: 150px;
 		height: auto;
 	}
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner[readonly="readonly"] {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner[readonly="readonly"] {
 				border: 0;
 				cursor: not-allowed;
 				border-radius: 0px;

src/views/modules/rainfalldataforecast/list.vue

@@ -436,7 +436,7 @@
 	.center-form-pv .el-input {
 		width: auto;
 	}
-	.center-form-pv .el-input /deep/ .el-input__inner {
+	.center-form-pv .el-input ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -448,7 +448,7 @@
 	.center-form-pv .el-select {
 		width: auto;
 	}
-	.center-form-pv .el-select /deep/ .el-input__inner {
+	.center-form-pv .el-select ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -461,7 +461,7 @@
 		width: auto;
 	}
 	
-	.center-form-pv .el-date-editor /deep/ .el-input__inner {
+	.center-form-pv .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -557,18 +557,18 @@
 	}
 	
 	// table
-	.el-table /deep/ .el-table__header-wrapper thead {
+	.el-table ::v-deep .el-table__header-wrapper thead {
 		color: #999;
 		background: #fff;
 		font-weight: 500;
 		width: 100%;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr {
+	.el-table ::v-deep .el-table__header-wrapper thead tr {
 		background: #cae2ff;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr th {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th {
 		padding: 8px 0;
 		background: none;
 		border-color: #f6f6f6;
@@ -577,7 +577,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__header-wrapper thead tr th .cell {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th .cell {
 		padding: 0 0 0 5px;
 		word-wrap: normal;
 		color: #0977fd;
@@ -595,18 +595,18 @@
 		min-width: 110px;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper {
+	.el-table ::v-deep .el-table__body-wrapper {
 		position: relative;
 	}
-	.el-table /deep/ .el-table__body-wrapper tbody {
+	.el-table ::v-deep .el-table__body-wrapper tbody {
 		width: 100%;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr {
 		background: #fff;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -618,7 +618,7 @@
 	}
 	
 		
-	.el-table /deep/ .el-table__body-wrapper tbody tr:hover td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr:hover td {
 		padding: 4px 0;
 		color: #333;
 		background: #f4f9ff;
@@ -628,7 +628,7 @@
 		text-align: left;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -639,7 +639,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .cell {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .cell {
 		padding: 0 0 0 5px;
 		overflow: hidden;
 		word-break: break-all;
@@ -649,7 +649,7 @@
 		text-overflow: ellipsis;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view {
 		border: 1px solid #0977fd60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -662,17 +662,17 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add:hover {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit {
 		border: 1px solid #21c79260;
 		cursor: pointer;
 		border-radius: 0px;
@@ -685,11 +685,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del {
 		border: 1px solid #cc000060;
 		cursor: pointer;
 		border-radius: 0px;
@@ -702,11 +702,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8 {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8 {
 		border: 1px solid #ed9a0d60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -719,12 +719,12 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8:hover {
 		opacity: 0.8;
 	}
 	
 	// pagination
-	.main-content .el-pagination /deep/ .el-pagination__total {
+	.main-content .el-pagination ::v-deep .el-pagination__total {
 		margin: 0 10px 0 0;
 		color: #666;
 		font-weight: 400;
@@ -735,7 +735,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev {
+	.main-content .el-pagination ::v-deep .btn-prev {
 		border: none;
 		border-radius: 100px;
 		padding: 0;
@@ -750,7 +750,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next {
+	.main-content .el-pagination ::v-deep .btn-next {
 		border: none;
 		border-radius: 100%;
 		padding: 0;
@@ -765,7 +765,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev:disabled {
+	.main-content .el-pagination ::v-deep .btn-prev:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -781,7 +781,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next:disabled {
+	.main-content .el-pagination ::v-deep .btn-next:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -797,14 +797,14 @@
 		height: 28px;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager {
+	.main-content .el-pagination ::v-deep .el-pager {
 		padding: 0;
 		margin: 0;
 		display: inline-block;
 		vertical-align: top;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager .number {
+	.main-content .el-pagination ::v-deep .el-pager .number {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -819,7 +819,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number:hover {
+	.main-content .el-pagination ::v-deep .el-pager .number:hover {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -834,7 +834,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number.active {
+	.main-content .el-pagination ::v-deep .el-pager .number.active {
 		cursor: default;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -849,7 +849,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes {
 		display: inline-block;
 		vertical-align: top;
 		font-size: 15px;
@@ -857,13 +857,13 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input {
 		margin: 0 5px;
 		width: 100px;
 		position: relative;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 25px 0 8px;
@@ -879,14 +879,14 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input span.el-input__suffix {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input span.el-input__suffix {
 		top: 0;
 		position: absolute;
 		right: 0;
 		height: 100%;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
 		cursor: pointer;
 		color: #C0C4CC;
 		width: 25px;
@@ -895,7 +895,7 @@
 		text-align: center;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump {
+	.main-content .el-pagination ::v-deep .el-pagination__jump {
 		margin: 0 0 0 24px;
 		color: #606266;
 		display: inline-block;
@@ -905,7 +905,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input {
 		border-radius: 3px;
 		padding: 0 2px;
 		margin: 0 2px;
@@ -918,7 +918,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 3px;
@@ -1015,7 +1015,7 @@
 		align-items: center;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--left {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--left {
 		cursor: pointer;
 		margin: 0 10px 0 0;
 		color: #333;
@@ -1026,7 +1026,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--right {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--right {
 		cursor: pointer;
 		margin: 0 0 0 10px;
 		color: #333;
@@ -1037,7 +1037,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core {
 		border: 1px solid #75c0d6;
 		cursor: pointer;
 		border-radius: 15px;
@@ -1049,7 +1049,7 @@
 		transition: border-color .3s,background-color .3s;
 		height: 20px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core::after {
 		border-radius: 100%;
 		top: 1px;
 		left: 1px;
@@ -1059,19 +1059,19 @@
 		transition: all .3s;
 		height: 16px;
 	}
-	.main-content .el-table .el-switch.is-checked /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch.is-checked ::v-deep .el-switch__core::after {
 		margin: 0 0 0 -18px;
 		left: 100%;
 	}
 	
-	.main-content .el-table .el-rate /deep/ .el-rate__item {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item {
 		cursor: pointer;
 		display: inline-block;
 		vertical-align: middle;
 		font-size: 0;
 		position: relative;
 	}
-	.main-content .el-table .el-rate /deep/ .el-rate__item .el-rate__icon {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item .el-rate__icon {
 		margin: 0 3px;
 		display: inline-block;
 		font-size: 18px;

src/views/modules/syslog/add-or-update.vue

@@ -291,14 +291,14 @@
 	.el-date-editor.el-input {
 		width: auto;
 	}
-	.add-update-preview /deep/ .el-form-item {
+	.add-update-preview ::v-deep .el-form-item {
 		border: 0px solid #eee;
 		padding: 0;
 		margin: 0 0 22px 0;
 		display: inline-block;
 		width: 100%;
 	}
-	.add-update-preview .el-form-item /deep/ .el-form-item__label {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__label {
 		padding: 0 10px 0 0;
 		color: #6e6e6e;
 		font-weight: 500;
@@ -308,7 +308,7 @@
 		text-align: right;
 	}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__content {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__content {
 		margin-left: 180px;
 	}
 	.add-update-preview .el-form-item span.text {
@@ -325,7 +325,7 @@
 	.add-update-preview .el-input {
 		width: 100%;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner {
+	.add-update-preview .el-input ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -336,7 +336,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-input ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0px solid #ccc;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -351,7 +351,7 @@
 		text-align: left;
 		width: 100%;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .el-input__inner {
 		text-align: left;
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
@@ -363,7 +363,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .is-disabled .el-input__inner {
 		text-align: left;
 		border: 0px solid #ccc;
 		cursor: not-allowed;
@@ -375,16 +375,16 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__decrease {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__decrease {
 		display: none;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__increase {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__increase {
 		display: none;
 	}
 	.add-update-preview .el-select {
 		width: 100%;
 	}
-	.add-update-preview .el-select /deep/ .el-input__inner {
+	.add-update-preview .el-select ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -394,7 +394,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-select /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-select ::v-deep .is-disabled .el-input__inner {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 4px;
@@ -408,7 +408,7 @@
 	.add-update-preview .el-date-editor {
 		width: 100%;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -418,7 +418,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -497,7 +497,7 @@
 	.add-update-preview .unBtn:hover {
 		opacity: 0.8;
 	}
-	.add-update-preview /deep/ .el-upload--picture-card {
+	.add-update-preview ::v-deep .el-upload--picture-card {
 		background: transparent;
 		border: 0;
 		border-radius: 0;
@@ -507,7 +507,7 @@
 		vertical-align: middle;
 	}
 	
-	.add-update-preview /deep/ .upload .upload-img {
+	.add-update-preview ::v-deep .upload .upload-img {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -520,7 +520,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload-list .el-upload-list__item {
+	.add-update-preview ::v-deep .el-upload-list .el-upload-list__item {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -533,7 +533,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload .el-icon-plus {
+	.add-update-preview ::v-deep .el-upload .el-icon-plus {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -545,12 +545,12 @@
 		text-align: center;
 		height: 60px;
 	}
-	.add-update-preview /deep/ .el-upload__tip {
+	.add-update-preview ::v-deep .el-upload__tip {
 		color: #666;
 		font-size: 15px;
 	}
 	
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 12px;
@@ -561,7 +561,7 @@
 		min-height: 150px;
 		height: auto;
 	}
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner[readonly="readonly"] {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner[readonly="readonly"] {
 				border: 0;
 				cursor: not-allowed;
 				border-radius: 0px;

src/views/modules/syslog/list.vue

@@ -303,7 +303,7 @@
 	.center-form-pv .el-input {
 		width: auto;
 	}
-	.center-form-pv .el-input /deep/ .el-input__inner {
+	.center-form-pv .el-input ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -315,7 +315,7 @@
 	.center-form-pv .el-select {
 		width: auto;
 	}
-	.center-form-pv .el-select /deep/ .el-input__inner {
+	.center-form-pv .el-select ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -328,7 +328,7 @@
 		width: auto;
 	}
 	
-	.center-form-pv .el-date-editor /deep/ .el-input__inner {
+	.center-form-pv .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -424,18 +424,18 @@
 	}
 	
 	// table
-	.el-table /deep/ .el-table__header-wrapper thead {
+	.el-table ::v-deep .el-table__header-wrapper thead {
 		color: #999;
 		background: #fff;
 		font-weight: 500;
 		width: 100%;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr {
+	.el-table ::v-deep .el-table__header-wrapper thead tr {
 		background: #cae2ff;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr th {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th {
 		padding: 8px 0;
 		background: none;
 		border-color: #f6f6f6;
@@ -444,7 +444,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__header-wrapper thead tr th .cell {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th .cell {
 		padding: 0 0 0 5px;
 		word-wrap: normal;
 		color: #0977fd;
@@ -462,18 +462,18 @@
 		min-width: 110px;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper {
+	.el-table ::v-deep .el-table__body-wrapper {
 		position: relative;
 	}
-	.el-table /deep/ .el-table__body-wrapper tbody {
+	.el-table ::v-deep .el-table__body-wrapper tbody {
 		width: 100%;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr {
 		background: #fff;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -485,7 +485,7 @@
 	}
 	
 		
-	.el-table /deep/ .el-table__body-wrapper tbody tr:hover td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr:hover td {
 		padding: 4px 0;
 		color: #333;
 		background: #f4f9ff;
@@ -495,7 +495,7 @@
 		text-align: left;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -506,7 +506,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .cell {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .cell {
 		padding: 0 0 0 5px;
 		overflow: hidden;
 		word-break: break-all;
@@ -516,7 +516,7 @@
 		text-overflow: ellipsis;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view {
 		border: 1px solid #0977fd60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -529,17 +529,17 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add:hover {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit {
 		border: 1px solid #21c79260;
 		cursor: pointer;
 		border-radius: 0px;
@@ -552,11 +552,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del {
 		border: 1px solid #cc000060;
 		cursor: pointer;
 		border-radius: 0px;
@@ -569,11 +569,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8 {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8 {
 		border: 1px solid #ed9a0d60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -586,12 +586,12 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8:hover {
 		opacity: 0.8;
 	}
 	
 	// pagination
-	.main-content .el-pagination /deep/ .el-pagination__total {
+	.main-content .el-pagination ::v-deep .el-pagination__total {
 		margin: 0 10px 0 0;
 		color: #666;
 		font-weight: 400;
@@ -602,7 +602,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev {
+	.main-content .el-pagination ::v-deep .btn-prev {
 		border: none;
 		border-radius: 100px;
 		padding: 0;
@@ -617,7 +617,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next {
+	.main-content .el-pagination ::v-deep .btn-next {
 		border: none;
 		border-radius: 100%;
 		padding: 0;
@@ -632,7 +632,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev:disabled {
+	.main-content .el-pagination ::v-deep .btn-prev:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -648,7 +648,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next:disabled {
+	.main-content .el-pagination ::v-deep .btn-next:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -664,14 +664,14 @@
 		height: 28px;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager {
+	.main-content .el-pagination ::v-deep .el-pager {
 		padding: 0;
 		margin: 0;
 		display: inline-block;
 		vertical-align: top;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager .number {
+	.main-content .el-pagination ::v-deep .el-pager .number {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -686,7 +686,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number:hover {
+	.main-content .el-pagination ::v-deep .el-pager .number:hover {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -701,7 +701,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number.active {
+	.main-content .el-pagination ::v-deep .el-pager .number.active {
 		cursor: default;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -716,7 +716,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes {
 		display: inline-block;
 		vertical-align: top;
 		font-size: 15px;
@@ -724,13 +724,13 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input {
 		margin: 0 5px;
 		width: 100px;
 		position: relative;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 25px 0 8px;
@@ -746,14 +746,14 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input span.el-input__suffix {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input span.el-input__suffix {
 		top: 0;
 		position: absolute;
 		right: 0;
 		height: 100%;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
 		cursor: pointer;
 		color: #C0C4CC;
 		width: 25px;
@@ -762,7 +762,7 @@
 		text-align: center;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump {
+	.main-content .el-pagination ::v-deep .el-pagination__jump {
 		margin: 0 0 0 24px;
 		color: #606266;
 		display: inline-block;
@@ -772,7 +772,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input {
 		border-radius: 3px;
 		padding: 0 2px;
 		margin: 0 2px;
@@ -785,7 +785,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 3px;
@@ -882,7 +882,7 @@
 		align-items: center;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--left {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--left {
 		cursor: pointer;
 		margin: 0 10px 0 0;
 		color: #333;
@@ -893,7 +893,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--right {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--right {
 		cursor: pointer;
 		margin: 0 0 0 10px;
 		color: #333;
@@ -904,7 +904,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core {
 		border: 1px solid #75c0d6;
 		cursor: pointer;
 		border-radius: 15px;
@@ -916,7 +916,7 @@
 		transition: border-color .3s,background-color .3s;
 		height: 20px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core::after {
 		border-radius: 100%;
 		top: 1px;
 		left: 1px;
@@ -926,19 +926,19 @@
 		transition: all .3s;
 		height: 16px;
 	}
-	.main-content .el-table .el-switch.is-checked /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch.is-checked ::v-deep .el-switch__core::after {
 		margin: 0 0 0 -18px;
 		left: 100%;
 	}
 	
-	.main-content .el-table .el-rate /deep/ .el-rate__item {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item {
 		cursor: pointer;
 		display: inline-block;
 		vertical-align: middle;
 		font-size: 0;
 		position: relative;
 	}
-	.main-content .el-table .el-rate /deep/ .el-rate__item .el-rate__icon {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item .el-rate__icon {
 		margin: 0 3px;
 		display: inline-block;
 		font-size: 18px;

src/views/modules/users/add-or-update.vue

@@ -233,14 +233,14 @@
 	.el-date-editor.el-input {
 		width: auto;
 	}
-	.add-update-preview /deep/ .el-form-item {
+	.add-update-preview ::v-deep .el-form-item {
 		border: 0px solid #eee;
 		padding: 0;
 		margin: 0 0 22px 0;
 		display: inline-block;
 		width: 100%;
 	}
-	.add-update-preview .el-form-item /deep/ .el-form-item__label {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__label {
 		padding: 0 10px 0 0;
 		color: #6e6e6e;
 		font-weight: 500;
@@ -250,7 +250,7 @@
 		text-align: right;
 	}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__content {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__content {
 		margin-left: 180px;
 	}
 	.add-update-preview .el-form-item span.text {
@@ -267,7 +267,7 @@
 	.add-update-preview .el-input {
 		width: 100%;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner {
+	.add-update-preview .el-input ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -278,7 +278,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-input ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0px solid #ccc;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -293,7 +293,7 @@
 		text-align: left;
 		width: 100%;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .el-input__inner {
 		text-align: left;
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
@@ -305,7 +305,7 @@
 		min-width: 50%;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-input-number ::v-deep .is-disabled .el-input__inner {
 		text-align: left;
 		border: 0px solid #ccc;
 		cursor: not-allowed;
@@ -317,16 +317,16 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__decrease {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__decrease {
 		display: none;
 	}
-	.add-update-preview .el-input-number /deep/ .el-input-number__increase {
+	.add-update-preview .el-input-number ::v-deep .el-input-number__increase {
 		display: none;
 	}
 	.add-update-preview .el-select {
 		width: 100%;
 	}
-	.add-update-preview .el-select /deep/ .el-input__inner {
+	.add-update-preview .el-select ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -336,7 +336,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-select /deep/ .is-disabled .el-input__inner {
+	.add-update-preview .el-select ::v-deep .is-disabled .el-input__inner {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 4px;
@@ -350,7 +350,7 @@
 	.add-update-preview .el-date-editor {
 		width: 100%;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -360,7 +360,7 @@
 		font-size: 15px;
 		height: 40px;
 	}
-	.add-update-preview .el-date-editor /deep/ .el-input__inner[readonly="readonly"] {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner[readonly="readonly"] {
 		border: 0;
 		cursor: not-allowed;
 		border-radius: 0px;
@@ -439,7 +439,7 @@
 	.add-update-preview .unBtn:hover {
 		opacity: 0.8;
 	}
-	.add-update-preview /deep/ .el-upload--picture-card {
+	.add-update-preview ::v-deep .el-upload--picture-card {
 		background: transparent;
 		border: 0;
 		border-radius: 0;
@@ -449,7 +449,7 @@
 		vertical-align: middle;
 	}
 	
-	.add-update-preview /deep/ .upload .upload-img {
+	.add-update-preview ::v-deep .upload .upload-img {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -462,7 +462,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload-list .el-upload-list__item {
+	.add-update-preview ::v-deep .el-upload-list .el-upload-list__item {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -475,7 +475,7 @@
 		height: 60px;
 	}
 	
-	.add-update-preview /deep/ .el-upload .el-icon-plus {
+	.add-update-preview ::v-deep .el-upload .el-icon-plus {
 		border: 1px solid #E8E8E8;
 		cursor: pointer;
 		border-radius: 0px;
@@ -487,12 +487,12 @@
 		text-align: center;
 		height: 60px;
 	}
-	.add-update-preview /deep/ .el-upload__tip {
+	.add-update-preview ::v-deep .el-upload__tip {
 		color: #666;
 		font-size: 15px;
 	}
 	
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner {
 		border: 1px solid #E8E8E8;
 		border-radius: 0px;
 		padding: 12px;
@@ -503,7 +503,7 @@
 		min-height: 150px;
 		height: auto;
 	}
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner[readonly="readonly"] {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner[readonly="readonly"] {
 				border: 0;
 				cursor: not-allowed;
 				border-radius: 0px;

src/views/modules/users/list.vue

@@ -288,7 +288,7 @@
 	.center-form-pv .el-input {
 		width: auto;
 	}
-	.center-form-pv .el-input /deep/ .el-input__inner {
+	.center-form-pv .el-input ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 12px;
@@ -300,7 +300,7 @@
 	.center-form-pv .el-select {
 		width: auto;
 	}
-	.center-form-pv .el-select /deep/ .el-input__inner {
+	.center-form-pv .el-select ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px;
@@ -313,7 +313,7 @@
 		width: auto;
 	}
 	
-	.center-form-pv .el-date-editor /deep/ .el-input__inner {
+	.center-form-pv .el-date-editor ::v-deep .el-input__inner {
 		border: 1px solid #ddd;
 		border-radius: 0px;
 		padding: 0 10px 0 30px;
@@ -409,18 +409,18 @@
 	}
 	
 	// table
-	.el-table /deep/ .el-table__header-wrapper thead {
+	.el-table ::v-deep .el-table__header-wrapper thead {
 		color: #999;
 		background: #fff;
 		font-weight: 500;
 		width: 100%;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr {
+	.el-table ::v-deep .el-table__header-wrapper thead tr {
 		background: #cae2ff;
 	}
 	
-	.el-table /deep/ .el-table__header-wrapper thead tr th {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th {
 		padding: 8px 0;
 		background: none;
 		border-color: #f6f6f6;
@@ -429,7 +429,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__header-wrapper thead tr th .cell {
+	.el-table ::v-deep .el-table__header-wrapper thead tr th .cell {
 		padding: 0 0 0 5px;
 		word-wrap: normal;
 		color: #0977fd;
@@ -447,18 +447,18 @@
 		min-width: 110px;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper {
+	.el-table ::v-deep .el-table__body-wrapper {
 		position: relative;
 	}
-	.el-table /deep/ .el-table__body-wrapper tbody {
+	.el-table ::v-deep .el-table__body-wrapper tbody {
 		width: 100%;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr {
 		background: #fff;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -470,7 +470,7 @@
 	}
 	
 		
-	.el-table /deep/ .el-table__body-wrapper tbody tr:hover td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr:hover td {
 		padding: 4px 0;
 		color: #333;
 		background: #f4f9ff;
@@ -480,7 +480,7 @@
 		text-align: left;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td {
 		padding: 4px 0;
 		color: #333;
 		background: #fff;
@@ -491,7 +491,7 @@
 		text-align: left;
 	}
 
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .cell {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .cell {
 		padding: 0 0 0 5px;
 		overflow: hidden;
 		word-break: break-all;
@@ -501,7 +501,7 @@
 		text-overflow: ellipsis;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view {
 		border: 1px solid #0977fd60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -514,17 +514,17 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .view:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .view:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .add:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .add:hover {
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit {
 		border: 1px solid #21c79260;
 		cursor: pointer;
 		border-radius: 0px;
@@ -537,11 +537,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .edit:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .edit:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del {
 		border: 1px solid #cc000060;
 		cursor: pointer;
 		border-radius: 0px;
@@ -554,11 +554,11 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .del:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .del:hover {
 		opacity: 0.8;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8 {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8 {
 		border: 1px solid #ed9a0d60;
 		cursor: pointer;
 		border-radius: 0px;
@@ -571,12 +571,12 @@
 		height: 32px;
 	}
 	
-	.el-table /deep/ .el-table__body-wrapper tbody tr td .btn8:hover {
+	.el-table ::v-deep .el-table__body-wrapper tbody tr td .btn8:hover {
 		opacity: 0.8;
 	}
 	
 	// pagination
-	.main-content .el-pagination /deep/ .el-pagination__total {
+	.main-content .el-pagination ::v-deep .el-pagination__total {
 		margin: 0 10px 0 0;
 		color: #666;
 		font-weight: 400;
@@ -587,7 +587,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev {
+	.main-content .el-pagination ::v-deep .btn-prev {
 		border: none;
 		border-radius: 100px;
 		padding: 0;
@@ -602,7 +602,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next {
+	.main-content .el-pagination ::v-deep .btn-next {
 		border: none;
 		border-radius: 100%;
 		padding: 0;
@@ -617,7 +617,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-prev:disabled {
+	.main-content .el-pagination ::v-deep .btn-prev:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -633,7 +633,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .btn-next:disabled {
+	.main-content .el-pagination ::v-deep .btn-next:disabled {
 		border: none;
 		cursor: not-allowed;
 		padding: 0;
@@ -649,14 +649,14 @@
 		height: 28px;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager {
+	.main-content .el-pagination ::v-deep .el-pager {
 		padding: 0;
 		margin: 0;
 		display: inline-block;
 		vertical-align: top;
 	}
 
-	.main-content .el-pagination /deep/ .el-pager .number {
+	.main-content .el-pagination ::v-deep .el-pager .number {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -671,7 +671,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number:hover {
+	.main-content .el-pagination ::v-deep .el-pager .number:hover {
 		cursor: pointer;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -686,7 +686,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pager .number.active {
+	.main-content .el-pagination ::v-deep .el-pager .number.active {
 		cursor: default;
 		border-radius: 100%;
 		padding: 0 10px;
@@ -701,7 +701,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes {
 		display: inline-block;
 		vertical-align: top;
 		font-size: 15px;
@@ -709,13 +709,13 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input {
 		margin: 0 5px;
 		width: 100px;
 		position: relative;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 25px 0 8px;
@@ -731,14 +731,14 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input span.el-input__suffix {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input span.el-input__suffix {
 		top: 0;
 		position: absolute;
 		right: 0;
 		height: 100%;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
+	.main-content .el-pagination ::v-deep .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {
 		cursor: pointer;
 		color: #C0C4CC;
 		width: 25px;
@@ -747,7 +747,7 @@
 		text-align: center;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump {
+	.main-content .el-pagination ::v-deep .el-pagination__jump {
 		margin: 0 0 0 24px;
 		color: #606266;
 		display: inline-block;
@@ -757,7 +757,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input {
 		border-radius: 3px;
 		padding: 0 2px;
 		margin: 0 2px;
@@ -770,7 +770,7 @@
 		height: 28px;
 	}
 	
-	.main-content .el-pagination /deep/ .el-pagination__jump .el-input .el-input__inner {
+	.main-content .el-pagination ::v-deep .el-pagination__jump .el-input .el-input__inner {
 		border: 1px solid #DCDFE6;
 		cursor: pointer;
 		padding: 0 3px;
@@ -867,7 +867,7 @@
 		align-items: center;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--left {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--left {
 		cursor: pointer;
 		margin: 0 10px 0 0;
 		color: #333;
@@ -878,7 +878,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__label--right {
+	.main-content .el-table .el-switch ::v-deep .el-switch__label--right {
 		cursor: pointer;
 		margin: 0 0 0 10px;
 		color: #333;
@@ -889,7 +889,7 @@
 		transition: .2s;
 		height: 30px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core {
 		border: 1px solid #75c0d6;
 		cursor: pointer;
 		border-radius: 15px;
@@ -901,7 +901,7 @@
 		transition: border-color .3s,background-color .3s;
 		height: 20px;
 	}
-	.main-content .el-table .el-switch /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch ::v-deep .el-switch__core::after {
 		border-radius: 100%;
 		top: 1px;
 		left: 1px;
@@ -911,19 +911,19 @@
 		transition: all .3s;
 		height: 16px;
 	}
-	.main-content .el-table .el-switch.is-checked /deep/ .el-switch__core::after {
+	.main-content .el-table .el-switch.is-checked ::v-deep .el-switch__core::after {
 		margin: 0 0 0 -18px;
 		left: 100%;
 	}
 	
-	.main-content .el-table .el-rate /deep/ .el-rate__item {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item {
 		cursor: pointer;
 		display: inline-block;
 		vertical-align: middle;
 		font-size: 0;
 		position: relative;
 	}
-	.main-content .el-table .el-rate /deep/ .el-rate__item .el-rate__icon {
+	.main-content .el-table .el-rate ::v-deep .el-rate__item .el-rate__icon {
 		margin: 0 3px;
 		display: inline-block;
 		font-size: 18px;

src/views/register.vue

@@ -226,7 +226,7 @@ export default {
 			width: 100%;
 			position: relative;
 			height: auto;
-			/deep/ .el-form-item__content {
+			::v-deep .el-form-item__content {
 				display: block;
 			}
 			.lable {
@@ -244,7 +244,7 @@ export default {
 			.el-input {
 				width: 100%;
 			}
-			.el-input /deep/ .el-input__inner {
+			.el-input ::v-deep .el-input__inner {
 				border: 1px solid #0674fc;
 				border-radius: 0px;
 				padding: 0 10px;
@@ -254,7 +254,7 @@ export default {
 				font-size: 15px;
 				height: 40px;
 			}
-			.el-input /deep/ .el-input__inner:focus {
+			.el-input ::v-deep .el-input__inner:focus {
 				border: 1px solid #0674fc;
 				border-radius: 0px;
 				padding: 0 10px;
@@ -268,7 +268,7 @@ export default {
 			.el-input-number {
 				width: 100%;
 			}
-			.el-input-number /deep/ .el-input__inner {
+			.el-input-number ::v-deep .el-input__inner {
 				text-align: center;
 				border: 1px solid #0674fc;
 				border-radius: 0px;
@@ -279,7 +279,7 @@ export default {
 				font-size: 15px;
 				height: 40px;
 			}
-			.el-input-number /deep/ .el-input__inner:focus {
+			.el-input-number ::v-deep .el-input__inner:focus {
 				border: 1px solid #0674fc;
 				border-radius: 0px;
 				padding: 0 10px;
@@ -290,16 +290,16 @@ export default {
 				font-size: 15px;
 				height: 40px;
 			}
-			.el-input-number /deep/ .el-input-number__decrease {
+			.el-input-number ::v-deep .el-input-number__decrease {
 				display: none;
 			}
-			.el-input-number /deep/ .el-input-number__increase {
+			.el-input-number ::v-deep .el-input-number__increase {
 				display: none;
 			}
 			.el-select {
 				width: 100%;
 			}
-			.el-select /deep/ .el-input__inner {
+			.el-select ::v-deep .el-input__inner {
 				border: 1px solid #0674fc;
 				border-radius: 0;
 				padding: 0 10px;
@@ -309,7 +309,7 @@ export default {
 				font-size: 15px;
 				height: 38px;
 			}
-			.el-select /deep/ .el-input__inner:focus {
+			.el-select ::v-deep .el-input__inner:focus {
 				border: 1px solid #0674fc;
 				border-radius: 0;
 				padding: 0 10px;
@@ -323,7 +323,7 @@ export default {
 			.el-date-editor {
 				width: 100%;
 			}
-			.el-date-editor /deep/ .el-input__inner {
+			.el-date-editor ::v-deep .el-input__inner {
 				border: 1px solid #0674fc;
 				border-radius: 0;
 				padding: 0 10px 0 30px;
@@ -333,7 +333,7 @@ export default {
 				font-size: 15px;
 				height: 38px;
 			}
-			.el-date-editor /deep/ .el-input__inner:focus {
+			.el-date-editor ::v-deep .el-input__inner:focus {
 				border: 1px solid #0674fc;
 				border-radius: 0;
 				padding: 0 10px 0 30px;
@@ -347,7 +347,7 @@ export default {
 			.el-date-editor.el-input {
 				width: 100%;
 			}
-			/deep/ .el-upload--picture-card {
+			::v-deep .el-upload--picture-card {
 				background: transparent;
 				border: 0;
 				border-radius: 0;
@@ -356,7 +356,7 @@ export default {
 				line-height: initial;
 				vertical-align: middle;
 			}
-			/deep/ .upload .upload-img {
+			::v-deep .upload .upload-img {
 				border: 1px solid #0674fc;
 				cursor: pointer;
 				border-radius: 0;
@@ -368,7 +368,7 @@ export default {
 				text-align: center;
 				height: 60px;
 			}
-			/deep/ .el-upload-list .el-upload-list__item {
+			::v-deep .el-upload-list .el-upload-list__item {
 				border: 1px solid #0674fc;
 				cursor: pointer;
 				border-radius: 0;
@@ -380,7 +380,7 @@ export default {
 				text-align: center;
 				height: 60px;
 			}
-			/deep/ .el-upload .el-icon-plus {
+			::v-deep .el-upload .el-icon-plus {
 				border: 1px solid #0674fc;
 				cursor: pointer;
 				border-radius: 0;
@@ -392,11 +392,11 @@ export default {
 				text-align: center;
 				height: 60px;
 			}
-			/deep/ .el-upload__tip {
+			::v-deep .el-upload__tip {
 				color: #666;
 				font-size: 15px;
 			}
-			/deep/ .el-input__inner::placeholder {
+			::v-deep .el-input__inner::placeholder {
 				color: #999;
 				font-size: 16px;
 			}

src/views/update-password.vue

@@ -167,7 +167,7 @@ export default {
 		width: auto;
 	}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__label {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__label {
 	  	  padding: 0 10px 0 0;
 	  	  color: #6e6e6e;
 	  	  font-weight: 500;
@@ -177,11 +177,11 @@ export default {
 	  	  text-align: right;
 	  	}
 	
-	.add-update-preview .el-form-item /deep/ .el-form-item__content {
+	.add-update-preview .el-form-item ::v-deep .el-form-item__content {
 	  margin-left: 180px;
 	}
 	
-	.add-update-preview .el-input /deep/ .el-input__inner {
+	.add-update-preview .el-input ::v-deep .el-input__inner {
 	  	  border: 1px solid #E8E8E8;
 	  	  border-radius: 0px;
 	  	  padding: 0 12px;
@@ -193,7 +193,7 @@ export default {
 	  	  height: 40px;
 	  	}
 	
-	.add-update-preview .el-select /deep/ .el-input__inner {
+	.add-update-preview .el-select ::v-deep .el-input__inner {
 	  	  border: 1px solid #E8E8E8;
 	  	  border-radius: 0px;
 	  	  padding: 0 10px;
@@ -204,7 +204,7 @@ export default {
 	  	  height: 40px;
 	  	}
 	
-	.add-update-preview .el-date-editor /deep/ .el-input__inner {
+	.add-update-preview .el-date-editor ::v-deep .el-input__inner {
 	  	  border: 1px solid #E8E8E8;
 	  	  border-radius: 0px;
 	  	  padding: 0 10px 0 30px;
@@ -215,7 +215,7 @@ export default {
 	  	  height: 40px;
 	  	}
 	
-	.add-update-preview /deep/ .el-upload--picture-card {
+	.add-update-preview ::v-deep .el-upload--picture-card {
 		background: transparent;
 		border: 0;
 		border-radius: 0;
@@ -225,7 +225,7 @@ export default {
 		vertical-align: middle;
 	}
 	
-	.add-update-preview /deep/ .el-upload-list .el-upload-list__item {
+	.add-update-preview ::v-deep .el-upload-list .el-upload-list__item {
 	  	  border: 1px solid #E8E8E8;
 	  	  cursor: pointer;
 	  	  border-radius: 0px;
@@ -238,7 +238,7 @@ export default {
 	  	  height: 60px;
 	  	}
 	
-	.add-update-preview /deep/ .el-upload .el-icon-plus {
+	.add-update-preview ::v-deep .el-upload .el-icon-plus {
 	  	  border: 1px solid #E8E8E8;
 	  	  cursor: pointer;
 	  	  border-radius: 0px;
@@ -251,7 +251,7 @@ export default {
 	  	  height: 60px;
 	  	}
 	
-	.add-update-preview .el-textarea /deep/ .el-textarea__inner {
+	.add-update-preview .el-textarea ::v-deep .el-textarea__inner {
 	  	  border: 1px solid #E8E8E8;
 	  	  border-radius: 0px;
 	  	  padding: 12px;