grid empty image

frontend/saas-web/app/view/core/form/field/DetailGridField.js

@@ -57,7 +57,6 @@ Ext.define('saas.view.core.form.field.DetailGridField', {
             }],
             normalViewConfig: {
                 deferEmptyText: false,
-                emptyText: '无数据',
             },
             lockedViewConfig: {
                 scrollable: {

frontend/saas-web/app/view/core/query/QueryGridPanel.js

@@ -63,7 +63,6 @@ Ext.define('saas.view.core.query.QueryGridPanel', {
         Ext.apply(me, {
             viewConfig: {
                 deferEmptyText: false,
-                emptyText: '无数据'
             },
             columns: me.initColumns(),
             store: Ext.create('Ext.data.Store', {

frontend/saas-web/overrides/grid/Panel.js

@@ -0,0 +1,5 @@
+Ext.define('saas.override.grid.Panel', {
+    override: 'Ext.grid.Panel',
+
+    emptyText: '<div class="x-grid-empty-img"></div><div class="x-grid-empty-text">无数据</div>',
+});

frontend/saas-web/overrides/grid/Panel.scss

@@ -0,0 +1,19 @@
+.x-grid-empty {
+    height: 90%;
+    max-height: 300px;
+
+    .x-grid-empty-img {
+        height: 100%;
+        max-height: 200px;
+        background: url(/resources/images/grid/empty.png) no-repeat;
+        background-position: center;
+    }
+    
+    .x-grid-empty-text {
+        font-size: 14px;
+        color: #BEBEBE;
+        letter-spacing: 0;
+        text-align: center;
+        line-height: 26px;
+    }
+}