XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

工作台改版

uat_us
熊飞 2024-03-01 14:53:13 +08:00
parent ee20254cf8
commit 7101276aab
3 changed files with 96 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/views/system/user/components/Account.vue
View File

@ -1,39 +1,39 @@
<template> <template>
<el-card class="box-card" style="width:800px;" size="small"> <el-card class="box-card" style="width:800px;" size="small">
<!-- <div slot="header" class="clearfix"> <!-- <div slot="header" class="clearfix">
<span>Security</span> <span>Security</span>
</div> --> </div> -->
<div> <div>
<el-button type="danger" @click="handleReset">Reset Password</el-button> <el-button type="danger" @click="handleReset">{{$t('system:userlist:button:ResetPassword')}}</el-button>
</div> </div>
</el-card> </el-card>
</template> </template>
<script> <script>
import { resetPassword } from '@/api/admin' import { resetPassword } from '@/api/admin'
export default { export default {
name: 'Account', name: 'Account',
props: { props: {
userId: { type: String, default: '' } userId: { type: String, default: '' }
}, },
methods: { methods: {
handleReset() { handleReset() {
this.$confirm('Sure to reset password?', { this.$confirm('Sure to reset password?', {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
confirmButtonText: 'Ok', confirmButtonText: 'Ok',
cancelButtonText: 'Cancel' cancelButtonText: 'Cancel'
}) })
.then(() => { .then(() => {
resetPassword(this.userId).then(res => { resetPassword(this.userId).then(res => {
if (res.IsSuccess) { if (res.IsSuccess) {
this.$message({ this.$message({
message: 'Reset password successfully', message: 'Reset password successfully',
type: 'success' type: 'success'
}) })
} }
}) })
}) })
} }
} }
} }
</script> </script>

35
src/views/system/user/components/UserInfo.vue
View File

@ -9,41 +9,41 @@
> >
<el-card class="Basic" shadow="never" size="small"> <el-card class="Basic" shadow="never" size="small">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>Basic Information</span> <span>{{ $t('system:userlist:title:Information') }}</span>
</div> </div>
<el-form-item v-if="user.UserCode" label="S/N: " prop="UserCode"> <el-form-item v-if="user.UserCode" :label="$t('system:userlist:table:S/N')" prop="UserCode">
<el-input v-model="user.UserCode" disabled /> <el-input v-model="user.UserCode" disabled />
</el-form-item> </el-form-item>
<el-form-item label="User ID: " class="my_new_pwd" prop="UserName"> <el-form-item :label="$t('system:userlist:table:UserName')" class="my_new_pwd" prop="UserName">
<el-input v-model="user.UserName" /> <el-input v-model="user.UserName" />
</el-form-item> </el-form-item>
<el-form-item label="Surname: " prop="LastName"> <el-form-item :label="$t('system:userlist:table:LastName')" prop="LastName">
<el-input v-model="user.LastName" /> <el-input v-model="user.LastName" />
</el-form-item> </el-form-item>
<el-form-item label="Given Name: " prop="FirstName"> <el-form-item :label="$t('system:userlist:table:FirstName')" prop="FirstName">
<el-input v-model="user.FirstName" /> <el-input v-model="user.FirstName" />
</el-form-item> </el-form-item>
<el-form-item label="Gender: " prop="Sex" style="margin-right:40px;"> <el-form-item :label="$t('system:userlist:table:Gender')" prop="Sex" style="margin-right:40px;">
<el-radio-group v-model="user.Sex"> <el-radio-group v-model="user.Sex">
<el-radio :label="1">Male</el-radio> <el-radio :label="1">Male</el-radio>
<el-radio :label="0">Female</el-radio> <el-radio :label="0">Female</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="Email: " prop="EMail"> <el-form-item :label="$t('system:userlist:table:Email')" prop="EMail">
<el-input v-model="user.EMail" /> <el-input v-model="user.EMail" />
</el-form-item> </el-form-item>
<el-form-item label="Phone: " prop="Phone"> <el-form-item :label="$t('system:userlist:table:Phone')" prop="Phone">
<el-input v-model="user.Phone" /> <el-input v-model="user.Phone" />
</el-form-item> </el-form-item>
<el-form-item v-if="type==1" label="Disable:"> <el-form-item v-if="type==1" :label="$t('system:userlist:table:Disable')">
<el-switch v-model="user.Status" :active-value="0" :inactive-value="1" /> <el-switch v-model="user.Status" :active-value="0" :inactive-value="1" />
</el-form-item> </el-form-item>
<el-form-item label="IsTestUser:"> <el-form-item :label="$t('system:userlist:table:IsTestUser')">
<el-switch v-model="user.IsTestUser" /> <el-switch v-model="user.IsTestUser" />
</el-form-item> </el-form-item>
<el-form-item label="User Type: " prop="UserTypeId"> <el-form-item :label="$t('system:userlist:table:UserType')" prop="UserTypeId">
<el-select ref="userType" v-model="user.UserTypeId" size="small" placeholder="Please select" style="width:100%;" :disabled="user.CanEditUserType === false"> <el-select ref="userType" v-model="user.UserTypeId" size="small" placeholder="Please select" style="width:100%;" :disabled="user.CanEditUserType === false">
<el-option <el-option
v-for="(userType,key) of userTypeOptions" v-for="(userType,key) of userTypeOptions"
@ -58,22 +58,21 @@
<el-card class="Affiliation" shadow="never" style="margin-top:10px;" size="small"> <el-card class="Affiliation" shadow="never" style="margin-top:10px;" size="small">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>Affiliation</span> <span>{{ $t('system:userlist:title:Affiliation') }}</span>
</div> </div>
<el-form-item prop="IsZhiZhun"> <el-form-item prop="IsZhiZhun">
<el-radio-group v-model="user.IsZhiZhun" @change="OrgnizationTypeChanged"> <el-radio-group v-model="user.IsZhiZhun" @change="OrgnizationTypeChanged">
<el-radio :label="true">Internal</el-radio> <el-radio :label="true">{{ $t('system:userlist:title:Internal') }}</el-radio>
<el-radio :label="false">External</el-radio> <el-radio :label="false">{{ $t('system:userlist:title:External') }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item v-show="user.IsZhiZhun === false" label="Organization Name: "> <el-form-item v-show="user.IsZhiZhun === false" :label="$t('system:userlist:table:OrganizationName')">
<el-input v-model="user.OrganizationName" /> <el-input v-model="user.OrganizationName" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:userlist:table:Department')" prop="DepartmentName">
<el-form-item label="Department: " prop="DepartmentName">
<el-input v-model="user.DepartmentName" /> <el-input v-model="user.DepartmentName" />
</el-form-item> </el-form-item>
<el-form-item label="Position: " prop="PositionName"> <el-form-item :label="$t('system:userlist:table:Position')" prop="PositionName">
<el-input v-model="user.PositionName" /> <el-input v-model="user.PositionName" />
</el-form-item> </el-form-item>
</el-card> </el-card>

80
src/views/system/user/edit/index.vue
View File

@ -1,40 +1,40 @@
<template> <template>
<div class="edit-container"> <div class="edit-container">
<el-tabs v-model="activeTab" @tab-click="clickTab"> <el-tabs v-model="activeTab" @tab-click="clickTab">
<el-tab-pane label="User " name="user"> <el-tab-pane :label="$t('system:userlist:tab:User')" name="user">
<user-info :user-id="userId" /> <user-info :user-id="userId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Password " name="account"> <el-tab-pane :label="$t('system:userlist:tab:Password')" name="account">
<Account v-if="load.account" :user-id="userId" /> <Account v-if="load.account" :user-id="userId" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</template> </template>
<script> <script>
import UserInfo from '../components/UserInfo' import UserInfo from '../components/UserInfo'
import Account from '../components/Account' import Account from '../components/Account'
export default { export default {
name: 'EditUser', name: 'EditUser',
components: { UserInfo, Account }, components: { UserInfo, Account },
data() { data() {
return { return {
activeTab: 'user', activeTab: 'user',
userId: '', userId: '',
load: { load: {
role: false, role: false,
account: false account: false
} }
} }
}, },
created() { created() {
this.userId = this.$router.currentRoute.query.Id this.userId = this.$router.currentRoute.query.Id
}, },
methods: { methods: {
clickTab(tab, event) { clickTab(tab, event) {
if (this.load[tab.name] === false) { if (this.load[tab.name] === false) {
this.load[tab.name] = true this.load[tab.name] = true
} }
} }
} }
} }
</script> </script>