zianxin/xrhome-pc
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:小程序二维码

Browse Source
This commit is contained in:
dzc committed 2025-08-12 18:16:41 +08:00
1 parent b5e7ef10be
commit 3bb989405a
5 files changed
+101 -171
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

.env.local
+2 -2
View File
@@ -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
.vscode/settings.json
Vendored
+2 -2
View File
@@ -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",
src/api/product/device/index.ts
+5
View File
@@ -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 })
src/views/mall/device/index.vue
+28 -86
View File
@@ -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 { }
}
/** 导出按钮操作 */
src/views/mall/product/device/index.vue
+64 -81
View File
@@ -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 { }
}
/** 导出按钮操作 */