feat: 用户作答问卷时就进行登录态的判断

components/Questionnaire/QuestionFormItem.vue

@@ -9,7 +9,7 @@
         <div class="question-form-item__title">{{ info.title }}</div>
         <div class="question-form-item__type">{{ info.component | showType }}</div>
       </div>
-      <div class="question-form-item__content">
+      <div class="question-form-item__content" @click="isLogin()">
         <slot></slot>
       </div>
     </div>
@@ -17,6 +17,7 @@
 </template>
 
 <script>
+import { mapActions } from 'vuex'
 import { QUESTION_TYPE } from '~/utils/constant'
 
 export default {
@@ -52,6 +53,14 @@ export default {
       return !this.info?.rule?.required
     },
   },
+  methods: {
+    ...mapActions({
+      loginState: 'questionnaire/loginState',
+    }),
+    isLogin() {
+      this.loginState()
+    }
+  }
 }
 </script>
 

store/questionnaire.js

@@ -163,6 +163,27 @@ export const actions = {
       }
     })
   },
+  // 验证是否登录
+  loginState({ state, dispatch, rootState }) {
+    if (!rootState.users.isLogin) {
+      if (isIframe) {
+        Toast({
+          message: '请先登录',
+          duration: 1500,
+        })
+      } else {
+        Toast({
+          message: '请先登录',
+          duration: 1500,
+          onClose: () => {
+            dispatch('users/jumpToLogin', '', { root: true })
+          },
+        })
+      }
+      return 0
+    }
+    return 0
+  },
 }
 export const getters = {
   questionnaireInfo: (state) => state.questionnaireInfo,