|
@@ -11,7 +11,7 @@ const emits=defineEmits(['collectChange'])
|
|
const props=defineProps({
|
|
const props=defineProps({
|
|
chartInfoId:{
|
|
chartInfoId:{
|
|
type:Number,
|
|
type:Number,
|
|
- 'default':0
|
|
|
|
|
|
+ default:0
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
|
|
@@ -97,7 +97,12 @@ async function handleCancelCollect(){
|
|
<svg-icon v-else name="star" style="font-size:20px;cursor: pointer;" @click="showCollectChart=true"></svg-icon>
|
|
<svg-icon v-else name="star" style="font-size:20px;cursor: pointer;" @click="showCollectChart=true"></svg-icon>
|
|
</div>
|
|
</div>
|
|
<div class="chart-render-wrap" v-loading="loading">
|
|
<div class="chart-render-wrap" v-loading="loading">
|
|
- <div class="chart-box" id="chart-detail-pop-box"></div>
|
|
|
|
|
|
+ <div class="chart-wrap_content">
|
|
|
|
+ <div class="chart-box" id="chart-detail-pop-box"></div>
|
|
|
|
+ <!-- 图表水印 -->
|
|
|
|
+ <div class="chart-water-mark" :style="{backgroundImage:`url(${WaterMark})`}"></div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
<div style="text-align: center">
|
|
<div style="text-align: center">
|
|
<!-- 季节图 公历农历切换 -->
|
|
<!-- 季节图 公历农历切换 -->
|
|
<t-radio-group
|
|
<t-radio-group
|
|
@@ -107,7 +112,7 @@ async function handleCancelCollect(){
|
|
v-if="chartInfo?.ChartType === 2"
|
|
v-if="chartInfo?.ChartType === 2"
|
|
>
|
|
>
|
|
<t-radio-button value="公历">公历</t-radio-button>
|
|
<t-radio-button value="公历">公历</t-radio-button>
|
|
- <t-radio-button value="农历">农历</t-radio-button>
|
|
|
|
|
|
+ <t-radio-button value="农历">春节对齐</t-radio-button>
|
|
</t-radio-group>
|
|
</t-radio-group>
|
|
</div>
|
|
</div>
|
|
<div class="chart-source" v-if="chartInfo">
|
|
<div class="chart-source" v-if="chartInfo">
|
|
@@ -122,8 +127,6 @@ async function handleCancelCollect(){
|
|
>来源:{{ JSON.parse(chartInfo.SourcesFrom).text }}</span
|
|
>来源:{{ JSON.parse(chartInfo.SourcesFrom).text }}</span
|
|
>
|
|
>
|
|
</div>
|
|
</div>
|
|
- <!-- 图表水印 -->
|
|
|
|
- <div class="chart-water-mark" :style="{backgroundImage:`url(${WaterMark})`}"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</t-dialog>
|
|
</t-dialog>
|
|
|
|
|
|
@@ -162,20 +165,24 @@ async function handleCancelCollect(){
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
position: relative;
|
|
position: relative;
|
|
- .chart-water-mark{
|
|
|
|
- position: absolute;
|
|
|
|
- left: 10%;
|
|
|
|
- top: 10%;
|
|
|
|
- width: 80%;
|
|
|
|
- height: 80%;
|
|
|
|
- background-size: contain;
|
|
|
|
- background-repeat: no-repeat;
|
|
|
|
- background-position: center center;
|
|
|
|
- }
|
|
|
|
- .chart-box{
|
|
|
|
|
|
+ .chart-wrap_content{
|
|
flex: 1;
|
|
flex: 1;
|
|
position: relative;
|
|
position: relative;
|
|
z-index: 10;
|
|
z-index: 10;
|
|
|
|
+ .chart-box{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
|
|
+ .chart-water-mark{
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 10%;
|
|
|
|
+ top: 10%;
|
|
|
|
+ width: 80%;
|
|
|
|
+ height: 80%;
|
|
|
|
+ background-size: contain;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ background-position: center center;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|