| | |
| | | </span> |
| | | </div> |
| | | <div v-else-if="hasError(data)" class="has-error"> |
| | | <span>有异常</span> |
| | | <span>{{ errWord(data) }}</span> |
| | | </div> |
| | | <div v-else class="no-error"> |
| | | <span>无异常</span> |
| | |
| | | } |
| | | }); |
| | | Object.assign(query, ...filterQuerys); |
| | | |
| | | getlst(query).then((res) => { |
| | | if (_this.showType == "list") { |
| | | _this.tableTotal = res.total; |
| | |
| | | StartDate: this.searchTime[0], |
| | | EndDate: this.searchTime[1], |
| | | PageIndex: |
| | | this.showType == "list" ? this.curTablePage : this.showType == "list", |
| | | this.showType == "list" ? this.curTablePage : this.curTabPage, |
| | | PageSize: |
| | | this.showType == "list" ? this.tablePageSize : this.tabPageSize, |
| | | IsDetail: this.showType == "list", |
| | |
| | | }); |
| | | }); |
| | | }, |
| | | errWord(data) { |
| | | let text; |
| | | data.EventLst.forEach((item, i) => { |
| | | if ( |
| | | item.state == 0 && |
| | | item.Event.indexOf("进出站") == -1 && |
| | | item.Event.indexOf("信号机") == -1 && |
| | | item.Event.indexOf("过分相") == -1 |
| | | ) { |
| | | text = item.Event; |
| | | } |
| | | }); |
| | | return text || "未手比"; |
| | | }, |
| | | hasError(data) { |
| | | let status = true; |
| | | if (!data.EventLst || data.EventLst.length == 0) { |
| | | return false; |
| | | } |
| | | |
| | | data.EventLst.forEach((item) => { |
| | | if ( |
| | | item.Event.indexOf("瞭望") > -1 || |
| | | item.Event.indexOf("人数变化") > -1 |
| | | ) { |
| | | status = false; |
| | | false; |
| | | } |
| | | }); |
| | | |
| | | if (!status) { |
| | | return false; |
| | | } |
| | | |
| | | const t = data.EventLst.some((x) => x.state == 0); |
| | | return t && data.IsOperate == "1"; |
| | | }, |
| | |
| | | background-color: #f4f6f9; |
| | | margin: 0 5px; |
| | | margin-bottom: 10px; |
| | | |
| | | * { |
| | | box-sizing: content-box; |
| | | color: #425277; |
| | |
| | | padding: 0 10px; |
| | | text-align: left; |
| | | width: fit-content; |
| | | cursor: pointer; |
| | | } |
| | | &:hover > .option-name { |
| | | // outline: 1px solid #a8b7ee; |
| | | background: #e2e7f9; |
| | | span { |
| | | color: #2d52d7; |
| | |
| | | .show-type { |
| | | display: flex; |
| | | .list span { |
| | | font-size: 20px; |
| | | font-size: 18px; |
| | | line-height: 20px; |
| | | } |
| | | .type { |
| | | font-size: 18px; |
| | | padding: 2px 4px 0px 4px; |
| | | font-size: 17px; |
| | | border-radius: 4px; |
| | | cursor: pointer; |
| | | height: 20px; |
| | | width: 20px; |
| | | line-height: 19px; |
| | | |
| | | &.menu { |
| | | margin-right: 10px; |
| | | margin-right: 5px; |
| | | span { |
| | | font-size: 15px; |
| | | font-size: 14px; |
| | | } |
| | | } |
| | | &.current { |
| | |
| | | cursor: pointer; |
| | | border-radius: 3px; |
| | | width: 100%; |
| | | padding-top: 56.25%; |
| | | height: 0; |
| | | // padding-top: 56.25%; |
| | | height: 57%; |
| | | position: relative; |
| | | img { |
| | | position: absolute; |