編輯導(dǎo)讀：日志管理大家應(yīng)該都用過，它可以有效地幫助我們制定工作任務(wù)，便于管理和查詢。本文作者利用Axure制作一個日志管理原型，并對過程中遇到的一些問題進行了簡單的梳理，與大家分享。

今天教大家如果在axure里面用中繼器做一個工作日志、工作計劃的原型。

原型預(yù)覽地址：https://bl854l.axshare.com

01 材料準(zhǔn)備

日期選擇器、中繼器、文本框、文本、添加按鈕、刪除按鈕

02 日期選擇器快速制作

選擇拖出文本框元件，然后點擊類型-選擇日期即可。

如果覺得系統(tǒng)提供的日期元件不美觀，也可以自己用函數(shù)制作

03 中繼器內(nèi)擺放

文本框1——命名為開始時間，提示文字開始時間

文本框2——命名為結(jié)束時間，提示文字結(jié)束時間

文本框3——命名為工作計劃，提示文字請輸入工作計劃

文本框樣式可選擇無邊框透明，會更加美觀

添加按鈕和刪除按鈕各一個，美觀的按鈕可以在icont下載

如下圖所示擺放：

04 中繼器內(nèi)表格

date是日期，代表是哪一天的計劃

time1代表開始時間

time2代表結(jié)束時間

plan代表工作計劃

05 交互事件

中繼器每項加載時

設(shè)置開始時間文本=item.time1

設(shè)置結(jié)束時間文本=item.time2

設(shè)置結(jié)束工作計劃文本=item.plan

點擊添加按鈕時

添加行時間，設(shè)置date=選中的日期，其余為空即可，讓用戶自己設(shè)置

點擊刪除按鈕時

刪除改行

選中日期時

點擊日期后獲取日期文本

添加對中繼器的篩選，篩選條件為[[TargetItem.date==LVAR1]]，lvar1為日期文本

以上就是工作日志管理的原型的教學(xué)了。

本文由 @做產(chǎn)品但不是經(jīng)理 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。