| | |
| | | <div class="header-bar clearfix"> |
| | | <div class="left"> |
| | | <div> |
| | | <el-select v-model="watch" size="mini"> |
| | | <el-option value label="全部"></el-option> |
| | | <el-option value="1" label="未关注"></el-option> |
| | | <el-option value="2" label="已关注"></el-option> |
| | | <el-select v-model="IsFollow" size="mini" @change="filterSearchData"> |
| | | <el-option value='' label="全部"></el-option> |
| | | <el-option :value="false" label="未关注"></el-option> |
| | | <el-option :value="true" label="已关注"></el-option> |
| | | </el-select> |
| | | </div> |
| | | <div> |
| | | <el-select v-model="settle" size="mini"> |
| | | <el-select v-model="settle" size="mini" > |
| | | <el-option value label="全部"></el-option> |
| | | <el-option value="1" label="未处理"></el-option> |
| | | <el-option value="2" label="已处理"></el-option> |
| | |
| | | return { |
| | | CLIP: 'http://192.168.20.113/', |
| | | keyword: '', |
| | | IsFollow: '', |
| | | searchTime: [this.$moment(new Date().getTime() - 3600 * 1000 * 24 * 5).format("YYYY-MM-DD HH:mm:ss"), this.$moment(new Date()).format("YYYY-MM-DD HH:mm:ss")], |
| | | curTabPage: 1, |
| | | curTablePage: 1, |
| | |
| | | highLevelConfigs: [], |
| | | showAdvance: true, |
| | | fixedOneLineHeight: 40, |
| | | watch: '', |
| | | settle: '', |
| | | showType: 'menu', |
| | | tableData: [ |
| | |
| | | tabData: [ |
| | | { id: 'ss1', no: 'SS4B115', frequency: '8084', time: '2020-09-21 20:45:08', driver: '张三', marks: ['未呼唤、呼唤不标准', '学习司机未应答'], markType: 1, tags: ['进出站', '司机离岗'], follow: true }, |
| | | { id: 'ss2', no: 'SS4B115', frequency: '8084', time: '2020-09-21 20:45:08', driver: '张三', marks: [], markType: 0, tags: ['进出站', '司机离岗'], follow: false } |
| | | ], |
| | | |
| | | ], |
| | | videoDialogVisible: false, |
| | | hiddenDanger: 1, |
| | | labelDialogVisible: false, |
| | |
| | | }, |
| | | methods: { |
| | | handleTabSizeChange (size) { |
| | | debugger |
| | | this.tabPageSize = size; |
| | | this.filterSearchData() |
| | | }, |
| | |
| | | //二级查询 |
| | | filterSearchData () { |
| | | let _this = this; |
| | | let isFollow = ''; |
| | | if(this.IsFollow === ''){ |
| | | isFollow = '' |
| | | }else if(!!this.IsFollow){ |
| | | isFollow = '1' |
| | | }else{ |
| | | isFollow = '0' |
| | | } |
| | | let query = { |
| | | KeyWord: this.keyword, |
| | | StartDate: this.searchTime[0], |
| | | EndDate: this.searchTime[1], |
| | | PageIndex: this.showType == 'list' ? this.curTablePage : this.showType == 'list', |
| | | PageSize: this.showType == 'list' ? this.tablePageSize : this.tabPageSize, |
| | | IsDetail: this.showType == 'list' |
| | | IsDetail: this.showType == 'list', |
| | | IsFollow: isFollow |
| | | }; |
| | | let filterQuerys = []; |
| | | this.checkedConfigs.forEach(config => { |
| | |
| | | EndDate: this.searchTime[1], |
| | | PageIndex: this.showType == 'list' ? this.curTablePage : this.showType == 'list', |
| | | PageSize: this.showType == 'list' ? this.tablePageSize : this.tabPageSize, |
| | | IsDetail: this.showType == 'list' |
| | | IsDetail: this.showType == 'list', |
| | | IsFollow: this.IsFollow |
| | | }; |
| | | this.optionalConfigs = []; |
| | | this.highLevelConfigs = []; |
| | |
| | | <style lang="scss"> |
| | | .search-for-video-analyze { |
| | | padding: 20px 30px; |
| | | .flex-box{ |
| | | display: flex; |
| | | } |
| | | .filter-area { |
| | | .input-area { |
| | | display: flex; |