| | |
| | | <template> |
| | | <TableLayout :permissions="['business:member:query']"> |
| | | <!-- 搜索表单 --> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" > |
| | | <el-form-item label="用户" prop="nickname"> |
| | | <el-input v-model="searchForm.nickname" style="width: 160px" placeholder="昵称/手机号/真实姓名" @keypress.enter.native="search"></el-input> |
| | | <el-input v-model="searchForm.nickname" style="width: 180px" clearable placeholder="昵称/手机号/真实姓名" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="状态" prop="status" > |
| | | <el-select v-model="searchForm.status" placeholder="状态" clearable @change="search"> |
| | | <el-select v-model="searchForm.status" placeholder="状态" style="width: 150px" clearable @change="search"> |
| | | <el-option :key="0" :value="0" label="启用"></el-option> |
| | | <el-option :key="1" :value="1" label="禁用"></el-option> |
| | | <el-option :key="2" :value="2" label="已注销"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="关联经销商" prop="shopName"> |
| | | <el-input v-model="searchForm.shopName" style="width: 160px" placeholder="经销商名称" @keypress.enter.native="search"></el-input> |
| | | <el-input v-model="searchForm.shopName" style="width: 150px" placeholder="经销商名称" clearable @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <div class="date-style" style="display: inline"> |
| | | <el-form-item label="创建时间" prop="starttime" > |
| | | <el-date-picker |
| | | style="width: 160px" |
| | | <el-date-picker style="width: 190px" |
| | | v-model="searchForm.starttime" |
| | | type="datetime" |
| | | clearable @change="search" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | range-separator="至" |
| | |
| | | </el-form-item> |
| | | <el-form-item label="-" label-width="10px" prop="endtime" > |
| | | <el-date-picker |
| | | style="width: 160px" |
| | | style="width: 190px" |
| | | v-model="searchForm.endtime" |
| | | type="datetime" |
| | | clearable @change="search" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | range-separator="至" |
| | | placeholder="截止时间" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | </div> |
| | | |
| | | <section> |
| | | <el-button type="primary" @click="search">搜索</el-button> |
| | | <el-button @click="reset">重置</el-button> |
| | | <el-button type="primary" :loading="isWorking.export" v-permissions="['business:member:exportExcel']" @click="exportExcel">导出</el-button> |
| | | </section> |
| | | </el-form> |
| | | <!-- 表格和分页 --> |
| | | <template v-slot:table-wrap> |
| | | <ul class="toolbar" v-permissions="['business:member:exportExcel' ]"> |
| | | <!-- <ul class="toolbar" v-permissions="['business:member:exportExcel' ]"> |
| | | <li> <el-button type="primary" :loading="isWorking.export" v-permissions="['business:member:exportExcel']" @click="exportExcel">导出</el-button></li> |
| | | </ul> |
| | | </ul>--> |
| | | <el-table |
| | | v-loading="isWorking.search" |
| | | :data="tableData.list" |