Hooke / data-table

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
0bb5825f 1 parent c24f8f3e

微信增强设置是否关注公众号操作

Inline Side-by-side
Showing 2 changed files with 38 additions and 3 deletions
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-05-26 23:52:36 3 * @Date: 2022-05-26 23:52:36
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-12-07 10:20:52 5 + * @LastEditTime: 2022-12-07 10:40:54
6 * @FilePath: /data-table/src/App.vue 6 * @FilePath: /data-table/src/App.vue
7 * @Description: 7 * @Description:
8 --> 8 -->
......
1 <!-- 1 <!--
2 * @Date: 2022-07-18 10:22:22 2 * @Date: 2022-07-18 10:22:22
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-12-06 16:13:57 4 + * @LastEditTime: 2022-12-07 10:57:10
5 * @FilePath: /data-table/src/views/index.vue 5 * @FilePath: /data-table/src/views/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -59,6 +59,15 @@ ...@@ -59,6 +59,15 @@
59 > 59 >
60 提交即授权该表单收集你的填写信息 60 提交即授权该表单收集你的填写信息
61 </div> 61 </div>
62 + <van-overlay :show="show">
63 + <div class="wrapper">
64 + <div class="block">
65 + <div style="text-align: center; margin-top: 0.5rem;">请先关注公众号</div>
66 + <van-image width="100%" fit="cover" :src="qr_url" />
67 + <div style="text-align: center; margin-bottom: 0.5rem; font-size: 0.85rem;">长按识别二维码</div>
68 + </div>
69 + </div>
70 + </van-overlay>
62 </template> 71 </template>
63 72
64 <script setup> 73 <script setup>
...@@ -238,10 +247,23 @@ onMounted(async () => { ...@@ -238,10 +247,23 @@ onMounted(async () => {
238 // 生成自定义组件 247 // 生成自定义组件
239 // createComponentType(mockData.value); 248 // createComponentType(mockData.value);
240 createComponentType(formData.value); 249 createComponentType(formData.value);
241 - // 250 + // 过期时间显示
242 notice_text.value = `表单报名将在 ${formSetting.value.sjsj_end_time} 后结束`; 251 notice_text.value = `表单报名将在 ${formSetting.value.sjsj_end_time} 后结束`;
252 + // 判断是否需要关注公众号, 弹出二维码识别
253 + if (formSetting.value.wxzq_must_follow) {
254 + // wxzq_mp_qrcode
255 + show.value = true;
256 + // qr_url.value = "http://gyzs.onwall.cn/gzs-img-6.png";
257 + qr_url.value = formSetting.value.wxzq_mp_qrcode;
258 + }
243 }); 259 });
244 260
261 +const show = ref(false);
262 +const qr_url = ref("");
263 +const onClose = () => {
264 + show.value = false;
265 +};
266 +
245 // 操作绑定自定义字段回调 267 // 操作绑定自定义字段回调
246 const onActive = (item) => { 268 const onActive = (item) => {
247 if (item.key === "area_picker") { 269 if (item.key === "area_picker") {
...@@ -377,4 +399,17 @@ const onSubmit = async (values) => { ...@@ -377,4 +399,17 @@ const onSubmit = async (values) => {
377 background-color: #ffffff; 399 background-color: #ffffff;
378 padding-bottom: 1rem; 400 padding-bottom: 1rem;
379 } 401 }
402 +
403 +.wrapper {
404 + display: flex;
405 + align-items: center;
406 + justify-content: center;
407 + height: 100%;
408 +}
409 +
410 +.block {
411 + width: 10rem;
412 + // height: 10rem;
413 + background-color: #fff;
414 +}
380 </style> 415 </style>
......