<template>
  <div class="daily-set-wrap ">
    <div class="daily-set-content border-box">
      <div class="salutatory-set-wrap m-t-20">
        <el-form label-width="100px" ref="form" :model="form">
          <el-form-item label="欢迎语标题"> </el-form-item>
          <el-form-item label="文本内容"> </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script>
import { getRequest } from '@/api/api';
// import { _debounce } from '@/common/js/public';
// import showMsg from '@/common/js/showmsg';
import errMsg from '@/common/js/error';
export default {
  props: {},
  data() {
    return {
      form: {}
    };
  },
  methods: {
    /**
     * 跳转
     */
    changeRoute() {
      this.$router.push('/contactsList');
    },

    /**
     * 获取数据
     */
    getData(val) {
      const that = this;
      let para = {
        wxEnterpriseId: that.wxEnterpriseId
      };
      getRequest('/haoban-manage3-web/admin-list', para)
        .then(res => {
          let resData = res.data;
          if (resData.errorCode == 1 && resData.result) {
            that.form = resData.result;
          }
          errMsg.errorMsg(resData);
        })
        .catch(function(error) {
          that.$message.error({
            duration: 1000,
            message: error.message
          });
        });
    }
  },
  watch: {},
  mounted() {
    const that = this;
    that.$emit('showTab', 4);
    document.documentElement.style.backgroundColor = '#f0f2f5';
    that.getData();
  },
  destroyed() {
    document.documentElement.style.backgroundColor = '#fff';
  },
  components: {}
};
</script>
<style type="text/scss" lang="scss" scoped>
.bg-ebecf0 {
  background: #ebecf0;
}
.color-c0c4cc {
  display: inline-block;
  line-height: 34px;
  padding-left: 10px;
  color: #c0c4cc;
}
.condition-tips {
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
}
.p-l-30 {
  padding-left: 30px;
}
.p-l-40 {
  padding-left: 40px;
}
.p-l-55 {
  padding-left: 55px;
}
.p-l-85 {
  padding-left: 85px;
}
.m-l-20 {
  margin-left: 20px;
}
.line-50 {
  height: 50px;
  line-height: 50px;
}
.el-alert--info {
  align-items: flex-start;
  width: 700px;
  padding-top: 5px;
  font-size: 14px;
  color: #606266;
  background: rgba(240, 245, 255, 1);
  border-radius: 2px;
  border: 1px solid rgba(133, 165, 255, 1);
}
.el-icon-info {
  width: 12px;
  font-size: 12px;
  color: #2f54eb;
  margin-top: 5px;
}
.el-alert__content {
  padding-left: 9px;
  .el-alert__title {
    font-size: 13px;
    font-weight: 400;
    color: #303133;
    line-height: 22px;
  }
}
.daily-set-wrap {
  height: 100%;
  .daily-set-content {
    padding: 20px;
    .table-condition-left {
      font-size: 0;
    }
  }
}
.salutatory-wrap {
  height: 160px;
  background: #f5f7fa;
  .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 47px;
    padding: 0 20px 0 29px;
    .left {
      font-size: 14px;
      font-weight: 600;
      color: #303133;
      line-height: 20px;
    }
    .right {
      .date {
        font-size: 12px;
        font-weight: 400;
        color: #909399;
        line-height: 17px;
        margin-right: 30px;
      }
    }
  }
  .line {
    box-sizing: border-box;
    border: 1px solid #e4e7ed;
    border-style: none none solid none;
  }
  .bottom {
    padding: 16px 20px 0 29px;
    .el-form-item {
      margin-bottom: 13px;
      >>> .el-form-item__label {
        padding: 0;
      }
      >>> .el-form-item__label,
      >>> .el-form-item__content {
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #303133;
      }
    }
  }
}
</style>
