irc_web/.svn/pristine/61/6121ea1ccb2542c297e4a469c6493b514e674adb.svn-base

<template>
  <div class="reading-rule-config-form">
    <!-- 配置信息表单 -->
    <el-form
      ref="readingRulesForm"
      v-loading="loading"
      :model="form"
      style="width:800px;"
      :rules="rules"
      label-width="220px"
      size="small"
    >
      <!-- 阅片平台 -->
      <el-form-item
        :label="$t('trials:processCfg:form:imagePlatform')"
        prop="ImagePlatform"
      >
        <el-radio-group
          v-model="form.ImagePlatform"
          :disabled="isConfirm"
        >
          <el-radio
            v-for="item of $d.ImagePlatform"
            :key="item.id"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <!-- 任务展示方式 -->
      <el-form-item
        label="任务展示方式"
        prop="IsReadingTaskViewInOrder"
      >
        <el-radio-group
          v-model="form.IsReadingTaskViewInOrder"
          :disabled="isConfirm"
        >
          <el-radio
            v-for="item of $d.IsReadingTaskViewInOrder"
            :key="'IsReadingTaskViewInOrder' + item.value"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <!-- 任务组织级别 -->
      <el-form-item
        label="任务组织级别"
        prop="IsReadingTaskViewInOrder"
      >
        <el-radio-group
          v-model="form.ReadingTaskViewEnum"
          :disabled="isConfirm"
        >
          <el-radio
            v-for="item of $d.ReadingTaskViewEnum"
            :key="item.id"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <!-- 影像是否有标注 -->
      <el-form-item
        label="影像是否有标注"
        prop="IsImageLabeled"
      >
        <el-radio-group
          v-model="form.IsImageLabeled"
          :disabled="isConfirm"
        >
          <el-radio
            v-for="item of $d.YesOrNo"
            :key="'IsImageLabeled'+item.value"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <!-- IR阅片页面是否显示受试者信息 -->
      <el-form-item
        label="IR阅片页面是否显示受试者信息"
        prop="IsReadingShowSubjectInfo"
      >
        <el-radio-group
          v-model="form.IsReadingShowSubjectInfo"
          :disabled="isConfirm"
        >
          <el-radio
            v-for="item of $d.YesOrNo"
            :key="'IsReadingShowSubjectInfo'+item.value"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <!-- IR阅片页面是否可以查看既往任务结果 -->
      <el-form-item
        label="IR阅片页面是否可以查看既往任务结果"
        prop="IsReadingShowPreviousResults"
      >
        <el-radio-group
          v-model="form.IsReadingShowPreviousResults"
          :disabled="isConfirm"
        >
          <el-radio
            v-for="item of $d.YesOrNo"
            :key="'IsReadingShowPreviousResults'+item.value"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item v-if="!isConfirm">
        <!-- 保存 -->
        <el-button
          type="primary"
          @click="handleSave"
        >
          {{ $t('common:button:save') }}
        </el-button>
      </el-form-item>
    </el-form>

  </div>
</template>
<script>

import { getTrialReadingInfo, setTrialReadingInfo } from '@/api/trials'
export default {
  name: 'ReadingRules',
  data() {
    return {
      form: {
        TrialId: '',
        ImagePlatform: null,
        ReadingTaskViewEnum: null,
        IsImageLabeled: null,
        IsReadingShowSubjectInfo: null,
        IsReadingShowPreviousResults: null,
        IsReadingTaskViewInOrder: null,
        ArbitrationRule: null
      },
      rules: {
        ImagePlatform: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        ReadingTaskViewEnum: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        IsImageLabeled: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        IsReadingShowSubjectInfo: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        IsReadingShowPreviousResults: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        IsReadingTaskViewInOrder: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ]
      },
      loading: false,
      readingInfo: {},
      isConfirm: true
    }
  },
  mounted() {
    this.initPage()
  },
  methods: {
    initPage() {
      this.loading = true
      const trialId = this.$route.query.trialId
      getTrialReadingInfo({ trialId }).then(res => {
        this.loading = false
        for (const k in this.form) {
          if (res.Result.hasOwnProperty(k)) {
            this.form[k] = res.Result[k]
          }
        }
        this.isConfirm = res.Result.IsSign
        this.$emit('setConfirm', res.Result.IsSign)
      }).catch(() => {
        this.loading = false
      })
    },
    // 配置信息保存
    handleSave() {
      this.$refs['readingRulesForm'].validate((valid) => {
        if (!valid) return
        this.loading = true
        // 保存配置信息
        setTrialReadingInfo(this.form).then(res => {
          this.loading = false
          if (res.IsSuccess) {
            this.$message.success(this.$t('common:message:savedSuccessfully'))
          }
        }).catch(_ => { this.loading = false })
      })
    }

  }
}
</script>
<style lang="scss" scoped>
.reading-rule-config-form{
  .fontColor{
    color: red;
  }
}
</style>