样式修改

src/views/finance/oilCompanyMatch/OilCompanyMatchList.vue

@@ -178,15 +178,17 @@
         </div>
       </ListLayout>
 
-      <!-- 添加弹窗 -->
-      <el-dialog
-        v-el-drag-dialog
+      <!-- 添加抽屉 -->
+      <el-drawer
         title="添加"
+        class="table-detail-drawer"
         :visible.sync="addDialog"
-        width="55%"
+        direction="ltr"
+        size="60%"
       >
-        <OilCompanyMatchAdd @getByPage="getByPage" @closeDialog="closeDialog" />
-      </el-dialog>
+      <OilCompanyMatchAdd @getByPage="getByPage" @closeDialog="closeDialog" />
+      </el-drawer>
+    
 
       <!-- 导出弹窗 -->
       <el-dialog
@@ -214,20 +216,22 @@
         />
       </el-dialog>
 
-      <!-- 修改弹窗 -->
-      <el-dialog
-        v-el-drag-dialog
+      <!-- 修改抽屉 -->
+      <el-drawer
         title="修改"
+        class="table-detail-drawer"
         :visible.sync="updateDialog"
-        width="55%"
+        direction="ltr"
+        size="60%"
       >
-        <OilCompanyMatchUpdate
+      <OilCompanyMatchUpdate
           v-if="updateDialog"
           :oil-company-match="oilCompanyMatch"
           @getByPage="getByPage"
           @closeDialog="closeDialog"
         />
-      </el-dialog>
+      </el-drawer>
+
 
       <!-- 详情抽屉 -->
       <el-drawer