<template>
  <div class="app-container">
    <div class="hospital">
      安阳市“安享阳光，瘦出美好模样”
      <br />
      全民科学减重活动知情同意书
    </div>
    <div class="zqty">
      <div class="text-bt">尊敬的先生/女士：</div>
      <div class="text-dl">
        您好！非常感谢您参与安阳市“安享阳光，瘦出美好模样”全民科学减重活动。本次活动是安阳市“体重管理年”系列活动之一，旨在倡导市民树立“每个人是健康第一责任人”理念，科学管理体重，提升健康水平。
      </div>
      <div class="text-dl">在您参与此次活动前，请您仔细阅读以下内容：</div>
      <div class="text-dl">
        1.本活动按照自愿参加、知情同意、公益健康的原则，倡导符合入选标准的市民参加。
      </div>
      <div class="text-dl">
        2.请您如实填写报名信息，身体质量指数（BMI）以安阳市人民医院现场测量的数据作为评判最终入选的标准；报名信息提交成功后，请您按照小程序的提示预约现场测量时间地点。
      </div>
      <div class="text-dl">
        3.科学减重需循序渐进，进行合理的饮食控制和定期的体育锻炼，请您在安阳市人民医院专业减重团队的指导下，自律遵守有关项目管理要求，自觉改变不利于体重管理的行为习惯，按时参与数据填报及回访工作。
      </div>
      <div class="text-dl">
        4.安阳市人民医院采用的体重管理方法已通过严格的医学验证与实践检验，安全可靠。
      </div>
      <div class="text-dl">
        5.若在活动过程中，您因身体突发状况或其他不可抗力因素需要退出，请及时告知安阳市人民医院，我们将尊重您的决定，并妥善处理后续事宜
        。
      </div>
      <div class="text-dl">
        本人已仔细阅读并充分理解上述内容，同意自愿参与本次活动，愿意积极配合组织者完成后续各项任务。
      </div>
      <div class="btn-dl">
        <el-checkbox v-model="flag" label="同意" border></el-checkbox>
      </div>
    </div>
    <div class="btn-dl">
      <!-- <div
        class="btn-dl-ty"
        :class="{ 'btn-dl-gl': flag === 1 }"
        @click="flag = 1"
      >
        同意
      </div>
      <div
        class="btn-dl-bty"
        :class="{ 'btn-dl-gl': flag === 0 }"
        @click="flag = 0"
      >
        不同意
      </div> -->
    </div>
    <div class="submit-box">
      <el-button type="primary" class="submit-box-but" @click="handleStep">
        下一步
      </el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "Notice",
  data() {
    return {
      flag: null,
    };
  },
  created() {
    this.tenantId = this.$route.query.tenantId;
  },
  methods: {
    // 同意不同意
    handleStep() {
      if (!this.flag) {
        this.$message({
          type: "error",
          message: "请先同意安阳市健康体重管理活动知情同意书",
        });
        return;
      }
      this.$router.replace({
        path: "/screening/h5eva",
        query: {
          tenantId: this.tenantId,
        },
      });
    },
  },
};
</script>
<style scoped src="@/assets/styles/common.css"></style>
<style scoped>
>>> .el-checkbox__input {
  width: 14px;
  height: 14px;
}
>>> .el-checkbox {
  background: #fff;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcdfe6;
}
.btn-dl {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}
.btn-dl div {
  flex: 1;
  background: #fff;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
}
.btn-dl-gl {
  color: #dad0a7;
}
.btn-dl-ty {
  margin-right: 16px;
}
.text-dl {
  text-indent: 2em;
  font-size: 16px;
  color: #222;
  line-height: 28px;
}
.text-bt {
  font-size: 18px;
  color: #222;
  line-height: 30px;
  margin-bottom: 5px;
}
.zqty {
  padding: 16px;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 14px;
}
>>> .el-checkbox {
  margin-right: 10px rtant;
}
.form-item-xbs >>> .el-form-item__content {
  margin-left: 0 !important;
}
.qq {
  color: green;
}
.idcardupd {
  height: 44px;
  margin-bottom: 14px;
}
.idcardupd-but {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.idcardupd-but span {
  padding-top: 1px;
}
.idcardupd-but img {
  width: 20px;
  height: 20px;
}
.idcardupd >>> .el-upload {
  height: 44px;
  border: none;
  background: #dad0a7;
}
.hospital1 {
  text-align: center;
  font-size: 14px;
  color: #999;
}
.hospital {
  background: #fff;
  font-size: 20px;
  color: #406e49;
  font-weight: 600;
  margin-bottom: 10px;
  border-radius: 6px;
  padding: 10px 16px;
  text-align: center;
}
.BIMTips1 {
  color: #cccccc;
}
.BIMTips2 {
  color: #66cc00;
}
.BIMTips3 {
  color: #c3c300;
}
.BIMTips4 {
  color: #ff9900;
}
.item-radio {
  display: block;
  margin-bottom: 10px;
}
.item-title {
  font-size: 18px;
  font-weight: bold;
  color: #3d3d3d;
  line-height: 26px;
}
.item-radio-box {
  margin: 16px 0px;
}
>>> .el-radio__label {
  font-size: 16px;
  color: #555555;
  line-height: 20px;
}
.submit-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.submit-box .submit-box-but {
  background: #dad0a7;
  width: 100%;
  font-size: 16px;
}
.card {
  padding: 16px;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 14px;
}

.card-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
}

.card-tips {
  font-size: 14px;
  color: #999999;
}
/*  */
.app-container {
  /* background: linear-gradient(to bottom, #406E49, #f7f8fa); */
  background: #406e49;
  min-height: 100vh;
}
>>> .el-input__inner {
  border: none;
  border-bottom: 1px solid #dcdfe6;
  border-radius: 0;
}
>>> .el-date-editor.el-input {
  width: 100% !important;
}
>>> .el-form-item--medium .el-form-item__label {
  padding-right: 30px;
}

>>> .el-radio input[aria-hidden="true"] {
  display: none !important;
}

>>> .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled)
  .el-radio__inner {
  box-shadow: none !important;
}
</style>
<!-- >>> .el-input__inner {
  padding: 0 15px !important;
} -->
