feat(管理员赠送): 赠送确定按钮增加颜色状态

src/views/ItemDistribution.vue

@@ -132,11 +132,11 @@
               border-radius: 8px;
               border: 0;
               padding: 8px;
-              background-color: #bb92ff;
               color: white;
               font-size: 14px;
               font-weight: 590;
             "
+            :style="{ backgroundColor: confirmClick ? '#bb92ff' : '#00000080' }"
             @click="sendGoods"
           >
             Confirm
@@ -181,6 +181,8 @@ const activeIndex = ref(0)
 const currentTab = ref('Frames') //选中名字
 const tabItems = ref([]) // 存储标签DOM引用
 
+const confirmClick = ref(true)
+
 // 选择标签
 const setActiveTab = (index) => {
   if (activeIndex.value != index) {
@@ -212,6 +214,9 @@ const underlineStyle = computed(() => {
 const targetUserId = ref('')
 
 const sendGoods = async () => {
+  if (confirmClick.value) {
+    confirmClick.value = false
+
     console.log('赠送用户id：', targetUserId.value)
     console.log('赠送商品：', selectedGoods.value)
 
@@ -227,15 +232,21 @@ const sendGoods = async () => {
         if (res.errorCode == 0 && res.status) {
           closedPopup()
           showSuccess('Gift delivery successful')
+        } else {
+          confirmClick.value = true
         }
+      } else {
+        confirmClick.value = true
       }
     } catch (error) {
       console.log('error:', error)
       // 信息提示id有误
       showWarning(error.response.errorMsg)
+      confirmClick.value = true
       throw error
     }
   }
+}
 
 // 选中的标签
 const getPropsType = () => {
@@ -289,6 +300,7 @@ const showSendDialog = (product) => {
 
 // 关闭弹窗
 const closedPopup = () => {
+  confirmClick.value = true
   selectedGoods.value = {}
   targetUserId.value = ''
   dialogshow.value = false