提交一下

src/views/main_views/newProductionLineEditor/newProductionLineEditor.css

-#app.production-line-container{
+#app.production-line-container {
     flex-direction: column;
     padding: 0px;
     flex: 1;
@@ -6,199 +6,242 @@
     min-width: 1200px;
     width: 100%;
     height: 100%;
-  }
-  .editor-inner{
+}
+
+.editor-inner {
     height: 100%;
     display: flex;
     flex-direction: column;
-  }
-  .index-choose-dialog-inner{
+}
+
+.index-choose-dialog-inner {
     display: flex
-  }
-  .index-choose-dialog .el-dialog__body{
+}
+
+.index-choose-dialog .el-dialog__body {
     font-size: 12px;
     border-top: 1px solid #EBEEF5;
-  }
-  .index-choose-dialog  .el-tree-node__label{
+}
+
+.index-choose-dialog .el-tree-node__label {
     font-size: 12px;
-  }
-  .index-choose-dialog .el-radio__label{
+}
+
+.index-choose-dialog .el-radio__label {
     font-size: 12px;
     font-weight: normal;
     padding-left: 6px;
-  }
-  .index-choose-dialog .el-radio{
+}
+
+.index-choose-dialog .el-radio {
     margin-right: 16px;
-  }
-  .index-choose-dialog .index-detail{
+}
+
+.index-choose-dialog .index-detail {
     padding-left: 20px;
     border-left: 1px solid #EBEEF5;
     flex: auto;
-  }
-  .index-choose-dialog .index-list{
+}
+
+.index-choose-dialog .index-list {
     padding-right: 20px;
-  }
-  .index-choose-dialog .index-list-search{
+}
+
+.index-choose-dialog .index-list-search {
     margin-bottom: 12px;
-  }
-  .index-choose-dialog .single-column{
+}
+
+.index-choose-dialog .single-column {
     display: flex;
     align-items: center;
     padding: 8px 0;
-  }
-  .index-choose-dialog .single-column .title{
+}
+
+.index-choose-dialog .single-column .title {
     min-width: 80px;
     text-align: right;
     margin-right: 12px;
     color: #999;
-  }
-  .index-choose-dialog .single-column .detail{
+}
+
+.index-choose-dialog .single-column .detail {
     flex: auto;
-  }
-  .index-detail-edit{
+}
+
+.index-detail-edit {
     padding: 20px 0;
     padding-top: 0;
-  }
-  .selected-index{
+}
+
+.selected-index {
     background: #f6f6f6;
     padding: 12px;
     border-radius: 4px;
     margin-bottom: 20px;
     display: flex;
     align-items: center;
-  }
-  .selected-index .title{
+}
+
+.selected-index .title {
     font-size: 14px;
     font-weight: bold;
     color: #333;
     margin-bottom: 10px;
-  }
-  .selected-index .detail{
+}
+
+.selected-index .detail {
     display: flex;
-  }
-  .selected-index .detail>div{
+}
+
+.selected-index .detail>div {
     margin-right: 20px;
-  }
-  .selected-index-detail{
+}
+
+.selected-index-detail {
     flex: auto;
-  }
-  .selected-index-action{
+}
+
+.selected-index-action {
     padding-right: 20px;
-  }
-  .add-selected-index{
-    text-align: center; 
+}
+
+.add-selected-index {
+    text-align: center;
     color: #D0021B;
     cursor: pointer;
     background: #f6f6f6;
     padding: 20px 12px;
     border-radius: 4px;
     text-align: center;
-  }
-  .index-list-tree{
+}
+
+.index-list-tree {
     max-height: 300px;
     overflow-y: scroll;
     overflow-x: hidden;
-  }
-  .back-nav{
+}
+
+.back-nav {
     padding-right: 20px;
     border-right: 1px solid #EBEEF5;
     margin-right: 20px;
     cursor: pointer;
-  }
-  .analyzer-editor-content{
+}
+
+.analyzer-editor-content {
     flex: auto;
     display: flex;
     font-size: 12px;
-  }
-  .analyzer-editor-inner{
+}
+
+.analyzer-editor-inner {
     display: flex;
     flex: auto;
-  }
-  .editor-content-left{
+}
+
+.editor-content-left {
     background: #fff;
     margin-right: 12px;
     width: 240px;
     min-width: 240px;
     overflow: hidden;
-  }
-  .production-editor-content-right{
+}
+
+.production-editor-content-right {
     flex: auto;
     display: flex;
     flex-direction: column;
     position: relative;
-  }
-  .production-editor-box{
+}
+
+.production-editor-box {
     flex: auto;
     overflow: overlay;
     overflow-x: hidden;
-  }
-  .production-editor-inner{
+}
+
+.production-editor-inner {
     background: #fff;
     max-width: 800px;
     min-width: 720px;
     margin: 40px auto;
     padding: 32px;
     box-sizing: border-box;
-  }
-  .editor-content-left .title{
+}
+
+.editor-content-left .title {
     font-size: 13px;
     color: #999;
     border-bottom: 1px solid #EBEEF5;
     padding: 12px;
-  }
-  .editor-content-left .list-container{
+}
+
+.editor-content-left .list-container {
     padding: 12px;
-  }
-  .editor-content-left .list{
+}
+
+.editor-content-left .list {
     background: #f6f6f6;
     padding: 12px;
     border-radius: 4px;
-  }
-  .editor-content-left .list .list-title{
+}
+
+.editor-content-left .list .list-title {
     font-size: 11px;
     color: #999;
-  }
-  .editor-content-left .list .list-detail{
+}
+
+.editor-content-left .list .list-detail {
     font-size: 12px;
     color: #333;
-  }
-  .editor-content-left .list .list-title-child{
+}
+
+.editor-content-left .list .list-title-child {
     margin-bottom: 8px;
-  }
-  .editor-content-left .list .list-content{
+}
+
+.editor-content-left .list .list-content {
     margin-top: 8px;
-  }
-  .editor-content-left .list .list-index{
+}
+
+.editor-content-left .list .list-index {
     display: flex;
     align-items: center;
-  }
-  .editor-step-box {
+}
+
+.editor-step-box {
     text-align: center;
     font-size: 0;
     padding-top: 12px;
     min-height: 69px;
     height: 69px;
-  }
-  .editor-step-box .editor-step{
+}
+
+.editor-step-box .editor-step {
     display: inline-block;
     text-align: center;
     padding: 0 24px;
     position: relative;
     width: 120px;
-  }
-  .editor-step-box .editor-step.active .editor-tip{
+}
+
+.editor-step-box .editor-step.active .editor-tip {
     color: #fff;
-  }
-  .editor-step-box .editor-step.active .editor-name{
+}
+
+.editor-step-box .editor-step.active .editor-name {
     color: #D0021B;
-  }
-  .editor-step-box .editor-step.active .editor-tip{
+}
+
+.editor-step-box .editor-step.active .editor-tip {
     background: #D0021B;
-  }
-  .editor-step-box .editor-step.active::before{
+}
+
+.editor-step-box .editor-step.active::before {
     background: #D0021B;
-  }
-  .editor-step-box .editor-tip{
+}
+
+.editor-step-box .editor-tip {
     width: 32px;
     height: 32px;
     border-radius: 32px;
@@ -211,8 +254,9 @@
     line-height: 32px;
     font-weight: bold;
     color: #999;
-  }
-  .editor-step-box .editor-step::before{
+}
+
+.editor-step-box .editor-step::before {
     width: 20px;
     content: '';
     height: 4px;
@@ -222,85 +266,103 @@
     top: 16px;
     width: 100%;
     z-index: 0;
-  }
-  .editor-step-box .editor-name{
+}
+
+.editor-step-box .editor-name {
     font-size: 12px;
-  }
-  .editor-main-content{
-    padding: 12px 12px; 
+}
+
+.editor-main-content {
+    padding: 12px 12px;
     flex: auto;
     overflow: scroll;
     overflow-x: hidden
-  }
-  .editor-main-content .title{
+}
+
+.editor-main-content .title {
     font-size: 18px;
     font-weight: bold;
     padding-bottom: 8px;
-  }
-  .next-step{
+}
+
+.next-step {
     margin-top: 32px;
     border-top: 1px solid #EBEEF5;
     padding-top: 20px;
-  }
-  .condition-list{
+}
+
+.condition-list {
     background: #f6f6f6;
     border-radius: 4px;
     padding: 8px;
     margin-bottom: 12px;
     display: flex;
     align-items: center;
-  }
-  .condition-list .index{
+}
+
+.condition-list .index {
     font-size: 14px;
     color: #333;
     margin-bottom: 8px;
-  }
-  .condition-list .detail{
+}
+
+.condition-list .detail {
     display: flex;
-  }
-  .condition-list-action span{
+}
+
+.condition-list-action span {
     cursor: pointer;
     color: #D0021B;
-  }
-  .table-child{
+}
+
+.table-child {
     padding: 6px;
-  }
-  .table-child+.table-child{
+}
+
+.table-child+.table-child {
     border-top: 1px solid #EBEEF5;
-  }
-  .no-padding{
+}
+
+.no-padding {
     padding: 0 !important;
-  }
-  .no-padding .cell{
+}
+
+.no-padding .cell {
     padding: 0;
-  }
-  .modal-name{
+}
+
+.modal-name {
     font-size: 16px;
     color: #333;
     font-weight: bold;
     margin-right: 12px;
-  }
-  .describe-textarea{
+}
+
+.describe-textarea {
     width: 480px;
     border: 1px solid #EBEEF5;
     color: #666;
     border-radius: 4px;
-  }
-  .describe-textarea-header{
+}
+
+.describe-textarea-header {
     display: flex;
     padding: 0;
     border-bottom: 1px solid #EBEEF5;
-  }
-  .describe-textarea-header .list{
+}
+
+.describe-textarea-header .list {
     text-align: center;
     padding: 8px 12px;
     border-right: 1px solid #EBEEF5;
     cursor: pointer;
-  }
-  .describe-textarea-header .list:hover{
+}
+
+.describe-textarea-header .list:hover {
     background: #f6f6f6;
-  }
-  .describe-textarea-input{
+}
+
+.describe-textarea-input {
     padding: 16px 12px;
     height: 240px;
     outline: 0;
@@ -308,55 +370,62 @@
     color: #333;
     overflow-x: hidden;
     overflow: scroll;
-  }
-  .pagination-container{
+}
+
+.pagination-container {
     padding: 12px 0;
     text-align: center;
-  }
-  
-  .tools-box{
+}
+
+.tools-box {
     width: 100%;
     margin: 0 auto;
     font-size: 14px;
     border-bottom: 1px solid #e8e8e8;
     /* box-shadow: 0 1px 24px rgba(0, 0, 0, 0.1); */
     cursor: default;
-  
-  }
-  .tools-box .tools-child{
+}
+
+.tools-box .tools-child {
     min-width: 40px;
     text-align: center;
     padding: 12px 16px;
     position: relative;
     cursor: pointer;
     box-sizing: border-box;
-  }
-  .tools-box .tools-child .iconfont{
+}
+
+.tools-box .tools-child .iconfont {
     font-size: 14px;
-  }
-  .tools-box .tools-child span{
+}
+
+.tools-box .tools-child span {
     line-height: 14px;
     font-size: 13px;
-  }
-  .tools-box .tools-child:hover{
+}
+
+.tools-box .tools-child:hover {
     background: #e8e8e8;
-  }
-  .tools-box .tools-box-inner{
+}
+
+.tools-box .tools-box-inner {
     min-width: 720px;
     max-width: 800px;
     width: 54%;
     margin: 0 auto;
     display: flex;
     align-items: center;
-  }
-  .tool-color{
+}
+
+.tool-color {
     position: absolute;
     bottom: 8px;
     height: 2px;
     background: #ff0000;
     width: 14px;
-  }
-  .tools-child.border::after{
+}
+
+.tools-child.border::after {
     content: '';
     height: 14px;
     width: 1px;
@@ -364,37 +433,44 @@
     right: 0;
     background: #e8e8e8;
     top: calc(50% - 7px)
-  }
-  .tool-select{
+}
+
+.tool-select {
     position: absolute;
     right: 12px;
     top: calc(50% - 10px);
-  }
-  .tool-select span{
+}
+
+.tool-select span {
     font-size: 5px !important;
     color: #999;
-  }
-  .single-color{
+}
+
+.single-color {
     min-width: 16px;
     height: 16px;
     background: #ff0000;
     margin: 4px;
     cursor: pointer;
     position: relative;
-  }
-  .single-color:hover{
+}
+
+.single-color:hover {
     top: -2px;
-  }
-  .color-box{
+}
+
+.color-box {
     display: flex;
     flex-wrap: wrap;
-  }
-  .magic-box{
+}
+
+.magic-box {
     display: flex;
     flex-direction: column;
     /* max-height: 50%; */
-  }
-  .magic-box .magic-box-title{
+}
+
+.magic-box .magic-box-title {
     padding: 8px 12px;
     font-size: 12px;
     color: #333;
@@ -405,25 +481,30 @@
     min-height: 34px;
     height: 34px;
     box-sizing: border-box;
-  }
-  .magic-box .sub-title{
+}
+
+.magic-box .sub-title {
     color: #999;
     font-size: 11px;
-  }
-  .magic-box .magic-box-content{
+}
+
+.magic-box .magic-box-content {
     margin-bottom: 16px;
     box-sizing: border-box;
     padding: 0 12px;
     box-sizing: border-box;
     width: 100%;
-  }
-  .magic-box .magic-box-content:last-child{
+}
+
+.magic-box .magic-box-content:last-child {
     margin-bottom: 0;
-  }
-  .detail-index-setting .setting-box .setting-box{
+}
+
+.detail-index-setting .setting-box .setting-box {
     padding: 0;
-  }
-  .mini-select{
+}
+
+.mini-select {
     font-size: 12px;
     padding: 0px 6px;
     background: #f6f6f6;
@@ -432,18 +513,21 @@
     border: 1px solid #eaeaea;
     display: flex;
     align-items: center;
-  }
-  .mini-select .select-view{
+}
+
+.mini-select .select-view {
     flex: auto;
-  }
-  .mini-check{
+}
+
+.mini-check {
     display: inline-flex;
     align-items: center;
     font-size: 12px;
     margin-right: 8px;
     margin-bottom: 4px;
-  }
-  .mini-check-box{
+}
+
+.mini-check-box {
     width: 12px;
     height: 12px;
     border: 1px solid #eaeaea;
@@ -452,54 +536,67 @@
     color: #fff;
     font-size: 10px;
     box-sizing: border-box;
-  }
-  .mini-check span{
+}
+
+.mini-check span {
     font-size: 12px;
     display: none;
-  }
-  .mini-check.active span{
+}
+
+.mini-check.active span {
     display: block;
-  }
-  .mini-check.active .mini-check-box{
+}
+
+.mini-check.active .mini-check-box {
     background: #D0021B;
     border: 0;
-  }
-  .single-line{
+}
+
+.single-line {
     display: flex;
     align-items: center;
     font-size: 12px;
-  }
-  .single-line .name{
+}
+
+.single-line .name {
     flex: auto
-  }
-  .le_header{
-    display: flex; 
-    align-items: center; 
-    padding-left: 12px; 
+}
+
+.le_header {
+    display: flex;
+    align-items: center;
+    padding-left: 12px;
     color: #666
-  }
-  .le_header_icon{
+}
+
+.le_header_icon {
     margin-right: 4px;
-  }
-  .le_content{
-    padding: 8px 0; 
-    padding-left: 28px; 
+}
+
+.le_content {
+    padding: 8px 0;
+    padding-left: 28px;
     padding-bottom: 0;
-  }
-  .le_content_list{
-   margin-bottom: 8px;
-   color: #666;
-  }
-  .le_content .le_content_list:last-child{
+}
+
+.le_content_list {
+    margin-bottom: 8px;
+    color: #666;
+}
+
+.le_content .le_content_list:last-child {
     margin-bottom: 0px;
-   }
-   .select-index-list{
-     margin-bottom: 8px;
-   }
-   .magic-box-content .select-index-list:last-child{
+}
+
+.select-index-list {
+    margin-bottom: 8px;
+}
+
+.magic-box-content .select-index-list:last-child {
     margin-bottom: 0;
-  }
-  .magic-switch{
+}
+
+.magic-switch {
     display: inline-block;
     height: 14px;
     width: 28px;
@@ -510,8 +607,9 @@
     box-sizing: border-box;
     cursor: pointer;
     transition: all .3s;
-  }
-  .magic-switch::before{
+}
+
+.magic-switch::before {
     content: '';
     width: 12px;
     height: 12px;
@@ -521,39 +619,47 @@
     border-radius: 12px;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
     transition: all .3s;
-  }
-  .magic-switch.active{
+}
+
+.magic-switch.active {
     background: #D0021B;
     border: 1px solid #D0021B;
-  }
-  .magic-switch.active::before{
+}
+
+.magic-switch.active::before {
     left: calc(100% - 12px);
-  }
-  
-  .magic-box-title span:first-child.active{
+}
+
+.magic-box-title span:first-child.active {
     transform: rotate(90deg)
-  }
-  .hover-icon{
-    cursor:pointer
-  }
-  .hover-icon.active{
+}
+
+.hover-icon {
+    cursor: pointer
+}
+
+.hover-icon.active {
     color: #D0021B;
-  }
-  .hover-icon:hover{
+}
+
+.hover-icon:hover {
     color: #D0021B;
-  }
-  .choosed-module-box{
-    flex: 1; 
+}
+
+.choosed-module-box {
+    flex: 1;
     border-left: 1px solid #eaeaea;
-    box-sizing: border-box; 
+    box-sizing: border-box;
     height: 420px;
     overflow: scroll;
     overflow-x: hidden;
-  }
-  .choosed-module {
+}
+
+.choosed-module {
     padding: 16px 0;
-  }
-  .choosed-module li{
+}
+
+.choosed-module li {
     border: 1px solid #eaeaea;
     padding: 16px;
     border-radius: 4px;
@@ -561,8 +667,9 @@
     font-size: 12px;
     display: flex;
     margin-bottom: 16px;
-  }
-  .module-container{
+}
+
+.module-container {
     border: 1px dashed rgba(0, 0, 0, 0.1);
     padding: 12px;
     box-sizing: border-box;
@@ -572,15 +679,17 @@
     /* cursor: pointer; */
     margin-bottom: 12px;
     position: relative;
-  }
-  .module-container img{
+}
+
+.module-container img {
     display: block;
-  }
-  .module-container:hover{
+}
+
+.module-container:hover {
     border-color: #D0021B;
-  }
-  
-  .module-container.overing-down::before{
+}
+
+.module-container.overing-down::before {
     content: '';
     width: 100%;
     height: 1px;
@@ -588,8 +697,9 @@
     position: absolute;
     left: 0;
     bottom: -7px;
-  }
-  .module-container.overing-up::before{
+}
+
+.module-container.overing-up::before {
     content: '';
     width: 100%;
     height: 1px;
@@ -597,88 +707,109 @@
     position: absolute;
     left: 0;
     top: -7px;
-  }
-  
-  .module-container.active{
+}
+
+.module-container.active {
     background: #FFF2DB;
-  }
-  .module-container.input-active{
+}
+
+.module-container.input-active {
     background: #eff7ff;
-  }
-  .module-container.editing-active span{
+}
+
+.module-container.editing-active span {
     cursor: text;
-  }
-  .content-index{
+}
+
+.content-index {
     background: #FFD6D6;
     cursor: pointer !important;
     margin: 0 1px;
     user-select: all;
     position: relative;
-  }
-  .content-index.chart{
+}
+
+.content-index.chart {
     background: url('../../../static/image/loading.gif');
     background-size: contain;
-  }
-  .content-index.index-module{
+}
+
+.content-index.index-module {
     background: #E2D9FE;
-  }
-  .content-index.active{
+}
+
+.content-index.active {
     color: #D0021B;
-  }
-  .content-index:hover{
+}
+
+.content-index:hover {
     background: #FF9C9C;
-  }
-  .content-index.selected{
+}
+
+.content-index.selected {
     background: #FF9C9C;
-  }
-  .content-calculation{
+}
+
+.content-calculation {
     background: #FFD6D6;
     cursor: pointer;
-  }
-  .choosed-module-list li{
+}
+
+.choosed-module-list li {
     line-height: 24px;
     cursor: pointer;
     display: flex;
     align-items: center;
     padding-right: 12px;
-  }
-  .choosed-module-list li.overing-down{
+}
+
+.choosed-module-list li.overing-down {
     border-bottom: 1px solid #D0021B;
-  }
-  .choosed-module-list li.overing-up{
+}
+
+.choosed-module-list li.overing-up {
     border-top: 1px solid #D0021B;
-  }
-  .choosed-module-list li .name{
+}
+
+.choosed-module-list li .name {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-  }
-  .choosed-module-list li .type{
+}
+
+.choosed-module-list li .type {
     font-size: 11px;
     color: #999;
     min-width: 62px;
-  }
-  .choosed-module-list li .delete{
+}
+
+.choosed-module-list li .delete {
     display: none;
-  }
-  .choosed-module-list li:hover{
+}
+
+.choosed-module-list li:hover {
     color: #D0021B;
-  }
-  .choosed-module-list li:hover .type{
+}
+
+.choosed-module-list li:hover .type {
     color: #D0021B;
-  }
-  .choosed-module-list li:hover .delete{
+}
+
+.choosed-module-list li:hover .delete {
     display: block;
-  }
-  .choosed-module-list li.active{
+}
+
+.choosed-module-list li.active {
     background: #D0021B;
     color: #fff;
     border-radius: 4px;
-  }
-  .choosed-module-list li.active .type{
+}
+
+.choosed-module-list li.active .type {
     color: #fff;
-  }
-  .step-number{
+}
+
+.step-number {
     background: #f6f6f6;
     color: #999;
     width: 24px;
@@ -689,77 +820,96 @@
     font-size: 16px;
     margin-right: 4px;
     font-weight: bold;
-  }
-  .step-number.active{
+}
+
+.step-number.active {
     background: #D0021B;
     color: #fff;
-  }
-  .step-title.active{
+}
+
+.step-title.active {
     color: #D0021B;
-  }
-  .production-line-inner span{
+}
+
+.production-line-inner span {
     display: inline-block;
     vertical-align: middle;
-  }
-  .production-line-step{
+}
+
+.production-line-step {
     padding: 12px 0;
     margin-right: 50px;
     /* position: absolute;
     left: calc(50% - 163px); */
-  }
-  .step-line{
+}
+
+.step-line {
     width: 60px;
     border-top: 1px solid #eaeaea;
     margin-left: 16px;
-  }
-  .step-line.active{
-    border-color: #D0021B; 
-  }
-  .mini-dropdown .el-button--mini{
+}
+
+.step-line.active {
+    border-color: #D0021B;
+}
+
+.mini-dropdown .el-button--mini {
     padding: 5px 12px
-  }
-  .mini-dropdown.el-dropdown .el-dropdown__caret-button{
+}
+
+.mini-dropdown.el-dropdown .el-dropdown__caret-button {
     padding-left: 5px;
     padding-right: 5px;
-  }
-  .mini-size .el-checkbox__inner{
+}
+
+.mini-size .el-checkbox__inner {
     width: 12px;
     height: 12px;
-  }
-  .mini-size .el-checkbox__inner::after{
+}
+
+.mini-size .el-checkbox__inner::after {
     /* border: 2px solid #fff; */
     left: 3px;
     top: 0px;
-  }
-  .mini-size .el-checkbox__label{
+}
+
+.mini-size .el-checkbox__label {
     font-size: 12px;
     padding-left: 6px;
-  }
-  .mini-size .el-checkbox{
+}
+
+.mini-size .el-checkbox {
     display: block;
-  }
-  .charts-box{
+}
+
+.charts-box {
     text-align: center;
-  }
-  .charts-box img{
+}
+
+.charts-box img {
     width: 80%;
     height: auto;
-  }
-  .no-module-tip{
+}
+
+.no-module-tip {
     text-align: center;
     padding: 48px 0;
-  }
-  .no-module-tip img{
-   width: 50%;
-   height: auto;
-  }
-  .no-module-tip p{
+}
+
+.no-module-tip img {
+    width: 50%;
+    height: auto;
+}
+
+.no-module-tip p {
     color: #999;
-  }
-  .modal-index-previre{
+}
+
+.modal-index-previre {
     display: flex
-  }
-  .params-box{
+}
+
+.params-box {
     border: 1px solid #EBEEF5;
     margin-right: 12px;
     min-width: 200px;
@@ -769,77 +919,94 @@
     display: flex;
     flex-direction: column;
     background: rgb(245, 247, 250);
-  }
-  /* .table-box{
+}
+
+
+/* .table-box{
     height: 520px;
     max-height: 520px;
   } */
-  .params-box .header{
+
+.params-box .header {
     padding: 12px;
     font-size: 13px;
     font-weight: bold;
     color: #333;
-  }
-  .params-box .header.active .el-icon-arrow-right{
+}
+
+.params-box .header.active .el-icon-arrow-right {
     transform: rotate(90deg)
-  }
-  .params-box .content{
+}
+
+.params-box .content {
     padding: 0 12px;
     font-size: 12px;
-  }
-  .index-box{
+}
+
+.index-box {
     border-bottom: 1px solid #EBEEF5;
-  }
-  .stock-box{
+}
+
+.stock-box {
     border-bottom: 1px solid #EBEEF5;
     /* flex: auto; */
     display: flex;
     flex-direction: column;
-  }
-  .params-box .list{
+}
+
+.params-box .list {
     padding: 6px 4px;
     display: flex;
     align-items: center;
     border-radius: 4px;
     /* cursor: pointer; */
-  }
-  .params-box .list:hover{
+}
+
+.params-box .list:hover {
     /* color: #D0021B; */
     background: #eaeaea;
-  }
-  .index-box .list .name{
+}
+
+.index-box .list .name {
     flex: auto;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-  }
-  .stock-box .list .name{
+}
+
+.stock-box .list .name {
     flex: auto;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-  }
-  .stock-box .content{
+}
+
+.stock-box .content {
     flex: auto;
     overflow: scroll;
     overflow-x: hidden;
     padding-bottom: 12px;
-  }
-  .index-box .content{
+}
+
+.index-box .content {
     padding-bottom: 12px;
-  }
-  .table-delete:hover span{
+}
+
+.table-delete:hover span {
     color: #D0021B;
-  }
-  .article-preview-box {
+}
+
+.article-preview-box {
     min-height: 300px;
-  }
-  .article-preview-box img{
+}
+
+.article-preview-box img {
     width: 70%;
     display: block;
     margin: 0 auto;
-  }
-  .article-reload-btn{
+}
+
+.article-reload-btn {
     position: absolute;
     right: 20px;
     top: 54px;
@@ -850,92 +1017,112 @@
     text-align: center;
     background: url('../../../static/image/article-label.png');
     background-size: contain;
-  }
-  .article-modal .el-dialog__header{
+}
+
+.article-modal .el-dialog__header {
     border-bottom: 1px solid #eaeaea;
-  }
-  .article-reload-btn span{
+}
+
+.article-reload-btn span {
     margin-top: 5px;
     font-size: 16px;
     font-weight: bold;
     cursor: pointer;
-  }
-  .flex-form{
+}
+
+.flex-form {
     display: flex;
     align-items: baseline;
     padding: 12px 0;
-  }
-  .flex-form-title{
+}
+
+.flex-form-title {
     color: #999;
     margin-right: 12px;
     min-width: 120px;
     text-align: right;
-  }
-  .flex-form-content{
+}
+
+.flex-form-content {
     flex: auto;
-  }
-  .flex-form-detail{
+}
+
+.flex-form-detail {
     padding: 12px;
     background: rgb(245, 247, 250);
     margin-top: 12px;
     border-radius: 4px;
     /* border: 1px solid #EBEEF5; */
-  }
-  .flex-form-detail.no-bg{
+}
+
+.flex-form-detail.no-bg {
     background: #fff;
     padding: 0px;
-  }
-  .smallSize .el-switch__label *{
+}
+
+.smallSize .el-switch__label * {
     font-size: 12px;
     line-height: 14px;
-  }
-  .magic-box-content .tree-box li{
+}
+
+.magic-box-content .tree-box li {
     padding-left: 12px;
-  }
-  .magic-box-content .tree-title{
+}
+
+.magic-box-content .tree-title {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     width: 100%;
-  }
-  .magic-box-content .tree-box{
+}
+
+.magic-box-content .tree-box {
     overflow: hidden;
-  }
-  .input-span{
+}
+
+.input-span {
     outline: 0;
     cursor: text;
-  }
-  .input-span:empty{
+}
+
+.input-span:empty {
     content: '请输入'
-  }
-  .magic-box .el-tabs__item{
+}
+
+.magic-box .el-tabs__item {
     font-size: 12px;
     height: 20px;
     line-height: 20px
-  }
-  .magic-box .el-radio-button--mini .el-radio-button__inner{
+}
+
+.magic-box .el-radio-button--mini .el-radio-button__inner {
     padding: 4px 6px;
     font-size: 11px;
-  }
-  
-  .module-container text.left{
-    border-left: 1px solid #ff0000; 
-  }
-  .module-container  text.right{
-    border-right: 1px solid #ff0000; 
-  }
-  .magic-box-content .tree-box .tree-title .dragable{
+}
+
+.module-container text.left {
+    border-left: 1px solid #ff0000;
+}
+
+.module-container text.right {
+    border-right: 1px solid #ff0000;
+}
+
+.magic-box-content .tree-box .tree-title .dragable {
     cursor: move;
-  }
-  .mini-size .el-radio__inner{
+}
+
+.mini-size .el-radio__inner {
     width: 12px;
     height: 12px;
-  }
-  .mini-size .el-radio{
+}
+
+.mini-size .el-radio {
     display: block;
     margin-bottom: 4px;
-  }
-  .mini-size .el-radio__label{
+}
+
+.mini-size .el-radio__label {
     font-size: 12px;
     padding-left: 6px;
     display: inline-block;
@@ -944,12 +1131,14 @@
     overflow: hidden;
     vertical-align: middle;
     white-space: nowrap;
-  }
-  .el-radio.inline-mini-size{
+}
+
+.el-radio.inline-mini-size {
     margin-right: 12px;
-    margin-bottom:4px;
-  }
-  .inline-mini-size .el-radio__label{
+    margin-bottom: 4px;
+}
+
+.inline-mini-size .el-radio__label {
     font-size: 12px;
     padding-left: 6px;
     display: inline-block;
@@ -959,14 +1148,16 @@
     vertical-align: middle;
     white-space: nowrap;
     max-width: 200px;
-  }
-  .ellipsis{
+}
+
+.ellipsis {
     text-overflow: ellipsis;
     overflow: hidden;
     vertical-align: middle;
     white-space: nowrap;
-  }
-  .detail-index-setting{
+}
+
+.detail-index-setting {
     padding: 0px;
     border-radius: 4px;
     box-sizing: border-box;
@@ -977,12 +1168,14 @@
     min-height: 360px;
     width: 200px;
     box-shadow:0 0 8px rgba(0, 0, 0, 0.1) */
-  }
-  .detail-index-setting.with-top-border{
-    padding: 0; 
+}
+
+.detail-index-setting.with-top-border {
+    padding: 0;
     padding-top: 16px;
-  }
-  .detail-index-setting.with-top-border::before{
+}
+
+.detail-index-setting.with-top-border::before {
     content: '';
     height: 1px;
     background: #eaeaea;
@@ -990,38 +1183,44 @@
     width: calc(100% + 24px);
     top: 0;
     left: -12px;
-  }
-  .detail-index-setting.fixed{
+}
+
+.detail-index-setting.fixed {
     position: fixed;
     background: #fff;
     padding: 0px;
-  }
-  .detail-index-setting.fixed .setting-header{
+}
+
+.detail-index-setting.fixed .setting-header {
     padding: 12px;
     border-bottom: 1px solid #eaeaea;
     display: flex;
-  }
-  .fixed-indexs-content{
+}
+
+.fixed-indexs-content {
     height: calc(100% - 45px);
     overflow: scroll;
     overflow-x: hidden;
     padding: 12px;
     box-sizing: border-box;
-  }
-  .module.detail-index-setting .fixed-indexs-content::before{
+}
+
+.module.detail-index-setting .fixed-indexs-content::before {
     content: "";
-    width:  calc(100% - 6px);
+    width: calc(100% - 6px);
     height: calc(100% - 45px);
     position: absolute;
     background: rgba(0, 0, 0, 0);
     z-index: 1;
     left: 0;
     top: 45px;
-  }
-  .module.detail-index-setting .fixed-indexs-content{
+}
+
+.module.detail-index-setting .fixed-indexs-content {
     opacity: 0.5;
-  }
-  .fixed-indexs-content.module::before{
+}
+
+.fixed-indexs-content.module::before {
     content: "";
     width: 100%;
     height: calc(100% - 45px);
@@ -1030,51 +1229,60 @@
     z-index: 1;
     left: 0;
     top: 45px;
-  }
-  .detail-index-setting .setting-box{
+}
+
+.detail-index-setting .setting-box {
     margin-bottom: 16px;
     padding: 0 12px;
     box-sizing: border-box;
-  }
-  .detail-index-setting .setting-title{
+}
+
+.detail-index-setting .setting-title {
     font-size: 11px;
     color: #999;
     /* margin-bottom: 8px; */
     flex: auto;
-  }
-  .detail-index-setting .setting-detail{
+}
+
+.detail-index-setting .setting-detail {
     color: #333;
     display: flex;
     align-items: center;
-  }
-  .detail-index-setting .setting-sub{
+}
+
+.detail-index-setting .setting-sub {
     color: #333;
     display: flex;
     align-items: center;
     margin-bottom: 4px;
-  }
-  .setting-input-box{
+}
+
+.setting-input-box {
     text-align: right;
     flex: auto;
-  }
-  .setting-switch{
+}
+
+.setting-switch {
     display: flex;
     margin-bottom: 6px;
-  }
-  .setting-input-box input{
+}
+
+.setting-input-box input {
     width: 80px;
     border-radius: 2px;
     outline: 0;
     border: 1px solid #EBEEF5;
     line-height: 16px;
     padding: 2px 4px;
-  }
-  .setting-header{
+}
+
+.setting-header {
     padding: 12px;
     font-size: 14px;
     color: #333;
-  }
-  .magic-switch{
+}
+
+.magic-switch {
     display: inline-block;
     height: 14px;
     width: 28px;
@@ -1085,8 +1293,9 @@
     box-sizing: border-box;
     cursor: pointer;
     transition: all .3s;
-  }
-  .magic-switch::before{
+}
+
+.magic-switch::before {
     content: '';
     width: 12px;
     height: 12px;
@@ -1096,359 +1305,447 @@
     border-radius: 12px;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
     transition: all .3s;
-  }
-  .magic-switch.active{
+}
+
+.magic-switch.active {
     background: #D0021B;
     border: 1px solid #D0021B;
-  }
-  .magic-switch.active::before{
+}
+
+.magic-switch.active::before {
     left: calc(100% - 12px);
-  }
-  .small-size .el-dialog__body{
+}
+
+.small-size .el-dialog__body {
     font-size: 12px;
-  }
-  .insert-index li{
+}
+
+.insert-index li {
     font-size: 14px;
     padding: 6px 12px;
-  }
-  .insert-index .hoverable{
+}
+
+.insert-index .hoverable {
     cursor: pointer;
-  }
-  .insert-index .hoverable:hover>span{
+}
+
+.insert-index .hoverable:hover>span {
     color: #D0021B
-  }
-  .child-level{
+}
+
+.child-level {
     position: absolute;
     left: 100%;
     top: 0;
     background: #fff;
     border: 1px solid #EBEEF5;
     min-width: 150px;
-    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
     padding: 12px 0;
     border-radius: 4px;
     box-sizing: border-box;
     display: none;
-  }
-  .parentMenu:hover>.child-level{
+}
+
+.parentMenu:hover>.child-level {
     display: block;
-  }
-  .insert-index-div .insert-index{
+}
+
+.insert-index-div .insert-index {
     padding: 0;
-  }
-  .insert-index-div .el-popover{
+}
+
+.insert-index-div .el-popover {
     padding: 0;
-  }
-  .insert-index-popover{
+}
+
+.insert-index-popover {
     padding: 12px 0;
-  }
-  .list-name{
+}
+
+.list-name {
     width: 150px;
     min-width: 150px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-  }
-  .small-title-one{
+}
+
+.small-title-one {
     font-size: 15px;
     font-weight: bold;
-  }
-  .small-title-two{
+}
+
+.small-title-two {
     font-size: 14px;
     font-weight: bold;
-  }
-  img.content-index{
+}
+
+img.content-index {
     width: 100%;
     height: auto;
     margin: 0 auto;
     position: relative;
-  }
-  img.active{
+}
+
+img.active {
     border: 2px solid #D0021B;
     box-sizing: border-box;
-  }
-  .detail-index-setting.disabled::after{
+}
+
+.detail-index-setting.disabled::after {
     content: '';
     width: 100%;
-    height:100%;
+    height: 100%;
     background: rgba(255, 255, 255, 0.5);
     position: absolute;
     left: 0;
     top: 0;
-  }
-  .production-name{
+}
+
+.production-name {
     max-width: 280px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-  }
-  .mini-size .el-tabs__item{
+}
+
+.mini-size .el-tabs__item {
     font-size: 12px;
     height: 28px;
     line-height: 28px;
-  }
-  .mini-size .el-tree-node__label{
+}
+
+.mini-size .el-tree-node__label {
     font-size: 12px;
-  }
-  .industry-tree-box{
+}
+
+.industry-tree-box {
     max-height: 300px;
     overflow: scroll;
     overflow-x: hidden;
-  }
-  .running-rabge-dialog .title{
+}
+
+.running-rabge-dialog .title {
     font-size: 12px;
     color: #999;
     margin-bottom: 8px;
-  }
-  .running-rabge-dialog .single-column{
+}
+
+.running-rabge-dialog .single-column {
     margin-bottom: 12px;
-  }
-  .content-index.warning{
+}
+
+.content-index.warning {
     background: #FFE800;
     color: #000;
-  }
-  .list-item {
+}
+
+.list-item {
     display: inline-block;
     margin-right: 10px;
-  }
-  .list-enter-active, .list-leave-active {
+}
+
+.list-enter-active,
+.list-leave-active {
     transition: all 1s;
-  }
-  .list-enter, .list-leave-to
-  /* .list-leave-active for below version 2.1.8 */ {
+}
+
+.list-enter,
+.list-leave-to
+/* .list-leave-active for below version 2.1.8 */
+
+{
     opacity: 0;
     transform: translateY(30px);
-  }
-  .move-tag{
+}
+
+.move-tag {
     cursor: row-resize;
-  }
-  .magic-box-content-box{
+}
+
+.magic-box-content-box {
     flex: auto;
     overflow: overlay;
     overflow-x: hidden;
     box-sizing: border-box;
-  }
-  .mini-size .el-tree-node__label{
+}
+
+.mini-size .el-tree-node__label {
     font-size: 12px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-  }
-  .custom-tree-node{
+}
+
+.custom-tree-node {
     display: flex;
     width: 100%;
     align-items: center;
-  }
-  .custom-tree-label{
+}
+
+.custom-tree-label {
     flex: auto;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     max-width: 160px;
-  }
-  .custom-tree-node.hoverable:hover .custom-tree-icon{
+}
+
+.custom-tree-node.hoverable:hover .custom-tree-icon {
     display: block;
-  }
-  .custom-tree-node.hoverable:hover .custom-tree-label{
+}
+
+.custom-tree-node.hoverable:hover .custom-tree-label {
     max-width: 148px;
-  }
-  .custom-tree-icon{
+}
+
+.custom-tree-icon {
     display: none;
-  }
-  .custom-tree-icon span:hover{
+}
+
+.custom-tree-icon span:hover {
     color: #D0021B;
-  }
-  .mini-size.el-input-number{
+}
+
+.mini-size.el-input-number {
     line-height: 26px;
     width: 120px;
-  }
-  .mini-size .el-input__inner{
+}
+
+.mini-size .el-input__inner {
     line-height: 28px;
     height: 28px;
     font-size: 12px;
-  }
-  .mini-size .el-input-number__decrease, .mini-size .el-input-number__increase{
+}
+
+.mini-size .el-input-number__decrease,
+.mini-size .el-input-number__increase {
     width: 30px;
-  }
-  .mini-size .el-input__icon{
+}
+
+.mini-size .el-input__icon {
     line-height: 28px;
-  }
-  .inline-mini-size .el-radio__inner{
+}
+
+.inline-mini-size .el-radio__inner {
     width: 10px;
     height: 10px;
-  }
-  .el-radio{
+}
+
+.el-radio {
     color: #333;
     font-weight: normal;
-  }
-  .collapse-tabs li{
+}
+
+.collapse-tabs li {
     display: inline-block;
     font-size: 12px;
     padding: 8px;
     cursor: pointer;
-  }
-  .collapse-tabs li:hover{
+}
+
+.collapse-tabs li:hover {
     color: #D0021B;
-  }
-  .collapse-tabs li.active{
+}
+
+.collapse-tabs li.active {
     color: #D0021B;
-  }
-  .collapse-tabs{
+}
+
+.collapse-tabs {
     overflow: overlay;
     white-space: nowrap;
     overflow-y: hidden;
     min-height: 33px;
     height: 33px;
     border-bottom: 1px solid #eaeaea;
-  }
-  .params-detail-box{
-    padding: 12px 0; 
+}
+
+.params-detail-box {
+    padding: 12px 0;
     border-top: 1px solid #eaeaea;
-    flex: auto; 
+    flex: auto;
     overflow: overlay;
-    overflow-x: hidden; 
-  }
-  .module-radio{
+    overflow-x: hidden;
+}
+
+.module-radio {
     width: 12px;
     height: 12px;
     border: 1px solid #eaeaea;
     background: #fff;
     border-radius: 20px;
-  }
-  .module-radio.active{
+}
+
+.module-radio.active {
     border: 4px solid #D0021B;
     box-sizing: border-box;
-  }
-  .module-list{
+}
+
+.module-list {
     position: relative;
     padding: 12px 12px;
     border-bottom: 1px solid #eaeaea;
-  }
-  .module-list .module-long-name{
+}
+
+.module-list .module-long-name {
     display: none;
-  }
-  .module-list.active{
+}
+
+.module-list.active {
     background: #f9f9f9;
-  }
-  .module-list.active .module-long-name{
+}
+
+.module-list.active .module-long-name {
     display: block;
-  }
-  .top-border{
+}
+
+.top-border {
     border-top: 1px solid #eaeaea;
-  }
-  .module-long-name{
+}
+
+.module-long-name {
     color: #999;
     font-size: 11px;
-  }
-  .module-list-inner{
+}
+
+.module-list-inner {
     display: flex;
     align-items: center;
     cursor: pointer;
-  }
-  .module-list.active .module-list-inner{
+}
+
+.module-list.active .module-list-inner {
     border-bottom: 1px solid #eaeaea;
     padding-bottom: 12px;
-  }
-  .module-radio-box{
+}
+
+.module-radio-box {
     margin-left: 12px;
-  }
-  .module-name{
+}
+
+.module-name {
     flex: auto;
-  }
-  .module-short-name{
+}
+
+.module-short-name {
     margin-bottom: 4px;
     font-weight: bold;
     font-size: 13px;
-  }
-  .module-list-detail .magic-box-content{
+}
+
+.module-list-detail .magic-box-content {
     padding: 0;
-  }
-  .module-list-detail{
+}
+
+.module-list-detail {
     margin-top: 12px;
-  }
-  .small-icon-link{
+}
+
+.small-icon-link {
     font-size: 12px;
     margin-right: 4px;
     color: #999;
-  }
-  .small-icon-link.active{
+}
+
+.small-icon-link.active {
     color: #D0021B;
-  }
-  .add-new-limit{
+}
+
+.add-new-limit {
     font-size: 11px;
     color: #D0021B;
     cursor: pointer;
-  }
-  .setting-box li{
+}
+
+.setting-box li {
     margin-top: 4px;
-  }
-  .setting-box li{
+}
+
+.setting-box li {
     margin-top: 4px;
-  }
-  .setting-box .unit-box{
+}
+
+.setting-box .unit-box {
     display: inline-block;
     vertical-align: top;
-  }
-  .setting-box .unit-box>div{
+}
+
+.setting-box .unit-box>div {
     margin-bottom: 4px;
-  }
-  .long-width .el-checkbox__label{
+}
+
+.long-width .el-checkbox__label {
     width: calc(100% - 18px);
-  }
-  .long-width .text{
+}
+
+.long-width .text {
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-  }
-  .mini-size.ellipsis{
+}
+
+.mini-size.ellipsis {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     display: inline-block;
-  }
-  .small-input{
+}
+
+.small-input {
     border-radius: 2px;
     outline: 0;
     border: 1px solid #EBEEF5;
     line-height: 16px;
     padding: 2px 4px;
-  }
-  .small-level-detail{
+}
+
+.small-level-detail {
     padding: 12px;
     background: #eaeaea;
     width: 100%;
     box-sizing: border-box;
     border-radius: 2px;
     margin-top: 8px;
-  }
-  .tools-child.active{
+}
+
+.tools-child.active {
     background: #F9E6E8;
     color: #D0021B;
-  }
-  .tools-child.active span{
+}
+
+.tools-child.active span {
     background: #F9E6E8;
     color: #D0021B !important;
-  }
-  .tools-child.active:hover{
-    background: #F9E6E8 !important;;
-  }
-  .module-container-check{
+}
+
+.tools-child.active:hover {
+    background: #F9E6E8 !important;
+    ;
+}
+
+.module-container-check {
     position: absolute;
     left: -20px;
     top: calc(50% - 8px);
-  }
-  .module-checkbox{
+}
+
+.module-checkbox {
     color: #e6e6e6;
     font-size: 14px;
     cursor: pointer;
-  }
-  .module-checkbox.active{
+}
+
+.module-checkbox.active {
     color: #D0021B;
-  }
-  .module-container-outer{
+}
+
+.module-container-outer {
     position: relative;
-  }
-  #dragBox{
+}
+
+#dragBox {
     position: fixed;
     left: 0;
     top: 0;
@@ -1458,11 +1755,13 @@
     background: #fff;
     opacity: 0.8;
     display: none;
-  }
-  #dragBox.active{
+}
+
+#dragBox.active {
     display: block;
-  }
-  #assistCard{
+}
+
+#assistCard {
     position: fixed;
     left: 0px;
     top: 0px;
@@ -1472,122 +1771,152 @@
     border-radius: 4px;
     user-select: none;
     padding: 4px 0;
-  }
-  .assist-card{
+}
+
+.assist-card {
     padding: 4px 0;
-  }
-  .assist-card+.assist-card{
+}
+
+.assist-card+.assist-card {
     border-top: 1px solid #eaeaea;
-  }
-  .assist-card li{
+}
+
+.assist-card li {
     padding: 4px 16px;
-  }
-  .assist-card li:hover{
+}
+
+.assist-card li:hover {
     color: #D0021B;
     background: #F9E6E8;
-  }
-  .assist-card li{
+}
+
+.assist-card li {
     cursor: pointer;
     font-size: 14px;
-  }
-  .module-container-outer.cutted{
+}
+
+.module-container-outer.cutted {
     opacity: 0.4;
-  }
-  .assist-card .tip{
+}
+
+.assist-card .tip {
     color: #999;
-  }
-  .index-condition-list{
+}
+
+.index-condition-list {
     padding-bottom: 12px;
-  }
-  .index-condition-list li+li{
+}
+
+.index-condition-list li+li {
     margin-top: 8px;
-  }
-  .edit-condition{
+}
+
+.edit-condition {
     padding-bottom: 12px;
-  }
-  .index-number .number{
+}
+
+.index-number .number {
     color: #D0021B;
     margin-bottom: 4px;
-  }
-  .index-number .item-name{
+}
+
+.index-number .item-name {
     color: #999;
     font-size: 12px;
-  }
-  .index-number-item{
+}
+
+.index-number-item {
     text-align: center;
     font-weight: normal;
-  }
-  .index-number-item+.index-number-item{
+}
+
+.index-number-item+.index-number-item {
     margin-left: 12px;
-  }
-  .index-number{
+}
+
+.index-number {
     padding: 0 20px;
     border-left: 1px solid #eaeaea;
     margin-left: 20px;
     display: flex;
-  }
-  .contentIndexList{
+}
+
+.contentIndexList {
     height: 350px;
     overflow: scroll;
-  }
-  .contentIndexList li{
+}
+
+.contentIndexList li {
     font-size: 12px;
     padding: 4px 0;
     cursor: pointer;
-  }
-  .contentIndexList li:hover{
+}
+
+.contentIndexList li:hover {
     color: #D0021B;
-  }
-  .condition-index-name{
+}
+
+.condition-index-name {
     cursor: pointer;
-  }
-  .condition-index-name:hover{
+}
+
+.condition-index-name:hover {
     color: #D0021B;
-  }
-  .cal-conditin-item{
+}
+
+.cal-conditin-item {
     /* background: rgb(245, 247, 250); */
     padding: 8px;
     border-radius: 4px;
     background: #fff;
     display: flex;
     align-items: center;
-  }
-  .cal-conditin-item+.cal-conditin-item{
+}
+
+.cal-conditin-item+.cal-conditin-item {
     margin-top: 8px;
-  }
-  .cal-condition-edit-box{
+}
+
+.cal-condition-edit-box {
     padding: 8px;
     border: 1px dashed #eaeaea;
     margin-top: 12px;
     width: 800px;
     padding-left: 0;
-  }
-  .complete-cal-box+.complete-cal-box{
+}
+
+.complete-cal-box+.complete-cal-box {
     margin-top: 4px;
-  }
-  .complete-cal-item{
+}
+
+.complete-cal-item {
     display: flex;
     align-items: baseline;
     flex-wrap: wrap;
-  }
-  .complete-cal-item.link-text{
+}
+
+.complete-cal-item.link-text {
     display: block;
     margin-bottom: 4px;
-  }
-  .complete-cal-box{
+}
+
+.complete-cal-box {
     flex: auto;
-  }
-  .complete-cal-container+.complete-cal-container{
+}
+
+.complete-cal-container+.complete-cal-container {
     margin-top: 8px;
-  }
-  .complete-cal-container{
+}
+
+.complete-cal-container {
     display: flex;
     background: rgb(245, 247, 250);
     padding: 8px;
     align-items: center;
     width: 800px;
-  }
-  .cal-condition-edit{
+}
+
+.cal-condition-edit {
     min-width: 30px;
     width: 30px;
     height: 30px;
@@ -1597,58 +1926,74 @@
     background: #fff;
     border-radius: 100px;
     line-height: 30px;
-  }
-  .cal-condition-edit:hover{
+}
+
+.cal-condition-edit:hover {
     color: #D0021B;
-  }
-  .cal-conditin-item-box{
+}
+
+.cal-conditin-item-box {
     flex: auto;
-  }
-  .cal-condition-edit.gray{
+}
+
+.cal-condition-edit.gray {
     background: rgb(245, 247, 250);
-  }
-  .condition-index:hover{
+}
+
+.condition-index:hover {
     color: #D0021B;
-  }
-  .condition-index{
+}
+
+.condition-index {
     cursor: pointer;
-  }
-  .complete-cal-item .symbol{
+}
+
+.complete-cal-item .symbol {
     font-size: 16px;
     font-weight: bold;
     margin: 0 8px;
-  }
-  .cal-item{
+}
+
+.cal-item {
     cursor: pointer;
-  }
-  .cal-item:hover{
+}
+
+.cal-item:hover {
     color: #D0021B;
-  }
-  .content-index.error{
+}
+
+.content-index.error {
     background: #ff5864;
     color: #000;
-  }
-  img.error{
+}
+
+img.error {
     border: 10px solid #ff5864;
-  }
-  /* 图表开始 */
-  .xline-example{
+}
+
+
+/* 图表开始 */
+
+.xline-example {
     display: inline-block;
     width: 100px;
     height: 28px;
-    border-top:1px solid #d6d6d6;
+    border-top: 1px solid #d6d6d6;
     text-align: center;
     position: relative;
     font-size: 0px;
-  }
-  .xline-example span{
+}
+
+.xline-example span {
     font-size: 13px;
     cursor: pointer;
-  }
-  .xline-example span:hover{
+}
+
+.xline-example span:hover {
     color: #D0021B;
-  }
-  .xline-example::before{
+}
+
+.xline-example::before {
     content: '';
     width: 1px;
     background: #d6d6d6;
@@ -1656,8 +2001,9 @@
     position: absolute;
     left: -1px;
     top: 0;
-  }
-  .xline-example::after{
+}
+
+.xline-example::after {
     content: '';
     width: 1px;
     background: #d6d6d6;
@@ -1665,22 +2011,25 @@
     position: absolute;
     right: 0;
     top: 0;
-  }
-  .xline-example{
+}
+
+.xline-example {
     line-height: 28px;
-  }
-  .chart-format{
-    min-width: 240px; 
-    display: inline-block; 
-    overflow: overlay; 
-    border: 1px solid #eaeaea; 
+}
+
+.chart-format {
+    min-width: 240px;
+    display: inline-block;
+    overflow: overlay;
+    border: 1px solid #eaeaea;
     margin-left: 12px;
     padding: 12px;
     box-sizing: border-box;
     height: 184px;
     border-radius: 4px;
-  }
-  .yline-container{
+}
+
+.yline-container {
     width: 200px;
     height: 80px;
     border: 1px solid #eaeaea;
@@ -1691,90 +2040,102 @@
     align-items: center;
     text-align: center;
     font-size: 12px;
-  }
-  .yline-container span{
+}
+
+.yline-container span {
     color: #D0021B;
     cursor: pointer;
-  }
-  .yline-container span+span{
+}
+
+.yline-container span+span {
     margin-left: 12px;
-  }
-  .left-line{
+}
+
+.left-line {
     height: 80px;
     width: 12px;
     margin-right: 12px;
     border: 1px solid #d4d4d4;
     border-right: 0;
     position: relative;
-  }
-  .left-line.widthBorder{
+}
+
+.left-line.widthBorder {
     border-top: 0;
     border-bottom: 0;
-  }
-  .right-line.widthBorder{
+}
+
+.right-line.widthBorder {
     border-top: 0;
     border-bottom: 0;
-  }
-  .left-line .index{
+}
+
+.left-line .index {
     position: absolute;
     left: 3px;
     bottom: 32px
-  }
-  .left-line .icon{
+}
+
+.left-line .icon {
     position: absolute;
     left: 1px;
     bottom: -18px;
     cursor: pointer;
-  }
-  .left-line .border-icon{
+}
+
+.left-line .border-icon {
     position: absolute;
     left: -1px;
     bottom: 2px;
     cursor: pointer;
     color: #d4d4d4;
     cursor: pointer;
-  }
-  .left-line .border-icon.active{
-   color: #D0021B;
-  }
-  .yline-editor{
+}
+
+.left-line .border-icon.active {
+    color: #D0021B;
+}
+
+.yline-editor {
     display: flex;
     align-items: center;
     margin-bottom: 24px;
-  }
-  .yline-container+.left-line{
+}
+
+.yline-container+.left-line {
     margin-left: 12px;
-  }
-  .structure-condition-item{
+}
+
+.structure-condition-item {
     border-radius: 2px;
     position: relative;
     padding: 1px;
-  }
-  .structure-condition-item.active{
-    background: repeating-linear-gradient(
-      135deg,
-      transparent,
-      transparent 4px,
-      #D8D8D8 4px,
-      #D8D8D8 8px
-    );
+}
+
+.structure-condition-item.active {
+    background: repeating-linear-gradient( 135deg, transparent, transparent 4px, #D8D8D8 4px, #D8D8D8 8px);
     animation: move 1s infinite linear;
-  }
-  /* .structure-condition-item+.structure-condition-item{
+}
+
+
+/* .structure-condition-item+.structure-condition-item{
     margin-top: 10px;
   } */
-  .condition-item-inner{
+
+.condition-item-inner {
     background-color: #fff;
     padding: 8px 12px;
     box-sizing: border-box;
     background: rgb(245, 247, 250);
     display: block;
     width: 100%;
-  }
-  .structure-condition-item.active .close-condition-item{
+}
+
+.structure-condition-item.active .close-condition-item {
     display: block;
-  }
-  .close-condition-item{
+}
+
+.close-condition-item {
     font-size: 0;
     position: absolute;
     background: #fff;
@@ -1784,57 +2145,70 @@
     top: -8px;
     box-shadow: 0 0px 4px rgba(0, 0, 0, 0.3);
     display: none;
-  }
-  @keyframes move {
+}
+
+@keyframes move {
     from {
-      background-position: -1px;
+        background-position: -1px;
     }
     to {
-      background-position: -12px;
+        background-position: -12px;
     }
-  }
-  .close-condition-item span{
+}
+
+.close-condition-item span {
     font-size: 16px;
     color: #D0021B;
     cursor: pointer;
-  }
-  .sub-condition-item+.sub-condition-item{
+}
+
+.sub-condition-item+.sub-condition-item {
     margin-top: 4px;
-  }
-  .sub-condition-link{
+}
+
+.sub-condition-link {
     color: #999;
-  }
-  .sub-condition-link.active{
+}
+
+.sub-condition-link.active {
     color: #D0021B;
-  }
-  .link-symbol{
+}
+
+.link-symbol {
     margin: 0 4px;
     font-size: 16px;
     font-weight: bold;
-  }
-  .structure-condition-edit{
+}
+
+.structure-condition-edit {
     padding: 10px 0;
-  }
-  .structure-condition-edit .el-link{
+}
+
+.structure-condition-edit .el-link {
     font-size: 12px;
     color: #D0021B;
-  }
-  .structure-condition-edit .el-link+.el-link{
+}
+
+.structure-condition-edit .el-link+.el-link {
     margin-left: 10px;
-  }
-  .condition-item-action{
-    color: #D0021B; 
-    cursor: pointer; 
-    display: inline-block; 
+}
+
+.condition-item-action {
+    color: #D0021B;
+    cursor: pointer;
+    display: inline-block;
     margin-right: 8px;
-  }
-  .condition-item-action:hover{
-    color: #FF001F; 
-  }
-  .condition-structure{
+}
+
+.condition-item-action:hover {
+    color: #FF001F;
+}
+
+.condition-structure {
     display: inline;
-  }
-  .condition-label{
+}
+
+.condition-label {
     position: absolute;
     top: 0;
     right: -20px;
@@ -1846,13 +2220,15 @@
     border-left: 0;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
-  }
-  #watermark{
+}
+
+#watermark {
     position: absolute;
     left: 0;
     top: 0;
-  }
-  .water-make-list{
+}
+
+.water-make-list {
     width: 132px;
     height: 78px;
     border: 1px solid #eaeaea;
@@ -1863,63 +2239,79 @@
     background-size: contain;
     background-position: center center;
     background-repeat: no-repeat;
-  }
-  .water-make-list.black{
+}
+
+.water-make-list.black {
     background-color: #333;
-  }
-  .water-make-list+.water-make-list{
+}
+
+.water-make-list+.water-make-list {
     margin-left: 10px;
-  }
-  .water-make-list .icon{
+}
+
+.water-make-list .icon {
     position: absolute;
     right: 10px;
     bottom: 10px;
-    font-size: 20px; 
+    font-size: 20px;
     color: #d0021b;
-  }
-  .smallSize.condition-type{
+}
+
+.smallSize.condition-type {
     padding: 12px;
     margin: 6px 0;
     background: rgb(245, 247, 250);
-  }
-  .smallSize.structure-condition-item{
+}
+
+.smallSize.structure-condition-item {
     margin: 6px 0;
-  }
-  .smallSize.structure-condition-item .condition-item-inner{
+}
+
+.smallSize.structure-condition-item .condition-item-inner {
     padding: 11px 12px
-  }
-  .title-item{
+}
+
+.title-item {
     padding: 20px 0;
     border-bottom: 1px solid #eaeaea
-  }
-  .title-item.activeUp{
+}
+
+.title-item.activeUp {
     border-top: 1px solid #D0021B;
-  }
-  .title-item.activeDown{
+}
+
+.title-item.activeDown {
     border-bottom: 1px solid #D0021B;
-  }
-  .custom-tree-node{
+}
+
+.custom-tree-node {
     display: flex;
-  }
-  .tree-span{
+}
+
+.tree-span {
     display: inline-block;
     width: 160px;
     flex: auto;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-  }
-  .custom-tree-node .icon{
+}
+
+.custom-tree-node .icon {
     min-width: 20px;
-  }
-  .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+}
+
+.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
     background-color: #d0021b;
     color: #fff;
-  }
-  .selected-condition-box+.selected-condition-box{
+}
+
+.selected-condition-box+.selected-condition-box {
     margin-top: 12px;
-  }
-  /* .calculater-display{
+}
+
+
+/* .calculater-display{
     border: 1px solid #eaeaea;
     height: 320px;
     box-sizing: border-box;
@@ -1928,7 +2320,9 @@
     overflow: scroll;
     overflow-x: hidden;
   } */
-  /* .calculater-keybord{
+
+
+/* .calculater-keybord{
     font-size: 0px;
     border: 1px solid #eaeaea;
     border-top: 0;
@@ -1936,10 +2330,12 @@
     width: 794px;
     height: 40px;
   } */
-  .calculater-keybord .single-bord:last-child{
+
+.calculater-keybord .single-bord:last-child {
     border-right: 1px solid #eaeaea;
-  }
-  .calculater-keybord .single-bord{
+}
+
+.calculater-keybord .single-bord {
     width: 40px;
     height: 40px;
     text-align: center;
@@ -1951,71 +2347,92 @@
     user-select: none;
     float: left;
     border-right: 1px solid #eaeaea;
-  }
-  .calculater-keybord .single-bord.long{
+}
+
+.calculater-keybord .single-bord.long {
     width: 80px;
-  }
-  .calculater-keybord .single-bord.active{
+}
+
+.calculater-keybord .single-bord.active {
     color: #d0021b;
     background: #FFE7E7;
-  }
-  .calculater-keybord .single-bord.active:active{
+}
+
+.calculater-keybord .single-bord.active:active {
     color: #fff;
     background: #d0021b;
-  }
-  .calculater-keybord .single-bord:active{
+}
+
+.calculater-keybord .single-bord:active {
     background: #FFE7E7;
-  }
-  .calculater-keybord .single-bord:hover{
+}
+
+.calculater-keybord .single-bord:hover {
     color: #d0021b;
-  }
-  .calculater-keybord .single-bord.text{
+}
+
+.calculater-keybord .single-bord.text {
     font-size: 12px;
-  }
-  .calculater-operation{
+}
+
+.calculater-operation {
     margin-top: 12px;
-  }
-  /* .calculater-tip{
+}
+
+
+/* .calculater-tip{
     font-size: 12px;
   } */
-  .calculater-operation span{
+
+.calculater-operation span {
     display: inline-block;
     padding: 4px 8px;
     border: 1px solid #eaeaea;
     border-radius: 4px;
     cursor: pointer;
-  }
-  .calculater-operation span:active{
+}
+
+.calculater-operation span:active {
     color: #d0021b;
     background: #FFE7E7;
-  }
-  .calculater-operation span:hover{
+}
+
+.calculater-operation span:hover {
     background: #FFE7E7;
-  }
-  .activeLink{
+}
+
+.activeLink {
     color: #d0021b;
-  }
-  .el-divider__text, .el-link{
+}
+
+.el-divider__text,
+.el-link {
     font-size: 12px;
-  }
-  .el-divider__text, .el-link+.el-link{
+}
+
+.el-divider__text,
+.el-link+.el-link {
     margin-left: 10px;
-  }
-  .el-link.el-link--default{
+}
+
+.el-link.el-link--default {
     color: #d0021b;
-  }
-  .header-search-box{
+}
+
+.header-search-box {
     width: 50%;
     margin: 0 auto;
     background: #f1f1f1;
     line-height: 36px;
     padding: 0 12px;
     box-sizing: border-box;
-  }
-  .header-search-box .icon{
+}
+
+.header-search-box .icon {
     font-size: 14px;
-  }
-  .header-search-box input{
+}
+
+.header-search-box input {
     border: 0;
     outline: 0;
     background: #f1f1f1;
@@ -2023,22 +2440,26 @@
     font-size: 14px;
     width: calc(100% - 20px);
     box-sizing: border-box;
-  }
-  .header-search-box input:focus{
+}
+
+.header-search-box input:focus {
     outline: 0;
-  }
-  .flex{
+}
+
+.flex {
     display: flex;
     align-items: center;
-  }
-  .more-icon{
+}
+
+.more-icon {
     font-size: 16px;
     background: #f1f1f1;
     border-radius: 20px;
     padding: 4px;
     cursor: pointer;
-  }
-  .cal-index-detail{
+}
+
+.cal-index-detail {
     border: 1px solid #eaeaea;
     font-size: 12px;
     padding: 10px;
@@ -2047,107 +2468,133 @@
     height: 400px;
     overflow: overlay;
     max-width: 320px;
-  }
-  .cal-index{
+}
+
+.cal-index {
     background: #FFE7E7;
     /* margin: 0 2px; */
-  }
-  .cal-index.active{
+}
+
+.cal-index.active {
     color: #d0021b;
-  }
-  .calculater-display input{
+}
+
+.calculater-display input {
     outline: 0;
     border: 0;
     cursor: pointer;
     font-size: 12px;
     text-align: center;
     margin: 2px 1px;
-  }
-  .calculater-display input:focus{
+}
+
+.calculater-display input:focus {
     outline: 0;
-  }
-  .calculater-display .cal-index.brackets{
+}
+
+.calculater-display .cal-index.brackets {
     background: #d0daff;
-  }
-  #invented{
+}
+
+#invented {
     position: fixed;
     opacity: 0;
     left: 0;
     top: 0;
     z-index: -1;
     font-size: 12px;
-  }
-  .table-condition{
+}
+
+.table-condition {
     border-bottom: 1px solid #eaeaea;
     padding-bottom: 12px;
-  }
-  .mini.el-input--mini .el-input__inner{
+}
+
+.mini.el-input--mini .el-input__inner {
     height: 20px;
     line-height: 20px;
     /* border-radius: 4px; */
     padding: 0 4px;
-  }
-  .mini.el-input--mini .el-input-group__append{
+}
+
+.mini.el-input--mini .el-input-group__append {
     min-width: 10px;
     text-align: center;
     padding: 0 4px;
-  }
-  .mini.el-select .el-input--mini .el-input__inner{
+}
+
+.mini.el-select .el-input--mini .el-input__inner {
     height: 20px;
     line-height: 20px;
     padding-left: 4px;
     padding-right: 4px;
-  }
-  .mini.el-select .el-input .el-select__caret{
+}
+
+.mini.el-select .el-input .el-select__caret {
     line-height: 20px;
-  }
-  .controller-item+.controller-item{
+}
+
+.controller-item+.controller-item {
     margin-top: 8px;
-  }
-  .mini .el-switch__core{
+}
+
+.mini .el-switch__core {
     height: 14px;
-  }
-  .mini .el-switch__core:after{
+}
+
+.mini .el-switch__core:after {
     height: 10px;
     width: 10px;
-  }
-  .mini.el-switch.is-checked .el-switch__core::after{
+}
+
+.mini.el-switch.is-checked .el-switch__core::after {
     width: 10px;
     height: 10px;
-  }
-  .mini.el-switch.is-checked .el-switch__core::after{
+}
+
+.mini.el-switch.is-checked .el-switch__core::after {
     margin-left: -11px;
-  }
-  .mini .el-input__inner{
+}
+
+.mini .el-input__inner {
     height: 20px;
     line-height: 20px;
     font-size: 12px;
-  }
-  .mini .el-input__icon{
+}
+
+.mini .el-input__icon {
     line-height: 20px;
-  }
-  .mini.el-input--suffix .el-input__inner{
+}
+
+.mini.el-input--suffix .el-input__inner {
     padding-right: 0;
-  }
-  .mini .el-input__icon{
+}
+
+.mini .el-input__icon {
     width: 20px;
-  }
-  .mini  .el-input__inner{
+}
+
+.mini .el-input__inner {
     font-size: 12px;
     line-height: 20px;
     height: 20px;
-  }
-  .mini.el-select .el-input__inner{
+}
+
+.mini.el-select .el-input__inner {
     padding-left: 4px;
-  }
-  .mini .el-radio__inner{
+}
+
+.mini .el-radio__inner {
     width: 10px;
     height: 10px;
-  }
-  .cal-container{
+}
+
+.cal-container {
     position: relative;
-  }
-  /* .cal-container::after{
+}
+
+
+/* .cal-container::after{
     content: '';
     position: absolute;
     height: 1px;
@@ -2156,17 +2603,20 @@
     width: 100%;
     background: #eaeaea;
   } */
-  .absolute-operation{
+
+.absolute-operation {
     position: absolute;
     right: 4px;
     top: 8px;
     font-size: 14px;
     cursor: pointer;
-  }
-  .absolute-operation:hover{
+}
+
+.absolute-operation:hover {
     color: #D0021B;
-  }
-  .show-display{
+}
+
+.show-display {
     padding: 4px;
     width: 100%;
     box-sizing: border-box;
@@ -2177,41 +2627,373 @@
     overflow: scroll;
     overflow-x: hidden;
     min-height: 80px;
-  }
-  .show-display span{
+}
+
+.show-display span {
     display: inline;
     margin: 0 2px;
     word-break: break-all;
-  }
-  .mini-size .el-tabs__nav-next, .mini-size .el-tabs__nav-prev{
+}
+
+.mini-size .el-tabs__nav-next,
+.mini-size .el-tabs__nav-prev {
     line-height: 28px;
-  }
-  .used-condition{
+}
+
+.used-condition {
     background: rgb(245, 247, 250);
     padding: 12px;
-  }
-  .used-condition-list{
+}
+
+.used-condition-list {
     background: #fff;
     padding: 8px;
     display: flex;
     align-items: center;
-  }
-  .used-condition-list+.used-condition-list{
+}
+
+.used-condition-list+.used-condition-list {
     margin-top: 8px;
-  }
-  .condition-detail{
+}
+
+.condition-detail {
     flex: auto;
     color: #666;
-  }
-  .condition-action{
+}
+
+.condition-action {
     color: #D0021B;
     cursor: pointer;
     min-width: 28px;
     text-align: right;
-  }
-  .editor-calculater-box .calculater-keybord{
+}
+
+.editor-calculater-box .calculater-keybord {
     max-width: 794px;
-  }
-  .editor-calculater-box .calculater-display{
+}
+
+.editor-calculater-box .calculater-display {
     max-width: 794px;
-  }
+}
\ No newline at end of file
+
+.analyzer-container {
+    padding: 12px;
+    flex-direction: column;
+    padding: 12px;
+    flex: 1;
+    color: #333;
+    min-width: 1200px;
+}
+
+.analyzer-header {
+    background: #fff;
+    margin-bottom: 12px;
+}
+
+.analyzer-content {
+    background: #fff;
+    padding: 20px;
+    padding-top: 0;
+    font-size: 13px;
+    flex: auto;
+    /* overflow: scroll; */
+    display: flex;
+    flex-direction: column;
+}
+
+.analyzer-header-title {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #EBEEF5;
+    padding: 16px 24px;
+}
+
+.analyzer-header-tab {
+    display: flex;
+    align-items: center;
+}
+
+.analyzer-header-title-name {
+    font-size: 16px;
+    font-weight: bold;
+    margin-right: 46px;
+}
+
+.analyzer-header-tab>div {
+    padding: 0 20px;
+    border-right: 1px solid #EBEEF5;
+    cursor: pointer;
+    font-size: 14px;
+}
+
+.analyzer-header-tab>div.active {
+    color: #D0021B;
+}
+
+.analyzer-header-tab>div:last-child {
+    border-right: 0;
+}
+
+.analyzer-header-condition {
+    padding: 24px 20px;
+    display: flex;
+}
+
+.analyzer-header-condition .common-condition {
+    /* flex: auto; */
+    padding-right: 20px;
+    /* min-width: 1008px; */
+}
+
+.analyzer-header-condition .self-condition {
+    min-width: 200px;
+    border-left: 1px solid #EBEEF5;
+    padding-left: 20px;
+    flex: auto;
+}
+
+.smallSize .el-radio__label {
+    font-size: 12px;
+    padding-left: 6px;
+}
+
+.smallSize .el-radio {
+    margin-right: 12px;
+}
+
+.smallSize .el-radio__inner {
+    width: 12px;
+    height: 12px;
+}
+
+.smallSize .el-radio {
+    font-size: 12px;
+}
+
+
+/* .smallSize .el-radio__inner{
+    height: 12px;
+    width: 12px;
+  } */
+
+.smallSize .el-checkbox__label {
+    font-size: 12px;
+}
+
+.analyzer-header-condition {
+    font-size: 12px;
+}
+
+.condition-title {
+    margin-right: 8px;
+    color: #999;
+    min-width: 54px;
+    padding: 4px 0;
+}
+
+.condition-column {
+    display: flex;
+    align-items: center;
+}
+
+.single-condition {
+    display: flex;
+    align-items: center;
+}
+
+.more-condition {
+    color: #D0021B;
+    margin-left: 24px;
+    cursor: pointer;
+    min-width: 96px;
+}
+
+.light {
+    color: #999;
+}
+
+.table-title {
+    font-size: 13px;
+    color: #333;
+    margin: 16px 0;
+    padding-left: 12px;
+    border-left: 2px solid #D0021B;
+    line-height: 13px;
+}
+
+.table-box-container {
+    display: flex;
+    flex: auto;
+}
+
+.table-box {
+    flex: auto;
+    overflow: scroll;
+    overflow-x: hidden;
+}
+
+.quick-router {
+    min-width: 120px;
+    margin-left: 28px;
+    padding: 24px 0;
+}
+
+.quick-router ul {
+    text-align: left;
+    font-size: 12px;
+    padding-left: 12px;
+    border-left: 1px solid #EBEEF5;
+}
+
+.quick-router ul li {
+    margin-bottom: 12px;
+}
+
+.quick-router ul li.active {
+    color: #D0021B;
+    position: relative;
+}
+
+.quick-router ul li.active::before {
+    content: '';
+    width: 7px;
+    height: 7px;
+    border-radius: 7px;
+    position: absolute;
+    left: -18px;
+    top: 3px;
+    background: #D0021B;
+    border: 2px solid #FFD2D8;
+}
+
+.table-wrap {
+    padding: 12px 0;
+}
+
+.search-content {
+    font-size: 12px;
+    max-height: 100px;
+    overflow: scroll;
+}
+
+.search-content>div {
+    padding: 4px 8px;
+    cursor: pointer;
+}
+
+.search-content>div:hover {
+    background: rgb(245, 247, 250);
+}
+
+.block-box {
+    margin-bottom: 24px;
+}
+
+.block-box-title {
+    color: #999;
+    font-size: 12px;
+    margin-bottom: 12px;
+}
+
+.outline-table {
+    font-size: 14px;
+    width: 886px;
+    margin: 0 auto;
+    /* border: 1px solid #EBEEF5; */
+    margin-top: 36px;
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
+    padding: 20px 48px;
+    color: #666;
+    background: #fff;
+    margin-bottom: 24px;
+}
+
+.outline-table-header {
+    text-align: center;
+    padding: 20px 0;
+    border-bottom: 1px solid #EBEEF5;
+    padding-bottom: 28px;
+}
+
+.outline-table-header .title {
+    font-size: 20px;
+    font-weight: bold;
+    padding: 12px 0;
+    color: #333;
+}
+
+.outline-table-content {
+    text-align: left;
+    padding: 24px 0;
+}
+
+.outline-table-content .title {
+    font-weight: bold;
+    margin-bottom: 8px;
+    font-size: 14px;
+    color: #333;
+}
+
+.outline-table-content .project {
+    padding: 16px 0;
+    padding-left: 20px;
+    position: relative;
+}
+
+.outline-table-content .project::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 21px;
+    width: 8px;
+    height: 8px;
+    border-radius: 8px;
+}
+
+.outline-table-content .project.red::before {
+    background: #FF6159;
+}
+
+.outline-table-content .project.green::before {
+    background: #28CB42;
+}
+
+.outline-table-content .project.yellow::before {
+    background: #FFBD2E;
+}
+
+.outline-table-content .project.blue::before {
+    background: #2869CB;
+}
+
+.dimension-check-box {
+    background: #eaeaea;
+    border-radius: 4px;
+    padding: 4px 8px;
+    margin-right: 8px;
+    margin-bottom: 8px;
+    display: inline-block;
+}
+
+.dimension-check-box i {
+    cursor: pointer;
+    font-size: 12px;
+    margin-left: 4px;
+    color: #999;
+}
+
+.dimension-check-box i:hover {
+    color: #D0021B;
+}
+
+.all-dimension {
+    text-align: left;
+    padding: 4px;
+}
+
+.dimension-check-box.add-more {
+    background: #F9E6E8;
+    color: #D6263B;
+    cursor: pointer;
+    box-sizing: border-box;
+}
\ No newline at end of file

src/views/main_views/newProductionLineEditor/newProductionLineEditor.js

 var conditionFun = {},
     editorData = {},
-    indexs = {},
-    ipcRenderer = null,
+    indexsFun = {},
+    customIpcRenderer = null,
     keyBord = {},
     keyBordCal = {},
     merge = {},
@@ -235,7 +235,7 @@ conditionFun.getSaveCondition = (
 
             case 0: //指标
                 var index = initIndexObj[item.List[0]]
-                var condition = this.getIndexType(index)
+                var condition = conditionFun.getIndexType(index)
 
 
                 var evalObj = getEval(item.Where[0])
@@ -263,7 +263,7 @@ conditionFun.getSaveCondition = (
                     typeContent: index.TypeContent,
                     indexType: 'system'
                 }
-                var text = this.getFullIndexName(obj)
+                var text = conditionFun.getFullIndexName(obj)
                 var width = getInputLength(text) + 'px'
                 inputDom = '<input readonly class="cal-index" type="1" id="' + id + '" style="width:' + width + '" value="' + text + '" />'
                 showDom = '<span type="1">' + text + '</span>'
@@ -272,7 +272,7 @@ conditionFun.getSaveCondition = (
             case 5: //指标
                 var index = initIndexObj[item.List[0]]
 
-                var condition = this.getCustomIndexType(index)
+                var condition = conditionFun.getCustomIndexType(index)
 
                 var evalObj = getEval(item.Where[0])
 
@@ -301,7 +301,7 @@ conditionFun.getSaveCondition = (
 
                     typeContent: null
                 }
-                var text = this.getFullIndexName(obj)
+                var text = conditionFun.getFullIndexName(obj)
                 var width = getInputLength(text) + 'px'
                 inputDom = '<input readonly class="cal-index" type="1" id="' + id + '" style="width:' + width + '" value="' + text + '" />'
                 showDom = '<span type="1">' + text + '</span>'
@@ -1191,11 +1191,11 @@ tools.getIndexs = (initIndexObj) => {
             "Psize": 100,
             "Code": "B",
             'Name': '',
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
         })
             .then((res) => {
                 if (res.data.Status == 1) {
-                    this.creatIndexObj(res.data.Data.Records, initIndexObj)
+                    tools.creatIndexObj(res.data.Data.Records, initIndexObj)
                     resolve()
                 }
             })
@@ -1204,7 +1204,7 @@ tools.getIndexs = (initIndexObj) => {
 tools.creatIndexObj = (initData, initIndexObj) => {
     initData.forEach(element => {
         if (element.Sub.length > 0) {
-            this.creatIndexObj(element.Sub, initIndexObj)
+            tools.creatIndexObj(element.Sub, initIndexObj)
         } else {
             initIndexObj[element.Code] = element
             var tableName = element.Origin ? element.Origin.TableComment : null
@@ -1266,8 +1266,8 @@ tools.getSaveCondition = (activeIndexCondition, condition, initIndex, initIndexO
 
             case 0:  //指标
                 var index = initIndexObj[item.List[0]]
-                var condition = this.getIndexType(index)
-                var evalObj = this.getEval(item.Where[0])
+                var condition = tools.getIndexType(index)
+                var evalObj = tools.getEval(item.Where[0])
 
                 obj = {
                     code: item.List[0],
@@ -1291,8 +1291,8 @@ tools.getSaveCondition = (activeIndexCondition, condition, initIndex, initIndexO
                     needCompany: condition.needCompany,
                     typeContent: index.TypeContent
                 }
-                var text = this.getFullIndexName(obj)
-                var width = this.getInputLength(text) + 'px'
+                var text = tools.getFullIndexName(obj)
+                var width = tools.getInputLength(text) + 'px'
                 inputDom = '<input readonly class="cal-index" type="1" id="' + id + '" style="width:' + width + '" value="' + text + '" />'
                 showDom = '<span type="1">' + text + '</span>'
                 paramsType = 'indexParams'
@@ -1305,7 +1305,7 @@ tools.getSaveCondition = (activeIndexCondition, condition, initIndex, initIndexO
                     type: 4,
                     value: item.Value
                 }
-                var width = this.getInputLength(item.Value) + 'px'
+                var width = tools.getInputLength(item.Value) + 'px'
                 var moreClass = ''
                 switch (item.Value) {
                     case '(': case ')':
@@ -1324,8 +1324,8 @@ tools.getSaveCondition = (activeIndexCondition, condition, initIndex, initIndexO
                     type: 3,
                     value: item.Value
                 }
-                var text = item.Value + "[" + this.getFormatValue(item.Value) + "]"
-                var width = this.getInputLength(text) + 'px'
+                var text = item.Value + "[" + tools.getFormatValue(item.Value) + "]"
+                var width = tools.getInputLength(text) + 'px'
                 inputDom = '<input readonly class="cal-index" type="3" id="' + id + '" style="width:' + width + '" value="' + text + '" />'
                 showDom = '<span type="3">' + text + '</span>'
                 paramsType = 'numParams'
@@ -1337,7 +1337,7 @@ tools.getSaveCondition = (activeIndexCondition, condition, initIndex, initIndexO
                     value: item.Value
                 }
                 var text = item.Value
-                var width = this.getInputLength(text) + 'px'
+                var width = tools.getInputLength(text) + 'px'
                 inputDom = '<input readonly class="cal-index" type="2" id="' + id + '" style="width:' + width + '" value="' + text + '" />'
                 showDom = '<span type="2">' + text + '</span>'
                 paramsType = 'dateParams'
@@ -1366,7 +1366,7 @@ tools.getSaveCondition = (activeIndexCondition, condition, initIndex, initIndexO
                         dom: '',
                         showDom: ''
                     }
-                    this.getSaveCondition(obj.paramsValue[index], item.Args[index], initIndex, initIndexObj, companyNameObj, keyboardObj)
+                    tools.getSaveCondition(obj.paramsValue[index], item.Args[index], initIndex, initIndexObj, companyNameObj, keyboardObj)
                 })
 
                 // origin.params.forEach((item,index) => {
@@ -1374,13 +1374,13 @@ tools.getSaveCondition = (activeIndexCondition, condition, initIndex, initIndexO
                 // })
                 var arr = []
                 obj.paramsValue.forEach(item => {
-                    var text = this.getShowDomText(item.showDom)
+                    var text = tools.getShowDomText(item.showDom)
                     arr.push(text)
                 })
                 var name = obj.key.replace('( )', '')
                 var value = name + '(' + arr.join(', ') + ')'
                 var text = value
-                var width = this.getInputLength(text) + 'px'
+                var width = tools.getInputLength(text) + 'px'
 
                 inputDom = '<input readonly class="cal-index" type="5" id="' + id + '" style="width:' + width + '" value="' + text + '" />'
                 showDom = '<span type="5">' + text + '</span>'
@@ -1548,7 +1548,7 @@ tools.formatShowDom = (spans) => {
         var value = item.innerText
         var br = document.createElement('br')
         if ('()&&||+-*/'.indexOf(value) >= 0 || (item.nextSibling && '()&&||+-*/'.indexOf(item.nextSibling.innerText) >= 0)) {
-            this.insertAfter(br, item)
+            tools.insertAfter(br, item)
         }
     })
     Array.from(spans).forEach((item, index) => {
@@ -1566,13 +1566,13 @@ tools.formatShowDom = (spans) => {
     brackets.forEach((item, index) => {
         if (index == 0) {
             item.indent = 0
-            var text = this.createAppointedText(item.indent)
+            var text = tools.createAppointedText(item.indent)
             item.from.parentNode.insertBefore(text, item.from)
         } else {
             var newIndent = brackets[index - 1].indent
             if (brackets[index - 1].value !== item.value) {
                 item.indent = newIndent
-                var text = this.createAppointedText(newIndent)
+                var text = tools.createAppointedText(newIndent)
                 item.from.parentNode.insertBefore(text, item.from)
             } else {
                 if (item.value == '(') {
@@ -1580,7 +1580,7 @@ tools.formatShowDom = (spans) => {
                 } else {
                     item.indent = newIndent - 4
                 }
-                var text = this.createAppointedText(item.indent)
+                var text = tools.createAppointedText(item.indent)
                 item.from.parentNode.insertBefore(text, item.from)
             }
             numArea.push({
@@ -1603,17 +1603,17 @@ tools.formatShowDom = (spans) => {
                     } else {
                         newIndent = area.indent
                     }
-                    var text = this.createAppointedText(newIndent)
+                    var text = tools.createAppointedText(newIndent)
                     item.parentNode.insertBefore(text, item)
                 }
             })
         }
     })
 }
-indexs.getMyindexs = (that) => {
+indexsFun.getMyindexs = (that) => {
     return new Promise((resolve, reject) => {
         http.netPost('Data/CustomIndex/GetMyIndexArchives', {
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
         })
             .then((res) => {
                 if (res.data.Status == 1) {
@@ -1628,17 +1628,17 @@ indexs.getMyindexs = (that) => {
                         item.parentId = that.categoryDic[item.ParentId]
                     })
                     var categroyData = JSON.parse(JSON.stringify(res.data.Data))
-                    that.myTreeData = this.setTreeData(this.indexIntoCategroy(categroyData, that), 'myId', 'parentId')
+                    that.myTreeData = indexsFun.setTreeData(indexsFun.indexIntoCategroy(categroyData, that), 'myId', 'parentId')
                     resolve()
                 }
             })
     })
 }
-indexs.getAllindexs = (that) => {
+indexsFun.getAllindexs = (that) => {
     return new Promise((resolve, reject) => {
         http.netPost('Data/CustomIndex/GetCustomIndexByIds', {
             "ids": [],
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
         })
             .then((res) => {
                 if (res.data.Status == 1) {
@@ -1656,11 +1656,11 @@ indexs.getAllindexs = (that) => {
             })
     })
 }
-indexs.getAllindexsModule = (that) => {
+indexsFun.getAllindexsModule = (that) => {
 
     return new Promise((resolve, reject) => {
         http.netPost('Data/CustomIndex/GetCustomIndexModel', {
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
         })
             .then((res) => {
                 if (res.data.Status == 1) { //myIndexModuleData
@@ -1688,18 +1688,18 @@ indexs.getAllindexsModule = (that) => {
 
                         })
                     })
-                    this.handleIndexData(res.data.Data)
+                    indexsFun.handleIndexData(res.data.Data)
                     // that.myIndexModuleData = res.data.Data
                     resolve()
                 }
             })
     })
 }
-indexs.getMyindexsModule = (that) => {
+indexsFun.getMyindexsModule = (that) => {
 
     return new Promise((resolve, reject) => {
         http.netPost('Data/CustomIndex/GetMyCustomIndexModel', {
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
         })
             .then((res) => {
                 if (res.data.Status == 1) { //myIndexModuleData
@@ -1717,14 +1717,14 @@ indexs.getMyindexsModule = (that) => {
                             })
                         })
                     })
-                    this.handleIndexData(res.data.Data)
+                    indexsFun.handleIndexData(res.data.Data)
                     that.myIndexModuleData = res.data.Data
                     resolve()
                 }
             })
     })
 }
-indexs.handleIndexData = (data) => {
+indexsFun.handleIndexData = (data) => {
     data.forEach((item) => {
 
         item.Models.forEach((sub) => {
@@ -1755,7 +1755,7 @@ indexs.handleIndexData = (data) => {
 
     })
 }
-indexs.setTreeData = (jsonData, id, pid) => {
+indexsFun.setTreeData = (jsonData, id, pid) => {
     let result = [],
         temp = {}
     for (let i = 0; i < jsonData.length; i++) {
@@ -1775,7 +1775,7 @@ indexs.setTreeData = (jsonData, id, pid) => {
     }
     return result
 }
-indexs.indexIntoCategroy = (data, that) => {
+indexsFun.indexIntoCategroy = (data, that) => {
     var newData = JSON.parse(JSON.stringify(data))
     data.forEach(item => {
         item.WdCustomIndex.forEach(sub => {
@@ -1795,7 +1795,7 @@ indexs.indexIntoCategroy = (data, that) => {
     })
     return newData
 }
-indexs.myIndexClick = (data, that) => {
+indexsFun.myIndexClick = (data, that) => {
     var select = window.getSelection()
     if (select.anchorNode.classList && select.anchorNode.classList.contains('el-input')) {
         that.$message({
@@ -1858,7 +1858,7 @@ indexs.myIndexClick = (data, that) => {
         return false
     }
 }
-indexs.getDom = (data, that) => {
+indexsFun.getDom = (data, that) => {
 
     tools.getUsedCompany(data.Algorithm.Object, that.companyNameObj).then(res => {
         var activeIndexCondition = {
@@ -1886,7 +1886,7 @@ indexs.getDom = (data, that) => {
         })
     })
 }
-ipcRenderer = (ipcRenderer, that) => {
+customIpcRenderer = (ipcRenderer, that) => {
     ipcRenderer.on('copy-reply', function (event, arg) {
         that.copyHtml = arg
     })

src/views/main_views/newProductionLineEditor/routers/lineEditor/lineEditor.js

@@ -6,7 +6,7 @@ async function getLineEditor() {
   var value = await loadComponent('lineEditor', window.global.urls.loadUrl + '/src/views/main_views/newProductionLineEditor/routers/lineEditor/lineEditor.vue')
   return {
     data: function () {
-      return renderData.renderData
+      return editorData.renderData
     },
     components: { 'chart': chart, 'condition': condition, 'calculater': calculater },
     template: value.template,
@@ -91,7 +91,7 @@ async function getLineEditor() {
           })
         })
       })
-      renderer(ipcRenderer, this)
+      customIpcRenderer(ipcRenderer, this)
     },
     methods: {
       //打开条件编辑
@@ -543,7 +543,7 @@ async function getLineEditor() {
       //       "Current": 0,
       //       "Psize": 10,
       //       "Name": string,
-      //       "AccountId": store.get('accountId')
+      //       "AccountId": info.accountId
       //     }).then((res) => {
       //       if (res.data.Status == 1) {
       //         this.labelList = res.data.Data.Records
@@ -2188,7 +2188,7 @@ async function getLineEditor() {
       getIndexsModules() {
         return new Promise((resolve, reject) => {
           http.netPost('Module/Basic/GetAllIndexEncodeModuleList', {
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
           })
             .then((res) => {
               this.handleIndexData(res.data.Data)
@@ -3348,7 +3348,7 @@ async function getLineEditor() {
             "Psize": 100,
             "Code": "B",
             'Name': '',
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
           })
             .then((res) => {
               if (res.data.Status == 1) {
@@ -3572,7 +3572,7 @@ async function getLineEditor() {
       //         "Psize": this.psize,
       //         "Name": this.inputModelName,
       //         "CategoryId": null,
-      //         "AccountId": store.get('accountId'),
+      //         "AccountId": info.accountId,
       //         "Indexs": this.inputedIndex == '' ? null : [this.inputedIndex],
       //         "BeforeCreateDate": this.selectedDate == null ? '' : this.selectedDate + ' 23:59:59',
       //       })
@@ -4795,7 +4795,7 @@ async function getLineEditor() {
       },
       checkPermission(list) {
         var result = false
-        var id = store.get('accountId')
+        var id = info.accountId
         for (const item of list) {
           if (item.AccountId == id) {
             result = true
@@ -4882,7 +4882,7 @@ async function getLineEditor() {
         return new Promise((resolve, reject) => {
           http.netPost('ProductLine/ProductLine/GetSingleProductLine', {
             "Id": id,
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
           })
             .then((res) => {
               this.getUsedIndexModules(res.data.Data.Contents, res.data.Data.Titles)
@@ -5549,7 +5549,7 @@ async function getLineEditor() {
           http.netPost('ProductLine/ProductLineVersion/EditSave', {
             "ProductLineVersionId": this.productionLineId,
             "Contents": contents,
-            "AccountId": store.get('accountId'),
+            "AccountId": info.accountId,
             "Titles": Titles,
           })
             .then((res) => {
@@ -5599,7 +5599,7 @@ async function getLineEditor() {
             "Contents": contents,
             "Titles": Titles,
             "isAutoPushArticle": this.productionAutoPush ? 1 : 0,
-            "AccountId": store.get('accountId'),
+            "AccountId": info.accountId,
           })
             .then((res) => {
               if (res.data.Status == 1) {
@@ -5685,7 +5685,7 @@ async function getLineEditor() {
             "StockCodes": companyList,
             "Ids": [this.currentProductionId],
             "T": this.runningYear + this.runningDate,
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
           })
             .then(res => {
               if (res.data.Status == 1) {
@@ -5713,7 +5713,7 @@ async function getLineEditor() {
         return new Promise((resolve, reject) => {
           http.netPost('Task/Basic/GetTaskList', {
             "id": id,
-            "AccountId": this.onlySeeMe ? store.get('accountId') : 0,
+            "AccountId": this.onlySeeMe ? info.accountId : 0,
             "current": 0,
             "psize": 1,
           })
@@ -5731,7 +5731,7 @@ async function getLineEditor() {
             'Psize': 100,
             "TaskId": id,
             "name": '',
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
           })
             .then((res) => {
               if (res.data.Status == 1) {
@@ -5753,7 +5753,7 @@ async function getLineEditor() {
           http.netPost('ProductLine/ProductLine/EditProductLineName', {
             "Id": this.currentProductionId,
             "Name": this.editingProductionName,
-            "AccountId": store.get('accountId'),
+            "AccountId": info.accountId,
           })
             .then((res) => {
               if (res.data.Status == 1) {
@@ -6067,7 +6067,7 @@ async function getLineEditor() {
             },
             "filterConditionContent": conditionFuns.setSaveCondition(this.conditionParamsList['start']),
             "Active": 1,
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
           })
             .then((res) => {
               if (res.data.Status == 1) {
@@ -6329,7 +6329,7 @@ async function getLineEditor() {
         return new Promise((resolve, reject) => {
           http.netPost('Data/Encode/QueryEncodeListWithMultiple', {
             "Encodes": codes,
-            "AccountId": store.get('accountId')
+            "AccountId": info.accountId
           })
             .then((res) => {
               if (res.data.Status == 1) {

src/views/main_views/newProductionLineEditor/routers/lineEditor/lineEditor.vue

@@ -710,7 +710,7 @@
               && !selectedTimeParams.id"
             class="no-module-tip"
           >
-            <img src="../../static/image/no-edit.png" alt />
+            <img src="../../../static/images/no-edit.png" alt />
             <p>未选中结构</p>
           </div>
 

src/views/main_views/router/router.html

@@ -582,11 +582,12 @@
             .then((res) => {
               if (res.data.Status == 1) {
                 var id = res.data.Data.Id
-                ipcRenderer.send('openPage', {
-                  id: 'productionLineEdit' + id,
-                  name: '未命名单券图文财报产线编辑器',
-                  src: './newProductionLineEditor/index.html?id=' + id + '&type=' + name,
-                })
+                // ipcRenderer.send('openPage', {
+                //   id: 'productionLineEdit' + id,
+                //   name: '未命名单券图文财报产线编辑器',
+                //   src: './newProductionLineEditor/index.html?id=' + id + '&type=' + name,
+                // })
+                this.openPage('productionLineEdit' + id, '未命名单券图文财报产线编辑器', '../../main_views/newProductionLineEditor/newProductionLineEditor.html?id=' + id + '&type=' + name, 1)
               }
             })
         })