Merge remote-tracking branch 'origin/master'
| | |
| | | } |
| | | |
| | | .el-form.command-dialog-history-search { |
| | | margin-bottom: 20px; |
| | | |
| | | .el-form-item { |
| | | margin-left: 20px; |
| | | } |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .history-search-actions { |
| | | .el-button { |
| | | width: 96px; |
| | | background: transparent !important; |
| | | border-radius: 4px 4px 4px 4px; |
| | | border: 1px solid rgba(255, 255, 255, 0.3); |
| | | |
| | | .el-icon { |
| | | font-size: 16px; |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .el-input { |
| | | width: 160px; |
| | | } |
| | |
| | | width: 160px; |
| | | } |
| | | } |
| | | |
| | | .history-search-actions { |
| | | .search-btn { |
| | | background: #284FE3 !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .command-page-history-search { |
| | | margin-bottom: 20px; |
| | | |
| | | .el-form-item__label { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | |
| | | .history-search-actions { |
| | | .el-button { |
| | | margin-left: 20px; |
| | | width: 96px; |
| | | background: transparent !important; |
| | | border-radius: 4px 4px 4px 4px; |
| | | border: 1px solid rgba(255, 255, 255, 0.3); |
| | | |
| | | .el-icon { |
| | | font-size: 16px; |
| | | color: #fff; |
| | | } |
| | | |
| | | &:first-child { |
| | | margin-left: 0; |
| | | } |
| | | } |
| | | |
| | | .search-btn { |
| | | background: #1C1C31 !important; |
| | | border: 1px solid rgba(227, 227, 236, 0.3) !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .command-table-toolbar { |
| | | margin-top: 30px; |
| | | margin-bottom: 20px; |
| | | |
| | | .el-button { |
| | | min-width: 88px; |
| | |
| | | } |
| | | |
| | | .command-table-container { |
| | | margin-top: 20px; |
| | | |
| | | height: 0; |
| | | flex: 1; |
| | | display: flex; |
| | |
| | | padding: 0 10px; |
| | | |
| | | .detail-title { |
| | | margin-bottom: 20px; |
| | | line-height: 40px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 16px; |
| | |
| | | |
| | | .el-row { |
| | | .el-col { |
| | | margin-bottom: 20px; |
| | | margin-bottom: 0; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | |
| | | |
| | | |
| | | .detail-title { |
| | | margin-bottom: 20px; |
| | | line-height: 40px; |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 500; |
| | | font-size: 16px; |
| | |
| | | graphic: { |
| | | type: 'text', |
| | | left: '22%', |
| | | top: '35%', |
| | | top: '48%', |
| | | style: { |
| | | text: '设备类型', |
| | | fill: '#FFFFFF', |
| | |
| | | color: '#FFFFFF', |
| | | fontSize: 12, |
| | | rich: legendRich, |
| | | lineHeight: 30 |
| | | }, |
| | | itemWidth: 8, |
| | | itemHeight: 8, |
| | |
| | | }, |
| | | title: { |
| | | x: 'center', |
| | | top: '20', |
| | | top: 0, |
| | | textStyle: { |
| | | color: '#fff', |
| | | fontSize: 22, |
| | |
| | | show: false, |
| | | boxHeight: 26, |
| | | left: '0%', |
| | | top: -20, |
| | | top: '-2%', |
| | | width: '60%', |
| | | viewControl: { |
| | | distance: 210, |
| | |
| | | top: 15, |
| | | left: 10, |
| | | right: 10, |
| | | bottom: 10, |
| | | bottom: 0, |
| | | containLabel: true, |
| | | }, |
| | | tooltip: { |
| | |
| | | top: 15, |
| | | left: 10, |
| | | right: 10, |
| | | bottom: 10, |
| | | bottom: 0, |
| | | containLabel: true, |
| | | }, |
| | | tooltip: { |
| | |
| | | color: '#FFFFFF', |
| | | fontSize: 12, |
| | | interval: 0, |
| | | rotate: 25, |
| | | margin: 8, |
| | | formatter: value => { |
| | | if (value == null) return '' |
| | | const text = String(value) |
| | | return text.length > 4 ? `${text.slice(0, 4)}...` : text |
| | | }, |
| | | }, |
| | | }, |
| | | yAxis: { |
| | | type: 'value', |
| | | min: 1, |
| | | minInterval: 1, |
| | | axisLabel: { |
| | | color: '#FFFFFF', |
| | | fontSize: 12, |
| | |
| | | symbolRepeat: 'fixed', |
| | | symbolMargin: 3, |
| | | symbol: 'rect', |
| | | symbolClip: false, |
| | | symbolClip: true, |
| | | symbolPosition: 'end', |
| | | clip: true, |
| | | symbolSize: [10, 3], |
| | | data: values, |
| | | z: 2, |
| | |
| | | |
| | | <el-form-item class="history-search-actions"> |
| | | <el-button :icon="RefreshRight" @click="resetForm"></el-button> |
| | | <el-button :icon="Search" @click="handleSearch"></el-button> |
| | | <el-button class="search-btn" :icon="Search" @click="handleSearch"></el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |