fix: 未登录支付按钮改登录

Yi.Ai.Vue3/src/components/ProductPackage/index.vue

@@ -4,7 +4,6 @@ import { ElMessage } from 'element-plus';
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { createOrder, getOrderStatus } from '@/api';
-import LoginDialog from '@/components/LoginDialog/index.vue';
 import SupportModelList from '@/components/userPersonalCenter/components/SupportModelList.vue';
 import ProductPage from '@/pages/products/index.vue';
 import { useUserStore } from '@/stores';
@@ -27,7 +26,6 @@ const packagesData = {
   ],
 };
 const userStore = useUserStore();
-const isLoginDialogVisible = computed(() => userStore.isLoginDialogVisible);
 
 const visible = ref(true);
 const activeTab = ref('member');
@@ -250,9 +248,6 @@ function onClose() {
 </script>
 
 <template>
-  <!-- 登录弹框 -->
-  <LoginDialog v-model:visible="isLoginDialogVisible" />
-
   <el-dialog
     v-model="visible" :width="isMobile ? '90%' : '980px'" :fullscreen="isMobile && showDetails"
     :show-close="false" destroy-on-close class="product-package-dialog" @close="onClose"
@@ -410,11 +405,19 @@ function onClose() {
               了解更多
             </el-button>
             <el-button
+              v-if="userStore.userInfo"
               type="primary" :disabled="!selectedId || isLoading" :loading="isLoading" class="pay-button"
               @click="pay"
             >
               立即支付
             </el-button>
+            <el-button
+              v-else
+              type="primary" class="pay-button"
+              @click="handleClickLogin"
+            >
+              立即登录/注册
+            </el-button>
           </div>
 
           <div class="note-text">
@@ -490,11 +493,19 @@ function onClose() {
                   了解更多
                 </el-button>
                 <el-button
+                  v-if="userStore.userInfo"
                   type="primary" size="large" :disabled="!selectedId || isLoading" :loading="isLoading"
                   class="pay-button" @click="pay"
                 >
                   立即支付
                 </el-button>
+                <el-button
+                  v-else
+                  type="primary" size="large"
+                  class="pay-button" @click="handleClickLogin"
+                >
+                  立即登录/注册
+                </el-button>
               </div>
             </div>