Merge branch 'wulong' of http://116.62.18.175:6699/r/~yxh/smartor-web into ...

yxh

2023-12-01 02aa4d157d800650f1dc2fa2b7fbee52837df074

 src/views/patient/patient/profile/index.vue

@@ -11,10 +11,34 @@
            <div>吴大龙</div>
          </div></el-col
        >
        <el-col :span="4"
        <el-col :span="8"
          ><div class="xinz-inf">
            <div class="addtag">＋新增标签</div>
            <div class="tagvalue">心血管</div>
            <el-tag
              :key="tag"
              v-for="tag in dynamicTags"
              closable
              :disable-transitions="false"
              @close="handleClose(tag)"
            >
              {{ tag }}
            </el-tag>
            <el-input
              class="input-new-tag"
              v-if="inputVisible"
              v-model="inputValue"
              ref="saveTagInput"
              size="small"
              @keyup.enter.native="handleInputConfirm"
              @blur="handleInputConfirm"
            >
            </el-input>
            <el-button
              v-else
              class="button-new-tag"
              size="small"
              @click="showInput"
              >+ 新增标签</el-button
            >
          </div></el-col
        >
        <el-col :span="4"
@@ -95,9 +119,7 @@
        <span class="mulsz" slot="label"
          ><i class="el-icon-s-custom"></i> 服务记录</span
        >

        定时任务补偿</el-tab-pane
      >
      </el-tab-pane>
    </el-tabs>

    <!-- 健康档案模块 -->
@@ -254,7 +276,62 @@
    </div>

    <!-- 服务记录 -->
    <div class="medical-record" v-else-if="activeName == 'serve'">sdaad</div>
    <div
      class="medical-recordc"
      style="margin-top: 20px; font-size: 20px !important"
      v-else-if="activeName == 'serve'"
    >
      <el-tabs type="border-card">
        <el-tab-pane label="首次随访">
          <div style="margin-top: 10px">
            随访状态：已终止<span style="color: #2775b6"
              >（终止原因：患者痊愈回访结束，终止时间：2023-12-18 12:00）</span
            >
          </div>
          <div style="margin-top: 10px">
            随访发送时间：<span style="color: #2775b6">2023-11-23 12:00</span>
          </div>
          <div style="margin-top: 10px">
            随访完成时间：<span style="color: #2775b6">2023-12-18 12:00</span>
          </div>
          <div style="margin-top: 10px">
            疼痛程度：<span style="color: #2775b6">中度</span>
          </div>
          <div
            style="
              font-size: 22px;
              padding-left: 5px;
              margin: 15px 0;
              border-left: 4px solid rgb(65, 161, 190);
            "
          >
            人工随访记录
          </div>
          <div style="margin-top: 10px">
            <el-row :gutter="20">
              <el-col :span="6"
                >随访日期：
                <span style="color: #2775b6">2023-11-22 11:22</span></el-col
              >
              <el-col :span="6"
                >随访人： <span style="color: #2775b6">吴小龙</span></el-col
              >
              <el-col :span="6"
                >患者配合度： <span style="color: #2775b6">高</span></el-col
              >
            </el-row>
          </div>
          <div style="margin-top: 10px">
            随访结果： <span style="color: #2775b6">患者痊愈，身体倍棒</span>
          </div>
          <div style="margin-top: 10px">
            随访备注： <span style="color: #2775b6">提醒注意饮食健康</span>
          </div>
        </el-tab-pane>
        <el-tab-pane label="二次随访">二次随访</el-tab-pane>
        <el-tab-pane label="三次随访">三次随访</el-tab-pane>
      </el-tabs>
    </div>
    <!-- 健康监测 -->
    <div class="medical-record" v-show="activeName == 'monitor'">
      <!-- 血压图标 -->
@@ -315,6 +392,9 @@
      activeName: "health", //一类导航
      sonactiveName: "outpatient", //健康监测导航
      sontwoactiveName: "blood", //医疗档案导航
      dynamicTags: ["标签一", "标签二", "标签三"],
      inputVisible: false,
      inputValue: "",
      // 查询参数
      queryParams: {
        pageNum: 1,
@@ -385,15 +465,27 @@
        this.loading = false;
      });
    },
    // getUser() {
    //   getUserProfile().then((response) => {
    //     this.user = response.data;
    //     this.roleGroup = response.roleGroup;
    //     this.postGroup = response.postGroup;
    //   });
    // },
    handleClick(tab, event) {
      console.log(tab, event);
    },
    handleClose(tag) {
      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
    },

    showInput() {
      this.inputVisible = true;
      this.$nextTick((_) => {
        this.$refs.saveTagInput.$refs.input.focus();
      });
    },

    handleInputConfirm() {
      let inputValue = this.inputValue;
      if (inputValue) {
        this.dynamicTags.push(inputValue);
      }
      this.inputVisible = false;
      this.inputValue = "";
    },

    // 血压图表部分
@@ -680,16 +772,32 @@
    }
  }
  .xinz-inf {
    display: flex;
    font-size: 18px;
    cursor: pointer;
    .addtag{
      
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 48px;

    .el-tag + .el-tag {
      margin-left: 10px;
    }
    .button-new-tag {
      margin-left: 10px;
      height: 32px;
      line-height: 30px;
      padding-top: 0;
      padding-bottom: 0;
    }
    .input-new-tag {
      width: 90px;
      margin-left: 10px;
      vertical-align: bottom;
    }
  }
}
.el-tabs--border-card {
  font-size: 25px;
  // font-size: 25px;
  .mulsz {
    font-size: 25px;
    margin-top: 20px;
@@ -706,6 +814,7 @@
    margin-left: 100px;
    .detailed {
      width: 70%;
      border-radius: 8px;
      padding: 30px;
      margin-bottom: 30px;
      background-color: #ddf0f8;
@@ -737,9 +846,10 @@
    margin-bottom: 25px;
    margin-left: 100px;
    .Table-screen {
      width: 70%;
      width: 88%;
      padding: 30px;
      margin-bottom: 30px;
      border-radius: 8px;
      background-color: #ddf0f8;
      font-size: 20px !important;
    }