| | |
| | | <el-form-item label="车牌号" prop="code"> |
| | | <el-input v-model="searchForm.code" placeholder="请输入车牌号" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="员工姓名/手机号" prop="code"> |
| | | <el-input v-model="searchForm.code" placeholder="请输入员工姓名/手机号" @keypress.enter.native="search"></el-input> |
| | | <el-form-item label="员工姓名/手机号" prop="memberName"> |
| | | <el-input v-model="searchForm.memberName" placeholder="请输入员工姓名/手机号" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="部门" prop="code"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | <el-form-item label="部门" prop="companyName"> |
| | | <el-input v-model="searchForm.companyName" placeholder="请输入部门" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">搜索</el-button> |
| | |
| | | <!-- 表格和分页 --> |
| | | <template v-slot:table-wrap> |
| | | <ul class="toolbar" v-permissions="['business:member:create', 'business:member:delete']"> |
| | | <li><el-button type="primary" @click="$refs.operaCarsWindow.open('新建车辆信息表')" icon="el-icon-plus" v-permissions="['business:member:create']">新建</el-button></li> |
| | | <!-- <li><el-button type="primary" @click="$refs.operaCarsWindow.open('新建车辆信息表')" icon="el-icon-plus" v-permissions="['business:member:create']">新建</el-button></li>--> |
| | | <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:member:delete']">删除</el-button></li> |
| | | </ul> |
| | | <el-table |
| | |
| | | > |
| | | <el-table-column type="selection" width="55"></el-table-column> |
| | | <el-table-column prop="code" label="车牌号" min-width="100px"></el-table-column> |
| | | <el-table-column prop="code" label="停车场" min-width="100px"></el-table-column> |
| | | <el-table-column prop="remark" label="用户类型" min-width="100px"></el-table-column> |
| | | <el-table-column prop="remark" label="姓名" min-width="100px"></el-table-column> |
| | | <el-table-column prop="remark" label="手机号" min-width="100px"></el-table-column> |
| | | <el-table-column prop="remark" label="部门/公司" min-width="100px"></el-table-column> |
| | | <el-table-column prop="parksName" label="停车场" min-width="100px"></el-table-column> |
| | | <el-table-column label="用户类型" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.memberType === 0">劳务访客</span> |
| | | <span v-if="row.memberType === 1">普通访客</span> |
| | | <span v-if="row.memberType === 2">内部人员</span> |
| | | </template> |
| | | </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="remark" label="备注" min-width="100px"></el-table-column> |
| | | <el-table-column prop="remark" label="有效期" min-width="100px"></el-table-column> |
| | | <el-table-column prop="remark" 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="createDate" label="创建时间" min-width="100px"></el-table-column> |
| | | <el-table-column |
| | | v-if="containPermissions(['business:member:update', 'business:member:delete'])" |
| | |
| | | fixed="right" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.operaCarsWindow.open('编辑车辆信息表', row)" icon="el-icon-edit" v-permissions="['business:member:update']">编辑</el-button> |
| | | <!-- <el-button type="text" @click="$refs.operaCarsWindow.open('编辑车辆信息表', row)" icon="el-icon-edit" v-permissions="['business:member:update']">编辑</el-button>--> |
| | | <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:member:delete']">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import OperaCarsWindow from '@/components/business/OperaCarsWindow' |
| | | import { validity } from '@/utils/util' |
| | | export default { |
| | | name: 'Cars', |
| | | extends: BaseTable, |
| | |
| | | return { |
| | | // 搜索 |
| | | searchForm: { |
| | | code: '' |
| | | }, |
| | | options: [] |
| | | code: '', |
| | | memberName: '', |
| | | companyName: '' |
| | | } |
| | | } |
| | | }, |
| | | created () { |