usky-web-portal/src/views/cases/read.vue

<script setup lang="ts">
    import { ref } from 'vue'
    import { useStore  } from 'vuex'
    import banner from '@/components/layout/banner.vue'
        const store = useStore()
        const columnTypes = ref([]) //类型
        const requestParams = ref({})//active类型
        setTimeout(()=>{
            columnTypes.value = store.state.menuList[store.state.sub].children
        },500)
        const paramsData = ref({})
        let oldCategoryId= ref()
        //类型切换
        function facilityClick(item:Object){
            //防抖
            if(item.id != oldCategoryId.value){
                requestParams.value = item
                paramsData.value = {
                    params:{
                        categoryid: item.id,
                        pageNum:1,
                        pageSize:100,
                        order:"sortindex",
                    },
                    index:store.state.currentPagePath,
                    sub:store.state.sub
                }
                oldCategoryId.value = item.id
                store.dispatch('getPageData',paramsData.value)
            }
        }
        //详情页
        function oneInnerBox(item){
    
        }
    </script>
    <template>
            <div class="pageContain">
                <section class="common-bradcrumb-section" >
                    <banner />
                </section>
                <section class="product-content-section pt-60">
                    <div class="container" v-if="store.state.pageContent.length>0">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 content">
                                <div  class="read_content mb-60">
                                    <div class="section-title text-center both-border mb-60 d-flex justify-content-between">
                                        <span class="title-tag2 text-left" >{{store.state.pageContent[0].title}}</span>
                                        <a href="javascript:history.back(-1)"><img src="@/assets/img/product/close.png" alt=""></a>
                                    </div>
                                    <div class="row">
                                        <div class=" col-lg-12 col-md-12  " >
                                            <div  v-html="store.state.pageContent[0].content" class="text-left"></div>
                                        </div>
                                    </div>
                                </div>
                                <div v-if="store.state.recomMendation.length>0">
                                    <div class="title-tag2">相关推荐</div>
                                    <div class="relNewBox container text-left ">
                                        <a class="ustify-content-between d-flex relNewsList" :href="dup?'./read.html?dup='+dup+'&categoryid='+item.categoryid+'&id='+item.id+'&isUrlId=1':'./read.html?categoryid='+item.categoryid+'&id='+item.id+'&isUrlId=1'" v-for="item in store.state.recomMendation" :key="item.id">
                                            <div><img width="18" height="18" src="@/assets/img/news/arrowT.svg"> {{item.title}} </div>
                                            <div>{{ item.createdate }}</div>
                                        </a>
                                    </div>
                                </div>
        
                            </div>
                        </div>
                    </div>
                </section>
            </div>
</template>