| | |
|---|
| | | <template> |
|---|
| | | <TableLayout :permissions="['business:member:query']"> |
|---|
| | | <!-- 搜索表单 --> |
|---|
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="120px" inline> |
|---|
| | | <el-form-item label="车牌号" prop="carCode"> |
|---|
| | | <el-input v-model="searchForm.carCode" placeholder="请输入车牌号" @keypress.enter.native="search"></el-input> |
|---|
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> |
|---|
| | | <el-form-item title="车牌号" prop="carCode"> |
|---|
| | | <el-input v-model="searchForm.carCode" placeholder="车牌号" @keypress.enter.native="search"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="车主姓名/手机号" prop="memberName"> |
|---|
| | | <el-input v-model="searchForm.memberName" placeholder="请输入员工姓名/手机号" @keypress.enter.native="search"></el-input> |
|---|
| | | <el-form-item title="车主信息" prop="memberName"> |
|---|
| | | <el-input v-model="searchForm.memberName" placeholder="车主信息" @keypress.enter.native="search"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="车主组织" prop="companyName"> |
|---|
| | | <el-input v-model="searchForm.companyName" placeholder="请输入车主组织" @keypress.enter.native="search"></el-input> |
|---|
| | | <el-form-item title="车主组织" prop="companyName"> |
|---|
| | | <el-input v-model="searchForm.companyName" placeholder="车主组织名称" @keypress.enter.native="search"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="停车库名称" prop="parksName"> |
|---|
| | | <el-input v-model="searchForm.parksName" placeholder="请输入停车库名称" @keypress.enter.native="search"></el-input> |
|---|
| | | <el-form-item title="停车库名称" prop="parksName"> |
|---|
| | | <el-input v-model="searchForm.parksName" placeholder="停车库名称" @keypress.enter.native="search"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <section> |
|---|
| | | <el-button type="primary" @click="search">搜索</el-button> |
|---|
| | |
|---|
| | | --> |
|---|
| | | </ul> |
|---|
| | | <el-table |
|---|
| | | :height="tableHeightNew" |
|---|
| | | v-loading="isWorking.search" |
|---|
| | | :data="tableData.list" |
|---|
| | | stripe |
|---|
| | | @selection-change="handleSelectionChange" |
|---|
| | | > |
|---|
| | | <el-table-column type="selection" width="55"></el-table-column> |
|---|
| | | <el-table-column prop="carCode" label="车牌号" min-width="100px"></el-table-column> |
|---|
| | | <el-table-column prop="parksName" label="停车场" min-width="100px"></el-table-column> |
|---|
| | | <el-table-column prop="carCode" label="车牌号" fixed min-width="100px"></el-table-column> |
|---|
| | | <el-table-column prop="parksName" label="停车场" fixed min-width="100px"></el-table-column> |
|---|
| | | <el-table-column prop="startTime" label="有效期" align="center" fixed min-width="150px"> |
|---|
| | | <template slot-scope="{row}"> |
|---|
| | | <div v-if="!row.startTime || !row.endTime">长期有效</div> |
|---|
| | | <div v-else> |
|---|
| | | <span style="color: green">起：{{row.startTime}}</span><br/> |
|---|
| | | <span style="color: red">止：{{row.endTime}}</span> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="startTime" label="状态" fixed min-width="100px"> |
|---|
| | | <template slot-scope="{row}"> |
|---|
| | | <div v-if="row.isdeleted==1" style="color: red">已删除</div> |
|---|
| | | <div v-else style="color: green"> |
|---|
| | | <span v-if="row.hkStatus==0" style="color: #435EBE">待下发</span> |
|---|
| | | <span v-if="row.hkStatus==1" style="color: green">下发成功</span> |
|---|
| | | <span v-if="row.hkStatus==2" style="color: red">下发失败</span> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column label="用户类型" min-width="100px"> |
|---|
| | | <template slot-scope="{row}"> |
|---|
| | | <span v-if="row.memberType === 0">劳务访客</span> |
|---|
| | |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="memberName" label="姓名" min-width="100px"></el-table-column> |
|---|
| | | <el-table-column prop="memberPhone" label="手机号" min-width="100px"></el-table-column> |
|---|
| | | <el-table-column prop="companyName" label="组织" min-width="100px"></el-table-column> |
|---|
| | | <el-table-column prop="startTime" label="有效期" min-width="100px"> |
|---|
| | | <template slot-scope="{row}"> |
|---|
| | | <span>{{validity(row.startTime, row.endTime)}}</span> |
|---|
| | | <!-- <span v-if="!row.startTime || !row.endTime">长期</span>--> |
|---|
| | | <!-- <span v-else>{{row.startTime}} 至 {{row.endTime}}</span>--> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="startTime" label="状态" min-width="100px"> |
|---|
| | | <template slot-scope="{row}"> |
|---|
| | | <div v-if="row.isdeleted==1" style="color: red">已删除</div> |
|---|
| | | <div v-else style="color: green"> |
|---|
| | | <span v-if="row.hkStatus==0" style="color: #435EBE">待下发</span> |
|---|
| | | <span v-if="row.hkStatus==1" style="color: green">下发成功</span> |
|---|
| | | <span v-if="row.hkStatus==2" style="color: red">下发失败</span> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="companyName" label="组织" min-width="150px"></el-table-column> |
|---|
| | | <el-table-column prop="remark" label="备注" min-width="100px"> |
|---|
| | | <template slot-scope="{row}"> |
|---|
| | | <span v-if="row.isdeleted !=2">{{row.remark}}</span> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="createDate" label="创建时间" min-width="100px"></el-table-column> |
|---|
| | | <el-table-column prop="createDate" label="创建时间" min-width="150px"></el-table-column> |
|---|
| | | <!-- <el-table-column--> |
|---|
| | | <!-- v-if="containPermissions(['business:member:update', 'business:member:delete'])"--> |
|---|
| | | <!-- label="操作"--> |
|---|
