diff --git a/src/views/DBQBmodel.vue b/src/views/DBQBmodel.vue index d079e35..094946d 100644 --- a/src/views/DBQBmodel.vue +++ b/src/views/DBQBmodel.vue @@ -75,26 +75,7 @@ const goToHomePage = async () => { } else { console.log("无权限"); noPermissonDialogVisible.value = true; - noPermissonDialogObj.value.title = "Token规则"; - noPermissonDialogObj.value.content = [ - { - title: "Token消耗规则", - rules: [ - '在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索成功，内容正常生成，则会消耗1Token', - '在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索有误，无法生成内容，则不会消耗Token', - '搜索同一只股票，产出内容相同时，只扣除1次Token', - '"夺宝奇兵"和"AI小财神"中Token是互通的' - ] - }, - { - title: "Token兑换规则", - rules: [ - '点击右上角"获取Token次数"，即可进入Token兑换页进行金币兑换Token', - "金币兑换Token的比例为：1金币=1Token；一经兑换，不予退还" - ] - } - ]; - noPermissonDialogObj.value.notice = "注意：报告生成过程中，请耐心等待，在此期间请勿进行页面刷新操作，以免导致报告生成进程中断"; + noPermissonDialogObj.value.msg = res.msg; console.log("noPermissonDialogVisible", noPermissonDialogVisible.value); console.log("noPermissonDialogObj", noPermissonDialogObj.value); @@ -140,24 +121,11 @@ const closeNoPermissionDialog = () => {
-
-
+
+
-
-

{{ noPermissonDialogObj.title }}

-
-

{{ section.title }}

-
    -
  • - • {{ rule }} -
    • -
-
-
- {{ noPermissonDialogObj.notice }} -
-
+ {{ noPermissonDialogObj.msg }}
@@ -249,93 +217,37 @@ const closeNoPermissionDialog = () => { .noPermissionDialog { width: 100%; - height: 100%; display: flex; justify-content: center; align-items: center; position: fixed; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); - z-index: 1000; + bottom: 15%; + /* margin: auto auto; */ color: white; } .noPermissionCloseBtn { - border-radius: 20%; - border: 3px solid white; + border-radius: 5px; + border: 1px solid white; background-color: #8621d9; - padding: 8px; + padding: 2px; display: flex; justify-content: center; align-items: center; position: absolute; - top: -15px; - right: -15px; - cursor: pointer; - width: 30px; - height: 30px; + top: -10px; + right: -10px; } .noPermissionContent { position: relative; - border-radius: 10px; - border: 2px solid white; - padding: 30px; - background: linear-gradient(135deg, #1a0b4d 0%, #2d1b69 100%); - max-width: 90vw; - max-height: 80vh; - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); -} - -.tokenRulesContainer { - text-align: left; -} - -.tokenTitle { - color: #ffd700; - font-size: 24px; - font-weight: bold; - text-align: center; - margin-bottom: 20px; - margin-top: 0; -} - -.tokenSection { - margin-bottom: 20px; -} - -.sectionTitle { - color: #ffd700; - font-size: 18px; - font-weight: bold; - margin-bottom: 10px; - margin-top: 0; -} - -.rulesList { - list-style: none; - padding: 0; - margin: 0; -} - -.ruleItem { - color: white; - font-size: 16px; - line-height: 1.6; - margin-bottom: 8px; - padding-left: 0; -} - -.noticeSection { - background-color: rgba(255, 215, 0, 0.1); - border: 1px solid #ffd700; border-radius: 5px; - padding: 15px; - margin-top: 20px; - color: #ffd700; - font-size: 14px; - line-height: 1.5; + border: 1px solid white; + padding: 10px 30px; + background-color: #261176; + display: flex; + justify-content: center; + align-items: center; } /* 手机适配 - 小屏幕时保持纵向排列 */ @@ -365,36 +277,5 @@ const closeNoPermissionDialog = () => { width: 50%; /* margin-top: 20px; */ } - - .noPermissionContent { - width: 70vw; - height: auto; - max-height: 80vh; - max-width: none; - max-height: none; - padding: 20px; - } - - .tokenRulesContainer { - height: 100%; - overflow-y: auto; - } - - .tokenTitle { - font-size: 20px; - } - - .sectionTitle { - font-size: 16px; - } - - .ruleItem { - font-size: 13px; - } - - .noticeSection { - font-size: 13px; - padding: 12px; - } } diff --git a/src/views/Emotionsmodel.vue b/src/views/Emotionsmodel.vue index 4e14214..455aa3f 100644 --- a/src/views/Emotionsmodel.vue +++ b/src/views/Emotionsmodel.vue @@ -28,24 +28,11 @@
-
-
+
+
-
-

{{ noPermissonDialogObj.title }}

-
-

{{ section.title }}

-
    -
  • - • {{ rule }} -
    • -
-
-
- {{ noPermissonDialogObj.notice }} -
-
+ {{ noPermissonDialogObj.msg }}
@@ -125,26 +112,7 @@ const goToAiEmotion = async () => { } else { console.log("无权限"); noPermissonDialogVisible.value = true; - noPermissonDialogObj.value.title = "Token规则"; - noPermissonDialogObj.value.content = [ - { - title: "Token消耗规则", - rules: [ - '在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索成功，内容正常生成，则会消耗1Token', - '在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索有误，无法生成内容，则不会消耗Token', - '搜索同一只股票，产出内容相同时，只扣除1次Token', - '"夺宝奇兵"和"AI小财神"中Token是互通的' - ] - }, - { - title: "Token兑换规则", - rules: [ - '点击右上角"获取Token次数"，即可进入Token兑换页进行金币兑换Token', - "金币兑换Token的比例为：1金币=1Token；一经兑换，不予退还" - ] - } - ]; - noPermissonDialogObj.value.notice = "注意：报告生成过程中，请耐心等待，在此期间请勿进行页面刷新操作，以免导致报告生成进程中断"; + noPermissonDialogObj.value.msg = res.msg; console.log("noPermissonDialogVisible", noPermissonDialogVisible.value); console.log("noPermissonDialogObj", noPermissonDialogObj.value); @@ -241,93 +209,37 @@ const closeNoPermissionDialog = () => { .noPermissionDialog { width: 100%; - height: 100%; display: flex; justify-content: center; align-items: center; position: fixed; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); - z-index: 1000; + bottom: 15%; + /* margin: auto auto; */ color: white; } .noPermissionCloseBtn { - border-radius: 20%; - border: 3px solid white; + border-radius: 5px; + border: 1px solid white; background-color: #8621d9; - padding: 8px; + padding: 2px; display: flex; justify-content: center; align-items: center; position: absolute; - top: -15px; - right: -15px; - cursor: pointer; - width: 30px; - height: 30px; + top: -10px; + right: -10px; } .noPermissionContent { position: relative; - border-radius: 10px; - border: 2px solid white; - padding: 30px; - background: linear-gradient(135deg, #1a0b4d 0%, #2d1b69 100%); - max-width: 90vw; - max-height: 80vh; - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); -} - -.tokenRulesContainer { - text-align: left; -} - -.tokenTitle { - color: #ffd700; - font-size: 24px; - font-weight: bold; - text-align: center; - margin-bottom: 20px; - margin-top: 0; -} - -.tokenSection { - margin-bottom: 20px; -} - -.sectionTitle { - color: #ffd700; - font-size: 18px; - font-weight: bold; - margin-bottom: 10px; - margin-top: 0; -} - -.rulesList { - list-style: none; - padding: 0; - margin: 0; -} - -.ruleItem { - color: white; - font-size: 16px; - line-height: 1.6; - margin-bottom: 8px; - padding-left: 0; -} - -.noticeSection { - background-color: rgba(255, 215, 0, 0.1); - border: 1px solid #ffd700; border-radius: 5px; - padding: 15px; - margin-top: 20px; - color: #ffd700; - font-size: 14px; - line-height: 1.5; + border: 1px solid white; + padding: 10px 30px; + background-color: #261176; + display: flex; + justify-content: center; + align-items: center; } @media (max-width: 1024px) { @@ -379,34 +291,5 @@ const closeNoPermissionDialog = () => { width: 50%; height: auto; } - - .noPermissionContent { - width: 70vw; - height: auto; - max-height: 80vh; - padding: 20px; - } - - .tokenRulesContainer { - height: 100%; - overflow-y: auto; - } - - .tokenTitle { - font-size: 20px; - } - - .sectionTitle { - font-size: 16px; - } - - .ruleItem { - font-size: 13px; - } - - .noticeSection { - font-size: 13px; - padding: 12px; - } } \ No newline at end of file