Browse Source

专题文章

preview
jiangyy 4 years ago
parent
commit
b562094cbf
  1. 75
      epmet-oper-web/src/assets/scss/modules/wx-mini/voice.scss
  2. 3
      epmet-oper-web/src/components/wx-index/cpt-item.vue
  3. 39
      epmet-oper-web/src/components/wx-index/voice.vue
  4. 3
      epmet-oper-web/src/views/modules/productConfig/homeCustom/index.vue
  5. 1
      epmet-oper-web/src/views/modules/wx-mini/index-set.vue

75
epmet-oper-web/src/assets/scss/modules/wx-mini/voice.scss

@ -59,6 +59,7 @@
margin-top: 10px; margin-top: 10px;
.content { .content {
position: relative;
width: 355px; width: 355px;
margin: 0 auto; margin: 0 auto;
border-radius: 5px; border-radius: 5px;
@ -145,6 +146,80 @@
} }
} }
.rank_tabs{
margin:0px 15px 0px;
display: flex;
padding:0px 0px;
justify-content: space-between;
.title_focus{
font-size: 17px;
font-family: PingFang SC;
font-weight: 800;
color: #333333;
text-align: center;
.red_line{
height: 3px;
width: 30px;
background-color: red;
margin-top: 5px;
border-radius:4px;
margin-left:20px;
}
}
.title_other{
font-size: 17px;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
.rank_title_left{
margin-left: 25px;
margin-top: 10px;
width:30%;
font-size: 16px;
text-align: center;
font-family: PingFang-SC;
padding:0px 0px 0px 0px;
font-weight: 600;
color: rgb(0, 0, 0);
}
.rank_title_right{
margin-left: 70px;
margin-top: 12px;
width:30%;
font-size: 14px;
text-align: center;
font-family: PingFang-SC;
padding:0px 0px 0px 0px;
font-weight: 500;
color: rgb(171, 171, 171);
}
}
.more{
width:100%;
height:25px;
margin:10px;
position: relative;
font-size: 13px;
font-family: PingFang SC;
font-weight: 500;
color: #4896DE;
line-height: 24px;
.more_content{
position: absolute;
right:20px;
}
}

3
epmet-oper-web/src/components/wx-index/cpt-item.vue

@ -30,7 +30,8 @@
<!-- 党建声音最新发布特色文章轮播图新闻 --> <!-- 党建声音最新发布特色文章轮播图新闻 -->
<div v-else-if="item.componentFrontId==='resi-functionList-voice-newsList' <div v-else-if="item.componentFrontId==='resi-functionList-voice-newsList'
||item.componentFrontId==='resi-functionList-voice-newsList2' ||item.componentFrontId==='resi-functionList-voice-newsList2'
||item.componentFrontId==='resi-topList-voice-hotNewsSwiper'"> ||item.componentFrontId==='resi-topList-voice-hotNewsSwiper'
||item.componentFrontId==='resi-functionList-voice-speciallist'">
<voice :item=item <voice :item=item
:isFocused=isFocused></voice> :isFocused=isFocused></voice>
</div> </div>

39
epmet-oper-web/src/components/wx-index/voice.vue

@ -48,6 +48,45 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 党建声音-专题文章 -->
<div class="voice_news"
v-else-if="item.componentFrontId==='resi-functionList-voice-speciallist'">
<div class="content">
<div class="rank_tabs">
<div class="title_focus">
<span>党建动态</span>
<div class="red_line"></div>
</div>
<div class="title_other">疫情防控</div>
<div class="title_other">通知公告</div>
<div class="title_other">生活服务</div>
</div>
<div class="list">
<div class="item"
:key="subindex"
v-for="(subitem, subindex) in item.demoData.list">
<div class="news_title">{{ subitem.title }}</div>
<img v-if="subitem.pic"
:src="subitem.pic">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/news-pic2.png">
<div class="news_grid">
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png">
<span>来源{{ subitem.author }}</span>
<span class="f-fr">{{ subitem.date }}</span>
</div>
</div>
</div>
<div class="more">
<div class="more_content">查看更多</div>
</div>
</div>
</div>
<!-- 党建声音-特色文章组件 --> <!-- 党建声音-特色文章组件 -->
<div class="voice_news" <div class="voice_news"
v-else-if="item.componentFrontId==='resi-functionList-voice-newsList2'"> v-else-if="item.componentFrontId==='resi-functionList-voice-newsList2'">

3
epmet-oper-web/src/views/modules/productConfig/homeCustom/index.vue

@ -585,6 +585,7 @@ export default {
loadingInstance.close() loadingInstance.close()
}, },
processBackendCptData (item) { processBackendCptData (item) {
let demoData = {} let demoData = {}
let configuration = {} let configuration = {}
const tempOnlyId = getRandomString(20) const tempOnlyId = getRandomString(20)
@ -607,6 +608,7 @@ export default {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} else { } else {
let list = [{ let list = [{
functionId: '0', functionId: '0',
functionName: '通用组件', functionName: '通用组件',
@ -762,6 +764,7 @@ export default {
}, },
// - // -
beforeAddCpt (item) { beforeAddCpt (item) {
console.log('添加组件到实例-前验证') console.log('添加组件到实例-前验证')
const regionType = this.checkCptRegion(item) const regionType = this.checkCptRegion(item)
const tempOnlyId = getRandomString(20) const tempOnlyId = getRandomString(20)

1
epmet-oper-web/src/views/modules/wx-mini/index-set.vue

@ -767,6 +767,7 @@ export default {
}, },
// - // -
beforeAddCpt (item) { beforeAddCpt (item) {
debugger
console.log('添加组件到实例-前验证') console.log('添加组件到实例-前验证')
const regionType = this.checkCptRegion(item) const regionType = this.checkCptRegion(item)
const tempOnlyId = getRandomString(20) const tempOnlyId = getRandomString(20)

Loading…
Cancel
Save