|
|
@ -1,30 +1,33 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="analysis"> |
|
|
<div class="analysis"> |
|
|
<div v-for="(item, index) in list" :key="index"> |
|
|
<div v-if="list.length && list.length !== 0"> |
|
|
<div class="content"> |
|
|
<div v-for="(item, index) in list" :key="index"> |
|
|
<div class="title"> |
|
|
<div class="content"> |
|
|
<span style="font-size: 16px">Q：{{ item.label }}（{{ item.type }}）</span> |
|
|
<div class="title"> |
|
|
|
|
|
<span style="font-size: 16px">Q：{{ item.label }}（{{ item.type }}）</span> |
|
|
|
|
|
|
|
|
<div> |
|
|
<div> |
|
|
<span>图表类型：</span> |
|
|
<span>图表类型：</span> |
|
|
<el-select v-model="item.chartType" placeholder="请选择"> |
|
|
<el-select v-model="item.chartType" placeholder="请选择"> |
|
|
<el-option |
|
|
<el-option |
|
|
v-for="item in options" |
|
|
v-for="item in options" |
|
|
:key="item.value" |
|
|
:key="item.value" |
|
|
:label="item.label" |
|
|
:label="item.label" |
|
|
:value="item.value" |
|
|
:value="item.value" |
|
|
/> |
|
|
/> |
|
|
</el-select> |
|
|
</el-select> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<line-chart |
|
|
|
|
|
class="chart" |
|
|
|
|
|
:chart-option="getCharData(item)" |
|
|
|
|
|
:width="'90vw'" |
|
|
|
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
<line-chart |
|
|
<el-divider /> |
|
|
class="chart" |
|
|
|
|
|
:chart-option="getCharData(item)" |
|
|
|
|
|
:width="'90vw'" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<el-divider /> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<data-empty v-else style="padding: 20px" desc="只有单选、多选、下拉框组件可以生成图表" /> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
|
Bemege
4 years ago