html { font-size: 62.5%; } html,body{ height: 100%; overflow: hidden; } body{ margin: 0; background: #fff; } *{ box-sizing: border-box; } ul,ol,dl,li{ list-style:none; margin:0; padding:0; } p{ margin: 0; } input{ outline: none; } textarea { resize: none; } .btn{ display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #FFF; border: 1px solid #DCDFE6; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; -webkit-transition: .1s; transition: .1s; font-weight: 500; padding: 6px 10px; font-size: 14px; border-radius: 4px; } .padding0{ padding:0px !important; } .paddingR30P{ padding-right:30% ; } .paddingR23P{ padding-right:23% ; } .d-none{ display: none !important; } .d-block{ display:block; } .d-inline{ display:inline; } .d-flex{ display:flex; } .widthAuto{ width: auto; } .iconfont:hover { cursor: pointer; } #diagramFlow { position: absolute; top: 30px; left: 250px; right: 300px; bottom: 0; overflow: hidden; padding: 0; color: #333; background: #fff; } .board { background: #fff; position: absolute; top: 30px; left: 0; width: 250px; bottom: 0; border-right: solid 1px #e0e0e0; overflow-x: hidden; overflow-y: auto; } .block { display: block; } .component-board { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .component-partHeader{ padding: 8px 12px; font-size: 13px; } .component-board{ ul{ position: relative; overflow: hidden; padding: 0 10px 10px; li{ font-size: 12px; display: block; width: 50%; line-height: 26px; position: relative; float: left; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2px; color: #333; a{ display: block; cursor: move; background: #F4F6FC; border: 1px solid #F4F6FC; &:hover{ border: 1px dashed #77BDFF; color: #0DB3A6; } i{ color: #749FD1; margin-right: 6px; margin-left: 8px; font-size: 14px; } } } } } .prop-board { position: absolute; top: 30px; right: 0; width: 300px; bottom: 0; border-left: solid 1px #e0e0e0; overflow: scroll; } .formContent{ height: 100%; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .formContainer{ -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; height: auto; min-height: 100%; position: relative; padding: 20px 0; } .panel-default{ border: none; } .componenetIcon:before,.glyphicon:before{ content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-repeat: no-repeat; // background-image:url('../images/fck_strip.gif'); } .partHeader{ background: #ebf8fb; line-height: 35px; font-size: 14px; padding-left: 10px; border-bottom: solid 2px #0db3a6; } .partCon{ height: auto; transition: height 1s ease; padding-bottom: 10px; } .partCon { label{ display: inline-block; line-height: 24px; width: 30%; padding-left: 3px; } b{ font-weight: normal; } *{ vertical-align: middle; } span{ padding: 2px 0px; display: inline-block; width: 100%; } select,input[type="text"],textarea{ display: inline-block; line-height: 24px; width: 60%; } input[type="number"]{ width:60px; } select{ height: 24px; option{ height: 24px; } } button{ background: #ebf8fb; color: #000; line-height: 24px; width: auto; padding: 3px 20px; border: 1px solid #ccc; font-size: 14px; cursor: pointer; outline: none; } button:hover{ background: #0db3a6; color: #fff; } .partConRadioLabel{ width: auto; } .partConCheckboxLabel{ width: auto; padding-right: 10px; } .d-flex{ display: flex; } .marginB5{ margin-bottom: 5px; } } .formContent *{ vertical-align: top; } .empty:after{ position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; content: attr(data-empty-tip); border: 1px dashed #D9D9D9; color: #91A1B7; } .placeholder{ width: 100%; height: 40px; border: 1px dashed #0DB3A6; } .baseField{ position: relative; line-height: 20px; word-break: break-all; word-wrap: break-word; border-left: 5px solid transparent; } .baseFieldSelect{ border-color:#0DB3A6; border-left: 5px solid transparent; background-color: #EBF8FB; } .baseLabel{ padding: 5px 0; line-height: 20px; color: #3d464d; font-weight: 600; } .baseLabel-title{ font-size: 14px; color: #3d464d; } .baseCon{ position: relative; overflow: hidden; .normalTabDiv{ overflow: hidden; } .normalTabCheck{ height: 40px; color:#23527c; background:#fff; margin-bottom:-1px; border-width:1px; border-style: solid; border-color: #dddddd #dddddd transparent; border-radius: 4px 4px 0px 0px; padding: 10px; float: left; } .normalTab{ height: 40px; color:#23527c; padding: 10px; float: left; } .normalTabPanelDiv{ tab-content{ @extend .d-block; overflow: scroll; max-height: 200px; table{ width: 100%; border-spacing: 0; border-collapse: collapse; } tr{ background: #f9f9f9; color: #5a6779; } td{ text-align: center; padding: 8px 0; border: 1px solid #ebeef5; } } } .base-field{ width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; padding: 3px 8px; background-color: #fff; background-image: none; vertical-align: middle; border-color: #e0e0e0; font-weight: 400; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; -webkit-transition: border-color 218ms; -moz-transition: border-color 218ms; -o-transition: border-color 218ms; transition: border-color 218ms; margin: 0; outline: 0; border: 1px solid #ccc; } .baseCon-btn{ line-height: 1; background: #fff; border: 1px solid #dcdfe6; color: #606266; padding: 12px 20px; font-size: 14px; border-radius: 4px; } } .btn-delete{ background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(163,163,163,.5); box-shadow: 0 2px 4px 0 rgba(163,163,163,.5); width: 35px; height: 35px; font-size: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; line-height: 35px; text-align: center; z-index: 1; bottom: -17px; cursor: pointer; position: absolute; right: 20px; color: #d84636; background:#fff url(../images/delete.png) no-repeat center; background-size: 20px 20px; } .publicFieldIcon{ cursor: pointer; position: absolute; top: 1px; right: 1px; width: 30px; height: 28px; border-top: solid 1px transparent; border-bottom: solid 1px transparent; border-left: solid 1px #e0e0e0; display: inline-block; color: #0DB3A6; text-align: center; font-size: 16px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .dataFieldIcon{ background:#fff url(../images/data.png) no-repeat center; background-size: 17px 17px; } .dataField{ user-select: none; cursor: pointer; width: 100%; height: 100%; padding: 3px 30px 3px 8px!important; } //下拉框 .selectField{ width:50%; height:30px; border-color: #e0e0e0; } //树形部门选择 .treeDeptIcon{ background:#fff url(../images/treeDept.png) no-repeat center; background-size: 25px 25px; } //用户选择 .userIcon{ background:#fff url(../images/user.png) no-repeat center; background-size: 17px 17px; } .selectAboutIcon{ background:#fff url(../images/selectAbout.png) no-repeat center; background-size: 17px 17px; } .imageuploadField{ position: relative; width: 100px; height: 100px; line-height: 100px; background-color: #fbfdff; border: 1px dashed #c0ccda; border-radius: 6px;; box-sizing: border-box; text-align: center; } .imageuploadIcon{ display:inline-block; width: 30px; height: 30px; background:#fff url(../images/jia.png) no-repeat center; background-size: 30px 30px; vertical-align: middle; } img[name='openScript']{ width: 17px; height: 14px; }