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
1 year ago
|
<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>
|