| | |
|---|
| | | border: 1px solid #DCDFE6; |
|---|
| | | background-color: white; |
|---|
| | | } |
|---|
| | | .search-form { |
|---|
| | | background-color: white; |
|---|
| | | padding-top: 10px; |
|---|
| | | padding-left: 20px; |
|---|
| | | padding-bottom: 10px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <body> |
|---|
| | | <div id="app" style=""> |
|---|
| | | <el-row class="search-form"> |
|---|
| | | <el-form ref="form" :model="form" inline> |
|---|
| | | <el-form-item label="日期范围"> |
|---|
| | | <el-date-picker v-model="form.timeRange" |
|---|
| | | type="datetimerange" |
|---|
| | | range-separator="至" |
|---|
| | | start-placeholder="开始日期" |
|---|
| | | end-placeholder="结束日期"> |
|---|
| | | </el-date-picker> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="业绩归属人"> |
|---|
| | | <el-select v-model="form.beaultId" placeholder="请选择"> |
|---|
| | | <el-option v-for="item in achieveUsers" |
|---|
| | | :key="item.suId" |
|---|
| | | :label="item.suName" |
|---|
| | | :value="item.suId"></el-option> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="会员"> |
|---|
| | | <el-input v-model="form.vipQueryKey"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-button type="primary" @click="search" >搜索</el-button> |
|---|
| | | <el-button @click="resetForm('form')">重置</el-button> |
|---|
| | | <!-- <el-button type="warning" @click="exportExcel">导出</el-button>--> |
|---|
| | | </el-form> |
|---|
| | | </el-row> |
|---|
| | | <el-row class="table-style"> |
|---|
| | | <el-table :data="tableData" style="width: 100%"> |
|---|
| | | <el-table-column type="index" width="30" fixed="left"></el-table-column> |
|---|
| | |
|---|
| | | el : "#app", |
|---|
| | | data : { |
|---|
| | | tableData : [], |
|---|
| | | form : { |
|---|
| | | timeRange : '', |
|---|
| | | vipQueryKey : '', |
|---|
| | | beaultId : '' |
|---|
| | | }, |
|---|
| | | page : { |
|---|
| | | currentPage : 1, |
|---|
| | | size : 10, |
|---|
| | |
|---|
| | | }, |
|---|
| | | created : function() { |
|---|
| | | this.queryTableData(); |
|---|
| | | this.queryAchieveUsers(); |
|---|
| | | }, |
|---|
| | | methods : { |
|---|
| | | queryTableData() { |
|---|
| | | let _this = this; |
|---|
| | | let params = {}; |
|---|
| | | let page = _this.page; |
|---|
| | | let form = _this.form; |
|---|
| | | |
|---|
| | | if (form.timeRange) { |
|---|
| | | params.beginTime = form.timeRange?moment(form.timeRange[0]).format("YYYY-MM-DD HH:mm"):''; |
|---|
| | | params.endTime = form.timeRange?moment(form.timeRange[1]).format("YYYY-MM-DD HH:mm"):''; |
|---|
| | | } |
|---|
| | | params.vipQueryKey=form.vipQueryKey; |
|---|
| | | params.beaultId=form.beaultId; |
|---|
| | | params.limit = page.size; |
|---|
| | | params.offset = (page.currentPage - 1) * page.size; |
|---|
| | | AjaxProxy.requst({ |
|---|
| | |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | queryAchieveUsers() { |
|---|
| | | let _this = this; |
|---|
| | | AjaxProxy.requst({ |
|---|
| | | app: _this, |
|---|
| | | url: basePath + '/admin/getShopStaffByRoleName', |
|---|
| | | callback: function (data) { |
|---|
| | | _this.achieveUsers = data.rows; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | resetForm(formName) { |
|---|
| | | // this.$refs[formName].resetFields(); |
|---|
| | | this.form = { |
|---|
| | | timeRange : '', |
|---|
| | | vipQueryKey : '', |
|---|
| | | beaultId : '' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | search() { |
|---|
| | | this.queryTableData(); |
|---|
| | | }, |
|---|
| | | handleSizeChange(val) { |
|---|
| | | this.page.size = val; |
|---|
| | | this.queryTableData(); |
|---|
