From eb32a99a8ae487f90ffd7f0917c819ec5cc577d7 Mon Sep 17 00:00:00 2001
From: whycq <you@example.com>
Date: 星期日, 19 三月 2023 21:31:37 +0800
Subject: [PATCH] #
---
pages.json | 6 +
pages/pakin/pakin.vue | 191 +++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 197 insertions(+), 0 deletions(-)
diff --git a/pages.json b/pages.json
index 81a5f7e..18da5a8 100644
--- a/pages.json
+++ b/pages.json
@@ -1,6 +1,12 @@
{
"pages": [ //pages鏁扮粍涓涓�椤硅〃绀哄簲鐢ㄥ惎鍔ㄩ〉锛屽弬鑰冿細https://uniapp.dcloud.io/collocation/pages
{
+ "path": "pages/pakin/pakin",
+ "style": {
+ "navigationBarTitleText": "缁� 鎵�"
+ }
+ },
+ {
"path": "pages/login/login",
"style": {
"navigationBarTitleText": "鐧� 褰�"
diff --git a/pages/pakin/pakin.vue b/pages/pakin/pakin.vue
new file mode 100644
index 0000000..2ecd03f
--- /dev/null
+++ b/pages/pakin/pakin.vue
@@ -0,0 +1,191 @@
+<template>
+ <view>
+ <view class="code">
+ <view class="item">
+ <view class="code-decs">鎵樼洏鐮�:</view>
+ <input type="text" placeholder=" 鎵爜 / 杈撳叆">
+ </view>
+ <view class="item">
+ <view class="code-decs">鐗╂枡鐮�:</view>
+ <input type="text" placeholder=" 鎵爜 / 杈撳叆">
+ <view class="item-right">
+ <text style="text-align: right;">鎻愬彇+</text>
+ <uni-icons type="right" color="#c1c1c1"></uni-icons>
+ </view>
+ </view>
+ </view>
+ <view class="mat-list-title">
+ 鍟嗗搧鍒楄〃
+ </view>
+ <scroll-view>
+ <view class="list" v-for="(item,i) in dataList" :key="i">
+ <view class="list-left">
+ <view class="list-left-item">
+ <view class="desc">No锛�</view>
+ <view>{{i + 1}}</view>
+ </view>
+ <view class="list-left-item">
+ <view class="desc">缂栫爜锛�</view>
+ <view>{{item.matnr}}</view>
+ </view>
+ <view class="list-left-item">
+ <view class="desc">鍝佸悕锛�</view>
+ <view>{{item.maktx}}</view>
+ </view>
+ <view class="list-left-item">
+ <view class="desc">瑙勬牸锛�</view>
+ <view>{{item.specs}}</view>
+ </view>
+ <view class="list-left-item">
+ <view class="desc">鎵瑰彿锛�</view>
+ <view>{{item.batch}}</view>
+ </view>
+ <view class="list-left-item">
+ <view class="desc">鏁伴噺锛�</view>
+ <view>{{item.anfme}}</view>
+ </view>
+ </view>
+ <view class="list-right">
+ <uni-icons type="compose" color="#c1c1c1" size="24"></uni-icons>
+ <uni-icons type="trash" color="#c1c1c1" size="24"></uni-icons>
+ </view>
+ </view>
+ </scroll-view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ dataList: [{
+ matnr: "whycq19950520222222-23232",
+ maktx: "wusuowei",
+ specs: "涓�",
+ batch: "鎵瑰彿",
+ anfme: "100"
+ }, {
+ matnr: "whycq19950520",
+ maktx: "wusuowei",
+ specs: "涓�",
+ batch: "鎵瑰彿",
+ anfme: "12"
+ },{
+ matnr: "whycq19950520",
+ maktx: "wusuowei",
+ specs: "涓�",
+ batch: "鎵瑰彿",
+ anfme: "12"
+ },{
+ matnr: "whycq19950520",
+ maktx: "wusuowei",
+ specs: "涓�",
+ batch: "鎵瑰彿",
+ anfme: "12"
+ },{
+ matnr: "whycq19950520",
+ maktx: "wusuowei",
+ specs: "涓�",
+ batch: "鎵瑰彿",
+ anfme: "12"
+ },{
+ matnr: "whycq19950520",
+ maktx: "wusuowei",
+ specs: "涓�",
+ batch: "鎵瑰彿",
+ anfme: "12"
+ },{
+ matnr: "whycq19950520",
+ maktx: "wusuowei",
+ specs: "涓�",
+ batch: "鎵瑰彿",
+ anfme: "12"
+ }
+ ]
+ }
+ },
+ onLoad() {
+
+ },
+ methods: {}
+ }
+</script>
+
+<style>
+ .code {
+ width: 100%;
+ position: fixed;
+ min-height: 200rpx;
+ background-color: #FFF;
+ z-index: 999;
+ }
+ .item {
+ display: flex;
+ align-items: center;
+ height: 100rpx;
+ margin-left: 20rpx;
+ border-bottom: 1px solid #DCDFE6;
+ }
+ .item input {
+ height: 50rpx;
+ line-height: 50rpx;
+ /* font-family: PingFang SC; uniapp 榛樿瀛椾綋涓嶅眳涓� */
+ font-size: 36upx;
+ font-family: PingFang SC;
+ width: 55vw;
+
+ }
+ .code-decs {
+ width: 20vw;
+ font-size: 18px;
+ color: #303133;
+ }
+ .item-right {
+ margin-left: auto;
+ margin-right: 20rpx;
+ }
+ .mat-list-title {
+ height: 80rpx;
+ line-height: 80rpx;
+ width: 100%;
+ background-color: white;
+ position: fixed;
+ margin-top: 200rpx;
+ z-index: 998;
+ /* border-top: 1px solid #DCDFE6; */
+ text-align: center;
+ box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
+ }
+
+ .list {
+ display: flex;
+ min-height: 80rpx;
+ background-color: #FFF;
+ margin-top: 20rpx;
+ box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
+ }
+ .list:first-child {
+ margin-top: 310rpx;
+ }
+ .list:last-child {
+ margin-bottom: 120rpx;
+ }
+ .list-left {
+ display: flex;
+ flex-direction: column;
+ margin-left: 20rpx;
+ width: 80vw;
+ }
+ .list-left-item {
+ min-height: 40rpx;
+ line-height: 40rpx;
+ display: flex;
+ }
+ .list-right {
+ display: flex;
+ width: 20vw;
+ justify-content: space-between;
+ align-items: center;
+ margin-right: 20rpx;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.1