配置pinia获取数据成功

hookehuyr
Commit fa76aa77bed938a2999019f520b7d8df502d5858 fa76aa77 1 parent 5f3695fa
Showing 12 changed files with 142 additions and 40 deletions
components.d.ts
config/index.js
package.json
src/app.config.js
src/app.js
src/composables/index.js
src/composables/useShare.js
src/pages/index/index.vue
src/pages/table/index.vue
src/stores/index.js
src/utils/lodash.js
yarn.lock
--- a/components.d.ts
View file @fa76aa7
+++ b/components.d.ts
View file @fa76aa7
@@ -7,10 +7,8 @@ export {}
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    NutCol: typeof import('@nutui/nutui-taro')['Col']
     NutConfigProvider: typeof import('@nutui/nutui-taro')['ConfigProvider']
     NutDialog: typeof import('@nutui/nutui-taro')['Dialog']
-    NutRow: typeof import('@nutui/nutui-taro')['Row']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
--- a/config/index.js
View file @fa76aa7
+++ b/config/index.js
View file @fa76aa7
 /*
  * @Date: 2023-03-23 11:17:54
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-03-24 10:59:28
+ * @LastEditTime: 2023-03-24 13:49:26
  * @FilePath: /custom_form/config/index.js
  * @Description: 文件描述
  */
@@ -47,6 +47,7 @@ const config = {
   sourceRoot: 'src',
   outputRoot: `dist/${process.env.TARO_ENV}`,
   plugins: [
+    'taro-plugin-pinia',
     '@tarojs/plugin-html',
     [
       '@tarojs/plugin-http',
--- a/package.json
View file @fa76aa7
+++ b/package.json
View file @fa76aa7
@@ -56,7 +56,8 @@
     "@tarojs/taro": "3.6.2",
     "axios-miniprogram": "^2.0.0-rc-2",
     "dayjs": "^1.11.7",
-    "pinia": "^2.0.33",
+    "pinia": "2.0.10",
+    "taro-plugin-pinia": "^1.0.0",
     "taro-plugin-style-resource": "^0.1.9",
     "vue": "^3.0.0",
     "weixin-js-sdk": "^1.6.0"
--- a/src/app.config.js
View file @fa76aa7
+++ b/src/app.config.js
View file @fa76aa7
 /*
  * @Date: 2023-03-23 11:17:54
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-03-24 11:26:51
+ * @LastEditTime: 2023-03-24 13:13:44
  * @FilePath: /custom_form/src/app.config.js
  * @Description: 文件描述
  */
--- a/src/app.js
View file @fa76aa7
+++ b/src/app.js
View file @fa76aa7
 /*
  * @Date: 2023-03-23 11:17:54
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-03-23 13:47:12
+ * @LastEditTime: 2023-03-24 14:14:27
  * @FilePath: /custom_form/src/app.js
  * @Description: 文件描述
  */
@@ -10,7 +10,31 @@ import { createPinia } from 'pinia'
 import './app.less'
 const App = createApp({
-  onShow (options) {},
+  // 可以使用所有的 Vue 生命周期方法
+  mounted() {
+  },
+
+  // 对应 onLaunch
+  onLaunch(options) {
+    // // 未授权状态跳转授权页面，首页不需要权限
+    // const path = options.path;
+    // // 缓存没有权限的地址
+    // const router = routerStore();
+    // router.add(path);
+    // if (path !== 'pages/index/index' && !wx.getStorageSync("sessionid")) {
+    //   wx.navigateTo({
+    //     url: './pages/auth/index'
+    //   })
+    // }
+  },
+
+  // 对应 onShow
+  onShow(options) {
+  },
+
+  // 对应 onHide
+  onHide() { },
+
   // 入口组件不需要实现 render 方法，即使实现了也会被 taro 所覆盖
 })
--- a/src/composables/index.js 0 → 100644
View file @fa76aa7
+++ b/src/composables/index.js 0 → 100644
View file @fa76aa7
+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-17 12:13:13
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-07-19 10:33:36
+ * @FilePath: /front/src/composables/index.js
+ * @Description:
+ */
+import { onMounted, onUnmounted } from 'vue'
+
+/**
+ * 添加和清除 DOM 事件监听器
+ * @param {*} target 
+ * @param {*} event 
+ * @param {*} callback 
+ */
+export function useEventListener(target, event, callback) {
+  onMounted(() => target?.addEventListener(event, callback))
+  onUnmounted(() => target?.removeEventListener(event, callback))
+}
--- a/src/composables/useShare.js 0 → 100644
View file @fa76aa7
+++ b/src/composables/useShare.js 0 → 100644
View file @fa76aa7
+/*
+ * @Date: 2022-06-13 17:42:32
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-03-03 17:51:55
+ * @FilePath: /data-table/src/composables/useShare.js
+ * @Description: 文件描述
+ */
+import wx from 'weixin-js-sdk';
+// import { Toast } from 'vant';
+
+/**
+ * @description: 微信分享功能
+ * @param {*} title 标题
+ * @param {*} desc 描述
+ * @param {*} imgUrl 图标
+ * @return {*}
+ */
+export const sharePage = ({title = '自定义表单', desc = '数据收集', imgUrl = ''}) => {
+  const shareData = {
+    title, // 分享标题
+    desc, // 分享描述
+    link: location.origin + location.pathname + location.hash, // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
+    imgUrl, // 分享图标
+    success: function () {
+      console.warn('设置成功');
+    }
+  }
+  // 分享好友（微信好友或qq好友）
+  // wx.updateAppMessageShareData(shareData);
+  wx.onMenuShareAppMessage(shareData);
+  // 分享到朋友圈或qq空间
+  // wx.updateTimelineShareData(shareData);
+  wx.onMenuShareTimeline(shareData);
+  // 分享到腾讯微博
+  wx.onMenuShareWeibo(shareData);
+  // // 获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareAppMessage(shareData);
+  // // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareTimeline(shareData);
+  // // 获取“分享到QQ”按钮点击状态及自定义分享内容接口（即将废弃）
+  // wx.onMenuShareQQ(shareData);
+}
--- a/src/pages/index/index.vue
View file @fa76aa7
+++ b/src/pages/index/index.vue
View file @fa76aa7
@@ -9,9 +9,6 @@
 <script setup>
 import { ref, computed, watchEffect, onMounted } from "vue";
 import Taro from '@tarojs/taro'
-import { useDidShow } from '@tarojs/taro'
-import request from '@/utils/request';
-import { storeToRefs } from 'pinia'
 import { mainStore } from '@/stores'
 import { wxInfo, getUrlParams } from "@/utils/tools";
 // 初始化WX环境
@@ -29,17 +26,20 @@ const themeVars = {
 // web端判断
 const is_pc = computed(() => process.env.TARO_ENV === 'h5' && wxInfo().isPC);
-const store = mainStore();
+const code = getUrlParams(location.href) ? getUrlParams(location.href).code : '';
-const { formInfo } = storeToRefs(store);
+const model = getUrlParams(location.href) ? getUrlParams(location.href).model : '';
 const show_reach_sjsj_max_count = ref(false);
+
 const onOk = () => {
   show_reach_sjsj_max_count.value = false;
+  Taro.redirectTo({
+    url: `../table/index?code=${code}&model=${model}`
+  })
 }
 onMounted(async () => {
-  const code = getUrlParams(location.href) ? getUrlParams(location.href).code : '';
+  const store = mainStore();
-  const model = getUrlParams(location.href) ? getUrlParams(location.href).model : '';
   const raw_url = encodeURIComponent(location.pathname + location.hash);
   // 数据收集设置
   const { data } = await getFormSettingAPI({ form_code: code });
@@ -61,13 +61,6 @@ onMounted(async () => {
   if (process.env.NODE_ENV !== 'development' && no_auth_info && form_setting.wxzq_scope) {
     // 预览模式不开启
     if (no_preview_model) {
-      // $router.replace({
-      //   path: '/auth',
-      //   query: {
-      //     href: location.hash,
-      //     code
-      //   }
-      // });
       Taro.redirectTo({
         url: `../auth/index?href=${location.hash}&code=${code}`
       })
@@ -76,7 +69,6 @@ onMounted(async () => {
     // 判断跳转页面
     if (form_setting.sjsj_enable === 0 && !form_setting.sjsj_enable) {
       // 表单已结束
-      // $router.push("/stop?status=disable");
       Taro.navigateTo({
         url: '../stop/index?status=disable'
       })
@@ -85,14 +77,12 @@ onMounted(async () => {
     if (form_setting.sjsj_is_time_range && form_setting.sjsj_is_time_range) {
       // 未开始
       if (form_setting.server_time < form_setting.sjsj_begin_time) {
-        // $router.push("/stop?status=apply");
         Taro.navigateTo({
           url: '../stop/index?status=apply'
         })
       }
       // 已结束
       if (form_setting.server_time > form_setting.sjsj_end_time) {
-        // $router.push("/stop?status=finish");
         Taro.navigateTo({
           url: '../stop/index?status=finish'
         })
@@ -112,13 +102,8 @@ onMounted(async () => {
     }
     // 当数据量达到限额时，该表单将不能继续提交数据。
     if (form_setting.is_reach_sjsj_max_count) {
-      // showDialog({
-      //   title: '温馨提示',
-      //   message: '表单收集量已达到限额，无法再提交数据。',
-      //   theme: 'round-button',
-      //   confirmButtonColor: styleColor.baseColor
-      // });
       show_reach_sjsj_max_count.value = true;
+      return false;
     }
     // 设定填写次数
     if (form_setting.wxzq_scope && no_preview_model) {
--- a/src/pages/table/index.vue
View file @fa76aa7
+++ b/src/pages/table/index.vue
View file @fa76aa7
 <!--
  * @Date: 2023-03-24 09:19:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-03-24 09:20:19
+ * @LastEditTime: 2023-03-24 14:21:47
  * @FilePath: /custom_form/src/pages/table/index.vue
  * @Description: 文件描述
 -->
 <template>
-  <div class=""></div>
+  <div class="">table</div>
 </template>
 <script setup>
-import { ref } from 'vue'
+import wx from 'weixin-js-sdk'
+import { ref, computed } from 'vue'
+import _ from "@/utils/lodash";
+import { storeToRefs } from 'pinia'
+import { mainStore } from '@/stores'
+import { queryFormAPI, postVerifyPasswordAPI } from "@/api/form.js";
+import { addFormDataAPI } from "@/api/data.js";
+import { wxInfo, getUrlParams } from "@/utils/tools";
+import { styleColor } from "@/constant.js";
+import { sharePage } from '@/composables/useShare.js'
+// // 获取表单设置
+const store = mainStore();
+const { formSetting, formInfo } = storeToRefs(store);
+// web端判断封面图片高度
+const is_pc = computed(() => process.env.TARO_ENV === 'h5' && wxInfo().isPC);
+const PHeaderHeight = computed(() => {
+  if (is_pc.value) {
+    return "35vh";
+  } else {
+    return "20vh";
+  }
+});
+// TAG: 自定义主题颜色
+const themeVars = {
+  buttonPrimaryBackground: styleColor.baseColor,
+  buttonPrimaryBorderColor: styleColor.baseColor,
+};
 </script>
 <style lang="less" scoped>
--- a/src/stores/index.js
View file @fa76aa7
+++ b/src/stores/index.js
View file @fa76aa7
 /*
  * @Date: 2022-04-18 15:59:42
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-03-23 13:19:21
+ * @LastEditTime: 2023-03-24 14:04:54
  * @FilePath: /custom_form/src/stores/index.js
  * @Description: 文件描述
  */
--- a/src/utils/lodash.js 0 → 100644
View file @fa76aa7
+++ b/src/utils/lodash.js 0 → 100644
View file @fa76aa7
--- a/yarn.lock
View file @fa76aa7
+++ b/yarn.lock
View file @fa76aa7
@@ -2335,7 +2335,7 @@
     "@vue/compiler-dom" "3.2.47"
     "@vue/shared" "3.2.47"
-"@vue/devtools-api@^6.5.0":
+"@vue/devtools-api@^6.0.0-beta.21":
   version "6.5.0"
   resolved "https://mirrors.cloud.tencent.com/npm/@vue/devtools-api/-/devtools-api-6.5.0.tgz#98b99425edee70b4c992692628fa1ea2c1e57d07"
   integrity sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==
@@ -9792,12 +9792,12 @@ pify@^4.0.1:
   resolved "https://mirrors.cloud.tencent.com/npm/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
   integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
-pinia@^2.0.33:
+pinia@2.0.10:
-  version "2.0.33"
+  version "2.0.10"
-  resolved "https://mirrors.cloud.tencent.com/npm/pinia/-/pinia-2.0.33.tgz#b70065be697874d5824e9792f59bd5d87ddb5e7d"
+  resolved "https://mirrors.cloud.tencent.com/npm/pinia/-/pinia-2.0.10.tgz#66ae65e10d9062d110cb8ce47aedf491b4b131ef"
-  integrity sha512-HOj1yVV2itw6rNIrR2f7+MirGNxhORjrULL8GWgRwXsGSvEqIQ+SE0MYt6cwtpegzCda3i+rVTZM+AM7CG+kRg==
+  integrity sha512-Gq8qCjWkz1SZSCrHqGg/k+wbeu35R7y44eDXFHJlBr5gZ8ooAf6bAHLt5zpAVIDptv09h0+XLZpy9dMHbwvXWw==
   dependencies:
-    "@vue/devtools-api" "^6.5.0"
+    "@vue/devtools-api" "^6.0.0-beta.21"
     vue-demi "*"
 pinkie-promise@^2.0.0:
@@ -12105,6 +12105,11 @@ taro-css-to-react-native@3.6.2:
     css-mediaquery "^0.1.2"
     postcss-value-parser "^3.3.0"
+taro-plugin-pinia@^1.0.0:
+  version "1.0.0"
+  resolved "https://mirrors.cloud.tencent.com/npm/taro-plugin-pinia/-/taro-plugin-pinia-1.0.0.tgz#7dee620cc84303a4b4c2df50e649bae72c3b6ac0"
+  integrity sha512-Ip2LTRh7NGsFyEzkZWvU115xDqV3D8cRRbqqw0JKTvzHFBzpwycmrUVQQxV61AMg0r2RJm3mcEbQ997j7xNjtg==
+
 taro-plugin-style-resource@^0.1.9:
   version "0.1.9"
   resolved "https://mirrors.cloud.tencent.com/npm/taro-plugin-style-resource/-/taro-plugin-style-resource-0.1.9.tgz#46448a384a8d96bbe4c363c8bed2d1c5ec031803"