From 9da598862a1fa3a4a5cb48262fb084a5ecfd1cae Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Mon, 15 Dec 2025 14:07:59 +0800
Subject: [PATCH] =?UTF-8?q?trcist1.1=E6=96=B0=E5=A2=9E=E9=98=85=E7=89=87?=
 =?UTF-8?q?=E5=9B=BE=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/reading.js                            |   9 +
 src/components/readingChart/index.vue         | 240 ++++++++++++++++++
 src/styles/index.scss                         |  14 +
 .../components/CriterionQuestionForm.vue      |   9 +
 .../template/components/TableQsForm.vue       |   9 +
 .../reading/dicoms/components/DicomViewer.vue |   4 +
 .../dicoms/components/QuestionItem.vue        |  81 ++++--
 .../reading/dicoms/components/Questions.vue   |   4 +
 .../reading/dicoms/components/ReadPage.vue    |  24 +-
 .../dicoms/components/Recist/QuestionForm.vue |  34 ++-
 .../dicoms/components/Recist/QuestionList.vue |  17 +-
 .../reading/dicoms/components/ReportPage.vue  |  36 ++-
 .../reading/dicoms3D/components/ReadPage.vue  |  20 ++
 .../components/Recist/QuestionFormItem.vue    |  40 ++-
 .../components/Recist/QuestionList.vue        |  18 +-
 .../Recist/TableQuestionFormItem.vue          |  36 ++-
 .../dicoms3D/components/ReportPage.vue        |  21 +-
 .../reading-unit/components/QuestionsForm.vue |   9 +
 .../reading-unit/components/TableQsForm.vue   |   9 +
 19 files changed, 565 insertions(+), 69 deletions(-)
 create mode 100644 src/components/readingChart/index.vue

diff --git a/src/api/reading.js b/src/api/reading.js
index 7a672889..4fff9530 100644
--- a/src/api/reading.js
+++ b/src/api/reading.js
@@ -294,3 +294,12 @@ export function readingImport(param) {
     data: param
   })
 }
+
+// 阅片获取图表数据
+export function getReportsChartData(param) {
+  return request({
+    url: `/ReadingImageTask/getReportsChartData`,
+    method: 'post',
+    data: param
+  })
+}
diff --git a/src/components/readingChart/index.vue b/src/components/readingChart/index.vue
new file mode 100644
index 00000000..4d51866d
--- /dev/null
+++ b/src/components/readingChart/index.vue
@@ -0,0 +1,240 @@
+<template>
+    <div :id="key" class="readingChart" v-show="visible" :style="{
+        'z-index': zIndex
+    }">
+        <div ref="chartContainer" style="width: 490px; height: 290px;" v-loading="loading"></div>
+    </div>
+</template>
+
+<script>
+import { getReportsChartData } from "@/api/reading"
+import moment from "moment"
+let echarts = require('echarts/lib/echarts');
+
+// 按需引入图表
+// require('echarts/lib/chart/bar');
+require('echarts/lib/chart/line');
+// require('echarts/lib/chart/pie');
+// require('echarts/lib/chart/scatter');
+
+// 按需引入组件
+require('echarts/lib/component/tooltip');
+require('echarts/lib/component/title');
+require('echarts/lib/component/legend');
+require('echarts/lib/component/grid');
+require('echarts/lib/component/dataZoom');
+export default {
+    name: "readingChart",
+    props: {
+
+    },
+    data() {
+        return {
+            visible: false,
+            zIndex: 9,
+            chart: null,
+            loading: false,
+            key: 'readingChart'
+        };
+    },
+    methods: {
+        init(event, obj, zIndex = 9) {
+            this.loading = true
+            this.zIndex = zIndex
+            let { key } = obj
+            if (key) {
+                this.key = key
+            }
+            this.$nextTick(() => {
+                this.visible = true
+                let readingChart = document.querySelector(`#${this.key}`);
+                let chaY = document.body.clientHeight - event.clientY;
+                let chaX = document.body.clientWidth - event.clientX;
+                if (chaY < 250) {
+                    readingChart.style.top = event.clientY - 220 + "px";
+                } else {
+                    readingChart.style.top = event.clientY + "px";
+                }
+                if (chaX < 500) {
+                    readingChart.style.left = event.clientX - 520 + "px";
+                } else {
+                    readingChart.style.left = event.clientX + 15 + "px";
+                }
+                this.getInfo(obj)
+            })
+        },
+        async getInfo(data) {
+            try {
+                let { VisitTaskId = null, TrialId = null, QuestionId = null, QuestionName = null, TableQuestionId = null, RowIndex = null, ReportChartTypeEnum = null } = data
+                let params = {
+                    VisitTaskId, TrialId, QuestionId, TableQuestionId, RowIndex, ReportChartTypeEnum
+                }
+                this.loading = true
+                let res = await getReportsChartData(params)
+                this.loading = false
+                if (res.IsSuccess) {
+                    let LatestScanDateList = res.Result.LatestScanDateList.map(item => item.split(" ")[0])
+                    let obj = {
+                        title: QuestionName,
+                        xAxisData: LatestScanDateList || [],
+                        series: [],
+                        unit: this.$fd("ValueUnit", res.Result.Unit),
+                        visitName: res.Result.VisitTaskNameList,
+                        min: null,
+                        max: null
+                    }
+                    res.Result.ChartDataList.forEach((item) => {
+                        let arr = []
+                        item.Value.forEach((d, index) => {
+                            // arr.push([LatestScanDateList[index], d])
+                            arr.push(d)
+                        })
+                        obj.series.push({
+                            name: item.Name,
+                            data: arr,
+                            type: 'line'
+                        })
+                    });
+                    // if (Array.isArray(res.Result.LatestScanDateList) && res.Result.LatestScanDateList.length >= 2) {
+                    //     let hours = moment(res.Result.LatestScanDateList[res.Result.LatestScanDateList.length - 1]).diff(moment(res.Result.LatestScanDateList[0]), 'hours');
+                    //     let days = moment(res.Result.LatestScanDateList[res.Result.LatestScanDateList.length - 1]).diff(moment(res.Result.LatestScanDateList[0]), 'days');
+                    //     let months = moment(res.Result.LatestScanDateList[res.Result.LatestScanDateList.length - 1]).diff(moment(res.Result.LatestScanDateList[0]), 'months');
+                    //     console.log(hours, 'hours')
+                    //     console.log(days, 'days')
+                    //     console.log(months, 'months')
+                    //     if (hours < 24) {
+                    //         obj.min = moment(res.Result.LatestScanDateList[0]).format('YYYY-MM-DD') + ' 00:00:00'
+                    //         obj.max = moment(res.Result.LatestScanDateList[0]).format('YYYY-MM-DD') + ' 23:59:59'
+                    //     }
+                    //     if (days >= 1 && days <= 7) {
+                    //         obj.min = moment(res.Result.LatestScanDateList[0]).format('YYYY-MM-DD') + ' 00:00:00'
+                    //         obj.max = moment(res.Result.LatestScanDateList[0]).add(7, 'days').format('YYYY-MM-DD') + ' 23:59:59'
+                    //     }
+                    //     if (days > 7 && days < 30) {
+                    //         obj.min = moment(res.Result.LatestScanDateList[0]).startOf('month').format('YYYY-MM-DD') + ' 00:00:00'
+                    //         obj.max = moment(res.Result.LatestScanDateList[0]).endOf('month').format('YYYY-MM-DD') + ' 23:59:59'
+                    //     }
+                    //     if (months >= 1 && months <= 3) {
+                    //         obj.min = moment(res.Result.LatestScanDateList[0]).startOf('month').format('YYYY-MM-DD') + ' 00:00:00'
+                    //         obj.max = moment(res.Result.LatestScanDateList[0]).add(4, 'months').startOf('month').format('YYYY-MM-DD') + ' 23:59:59'
+                    //     }
+                    //     if (months > 3 && months <= 6) {
+                    //         obj.min = moment(res.Result.LatestScanDateList[0]).startOf('month').format('YYYY-MM-DD') + ' 00:00:00'
+                    //         obj.max = moment(res.Result.LatestScanDateList[0]).add(7, 'months').startOf('month').format('YYYY-MM-DD') + ' 23:59:59'
+                    //     }
+                    //     if (months > 6 && months <= 12) {
+                    //         obj.min = moment(res.Result.LatestScanDateList[0]).startOf('month').format('YYYY-MM-DD') + ' 00:00:00'
+                    //         obj.max = moment(res.Result.LatestScanDateList[0]).add(13, 'months').startOf('month').format('YYYY-MM-DD') + ' 23:59:59'
+                    //     }
+                    //     if (months > 12) {
+                    //         obj.min = moment(res.Result.LatestScanDateList[0]).startOf('month').format('YYYY-MM-DD') + ' 00:00:00'
+                    //         obj.max = moment(res.Result.LatestScanDateList[res.Result.LatestScanDateList.length - 1]).add(1, 'months').startOf('month').format('YYYY-MM-DD') + ' 23:59:59'
+                    //     }
+                    // }
+                    // console.log(obj)
+                    this.initChart(obj)
+                }
+            } catch (err) {
+                this.loading = false
+                console.log(err)
+            }
+        },
+        foo() {
+            this.visible = false
+            this.$emit("foo");
+            this.dispose()
+        },
+        initChart(obj) {
+            this.chart = echarts.init(this.$refs.chartContainer);
+            // ...图表配置
+            const option = {
+                title: {
+                    text: obj.title,
+                    textStyle: {
+                        color: "#fff"
+                    }
+                },
+                tooltip: {
+                    trigger: 'axis',
+                    // formatter: function (params) {
+                    //     let index = obj.xAxisData.findIndex(item => item === params[0].value[0])
+                    //     let result = obj.visitName[index] + ' ' + params[0].value[0] + '<br>'; // 显示类目名（如日期）
+                    //     params.forEach(function (item) {
+                    //         result += item.marker + ' ' + item.seriesName + ': ' + item.value[1] + '<br>'; // 显示每个系列的图例、系列名和值
+                    //     });
+                    //     return result;
+                    // }
+                },
+                xAxis: {
+                    // type: 'time',
+                    // data: obj.xAxisData,
+                    data: obj.visitName,
+                    axisLine: { // 设置 x 轴线颜色
+                        lineStyle: {
+                            color: '#fff',
+                        }
+                    },
+                    axisLabel: { // 设置 x 轴文字颜色
+                        textStyle: {
+                            color: '#fff'
+                        }
+                    },
+                    // splitLine: {
+                    //     show: false // 隐藏网格线
+                    // },
+                    // min: obj.min,
+                    // max: obj.max
+                },
+                yAxis: {
+                    name: obj.unit,
+                    type: 'value',
+                    axisLabel: {
+                        textStyle: {
+                            color: '#fff',
+                        }
+                    },
+                    axisLine: {
+                        lineStyle: {
+                            color: '#fff',
+                        }
+                    },
+                },
+                series: obj.series
+            };
+            // 4. 使用配置项渲染图表
+            this.chart.setOption(option);
+        },
+        resize() {
+            if (this.chart) {
+                this.chart.resize()
+            }
+        },
+        dispose() {
+            if (this.chart) {
+                this.chart.dispose()
+                this.chart = null
+            }
+        }
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.readingChart {
+    min-width: 500px;
+    max-width: 500px;
+    font-size: 14px;
+    display: inline-block;
+    background: #000;
+    border: 1px solid #ebeef5;
+    border-radius: 4px;
+    position: fixed;
+    padding: 10px 6px;
+    list-style-type: none;
+    min-height: 300px;
+    max-height: 80vh;
+    // overflow: hidden;
+    // overflow-y: auto;
+    box-sizing: border-box;
+}
+</style>
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index d95173e6..13ba518a 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -357,4 +357,18 @@ body .el-table th.gutter {
 
 .el-message-box__wrapper {
   z-index: 9999 !important;
+}
+
+.svg-readingChart {
+  width: 28px !important;
+  height: 30px !important;
+  margin-left: 10px;
+  cursor: pointer;
+}
+
+.svg-readingChart-mini {
+  width: 18px !important;
+  height: 20px !important;
+  vertical-align: -0.4em !important;
+  cursor: pointer;
 }
\ No newline at end of file
diff --git a/src/views/dictionary/template/components/CriterionQuestionForm.vue b/src/views/dictionary/template/components/CriterionQuestionForm.vue
index 425f1166..87fd02d6 100644
--- a/src/views/dictionary/template/components/CriterionQuestionForm.vue
+++ b/src/views/dictionary/template/components/CriterionQuestionForm.vue
@@ -361,6 +361,13 @@
             </el-radio>
           </el-radio-group>
         </el-form-item>
+        <!-- 图表展示-->
+        <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
+          :label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum">
+          <el-radio-group v-model="form.ShowChartTypeEnum">
+            <el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
         <!-- 表格类型标识 -->
         <el-form-item v-if="form.Type === 'table'" :label="$t('dictionary:template:criterionConfig:table:tableType')"
           prop="LesionType">
@@ -552,6 +559,7 @@ export default {
         FileType: [],
         ClassifyQuestionId: null,
         ClassifyAlgorithms: null,
+        ShowChartTypeEnum: 0,
         OptionTypeEnum: 0
       },
       rules: {
@@ -879,6 +887,7 @@ export default {
       data.HighlightAnswerList = []
       // data.ExportIdentification = 0
       data.ExportResult = []
+      data.ShowChartTypeEnum = 0
       data.FileType = []
       data.ClassifyQuestionId = null
       data.ClassifyAlgorithms = null
diff --git a/src/views/dictionary/template/components/TableQsForm.vue b/src/views/dictionary/template/components/TableQsForm.vue
index 61dd9686..a6690f13 100644
--- a/src/views/dictionary/template/components/TableQsForm.vue
+++ b/src/views/dictionary/template/components/TableQsForm.vue
@@ -289,6 +289,13 @@
             </el-radio>
           </el-radio-group>
         </el-form-item>
+        <!-- 图表展示-->
+        <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
+          :label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum">
+          <el-radio-group v-model="form.ShowChartTypeEnum">
+            <el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
         <!-- 最大上传个数 -->
         <el-form-item v-if="form.Type === 'upload'" :label="$t('trials:readingUnit:qsList:title:imageCount')"
           prop="ImageCount">
@@ -442,6 +449,7 @@ export default {
         // ExportIdentification: 0,
         ExportResult: [],
         DefaultValue: null,
+        ShowChartTypeEnum: 0,
         OptionTypeEnum: 0
         // IsEnable: true
       },
@@ -769,6 +777,7 @@ export default {
       // form.ExportIdentification = 0
       form.ExportResult = []
       form.DefaultValue = null
+      form.ShowChartTypeEnum = 0
       form.OptionTypeEnum = 0
     },
     close() {
diff --git a/src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue b/src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue
index 0e7571f7..45ecb24b 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/DicomViewer.vue
@@ -475,6 +475,7 @@
               :question-form-change-num="questionFormChangeNum"
               :is-show="isShow"
               :is-reading-show-subject-info="isReadingShowSubjectInfo"
+              @handleReadingChart="handleReadingChart"
             />
 
             <IVUSList
@@ -1229,6 +1230,9 @@ export default {
     })
   },
   methods: {
+    handleReadingChart(e) {
+      this.$emit('handleReadingChart', e)
+    },
     getTrialCriterion() {
       getCriterionReadingInfo({
         TrialId: this.trialId || this.$route.query.trialId,
diff --git a/src/views/trials/trials-panel/reading/dicoms/components/QuestionItem.vue b/src/views/trials/trials-panel/reading/dicoms/components/QuestionItem.vue
index da4b4fb5..7f24f925 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/QuestionItem.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/QuestionItem.vue
@@ -25,13 +25,22 @@
         :class="[question.Type === 'group' ? 'mb' : (question.Type === 'upload' || question.QuestionName.length > 15) ? 'uploadWrapper' : '']">
         <template v-if="question.QuestionType === 60 || question.QuestionType === 61">
           <div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center;">
-
-            <el-input v-if="question.Type === 'calculation'" v-model="questionForm[question.Id]" disabled
-              style="width: 130px;">
-              <template v-if="question.Unit" slot="append">
-                {{ $fd('ValueUnit', parseInt(question.Unit)) }}
-              </template>
-            </el-input>
+            <div style="display: flex;justify-content: space-between;" v-if="question.Type === 'calculation'">
+              <el-input v-if="question.Type === 'calculation'" v-model="questionForm[question.Id]" disabled
+                            style="width: 130px;">
+                <template v-if="question.Unit" slot="append">
+                  {{ $fd('ValueUnit', parseInt(question.Unit)) }}
+                </template>
+              </el-input>
+              <svg-icon v-if="question.ShowChartTypeEnum > 0" icon-class="readingChart"
+                class="svg-icon svg-readingChart" @click.stop="(e) => handleReadingChart({
+                  e,
+                  data: {
+                    QuestionId: question.Id,
+                    QuestionName: question.QuestionName
+                  }
+                })" />
+            </div>
             <!-- 测量 -->
             <el-button v-if="!questionForm[question.Id] && readingTaskState !== 2" size="mini" type="text"
               @click="addAnnotation(question)">{{ $t('trials:lugano:button:addAnnotation') }}</el-button>
@@ -55,11 +64,22 @@
 
         <template
           v-else-if="question.QuestionType === 48 || question.QuestionType === 51 || question.QuestionType === 52 || question.QuestionType === 53">
-          <el-input v-if="question.Type === 'calculation'" v-model="questionForm[question.Id]" disabled>
-            <template v-if="question.Unit" slot="append">
-              {{ $fd('ValueUnit', parseInt(question.Unit)) }}
-            </template>
-          </el-input>
+          <div style="display: flex;justify-content: space-between;" v-if="question.Type === 'calculation'">
+            <el-input v-if="question.Type === 'calculation'" v-model="questionForm[question.Id]" disabled>
+              <template v-if="question.Unit" slot="append">
+                {{ $fd('ValueUnit', parseInt(question.Unit)) }}
+              </template>
+            </el-input>
+            <svg-icon v-if="question.ShowChartTypeEnum > 0" icon-class="readingChart" class="svg-icon svg-readingChart"
+              @click.stop="(e) => handleReadingChart({
+                e,
+                data: {
+                  QuestionId: question.Id,
+                  QuestionName: question.QuestionName
+                }
+              })" />
+          </div>
+          
         </template>
 
         <!-- 输入框 -->
@@ -146,20 +166,31 @@
           :disabled="readingTaskState >= 2 || isFirstChangeTask"
           :precision="2"
         /> -->
-        <template v-else-if="question.Type === 'number'">
-          <el-input-number v-if="question.ValueType === 0" v-model="questionForm[question.Id]" :precision="0"
-            :disabled="readingTaskState >= 2 || isFirstChangeTask" />
-          <el-input-number v-else-if="question.ValueType === 3" v-model="questionForm[question.Id]"
-            :disabled="readingTaskState >= 2 || isFirstChangeTask" />
-          <el-input-number v-else-if="question.ValueType === 1 || question.ValueType === 2"
-            v-model="questionForm[question.Id]" :precision="digitPlaces"
-            :disabled="readingTaskState >= 2 || isFirstChangeTask" />
-        </template>
-        <el-input v-else-if="question.Type === 'calculation'" v-model="questionForm[question.Id]" disabled>
-          <template v-if="question.Unit" slot="append">
-            {{ $fd('ValueUnit', parseInt(question.Unit)) }}
+        <div style="display: flex;justify-content: space-between;"
+          v-else-if="question.Type === 'number' || question.Type === 'calculation'">
+          <template v-if="question.Type === 'number'">
+            <el-input-number v-if="question.ValueType === 0" v-model="questionForm[question.Id]" :precision="0"
+              :disabled="readingTaskState >= 2 || isFirstChangeTask" />
+            <el-input-number v-else-if="question.ValueType === 3" v-model="questionForm[question.Id]"
+              :disabled="readingTaskState >= 2 || isFirstChangeTask" />
+            <el-input-number v-else-if="question.ValueType === 1 || question.ValueType === 2"
+              v-model="questionForm[question.Id]" :precision="digitPlaces"
+              :disabled="readingTaskState >= 2 || isFirstChangeTask" />
           </template>
-        </el-input>
+          <el-input v-else-if="question.Type === 'calculation'" v-model="questionForm[question.Id]" disabled>
+            <template v-if="question.Unit" slot="append">
+              {{ $fd('ValueUnit', parseInt(question.Unit)) }}
+            </template>
+          </el-input>
+          <svg-icon v-if="question.ShowChartTypeEnum > 0" icon-class="readingChart" class="svg-icon svg-readingChart"
+            @click.stop="(e) => handleReadingChart({
+              e,
+              data: {
+                QuestionId: question.Id,
+                QuestionName: question.QuestionName
+              }
+            })" />
+        </div>
         <!-- 上传图像 -->
         <el-upload v-else-if="question.Type === 'upload'" action :accept="accept" :limit="question.ImageCount"
           :on-preview="handlePictureCardPreview" :before-upload="handleBeforeUpload" :http-request="uploadScreenshot"
diff --git a/src/views/trials/trials-panel/reading/dicoms/components/Questions.vue b/src/views/trials/trials-panel/reading/dicoms/components/Questions.vue
index 765505d2..e88475b7 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/Questions.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/Questions.vue
@@ -16,6 +16,7 @@
         :visit-task-id="visitTaskId"
         @setFormItemData="setFormItemData"
         @resetFormItemData="resetFormItemData"
+        @handleReadingChart="handleReadingChart"
       />
 
       <el-form-item v-if="readingTaskState < 2 && !isFirstChangeTask">
@@ -150,6 +151,9 @@ export default {
     }
   },
   methods: {
+    handleReadingChart(e) {
+      this.$emit('handleReadingChart', e)
+    },
     async getQuestions(visitTaskId, isRefresh = false) {
       var isChangeVisitTask = this.visitTaskId !== visitTaskId
       this.visitTaskId = visitTaskId
diff --git a/src/views/trials/trials-panel/reading/dicoms/components/ReadPage.vue b/src/views/trials/trials-panel/reading/dicoms/components/ReadPage.vue
index 5016e2ea..fbb359be 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/ReadPage.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/ReadPage.vue
@@ -36,10 +36,12 @@
           :is-exists-clinical-data="isExistsClinicalData" :is-exists-no-dicom-file="isExistsNoDicomFile"
           :is-reading-show-subject-info="isReadingShowSubjectInfo"
           :is-reading-task-view-in-order="isReadingTaskViewInOrder" :is-exists-manual="isExistsManual"
-          :iseCRFShowInDicomReading="iseCRFShowInDicomReading" @previewCD="previewCD" />
+          :iseCRFShowInDicomReading="iseCRFShowInDicomReading" @previewCD="previewCD"
+          @handleReadingChart="handleReadingChart" />
       </div>
 
     </div>
+    <readingChart ref="readingChart" />
   </div>
 </template>
 <script>
@@ -54,6 +56,7 @@ import * as dicomParser from 'dicom-parser'
 import * as cornerstone from 'cornerstone-core'
 import { workSpeedclose } from "@/utils"
 import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
+import readingChart from '@/components/readingChart'
 // import metaDataProvider from '@/utils/metaDataProvider'
 // cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
 var config = {
@@ -74,7 +77,8 @@ export default {
   name: 'ReadPage',
   components: {
     DicomViewer,
-    StudyList
+    StudyList,
+    readingChart
   },
   props: {
     trialId: {
@@ -216,6 +220,7 @@ export default {
     window.addEventListener('beforeunload', e => {
       cornerstone.imageCache.purgeCache()
     })
+    document.addEventListener("click", this.foo);
   },
   beforeDestroy() {
     cornerstone.imageCache.purgeCache()
@@ -229,6 +234,21 @@ export default {
     workSpeedclose(true)
   },
   methods: {
+    handleReadingChart(row) {
+      let { e, data } = row
+      let obj = Object.assign({}, data)
+      obj.TrialId = this.$route.query.trialId
+      obj.VisitTaskId = this.visitTaskId
+      let zIndex = 9
+      if (obj.RowIndex) {
+        zIndex = 9999
+      }
+      this.$refs.readingChart.init(e, obj, zIndex)
+    },
+    foo() {
+      if (!this.$refs.readingChart) return false
+      this.$refs.readingChart.foo()
+    },
     async getVisitInfo() {
       const loading = this.$loading({ fullscreen: true })
 
diff --git a/src/views/trials/trials-panel/reading/dicoms/components/Recist/QuestionForm.vue b/src/views/trials/trials-panel/reading/dicoms/components/Recist/QuestionForm.vue
index e1ae2648..58d3d9bd 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/Recist/QuestionForm.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/Recist/QuestionForm.vue
@@ -64,17 +64,28 @@
 
         <!-- 输入框 -->
         <template v-if="qs.Type==='input' || qs.Type==='number'">
+          <div style="display: flex;justify-content: space-between;">
+            <el-input
+              v-if="qs.Type==='input' || qs.Type==='number'"
+              v-model="questionForm[qs.Id]"
+              :disabled="!isCurrentTask || readingTaskState>=2 || qs.QuestionMark === 0 || qs.QuestionMark === 1 || qs.QuestionMark === 2 || qs.QuestionMark === 5 || (qs.QuestionMark === 6 && (isCurrentTaskAdd === 'False' || (isCurrentTaskAdd === 'True' && !questionForm.IsCanEditPosition) || !!answers.SplitOrMergeLesionName))|| (qs.QuestionMark === 8 && (isCurrentTaskAdd === 'False' || !!answers.SplitOrMergeLesionName) && lesionType !== 2) || (qs.QuestionMark === 10 && (isCurrentTaskAdd === 'False' || !!answers.SplitOrMergeLesionName))"
+              @change="((val)=>{formItemChange(val, qs)})"
+            >
+              <template v-if="(qs.QuestionMark===0 || qs.QuestionMark===1) && qs.Unit" slot="append">
+                {{ $fd('ValueUnit', parseInt(qs.Unit)) }}
+              </template>
+            </el-input>
+            <svg-icon v-if="qs.ShowChartTypeEnum > 0" icon-class="readingChart" class="svg-icon svg-readingChart"
+              @click.stop="(e) => handleReadingChart({
+                e,
+                data: {
+                  TableQuestionId: qs.Id,
+                  RowIndex: questionForm.RowIndex,
+                  QuestionName: qs.QuestionName
+                }
+              })" />
+          </div>
           <!-- {{ ((qs.QuestionMark === 6 && isCurrentTaskAdd === 'False') || (qs.QuestionMark === 6 && isCurrentTaskAdd === 'True' && !questionForm.IsCanEditPosition)) }} -->
-          <el-input
-            v-if="qs.Type==='input' || qs.Type==='number'"
-            v-model="questionForm[qs.Id]"
-            :disabled="!isCurrentTask || readingTaskState>=2 || qs.QuestionMark === 0 || qs.QuestionMark === 1 || qs.QuestionMark === 2 || qs.QuestionMark === 5 || (qs.QuestionMark === 6 && (isCurrentTaskAdd === 'False' || (isCurrentTaskAdd === 'True' && !questionForm.IsCanEditPosition) || !!answers.SplitOrMergeLesionName))|| (qs.QuestionMark === 8 && (isCurrentTaskAdd === 'False' || !!answers.SplitOrMergeLesionName) && lesionType !== 2) || (qs.QuestionMark === 10 && (isCurrentTaskAdd === 'False' || !!answers.SplitOrMergeLesionName))"
-            @change="((val)=>{formItemChange(val, qs)})"
-          >
-            <template v-if="(qs.QuestionMark===0 || qs.QuestionMark===1) && qs.Unit" slot="append">
-              {{ $fd('ValueUnit', parseInt(qs.Unit)) }}
-            </template>
-          </el-input>
         </template>
         <!-- 多行文本输入框 -->
         <el-input
@@ -307,6 +318,9 @@ export default {
     DicomEvent.$off('handleImageQualityAbnormal')
   },
   methods: {
+    handleReadingChart(e) {
+      this.$emit('handleReadingChart', e)
+    },
     async initForm() {
       const loading = this.$loading({ fullscreen: true })
       this.questions.forEach(item => {
diff --git a/src/views/trials/trials-panel/reading/dicoms/components/Recist/QuestionList.vue b/src/views/trials/trials-panel/reading/dicoms/components/Recist/QuestionList.vue
index d3483c22..57aa2fe0 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/Recist/QuestionList.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/Recist/QuestionList.vue
@@ -19,7 +19,7 @@
 
       <!-- 非测量问题 -->
       <div class="lesions">
-        <Questions ref="ecrf" :question-form-change-state="questionFormChangeState" :question-form-change-num="questionFormChangeNum" />
+        <Questions ref="ecrf" :question-form-change-state="questionFormChangeState" :question-form-change-num="questionFormChangeNum" @handleReadingChart="handleReadingChart"/>
       </div>
       <!-- 测量问题 -->
       <template v-if="questions.length > 0 && CriterionType !== 10">
@@ -30,7 +30,16 @@
           <div class="lesion_list">
             <div v-for="item in qs.Childrens" v-show="!(isBaseLineTask && item.LesionType === 2)" :key="item.Id">
               <div v-if="item.Type === 'table'" class="flex-row" style="margin:3px 0;">
-                <div class="title">{{ item.QuestionName }}</div>
+                <div class="title">{{ item.QuestionName }}
+                  <svg-icon v-if="item.LesionType === 0" icon-class="readingChart"
+                    class="svg-icon svg-readingChart-mini" @click.stop="(e) => handleReadingChart({
+                      e,
+                      data: {
+                        ReportChartTypeEnum: 0,
+                        QuestionName: item.QuestionName
+                      },
+                    })" />
+                </div>
                 <div v-if="readingTaskState<2 && (isBaseLineTask || item.LesionType === 2)" class="add-icon" @click.prevent="handleAdd(item)">
                   <i class="el-icon-plus" />
                 </div>
@@ -120,6 +129,7 @@
                     @determineExistsUnsavedLession="determineExistsUnsavedLession"
                     @resetQuestions="resetQuestions"
                     @close="close"
+                    @handleReadingChart="handleReadingChart"
                   />
                 </el-collapse-item>
 
@@ -240,6 +250,9 @@ export default {
     DicomEvent.$off('getUnSaveTarget')
   },
   methods: {
+    handleReadingChart(e) {
+      this.$emit('handleReadingChart', e)
+    },
     async initList() {
       var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.lastCanvasTaskId)
       if (i > -1) {
diff --git a/src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue b/src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue
index c5cb3365..dcef00f8 100644
--- a/src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue
+++ b/src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue
@@ -69,7 +69,20 @@
             width="350px"
           >
             <template slot-scope="scope">
-              <span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
+              <span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}
+                <svg-icon
+                  v-if="scope.row.ShowChartTypeEnum > 0 || (scope.row.LesionType === 0 && scope.row.ReportLayType === 1) || (scope.row.LesionType === 4 && scope.row.ReportLayType === 1)"
+                  icon-class="readingChart" class="svg-icon svg-readingChart-mini" @click.stop="(e) => handleReadingChart({
+                    e,
+                    data: {
+                      QuestionId: scope.row.RowIndex ? null : scope.row.QuestionId,
+                      TableQuestionId: scope.row.RowIndex ? scope.row.TableQuestionId : null,
+                      RowIndex: scope.row.RowIndex ? scope.row.RowIndex : null,
+                      ReportChartTypeEnum: (scope.row.LesionType === 0 && scope.row.ReportLayType === 1) ? 0 : (scope.row.LesionType === 4 && scope.row.ReportLayType === 1) ? 1 : null,
+                      QuestionName: scope.row.QuestionName
+                    }
+                  })" />
+              </span>
               <span
                 v-else
                 style="font-weight: bold;font-size: 16px;color: #f44336;"
@@ -266,6 +279,7 @@
       </div>
       <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
     </el-dialog>
+    <readingChart ref="readingChart_report" />
   </div>
 </template>
 <script>
@@ -280,9 +294,10 @@ import store from '@/store'
 import { mapGetters } from 'vuex'
 import { changeURLStatic } from '@/utils/history.js'
 import AdditionalAssessment from './AdditionalAssessment'
+import readingChart from '@/components/readingChart'
 export default {
   name: 'ReportPage',
-  components: { SignForm, AdditionalAssessment },
+  components: { SignForm, AdditionalAssessment, readingChart },
   props: {
     visitTaskId: {
       type: String,
@@ -352,6 +367,7 @@ export default {
       }
     })
     this.getReportInfo()
+    document.addEventListener("click", this.foo);
   },
   beforeDestroy() {
     DicomEvent.$off('getReportInfo')
@@ -361,6 +377,22 @@ export default {
     }
   },
   methods: {
+    handleReadingChart(row) {
+      let { e, data } = row
+      let obj = Object.assign({}, data)
+      obj.TrialId = this.$route.query.trialId
+      obj.VisitTaskId = this.visitTaskId
+      obj.key = 'readingChart_report'
+      let zIndex = 9
+      if (obj.RowIndex) {
+        zIndex = 9999
+      }
+      this.$refs.readingChart_report.init(e, obj, zIndex)
+    },
+    foo() {
+      if (!this.$refs.readingChart_report) return false
+      this.$refs.readingChart_report.foo()
+    },
     myConfirm(msg) {
       return new Promise(resolve => {
         this.$confirm(msg, {
diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue
index 454dc17f..747ef8a3 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/ReadPage.vue
@@ -461,6 +461,7 @@
                 @resetAnnotations="resetAnnotations"
                 @getAnnotations="getAnnotations"
                 @setToolToTarget="setToolToTarget"
+                @handleReadingChart="handleReadingChart"
               />
               <customize-question-list
                 v-else-if="lastViewportTaskId && criterionType === 0 && lastViewportTaskIds.includes(s.VisitTaskId)"
@@ -590,6 +591,7 @@
       :task-id="taskId"
       :visible.sync="downloadImageVisible"
     />
+    <readingChart ref="readingChart" />
   </div>
 </template>
 <script>
@@ -634,6 +636,7 @@ import RectangleROITool from './tools/RectangleROITool'
 import uploadDicomAndNonedicom from '@/components/uploadDicomAndNonedicom'
 import downloadDicomAndNonedicom from '@/components/downloadDicomAndNonedicom'
 import { getNetWorkSpeed, setNetWorkSpeedSizeAll, workSpeedclose } from "@/utils"
+import readingChart from '@/components/readingChart'
 const { visibility } = annotation
 const { ViewportType, Events } = Enums
 const renderingEngineId = 'myRenderingEngine'
@@ -706,6 +709,7 @@ export default {
     colorMap,
     downloadDicomAndNonedicom,
     uploadDicomAndNonedicom,
+    readingChart
   },
   props: {
     readingTool: {
@@ -912,8 +916,24 @@ export default {
     DicomEvent.$on('addNoneDicomMeasureData', data => {
       this.open.postMessage({ type: 'addNoneDicomMeasureData', data: data }, window.location)
     })
+    document.addEventListener("click", this.foo);
   },
   methods: {
+    handleReadingChart(row) {
+      let { e, data } = row
+      let obj = Object.assign({}, data)
+      obj.TrialId = this.$route.query.trialId
+      obj.VisitTaskId = this.taskInfo.VisitTaskId
+      let zIndex = 9
+      if (obj.RowIndex) {
+        zIndex = 9999
+      }
+      this.$refs.readingChart.init(e, obj, zIndex)
+    },
+    foo() {
+      if (!this.$refs.readingChart) return false
+      this.$refs.readingChart.foo()
+    },
     // 加载当前任务关联的任务信息
     async loadRelatedTasks() {
       this.loading = true
diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/QuestionFormItem.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/QuestionFormItem.vue
index 8254172c..257e6e19 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/QuestionFormItem.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/QuestionFormItem.vue
@@ -65,20 +65,31 @@
             {{ val }}
           </el-checkbox>
         </el-checkbox-group>
-        <!-- 数值 -->
-        <template v-else-if="question.Type === 'number'">
-          <el-input-number v-if="question.ValueType === 0" v-model="questionForm[question.Id]" :precision="0"
-            :disabled="readingTaskState >= 2" />
-          <el-input-number v-else-if="question.ValueType === 3" v-model="questionForm[question.Id]"
-            :disabled="readingTaskState >= 2" />
-          <el-input-number v-else-if="question.ValueType === 1 || question.ValueType === 2"
-            v-model="questionForm[question.Id]" :precision="digitPlaces" :disabled="readingTaskState >= 2" />
-        </template>
-        <el-input v-else-if="question.Type === 'calculation'" v-model="questionForm[question.Id]" disabled>
-          <template v-if="question.Unit" slot="append">
-            {{ $fd('ValueUnit', parseInt(question.Unit)) }}
+         <div style="display: flex;justify-content: space-between;"
+          v-else-if="question.Type === 'number' || question.Type === 'calculation'">
+           <!-- 数值 -->
+          <template v-if="question.Type === 'number'">
+            <el-input-number v-if="question.ValueType === 0" v-model="questionForm[question.Id]" :precision="0"
+              :disabled="readingTaskState >= 2" />
+            <el-input-number v-else-if="question.ValueType === 3" v-model="questionForm[question.Id]"
+              :disabled="readingTaskState >= 2" />
+            <el-input-number v-else-if="question.ValueType === 1 || question.ValueType === 2"
+              v-model="questionForm[question.Id]" :precision="digitPlaces" :disabled="readingTaskState >= 2" />
           </template>
-        </el-input>
+          <el-input v-else-if="question.Type === 'calculation'" v-model="questionForm[question.Id]" disabled>
+            <template v-if="question.Unit" slot="append">
+              {{ $fd('ValueUnit', parseInt(question.Unit)) }}
+            </template>
+          </el-input>
+          <svg-icon v-if="question.ShowChartTypeEnum > 0" icon-class="readingChart" class="svg-icon svg-readingChart"
+            @click.stop="(e) => handleReadingChart({
+              e,
+              data: {
+                QuestionId: question.Id,
+                QuestionName: question.QuestionName
+              }
+            })" />
+        </div>
         <!-- 上传图像 -->
         <el-upload v-else-if="question.Type === 'upload'" action :accept="accept" :limit="question.ImageCount"
           :on-preview="handlePictureCardPreview" :before-upload="handleBeforeUpload" :http-request="uploadScreenshot"
@@ -167,6 +178,9 @@ export default {
     this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
   },
   methods: {
+    handleReadingChart(row) {
+      this.$emit('handleReadingChart', row)
+    },
     formItemChange(v, question) {
       console.log('formItemChange')
       if (question.Childrens.length > 0) {
diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/QuestionList.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/QuestionList.vue
index 20f42e9c..ee8a0bfa 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/QuestionList.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/QuestionList.vue
@@ -20,7 +20,7 @@
         <el-form ref="outerForm" size="small" :model="outerForm">
           <question-form-item v-for="outerQs in outerQuestions" :key="outerQs.Id" :question="outerQs"
             :question-form="outerForm" :reading-task-state="readingTaskState" :visit-task-id="visitTaskId"
-            @resetFormItemData="resetOuterFormItemData" @setFormItemData="setOuterFormItemData" />
+            @resetFormItemData="resetOuterFormItemData" @setFormItemData="setOuterFormItemData" @handleReadingChart="handleReadingChart"/>
           <el-form-item v-if="readingTaskState < 2">
             <div class="outer_form-footer">
               <i class="el-icon-warning feedback-icon"
@@ -40,7 +40,16 @@
           <div class="lesion_list">
             <div v-for="table in qs.Childrens" v-show="!(isBaseLineTask && table.LesionType === 2)" :key="table.Id">
               <div v-if="table.Type === 'table'" class="flex-row" style="margin:3px 0;">
-                <div class="title">{{ table.QuestionName }}</div>
+                <div class="title">{{ table.QuestionName }}
+                  <svg-icon v-if="table.LesionType === 0" icon-class="readingChart"
+                    class="svg-icon svg-readingChart-mini" @click.stop="(e) => handleReadingChart({
+                      e,
+                      data: {
+                        ReportChartTypeEnum: 0,
+                        QuestionName: table.QuestionName
+                      },
+                    })" />
+                </div>
                 <div v-if="readingTaskState < 2 && (isBaseLineTask || table.LesionType === 2)" class="add-icon"
                   @click.prevent="addTarget(table)">
                   <i class="el-icon-plus" />
@@ -129,7 +138,7 @@
                       :answer="answer" :question-form="innerFormData[`${table.Id}_${answer.RowIndex}`]"
                       :reading-task-state="readingTaskState" :organs="organs" :is-base-line-task="isBaseLineTask"
                       :is-current-task="isCurrentTask" @update="innerFormDataUpdate" @close="closeInnerForm"
-                      @lesionTypeChange="lesionTypeChange" />
+                      @lesionTypeChange="lesionTypeChange" @handleReadingChart="handleReadingChart"/>
                     <div v-if="readingTaskState < 2" style="text-align:right;margin-top:10px;">
                       <!-- 清除标记 -->
                       <el-button v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].MeasureData" size="mini"
@@ -246,6 +255,9 @@ export default {
     window.addEventListener('message', this.receiveMsg)
   },
   methods: {
+    handleReadingChart(e) {
+      this.$emit('handleReadingChart', e)
+    },
     // 获取器官信息
     async getOrganList() {
       try {
diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/TableQuestionFormItem.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/TableQuestionFormItem.vue
index fbb49226..90ea4e1a 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/TableQuestionFormItem.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/Recist/TableQuestionFormItem.vue
@@ -47,17 +47,28 @@
     >
       <!-- 输入框 -->
       <template v-if="qs.Type==='input' || qs.Type==='number'">
-
-        <el-input
-          v-if="qs.Type==='input' || qs.Type==='number'"
-          v-model="qsForm[qs.Id]"
-          :disabled="!isCurrentTask || readingTaskState>=2 || qs.QuestionMark === 0 || qs.QuestionMark === 1 || qs.QuestionMark === 2 || qs.QuestionMark === 5 || (qs.QuestionMark === 6 && (isCurrentTaskAdd === 'False' || (isCurrentTaskAdd === 'True' && !questionForm.IsCanEditPosition) || !!answer.SplitOrMergeLesionName))|| (qs.QuestionMark === 8 && (isCurrentTaskAdd === 'False' || !!answer.SplitOrMergeLesionName) && lesionType !== 2) || (qs.QuestionMark === 10 && (isCurrentTaskAdd === 'False' || !!answer.SplitOrMergeLesionName))"
-          @change="((val)=>{formItemChange(val, qs)})"
-        >
-          <template v-if="(qs.QuestionMark===0 || qs.QuestionMark===1) && qs.Unit" slot="append">
-            {{ $fd('ValueUnit', parseInt(qs.Unit)) }}
-          </template>
-        </el-input>
+        <div style="display: flex;justify-content: space-between;">
+          <el-input
+            v-if="qs.Type==='input' || qs.Type==='number'"
+            v-model="qsForm[qs.Id]"
+            :disabled="!isCurrentTask || readingTaskState>=2 || qs.QuestionMark === 0 || qs.QuestionMark === 1 || qs.QuestionMark === 2 || qs.QuestionMark === 5 || (qs.QuestionMark === 6 && (isCurrentTaskAdd === 'False' || (isCurrentTaskAdd === 'True' && !questionForm.IsCanEditPosition) || !!answer.SplitOrMergeLesionName))|| (qs.QuestionMark === 8 && (isCurrentTaskAdd === 'False' || !!answer.SplitOrMergeLesionName) && lesionType !== 2) || (qs.QuestionMark === 10 && (isCurrentTaskAdd === 'False' || !!answer.SplitOrMergeLesionName))"
+            @change="((val)=>{formItemChange(val, qs)})"
+          >
+            <template v-if="(qs.QuestionMark===0 || qs.QuestionMark===1) && qs.Unit" slot="append">
+              {{ $fd('ValueUnit', parseInt(qs.Unit)) }}
+            </template>
+          </el-input>
+          <svg-icon v-if="qs.ShowChartTypeEnum > 0" icon-class="readingChart" class="svg-icon svg-readingChart"
+            @click.stop="(e) => handleReadingChart({
+              e,
+              data: {
+                TableQuestionId: qs.Id,
+                RowIndex: qsForm.RowIndex,
+                QuestionName: question.QuestionName
+              }
+            })" />
+        </div>
+        
       </template>
       <!-- 多行文本输入框 -->
       <el-input
@@ -254,6 +265,9 @@ export default {
     }
   },
   methods: {
+    handleReadingChart(row) {
+      this.$emit('handleReadingChart', row)
+    },
     lesionTypeChange(v) {
       this.$emit('lesionTypeChange', { tableId: this.tableInfo.Id, rowIndex: this.answer.RowIndex, newLesionType: v })
     },
diff --git a/src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue b/src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue
index ea6cb647..0a7bf5d3 100644
--- a/src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue
+++ b/src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue
@@ -266,6 +266,7 @@
       </div>
       <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
     </el-dialog>
+    <readingChart ref="readingChart_report" />
   </div>
 </template>
 <script>
@@ -279,9 +280,10 @@ import { getToken } from '@/utils/auth'
 import { mapGetters } from 'vuex'
 import { changeURLStatic } from '@/utils/history.js'
 import AdditionalAssessment from '@/views/trials/trials-panel/reading/dicoms/components/AdditionalAssessment'
+import readingChart from '@/components/readingChart'
 export default {
   name: 'ReportPage',
-  components: { SignForm, AdditionalAssessment },
+  components: { SignForm, AdditionalAssessment, readingChart },
   data() {
     return {
       currentUser: zzSessionStorage.getItem('userName'),
@@ -336,6 +338,7 @@ export default {
       this.setScrollTop()
     })
     this.getReportInfo()
+    document.addEventListener("click", this.foo);
   },
   beforeDestroy() {
     if (this.openWindow) {
@@ -343,6 +346,22 @@ export default {
     }
   },
   methods: {
+    handleReadingChart(row) {
+      let { e, data } = row
+      let obj = Object.assign({}, data)
+      obj.TrialId = this.$route.query.trialId
+      obj.VisitTaskId = this.taskInfo.VisitTaskId
+      obj.key = 'readingChart_report'
+      let zIndex = 9
+      if (obj.RowIndex) {
+        zIndex = 9999
+      }
+      this.$refs.readingChart_report.init(e, obj, zIndex)
+    },
+    foo() {
+      if (!this.$refs.readingChart_report) return false
+      this.$refs.readingChart_report.foo()
+    },
     myConfirm(msg) {
       return new Promise(resolve => {
         this.$confirm(msg, {
diff --git a/src/views/trials/trials-panel/setting/reading-unit/components/QuestionsForm.vue b/src/views/trials/trials-panel/setting/reading-unit/components/QuestionsForm.vue
index d9792647..10e4b239 100644
--- a/src/views/trials/trials-panel/setting/reading-unit/components/QuestionsForm.vue
+++ b/src/views/trials/trials-panel/setting/reading-unit/components/QuestionsForm.vue
@@ -469,6 +469,13 @@
             }}
           </div>
         </div>
+        <!-- 图表展示-->
+        <el-form-item v-if="(form.Type === 'number' || form.Type === 'calculation') && !isFromSystem"
+          :label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum">
+          <el-radio-group v-model="form.ShowChartTypeEnum">
+            <el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
         <!-- 影像标记:disabled="form.IsRequired === 0" -->
         <el-form-item v-if="form.Type === 'number' && !isFromSystem && readingVersionEnum"
           :label="$t('trials:readingUnit:qsList:title:imageMarkEnum')" prop="ImageMarkEnum">
@@ -747,6 +754,7 @@ export default {
         ClassifyEditType: null,
         ClassifyShowType: null,
         ImageMarkEnum: 0,
+        ShowChartTypeEnum: 0,
         ImageTool: '',
         ImageToolAttribute: '',
         ExcludeShowVisitList: [],
@@ -1257,6 +1265,7 @@ export default {
       form.ClassifyType = null
       form.ClassifyShowType = null
       form.ImageMarkEnum = 0
+      form.ShowChartTypeEnum = 0
       form.ImageTool = ''
       form.ImageToolAttribute = ''
       form.OptionTypeEnum = 0
diff --git a/src/views/trials/trials-panel/setting/reading-unit/components/TableQsForm.vue b/src/views/trials/trials-panel/setting/reading-unit/components/TableQsForm.vue
index 7cc53ba9..d6f2c9f5 100644
--- a/src/views/trials/trials-panel/setting/reading-unit/components/TableQsForm.vue
+++ b/src/views/trials/trials-panel/setting/reading-unit/components/TableQsForm.vue
@@ -271,6 +271,13 @@
               $t('trials:readingUnit:qsList:message:msg1') : $t('trials:readingUnit:qsList:message:msg2') }}
           </div>
         </div>
+        <!-- 图表展示-->
+        <el-form-item v-if="(form.Type === 'number' || form.Type === 'calculation') && !isFromSystem"
+          :label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum">
+          <el-radio-group v-model="form.ShowChartTypeEnum">
+            <el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
         <!-- 影像标记:disabled="form.IsRequired === 0" -->
         <el-form-item v-if="form.Type === 'number' && !isFromSystem && readingVersionEnum"
           :label="$t('trials:readingUnit:qsList:title:imageMarkEnum')" prop="ImageMarkEnum">
@@ -610,6 +617,7 @@ export default {
         ClassifyEditType: null,
         ClassifyShowType: null,
         ImageMarkEnum: 0,
+        ShowChartTypeEnum: 0,
         ImageTool: '',
         ImageToolAttribute: '',
         OptionTypeEnum: 0
@@ -1121,6 +1129,7 @@ export default {
       form.ClassifyType = null
       form.ClassifyShowType = null
       form.ImageMarkEnum = 0
+      form.ShowChartTypeEnum = 0
       form.ImageTool = ''
       form.ImageToolAttribute = ''
       form.OptionTypeEnum = 0