<div class="policylist-warpper">
    <div class="policylist" v-if="detailPageType">
        <div class="policylist-recommend">
            <div style="float: left;
                    font-size: 28px;
                    font-family: PingFangSC-Medium,PingFang SC;
                    font-weight: 500;
                    color: rgba(16,142,233,1);">政策推荐</div>
            <div class="recommend-input">
                <el-input placeholder="请输入查询的标题/内容" v-model="zctext" change="()=>{console.log(123)}">
                    <el-button slot="append" icon="el-icon-search" 　@click="zcPost()">检索</el-button>
                    <el-button slot="append" >生成报告</el-button>
                </el-input>
            </div>

        </div>


        <div class="policylist-portrayal" style="margin: 20px 0;border-bottom: 1px solid #ddd;">
                <div class="portrayal-left">企业画像</div>
                <div class="portrayal-right" ref="qyhx">
                        <div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key" :style="rgb()">{{item}}</div>
                </div>
        </div>

        <div class="policylist-content" style="background: rgba(255,255,255,1);
            border-radius: 2px;
            border: 1px solid rgba(225,225,225,1);">
            <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 style="margin-left: -10px;" v-if="i.app_status==0"> <span
                            style="dispaly:line-block;color:#fff;background-color: #B2B2B2;">申报已结束</span></div>
                    <div style="margin-left: -10px;" v-if="i.app_status==1"> <span
                            style="dispaly:line-block;color:#fff;background-color: #FFA940">开放申报中</span></div>
                    <div style="margin-left: -10px;" v-if="i.app_status==2"> <span
                            style="dispaly:line-block;color:#fff;background-color: #597EF7">即将申报</span></div>
                    <div style="margin-left: 15px;"> {{i.name}} </div>
                </div>
                <div>
                    <div class="policylist-conten-items"><span><img src="/imgs/tuandui.png"
                                alt="">&nbsp;{{i.source}}</span><span>
                            <p style="float:right"><img src="/imgs/riqi.png"
                                    alt="">&nbsp;申报日期：{{i.begindate}}/{{i.enddate}}
                        </span></p>
                    </div>
                    <div class="policylistsitems"><span><img src="/imgs/zehngfu.png"
                                alt="">&nbsp;{{i.policygrade}}|{{i.label}}</span><span style="display: block;">
                            <p class="zuo"><img src="/imgs/yan.png" alt="">&nbsp;浏览量：{{i.count}}
                        </span></p>
                    </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>