Merge branch 'need_pool406/380'

src/views/hzyb/chart/Detail.vue

@@ -3,7 +3,7 @@ import chartBox from './component/chartBox.vue'
 import noAuth from './component/noAuth.vue'
 import sharePoster from '../components/SharePoster.vue'
 import collectBox from './component/collectBox.vue'
-import { Popup, Toast,Picker } from 'vant';
+import { Popup, Toast,Picker,Icon } from 'vant';
 import {ref,onMounted, reactive, watch,computed,nextTick} from 'vue'
 import {useRoute, useRouter,onBeforeRouteUpdate} from 'vue-router'
 import moment from 'moment'
@@ -2031,6 +2031,9 @@ const posterParams=computed(()=>{
     }
 })
 
+/* 折叠source */
+const sourceColl = ref(false)
+
 
 </script>
 
@@ -2068,18 +2071,24 @@ const posterParams=computed(()=>{
 
         <chartBox :options='chartData' v-if="!loading"></chartBox>
 
-        <div class="source-box" style="margin-top:5px" v-if="$route.query.source=='ybxcx_my_chart'">来源：{{resData&&resData.ChartInfo.ChartSource}}</div>
+        <div :class="['source-box',{'un-coll-sty':sourceColl,'coll-sty': !sourceColl}]" v-if="$route.query.source=='ybxcx_my_chart'">
+            来源：{{resData&&resData.ChartInfo.ChartSource}}
+            <Icon :name="sourceColl?'arrow-up':'arrow-down'" class="slide-icon" @click="sourceColl=!sourceColl"/>
+        </div>
 
         <template v-if="$route.query.source!=='ybxcx_my_chart'">
         <div class="flex source-box">
-            <div :style="{flex:resData&&resData.ChartInfo.ChartType===2?1:2}"><span v-if="resData&&resData.ChartInfo.ChartType!==2">来源：{{resData&&resData.ChartInfo.ChartSource}}</span></div>
+            <!-- <div :style="{flex:resData&&resData.ChartInfo.ChartType===2?1:2}"><span v-if="resData&&resData.ChartInfo.ChartType!==2">来源：{{resData&&resData.ChartInfo.ChartSource}}</span></div> -->
             <div class="season-change-box" style="flex:1" v-if="resData&&resData.ChartInfo.ChartType===2">
                 <span :class="calendarType==='农历'&&'active'" @click="calendarTypeChange('农历')">农历</span>
                 <span :class="calendarType==='公历'&&'active'" @click="calendarTypeChange('公历')">公历</span>
             </div>
             <span style="color:#E3B377;flex:1;text-align:right" @click="showLimit=true" v-if="![3,4,6].includes(resData.ChartInfo.Source)">上下限设置</span>
         </div>
-        <div class="source-box" style="margin-top:5px" v-if="resData&&resData.ChartInfo.ChartType===2">来源：{{resData&&resData.ChartInfo.ChartSource}}</div>
+        <div :class="['source-box',{'un-coll-sty':sourceColl,'coll-sty': !sourceColl}]">
+            来源：{{resData&&resData.ChartInfo.ChartSource}}
+            <Icon :name="sourceColl?'arrow-up':'arrow-down'" class="slide-icon" @click="sourceColl=!sourceColl"/>
+        </div>
 
         <!-- 日期类型 -->
         <div class="date-type-box" v-if="resData&&sameOptionType.includes(resData.ChartInfo.ChartType)&&resData.ChartInfo.Source===1">
@@ -2272,13 +2281,28 @@ const posterParams=computed(()=>{
     
 
     .source-box{
-        padding: 0 34px;
+        padding: 0 70px 0 34px;
         justify-content: space-between;
         align-items: center;
         font-size: 28px;
         margin-bottom: 10px;
         width: 100vw;
         margin-top: 50px;
+        position: relative;
+        &.coll-sty {
+            height: 40px;
+            margin-top:10px;
+            overflow:hidden;
+        }
+        &.un-coll-sty {
+            height: auto;margin-top:10px
+        }
+        .slide-icon {
+            position:absolute;
+            right: 30px;
+            top: 50%;
+            transform: translateY(-50%);
+        }
         .season-change-box{
             height: 50px;
             margin-bottom: 10px;