小程序自己創(chuàng)建三級(jí)聯(lián)動(dòng)


/**
 * 
 *  ------------ 三級(jí)聯(lián)動(dòng)代碼區(qū)域 ------------
 */

  //創(chuàng)建門店 picker 數(shù)據(jù)
  createShops:function(){
    let globalShops = [...app.globalData.companyShopList]
    let branchs = [] // 分公司
    let subBranchs = [] // 子分公司 和分公司下的店
    let branchShops = [] // 子分公司下的店
    let indexs = self.data.compShopIndex // 為了實(shí)現(xiàn)每次打開picker數(shù)據(jù)能保持,(沒實(shí)現(xiàn)想要的結(jié)果)

    globalShops.forEach((dic,index) => {
      if (dic.supOrgCd == "ZD"){
        branchs.push(dic)
      }
    })

    globalShops.forEach(dic => {
      if (dic.supOrgCd == branchs[indexs[0]].orgCd){
        subBranchs.push(dic)
      }
    })
    subBranchs.unshift({ orgCd: "-1", orgNm: "全部門店" })    

    globalShops.forEach(dic => {
      if (dic.supOrgCd == subBranchs[indexs[1]].orgCd) {
        branchShops.push(dic) 
      }
    })
    if(branchShops.length>0){
      branchShops.unshift({orgCd:"-1",orgNm:"全部門店"})
    }

    let pickerShops = []
    pickerShops[0] = branchs
    pickerShops[1] = subBranchs
    pickerShops[2] = branchShops
    self.setData({
      shops : pickerShops
    })
  },

  // 滾動(dòng)picker 創(chuàng)建分公司數(shù)據(jù)下的店數(shù)據(jù)
  changeSubBranch:function(column,orgCd){
    let globalShops = [...app.globalData.companyShopList]
    let subBranchs = []
    globalShops.forEach(dic => {
      if (dic.supOrgCd == orgCd) {
        subBranchs.push(dic)
      }
    })

    if(column == 0){
      let pickerShops = []
      subBranchs.unshift({ orgCd: "-1", orgNm: "全部門店" })
      globalShops.forEach(dic => {
        if (dic.supOrgCd == subBranchs[0].orgCd) {
          pickerShops.push(dic)
        }
      })

      if(pickerShops.length > 0){
        pickerShops.unshift({ orgCd: "-1", orgNm: "全部門店" })
      }
      self.data.shops[2] = pickerShops

    }else{
      if (subBranchs.length > 0) {
        subBranchs.unshift({ orgCd: "-1", orgNm: "全部門店" })
      }
    }
    self.data.shops[column + 1] = subBranchs

    self.setData({
      shops: self.data.shops
    })
  },

  // 滾動(dòng)觸發(fā)  
  pickerChange:function(e){
 
    let column = e.detail.column
    let value = e.detail.value

    if(column == 0 || column == 1){ 
      let orgCd = self.data.shops[column][value].orgCd
      self.changeSubBranch(column, orgCd)
      if(column == 0){
        self.data.compShopIndex[1] = 0
      }
      self.data.compShopIndex[2] = 0
    }
    self.data.compShopIndex[column] = value
    self.setData({
      compShopIndex: self.data.compShopIndex
    })
  },

  // 點(diǎn)確定時(shí):   
  selectedSure:function(e){
    self.setData({
      compShopIndex:e.detail.value,
      comShopSureIndex:e.detail.value,
    })
    self.selectShopsCreate()
  },

  //創(chuàng)建搜索傳參數(shù)組
  selectShopsCreate:function(){
    let shops = []
    let compIndex = self.data.comShopSureIndex 
    let compShops = self.data.shops
    
    if(compShops[2].length <= 0){ //選擇在分公司下的二級(jí)維度

      if(compIndex[1] == 0){ // 查全部分公司
        compShops[1].forEach((dic,index) => {
          if(index != 0){
            if (dic.orgType == "0002"){ // 是子公司
              let globalShops = app.globalData.companyShopList
              globalShops.forEach(subDic => {
                if (dic.orgCd == subDic.supOrgCd){
                  shops.push(subDic.orgCd)
                }
              })
            }else{
              shops.push(dic.orgCd)
            }
          }
        })
      }else{ // 分公司下的單個(gè)店
        let dic = compShops[1][compIndex[1]]
        shops.push(dic.orgCd)
      }

    }else{ // 在子公司下的三級(jí)維度
      if(compIndex[2] == 0){// 查看全部子公司數(shù)據(jù)
        compShops[2].forEach((dic,index) => {
          if(index != 0){
            shops.push(dic.orgCd)
          }
        })
      }else{
        let dic = compShops[2][compIndex[2]]
        shops.push(dic.orgCd)
      }
    }

    console.log(shops)
    slelectShop = shops
    if (self.data.currentTab == '10') {
      self.getDayDate(self.data.currentTab)
    } else {
      self.getShopSale(self.data.currentTab);
    }
  },

       <picker class="inputView" mode = "multiSelector" range = "{{shops}}" range-key = "orgNm" value = "{{compShopIndex}}" bindchange="selectedSure" bindcolumnchange = "pickerChange" > 
        <input class="selectShop" disabled="true" value="{{shops[0][comShopSureIndex[0]].orgNm}}-{{shops[1][comShopSureIndex[1]].orgNm}}-{{shops[2][comShopSureIndex[2]].orgNm||''}}" placeholder="請(qǐng)選擇要搜索的門店"></input>
      </picker> 
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末萍桌,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌患蹂,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件想罕,死亡現(xiàn)場(chǎng)離奇詭異俭令,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)惫周,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門餐茵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人辆苔,你說我怎么就攤上這事算灸。” “怎么了驻啤?”我有些...
    開封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵菲驴,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我骑冗,道長(zhǎng)赊瞬,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任沐旨,我火速辦了婚禮森逮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘磁携。我一直安慰自己褒侧,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開白布谊迄。 她就那樣靜靜地躺著闷供,像睡著了一般。 火紅的嫁衣襯著肌膚如雪统诺。 梳的紋絲不亂的頭發(fā)上歪脏,一...
    開封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音粮呢,去河邊找鬼婿失。 笑死钞艇,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的豪硅。 我是一名探鬼主播哩照,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼懒浮!你這毒婦竟也來了飘弧?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤砚著,失蹤者是張志新(化名)和其女友劉穎次伶,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稽穆,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡冠王,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了秧骑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片版确。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖乎折,靈堂內(nèi)的尸體忽然破棺而出绒疗,到底是詐尸還是另有隱情,我是刑警寧澤骂澄,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布吓蘑,位于F島的核電站,受9級(jí)特大地震影響坟冲,放射性物質(zhì)發(fā)生泄漏磨镶。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一健提、第九天 我趴在偏房一處隱蔽的房頂上張望琳猫。 院中可真熱鬧,春花似錦私痹、人聲如沸脐嫂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽账千。三九已至,卻和暖如春暗膜,著一層夾襖步出監(jiān)牢的瞬間匀奏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來泰國打工学搜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留娃善,地道東北人论衍。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像聚磺,于是被迫代替她去往敵國和親饲齐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容