Skip to content

Z
zhichan
Commit b266af52 by 任建
Options

rj

parent 35f25db9
Showing with 72 additions and 25 deletions
embed_applications/app/front/vues/pages/policylist/policylist.html
......@@ -110,7 +110,7 @@
<div @click="after(rKey)" v-if="recommendationsObjAfter">下一篇：{{recommendationsObjAfter.name}}</div>
</div> -->
<div class="policylist-qr">
<img src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
<img style="border:1px dashed #666;" src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
</div>
</div>
</div>
\ No newline at end of file
embed_applications/app/front/vues/pages/policyquery/policyquery.html
......@@ -4,75 +4,75 @@
<div class="policylist-header" :style="headerHeight ? \'height:190px\' : \'height:auto\'">
<div class="policyquery-items">
<div class="items_left">发布地区</div>
<div class="items_item" :style="headerHeight1 ? \'height:45px\' : \'height:auto\'">
<div ref="ref1" 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 v-if="listGen1" 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 ref="ref2" 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 v-if="listGen2" 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 ref="ref3" 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 v-if="listGen3" 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 ref="ref4" 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 v-if="listGen4" 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 ref="ref5" 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 v-if="listGen5" 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 ref="ref6" 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 v-if="listGen6" 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 ref="ref7" 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 v-if="listGen7" 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 ref="ref8" 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 v-if="listGen8" 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 ref="ref9" 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 v-if="listGen9" 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">更多</span><span v-else>收起</span></div>
......@@ -155,12 +155,12 @@
<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-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微信服务号，随时随地了解行业政策最新资讯
<img style="border:1px dashed #666;" src="/imgs/gsb.png" alt=""> 扫一扫，关注iBOSS微信服务号，随时随地了解行业政策最新资讯
</div>
</div>
</div>
\ No newline at end of file
embed_applications/app/front/vues/pages/policyquery/policyquery.js
......@@ -40,6 +40,15 @@
input7:'',
input8:'',
input9:'',
listGen1:true,
listGen2:true,
listGen3:true,
listGen4:true,
listGen5:true,
listGen6:true,
listGen7:true,
listGen8:true,
listGen9:true,
tableData1: [
'北京',
'天津',
......@@ -200,7 +209,6 @@
}]
}
},
methods: {
rgba() {
var color = this.colorList[Math.floor(Math.random()*this.colorList.length)];
......@@ -435,12 +443,49 @@
}).catch(function (e) {
console.log(`操作失败，请刷新页面后重新操作`);
});
},
refsWidth(ref){
let length=0;
[...ref.children].forEach( item => {
length += item.offsetWidth;
});
return length;
},
geng(){
if(this.$refs.ref1.offsetWidth >= this.refsWidth(this.$refs.ref1)){
this.listGen1 = false;
}
if(this.$refs.ref2.offsetWidth >= this.refsWidth(this.$refs.ref2)){
this.listGen2 = false;
}
if(this.$refs.ref3.offsetWidth >= this.refsWidth(this.$refs.ref3)){
this.listGen3 = false;
}
if(this.$refs.ref4.offsetWidth >= this.refsWidth(this.$refs.ref4)){
this.listGen4 = false;
}
if(this.$refs.ref5.offsetWidth >= this.refsWidth(this.$refs.ref5)){
this.listGen5 = false;
}
if(this.$refs.ref6.offsetWidth >= this.refsWidth(this.$refs.ref6)){
this.listGen6 = false;
}
if(this.$refs.ref7.offsetWidth >= this.refsWidth(this.$refs.ref7)){
this.listGen7 = false;
}
if(this.$refs.ref8.offsetWidth >= this.refsWidth(this.$refs.ref8)){
this.listGen8 = false;
}
if(this.$refs.ref9.offsetWidth >= this.refsWidth(this.$refs.ref9)){
this.listGen9 = false;
}
}
},
mounted: function() {
/*for (let i = 0; i < this.portrayalArr.length; i++) {
this.portrayalArr[i].col = this.rgb();
};*/
this.geng();
this.zcPost();
this.zccompanyPost();
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment