Browse Source

fix: 修复一些内容

refact
xuesinan 4 years ago
parent
commit
3cdb1ce6c2
  1. 17
      CHANGELOG.md
  2. 2
      components/Calendar/Calendar.vue
  3. 3
      components/Globals/Globals.vue
  4. 2
      components/Plugin/Plugin.vue
  5. 2
      components/Projects/ProjectItem.vue
  6. 12
      components/Roles/Roles.vue
  7. 84
      components/Skeleton/READ_ME.md
  8. 2
      components/Skeleton/Skeleton.vue
  9. 2
      components/TimeLine/TimeLine.vue
  10. 2
      components/TimeLine/component/TaskTools.vue
  11. 2
      components/TimeLine/component/TimeStatus.vue
  12. 2
      components/Tips/Tips.vue
  13. 4
      pages/index/index.vue
  14. 17
      pages/project/project.vue

17
CHANGELOG.md

@ -1,19 +1,20 @@
# 1.0.0 (2022-01-07)
# 1.0.0 (2022-01-10)
### 🌟 新功能
范围|描述|commitId
--|--|--
- | app.vue | [970cf9a](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/970cf9a)
- | first commit | [8dc26de](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/8dc26de)
- | vue3 | [12ed2ad](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/12ed2ad)
- | 使用uview完成api请求 | [1b3efd8](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/1b3efd8)
- | 日历页添加 | [1b46a91](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/1b46a91)
- | 更新代码 | [392c8cc](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/392c8cc)
- | 日历页首页 | [561c8e6](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/561c8e6)
- | 日历页添加 | [1b46a91](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/1b46a91)
- | 时间轴接口 | [a95d005](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/a95d005)
- | 时间轴页面 | [e926b75](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/e926b75)
- | 更新代码 | [392c8cc](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/392c8cc)
- | 项目列表 | [a52e6d5](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/a52e6d5)
- | 使用uview完成api请求 | [1b3efd8](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/1b3efd8)
- | 添加 timeline | [72dad2b](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/72dad2b)
- | 项目操作面板 | [3beb05e](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/3beb05e)
- | 项目列表 | [a52e6d5](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/a52e6d5)
- | app.vue | [970cf9a](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/970cf9a)
- | first commit | [8dc26de](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/8dc26de)
- | vue3 | [12ed2ad](https://101.201.226.163:50022/TALL/TALL-MUI-4/commits/12ed2ad)
### 🎨 代码样式

2
components/Calendar/Calendar.vue

@ -87,7 +87,7 @@
</template>
<script setup>
import { reactive, computed, watchEffect, defineProps, defineEmits } from 'vue';
import { reactive, computed, watchEffect } from 'vue';
import { useStore } from 'vuex';
import dayjs from 'dayjs';
import { generateDates, formatDate } from './generateDates.js';

3
components/Globals/Globals.vue

@ -39,7 +39,8 @@
<script setup>
import { computed } from 'vue';
import { useStore } from 'vuex';
import { useStore } from 'vuex';
import Skeleton from '@/components/Skeleton/Skeleton.vue';
const store = useStore();
const isShrink = computed(() => store.state.task.isShrink);

2
components/Plugin/Plugin.vue

@ -42,7 +42,7 @@
</template>
<script setup>
import { reactive, defineProps, nextTick, computed } from 'vue';
import { reactive, nextTick, computed } from 'vue';
import { useStore } from 'vuex';
const props = defineProps({

2
components/Projects/ProjectItem.vue

@ -63,7 +63,7 @@
</template>
<script setup>
import { ref, computed, defineProps, defineEmits } from 'vue';
import { ref, computed } from 'vue';
import dayjs from 'dayjs';
import { useStore } from 'vuex';
import config from '@/common/js/config.js';

12
components/Roles/Roles.vue

@ -65,10 +65,10 @@ onMounted(() => {
const query = uni.createSelectorQuery().in(this);
query
.selectAll('.tab-children')
.boundingClientRect(data => {
console.log('data', data);
if (data.length) {
data.roleLeft = data[0].left;
.boundingClientRect(res => {
console.log('data', res);
if (res.length) {
data.roleLeft = res[0].left;
}
})
.exec();
@ -84,8 +84,8 @@ function setCurrentRole(index) {
const query = uni.createSelectorQuery().in(this);
query
.selectAll('.tab-children')
.boundingClientRect(data => {
data.forEach(item => {
.boundingClientRect(res => {
res.forEach(item => {
data.tabList.push({ width: item.width });
});
})

84
components/Skeleton/READ_ME.md

@ -1,84 +0,0 @@
# skeleton组件
### 1.描述
> 此组件用于加载数据时占位图显示,跟vant-ui骨架屏用法相似,但比vant-ui更灵活
### 2.用法
- 基本用法
代码:
```vue
//基本用法
<skeleton :row="3" animate :loading="loading" >
<view>
content
</view>
</skeleton>
```
- **显示 title ——通过 **title 属性显示title占位图
代码:
```vue
//显示 title——通过 title 属性显示title占位图
<skeleton :row="3" title animate :loading="loading">
<view>
content
</view>
</skeleton>
```
- 显示头像(上面)——通过avatar=‘top’让头像的占位图上面显示
代码:
```vue
<skeleton :avatar="top" avatarAlign="left" :row="3" animate :loading="loading" style="margin-top:24rpx;">
<view>
content
</view>
</skeleton>
```
- 显示头像(左边)——通过avatar=‘left’让头像的占位图左边显示
代码:
```vue
<skeleton title :avatar="left" :row="3" animate :loading="loading" style="margin-top:24rpx;">
<view>
content
</view>
</skeleton>
```
- 显示banner**——通过 **banner属性显示banner占位图(只显示banner,不显示内容占位图时设置row="0")
代码:
```vue
<skeleton banner :row="0" animate :loading="loading" style="margin-top:24rpx;">
<view>
content
</view>
</skeleton>
```
###
### 3. API
### Props
| **属性名** | **说明** | **类型** | **默认值** | 可取值 |
| --- | --- | --- | --- | --- |
| loading | 是否显示骨架屏 | Boolean | true | true/false |
| row | 段落行数 | Number | String | 3 | 0表示不展现 |
| rowWidth | 段落行宽度 | Boolean &#124; Number | '100%' | |
| title | 是否显示标题 | Boolean &#124; String | false | |
| banner | 是否显示banner | Boolean &#124; String | false | |
| animate | 是否开启动画 | Boolean &#124; String | false | |
| avatar | 头像位置 | Boolean &#124; String | ''空 | left/top |
| avatarSize | 头像大小 | String | - | |
| avatarShape | 头像形状 | String | circle | circle/round |

2
components/Skeleton/Skeleton.vue

@ -12,7 +12,7 @@
</template>
<script setup>
import { computed, defineProps } from 'vue';
import { computed } from 'vue';
/**
* skeleton 骨架屏
* @description 用于加载数据时占位图显示跟Vant-UI用法相似但比Vant-UI更灵活

2
components/TimeLine/TimeLine.vue

@ -22,7 +22,7 @@
</template>
<script setup>
import { reactive, computed, defineEmits } from 'vue';
import { reactive, computed } from 'vue';
import { useStore } from 'vuex';
// import Barrier from './component/Barrier.vue';
import dayjs from 'dayjs';

2
components/TimeLine/component/TaskTools.vue

@ -40,7 +40,7 @@
</template>
<script setup>
import { defineProps, reactive } from 'vue';
import { reactive } from 'vue';
import CreateTask from '@/components/Title/components/CreateTask.vue';
defineProps({ task: { type: Object, default: () => {} } });

2
components/TimeLine/component/TimeStatus.vue

@ -57,7 +57,7 @@
</template>
<script setup>
import { reactive, onMounted, defineProps, computed } from 'vue';
import { reactive, onMounted, computed } from 'vue';
import { useStore } from 'vuex';
import CreateTask from '../../Title/components/CreateTask.vue';

2
components/Tips/Tips.vue

@ -24,7 +24,7 @@
</template>
<script setup>
import { useStore, defineProps, onMounted, computed, reactive } from 'vuex';
import { useStore, onMounted, computed, reactive } from 'vuex';
defineProps({ title: { default: '提示', type: String } });

4
pages/index/index.vue

@ -3,9 +3,7 @@
<view class="flex flex-col h-full bg-gray-50">
<view class="relative" @touchmove="onMove">
<!-- 日历 -->
<Calendar @selected-change="onDateChange" :show-back="true" ref="calendar"
@handleFindPoint="handleFindPoint"
/>
<Calendar @selected-change="onDateChange" :show-back="true" ref="calendar" @handleFindPoint="handleFindPoint" />
<!-- 上传 导入wbs -->
<Upload @success="onUploadSuccess" @error="onUploadError" />
</view>

17
pages/project/project.vue

@ -11,16 +11,14 @@
<Globals />
<!-- 定期任务面板 -->
<TimeLine @getTasks="getTasks" class="flex-1 overflow-hidden" ref="timeLine" />
<!-- <TimeLine @getTasks="getTasks" class="flex-1 overflow-hidden" ref="timeLine" /> -->
<TimeLine class="flex-1 overflow-hidden" ref="timeLine" />
</view>
</view>
</template>
<script setup>
import {
computed,
watch,
} from 'vue';
import { ref, computed, watch, onMounted } from 'vue';
import { useStore } from 'vuex';
import useInit from '@/hooks/project/useInit';
import useGetTasks from '@/hooks/project/useGetTasks';
@ -34,6 +32,15 @@ const timeUnit = computed(() => store.state.task.timeUnit);
const projectId = computed(() => store.getters['project/projectId']);
const userId = computed(() => store.getters['user/userId']);
const newProjectInfo = computed(() => store.state.task.newProjectInfo);
const height = ref(null);
onMounted(() => {
const system = uni.getSystemInfoSync();
height.value = system.windowHeight + 'px';
});
//
function getGlobalData() {

Loading…
Cancel
Save