修改bug

jero-web/src/views/projectManagement/components/listOfRelevantPersonnel.vue

@@ -1,12 +1,11 @@
 <template>
   <div>
-    <a-modal
+    <a-drawer
       :title="$t('ListOfRelevantPersonnel')"
       :width="1000"
       :visible="visible"
       :maskClosable="false"
-      @ok="visible = false"
-      @cancel="visible = false"
+      @close="handleCancel"
     >
       <a-form layout="inline" @keyup.enter.native="searchQuery">
         <a-row :gutter="24">
@@ -104,7 +103,7 @@
         rowKey="id"
         :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
         :pagination="false"
-        :scroll="{x:800,y: 400}"
+        :scroll="{x:800,y: 500}"
         :data-source="dataSource"
         :loading="loading"
       >
@@ -136,7 +135,11 @@
       <!--          @showSizeChange="SizeChange"-->
       <!--        />-->
       <!--      </div>-->
-    </a-modal>
+      <div class="drawer-bootom-button">
+        <a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
+        <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('determine')}}</a-button>
+      </div>
+    </a-drawer>
     <a-modal
       :title="$t('ListOfRelevantPersonnel')"
       :width="600"
@@ -414,6 +417,12 @@
         this.selectedRowKeys = []
         this.getList()
       },
+      handleCancel(){
+        this.visible = false
+      },
+      handleSubmit(){
+        this.visible = false
+      },
       batSettingClick() {
         if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
           let selectedRowKeys = JSON.parse(JSON.stringify(this.selectedRowKeys))
@@ -633,4 +642,16 @@
     height: 38px;
     /*margin-top: 2px;*/
   }
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    z-index:100;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
 </style>