推添加表格高度固定并添加请假人联动

src/components/DataTableSelect.vue

@@ -12,6 +12,7 @@
     :row-class-name="tableRowClassName"
     :empty-text="emptytxt ? emptytxt : emptyText"
     border
+    :height="height"
     style="width: 100%"
   >
     <template v-for="column in columns">
@@ -113,6 +114,10 @@ export default {
       required: false,
       default: () => [],
     },
+    height: {
+      type: String,
+      required: false,
+    },
   },
   computed: {
     emptyText() {

src/components/Table.vue

@@ -201,6 +201,7 @@
           :handleSelectionChange="config.methods.handleSelectionChange"
           :handleRowClick="config.methods.handleRowClick"
           :handleCellClick="config.methods.handleCellClick"
+          :height="config.height"
         />
 
         <DataTableFlow

src/views/attendance/leave/record/drawershow.vue

@@ -26,8 +26,9 @@
             remote
             v-model="form.leavePerson"
             placeholder="请输入请假人"
+            @change="changeStaff(form.leavePerson)"
             :maxLength="10"
-            :enumData="staffList"
+            :enumData="dict.staffList"
             :disabled="pageInfo.type == 'view'"
           />
           <Field
@@ -37,7 +38,7 @@
             type="select"
             placeholder="请选择所属部门"
             :enumData="dict.deptId"
-            :disabled="pageInfo.type == 'view'"
+            :disabled="true"
           />
           <!-- <Field label="所属部门" prop="deptName" v-model="form.deptName" type="textarea" placeholder="请输入所属部门"/> -->
           <Field
@@ -175,7 +176,7 @@ export default {
       loading: true,
       // 弹出层标题
       title: "请假记录信息",
-      staffList: {},
+      staffList: [],
       // 是否显示弹出层
       open: false,
       direction: "rtl",
@@ -227,6 +228,10 @@ export default {
     this.remoteMethod();
   },
   methods: {
+    changeStaff(val) {
+      let person = this.staffList.filter((v) => v.id == val);
+      this.form.deptId = person ? person[0].deptId : "";
+    },
     async remoteMethod() {
       await this.$post(`/staff/list`, {
         page: 1,
@@ -234,12 +239,11 @@ export default {
       }).then((res) => {
         let data = res.data.data;
         let obj = {};
-        console.log(data);
         for (let key in data) {
           obj[data[key].id] = data[key].name;
         }
-        this.staffList = obj;
-        this.dict.staffList = this.staffList;
+        this.dict.staffList = obj;
+        this.staffList = res.data.data;
       });
     },
     // beforeSubmit() {

src/views/attendance/stat/list.vue

@@ -395,6 +395,7 @@ export default {
       config: {
         showType: "tableSelect",
         isshowTabPane: true,
+        height: "680px",
         search: [
           {
             name: "salaId",