You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
2.0 KiB
114 lines
2.0 KiB
<template> |
|
<view> |
|
<!-- 顶部导航栏 --> |
|
<u-navbar :title="title" placeholder :autoBack="true" leftIconSize='35' bgColor='#d3832a' leftIconColor='#ffffff' |
|
titleStyle='color:#ffffff'></u-navbar> |
|
</view> |
|
|
|
<!-- 主体内容 --> |
|
<view class="main"> |
|
<!-- 顶部 --> |
|
<view class="main_top"> |
|
<input type="text" placeholder="请输入包条码" class="main_top_search" /> |
|
<button class="button">搜索</button> |
|
</view> |
|
|
|
<!-- 控件 --> |
|
<view class="control" v-if="type === 2"> |
|
<button class="button">批量操作</button> |
|
</view> |
|
|
|
<!-- 表格 --> |
|
<view class="table"> |
|
<!-- 表格头部 --> |
|
<view class="thead"> |
|
|
|
</view> |
|
|
|
<!-- 表格主体 --> |
|
<view class="tbody"> |
|
|
|
</view> |
|
</view> |
|
|
|
<!-- 提交 --> |
|
<button class="submitButton" type="primary">提交盘点</button> |
|
</view> |
|
</template> |
|
|
|
<script setup lang="ts"> |
|
import { |
|
onShow, |
|
onLoad, |
|
onHide |
|
} from '@dcloudio/uni-app' |
|
import { reactive, toRefs } from "vue"; |
|
|
|
const details = reactive({ |
|
title: '', |
|
type: 1, |
|
}) |
|
|
|
// 页面初始化执行回调 |
|
onLoad((info) => { |
|
const { type, data } = JSON.parse(info.data) |
|
details.title = data.title |
|
details.type = type |
|
}) |
|
|
|
const { title, type } = toRefs(details) |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
$buttonColor: #169bd5; |
|
|
|
.main { |
|
padding: 10upx; |
|
font-size: 28upx; // 本页字体大小 |
|
} |
|
|
|
.button { |
|
margin: 0; |
|
font-size: 28upx; |
|
} |
|
|
|
.main_top { |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-between; |
|
margin-bottom: 10upx; |
|
|
|
// 顶部搜索框 |
|
&_search { |
|
flex: 1; |
|
padding-left: 20upx; |
|
margin-right: 20upx; |
|
box-sizing: border-box; |
|
height: 28upx * 2; |
|
border-radius: 28upx; |
|
border: 1upx solid #000; |
|
} |
|
|
|
.button { |
|
background-color: $buttonColor; |
|
color: #fff; |
|
padding: 0 60upx; |
|
} |
|
} |
|
|
|
// 控件区 |
|
.control { |
|
display: flex; |
|
} |
|
|
|
// 提交按钮 |
|
.submitButton { |
|
position: fixed; |
|
color: #fff; |
|
background-color: $buttonColor; |
|
width: 50%; |
|
bottom: 30upx; |
|
left: 50%; |
|
transform: translateX(-50%); |
|
} |
|
</style> |