dai
4 years ago
6 changed files with 342 additions and 49 deletions
@ -0,0 +1,148 @@ |
|||||
|
<template> |
||||
|
<el-dialog |
||||
|
:visible.sync="visible" |
||||
|
:title="$t('updatePassword.title')" |
||||
|
:close-on-click-modal="false" |
||||
|
:close-on-press-escape="false" |
||||
|
:append-to-body="true" |
||||
|
> |
||||
|
<el-form |
||||
|
:model="dataForm" |
||||
|
:rules="dataRule" |
||||
|
ref="dataForm" |
||||
|
@keyup.enter.native="dataFormSubmitHandle()" |
||||
|
label-width="120px" |
||||
|
> |
||||
|
<el-form-item :label="$t('updatePassword.username')"> |
||||
|
<span>{{ $store.state.user.realName }}</span> |
||||
|
</el-form-item> |
||||
|
<!-- <el-form-item prop="password" :label="$t('updatePassword.password')"> |
||||
|
<el-input |
||||
|
v-model="dataForm.password" |
||||
|
type="password" |
||||
|
:placeholder="$t('updatePassword.password')" |
||||
|
></el-input> |
||||
|
</el-form-item> --> |
||||
|
<el-form-item |
||||
|
prop="newPassword" |
||||
|
:label="$t('updatePassword.newPassword')" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="dataForm.newPassword" |
||||
|
type="password" |
||||
|
:placeholder="$t('updatePassword.newPassword')" |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="confirmPassword" |
||||
|
:label="$t('updatePassword.confirmPassword')" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="dataForm.confirmPassword" |
||||
|
type="password" |
||||
|
:placeholder="$t('updatePassword.confirmPassword')" |
||||
|
></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template slot="footer"> |
||||
|
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
||||
|
<el-button type="primary" @click="dataFormSubmitHandle()">{{ |
||||
|
$t('confirm') |
||||
|
}}</el-button> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import debounce from 'lodash/debounce' |
||||
|
import { clearLoginInfo } from '@/utils' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
visible: false, |
||||
|
dataForm: { |
||||
|
password: '', |
||||
|
newPassword: '', |
||||
|
confirmPassword: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule() { |
||||
|
var validateConfirmPassword = (rule, value, callback) => { |
||||
|
if (this.dataForm.newPassword !== value) { |
||||
|
return callback( |
||||
|
new Error(this.$t('updatePassword.validate.confirmPassword')) |
||||
|
) |
||||
|
} |
||||
|
callback() |
||||
|
} |
||||
|
return { |
||||
|
// password: [ |
||||
|
// { |
||||
|
// required: true, |
||||
|
// message: this.$t('validate.required'), |
||||
|
// trigger: 'blur' |
||||
|
// } |
||||
|
// ], |
||||
|
newPassword: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: this.$t('validate.required'), |
||||
|
trigger: 'blur' |
||||
|
} |
||||
|
], |
||||
|
confirmPassword: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: this.$t('validate.required'), |
||||
|
trigger: 'blur' |
||||
|
}, |
||||
|
{ validator: validateConfirmPassword, trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init() { |
||||
|
this.visible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['dataForm'].resetFields() |
||||
|
}) |
||||
|
}, |
||||
|
// 表单提交 |
||||
|
dataFormSubmitHandle: debounce( |
||||
|
function () { |
||||
|
this.$refs['dataForm'].validate((valid) => { |
||||
|
if (!valid) { |
||||
|
return false |
||||
|
} |
||||
|
this.$http |
||||
|
.post('/gov/mine/mine/resetpassword', { |
||||
|
newPassword: this.dataForm.newPassword, |
||||
|
confirmNewPassword: this.dataForm.confirmPassword |
||||
|
}) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.$message({ |
||||
|
message: this.$t('prompt.success'), |
||||
|
type: 'success', |
||||
|
duration: 500, |
||||
|
onClose: () => { |
||||
|
this.visible = false |
||||
|
clearLoginInfo() |
||||
|
this.$router.replace({ name: 'loginWork' }) |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
.catch(() => {}) |
||||
|
}) |
||||
|
}, |
||||
|
1000, |
||||
|
{ leading: true, trailing: false } |
||||
|
) |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,155 @@ |
|||||
|
<template> |
||||
|
<el-card shadow="never" class="aui-card--fill"> |
||||
|
<div class="mod-sys__menu"> |
||||
|
<el-form |
||||
|
:inline="true" |
||||
|
:model="dataForm" |
||||
|
@keyup.enter.native="getDataList()" |
||||
|
> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="addOrUpdateHandle()">{{ |
||||
|
$t('add') |
||||
|
}}</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table |
||||
|
v-loading="dataListLoading" |
||||
|
:data="dataList" |
||||
|
row-key="id" |
||||
|
border |
||||
|
:height="tableHeight" |
||||
|
style="width: 100%" |
||||
|
> |
||||
|
<el-table-column |
||||
|
prop="name" |
||||
|
:label="$t('menu.name')" |
||||
|
header-align="center" |
||||
|
min-width="150" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="icon" |
||||
|
:label="$t('menu.icon')" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<svg class="icon-svg" aria-hidden="true"> |
||||
|
<use :xlink:href="`#${scope.row.icon}`"></use> |
||||
|
</svg> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="type" |
||||
|
:label="$t('menu.type')" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-tag v-if="scope.row.type === 0" size="small">{{ |
||||
|
$t('menu.type0') |
||||
|
}}</el-tag> |
||||
|
<el-tag v-else size="small" type="info">{{ |
||||
|
$t('menu.type1') |
||||
|
}}</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="sort" |
||||
|
:label="$t('menu.sort')" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="url" |
||||
|
:label="$t('menu.url')" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="150" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
prop="permissions" |
||||
|
:label="$t('menu.permissions')" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="150" |
||||
|
:show-overflow-tooltip="true" |
||||
|
></el-table-column> |
||||
|
<el-table-column |
||||
|
:label="$t('handle')" |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="150" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
size="small" |
||||
|
@click="addOrUpdateHandle(scope.row.id)" |
||||
|
>{{ $t('update') }}</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
size="small" |
||||
|
@click="deleteHandle(scope.row.id)" |
||||
|
>{{ $t('delete') }}</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
size="small" |
||||
|
@click="showCustomerMenu(scope.row.id)" |
||||
|
>{{ '客户配置' }}</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!-- 弹窗, 新增 / 修改 --> |
||||
|
<add-or-update |
||||
|
v-if="addOrUpdateVisible" |
||||
|
ref="addOrUpdate" |
||||
|
@refreshDataList="getDataList" |
||||
|
></add-or-update> |
||||
|
<!-- 客户菜单配置 --> |
||||
|
<customer-add-or-update |
||||
|
ref="customerForm" |
||||
|
@refreshDataList="getDataList" |
||||
|
></customer-add-or-update> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import mixinViewModule from '@/mixins/view-module' |
||||
|
import AddOrUpdate from './menu-add-or-update' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import CustomerAddOrUpdate from './customer-add-or-update' |
||||
|
export default { |
||||
|
mixins: [mixinViewModule], |
||||
|
data() { |
||||
|
return { |
||||
|
mixinViewModuleOptions: { |
||||
|
getDataListURL: '/gov/access/menu/list', |
||||
|
deleteURL: '/gov/access/menu' |
||||
|
}, |
||||
|
customerFormVisible: false |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
AddOrUpdate, |
||||
|
CustomerAddOrUpdate |
||||
|
}, |
||||
|
computed: { |
||||
|
tableHeight() { |
||||
|
// return this.resolution === 'small' ? this.clientHeight - 210 : this.clientHeight - 220 |
||||
|
return this.clientHeight - 210 |
||||
|
}, |
||||
|
...mapGetters(['clientHeight', 'resolution']) |
||||
|
}, |
||||
|
methods: { |
||||
|
showCustomerMenu(tableId) { |
||||
|
this.$refs['customerForm'].init(tableId) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
Loading…
Reference in new issue