update：更新

src/components/app-form-group/app-form-group.scss

@@ -9,6 +9,13 @@
     >.ivu-card-body {
         padding: 20px 5px 10px 5px;
     }
+    >.ivu-card-extra {
+        right: 20px;
+        display: flex;
+        .app-button {
+            margin-left: 4px;
+        }
+    }
     &.app-group-collapse-content {
         >.ivu-card-head {
             color: var(--app-color-gray-200);

src/components/app-form-group/app-form-group.vue

@@ -19,7 +19,7 @@
                     <span :class="titleClass">{{caption}}</span>
                 </span>
                 <template v-if="uiActionGroup">
-                    <a slot='extra'>
+                    <template slot='extra'>
                         <template v-if="uiActionGroup.extractMode && Object.is(uiActionGroup.extractMode, 'ITEMS')">
                             <dropdown :transfer="true" trigger='click'>
                             <a href='javascript:void(0)'>
@@ -55,37 +55,19 @@
                         </dropdown>
                         </template>
                         <template v-if="!(uiActionGroup.extractMode && Object.is(uiActionGroup.extractMode, 'ITEMS'))">
-                             <span class='item-extract-mode'>
                             <template v-if="uiActionGroup.details && Array.isArray(uiActionGroup.details)">
-                                    <div v-for="(detail,index) in uiActionGroup.details" :key="index">
-                                        <span v-show="detail.visabled" :style="{'pointer-events':detail.disabled?'none':'auto','color':detail.disabled?'#7b7979':'#2d8cf0'}" class='item' @click="doUIAction($event, detail)">
-                                            <template v-if="detail.isShowIcon">
-                                                <template v-if="detail.icon && !Object.is(detail.icon, '')">
-                                                    <i :class="detail.icon"></i>
-                                                </template>
-                                                <template v-if="!(detail.icon && !Object.is(detail.icon, ''))">
-                                                    <div v-if="detail.img && !Object.is(detail.img, '')">
-                                                        <img :src="detail.img" />
-                                                    </div>
-                                                </template>
-                                            </template>
-                                        &nbsp;
-                                        <span>
-                                            <template v-if="detail.isShowCaption">
-                                                <template v-if="uiActionGroup.langbase && !Object.is(uiActionGroup.langbase, '') && detail.uiactiontag && !Object.is(detail.uiactiontag, '')">
-                                                    {{$t(`${uiActionGroup.langbase}.uiactions.${detail.uiactiontag}`)}}
-                                                </template>
-                                                <template v-if="!(uiActionGroup.langbase && !Object.is(uiActionGroup.langbase, '') && detail.uiactiontag && !Object.is(detail.uiactiontag, ''))">
-                                                    {{detail.caption}}
+                                <app-button 
+                                    v-for="(detail,index) in uiActionGroup.details" 
+                                    :key="index"
+                                    type="primary" 
+                                    :showIcon="detail.isShowIcon" 
+                                    :iconClass="detail.icon" 
+                                    @click="doUIAction($event, detail)"
+                                    :caption="uiActionGroup.langbase && !Object.is(uiActionGroup.langbase, '') && detail.uiactiontag && !Object.is(detail.uiactiontag, '') ? $t(`${uiActionGroup.langbase}.uiactions.${detail.uiactiontag}`) : detail.caption">
+                                </app-button>
                             </template>
                         </template>
-                                        </span>
-                                    </span>
-                                    </div>
-                                </template>
-                            </span>
                     </template>
-                    </a >
                 </template>
                 <template v-if="Object.is(layoutType, 'FLEX')">
                     <slot></slot>

src/styles/iview/button.scss

 .ivu-btn {
-    width: 110px;
+    min-width: 110px;
     height: 34px;
     display: flex;
     flex-direction: row;