|  |  | 
 |  |  |           </el-select> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="起始时间" prop="eventType"> | 
 |  |  |           <el-date-picker @change="seleTime" v-model="time" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |           <!-- <el-date-picker @change="seleTime" v-model="time" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> | 
 |  |  |           </el-date-picker> | 
 |  |  |           </el-date-picker> --> | 
 |  |  |           <el-date-picker type="datetime" v-model="searchForm.startTime" value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             placeholder="请选择开始时间" @change="changeRadio" /> | 
 |  |  |           <el-date-picker type="datetime" v-model="searchForm.endTime" value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             placeholder="请选择结束时间" @change="changeRadio" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-radio-group v-model="searchForm.radio" size="small" @input="changeRadio"> | 
 |  |  |           <el-radio-button label="0">当天</el-radio-button> | 
 |  |  | 
 |  |  |         </section> | 
 |  |  |       </el-form> | 
 |  |  |     </div> | 
 |  |  |  | 
 |  |  |     <!-- 表格和分页 --> | 
 |  |  |     <template v-slot:table-wrap> | 
 |  |  |       <ul class="toolbar" v-permissions="['business:carevent:exportExcel']"> | 
 |  |  | 
 |  |  |             @click="exportExcel">导出</el-button> | 
 |  |  |         </li> | 
 |  |  |       </ul> | 
 |  |  |       <el-table :max-height="tableHeight" v-loading="isWorking.search" :data="tableData.list" stripe> | 
 |  |  |       <el-table :height="tableHeightNew" v-loading="isWorking.search" :data="tableData.list" stripe> | 
 |  |  |         <el-table-column prop="personName" label="姓名" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="personPhone" label="手机号" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column prop="personCompanyName" label="组织" min-width="100px"></el-table-column> | 
 |  |  | 
 |  |  |             <span v-if="row.inoutType === 1">离园</span> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column label="车牌抓拍图" min-width="100px"> | 
 |  |  |         <!--        <el-table-column label="车牌抓拍图" min-width="100px"> | 
 |  |  |           <template slot-scope="{ row }"> | 
 |  |  |             <div v-if="row.platePicUrl != null"> | 
 |  |  |               <el-image style="width: 80px; height: 80px" :src="row.platePicUrl" :preview-src-list="[row.platePicUrl]"> | 
 |  |  | 
 |  |  |               </el-image> | 
 |  |  |             </div> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         </el-table-column>--> | 
 |  |  |         <el-table-column prop="happenTime" label="事件时间" min-width="140px"></el-table-column> | 
 |  |  |       </el-table> | 
 |  |  |       <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="tableData.pagination"> | 
 |  |  | 
 |  |  |         companyName: '', | 
 |  |  |         startTime: '', | 
 |  |  |         endTime: '', | 
 |  |  |         radio: '0' | 
 |  |  |         radio: '' | 
 |  |  |       }, | 
 |  |  |       time: [] | 
 |  |  |     } | 
 |  |  | 
 |  |  |   methods: { | 
 |  |  |     reset() { | 
 |  |  |       this.$refs.searchForm.resetFields() | 
 |  |  |       this.searchForm.radio = '' | 
 |  |  |       // this.changeRadio('0') | 
 |  |  |       this.searchForm = { | 
 |  |  |         eventType: '', | 
 |  |  |         keyWords: '', | 
 |  |  |         plateNos: '', | 
 |  |  |         memberType: '', | 
 |  |  |         companyName: '', | 
 |  |  |         startTime: '', | 
 |  |  |         endTime: '', | 
 |  |  |         radio: '' | 
 |  |  |       } | 
 |  |  |       this.time = [] | 
 |  |  |       this.search() | 
 |  |  |     }, | 
 |  |  | 
 |  |  |       if (e === '0') { | 
 |  |  |         this.searchForm.startTime = timeForMat(0)[0] | 
 |  |  |         this.searchForm.endTime = timeForMat(0)[1] | 
 |  |  |         this.time = timeForMat(0) | 
 |  |  |       } else if (e === '1') { | 
 |  |  |         this.searchForm.startTime = timeForMat(6)[0] | 
 |  |  |         this.searchForm.endTime = timeForMat(6)[1] | 
 |  |  |         this.time = timeForMat(6) | 
 |  |  |       } else if (e === '2') { | 
 |  |  |         this.searchForm.startTime = timeForMat(29)[0] | 
 |  |  |         this.searchForm.endTime = timeForMat(29)[1] | 
 |  |  |         this.time = timeForMat(29) | 
 |  |  |       } else { | 
 |  |  |         this.searchForm.radio = '' | 
 |  |  |       } | 
 |  |  |       if (this.searchForm.startTime && this.searchForm.endTime && new Date(this.searchForm.startTime).getTime() > new Date(this.searchForm.endTime).getTime()) { | 
 |  |  |         this.$message.error('开始时间不能大于结束时间') | 
 |  |  |         this.searchForm.startTime = '' | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       this.search() | 
 |  |  |     }, |