From 5f30a1fa4196ec76578f933a437c1bfb4dc8f377 Mon Sep 17 00:00:00 2001
From: fengerli <528575642@qq.com>
Date: Sat, 5 Jul 2025 17:45:52 +0800
Subject: [PATCH] =?UTF-8?q?APP=E7=94=A8=E6=88=B7=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/userApp/index.ts               |  23 ++++
 src/api/userApp/types.ts               |   0
 src/assets/images/kfz.png              | Bin 0 -> 11251 bytes
 src/views/appUser/index.vue            | 147 +++++++++++++++++++++++++
 src/views/appUser/user-info-dialog.vue | 147 +++++++++++++++++++++++++
 src/views/index.vue                    |  25 ++++-
 6 files changed, 336 insertions(+), 6 deletions(-)
 create mode 100644 src/api/userApp/index.ts
 create mode 100644 src/api/userApp/types.ts
 create mode 100644 src/assets/images/kfz.png
 create mode 100644 src/views/appUser/index.vue
 create mode 100644 src/views/appUser/user-info-dialog.vue

diff --git a/src/api/userApp/index.ts b/src/api/userApp/index.ts
new file mode 100644
index 0000000..ea99873
--- /dev/null
+++ b/src/api/userApp/index.ts
@@ -0,0 +1,23 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+/**
+ * 查询设备列表
+ * @param query
+ */
+export const userList = (params): AxiosPromise => {
+  return request({
+    url: '/app/user/list',
+    method: 'get',
+    params
+  });
+};
+// 绑定设备列表
+export const deviceList = (params): AxiosPromise => {
+  return request({
+    url: '/api/app/device',
+    method: 'get',
+    params
+  });
+};
+
+export default { userList,deviceList }
\ No newline at end of file
diff --git a/src/api/userApp/types.ts b/src/api/userApp/types.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/images/kfz.png b/src/assets/images/kfz.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1dd41f60669420852c6c39e05a9579184044636
GIT binary patch
literal 11251
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
ZqK%q6i35Jqz!Wc$hN`YgxzfYn{{_MrGLHZN

literal 0
HcmV?d00001

diff --git a/src/views/appUser/index.vue b/src/views/appUser/index.vue
new file mode 100644
index 0000000..15ee0e4
--- /dev/null
+++ b/src/views/appUser/index.vue
@@ -0,0 +1,147 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter"
+      :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+            <el-form-item label="APP账号" prop="username">
+              <el-input v-model="queryParams.username" placeholder="请输入APP账号" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="账号状态" prop="enabled">
+              <el-select v-model="queryParams.enabled" clearable placeholder="账号状态" style="width: 120px"
+                class="filter-item">
+                <el-option label="启用" :value="true" />
+                <el-option label="禁用" :value="false" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="hover">
+      <el-table ref="operLogTableRef" v-loading="loading" :data="operlogList" border>
+        <el-table-column label="APP账号" align="center" prop="userName" />
+        <el-table-column label="账号状态" align="center" prop="status">
+          <template #default="scope">
+            <el-switch v-model="scope.row.status" active-color="#409EFF" inactive-color="#F56C6C" />
+          </template>
+          <!-- @change="handleStatusChange(scope.row)"  -->
+        </el-table-column>
+
+        <el-table-column label="创建时间" align="center" prop="loginDate" width="180">
+          <template #default="scope">
+            <span>{{ proxy.parseTime(scope.row.loginDate) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="center">
+          <template #default="scope">
+            <el-tooltip content="查看绑定设备" placement="top">
+              <el-button link type="primary" icon="View" @click="handleView(scope.row)"> </el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+        :total="total" @pagination="getList" />
+    </el-card>
+    <!-- 操作日志详细 -->
+    <userInfoDialog ref="userInfoDialogRef" />
+  </div>
+</template>
+
+<script setup name="userApp" lang="ts">
+import api from '@/api/userApp';
+import { OperLogQuery } from '@/api/monitor/operlog/types';
+import UserInfoDialog from './user-info-dialog.vue';
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const operlogList = ref([]);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<number | string>>([]);
+const total = ref(0);
+const userInfoDialogRef = ref<ElTableInstance>();
+const queryFormRef = ref<ElFormInstance>();
+
+const data = reactive<PageData<OperLogForm, OperLogQuery>>({
+  form: {
+    operId: undefined,
+    tenantId: undefined,
+    title: '',
+    businessType: 0,
+    businessTypes: undefined,
+    method: '',
+    requestMethod: '',
+    operatorType: 0,
+    operName: '',
+    deptName: '',
+    operUrl: '',
+    operIp: '',
+    operLocation: '',
+    operParam: '',
+    jsonResult: '',
+    status: 0,
+    errorMsg: '',
+    operTime: '',
+    costTime: 0
+  },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    username: '',
+    enabled: ''
+  },
+  rules: {}
+});
+
+const { queryParams, form } = toRefs(data);
+
+/** 查询登录日志 */
+const getList = async () => {
+  loading.value = true;
+  const res = await api.userList(queryParams.value);
+  operlogList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  queryParams.value.pageNum = 1;
+};
+/** 详细按钮操作 */
+const handleView = (row: any) => {
+  userInfoDialogRef.value.openDialog(row);
+};
+const handleStatusChange = (row) => {
+  const text = row.enabled ? '启用' : '禁用'
+  proxy?.$modal.confirm('此操作将 "' + text + '" ' + row.username + ', 是否继续?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    crudAppUser.edit(row).then(res => {
+      proxy?.$modal.msgSuccess(text + '成功')
+    }).catch(() => {
+      row.enabled = !row.enabled
+    })
+  }).catch(() => {
+    row.enabled = !row.enabled
+  })
+};
+  onMounted(() => {
+    getList();
+  });
+</script>
diff --git a/src/views/appUser/user-info-dialog.vue b/src/views/appUser/user-info-dialog.vue
new file mode 100644
index 0000000..492f1e6
--- /dev/null
+++ b/src/views/appUser/user-info-dialog.vue
@@ -0,0 +1,147 @@
+<template>
+  <el-dialog v-model="open" title="绑定设备列表" width="50%" append-to-body close-on-click-modal @closed="info = null">
+    <!-- 搜索栏 -->
+    <div class="head-container">
+      <el-input v-model="queryParams.deviceName" clearable placeholder="请输入设备名称" style="width: 200px;"
+        class="filter-item" />
+      <el-input v-model="queryParams.deviceMac" clearable placeholder="请输入设备MAC" style="width: 200px;"
+        class="filter-item" />
+      <el-input v-model="queryParams.deviceImei" clearable placeholder="请输入设备IMEI" style="width: 200px;"
+        class="filter-item" />
+      <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+      <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+    </div>
+    <!-- 表格 -->
+    <el-table v-loading="bindingLoading" :data="boundDevices" style="width: 100%; margin-top: 20px;" height="400">
+      <el-table-column prop="deviceName" label="设备名称" />
+      <el-table-column prop="devicePic" label="设备图片">
+        <template #default="scope">
+          <el-image style="width: 40px; height: 40px" :src="scope.row.devicePic"
+            :preview-src-list="[scope.row.devicePic]" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="deviceMac" label="设备MAC" />
+      <el-table-column prop="deviceImei" label="设备IMEI" />
+      <el-table-column prop="deviceTypeName" label="设备类型" />
+      <el-table-column prop="deviceStatus" label="状态">
+        <template #default="scope">
+          <span>{{ scope.row.deviceStatus === 1 ? '正常' : '失效' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" label="绑定日期" />
+      <el-table-column label="操作" width="100" align="center">
+        <template #default="scope">
+          <el-button type="danger" plain @click="handleUnbind(scope.row)">解绑</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+      :total="total" @pagination="getList" />
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import type { OperLogForm } from '@/api/monitor/operlog/types';
+import 'vue-json-pretty/lib/styles.css';
+import api from '@/api/userApp';
+const open = ref(false);
+const info = ref<OperLogForm | null>(null);
+const total = ref(0);
+const boundDevices = ref()
+const bindingLoading = ref(true)
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  deviceName: '',
+  deviceMac: '',
+  deviceImei: ''
+})
+function openDialog(row: OperLogForm) {
+  info.value = row;
+  open.value = true;
+  getList();
+}
+
+function closeDialog() {
+  open.value = false;
+};
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNum = 1;
+  getList();
+};
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryParams.pageNum = 1;
+};
+// 列表
+const getList = async () => {
+  bindingLoading.value = true;
+  const res = await api.deviceList(queryParams);
+  boundDevices.value = res.rows;
+  total.value = res.total;
+  bindingLoading.value = false;
+};
+const handleUnbind = (row) => {
+  proxy?.$modal.confirm.confirm('此操作将解绑设备 "' + row.deviceName + '", 是否继续?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    const data = {
+      deviceMac: row.deviceMac,
+      customerId: info.value.id
+    }
+    api.deviceList(data).then(() => {
+      proxy?.$modal.msgSuccess({ type: 'success', message: '解绑成功!' })
+      getList()
+    })
+  }).catch(() => { })
+}
+defineExpose({
+  openDialog,
+  closeDialog
+});
+
+/**
+ * json转为对象
+ * @param data 原始数据
+ */
+function formatToJsonObject(data: string) {
+  try {
+    return JSON.parse(data);
+  } catch (error) {
+    return data;
+  }
+}
+
+/**
+ * 字典信息
+ */
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { sys_oper_type } = toRefs<any>(proxy?.useDict('sys_oper_type'));
+const typeFormat = (row: OperLogForm) => {
+  return proxy?.selectDictLabel(sys_oper_type.value, row.businessType);
+};
+</script>
+
+<style lang="scss" scoped>
+/**
+label宽度固定
+*/
+:deep(.el-descriptions__label) {
+  min-width: 100px;
+}
+
+/**
+文字超过 换行显示
+*/
+:deep(.el-descriptions__content) {
+  max-width: 300px;
+}
+
+.filter-item {
+  margin-right: 10px;
+}
+</style>
diff --git a/src/views/index.vue b/src/views/index.vue
index 03c08f4..5035034 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,23 +1,36 @@
 <template>
   <div class="app-container home">
     <el-row :gutter="20">
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-      </el-col>
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
+      <el-col :sm="24" :lg="12">
+        <div class="kfzIMG">
+          <img src="@/assets/images/kfz.png" alt="" class="kfIMG">
+          <p>功能开发中....敬请期待</p>
+        </div>
       </el-col>
+
     </el-row>
     <el-divider />
   </div>
 </template>
 
 <script setup name="Index" lang="ts">
-const goTarget = (url: string) => {
-  window.open(url, '__blank');
-};
 </script>
 
 <style lang="scss" scoped>
 .home {
+  .kfzIMG {
+    left: 50%;
+    top: 50%;
+    position: absolute;
+    transform: translate(-50%, 100%);
+    text-align: center;
+  }
 
+  .kfIMG {
+    width: 60%;
+  }
+}
+.el-divider--horizontal{
+  border: none;
 }
 </style>