From f26f29d84e0a68831a6af14dab3eec5500496d2e Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期三, 28 五月 2025 16:48:52 +0800
Subject: [PATCH] 初始化项目
---
pages/wareHouse/outsource/index.vue | 162 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 162 insertions(+), 0 deletions(-)
diff --git a/pages/wareHouse/outsource/index.vue b/pages/wareHouse/outsource/index.vue
new file mode 100644
index 0000000..5a46c86
--- /dev/null
+++ b/pages/wareHouse/outsource/index.vue
@@ -0,0 +1,162 @@
+<template>
+ <view class="page">
+ <view class="bigbg"/>
+ <u-navbar title="" :background="background" :border-bottom="false"/>
+ <view class="title">鎴愬搧澶栧崗</view>
+ <view class="wrap">
+ <u-row justify="space-between" gutter="30">
+ <u-col span="6">
+ <view class="box box1" @click="navTo('/pages/wareHouse/outsource/report')">
+ <view class="row1">鎶ユ鎴愬搧</view>
+ <view class="row2">鎵弿</view>
+ <view class="row3">鍚堟牸璇佸彿</view>
+ </view>
+ </u-col>
+ <u-col span="6">
+ <view class="box box2" @click="navTo('/pages/wareHouse/outsource/check')">
+ <view class="row1">妫�娴�</view>
+ <view class="row2"><text class="text">{{unInspNum}}</text>涓緟妫�娴�</view>
+ <view class="row3">璇疯繘鍏�</view>
+ </view>
+ </u-col>
+ </u-row>
+ <u-row justify="space-between" gutter="30">
+ <u-col span="6">
+ <view class="box box3" @click="navTo('/pages/wareHouse/outsource/packing')">
+ <view class="row1">鍖呰</view>
+ <view class="row2"><text class="text">{{inspedNum}}</text>涓緟楠岃瘉</view>
+ <view class="row3">璇疯繘鍏�</view>
+ </view>
+ </u-col>
+ <u-col span="6">
+ <view class="box box4" @click="navTo('/pages/wareHouse/outsource/instock')">
+ <view class="row1">鍏ュ簱</view>
+ <view class="row2"><text class="text">{{packagingNum}}</text>涓緟楠岃瘉</view>
+ <view class="row3">璇疯繘鍏�</view>
+ </view>
+ </u-col>
+ </u-row>
+ </view>
+ </view>
+</template>
+
+<script>
+ import content_bg from '@/static/custom/outsource/index_bg.png'
+ export default {
+ data() {
+ return {
+ background:{
+ backgroundImage: `url(${content_bg})`,
+ backgroundAttachment: 'fixed',
+ backgroundSize: '100% auto',
+ backgroundRepeat: 'no-repeat',
+ },
+ unInspNum:0,//寰呮娴嬫暟閲�
+ inspedNum:0,//宸叉娴嬶紙寰呭寘瑁咃級鏁伴噺
+ packagingNum:0 //宸插寘瑁咃紙寰呭叆搴擄級鏁伴噺
+ }
+ },
+ onShow() {
+ this.queryData('unInsp')
+ this.queryData('insped')
+ this.queryData('packaging')
+ },
+ methods: {
+ //鏌ヨ鏁伴噺
+ queryData(state){
+ let param = {
+ current: 1,
+ size: 100,
+ state: state
+ }
+ this.$u.api.outsource.queryData(param).then(res => {
+ console.log(res);
+ if (res.code === 0) {
+ this[state+'Num'] = res.data.total
+ }
+ });
+ },
+ navTo(url) {
+ uni.navigateTo({
+ url: url
+ });
+ },
+ goBack(){
+ uni.navigateBack({
+
+ })
+ }
+ }
+ }
+</script>
+
+<style scoped lang="scss">
+.bigbg{
+ background-color: #F6F9FF;
+ background-image: url('~@/static/custom/outsource/index_bg.png');
+ // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0));
+ padding: 0 20rpx;
+ background-attachment: fixed;
+ background-size: 100% auto;
+ background-repeat: no-repeat;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ z-index: -1;
+}
+.page{
+
+}
+.title{
+ font-weight: bold;
+ font-size: 50rpx;
+ padding: 60rpx 0 130rpx 20rpx;
+}
+.box {
+ background-color: rgba(255,255,255,0.7);
+ border-radius: 20rpx;
+ margin-bottom: 30rpx;
+ padding: 30rpx;
+ font-size: 32rpx;
+ color: #666666;
+ box-shadow: 0 0 6rpx 2rpx #f0f0f0;
+ background-repeat: no-repeat;
+ background-position: right 10rpx top 10rpx;
+ background-size: 40% auto;
+ .row1{
+ padding-bottom: 40rpx;
+ }
+ .row2{
+ color: #666666;
+ padding: 10rpx 0;
+ .text{
+ color: black;
+ font-weight: bold;
+ font-size: 38rpx;
+ padding-right: 10rpx;
+ }
+ }
+ .row3{
+ color: #B4B4B6;
+ }
+}
+.box1{
+ .row2{
+ color: black;
+ font-weight: bold;
+ font-size: 38rpx;
+ }
+ background-image: url('~@/static/custom/outsource/bg1.png');
+}
+.box2{
+ background-image: url('~@/static/custom/outsource/bg2.png');
+ background-size: 35% auto;
+}
+.box3{
+ background-image: url('~@/static/custom/outsource/bg3.png');
+}
+.box4{
+ background-image: url('~@/static/custom/outsource/bg4.png');
+}
+</style>
--
Gitblit v1.9.3