Browse Source

用户管理

main
GhubCy 2 months ago
parent
commit
15808ad67a
  1. 96
      src/views/business/userInfo/index.vue

96
src/views/business/userInfo/index.vue

@ -1,14 +1,14 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item :label="$t('business.merchant.userInfoBus.account')" prop="account" label-width="120"> <el-form-item :label="$t('business.userManager.userInfo.account')" prop="account" label-width="120">
<el-input v-model="queryParams.account" :placeholder="$t('business.merchant.userInfoBus.accountPlaceholder')" clearable @keyup.enter.native="handleQuery" /> <el-input v-model="queryParams.account" :placeholder="$t('business.userManager.userInfo.accountPlaceholder')" clearable @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.idCard')" prop="idCard"> <el-form-item :label="$t('business.userManager.userInfo.idCard')" prop="idCard">
<el-input v-model="queryParams.idCard" :placeholder="$t('business.merchant.userInfoBus.idCardPlaceholder')" clearable @keyup.enter.native="handleQuery" /> <el-input v-model="queryParams.idCard" :placeholder="$t('business.userManager.userInfo.idCardPlaceholder')" clearable @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.phone')" prop="phone"> <el-form-item :label="$t('business.userManager.userInfo.phone')" prop="phone">
<el-input v-model="queryParams.phone" :placeholder="$t('business.merchant.userInfoBus.phonePlaceholder')" clearable @keyup.enter.native="handleQuery" /> <el-input v-model="queryParams.phone" :placeholder="$t('business.userManager.userInfo.phonePlaceholder')" clearable @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.button.search') }}</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.button.search') }}</el-button>
@ -30,25 +30,25 @@
<el-table v-loading="loading" :data="userInfoList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="userInfoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column :label="$t('business.merchant.userInfoBus.account')" align="center" prop="account" /> <el-table-column :label="$t('business.userManager.userInfo.account')" align="center" prop="account" />
<el-table-column :label="$t('business.merchant.userInfoBus.name')" align="center" prop="name" /> <el-table-column :label="$t('business.userManager.userInfo.name')" align="center" prop="name" />
<el-table-column :label="$t('business.merchant.userInfoBus.gender')" align="center" prop="gender" > <el-table-column :label="$t('business.userManager.userInfo.gender')" align="center" prop="gender" >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.gender == '1'">{{ $t('common.dic.male') }}</el-tag> <el-tag v-if="scope.row.gender == '1'">{{ $t('common.dict.male') }}</el-tag>
<el-tag v-if="scope.row.gender == '0'">{{ $t('common.dic.female') }}</el-tag> <el-tag v-if="scope.row.gender == '0'">{{ $t('common.dict.female') }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('business.merchant.userInfoBus.idCard')" align="center" prop="idCard" /> <el-table-column :label="$t('business.userManager.userInfo.idCard')" align="center" prop="idCard" />
<el-table-column :label="$t('business.merchant.userInfoBus.phone')" align="center" prop="phone" /> <el-table-column :label="$t('business.userManager.userInfo.phone')" align="center" prop="phone" />
<el-table-column :label="$t('business.merchant.userInfoBus.age')" align="center" prop="age" /> <el-table-column :label="$t('business.userManager.userInfo.age')" align="center" prop="age" />
<el-table-column :label="$t('business.merchant.userInfoBus.addr')" align="center" prop="addr" /> <el-table-column :label="$t('business.userManager.userInfo.addr')" align="center" prop="addr" />
<el-table-column :label="$t('business.merchant.userInfoBus.status')" align="center" prop="status"> <el-table-column :label="$t('business.userManager.userInfo.status')" align="center" prop="status">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.status == '0'">{{ $t('business.merchant.userInfoBus.statusNormal') }}</el-tag> <el-tag v-if="scope.row.status == '0'">{{ $t('business.userManager.userInfo.statusNormal') }}</el-tag>
<el-tag type="danger" v-if="scope.row.status == '1'">{{ $t('business.merchant.userInfoBus.statusDisabled') }}</el-tag> <el-tag type="danger" v-if="scope.row.status == '1'">{{ $t('business.userManager.userInfo.statusDisabled') }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('common.button.operation')" align="center" width="200" class-name="small-padding fixed-width"> <el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['business:userInfo:edit']">{{ $t('common.button.edit') }}</el-button> v-hasPermi="['business:userInfo:edit']">{{ $t('common.button.edit') }}</el-button>
@ -62,27 +62,27 @@
<!-- 添加或修改用户信息对话框 --> <!-- 添加或修改用户信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="700px" append-to-body> <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 ref="form" :model="form" :rules="rules" label-width="auto">
<el-form-item :label="$t('business.merchant.userInfoBus.name')" prop="name"> <el-form-item :label="$t('business.userManager.userInfo.name')" prop="name">
<el-input v-model="form.name" :placeholder="$t('business.merchant.userInfoBus.namePlaceholder')" /> <el-input v-model="form.name" :placeholder="$t('business.userManager.userInfo.namePlaceholder')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.gender')" prop="gender"> <el-form-item :label="$t('business.userManager.userInfo.gender')" prop="gender">
<el-radio-group v-model="form.gender"> <el-radio-group v-model="form.gender">
<el-radio :label="1">{{ $t('common.dic.male') }}</el-radio> <el-radio :label="1">{{ $t('common.dict.male') }}</el-radio>
<el-radio :label="0">{{ $t('common.dic.female') }}</el-radio> <el-radio :label="0">{{ $t('common.dict.female') }}</el-radio>
</el-radio-group> </el-radio-group>
<!-- <el-input v-model="form.gender" :placeholder="$t('business.merchant.userInfoBus.genderPlaceholder')" />--> <!-- <el-input v-model="form.gender" :placeholder="$t('business.userManager.userInfo.genderPlaceholder')" />-->
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.idCard')" prop="idCard"> <el-form-item :label="$t('business.userManager.userInfo.idCard')" prop="idCard">
<el-input v-model="form.idCard" :placeholder="$t('business.merchant.userInfoBus.idCardPlaceholder')" /> <el-input v-model="form.idCard" :placeholder="$t('business.userManager.userInfo.idCardPlaceholder')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.phone')" prop="phone"> <el-form-item :label="$t('business.userManager.userInfo.phone')" prop="phone">
<el-input v-model="form.phone" :placeholder="$t('business.merchant.userInfoBus.phonePlaceholder')" /> <el-input v-model="form.phone" :placeholder="$t('business.userManager.userInfo.phonePlaceholder')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.age')" prop="age"> <el-form-item :label="$t('business.userManager.userInfo.age')" prop="age">
<el-input v-model="form.age" :placeholder="$t('business.merchant.userInfoBus.agePlaceholder')" /> <el-input v-model="form.age" :placeholder="$t('business.userManager.userInfo.agePlaceholder')" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.addr')" prop="addr"> <el-form-item :label="$t('business.userManager.userInfo.addr')" prop="addr">
<el-input v-model="form.addr" :placeholder="$t('business.merchant.userInfoBus.addrPlaceholder')" /> <el-input v-model="form.addr" :placeholder="$t('business.userManager.userInfo.addrPlaceholder')" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -94,25 +94,25 @@
<!-- 用户信息详情 --> <!-- 用户信息详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body> <el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto"> <el-form ref="form" :model="form" label-width="auto">
<el-form-item :label="$t('business.merchant.userInfoBus.detailUserId')"> <el-form-item :label="$t('business.userManager.userInfo.detailUserId')">
{{form.userCode}} {{form.userCode}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.detailName')"> <el-form-item :label="$t('business.userManager.userInfo.detailName')">
{{form.name}} {{form.name}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.detailGender')"> <el-form-item :label="$t('business.userManager.userInfo.detailGender')">
{{form.gender}} {{form.gender}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.detailIdCard')"> <el-form-item :label="$t('business.userManager.userInfo.detailIdCard')">
{{form.idCard}} {{form.idCard}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.detailPhone')"> <el-form-item :label="$t('business.userManager.userInfo.detailPhone')">
{{form.phone}} {{form.phone}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.detailAge')"> <el-form-item :label="$t('business.userManager.userInfo.detailAge')">
{{form.age}} {{form.age}}
</el-form-item> </el-form-item>
<el-form-item :label="$t('business.merchant.userInfoBus.detailAddr')"> <el-form-item :label="$t('business.userManager.userInfo.detailAddr')">
{{form.addr}} {{form.addr}}
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -182,22 +182,22 @@
// //
rules: { rules: {
name: [ name: [
{ required: true, message: this.$t('business.merchant.userInfoBus.nameRequired'), trigger: "blur" } { required: true, message: this.$t('business.userManager.userInfo.nameRequired'), trigger: "blur" }
], ],
gender: [ gender: [
{ required: true, message: this.$t('business.merchant.userInfoBus.genderRequired'), trigger: "blur" } { required: true, message: this.$t('business.userManager.userInfo.genderRequired'), trigger: "blur" }
], ],
idCard: [ idCard: [
{ required: true,pattern: /^\d+$/, message: "身份证号只能为数字", trigger: "blur" } { required: true,pattern: /^\d+$/, message: this.$t('business.userManager.userInfo.idCardRequired'), trigger: "blur" }
], ],
phone: [ phone: [
{ required: true,pattern: /^\d+$/, message: "手机号只能为数字", trigger: "blur" } { required: true,pattern: /^\d+$/, message: this.$t('business.userManager.userInfo.phoneRequired') , trigger: "blur" }
], ],
age: [ age: [
{ required: true,pattern: /^\d+$/, message: "年龄只能为数字", trigger: "blur" } { required: true,pattern: /^\d+$/, message: this.$t('business.userManager.userInfo.ageRequired') , trigger: "blur" }
], ],
addr: [ addr: [
{ required: true, message: this.$t('business.merchant.userInfoBus.addrRequired'), trigger: "change" } { required: true, message: this.$t('business.userManager.userInfo.addrRequired'), trigger: "change" }
] ]
} }
}; };
@ -268,7 +268,7 @@
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.open = true; this.open = true;
this.title = this.$t('business.merchant.userInfoBus.addTitle'); this.title = this.$t('business.userManager.userInfo.addTitle');
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
@ -279,7 +279,7 @@
this.loading = false; this.loading = false;
this.form = response.data; this.form = response.data;
this.open = true; this.open = true;
this.title = this.$t('business.merchant.userInfoBus.editTitle'); this.title = this.$t('business.userManager.userInfo.editTitle');
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */

Loading…
Cancel
Save