| | |
| | | </div> |
| | | </div> |
| | | <div class="m_p_center"> |
| | | <div class="m_p_c_tableIn" style="padding-top: 10px" v-if="tabTable.length <= 0"> |
| | | <div class="m_p_c_tableIn" style="padding-top: 10px"> |
| | | <el-empty v-show="onlyData.length == 0" description="暂无数据"></el-empty> |
| | | <mobilePopupOurOnce v-for="(citem, cindex) in onlyData" :key="citem.name + cindex" |
| | | :ends="onlyData.length - 1 == cindex" :onceData="citem"></mobilePopupOurOnce> |
| | |
| | | </el-divider> |
| | | </div> |
| | | </div> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick" v-else> |
| | | <el-tab-pane v-for="(item, index) in tabTable" :key="index" :label="item.title" :name="item.key"> |
| | | <div class="m_p_c_tableIn"> |
| | | <el-empty v-show="item.child.length == 0" description="暂无数据"></el-empty> |
| | | <mobilePopupOurOnce v-for="(citem, cindex) in item.child" :key="citem.icons" |
| | | :ends="item.child.length - 1 == cindex" :onceData="citem"></mobilePopupOurOnce> |
| | | <!-- {{ citem.icon }} --> |
| | | <div v-show="item.child.length != 0"> |
| | | <el-divider content-position="left"> |
| | | <i class="el-icon-s-promotion"></i> 暂无更多 |
| | | </el-divider> |
| | | </div> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | computed: { |
| | | ...mapGetters(['mBigPopup', 'popupOurOpenData']) |
| | | }, |
| | | |
| | | inject: ["mobileMapElement"], |
| | | |
| | | name: 'mobilePopupOur', |
| | | |
| | | data () { |
| | | return { |
| | | searchLabel: '', |
| | |
| | | choiceKey: '', |
| | | choiceMethod: '', |
| | | choiceData: [], |
| | | tabTable: [], |
| | | fullscreenLoading: false, |
| | | activeName: '1', |
| | | choiceMain: '', |
| | | onlyData: [] |
| | | } |
| | |
| | | |
| | | this.$store.commit('MSET_BIGPOPUPAFTER', false) // 关闭前一个弹窗 |
| | | // console.log("请求对应街道接口", this.popupOurOpenData); |
| | | this.getDataHeardDown() |
| | | this.getOutList(this.choiceKey) |
| | | }, |
| | | watch: { |
| | | fullscreenLoading () { |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | handleClick (tab, event) { |
| | | // 头下部标签 |
| | | this.fullscreenLoading = true |
| | | this.getOutList(this.activeName, this.choiceKey) |
| | | }, |
| | | choiceIt (command) { |
| | | // 头部下拉菜单 |
| | | this.fullscreenLoading = true |
| | |
| | | this.choiceKey = command.type |
| | | this.choiceMethod = command.method // 更改请求 |
| | | // console.log("请求对应头部下拉菜单接口", command); |
| | | this.getOutList(this.activeName, this.choiceKey) |
| | | this.getOutList(this.choiceKey) |
| | | }, |
| | | |
| | | closeBigPopup () { |
| | | this.$store.commit('MSET_BIGPOPUP', false) |
| | | }, |
| | | getDataHeardDown () { |
| | | if (this.choiceMain == '活动') { |
| | | // 不请求头部标签页数据 |
| | | this.getOutList(this.choiceKey) |
| | | return |
| | | } |
| | | if (this.choiceMain == '机构单位') { |
| | | this.getOutList('', this.choiceKey) |
| | | return |
| | | } |
| | | // 获取头下部标签页 |
| | | getListarc().then((res) => { |
| | | const title = [] |
| | | res.data.data.forEach((item) => { |
| | | title.push({ |
| | | title: item.dictValue, |
| | | flag: false, |
| | | key: item.dictKey, |
| | | child: [] |
| | | }) |
| | | }) |
| | | this.tabTable = title |
| | | this.getOutList(this.activeName, this.choiceKey) |
| | | }) |
| | | }, |
| | | |
| | | // 请求 |
| | | getOutList (campus, type) { |
| | | getOutList (type) { |
| | | // console.log(this.choiceMain, campus, type, "see"); |
| | | const that = this |
| | | let d |
| | |
| | | ) { |
| | | // 改变传入属性 |
| | | d = { |
| | | campus: campus, |
| | | lifetype: type |
| | | } |
| | | } else { |
| | | d = { |
| | | campus: campus, |
| | | type: type |
| | | } |
| | | } |
| | | this.choiceMethod(d).then((res) => { |
| | | this.choiceMethod({ |
| | | ...d, |
| | | campus: this.mobileMapElement.campusValue |
| | | }).then((res) => { |
| | | const data = res.data.data |
| | | const outList = [] |
| | | if ( |
| | |
| | | }) |
| | | } |
| | | |
| | | that.onlyData = outList |
| | | that.fullscreenLoading = false |
| | | if (this.choiceMain == '机构单位' || this.choiceMain == '活动') { |
| | | that.onlyData = outList |
| | | return |
| | | } |
| | | that.tabTable[+campus - 1].child = outList |
| | | }) |
| | | }, |
| | | // 搜索请求 |