elink-star
/
epmet-oper-lingshan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

小程序首页

master
jiangyuying 5 years ago
parent
1b29654d0f
commit
c35ea3e93e
16 changed files with 928 additions and 174 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      epmet-oper-web/.env.development
  2. 1
      epmet-oper-web/.env.production.sit
  3. 1
      epmet-oper-web/.env.production.uat
  4. 3
      epmet-oper-web/public/index.html
  5. BIN
      epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-back.png
  6. BIN
      epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-logo.png
  7. BIN
      epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/heart-banner.png
  8. BIN
      epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_1.png
  9. BIN
      epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_2.png
  10. BIN
      epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_3.png
  11. 452
      epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss
  12. 258
      epmet-oper-web/src/components/wx-index/cpt-item.vue
  13. 40
      epmet-oper-web/src/views/modules/code/CommitList.vue
  14. 22
      epmet-oper-web/src/views/modules/customer-manage/RegisterList.vue
  15. 157
      epmet-oper-web/src/views/modules/wx-mini/index-set.vue

4
epmet-oper-web/.env.development
View File

@ -1,5 +1,5 @@
NODE_ENV=development NODE_ENV=development
VUE_APP_API_SERVER = http://192.168.1.130:8080/api # VUE_APP_API_SERVER = http://192.168.1.130:8080/api
# VUE_APP_API_SERVER = http://10.10.10.98:8080/api VUE_APP_API_SERVER = http://10.10.10.98:8080/api
# VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api # VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api
VUE_APP_NODE_ENV=dev VUE_APP_NODE_ENV=dev

1
epmet-oper-web/.env.production.sit
View File

@ -1,2 +1,3 @@
NODE_ENV=production NODE_ENV=production
VUE_APP_API_SERVER = http://192.168.1.130:8080/api
VUE_APP_NODE_ENV=prod:sit VUE_APP_NODE_ENV=prod:sit

1
epmet-oper-web/.env.production.uat
View File

@ -1,2 +1,3 @@
NODE_ENV=production NODE_ENV=production
VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api
VUE_APP_NODE_ENV=prod:uat VUE_APP_NODE_ENV=prod:uat

3
epmet-oper-web/public/index.html
View File

@ -36,8 +36,9 @@
<!-- <script>window.SITE_CONFIG['apiURL'] = 'http://10.10.10.98:8080/api';</script> --> <!-- <script>window.SITE_CONFIG['apiURL'] = 'http://10.10.10.98:8080/api';</script> -->
<script>window.SITE_CONFIG['apiURL'] = 'http://192.168.1.130:8080/api';</script> <script>window.SITE_CONFIG['apiURL'] = 'http://192.168.1.130:8080/api';</script>
<!-- <script>window.SITE_CONFIG['apiURL'] = 'http://localhost:8080/api';</script> --> <!-- <script>window.SITE_CONFIG['apiURL'] = 'http://localhost:8080/api';</script> -->
<!-- <script>window.SITE_CONFIG['apiURL'] = 'https://epmet-dev.elinkservice.cn/api';</script> -->
<% } %> <% } %>
<!-- 集成测试环境 dev --> <!-- 集成测试环境 dev -->https://epmet-dev.elinkservice.cn/
<% if (process.env.VUE_APP_NODE_ENV === 'prod:sit') { %> <% if (process.env.VUE_APP_NODE_ENV === 'prod:sit') { %>
<script>window.SITE_CONFIG['apiURL'] = 'http://epmet-dev.elinkservice.cn:48080/api';</script> <script>window.SITE_CONFIG['apiURL'] = 'http://epmet-dev.elinkservice.cn:48080/api';</script>
<% } %> <% } %>

BIN
epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-back.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 919 B

BIN
epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/heart-banner.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 KiB

BIN
epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

452
epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss
View File

@ -356,6 +356,79 @@
} }
} }
.mw-cpt-banner {
position: relative;
margin-top: 10px;
.d-cpt-wrap {
padding: 10px 10px 15px 10px;
background-color: rgba(233, 233, 233, 0.26);
.d-cpt-subwrap {
position: relative;
height: 160px;
border-radius: 10px;
overflow: hidden;
> img {
width: 100%;
height: 160px;
}
.d-title {
margin-top:1px;
position: absolute;
border-radius: 5px;
top: 0;
right: 0;
width:230px;
padding: 0 10px;
background: rgb(255, 255, 255);
overflow: hidden;
.left-log {
vertical-align: middle;
z-index: 10;
width: 15px;
margin-bottom:3px;
}
.s-title {
line-height: 21px;
margin-left:4px;
margin-bottom:3px;
font-size: 12px;
font-family: PingFang SC;
font-weight: 500;
color: rgb(0, 0, 0);
vertical-align: middle;
}
.d-group-no {
position: absolute;
right: 10px;
top: 3px;
width: 50px;
height: 28px;
vertical-align: middle;
text-align: center;
img {
position: absolute;
z-index: 10;
left: 0;
top: 0;
width: 50px;
}
span {
position: relative;
z-index: 20;
vertical-align: middle;
font-size: 7px;
color: rgba(255, 255, 255, 1);
}
}
}
}
}
}
.mw-cpt-new_msg { .mw-cpt-new_msg {
position: relative; position: relative;
@ -567,6 +640,264 @@
} }
} }
// 爱心互助最新活动
.mw-cpt-heart_news {
position: relative;
margin-top: 10px;
.d-cpt-wrap {
width: 355px;
margin: 0 auto;
border-radius: 5px;
overflow: hidden;
background: rgba(255, 255, 255, 1);
.d-cpt-title {
position: relative;
margin: 10px 10px 0 10px;
padding: 7px 10px 13px;
font-size: 17px;
line-height: 15px;
font-family: PingFang SC;
font-weight: bold;
color: rgba(51, 51, 51, 1);
border-bottom: 1px solid #e7eeee;
&::before {
content: "";
position: absolute;
top: 7px;
left: 0;
width: 3px;
height: 15px;
background: rgba(230, 0, 0, 1);
border-radius: 3px;
}
.more{
position: absolute;
top:13px;
right:10px;
font-size: 13px;
font-weight: normal;
color: rgb(151, 150, 150);
}
}
.list {
padding: 0 10px;
.item {
position: relative;
padding: 5px 0;
height: 140px;
padding-left: 110px;
border-bottom: 1px solid #eee;
&:last-child {
border-bottom: none;
}
> img {
position: absolute;
width: 110px;
height: 120px;
left: 0;
top: 11px;
border-radius: 5px;
}
.d-news-title {
margin-left:7px;
height: 40px;
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 20px;
overflow: hidden;
}
.d-news-time {
margin: 0 0 5px 7px;
font-size: 12px;
font-family: PingFang SC;
font-weight: normal;
color: rgb(141, 141, 141);
line-height: 17px;
overflow: hidden;
display: flex;
.d-news-time-title{
height: 20px ;
display:flex ;
align-items:center;
>img{
margin-right:2px;
width: 12px;
vertical-align: bottom;
}
>span{
vertical-align: bottom;
}
}
.d-news-time-item{
font-size: 13px;
width: 60%;
color: rgb(141, 141, 141);
> span {
vertical-align: bottom;
}
}
}
.d-news-adress {
margin: 0 0 7px 7px;
height: 20px;
font-size: 12px;
font-family: PingFang SC;
font-weight: normal;
color: rgb(141, 141, 141);
line-height: 20px;
overflow: hidden;
display:flex ;
align-items:center;
> img {
display: inline-block;
margin-right: 2px;
width: 12px;
vertical-align: bottom;
}
> span {
display: inline-block;
height: 100%;
max-width: 80%;
vertical-align: bottom;
}
}
.d-news-state {
margin: 0 0 7px 7px;
height: 20px;
font-size: 13px;
font-family: PingFang SC;
font-weight: normal;
color: rgb(141, 141, 141);
line-height: 20px;
overflow: hidden;
.d-news-state-limit{
font-family: PingFang SC;
padding:3px 10px;
font-weight: 500;
background-color: rgb(170, 169, 169);
color: rgb(58, 58, 58);
border-radius: 90px;
}
.d-news-state-act{
margin-left:10px;
font-family: PingFang SC;
padding:3px 10px;
font-weight: 500;
background-color: rgb(255, 195, 195);
color: rgb(255, 38, 38);
border-radius: 90px;
}
}
}
.item2 {
position: relative;
padding: 10px 0;
border-bottom: 1px solid #eee;
&:last-child {
border-bottom: none;
}
.d-news-title {
@include toe;
font-size: 17px;
font-family: PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 24px;
}
.d-news-content {
@include toe;
padding: 3px 0;
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 20px;
}
.d-news-info {
margin-top: 5px;
padding: 0 1px;
font-size: 13px;
line-height: 26px;
font-family: PingFang SC;
font-weight: 500;
color: rgba(153, 153, 153, 1);
overflow: hidden;
> img {
display: inline-block;
margin-right: 5px;
width: 26px;
vertical-align: bottom;
}
> span {
@include toe;
display: inline-block;
max-width: 70%;
vertical-align: bottom;
}
}
}
.item3 {
position: relative;
padding: 10px 0;
border-bottom: 1px solid #eee;
&:last-child {
border-bottom: none;
}
.d-news-title {
@include toe;
font-size: 17px;
font-family: PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 24px;
}
.d-news-content {
@include toe;
padding: 3px 0;
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 20px;
}
.d-news-info {
margin-top: 5px;
padding: 0 1px;
font-size: 13px;
line-height: 13px;
font-family: PingFang SC;
font-weight: 500;
color: rgba(153, 153, 153, 1);
overflow: hidden;
> img {
display: inline-block;
margin-right: 5px;
width: 13px;
vertical-align: bottom;
}
> span {
@include toe;
display: inline-block;
max-width: 70%;
vertical-align: bottom;
}
}
}
}
}
}
.mw-cpt-cnt_menus { .mw-cpt-cnt_menus {
position: relative; position: relative;
margin-top: 10px; margin-top: 10px;
@ -609,6 +940,127 @@
} }
} }
// 积分银行积分排行
.mw-cpt-score_rank {
position: relative;
margin-top: 10px;
.d-cpt-wrap {
width: 100%;
// overflow-x: scroll;
overflow: hidden;
.d-cpt-title {
position: relative;
margin: 10px 10px 0 10px;
padding: 7px 10px 13px;
font-size: 17px;
line-height: 15px;
font-family: PingFang SC;
font-weight: bold;
color: rgba(51, 51, 51, 1);
border-bottom: 1px solid #e7eeee;
&::before {
content: "";
position: absolute;
top: 7px;
left: 0;
width: 3px;
height: 15px;
background: rgba(230, 0, 0, 1);
border-radius: 3px;
}
}
.rank_title{
margin:10px 20px;
display: flex;
.rank_title_total{
margin-right:20px;
width:33%;
font-size: 15px;
text-align: center;
font-family: PingFang SC;
padding:3px 10px;
font-weight: 500;
background-color: rgb(255, 21, 21);
color: rgb(255, 255, 255);
border-radius: 90px;
}
.rank_title_week{
width:33%;
margin-right:20px;
font-size: 15px;
text-align: center;
font-family: PingFang SC;
padding:3px 10px;
font-weight: 500;
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
border-radius: 90px;
border-color: rgb(139, 139, 139);
border-width: 1px;
border-style: solid;
}
.rank_title_month{
width:33%;
font-size: 15px;
text-align: center;
font-family: PingFang SC;
padding:3px 10px;
font-weight: 500;
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
border-radius: 90px;
border-color: rgb(139, 139, 139);
border-width: 1px;
border-style: solid;
}
}
.list {
width: 100%;
margin:10px 15px;
.item {
margin:8px 0;
padding:8px 0;
background-color: #ffffff;
width: 100%;
display:flex;
.logo {
width:10%;
height: 21px;
line-height: 21px;
text-align: center;
>img{
width: 25px;
}
>span{
font-size: 14px;
text-align: center;
}
}
.name {
width:70%;
z-index: 10;
vertical-align: bottom;
}
.score {
width:20%;
z-index: 20;
font-size: 14px;
font-family: PingFang SC;
font-weight: bold;
font-style: italic;
}
}
}
}
}
.mw-cpt-cnt_groups { .mw-cpt-cnt_groups {
position: relative; position: relative;
margin-top: 10px; margin-top: 10px;

258
epmet-oper-web/src/components/wx-index/cpt-item.vue
View File

@ -8,11 +8,19 @@
<div class="mw-cpt-top_title" <div class="mw-cpt-top_title"
v-if="item.componentFrontId==='resi-titleList-home-gridNameTitle'"> v-if="item.componentFrontId==='resi-titleList-home-gridNameTitle'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<img class="d-cpt-ico" v-if="item.demoData.ico" :src="item.demoData.ico"> <img class="d-cpt-ico"
<img class="d-cpt-ico" v-else src="@/assets/img/modules/wx-mini/index-set/page/dang.png"> v-if="item.demoData.ico"
:src="item.demoData.ico">
<img class="d-cpt-ico"
v-else
src="@/assets/img/modules/wx-mini/index-set/page/dang.png">
<span>{{ item.demoData.title }}</span> <span>{{ item.demoData.title }}</span>
<img class="d-cpt-avatar" v-if="item.demoData.avatar" :src="item.demoData.avatar"> <img class="d-cpt-avatar"
<img class="d-cpt-avatar" v-else src="@/assets/img/modules/wx-mini/index-set/page/avatar-mini.png"> v-if="item.demoData.avatar"
:src="item.demoData.avatar">
<img class="d-cpt-avatar"
v-else
src="@/assets/img/modules/wx-mini/index-set/page/avatar-mini.png">
</div> </div>
</div> </div>
<!-- 轮播图组件 --> <!-- 轮播图组件 -->
@ -20,8 +28,10 @@
v-else-if="item.componentFrontId==='resi-topList-voice-hotNewsSwiper'"> v-else-if="item.componentFrontId==='resi-topList-voice-hotNewsSwiper'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="d-cpt-subwrap"> <div class="d-cpt-subwrap">
<img v-if="item.demoData.pic" :src="item.demoData.pic"> <img v-if="item.demoData.pic"
<img v-else src="@/assets/img/modules/wx-mini/index-set/page/swiper-bg.png"> :src="item.demoData.pic">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/swiper-bg.png">
<div> <div>
<span>{{ item.demoData.title }}</span> <span>{{ item.demoData.title }}</span>
<i></i> <i></i>
@ -36,8 +46,10 @@
<div class="mw-cpt-new_msg" <div class="mw-cpt-new_msg"
v-else-if="item.componentFrontId==='resi-floatingList-mine-newMessageButton'"> v-else-if="item.componentFrontId==='resi-floatingList-mine-newMessageButton'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<img v-if="item.demoData.ico" :src="item.demoData.ico"> <img v-if="item.demoData.ico"
<img v-else src="@/assets/img/modules/wx-mini/index-set/page/msg.png"> :src="item.demoData.ico">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/msg.png">
<span>{{ item.demoData.text }}</span> <span>{{ item.demoData.text }}</span>
</div> </div>
</div> </div>
@ -47,9 +59,13 @@
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="d-cpt-title">党建声音</div> <div class="d-cpt-title">党建声音</div>
<div class="list"> <div class="list">
<div class="item" :key="subindex" v-for="(subitem, subindex) in item.demoData.list"> <div class="item"
<img v-if="subitem.pic" :src="subitem.pic"> :key="subindex"
<img v-else src="@/assets/img/modules/wx-mini/index-set/page/news-pic.png"> v-for="(subitem, subindex) in item.demoData.list">
<img v-if="subitem.pic"
:src="subitem.pic">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/news-pic.png">
<div class="d-news-title">{{ subitem.title }}</div> <div class="d-news-title">{{ subitem.title }}</div>
<div class="d-news-info"> <div class="d-news-info">
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png"> <img src="@/assets/img/modules/wx-mini/index-set/pavilion.png">
@ -61,17 +77,22 @@
</div> </div>
</div> </div>
<!-- 热点议题组件 -->
<div class="mw-cpt-cnt_news" <div class="mw-cpt-cnt_news"
v-else-if="item.componentFrontId==='resi-functionList-hall-hotSubjectList'"> v-else-if="item.componentFrontId==='resi-functionList-hall-hotSubjectList'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="d-cpt-title">热点议题</div> <div class="d-cpt-title">热点议题</div>
<div class="list"> <div class="list">
<div class="item2" :key="subindex" v-for="(subitem, subindex) in item.demoData.list"> <div class="item2"
:key="subindex"
v-for="(subitem, subindex) in item.demoData.list">
<div class="d-news-title">{{ subitem.title }}</div> <div class="d-news-title">{{ subitem.title }}</div>
<div class="d-news-content">{{ subitem.content || '最热议题内容' }}</div> <div class="d-news-content">{{ subitem.content || '最热议题内容' }}</div>
<div class="d-news-info"> <div class="d-news-info">
<img v-if="subitem.avatar" :src="subitem.avatar"> <img v-if="subitem.avatar"
<img v-else src="@/assets/img/modules/wx-mini/index-set/page/avatar-mini.png"> :src="subitem.avatar">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/avatar-mini.png">
<span>来源：{{ subitem.author }}</span> <span>来源：{{ subitem.author }}</span>
<span class="f-fr">{{ subitem.date }}</span> <span class="f-fr">{{ subitem.date }}</span>
</div> </div>
@ -79,18 +100,22 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 最新议题组件 -->
<div class="mw-cpt-cnt_news" <div class="mw-cpt-cnt_news"
v-else-if="item.componentFrontId==='resi-functionList-hall-latestIssueList'"> v-else-if="item.componentFrontId==='resi-functionList-hall-latestIssueList'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="d-cpt-title">最新议题</div> <div class="d-cpt-title">最新议题</div>
<div class="list"> <div class="list">
<div class="item2" :key="subindex" v-for="(subitem, subindex) in item.demoData.list"> <div class="item2"
:key="subindex"
v-for="(subitem, subindex) in item.demoData.list">
<div class="d-news-title">{{ subitem.title }}</div> <div class="d-news-title">{{ subitem.title }}</div>
<div class="d-news-content">{{ subitem.content || '最新议题内容' }}</div> <div class="d-news-content">{{ subitem.content || '最新议题内容' }}</div>
<div class="d-news-info"> <div class="d-news-info">
<img v-if="subitem.avatar" :src="subitem.avatar"> <img v-if="subitem.avatar"
<img v-else src="@/assets/img/modules/wx-mini/index-set/page/avatar-mini.png"> :src="subitem.avatar">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/avatar-mini.png">
<span>来源：{{ subitem.author }}</span> <span>来源：{{ subitem.author }}</span>
<span class="f-fr">{{ subitem.date }}</span> <span class="f-fr">{{ subitem.date }}</span>
</div> </div>
@ -98,13 +123,15 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 结案项目组件 -->
<div class="mw-cpt-cnt_news" <div class="mw-cpt-cnt_news"
v-else-if="item.componentFrontId==='resi-functionList-hall-closedProjectList'"> v-else-if="item.componentFrontId==='resi-functionList-hall-closedProjectList'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="d-cpt-title">结案项目</div> <div class="d-cpt-title">结案项目</div>
<div class="list"> <div class="list">
<div class="item3" :key="subindex" v-for="(subitem, subindex) in item.demoData.list"> <div class="item3"
:key="subindex"
v-for="(subitem, subindex) in item.demoData.list">
<div class="d-news-title">{{ subitem.title }}</div> <div class="d-news-title">{{ subitem.title }}</div>
<div class="d-news-content">{{ subitem.content }}</div> <div class="d-news-content">{{ subitem.content }}</div>
<div class="d-news-info"> <div class="d-news-info">
@ -122,12 +149,19 @@
v-else-if="item.componentFrontId==='resi-functionList-extend-moreFunctionIcons'"> v-else-if="item.componentFrontId==='resi-functionList-extend-moreFunctionIcons'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="list"> <div class="list">
<div class="item" :key="subindex" v-for="(subitem, subindex) in item.demoData.list"> <div class="item"
<img v-if="subitem.ico" :src="subitem.ico"> :key="subindex"
<img v-else-if="subindex==0" src="@/assets/img/modules/wx-mini/index-set/page/menu-1.png"> v-for="(subitem, subindex) in item.demoData.list">
<img v-else-if="subindex==1" src="@/assets/img/modules/wx-mini/index-set/page/menu-2.png"> <img v-if="subitem.ico"
<img v-else-if="subindex==2" src="@/assets/img/modules/wx-mini/index-set/page/menu-3.png"> :src="subitem.ico">
<img v-else src="@/assets/img/modules/wx-mini/index-set/page/menu-4.png"> <img v-else-if="subindex==0"
src="@/assets/img/modules/wx-mini/index-set/page/menu-1.png">
<img v-else-if="subindex==1"
src="@/assets/img/modules/wx-mini/index-set/page/menu-2.png">
<img v-else-if="subindex==2"
src="@/assets/img/modules/wx-mini/index-set/page/menu-3.png">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/menu-4.png">
<p>{{ subitem.text }}</p> <p>{{ subitem.text }}</p>
</div> </div>
</div> </div>
@ -139,16 +173,23 @@
v-else-if="item.componentFrontId==='resi-functionList-group-recommendGroupSlider'"> v-else-if="item.componentFrontId==='resi-functionList-group-recommendGroupSlider'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="list"> <div class="list">
<div class="item" :key="subindex" v-for="(subitem, subindex) in item.demoData.list"> <div class="item"
:key="subindex"
v-for="(subitem, subindex) in item.demoData.list">
<div class="d-group-no"> <div class="d-group-no">
<img v-if="subitem.ico" :src="subitem.ico"> <img v-if="subitem.ico"
<img v-else-if="subindex === 0" src="@/assets/img/modules/wx-mini/index-set/page/qi.png"> :src="subitem.ico">
<img v-else src="@/assets/img/modules/wx-mini/index-set/page/qi2.png"> <img v-else-if="subindex === 0"
src="@/assets/img/modules/wx-mini/index-set/page/qi.png">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/qi2.png">
<span>{{ subitem.no }}</span> <span>{{ subitem.no }}</span>
</div> </div>
<div class="d-group-avatar"> <div class="d-group-avatar">
<img v-if="subitem.avatar" :src="subitem.avatar"> <img v-if="subitem.avatar"
<img v-else src="@/assets/img/modules/wx-mini/index-set/page/avatar.jpg"> :src="subitem.avatar">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/avatar.jpg">
</div> </div>
<div class="d-group-name">{{ subitem.title }}</div> <div class="d-group-name">{{ subitem.title }}</div>
<div class="d-group-info"> <div class="d-group-info">
@ -164,8 +205,148 @@
</div> </div>
</div> </div>
<!-- 爱心互助banner组件 -->
<div class="mw-cpt-banner"
v-else-if="item.componentFrontId==='resi-functionList-heart-banner'">
<div class="d-cpt-wrap">
<div class="d-cpt-subwrap">
<img v-if="item.demoData.pic"
:src="item.demoData.pic">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/heart-banner.png">
<div class="d-title">
<img class="left-log"
src="@/assets/img/modules/wx-mini/index-set/heart-logo.png">
<span class="s-title">{{ item.demoData.title }}</span>
<div class="d-group-no">
<img src="@/assets/img/modules/wx-mini/index-set/heart-back.png">
<span>{{'点击进入'}}</span>
</div>
</div>
</div>
</div>
</div>
<!-- 爱心互助最新活动组件 -->
<div class="mw-cpt-heart_news"
v-else-if="item.componentFrontId==='resi-functionList-heart-new'">
<div class="d-cpt-wrap">
<div class="d-cpt-title">最新活动
<div class="more">查看更多</div>
</div>
<div class="list">
<div class="item"
:key="subindex"
v-for="(subitem, subindex) in item.demoData.list">
<img v-if="subitem.pic"
:src="subitem.pic">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/news-pic.png">
<div class="d-news-title">{{ subitem.title }}</div>
<div class="d-news-time">
<div class="d-news-time-title">
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png">
<span>活动时间：</span>
</div>
<div class="d-news-time-item">
<span>{{ subitem.time1 }}</span>
<span>{{ subitem.time2 }}</span>
</div>
</div>
<div class="d-news-adress">
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png">
<span>活动地点：{{ subitem.adress }}</span>
</div>
<div class="d-news-state">
<span class="d-news-state-limit">活动名额 12人</span>
<span class="d-news-state-act">已报名 9人</span>
</div>
</div>
</div>
</div>
</div>
<!-- 爱心互助历史回顾组件 -->
<div class="mw-cpt-heart_news"
v-else-if="item.componentFrontId==='resi-functionList-heart-history'">
<div class="d-cpt-wrap">
<div class="d-cpt-title">历史回顾
<div class="more">查看更多</div>
</div>
<div class="list">
<div class="item"
:key="subindex"
v-for="(subitem, subindex) in item.demoData.list">
<img v-if="subitem.pic"
:src="subitem.pic">
<img v-else
src="@/assets/img/modules/wx-mini/index-set/page/news-pic.png">
<div class="d-news-title">{{ subitem.title }}</div>
<div class="d-news-time">
<div class="d-news-time-title">
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png">
<span>活动时间：</span>
</div>
<div class="d-news-time-item">
<span>{{ subitem.time1 }}</span>
<span>{{ subitem.time2 }}</span>
</div>
</div>
<div class="d-news-adress">
<img src="@/assets/img/modules/wx-mini/index-set/pavilion.png">
<span>活动地点：{{ subitem.adress }}</span>
</div>
</div>
</div>
</div>
</div>
<!-- 积分银行积分排行组件 -->
<div class="mw-cpt-score_rank"
v-else-if="item.componentFrontId==='resi-functionList-score-rank'">
<div class="d-cpt-wrap">
<div class="d-cpt-title">积分排行榜</div>
<div class="rank_title">
<span class="rank_title_total">总排名</span>
<span class="rank_title_week">本周排名</span>
<span class="rank_title_month">本月排名</span>
</div>
<div class="list">
<div class="item"
:key="subindex"
v-for="(subitem, subindex) in item.demoData.list">
<div class="logo">
<img v-if="subitem.ico"
:src="subitem.ico">
<img v-else-if="subindex === 0"
src="@/assets/img/modules/wx-mini/index-set/page/score_rank_1.png">
<img v-else-if="subindex === 1"
src="@/assets/img/modules/wx-mini/index-set/page/score_rank_2.png">
<img v-else-if="subindex === 2"
src="@/assets/img/modules/wx-mini/index-set/page/score_rank_3.png">
<span v-else>{{ subitem.subindex }}</span>
</div>
<div class="name">{{ subitem.name }}</div>
<div class="score">{{ subitem.score }}</div>
</div>
</div>
</div>
</div>
<!-- 占位组件 --> <!-- 占位组件 -->
<div class="mw-cpt-placeholder" v-else> <div class="mw-cpt-placeholder"
v-else>
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
{{ item.componentName }} {{ item.componentName }}
</div> </div>
@ -176,15 +357,20 @@
:class="{'z-small': item.region!=='functionList'}" :class="{'z-small': item.region!=='functionList'}"
v-show="isFocused" v-show="isFocused"
@click.stop> @click.stop>
<div class="d-cpt-btn" v-show="item.region==='functionList'" @click="changeCptDisplayOrder('up')"> <div class="d-cpt-btn"
v-show="item.region==='functionList'"
@click="changeCptDisplayOrder('up')">
<img src="@/assets/img/modules/wx-mini/index-set/up.png"> <img src="@/assets/img/modules/wx-mini/index-set/up.png">
<p>上移</p> <p>上移</p>
</div> </div>
<div class="d-cpt-btn" @click="delCpt"> <div class="d-cpt-btn"
@click="delCpt">
<img src="@/assets/img/modules/wx-mini/index-set/del.png"> <img src="@/assets/img/modules/wx-mini/index-set/del.png">
<p>删除</p> <p>删除</p>
</div> </div>
<div class="d-cpt-btn" v-show="item.region==='functionList'" @click="changeCptDisplayOrder('down')"> <div class="d-cpt-btn"
v-show="item.region==='functionList'"
@click="changeCptDisplayOrder('down')">
<img src="@/assets/img/modules/wx-mini/index-set/down.png"> <img src="@/assets/img/modules/wx-mini/index-set/down.png">
<p>下移</p> <p>下移</p>
</div> </div>

40
epmet-oper-web/src/views/modules/code/CommitList.vue
View File

@ -115,10 +115,13 @@ import SubmitForm from './SubmitForm'
import CommitForm from './CommitForm' import CommitForm from './CommitForm'
import OperHistory from './OperHistory' import OperHistory from './OperHistory'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { Loading } from 'element-ui' // 引入Loading服务
let loading// 加载动画
export default { export default {
data () { data () {
return { return {
loading: false,
// 查询相关 // 查询相关
tableParams: { tableParams: {
@ -366,15 +369,19 @@ export default {
const param = { const param = {
codeId: row.id codeId: row.id
} }
window.app.ajax.exportFilePost(url, param, this.startLoading()
window.app.ajax.post(url, param,
(data, rspMsg) => { (data, rspMsg) => {
if (data) { // // eslint-disable-next-line
// eslint-disable-next-line
// debugger // debugger
this.src = window.URL.createObjectURL(data.qrcode) this.endLoading()
if (data) {
// console.log(data.qrcode)
this.src = data.qrcode
} }
}, },
(rspMsg, data) => { (rspMsg, data) => {
this.endLoading()
this.$message.error(rspMsg) this.$message.error(rspMsg)
}, { headers: { 'Content-Type': 'image/jpeg' } }) }, { headers: { 'Content-Type': 'image/jpeg' } })
}, },
@ -421,13 +428,14 @@ export default {
const customerUrl = '/third/pacustomer/registerbyauth' const customerUrl = '/third/pacustomer/registerbyauth'
// const customerUrl = 'https://nei.netease.com/api/apimock-v2/e3b1d0eb88e905f6c7ee559b2d6bb7ad/third/pacustomer/registerbyauth' // const customerUrl = 'https://nei.netease.com/api/apimock-v2/e3b1d0eb88e905f6c7ee559b2d6bb7ad/third/pacustomer/registerbyauth'
const param = { const param = {
initState: 1, // initState: 1,
resiAuth: 1, // resiAuth: 1,
workAuth: 1 workAuth: 1
} }
this.startLoading()
await window.app.ajax.post(customerUrl, param, await window.app.ajax.post(customerUrl, param,
(data, rspMsg) => { (data, rspMsg) => {
this.endLoading()
if (data) { if (data) {
let customerList = [] let customerList = []
@ -444,8 +452,24 @@ export default {
} }
}, },
(rspMsg, data) => { (rspMsg, data) => {
this.endLoading()
this.$message.error(rspMsg) this.$message.error(rspMsg)
}) })
},
// 开启加载动画
startLoading () {
loading = Loading.service({
lock: true, // 是否锁定
text: '正在加载……', // 加载中需要显示的文字
background: 'rgba(0,0,0,.7)' // 背景颜色
})
},
// 结束加载动画
endLoading () {
// clearTimeout(timer);
if (loading) {
loading.close()
}
} }
} }
} }

22
epmet-oper-web/src/views/modules/customer-manage/RegisterList.vue
View File

@ -38,10 +38,12 @@
<script> <script>
import CTable from '@c/CTable' import CTable from '@c/CTable'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { Loading } from 'element-ui' // 引入Loading服务
let loading // 加载动画
export default { export default {
data () { data () {
return { return {
loading: false,
dataForm: { dataForm: {
name: '' // 组织名称 name: '' // 组织名称
}, },
@ -168,16 +170,19 @@ export default {
}, },
// 客户初始化 // 客户初始化
init (row) { init (row) {
this.startLoading()
const param = { const param = {
customerId: row.customerId customerId: row.customerId
} }
window.app.ajax.post(this.initUrl, param, window.app.ajax.post(this.initUrl, param,
(data, rspMsg) => { (data, rspMsg) => {
this.endLoading()
this.$message.success('初始化成功') this.$message.success('初始化成功')
this.loadData() this.loadData()
// eslint-disable-next-line // eslint-disable-next-line
}, },
(rspMsg, data) => { (rspMsg, data) => {
this.endLoading()
this.$message.error(rspMsg) this.$message.error(rspMsg)
}) })
}, },
@ -191,6 +196,21 @@ export default {
name: row.agencyName name: row.agencyName
} }
}) })
},
// 开启加载动画
startLoading () {
loading = Loading.service({
lock: true, // 是否锁定
text: '正在加载……', // 加载中需要显示的文字
background: 'rgba(0,0,0,.7)' // 背景颜色
})
},
// 结束加载动画
endLoading () {
// clearTimeout(timer);
if (loading) {
loading.close()
}
} }
} }
} }

157
epmet-oper-web/src/views/modules/wx-mini/index-set.vue
View File

@ -1,26 +1,37 @@
<template> <template>
<div> <div>
<el-card v-show="step==1" shadow="never" class="aui-card--fill"> <el-card v-show="step==1"
<el-table shadow="never"
v-loading="dataListLoading" class="aui-card--fill">
<el-table v-loading="dataListLoading"
:data="dataList" :data="dataList"
border border
@selection-change="dataListSelectionChangeHandle" @selection-change="dataListSelectionChangeHandle"
@sort-change="dataListSortChangeHandle" @sort-change="dataListSortChangeHandle"
style="width: 100%;"> style="width: 100%;">
<el-table-column prop="customerName" label="客户名称" header-align="left" align="left"></el-table-column> <el-table-column prop="customerName"
<el-table-column label="小程序首页配置" fixed="right" header-align="center" align="center" width="150"> label="客户名称"
header-align="left"
align="left"></el-table-column>
<el-table-column label="小程序首页配置"
fixed="right"
header-align="center"
align="center"
width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" <el-button type="text"
size="small"
@click="startSetWxIndex(scope.row.customerId, scope.row.customerName, 0)">居民端</el-button> @click="startSetWxIndex(scope.row.customerId, scope.row.customerName, 0)">居民端</el-button>
<el-button type="text" size="small" <el-button type="text"
size="small"
@click="startSetWxIndex(scope.row.customerId, scope.row.customerName, 1)">政府端</el-button> @click="startSetWxIndex(scope.row.customerId, scope.row.customerName, 1)">政府端</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-card> </el-card>
<div class="m-wx_index" v-show="step==2"> <div class="m-wx_index"
v-show="step==2">
<el-button type="default" <el-button type="default"
@click="toStep(1)">取消返回</el-button> @click="toStep(1)">取消返回</el-button>
<el-button type="info" <el-button type="info"
@ -31,28 +42,51 @@
@click="publish">发布</el-button> @click="publish">发布</el-button>
<span style="margin-left:20px; color:#aaa; font-size:13px">({{ wxIndex.customerName }} - {{ wxIndex.clientType===1 ? '政府端' : '居民端' }})</span> <span style="margin-left:20px; color:#aaa; font-size:13px">({{ wxIndex.customerName }} - {{ wxIndex.clientType===1 ? '政府端' : '居民端' }})</span>
<el-row class="wrap" :gutter="20"> <el-row class="wrap"
:gutter="20">
<el-col :span="5"> <el-col :span="5">
<h4>选择组件</h4> <h4>选择组件</h4>
<div class="mw-cpt_type"> <div class="mw-cpt_type">
<div class="d-function" v-show="item.componentList.length > 0" :key="item.functionId" v-for="item in cptTypeList"> <div class="d-function"
<div class="d-info" @click="shiftCptTypeItemUnfold(item)"> v-show="item.componentList.length > 0"
<img v-if="item.functionName=='议事厅'" class="d-ico" src="@/assets/img/modules/wx-mini/index-set/function-cpt1.png"> :key="item.functionId"
<img v-else-if="item.functionName=='社群'" class="d-ico" src="@/assets/img/modules/wx-mini/index-set/function-cpt2.png"> v-for="item in cptTypeList">
<img v-else-if="item.functionName=='党建声音'" class="d-ico" src="@/assets/img/modules/wx-mini/index-set/function-cpt3.png"> <div class="d-info"
<img v-else-if="item.functionName=='消息通知'" class="d-ico" src="@/assets/img/modules/wx-mini/index-set/function-cpt4.png"> @click="shiftCptTypeItemUnfold(item)">
<img v-else class="d-ico" src="@/assets/img/modules/wx-mini/index-set/common-cpt.png"> <img v-if="item.functionName=='议事厅'"
class="d-ico"
src="@/assets/img/modules/wx-mini/index-set/function-cpt1.png">
<img v-else-if="item.functionName=='社群'"
class="d-ico"
src="@/assets/img/modules/wx-mini/index-set/function-cpt2.png">
<img v-else-if="item.functionName=='党建声音'"
class="d-ico"
src="@/assets/img/modules/wx-mini/index-set/function-cpt3.png">
<img v-else-if="item.functionName=='消息通知'"
class="d-ico"
src="@/assets/img/modules/wx-mini/index-set/function-cpt4.png">
<img v-else
class="d-ico"
src="@/assets/img/modules/wx-mini/index-set/common-cpt.png">
<span class="d-name">{{ item.functionName }}</span> <span class="d-name">{{ item.functionName }}</span>
<img class="d-arrow" :class="{'z-unfold': item.isUnfold}" src="@/assets/img/modules/wx-mini/index-set/arrow-down.png"> <img class="d-arrow"
:class="{'z-unfold': item.isUnfold}"
src="@/assets/img/modules/wx-mini/index-set/arrow-down.png">
</div> </div>
<div class="d-list" v-show="item.isUnfold"> <div class="d-list"
<div class="d-item" :key="cptItem.componentId" v-for="cptItem in item.componentList"> v-show="item.isUnfold">
<div class="d-item"
:key="cptItem.componentId"
v-for="cptItem in item.componentList">
<span class="d-item-region">({{ getCptRegionName(checkCptRegion(cptItem)) }})</span> <span class="d-item-region">({{ getCptRegionName(checkCptRegion(cptItem)) }})</span>
<span class="d-item-name">{{ cptItem.componentName }}</span> <span class="d-item-name">{{ cptItem.componentName }}</span>
<span class="d-item-btn z-disabled" v-if="!checkCptReuse(cptItem) && checkExistCpt(cptItem)">已添加</span> <span class="d-item-btn z-disabled"
<span class="d-item-btn" v-else @click="beforeAddCpt(cptItem)"> v-if="!checkCptReuse(cptItem) && checkExistCpt(cptItem)">已添加</span>
<span class="d-item-btn"
v-else
@click="beforeAddCpt(cptItem)">
<img src="@/assets/img/modules/wx-mini/index-set/add.png"> <img src="@/assets/img/modules/wx-mini/index-set/add.png">
<span>添加</span> <span>添加</span>
</span> </span>
@ -62,16 +96,26 @@
</div> </div>
</el-col> </el-col>
<el-col :span="13"> <el-col :span="13">
<div class="mw-show" :class="{'z-preview': isInPreview}"> <div class="mw-show"
<div v-show="isInPreview" class="mw-show-close"> :class="{'z-preview': isInPreview}">
<div v-show="isInPreview"
class="mw-show-close">
<el-button type="default" <el-button type="default"
@click="isInPreview = false" icon="el-icon-close" circle></el-button> @click="isInPreview = false"
icon="el-icon-close"
circle></el-button>
</div> </div>
<div class="mw-phone"> <div class="mw-phone">
<img class="mw-phone-topbar" v-show="isInPreview" src="@/assets/img/modules/wx-mini/index-set/page/wx-top.png"> <img class="mw-phone-topbar"
v-show="isInPreview"
src="@/assets/img/modules/wx-mini/index-set/page/wx-top.png">
<div class="mw-phone-top" v-show="!isInPreview || topCptList.length>0" :class="{'z-none': !isInPreview}"> <div class="mw-phone-top"
<div class="mw-phone-hint" v-show="!isInPreview" :class="{'z-out-left': topCptList.length>0}">（{{ getCptRegionName('top') }}）</div> v-show="!isInPreview || topCptList.length>0"
:class="{'z-none': !isInPreview}">
<div class="mw-phone-hint"
v-show="!isInPreview"
:class="{'z-out-left': topCptList.length>0}">（{{ getCptRegionName('top') }}）</div>
<cpt-item :item="item" <cpt-item :item="item"
:key="item.tempOnlyId" :key="item.tempOnlyId"
:is-focused="focusedCpt.tempOnlyId===item.tempOnlyId" :is-focused="focusedCpt.tempOnlyId===item.tempOnlyId"
@ -80,8 +124,12 @@
@focus="focusCpt" @focus="focusCpt"
v-for="item in topCptList"></cpt-item> v-for="item in topCptList"></cpt-item>
</div> </div>
<div class="mw-phone-ban" v-show="!isInPreview || banCptList.length>0" :class="{'z-none': !isInPreview}"> <div class="mw-phone-ban"
<div class="mw-phone-hint" v-show="!isInPreview" :class="{'z-out-left': banCptList.length>0}">（{{ getCptRegionName('ban') }}）</div> v-show="!isInPreview || banCptList.length>0"
:class="{'z-none': !isInPreview}">
<div class="mw-phone-hint"
v-show="!isInPreview"
:class="{'z-out-left': banCptList.length>0}">（{{ getCptRegionName('ban') }}）</div>
<cpt-item :item="item" <cpt-item :item="item"
:key="item.tempOnlyId" :key="item.tempOnlyId"
:is-focused="focusedCpt.tempOnlyId===item.tempOnlyId" :is-focused="focusedCpt.tempOnlyId===item.tempOnlyId"
@ -90,8 +138,12 @@
@focus="focusCpt" @focus="focusCpt"
v-for="item in banCptList"></cpt-item> v-for="item in banCptList"></cpt-item>
</div> </div>
<div class="mw-phone-fixed" v-show="!isInPreview || fixedCptList.length>0" :class="{'z-none': !isInPreview}"> <div class="mw-phone-fixed"
<div class="mw-phone-hint" v-show="!isInPreview" :class="{'z-out-down': fixedCptList.length>0}">（{{ getCptRegionName('fixed') }}）</div> v-show="!isInPreview || fixedCptList.length>0"
:class="{'z-none': !isInPreview}">
<div class="mw-phone-hint"
v-show="!isInPreview"
:class="{'z-out-down': fixedCptList.length>0}">（{{ getCptRegionName('fixed') }}）</div>
<cpt-item :item="item" <cpt-item :item="item"
:key="item.tempOnlyId" :key="item.tempOnlyId"
:is-focused="focusedCpt.tempOnlyId===item.tempOnlyId" :is-focused="focusedCpt.tempOnlyId===item.tempOnlyId"
@ -100,8 +152,12 @@
@focus="focusCpt" @focus="focusCpt"
v-for="item in fixedCptList"></cpt-item> v-for="item in fixedCptList"></cpt-item>
</div> </div>
<div class="mw-phone-cnt" v-show="!isInPreview || cntCptList.length>0" :class="{'z-none': !isInPreview}"> <div class="mw-phone-cnt"
<div class="mw-phone-hint" v-show="!isInPreview" :class="{'z-out-left': cntCptList.length>0}">（{{ getCptRegionName('cnt') }}）</div> v-show="!isInPreview || cntCptList.length>0"
:class="{'z-none': !isInPreview}">
<div class="mw-phone-hint"
v-show="!isInPreview"
:class="{'z-out-left': cntCptList.length>0}">（{{ getCptRegionName('cnt') }}）</div>
<cpt-item :item="item" <cpt-item :item="item"
:key="item.tempOnlyId" :key="item.tempOnlyId"
:is-focused="focusedCpt.tempOnlyId===item.tempOnlyId" :is-focused="focusedCpt.tempOnlyId===item.tempOnlyId"
@ -114,40 +170,53 @@
</div> </div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<transition v-show="focusedCpt.tempOnlyId" name="el-zoom-in-top"> <transition v-show="focusedCpt.tempOnlyId"
<div class="mw-set el-zoom-in-top" v-if="focusedCpt.tempOnlyId"> name="el-zoom-in-top">
<div class="d-set-head" @click="focusedCpt.demoIsUnfold = !focusedCpt.demoIsUnfold"> <div class="mw-set el-zoom-in-top"
v-if="focusedCpt.tempOnlyId">
<div class="d-set-head"
@click="focusedCpt.demoIsUnfold = !focusedCpt.demoIsUnfold">
<span class="d-title">演示数据</span> <span class="d-title">演示数据</span>
<img class="d-arrow" <img class="d-arrow"
:class="{'z-unfold': focusedCpt.demoIsUnfold}" :class="{'z-unfold': focusedCpt.demoIsUnfold}"
src="@/assets/img/modules/wx-mini/index-set/arrow-down.png"> src="@/assets/img/modules/wx-mini/index-set/arrow-down.png">
</div> </div>
<el-form v-show="focusedCpt.demoIsUnfold" ref="form"> <el-form v-show="focusedCpt.demoIsUnfold"
ref="form">
<el-form-item> <el-form-item>
<el-input type="textarea" v-model="focusedCpt.demoData"></el-input> <el-input type="textarea"
v-model="focusedCpt.demoData"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="d-set-head" @click="focusedCpt.confIsUnfold = !focusedCpt.confIsUnfold"> <div class="d-set-head"
@click="focusedCpt.confIsUnfold = !focusedCpt.confIsUnfold">
<span class="d-title">高级选项</span> <span class="d-title">高级选项</span>
<img class="d-arrow" <img class="d-arrow"
:class="{'z-unfold': focusedCpt.confIsUnfold}" :class="{'z-unfold': focusedCpt.confIsUnfold}"
src="@/assets/img/modules/wx-mini/index-set/arrow-down.png"> src="@/assets/img/modules/wx-mini/index-set/arrow-down.png">
</div> </div>
<el-form v-show="focusedCpt.confIsUnfold" ref="form"> <el-form v-show="focusedCpt.confIsUnfold"
ref="form">
<el-form-item> <el-form-item>
<el-input type="textarea" v-model="focusedCpt.configuration"></el-input> <el-input type="textarea"
v-model="focusedCpt.configuration"></el-input>
</el-form-item> </el-form-item>
<div class="d-config-hint" v-show="focusedCpt.configurationDescription"> <div class="d-config-hint"
v-show="focusedCpt.configurationDescription">
<img src="@/assets/img/modules/wx-mini/index-set/info.png"> <img src="@/assets/img/modules/wx-mini/index-set/info.png">
<span>{{ focusedCpt.configurationDescription }}</span> <span>{{ focusedCpt.configurationDescription }}</span>
</div> </div>
</el-form> </el-form>
<div class="d-operate"> <div class="d-operate">
<el-button type="default" size="small" round <el-button type="default"
size="small"
round
@click="resetFocusedCptData">重置</el-button> @click="resetFocusedCptData">重置</el-button>
<el-button type="success" size="small" round <el-button type="success"
size="small"
round
@click="saveFocusedCptData">保存</el-button> @click="saveFocusedCptData">保存</el-button>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save