hookehuyr

✨ feat(回复功能): 留言操作时,未实名认证提示弹框逻辑优化

...@@ -51,11 +51,18 @@ ...@@ -51,11 +51,18 @@
51 @on-submit="submitCommentBox" @on-close="closeCommentBox"></comment-box> 51 @on-submit="submitCommentBox" @on-close="closeCommentBox"></comment-box>
52 </van-popup> 52 </van-popup>
53 53
54 - 54 + <!-- 写评论时,如果没有实名认证提示弹框 -->
55 + <notice-overlay :show="showNotice" text="前往认证" @on-submit="onSubmit" @on-close="onClose">
56 + <div style="color: #333333;">
57 + <p>您还没有实名认证</p>
58 + <p>请前往个人中心进行实名认证</p>
59 + </div>
60 + </notice-overlay>
55 </template> 61 </template>
56 62
57 <script setup> 63 <script setup>
58 import CommentBox from '@/components/CommentBox/index.vue' 64 import CommentBox from '@/components/CommentBox/index.vue'
65 +import NoticeOverlay from '@/components/NoticeOverlay/index.vue'
59 66
60 import icon_x from '@images/x.png' 67 import icon_x from '@images/x.png'
61 import icon_y from '@images/y.png' 68 import icon_y from '@images/y.png'
...@@ -90,12 +97,13 @@ const commentType = ref('comment'); // 类型 comment 为评论/类型 reply 为 ...@@ -90,12 +97,13 @@ const commentType = ref('comment'); // 类型 comment 为评论/类型 reply 为
90 const commentId = ref('') 97 const commentId = ref('')
91 const replayUser = ref('') 98 const replayUser = ref('')
92 const setComment = (v, type) => { // 99 const setComment = (v, type) => { //
93 - if (validIdCard.can_use) { 100 + if (!validIdCard.can_use) {
94 showCommentBoxPopup.value = true; 101 showCommentBoxPopup.value = true;
95 commentType.value = type; 102 commentType.value = type;
96 replayUser.value = v.name; 103 replayUser.value = v.name;
97 commentId.value = props.data.id; 104 commentId.value = props.data.id;
98 } else { 105 } else {
106 + closeBtn();
99 showNotice.value = true; 107 showNotice.value = true;
100 } 108 }
101 } 109 }
...@@ -145,9 +153,16 @@ const closeCommentBox = (v) => { // 关闭留言框 ...@@ -145,9 +153,16 @@ const closeCommentBox = (v) => { // 关闭留言框
145 } 153 }
146 /******** 留言框相关操作 START *******/ 154 /******** 留言框相关操作 START *******/
147 155
148 -onMounted(() => { 156 +const showNotice = ref(false)
149 -}) 157 +const onClose = () => { // 关闭提示框回调
150 - 158 + showNotice.value = false;
159 +}
160 +// 跳转个人中心
161 +const onSubmit = () => {
162 + $router.push({
163 + path: '/me/index'
164 + });
165 +}
151 const show = ref(false); 166 const show = ref(false);
152 const listTotal = ref(0) 167 const listTotal = ref(0)
153 const replyList = ref([]) 168 const replyList = ref([])
...@@ -194,9 +209,9 @@ const onReload = () => { ...@@ -194,9 +209,9 @@ const onReload = () => {
194 offset.value = 0; 209 offset.value = 0;
195 onLoad(); 210 onLoad();
196 } 211 }
197 -const onClose = () => { 212 +// const onClose = () => {
198 - show.value = false; 213 +// show.value = false;
199 -} 214 +// }
200 215
201 // 监听弹出框 216 // 监听弹出框
202 watch(() => props.showPopup, (v) => { 217 watch(() => props.showPopup, (v) => {
......
...@@ -177,6 +177,7 @@ const setComment = (v, type) => { ...@@ -177,6 +177,7 @@ const setComment = (v, type) => {
177 replayUser.value = v.name; 177 replayUser.value = v.name;
178 commentId.value = v.id; 178 commentId.value = v.id;
179 } else { 179 } else {
180 + closeBtn();
180 showNotice.value = true; 181 showNotice.value = true;
181 } 182 }
182 } 183 }
......