feat: 对接引导页接口

CHANGELOG.md

@@ -178,6 +178,7 @@
  - | 添加canvas | [9bc13c7](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/9bc13c7)
  - | 监听时间基本点 | [033fca0](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/033fca0)
  - | 绘制canvas | [3c9d471](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/3c9d471)
+ - | 绘图背景图显示及路径绘制 | [964e41e](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/964e41e)
  - | 角色显示状态修改 | [7d3b906](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/7d3b906)
  - | 角色栏修改 | [19228d6](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/19228d6)
  - | 解决error | [b1975e5](https://dd.tall.wiki/gitea/binbin0314/yanyuan_js/commits/b1975e5)

src/apis/yanyuan.js

@@ -63,6 +63,11 @@ const install = (Vue, vm) => {
   vm.$u.api.queryZaritHistory = param => vm.$u.post(`${yanyuan}/zarit/queryHistory`, param);
   // 查询照顾者负担表列表
   vm.$u.api.queryZaritList = param => vm.$u.post(`${yanyuan}/zarit/queryList`, param);
+
+  // 查询是否显示引导页
+  vm.$u.api.queryGuide = param => vm.$u.post(`${yanyuan}/guide/query`, param);
+  // 修改引导页状态
+  vm.$u.api.updateGuide = param => vm.$u.post(`${yanyuan}/guide/update`, param);
 };
 
 export default { install };

src/pagesProject/project/components/GuidePage/GuidePage.vue

@@ -1,6 +1,11 @@
 <template>
-  <swiper @change="changePic" class="swiper" :indicator-dots="true" :autoplay="true" :interval="3000">
+  <swiper class="swiper" :indicator-dots="true" :interval="5000" :autoplay="true" :circular="false">
     <swiper-item v-for="(item, index) in list" :key="index">
+      <view class="w-full flex flex-col items-center" v-if="index === list.length - 1">
+        <u-button class="absolute" style="bottom: 55px" @click="changePic">
+          <text class="text-blue-500 mx-10">开始体验</text>
+        </u-button>
+      </view>
       <view
         class="img h-full"
         :style="{
@@ -41,13 +46,8 @@ export default {
     };
   },
   methods: {
-    changePic(e) {
+    changePic() {
-      const index = e.target.current;
-      if (index === this.list.length - 1) {
-        setTimeout(() => {
       this.$emit('quitGuide');
-        }, 3000);
-      }
     },
   },
 };

src/pagesProject/project/project.vue

@@ -17,7 +17,7 @@
     </view>
 
     <!-- 引导语 -->
-    <!-- <GuidePage class="w-full h-full" v-if="showGuide" @quitGuide="quitGuide" /> -->
+    <GuidePage class="w-full h-full" v-if="showGuide" @quitGuide="quitGuide" />
   </view>
 </template>
 
@@ -27,12 +27,12 @@ import { setPlaceholderTasks, computeFillPlaceholderTaskCount } from '@/utils/ta
 import Title from './components/Title/Title';
 import Roles from './components/Roles/Roles';
 import TimeLine from './components/TimeLine/TimeLine';
-// import GuidePage from './components/GuidePage/GuidePage';
+import GuidePage from './components/GuidePage/GuidePage';
 import ConfigInfo from './components/ConfigInfo/ConfigInfo';
 // import { flatten } from 'lodash';
 
 export default {
-  components: { Title, Roles, TimeLine, ConfigInfo },
+  components: { Title, Roles, TimeLine, ConfigInfo, GuidePage },
   data() {
     return {
       height: '',
@@ -116,13 +116,12 @@ export default {
   },
 
   mounted() {
+    this.$nextTick(async () => {
       const system = uni.getSystemInfoSync();
       this.height = system.windowHeight + 'px';
-
+      // TODO: 判断用户第一次进来才会显示引导页
-    // TODO: 判断用户第一次进来才会显示
+      await this.queryGuide();
-    setTimeout(() => {
+    });
-      this.showGuide = true;
-    }, 1000);
   },
 
   onUnload() {
@@ -466,9 +465,34 @@ export default {
       this.clearEndFlag();
     },
 
-    // 退出引导页
+    /**
-    quitGuide() {
+     * 查询是否显示引导页
+     * @param {object} templateCode 模板code
+     */
+    async queryGuide() {
+      try {
+        const params = { templateCode: this.project.templateCode };
+        const data = await this.$u.api.queryGuide(params);
+        if (data.status === 0) {
+          this.showGuide = true;
+        }
+      } catch (error) {
+        console.error('error: ', error);
+      }
+    },
+
+    /**
+     * 退出引导页 修改引导页状态
+     * @param {object} templateCode 模板code
+     */
+    async quitGuide() {
+      try {
+        const params = { templateCode: this.project.templateCode };
+        await this.$u.api.updateGuide(params);
         this.showGuide = false;
+      } catch (error) {
+        console.log('error: ', error);
+      }
     },
   },
 };