<template> <div class="index"> <!-- <el-form ref="searchFrom" :model="searchFrom" label-width="80px" inline> <el-form-item label="用户ID"> <el-input v-model="searchFrom.user_id" ></el-input> </el-form-item> <el-form-item> <el-button type="primary" plain @click="initPage"> 搜索 </el-button> </el-form-item> </el-form> --> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="nickname" label="用户"> </el-table-column> <el-table-column prop="mobile" label="手机号"> </el-table-column> <el-table-column prop="integral" label="积分"> </el-table-column> <el-table-column prop="desc" label="备注"> </el-table-column> <el-table-column label="操作" min-width="150" v-if="!$store.state.readonly"> <template slot-scope="scope"> <el-button @click="editComment(scope.row.id, scope.row.integral)" type="text" plain size="mini"> 修改积分 </el-button> </template> </el-table-column> </el-table> <page :total="total" :limit="limit" @pageChange="onPageChange" @sizeChange="onSizeChange"/> <!-- 修改积分 --> <el-dialog title="修改积分" center append-to-body :visible.sync="showCommentDialog" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" width="600px"> <div> <el-form ref="commentFrom" :model="commentForm" inline> <el-form-item label="积分"> <el-input-number v-model="commentForm.integral" :min="0"></el-input-number> </el-form-item> </el-form> </div> <span slot="footer" class="dialog-footer"> <el-button @click="showCommentDialog = false">取 消</el-button> <el-button type="primary" @click="saveComment(commentForm.integral)">确 定</el-button> </span> </el-dialog> </div> </template> <script> import page from '../framework/page' import {} from "../../service/api"; export default { name: "index", components:{ page }, data(){ return { total:0, nowPage:1, limit: 10, searchFrom: { source:'' }, tableData:[1,2], commentForm: { integral:0, }, showCommentDialog: false } }, created(){ this.initPage() }, methods:{ initPage(){ let json = { limit: this.limit, page: this.nowPage } // if (this.searchFrom.user_id) { // json.user_id = this.searchFrom.user_id // } // getAdsInnerListApi(json).then((res)=>{ // this.tableData = res.list; // this.total = res.total // }) }, onPageChange(val){ this.nowPage = val this.initPage() }, onSizeChange(val){ this.nowPage = 1 this.limit = val this.initPage() }, saveComment(data){ this.$confirm('确定修改?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(()=>{ let json={ integral:data, } // Api(id).then(res=>{ this.$message({ type: 'success', message: '修改成功' }); this.showCommentDialog = false; this.initPage(); }); // }); }, editComment(id, integral) { this.showCommentDialog = true; this.commentForm = { id: id, integral: integral }; }, } } </script> <style scoped lang="less"> .index { padding: 20px 0; } </style>