<template>
  <div id="service" class="app">
    <van-image :src="require('../../assets/image/partySchool.jpg')" />
    <van-grid :column-num="2">
      <van-grid-item
        @click="() => toUrl('peeList')"
        icon="balance-o"
        text="缴纳党费"
      />
      <van-grid-item
        @click="() => toUrl('JoinParty')"
        icon="chart-trending-o"
        text="党员发展"
      />
      <van-grid-item
        @click="() => toUrl('relationshipTransferFrom')"
        icon="flag-o"
        text="组织关系转移"
      />
      <van-grid-item
        @click="() => toUrl('activist')"
        icon="manager-o"
        text="培养积极分子"
      />
      <van-grid-item
        @click="() => toUrl('relationshipTransfer')"
        icon="cluster-o"
        text="党支部"
      />
      <van-grid-item
        @click="() => toUrl('leaving')"
        icon="comment-o"
        text="留言"
      />
    </van-grid>
  </div>
</template>

<script>
import {
  Grid as vanGrid,
  GridItem as vanGridItem,
  Image as VanImage
} from "vant";
import "vant/lib/grid/style";
import "vant/lib/grid-item/style";
export default {
  name: "app",
  data: function() {
    return {};
  },
  methods: {
    toUrl(id) {
      if (!id) return;
      console.log("服务-->", id);
      window.parent
        ? (window.parent.location.href = "./" + id + ".html")
        : (location.href = "./" + id + ".html");
    }
  },
  mounted() {},
  beforeDestroy: function() {},
  components: { vanGrid, vanGridItem, VanImage }
};
</script>
<style lang="scss" scoped>
#service {
}
</style>
