From 3bb989405ac1f63f998631e9ea025bbd34f06283 Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Tue, 12 Aug 2025 18:16:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=B0=8F=E7=A8=8B=E5=BA=8F=E4=BA=8C?=
 =?UTF-8?q?=E7=BB=B4=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.local                              |   4 +-
 .vscode/settings.json                   |   4 +-
 src/api/product/device/index.ts         |   5 +
 src/views/mall/device/index.vue         | 114 +++++--------------
 src/views/mall/product/device/index.vue | 145 +++++++++++-------------
 5 files changed, 101 insertions(+), 171 deletions(-)

diff --git a/.env.local b/.env.local
index d773534b..6464462f 100644
--- a/.env.local
+++ b/.env.local
@@ -2,8 +2,8 @@
 NODE_ENV=development
 VITE_DEV=true
 # 请求路径
-VITE_BASE_URL= http://116.148.200.224:48089
-# VITE_BASE_URL= http://127.0.0.1:8089
+# VITE_BASE_URL= http://116.148.200.224:48089
+VITE_BASE_URL= http://127.0.0.1:8089
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持 S3 服务
 VITE_UPLOAD_TYPE=server
diff --git a/.vscode/settings.json b/.vscode/settings.json
index f145f386..31a74384 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -62,7 +62,7 @@
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[typescript]": {
-    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
+    "editor.defaultFormatter": "vscode.typescript-language-features"
   },
   "[typescriptreact]": {
     "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
@@ -87,7 +87,7 @@
     "source.fixAll.stylelint": "explicit"
   },
   "[vue]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "vscode.typescript-language-features"
   },
   "i18n-ally.localesPaths": ["src/locales"],
   "i18n-ally.keystyle": "nested",
diff --git a/src/api/product/device/index.ts b/src/api/product/device/index.ts
index 4cb4af87..c7c9fb70 100644
--- a/src/api/product/device/index.ts
+++ b/src/api/product/device/index.ts
@@ -31,6 +31,11 @@ export const DeviceApi = {
     return await request.put({ url: `/product/device/update`, data })
   },
 
+  // 修改贩卖机信息
+  refreshWechantCode: async (params: any) => {
+    return await request.get({ url: `/product/device/refresh-wechat-code`, params })
+  },
+
   // 删除贩卖机信息
   deleteDevice: async (id: number) => {
     return await request.delete({ url: `/product/device/delete?id=` + id })
diff --git a/src/views/mall/device/index.vue b/src/views/mall/device/index.vue
index 20d9b47c..af0ef1ab 100644
--- a/src/views/mall/device/index.vue
+++ b/src/views/mall/device/index.vue
@@ -1,78 +1,40 @@
 <template>
   <ContentWrap>
     <!-- 搜索工作栏 -->
-    <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="68px"
-    >
+    <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
       <el-form-item label="设备名称" prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入设备名称"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+        <el-input v-model="queryParams.name" placeholder="请输入设备名称" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="设备IMEI" prop="deviceId">
-        <el-input
-          v-model="queryParams.deviceId"
-          placeholder="请输入设备IMEI"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+        <el-input v-model="queryParams.deviceId" placeholder="请输入设备IMEI" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="访问商品地址" prop="productUrl">
-        <el-input
-          v-model="queryParams.productUrl"
-          placeholder="请输入访问商品地址"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+        <el-input v-model="queryParams.productUrl" placeholder="请输入访问商品地址" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="文件地址" prop="fileUrl">
-        <el-input
-          v-model="queryParams.fileUrl"
-          placeholder="请输入文件地址"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+        <el-input v-model="queryParams.fileUrl" placeholder="请输入文件地址" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
+        <el-date-picker v-model="queryParams.createTime" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
+          start-placeholder="开始日期" end-placeholder="结束日期"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-220px" />
       </el-form-item>
       <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
-          type="primary"
-          plain
-          @click="openForm('create')"
-          v-hasPermi="['product:device:create']"
-        >
+        <el-button @click="handleQuery">
+          <Icon icon="ep:search" class="mr-5px" /> 搜索
+        </el-button>
+        <el-button @click="resetQuery">
+          <Icon icon="ep:refresh" class="mr-5px" /> 重置
+        </el-button>
+        <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['product:device:create']">
           <Icon icon="ep:plus" class="mr-5px" /> 新增
         </el-button>
-        <el-button
-          type="success"
-          plain
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['product:device:export']"
-        >
+        <el-button type="success" plain @click="handleExport" :loading="exportLoading"
+          v-hasPermi="['product:device:export']">
           <Icon icon="ep:download" class="mr-5px" /> 导出
         </el-button>
       </el-form-item>
@@ -87,41 +49,21 @@
       <el-table-column label="设备IMEI" align="center" prop="deviceId" />
       <el-table-column label="访问商品地址" align="center" prop="productUrl" />
       <el-table-column label="文件地址" align="center" prop="fileUrl" />
-      <el-table-column
-        label="创建时间"
-        align="center"
-        prop="createTime"
-        :formatter="dateFormatter"
-        width="180px"
-      />
+      <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
       <el-table-column label="操作" align="center" min-width="120px">
-        <template #default="scope">
-          <el-button
-            link
-            type="primary"
-            @click="openForm('update', scope.row.id)"
-            v-hasPermi="['product:device:update']"
-          >
+        <template #default="{ row }">
+          <el-button link type="primary" @click="openForm('update', row.id)" v-hasPermi="['product:device:update']">
             编辑
           </el-button>
-          <el-button
-            link
-            type="danger"
-            @click="handleDelete(scope.row.id)"
-            v-hasPermi="['product:device:delete']"
-          >
+          <el-button link type="danger" @click="handleDelete(row.id)" v-hasPermi="['product:device:delete']">
             删除
           </el-button>
         </template>
       </el-table-column>
     </el-table>
     <!-- 分页 -->
-    <Pagination
-      :total="total"
-      v-model:page="queryParams.pageNo"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
+    <Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
+      @pagination="getList" />
   </ContentWrap>
 
   <!-- 表单弹窗：添加/修改 -->
@@ -195,7 +137,7 @@ const handleDelete = async (id: number) => {
     message.success(t('common.delSuccess'))
     // 刷新列表
     await getList()
-  } catch {}
+  } catch { }
 }
 
 /** 导出按钮操作 */
diff --git a/src/views/mall/product/device/index.vue b/src/views/mall/product/device/index.vue
index ea6be8ee..57bc0d44 100644
--- a/src/views/mall/product/device/index.vue
+++ b/src/views/mall/product/device/index.vue
@@ -1,78 +1,46 @@
 <template>
   <ContentWrap>
     <!-- 搜索工作栏 -->
-    <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="120px"
-    >
+    <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="120px">
       <el-form-item label="设备名称" prop="name">
         <el-input
-          v-model="queryParams.name"
-          placeholder="请输入设备名称"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+v-model="queryParams.name" placeholder="请输入设备名称" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="设备IMEI" prop="deviceId">
         <el-input
-          v-model="queryParams.deviceId"
-          placeholder="请输入设备IMEI"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+v-model="queryParams.deviceId" placeholder="请输入设备IMEI" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="访问商品地址" prop="productUrl">
         <el-input
-          v-model="queryParams.productUrl"
-          placeholder="请输入访问商品地址"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+v-model="queryParams.productUrl" placeholder="请输入访问商品地址" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="文件地址" prop="fileUrl">
         <el-input
-          v-model="queryParams.fileUrl"
-          placeholder="请输入文件地址"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+v-model="queryParams.fileUrl" placeholder="请输入文件地址" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="创建时间" prop="createTime">
         <el-date-picker
-          v-model="queryParams.createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
+v-model="queryParams.createTime" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
+          start-placeholder="开始日期" end-placeholder="结束日期"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-220px" />
       </el-form-item>
       <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
-          type="primary"
-          plain
-          @click="openForm('create')"
-          v-hasPermi="['product:device:create']"
-        >
+        <el-button @click="handleQuery">
+          <Icon icon="ep:search" class="mr-5px" /> 搜索
+        </el-button>
+        <el-button @click="resetQuery">
+          <Icon icon="ep:refresh" class="mr-5px" /> 重置
+        </el-button>
+        <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['product:device:create']">
           <Icon icon="ep:plus" class="mr-5px" /> 新增
         </el-button>
         <el-button
-          type="success"
-          plain
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['product:device:export']"
-        >
+type="success" plain @click="handleExport" :loading="exportLoading"
+          v-hasPermi="['product:device:export']">
           <Icon icon="ep:download" class="mr-5px" /> 导出
         </el-button>
       </el-form-item>
@@ -85,31 +53,22 @@
       <el-table-column label="表编号，自增" align="center" prop="id" />
       <el-table-column label="设备名称" align="center" prop="name" />
       <el-table-column label="设备IMEI" align="center" prop="deviceId" />
-      <el-table-column label="访问商品地址" align="center" prop="productUrl" />
-      <el-table-column label="文件地址" align="center" prop="fileUrl" />
-      <el-table-column
-        label="创建时间"
-        align="center"
-        prop="createTime"
-        :formatter="dateFormatter"
-        width="180px"
-      />
+      <el-table-column label="访问商品地址" width="250" align="center" prop="productUrl" />
+      <el-table-column label="文件地址" align="center" prop="fileUrl">
+        <template #default="{ row }">
+          <el-image :src="row.fileUrl" class="mr-10px h-30px w-30px" @click="imagePreview(row.fileUrl)" />
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
       <el-table-column label="操作" align="center" min-width="120px">
-        <template #default="scope">
-          <el-button
-            link
-            type="primary"
-            @click="openForm('update', scope.row.id)"
-            v-hasPermi="['product:device:update']"
-          >
+        <template #default="{ row }">
+          <el-button link type="primary" @click="refreshWechatCode(row)">
+            刷新小程序二维码
+          </el-button>
+          <el-button link type="primary" @click="openForm('update', row.id)" v-hasPermi="['product:device:update']">
             编辑
           </el-button>
-          <el-button
-            link
-            type="danger"
-            @click="handleDelete(scope.row.id)"
-            v-hasPermi="['product:device:delete']"
-          >
+          <el-button link type="danger" @click="handleDelete(row.id)" v-hasPermi="['product:device:delete']">
             删除
           </el-button>
         </template>
@@ -117,11 +76,8 @@
     </el-table>
     <!-- 分页 -->
     <Pagination
-      :total="total"
-      v-model:page="queryParams.pageNo"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
+:total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
+      @pagination="getList" />
   </ContentWrap>
 
   <!-- 表单弹窗：添加/修改 -->
@@ -133,6 +89,7 @@ import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { DeviceApi, DeviceVO } from '@/api/product/device'
 import DeviceForm from './DeviceForm.vue'
+import { createImageViewer } from '@/components/ImageViewer'
 
 /** 贩卖机信息 列表 */
 defineOptions({ name: 'Device' })
@@ -185,6 +142,32 @@ const openForm = (type: string, id?: number) => {
   formRef.value.open(type, id)
 }
 
+// 查看图片
+const imagePreview = (imgUrl: string) => {
+  createImageViewer({
+    zIndex: 9999999,
+    urlList: [imgUrl]
+  })
+}
+
+const refreshWechatCode = async (row: any) => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '刷新中...',
+    background: 'rgba(0, 0, 0, 0.7)',
+  })
+  try {
+    const data = await DeviceApi.refreshWechantCode({ id: row.id })
+    if (!data) throw new Error()
+    getList()
+    loading.close()
+    message.success("刷新小程序二维码成功")
+  } catch (error: any) {
+    loading.close()
+    console.log("refreshWechatCodeL:", error);
+  }
+}
+
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {
   try {
@@ -195,7 +178,7 @@ const handleDelete = async (id: number) => {
     message.success(t('common.delSuccess'))
     // 刷新列表
     await getList()
-  } catch {}
+  } catch { }
 }
 
 /** 导出按钮操作 */