<template>
  <div class="page">
    <div class="system">
      <div class="title">积分超市管理制度</div>
      <p class="mini-title underline">为规范积分超市管理流程，保证积分超市正常运行，结合{{ areaName }}实际，特制定本制度。</p>
      <p class="text">1、每月15日、30日各开放1次，时间分别为<span class="underline">上午9:00-11:00；下午14:30-16:30。</span></p>
      <p class="text">2、积分超市每月清点兑换物品，及时补充兑换货物，确保货物充足，品类丰富。</p>
      <p class="text">3、本超市管理人员应严格按照信用券兑换标准执行兑换并及时记录信用户的积分兑换记录。</p>
      <p class="text">4、超市开放时间段管理员必须在岗在位，热情开展兑换服务，确保公平公正，严禁态度蛮横、弄虚作假。</p>
      <p class="text">5、信用户凭借信用券根据自己的实际需要，在本超市内自主选择所需的物品，并由管理员登记确认。</p>
      <p class="text">6、积分超市内环境卫生干净整洁，超市内禁止吸烟等其他不文明行为。</p>
    </div>
  </div>
</template>
<script>
import {mapState} from 'vuex'

export default {
  name: "my",
  computed: {
    ...mapState(['user', 'token'])
  },
  data() {
    return {
      areaName: ''
    }
  },
  onLoad(options) {
    this.areaName = options.areaName
  },
}
</script>
<style scoped lang="scss">
@import "~dvcp-wui/common";

.page {
  width: 100%;
  background-color: #fff;

  .system {
    padding: 0 30px;

    .title {
      width: 100%;
      font-size: 34px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #333;
      line-height: 28px;
      text-align: center;
      padding: 40px 0;
    }

    .mini-title {
      font-size: 30px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222;
      line-height: 48px;
      margin-bottom: 32px;
      width: 100%;
      word-break: break-all;
    }

    .text {
      width: 100%;
      font-size: 30px;
      font-family: PingFangSC-Regular, PingFang SC;
      color: #333;
      line-height: 40px;
      margin-bottom: 20px;
      word-break: break-all;
    }
  }
}
</style>
