优化角色列表,增加分配功能的提示

This commit is contained in:
季圣华
2023-11-23 23:55:51 +08:00
parent 2cd4d5a2d0
commit d4480c8f31

View File

@@ -57,6 +57,9 @@
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a> <a>删除</a>
</a-popconfirm> </a-popconfirm>
<a-modal v-model="roleModalVisible" title="操作提示" @ok="handleRoleTip(record)">
<p>保存角色已经操作成功!现在继续<b>分配功能</b>吗?</p>
</a-modal>
</span> </span>
<span slot="typeTitle"> <span slot="typeTitle">
数据类型 数据类型
@@ -80,10 +83,10 @@
</div> </div>
<!-- table区域-end --> <!-- table区域-end -->
<!-- 表单区域 --> <!-- 表单区域 -->
<role-modal ref="modalForm" @ok="modalFormOk"></role-modal> <role-modal ref="modalForm" @ok="roleModalFormOk"></role-modal>
<role-function-modal ref="roleFunctionModal" @ok="roleFunctionModalFormOk"></role-function-modal> <role-function-modal ref="roleFunctionModal" @ok="roleFunctionModalFormOk"></role-function-modal>
<role-push-btn-modal ref="rolePushBtnModal" @ok="modalFormOk"></role-push-btn-modal> <role-push-btn-modal ref="rolePushBtnModal" @ok="modalFormOk"></role-push-btn-modal>
<a-modal v-model="roleFunctionModalVisible" title="操作提示" @ok="handleTipOk"> <a-modal v-model="roleFunctionModalVisible" title="操作提示" @ok="handleRoleFunctionTip">
<p>分配功能已经操作成功!现在继续<b>分配按钮</b>吗?</p> <p>分配功能已经操作成功!现在继续<b>分配按钮</b>吗?</p>
</a-modal> </a-modal>
</a-card> </a-card>
@@ -109,6 +112,7 @@
data () { data () {
return { return {
description: '角色管理页面', description: '角色管理页面',
roleModalVisible: false,
roleFunctionModalVisible: false, roleFunctionModalVisible: false,
currentRoleId: '', currentRoleId: '',
labelCol: { labelCol: {
@@ -185,21 +189,37 @@
this.$refs.rolePushBtnModal.title = "分配按钮"; this.$refs.rolePushBtnModal.title = "分配按钮";
this.$refs.rolePushBtnModal.disableSubmit = false; this.$refs.rolePushBtnModal.disableSubmit = false;
}, },
roleModalFormOk() {
//重载列表
this.loadData()
this.roleModalVisible = true
},
roleFunctionModalFormOk(id) { roleFunctionModalFormOk(id) {
//重载列表 //重载列表
this.loadData(); this.loadData()
this.roleFunctionModalVisible = true; this.roleFunctionModalVisible = true
this.currentRoleId = id this.currentRoleId = id
}, },
handleTipOk() { handleRoleTip(record) {
if(record) {
this.roleModalVisible = false
this.handleSetFunction(record)
}
},
handleRoleFunctionTip() {
if(this.currentRoleId) { if(this.currentRoleId) {
this.roleFunctionModalVisible = false; this.roleFunctionModalVisible = false
this.handleSetPushBtn(this.currentRoleId) this.handleSetPushBtn(this.currentRoleId)
} }
}, },
handleAdd: function () {
this.$refs.modalForm.add();
this.$refs.modalForm.title = "新增保存之后请继续分配功能";
this.$refs.modalForm.disableSubmit = false;
},
handleEdit: function (record) { handleEdit: function (record) {
this.$refs.modalForm.edit(record); this.$refs.modalForm.edit(record);
this.$refs.modalForm.title = "编辑"; this.$refs.modalForm.title = "编辑保存之后请继续分配功能";
this.$refs.modalForm.disableSubmit = false; this.$refs.modalForm.disableSubmit = false;
if(this.btnEnableList.indexOf(1)===-1) { if(this.btnEnableList.indexOf(1)===-1) {
this.$refs.modalForm.isReadOnly = true this.$refs.modalForm.isReadOnly = true