|
|
|
@ -1,24 +1,24 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
|
|
|
<el-form-item label="登录账号" prop="account"> |
|
|
|
<el-form-item :label="$t('userManager.userRegister.account')" prop="account"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.account" |
|
|
|
placeholder="请输入登录账号" |
|
|
|
:placeholder="$t('userManager.userRegister.accountPlaceholder')" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="电话" prop="phone"> |
|
|
|
<el-form-item :label="$t('userManager.userRegister.phone')" prop="phone"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.phone" |
|
|
|
placeholder="请输入电话" |
|
|
|
:placeholder="$t('userManager.userRegister.phonePlaceholder')" |
|
|
|
clearable |
|
|
|
@keyup.enter.native="handleQuery" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="用户级别" prop="userLevel"> |
|
|
|
<el-select v-model="queryParams.userLevel" size="medium" placeholder="请选择用户级别" > |
|
|
|
<el-form-item :label="$t('userManager.userRegister.userLevel')" prop="userLevel"> |
|
|
|
<el-select v-model="queryParams.userLevel" size="medium" :placeholder="$t('userManager.userRegister.userLevelPlaceholder')"> |
|
|
|
<el-option |
|
|
|
v-for="item in options_userLevel" |
|
|
|
:key="item.value" |
|
|
|
@ -28,8 +28,11 @@ |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
|
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ |
|
|
|
$t('common.button.search') |
|
|
|
}} |
|
|
|
</el-button> |
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
@ -42,7 +45,8 @@ |
|
|
|
size="mini" |
|
|
|
@click="handleAdd" |
|
|
|
v-hasPermi="['business:userRegister:add']" |
|
|
|
>新增</el-button> |
|
|
|
>{{ $t('common.button.add') }} |
|
|
|
</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
@ -53,7 +57,8 @@ |
|
|
|
:disabled="single" |
|
|
|
@click="handleUpdate" |
|
|
|
v-hasPermi="['business:userRegister:edit']" |
|
|
|
>修改</el-button> |
|
|
|
>{{ $t('common.button.edit') }} |
|
|
|
</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
@ -64,7 +69,8 @@ |
|
|
|
:disabled="multiple" |
|
|
|
@click="handleDelete" |
|
|
|
v-hasPermi="['business:userRegister:remove']" |
|
|
|
>删除</el-button> |
|
|
|
>{{ $t('common.button.delete') }} |
|
|
|
</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
@ -74,66 +80,71 @@ |
|
|
|
size="mini" |
|
|
|
@click="handleExport" |
|
|
|
v-hasPermi="['business:userRegister:export']" |
|
|
|
>导出</el-button> |
|
|
|
>{{ $t('common.button.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="登录账号" align="center" prop="account" /> |
|
|
|
<el-table-column label="用户状态" align="center" prop="status" > |
|
|
|
<el-table-column :label="$t('userManager.userRegister.account')" align="center" prop="account"/> |
|
|
|
<el-table-column :label="$t('userManager.userRegister.status')" align="center" prop="status"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-tag type="primary" v-if="scope.row.status == '0'">发起</el-tag> |
|
|
|
<el-tag type="warning" v-if="scope.row.status == '1'">拒绝</el-tag> |
|
|
|
<el-tag type="success" v-if="scope.row.status == '2'">通过</el-tag> |
|
|
|
<el-tag type="danger" v-if="scope.row.status == '3'">冻结</el-tag> |
|
|
|
<el-tag type="primary" v-if="scope.row.status == '0'">{{ $t('userManager.userRegister.statusInit') }}</el-tag> |
|
|
|
<el-tag type="warning" v-if="scope.row.status == '1'">{{ $t('userManager.userRegister.statusReject') }}</el-tag> |
|
|
|
<el-tag type="success" v-if="scope.row.status == '2'">{{ $t('userManager.userRegister.statusPass') }}</el-tag> |
|
|
|
<el-tag type="danger" v-if="scope.row.status == '3'">{{ $t('userManager.userRegister.statusFreeze') }}</el-tag> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="用户类型" align="center" prop="userType" > |
|
|
|
<el-table-column :label="$t('userManager.userRegister.userType')" align="center" prop="userType"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-tag type="success" v-if="scope.row.userType == '0'">普通用户</el-tag> |
|
|
|
<el-tag type="warning" v-if="scope.row.userType == '1'">商企用户</el-tag> |
|
|
|
<el-tag type="success" v-if="scope.row.userType == '0'">{{ $t('userManager.userRegister.normalUser') }}</el-tag> |
|
|
|
<el-tag type="warning" v-if="scope.row.userType == '1'">{{ $t('userManager.userRegister.businessUser') }}</el-tag> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="用户级别" align="center" prop="userLevel" > |
|
|
|
<el-table-column :label="$t('userManager.userRegister.userLevel')" align="center" prop="userLevel"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.userLevel == '0'">普通用户</span> |
|
|
|
<span v-if="scope.row.userLevel == '1'">VIP用户</span> |
|
|
|
<span v-if="scope.row.userLevel == '2'">商企用户</span> |
|
|
|
<span v-if="scope.row.userLevel == '0'">{{ $t('userManager.userRegister.normalUser') }}</span> |
|
|
|
<span v-if="scope.row.userLevel == '1'">{{ $t('userManager.userRegister.vipUser') }}</span> |
|
|
|
<span v-if="scope.row.userLevel == '2'">{{ $t('userManager.userRegister.businessUser') }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="联系电话" align="center" prop="phone" /> |
|
|
|
<el-table-column label="地址" align="center"> |
|
|
|
<el-table-column :label="$t('userManager.userRegister.phone')" align="center" prop="phone"/> |
|
|
|
<el-table-column :label="$t('userManager.userRegister.address')" align="center"> |
|
|
|
<template #default="scope"> |
|
|
|
<span v-if="scope.row.userType == '0'">{{ scope.row.addressInfo }}</span> |
|
|
|
<span v-if="scope.row.userType == '1'">{{ scope.row.address }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|
|
|
<el-table-column :label="$t('common.button.operation')" align="center" width="200" class-name="small-padding fixed-width"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button v-if="(scope.row.addressInfo == '')" |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-document-add" |
|
|
|
@click="handleAddInfo(scope.row)" |
|
|
|
>补充</el-button> |
|
|
|
>{{ $t('business.userManage.supplement') }} |
|
|
|
</el-button> |
|
|
|
<el-button v-if="(scope.row.addressInfo != '')" |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-view" |
|
|
|
@click="handleDetail(scope.row)" |
|
|
|
>详情</el-button> |
|
|
|
>{{ $t('common.button.detail') }} |
|
|
|
</el-button> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-edit" |
|
|
|
@click="handleUpdate(scope.row)" |
|
|
|
v-hasPermi="['business:userRegister:edit']" |
|
|
|
>修改</el-button> |
|
|
|
>{{ $t('common.button.edit') }} |
|
|
|
</el-button> |
|
|
|
<el-dropdown> |
|
|
|
<span class="el-dropdown-link"> |
|
|
|
更多<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
{{ $t('common.button.more') }} |
|
|
|
<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
</span> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-item> |
|
|
|
@ -142,8 +153,9 @@ |
|
|
|
type="text" |
|
|
|
icon="el-icon-refresh" |
|
|
|
@click="passwordReset(scope.row)" |
|
|
|
v-hasPermi="['business:userRegister:edit']" |
|
|
|
>密码重置</el-button> |
|
|
|
v-hasPermi="['business:userRegister:edit']"> |
|
|
|
{{ $t('business.userManage.passwordReset') }} |
|
|
|
</el-button> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-button v-if="(scope.row.status != '3')" |
|
|
|
@ -151,15 +163,17 @@ |
|
|
|
type="text" |
|
|
|
icon="el-icon-lock" |
|
|
|
@click="accountLock(scope.row)" |
|
|
|
v-hasPermi="['business:userRegister:edit']" |
|
|
|
>账号冻结</el-button> |
|
|
|
v-hasPermi="['business:userRegister:edit']"> |
|
|
|
{{ $t('business.userManage.accountFreezing') }} |
|
|
|
</el-button> |
|
|
|
<el-button v-if="(scope.row.status == '3')" |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-unlock" |
|
|
|
@click="accountUnlock(scope.row)" |
|
|
|
v-hasPermi="['business:userRegister:edit']" |
|
|
|
>账号解冻</el-button> |
|
|
|
v-hasPermi="['business:userRegister:edit']"> |
|
|
|
{{ $t('business.userManage.accountUnfreezing') }} |
|
|
|
</el-button> |
|
|
|
</el-dropdown-item> |
|
|
|
<el-dropdown-item> |
|
|
|
<el-button |
|
|
|
@ -168,7 +182,8 @@ |
|
|
|
icon="el-icon-delete" |
|
|
|
@click="handleDelete(scope.row)" |
|
|
|
v-hasPermi="['business:userRegister:remove']" |
|
|
|
>删除</el-button> |
|
|
|
>删除 |
|
|
|
</el-button> |
|
|
|
</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
@ -187,14 +202,14 @@ |
|
|
|
<!-- 添加或修改用户注册对话框 --> |
|
|
|
<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="登录账号" prop="account"> |
|
|
|
<el-input v-model="form.account" placeholder="请输入名字" /> |
|
|
|
<el-form-item :label="$t('userManager.userRegister.account')" prop="account"> |
|
|
|
<el-input v-model="form.account" :placeholder="$t('userManager.userRegister.namePlaceholder')"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系电话" prop="phone"> |
|
|
|
<el-input v-model="form.phone" placeholder="请输入电话" /> |
|
|
|
<el-form-item :label="$t('userManager.userRegister.phone')" prop="phone"> |
|
|
|
<el-input v-model="form.phone" :placeholder="$t('userManager.userRegister.phonePlaceholder')"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="用户类型" prop="userType"> |
|
|
|
<el-select v-model="form.userType" placeholder="请选择用户类型" > |
|
|
|
<el-form-item :label="$t('userManager.userRegister.userType')" prop="userType"> |
|
|
|
<el-select v-model="form.userType" :placeholder="$t('userManager.userRegister.userTypePlaceholder')"> |
|
|
|
<el-option |
|
|
|
v-for="item in options_userType" |
|
|
|
:key="item.value" |
|
|
|
@ -203,8 +218,8 @@ |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="用户级别" prop="userLevel"> |
|
|
|
<el-select v-model="form.userLevel" size="medium" placeholder="请选择用户级别" > |
|
|
|
<el-form-item :label="$t('userManager.userRegister.userLevel')" prop="userLevel"> |
|
|
|
<el-select v-model="form.userLevel" size="medium" :placeholder="$t('userManager.userRegister.userLevelPlaceholder')"> |
|
|
|
<el-option |
|
|
|
v-for="item in options_userLevel" |
|
|
|
:key="item.value" |
|
|
|
@ -215,8 +230,11 @@ |
|
|
|
</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> |
|
|
|
<el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ |
|
|
|
$t('common.button.confirm') |
|
|
|
}} |
|
|
|
</el-button> |
|
|
|
<el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
@ -227,10 +245,10 @@ |
|
|
|
<el-input v-model="formInfo.name" :placeholder="$t('business.userInfo.namePlaceholder')"/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.userInfo.gender')" prop="gender"> |
|
|
|
<el-select v-model="formInfo.gender" placeholder="请选择性别"> |
|
|
|
<el-option label="男" value="1"></el-option> |
|
|
|
<el-option label="女" value="0"></el-option> |
|
|
|
</el-select> |
|
|
|
<el-radio-group v-model="formInfo.gender"> |
|
|
|
<el-radio :label="1">{{ $t('business.userInfo.male') }}</el-radio> |
|
|
|
<el-radio :label="0">{{ $t('business.userInfo.female') }}</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
<!-- <el-input v-model="form.gender" :placeholder="$t('business.userInfo.genderPlaceholder')" />--> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="$t('business.userInfo.idCard')" prop="idCard"> |
|
|
|
@ -247,7 +265,10 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button :loading="buttonLoading" type="primary" @click="submitFormInfo">{{ $t('common.confirm') }}</el-button> |
|
|
|
<el-button :loading="buttonLoading" type="primary" @click="submitFormInfo">{{ |
|
|
|
$t('common.confirm') |
|
|
|
}} |
|
|
|
</el-button> |
|
|
|
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
@ -441,58 +462,58 @@ export default { |
|
|
|
// 表单校验 |
|
|
|
rules: { |
|
|
|
account: [ |
|
|
|
{ required: true, message: "登录账号不能为空", trigger: "blur" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.accountRequired'), trigger: "blur"} |
|
|
|
], |
|
|
|
userType: [ |
|
|
|
{ required: true, message: "用户类型不能为空", trigger: "change" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.userTypeRequired'), trigger: "change"} |
|
|
|
], |
|
|
|
userLevel: [ |
|
|
|
{ required: true, message: "用户级别不能为空", trigger: "change" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.userLevelRequired'), trigger: "change"} |
|
|
|
], |
|
|
|
legalPerson: [ |
|
|
|
{ required: true, message: "法人姓名不能为空", trigger: "blur" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.legalPersonRequired'), trigger: "blur"} |
|
|
|
], |
|
|
|
operateStatus: [ |
|
|
|
{ required: true, message: "经营状态不能为空", trigger: "change" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.operateStatusRequired'), trigger: "change"} |
|
|
|
], |
|
|
|
operateAddr: [ |
|
|
|
{ required: true, message: "经营地址不能为空", trigger: "blur" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.operateAddrRequired'), trigger: "blur"} |
|
|
|
], |
|
|
|
name: [ |
|
|
|
{ required: true, message: "登录账号不能为空", trigger: "blur" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.nameRequired'), trigger: "blur"} |
|
|
|
], |
|
|
|
gender: [ |
|
|
|
{ required: true, message: "登录账号不能为空", trigger: "blur" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.genderRequired'), trigger: "blur"} |
|
|
|
], |
|
|
|
idCard: [ |
|
|
|
{ required: true, message: "登录账号不能为空", trigger: "blur" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.idCardRequired'), trigger: "blur"} |
|
|
|
], |
|
|
|
phone: [ |
|
|
|
{ required: true, message: "登录账号不能为空", trigger: "blur" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.phoneRequired'), trigger: "blur"} |
|
|
|
], |
|
|
|
age: [ |
|
|
|
{ required: true, message: "登录账号不能为空", trigger: "blur" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.ageRequired'), trigger: "blur"} |
|
|
|
], |
|
|
|
addr: [ |
|
|
|
{ required: true, message: "登录账号不能为空", trigger: "blur" } |
|
|
|
{required: true, message: this.$t('userManager.userRegister.addrRequired'), trigger: "blur"} |
|
|
|
], |
|
|
|
}, |
|
|
|
options_userType: [{ |
|
|
|
value: '0', |
|
|
|
label: '普通用户' |
|
|
|
label: this.$t('userManager.userRegister.userTypeOptions.normal') |
|
|
|
}, { |
|
|
|
value: '1', |
|
|
|
label: '商企用户' |
|
|
|
label: this.$t('userManager.userRegister.userTypeOptions.business') |
|
|
|
}], |
|
|
|
options_userLevel: [{ |
|
|
|
value: '0', |
|
|
|
label: '普通用户' |
|
|
|
label: this.$t('userManager.userRegister.userLevelOptions.normal') |
|
|
|
}, { |
|
|
|
value: '1', |
|
|
|
label: 'VIP用户' |
|
|
|
label: this.$t('userManager.userRegister.userLevelOptions.vip') |
|
|
|
}, { |
|
|
|
value: '2', |
|
|
|
label: '商企用户' |
|
|
|
label: this.$t('userManager.userRegister.userLevelOptions.business') |
|
|
|
}] |
|
|
|
}; |
|
|
|
}, |
|
|
|
@ -556,7 +577,7 @@ export default { |
|
|
|
handleAdd() { |
|
|
|
this.reset(); |
|
|
|
this.open = true; |
|
|
|
this.title = "添加用户注册"; |
|
|
|
this.title = this.$t('userManager.userRegister.addTitle'); |
|
|
|
}, |
|
|
|
/** 详情按钮操作 */ |
|
|
|
handleDetail(row) { |
|
|
|
@ -573,7 +594,7 @@ export default { |
|
|
|
this.formDetailBus = response.data; |
|
|
|
this.detailOpenBus = true; |
|
|
|
} |
|
|
|
this.title = "用户详情信息"; |
|
|
|
this.title = this.$t('userManager.userRegister.detailTitle'); |
|
|
|
}); |
|
|
|
}, |
|
|
|
/** 修改按钮操作 */ |
|
|
|
@ -585,7 +606,7 @@ export default { |
|
|
|
this.loading = false; |
|
|
|
this.form = response.data; |
|
|
|
this.open = true; |
|
|
|
this.title = "修改用户注册"; |
|
|
|
this.title = this.$t('userManager.userRegister.editRegisterTitle'); |
|
|
|
}); |
|
|
|
}, |
|
|
|
/** 提交按钮 */ |
|
|
|
@ -736,6 +757,7 @@ export default { |
|
|
|
cursor: pointer; |
|
|
|
color: #409EFF; |
|
|
|
} |
|
|
|
|
|
|
|
.el-icon-arrow-down { |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
|
GhubCy
2 months ago