irc_web/.svn/pristine/d5/d56b2481ee7ef34089846ea6c4c3bdef15c9452e.svn-base

<template>
  <div>
    <el-form
      ref="readingCriterionsForm"
      v-loading="loading"
      :model="form"
      :rules="rules"
      label-width="120px"
      size="small"
    >
      <!-- '表单问题' -->
      <el-form-item :label="$t('trials:readingUnit:readingCriterion:title:formQs')">
        <QuestionsList
          v-if="form.FormType===1"
          :trial-reading-criterion-id="trialReadingCriterionId"
          :list="readingInfo.TrialQuestionList"
          :trial-criterion-id="readingInfo.TrialCriterionId"
          :is-confirm="isConfirm"
          :is-from-system="readingInfo.IsFromSystem"
          :digit-places="digitPlaces"
          @reloadArbitrationRules="reloadArbitrationRules"
        />
        <!--        <PageBreakList-->
        <!--          :TrialReadingCriterionId="TrialReadingCriterionId"-->
        <!--          v-if="form.FormType===2"-->
        <!--          :list="readingInfo.ReadingCriterionPageList"-->
        <!--          :trial-criterion-id="readingInfo.TrialCriterionId"-->
        <!--          :is-confirm="isConfirm"-->
        <!--          :is-from-system="readingInfo.IsFromSystem"-->
        <!--          @reloadArbitrationRules="reloadArbitrationRules"-->
        <!--        />-->
      </el-form-item>
      <el-form-item v-for="item of additionalAssessmentOptionList" :prop="`AdditionalAssessmentType${item.AdditionalAssessmentType}`" :rules="[
          { required:true,message: $t('common:ruleMessage:select'), trigger: ['blur']},
        ]" :label="$fd('AdditionalAssessmentType', item.AdditionalAssessmentType)" v-if="additionalAssessmentOptionList && hasPermi(['trials:trials-panel:setting:reading-unit:edit'])">
        <el-radio-group
          v-model="item.IsSelected"
          :disabled="isConfirm || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
          @change="(v) => {$set(form, 'AdditionalAssessmentType' + item.AdditionalAssessmentType, v)}"
        >
          <el-radio
            v-for="item of $d.YesOrNo"
            :key="`AdditionalAssessmentType${item.value}`"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item v-if=" hasPermi(['trials:trials-panel:setting:reading-unit:edit'])">
        <!-- 保存 -->
        <el-button
          v-if="!isConfirm"
          type="primary"
          @click="handleSave(true)"
        >
          {{ $t('common:button:save') }}
        </el-button>
        <!-- 基础数据配置 -->
        <el-button
          type="primary"
          @click="configBaseDataVisible = true"
        >
          {{ $t('trials:readingUnit:readingCriterion:title:baseDataCfg') }}
        </el-button>
      </el-form-item>
    </el-form>
    <!-- 基础数据配置 -->
    <el-dialog
      v-if="configBaseDataVisible"
      :title="$t('trials:readingUnit:readingCriterion:title:baseDataCfg')"
      :visible.sync="configBaseDataVisible"
      :close-on-click-modal="false"
      :fullscreen="true"
      append-to-body
      custom-class="base-dialog-wrapper"
    >
      <BaseDataConfig :trial-reading-criterion-id="trialReadingCriterionId" :is-from-system="readingInfo.IsFromSystem" :is-confirm="isConfirm" />
    </el-dialog>


  </div>
</template>
<script>
import { getTrialReadingCriterionInfo, setTrialReadingCriterion, getTrialCriterionAdditionalAssessmentOptionList, setTrialCriterionAdditionalAssessment } from '@/api/trials'
import PageBreakList from './PageBreakList'
import QuestionsList from './QuestionsList'
import BaseDataConfig from './BaseDataConfig'
export default {
  name: 'ReadingCriterion',
  components: { PageBreakList, QuestionsList, BaseDataConfig },
  props: {
    digitPlaces: {
      type: Number,
      default: 0
    },
    trialReadingCriterionId: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      loading: false,
      form: {
        TrialCriterionId: '',
        FormType: null,
        DigitPlaces: null
      },
      rules: {
        FormType: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        DigitPlaces: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ]
      },
      readingInfo: {},
      isConfirm: true,
      configBaseDataVisible: false,
      additionalAssessmentOptionList: null
    }
  },
  mounted() {
    this.initPage()
  },
  methods: {
    initPage() {
      this.loading = true
      const trialId = this.$route.query.trialId
      getTrialCriterionAdditionalAssessmentOptionList(this.trialReadingCriterionId).then(res => {
        this.additionalAssessmentOptionList = res.Result
      })
      getTrialReadingCriterionInfo({ trialId, TrialReadingCriterionId: this.trialReadingCriterionId }).then(res => {
        this.loading = false
        this.readingInfo = res.Result
        for (const k in this.form) {
          if (res.Result.hasOwnProperty(k)) {
            this.form[k] = res.Result[k]
          }
        }
        this.isConfirm = res.Result.IsSign
      }).catch(() => {
        this.loading = false
      })
    },
    // 配置信息保存
    handleSave(isPrompt = true) {
      return new Promise((resolve, reject) => {
        console.log(this.form)
        this.$refs['readingCriterionsForm'].validate((valid) => {
          if (!valid) {
            resolve(false)
          } else {
            this.loading = true
            setTrialCriterionAdditionalAssessment(this.additionalAssessmentOptionList).then(res => {
              this.loading = false
              resolve(true)
            }).catch(() => {
              this.loading = false
              resolve(false)
            })
            // 保存配置信息
            // if (!isPrompt) {
            //   this.form.IsSignSave = true
            // }
            // this.form.TrialReadingCriterionId = this.trialReadingCriterionId
            // setTrialReadingCriterion(this.form).then(res => {
            //   this.loading = false
            //   if (res.IsSuccess && isPrompt) {
            //     this.$message.success(this.$t('common:message:savedSuccessfully'))
            //   }
            //   this.$emit('reloadArbitrationRules')
            //   resolve(true)
            // }).catch(_ => {
            //   this.loading = false
            //   resolve(false)
            // })
          }
        })
      })
    },
    reloadArbitrationRules() {
      this.$emit('reloadArbitrationRules')
    },
    handleConfig() {}

  }
}
</script>