From eb62444060a1867ffea6f6c676c8ca55e620f4b6 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 02 九月 2025 14:50:08 +0800
Subject: [PATCH] 启动页样式修改
---
src/pages/login.vue | 2
src/api/system/user.js | 7 +-
src/pages/splash.vue | 101 ++++++++++++++++++++++++++++++---
src/pages_mine/pages/avatar/index.vue | 2
src/components/Splash.vue | 14 +---
src/pages/sales/salesAccount/index.vue | 13 ++++
src/pages/sales/invoiceLedger/index.vue | 29 ++++-----
7 files changed, 128 insertions(+), 40 deletions(-)
diff --git a/src/api/system/user.js b/src/api/system/user.js
index c2553cb..60f1913 100644
--- a/src/api/system/user.js
+++ b/src/api/system/user.js
@@ -33,10 +33,11 @@
// 鐢ㄦ埛澶村儚涓婁紶
export function uploadAvatar(data) {
- return upload({
+ return request({
url: '/system/user/profile/avatar',
- name: data.name,
- filePath: data.filePath
+ method: 'post',
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+ data: data
})
}
// 鏌ヨ鐢ㄦ埛鍒楄〃
diff --git a/src/components/Splash.vue b/src/components/Splash.vue
index 6465d04..c472d06 100644
--- a/src/components/Splash.vue
+++ b/src/components/Splash.vue
@@ -1,7 +1,6 @@
<template>
<div class="splash-container">
- <span class="title">绉戞妧</span>
- <span class="title1">渚挎惡鐢熸椿</span>
+ <span class="title">绉戞妧 渚挎嵎鐢熸椿</span>
</div>
</template>
@@ -16,7 +15,7 @@
display: flex;
justify-content: center;
align-items: center;
- background: #fff;
+ background: linear-gradient(180deg, #E6F3FF 0%, #FFFFFF 100%);
}
.splash-logo {
width: 180px;
@@ -25,12 +24,7 @@
}
.title {
font-weight: 400;
- font-size: 60px;
+ font-size: 48px;
color: #000000;
}
-.title1 {
- font-weight: 400;
- font-size: 40px;
- color: #000000;
-}
-</style>
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/src/pages/login.vue b/src/pages/login.vue
index ace9551..f702371 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -19,6 +19,7 @@
title="璇烽�夋嫨鍏徃"
:options="factoryList"
valueKey="id"
+ style="width: 100%;"
labelKey="name">
</up-picker-data>
</view>
@@ -48,6 +49,7 @@
import { getWxCode } from '@/utils/geek';
import { wxLogin } from '@/api/oauth';
import { setToken } from '@/utils/auth';
+import View from "@/pages/procurementManagement/procurementLedger/view.vue";
const userStore = useUserStore()
const useWxLogin = ref(false); // 鏄惁浣跨敤寰俊鐧诲綍
const rememberPassword = ref(false); // 璁颁綇瀵嗙爜
diff --git a/src/pages/sales/invoiceLedger/index.vue b/src/pages/sales/invoiceLedger/index.vue
index fa48fda..9b814a4 100644
--- a/src/pages/sales/invoiceLedger/index.vue
+++ b/src/pages/sales/invoiceLedger/index.vue
@@ -25,7 +25,7 @@
</view>
<!-- 鍒楄〃鍖哄煙 -->
- <view class="ledger-list" v-if="total > 0">
+ <view class="ledger-list" v-if="ledgerList.length > 0">
<view v-for="(item, index) in ledgerList" :key="index">
<view class="ledger-item">
<view class="item-header">
@@ -221,9 +221,19 @@
</template>
<script setup>
-import { ref, reactive, onMounted } from 'vue'
+import {reactive, ref} from 'vue'
import dayjs from 'dayjs'
import PageHeader from '@/components/PageHeader.vue'
+import useUserStore from '@/store/modules/user'
+import {getToken} from '@/utils/auth'
+import config from '@/config.js'
+import {
+ commitFile,
+ delInvoiceLedgerByRegProductId,
+ registrationProductPage
+} from '@/api/salesManagement/invoiceLedger.js'
+import {onShow} from "@dcloudio/uni-app";
+
const showToast = (message) => {
uni.showToast({
title: message,
@@ -239,21 +249,11 @@
const closeToast = () => {
uni.hideLoading()
}
-import useUserStore from '@/store/modules/user'
-import { getToken } from '@/utils/auth'
-import config from '@/config.js'
-import {
- registrationProductPage,
- commitFile,
- delInvoiceLedgerByRegProductId
-} from '@/api/salesManagement/invoiceLedger.js'
-import {onShow} from "@dcloudio/uni-app";
const userStore = useUserStore()
// 鍒楄〃涓庢煡璇�
const ledgerList = ref([])
-const total = ref(0)
const page = reactive({ current: -1, size: -1 })
const searchForm = reactive({
searchText: '',
@@ -304,10 +304,7 @@
const { invoiceDate, ...rest } = searchForm
const res = await registrationProductPage({ ...rest, ...page })
// 鍏煎涓嶅悓杩斿洖缁撴瀯
- const records = res?.data?.records || res?.records || res?.data || []
- const totalVal = res?.data?.total || res?.total || records.length || 0
- ledgerList.value = records
- total.value = totalVal
+ ledgerList.value = res?.data?.records || res?.records || res?.data || []
closeToast()
} catch (e) {
closeToast()
diff --git a/src/pages/sales/salesAccount/index.vue b/src/pages/sales/salesAccount/index.vue
index 92f3557..47f3e30 100644
--- a/src/pages/sales/salesAccount/index.vue
+++ b/src/pages/sales/salesAccount/index.vue
@@ -98,6 +98,15 @@
import useUserStore from "@/store/modules/user";
import PageHeader from "@/components/PageHeader.vue";
const userStore = useUserStore()
+const showLoadingToast = (message) => {
+ uni.showLoading({
+ title: message,
+ mask: true
+ })
+}
+const closeToast = () => {
+ uni.hideLoading()
+}
// 鎼滅储鍏抽敭璇�
const searchKeyword = ref('');
@@ -112,6 +121,7 @@
};
// 鏌ヨ鍒楄〃
const getList = () => {
+ showLoadingToast('鍔犺浇涓�...')
const page = {
current: -1,
size: -1
@@ -119,8 +129,9 @@
ledgerListPage({...page}).then((res) => {
ledgerList.value = res.records;
total.value = res.total;
+ closeToast()
}).catch(() => {
- // tableLoading.value = false;
+ closeToast()
});
};
diff --git a/src/pages/splash.vue b/src/pages/splash.vue
index 4818ef1..faa0423 100644
--- a/src/pages/splash.vue
+++ b/src/pages/splash.vue
@@ -1,7 +1,10 @@
<template>
<div class="splash-container">
- <span class="title">绉戞妧</span>
- <span class="title1">渚挎惡鐢熸椿</span>
+ <div class="title-container">
+ <span class="title-large">绉戞妧</span>
+ <span class="title-small">渚挎嵎鐢熸椿</span>
+ </div>
+ <span class="bottom-text">鑺浜戯紙绠＄悊淇℃伅绯荤粺锛�</span>
</div>
</template>
@@ -19,7 +22,7 @@
// #ifndef H5
uni.reLaunch({ url: '/pages/login' })
// #endif
- }, 2000)
+ }, 3500)
})
</script>
@@ -31,16 +34,96 @@
flex-direction: column;
justify-content: center;
align-items: center;
- background: #fff;
+ background: linear-gradient(135deg, rgba(0,117,255,0.3) 0%, #FFFFFF 60%);
+ overflow: hidden;
+ position: relative;
}
-.title {
- font-weight: 400;
+
+.title-container {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ animation: fadeIn 1.5s ease-in-out;
+}
+
+.title-large {
+ font-weight: 500;
font-size: 60px;
color: #000000;
+ display: block;
+ animation: slideUp 1s ease-out 0.2s both;
}
-.title1 {
+
+.title-small {
font-weight: 400;
font-size: 40px;
- color: #000000;
+ color: #333333;
+ display: block;
+ margin-left: 15px;
+ animation: slideUp 1s ease-out 0.5s both;
}
-</style>
\ No newline at end of file
+
+/* 鍔ㄧ敾鏁堟灉 */
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+@keyframes slideUp {
+ from {
+ opacity: 0;
+ transform: translateY(30px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* 鑳屾櫙瑁呴グ鏁堟灉 */
+.splash-container::before {
+ content: '';
+ position: absolute;
+ top: -50%;
+ right: -50%;
+ width: 200%;
+ height: 200%;
+ background: radial-gradient(circle, rgba(0,117,255,0.1) 0%, transparent 70%);
+ animation: float 8s ease-in-out infinite;
+}
+
+@keyframes float {
+ 0%, 100% {
+ transform: translate(0, 0) rotate(0deg);
+ }
+ 50% {
+ transform: translate(-10%, -10%) rotate(5deg);
+ }
+}
+
+/* 搴曢儴鏂囧瓧鏍峰紡 */
+.bottom-text {
+ position: absolute;
+ bottom: 80px;
+ font-size: 24px;
+ color: #666666;
+ opacity: 0;
+ animation: fadeInUp 1s ease-out 1s both;
+}
+
+@keyframes fadeInUp {
+ from {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages_mine/pages/avatar/index.vue b/src/pages_mine/pages/avatar/index.vue
index 2b97713..aac7ae7 100644
--- a/src/pages_mine/pages/avatar/index.vue
+++ b/src/pages_mine/pages/avatar/index.vue
@@ -272,7 +272,7 @@
uploadAvatar(data).then(response => {
// userStore.avatar = response.imgUrl
/*cloud*/
- useUserStore().avatar = baseUrl + response.imgUrl
+ useUserStore().avatar = baseUrl+ '/profile/' + response.imgUrl
uni.showToast({ title: "淇敼鎴愬姛", icon: 'success' })
uni.$emit('refresh');
uni.navigateBack();
--
Gitblit v1.9.3