登录页面

pages.json

@@ -1,6 +1,12 @@
 {
-  "entryPagePath": "pages/beixWarehouse/beixWarehouse",
+  "entryPagePath": "pages/login/login",
   "pages": [
+	  {
+		"path": "pages/login/login",
+		"style": {
+		  "navigationBarTitleText": "登录"
+		}
+	  },
     {
       "path": "pages/home/home",
       "style": {

pages/login/login.vue

@@ -0,0 +1,170 @@
+<template>
+  <view class="login-container">
+	<image class="bg-image" src="../../static/login/login-bj.png"></image>
+	<view class="login-title">
+		<view class="welcome-text">您好，欢迎使用</view>
+		<view class="system-name">交收库管理系统</view>
+	</view>
+    <view class="login-form">
+      <view class="input-group">
+		  
+        <view class="input-label">
+			<uni-icons custom-prefix="iconfont" type="icon-yonghu_yonghuming" color="#000000" size="18"></uni-icons>
+			用户名称
+		</view>
+		<view class="uni-input-wrapper">
+			<input v-model="username" class="input-field" placeholder="请输入用户名" />
+		</view>
+      </view>
+
+      <view class="input-group">
+		<view class="input-label">
+			<uni-icons custom-prefix="iconfont" type="icon-mima" color="#000000" size="18"></uni-icons>
+			登录密码
+		</view>
+		<view class="uni-input-wrapper">
+			<input v-model="password" class="input-field" placeholder="请输入密码" :password="showPassword" />
+			<uni-icons @click="changePassword" :type="!showPassword ? 'eye' : 'eye-slash'" color="#000000" size="32"></uni-icons>
+		</view>
+      </view>
+
+      <button class="login-button" @click="handleLogin">登录</button>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const username = ref('');
+const password = ref('');
+
+const showPassword = ref(true)
+
+const changePassword = () => {
+	showPassword.value = !showPassword.value;
+}
+const handleLogin = async () => {
+  if (!username.value || !password.value) {
+    uni.showToast({
+      title: '请输入用户名和密码',
+      icon: 'none'
+    });
+    return;
+  }
+  
+  uni.request({
+    url: 'http://172.16.6.128:8011/admin-api/system/auth/login',
+    method: 'POST',
+    data: {
+		username: username.value,
+		password: password.value
+	  },
+    success: (res) => {
+	  if (res.data.code === 0) {
+	    uni.showToast({
+	      title: '登录成功',
+	      icon: 'success'
+	    });
+	    // 跳转到首页或其他页面
+		uni.switchTab({
+		  url: '/pages/home/home' // 注意路径前的斜杠
+		});
+	  } else {
+	    uni.showToast({
+	      title: res.data.msg,
+	      icon: 'none'
+	    });
+	  }
+    },
+    fail: (err) => {
+      console.error(err); // 失败回调
+    }
+  });
+  
+};
+</script>
+
+<style lang="scss" scoped>
+.login-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  overflow: hidden;
+	.bg-image {
+		position: absolute;
+		width: 100%;
+		height: 100vh;
+		top: 0;
+		left: 0;
+		object-fit: cover;
+		z-index: -1;
+	}
+	.login-title{
+		margin: 100rpx 30rpx 0;
+		.welcome-text {
+		  font-size: 58rpx;
+		  margin-bottom: 15rpx;
+		  letter-spacing: 5rpx;
+		}
+		
+		.system-name {
+		  font-size: 68rpx;
+		  font-weight: bold;
+		  letter-spacing: 10rpx;
+		}
+	}
+	
+}
+
+.login-form {
+  margin: 60rpx 30rpx 0;
+  padding: 70rpx;
+  background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
+  border-radius: 25px 25px 0 0;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  height: 100vh;
+}
+
+
+.input-group {
+  margin-bottom: 55rpx;
+}
+
+.input-label {
+  font-size: 30rpx;
+  margin-bottom: 10rpx;
+  display: block;
+}
+.uni-input-wrapper {
+   display: flex;
+   margin: 10rpx 0;
+   flex-direction: row;
+   flex-wrap: nowrap;
+   border: 1px solid #B2C7E6;
+   background-color: #ffffff;
+   padding: 0px 10px 0 20px;
+   border-radius: 4px;
+   align-items: center;
+ }
+.input-field {
+  width: 100%;
+  padding: 10px 0;
+}
+
+.login-button {
+  width: 100%;
+  height: 70rpx;
+  line-height: 70rpx;
+  border-radius: 10rpx;
+  background-color: #1E5FDF;
+  color: #fff;
+  font-size: 28rpx;
+  text-align: center;
+}
+
+.login-button:hover {
+  background-color: #005bb5;
+}
+</style>

static/iconfont.css

@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-mima:before {
+  content: "\e7e2";
+}
+
+.icon-yonghu_yonghuming:before {
+  content: "\e678";
+}
+
 .icon-down:before {
   content: "\e628";
 }

unpackage/dist/dev/mp-weixin/app.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const common_vendor = require("./common/vendor.js");
 if (!Math) {
+  "./pages/login/login.js";
   "./pages/home/home.js";
   "./pages/daixjgk/daixjgk.js";
   "./pages/beixWarehouse/beixWarehouse.js";

unpackage/dist/dev/mp-weixin/app.json

@@ -1,5 +1,6 @@
 {
   "pages": [
+    "pages/login/login",
     "pages/home/home",
     "pages/daixjgk/daixjgk",
     "pages/beixWarehouse/beixWarehouse",
@@ -36,7 +37,7 @@
       }
     ]
   },
-  "entryPagePath": "pages/beixWarehouse/beixWarehouse",
+  "entryPagePath": "pages/login/login",
   "permission": {
     "scope.userLocation": {
       "desc": "您的位置信息将用于定位打卡功能"

unpackage/dist/dev/mp-weixin/common/assets.js

@@ -1,4 +1,5 @@
 "use strict";
+const _imports_0$5 = "/static/login/login-bj.png";
 const _imports_0$4 = "/static/home/home-bj.png";
 const _imports_1 = "/static/home/logo.png";
 const _imports_2$1 = "/static/home/daixjsk.png";
@@ -10,11 +11,12 @@ const _imports_0$2 = "/static/icons/warehouse-ico.png";
 const _imports_2 = "/static/icons/location-ico.png";
 const _imports_0$1 = "/static/tp.png";
 const _imports_0 = "/static/logo.png";
-exports._imports_0 = _imports_0$4;
-exports._imports_0$1 = _imports_0$3;
-exports._imports_0$2 = _imports_0$2;
-exports._imports_0$3 = _imports_0$1;
-exports._imports_0$4 = _imports_0;
+exports._imports_0 = _imports_0$5;
+exports._imports_0$1 = _imports_0$4;
+exports._imports_0$2 = _imports_0$3;
+exports._imports_0$3 = _imports_0$2;
+exports._imports_0$4 = _imports_0$1;
+exports._imports_0$5 = _imports_0;
 exports._imports_1 = _imports_1;
 exports._imports_2 = _imports_2$1;
 exports._imports_2$1 = _imports_2;

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -7156,9 +7156,9 @@ function initOnError() {
   };
 }
 function initRuntimeSocketService() {
-  const hosts = "2.0.1.1,10.153.42.136,192.168.40.245,192.168.137.1,127.0.0.1";
+  const hosts = "2.0.1.3,10.153.42.137,192.168.40.245,127.0.0.1";
   const port = "8090";
-  const id = "mp-weixin_UIuA0q";
+  const id = "mp-weixin_6qua5J";
   const lazy = typeof swan !== "undefined";
   let restoreError = lazy ? () => {
   } : initOnError();
@@ -8090,9 +8090,15 @@ const createSubpackageApp = initCreateSubpackageApp();
   wx.createPluginApp = global.createPluginApp = createPluginApp;
   wx.createSubpackageApp = global.createSubpackageApp = createSubpackageApp;
 }
-const entryPagePath = "pages/beixWarehouse/beixWarehouse";
+const entryPagePath = "pages/login/login";
 const pages = [
   {
+    path: "pages/login/login",
+    style: {
+      navigationBarTitleText: "登录"
+    }
+  },
+  {
     path: "pages/home/home",
     style: {
       navigationBarTitleText: "首页"

unpackage/dist/dev/mp-weixin/pages/clockIn/clockIn.js

@@ -170,7 +170,7 @@ const _sfc_main = {
         e: common_vendor.t(amSign.value.time),
         f: common_vendor.t(amSign.value.address)
       } : {}, {
-        g: common_assets._imports_0$3
+        g: common_assets._imports_0$4
       });
     };
   }

unpackage/dist/dev/mp-weixin/pages/daixjgk/daixjgk.js

@@ -43,7 +43,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return {
         a: common_vendor.o(($event) => goFilterPage()),
-        b: common_assets._imports_0$1,
+        b: common_assets._imports_0$2,
         c: common_vendor.f(warehouses.value, (warehouse, index, i0) => {
           return {
             a: common_vendor.t(warehouse.name),
@@ -57,7 +57,7 @@ const _sfc_main = {
             i: index
           };
         }),
-        d: common_assets._imports_0$2,
+        d: common_assets._imports_0$3,
         e: common_assets._imports_2$1,
         f: common_vendor.o(selectAll),
         g: common_vendor.o(confirmSelection),

unpackage/dist/dev/mp-weixin/pages/home/home.js

@@ -11,7 +11,7 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       return {
-        a: common_assets._imports_0,
+        a: common_assets._imports_0$1,
         b: common_assets._imports_1,
         c: common_assets._imports_2,
         d: common_vendor.o(($event) => goDetailPage("/pages/daixjgk/daixjgk")),

unpackage/dist/dev/mp-weixin/pages/index/index.js

@@ -13,7 +13,7 @@ const _sfc_main = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return {
-    a: common_assets._imports_0$4,
+    a: common_assets._imports_0$5,
     b: common_vendor.t($data.title)
   };
 }

unpackage/dist/dev/mp-weixin/pages/warehouse/components/warehouseInfo/warehouseInfo.js

@@ -6,7 +6,7 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       return {
-        a: common_assets._imports_0$3
+        a: common_assets._imports_0$4
       };
     };
   }

unpackage/dist/dev/mp-weixin/pages/warehouse/warehouse.js

@@ -88,7 +88,7 @@ const _sfc_main = {
             j: index
           };
         }),
-        c: common_assets._imports_0$2,
+        c: common_assets._imports_0$3,
         d: common_vendor.o(selectAll),
         e: common_vendor.o(confirmSelection),
         f: tabCurrentIndex.value,