From 1b0f71b9dbbf1d347a55e17b6ad8186b2d383ecc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=A4=AA=E9=98=B3?=
 <5388403+zhaotaiyang@user.noreply.gitee.com>
Date: Wed, 8 Apr 2026 22:24:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=BA=97=E9=93=BA=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E9=A1=B5=E9=9D=A2=E4=BB=A5=E5=8F=8A=E5=AF=B9=E6=8E=A5?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=EF=BC=88=E6=96=B0=E5=A2=9E=E5=92=8C=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/device.js               |  24 +++
 manifest.json               |   2 +-
 package_a/device/device.vue | 406 ++++++++++++++++++++++++++++++++++++
 pages.json                  |   1 +
 pages/index.vue             |   6 +
 5 files changed, 438 insertions(+), 1 deletion(-)
 create mode 100644 api/device.js
 create mode 100644 package_a/device/device.vue

diff --git a/api/device.js b/api/device.js
new file mode 100644
index 0000000..3dfb29f
--- /dev/null
+++ b/api/device.js
@@ -0,0 +1,24 @@
+import request from '@/utils/request'
+import config from '@/config'
+
+const baseUrl = 'http://193.112.94.36:8081'
+
+// 添加设备
+export function addDevice(data) {
+  return request({
+    baseUrl: baseUrl,
+    url: '/mall/device/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取设备列表
+export function getDeviceList(storeId) {
+  return request({
+    baseUrl: baseUrl,
+    url: `/mall/device/getDevice/${storeId}`,
+    method: 'get'
+  })
+}
+
diff --git a/manifest.json b/manifest.json
index afd0a1b..1729a0c 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
     "name" : "海驰24",
-    "appid" : "__UNI__F8B45C3",
+    "appid" : "__UNI__C30329B",
     "description" : "111",
     "versionName" : "1.2.6",
     "versionCode" : 106,
diff --git a/package_a/device/device.vue b/package_a/device/device.vue
new file mode 100644
index 0000000..3d9eb0a
--- /dev/null
+++ b/package_a/device/device.vue
@@ -0,0 +1,406 @@
+<template>
+	<view class="container">
+		<!-- 设备列表 -->
+		<scroll-view scroll-y class="device-list">
+			<view class="empty-state" v-if="deviceList.length === 0 && !loading">
+				<text class="empty-text">暂无设备</text>
+			</view>
+			<view class="device-item" v-for="(item, index) in deviceList" :key="index">
+				<view class="device-header">
+					<text class="device-name">{{ item.deviceName }}</text>
+					<text class="device-id">ID: {{ item.deviceCode || item.id }}</text>
+				</view>
+				<view class="device-info">
+					<view class="info-row">
+						<text class="label">设备品牌：</text>
+						<text class="value">{{ item.deviceBrand || '-' }}</text>
+					</view>
+					<view class="info-row">
+						<text class="label">设备型号：</text>
+						<text class="value">{{ item.deviceModel || '-' }}</text>
+					</view>
+				</view>
+			</view>
+			<view v-if="loading" class="loading">
+				<text>加载中...</text>
+			</view>
+		</scroll-view>
+
+		<!-- 悬浮新增按钮 -->
+		<view class="fab-button" @click="openAddDialog">
+			<uni-icons type="plus" size="24" color="#fff"></uni-icons>
+<!--			<text class="fab-text">新增</text>-->
+		</view>
+
+		<!-- 新增弹窗 -->
+		<uni-popup ref="addPopup" type="center" :mask-click="false">
+			<view class="dialog-content">
+				<view class="dialog-title">新增设备</view>
+
+				<scroll-view scroll-y class="form-container">
+					<view class="form-item">
+						<text class="form-label"><text class="required">*</text>设备编号</text>
+						<input class="form-input" v-model="form.deviceCode" placeholder="请输入设备编号/ID" />
+					</view>
+
+					<view class="form-item">
+						<text class="form-label"><text class="required">*</text>设备名称</text>
+						<input class="form-input" v-model="form.deviceName" placeholder="请输入设备名称" />
+					</view>
+
+					<view class="form-item">
+						<text class="form-label"><text class="required">*</text>设备类型</text>
+						<picker class="form-picker" @change="onTypeChange" :value="typeIndex" :range="deviceTypes" range-key="label">
+							<view class="picker-value">{{ typeIndex !== -1 ? deviceTypes[typeIndex].label : '请选择设备类型' }}</view>
+						</picker>
+					</view>
+
+					<view class="form-item">
+						<text class="form-label">设备品牌</text>
+						<input class="form-input" v-model="form.deviceBrand" placeholder="请输入设备品牌" />
+					</view>
+
+					<view class="form-item">
+						<text class="form-label">设备型号</text>
+						<input class="form-input" v-model="form.deviceModel" placeholder="请输入设备型号" />
+					</view>
+
+					<view class="form-item">
+						<text class="form-label">备注</text>
+						<textarea class="form-textarea" v-model="form.remark" placeholder="请输入备注信息"></textarea>
+					</view>
+				</scroll-view>
+
+				<view class="dialog-footer">
+					<button class="btn btn-cancel" @click="closeAddDialog">取消</button>
+					<button class="btn btn-confirm" @click="submitAdd" :loading="submitting">确定</button>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+import { addDevice, getDeviceList } from '@/api/device'
+import { getStoreId } from '@/utils/auth'
+
+export default {
+	data() {
+		return {
+			storeId: null,
+			deviceList: [],
+			loading: false,
+			submitting: false,
+
+			// 设备类型：1-摄像头 2-扫码枪 3-打印机 4-收银机
+			deviceTypes: [
+				{ label: '摄像头', value: 1 },
+				{ label: '扫码枪', value: 2 },
+				{ label: '打印机', value: 3 },
+				{ label: '收银机', value: 4 }
+			],
+			typeIndex: -1,
+
+			form: {
+				deviceCode: '',
+				deviceName: '',
+				deviceType: '',
+				deviceBrand: '',
+				deviceModel: '',
+				remark: ''
+			}
+		}
+	},
+	onLoad() {
+		this.storeId = getStoreId();
+		if (!this.storeId) {
+			uni.showToast({
+				title: '未获取到门店信息，请重新登录',
+				icon: 'none'
+			});
+			setTimeout(() => {
+				uni.navigateBack();
+			}, 1500);
+			return;
+		}
+		this.fetchDeviceList();
+	},
+	methods: {
+		goBack() {
+			uni.navigateBack();
+		},
+		fetchDeviceList() {
+			this.loading = true;
+			getDeviceList(this.storeId).then(res => {
+				if (res.code === 200) {
+					this.deviceList = res.data || [];
+				} else {
+					uni.showToast({
+						title: res.msg || '获取设备列表失败',
+						icon: 'none'
+					});
+				}
+			}).catch(err => {
+				console.error(err);
+				uni.showToast({
+					title: '获取失败，请重试',
+					icon: 'none'
+				});
+			}).finally(() => {
+				this.loading = false;
+			});
+		},
+		openAddDialog() {
+			// 重置表单
+			this.form = {
+				deviceCode: '',
+				deviceName: '',
+				deviceType: '',
+				deviceBrand: '',
+				deviceModel: '',
+				remark: ''
+			};
+			this.typeIndex = -1;
+			this.$refs.addPopup.open();
+		},
+		closeAddDialog() {
+			this.$refs.addPopup.close();
+		},
+		onTypeChange(e) {
+			this.typeIndex = e.detail.value;
+			this.form.deviceType = this.deviceTypes[this.typeIndex].value;
+		},
+		submitAdd() {
+			if (!this.form.deviceCode) {
+				return uni.showToast({ title: '请输入设备编号', icon: 'none' });
+			}
+			if (!this.form.deviceName) {
+				return uni.showToast({ title: '请输入设备名称', icon: 'none' });
+			}
+			if (!this.form.deviceType) {
+				return uni.showToast({ title: '请选择设备类型', icon: 'none' });
+			}
+
+			this.submitting = true;
+			const submitData = {
+				...this.form,
+				storeId: this.storeId
+			};
+
+			addDevice(submitData).then(res => {
+				if (res.code === 200) {
+					uni.showToast({ title: '添加成功', icon: 'success' });
+					this.closeAddDialog();
+					this.fetchDeviceList();
+				} else {
+					uni.showToast({ title: res.msg || '添加失败', icon: 'none' });
+				}
+			}).catch(err => {
+				console.error(err);
+				uni.showToast({ title: '网络错误，添加失败', icon: 'none' });
+			}).finally(() => {
+				this.submitting = false;
+			});
+		}
+	}
+}
+</script>
+
+<style scoped lang="scss">
+.container {
+	min-height: 100vh;
+	background-color: #f5f5f5;
+	display: flex;
+	flex-direction: column;
+	position: relative;
+}
+
+.device-list {
+	flex: 1;
+	padding: 20rpx;
+}
+
+.device-item {
+	background-color: #fff;
+	border-radius: 12rpx;
+	padding: 24rpx;
+	margin-bottom: 20rpx;
+}
+
+.device-header {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 16rpx;
+	padding-bottom: 16rpx;
+	border-bottom: 1rpx solid #eee;
+}
+
+.device-name {
+	font-size: 32rpx;
+	font-weight: bold;
+	color: #333;
+}
+
+.device-id {
+	font-size: 24rpx;
+	color: #999;
+}
+
+.device-info {
+	display: flex;
+	flex-direction: column;
+	gap: 12rpx;
+}
+
+.info-row {
+	display: flex;
+	font-size: 26rpx;
+}
+
+.info-row .label {
+	color: #666;
+	width: 140rpx;
+}
+
+.info-row .value {
+	color: #333;
+	flex: 1;
+}
+
+.empty-state {
+	padding: 100rpx 0;
+	text-align: center;
+}
+
+.empty-text {
+	color: #999;
+	font-size: 28rpx;
+}
+
+.loading {
+	text-align: center;
+	padding: 30rpx;
+	color: #999;
+	font-size: 28rpx;
+}
+
+/* 悬浮按钮样式 */
+.fab-button {
+	position: fixed;
+	right: 40rpx;
+	bottom: 100rpx;
+	width: 60rpx;
+	height: 60rpx;
+	background-color: #e62318;
+	border-radius: 50%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 4rpx 12rpx rgba(230, 35, 24, 0.4);
+	z-index: 99;
+}
+
+.fab-text {
+	color: #fff;
+	font-size: 22rpx;
+	margin-top: 4rpx;
+}
+
+/* 弹窗样式 */
+.dialog-content {
+	background-color: #fff;
+	width: 650rpx;
+	border-radius: 16rpx;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+	max-height: 80vh;
+}
+
+.dialog-title {
+	font-size: 32rpx;
+	font-weight: bold;
+	text-align: center;
+	padding: 30rpx 0;
+	border-bottom: 1px solid #eee;
+}
+
+.form-container {
+	padding: 30rpx;
+	max-height: 60vh;
+}
+
+.form-item {
+	margin-bottom: 24rpx;
+}
+
+.form-label {
+	display: block;
+	font-size: 28rpx;
+	color: #333;
+	margin-bottom: 12rpx;
+}
+
+.required {
+	color: #e62318;
+	margin-right: 4rpx;
+}
+
+.form-input, .form-picker {
+	width: 100%;
+	height: 72rpx;
+	border: 1px solid #ddd;
+	border-radius: 8rpx;
+	padding: 0 20rpx;
+	font-size: 26rpx;
+	box-sizing: border-box;
+}
+.form-picker {
+	display: flex;
+	align-items: center;
+}
+.picker-value {
+	flex: 1;
+}
+
+.form-textarea {
+	width: 100%;
+	height: 160rpx;
+	border: 1px solid #ddd;
+	border-radius: 8rpx;
+	padding: 20rpx;
+	font-size: 26rpx;
+	box-sizing: border-box;
+}
+
+.dialog-footer {
+	display: flex;
+	border-top: 1px solid #eee;
+}
+
+.btn {
+	flex: 1;
+	height: 88rpx;
+	line-height: 88rpx;
+	text-align: center;
+	font-size: 30rpx;
+	border: none;
+	border-radius: 0;
+	background-color: #fff;
+}
+
+.btn::after {
+	border: none;
+}
+
+.btn-cancel {
+	color: #666;
+	border-right: 1px solid #eee;
+}
+
+.btn-confirm {
+	color: #e62318;
+}
+</style>
diff --git a/pages.json b/pages.json
index ef163c4..f71c299 100644
--- a/pages.json
+++ b/pages.json
@@ -30,6 +30,7 @@
     {
       "root": "package_a",
       "pages": [
+        { "path": "device/device", "style": { "navigationBarTitleText": "店铺设备" } },
         { "path": "product/product", "style": { "navigationBarTitleText": "" } },
         { "path": "translation/translation", "style": { "navigationBarTitleText": "录入清单" } },
         { "path": "addProduct/addProduct", "style": { "navigationBarTitleText": "" } },
diff --git a/pages/index.vue b/pages/index.vue
index 6851ba8..82d5d6c 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -320,6 +320,12 @@ export default {
       this.selectedShop = type;
     },
     navigateTo(page) {
+      if (page === '店铺设备') {
+        uni.navigateTo({
+          url: '/package_a/device/device'
+        });
+        return;
+      }
       uni.showToast({
         title: `跳转到${page}`,
         icon: 'none'