forked from ccsens_fe/tall-mui-3
16 changed files with 318 additions and 230 deletions
@ -1,9 +1,17 @@ |
|||
const apiUrl = process.env.VUE_APP_API_URL; |
|||
const tall = `${apiUrl}/defaultwbs`; |
|||
const project = `${tall}/project`; |
|||
const role = `${tall}/role`; |
|||
const task = `${tall}/task`; |
|||
|
|||
const install = (Vue, vm) => { |
|||
vm.$u.api = { ...vm.$u.api } || {}; |
|||
vm.$u.api.findProjectById = params => vm.$u.post(`${tall}/project/findProjectById`, params); |
|||
//根据id获取项目信息
|
|||
vm.$u.api.findProjectById = params => vm.$u.post(`${project}/findProjectById`, params); |
|||
//查询角色栏展示的角色
|
|||
vm.$u.api.findShowRoles = params => vm.$u.post(`${role}/show`, params); |
|||
//根据时间基准点和角色查找定期任务
|
|||
vm.$u.api.getRegularTask = params => vm.$u.post(`${task}/regular`, params); |
|||
}; |
|||
|
|||
export default { install }; |
|||
|
|||
@ -1,22 +0,0 @@ |
|||
<template> |
|||
<view class="wrap"> |
|||
<time-bar /> |
|||
<view class="container p-2"> |
|||
<time-line /> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import TimeBar from './component/TimeBar'; |
|||
import TimeLine from './component/TimeLine'; |
|||
|
|||
export default { |
|||
name: 'Project', |
|||
components: { TimeBar, TimeLine }, |
|||
data() { |
|||
return {}; |
|||
}, |
|||
methods: {}, |
|||
}; |
|||
</script> |
|||
@ -1,37 +0,0 @@ |
|||
<template> |
|||
<view class> |
|||
<!-- :class="{ active: cycleTasks.time.start === filter.startTime }" --> |
|||
<view class="cycle-time active"> |
|||
<!-- {{ $util.formatStartTimeToCycleTime(filter.time, cycleTasks.time.start) }} --> |
|||
2021年30周 |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'TimeBar', |
|||
data() { |
|||
return {}; |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.cycle-time { |
|||
padding: 8rpx 16rpx; |
|||
margin-bottom: 16rpx; |
|||
background: #fafafc; |
|||
color: $uni-text-color; |
|||
font-size: 14px; |
|||
position: sticky; |
|||
top: -1px; |
|||
left: 0; |
|||
z-index: 99; |
|||
|
|||
&.active { |
|||
background: $uni-color-primary; |
|||
color: $uni-text-color-inverse; |
|||
} |
|||
} |
|||
</style> |
|||
@ -1,80 +0,0 @@ |
|||
<template> |
|||
<u-time-line> |
|||
<u-time-line-item nodeTop="2"> |
|||
<!-- 此处自定义了左边内容，用一个图标替代 --> |
|||
<template v-slot:node> |
|||
<view class="u-node state"> |
|||
<!-- 此处为uView的icon组件 --> |
|||
<!-- <u-icon :size="24" color="#fff" name="play-right-fill"></u-icon> --> |
|||
<u-circle-progress :percent="100" active-color="#2979ff" borderWidth="4" width="66"> |
|||
<view class="u-progress-content"> |
|||
<view class="u-progress-dot"></view> |
|||
<text class="u-progress-info"> |
|||
<u-icon name="checkmark" size="30"></u-icon> |
|||
</text> |
|||
</view> |
|||
</u-circle-progress> |
|||
</view> |
|||
</template> |
|||
<template v-slot:content> |
|||
<view> |
|||
<view class="u-order-title">待取件</view> |
|||
<view class="u-order-desc">[自提柜]您的快件已放在楼下侧门，直走前方53.6米。</view> |
|||
<view class="u-order-time">2019-05-08 12:12</view> |
|||
</view> |
|||
</template> |
|||
</u-time-line-item> |
|||
<u-time-line-item> |
|||
<!-- 此处没有自定义左边的内容，会默认显示一个点 --> |
|||
<template v-slot:content> |
|||
<view> |
|||
<view class="u-order-desc">【深圳市】日照香炉生紫烟，遥看瀑布挂前川，飞流直下三千尺，疑是银河落九天。</view> |
|||
<view class="u-order-time">2019-12-06 22:30</view> |
|||
</view> |
|||
</template> |
|||
</u-time-line-item> |
|||
</u-time-line> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'TimeLine', |
|||
data() { |
|||
return {}; |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.u-node { |
|||
width: 44rpx; |
|||
height: 44rpx; |
|||
border-radius: 100rpx; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
background: #d0d0d0; |
|||
} |
|||
|
|||
.state { |
|||
border: 2px solid #999; |
|||
background: #fff; |
|||
} |
|||
|
|||
.u-order-title { |
|||
color: #333333; |
|||
font-weight: bold; |
|||
font-size: 32rpx; |
|||
} |
|||
|
|||
.u-order-desc { |
|||
color: rgb(150, 150, 150); |
|||
font-size: 28rpx; |
|||
margin-bottom: 6rpx; |
|||
} |
|||
|
|||
.u-order-time { |
|||
color: rgb(200, 200, 200); |
|||
font-size: 26rpx; |
|||
} |
|||
</style> |
|||
@ -1,3 +1,52 @@ |
|||
const actions = {}; |
|||
const actions = { |
|||
/** |
|||
* 通过项目id获取项目信息 |
|||
* @param {any} commit |
|||
* @param {object} params 提交的参数 |
|||
*/ |
|||
async getProjectById({ commit }, params) { |
|||
try { |
|||
uni.$u.api.findProjectById(params).then(res => { |
|||
commit('setProject', res); |
|||
return res; |
|||
}); |
|||
} catch (error) { |
|||
throw error || '获取项目信息失败'; |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 通过项目id获取角色信息 |
|||
* @param {any} commit |
|||
* @param {object} params 提交的参数 |
|||
*/ |
|||
async getRoles({ commit }, params) { |
|||
try { |
|||
const res = await uni.$u.api.findShowRoles(params); |
|||
commit('setInvisibleRoles', res.invisibleList); |
|||
commit('setVisibleRoles', res.visibleList); |
|||
return res; |
|||
} catch (error) { |
|||
throw error || '获取角色信息失败'; |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 根据时间基准点和角色查找定期任务 |
|||
* @param {string} roleId 角色id |
|||
* @param {string} timeNode 时间基准点 默认当前 |
|||
* @param {string} timeUnit 时间颗粒度 默认天 |
|||
*/ |
|||
async handleRegularTask({ commit }, params) { |
|||
try { |
|||
uni.$u.api.getRegularTask(params).then(res => { |
|||
commit('setTasks', res); |
|||
return res; |
|||
}); |
|||
} catch (error) { |
|||
throw error || '获取定期任务失败'; |
|||
} |
|||
}, |
|||
}; |
|||
|
|||
export default actions; |
|||
|
|||
Loading…
Reference in new issue