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

隐藏分类

master
jiangyy 4 years ago
parent
260ddcd0a9
commit
cca8a71fe5
3 changed files with 629 additions and 313 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 288
      epmet-oper-web/src/assets/scss/modules/wx-mini/score.scss
  2. 94
      epmet-oper-web/src/components/wx-index/score.vue
  3. 8
      epmet-oper-web/src/views/modules/customer/customize/CategoryList.vue

288
epmet-oper-web/src/assets/scss/modules/wx-mini/score.scss
View File

@ -1,6 +1,6 @@
@import "@/assets/scss/c/config.scss";
@import "@/assets/scss/c/function.scss";
@import "@/assets/scss/c/anime.scss";
@import '@/assets/scss/c/config.scss';
@import '@/assets/scss/c/function.scss';
@import '@/assets/scss/c/anime.scss';
// 积分银行-积分排行
.score_rank {
@ -22,7 +22,7 @@
color: rgba(51, 51, 51, 1);
&::before {
content: "";
content: '';
position: absolute;
top: 7px;
left: 0;
@ -44,7 +44,7 @@
.rank_tabs {
margin: 10px 20px;
display: flex;
background: #F8F8F8;
background: #f8f8f8;
border-radius: 5px;
height: 40px;
justify-content: space-around;
@ -54,7 +54,7 @@
width: 28%;
text-align: center;
height: 30px;
background: #FFFFFF;
background: #ffffff;
box-shadow: 0px 4px 12px 0px rgba(63, 63, 63, 0.1);
border-radius: 5px;
font-size: 15px;
@ -73,11 +73,7 @@
color: #999999;
line-height: 30px;
}
}
}
}
@ -99,13 +95,13 @@
color: rgba(51, 51, 51, 1);
&::before {
content: "";
content: '';
position: absolute;
top: 7px;
left: 0;
width: 3px;
height: 15px;
background: rgba(230, 0, 0, 1.0);
background: rgba(230, 0, 0, 1);
border-radius: 3px;
}
}
@ -147,7 +143,6 @@
}
}
.m-box {
width: 328px;
height: 100%;
@ -180,7 +175,6 @@
font-size: PingFang-SC;
}
.rank_img_score {
width: 327px;
height: 160px;
@ -338,9 +332,7 @@
}
}
}
}
}
}
@ -386,13 +378,13 @@
font-size: 16px;
}
.span_rank1 {
color: #E60000;
color: #e60000;
}
.span_rank2 {
color: #F56A24;
color: #f56a24;
}
.span_rank3 {
color: #F6A33B;
color: #f6a33b;
}
}
.d-group-img {
@ -403,7 +395,6 @@
border-radius: 25px;
}
}
}
}
.score_no_border {
@ -421,7 +412,11 @@
width: 45%;
height: 140px;
border-radius: 5px;
background: linear-gradient(-54deg, rgba(255, 248, 247, 0.56), rgba(255, 215, 208, 0.56));
background: linear-gradient(
-54deg,
rgba(255, 248, 247, 0.56),
rgba(255, 215, 208, 0.56)
);
.single_name {
margin: 15px 0 0 10px;
@ -441,8 +436,6 @@
margin-left: 10px;
line-height: 30px;
}
}
.single_rank {
width: 100%;
@ -463,7 +456,7 @@
font-size: 13px;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
color: #ffffff;
line-height: 23px;
}
@ -471,7 +464,7 @@
font-size: 15px;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
color: #ffffff;
line-height: 23px;
}
}
@ -480,23 +473,262 @@
font-size: 12px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
color: #ffffff;
line-height: 24px;
}
}
.bc_left {
background: linear-gradient(-10deg, #2F93EE, #03C7EF);
background: linear-gradient(-10deg, #2f93ee, #03c7ef);
}
.bc_right {
background: linear-gradient(0deg, #F6A43B, #F56923);
background: linear-gradient(0deg, #f6a43b, #f56923);
}
}
}
}
.score_news {
position: relative;
margin: 0 auto;
margin-top: 5px;
padding-bottom: 18px;
background-color: #fff;
.cpt-title {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
// border-bottom: 1px solid #e7eeee;
line-height: 15px;
margin-left: 19px;
.cpt-title-t {
position: relative;
margin: 5px 0 0;
padding: 7px 11px 0;
font-size: 15px;
line-height: 20px;
font-family: Source Han Serif SC;
font-weight: 800;
color: #000000;
&::before {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 4px;
height: 20px;
background: rgba(230, 0, 0, 1);
border-radius: 1px;
}
}
}
.info {
padding: 11px;
margin: 3px 8px 0;
height: 85px;
display: flex;
justify-content: center;
.line {
width: 1px;
height: 88px;
background-color: #ffffff;
}
.card {
width: 50%;
background: #fff2f1;
border-radius: 3px;
box-sizing: border-box;
padding: 0 19px;
text-align: center;
display: flex;
flex-direction: column;
.title {
@include toe;
display: flex;
align-items: center;
margin-top: 5px;
overflow: hidden;
justify-content: center;
.avatar {
flex-shrink: 0;
margin-right: 5px;
display: block;
width: 14px;
height: 14px;
border-radius: 100%;
line-height: 32px;
}
.avatar2 {
box-sizing: border-box;
padding: 6px;
background-color: #fff;
flex-shrink: 0;
margin-right: 5px;
display: block;
width: 29px;
height: 29px;
border-radius: 100%;
line-height: 32px;
}
.name {
@include toe;
font-size: 11px;
font-family: Source Han Serif SC;
font-weight: 800;
color: #000000;
}
}
.ranks {
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 9px;
.rank {
display: flex;
flex-direction: column;
text-align: center;
justify-content: space-around;
.rank-value {
@include toe;
margin-top: 5px;
font-size: 11px;
font-family: PingFang SC;
font-family: Source Han Serif SC;
font-weight: bold;
span {
font-size: 11px;
}
}
.value_color_1 {
color: #e72418;
}
.value_color_2 {
color: #27ae60;
}
.rank-field {
font-size: 9px;
font-family: Source Han Serif SC;
font-weight: 400;
color: #000000;
}
}
}
}
}
.rank_title {
margin: 10px 0;
// height: 100px;
line-height: 30px;
width: 100%;
display: flex;
padding: 5px 5px;
box-sizing: border-box;
font-size: 14px;
background: #f8f8f8;
border-radius: 5px;
.tab {
flex: 1;
margin: 0 5px;
width: 105px;
border-radius: 5px;
line-height: 25px;
text-align: center;
color: #999;
font-weight: 500;
}
.selTab {
color: #333333;
background-color: #fff;
box-shadow: 0px 2px 6px 0px rgba(63, 63, 63, 0.1);
font-weight: bold;
}
}
}
.score_list {
margin: 0 20px 0 20px;
.item {
padding: 8px 0 4px;
background-color: #ffffff;
width: 100%;
display: flex;
height: 30px;
align-items: center;
font-size: 11px;
border-bottom: 1px solid #f7f7f7;
.logo {
width: 10%;
height: 30px;
line-height: 25px;
text-align: center;
> img {
width: 18px;
height: 15px;
}
> span {
font-size: 11px;
font-family: Source Han Serif SC;
font-weight: 400;
color: #000000;
}
}
.avatar {
height: 25px;
margin-left: 10px;
text-align: center;
> img {
top: -1px;
width: 22px;
height: 22px;
border-radius: 100%;
}
}
.name {
float: left;
width: 80%;
font-size: 12px;
margin-left: 11px;
z-index: 10;
font-family: Source Han Serif SC;
font-weight: 400;
color: #000000;
}
.score {
float: right;
width: 20%;
z-index: 20;
text-align: center;
font-size: 11px;
font-family: Source Han Serif SC;
font-weight: 400;
color: #000000;
line-height: 32px;
}
}
}

94
epmet-oper-web/src/components/wx-index/score.vue
View File

@ -5,9 +5,93 @@
@click="focusCpt">
<!-- 积分银行-积分排行组件 -->
<div class="score_rank"
v-if="item.componentFrontId==='resi-functionList-score-rank'">
<div class="score_rank_content">
<div v-if="item.componentFrontId==='resi-functionList-score-rank'">
<div class="score_news">
<div class="cpt-title">
<div v-if="item.configuration.title"
class="cpt-title-t">{{item.configuration.title}}</div>
<div v-else
class="cpt-title-t">积分排行</div>
</div>
<div class="info">
<div class="card">
<div class="title">
<img class="avatar"
src="../../assets/img/modules/wx-mini/index-set/page/girl.jpg"
mode="aspectFill">
<div class="name">{{item.demoData.info1.title1}}</div>
</div>
<div class="ranks">
<div class="rank">
<div class="rank-field">网格排名</div>
<div class="rank-value value_color_1"><span>{{item.demoData.info1.no1}}</span></div>
</div>
<div class="rank">
<div class="rank-field">总排名</div>
<div class="rank-value value_color_2"><span>{{item.demoData.info1.no2}}</span></div>
</div>
</div>
</div>
<div class="line"></div>
<div class="card">
<div class="title">
<img class="avatar2"
src="../../assets/img/modules/wx-mini/index-set/page/girl.jpg"
mode="aspectFill">
<div class="name">{{item.demoData.info2.title1}}</div>
</div>
<div class="ranks">
<div class="rank">
<div class="rank-field">社区排名</div>
<div class="rank-value value_color_1"><span>{{item.demoData.info2.no1}}</span></div>
</div>
<div class="rank">
<div class="rank-field">总排名</div>
<div class="rank-value value_color_2"><span>{{item.demoData.info2.no2}}</span></div>
</div>
</div>
</div>
</div>
<div class="score_list">
<div class="item"
:key="subindex"
v-for="(subitem,subindex) in item.demoData.list">
<div class="logo">
<img v-if="subindex===0"
src="../../assets/img/modules/wx-mini/index-set/rank1.png"
mode="aspectFill">
<img v-else-if="subindex===1"
src="../../assets/img/modules/wx-mini/index-set/rank2.png"
mode="aspectFill">
<img v-else-if="subindex===2"
src="../../assets/img/modules/wx-mini/index-set/rank3.png"
mode="aspectFill">
<span v-else>{{ subindex+1 }}</span>
</div>
<div class="avatar">
<img src="../../assets/img/modules/wx-mini/index-set/page/good.jpg"
mode="aspectFill">
</div>
<div class="name">{{ subitem.name }}</div>
<div class="score">{{ subitem.score }}</div>
</div>
</div>
</div>
<!-- <div class="score_rank_content">
<div v-if="item.configuration.title"
class="title">{{item.configuration.title}}</div>
<div v-else
@ -26,7 +110,7 @@
<div>当月积分</div>
</div>
<!--更多排名-->
<div class="score_list score_no_border">
<div class="item"
:key="subindex"
@ -67,7 +151,7 @@
</div>
</div>
</div>
</div> -->
</div>
<!-- 积分银行-积分排行2 -->

8
epmet-oper-web/src/views/modules/customer/customize/CategoryList.vue
View File

@ -6,9 +6,9 @@
<span style="margin-right:10px">{{customerName}}</span>
<el-button type="default"
@click="diaCancel">取消返回</el-button>
<el-button class=""
<!-- <el-button class=""
type="primary"
@click="addShow()">{{"新增" }}</el-button>
@click="addShow()">{{"新增" }}</el-button> -->
<!-- <el-input v-model="search"
placeholder="请输入内容"></el-input> -->
</div>
@ -49,10 +49,10 @@
<el-button type="text"
size="small"
@click="deleteCategory(scope.row)">删除</el-button>
<el-button v-if="(scope.row.children )"
<!-- <el-button v-if="(scope.row.children )"
type="text"
size="small"
@click="showAddLevel2(scope.row)">{{ "新增二级分类"}}</el-button>
@click="showAddLevel2(scope.row)">{{ "新增二级分类"}}</el-button> -->
</template>
</el-table-column>
</el-table>

Write Preview
Loading…
Cancel
Save