|  |  | 
 |  |  |                 <div class="list_item_label">拜访信息</div> | 
 |  |  |                 <div class="list_item_val" v-if="info" style="display: inline-block"> | 
 |  |  |                     <div class="list_item_val_item">拜访对方:{{info.receptMemberName}} - {{info.receptMemberDepartment}}</div> | 
 |  |  |                     <div class="list_item_val_item">拜访时间:{{info.starttime}} 至 {{info.endtime}}</div> | 
 |  |  |                     <div class="list_item_val_item">预约时间:{{info.starttime}} 至 {{info.endtime}}</div> | 
 |  |  |                     <div class="list_item_val_item" v-if="info.inDate && info.outDate">签到时间:{{info.inDate}} 至 {{info.outDate}}</div> | 
 |  |  |                     <div class="list_item_val_item" v-else>签到时间:-</div> | 
 |  |  |                     <div class="list_item_val_item">拜访事由:{{info.reason}}</div> | 
 |  |  |                     <div class="list_item_val_item">申请人员:{{info.name}} {{info.companyName}}</div> | 
 |  |  |                     <div class="list_item_val_item">申请门禁:{{info.deviceRoleList ? info.deviceRoleList.map(item => item.name).join(' | ') : ''}}</div> | 
 |  |  |                     <div class="list_item_val_item">申请门禁:{{info.deviceRoleList ? info.deviceRoleList.map(item => item.name).join(' | ') : '-'}}</div> | 
 |  |  |                     <div class="list_item_val_item">创建时间:{{info.createDate}}</div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="list_item_val" v-if="info" style="display: inline-block;float: right"> | 
 |  |  | 
 |  |  |                         <el-table-column | 
 |  |  |                             width="150" | 
 |  |  |                             prop="companyName" | 
 |  |  |                             label="公司"> | 
 |  |  |                             label="组织"> | 
 |  |  |                         </el-table-column> | 
 |  |  |                         <el-table-column | 
 |  |  |                             width="150" |