| | |
| | | data () { |
| | | return { |
| | | filters: {}, |
| | | activeGroup: {}, |
| | | PlatGroupList: [], |
| | | |
| | | isShowSet: false, // 月台配置 |
| | |
| | | queryType: 1 |
| | | }).then(res => { |
| | | this.PlatGroupList = res || [] |
| | | if (this.activeGroup && this.activeGroup.id) { |
| | | this.activeGroup = res.find(item => item.id === this.activeGroup.id) |
| | | } else { |
| | | this.activeGroup = res[0] |
| | | } |
| | | }) |
| | | }, |
| | | platgroupClick (item) { |
| | | this.activeGroup = { ...item } |
| | | }, |
| | | getList () { }, |
| | | clear () { } |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .platform_list { |
| | | .item { |
| | | padding: 16px 24px; |
| | | border-radius: 2px; |
| | | border: 2px solid #cccccc; |
| | | margin-bottom: 12px; |
| | | .head { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | .name { |
| | | font-size: 16px; |
| | | } |
| | | .status { |
| | | flex: 1; |
| | | margin-left: 50px; |
| | | span { |
| | | margin-right: 30px; |
| | | } |
| | | } |
| | | } |
| | | .info { |
| | | margin-top: 10px; |
| | | border: 1px solid #999999; |
| | | padding: 6px 8px; |
| | | border-radius: 2px; |
| | | margin-bottom: 10px; |
| | | .line { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | margin-bottom: 6px; |
| | | .left { |
| | | .plate { |
| | | border: 1px solid #4969f6; |
| | | border-radius: 2px; |
| | | padding: 0 5px; |
| | | } |
| | | } |
| | | .right { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | /* */ |
| | | .set_modal { |
| | | .title { |
| | | font-size: 16px; |
| | | font-weight: 600; |
| | | margin-bottom: 16px; |
| | | } |
| | | .list { |
| | | @import "@/assets/style/variables.scss"; |
| | | .main_header { |
| | | .platgroup_tabs { |
| | | flex: 1; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | flex-wrap: wrap; |
| | | .item { |
| | | border-bottom: 1px solid #dfe2e8; |
| | | .tab { |
| | | color: #666666; |
| | | margin-right: 40px; |
| | | cursor: pointer; |
| | | width: 30%; |
| | | height: 32px; |
| | | background-color: #d9d9d9; |
| | | border: 1px solid #4d99a7; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | border-radius: 6px; |
| | | margin-bottom: 12px; |
| | | padding-bottom: 18px; |
| | | border-bottom: 2px solid #fff; |
| | | } |
| | | .active { |
| | | font-weight: 500; |
| | | font-size: 15px; |
| | | color: #222222; |
| | | border-bottom: 2px solid $primary-color; |
| | | } |
| | | } |
| | | } |