xt_pad/src/pages/main/dialog/AcceptsDialog.vue

<template>
  <div>
    <div class="Dialog">
      <div class="DialogTit">
        <span class="iconfont" @click="close()">&#xe6e9;</span>
        <h1 class="name">接诊评估</h1>
        <span class="success" @click="commitInfo">保存</span>
      </div>
      <div class="DialogContent choose">
        <el-form
          class="acceptsForm"
          :model="receiveTreatmentAsses"
          label-width="130px"
        >
          <el-form-item label="入室方式: " v-if="isShow('入室方式')">
            <el-radio v-for="(item,index) in way_arr" :key="index"
                      :label="item.id" v-model="receiveTreatmentAsses.way">{{item.name}}
            </el-radio>


            <!--<el-radio v-model="receiveTreatmentAsses.way" label="1"-->
              <!--&gt;步行</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.way" label="2"-->
              <!--&gt;扶行</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.way" label="3"-->
              <!--&gt;轮椅</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.way" label="4"-->
              <!--&gt;平车</el-radio-->
            <!--&gt;-->
            <!--</el-radio-group>-->
          </el-form-item>
          <el-form-item label="病人意识: " v-if="isShow('病人意识')">
            <!--<el-radio v-model="receiveTreatmentAsses.consciousness" label="1"-->
              <!--&gt;清醒</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.consciousness" label="2"-->
              <!--&gt;嗜睡</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.consciousness" label="3"-->
              <!--&gt;昏迷</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.consciousness" label="4"-->
              <!--&gt;模糊</el-radio-->
            <!--&gt;-->
            <el-radio v-for="(item,index) in consciousness_arr" :key="index"
                      :label="item.id" v-model="receiveTreatmentAsses.consciousness">{{item.name}}
            </el-radio>



          </el-form-item>
          <el-form-item label="病人食欲: " v-if="isShow('病人食欲')">
            <!--<el-radio v-model="receiveTreatmentAsses.appetite" label="1"-->
              <!--&gt;正常</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.appetite" label="2"-->
              <!--&gt;减退</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.appetite" label="3"-->
              <!--&gt;恶心</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.appetite" label="4"-->
              <!--&gt;呕吐</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.appetite" label="5"-->
              <!--&gt;腹泻</el-radio-->
            <!--&gt;-->

            <el-radio v-for="(item,index) in appetite_arr" :key="index"
                      :label="item.id" v-model="receiveTreatmentAsses.appetite">{{item.name}}
            </el-radio>

          </el-form-item>
          <el-form-item label="病人情况: " v-if="isShow('病人情况')">
            <el-radio v-model="receiveTreatmentAsses.condition" label="1"
              >住院</el-radio
            >
            <el-radio v-model="receiveTreatmentAsses.condition" label="2"
              >门诊</el-radio
            >
            <el-radio v-model="receiveTreatmentAsses.condition" label="3"
              >手术期</el-radio
            >
          </el-form-item>

          <el-form-item
            label-width="110dp"
            label="住院号 : "
            v-if="receiveTreatmentAsses.condition == '1'"
          >
            <el-input
              class="illnessInput"
              v-model="receiveTreatmentAsses.admission_number"
            ></el-input>
          </el-form-item>


          <el-form-item label="体位: " v-if="isShow('体位')">
            <!--<el-radio v-model="receiveTreatmentAsses.posture" label="1"-->
              <!--&gt;自动体位</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.posture" label="2"-->
              <!--&gt;平卧位</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.posture" label="3"-->
              <!--&gt;半卧位</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.posture" label="4"-->
              <!--&gt;端坐位</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.posture" label="5"-->
              <!--&gt;躁动不安</el-radio-->
            <!--&gt;-->
            <el-radio v-for="(item,index) in posture_arr" :key="index"
                      :label="item.id" v-model="receiveTreatmentAsses.posture">{{item.name}}
            </el-radio>
          </el-form-item>
          <el-form-item label="病情: " v-if="isShow('病情')">
            <!--<el-radio v-model="receiveTreatmentAsses.sick_condition" label="1"-->
              <!--&gt;一般</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.sick_condition" label="2"-->
              <!--&gt;严重</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.sick_condition" label="3"-->
              <!--&gt;危</el-radio-->
            <!--&gt;-->
            <el-radio v-for="(item,index) in sick_condition_arr" :key="index"
                      :label="item.id" v-model="receiveTreatmentAsses.sick_condition">{{item.name}}
            </el-radio>
          </el-form-item>
          <el-form-item
            label-width="110dp"
            label="其他病情 : "
            v-if="isShow('其他病情')"
          >
            <el-input
              class="illnessInput"
              v-model="receiveTreatmentAsses.sick_condition_other"
            ></el-input>
          </el-form-item>
          <el-form-item
            label-width="110dp"
            label="跌倒风险评估评分 : "
            v-if="isShow('跌倒风险评估评分')"
          >
            <el-input
              class="illnessInput"
              v-model="receiveTreatmentAsses.score"
              style="width: 100px"
            ></el-input>
          </el-form-item>

          <el-form-item label="风险程度: " v-if="isShow('风险程度')">
            <el-radio v-model="receiveTreatmentAsses.danger_level" label="1"
              >无</el-radio
            >
            <el-radio v-model="receiveTreatmentAsses.danger_level" label="2"
              >低风险</el-radio
            >
            <el-radio v-model="receiveTreatmentAsses.danger_level" label="3"
              >中度风险</el-radio
            >
            <el-radio v-model="receiveTreatmentAsses.danger_level" label="4"
              >高风险</el-radio
            >
          </el-form-item>

          <el-form-item
            label-width="130px"
            label="跌倒风险预防措施: "
            v-if="isShow('跌倒风险预防措施')"
          >
            <!--<el-radio v-model="receiveTreatmentAsses.precaution" label="1"-->
              <!--&gt;镇定剂</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.precaution" label="2"-->
              <!--&gt;约束带</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.precaution" label="3"-->
              <!--&gt;床栏</el-radio-->
            <!--&gt;-->
            <!--<el-radio v-model="receiveTreatmentAsses.precaution" label="4"-->
              <!--&gt;加强宣教</el-radio-->
            <!--&gt;-->

            <el-radio v-for="(item,index) in precaution_arr" :key="index"
                      :label="item.id" v-model="receiveTreatmentAsses.precaution">{{item.name}}
            </el-radio>
          </el-form-item>
          <el-form-item
            label-width="110dp"
            label="其他跌倒风险预防措施 : "
            v-if="isShow('其他跌倒风险预防措施')"
          >
            <el-input
              class="illnessInput"
              v-model="receiveTreatmentAsses.precaution_other"
            ></el-input>
          </el-form-item>

          <el-form-item label="摄入量: " v-if="isShow('摄入量')">
            <el-radio v-for="(item,index) in intake_arr" :key="index"
                      :label="item.id" v-model="receiveTreatmentAsses.intake">{{item.name}}
            </el-radio>
          </el-form-item>
          <el-form-item label="营养状况: " v-if="isShow('营养状况')">
            <el-radio v-for="(item,index) in nutrition_arr" :key="index"
                      :label="item.id" v-model="receiveTreatmentAsses.nutrition">{{item.name}}
            </el-radio>

          </el-form-item>
          <el-form-item label="心理评估: " v-if="isShow('心理评估')">
            <el-radio
              v-model="receiveTreatmentAsses.psychological_assessment"
              label="1"
              >正常</el-radio
            >
            <el-radio
              v-model="receiveTreatmentAsses.psychological_assessment"
              label="2"
              >异常</el-radio
            >
          </el-form-item>
          <el-form-item
            label-width="110dp"
            label="心理评估异常情况 : "
            v-if="
              isShow('心理评估异常情况') &&
                receiveTreatmentAsses.psychological_assessment == 2
            "
          >
            <el-input
              v-model="receiveTreatmentAsses.psychological_assessment_other"
            ></el-input>
          </el-form-item>

          <el-form-item
            label-width="110dp"
            label="其他心理评估 : "
            v-if="isShow('其他心理评估')"
          >
            <el-input
              class="illnessInput"
              v-model="receiveTreatmentAsses.psychological_other"
            ></el-input>
          </el-form-item>
        </el-form>
        <!-- <div class="button">
          <button @click="commitInfo" class="submitButton">提交</button>
        </div>-->
      </div>
      <!-- <div class="footer">
          处方医生：刘小军 医生
      </div>-->
    </div>
  </div>
</template>

<script>
import { commitAcceptsAssessment, getLastAccepts } from "@/api/dialysis";
import { Toast } from "vant";
import { getDataConfig } from '@/utils/data'

export default {
  name: "AcceptsDialog",
  data() {
    return {
      way_arr: [],
      consciousness_arr: [],
      appetite_arr: [],
      posture_arr: [],
      sick_condition_arr: [],
      precaution_arr: [],
      intake_arr: [],
      nutrition_arr: [],

      receiveTreatmentAsses: {
        way: "1",
        consciousness: "1",
        appetite: "1",
        condition: "1",
        posture: "1",
        sick_condition: "1",
        danger_level: "1",
        intake: "1",
        nutrition: "1",
        psychological_assessment: "1",
        psychological_assessment_other: "",
        sick_condition_other: "",
        score: "",
        psychological_other: "",
        precaution: "1",
        precaution_other: "",
        admission_number:'',


      },
      patient: {
        id: 0
      },
      record_date: ""
    };
  },
  props: {
    accepts: {
      type: Object
    },
    patient_prop: {
      type: Object
    }
  },
  created() {
    this.way_arr = getDataConfig('hemodialysis', 'way')
    this.consciousness_arr = getDataConfig('hemodialysis', 'consciousness')
    this.appetite_arr = getDataConfig('hemodialysis', 'appetite')
    this.posture_arr = getDataConfig('hemodialysis', 'posture')
    this.sick_condition_arr = getDataConfig('hemodialysis', 'sick_condition')
    this.precaution_arr = getDataConfig('hemodialysis', 'precaution')
    this.intake_arr = getDataConfig('hemodialysis', 'intake')
    this.nutrition_arr = getDataConfig('hemodialysis', 'nutrition')


    if (this.accepts == null || this.accepts.id == "") {
      let ParamsQuery = {};
      ParamsQuery["patient"] = this.$route.query.patient_id;
      getLastAccepts(ParamsQuery).then(response => {
        if (response.data.state == 0) {
          return false;
        } else {
          for (const key in response.data.data.receiveTreatmentAsses) {
            this.accepts[key] = response.data.data.receiveTreatmentAsses[key];
            this.receiveTreatmentAsses.way = this.accepts.way;
            this.receiveTreatmentAsses.consciousness =
              this.accepts.consciousness;
            this.receiveTreatmentAsses.appetite = this.accepts.appetite ;
            this.receiveTreatmentAsses.condition = this.accepts.condition + "";
            this.receiveTreatmentAsses.posture = this.accepts.posture;
            this.receiveTreatmentAsses.sick_condition =
              this.accepts.sick_condition;
            this.receiveTreatmentAsses.danger_level =
              this.accepts.danger_level + "";
            this.receiveTreatmentAsses.intake = this.accepts.intake;
            this.receiveTreatmentAsses.nutrition = this.accepts.nutrition;
            this.receiveTreatmentAsses.psychological_assessment =
              this.accepts.psychological_assessment + "";
            this.receiveTreatmentAsses.psychological_assessment_other = this.accepts.psychological_assessment_other;
            this.receiveTreatmentAsses.score = this.accepts.score;
            this.receiveTreatmentAsses.sick_condition_other = this.accepts.sick_condition_other;
            this.receiveTreatmentAsses.psychological_other = this.accepts.psychological_other;

            this.receiveTreatmentAsses.precaution =
              this.accepts.precaution;
            this.receiveTreatmentAsses.precaution_other = this.accepts.precaution_other;
            this.receiveTreatmentAsses.admission_number = this.accepts.admission_number;

          }
        }
      }).catch(error => {
        Toast.fail("请求失败")
      });
    } else {
      if (
        this.accepts.way == 0 &&
        this.accepts.consciousness == 0 &&
        this.accepts.appetite == 0 &&
        this.accepts.condition == 0 &&
        this.accepts.posture == 0 &&
        this.accepts.sick_condition == 0 &&
        this.accepts.danger_level == 0 &&
        this.accepts.intake == 0 &&
        this.accepts.nutrition == 0 &&
        this.accepts.psychological_assessment == 0 &&
        this.accepts.psychological_assessment_other == "" &&
        this.accepts.sick_condition_other == "" &&
        this.accepts.psychological_other == "" &&
        this.accepts.precaution == 0 &&
        this.accepts.precaution_other == "" &&
        this.accepts.score == ""&&
        this.accepts.admission_number == ""

      ) {
        let ParamsQuery = {};
        ParamsQuery["patient"] = this.$route.query.patient_id;
        getLastAccepts(ParamsQuery).then(response => {
          if (response.data.state == 0) {
            return false;
          } else {
            for (const key in response.data.data.receiveTreatmentAsses) {
              this.accepts[key] = response.data.data.receiveTreatmentAsses[key];
              this.receiveTreatmentAsses.way = this.accepts.way;
              this.receiveTreatmentAsses.consciousness =
                this.accepts.consciousness;
              this.receiveTreatmentAsses.appetite = this.accepts.appetite;
              this.receiveTreatmentAsses.condition =
                this.accepts.condition + "";
              this.receiveTreatmentAsses.posture = this.accepts.posture;
              this.receiveTreatmentAsses.sick_condition =
                this.accepts.sick_condition;
              this.receiveTreatmentAsses.danger_level =
                this.accepts.danger_level + "";
              this.receiveTreatmentAsses.intake = this.accepts.intake;
              this.receiveTreatmentAsses.nutrition =
                this.accepts.nutrition ;
              this.receiveTreatmentAsses.psychological_assessment =
                this.accepts.psychological_assessment + "";
              this.receiveTreatmentAsses.psychological_assessment_other =
                this.accepts.psychological_assessment_other + "";
              this.receiveTreatmentAsses.score = this.accepts.score;
              this.receiveTreatmentAsses.sick_condition_other = this.accepts.sick_condition_other;

              this.receiveTreatmentAsses.precaution =
                this.accepts.precaution;
              this.receiveTreatmentAsses.precaution_other = this.accepts.precaution_other;
              this.receiveTreatmentAsses.psychological_other = this.accepts.psychological_other;
              this.receiveTreatmentAsses.admission_number = this.accepts.admission_number;

            }
          }
        });
      } else {
        this.receiveTreatmentAsses.way = this.accepts.way;
        this.receiveTreatmentAsses.consciousness =
          this.accepts.consciousness;
        this.receiveTreatmentAsses.appetite = this.accepts.appetite ;
        this.receiveTreatmentAsses.condition = this.accepts.condition + "";
        this.receiveTreatmentAsses.posture = this.accepts.posture;
        this.receiveTreatmentAsses.sick_condition =
          this.accepts.sick_condition;
        this.receiveTreatmentAsses.danger_level =
          this.accepts.danger_level + "";
        this.receiveTreatmentAsses.intake = this.accepts.intake ;
        this.receiveTreatmentAsses.nutrition = this.accepts.nutrition;
        this.receiveTreatmentAsses.psychological_assessment =
          this.accepts.psychological_assessment + "";
        this.receiveTreatmentAsses.psychological_assessment_other =
          this.accepts.psychological_assessment_other + "";
        this.receiveTreatmentAsses.score = this.accepts.score;
        this.receiveTreatmentAsses.sick_condition_other = this.accepts.sick_condition_other;

        this.receiveTreatmentAsses.precaution = this.accepts.precaution;
        this.receiveTreatmentAsses.precaution_other = this.accepts.precaution_other;
        this.receiveTreatmentAsses.psychological_other = this.accepts.psychological_other;
        this.receiveTreatmentAsses.admission_number = this.accepts.admission_number;
      }
    }

    var date = this.$route.query && this.$route.query.date;
    date *= 1000;
    var newDate = new Date(date);

    var y = newDate.getFullYear();
    var m = newDate.getMonth() + 1;
    var d = newDate.getDate();
    if (isNaN(y) || isNaN(m) || isNaN(d)) {
      newDate = new Date();
      y = newDate.getFullYear();
      m = newDate.getMonth() + 1;
      d = newDate.getDate();
    }
    this.record_date =
      y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
    this.patient.id = this.patient_prop.id;
  },
  methods: {
    isShow(name) {
      var filedList = this.$store.getters.user.fileds;
      for (let i = 0; i < filedList.length; i++) {
        if (
          filedList[i].module == 2 &&
          filedList[i].filed_name_cn == name &&
          filedList[i].is_show == 1
        ) {
          return true;
        }
      }

      return false;
    },
    commitInfo: function() {
      Toast.loading({ forbidClick: true, duration: 0 });
      let ParamsQuery = this.receiveTreatmentAsses;
      // ParamsQuery["patient"] =  this.patient.id
      ParamsQuery["patient"] = this.$route.query.patient_id;
      ParamsQuery["record_date"] = this.record_date;

      commitAcceptsAssessment(ParamsQuery).then(response => {
        if (response.data.state == 0) {
          Toast.fail(response.data.msg);
          return false;
        } else {
          Toast.success("提交成功");
          for (const key in response.data.data.receiveTreatmentAsses) {
            this.accepts[key] = response.data.data.receiveTreatmentAsses[key];
          }
          this.finish();
        }
      }).catch(error => {
        Toast.fail("请求失败")
      });
    },
    finish: function() {
      this.$emit("finish");
    },
    close: function() {
      this.$emit("close");
    }
  }
};
</script>

<style style="stylesheet/scss" lang="scss" scoped>
.choose {
  .el-form-item {
    margin-bottom: 0;
    border-bottom: 1px #e5e5e5 solid;
    padding: 0.15rem 0.36rem;
    .el-radio {
      font-size: 18px;
    }
  }
  .button {
    text-align: center;
    margin-top: 1rem;
    .submitButton {
      width: 3rem;
      height: 0.8rem;
      line-height: 0.8rem;
      background: $main-color;
      color: #fff;
      font-size: 0.3rem;
      text-align: center;
      border-radius: 6px;
    }
  }
}
</style>
<style lang="scss">
.acceptsForm {
  .el-radio {
    margin-right: 14px;
    width: 2.2rem;
    @media only screen and (min-width: 768px) {
      margin-bottom: 0.34rem;
    }
  }
  .el-radio__inner {
    width: 16px !important;
    height: 16px !important;
    @media only screen and (min-width: 768px) {
      width: 26px !important;
      height: 26px !important;
      margin-bottom: 4px !important;
    }
  }
}

.illnessInput {
  .el-input__inner {
    font-size: 0.45rem;
    @media only screen and (min-width: 768px) {
      height: 60px;
      line-height: 60px;
      font-size: 0.45rem;
    }
  }
}
</style>