bnyer
/
bnyer-cloud-page
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feature-1.0-page:新增sign标签、微信用户、快手用户模块

master
chengkun 4 years ago
parent
7cc7d5d86e
commit
0a0fa62b30
6 changed files with 970 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 53
      src/api/img/fhUser.js
  2. 55
      src/api/img/sign.js
  3. 53
      src/api/img/wxUser.js
  4. 218
      src/views/img/fhUser/index.vue
  5. 373
      src/views/img/sign/index.vue
  6. 218
      src/views/img/wxUser/index.vue

53
src/api/img/fhUser.js
View File

@ -0,0 +1,53 @@
import request from '@/utils/request'
// 查询fh用户分页列表
export function listFhUser(data) {
return request({
url: '/img/img/fhUser/page',
method: 'post',
data: data
})
}
// 新增fh用户
// export function addFhUser(data) {
// return request({
// url: '/img/img/fhUser/insert',
// method: 'post' ,
// data: data
// })
// }
// 修改fh用户
// export function editFhUser(data) {
// return request({
// url: '/img/img/fhUser/update',
// method: 'post' ,
// data: data
// })
// }
// 删除fh用户
export function delFhUser(ids) {
return request({
url: '/img/img/fhUser/delete/' + ids,
method: 'delete'
})
}
// 获取fh用户详情
// export function getFhUserDetails(id) {
// return request({
// url: '/img/img/fhUser/details/' + id,
// method: 'get'
// })
// }
// 变更类型显示状态
export function changeStatus(data) {
return request({
url: '/img/img/fhUser/changeStatus',
method: 'post' ,
data: data
})
}

55
src/api/img/sign.js
View File

@ -0,0 +1,55 @@
import request from '@/utils/request'
// 查询标签分页列表
export function listSign(data) {
return request({
url: '/img/img/sign/page',
method: 'post',
data: data
})
}
// 新增标签
export function addSign(data) {
return request({
url: '/img/img/sign/insert',
method: 'post' ,
data: data
})
}
// 修改标签
export function editSign(data) {
return request({
url: '/img/img/sign/update',
method: 'post' ,
data: data
})
}
// 删除标签
export function delSign(ids) {
return request({
url: '/img/img/sign/delete/' + ids,
method: 'delete'
})
}
// 获取标签详情
export function getSignDetails(id) {
return request({
url: '/img/img/sign/details/' + id,
method: 'get'
})
}
// 变更类型显示状态
export function changeStatus(data) {
return request({
url: '/img/img/sign/changeStatus',
method: 'post' ,
data: data
})
}

53
src/api/img/wxUser.js
View File

@ -0,0 +1,53 @@
import request from '@/utils/request'
// 查询wx用户分页列表
export function listWxUser(data) {
return request({
url: '/img/img/wxUser/page',
method: 'post',
data: data
})
}
// 新增wx用户
// export function addWxUser(data) {
// return request({
// url: '/img/img/wxUser/insert',
// method: 'post' ,
// data: data
// })
// }
// 修改wx用户
// export function editWxUser(data) {
// return request({
// url: '/img/img/wxUser/update',
// method: 'post' ,
// data: data
// })
// }
// 删除wx用户
export function delWxUser(ids) {
return request({
url: '/img/img/wxUser/delete/' + ids,
method: 'delete'
})
}
// 获取wx用户详情
// export function getWxUserDetails(id) {
// return request({
// url: '/img/img/wxUser/details/' + id,
// method: 'get'
// })
// }
// 变更类型显示状态
export function changeStatus(data) {
return request({
url: '/img/img/wxUser/changeStatus',
method: 'post' ,
data: data
})
}

218
src/views/img/fhUser/index.vue
View File

@ -0,0 +1,218 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<!--用户数据-->
<el-col :span="20" :xs="24">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="70px">
<el-form-item label="用户名称" prop="username">
<el-input
v-model="queryParams.username"
placeholder="请输入用户名称"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="是否显示" prop="isShow">
<el-select v-model="queryParams.isShow" placeholder="是否显示" clearable>
<el-option
v-for="item in isShow"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['img:fh:remove']"
>删除</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="编号" align="center" key="id" prop="id" v-if="columns[0].visible" />
<el-table-column label="用户名称" align="center" key="username" prop="username" v-if="columns[1].visible" :show-overflow-tooltip="true" />
<el-table-column label="头像地址" align="center" key="img" prop="img" v-if="columns[2].visible">
<template slot-scope="scope">
<el-image :src="scope.row.img" :preview-src-list="bigImgList" @click="getBigImg(scope.row)" style="width: 50px; height: 50px"/>
</template>
</el-table-column>
<el-table-column label="快手id" align="center" key="fhCode" prop="fhCode" v-if="columns[3].visible" :show-overflow-tooltip="true" />
<el-table-column label="序号" align="center" key="sort" prop="sort" v-if="columns[4].visible" :show-overflow-tooltip="true" />
<el-table-column label="是否显示" align="center" key="isShow" v-if="columns[5].visible">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isShow"
active-value="1"
inactive-value="0"
@change="handleStatusChange(scope.row)"
></el-switch>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="更新时间" align="center" prop="updateTime" v-if="columns[7].visible" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
width="160"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['img:fh:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-col>
</el-row>
</div>
</template>
<script>
import { listFhUser, delFhUser, changeStatus } from "@/api/img/fhUser";
export default {
name: "FhUser",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户表格数据
userList: null,
//是否显示
isShow: [
{ value: '0', label: '否'},
{ value: '1', label: '是'}
],
//头像大图：
bigImgList:[],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userName: undefined,
status: undefined
},
// 列信息
columns: [
{ key: 0, label: `用户编号`, visible: true },
{ key: 1, label: `用户名称`, visible: true },
{ key: 2, label: `头像地址`, visible: true },
{ key: 3, label: `快手id`, visible: true },
{ key: 4, label: `序号`, visible: true },
{ key: 5, label: `是否显示`, visible: true },
{ key: 6, label: `创建时间`, visible: true },
{ key: 7, label: `更新时间`, visible: true }
]
};
},
created() {
this.getList();
},
methods: {
/** 查询用户列表 */
getList() {
this.loading = true;
listFhUser(this.queryParams).then(response => {
this.userList = response.rows;
this.total = response.total;
this.loading = false;
}
);
},
// 筛选节点
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
// 用户状态修改
handleStatusChange(row) {
let text = row.isShow === "1" ? "启用" : "停用";
this.$modal.confirm('确认要"' + text + '"id为"' + row.id + '"的用户吗？').then(function() {
let data = {
id: row.id,
status: row.isShow
}
return changeStatus(data);
}).then(() => {
this.$modal.msgSuccess(text + "成功");
}).catch(function() {
row.isShow = row.isShow === "0" ? "1" : "0";
});
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id || this.ids;
this.$modal.confirm('是否确认删除编号为"' + id + '"的用户吗？').then(function() {
return delFhUser(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
}
};
</script>

373
src/views/img/sign/index.vue
View File

@ -0,0 +1,373 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<!--标签数据-->
<el-col :span="20" :xs="24">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
<el-form-item label="标签名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入标签名称"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="是否显示" prop="isShow" label-width="80px">
<el-select v-model="queryParams.isShow" placeholder="是否显示" clearable>
<el-option
v-for="item in isShow"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['img:sign:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['img:sign:remove']"
>删除</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="signList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="编号" align="center" key="id" prop="id" v-if="columns[0].visible" />
<el-table-column label="标签名称" align="center" key="name" prop="name" v-if="columns[1].visible" :show-overflow-tooltip="true" width="150"/>
<el-table-column label="背景图" align="center" key="img" prop="img" v-if="columns[2].visible" width="120">
<template slot-scope="scope">
<el-image :src="scope.row.img" :preview-src-list="bigImgList" @click="getBigImg(scope.row)" style="width: 160px; height: 60px"/>
</template>
</el-table-column>
<el-table-column label="序号" align="center" key="sort" prop="sort" v-if="columns[3].visible"/>
<el-table-column label="是否显示" align="center" key="isShow" v-if="columns[4].visible">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isShow"
active-value="1"
inactive-value="0"
@change="handleStatusChange(scope.row)"
></el-switch>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[5].visible" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="更新时间" align="center" prop="updateTime" v-if="columns[6].visible" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
width="160"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['img:sign:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['img:sign:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-col>
</el-row>
<!-- 添加或修改标签对话框 -->
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="标签名称" prop="name">
<el-input v-model="form.name" placeholder="请输入标签名称" maxlength="8" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="15">
<el-form-item label="img上传" prop="img">
<el-upload
ref="upload"
:action="upload.url"
:limit="1"
accept=".jpg, .jpeg, .png"
:headers="upload.headers"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:file-list="fileList"
:auto-upload="true"
list-type="picture"
drag>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<span>仅允许上传jpg,jpeg,png格式图片。</span>
</div>
</el-upload>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listSign, addSign, editSign, delSign, getSignDetails, changeStatus } from "@/api/img/sign";
import { getToken } from "@/utils/auth";
export default {
name: "Sign",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 标签列表数据
signList: null,
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
//上传图片文件列表
fileList:[],
//大图列表
bigImgList:[],
//是否显示
isShow: [
{ value: '0', label: `否`},
{ value: '1', label: `是`}
],
// 表单参数
form: {},
// 图片上传参数
upload: {
// 是否显示弹出层
open: false,
// 弹出层标题
title: "",
// 是否禁用上传
isUploading: false,
// 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() },
// 上传的地址
url: process.env.VUE_APP_BASE_API + "/file/upload" //http://localhost:7010/file/upload
},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
name: undefined,
isShow: undefined
},
// 列信息
columns: [
{ key: 0, label: `编号`, visible: true },
{ key: 1, label: `标签名称`, visible: true },
{ key: 2, label: `背景图`, visible: true },
{ key: 3, label: `序号`, visible: true },
{ key: 4, label: `是否显示`, visible: true },
{ key: 5, label: `创建时间`, visible: true },
{ key: 6, label: `更新时间`, visible: true }
],
// 表单校验
rules: {
name: [
{ required: true, message: "标签名称不能为空", trigger: "blur" },
{ min: 2, max: 8, message: '标题长度必须介于 2 和 8 之间', trigger: 'blur' }
],
img: [
{ required: true, message: "背景图不能为空", trigger: "blur" }
]
}
};
},
created() {
this.getList();
},
methods: {
/** 查询标签列表 */
getList() {
this.loading = true;
listSign(this.queryParams).then(response => {
this.signList = response.rows;
this.total = response.total;
this.loading = false;
}
);
},
// 用户状态修改
handleStatusChange(row) {
let text = row.isShow === "1" ? "启用" : "停用";
this.$modal.confirm('确认要' + text + 'id为' + row.id + '的标签吗？').then(function() {
let data = {
id: row.id,
status: row.isShow
}
return changeStatus(data);
}).then(() => {
this.$modal.msgSuccess(text + "成功");
}).catch(function() {
row.isShow = row.isShow === "0" ? "1" : "0";
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
name: undefined,
img: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
/** 查看大图 */
getBigImg(row){
this.bigImgList.push(row.img)
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加标签";
this.fileList = []
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getSignDetails(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改标签";
this.fileList = []
});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != undefined) {
editSign(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSign(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id || this.ids;
this.$modal.confirm('是否确认删除编号为"' + id + '"的标签吗？').then(function() {
return delSign(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
// 文件上传中处理
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
// 文件上传成功处理
handleFileSuccess(response, file, fileList) {
this.form.img = response.data
this.fileList.url = response.data
this.fileList.name = '图片上传结果'
this.upload.open = false;
this.upload.isUploading = false;
//this.$refs.upload.clearFiles();
//this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.data + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
//this.getList();
}
}
};
</script>

218
src/views/img/wxUser/index.vue
View File

@ -0,0 +1,218 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<!--用户数据-->
<el-col :span="20" :xs="24">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="70px">
<el-form-item label="用户名称" prop="username">
<el-input
v-model="queryParams.username"
placeholder="请输入用户名称"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="是否显示" prop="isShow">
<el-select v-model="queryParams.isShow" placeholder="是否显示" clearable>
<el-option
v-for="item in isShow"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['img:wx:remove']"
>删除</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="编号" align="center" key="id" prop="id" v-if="columns[0].visible" />
<el-table-column label="用户名称" align="center" key="username" prop="username" v-if="columns[1].visible" :show-overflow-tooltip="true" />
<el-table-column label="头像地址" align="center" key="img" prop="img" v-if="columns[2].visible">
<template slot-scope="scope">
<el-image :src="scope.row.img" :preview-src-list="bigImgList" @click="getBigImg(scope.row)" style="width: 50px; height: 50px"/>
</template>
</el-table-column>
<el-table-column label="微信id" align="center" key="wxCode" prop="wxCode" v-if="columns[3].visible" :show-overflow-tooltip="true" />
<el-table-column label="序号" align="center" key="sort" prop="sort" v-if="columns[4].visible" :show-overflow-tooltip="true" />
<el-table-column label="是否显示" align="center" key="isShow" v-if="columns[5].visible">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isShow"
active-value="1"
inactive-value="0"
@change="handleStatusChange(scope.row)"
></el-switch>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="更新时间" align="center" prop="updateTime" v-if="columns[7].visible" width="160">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
width="160"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['img:wx:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-col>
</el-row>
</div>
</template>
<script>
import { listWxUser, delWxUser, changeStatus } from "@/api/img/wxUser";
export default {
name: "TikTokUser",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户表格数据
userList: null,
//是否显示
isShow: [
{ value: '0', label: '否'},
{ value: '1', label: '是'}
],
//头像大图：
bigImgList:[],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userName: undefined,
status: undefined
},
// 列信息
columns: [
{ key: 0, label: `用户编号`, visible: true },
{ key: 1, label: `用户名称`, visible: true },
{ key: 2, label: `头像地址`, visible: true },
{ key: 3, label: `微信id`, visible: true },
{ key: 4, label: `序号`, visible: true },
{ key: 5, label: `是否显示`, visible: true },
{ key: 6, label: `创建时间`, visible: true },
{ key: 7, label: `更新时间`, visible: true }
]
};
},
created() {
this.getList();
},
methods: {
/** 查询用户列表 */
getList() {
this.loading = true;
listWxUser(this.queryParams).then(response => {
this.userList = response.rows;
this.total = response.total;
this.loading = false;
}
);
},
// 筛选节点
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
// 用户状态修改
handleStatusChange(row) {
let text = row.isShow === "1" ? "启用" : "停用";
this.$modal.confirm('确认要"' + text + '"id为"' + row.id + '"的用户吗？').then(function() {
let data = {
id: row.id,
status: row.isShow
}
return changeStatus(data);
}).then(() => {
this.$modal.msgSuccess(text + "成功");
}).catch(function() {
row.isShow = row.isShow === "0" ? "1" : "0";
});
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id || this.ids;
this.$modal.confirm('是否确认删除编号为"' + id + '"的用户吗？').then(function() {
return delWxUser(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
}
};
</script>
Write Preview
Loading…
Cancel
Save