From ee42bf1badae06026efa79dc17d2a541297ab49b Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期三, 03 九月 2025 17:43:31 +0800 Subject: [PATCH] 采购管理整体样式优化,搜索条件修改 --- src/pages/equipmentManagement/upkeep/index.vue | 84 ++++++++++++++++++++++++++++++------------ 1 files changed, 60 insertions(+), 24 deletions(-) diff --git a/src/pages/equipmentManagement/upkeep/index.vue b/src/pages/equipmentManagement/upkeep/index.vue index 9ae34cd..35c00de 100644 --- a/src/pages/equipmentManagement/upkeep/index.vue +++ b/src/pages/equipmentManagement/upkeep/index.vue @@ -33,8 +33,8 @@ <text class="item-id">璁惧鍚嶇О锛歿{ item.deviceName }}</text> </view> <view class="status-tag"> - <van-tag v-if="item.status === 1" type="success">瀹岀粨</van-tag> - <van-tag v-if="item.status === 0" type="danger">寰呬繚鍏�</van-tag> + <u-tag v-if="item.status === 1" type="success">瀹岀粨</u-tag> + <u-tag v-if="item.status === 0" type="error">寰呬繚鍏�</u-tag> </view> </view> <up-divider></up-divider> @@ -67,28 +67,29 @@ <view class="detail-row"> <text class="detail-label">淇濆吇缁撴灉</text> <view class="detail-value"> - <van-tag v-if="item.maintenanceResult === 1" type="success"> - 瀹屽ソ - </van-tag> - <van-tag v-if="item.maintenanceResult === 0" type="danger"> - 缁翠慨 - </van-tag> - <text v-if="item.maintenanceResult === undefined || item.maintenanceResult === null">-</text> - </view> + <u-tag v-if="item.maintenanceResult === 1" type="success"> + 瀹屽ソ + </u-tag> + <u-tag v-if="item.maintenanceResult === 0" type="error"> + 缁翠慨 + </u-tag> + <text v-if="item.maintenanceResult === undefined || item.maintenanceResult === null">-</text> + </view> </view> </view> <!-- 鎸夐挳鍖哄煙 --> <view class="action-buttons"> - <van-button + <u-button type="primary" size="small" class="action-btn" + :disabled="item.status === 1" @click.stop="edit(item.id)" > 缂栬緫 - </van-button> - <van-button + </u-button> + <u-button type="warning" size="small" class="action-btn" @@ -96,16 +97,16 @@ @click.stop="addMaintain(item.id)" > 淇濆吇 - </van-button> - <van-button - type="danger" + </u-button> + <u-button + type="error" size="small" plain class="action-btn" @click.stop="delUpkeepByIds(item.id)" > 鍒犻櫎 - </van-button> + </u-button> </view> </view> </view> @@ -115,12 +116,10 @@ <text>鏆傛棤璁惧淇濆吇鏁版嵁</text> </view> - <!-- 娴姩姘旀场鎸夐挳 --> - <van-floating-bubble - axis="xy" - icon="plus" - @click="addPlan" - /> + <!-- 娴姩鏂板鎸夐挳 --> + <view class="fab-button" @click="addPlan"> + <up-icon name="plus" size="24" color="#ffffff"></up-icon> + </view> </view> </template> @@ -130,7 +129,13 @@ import PageHeader from '@/components/PageHeader.vue' import { getUpkeepPage, delUpkeep } from '@/api/equipmentManagement/upkeep' import useUserStore from "@/store/modules/user" -import { showToast } from 'vant'; +// 鏄剧ず鎻愮ず淇℃伅 +const showToast = (message) => { + uni.showToast({ + title: message, + icon: 'none' + }) +}; import dayjs from "dayjs" const userStore = useUserStore() @@ -163,6 +168,7 @@ // 鏌ヨ鍒楄〃 const getList = () => { + showLoadingToast('鍔犺浇涓�...') const params = { current: -1, size: -1, @@ -172,11 +178,26 @@ .then((res) => { // 濡傛灉res.data涓嶆槸鏁扮粍锛岃缃负绌烘暟缁� upkeepList.value = res.records || res.data?.records || [] + closeToast() }) .catch(() => { + closeToast() showToast('鑾峰彇鏁版嵁澶辫触') }) } + +// 鏄剧ず鍔犺浇鎻愮ず +const showLoadingToast = (message) => { + uni.showLoading({ + title: message, + mask: true + }); +}; + +// 鍏抽棴鎻愮ず +const closeToast = () => { + uni.hideLoading(); +}; // 鍒囨崲閫夋嫨鐘舵�� const toggleSelection = (item) => { @@ -435,4 +456,19 @@ .action-btn { flex: 1; } + +.fab-button { + position: fixed; + bottom: calc(30px + env(safe-area-inset-bottom)); + right: 30px; + width: 56px; + height: 56px; + background: #667eea; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3); + z-index: 1000; +} </style> \ No newline at end of file -- Gitblit v1.9.3