|  |  |  | 
|---|
|  |  |  | <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-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="0"></el-option> | 
|---|
|  |  |  | 
|---|
|  |  |  | <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}"> | 
|---|
|  |  |  | <span v-if="row.status == 7 && row.retentionNum && row.retentionNum >0 ">是</span> | 
|---|
|  |  |  | <span v-else >否</span> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column prop="remark" label="下发备注" min-width="100px"></el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | companyName: '', | 
|---|
|  |  |  | idcardNo: '', | 
|---|
|  |  |  | status: '', | 
|---|
|  |  |  | type: 0 | 
|---|
|  |  |  | type: 0, | 
|---|
|  |  |  | queryStarttime: '', | 
|---|
|  |  |  | queryEndtime: '', | 
|---|
|  |  |  | date: [] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | // 搜索框重置 | 
|---|
|  |  |  | reset () { | 
|---|
|  |  |  | this.$refs.searchForm.resetFields() | 
|---|
|  |  |  | this.searchForm.queryStarttime = '' | 
|---|
|  |  |  | this.searchForm.queryEndtime = '' | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleDetail(row) { | 
|---|
|  |  |  | this.isShowDetail = true | 
|---|
|  |  |  | console.log('row', row) | 
|---|