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