feat: no need login refactor with member and chatApps page

api/core/app_server.go

@@ -213,6 +213,7 @@ func needLogin(c *gin.Context) bool {
 		c.Request.URL.Path == "/api/sd/imgWall" ||
 		c.Request.URL.Path == "/api/sd/client" ||
 		c.Request.URL.Path == "/api/config/get" ||
+		c.Request.URL.Path == "/api/product/list" ||
 		strings.HasPrefix(c.Request.URL.Path, "/api/test") ||
 		strings.HasPrefix(c.Request.URL.Path, "/api/function/") ||
 		strings.HasPrefix(c.Request.URL.Path, "/api/sms/") ||

web/src/components/UserProfile.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="user-info" id="user-info">
-    <el-form v-if="user.id" :model="user" label-width="150px">
+    <el-form :model="user" label-width="150px">
       <el-row>
         <el-upload
             class="avatar-uploader"
@@ -54,11 +54,11 @@ import {checkSession} from "@/action/session";
 
 const user = ref({
   vip: false,
-  username: '',
-  nickname: '',
-  avatar: '',
-  mobile: '',
-  power: 0,
+  username: '演示数据',
+  nickname: '演示数据',
+  avatar: '/images/vip.png',
+  mobile: '演示数据',
+  power: 99999,
 })
 const vipImg = ref("/images/vip.png")
 

web/src/views/ChatApps.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
     <div class="page-apps custom-scroll">
       <div class="title">
         AI 助手应用中心
@@ -35,7 +36,9 @@
         </ItemList>
       </div>
 
-    <login-dialog :show="showLoginDialog" @hide="getRoles"/>
+
+    </div>
+    <login-dialog :show="showLoginDialog" @hide="getRoles" @success=""/>
   </div>
 </template>
 

web/src/views/ImageMj.vue

@@ -340,7 +340,7 @@
               <div class="submit-btn">
                 <el-button color="#47fff1" :dark="false" @click="generate" round>立即生成</el-button>
                 <div class="text-info">
-                  <el-tag type="success">绘图可用额度：{{ power }}</el-tag>
+                  <el-tag type="success">当前可用算力：{{ power }}</el-tag>
                 </div>
               </div>
             </el-form>
@@ -481,6 +481,7 @@
       </div><!-- end task list box -->
     </div>
 
+    <login-dialog :show="showLoginDialog" @hide="showLoginDialog =  false" @success="initData"/>
   </div>
 </template>
 
@@ -505,9 +506,12 @@ import {checkSession} from "@/action/session";
 import {useRouter} from "vue-router";
 import {getSessionId} from "@/store/session";
 import {isMobile, removeArrayItem} from "@/utils/libs";
+import LoginDialog from "@/components/LoginDialog.vue";
 
 const listBoxHeight = ref(window.innerHeight - 40)
 const mjBoxHeight = ref(window.innerHeight - 150)
+const showLoginDialog = ref(false)
+
 window.onresize = () => {
   listBoxHeight.value = window.innerHeight - 40
   mjBoxHeight.value = window.innerHeight - 150
@@ -583,12 +587,14 @@ const socket = ref(null)
 const power = ref(0)
 const translating = ref(false)
 const userId = ref(0)
-
-if (isMobile()) {
-  router.replace("/mobile/mj")
-}
+const isLogin = ref(false)
 
 const rewritePrompt = () => {
+  if (!isLogin.value) {
+    showLoginDialog.value = true
+    return
+  }
+  
   translating.value = true
   httpPost("/api/prompt/rewrite", {"prompt": params.value.prompt}).then(res => {
     params.value.prompt = res.data
@@ -600,6 +606,11 @@ const rewritePrompt = () => {
 }
 
 const translatePrompt = (negative) => {
+  if (!isLogin.value) {
+    showLoginDialog.value = true
+    return
+  }
+
   translating.value = true
   let prompt = params.value.prompt
   if (negative) {
@@ -666,18 +677,7 @@ const connect = () => {
 
 const clipboard = ref(null)
 onMounted(() => {
-  checkSession().then(user => {
-    power.value = user['power']
-    userId.value = user.id
-
-    fetchRunningJobs()
-    fetchFinishJobs(1)
-    connect()
-
-  }).catch(() => {
-    router.push('/login')
-  });
-
+  initData()
   clipboard.value = new Clipboard('.copy-prompt-mj');
   clipboard.value.on('success', () => {
     ElMessage.success("复制成功！");
@@ -688,6 +688,23 @@ onMounted(() => {
   })
 })
 
+// 初始化数据
+
+const initData = () => {
+  checkSession().then(user => {
+    power.value = user['power']
+    userId.value = user.id
+    isLogin.value = true
+
+    fetchRunningJobs()
+    fetchFinishJobs(1)
+    connect()
+
+  }).catch(() => {
+
+  });
+}
+
 onUnmounted(() => {
   clipboard.value.destroy()
 })
@@ -776,6 +793,11 @@ const changeModel = (item) => {
 
 // 图片上传
 const uploadImg = (file) => {
+  if (!isLogin.value) {
+    showLoginDialog.value = true
+    return
+  }
+
   // 压缩图片并上传
   new Compressor(file.file, {
     quality: 0.6,
@@ -799,6 +821,11 @@ const uploadImg = (file) => {
 // 创建绘图任务
 const promptRef = ref(null)
 const generate = () => {
+  if (!isLogin.value) {
+    showLoginDialog.value = true
+    return
+  }
+
   if (params.value.prompt === '' && params.value.task_type === "image") {
     promptRef.value.focus()
     return ElMessage.error("请输入绘画提示词！")

web/src/views/Member.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
     <div class="member custom-scroll">
       <div class="title">
         会员充值中心
@@ -24,7 +25,7 @@
                   </el-button>
                 </el-col>
 
-              <el-col :span="24" style="padding-top: 30px">
+                <el-col :span="24" style="padding-top: 30px" v-if="isLogin">
                   <el-button type="danger" round @click="logout">退出登录</el-button>
                 </el-col>
               </el-row>
@@ -99,8 +100,6 @@
 
       </div>
 
-    <login-dialog :show="showLoginDialog" @hide="showLoginDialog = false"/>
-
       <password-dialog v-if="isLogin" :show="showPasswordDialog" @hide="showPasswordDialog = false"
                        @logout="logout"/>
 
@@ -158,6 +157,9 @@
 
       </el-dialog>
     </div>
+
+    <login-dialog :show="showLoginDialog" @hide="showLoginDialog = false" @success="loginSuccess"/>
+  </div>
 </template>
 
 <script setup>
@@ -212,14 +214,15 @@ onMounted(() => {
   checkSession().then(_user => {
     user.value = _user
     isLogin.value = true
+  }).catch(() => {
+    showLoginDialog.value = true
+  })
+
   httpGet("/api/product/list").then((res) => {
     list.value = res.data
   }).catch(e => {
     ElMessage.error("获取产品套餐失败：" + e.message)
   })
-  }).catch(() => {
-    router.push("/login")
-  })
 
   httpGet("/api/config/get?key=system").then(res => {
     rewardImg.value = res.data['reward_img']
@@ -276,10 +279,11 @@ const alipay = (row) => {
   payName.value = "支付宝"
   curPay.value = "alipay"
   amount.value = (row.price - row.discount).toFixed(2)
-  if (!user.value.id) {
+  if (!isLogin.value) {
     showLoginDialog.value = true
     return
   }
+
   if (row) {
     curPayProduct.value = row
   }
@@ -291,10 +295,11 @@ const huPiPay = (row) => {
   payName.value = payWays.value["hupi"]["name"] === "wechat" ? '微信' : '支付宝'
   curPay.value = "hupi"
   amount.value = (row.price - row.discount).toFixed(2)
-  if (!user.value.id) {
+  if (!isLogin.value) {
     showLoginDialog.value = true
     return
   }
+
   if (row) {
     curPayProduct.value = row
   }
@@ -306,10 +311,11 @@ const PayJs = (row) => {
   payName.value = '微信'
   curPay.value = "payjs"
   amount.value = (row.price - row.discount).toFixed(2)
-  if (!user.value.id) {
+  if (!isLogin.value) {
     showLoginDialog.value = true
     return
   }
+
   if (row) {
     curPayProduct.value = row
   }
@@ -352,6 +358,10 @@ const closeOrder = () => {
   activeOrderNo.value = ''
 }
 
+const loginSuccess = () => {
+  location.reload()
+}
+
 </script>
 
 <style lang="stylus">