gitea
/
fundHoldAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

根据和胡从5月6号的交流结果，对用户部分做优化调整，主要内容：增加用户信用部分，增加用户类型区分为普通用户和商企用户，完善用户信息增加身份证、护照等信息。

main
TonyStark 2 months ago
parent
a1e7c5ead3
commit
7dcd8ec33b
7 changed files with 2315 additions and 1058 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. 608
      src/views/business/userCard/index.vue
  2. 358
      src/views/business/userCredit/index.vue
  3. 384
      src/views/business/userCreditRecord/index.vue
  4. 509
      src/views/business/userFriend/index.vue
  5. 384
      src/views/business/userInfoBus/index.vue
  6. 568
      src/views/business/userPasswd/index.vue
  7. 562
      src/views/business/userRegister/index.vue

608
src/views/business/userCard/index.vue
View File

@ -1,334 +1,392 @@
<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="$t('business.userCard.cardNum')" prop="cardNum">
<el-input v-model="queryParams.cardNum" :placeholder="$t('business.userCard.cardNumPlaceholder')" clearable @keyup.enter.native="handleQuery" />
<el-form-item label="用户ID" prop="userId">
<el-input
v-model="queryParams.userId"
placeholder="请输入用户ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('business.userCard.bankName')" prop="bankName">
<el-input v-model="queryParams.bankName" :placeholder="$t('business.userCard.bankNamePlaceholder')" clearable @keyup.enter.native="handleQuery" />
<el-form-item label="银行卡号" prop="cardNum">
<el-input
v-model="queryParams.cardNum"
placeholder="请输入银行卡号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('business.userCard.deptName')" prop="deptName">
<el-input v-model="queryParams.deptName" :placeholder="$t('business.userCard.deptNamePlaceholder')" clearable @keyup.enter.native="handleQuery" />
<el-form-item label="银行卡余额" prop="cardAmount">
<el-input
v-model="queryParams.cardAmount"
placeholder="请输入银行卡余额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('common.createTime')">
<el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
type="daterange" range-separator="-" :start-placeholder="$t('common.startDate')" :end-placeholder="$t('common.endDate')"
:default-time="['00:00:00', '23:59:59']"></el-date-picker>
<el-form-item label="银行名称" prop="bankName">
<el-input
v-model="queryParams.bankName"
placeholder="请输入银行名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="具体分行" prop="deptName">
<el-input
v-model="queryParams.deptName"
placeholder="请输入具体分行"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="账单唯一编号" prop="billCode">
<el-input
v-model="queryParams.billCode"
placeholder="请输入账单唯一编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.search') }}</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button>
<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="['business:userCard:add']">{{ $t('common.add') }}</el-button>
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userCard:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
v-hasPermi="['business:userCard:edit']">{{ $t('common.edit') }}</el-button>
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userCard:edit']"
>修改</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="['business:userCard:remove']">{{ $t('common.delete') }}</el-button>
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userCard:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['business:userCard:export']">{{ $t('common.export') }}</el-button>
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userCard:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userCardList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('business.userCard.userId')" align="center" prop="userId" />
<el-table-column :label="$t('business.userCard.cardNum')" align="center" prop="cardNum" />
<el-table-column :label="$t('business.userCard.cardAmount')" align="center" prop="cardAmount" />
<el-table-column :label="$t('business.userCard.bankName')" align="center" prop="bankName" />
<el-table-column :label="$t('business.userCard.deptName')" align="center" prop="deptName" />
<el-table-column :label="$t('business.userCard.status')" align="center" prop="status">
<template slot-scope="scope">
<el-tag v-if="scope.row.status == '0'">{{ $t('business.userCard.statusNormal') }}</el-tag>
<el-tag type="danger" v-if="scope.row.status == '1'">{{ $t('business.userCard.statusDisabled') }}</el-tag>
</template>
</el-table-column>
<el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('common.updateTime')" align="center" prop="updateTime" width="180">
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/>
<el-table-column label="用户ID" align="center" prop="userId" />
<el-table-column label="银行卡号" align="center" prop="cardNum" />
<el-table-column label="银行卡余额" align="center" prop="cardAmount" />
<el-table-column label="银行名称" align="center" prop="bankName" />
<el-table-column label="具体分行" align="center" prop="deptName" />
<el-table-column label="账单唯一编号" align="center" prop="billCode" />
<el-table-column label="卡状态" align="center" prop="status" />
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('common.operation')" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">{{ $t('common.detail') }}</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['business:userCard:edit']">{{ $t('common.edit') }}</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['business:userCard:remove']">{{ $t('common.delete') }}</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business:userCard:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userCard: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" />
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改用户银行卡对话框 -->
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item :label="$t('business.userCard.cardNum')" prop="cardNum">
<el-input v-model="form.cardNum" :placeholder="$t('business.userCard.cardNumPlaceholder')" />
</el-form-item>
<el-form-item :label="$t('business.userCard.cardAmount')" prop="cardAmount">
<el-input v-model="form.cardAmount" :placeholder="$t('business.userCard.cardAmountPlaceholder')" />
<el-form-item label="用户ID" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户ID" />
</el-form-item>
<el-form-item :label="$t('business.userCard.bankName')" prop="bankName">
<el-input v-model="form.bankName" :placeholder="$t('business.userCard.bankNamePlaceholder')" />
</el-form-item>
<el-form-item :label="$t('business.userCard.deptName')" prop="deptName">
<el-input v-model="form.deptName" :placeholder="$t('business.userCard.deptNamePlaceholder')" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button>
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button>
</div>
</el-dialog>
<!-- 用户银行卡详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item :label="$t('business.userCard.userId') + '：'">
{{form.userId}}
<el-form-item label="银行卡号" prop="cardNum">
<el-input v-model="form.cardNum" placeholder="请输入银行卡号" />
</el-form-item>
<el-form-item :label="$t('business.userCard.cardNum') + '：'">
{{form.cardNum}}
<el-form-item label="银行卡余额" prop="cardAmount">
<el-input v-model="form.cardAmount" placeholder="请输入银行卡余额" />
</el-form-item>
<el-form-item :label="$t('business.userCard.cardAmount') + '：'">
{{form.cardAmount}}
<el-form-item label="银行名称" prop="bankName">
<el-input v-model="form.bankName" placeholder="请输入银行名称" />
</el-form-item>
<el-form-item :label="$t('business.userCard.bankName') + '：'">
{{form.bankName}}
<el-form-item label="具体分行" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入具体分行" />
</el-form-item>
<el-form-item :label="$t('business.userCard.deptName') + '：'">
{{form.deptName}}
<el-form-item label="账单唯一编号" prop="billCode">
<el-input v-model="form.billCode" placeholder="请输入账单唯一编号" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">{{ $t('common.close') }}</el-button>
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 用户银行卡详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户ID：">
{{form.userId}}
</el-form-item>
<el-form-item label="银行卡号：">
{{form.cardNum}}
</el-form-item>
<el-form-item label="银行卡余额：">
{{form.cardAmount}}
</el-form-item>
<el-form-item label="银行名称：">
{{form.bankName}}
</el-form-item>
<el-form-item label="具体分行：">
{{form.deptName}}
</el-form-item>
<el-form-item label="账单唯一编号：">
{{form.billCode}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listUserCard,
getUserCard,
delUserCard,
addUserCard,
updateUserCard
} from "@/api/business/userCard";
import { listUserCard, getUserCard, delUserCard, addUserCard, updateUserCard } from "@/api/business/userCard";
export default {
name: "UserCard",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户银行卡表格数据
userCardList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 卡状态时间范围
daterangeCreateTime: [],
// 卡状态时间范围
daterangeUpdateTime: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
cardNum: undefined,
cardAmount: undefined,
bankName: undefined,
deptName: undefined,
status: undefined,
createTime: undefined,
updateTime: undefined
},
// 表单参数
form: {},
// 表单校验
rules: {
userId: [{
required: true,
message: "用户ID不能为空",
trigger: "blur"
}],
cardNum: [{
required: true,
message: "银行卡号不能为空",
trigger: "blur"
}],
}
export default {
name: "UserCard",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户银行卡表格数据
userCardList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
cardNum: undefined,
cardAmount: undefined,
bankName: undefined,
deptName: undefined,
billCode: undefined,
status: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "唯一ID不能为空", trigger: "blur" }
],
userId: [
{ required: true, message: "用户ID不能为空", trigger: "blur" }
],
cardNum: [
{ required: true, message: "银行卡号不能为空", trigger: "blur" }
],
billCode: [
{ required: true, message: "账单唯一编号不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询用户银行卡列表 */
getList() {
this.loading = true;
listUserCard(this.queryParams).then(response => {
this.userCardList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
cardNum: undefined,
cardAmount: undefined,
bankName: undefined,
deptName: undefined,
billCode: undefined,
status: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined
};
this.resetForm("form");
},
created() {
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
methods: {
/** 查询用户银行卡列表 */
getList() {
this.loading = true;
this.queryParams.params = {};
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
}
if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
}
listUserCard(this.queryParams).then(response => {
this.userCardList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
cardNum: undefined,
cardAmount: undefined,
bankName: undefined,
deptName: undefined,
status: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.daterangeCreateTime = [];
this.daterangeUpdateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = this.$t('business.userCard.addTitle');
},
/** 详情按钮操作 */
handleDetail(row) {
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加用户银行卡";
},
/** 详情按钮操作 */
handleDetail(row){
this.reset();
this.form = row;
this.detailOpen = true;
this.title = this.$t('business.userCard.title');
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserCard(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = this.$t('business.userCard.editTitle');
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserCard(this.form).then(response => {
this.$modal.msgSuccess(this.$t('common.editSuccess'));
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserCard(this.form).then(response => {
this.$modal.msgSuccess(this.$t('common.addSuccess'));
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
this.title = "用户银行卡";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserCard(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改用户银行卡";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserCard(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserCard(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm(this.$t('common.deleteConfirm')).then(() => {
this.loading = true;
return delUserCard(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess(this.$t('common.deleteSuccess'));
}).catch(() => {}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userCard/export', {
...this.queryParams
}, `userCard_${new Date().getTime()}.xlsx`)
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除用户银行卡编号为"' + ids + '"的数据项？').then(() => {
this.loading = true;
return delUserCard(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userCard/export', {
...this.queryParams
}, `userCard_${new Date().getTime()}.xlsx`)
}
};
}
};
</script>

358
src/views/business/userCredit/index.vue
View File

@ -0,0 +1,358 @@
<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="用户id" prop="userId">
<el-input
v-model="queryParams.userId"
placeholder="请输入用户id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="用户的信用评分" prop="score">
<el-input
v-model="queryParams.score"
placeholder="请输入用户的信用评分"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="累计违规次数" prop="violationNum">
<el-input
v-model="queryParams.violationNum"
placeholder="请输入累计违规次数"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="违规次数比例" prop="violationPro">
<el-input
v-model="queryParams.violationPro"
placeholder="请输入违规次数比例"
clearable
@keyup.enter.native="handleQuery"
/>
</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="['business:userCredit:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userCredit:edit']"
>修改</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="['business:userCredit:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userCredit:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userCreditList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/>
<el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="用户的信用评分" align="center" prop="score" />
<el-table-column label="累计违规次数" align="center" prop="violationNum" />
<el-table-column label="违规次数比例" align="center" prop="violationPro" />
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business:userCredit:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userCredit: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-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id" />
</el-form-item>
<el-form-item label="用户的信用评分" prop="score">
<el-input v-model="form.score" placeholder="请输入用户的信用评分" />
</el-form-item>
<el-form-item label="累计违规次数" prop="violationNum">
<el-input v-model="form.violationNum" placeholder="请输入累计违规次数" />
</el-form-item>
<el-form-item label="违规次数比例" prop="violationPro">
<el-input v-model="form.violationPro" placeholder="请输入违规次数比例" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 信用详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户id：">
{{form.userId}}
</el-form-item>
<el-form-item label="用户的信用评分：">
{{form.score}}
</el-form-item>
<el-form-item label="累计违规次数：">
{{form.violationNum}}
</el-form-item>
<el-form-item label="违规次数比例：">
{{form.violationPro}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listUserCredit, getUserCredit, delUserCredit, addUserCredit, updateUserCredit } from "@/api/business/userCredit";
export default {
name: "UserCredit",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 信用表格数据
userCreditList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
score: undefined,
violationNum: undefined,
violationPro: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "唯一ID不能为空", trigger: "blur" }
],
userId: [
{ required: true, message: "用户id不能为空", trigger: "blur" }
],
score: [
{ required: true, message: "用户的信用评分不能为空", trigger: "blur" }
],
violationNum: [
{ required: true, message: "累计违规次数不能为空", trigger: "blur" }
],
violationPro: [
{ required: true, message: "违规次数比例不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询信用列表 */
getList() {
this.loading = true;
listUserCredit(this.queryParams).then(response => {
this.userCreditList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
score: undefined,
violationNum: undefined,
violationPro: undefined,
createBy: undefined,
updateBy: undefined,
createTime: undefined,
updateTime: undefined,
delFlag: 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
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加信用";
},
/** 详情按钮操作 */
handleDetail(row){
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "信用";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserCredit(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改信用";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserCredit(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserCredit(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除信用编号为"' + ids + '"的数据项？').then(() => {
this.loading = true;
return delUserCredit(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userCredit/export', {
...this.queryParams
}, `userCredit_${new Date().getTime()}.xlsx`)
}
}
};
</script>

384
src/views/business/userCreditRecord/index.vue
View File

@ -0,0 +1,384 @@
<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="用户id" prop="userId">
<el-input
v-model="queryParams.userId"
placeholder="请输入用户id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="违规业务" prop="violationBus">
<el-input
v-model="queryParams.violationBus"
placeholder="请输入违规业务"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="违规订单号" prop="violationOrd">
<el-input
v-model="queryParams.violationOrd"
placeholder="请输入违规订单号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单金额" prop="violationSum">
<el-input
v-model="queryParams.violationSum"
placeholder="请输入订单金额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="违规级别" prop="violationLevel">
<el-input
v-model="queryParams.violationLevel"
placeholder="请输入违规级别"
clearable
@keyup.enter.native="handleQuery"
/>
</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="['business:userCreditRecord:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userCreditRecord:edit']"
>修改</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="['business:userCreditRecord:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userCreditRecord:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userCreditRecordList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/>
<el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="违规业务" align="center" prop="violationBus" />
<el-table-column label="违规订单号" align="center" prop="violationOrd" />
<el-table-column label="违规类型" align="center" prop="violationType" />
<el-table-column label="订单金额" align="center" prop="violationSum" />
<el-table-column label="违规级别" align="center" prop="violationLevel" />
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business:userCreditRecord:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userCreditRecord: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-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id" />
</el-form-item>
<el-form-item label="违规业务" prop="violationBus">
<el-input v-model="form.violationBus" placeholder="请输入违规业务" />
</el-form-item>
<el-form-item label="违规订单号" prop="violationOrd">
<el-input v-model="form.violationOrd" placeholder="请输入违规订单号" />
</el-form-item>
<el-form-item label="订单金额" prop="violationSum">
<el-input v-model="form.violationSum" placeholder="请输入订单金额" />
</el-form-item>
<el-form-item label="违规级别" prop="violationLevel">
<el-input v-model="form.violationLevel" placeholder="请输入违规级别" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 信用记录详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户id：">
{{form.userId}}
</el-form-item>
<el-form-item label="违规业务：">
{{form.violationBus}}
</el-form-item>
<el-form-item label="违规订单号：">
{{form.violationOrd}}
</el-form-item>
<el-form-item label="订单金额：">
{{form.violationSum}}
</el-form-item>
<el-form-item label="违规级别：">
{{form.violationLevel}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listUserCreditRecord, getUserCreditRecord, delUserCreditRecord, addUserCreditRecord, updateUserCreditRecord } from "@/api/business/userCreditRecord";
export default {
name: "UserCreditRecord",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 信用记录表格数据
userCreditRecordList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
violationBus: undefined,
violationOrd: undefined,
violationType: undefined,
violationSum: undefined,
violationLevel: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "唯一ID不能为空", trigger: "blur" }
],
userId: [
{ required: true, message: "用户id不能为空", trigger: "blur" }
],
violationBus: [
{ required: true, message: "违规业务不能为空", trigger: "blur" }
],
violationOrd: [
{ required: true, message: "违规订单号不能为空", trigger: "blur" }
],
violationType: [
{ required: true, message: "违规类型不能为空", trigger: "change" }
],
violationSum: [
{ required: true, message: "订单金额不能为空", trigger: "blur" }
],
violationLevel: [
{ required: true, message: "违规级别不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询信用记录列表 */
getList() {
this.loading = true;
listUserCreditRecord(this.queryParams).then(response => {
this.userCreditRecordList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
violationBus: undefined,
violationOrd: undefined,
violationType: undefined,
violationSum: undefined,
violationLevel: undefined,
createBy: undefined,
updateBy: undefined,
createTime: undefined,
updateTime: undefined,
delFlag: 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
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加信用记录";
},
/** 详情按钮操作 */
handleDetail(row){
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "信用记录";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserCreditRecord(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改信用记录";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserCreditRecord(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserCreditRecord(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除信用记录编号为"' + ids + '"的数据项？').then(() => {
this.loading = true;
return delUserCreditRecord(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userCreditRecord/export', {
...this.queryParams
}, `userCreditRecord_${new Date().getTime()}.xlsx`)
}
}
};
</script>

509
src/views/business/userFriend/index.vue
View File

@ -1,300 +1,315 @@
<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="$t('business.userFriend.userId')" prop="userId">
<el-input v-model="queryParams.userId" :placeholder="$t('business.userFriend.inputUserId')" clearable @keyup.enter.native="handleQuery" />
<el-form-item label="用户id" prop="userId">
<el-input
v-model="queryParams.userId"
placeholder="请输入用户id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('business.userFriend.friendId')" prop="friendId">
<el-input v-model="queryParams.friendId" :placeholder="$t('business.userFriend.inputFriendId')" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item :label="$t('business.userFriend.delFlag')" prop="delFlag">
<el-input v-model="queryParams.delFlag" :placeholder="$t('business.userFriend.inputDelFlag')" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item :label="$t('common.createTime')">
<el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
type="daterange" range-separator="-" :start-placeholder="$t('common.startDate')" :end-placeholder="$t('common.endDate')"
:default-time="['00:00:00', '23:59:59']"></el-date-picker>
<el-form-item label="好友id" prop="friendId">
<el-input
v-model="queryParams.friendId"
placeholder="请输入好友id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{$t('common.search')}}</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{$t('common.reset')}}</el-button>
<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="['business:userFriend:add']">{{$t('common.add')}}</el-button>
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userFriend:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
v-hasPermi="['business:userFriend:edit']">{{$t('common.edit')}}</el-button>
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userFriend:edit']"
>修改</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="['business:userFriend:remove']">{{$t('common.delete')}}</el-button>
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userFriend:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['business:userFriend:export']">{{$t('common.export')}}</el-button>
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userFriend:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userFriendList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('business.userFriend.id')" align="center" prop="id" v-if="true" />
<el-table-column :label="$t('business.userFriend.userId')" align="center" prop="userId" />
<el-table-column :label="$t('business.userFriend.friendId')" align="center" prop="friendId" />
<el-table-column :label="$t('business.userFriend.status')" align="center" prop="status">
<template slot-scope="scope">
<el-tag v-if="scope.row.status == '0'">{{$t('business.userFriend.statusNormal')}}</el-tag>
<el-tag type="danger" v-if="scope.row.status == '1'">{{$t('business.userFriend.statusBlocked')}}</el-tag>
</template>
</el-table-column>
<el-table-column :label="$t('business.userFriend.delFlag')" align="center" prop="delFlag">
<template slot-scope="scope">
<el-tag v-if="scope.row.delFlag == '0'">{{$t('business.userFriend.delFlagExist')}}</el-tag>
<el-tag type="danger" v-if="scope.row.delFlag == '2'">{{$t('business.userFriend.delFlagDeleted')}}</el-tag>
</template>
</el-table-column>
<el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('common.operation')" align="center" width="200" class-name="small-padding fixed-width">
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/>
<el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="好友id" align="center" prop="friendId" />
<el-table-column label="状态" align="center" prop="status" />
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">{{$t('common.detail')}}</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['business:userFriend:edit']">{{$t('common.edit')}}</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['business:userFriend:remove']">{{$t('common.delete')}}</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business:userFriend:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userFriend: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" />
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
: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="$t('business.userFriend.userId')" prop="userId">
<el-input v-model="form.userId" :placeholder="$t('business.userFriend.inputUserId')" />
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id" />
</el-form-item>
<el-form-item :label="$t('business.userFriend.friendId')" prop="friendId">
<el-input v-model="form.friendId" :placeholder="$t('business.userFriend.inputFriendId')" />
</el-form-item>
<el-form-item :label="$t('business.userFriend.delFlag')" prop="delFlag">
<el-input v-model="form.delFlag" :placeholder="$t('business.userFriend.inputDelFlag')" />
<el-form-item label="好友id" prop="friendId">
<el-input v-model="form.friendId" placeholder="请输入好友id" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{$t('common.confirm')}}</el-button>
<el-button @click="cancel">{{$t('common.cancel')}}</el-button>
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 用户好友详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item :label="$t('business.userFriend.userId')">
{{form.userId}}
</el-form-item>
<el-form-item :label="$t('business.userFriend.friendId')">
{{form.friendId}}
</el-form-item>
<el-form-item :label="$t('business.userFriend.delFlag')">
{{form.delFlag}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">{{$t('common.close')}}</el-button>
</div>
</el-dialog>
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户id：">
{{form.userId}}
</el-form-item>
<el-form-item label="好友id：">
{{form.friendId}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listUserFriend,
getUserFriend,
delUserFriend,
addUserFriend,
updateUserFriend
} from "@/api/business/userFriend";
import { listUserFriend, getUserFriend, delUserFriend, addUserFriend, updateUserFriend } from "@/api/business/userFriend";
export default {
name: "UserFriend",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户好友表格数据
userFriendList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 删除标志时间范围
daterangeCreateTime: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
friendId: undefined,
status: undefined,
delFlag: undefined,
createTime: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {}
export default {
name: "UserFriend",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户好友表格数据
userFriendList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
friendId: undefined,
status: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "唯一ID不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询用户好友列表 */
getList() {
this.loading = true;
listUserFriend(this.queryParams).then(response => {
this.userFriendList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
friendId: undefined,
status: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined
};
this.resetForm("form");
},
created() {
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
methods: {
/** 查询用户好友列表 */
getList() {
this.loading = true;
this.queryParams.params = {};
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
}
listUserFriend(this.queryParams).then(response => {
this.userFriendList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
friendId: undefined,
status: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.daterangeCreateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = this.$t('business.userFriend.addTitle');
},
/** 详情按钮操作 */
handleDetail(row) {
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加用户好友";
},
/** 详情按钮操作 */
handleDetail(row){
this.reset();
this.form = row;
this.detailOpen = true;
this.title = this.$t('business.userFriend.detailTitle');
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserFriend(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = this.$t('business.userFriend.editTitle');
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserFriend(this.form).then(response => {
this.$modal.msgSuccess(this.$t('common.editSuccess'));
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserFriend(this.form).then(response => {
this.$modal.msgSuccess(this.$t('common.addSuccess'));
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
this.title = "用户好友";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserFriend(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改用户好友";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserFriend(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserFriend(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm(this.$t('common.deleteConfirm')).then(() => {
this.loading = true;
return delUserFriend(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess(this.$t('common.deleteSuccess'));
}).catch(() => {}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userFriend/export', {
...this.queryParams
}, `userFriend_${new Date().getTime()}.xlsx`)
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除用户好友编号为"' + ids + '"的数据项？').then(() => {
this.loading = true;
return delUserFriend(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userFriend/export', {
...this.queryParams
}, `userFriend_${new Date().getTime()}.xlsx`)
}
};
}
};
</script>

384
src/views/business/userInfoBus/index.vue
View File

@ -0,0 +1,384 @@
<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="用户ID" prop="userId">
<el-input
v-model="queryParams.userId"
placeholder="请输入用户ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="营业执照" prop="license">
<el-input
v-model="queryParams.license"
placeholder="请输入营业执照"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="其它证照信息" prop="licenseOther">
<el-input
v-model="queryParams.licenseOther"
placeholder="请输入其它证照信息"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="法人姓名" prop="legalPerson">
<el-input
v-model="queryParams.legalPerson"
placeholder="请输入法人姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="经营地址" prop="operateAddr">
<el-input
v-model="queryParams.operateAddr"
placeholder="请输入经营地址"
clearable
@keyup.enter.native="handleQuery"
/>
</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="['business:userInfoBus:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userInfoBus:edit']"
>修改</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="['business:userInfoBus:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userInfoBus:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userInfoBusList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/>
<el-table-column label="用户ID" align="center" prop="userId" />
<el-table-column label="营业执照" align="center" prop="license" />
<el-table-column label="其它证照信息" align="center" prop="licenseOther" />
<el-table-column label="法人姓名" align="center" prop="legalPerson" />
<el-table-column label="经营状态" align="center" prop="operateStatus" />
<el-table-column label="经营地址" align="center" prop="operateAddr" />
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business:userInfoBus:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userInfoBus: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-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item label="用户ID" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户ID" />
</el-form-item>
<el-form-item label="营业执照" prop="license">
<el-input v-model="form.license" placeholder="请输入营业执照" />
</el-form-item>
<el-form-item label="其它证照信息" prop="licenseOther">
<el-input v-model="form.licenseOther" placeholder="请输入其它证照信息" />
</el-form-item>
<el-form-item label="法人姓名" prop="legalPerson">
<el-input v-model="form.legalPerson" placeholder="请输入法人姓名" />
</el-form-item>
<el-form-item label="经营地址" prop="operateAddr">
<el-input v-model="form.operateAddr" placeholder="请输入经营地址" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 用户信息-商户扩展详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户ID：">
{{form.userId}}
</el-form-item>
<el-form-item label="营业执照：">
{{form.license}}
</el-form-item>
<el-form-item label="其它证照信息：">
{{form.licenseOther}}
</el-form-item>
<el-form-item label="法人姓名：">
{{form.legalPerson}}
</el-form-item>
<el-form-item label="经营地址：">
{{form.operateAddr}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listUserInfoBus, getUserInfoBus, delUserInfoBus, addUserInfoBus, updateUserInfoBus } from "@/api/business/userInfoBus";
export default {
name: "UserInfoBus",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户信息-商户扩展表格数据
userInfoBusList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
license: undefined,
licenseOther: undefined,
legalPerson: undefined,
operateStatus: undefined,
operateAddr: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "唯一ID不能为空", trigger: "blur" }
],
userId: [
{ required: true, message: "用户ID不能为空", trigger: "blur" }
],
license: [
{ required: true, message: "营业执照不能为空", trigger: "blur" }
],
licenseOther: [
{ required: true, message: "其它证照信息不能为空", trigger: "blur" }
],
legalPerson: [
{ required: true, message: "法人姓名不能为空", trigger: "blur" }
],
operateStatus: [
{ required: true, message: "经营状态不能为空", trigger: "change" }
],
operateAddr: [
{ required: true, message: "经营地址不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询用户信息-商户扩展列表 */
getList() {
this.loading = true;
listUserInfoBus(this.queryParams).then(response => {
this.userInfoBusList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
license: undefined,
licenseOther: undefined,
legalPerson: undefined,
operateStatus: undefined,
operateAddr: undefined,
createBy: undefined,
createTime: undefined,
delFlag: undefined,
updateBy: undefined,
updateTime: 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
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加用户信息-商户扩展";
},
/** 详情按钮操作 */
handleDetail(row){
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "用户信息-商户扩展";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserInfoBus(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改用户信息-商户扩展";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserInfoBus(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserInfoBus(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除用户信息-商户扩展编号为"' + ids + '"的数据项？').then(() => {
this.loading = true;
return delUserInfoBus(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userInfoBus/export', {
...this.queryParams
}, `userInfoBus_${new Date().getTime()}.xlsx`)
}
}
};
</script>

568
src/views/business/userPasswd/index.vue
View File

@ -1,331 +1,349 @@
<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="$t('business.userPasswd.userId')" prop="userId">
<el-input v-model="queryParams.userId" :placeholder="$t('business.userPasswd.userIdPlaceholder')" clearable @keyup.enter.native="handleQuery" />
<el-form-item label="用户id" prop="userId">
<el-input
v-model="queryParams.userId"
placeholder="请输入用户id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('common.createTime')">
<el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
type="daterange" range-separator="-" :start-placeholder="$t('common.startDate')" :end-placeholder="$t('common.endDate')"
:default-time="['00:00:00', '23:59:59']"></el-date-picker>
<el-form-item label="支付密码(数字组合)" prop="payPasswd">
<el-input
v-model="queryParams.payPasswd"
placeholder="请输入支付密码(数字组合)"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="设备锁(九宫)" prop="phoneLock">
<el-input
v-model="queryParams.phoneLock"
placeholder="请输入设备锁(九宫)"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="登录密码(数字组合)" prop="loginPasswd">
<el-input
v-model="queryParams.loginPasswd"
placeholder="请输入登录密码(数字组合)"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.search') }}</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button>
<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="['business:userPasswd:add']">{{ $t('common.add') }}</el-button>
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userPasswd:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
v-hasPermi="['business:userPasswd:edit']">{{ $t('common.edit') }}</el-button>
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userPasswd:edit']"
>修改</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="['business:userPasswd:remove']">{{ $t('common.delete') }}</el-button>
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userPasswd:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['business:userPasswd:export']">{{ $t('common.export') }}</el-button>
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userPasswd:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userPasswdList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('business.userPasswd.userId')" align="center" prop="userId" />
<el-table-column :label="$t('business.userPasswd.payPasswd')" align="center" prop="payPasswd" show-overflow-tooltip />
<el-table-column :label="$t('business.userPasswd.phoneLock')" align="center" prop="phoneLock" />
<el-table-column :label="$t('business.userPasswd.loginPasswd')" align="center" prop="loginPasswd" />
<el-table-column :label="$t('business.userPasswd.payStatus')" align="center" prop="payStatus">
<template slot-scope="scope">
<el-tag v-if="scope.row.payStatus == '0'">正常</el-tag>
<el-tag v-if="scope.row.payStatus == '1'">仅收款</el-tag>
<el-tag type="danger" v-if="scope.row.payStatus == '2'">冻结</el-tag>
</template>
</el-table-column>
<el-table-column :label="$t('business.userPasswd.delFlag')" align="center" prop="delFlag">
<template slot-scope="scope">
<el-tag v-if="scope.row.delFlag == '0'">存在</el-tag>
<el-tag type="danger" v-if="scope.row.delFlag == '2'">已删除</el-tag>
</template>
</el-table-column>
<el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180">
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/>
<el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="支付密码(数字组合)" align="center" prop="payPasswd" />
<el-table-column label="设备锁(九宫)" align="center" prop="phoneLock" />
<el-table-column label="登录密码(数字组合)" align="center" prop="loginPasswd" />
<el-table-column label="支付状态" align="center" prop="payStatus" />
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('common.updateTime')" align="center" prop="updateTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('common.operation')" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">{{ $t('common.detail') }}</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['business:userPasswd:edit']">{{ $t('common.edit') }}</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['business:userPasswd:remove']">{{ $t('common.delete') }}</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business:userPasswd:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userPasswd: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" />
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改用户密码对话框 -->
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item :label="$t('business.userPasswd.userId')" prop="userId">
<el-input v-model="form.userId" :placeholder="$t('business.userPasswd.userIdPlaceholder')" />
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id" />
</el-form-item>
<el-form-item :label="$t('business.userPasswd.payPasswd')" prop="payPasswd">
<el-input v-model="form.payPasswd" :placeholder="$t('business.userPasswd.payPasswdPlaceholder')" />
<el-form-item label="支付密码(数字组合)" prop="payPasswd">
<el-input v-model="form.payPasswd" placeholder="请输入支付密码(数字组合)" />
</el-form-item>
<el-form-item :label="$t('business.userPasswd.phoneLock')" prop="phoneLock">
<el-input v-model="form.phoneLock" :placeholder="$t('business.userPasswd.phoneLockPlaceholder')" />
<el-form-item label="设备锁(九宫)" prop="phoneLock">
<el-input v-model="form.phoneLock" placeholder="请输入设备锁(九宫)" />
</el-form-item>
<el-form-item :label="$t('business.userPasswd.loginPasswd')" prop="loginPasswd">
<el-input v-model="form.loginPasswd" :placeholder="$t('business.userPasswd.loginPasswdPlaceholder')" />
<el-form-item label="登录密码(数字组合)" prop="loginPasswd">
<el-input v-model="form.loginPasswd" placeholder="请输入登录密码(数字组合)" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button>
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button>
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 用户密码详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item :label="$t('business.userPasswd.detailUserId')" prop="userId">
{{form.userId}}
</el-form-item>
<el-form-item :label="$t('business.userPasswd.detailPayPasswd')">
{{form.payPasswd}}
</el-form-item>
<el-form-item :label="$t('business.userPasswd.detailPhoneLock')">
{{form.phoneLock}}
</el-form-item>
<el-form-item :label="$t('business.userPasswd.detailLoginPasswd')">
{{form.loginPasswd}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">{{ $t('common.close') }}</el-button>
</div>
</el-dialog>
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户id：">
{{form.userId}}
</el-form-item>
<el-form-item label="支付密码(数字组合)：">
{{form.payPasswd}}
</el-form-item>
<el-form-item label="设备锁(九宫)：">
{{form.phoneLock}}
</el-form-item>
<el-form-item label="登录密码(数字组合)：">
{{form.loginPasswd}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listUserPasswd,
getUserPasswd,
delUserPasswd,
addUserPasswd,
updateUserPasswd
} from "@/api/business/userPasswd";
import { listUserPasswd, getUserPasswd, delUserPasswd, addUserPasswd, updateUserPasswd } from "@/api/business/userPasswd";
export default {
name: "UserPasswd",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户密码表格数据
userPasswdList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 支付状态时间范围
daterangeCreateTime: [],
// 支付状态时间范围
daterangeUpdateTime: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
payPasswd: undefined,
loginPasswd: undefined,
payStatus: undefined,
delFlag: undefined,
createTime: undefined,
updateTime: undefined
},
// 表单参数
form: {},
// 表单校验
rules: {
userId: [
{ required: true, message: this.$t('business.userPasswd.userIdRequired'), trigger: 'blur' }
],
payPasswd: [
{ required: true, message: this.$t('business.userPasswd.payPasswdRequired'), trigger: 'blur' }
],
phoneLock: [
{ required: true, message: this.$t('business.userPasswd.phoneLockRequired'), trigger: 'blur' }
],
loginPasswd: [
{ required: true, message: this.$t('business.userPasswd.loginPasswdRequired'), trigger: 'blur' }
]
}
export default {
name: "UserPasswd",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户密码表格数据
userPasswdList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
payPasswd: undefined,
phoneLock: undefined,
loginPasswd: undefined,
payStatus: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "唯一ID不能为空", trigger: "blur" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询用户密码列表 */
getList() {
this.loading = true;
listUserPasswd(this.queryParams).then(response => {
this.userPasswdList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
payPasswd: undefined,
phoneLock: undefined,
loginPasswd: undefined,
payStatus: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined
};
this.resetForm("form");
},
created() {
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
methods: {
/** 查询用户密码列表 */
getList() {
this.loading = true;
this.queryParams.params = {};
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
}
if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
}
listUserPasswd(this.queryParams).then(response => {
this.userPasswdList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
payPasswd: undefined,
phoneLock: undefined,
loginPasswd: undefined,
payStatus: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.daterangeCreateTime = [];
this.daterangeUpdateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = this.$t('business.userPasswd.addTitle');
},
/** 详情按钮操作 */
handleDetail(row) {
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加用户密码";
},
/** 详情按钮操作 */
handleDetail(row){
this.reset();
this.form = row;
this.detailOpen = true;
this.title = this.$t('business.userPasswd.detailTitle');
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserPasswd(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = this.$t('business.userPasswd.editTitle');
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserPasswd(this.form).then(response => {
this.$modal.msgSuccess(this.$t('common.editSuccess'));
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserPasswd(this.form).then(response => {
this.$modal.msgSuccess(this.$t('common.addSuccess'));
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
this.title = "用户密码";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserPasswd(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改用户密码";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserPasswd(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserPasswd(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm(this.$t('common.deleteConfirm')).then(() => {
this.loading = true;
return delUserPasswd(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess(this.$t('common.deleteSuccess'));
}).catch(() => {}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userPasswd/export', {
...this.queryParams
}, `userPasswd_${new Date().getTime()}.xlsx`)
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除用户密码编号为"' + ids + '"的数据项？').then(() => {
this.loading = true;
return delUserPasswd(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userPasswd/export', {
...this.queryParams
}, `userPasswd_${new Date().getTime()}.xlsx`)
}
};
}
};
</script>

562
src/views/business/userRegister/index.vue
View File

@ -1,318 +1,358 @@
<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="$t('business.userRegister.name')" prop="name">
<el-input v-model="queryParams.name" :placeholder="$t('business.userRegister.namePlaceholder')" clearable @keyup.enter.native="handleQuery" />
<el-form-item label="用户id" prop="userId">
<el-input
v-model="queryParams.userId"
placeholder="请输入用户id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('business.userRegister.phone')" prop="phone">
<el-input v-model="queryParams.phone" :placeholder="$t('business.userRegister.phonePlaceholder')" clearable @keyup.enter.native="handleQuery" />
<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="$t('common.createTime')">
<el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
type="daterange" range-separator="-" :start-placeholder="$t('common.startDate')" :end-placeholder="$t('common.endDate')"
:default-time="['00:00:00', '23:59:59']"></el-date-picker>
<el-form-item label="电话" prop="phone">
<el-input
v-model="queryParams.phone"
placeholder="请输入电话"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('common.updateTime')">
<el-date-picker v-model="daterangeUpdateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
type="daterange" range-separator="-" :start-placeholder="$t('common.startDate')" :end-placeholder="$t('common.endDate')"
:default-time="['00:00:00', '23:59:59']"></el-date-picker>
<el-form-item label="密码" prop="passwd">
<el-input
v-model="queryParams.passwd"
placeholder="请输入密码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.search') }}</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button>
<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="['business:userRegister:add']">{{ $t('common.add') }}</el-button>
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userRegister:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
v-hasPermi="['business:userRegister:edit']">{{ $t('common.edit') }}</el-button>
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userRegister:edit']"
>修改</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="['business:userRegister:remove']">{{ $t('common.delete') }}</el-button>
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userRegister:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['business:userRegister:export']">{{ $t('common.export') }}</el-button>
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userRegister:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="userRegisterList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('business.userRegister.name')" align="center" prop="name" />
<el-table-column :label="$t('business.userRegister.phone')" align="center" prop="phone" />
<el-table-column :label="$t('business.userRegister.password')" align="center" prop="passwd" />
<el-table-column :label="$t('business.userRegister.status')" align="center" prop="status" />
<el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180">
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/>
<el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="名字" align="center" prop="name" />
<el-table-column label="电话" align="center" prop="phone" />
<el-table-column label="密码" align="center" prop="passwd" />
<el-table-column label="状态" align="center" prop="status" />
<el-table-column label="用户类型" align="center" prop="userType" />
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('common.updateTime')" align="center" prop="updateTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('common.operation')" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">{{ $t('common.detail') }}</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['business:userRegister:edit']">{{ $t('common.edit') }}</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['business:userRegister:remove']">{{ $t('common.delete') }}</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['business:userRegister:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userRegister: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" />
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
: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="$t('business.userRegister.userId')" prop="userId">
<el-input v-model="form.userId" :placeholder="$t('business.userRegister.userIdPlaceholder')" />
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item label="用户id" prop="userId">
<el-input v-model="form.userId" placeholder="请输入用户id" />
</el-form-item>
<el-form-item :label="$t('business.userRegister.name')" prop="name">
<el-input v-model="form.name" :placeholder="$t('business.userRegister.namePlaceholder')" />
<el-form-item label="名字" prop="name">
<el-input v-model="form.name" placeholder="请输入名字" />
</el-form-item>
<el-form-item :label="$t('business.userRegister.phone')" prop="phone">
<el-input v-model="form.phone" :placeholder="$t('business.userRegister.phonePlaceholder')" />
<el-form-item label="电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入电话" />
</el-form-item>
<el-form-item :label="$t('business.userRegister.password')" prop="passwd">
<el-input v-model="form.passwd" :placeholder="$t('business.userRegister.passwordPlaceholder')" />
<el-form-item label="密码" prop="passwd">
<el-input v-model="form.passwd" placeholder="请输入密码" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button>
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button>
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<!-- 用户注册详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="名字：">
{{form.name}}
</el-form-item>
<el-form-item label="电话：">
{{form.phone}}
</el-form-item>
<el-form-item label="密码：">
{{form.passwd}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">{{ $t('common.close') }}</el-button>
</div>
</el-dialog>
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户id：">
{{form.userId}}
</el-form-item>
<el-form-item label="名字：">
{{form.name}}
</el-form-item>
<el-form-item label="电话：">
{{form.phone}}
</el-form-item>
<el-form-item label="密码：">
{{form.passwd}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">关 闭</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listUserRegister,
getUserRegister,
delUserRegister,
addUserRegister,
updateUserRegister
} from "@/api/business/userRegister";
import { listUserRegister, getUserRegister, delUserRegister, addUserRegister, updateUserRegister } from "@/api/business/userRegister";
export default {
name: "UserRegister",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户注册表格数据
userRegisterList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 状态时间范围
daterangeCreateTime: [],
// 状态时间范围
daterangeUpdateTime: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
name: undefined,
phone: undefined,
passwd: undefined,
verifyCode: undefined,
status: undefined,
createTime: undefined,
updateTime: undefined
},
// 表单参数
form: {},
// 表单校验
rules: {
name: [{
required: true,
message: this.$t('business.userRegister.nameRequired'),
trigger: "blur"
}],
}
export default {
name: "UserRegister",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户注册表格数据
userRegisterList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 是否显示详情弹出层
detailOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userId: undefined,
name: undefined,
phone: undefined,
passwd: undefined,
status: undefined,
userType: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
id: [
{ required: true, message: "唯一ID不能为空", trigger: "blur" }
],
name: [
{ required: true, message: "名字不能为空", trigger: "blur" }
],
userType: [
{ required: true, message: "用户类型不能为空", trigger: "change" }
],
}
};
},
created() {
this.getList();
},
methods: {
/** 查询用户注册列表 */
getList() {
this.loading = true;
listUserRegister(this.queryParams).then(response => {
this.userRegisterList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
name: undefined,
phone: undefined,
passwd: undefined,
status: undefined,
delFlag: undefined,
userType: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined
};
this.resetForm("form");
},
created() {
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
methods: {
/** 查询用户注册列表 */
getList() {
this.loading = true;
this.queryParams.params = {};
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
}
if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
}
listUserRegister(this.queryParams).then(response => {
this.userRegisterList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.detailOpen = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userId: undefined,
name: undefined,
phone: undefined,
passwd: undefined,
verifyCode: undefined,
status: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.daterangeCreateTime = [];
this.daterangeUpdateTime = [];
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = this.$t('business.userRegister.addTitle');
},
/** 详情按钮操作 */
handleDetail(row) {
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加用户注册";
},
/** 详情按钮操作 */
handleDetail(row){
this.reset();
this.form = row;
this.detailOpen = true;
this.title = this.$t('business.userRegister.title');
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserRegister(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = this.$t('business.userRegister.editTitle');
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserRegister(this.form).then(response => {
this.$modal.msgSuccess(this.$t('common.editSuccess'));
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserRegister(this.form).then(response => {
this.$modal.msgSuccess(this.$t('common.addSuccess'));
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
this.title = "用户注册";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getUserRegister(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改用户注册";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserRegister(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
} else {
addUserRegister(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
this.buttonLoading = false;
});
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm(this.$t('common.deleteConfirm')).then(() => {
this.loading = true;
return delUserRegister(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess(this.$t('common.deleteSuccess'));
}).catch(() => {}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userRegister/export', {
...this.queryParams
}, `userRegister_${new Date().getTime()}.xlsx`)
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除用户注册编号为"' + ids + '"的数据项？').then(() => {
this.loading = true;
return delUserRegister(ids);
}).then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('business/userRegister/export', {
...this.queryParams
}, `userRegister_${new Date().getTime()}.xlsx`)
}
};
}
};
</script>

Write Preview
Loading…
Cancel
Save