|
|
|
|
@ -51,8 +51,10 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="g_flex_none g_ml_12">
|
|
|
|
|
<a-dropdown :trigger="['click']">
|
|
|
|
|
<a style="font-size: 14px;"@click="e => e.preventDefault()">
|
|
|
|
|
筛选 <a-icon type="down" style="font-size: 14px;" />
|
|
|
|
|
<a style="font-size: 14px;"@click.prevent="e => handleToggle(e)">
|
|
|
|
|
筛选
|
|
|
|
|
<a-icon type="down" style="font-size: 14px;" v-if="!isToggle" />
|
|
|
|
|
<a-icon type="up" style="font-size: 14px;" v-if="isToggle" />
|
|
|
|
|
</a>
|
|
|
|
|
<div slot="overlay" class="model-obj">
|
|
|
|
|
<div class="filter" :class="[filterStatus == 0 ? '' : 'nobd']" style="box-shadow: 3px 3px 20px 0px rgba(77, 87, 94, 0.3);border-radius: 6px;overflow: hidden;">
|
|
|
|
|
@ -663,7 +665,7 @@
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<!-- v-if="signType == ''" -->
|
|
|
|
|
|
|
|
|
|
<div class="g_flex_row_between g_w_all item-obj">
|
|
|
|
|
<span @click="toDetail(item)" style="cursor: pointer;width: 70%;">
|
|
|
|
|
<div class="subsetleft" @click="totop">
|
|
|
|
|
<!-- <div class="imgbox">
|
|
|
|
|
@ -807,6 +809,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="loading-ing g_pt_20 g_pb_20">
|
|
|
|
|
<div class="g_w_all g_text_c g_fs_14">
|
|
|
|
|
{{ speed == 1 ? '加载中' : '加载完成' }}
|
|
|
|
|
@ -935,6 +938,7 @@ export default {
|
|
|
|
|
// 组件状态值
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
isToggle:false,
|
|
|
|
|
isFetching: false, // 标志位，防止重复加载
|
|
|
|
|
speed:1,// 加载进度0 未加载 1加载中 2加载完成
|
|
|
|
|
isStop:false,// 是否停止加载
|
|
|
|
|
@ -2249,6 +2253,9 @@ export default {
|
|
|
|
|
// console.log("this.recordShow", this.recordShow);
|
|
|
|
|
// console.log("this.currentInfo", this.currentInfo);
|
|
|
|
|
},
|
|
|
|
|
handleToggle(e){
|
|
|
|
|
this.isToggle = !this.isToggle
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
@ -2889,15 +2896,19 @@ export default {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
border-bottom: 1px solid #ededed;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
transition: all 0.2s;
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
|
|
|
|
|
// border: 1px solid transparent;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
.item-obj{
|
|
|
|
|
transition: all 0.2s;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
}
|
|
|
|
|
&:hover {
|
|
|
|
|
// position: relative;
|
|
|
|
|
box-shadow: 20px 20px 20px 20px rgba(77, 87, 94, 0.1);
|
|
|
|
|
// transform: translateY(-0.5px);
|
|
|
|
|
.item-obj{
|
|
|
|
|
transform: scale(1.02);
|
|
|
|
|
// box-shadow: 0 2px 12px 0 red
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.subsetleft {
|
|
|
|
|
display: flex;
|
|
|
|
|
@ -3736,4 +3747,7 @@ p {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.stoggle{
|
|
|
|
|
transform: rotate(90deg);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
