fix(管理员赠送): 商品有效期设置vip为3天，其他为7天

src/views/ItemDistribution.vue

@@ -106,7 +106,7 @@
         <img :src="selectedGoods.cover" alt="" style="width: 60%; margin: 5px 0" />
         <div style="font-weight: 600; font-size: 16px; margin: 10px 0">
           <span style="color: #00000080; margin-right: 10px">Validity:</span>
-          <span style="font-weight: 700; color: #000">7day</span>
+          <span style="font-weight: 700; color: #000">{{ validityPeriod }}day</span>
         </div>
         <div>
           <input
@@ -264,21 +264,16 @@ const loadProps = async () => {
   }
 }
 
-onMounted(() => {
-  console.log('onMounted')
-
-  if (tabItems.value.length > 0) {
-    underlineStyle.value // 触发计算属性更新
-  }
-  loadProps()
-})
-
 // 虚拟商品数据
 const productList = ref([])
 
 // 选中商品
 const selectedGoods = ref({})
 
+const validityPeriod = computed(() => {
+  return currentTab.value == 'Vip' ? '3' : '7'
+})
+
 // 获取本地图片
 const getImageUrl = (imgUrl) => {
   return new URL(imgUrl, import.meta.url).href
@@ -298,6 +293,15 @@ const closedPopup = () => {
   targetUserId.value = ''
   dialogshow.value = false
 }
+
+onMounted(() => {
+  console.log('onMounted')
+
+  if (tabItems.value.length > 0) {
+    underlineStyle.value // 触发计算属性更新
+  }
+  loadProps()
+})
 </script>
 
 <style scoped>