no message

src/router/index.js

@@ -48,7 +48,12 @@ export const constantRoutes = [
     hidden: true,
   },
   {
-    path: "/:pathMatch(.*)*",
+    path: "/wifi",
+    component: () => import("@/views/wifi"),
+    hidden: true
+  },
+  {
+    path: "/:pathMatch(.*)*", 
     component: () => import("@/views/error/404"),
     hidden: true,
   },
@@ -164,12 +169,14 @@ export const dynamicRoutes = [
     component: Layout,
     hidden: true,
     permissions: ["content:setting:list"],
-    children: [{
-      path: "setting/detail",
-      component: () => import("@/views/content/setting/detail"),
-      name: 'settingDetail',
-      meta: { title: '设定详情', activeMenu: "/content/setting"}
-    }]
+    children: [
+      {
+        path: "setting/detail",
+        component: () => import("@/views/content/setting/detail"),
+        name: "settingDetail",
+        meta: { title: "设定详情", activeMenu: "/content/setting" },
+      },
+    ],
   },
   // 场景预设
   {
@@ -177,26 +184,15 @@ export const dynamicRoutes = [
     component: Layout,
     hidden: true,
     permissions: ["content:scene:list"],
-    children: [{
-      path: "scene/detail",
-      component: () => import("@/views/content/scene/detail"),
-      name: "sceneDetail",
-      meta: { title: '预设详情', activeMenu: "/content/scene" }
-    }]
-  },
-  // 门店设备
-  {
-    path: '/store',
-    component: Layout,
-    hidden: true,
-    permissions: ["store:devices:list"],
-    children: [{
-      path: "devices/detail",
-      component: () => import("@/views/store/devices/detail"),
-      name: "deviceDetail",
-      meta: { title: 'WIFI配网', activeMenu: "/store/devices"}
-    }]
-  }
+    children: [
+      {
+        path: "scene/detail",
+        component: () => import("@/views/content/scene/detail"),
+        name: "sceneDetail",
+        meta: { title: "预设详情", activeMenu: "/content/scene" },
+      },
+    ],
+  },
 ];
 
 const router = createRouter({

src/views/store/devices/detail.vue

@@ -1,75 +0,0 @@
-<template>
-  <div class='app-container'>
-    <el-row>
-      <el-col :xs="24" :sm="10" :md="8" :lg="8" :xl="6">
-        <el-form label-width="100px" :model="data.form" ref="form" :rules="data.rules">
-          <el-form-item label="wifi名称：" prop="wifiName">
-            <el-input v-model="data.form.wifiName" placeholder="请输入wifi名称" />
-          </el-form-item>
-          <el-form-item label="wifi密码：" prop="wifiPwd">
-            <el-input v-model="data.form.wifiPwd" placeholder="请输入wifi密码" />
-          </el-form-item>
-          <el-form-item label="设备ID：" prop="deviceMac">
-            <el-input v-model="data.form.deviceMac" placeholder="请输入设备ID" />
-          </el-form-item>
-          <el-form-item label="设备型号：" prop="clientType">
-            <el-input v-model="data.form.clientType" placeholder="请输入设备型号" />
-          </el-form-item>
-        </el-form>
-        <div :class="[deviceType === 'Mobile' ? '' : 'form-btn']">
-          <el-button :style="{ width: deviceType === 'Mobile' ? '100%' : '' }" type="primary"
-            @click="getSubmit">确定</el-button>
-        </div>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script setup>
-import { wifi } from '@/api/store/devices'
-
-const { proxy } = getCurrentInstance()
-
-const data = reactive({
-  // 表单
-  form: {},
-  // 
-  rules: {
-    wifiName: [{
-      required: true, message: '请输入wifi名称', trigger: 'bulr'
-    }],
-    wifiPwd: [{
-      required: true, message: '请输入wifi密码', trigger: 'bulr'
-    }],
-    deviceMac: [{
-      required: true, message: '请输入设备ID', trigger: 'bulr'
-    }],
-    clientType: [{
-      required: true, message: '请输入设备型号', trigger: 'bulr'
-    }]
-  }
-})
-
-const deviceType = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Mobile" : "Desktop";
-
-const getDetail = () => {
-  data.form = proxy.$route.query
-}
-getDetail()
-
-const getSubmit = () => {
-  proxy.$refs.form.validate((vaild) => {
-    if (vaild) {
-      wifi(data.form).then(res => {
-        if (res.code === 0) {
-          proxy.$modal.msgSuccess('配网成功！')
-          data.form = {}
-          proxy.$refs.form.resetFields()
-        }
-      })
-    } else {
-      return false
-    }
-  })
-}
-</script>

src/views/wifi.vue

@@ -0,0 +1,86 @@
+<template>
+  <div class='app-container'>
+    <div class="img">
+      <img src="@/assets/logo/logo.png" width="100" height="100" />
+    </div>
+    <el-form label-width="auto" :model="data.form" ref="form" :rules="data.rules">
+      <el-form-item label="wifi名称：" prop="wifiName">
+        <el-input v-model="data.form.wifiName" placeholder="请输入wifi名称" />
+      </el-form-item>
+      <el-form-item label="wifi密码：" prop="wifiPwd">
+        <el-input v-model="data.form.wifiPwd" placeholder="请输入wifi密码" />
+      </el-form-item>
+      <el-form-item label="设备ID：" prop="deviceMac">
+        <el-input v-model="data.form.deviceMac" placeholder="请输入设备ID" />
+      </el-form-item>
+      <el-form-item label="设备型号：" prop="clientType">
+        <el-input v-model="data.form.clientType" placeholder="请输入设备型号" />
+      </el-form-item>
+    </el-form>
+    <el-button type="primary" style="width: 100%;" @click="getSubmit">配网</el-button>
+  </div>
+</template>
+
+<script setup>
+import { wifi } from '@/api/store/devices'
+
+const { proxy } = getCurrentInstance()
+
+const data = reactive({
+  // 表单
+  form: {},
+  // 
+  rules: {
+    wifiName: [{
+      required: true, message: '请输入wifi名称', trigger: 'bulr'
+    }],
+    wifiPwd: [{
+      required: true, message: '请输入wifi密码', trigger: 'bulr'
+    }],
+    deviceMac: [{
+      required: true, message: '请输入设备ID', trigger: 'bulr'
+    }],
+    clientType: [{
+      required: true, message: '请输入设备型号', trigger: 'bulr'
+    }]
+  }
+})
+
+const getDetail = () => {
+  data.form = proxy.$route.query
+}
+getDetail()
+
+const getSubmit = () => {
+  proxy.$refs.form.validate((vaild) => {
+    if (vaild) {
+      wifi(data.form).then(res => {
+        if (res.code === 0) {
+          proxy.$modal.msgSuccess('配网成功！')
+          data.form = {}
+          proxy.$refs.form.resetFields()
+        }
+      })
+    } else {
+      return false
+    }
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .img {
+    padding: 50px 0;
+  }
+
+  .el-form {
+    flex: 1
+  }
+}
+</style>