|
@@ -1,6 +1,12 @@
|
|
|
<template>
|
|
|
+
|
|
|
+ <a-button type="primary" class="role_btn role_add" @click="showAddRole">添加角色</a-button>
|
|
|
+
|
|
|
+ <!-- 添加角色的对话框 -->
|
|
|
+ <Edit :show="addRoleVisible" title="添加用户" :addForm="addForm" @cancelAddRole="cancelAddRole" @resatRole="resatRole" @addRole="addRole"></Edit>
|
|
|
+
|
|
|
<a-table :columns="columns" :data-source="nodeList" :style="{ height: '100%', borderRight: 0 }">
|
|
|
- <template #bodyCell="{ column, record }">
|
|
|
+ <template #bodyCell="{ column }">
|
|
|
<template v-if="column.key === 'mg_state'">
|
|
|
<a-switch checked-children="??" un-checked-children="??" />
|
|
|
</template>
|
|
@@ -9,11 +15,60 @@
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import {defineComponent, onMounted, reactive, toRefs} from "vue";
|
|
|
+import {defineComponent, onMounted, reactive, ref, toRefs} from "vue";
|
|
|
import {INode} from "/@/model/node";
|
|
|
import {nodeReqUse} from "/@/apis/node";
|
|
|
+import Edit from "/@/components/edit.vue"
|
|
|
export default defineComponent({
|
|
|
name:"node",
|
|
|
+ components:{
|
|
|
+ Edit
|
|
|
+ },
|
|
|
+ data(){
|
|
|
+ return {
|
|
|
+ addRoleVisible : false,
|
|
|
+ addForm: {
|
|
|
+ id: '',
|
|
|
+ createTime: new Date(),
|
|
|
+ createBy: '',
|
|
|
+ roleCode: '001',
|
|
|
+ roleName: '测试',
|
|
|
+ description: '',
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods : {
|
|
|
+ // 显示添加角色对话框
|
|
|
+ showAddRole () {
|
|
|
+ this.addRoleVisible = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ // 对话框的中的取消按钮
|
|
|
+ cancelAddRole () {
|
|
|
+ this.addRoleVisible = false;
|
|
|
+ this.editRoleVisible = false;
|
|
|
+ },
|
|
|
+ // 点击 添加角色对话框的保存
|
|
|
+ addRole () {
|
|
|
+ // 注意点:这边的 addRoleVisible 设置为false 需要在数据请求回来设置的!
|
|
|
+ // this.addRoleVisible = false;
|
|
|
+ let addFormObj = JSON.parse(JSON.stringify(this.addForm));
|
|
|
+ this.postAddRole({
|
|
|
+ query: addFormObj,
|
|
|
+ }).then(res => {
|
|
|
+ this.$message.info(res.msg);
|
|
|
+ this.getDate();
|
|
|
+ this.addRoleVisible = false;
|
|
|
+ this.addForm = {};
|
|
|
+ }).finally(_ => {
|
|
|
+ // this.$loading.hide();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 对话框的中的重置按钮
|
|
|
+ resatRole (obj) {
|
|
|
+ this.addForm = obj;
|
|
|
+ },
|
|
|
+ },
|
|
|
setup() {
|
|
|
const columns = [
|
|
|
{
|
|
@@ -74,6 +129,28 @@ export default defineComponent({
|
|
|
nodeList : [] as INode[]
|
|
|
})
|
|
|
|
|
|
+ const loading = ref<boolean>(false);
|
|
|
+ const visible = ref<boolean>(false);
|
|
|
+
|
|
|
+ const AddNodeModel = () => {
|
|
|
+ visible.value = true;
|
|
|
+ };
|
|
|
+
|
|
|
+ const handleOk = () => {
|
|
|
+ loading.value = true;
|
|
|
+ visible.value= false;
|
|
|
+ // setTimeout(() => {
|
|
|
+ // loading.value = false;
|
|
|
+ // visible.value = false;
|
|
|
+ // }, 2000);
|
|
|
+ };
|
|
|
+
|
|
|
+ const handleCancel = () => {
|
|
|
+ visible.value = false;
|
|
|
+ };
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
onMounted(async () => {
|
|
|
const node_list = await nodeReqUse(null)
|
|
|
datalist.nodeList = node_list.data.nodeList
|
|
@@ -82,6 +159,9 @@ export default defineComponent({
|
|
|
|
|
|
const { nodeList } = toRefs(datalist)
|
|
|
return{
|
|
|
+ visible,
|
|
|
+ handleOk,
|
|
|
+ AddNodeModel,
|
|
|
nodeList,
|
|
|
columns
|
|
|
}
|
|
@@ -89,6 +169,6 @@ export default defineComponent({
|
|
|
})
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
+<style lang="less" scoped>
|
|
|
|
|
|
-</style>
|
|
|
+</style>
|