<!--
 * @Descripttion: 当前组件信息
 * @version: 1.0.0
 * @Author: 无尘
 * @Date: 2020-04-14 09:50:16
 * @LastEditors: 无尘
 * @LastEditTime: 2020-04-14 13:53:28
 -->
<!--
  <help-dialog  @closeHelp="closeHelp"></help-dialog>
  import helpDialog from '@/components/company/help-dialog.vue';
 -->
<template>
  <el-dialog title="查看使用帮助" :visible.sync="dialogVisible" width="600px" :before-close="handleClose">
    <div class="p-l-18">
      <div class="m-b-20">1. <span class="font-14 iconfont icondianpu-kuai color-dedfe6"></span> 表示未同步的门店，<span class="font-14 iconfont icondianpu-kuai color-2f54eb"></span> 表示门店已同步至企业微信；</div>
      <div class="m-b-20">2. <span class="font-14 iconfont iconqiye-tianchong color-dedfe6"></span> 表示未同步的门店分组，<span class="font-14 iconfont iconqiye-tianchong color-2f54eb"></span> 表示门店分组已同步至企业微信；</div>
      <div class="m-b-20">3. <span class="font-12 color-606266 el-icon-caret-right"></span> 表示企业微信中已有的部门或分组。</div>
    </div>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      dialogVisible: true
    };
  },
  methods: {
    handleClose(done) {
      const that = this;
      that.$emit('closeHelp');
    }
  }
};
</script>
<style lang="less" scoped>
.m-b-20 {
  margin-bottom: 20px;
}
.p-l-18 {
  padding-left: 18px;
}
</style>
