diff --git a/src/components/DrawerGateWayAPI/index.js b/src/components/DrawerGateWayAPI/index.js
index cef3a6a1e..0de94082c 100644
--- a/src/components/DrawerGateWayAPI/index.js
+++ b/src/components/DrawerGateWayAPI/index.js
@@ -371,7 +371,7 @@ class DrawerForm extends PureComponent {
         <Drawer
           title={editInfo ? formatMessage({ id: 'teamGateway.DrawerGateWayAPI.edit' }) : formatMessage({ id: 'teamGateway.DrawerGateWayAPI.add' })}
           placement="right"
-          width={650}
+          width={700}
           closable={false}
           onClose={onClose}
           visible={this.props.visible}
diff --git a/src/components/GatewayApi/index.js b/src/components/GatewayApi/index.js
index 21ae40246..ef19de094 100644
--- a/src/components/GatewayApi/index.js
+++ b/src/components/GatewayApi/index.js
@@ -252,7 +252,6 @@ export default class index extends PureComponent {
         team_name: globalUtil.getCurrTeamName(),
         name: values.name,
         app_id: values.app_id,
-        delVisible: false
       },
       callback: data => {
         if (data) {
@@ -260,7 +259,8 @@ export default class index extends PureComponent {
             message: formatMessage({id:'notification.success.delete'})
           });
           this.setState({
-            loading:false
+            loading:false,
+            delVisible: false
           },()=>{
             if (appID) {
               this.handleGateWayAPI(appID);
@@ -269,6 +269,11 @@ export default class index extends PureComponent {
             }
           })
         }
+      },
+      handleError: err =>{
+        this.setState({
+          delVisible: false
+        })
       }
     });
   };
diff --git a/src/models/gateWay.js b/src/models/gateWay.js
index aba3d9151..709cff146 100644
--- a/src/models/gateWay.js
+++ b/src/models/gateWay.js
@@ -246,8 +246,8 @@ export default {
                 callback(response)
             }
         },
-        *deleteGateWayApi({ callback, payload }, { call }) {
-            const response = yield call(deleteGateWayApi, payload);
+        *deleteGateWayApi({ callback, payload, handleError }, { call }) {
+            const response = yield call(deleteGateWayApi, payload, handleError );
             if (callback) {
                 callback(response)
             }
diff --git a/src/pages/GateWay/license.js b/src/pages/GateWay/license.js
index 7acc4d300..2ecdc4330 100644
--- a/src/pages/GateWay/license.js
+++ b/src/pages/GateWay/license.js
@@ -418,7 +418,7 @@ class Control extends Component {
       currentRegionName
     );
     breadcrumbList.push({ title: formatMessage({ id: 'teamGateway.strategy.manage' }) });
-    const str = `       allowedRoutes:\n         namespaces:\n           from: All\n       name: https\n       port: 443\n       protocol: HTTPS\n       tls:\n         certificateRefs:\n           - group: ''\n             kind: Secret\n             name: ${name}\n         mode: Terminate\n`
+    const str = `    - allowedRoutes:\n        namespaces:\n          from: All\n      name: https\n      port: 443\n      protocol: HTTPS\n      tls:\n        certificateRefs:\n          - group: ''\n            kind: Secret\n            name: ${name}\n        mode: Terminate\n`
     return (
       <PageHeaderLayout
         title={formatMessage({ id: 'teamGateway.certificate.title' })}
diff --git a/src/services/gateWay.js b/src/services/gateWay.js
index fcdb0951d..d671c412f 100644
--- a/src/services/gateWay.js
+++ b/src/services/gateWay.js
@@ -456,7 +456,7 @@ export async function editDetailGateWayApi(params, handleError) {
 }
 
 /** 删除 GateWayApi 详情 */
-export async function deleteGateWayApi(params) {
+export async function deleteGateWayApi(params, handleError) {
   return request(
     `${apiconfig.baseUrl}/console/teams/${params.team_name}/gateway-http-route`,
     {
@@ -464,7 +464,8 @@ export async function deleteGateWayApi(params) {
       params: {
         name: params.name,
         region_app_id: params.app_id
-      }
+      },
+      handleError
     }
   );
 }
\ No newline at end of file