| | |
| | | v-model="monitorType1" |
| | | @change="((val)=>{navClick(val,1)})" |
| | | placeholder="请选择" |
| | | ref="videoSelect1" |
| | | > |
| | | <el-option |
| | | v-for="item in monitorOption" |
| | |
| | | v-model="monitorType2" |
| | | @change="((val)=>{navClick(val,2)})" |
| | | placeholder="请选择" |
| | | ref="videoSelect2" |
| | | > |
| | | <el-option |
| | | v-for="item in monitorOption" |
| | |
| | | v-model="monitorType3" |
| | | @change="((val)=>{navClick(val,3)})" |
| | | placeholder="请选择" |
| | | ref="videoSelect3" |
| | | > |
| | | <el-option |
| | | v-for="item in monitorOption" |
| | |
| | | v-model="monitorType4" |
| | | @change="((val)=>{navClick(val,4)})" |
| | | placeholder="请选择" |
| | | ref="videoSelect4" |
| | | > |
| | | <el-option |
| | | v-for="item in monitorOption" |
| | |
| | | v-model="monitorType5" |
| | | @change="((val)=>{navClick(val,5)})" |
| | | placeholder="请选择" |
| | | ref="videoSelect5" |
| | | > |
| | | <el-option |
| | | v-for="item in monitorOption" |
| | |
| | | v-model="monitorType6" |
| | | @change="((val)=>{navClick(val,6)})" |
| | | placeholder="请选择" |
| | | ref="videoSelect6" |
| | | > |
| | | <el-option |
| | | v-for="item in monitorOption" |
| | |
| | | <el-select |
| | | size="small" |
| | | v-model="monitorType7" |
| | | v-show="isShowSelect.video7" |
| | | @change="((val)=>{navClick(val,7)})" |
| | | placeholder="请选择" |
| | | ref="videoSelect7" |
| | | > |
| | | <el-option |
| | | v-show="isShowSelect.video7" |
| | | v-for="item in monitorOption" |
| | | :key="item.value" |
| | | :label="item.label" |
| | |
| | | v-model="monitorType8" |
| | | @change="((val)=>{navClick(val,8)})" |
| | | placeholder="请选择" |
| | | ref="videoSelect8" |
| | | > |
| | | <el-option |
| | | v-for="item in monitorOption" |
| | |
| | | flvPlayer8: null, |
| | | }, |
| | | saveRangeList: [], |
| | | monitorOption: [], |
| | | monitorOption: [{ value: 11, label: 111 }, { value: 22, label: 222 }, { value: 33, label: 333 }], |
| | | monitorType1: '', |
| | | monitorType2: '', |
| | | monitorType3: '', |
| | |
| | | }, |
| | | |
| | | created () { |
| | | this.getVideoList() |
| | | // this.getVideoList() |
| | | this.getRegionSaveList() |
| | | }, |
| | | |
| | |
| | | }, |
| | | |
| | | enterVideoBox (num) { |
| | | for (let key in this.isShowSelect) { |
| | | this.isShowSelect[key] = false |
| | | } |
| | | this.isShowSelect[`video${num}`] = true |
| | | }, |
| | | |
| | | leaveVideoBox (num) { |
| | | this.isShowSelect[`video${num}`] = false |
| | | if (num == 1) { |
| | | this.$refs.videoSelect1.blur() |
| | | } else if (num == 2) { |
| | | this.$refs.videoSelect2.blur() |
| | | } else if (num == 3) { |
| | | this.$refs.videoSelect3.blur() |
| | | } else if (num == 4) { |
| | | this.$refs.videoSelect4.blur() |
| | | } else if (num == 5) { |
| | | this.$refs.videoSelect5.blur() |
| | | } else if (num == 6) { |
| | | this.$refs.videoSelect6.blur() |
| | | } else if (num == 7) { |
| | | this.$refs.videoSelect7.blur() |
| | | } else if (num == 8) { |
| | | this.$refs.videoSelect8.blur() |
| | | } |
| | | |
| | | }, |
| | | |
| | | enterSelectBox (num) { |
| | |
| | | .select { |
| | | position: absolute; |
| | | top: 6%; |
| | | height: 16%; |
| | | width: 100%; |
| | | z-index: 999; |
| | | } |