jjx-wap/components/index/collapse.vue

<template>
  <view class="bg-white">
    <u-collapse accordion>
      <u-collapse-item title="平台服务">
        <view class="flex justify-between items-center py-15 border-bottom" v-for="(item, index) in serviceList"
              :key="index"
              @click="$jump(`/pages/article/info?id=${item._id}`)">
          <text class="text-28">{{ item.name }}</text>
          <u-icon name="arrow-right"/>
        </view>
      </u-collapse-item>
      <u-collapse-item title="交易流程">
        <view class="flex justify-between items-center py-15 border-bottom" v-for="(item, index) in tradeList"
              :key="index"
              @click="$jump(`/pages/article/info?id=${item._id}`)">
          <text class="text-28">{{ item.name }}</text>
          <u-icon name="arrow-right"/>
        </view>
      </u-collapse-item>
      <u-collapse-item title="关于金久信">
        <view class="flex justify-between items-center py-15 border-bottom" v-for="(item, index) in aboutList"
              :key="index"
              @click="$jump(`/pages/article/info?id=${item._id}`)">
          <text class="text-28">{{ item.name }}</text>
          <u-icon name="arrow-right"/>
        </view>
      </u-collapse-item>
      <u-collapse-item title="旧货交易">
        <view class="flex justify-between items-center py-15 border-bottom" v-for="(item, index) in oldList"
              :key="index"
              @click="$jump(`/pages/article/info?id=${item._id}`)">
          <text class="text-28">{{ item.name }}</text>
          <u-icon name="arrow-right"/>
        </view>
      </u-collapse-item>
      <u-collapse-item title="找加工">
        <view class="flex justify-between items-center py-15 border-bottom" v-for="(item, index) in processList"
              :key="index"
              @click="$jump(`/pages/article/info?id=${item._id}`)">
          <text class="text-28">{{ item.name }}</text>
          <u-icon name="arrow-right"/>
        </view>
      </u-collapse-item>
      <u-collapse-item title="金久信学堂">
        <view class="flex justify-between items-center py-15 border-bottom"
              @click="$jump(`/pages/article/list?id=6574521499c62431df5b562c`)">
          <text class="text-28">行业动态</text>
          <u-icon name="arrow-right"/>
        </view>
        <view class="flex justify-between items-center py-15 border-bottom"
              @click="$jump(`/pages/article/list?id=6573d6fcf082105ea4bb5d09`)">
          <text class="text-28">技术论坛</text>
          <u-icon name="arrow-right"/>
        </view>
        <view class="flex justify-between items-center py-15 border-bottom"
              @click="$jump(`/pages/school/school`)">
          <text class="text-28">执行标准</text>
          <u-icon name="arrow-right"/>
        </view>
        <view class="flex justify-between items-center py-15 border-bottom"
              @click="$jump(`/pages/school/school`)">
          <text class="text-28">基础知识</text>
          <u-icon name="arrow-right"/>
        </view>

      </u-collapse-item>
      <u-collapse-item title="金久信金融">
        <view class="flex justify-between items-center mb-10" v-for="(item, index) in jinRongList" :key="index"
              @click="$jump(`/pages/article/info?id=${item._id}`)">
          <text class="text-28">{{ item.name }}</text>
          <u-icon name="arrow-right"/>
        </view>
      </u-collapse-item>

    </u-collapse>
    <div class="text-25 text-gray p-20">
      <div class="mb-20 flex justify-between items-center">
        <p class="out-link">
          <a rel="nofollow" target="_self"
             href="https://baike.baidu.com/item/%E5%8D%97%E5%AE%81%E4%BA%BF%E5%88%A9%E9%80%9A%E9%92%A2%E7%AE%A1%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/23408974?fr=ge_ala">亿利通官网</a>
          |<a rel="nofollow" target="_self"
              href="https://baike.baidu.com/item/%E5%8D%97%E5%AE%81%E4%BA%BF%E5%88%A9%E9%80%9A%E9%92%A2%E7%AE%A1%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/23408974?fr=ge_ala">亿利通</a>
        </p>
        <span>客服电话：400 686 5559</span>
      </div>
      <div class="wuage-copyright">
        <p>Copyright © 2020-2021&nbsp;&nbsp; jinjiuxinzg.cn &nbsp;&nbsp;All Rights Reserved &nbsp;&nbsp;</p>
        <p>版权所有：&nbsp;&nbsp;南宁亿利通钢管有限公司</p>
        <div class="flex justify-between items-center">
          <a href="https://beian.miit.gov.cn" rel="nofollow" target="_blank">桂ICP备19008827号-1</a>
          <a class="wuage-copyright"
             href="https://beian.mps.gov.cn/#/query/webSearch?code=45010702002145" rel="noreferrer"
             target="blank">桂公网安备45010702002145</a>
        </div>
      </div>
    </div>
  </view>
</template>

<script>
export default {
  name: "collapse",
  data() {
    return {
      jinRongList: [],
      tradeList: [],
      aboutList: [],
      coopList: [],
      processList: [],
      oldList: [],
      serviceList: [],
    }
  },
  mounted() {
    this.getJinRongList()
    this.getTradeList()
    this.getAboutList()
    this.getCoopList()
    this.getProcessList()
    this.getOldList()
    this.getServiceList()
  },
  methods: {
    async getJinRongList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "65761c6a09664c4f4a325a05"
        }
      })
      this.jinRongList = res.rows
    },
    async getTradeList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "657458db9755e36c09375be8"
        }
      })
      this.tradeList = res.rows
    },
    async getAboutList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "65761c33e0ec19b504d81f90"
        }
      })
      this.aboutList = res.rows
    },
    async getCoopList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "65761c53337a9f0756a154ee"
        }
      })
      this.coopList = res.rows
    },
    async getProcessList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "65761c49a09a9b1767464f4f"
        }
      })
      this.processList = res.rows
    },
    async getOldList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "65761c40466d41a58495c9ae"
        }
      })
      this.oldList = res.rows
    },
    async getServiceList() {
      const res = await vk.callFunction({
        url: 'client/otherArticle/list/pub/getList',
        data: {
          parentId: "65761c229755e36c0976fb82"
        }
      })
      this.serviceList = res.rows
    }
  }
}
</script>