<template>
  <a-card :bordered="false">
    <p>会员分组设置</p>
    <a-divider />
    <div class="space-align-container">
      <div class="height-100" @click="toPage('/tenant/marketinfo/member')">
        <img
          src="http://oss.qlan99.com/20200529/733024169836404bb2db66450167dd06.png"
        />
        <p>会员列表</p>
      </div>

      <div class="height-100" @click="toPage('/tenant/marketinfo/memberrecharge')">
        <img
          src="http://oss.qlan99.com/20200529/4446ad625b404d64ac67494266d2452b.png"
          width="50"
        />
        <p>会员充值</p>
      </div>
    </div>
    <p style="margin-top: 25px">营销管理</p>
    <a-divider />
    <div class="space-align-container">
      <div class="height-100" @click="toPage()">
        <img
          src="http://oss.qlan99.com/20200529/7346d2530c61445bbd0638f98d863f23.png"
        />
        <p>营销短信</p>
      </div>
      <div class="height-100" @click="toPage('/tenant/marketinfo/agreementunit')">
        <img
          src="https://oss.qlan99.com/20200525/5a16520de701452d885cdcbfd2508e50.png"
        />
        <p>协议单位</p>
      </div>
      <div class="height-100" @click="toPage('/tenant/marketinfo/mealcouponsverify')">
        <img
          src="http://oss.qlan99.com/20200529/7a270d9a3a534034ac03c2fdd23139ab.png"
        />
        <p>餐券核销</p>
      </div>
      <div class="height-100" @click="toPage('/tenant/marketinfo/couponscash')">
        <img
          src="http://oss.qlan99.com/20200529/7a270d9a3a534034ac03c2fdd23139ab.png"
        />
        <p>优惠券</p>
      </div>
      <div class="height-100" @click="toPage('/tenant/marketinfo/mealcoupons')">
        <img
          src="http://oss.qlan99.com/20200529/7a270d9a3a534034ac03c2fdd23139ab.png"
        />
        <p>餐券</p>
      </div>
      <div class="height-100" @click="toPage('/tenant/marketinfo/coupons')">
        <img
          src="http://oss.qlan99.com/20200529/7a270d9a3a534034ac03c2fdd23139ab.png"
          width="50"
        />
        <p>免房券</p>
      </div>
    </div>
    <p>会议管理</p>
    <a-divider />
    <div class="space-align-container">
      <div class="height-100" @click="toPage('/tenant/marketinfo/meetingroomschedule')">
        <img
          src="http://oss.qlan99.com/20210204/1aef78a036e84fd18caebc0de5175281.png"
        />
        <p>会议室管理</p>
      </div>

      <div class="height-100" @click="toPage('/tenant/marketinfo/meetingroom')">
        <img
          src="http://oss.qlan99.com/20210204/70ad866bfd9a431b9bec3e8e2234ee39.png"
          width="50"
        />
        <p>会议室设置</p>
      </div>
      <div class="height-100" @click="toPage('/tenant/marketinfo/meetingroomscheduleorder')">
        <img
          src="http://oss.qlan99.com/20210204/528927c30c854370a28085a02774b951.png"
          width="50"
        />
        <p>会议室订单管理</p>
      </div>
    </div>
    <!-- <p>会员分组设置</p>
    <a-divider />
    <a-space>
      <div class="height-100">
        <img
          src="http://oss.qlan99.com/20200529/733024169836404bb2db66450167dd06.png"
        />
        <p>会员列表</p>
      </div>
      <div class="height-100">
        <img
          src="http://oss.qlan99.com/20200529/4446ad625b404d64ac67494266d2452b.png"
          width="50"
        />
        <p>会员充值</p>
      </div>
    </a-space> -->
  </a-card>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    toPage(url) {
      if(!url){
        this.$message.warning('开发中,请先体验其他');
        return
      }
      this.$router.push(url);
    },
  },
};
</script>

<style scoped>
.height-100 {
  height: 100px;
  line-height: 100px;
  background: #f5f5f5;
  width: 15vw;
  align-items: center;
  display: flex;
  cursor: pointer;
  padding: 4px;
  margin: 8px 4px;
}
.height-100 img {
  margin: 15px;
  width: 50px;
  height: 50px;
}
.height-100 p {
  font-weight: 600;
  font-size: 14px;
  color: #000;
}

.space-align-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.space-align-block {
  margin: 8px 4px;
  border: 1px solid #40a9ff;
  padding: 4px;
  flex: none;
}
.space-align-block .mock-block {
  display: inline-block;
  padding: 32px 8px 16px;
  background: rgba(150, 150, 150, 0.2);
}
</style>
