拜訪列表item:
無(wú)事件交互,直接顯示標(biāo)題,日期(已格式化),內(nèi)容(最多兩行)
{
? ??name: //公司名字
? ??c_time_str: //時(shí)間,已格式化
? ??summary:總結(jié)
}
拜訪是他們的業(yè)務(wù)員外出工作,填寫的拜訪信息,公司為了監(jiān)管業(yè)務(wù)員,新建填寫拜訪信息需要獲取經(jīng)緯度(就是列表下面的新建),因?yàn)橛邢旅嬉粋€(gè)新的混編
getGps, js需要app通過(guò)用戶授權(quán)后回調(diào)用戶當(dāng)前的經(jīng)緯度,回調(diào)數(shù)據(jù)為:
{
? ? lat://越精確越好,用戶拒絕授權(quán)傳0
? ? lng:?//越精確越好,用戶拒絕授權(quán)傳0
}
=========================================================================================================================
chooseAll js讓app做全選操作, 不需要回調(diào)
calSel js讓app計(jì)算當(dāng)前所有選中的列數(shù)據(jù),并立即在當(dāng)前列表回調(diào)選中的數(shù)據(jù)
{
arr: 選中的數(shù)組
}
接下來(lái)就是新增的幾個(gè)列表的item:因?yàn)檫@幾個(gè)item是沒(méi)有設(shè)計(jì)圖的,我用iPhone 6模擬器截圖,你直接按截圖做哇。
下面的列表都是單列表:
列表item首先我增加了一個(gè)通用事件,就是任何列表的item只要用戶點(diǎn)擊了非按鈕區(qū)域,一定回調(diào)js,這樣可以簡(jiǎn)化很多操作,比如常見的資訊列表到詳情全部可以自動(dòng)化了。
1. 列表點(diǎn)擊通用混編:
調(diào)用js的handler為appAction,action為itemclick,向js傳遞的json數(shù)據(jù)item對(duì)應(yīng)的數(shù)據(jù)
所有混編handler都是appAction,后面是說(shuō)action的值。
2. 客戶列表:參考截圖,里面有兩個(gè)自定義按鈕事件。
頁(yè)面路徑:業(yè)務(wù)員(ywytest 123456)首頁(yè)-我的客戶
注: 注意有好幾個(gè)列表item里面的key-value都是服務(wù)器返回的,如:營(yíng)業(yè)執(zhí)照(字段) 123456(字段),
按設(shè)計(jì)圖從上到下依次的數(shù)據(jù)字段:
{
? ? no: ? //頂部公司編碼
? ??name: //頂部公司名字 ?注:no + name 拼成一個(gè)整體字符串顯示
? ??lxr: ?//聯(lián)系人
????organization_address: //公司地址? ??
? ??license:[
? ? ? ? {
? ??????????name_str: //最下面三個(gè)鍵值對(duì)的key
? ??????????date_str: ? ? //最下面三個(gè)鍵值對(duì)的value
????????},
????]
}
點(diǎn)擊事件:
代客下單:action =?daimai,數(shù)據(jù)為item對(duì)應(yīng)的json數(shù)據(jù)
開通品種:action =?kaitong,數(shù)據(jù)為item對(duì)應(yīng)的json數(shù)據(jù)
3. 審核管理列表:參考截圖
頁(yè)面路徑:業(yè)務(wù)員(jpywytest 123456)首頁(yè)-我的客戶
有兩個(gè)頁(yè)面,其實(shí)是同一個(gè)item的不同數(shù)據(jù)顯示:
{
? ??is_examine: //是否審核,101已審核 ? 102未審核
? ??time_str: //審核時(shí)間
? ? ?no: ? //頂部公司編碼
? ? ? name: //頂部公司名字注:no + name 拼成一個(gè)整體字符串顯示
? ? ? ?lxr: //聯(lián)系人
? ??organization_address: //公司地址
? ? goods:{
? ? ? ? no: //商品編碼
? ??????image:{ url: ?//商品圖片}
? ??????title: //商品標(biāo)題
? ??????manufacturer: //生產(chǎn)公司
? ??????specification://規(guī)格
? ??????price: //商品價(jià)格
????}
}
注:
(1)如果商品的m.goods.no 為空,需要隱藏商品信息
(2)m.is_examine == 101,表示審核通過(guò),隱藏審核按鈕,隱藏審核中,顯示審核價(jià)格。
(3)m.is_examine == 102,表示審核不通過(guò),顯示審核按鈕,顯示審核中。
點(diǎn)擊事件:
action=shenhe, 數(shù)據(jù)為當(dāng)前行的data。
4. 之前的商品item新增:
show_cart:101顯示購(gòu)物車按鈕 ?102隱藏購(gòu)物車按鈕
5.品種item:這個(gè)item相對(duì)比較復(fù)雜,有勾選,他和商品item長(zhǎng)的比較像,我沒(méi)有復(fù)用
路徑:我的-當(dāng)前客戶-開通品種
數(shù)據(jù):
{
? ? ? ?is_open: //商品開通購(gòu)買權(quán)限 101已開通(刪除授權(quán),修改價(jià)格) ?102未開通(開通品種)
????can_change: //? ? ? ??is_open=101的情況下,是否允許修改價(jià)格,101才顯示修改價(jià)格按鈕,102隱藏
? ??image:{
? ? ? ? url: //商品圖片
? ? }
? ??title: //商品標(biāo)題
? ??manufacturer://廠商
? ??specification: //規(guī)格
? ??validity_date: //有效期
? ??price1_str://如圖上的會(huì)員價(jià)字樣對(duì)應(yīng)的字段
? ??price1: //會(huì)員價(jià)價(jià)格
? ??price_str: ?//如圖上的底價(jià)字樣對(duì)應(yīng)的字段
? ??price://底價(jià)
? ??stock_str: //庫(kù)存整塊字符串,直接顯示
}
點(diǎn)擊事件:
開通品種:action=dankai
修改價(jià)格:action=xiugai
刪除授權(quán):action=shanchu