<div class="policylist-warpper">
        <div class="policylist" v-if="detailPageType">
            <div class="policylist-tile" 　style="margin-top: 15px;">
                <div class="policyquery-items">
                    <div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
                        <div :class="quanbu ? \'\':\'pitch\'" @click="quanClick1()">管理办法({{total}})</div>
                        <div :class="quanbu == item ? \'pitch\' : \'\'" v-for="item in quanData1" @click="quanClick1(item)">
                            {{item.title}}({{item.count}})</div>
                    </div>
    
                </div>
            </div>
    
           <div style="display: flex;
           margin-top: 30px;">
            <div class="policylist-content" style="background: rgba(255,255,255,1);
            border-radius: 2px;
            border: 1px solid rgba(225,225,225,1);width: 77%;">
            <div class="brandfind-main-equal-form-box-null" v-if="recommendationsArr.length==0" style="height:500px;">
                <!-- 没数据 -->
                <div class="shuju">
                    <img src="/imgs/toubu.png" alt="">
                    <!-- <div class="shuju">暂无数据</div> -->
                </div>
            </div>
            <div v-else class="policylist-content-list" v-for="(i,k) in recommendationsArr">
                <div class="policylist-conten-title" @click="articleDetails(i)">
                    <div class="shenbao2"> {{i.name}} </div>
                </div>
                <div>
                    <div class="policylist-conten-items"><span>{{i.source}}</span>
                    </div>
                    <div class="policylistsitems"><span>
                                        <p style="float: right;
                                        margin-top: -20px;"><img src="/imgs/riqi.png"
                                                alt="">&nbsp;申报日期：{{i.begindate}}
                                    </span></p>
                    </div>
                </div>
            </div>

        </div>
        <div class="policylist-content">
            <div class="shuju2" style="margin-left: 19px;">
                    <el-carousel :interval="5000" arrow="never" height="200px">
                            <el-carousel-item v-for="item in loopplays" style="height:100%;cursor: pointer;">
                                <div class="el_gsb_img" :style="\'background: url(\' + item.leftimg + \') center center no-repeat;\'"></div>
                            </el-carousel-item>
                        </el-carousel>
            </div>
            <br>
            <div class="shuju3">
                <img src="/imgs/declare_dakuang.png" alt="">
                <!-- <div class="shuju">暂无数据</div> -->
            </div>

    </div>
           </div>
            <div class="policylist-pagination" v-show="recommendationsArr.length">
                <el-pagination background layout="prev, pager, next" @current-change="handleCurrentChange" :total="total">
                </el-pagination>
            </div>
            <div v-else></div>
        </div>
    
        <div class="policylist" v-if="!detailPageType">
            <div class="policylist-header1" style="border:none;">
                <div class="header-left">当前位置：<span @click="next">区域政策 > </span><span style="color: #108EE9;">政策详情</span>
                </div>
            </div>
            <div style="width: 100%;height: 25px;"></div>
            <div class="policylist-portrayal">
                <div class="portrayal-left">政策画像</div>
                <div class="portrayal-right">
                    <div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key" :style="rgba()">{{item}}
                    </div>
                </div>
            </div>
            <div class="henxian"></div>
            <div class="policylist-essay">
                <div class="essay-title">
                    <div class="essay-title-name">{{recommendationsObj.name}}</div>
                    <div class="essay-title-list">
                        <span>发布部门：{{recommendationsObj.source}}</span><span>阅读量：{{recommendationsObj.count}}</span><span>申报日期：{{recommendationsObj.begindate}}</span>
                    </div>
                </div>
                <div class="essay-content" v-html="recommendationsObj.policytext"></div>
            </div>
            <!-- <div class="policylist-buttons"> -->
            <!-- <div style="border:1px solid rgba(88,184,72,1);color: #2AA515"><img src="/imgs/wx.png" alt="">分享到微信</div>
                        <div style="border:1px solid rgba(228,109,108,1);color: #E46D6C"><img src="/imgs/wb.png" alt="">分享到微博</div>
                        <div style="border:1px solid rgba(255,189,29,1);color: #FFBD1D"><img src="/imgs/sc.png" alt="">收藏</div> -->
            <!-- <div style="border:1px solid rgba(78,140,238,1);color:#4E8CEE" @click="consulting"><img src="/imgs/zx.png" alt="">政策咨询</div> -->
            <!-- </div> -->
            <!-- <div class="policylist-navigation">
                        <div @click="before(rKey)" v-if="recommendationsObjBefore">上一篇：{{recommendationsObjBefore.name}}</div>
                        <div @click="after(rKey)" v-if="recommendationsObjAfter">下一篇：{{recommendationsObjAfter.name}}</div>
                </div> -->
            <!-- <div class="policylist-qr">
                <img src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
            </div> -->
        </div>
    </div>