From d2e325e5fc1c3934aa6b8f337d221dc7f7565838 Mon Sep 17 00:00:00 2001
From: ChenQiuYu <chenqiuyu@jizhiweb.cn>
Date: Mon, 26 May 2025 10:24:33 +0800
Subject: [PATCH] dev

---
 src/assets/scss/main.scss               | 38 ++++++++++++++++++-------
 src/components/inventory/goods/Edit.vue | 18 +++++-------
 src/components/registration/Edit.vue    | 16 +++++------
 3 files changed, 41 insertions(+), 31 deletions(-)

diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index bfc7774..84e7dd9 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -143,24 +143,40 @@ $lighter-color: rgba(#4D6DE4, 0.5);
   color: #FFF;
   font-size: 16px;
   text-align: center;
-  margin-left: 10px;
-  &:first-child{
-    margin-left: 0;
-  }
+  margin-left: 9px;
   &:hover{
     background: $lighter-color;
   }
 }
+
 .small-btn{
-  display: inline-block;
-  background: $btn-color;
-  border-radius: 3px;
-  color: #FFF;
-  font-size: 12px;
-  text-align: center;
+    cursor: pointer;
+    display: inline-block;
+    line-height: 1;
+    background: $btn-color;
+    border-radius: 4px;
+    color: #FFF;
+    font-size: 14px;
+    text-align: center;
+    margin-left: 9px;
+    padding: 8px 15px;
+    &:hover{
+      background: $lighter-color;
+    }
+}
+
+.danger-btn{
   cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+  background: #EB5757;
+  border-radius: 4px;
+  color: #FFF;
+  font-size: 14px;
+  text-align: center;
+  margin-left: 9px;
   padding: 8px 15px;
   &:hover{
-    background: $lighter-color;
+    background:  rgba(#EB5757, 0.5);
   }
 }
diff --git a/src/components/inventory/goods/Edit.vue b/src/components/inventory/goods/Edit.vue
index 7a5cd64..0f92641 100644
--- a/src/components/inventory/goods/Edit.vue
+++ b/src/components/inventory/goods/Edit.vue
@@ -425,12 +425,13 @@
 
     <template #footer>
       <div class="footer">
-        <span class="default-btn" @click="returnInit" v-if="edit_data.id != null">医保库存重新初始化</span>
-        <span class="default-btn" v-if="edit_data.saleStatus" @click="disableSale" style="margin: 0 24px">停售</span>
-        <span class="default-btn" v-else @click="enableSale">起售</span>
-        <span class="default-btn" @click="save(true)" style="margin: 0 24px">保存</span>
-        <span class="default-btn" @click="save(false)" v-if="edit_data.id == null">保存并继续</span>
-        <span class="default-btn" @click="exit" style="margin-left: 24px">关闭</span>
+        <span class="small-btn" @click="returnInit"
+              v-if="edit_data.id != null">医保库存重新初始化</span>
+        <span class="danger-btn" v-if="edit_data.saleStatus" @click="disableSale">停售</span>
+        <span class="danger-btn" v-else @click="enableSale">起售</span>
+        <span class="small-btn" @click="save(true)">保存</span>
+        <span class="small-btn" @click="save(false)" v-if="edit_data.id == null">保存并继续</span>
+        <span class="small-btn" @click="exit">关闭</span>
       </div>
     </template>
   </Mask>
@@ -915,11 +916,6 @@ const enableSale = () => {
   justify-content: flex-end;
   align-items: center;
   padding: 0 24px;
-  .default-btn{
-    &:nth-child(1){
-      width: 200px;
-    }
-  }
 }
 </style>
 
diff --git a/src/components/registration/Edit.vue b/src/components/registration/Edit.vue
index adb4afc..f927cad 100644
--- a/src/components/registration/Edit.vue
+++ b/src/components/registration/Edit.vue
@@ -204,9 +204,9 @@
           退出医保
         </div>
         <div class="bottom-right">
-          <span class="default-btn" type="primary" @click="save">保存</span>
-          <span class="default-btn" @click="close" style="margin: 0 24px">取消</span>
-          <span class="default-btn" v-if="edit_data.status==1" @click="registrationCancel">退号</span>
+          <span class="danger-btn" v-if="edit_data.status==1" @click="registrationCancel">退号</span>
+          <span class="small-btn" @click="save">保存</span>
+          <span class="small-btn" @click="close">取消</span>
         </div>
       </div>
     </template>
@@ -548,11 +548,9 @@ defineExpose({init})
 
 :deep(.el-form-item) {
   margin-bottom: 2px !important;
-}
-
-.small-btn {
-  margin-left: 5px;
-  height: 32px;
-  line-height: 1;
+  .small-btn{
+    height: 33px;
+    line-height: 33px;
+  }
 }
 </style>
\ No newline at end of file