Browse Source

refactor: 隐藏项目详情页缓存

test2
xuesinan 4 years ago
parent
commit
90c1699301
  1. 1
      CHANGELOG.md
  2. 2
      hooks/project/useGetTasks.js
  3. 44
      pages/index/index.vue
  4. 120
      utils/cacheAndRequest.js

1
CHANGELOG.md

@ -9,6 +9,7 @@
- | 插件的填写提交,编辑与删除 | [84390d5](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/84390d5) - | 插件的填写提交,编辑与删除 | [84390d5](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/84390d5)
- | 插件的填写与提交,修改与删除 | [d461252](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/d461252) - | 插件的填写与提交,修改与删除 | [d461252](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/d461252)
- | 插件面板分开显示 | [fb5e86b](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/fb5e86b) - | 插件面板分开显示 | [fb5e86b](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/fb5e86b)
- | 插件api | [08bdf74](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/08bdf74)
- | 登录、日历页小绿点、二级项目列表 | [e676cf0](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/e676cf0) - | 登录、日历页小绿点、二级项目列表 | [e676cf0](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/e676cf0)
- | 登录图标、日历页今日 | [7de419d](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/7de419d) - | 登录图标、日历页今日 | [7de419d](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/7de419d)
- | 服务、插件缓存、导入选择服务列表、 | [cc8004b](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/cc8004b) - | 服务、插件缓存、导入选择服务列表、 | [cc8004b](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/cc8004b)

2
hooks/project/useGetTasks.js

@ -159,7 +159,7 @@ export default function useGetTasks() {
store.commit('task/setUpTasks', newTasks); store.commit('task/setUpTasks', newTasks);
} }
if (next) { if (next) {
const newTasks = uni.$task.setPlaceholderTasks(+obj.tasks[tasks.length - 1].planStart, false, obj.timeGranularity, next); const newTasks = uni.$task.setPlaceholderTasks(+obj.tasks[obj.tasks.length - 1].planStart, false, obj.timeGranularity, next);
store.commit('task/setDownTasks', newTasks); store.commit('task/setDownTasks', newTasks);
} }
return tasks.value; return tasks.value;

44
pages/index/index.vue

@ -1,37 +1,35 @@
<template> <template>
<!-- 这里是适配的状态栏的代码 -->
<view class="statbar">
<view class="status_bar"></view>
</view>
<!-- #ifdef APP-PLUS --> <!-- #ifdef APP-PLUS -->
<!-- 广告 --> <!-- 广告 -->
<Adv v-if="isOpenApp"></Adv> <Adv v-if="isOpenApp"></Adv>
<!-- 引导页 --> <!-- 引导页 -->
<Guide v-if="!firstOpenApp"></Guide> <Guide></Guide>
<!-- #endif --> <!-- #endif -->
<view> <!-- <view class="flex flex-col h-full bg-gray-50" @click="openAuth"> -->
<!-- 这里是适配的状态栏的代码 --> <theme class="flex flex-col h-full bg-gray-50">
<view class="statbar"> <view class="relative">
<view class="status_bar"></view> <!-- <view class="relative" @touchmove="onMove"> -->
</view> <!-- 日历 -->
<Calendar @selected-change="onDateChange" :show-back="true" ref="calendar" @handleFindPoint="handleFindPoint" />
<!-- <view class="flex flex-col h-full bg-gray-50" @click="openAuth"> -->
<theme class="flex flex-col h-full bg-gray-50">
<view class="relative">
<!-- <view class="relative" @touchmove="onMove"> -->
<!-- 日历 -->
<Calendar @selected-change="onDateChange" :show-back="true" ref="calendar" @handleFindPoint="handleFindPoint" />
<!-- 上传 导入wbs --> <!-- 上传 导入wbs -->
<Upload @success="onUploadSuccess" @error="onUploadError" /> <Upload @success="onUploadSuccess" @error="onUploadError" />
</view> </view>
<u-button class="mt-4" @click="toLogin">登录</u-button> <u-button class="mt-4" @click="toLogin">登录</u-button>
<!-- 项目列表 --> <!-- 项目列表 -->
<Projects @getProjects="getProjects" class="flex-1 overflow-y-auto" /> <Projects @getProjects="getProjects" class="flex-1 overflow-y-auto" />
<!-- 全局提示框 --> <!-- 全局提示框 -->
<u-top-tips ref="uTips"></u-top-tips> <u-top-tips ref="uTips"></u-top-tips>
</theme> </theme>
</view>
</template> </template>
<script setup> <script setup>

120
utils/cacheAndRequest.js

@ -39,25 +39,25 @@ export default {
* @param {number} endTime 截止时间 * @param {number} endTime 截止时间
*/ */
getProjects(startTime, endTime, fn) { getProjects(startTime, endTime, fn) {
let remote = false; // let remote = false;
if (store.getters.useStorage) { // if (store.getters.useStorage) {
// 有缓存 且 服务端数据未返回 就先返回缓存 // // 有缓存 且 服务端数据未返回 就先返回缓存
uni.$cache // uni.$cache
.getProjectsByDay(startTime, endTime) // .getProjectsByDay(startTime, endTime)
.then(data => { // .then(data => {
!remote && fn(null, data); // !remote && fn(null, data);
}) // })
.catch(err => !remote && fn(err)); // .catch(err => !remote && fn(err));
} // }
uni.$u.api uni.$u.api
.getProjects(startTime, endTime) .getProjects(startTime, endTime)
.then(data => { .then(data => {
remote = true; // remote = true;
fn(null, data); fn(null, data);
// 存api到cache里 // 存api到cache里
uni.$cache.putProjects(data); // uni.$cache.putProjects(data);
}) })
.catch(err => fn(err)); .catch(err => fn(err));
@ -80,24 +80,24 @@ export default {
* @param {object} params 提交的参数 * @param {object} params 提交的参数
*/ */
findShowRole(params, fn) { findShowRole(params, fn) {
let remote = false; // let remote = false;
// 有缓存 且 服务端数据未返回 就先返回缓存 // // 有缓存 且 服务端数据未返回 就先返回缓存
uni.$cache // uni.$cache
.getShowRole(params.projectId) // .getShowRole(params.projectId)
.then(data => { // .then(data => {
!remote && fn(null, data); // !remote && fn(null, data);
}) // })
.catch(err => !remote && fn(err)); // .catch(err => !remote && fn(err));
waitTokenRequest(() => { waitTokenRequest(() => {
// 拿到api数据后 再用api的数据 // 拿到api数据后 再用api的数据
uni.$u.api uni.$u.api
.findShowRole(params) .findShowRole(params)
.then(data => { .then(data => {
remote = true; // remote = true;
fn(null, data); fn(null, data);
// 存api到cache里 // 存api到cache里
uni.$cache.putShowRole(params.projectId, data); // uni.$cache.putShowRole(params.projectId, data);
}) })
.catch(err => fn(err)); .catch(err => fn(err));
}); });
@ -108,25 +108,25 @@ export default {
* @param {object} params 提交的参数 * @param {object} params 提交的参数
*/ */
getRegularTask(params, fn) { getRegularTask(params, fn) {
let remote = false; // let remote = false;
// 有缓存 且 服务端数据未返回 就先返回缓存 // // 有缓存 且 服务端数据未返回 就先返回缓存
uni.$cache // uni.$cache
.getStorageRegularTask(params) // .getStorageRegularTask(params)
.then(data => { // .then(data => {
!remote && fn(null, data); // !remote && fn(null, data);
}) // })
.catch(err => !remote && fn(err)); // .catch(err => !remote && fn(err));
waitTokenRequest(() => { waitTokenRequest(() => {
// 拿到api数据后 再用api的数据 // 拿到api数据后 再用api的数据
uni.$u.api uni.$u.api
.getRegularTask(params) .getRegularTask(params)
.then(data => { .then(data => {
remote = true; // remote = true;
fn(null, uni.$u.deepClone(data)); fn(null, uni.$u.deepClone(data));
// 存api到cache里 // 存api到cache里
uni.$cache.putStorageRegularTask(params, data); // uni.$cache.putStorageRegularTask(params, data);
}) })
.catch(err => fn(err)); .catch(err => fn(err));
}); });
@ -137,24 +137,24 @@ export default {
* @param {object} params 提交的参数 * @param {object} params 提交的参数
*/ */
getPermanent(params, fn) { getPermanent(params, fn) {
let remote = false; // let remote = false;
// 有缓存 且 服务端数据未返回 就先返回缓存 // 有缓存 且 服务端数据未返回 就先返回缓存
uni.$cache // uni.$cache
.getStoragePermanent(params) // .getStoragePermanent(params)
.then(data => { // .then(data => {
!remote && fn(null, data); // !remote && fn(null, data);
}) // })
.catch(err => !remote && fn(err)); // .catch(err => !remote && fn(err));
waitTokenRequest(() => { waitTokenRequest(() => {
// 拿到api数据后 再用api的数据 // 拿到api数据后 再用api的数据
uni.$u.api uni.$u.api
.getPermanent(params) .getPermanent(params)
.then(data => { .then(data => {
remote = true; // remote = true;
fn(null, data); fn(null, data);
// 存api到cache里 // 存api到cache里
uni.$cache.putStoragePermanent(params, data); // uni.$cache.putStoragePermanent(params, data);
}) })
.catch(err => fn(err)); .catch(err => fn(err));
}); });
@ -165,24 +165,24 @@ export default {
* @param {object} params 提交的参数 * @param {object} params 提交的参数
*/ */
getGlobal(params, fn) { getGlobal(params, fn) {
let remote = false; // let remote = false;
// 有缓存 且 服务端数据未返回 就先返回缓存 // // 有缓存 且 服务端数据未返回 就先返回缓存
uni.$cache // uni.$cache
.getDailyTask(params) // .getDailyTask(params)
.then(data => { // .then(data => {
!remote && fn(null, data); // !remote && fn(null, data);
}) // })
.catch(err => !remote && fn(err)); // .catch(err => !remote && fn(err));
waitTokenRequest(() => { waitTokenRequest(() => {
// 拿到api数据后 再用api的数据 // 拿到api数据后 再用api的数据
uni.$u.api uni.$u.api
.getGlobal(params) .getGlobal(params)
.then(data => { .then(data => {
remote = true; // remote = true;
fn(null, data); fn(null, data);
// 存api到cache里 // 存api到cache里
uni.$cache.putDailyTask(params, data); // uni.$cache.putDailyTask(params, data);
}) })
.catch(err => fn(err)); .catch(err => fn(err));
}); });
@ -193,24 +193,24 @@ export default {
* @param {object} params 提交的参数 * @param {object} params 提交的参数
*/ */
getOtherPlugin(params, fn) { getOtherPlugin(params, fn) {
let remote = false; // let remote = false;
// 有缓存 且 服务端数据未返回 就先返回缓存 // 有缓存 且 服务端数据未返回 就先返回缓存
uni.$cache // uni.$cache
.getPlugin(params.pluginId) // .getPlugin(params.pluginId)
.then(data => { // .then(data => {
!remote && fn(null, data); // !remote && fn(null, data);
}) // })
.catch(err => !remote && fn(err)); // .catch(err => !remote && fn(err));
waitTokenRequest(() => { waitTokenRequest(() => {
// 拿到api数据后 再用api的数据 // 拿到api数据后 再用api的数据
uni.$u.api uni.$u.api
.getOtherPlugin(params) .getOtherPlugin(params)
.then(data => { .then(data => {
remote = true; // remote = true;
fn(null, data); fn(null, data);
// 存api到cache里 // 存api到cache里
uni.$cache.putPlugin(params.pluginId, data); // uni.$cache.putPlugin(params.pluginId, data);
}) })
.catch(err => fn(err)); .catch(err => fn(err));
}); });

Loading…
Cancel
Save