增加发票号码维护界面

openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue

@@ -8,12 +8,12 @@
       
       <!-- 操作按钮区域 -->
       <div class="button-group">
-        <button @click="addNewRow" class="btn btn-primary">
-          <i class="icon-plus"></i> 添加新行
-        </button>
-        <button @click="saveData" class="btn btn-success" :disabled="saveButtonText === '保存中...'">
-          {{ saveButtonText }}
-        </button>
+        <button @click="addNewRow" class="pan-btn blue-btn">
+        <i class="icon-plus"></i> 添加新行
+      </button>
+        <button @click="saveData" class="pan-btn green-btn" :disabled="saveButtonText === '保存中...'">
+        {{ saveButtonText }}
+      </button>
       </div>
       
       <!-- 错误提示区域 -->
@@ -119,7 +119,7 @@
                 <button 
                   v-if="!item.isActive" 
                   @click="toggleEdit(item.keyId)" 
-                  class="btn btn-primary btn-sm mr-1"
+                  class="pan-btn-link blue-btn-link"
                   title="编辑"
                 >
                   <i class="icon-edit"></i> 编辑
@@ -127,14 +127,14 @@
                 <button 
                   v-if="item.isActive" 
                   @click="toggleEdit(item.keyId)" 
-                  class="btn btn-secondary btn-sm mr-1"
+                  class="pan-btn-link info-btn-link"
                   title="取消"
                 >
                   <i class="icon-cancel"></i> 取消
                 </button>
                 <button 
                   @click="deleteRow(item)" 
-                  class="btn btn-danger btn-sm"
+                  class="pan-btn-link red-btn-link"
                   title="删除"
                 >
                   <i class="icon-delete"></i> 删除
@@ -1262,6 +1262,7 @@ export default {
 </script>
 
 <style scoped>
+@import '@/assets/styles/btn.scss';
 .invoice-management {
   padding: 20px;
   min-height: 100vh;
@@ -1330,18 +1331,14 @@ export default {
   flex-wrap: wrap;
 }
 
-.button-group .btn {
+.button-group .pan-btn {
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  padding: 6px 12px;
-  font-size: 14px;
-  font-weight: 500;
-  border-radius: 4px;
   transition: all 0.2s ease;
 }
 
-.button-group .btn:hover {
+.button-group .pan-btn:hover {
   transform: translateY(-1px);
 }
 
@@ -1472,9 +1469,7 @@ export default {
   white-space: nowrap;
 }
 
-.action-buttons .btn {
-  padding: 4px 8px;
-  font-size: 12px;
+.action-buttons .pan-btn {
   margin-right: 4px;
 }
 
@@ -1550,11 +1545,10 @@ export default {
     gap: 6px;
   }
   
-  .button-group .btn {
+  .button-group .pan-btn {
     flex: 1;
     justify-content: center;
     min-width: 80px;
-    padding: 8px 12px;
   }
   
   .table-container {
@@ -1578,10 +1572,8 @@ export default {
     gap: 4px;
   }
   
-  .action-buttons .btn {
+  .action-buttons .pan-btn {
     margin-right: 0;
-    padding: 4px 8px;
-    font-size: 11px;
   }
   
   .no-data-row {