|
@@ -1,28 +1,34 @@
|
1
|
1
|
<template>
|
2
|
|
- <el-form :rules="rules" :model="detail" ref="ruleForm" label-width="160px">
|
3
|
|
- <el-form-item label="用户名" prop="nickname" required>
|
4
|
|
- <el-input v-model="detail.nickname"></el-input>
|
5
|
|
- </el-form-item>
|
6
|
|
- <el-form-item label="手机号" prop="phone" required>
|
7
|
|
- <el-input v-model="detail.phone"></el-input>
|
8
|
|
- </el-form-item>
|
9
|
|
- <el-form-item label="微信ID" prop="wxId">
|
10
|
|
- <el-input v-model="detail.wxId"></el-input>
|
11
|
|
- </el-form-item>
|
12
|
|
- <el-form-item label="openid" prop="openid">
|
13
|
|
- <el-input v-model="detail.openid" readonly=""></el-input>
|
14
|
|
- </el-form-item>
|
15
|
|
- <el-form-item label="状态" prop="status" required>
|
16
|
|
- <el-select v-model="detail.status" placeholder="请选择">
|
17
|
|
- <el-option label="禁用" :value="0"></el-option>
|
18
|
|
- <el-option label="启用" :value="1"></el-option>
|
19
|
|
- </el-select>
|
20
|
|
- </el-form-item>
|
21
|
|
- <el-form-item>
|
22
|
|
- <el-button type="primary" @click="onSubmit">保存</el-button>
|
23
|
|
- <el-button @click="onCancel">取消</el-button>
|
24
|
|
- </el-form-item>
|
25
|
|
- </el-form>
|
|
2
|
+ <div>
|
|
3
|
+ <el-form class="user-form" :rules="rules" :model="detail" ref="ruleForm" label-width="160px">
|
|
4
|
+ <el-form-item label="用户名" prop="username" required>
|
|
5
|
+ <el-input v-model="detail.username"></el-input>
|
|
6
|
+ </el-form-item>
|
|
7
|
+ <el-form-item label="手机号" prop="phone" required>
|
|
8
|
+ <el-input v-model="detail.phone"></el-input>
|
|
9
|
+ </el-form-item>
|
|
10
|
+ <el-form-item label="身份" prop="userIdentity">
|
|
11
|
+ <el-select class="width-100" v-model="detail.userIdentity" placeholder="请选择">
|
|
12
|
+ <el-option
|
|
13
|
+ v-for="item in identityDict"
|
|
14
|
+ :key="item.value"
|
|
15
|
+ :label="item.label"
|
|
16
|
+ :value="item.value">
|
|
17
|
+ </el-option>
|
|
18
|
+ </el-select>
|
|
19
|
+ </el-form-item>
|
|
20
|
+ <el-form-item label="状态" prop="status" required>
|
|
21
|
+ <el-select class="width-100" v-model="detail.status" placeholder="请选择">
|
|
22
|
+ <el-option label="禁用" :value="0"></el-option>
|
|
23
|
+ <el-option label="启用" :value="1"></el-option>
|
|
24
|
+ </el-select>
|
|
25
|
+ </el-form-item>
|
|
26
|
+ <el-form-item>
|
|
27
|
+ <el-button type="primary" @click="onSubmit">保存</el-button>
|
|
28
|
+ <el-button @click="onCancel">取消</el-button>
|
|
29
|
+ </el-form-item>
|
|
30
|
+ </el-form>
|
|
31
|
+ </div>
|
26
|
32
|
</template>
|
27
|
33
|
|
28
|
34
|
<script>
|
|
@@ -91,7 +97,8 @@ export default {
|
91
|
97
|
},
|
92
|
98
|
computed: {
|
93
|
99
|
...mapUserState({
|
94
|
|
- detail: x => x.detail
|
|
100
|
+ detail: x => x.detail,
|
|
101
|
+ identityDict: x => x.identityDict,
|
95
|
102
|
}),
|
96
|
103
|
},
|
97
|
104
|
created () {
|
|
@@ -101,5 +108,12 @@ export default {
|
101
|
108
|
</script>
|
102
|
109
|
|
103
|
110
|
<style lang="scss" scoped>
|
|
111
|
+ .user-form {
|
|
112
|
+ width: 60%;
|
|
113
|
+ max-width: 600px;
|
|
114
|
+ }
|
104
|
115
|
|
|
116
|
+ .width-100 {
|
|
117
|
+ width: 100%;
|
|
118
|
+ }
|
105
|
119
|
</style>
|