|  |  | 
 |  |  |         <el-form-item label="访客单位" prop="companyName"> | 
 |  |  |           <el-input v-model="searchForm.companyName" placeholder="请输入访客单位" @keypress.enter.native="search"></el-input> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="起始时间" prop="date"> | 
 |  |  |         <el-form-item label="拜访时间" prop="date"> | 
 |  |  |           <el-date-picker | 
 |  |  |             v-model="searchForm.date" | 
 |  |  |             type="daterange" | 
 |  |  |             @change="changeDate" | 
 |  |  |             value-format="yyyy-MM-dd" | 
 |  |  |             range-separator="至" | 
 |  |  |             start-placeholder="开始日期" | 
 |  |  |             end-placeholder="结束日期"> | 
 |  |  |           </el-date-picker> | 
 |  |  |             v-model="searchForm.queryStarttime" | 
 |  |  |             type="datetime" | 
 |  |  |             clearable | 
 |  |  |             value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             class="w200" | 
 |  |  |             placeholder="开始时间" /> | 
 |  |  |           <el-date-picker | 
 |  |  |             v-model="searchForm.queryEndtime" | 
 |  |  |             type="datetime" | 
 |  |  |             value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             class="w200" | 
 |  |  |             clearable | 
 |  |  |             placeholder="结束时间" /> | 
 |  |  |         </el-form-item> | 
 |  |  |         <el-form-item label="审批状态" prop="status"> | 
 |  |  |           <el-select v-model="searchForm.status" placeholder="请选择"> | 
 |  |  | 
 |  |  |             <el-option label="取消" value="4"></el-option> | 
 |  |  |             <el-option label="下发成功" value="5"></el-option> | 
 |  |  |             <el-option label="下发失败" value="6"></el-option> | 
 |  |  |             <el-option label="拜访中" value="7"></el-option> | 
 |  |  |             <el-option label="已登记" value="7"></el-option> | 
 |  |  |             <el-option label="已签离" value="8"></el-option> | 
 |  |  |             <el-option label="已失效" value="9"></el-option> | 
 |  |  |           </el-select> | 
 |  |  | 
 |  |  |             <span v-if="row.status === 4" style="color: gray">取消</span> | 
 |  |  |             <span v-if="row.status === 5" style="color: green">下发成功</span> | 
 |  |  |             <span v-if="row.status === 6" style="color: gray">下发失败</span> | 
 |  |  |             <span v-if="row.status === 7" style="color: green">拜访中</span> | 
 |  |  |             <span v-if="row.status === 7" style="color: green">已登记</span> | 
 |  |  |             <span v-if="row.status === 8" style="color: red">已签离</span> | 
 |  |  |             <span v-if="row.status === 9" style="color: gray">已失效</span> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column label="在园状态" min-width="100px"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             <div v-if="row.status == 7"> | 
 |  |  |               <span v-if="row.retentionNum && row.retentionNum >0 ">是</span> | 
 |  |  |               <span v-if="!row.retentionNum ||  row.retentionNum ==0 " >否</span> | 
 |  |  |             </div> | 
 |  |  |             <div v-else >-</div> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column prop="remark" label="下发备注" min-width="100px"></el-table-column> | 
 |  |  | 
 |  |  |       this.$refs.searchForm.resetFields() | 
 |  |  |       this.searchForm.queryStarttime = '' | 
 |  |  |       this.searchForm.queryEndtime = '' | 
 |  |  |       this.search() | 
 |  |  |     }, | 
 |  |  |     changeDate(e) { | 
 |  |  |       if (e) { | 
 |  |  |         this.searchForm.queryStarttime = e[0] | 
 |  |  |         this.searchForm.queryEndtime = e[1] | 
 |  |  |       } else { | 
 |  |  |         this.searchForm.queryStarttime = '' | 
 |  |  |         this.searchForm.queryEndtime = '' | 
 |  |  |       } | 
 |  |  |       this.search() | 
 |  |  |     }, | 
 |  |  |     handleDetail(row) { |