Loki
/
yudao-ui-admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

增加企业微信员工

master
Loki 3 years ago
parent
9f8660d76d
commit
940f54e876
2 changed files with 348 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. 54
      src/api/system/cpUser.js
  2. 294
      src/views/system/cpUser/index.vue

54
src/api/system/cpUser.js
Unescape View File

@ -0,0 +1,54 @@
import request from '@/utils/request'
// 创建企业微信成员
export function createCpUser(data) {
return request({
url: '/system/cp-user/create',
method: 'post',
data: data
})
}
// 更新企业微信成员
export function updateCpUser(data) {
return request({
url: '/system/cp-user/update',
method: 'put',
data: data
})
}
// 删除企业微信成员
export function deleteCpUser(id) {
return request({
url: '/system/cp-user/delete?id=' + id,
method: 'delete'
})
}
// 获得企业微信成员
export function getCpUser(id) {
return request({
url: '/system/cp-user/get?id=' + id,
method: 'get'
})
}
// 获得企业微信成员分页
export function getCpUserPage(query) {
return request({
url: '/system/cp-user/page',
method: 'get',
params: query
})
}
// 导出企业微信成员 Excel
export function exportCpUserExcel(query) {
return request({
url: '/system/cp-user/export-excel',
method: 'get',
params: query,
responseType: 'blob'
})
}

294
src/views/system/cpUser/index.vue
Unescape View File

@ -0,0 +1,294 @@
<template>
<div class="app-container">
<!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="姓名" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入姓名" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-input v-model="queryParams.mobile" placeholder="请输入手机号" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker v-model="dateRangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" />
</el-form-item>
<!-- <el-form-item label="部门" prop="department">
<el-input v-model="queryParams.department" placeholder="请输入部门" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="职位" prop="position">
<el-input v-model="queryParams.position" placeholder="请输入职位" clearable @keyup.enter.native="handleQuery"/>
</el-form-item> -->
<el-form-item label="邮件" prop="email">
<el-input v-model="queryParams.email" placeholder="请输入邮件" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item label="企业邮件" prop="bizMail">
<el-input v-model="queryParams.bizMail" placeholder="请输入企业邮件" clearable @keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @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="['system:cp-user:create']">新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
v-hasPermi="['system:cp-user:export']">导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table v-loading="loading" :data="list">
<el-table-column label="编号" align="center" prop="id" />
<el-table-column label="姓名" align="center" prop="name" />
<el-table-column label="用户昵称" align="center" prop="nickname" />
<el-table-column label="头像" align="center" prop="avatar" >
<template slot-scope="scope">
<el-avatar :src="scope.row.avatar"/>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status" />
<el-table-column label="手机号" align="center" prop="mobile" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="部门" align="center" prop="department" />
<el-table-column label="职位" align="center" prop="position" />
<el-table-column label="邮件" align="center" prop="email" />
<el-table-column label="企业邮件" align="center" prop="bizMail" />
<el-table-column label="操作" align="center" 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="['system:cp-user:update']">修改</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['system:cp-user:delete']">删除</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
@pagination="getList"/>
<!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入用户昵称" />
</el-form-item>
<el-form-item label="头像" prop="avatar">
<el-input v-model="form.avatar" placeholder="请输入头像" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-input v-model="form.mobile" placeholder="请输入手机号" />
</el-form-item>
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入姓名" />
</el-form-item>
<el-form-item label="部门" prop="department">
<el-input v-model="form.department" placeholder="请输入部门" />
</el-form-item>
<el-form-item label="职位" prop="position">
<el-input v-model="form.position" placeholder="请输入职位" />
</el-form-item>
<el-form-item label="邮件" prop="email">
<el-input v-model="form.email" placeholder="请输入邮件" />
</el-form-item>
<el-form-item label="企业邮件" prop="bizMail">
<el-input v-model="form.bizMail" placeholder="请输入企业邮件" />
</el-form-item>
</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 { createCpUser, updateCpUser, deleteCpUser, getCpUser, getCpUserPage, exportCpUserExcel } from "@/api/system/cpUser";
export default {
name: "CpUser",
components: {
},
data() {
return {
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 企业微信成员列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
dateRangeCreateTime: [],
// 查询参数
queryParams: {
pageNo: 1,
pageSize: 10,
userid: null,
avatar: null,
status: null,
mobile: null,
name: null,
department: null,
position: null,
email: null,
bizMail: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
userid: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
avatar: [{ required: true, message: "头像不能为空", trigger: "blur" }],
status: [{ required: true, message: "状态不能为空", trigger: "blur" }],
mobile: [{ required: true, message: "手机号不能为空", trigger: "blur" }],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
// 处理查询参数
let params = {...this.queryParams};
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行查询
getCpUserPage(params).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
});
},
/** 取消按钮 */
cancel() {
this.open = false;
this.reset();
},
/** 表单重置 */
reset() {
this.form = {
id: undefined,
userid: undefined,
avatar: undefined,
status: undefined,
mobile: undefined,
name: undefined,
department: undefined,
position: undefined,
email: undefined,
bizMail: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNo = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加企业微信成员";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id;
getCpUser(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改企业微信成员";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (!valid) {
return;
}
// 修改的提交
if (this.form.id != null) {
updateCpUser(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
return;
}
// 添加的提交
createCpUser(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
});
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id;
this.$modal.confirm('是否确认删除企业微信成员编号为"' + id + '"的数据项?').then(function() {
return deleteCpUser(id);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
let params = {...this.queryParams};
params.pageNo = undefined;
params.pageSize = undefined;
this.addBeginAndEndTime(params, this.dateRangeCreateTime, 'createTime');
// 执行导出
this.$modal.confirm('是否确认导出所有企业微信成员数据项?').then(() => {
this.exportLoading = true;
return exportCpUserExcel(params);
}).then(response => {
this.$download.excel(response, '${table.classComment}.xls');
this.exportLoading = false;
}).catch(() => {});
}
}
};
</script>
Write Preview
Loading…
Cancel
Save