TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2025-12-08 06:00:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

[用户]实现对平台用户的增删改查

Browse Source
This commit is contained in:
GoEdgeLab
2020-12-04 16:00:55 +08:00
parent 9e3dc3d2d2
commit 000b5c79e3
19 changed files with 681 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/views/@default/users/@user_menu.html Normal file
View File

@@ -0,0 +1,6 @@
<first-menu>
<menu-item href="/users">用户列表</menu-item>
<span class="item">|</span>
<menu-item :href="'/users/user?userId=' + user.id" code="index">{{user.fullname}}&nbsp; <span class="small">({{user.username}})</span></menu-item>
<menu-item :href="'/users/update?userId=' + user.id" code="update">修改</menu-item>
</first-menu>

65
web/views/@default/users/createPopup.html Normal file
View File

@@ -0,0 +1,65 @@
{$layout "layout_popup"}
<h3>创建用户</h3>
<form class="ui form" method="post" data-tea-action="$" data-tea-success="success">
<csrf-token></csrf-token>
<table class="ui table definition selectable">
<tr>
<td class="title">用户名 *</td>
<td>
<input type="text" name="username" maxlength="100" ref="focus"/>
<p class="comment">用户名只能是英文、数字、下划线的组合。</p>
</td>
</tr>
<tr>
<td>密码 *</td>
<td>
<input type="password" name="pass1" maxlength="100"/>
</td>
</tr>
<tr>
<td>确认密码 *</td>
<td>
<input type="password" name="pass2" maxlength="100"/>
</td>
</tr>
<tr>
<td>全名 *</td>
<td>
<input type="text" name="fullname" maxlength="100"/>
<p class="comment">用户姓名或者公司名称等等。</p>
</td>
</tr>
<tr>
<td colspan="2"><more-options-indicator></more-options-indicator></td>
</tr>
<tbody v-show="moreOptionsVisible">
<tr>
<td>手机号</td>
<td>
<input type="text" name="mobile" maxlength="11"/>
</td>
</tr>
<tr>
<td>联系电话</td>
<td>
<input type="text" name="tel" maxlength="100"/>
</td>
</tr>
<tr>
<td>电子邮箱</td>
<td>
<input type="text" name="email" maxlength="100"/>
</td>
</tr>
<tr>
<td>备注</td>
<td>
<textarea rows="3" name="remark"></textarea>
</td>
</tr>
</tbody>
</table>
<submit-btn></submit-btn>
</form>

37
web/views/@default/users/index.html Normal file
View File

@@ -0,0 +1,37 @@
{$layout}
<first-menu>
<menu-item @click.prevent="createUser">创建</menu-item>
</first-menu>
<p class="comment" v-if="users.length == 0">暂时还没有用户。</p>
<table class="ui table selectable" v-if="users.length > 0">
<thead>
<tr>
<th>用户名</th>
<th>全名</th>
<th>手机号</th>
<th>注册时间</th>
<th class="center width10">状态</th>
<th class="two op">操作</th>
</tr>
</thead>
<tr v-for="user in users">
<td :class="{disabled:!user.isOn}">{{user.username}}</td>
<td :class="{disabled:!user.isOn}">{{user.fullname}}</td>
<td :class="{disabled:!user.isOn}">
<span v-if="user.mobile.length > 0">{{user.mobile}}</span>
<span v-else class="disabled">-</span>
</td>
<td :class="{disabled:!user.isOn}">{{user.createdTime}}</td>
<td class="center">
<label-on :v-is-on="user.isOn"></label-on>
</td>
<td>
<a :href="'/users/user?userId=' + user.id">详情</a> &nbsp;
<a href="" @click.prevent="deleteUser(user.id)">删除</a>
</td>
</tr>
</table>
<div class="page" v-html="page"></div>

22
web/views/@default/users/index.js Normal file
View File

@@ -0,0 +1,22 @@
Tea.context(function () {
this.createUser = function () {
teaweb.popup(Tea.url(".createPopup"), {
callback: function () {
teaweb.success("保存成功", function () {
teaweb.reload()
})
}
})
}
this.deleteUser = function (userId) {
let that = this
teaweb.confirm("确定要删除这个用户吗？", function () {
that.$post(".delete")
.params({
userId: userId
})
.refresh()
})
}
})

78
web/views/@default/users/update.html Normal file
View File

@@ -0,0 +1,78 @@
{$layout}
{$template "user_menu"}
<form class="ui form" method="post" data-tea-action="$" data-tea-success="success">
<csrf-token></csrf-token>
<input type="hidden" name="userId" :value="user.id"/>
<table class="ui table definition selectable">
<tr>
<td class="title">用户名 *</td>
<td>
<input type="text" name="username" maxlength="100" ref="focus" v-model="user.username"/>
<p class="comment">用户名只能是英文、数字、下划线的组合。</p>
</td>
</tr>
<tr>
<td>密码</td>
<td>
<div>
<a href="" @click.prevent="changePasswordEditing">修改密码<i class="icon angle" :class="{down:!passwordEditing, up:passwordEditing}"></i></a>
</div>
<div v-show="passwordEditing" style="margin-top: 0.6em">
<input type="password" name="pass1" maxlength="100"/>
<p class="comment">留空表示不修改。</p>
</div>
</td>
</tr>
<tr v-show="passwordEditing">
<td>确认密码</td>
<td>
<input type="password" name="pass2" maxlength="100"/>
</td>
</tr>
<tr>
<td>全名 *</td>
<td>
<input type="text" name="fullname" maxlength="100" v-model="user.fullname"/>
<p class="comment">用户姓名或者公司名称等等。</p>
</td>
</tr>
<tr>
<td colspan="2"><more-options-indicator></more-options-indicator></td>
</tr>
<tbody v-show="moreOptionsVisible">
<tr>
<td>手机号</td>
<td>
<input type="text" name="mobile" maxlength="11" v-model="user.mobile"/>
</td>
</tr>
<tr>
<td>联系电话</td>
<td>
<input type="text" name="tel" maxlength="100" v-model="user.tel"/>
</td>
</tr>
<tr>
<td>电子邮箱</td>
<td>
<input type="text" name="email" maxlength="100" v-model="user.email"/>
</td>
</tr>
<tr>
<td>备注</td>
<td>
<textarea rows="3" name="remark" v-model="user.remark"></textarea>
</td>
</tr>
<tr>
<td>是否启用</td>
<td>
<checkbox name="isOn" v-model="user.isOn"></checkbox>
</td>
</tr>
</tbody>
</table>
<submit-btn></submit-btn>
</form>

9
web/views/@default/users/update.js Normal file
View File

@@ -0,0 +1,9 @@
Tea.context(function () {
this.success = NotifySuccess("保存成功", "/users/user?userId=" + this.user.id)
this.passwordEditing = false
this.changePasswordEditing = function () {
this.passwordEditing = !this.passwordEditing
}
})

51
web/views/@default/users/user.html Normal file
View File

@@ -0,0 +1,51 @@
{$layout}
{$template "user_menu"}
<table class="ui table definition selectable">
<tr>
<td>状态</td>
<td>
<label-on :v-is-on="user.isOn"></label-on>
</td>
</tr>
<tr>
<td class="title">用户名</td>
<td>
{{user.username}}
</td>
</tr>
<tr>
<td>全名</td>
<td>
{{user.fullname}}
</td>
</tr>
<tr>
<td>手机号</td>
<td>
<span v-if="user.mobile.length > 0">{{user.mobile}}</span>
<span v-else class="disabled">-</span>
</td>
</tr>
<tr>
<td>联系电话</td>
<td>
<span v-if="user.tel.length > 0">{{user.tel}}</span>
<span v-else class="disabled">-</span>
</td>
</tr>
<tr>
<td>电子邮箱</td>
<td>
<span v-if="user.email.length > 0">{{user.email}}</span>
<span v-else class="disabled">-</span>
</td>
</tr>
<tr>
<td>备注</td>
<td>
<span v-if="user.remark.length > 0">{{user.remark}}</span>
<span v-else class="disabled">-</span>
</td>
</tr>
</table>