<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-input>
            </div>

        </div>
        <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()">全部</div>
                    <div :class="quanbu == item ? \'pitch\' : \'\'" v-for="item in quanData1" @click="quanClick1(item)">
                        {{item}}</div>
                </div>

            </div>
        </div>
        <div class="policylist-header" :style="headerHeight ? \'height:235px\' : \'height:auto\'">
            <div class="policylist-selected"
                v-if="input1 || input2 || input3 || input4 || input5 || input6 || input7 || input8 || input9">
                <div class="leftName">已选条件:</div>
                <div class="itemsName">
                    <div class="itemName" v-if="input1">发布地区:{{input1}} <i class="el-icon-close"
                            @click="inputDel(\'input1\')"></i> </div>
                    <div class="itemName" v-if="input2">政策级别:{{input2}} <i class="el-icon-close"
                            @click="inputDel(\'input2\')"></i> </div>
                    <div class="itemName" v-if="input3">发布部门:{{input3}} <i class="el-icon-close"
                            @click="inputDel(\'input3\')"></i> </div>
                    <div class="itemName" v-if="input4">扶持方式:{{input4}} <i class="el-icon-close"
                            @click="inputDel(\'input4\')"></i> </div>
                    <div class="itemName" v-if="input5">企业性质:{{input5}} <i class="el-icon-close"
                            @click="inputDel(\'input5\')"></i> </div>
                    <div class="itemName" v-if="input6">行业类别:{{input6}} <i class="el-icon-close"
                            @click="inputDel(\'input6\')"></i> </div>
                    <div class="itemName" v-if="input7">政策类型:{{input7}} <i class="el-icon-close"
                            @click="inputDel(\'input7\')"></i> </div>
                    <div class="itemName" v-if="input8">扶持领域:{{input8}} <i class="el-icon-close"
                            @click="inputDel(\'input8\')"></i> </div>
                    <div class="itemName" v-if="input9">时间年限:{{input9}} <i class="el-icon-close"
                            @click="inputDel(\'input9\')"></i> </div>
                </div>
            </div>
            <div class="policyquery-items">
                <div class="items_left">发布地区</div>
                <div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
                    <div :class="input1 ? \'\':\'pitch\'" @click="tableDataClick1()">不限</div>
                    <div :class="input1 == item ? \'pitch\' : \'\'" v-for="item in tableData1"
                        @click="tableDataClick1(item)">{{item}}</div>
                </div>
                <div class="items_right" @click="headerHeight1 = !headerHeight1"><span v-if="headerHeight1">更多 <i
                            class="el-icon-arrow-down"></i></span><span v-else>收起 <i
                            class="el-icon-arrow-up"></i></span></div>
            </div>
            <div class="policyquery-items">
                <div class="items_left">政策级别</div>
                <div class="items_item" :style="headerHeight2 ? \'height:45px\' : \'height:auto\'">
                    <div :class="input2 ? \'\':\'pitch\'" @click="tableDataClick2()">不限</div>
                    <div :class="input2 == item ? \'pitch\' : \'\'" v-for="item in tableData2"
                        @click="tableDataClick2(item)">{{item}}</div>
                </div>
                <div class="items_right" @click="headerHeight2 = !headerHeight2"><span v-if="headerHeight2">更多<i
                            class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span>
                </div>
            </div>
            <div class="policyquery-items">
                <div class="items_left">发布部门</div>
                <div class="items_item" :style="headerHeight3 ? \'height:45px\' : \'height:auto\'">
                    <div :class="input3 ? \'\':\'pitch\'" @click="tableDataClick3()">不限</div>
                    <div :class="input3 == item ? \'pitch\' : \'\'" v-for="item in tableData3"
                        @click="tableDataClick3(item)">{{item}}</div>
                </div>
                <div class="items_right" @click="headerHeight3 = !headerHeight3"><span v-if="headerHeight3">更多<i
                            class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span>
                </div>
            </div>
            <div class="policyquery-items">
                <div class="items_left">扶持方式</div>
                <div class="items_item" :style="headerHeight4 ? \'height:45px\' : \'height:auto\'">
                    <div :class="input4 ? \'\':\'pitch\'" @click="tableDataClick4()">不限</div>
                    <div :class="input4 == item ? \'pitch\' : \'\'" v-for="item in tableData4"
                        @click="tableDataClick4(item)">{{item}}</div>
                </div>
                <div class="items_right" @click="headerHeight4 = !headerHeight4"><span v-if="headerHeight4">更多<i
                            class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span>
                </div>
            </div>
            <div class="policyquery-items">
                <div class="items_left">企业性质</div>
                <div class="items_item" :style="headerHeight5 ? \'height:45px\' : \'height:auto\'">
                    <div :class="input5 ? \'\':\'pitch\'" @click="tableDataClick5()">不限</div>
                    <div :class="input5 == item ? \'pitch\' : \'\'" v-for="item in tableData5"
                        @click="tableDataClick5(item)">{{item}}</div>
                </div>
                <div class="items_right" @click="headerHeight5 = !headerHeight5"><span v-if="headerHeight5">更多<i
                            class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span>
                </div>
            </div>
            <div class="policyquery-items">
                <div class="items_left">行业类别</div>
                <div class="items_item" :style="headerHeight6 ? \'height:45px\' : \'height:auto\'">
                    <div :class="input6 ? \'\':\'pitch\'" @click="tableDataClick6()">不限</div>
                    <div :class="input6 == item ? \'pitch\' : \'\'" v-for="item in tableData6"
                        @click="tableDataClick6(item)">{{item}}</div>
                </div>
                <div class="items_right" @click="headerHeight6 = !headerHeight6"><span v-if="headerHeight6">更多<i
                            class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span>
                </div>
            </div>
            <div class="policyquery-items">
                <div class="items_left">政策类型</div>
                <div class="items_item" :style="headerHeight7 ? \'height:45px\' : \'height:auto\'">
                    <div :class="input7 ? \'\':\'pitch\'" @click="tableDataClick7()">不限</div>
                    <div :class="input7 == item ? \'pitch\' : \'\'" v-for="item in tableData7"
                        @click="tableDataClick7(item)">{{item}}</div>
                </div>
                <div class="items_right" @click="headerHeight7 = !headerHeight7"><span v-if="headerHeight7">更多<i
                            class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span>
                </div>
            </div>
            <div class="policyquery-items">
                <div class="items_left">扶持领域</div>
                <div class="items_item" :style="headerHeight8 ? \'height:45px\' : \'height:auto\'">
                    <div :class="input8 ? \'\':\'pitch\'" @click="tableDataClick8()">不限</div>
                    <div :class="input8 == item ? \'pitch\' : \'\'" v-for="item in tableData8"
                        @click="tableDataClick8(item)">{{item}}</div>
                </div>
                <div class="items_right" @click="headerHeight8 = !headerHeight8"><span v-if="headerHeight8">更多<i
                            class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span>
                </div>
            </div>
            <div class="policyquery-items">
                <div class="items_left">时间年限</div>
                <div class="items_item" :style="headerHeight9 ? \'height:45px\' : \'height:auto\'">
                    <div :class="input9 ? \'\':\'pitch\'" @click="tableDataClick9()">不限</div>
                    <div :class="input9 == item ? \'pitch\' : \'\'" v-for="item in tableData9"
                        @click="tableDataClick9(item)">{{item}}</div>
                </div>
                <div class="items_right" @click="headerHeight9 = !headerHeight9"><span v-if="headerHeight9">更多<i
                            class="el-icon-arrow-down"></i></span><span v-else>收起<i class="el-icon-arrow-up"></i></span>
                </div>
            </div>
        </div>
        <div class="policylist-headerbut" @click="headerHeight = !headerHeight"><span v-if="headerHeight">更多&nbsp;<img
                    src="/imgs/policy/xiajiantou.png"></span><span v-else>收起&nbsp;<img
                    src="/imgs/policy/shangjiantou.png"></span></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 class="policylist-baowei"> {{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>