修改弹窗宽度

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:08:22
+ * @LastEditTime: 2021-05-19 17:33:37
  * @LastEditors: Do not edit
  * @FilePath: \auth-web\src\pages\data-auth-module\property-management\subject-management\add-dialog.vue
  * @Description: 
@@ -26,6 +26,17 @@
             </dg-col>
             <!-- 权限设置 -->
             <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>
+                    <el-form-item>
+                        <dg-button type="primary" icon="el-icon-search" @click="doSearchPersion">查询</dg-button>
+                    </el-form-item>
+                </el-form>
                 <Table
                     ref="table"
                     :url="tableUrl"
@@ -48,6 +59,10 @@ export default {
     name: "add-dialog", // 组件名称
     props: {
         // 接收父组件的数据
+        type: {
+            type: String,
+            default: "personnel"
+        }
     },
     data() {
         // 组件内部参数
@@ -55,6 +70,7 @@ export default {
             // 参数名称及默认值
             cardAddPersonnelList,
             cardAgencylist,
+            addForm: {},
             tableUrl: dynamicManageApi.tableUrl,
             reportForm: {}
         };
@@ -70,7 +86,11 @@ export default {
         handleGetNode(node) {
             this.subId = node.code;
             this.key++;
-        }
+        },
+        /**
+         * @description:查询
+         */
+        doSearchPersion() {}
     }, // 内部方法
     beforeCreate() {}, // 组件创建前
     created() {}, // 组件创建完成后

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 16:46:22
+ * @LastEditTime: 2021-05-19 17:36:36
  * @LastEditors: Do not edit
  * @FilePath: \auth-web\src\pages\data-auth-module\property-management\subject-management\agency-list.vue
  * @Description: 
@@ -42,7 +42,9 @@
 <script>
 import Table from "@/pages/common/table";
 import * as dynamicManageApi from "@/api/dynamic-manage";
+import addDialog from "./add-dialog";
 import { cardAgencylist } from "../DataConfig";
+const editorArea = ["1200px", "660px"];
 export default {
     name: "personnelList", // 组件名称
     props: {
@@ -121,7 +123,24 @@ export default {
         /**
          * @description: 单击表格行
          */
-        handleRowClick() {}
+        handleRowClick() {},
+        /**
+         * @description: 添加
+         */
+        add() {
+            const layer = this.$dgLayer({
+                title: "添加人员",
+                shade: [0.4, "#FFF"],
+                content: addDialog,
+                props: {},
+                on: {
+                    success() {
+                        layer.close(layer.dialogIndex);
+                    }
+                },
+                area: editorArea
+            });
+        }
     }, // 内部方法
     beforeCreate() {}, // 组件创建前
     created() {}, // 组件创建完成后

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 16:19:12
+ * @LastEditTime: 2021-05-19 17:39:41
  * @LastEditors: Do not edit
  * @FilePath: \auth-web\src\pages\data-auth-module\property-management\subject-management\application-list.vue
  * @Description: 
@@ -40,6 +40,8 @@
 import Table from "@/pages/common/table";
 import * as dynamicManageApi from "@/api/dynamic-manage";
 import { cardApplicationList } from "../DataConfig";
+import addDialog from "./add-dialog";
+const editorArea = ["1200px", "660px"];
 export default {
     name: "personnelList", // 组件名称
     props: {
@@ -66,7 +68,25 @@ export default {
         /**
          * @description: 单击表格行
          */
-        handleRowClick() {}
+        handleRowClick() {},
+        /**
+         * @description: 添加
+         */
+        add() {
+            const layer = this.$dgLayer({
+                title: "添加人员",
+                shade: [0.4, "#FFF"],
+                content: addDialog,
+                props: {},
+                on: {
+                    success() {
+                        layer.close(layer.dialogIndex);
+                    }
+                },
+                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 16:36:14
+ * @LastEditTime: 2021-05-19 17:36:22
  * @LastEditors: Do not edit
  * @FilePath: \auth-web\src\pages\data-auth-module\property-management\subject-management\personnel-list.vue
  * @Description: 
@@ -47,7 +47,7 @@ import Table from "@/pages/common/table";
 import * as dynamicManageApi from "@/api/dynamic-manage";
 import { cardPersonnelList } from "../DataConfig";
 import addDialog from "./add-dialog";
-const editorArea = ["900px", "660px"];
+const editorArea = ["1200px", "660px"];
 export default {
     name: "personnelList", // 组件名称
     props: {
@@ -130,13 +130,14 @@ export default {
         /**
          * @description: 添加
          */
-
         add() {
             const layer = this.$dgLayer({
-                title: "详情",
+                title: "添加人员",
                 shade: [0.4, "#FFF"],
                 content: addDialog,
-                props: {},
+                props: {
+                    type:'personnel'
+                },
                 on: {
                     success() {
                         layer.close(layer.dialogIndex);