|
|
@@ -4,17 +4,20 @@
|
|
|
<top-header :pageTitle="pageTitle"></top-header>
|
|
|
|
|
|
<div class="mui-content vongi-hdsq">
|
|
|
- <div id="slider" class="mui-slider mui-fullscreen ">
|
|
|
- <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
|
|
|
- <div class="mui-scroll">
|
|
|
- <a @click="reloadList(0)" :class="'mui-control-item '+(listForm.status==0?'mui-active':'')">
|
|
|
- <span class="fyy-badge">待处理<span class="mui-badge" v-if="firstRecordsTotal" v-text="firstRecordsTotal"></span></span>
|
|
|
- </a>
|
|
|
- <a @click="reloadList(1)" :class="'mui-control-item '+(listForm.status==1?'mui-active':'')">
|
|
|
- 已处理
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+
|
|
|
+ <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
|
|
|
+ <div class="mui-scroll">
|
|
|
+ <a @click="reloadList(0)" :class="'mui-control-item '+(listForm.status==0?'mui-active':'')">
|
|
|
+ <span class="fyy-badge">待处理<span class="mui-badge" v-if="firstRecordsTotal" v-text="firstRecordsTotal"></span></span>
|
|
|
+ </a>
|
|
|
+ <a @click="reloadList(1)" :class="'mui-control-item '+(listForm.status==1?'mui-active':'')">
|
|
|
+ 已处理
|
|
|
+ </a>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div v-if="recordList.length" id="slider" class="mui-slider mui-fullscreen ">
|
|
|
+
|
|
|
<div class="mui-slider-group vongi-wybx">
|
|
|
<div v-show="listForm.status==0" class="mui-slider-item mui-control-content">
|
|
|
<div class="mui-scroll-wrapper">
|
|
|
@@ -27,10 +30,10 @@
|
|
|
<div class="mui-col-xs-3 color55f868" v-text="item.statusN"></div>
|
|
|
</div>
|
|
|
<div v-if="item.img" class="fyy-upphoto flew">
|
|
|
- <div v-for="(iten,inden) in item.img.split(',')" class="mui-col-xs-3">
|
|
|
+ <div v-for="(iten,inden) in item.img.split(',').slice(0,4)" class="mui-col-xs-3">
|
|
|
<img :src="iten" />
|
|
|
</div>
|
|
|
- <span class="mui-badge" v-text="item.img.split(',').length"></span>
|
|
|
+ <span class="mui-badge" v-if="item.img.split(',').length>4" v-text="item.img.split(',').length"></span>
|
|
|
</div>
|
|
|
<p class="flew-items flew-sp">
|
|
|
{{item.categoryN}} {{item.name}} {{item.community}}
|
|
|
@@ -53,10 +56,10 @@
|
|
|
<div class="mui-col-xs-3 color55f868" v-text="item.statusN"></div>
|
|
|
</div>
|
|
|
<div v-if="item.img" class="fyy-upphoto flew">
|
|
|
- <div v-for="(iten,inden) in item.img.split(',')" class="mui-col-xs-3">
|
|
|
+ <div v-for="(iten,inden) in item.img.split(',').slice(0,4)" class="mui-col-xs-3">
|
|
|
<img :src="iten" />
|
|
|
</div>
|
|
|
- <span class="mui-badge" v-text="item.img.split(',').length"></span>
|
|
|
+ <span class="mui-badge" v-if="item.img.split(',').length>4" v-text="item.img.split(',').length"></span>
|
|
|
</div>
|
|
|
<p class="flew-items flew-sp">
|
|
|
{{item.categoryN}} {{item.name}} {{item.community}}
|
|
|
@@ -194,4 +197,16 @@
|
|
|
.mui-slider-group {
|
|
|
overflow-y: scroll;
|
|
|
}
|
|
|
+
|
|
|
+ .mui-segmented-control {
|
|
|
+ position: fixed;
|
|
|
+ top: 44px;
|
|
|
+ z-index: 99;
|
|
|
+ background-color: #eee;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mui-fullscreen {
|
|
|
+ position: unset;
|
|
|
+ margin-top: 45px;
|
|
|
+ }
|
|
|
</style>
|
