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 apiUrl = process.env.VUE_APP_API_URL; |
||||
const tall = `${apiUrl}/defaultwbs`; |
const tall = `${apiUrl}/defaultwbs`; |
||||
|
const project = `${tall}/project`; |
||||
|
const role = `${tall}/role`; |
||||
|
const task = `${tall}/task`; |
||||
|
|
||||
const install = (Vue, vm) => { |
const install = (Vue, vm) => { |
||||
vm.$u.api = { ...vm.$u.api } || {}; |
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 }; |
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; |
export default actions; |
||||
|
|||||
Loading…
Reference in new issue