<template>
  <div class="unreview-wrap common-set-wrap">
    <div class="right-content">
      <div class="right-box" style="min-height: calc(100vh - 126px)">
        <div>
          <el-checkbox v-model="storeSwitch" @change="changeSwitch" class="boxline">
            <div>
              <span class="inline-block font-14 color-303133">添加导购时，手机号必填</span>
              <div class="tips">注：勾选此项后，门店店长在好办移动端添加导购时，导购的手机号必填</div>
            </div>
          </el-checkbox>
        </div>
        <div class="m-t-20">
          <el-checkbox v-model="clerkChangeFlag" @change="changeSwitch" class="boxline">
            <div class="tips">
              <span class="inline-block font-14 color-303133">允许店长编辑门店信息</span>
              <div class="tips">注：勾选此项后，门店店长可以在好办移动端编辑门店名称、门店照片、门店面积、联系电话、营业时间、门店地址</div>
            </div>
          </el-checkbox>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'setting',
  data() {
    return {};
  },
  methods: {},
  mounted() {
    this.$emit('showTab', 6);
    document.documentElement.style.backgroundColor = '#f0f2f5';
  },
  destroyed() {
    document.documentElement.style.backgroundColor = '#fff';
  }
};
</script>
<style lang="scss" scoped>
.m-l-20 {
  margin-left: 20px;
}

.right-content {
  min-height: calc(100% - 126px);
  .right-box {
    background: #fff;
    min-height: 500px;
    padding: 20px;
  }
}
.boxline {
  display: flex;
  align-items: center;
}
.tips {
  font-size: 12px;
  color: grey;
}
</style>
