| | |
| | | <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> |
| | |
| | | <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" |
| | |
| | | @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> |
| | |
| | | <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> |
| | | |
| | |
| | | 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() |
| | |
| | | .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> |