| | |
| | | <template> |
| | | <div class="app-container"> |
| | | |
| | | <el-form :inline="true" ref="form" :model="queryParams" class="demo-form-inline" label-width="80px"> |
| | | <el-row> |
| | | <el-col :span="7"> |
| | | <el-form-item label="姓名" prop="name" style="display: flex;"> |
| | | <el-form :inline="true" ref="form" :model="queryParams" class="demo-form-inline" label-width="78px"> |
| | | |
| | | <el-form-item label="姓名" prop="name" > |
| | | <el-input v-model="queryParams.name" placeholder="请输入姓名" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系电话" prop="phone" style="display: flex;"> |
| | | |
| | | <el-form-item label="联系电话" prop="phone" > |
| | | <el-input v-model="queryParams.phone" placeholder="请输入联系电话" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="3"> |
| | | |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleUpdate">查询</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | </el-form> |
| | | |
| | | <div style="margin-bottom: 10px;"> |
| | | <div style="margin: 10px 25px;"> |
| | | <el-radio-group v-model="type" @input="handleUpdate"> |
| | | <el-radio-button label="1">收费记录</el-radio-button> |
| | | <el-radio-button label="2">退费记录</el-radio-button> |
| | | </el-radio-group> |
| | | </div> |
| | | |
| | | <template> |
| | | <template > |
| | | <el-table v-loading="loading" :data="tableList" @selection-change="handleSelect" border max-height="720px" |
| | | :row-style="changRed"> |
| | | :row-style="changRed" style="margin-left: 20px; width: 99%"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="姓名" align="center" prop="customer.cusName" /> |
| | | <el-table-column label="手机号" align="center" prop="customer.cusPhone" |