117 lines
4.4 KiB
PHP
117 lines
4.4 KiB
PHP
<style>
|
|
.el-pagination{
|
|
text-align: right!important;
|
|
}
|
|
</style>
|
|
<div id="changeRecord" class="w1200 m0a">
|
|
<div class="rightlist">
|
|
<div id="app">
|
|
{{--搜索--}}
|
|
<el-form :inline="true" :model="search_list">
|
|
<el-form-item label="变更类型">
|
|
<el-select v-model="search_list.change_type" placeholder="全部">
|
|
<el-option label="全部" value=""></el-option>
|
|
<el-option label="减少" value="0"></el-option>
|
|
<el-option label="增加" value="1"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="clickSearch">查询</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
{{--表单--}}
|
|
<el-table :data="list" style="width: 100%">
|
|
<el-table-column align="center" prop="id" label="ID" width="80"></el-table-column>
|
|
<el-table-column align="center" prop="change_front" label="变更前持有数" width="150"></el-table-column>
|
|
<el-table-column align="center" prop="change_type" label="变更类型" width="150">
|
|
<template slot-scope="scope">
|
|
<el-tag :type="scope.row.change_type == 0 ? 'danger' : 'success'" disable-transitions>
|
|
[[scope.row.change_type == 0 ? '减少' : '增加']]
|
|
</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" prop="change_quantity" label="变更数量" width="150"></el-table-column>
|
|
<el-table-column align="center" prop="change_after" label="变更后持有数"></el-table-column>
|
|
<el-table-column align="center" prop="remark" label="变更原因"></el-table-column>
|
|
<el-table-column align="center" prop="created_at" label="变更时间" width="200"></el-table-column>
|
|
</el-table>
|
|
{{--分页--}}
|
|
<el-pagination
|
|
v-if="total_page > 1"
|
|
background
|
|
layout="prev, pager, next"
|
|
:page-count="total_page"
|
|
:current-page="page"
|
|
@current-change="changePage">
|
|
</el-pagination>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
new Vue({
|
|
el: '#app',
|
|
delimiters: ['[[', ']]'],
|
|
name: 'change_record',
|
|
data: {
|
|
page: 1,
|
|
total_page: 1,
|
|
list: [],
|
|
search_list: {
|
|
member_id: "{{$member_id}}",
|
|
team_dividend_agency_level_id: "{{$level_id}}",
|
|
change_type: '',
|
|
}
|
|
},
|
|
watch:{},
|
|
mounted () {
|
|
this.getChangeRecord();
|
|
},
|
|
methods: {
|
|
// 获取变更记录
|
|
getChangeRecord(){
|
|
let _this = this;
|
|
let loading = _this.showLoading();
|
|
$.ajax({
|
|
url: "{!! yzWebUrl('plugin.weight-value.admin.index.changeRecord') !!}",
|
|
type: "post",
|
|
data: {
|
|
page: _this.page,
|
|
search: _this.search_list,
|
|
is_get: 1
|
|
},
|
|
success: function(result) {
|
|
loading.close(0);
|
|
let data = result.data;
|
|
if(parseInt(result.result) === 1){
|
|
// 处理数据
|
|
_this.list = data.data;
|
|
_this.total_page = data.last_page;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
// 显示加载动画
|
|
showLoading(){
|
|
return this.$loading({
|
|
lock: true,
|
|
text: 'Loading',
|
|
spinner: 'el-icon-loading',
|
|
background: 'rgba(0, 0, 0, 0.7)'
|
|
});
|
|
},
|
|
// 数据分页
|
|
changePage(val){
|
|
this.page = val;
|
|
this.getChangeRecord();
|
|
},
|
|
// 订单 - 相关搜索
|
|
clickSearch(){
|
|
this.page = 1;
|
|
this.getChangeRecord()
|
|
},
|
|
},
|
|
})
|
|
</script>
|
|
|
|
|