feat:终审的按钮效果

src/views/final/content/Content.vue

@@ -888,8 +888,8 @@ defineExpose({
 
         <div v-show="!showActions" style="display: flex; align-items: center">
           <div class="btn">
-            <SvgIcon style="margin-right: 6px" size="22" name="batch" />
+           <!-- <SvgIcon style="margin-right: 6px" size="22" name="batch" />
-            批量审批
+            批量审批-->
           </div>
         </div>
         <div v-show="showActions" class="batch">
@@ -908,6 +908,7 @@ defineExpose({
           >
           <SvgIcon size="24" name="vs" />
           <img
+          style="margin-right: 5px;"
             class="btn-approval"
             src="@/assets/images/task/btn-pass.png"
             alt=""
@@ -1074,16 +1075,17 @@ defineExpose({
     }
 
     .btn {
-      width: 118px;
+       width: 160px;
-      height: 36px;
+    height: 27px;
-      background: linear-gradient(135deg, #5b85f8, #3c6cf0);
+    background: url(/src/assets/images/pocitypass.png) no-repeat;
+    background-size: 100% 100%;
     border-radius: 17px;
     box-shadow: 0px 2px 6px 0px rgba(116, 153, 253, 0.3);
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
-      margin-right: 6px;
+     margin-right: 16px; 
     cursor: pointer;
     }
 

src/views/final/content/ListContent.vue

@@ -534,8 +534,8 @@ defineExpose({
 
         <div v-show="!showActions" style="display: flex; align-items: center">
           <div class="btn">
-            <SvgIcon style="margin-right: 6px" size="22" name="batch" />
+         <!--   <SvgIcon style="margin-right: 6px" size="22" name="batch" />
-            批量审批
+            批量审批-->
           </div>
         </div>
         <div v-show="showActions" class="batch">
@@ -554,6 +554,7 @@ defineExpose({
           >
           <SvgIcon size="24" name="vs" />
           <img
+           style="margin-right:16px"
             class="btn-approval"
             src="@/assets/images/task/btn-pass.png"
             alt=""
@@ -820,16 +821,17 @@ defineExpose({
     }
 
     .btn {
-      width: 118px;
+       width: 163px;
-      height: 36px;
+    height: 27px;
-      background: linear-gradient(135deg, #5b85f8, #3c6cf0);
+    background: url(/src/assets/images/pocitypass.png) no-repeat;
+    background-size: 100% 100%;
     border-radius: 17px;
     box-shadow: 0px 2px 6px 0px rgba(116, 153, 253, 0.3);
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
-      margin-right: 6px;
+     margin-right: 16px; 
     cursor: pointer;
     }