acupuncture/acupuncture-前台/src/views/screening/h5.vue

<template>
  <div class="app-container">
    <div class="hospital">南宁市健康体重管理活动知情同意书</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.生活影响说明：参与本次活动仅需您投入少量时间，整个过程不会干扰您的日常生活节奏，不会给您带来任何不利影响。
      </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>
    <div class="btn-dl">
      <div
        class="btn-dl-ty"
        :class="{ 'btn-dl-gl': flag === 1 }"
        @click="handleFlag(1)"
      >
        同意
      </div>
      <div
        class="btn-dl-bty"
        :class="{ 'btn-dl-gl': flag === 0 }"
        @click="flag = 0"
      >
        不同意
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Notice",
  data() {
    return {
      flag: null,
    };
  },
  created() {
    this.tenantId = this.$route.query.tenantId;
  },
  methods: {
    // 同意不同意
    handleFlag(_flag) {
      this.flag = _flag;
      this.$router.push({
        path: "/screening/h5eva",
        query: {
          tenantId: this.tenantId,
        },
      });
    },
  },
};
</script>
<style scoped src="@/assets/styles/common.css"></style>
<style scoped>
.btn-dl {
  display: flex;
}
.btn-dl div {
  flex: 1;
  background: #fff;
  border-radius: 4px;
  line-height: 40px;
  text-align: center;
}
.btn-dl-gl {
  color: #c6a268;
}
.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: #c6a268;
}
.hospital1 {
  text-align: center;
  font-size: 14px;
  color: #999;
}
.hospital {
  background: #fff;
  font-size: 20px;
  color: #70483e;
  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: #c6a268;
  width: 100%;
  font-size: 16px;
  margin-bottom: 10px;
}
.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, #70483e, #f7f8fa); */
  background: #70483e;
  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;
} -->