Showing
2 changed files
with
24 additions
and
8 deletions
| ... | @@ -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 | } | ... | ... |
-
Please register or login to post a comment