主客体属性界面完成

src/pages/data-auth-module/auth-object-manage/object-prop-manage/add-dialog.vue

@@ -0,0 +1,114 @@
+<!--
+ * @Author: Liugh
+ * @Date: 2021-05-19 16:09:07
+ * @LastEditTime: 2021-05-20 11:13:49
+ * @LastEditors: Do not edit
+ * @FilePath: \auth-web\src\pages\data-auth-module\auth-object-manage\object-prop-manage\add-dialog.vue
+ * @Description: 
+-->
+
+<template>
+    <main class="add-dialog">
+        <dg-row class="property-wapper" :gutter="10">
+            <!-- 机构列表 -->
+            <dg-col :span="8" class="property-wapper__left">
+                <dg-card class="box-card">
+                    <org-tree
+                        ref="tree"
+                        class="u-pm__left"
+                        treeHeight="470px"
+                        :search="true"
+                        paddingRight="15px"
+                        @handleGetNode="handleGetNode"
+                        @submitRootNode="handleGetNode"
+                    ></org-tree>
+                </dg-card>
+            </dg-col>
+            <!-- 权限设置 -->
+            <dg-col :span="16">
+                <el-form ref="form" :model="addForm" label-suffix=":" inline>
+                    <div v-if="type == 'function'">
+                        <el-form-item label="功能名称">
+                            <el-input clearable placeholder="请输入功能名称" v-model="addForm.name"></el-input>
+                        </el-form-item>
+                    </div>
+                    <div v-if="type == 'application'">
+                        <el-form-item label="应用系统名称">
+                            <el-input clearable placeholder="请输入应用系统名称" v-model="addForm.name"></el-input>
+                        </el-form-item>
+                    </div>
+                    <el-form-item>
+                        <dg-button type="primary" icon="el-icon-search" @click="doSearchPersion">查询</dg-button>
+                    </el-form-item>
+                </el-form>
+                <Table
+                    v-if="type !== 'service'"
+                    ref="table"
+                    :url="tableUrl"
+                    :headerData="type == 'personnel' ? cardFunctionList : cardAgencylist"
+                    :condition="reportForm"
+                    :lazyLoad="true"
+                >
+                </Table>
+            </dg-col>
+        </dg-row>
+    </main>
+</template>
+
+<script>
+import * as dynamicManageApi from "@/api/dynamic-manage";
+import { cardAgencylist, cardFunctionList } from "../../property-management/DataConfig";
+import orgTree from "@/pages/common/tree";
+import Table from "@/pages/common/table";
+export default {
+    name: "add-dialog", // 组件名称
+    props: {
+        // 接收父组件的数据
+        type: {
+            type: String,
+            default: "application"
+        }
+    },
+    data() {
+        // 组件内部参数
+        return {
+            // 参数名称及默认值
+            cardFunctionList,
+            cardAgencylist,
+            addForm: {},
+            tableUrl: dynamicManageApi.tableUrl,
+            reportForm: {}
+        };
+    },
+    computed: {}, // 计算属性
+    watch: {}, // 侦听器（扩展的计算属性）
+    components: { orgTree, Table }, // 注册局部组件
+    methods: {
+        /**
+         * @description: 获取机构节点
+         * @param {*} node
+         */
+        handleGetNode(node) {
+            this.subId = node.code;
+            this.key++;
+        },
+        /**
+         * @description:查询
+         */
+        doSearchPersion() {
+            this.$emit("success");
+        }
+    }, // 内部方法
+    beforeCreate() {}, // 组件创建前
+    created() {}, // 组件创建完成后
+    beforeMount() {}, // 组件挂载前
+    mounted() {
+        console.log(this.type);
+    }, // 组件挂载完成后
+    beforeUpdate() {}, // 组件更新前
+    updated() {}, // 组件挂载完成后
+    beforeDestroy() {}, // 组件销毁前
+    destroyed() {} // 组件销毁完成后
+};
+</script>
+<style lang="scss" scoped></style>

src/pages/data-auth-module/auth-object-manage/object-prop-manage/application-list.vue

@@ -0,0 +1,102 @@
+<!--
+ * @Author: Liugh
+ * @Date: 2021-05-19 15:48:57
+ * @LastEditTime: 2021-05-20 11:15:03
+ * @LastEditors: Do not edit
+ * @FilePath: \auth-web\src\pages\data-auth-module\auth-object-manage\object-prop-manage\application-list.vue
+ * @Description: 
+-->
+<template>
+    <dg-card class="box-card" header="应用列表">
+        <el-form ref="form" :model="cardForm" label-suffix=":" inline>
+            <el-form-item label="应用系统名称">
+                <el-input clearable placeholder="请输入应用系统名称" v-model="cardForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="系统在用标识">
+                <el-select v-model="cardForm.userType" placeholder="请选择应用在用标识" style="width:13rem">
+                    <el-option label="全部" value="all"></el-option>
+                    <el-option label="启用" value="1"></el-option>
+                    <el-option label="停用" value="0"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+                <dg-button type="primary" icon="el-icon-search" @click="doSearchPersion">查询</dg-button>
+                <dg-button type="primary" icon="el-icon-plus" @click="add">添加</dg-button>
+            </el-form-item>
+        </el-form>
+        <Table
+            ref="table"
+            :url="tableUrl"
+            :headerData="cardApplicationList"
+            :condition="reportForm"
+            :lazyLoad="true"
+            @handleRowClick="handleRowClick"
+        >
+        </Table>
+    </dg-card>
+</template>
+
+<script>
+import Table from "@/pages/common/table";
+import * as dynamicManageApi from "@/api/dynamic-manage";
+import { cardApplicationList } from "../../property-management/DataConfig";
+import addDialog from "./add-dialog";
+const editorArea = ["1200px", "660px"];
+export default {
+    name: "personnelList", // 组件名称
+    props: {
+        // 接收父组件的数据
+    },
+    data() {
+        // 组件内部参数
+        return {
+            // 参数名称及默认值
+            cardApplicationList,
+            tableUrl: dynamicManageApi.tableUrl,
+            reportForm: {},
+            cardForm: {}
+        };
+    },
+    computed: {}, // 计算属性
+    watch: {}, // 侦听器（扩展的计算属性）
+    components: { Table }, // 注册局部组件
+    methods: {
+        /**
+         * @description: 查询
+         */
+        doSearchPersion() {},
+        /**
+         * @description: 单击表格行
+         */
+        handleRowClick() {},
+        /**
+         * @description: 添加
+         */
+        add() {
+            const layer = this.$dgLayer({
+                title: "添加应用资源",
+                shade: [0.4, "#FFF"],
+                content: addDialog,
+                props: {
+                    type: "application"
+                },
+                on: {
+                    success() {
+                        layer.close(layer.dialogIndex);
+                    }
+                },
+                area: editorArea
+            });
+        }
+    }, // 内部方法
+    beforeCreate() {}, // 组件创建前
+    created() {}, // 组件创建完成后
+    beforeMount() {}, // 组件挂载前
+    mounted() {}, // 组件挂载完成后
+    beforeUpdate() {}, // 组件更新前
+    updated() {}, // 组件挂载完成后
+    beforeDestroy() {}, // 组件销毁前
+    destroyed() {} // 组件销毁完成后
+};
+</script>
+<style lang="scss" scoped></style>

src/pages/data-auth-module/auth-object-manage/object-prop-manage/function-list.vue

@@ -0,0 +1,162 @@
+<!--
+ * @Author: Liugh
+ * @Date: 2021-05-19 15:43:35
+ * @LastEditTime: 2021-05-20 11:14:56
+ * @LastEditors: Do not edit
+ * @FilePath: \auth-web\src\pages\data-auth-module\auth-object-manage\object-prop-manage\function-list.vue
+ * @Description: 
+-->
+<template>
+    <dg-card class="box-card" header="人员列表">
+        <el-form ref="form" :model="cardForm" label-suffix=":" inline>
+            <el-form-item label="姓名">
+                <el-input clearable placeholder="请输入姓名" v-model="cardForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="身份证号码">
+                <el-input clearable placeholder="请输入身份证号码" v-model="cardForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="所属单位">
+                <dg-tree-select
+                    v-model="cardForm.institution"
+                    placeholder="请选择所属单位"
+                    :data="options"
+                    clearable
+                    filterable
+                    multiple
+                ></dg-tree-select>
+            </el-form-item>
+            <el-form-item>
+                <dg-button type="primary" icon="el-icon-search" @click="doSearchPersion">查询</dg-button>
+                <dg-button type="primary" icon="el-icon-plus" @click="add">添加</dg-button>
+            </el-form-item>
+        </el-form>
+        <Table
+            ref="table"
+            :url="tableUrl"
+            :headerData="cardFunctionList"
+            :condition="reportForm"
+            :lazyLoad="true"
+            @handleRowClick="handleRowClick"
+        >
+        </Table>
+    </dg-card>
+</template>
+
+<script>
+import Table from "@/pages/common/table";
+import * as dynamicManageApi from "@/api/dynamic-manage";
+import { cardFunctionList } from "../../property-management/DataConfig";
+import addDialog from "./add-dialog";
+const editorArea = ["1200px", "660px"];
+export default {
+    name: "personnelList", // 组件名称
+    props: {
+        // 接收父组件的数据
+    },
+    data() {
+        // 组件内部参数
+        return {
+            // 参数名称及默认值
+            cardFunctionList,
+            tableUrl: dynamicManageApi.tableUrl,
+            reportForm: {},
+            cardForm: {},
+            options: [
+                {
+                    id: "fruits",
+                    label: "Fruits",
+                    children: [
+                        {
+                            id: "apple",
+                            label: "Apple",
+                            isNew: true
+                        },
+                        {
+                            id: "grapes",
+                            label: "Grapes",
+                            disabled: true
+                        },
+                        {
+                            id: "pear",
+                            label: "Pear"
+                        },
+                        {
+                            id: "strawberry",
+                            label: "Strawberry 🍓"
+                        },
+                        {
+                            id: "watermelon",
+                            label: "Watermelon 🍉"
+                        }
+                    ]
+                },
+                {
+                    id: "vegetables",
+                    label: "Vegetables",
+                    children: [
+                        {
+                            id: "corn",
+                            label: "Corn 🌽"
+                        },
+                        {
+                            id: "carrot",
+                            label: "Carrot 🥕"
+                        },
+                        {
+                            id: "eggplant",
+                            label: "Eggplant 🍆"
+                        },
+                        {
+                            id: "tomato",
+                            label: "Tomato 🍅"
+                        }
+                    ]
+                }
+            ]
+        };
+    },
+    computed: {}, // 计算属性
+    watch: {}, // 侦听器（扩展的计算属性）
+    components: { Table }, // 注册局部组件
+    methods: {
+        /**
+         * @description: 查询
+         */
+        doSearchPersion() {},
+        /**
+         * @description: 单击表格行
+         */
+        handleRowClick() {},
+        /**
+         * @description: 添加
+         */
+        add() {
+            const layer = this.$dgLayer({
+                title: "添加功能资源",
+                shade: [0.4, "#FFF"],
+                content: addDialog,
+                props: {
+                    type: "personnel"
+                },
+                btn: ["保存", "关闭"],
+                yes: () => {
+                    console.log("我点击了保存");
+                },
+                btn2: () => {
+                    layer.close(layer.dialogIndex);
+                },
+                area: editorArea
+            });
+        }
+    }, // 内部方法
+    beforeCreate() {}, // 组件创建前
+    created() {}, // 组件创建完成后
+    beforeMount() {}, // 组件挂载前
+    mounted() {}, // 组件挂载完成后
+    beforeUpdate() {}, // 组件更新前
+    updated() {}, // 组件挂载完成后
+    beforeDestroy() {}, // 组件销毁前
+    destroyed() {} // 组件销毁完成后
+};
+</script>
+<style lang="scss" scoped></style>

src/pages/data-auth-module/auth-object-manage/object-prop-manage/index.vue

@@ -1,38 +1,126 @@
 <!--
-客体属性类管理
-@Author: linqian
-@Date: 2021-05-17 13：57
+ * @Author: Liugh
+ * @Date: 2021-05-17 14:54:08
+ * @LastEditTime: 2021-05-20 10:53:13
+ * @LastEditors: Do not edit
+ * @FilePath: \auth-web\src\pages\data-auth-module\auth-object-manage\object-prop-manage\index.vue
+ * @Description: 
 -->
+
 <template>
-    <div>
-        
-    </div>
+    <main class="subject-property">
+        <dg-row :gutter="20">
+            <dg-col :span="5">
+                <tree
+                    ref="tree"
+                    class="u-pm__left"
+                    title="主体属性类"
+                    @handleGetNode="handleGetNode"
+                    @submitRootNode="submitRootNode"
+                />
+            </dg-col>
+            <dg-col :span="6">
+                <dg-card class="box-card" header="属性详情">
+                    <el-form ref="ruleForm" :rules="rules" :model="form" label-width="80px">
+                        <el-form-item label="属性类别">
+                            <el-input v-model="form.name" placeholder="请输入属性类别"></el-input>
+                        </el-form-item>
+                        <el-form-item label="属性名称">
+                            <el-input v-model="form.name" placeholder="请输入属性名称"></el-input>
+                        </el-form-item>
+                        <el-form-item label="属性值">
+                            <el-input v-model="form.idCard" placeholder="请输入属性值"></el-input>
+                        </el-form-item>
+                        <el-form-item label="说明">
+                            <el-input v-model="form.idCard" type="" placeholder="请输入说明"></el-input>
+                        </el-form-item>
+                    </el-form>
+                </dg-card>
+            </dg-col>
+            <dg-col :span="13">
+                <!-- TODO 根据点击属性类型判断显示什么表格 -->
+                <component :is="compoentValue"></component>
+            </dg-col>
+        </dg-row>
+    </main>
 </template>
 
 <script>
-    export default {
-        components: {
-
-        },
-        data () {
-            return {
-
-            };
+import Tree from "@/pages/common/tree";
+import functionList from "./function-list";
+import serviceList from "./service-list";
+import applicationList from "./application-list";
+export default {
+    name: "subject-property", // 组件名称
+    props: {
+        // 接收父组件的数据
+    },
+    data() {
+        // 组件内部参数
+        return {
+            // 参数名称及默认值
+            compoentType: [
+                {
+                    label: "function",
+                    value: "function-list"
+                },
+                {
+                    label: "service",
+                    value: "service-list"
+                },
+                {
+                    label: "application",
+                    value: "application-list"
+                }
+            ],
+            compoentValue: "application-list",
+            form: {},
+            rules: {},
+            reportPersionForm: {
+                applyName: { value: "", op: "like" },
+                orgId: { value: "", op: "=" }
+            }
+        };
+    },
+    computed: {}, // 计算属性
+    watch: {}, // 侦听器（扩展的计算属性）
+    components: { Tree, functionList, serviceList, applicationList }, // 注册局部组件
+    methods: {
+        /**
+         * @description:树方法
+         */
+        handleGetNode({ id }) {
+            const that = this;
+            const oldVal = that.reportPersionForm.orgId.value;
+            if (oldVal != id) {
+                that.reportPersionForm.orgId.value = id;
+                that.handleSearch();
+            }
         },
-        computed: {
-
+        /**
+         * @description: 默认查询跟节点
+         */
+        submitRootNode({ id, name }) {
+            const that = this;
+            this.$nextTick(() => {
+                that.handleGetNode({ id, name });
+            });
         },
-        methods: {
-
-        },
-        created() {
-
-        },
-        mounted() {
-
-        }
-}
+        /**
+         * @description: 表单查询
+         */
+        handleSearch() {}
+    }, // 内部方法
+    beforeCreate() {}, // 组件创建前
+    created() {}, // 组件创建完成后
+    beforeMount() {}, // 组件挂载前
+    mounted() {}, // 组件挂载完成后
+    beforeUpdate() {}, // 组件更新前
+    updated() {}, // 组件挂载完成后
+    beforeDestroy() {}, // 组件销毁前
+    destroyed() {} // 组件销毁完成后
+};
 </script>
-
-<style lang='scss'>
-</style>
+<style lang="scss" scoped>
+@import "../../property-management/index.scss";
+</style>

src/pages/data-auth-module/auth-object-manage/object-prop-manage/service-list.vue

@@ -0,0 +1,157 @@
+<!--
+ * @Author: Liugh
+ * @Date: 2021-05-19 15:48:26
+ * @LastEditTime: 2021-05-20 11:15:54
+ * @LastEditors: Do not edit
+ * @FilePath: \auth-web\src\pages\data-auth-module\auth-object-manage\object-prop-manage\service-list.vue
+ * @Description: //TODO 暂定
+-->
+<template>
+    <dg-card class="box-card" header="机构列表">
+        <el-form ref="form" :model="cardForm" label-suffix=":" inline>
+            <el-form-item label="机构名称">
+                <el-input clearable placeholder="请输入机构名称" v-model="cardForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="机构代码">
+                <dg-tree-select
+                    v-model="cardForm.institution"
+                    placeholder="请选择机构代码"
+                    :data="options"
+                    clearable
+                    filterable
+                    multiple
+                ></dg-tree-select>
+            </el-form-item>
+            <el-form-item>
+                <dg-button type="primary" icon="el-icon-search" @click="doSearchPersion">查询</dg-button>
+                <dg-button type="primary" icon="el-icon-plus">添加</dg-button>
+            </el-form-item>
+        </el-form>
+        <Table
+            ref="table"
+            :url="tableUrl"
+            :headerData="cardServiceList"
+            :condition="reportForm"
+            :lazyLoad="true"
+            @handleRowClick="handleRowClick"
+        >
+        </Table>
+    </dg-card>
+</template>
+
+<script>
+import Table from "@/pages/common/table";
+import * as dynamicManageApi from "@/api/dynamic-manage";
+import addDialog from "./add-dialog";
+import { cardServiceList } from "../../property-management/DataConfig";
+const editorArea = ["1200px", "660px"];
+export default {
+    name: "personnelList", // 组件名称
+    props: {
+        // 接收父组件的数据
+    },
+    data() {
+        // 组件内部参数
+        return {
+            // 参数名称及默认值
+            cardServiceList,
+            tableUrl: dynamicManageApi.tableUrl,
+            reportForm: {},
+            cardForm: {},
+            options: [
+                {
+                    id: "fruits",
+                    label: "Fruits",
+                    children: [
+                        {
+                            id: "apple",
+                            label: "Apple",
+                            isNew: true
+                        },
+                        {
+                            id: "grapes",
+                            label: "Grapes",
+                            disabled: true
+                        },
+                        {
+                            id: "pear",
+                            label: "Pear"
+                        },
+                        {
+                            id: "strawberry",
+                            label: "Strawberry 🍓"
+                        },
+                        {
+                            id: "watermelon",
+                            label: "Watermelon 🍉"
+                        }
+                    ]
+                },
+                {
+                    id: "vegetables",
+                    label: "Vegetables",
+                    children: [
+                        {
+                            id: "corn",
+                            label: "Corn 🌽"
+                        },
+                        {
+                            id: "carrot",
+                            label: "Carrot 🥕"
+                        },
+                        {
+                            id: "eggplant",
+                            label: "Eggplant 🍆"
+                        },
+                        {
+                            id: "tomato",
+                            label: "Tomato 🍅"
+                        }
+                    ]
+                }
+            ]
+        };
+    },
+    computed: {}, // 计算属性
+    watch: {}, // 侦听器（扩展的计算属性）
+    components: { Table }, // 注册局部组件
+    methods: {
+        /**
+         * @description: 查询
+         */
+        doSearchPersion() {},
+        /**
+         * @description: 单击表格行
+         */
+        handleRowClick() {},
+        /**
+         * @description: 添加
+         */
+        add() {
+            const layer = this.$dgLayer({
+                title: "添加机构",
+                shade: [0.4, "#FFF"],
+                content: addDialog,
+                props: {
+                    type: "agency"
+                },
+                on: {
+                    success() {
+                        layer.close(layer.dialogIndex);
+                    }
+                },
+                area: editorArea
+            });
+        }
+    }, // 内部方法
+    beforeCreate() {}, // 组件创建前
+    created() {}, // 组件创建完成后
+    beforeMount() {}, // 组件挂载前
+    mounted() {}, // 组件挂载完成后
+    beforeUpdate() {}, // 组件更新前
+    updated() {}, // 组件挂载完成后
+    beforeDestroy() {}, // 组件销毁前
+    destroyed() {} // 组件销毁完成后
+};
+</script>
+<style lang="scss" scoped></style>

src/pages/data-auth-module/property-management/DataConfig.js

@@ -1,7 +1,7 @@
 /*
  * @Author: Liugh
  * @Date: 2021-05-17 15:38:23
- * @LastEditTime: 2021-05-19 17:15:26
+ * @LastEditTime: 2021-05-20 10:41:50
  * @LastEditors: Do not edit
  * @Description:
  */
@@ -86,7 +86,7 @@ const cardAddPersonnelList = [
     {
         label: "身份证号码",
         prop: ""
-    },
+    }
 ];
 const cardApplicationList = [
     {
@@ -116,6 +116,32 @@ const cardAgencylist = [
         prop: ""
     }
 ];
+
+const cardFunctionList = [
+    {
+        label: "功能名称",
+        prop: ""
+    },
+    {
+        label: "功能编号",
+        prop: ""
+    },
+    {
+        label: "所属系统",
+        prop: ""
+    }
+];
+const cardServiceList = [
+    {
+        label: "服务资源名称",
+        prop: ""
+    },
+    {
+        label: "所属系统",
+        prop: ""
+    }
+];
+
 const typeData = {
     jy: [
         { label: "姓名", value: "name" },
@@ -181,4 +207,6 @@ export {
     cardApplicationList,
     cardAgencylist,
     cardAddPersonnelList,
+    cardFunctionList,
+    cardServiceList
 };

src/pages/data-auth-module/property-management/subject-management/add-dialog.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Liugh
  * @Date: 2021-05-19 16:09:07
- * @LastEditTime: 2021-05-19 17:33:37
+ * @LastEditTime: 2021-05-20 10:12:36
  * @LastEditors: Do not edit
  * @FilePath: \auth-web\src\pages\data-auth-module\property-management\subject-management\add-dialog.vue
  * @Description: 
@@ -16,7 +16,7 @@
                     <org-tree
                         ref="tree"
                         class="u-pm__left"
-                        treeHeight="calc(100vh - 19rem)"
+                        treeHeight="470px"
                         :search="true"
                         paddingRight="15px"
                         @handleGetNode="handleGetNode"
@@ -27,20 +27,29 @@
             <!-- 权限设置 -->
             <dg-col :span="16">
                 <el-form ref="form" :model="addForm" label-suffix=":" inline>
-                    <el-form-item label="姓名">
-                        <el-input clearable placeholder="请输入姓名" v-model="addForm.name"></el-input>
-                    </el-form-item>
-                    <el-form-item label="身份证号码">
-                        <el-input clearable placeholder="请输入身份证号码" v-model="addForm.name"></el-input>
-                    </el-form-item>
+                    <div v-if="type == 'personnel'">
+                        <el-form-item label="姓名">
+                            <el-input clearable placeholder="请输入姓名" v-model="addForm.name"></el-input>
+                        </el-form-item>
+                        <el-form-item label="身份证号码">
+                            <el-input clearable placeholder="请输入身份证号码" v-model="addForm.name"></el-input>
+                        </el-form-item>
+                    </div>
+                    <div v-if="type == 'application'">
+                        <el-form-item label="应用系统名称">
+                            <el-input clearable placeholder="请输入应用系统名称" v-model="addForm.name"></el-input>
+                        </el-form-item>
+                    </div>
+
                     <el-form-item>
                         <dg-button type="primary" icon="el-icon-search" @click="doSearchPersion">查询</dg-button>
                     </el-form-item>
                 </el-form>
                 <Table
+                    v-if="type !== 'agency'"
                     ref="table"
                     :url="tableUrl"
-                    :headerData="cardAddPersonnelList"
+                    :headerData="type == 'personnel' ? cardAddPersonnelList : cardAgencylist"
                     :condition="reportForm"
                     :lazyLoad="true"
                 >
@@ -90,12 +99,16 @@ export default {
         /**
          * @description:查询
          */
-        doSearchPersion() {}
+        doSearchPersion() {
+            this.$emit("success");
+        }
     }, // 内部方法
     beforeCreate() {}, // 组件创建前
     created() {}, // 组件创建完成后
     beforeMount() {}, // 组件挂载前
-    mounted() {}, // 组件挂载完成后
+    mounted() {
+        console.log(this.type);
+    }, // 组件挂载完成后
     beforeUpdate() {}, // 组件更新前
     updated() {}, // 组件挂载完成后
     beforeDestroy() {}, // 组件销毁前

src/pages/data-auth-module/property-management/subject-management/agency-list.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Liugh
  * @Date: 2021-05-19 15:48:26
- * @LastEditTime: 2021-05-19 17:36:36
+ * @LastEditTime: 2021-05-20 09:32:23
  * @LastEditors: Do not edit
  * @FilePath: \auth-web\src\pages\data-auth-module\property-management\subject-management\agency-list.vue
  * @Description: 
@@ -129,10 +129,12 @@ export default {
          */
         add() {
             const layer = this.$dgLayer({
-                title: "添加人员",
+                title: "添加机构",
                 shade: [0.4, "#FFF"],
                 content: addDialog,
-                props: {},
+                props: {
+                    type: "agency"
+                },
                 on: {
                     success() {
                         layer.close(layer.dialogIndex);

src/pages/data-auth-module/property-management/subject-management/application-list.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Liugh
  * @Date: 2021-05-19 15:48:57
- * @LastEditTime: 2021-05-19 17:39:41
+ * @LastEditTime: 2021-05-20 09:32:34
  * @LastEditors: Do not edit
  * @FilePath: \auth-web\src\pages\data-auth-module\property-management\subject-management\application-list.vue
  * @Description: 
@@ -74,10 +74,12 @@ export default {
          */
         add() {
             const layer = this.$dgLayer({
-                title: "添加人员",
+                title: "添加应用",
                 shade: [0.4, "#FFF"],
                 content: addDialog,
-                props: {},
+                props: {
+                    type: "application"
+                },
                 on: {
                     success() {
                         layer.close(layer.dialogIndex);
@@ -86,7 +88,6 @@ export default {
                 area: editorArea
             });
         }
-        
     }, // 内部方法
     beforeCreate() {}, // 组件创建前
     created() {}, // 组件创建完成后

src/pages/data-auth-module/property-management/subject-management/personnel-list.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Liugh
  * @Date: 2021-05-19 15:43:35
- * @LastEditTime: 2021-05-19 17:36:22
+ * @LastEditTime: 2021-05-20 10:09:39
  * @LastEditors: Do not edit
  * @FilePath: \auth-web\src\pages\data-auth-module\property-management\subject-management\personnel-list.vue
  * @Description: 
@@ -136,12 +136,14 @@ export default {
                 shade: [0.4, "#FFF"],
                 content: addDialog,
                 props: {
-                    type:'personnel'
+                    type: "personnel"
                 },
-                on: {
-                    success() {
-                        layer.close(layer.dialogIndex);
-                    }
+                btn: ["保存", "关闭"],
+                yes: () => {
+                    console.log("我点击了保存");
+                },
+                btn2: () => {
+                    layer.close(layer.dialogIndex);
                 },
                 area: editorArea
             });

src/pages/data-auth-module/property-management/subject-management/subject-property.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Liugh
  * @Date: 2021-05-17 14:54:08
- * @LastEditTime: 2021-05-19 16:20:59
+ * @LastEditTime: 2021-05-20 09:31:08
  * @LastEditors: Do not edit
  * @FilePath: \auth-web\src\pages\data-auth-module\property-management\subject-management\subject-property.vue
  * @Description: 
@@ -38,6 +38,7 @@
                 </dg-card>
             </dg-col>
             <dg-col :span="13">
+                <!-- TODO 根据点击属性类型判断显示什么表格 -->
                 <component :is="compoentValue"></component>
             </dg-col>
         </dg-row>
@@ -58,7 +59,20 @@ export default {
         // 组件内部参数
         return {
             // 参数名称及默认值
-            compoentType: [],
+            compoentType: [
+                {
+                    label: "personnel",
+                    value: "personnel-list"
+                },
+                {
+                    label: "agency",
+                    value: "agency-list"
+                },
+                {
+                    label: "application",
+                    value: "application-list"
+                }
+            ],
             compoentValue: "personnel-list",
             form: {},
             rules: {},