|
@@ -57,13 +57,16 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
- <!-- 只有当查核者进入才展示 -->
|
|
|
- <view class="rowTwo" v-if="nowPermission == 3||nowPermission == 1" :animation="animationData" v-for="(v,i) in btnArr">
|
|
|
- <text class="rowTwoName">{{v.key}}</text>
|
|
|
- <view class="filterBtnWrap">
|
|
|
- <com-button v-for="(item, index) in v.list" :btnText="item.label" :width="350" :height="80" :marginBottom="20"
|
|
|
- :type="setFilterBtnType(item.value,v.key)" v-on:btnClick="btnClick(item.value,v.key)" />
|
|
|
- </view>
|
|
|
+ <!-- 只有当查核者进入才展示 -->
|
|
|
+ <view ref="rowTwoWraper">
|
|
|
+ <view class="rowTwo"v-if="nowPermission == 3||nowPermission == 1" :animation="animationData" v-for="(v,i) in btnArr">
|
|
|
+ <text class="rowTwoName">{{v.key}}</text>
|
|
|
+ <view class="filterBtnWrap" :style="{paddingBottom:i==2?'20px':0}">
|
|
|
+ <com-button v-for="(item, index) in v.list" :btnText="item.label" :width="`${32}%`" :height="80" :marginBottom="20"
|
|
|
+ :marginRight="(index+1)%3==0?0:`2%`"
|
|
|
+ :type="setFilterBtnType(item.value,v.key)" v-on:btnClick="btnClick(item.value,v.key)" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
</tm-top-menu>
|
|
@@ -299,7 +302,7 @@
|
|
|
}
|
|
|
//创建动画实例
|
|
|
const animation = uni.createAnimation({
|
|
|
- duration: 300,
|
|
|
+ duration: 100,
|
|
|
timingFunction: 'ease',
|
|
|
})
|
|
|
|
|
@@ -340,8 +343,8 @@
|
|
|
const _checkStatuses = checkStatuses.map(t=>({label:`${t.value}(${t.num})`,id:Math.random(),value:t.value}));
|
|
|
const _others = others.map(t=>({label:`${t.value}(${t.num})`,id:Math.random(),value:t.value}));
|
|
|
this.btnArr = [
|
|
|
- {key:'查核结果',list:_checkResults},
|
|
|
{key:'查核状态',list:_checkStatuses},
|
|
|
+ {key:'查核结果',list:_checkResults},
|
|
|
{key:'其他',list:_others},
|
|
|
];
|
|
|
})
|
|
@@ -483,11 +486,12 @@
|
|
|
}
|
|
|
},
|
|
|
openFilter() {
|
|
|
- const status = this.ifOpenFilter;
|
|
|
+ const status = this.ifOpenFilter;
|
|
|
+ // console.log(this.$refs.rowTwoWraper.$el.offsetHeight)
|
|
|
if (!status) {
|
|
|
this.$refs.popup.open();
|
|
|
this.ifOpenFilter = true;
|
|
|
- this.animation.height('15vh').step();
|
|
|
+ this.animation.height('100%').step();
|
|
|
} else {
|
|
|
this.$refs.popup.close();
|
|
|
this.ifOpenFilter = false;
|
|
@@ -948,7 +952,7 @@
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
flex-wrap: wrap;
|
|
|
- justify-content: space-between;
|
|
|
+ justify-content: flex-start;
|
|
|
}
|
|
|
}
|
|
|
}
|