irc_web/.svn/pristine/a4/a4cc2a75a08b359eb98586af8678fae13dfc3f69.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="260px"
      size="small"
    >
      <!-- 阅片平台 -->
      <el-form-item
        :label="$t('trials:processCfg:form:imagePlatform')"
        prop="ImagePlatform"
      >
        <el-radio-group
          v-model="form.ImagePlatform"
          :disabled="isConfirm || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <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
        v-if="form.ImagePlatform === 3"
        label="阅片工具"
        prop="ReadingTool"
      >
        <el-radio-group
          v-model="form.ReadingTool"
          :disabled="isConfirm || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <el-radio
            v-for="item of $d.ReadingTool"
            :key="item.id"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>

      <el-form-item
        :label="$t('trials:processCfg:form:readingType')"
        prop="ReadingType"
      >
        <el-radio-group
          v-model="form.ReadingType"
          :disabled="isConfirm || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <el-radio
            v-for="item of $d.ReadingMethod"
            :key="item.id"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>

      <el-form-item
        :label="$t('trials:processCfg:form:global')"
        prop="IsGlobalReading"
      >
        <el-radio-group
          v-model="form.IsGlobalReading"
          :disabled="isConfirm || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <el-radio
            v-for="item of $d.YesOrNo"
            :key="`IsGlobalReading${item.value}`"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>

      <el-form-item
        v-if="form.IsGlobalReading"
        label="评估更新类型"
        prop="GlobalAssessTypeIds"
      >
        <el-checkbox-group :disabled="form.IsSystemCriterion" v-model="form.GlobalAssessTypeIds">
          <el-checkbox v-for="item of $d.GlobalAssessType" :label="item.id">
            {{item.raw.ValueCN}}
          </el-checkbox>
        </el-checkbox-group>
      </el-form-item>

      <el-form-item
        :label="$t('trials:processCfg:form:ad')"
        prop="IsArbitrationReading"
      >
        <el-radio-group
          v-model="form.IsArbitrationReading"
          :disabled="isConfirm || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <el-radio
            v-for="item of $d.YesOrNo"
            :key="`IsArbitrationReading${item.value}`"
            :label="item.value"
          >
            {{ item.label }}
          </el-radio>
        </el-radio-group>
      </el-form-item>

      <el-form-item
        :label="$t('trials:processCfg:form:clinical')"
        prop="IsOncologyReading"
      >
        <el-radio-group
          v-model="form.IsOncologyReading"
          :disabled="isConfirm || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <el-radio
            v-for="item of $d.YesOrNo"
            :key="`IsOncologyReading${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.IsReadingTaskViewInOrder"
          :disabled="isConfirm || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <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="ReadingTaskViewEnum"
      >
        <el-radio-group
          v-model="form.ReadingTaskViewEnum"
          :disabled="isConfirm || !isReadingTaskViewInOrder|| (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <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 || !isReadingTaskViewInOrder || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <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 || !isReadingTaskViewInOrder || (!hasPermi(['trials:trials-panel:setting:reading-unit:edit']))"
        >
          <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 && hasPermi(['trials:trials-panel:setting:reading-unit:edit'])">
        <!-- 保存 -->
        <el-button
          type="primary"
          @click="handleSave(true)"
        >
          {{ $t('common:button:save') }}
        </el-button>
      </el-form-item>
    </el-form>

  </div>
</template>
<script>

import { getCriterionReadingInfo, setCriterionReadingInfo } from '@/api/trials'
export default {
  name: 'ReadingRules',
  props: {
    TrialReadingCriterionId: {
      type: String,
      default() {
        return ''
      }
    }
  },
  data() {
    return {
      form: {
        TrialId: '',
        ImagePlatform: null,
        ReadingTool: null,
        ReadingTaskViewEnum: null,
        IsImageLabeled: null,
        IsReadingShowSubjectInfo: null,
        IsReadingShowPreviousResults: null,
        ReadingType: 1,
        IsGlobalReading: false,
        IsArbitrationReading: false,
        IsOncologyReading: 0,
        IsReadingTaskViewInOrder: false,
        // IsReadingTaskViewInOrder: null,
        ArbitrationRule: null,
        GlobalUpdateType: null,
        GlobalAssessTypeIds: [],
        IsSystemCriterion: true
      },
      rules: {
        ImagePlatform: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        ReadingTool: [
          { 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'] }
        ],
        ReadingType: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        IsReadingTaskViewInOrder: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        IsGlobalReading: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        IsArbitrationReading: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        IsOncologyReading: [
          { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }
        ],
        GlobalAssessTypeIds: [
          { 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,
      isReadingTaskViewInOrder: null
    }
  },
  mounted() {
    this.initPage()
    console.log(this.$d.GlobalAssessType)
  },
  methods: {
    initPage() {
      this.loading = true
      const trialId = this.$route.query.trialId
      getCriterionReadingInfo({ trialId, TrialReadingCriterionId: this.TrialReadingCriterionId }).then(res => {
        this.loading = false
        for (const k in this.form) {
          if (res.Result.hasOwnProperty(k)) {
            this.form[k] = res.Result[k]
          }
        }
        this.isReadingTaskViewInOrder = res.Result.IsReadingTaskViewInOrder
        this.isConfirm = res.Result.IsSign
        this.$emit('setConfirm', res.Result.IsSign)
        this.$emit('setArbitrationReading', res.Result.IsArbitrationReading)
        this.$emit('setIsClinicalReading', res.Result.IsClinicalReading)
      }).catch(() => {
        this.loading = false
      })
    },
    // 配置信息保存
    handleSave(isPrompt = true) {
      return new Promise((resolve, reject) => {
        this.$refs['readingRulesForm'].validate((valid) => {
          if (!valid) {
            reject(false)
          } else {
            this.loading = true
            // 保存配置信息
            this.form.TrialReadingCriterionId = this.TrialReadingCriterionId
            setCriterionReadingInfo(this.form).then(res => {
              this.loading = false
              if (res.IsSuccess && isPrompt) {
                this.$message.success(this.$t('common:message:savedSuccessfully'))
              }
              resolve(true)
            }).catch(_ => {
              this.loading = false
              reject(false)
            })
          }
        })
      })
    }

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