XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

图表修改
continuous-integration/drone/push Build is passing Details

main
wangxiaoshuang 2025-12-30 15:25:01 +08:00
parent 08dba4b364
commit 8d0f0094ba
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/trials/trials-panel/subject/subject-list/components/SubjectChart.vue
View File

@ -21,18 +21,20 @@
</el-table> </el-table>
<div class="chartBox"> <div class="chartBox">
<div class="R1box" v-if="R1ChartList.length > 0"> <div class="R1box" v-if="R1ChartList.length > 0">
<h3>{{ $t("subjectChart:chart:titie:R1") }}</h3>
<div v-for="item in R1ChartList" :key="item.id"> <div v-for="item in R1ChartList" :key="item.id">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div v-for="d in item.list" :key="d.id" :ref="`chartContainer_${d.id}`" class="canvasBox" <div v-for="d in item.list" :key="d.id" :ref="`chartContainer_${d.id}`" class="canvasBox"
:style="{ width: R2ChartList.length > 0 ? '490px' : '980px', height: '290px' }"> style="width: 90%; height: 290px;">
</div> </div>
</div> </div>
</div> </div>
<div class="R2box" v-if="R2ChartList.length > 0"> <div class="R2box" v-if="R2ChartList.length > 0">
<h3>{{ $t("subjectChart:chart:titie:R2") }}</h3>
<div v-for="item in R2ChartList" :key="item.id"> <div v-for="item in R2ChartList" :key="item.id">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div v-for="d in item.list" :key="d.id" :ref="`chartContainer_${d.id}`" class="canvasBox" <div v-for="d in item.list" :key="d.id" :ref="`chartContainer_${d.id}`" class="canvasBox"
style="width: 490px; height: 290px;"> style="width: 90%; height: 290px;">
</div> </div>
</div> </div>
</div> </div>
@ -268,6 +270,12 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.subjectChart {
width: 80%;
min-width: 800px;
margin: auto;
}
.chartBox { .chartBox {
display: flex; display: flex;

11
src/views/trials/trials-panel/trial-summary/report-forms/index.vue
View File

@ -23,7 +23,7 @@
<div ref="chartContainer_bottom" style="width: 100%; height: 100%;" v-loading="loading_bottom"></div> <div ref="chartContainer_bottom" style="width: 100%; height: 100%;" v-loading="loading_bottom"></div>
<span v-if="ORR" style="position: absolute;top: 0;right:20px">ORR: {{ ORR }}</span> <span v-if="ORR" style="position: absolute;top: 0;right:20px">ORR: {{ ORR }}</span>
</div> </div>
<div class="chartBox" v-if="isHas_bottom_right && isTumor"> <div class="chartBox" v-if="isTumor">
<div ref="chartContainer_bottom_right" style="width: 100%; height: 100%;" v-loading="loading_bottom"> <div ref="chartContainer_bottom_right" style="width: 100%; height: 100%;" v-loading="loading_bottom">
</div> </div>
</div> </div>
@ -77,7 +77,7 @@ export default {
loading_bottom: false, loading_bottom: false,
chart_bottom: null, chart_bottom: null,
chart_bottom_right: null, chart_bottom_right: null,
isHas_bottom_right: false, // isHas_bottom_right: false,
ORR: null ORR: null
} }
}, },
@ -342,7 +342,7 @@ export default {
titleText: this.$t("trials:reportForms:cjart:title:dataDistribution"), titleText: this.$t("trials:reportForms:cjart:title:dataDistribution"),
} }
if (OtherInfo.PDList && OtherInfo.PDList.length > 0) { if (OtherInfo.PDList && OtherInfo.PDList.length > 0) {
this.isHas_bottom_right = true // this.isHas_bottom_right = true
OtherInfo.PDList.forEach(item => { OtherInfo.PDList.forEach(item => {
obj2.xAxisData.push(item.SubjectCode) obj2.xAxisData.push(item.SubjectCode)
obj2.seriesData.push(item.DaysDiff) obj2.seriesData.push(item.DaysDiff)
@ -351,9 +351,10 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.initChart_bottom_right(obj2) this.initChart_bottom_right(obj2)
}) })
} else {
this.isHas_bottom_right = false
} }
// else {
// this.isHas_bottom_right = false
// }
} }
} catch (err) { } catch (err) {