irc_web/.svn/pristine/cd/cd623607582015b7a0302870d68e37f7fa26aebf.svn-base

<template>
  <div v-loading="loading" class="medical-audit-wrapper">
    <div class="medical-audit-content">

      <div>
        <h3>评估结果 <span v-if="auditInfo.SubjectCode">({{ auditInfo.SubjectCode }} - {{ auditInfo.TaskBlindName }})</span></h3>
        <HistoricAssessment
          v-if="(auditInfo.TaskList && auditInfo.TaskList.length>0)"
          :task-list="auditInfo.TaskList"
          :arm-enum="auditInfo.ArmEnum"
          :reading-type="auditInfo.ReadingType"
          :judge-question="judgeQuestion"
          :oncology-assess-type-list="auditInfo.OncologyAssessTypeList"
          :row-data="rowData"
        />
      </div>
      <div>
        <h3>审核问题</h3>
        <Issues
          v-if="auditInfo.QuestionAnswerList && auditInfo.QuestionAnswerList.length>0"
          ref="auditIssues"
          :question-answer-list="auditInfo.QuestionAnswerList"
          :task-medical-review-id="taskMedicalReviewId"
          :audit-state="auditInfo.AuditState"
        />
      </div>
      <div>
        <h3>结论</h3>
        <Conclusions
          v-if="auditInfo.MedicalReviewInfo && Object.keys(auditInfo.MedicalReviewInfo).length > 0"
          ref="auditConclusions"
          :medical-review-info="auditInfo.MedicalReviewInfo"
          :audit-state="auditInfo.AuditState"
          :visit-task-id="visitTaskId"
          @getMedicalAuditList="getMedicalAuditList"
        />
      </div>
    </div>
    <div v-if="userTypeEnumInt === 14 && auditInfo.AuditState !== 2" class="medical-audit-bottom-btn">
      <el-divider />
      <el-button v-if="auditInfo.MedicalReviewInfo" @click="handleCancel">
        取消
      </el-button>
      <el-button v-if="auditInfo.MedicalReviewInfo" type="primary" @click="handleAudit">
        审核完成
      </el-button>
    </div>

    <!--签名框 -->
    <el-dialog
      v-if="signVisible"
      :visible.sync="signVisible"
      :close-on-click-modal="false"
      width="600px"
      custom-class="base-dialog-wrapper"
      append-to-body
    >
      <div slot="title">
        <span
          style="font-size:18px;"
        >
          {{ $t('common:dialogTitle:sign') }}
        </span>
        <span
          style="font-size:12px;margin-left:5px"
        >
          {{ `(${$t('common:label:sign')}${ currentUser })` }}
        </span>
      </div>
      <SignForm
        ref="signForm"
        :sign-code-enum="signCode"
        @closeDialog="closeSignDialog"
      />
    </el-dialog>
  </div>
</template>
<script>
import { getMedicalReviewReadingTask, FinishMedicalReview } from '@/api/trials'
import HistoricAssessment from './HistoricAssessment'
import Issues from './Issues'
import Conclusions from './Conclusions'
import SignForm from '@/views/trials/components/newSignForm'
import const_ from '@/const/sign-code'
export default {
  name: 'MedicalAudit',
  components: {
    HistoricAssessment,
    Issues,
    Conclusions,
    SignForm
  },
  props: {
    taskMedicalReviewId: {
      type: String,
      required: true
    },
    visitTaskId: {
      type: String,
      required: true
    },
    rowData: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  data() {
    return {
      loading: false,
      auditInfo: {},
      signText: '',
      signCode: null,
      currentUser: zzSessionStorage.getItem('userName'),
      signVisible: false,
      userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
      judgeQuestion: 0
    }
  },
  mounted() {
    this.getInfos()
  },
  methods: {
    getInfos() {
      this.loading = true
      var params = {
        trialId: this.$route.query.trialId,
        taskMedicalReviewId: this.taskMedicalReviewId
      }
      getMedicalReviewReadingTask(params).then(res => {
        var judgeQS = []
        if (res.Result.TaskList.length > 0 && res.Result.TaskList[0].JudgeQuestionAnswerInfoList) {
          res.Result.TaskList[0].JudgeQuestionAnswerInfoList.map(v => {
            judgeQS.push(v.QuestionName)
          })
        }
        this.judgeQuestion = judgeQS
        this.auditInfo = { ...res.Result }
        this.loading = false
      }).catch(() => {
        this.loading = false
      })
    },
    handleAudit() {
      if (!this.$refs['auditConclusions'].isClosedDialog && this.$refs['auditConclusions'].form.IsHaveQuestion) {
        this.$alert('请先关闭质询！', '提示', {
          callback: action => {}
        })
        return
      }
      this.loading = true
      Promise.all([this.$refs['auditIssues'].handleSave(false), this.$refs['auditConclusions'].handleSave(false)])
        .then(() => {
          this.loading = false
          const { MedicalAudit } = const_.processSignature
          this.signCode = MedicalAudit
          this.signVisible = true
        }).catch(() => {
          this.loading = false
        })
    },
    // 关闭签名框并设置确认状态
    closeSignDialog(isSign, signInfo) {
      if (isSign) {
        this.signConfirm(signInfo)
      } else {
        this.signVisible = false
      }
    },
    // 签名确认
    signConfirm(signInfo) {
      this.loading = true
      const params = {
        data: {
          taskMedicalReviewId: this.taskMedicalReviewId
        },
        signInfo: signInfo
      }
      FinishMedicalReview(params).then(res => {
        if (res.IsSuccess) {
          this.$message.success(this.$t('common:message:savedSuccessfully'))
          this.$refs['signForm'].btnLoading = false
          this.signVisible = false
        }

        this.loading = false
        this.$emit('close')
        this.$emit('getList')
      }).catch(_ => {
        this.loading = false
        this.$refs['signForm'].btnLoading = false
      })
    },
    handleCancel() {
      this.$emit('close')
    },
    getMedicalAuditList() {
      this.$emit('getList')
    }
  }
}
</script>
<style lang="scss" scoped>
.medical-audit-wrapper{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .medical-audit-content{
    flex: 1;
    display: flex;
    flex-direction: column;
    // justify-content: space-between;
    height: 100%;
    overflow-y: auto;
  }
  .medical-audit-bottom-btn{
    height: 100px;
    width: 100%;
    text-align: center;
  }
}
</style>