From 12d5e958374114425dae7e530656a034e0c38b1a Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期五, 13 十月 2023 16:02:51 +0800
Subject: [PATCH] #
---
pages/project/ps/home/home.vue | 372 ++++++++++++++++++++++++++++++++++++++++++++++
components/z-input/z-input.vue | 20 ++
pages.json | 23 ++
pages/component/demo.vue | 5
pages/project/ps/pakin/pakin.vue | 50 ++++++
5 files changed, 456 insertions(+), 14 deletions(-)
diff --git a/components/z-input/z-input.vue b/components/z-input/z-input.vue
index 0e8f0dc..7ed0848 100644
--- a/components/z-input/z-input.vue
+++ b/components/z-input/z-input.vue
@@ -7,7 +7,7 @@
type="text"
:placeholder="placeholder"
v-model="data"
- :focus="focusData">
+ :focus="focusData" @input="inputVal">
<uni-icons class="p-icon"
type="closeempty"
@@ -34,7 +34,15 @@
};
},
props: {
+ index: {
+ type: Number,
+ default: 0
+ },
desc: {
+ type: String,
+ default: ''
+ },
+ name: {
type: String,
default: ''
},
@@ -48,7 +56,7 @@
},
placeholder: {
type: String,
- default: '璇疯緭鍏�'
+ default: '鎵爜 / 褰曞叆'
},
value: {
type: [String,Number],
@@ -78,8 +86,10 @@
this.$emit('input',val)
}
},
+ value(val) {
+ this.data = val
+ },
focus(f) {
- console.log(f);
this.focusData = !f
setTimeout(()=>{
this.focusData = f
@@ -96,6 +106,9 @@
},
clickBtn() {
this.$emit('clickBtn');
+ },
+ inputVal() {
+ this.$emit('inputVal',[this.data,this.name]);
}
}
}
@@ -107,6 +120,7 @@
align-items: center;
min-height: 35px;
background-color: #FFF;
+ margin: 8px;
/* border-bottom: 1px solid darkgray; */
}
.put {
diff --git a/pages.json b/pages.json
index dde483a..224c3ce 100644
--- a/pages.json
+++ b/pages.json
@@ -50,18 +50,27 @@
}
},
{
+ "path": "pages/project/demo/home/home",
+ "style": {
+ "navigationBarTitleText": "Demo Home"
+ }
+ },
+ {
"path": "pages/project/ps/home/home",
"style": {
"navigationBarTitleText": "涓婚〉"
}
},
- {
- "path": "pages/project/demo/home/home",
- "style": {
- "navigationBarTitleText": "Demo Home"
- }
- }
- ],
+ {
+ "path" : "pages/project/ps/pakin/pakin",
+ "style" :
+ {
+ "navigationBarTitleText": "缁勬墭",
+ "enablePullDownRefresh": false
+ }
+
+ }
+ ],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
diff --git a/pages/component/demo.vue b/pages/component/demo.vue
index 5b072c8..ce9bbd7 100644
--- a/pages/component/demo.vue
+++ b/pages/component/demo.vue
@@ -2,7 +2,7 @@
<view>
<z-input v-for="it in zInputList"
:desc="it.desc" :btn="it.btn" :btn-name="it.btnName" v-model="it.val"
- :lenCheck="it.lenCheck" :focus="it.focus" @clickBtn='entry(it.name)'>
+ :lenCheck="it.lenCheck" :focus="it.focus" @clickBtn='entry(it.name)' @input='input'>
</z-input>
<view>杈撳叆妗�1</view>
<view>{{zInputList[0].val}}</view>
@@ -103,6 +103,9 @@
methods: {
entry(e) {
},
+ input(val) {
+ console.log(val);
+ },
ccc() {
},
async add() {
diff --git a/pages/project/ps/home/home.vue b/pages/project/ps/home/home.vue
index c846dd9..daab551 100644
--- a/pages/project/ps/home/home.vue
+++ b/pages/project/ps/home/home.vue
@@ -1,13 +1,379 @@
<template>
<view>
-
+ <scroll-view scroll-y class="page">
+ <view class="nav-list">
+ <navigator hover-class='none' :url="'/pages/project' + item.url" class="nav-li" navigateTo
+ :class="'bg-'+item.color" :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]"
+ v-for="(item,index) in elements" :key="index">
+ <view class="nav-title">{{item.title}}</view>
+ <view class="nav-name">{{item.name}}</view>
+ <text :class="'cuIcon-' + item.cuIcon"></text>
+ </navigator>
+ </view>
+ <view class="cu-tabbar-height"></view>
+ </scroll-view>
</view>
</template>
<script>
-
+ export default {
+ data() {
+ return {
+ baseUrl: '',
+ token: '',
+ icon: '',
+ elements: [],
+ elements2: [
+ {
+ title: '缁勬墭鍏ュ簱',
+ name: 'pakin',
+ color: 'cyan',
+ cuIcon: 'pullup',
+ url: '/ps/pakin/pakin'
+ },
+ {
+ title: '鎵樼洏瑙ｇ粦',
+ name: 'untie',
+ color: 'cyan',
+ cuIcon: 'pullup',
+ url: '/tzsk/pakin/untie'
+ },
+ {
+ title: '缁勬墭涓婃灦',
+ name: 'pakin',
+ color: 'cyan',
+ cuIcon: 'pullup',
+ url: '/tzsk/order/orderPutOn'
+ },
+ {
+ title: '璁㈠崟鎷ｈ揣',
+ name: 'pakin',
+ color: 'cyan',
+ cuIcon: 'pullup',
+ url: '/tzsk/order/orderPick'
+ },
+ {
+ title: '涓存椂鍏ュ簱',
+ name: 'pakin',
+ color: 'cyan',
+ cuIcon: 'pullup',
+ url: '/pakin/pakin2'
+ },
+ {
+ title: 'AGV鐩樼偣/鎷ｆ枡',
+ name: 'AGVPick',
+ color: 'cyan',
+ cuIcon: 'pullup',
+ url: '/tzsk/AGV/AGVPick'
+ },
+ {
+ title: '鍐嶆鎷ｆ枡',
+ name: 'changePallet',
+ color: 'green',
+ cuIcon: 'order',
+ url: '/pakin/pickAgain'
+ },
+ {
+ title: 'AGV缁勬墭',
+ name: 'AGVPakin',
+ color: 'blue',
+ cuIcon: 'pullup',
+ url: '/tzsk/AGV/AGVPakin'
+ },
+ {
+ title: 'AGV涓婃灦缁戝畾',
+ name: 'AGVPakinBing',
+ color: 'mauve',
+ // cuIcon: 'pullup',
+ url: '/tzsk/AGV/AGVPakinBing'
+ },
+ {
+ title: 'AGV鍚姩鍏ュ簱',
+ name: 'AGVStart',
+ color: 'pink',
+ // cuIcon: 'pullup',
+ url: '/tzsk/AGV/AGVStart'
+ },
+ {
+ title: 'AGV涓婃灦缁勬墭',
+ name: 'AGVPakinOn',
+ color: 'brown',
+ // cuIcon: 'pullup',
+ url: '/tzsk/AGV/AGVPakinOn'
+ },
+ {
+ title: 'AGV瀹瑰櫒绂诲満',
+ name: 'pakin',
+ color: 'cyan',
+ cuIcon: 'pullup',
+ url: '/tzsk/AGV/AGVContainerMove'
+ },
+ {
+ title: '璁㈠崟鍏ュ簱',
+ name: 'orderPakin',
+ color: 'red',
+ cuIcon: 'pullup',
+ url: '/order/orderPakin'
+ },
+ {
+ title: '缁勬墭涓婃灦',
+ name: 'putOn',
+ color: 'orange',
+ cuIcon: 'pullup',
+ url: '/pakin/putOn'
+ },
+ {
+ title: '鎵撳嵃',
+ name: 'print',
+ color: 'purple',
+ cuIcon: 'text',
+ url: '/print/print'
+ },
+ {
+ title: '璁㈠崟涓婃灦',
+ name: 'orderPutOn',
+ color: 'yellow',
+ cuIcon: 'pullup',
+ url: '/order/orderPutOn'
+ },
+ {
+ title: '璁㈠崟涓嬫灦',
+ name: 'orderPutDown',
+ color: 'olive',
+ cuIcon: 'pulldown',
+ url: '/order/orderPutDown'
+ },
+ {
+ title: '搴撳瓨鏌ヨ',
+ name: 'stockQuery',
+ color: 'green',
+ cuIcon: 'check',
+ url: '/stock/stockQuery'
+ },
+ {
+ title: '鐩樼偣',
+ name: 'stockCheck',
+ color: 'red',
+ cuIcon: 'post',
+ url: '/stock/stockCheck'
+ },
+ {
+ title: '鍟嗗搧鎵撳嵃',
+ name: 'matList',
+ color: 'orange',
+ cuIcon: 'post',
+ url: '/mat/matList'
+ },
+ {
+ title: '琛ヨ揣',
+ name: 'restock',
+ color: 'yellow',
+ cuIcon: 'punch',
+ url: '/stock/restock'
+ },
+ {
+ title: '杞叏鏉�',
+ name: 'piking',
+ color: 'olive',
+ cuIcon: 'order',
+ url: '/pakin/piking'
+ },
+ {
+ title: '鎹㈡澘缁戝畾',
+ name: 'changePallet',
+ color: 'green',
+ cuIcon: 'order',
+ url: '/stock/changePallet'
+ },
+ {
+ title: '閫�鍑虹櫥褰�',
+ name: 'logOut',
+ color: 'grey',
+ cuIcon: 'exit',
+ url: '/login/logOut'
+ },
+
+ ],
+ colorList: ['cyan','blue','mauve','pink','brown','red','orange','yellow','olive','olive','green','grey' ]
+ };
+ },
+ onShow() {
+ this.baseUrl = uni.getStorageSync('baseUrl');
+ this.token = uni.getStorageSync('token');
+ this.getAuth()
+ this.backGroundRepeat()
+ },
+ methods: {
+ backGroundRepeat() {
+ let len = this.colorList.length
+ let i = 0
+ for (let k in this.elements2) {
+ if (i == len) {
+ i = 0
+ }
+ this.elements2[k].color = this.colorList[i]
+ i++
+ }
+ },
+ getAuth() {
+ let that = this
+ uni.request({
+ url: that.baseUrl + '/menu/pda/auth',
+ data: {},
+ header: { 'token': uni.getStorageSync('token') },
+ method: 'POST',
+ success(res) {
+ console.log(res);
+ if (res.statusCode === 404) {
+ that.elements = that.elements2
+ return
+ }
+ res = res.data
+ that.elements = []
+ if (res.code === 200) {
+ if (res.data == undefined || res.data == null || res.data == "") {
+ that.elements = that.elements2
+ return
+ }
+ for (var i = 0; i < res.data.length; i++) {
+ if (res.data.length < 0) {
+ break;
+ }
+ that.getIcon(res.data[i].title)
+ that.elements.unshift({
+ title: res.data[i].name,
+ name: res.data[i].title,
+ color: that.colorList[i],
+ cuIcon: that.icon,
+ url: res.data[i].action
+ })
+ }
+ that.elements.push({
+ title: '閫�鍑虹櫥褰�',
+ name: 'logOut',
+ color: 'grey',
+ cuIcon: 'exit',
+ url: '/login/logOut'
+ })
+ } else if (res.code === 403) {
+ uni.showToast({
+ title: res.msg,
+ icon: "none",
+ position: 'top'
+ })
+ setTimeout(() => {
+ uni.reLaunch({
+ url: '../login/login'
+ });
+ }, 1000);
+ } else if(res.status === 404) {
+ that.elements = that.elements2
+ // uni.showToast({
+ // title: '榛樿涓婚〉',
+ // icon: "none",
+ // position: 'top'
+ // })
+ } else {
+ uni.showToast({
+ title: res.msg,
+ icon: "none",
+ position: 'top'
+ })
+ }
+ },
+ fail(err) {
+ console.log(err);
+ that.elements = that.elements2
+ }
+ })
+ },
+ getIcon(e) {
+ const ways = ['pakin','orderPakin','orderPutOn']
+ if (ways.includes(e)) {
+ this.icon = 'pullup'
+ }
+ }
+ }
+ }
</script>
<style>
-
+ .page {
+ height: 100vh;
+ }
+
+ .bg-red {
+ background-color: #e54d42;
+ color: #ffffff;
+ }
+
+ .bg-orange {
+ background-color: #f37b1d;
+ color: #ffffff;
+ }
+
+ .bg-yellow {
+ background-color: #fbbd08;
+ color: #333333;
+ }
+
+ .bg-olive {
+ background-color: #8dc63f;
+ color: #ffffff;
+ }
+
+ .bg-green {
+ background-color: #39b54a;
+ color: #ffffff;
+ }
+
+ .bg-cyan {
+ background-color: #1cbbb4;
+ color: #ffffff;
+ }
+
+ .bg-blue {
+ background-color: #0081ff;
+ color: #ffffff;
+ }
+
+ .bg-purple {
+ background-color: #6739b6;
+ color: #ffffff;
+ }
+
+ .bg-mauve {
+ background-color: #9c26b0;
+ color: #ffffff;
+ }
+
+ .bg-pink {
+ background-color: #e03997;
+ color: #ffffff;
+ }
+
+ .bg-brown {
+ background-color: #a5673f;
+ color: #ffffff;
+ }
+
+ .bg-grey {
+ background-color: #8799a3;
+ color: #ffffff;
+ }
+
+ .bg-gray {
+ background-color: #f0f0f0;
+ color: #333333;
+ }
+
+ .bg-black {
+ background-color: #333333;
+ color: #ffffff;
+ }
+
+ .bg-white {
+ background-color: #ffffff;
+ color: #666666;
+ }
</style>
\ No newline at end of file
diff --git a/pages/project/ps/pakin/pakin.vue b/pages/project/ps/pakin/pakin.vue
new file mode 100644
index 0000000..d09a56e
--- /dev/null
+++ b/pages/project/ps/pakin/pakin.vue
@@ -0,0 +1,50 @@
+<template>
+ <view>
+ <view>
+ <z-input v-for="it in zInputList"
+ :desc="it.desc"
+ :name="it.name"
+ :btn="it.btn"
+ :btn-name="it.btnName"
+ v-model="it.val"
+ :index="it.id"
+ :lenCheck="it.lenCheck"
+ :focus="it.focus"
+ @clickBtn='entry(it.name)'
+ @inputVal='input2'>
+ </z-input>
+ </view>
+ <view style="text-align: center;">鍟嗗搧鍒楄〃</view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ zInputList: [
+ {id:0,name: 'orderNo',desc: '璁㈠崟鍙�',val: '',focus: true},
+ {id:1,name: 'barcode',desc: '鎵樼洏鐮�',val: '2',lenCheck: 8,focus: false},
+ {id:2,name: 'matnr',desc: '鐗╂枡鐮�',val: '',btn: true,btnName: '鎻愬彇',placeholder: '',focus: false}
+ ],
+ }
+ },
+ methods: {
+ entry(e) {
+ },
+ input2(arr) {
+ if(arr[1] == 'matnr') {
+ this.getMat(arr[0])
+ }
+ },
+ getMat(matnr) {
+ console.log(matnr);
+ }
+
+ }
+ }
+</script>
+
+<style>
+
+</style>
--
Gitblit v1.9.1