12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- <template>
- <view class="">
- <view class="flex-y-center header">
- <view class="flex-grow-1 flex-center" :class="[act_index==1?'active':'']"
- @click="onHeader('/storeInfoIng/goodsWarehousing/index')">
- 商品入库
- </view>
- <view class="line"></view>
- <view class="flex-grow-1 flex-center" :class="[act_index==2?'active':'']" @click="onHeader('/storeInfoIng/goodsWarehousing/scan')">
- 扫码入库
- </view>
- <!-- <view class="line"></view>
- <view class="flex-grow-1 flex-center" :class="[act_index==3?'active':'']" @click="onHeader('/storeInfoIng/goodsWarehousing/record')">
- 入库记录
- </view> -->
- </view>
-
- <view style="height: 80rpx;"></view>
- </view>
- </template>
- <script>
- export default {
- props:{
- act_index:{
- type:[Number,String],
- default:1
- }
- },
- data() {
- return {
-
- }
- },
- methods:{
- onHeader(url) {
- uni.redirectTo({
- url:url
- })
- },
- }
- }
- </script>
- <style>
- .header {
- text-align: center;
- height: 80rpx;
- border-bottom: 1px solid #f1f1f1;
- border-top: 1px solid #f1f1f1f1;
- font-size: 28rpx;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- background-color: #FFF;
- z-index: 999;
- }
-
- .header .flex-grow-1 {
- height: 100%;
- }
-
- .header .active {
- background: #3b93fc;
- color: #FFFFFF;
- border-radius: 4rpx;
- }
-
- .line {
- width: 1rpx;
- height: 50rpx;
- background-color: #ccc;
- }
- </style>
|