hz/ylst-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style：ui样式

Browse Source
This commit is contained in:
王博冉
2022-12-07 11:37:33 +08:00
parent 722401b7d4
commit 8b0159729e
3 changed files with 33 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/DataAnalyse/crosstabs/analysis.vue
View File

@@ -7,23 +7,35 @@
<!-- 总计表头 -->
<vxe-column min-width="85" fixed="left" key="total" type="html" show-overflow="ellipsis" title="" field="option_title">
<template #default="{ row }">
<a-popover :overlayStyle="{'max-width':'20%'}">
<a-tooltip placement="topLeft" :overlayStyle="{'max-width':'20%'}">
<template #title>
<div class="pop-span"><span v-html="row.option_title"></span></div>
</template>
<div class="pop-div" style="width:67px;"><span v-html="row.option_title"></span></div>
</a-tooltip>
<!-- <a-popover :overlayStyle="{'max-width':'20%'}">
<template #content>
<div class="pop-span"><span v-html="row.option_title"></span></div>
</template>
<div class="pop-div" style="width:67px;"><span v-html="row.option_title"></span></div>
</a-popover>
</a-popover> -->
</template>
</vxe-column>
<!-- 其他表头 -->
<vxe-colgroup min-width="170" align="center" v-for="(columnsDateItem,columnsDate_index) in item.header" :title="columnsDateItem.title" :key="columnsDate_index">
<vxe-colgroup min-width="170" align="left" v-for="(columnsDateItem,columnsDate_index) in item.header" :title="columnsDateItem.title" :key="columnsDate_index">
<template #header>
<a-popover :overlayStyle="{'max-width':'20%'}">
<a-tooltip placement="topLeft" :overlayStyle="{'max-width':'20%'}">
<template #title>
<div class="pop-span"><span v-html="columnsDateItem.title"></span></div>
</template>
<div class="pop-div"><span v-html="columnsDateItem.title"></span></div>
</a-tooltip>
<!-- <a-popover :overlayStyle="{'max-width':'20%'}">
<template #content>
<div class="pop-span"><span v-html="columnsDateItem.title"></span></div>
</template>
<div class="pop-div"><span v-html="columnsDateItem.title"></span></div>
</a-popover>
</a-popover> -->
</template>
<vxe-column min-width="80" v-for="(children,children_index) in columnsDateItem.child" :key="'children'+children_index" :title="children.title" :field="children.key"></vxe-column>
</vxe-colgroup>

26
src/views/DataAnalyse/crosstabs/analysisDetail.vue
View File

@@ -46,23 +46,23 @@
<!-- 总计表头 -->
<vxe-column min-width="85" fixed="left" key="total" type="html" show-overflow="ellipsis" title="" field="option_title">
<template #default="{ row }">
<a-popover :overlayStyle="{'max-width':'20%'}">
<template #content>
<a-tooltip placement="topLeft" :overlayStyle="{'max-width':'20%'}">
<template #title>
<div class="pop-span"><span v-html="row.option_title"></span></div>
</template>
<div class="pop-div" style="width:67px;"><span v-html="row.option_title"></span></div>
</a-popover>
</a-tooltip>
</template>
</vxe-column>
<!-- 其他表头 -->
<vxe-colgroup min-width="170" align="center" v-for="(columnsDateItem,columnsDate_index) in item.header" :title="columnsDateItem.title" :key="columnsDate_index">
<vxe-colgroup min-width="170" align="left" v-for="(columnsDateItem,columnsDate_index) in item.header" :title="columnsDateItem.title" :key="columnsDate_index">
<template #header>
<a-popover :overlayStyle="{'max-width':'20%'}">
<template #content>
<a-tooltip placement="topLeft" :overlayStyle="{'max-width':'20%'}">
<template #title>
<div class="pop-span"><span v-html="columnsDateItem.title"></span></div>
</template>
<div class="pop-div"><span v-html="columnsDateItem.title"></span></div>
</a-popover>
</a-tooltip>
</template>
<vxe-column min-width="80" v-for="(children,children_index) in columnsDateItem.child" :key="'children'+children_index" :title="children.title" :field="children.key"></vxe-column>
</vxe-colgroup>
@@ -83,22 +83,22 @@
>
<a-table-column fixed="left" key="total" title="" data-index="columnChil0" >
<template #default="{ record }">
<a-popover :overlayStyle="{'max-width':'25%'}">
<template #content>
<a-tooltip placement="topLeft" :overlayStyle="{'max-width':'25%'}">
<template #title>
<div class="pop-span"><span v-html="record.columnChil0"></span></div>
</template>
<div class="pop-div" style="width:67px"><span v-html="record.columnChil0"></span></div>
</a-popover>
</a-tooltip>
</template>
</a-table-column>
<a-table-column-group v-for="(columnsDateItem,columnsDate_index) in item.columnsData" :key="columnsDate_index">
<template #title>
<a-popover :overlayStyle="{'max-width':'25%'}">
<template #content>
<a-tooltip placement="topLeft" :overlayStyle="{'max-width':'25%'}">
<template #title>
<div class="pop-span"><span v-html="columnsDateItem.title"></span></div>
</template>
<div class="pop-div"><span v-html="columnsDateItem.title"></span></div>
</a-popover>
</a-tooltip>
</template>
<a-table-column v-for="(children,children_index) in columnsDateItem.children" :key="'children'+children_index" :data-index="children.dataIndex">
<template #title><span>{{children.title}}</span></template>

6
src/views/DataAnalyse/kndiagram/questions/components/combinedAnalysis.vue
View File

@@ -3,15 +3,15 @@
<div class="analysisResult">
<div class="tit">
<span>分析结果</span>
<a-popover class="poppver" placement="topLeft" arrow-point-at-center>
<template #content>
<a-tooltip class="poppver" placement="topLeft" arrow-point-at-center :overlayStyle="{'max-width':'630px'}">
<template #title>
<p>PMC(可采纳最低价格): “太便宜”和“贵”的交点，低于此临界点就会太便宜</p>
<p>PME(可采纳的最高价格): “便宜”和“太贵”的交点，高于此临界点就会太贵</p>
<p>OPP(最优价格): “太便宜”和“太贵“的交点，最优价格</p>
<p>IPP(既不贵也不便宜的价格): “便宜”和“贵”的交点，不太贵和不太便宜基本一样，模棱两可的价格</p>
</template>
<i class="icon iconfont">&#xe6de;</i>
</a-popover>
</a-tooltip>
</div>
<div class="arrow">四条折线分别代表四种态度对应的价格认可占比；</div>
<div class="arrow">