fix: 茅台预约，功能代码提交。
This commit is contained in:
tianyongbao
52
src/api/invest/iitem.js
Normal file
52
src/api/invest/iitem.js
Normal file
@@ -0,0 +1,52 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询预约项目列表
|
||||
export function listIitem(query) {
|
||||
return request({
|
||||
url: '/invest/iitem/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询预约项目详细
|
||||
export function getIitem(itemId) {
|
||||
return request({
|
||||
url: '/invest/iitem/' + itemId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增预约项目
|
||||
export function addIitem(data) {
|
||||
return request({
|
||||
url: '/invest/iitem',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改预约项目
|
||||
export function updateIitem(data) {
|
||||
return request({
|
||||
url: '/invest/iitem',
|
||||
method: 'put',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除预约项目
|
||||
export function delIitem(itemId) {
|
||||
return request({
|
||||
url: '/invest/iitem/' + itemId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
// 刷新i茅台预约商品列表
|
||||
export function refreshItem(itemId) {
|
||||
return request({
|
||||
url: '/invest/iitem/refresh',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
44
src/api/invest/ilog.js
Normal file
44
src/api/invest/ilog.js
Normal file
@@ -0,0 +1,44 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询操作日志列表
|
||||
export function listIlog(query) {
|
||||
return request({
|
||||
url: '/invest/ilog/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询操作日志详细
|
||||
export function getIlog(logId) {
|
||||
return request({
|
||||
url: '/invest/ilog/' + logId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增操作日志
|
||||
export function addIlog(data) {
|
||||
return request({
|
||||
url: '/invest/ilog',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改操作日志
|
||||
export function updateIlog(data) {
|
||||
return request({
|
||||
url: '/invest/ilog',
|
||||
method: 'put',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除操作日志
|
||||
export function delIlog(logId) {
|
||||
return request({
|
||||
url: '/invest/ilog/' + logId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
51
src/api/invest/ishop.js
Normal file
51
src/api/invest/ishop.js
Normal file
@@ -0,0 +1,51 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询门店列表列表
|
||||
export function listIshop(query) {
|
||||
return request({
|
||||
url: '/invest/ishop/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询门店列表详细
|
||||
export function getIshop(shopId) {
|
||||
return request({
|
||||
url: '/invest/ishop/' + shopId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增门店列表
|
||||
export function addIshop(data) {
|
||||
return request({
|
||||
url: '/invest/ishop',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改门店列表
|
||||
export function updateIshop(data) {
|
||||
return request({
|
||||
url: '/invest/ishop',
|
||||
method: 'put',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除门店列表
|
||||
export function delIshop(shopId) {
|
||||
return request({
|
||||
url: '/invest/ishop/' + shopId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
// i茅台商品
|
||||
export function refreshShop() {
|
||||
return request({
|
||||
url: '/invest/ishop/refresh',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
79
src/api/invest/iuser.js
Normal file
79
src/api/invest/iuser.js
Normal file
@@ -0,0 +1,79 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询用户管理列表
|
||||
export function listIuser(query) {
|
||||
return request({
|
||||
url: '/invest/iuser/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询用户管理详细
|
||||
export function getIuser(mobile) {
|
||||
return request({
|
||||
url: '/invest/iuser/' + mobile,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增用户管理
|
||||
export function addIuser(data) {
|
||||
return request({
|
||||
url: '/invest/iuser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改用户管理
|
||||
export function updateIuser(data) {
|
||||
return request({
|
||||
url: '/invest/iuser',
|
||||
method: 'put',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除用户管理
|
||||
export function delIuser(mobile) {
|
||||
return request({
|
||||
url: '/invest/iuser/' + mobile,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
// reservation
|
||||
export function reservation(mobile) {
|
||||
return request({
|
||||
url: '/invest/iuser/reservation',
|
||||
method: 'get',
|
||||
params: { mobile }
|
||||
})
|
||||
}
|
||||
//travelReward
|
||||
export function travelReward(mobile) {
|
||||
return request({
|
||||
url: '/invest/iuser/travelReward',
|
||||
method: 'get',
|
||||
params: { mobile }
|
||||
})
|
||||
}
|
||||
|
||||
// 发送验证码
|
||||
export function sendCode(mobile, deviceId) {
|
||||
return request({
|
||||
url: '/invest/iuser/sendCode',
|
||||
method: 'get',
|
||||
params: { mobile, deviceId }
|
||||
})
|
||||
}
|
||||
|
||||
// 查询I茅台用户列表
|
||||
export function login(mobile, code, deviceId) {
|
||||
return request({
|
||||
url: '/invest/iuser/login',
|
||||
method: 'get',
|
||||
params: { mobile, code, deviceId }
|
||||
})
|
||||
}
|
||||
115
src/views/invest/iitem/index.vue
Normal file
115
src/views/invest/iitem/index.vue
Normal file
@@ -0,0 +1,115 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div class="search-con">
|
||||
<div class="title">查询条件</div>
|
||||
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="150px">
|
||||
<el-form-item label="预约商品Code" prop="itemCode">
|
||||
<el-input v-model="queryParams.itemCode" placeholder="请输入预约商品Code" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="标题" prop="title">
|
||||
<el-input v-model="queryParams.title" placeholder="请输入标题" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="search-btn-con">
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-con">
|
||||
<div class="title-con">
|
||||
<div class="title">基本信息</div>
|
||||
<div class="operate-btn-con">
|
||||
<el-button @click="handleRefresh" icon="Refresh" v-hasPermi="['invest:iitem:add']">刷新商品</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-con" v-loading="loading">
|
||||
<el-table v-loading="loading" :data="iitemList" @selection-change="handleSelectionChange">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" /> -->
|
||||
<!-- <el-table-column label="商品id" align="center" prop="itemId" /> -->
|
||||
<el-table-column label="预约商品Code" width="120" align="center" prop="itemCode" />
|
||||
<el-table-column label="标题" align="center" prop="title" />
|
||||
<el-table-column label="内容" align="center" prop="content" />
|
||||
<el-table-column label="图片" align="center" prop="picture">
|
||||
<template v-slot="scope">
|
||||
<el-image style="width: 100px" :src="scope.row.picture" fit="fit"></el-image>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" align="center" width="160" prop="createTime" />
|
||||
</el-table>
|
||||
<el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Iitem">
|
||||
import { listIitem, refreshItem } from '@/api/invest/iitem'
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
import { require } from '@/utils/require'
|
||||
const { proxy } = getCurrentInstance()
|
||||
|
||||
const iitemList = ref([])
|
||||
const open = ref(false)
|
||||
const loading = ref(true)
|
||||
const showSearch = ref(true)
|
||||
const ids = ref([])
|
||||
const single = ref(true)
|
||||
const multiple = ref(true)
|
||||
const total = ref(0)
|
||||
const data = reactive({
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
itemCode: null,
|
||||
title: null,
|
||||
content: null
|
||||
}
|
||||
})
|
||||
|
||||
const { queryParams } = toRefs(data)
|
||||
|
||||
/** 查询预约项目列表 */
|
||||
function getList() {
|
||||
loading.value = true
|
||||
listIitem(queryParams.value).then((response) => {
|
||||
iitemList.value = response.rows
|
||||
total.value = response.total
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
function handleQuery() {
|
||||
queryParams.value.pageNum = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
function resetQuery() {
|
||||
proxy.resetForm('queryRef')
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
// 分页
|
||||
const handleCurrentChange = (val) => {
|
||||
queryParams.value.pageNum = val
|
||||
getList()
|
||||
}
|
||||
|
||||
// 多选框选中数据
|
||||
function handleSelectionChange(selection) {
|
||||
ids.value = selection.map((item) => item.itemId)
|
||||
single.value = selection.length !== 1
|
||||
multiple.value = !selection.length
|
||||
}
|
||||
|
||||
/** 新增按钮操作 */
|
||||
function handleRefresh() {
|
||||
refreshItem().then(() => {
|
||||
getList()
|
||||
proxy.$modal.msgSuccess('刷新成功')
|
||||
})
|
||||
}
|
||||
|
||||
getList()
|
||||
</script>
|
||||
262
src/views/invest/ilog/index.vue
Normal file
262
src/views/invest/ilog/index.vue
Normal file
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div class="search-con">
|
||||
<div class="title">查询条件</div>
|
||||
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item label="用户" prop="title">
|
||||
<el-input v-model="queryParams.mobile" placeholder="请输入用户" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="操作状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="请选择操作状态" clearable>
|
||||
<el-option v-for="dict in sys_common_status" :key="dict.value" :label="dict.label" :value="dict.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="search-btn-con">
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-con">
|
||||
<div class="title-con">
|
||||
<div class="title">基本信息</div>
|
||||
<!-- <div class="operate-btn-con">
|
||||
<el-button
|
||||
@click="handleAdd"
|
||||
icon="Plus"
|
||||
v-hasPermi="['invest:ilog:add']"
|
||||
>新增</el-button>
|
||||
<el-button
|
||||
:disabled="multiple"
|
||||
icon="Delete"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['invest:ilog:remove']"
|
||||
>删除</el-button>
|
||||
<el-button
|
||||
@click="handleExport"
|
||||
icon="Download"
|
||||
v-hasPermi="['invest:ilog:export']"
|
||||
>导出</el-button>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="content-con" v-loading="loading">
|
||||
<el-table v-loading="loading" :data="ilogList" @selection-change="handleSelectionChange" height="calc(100% - 0.62rem)">
|
||||
<!-- <el-table-column type="selection" width="55" align="center" /> -->
|
||||
<el-table-column label="用户" align="center" width="150" prop="mobile" />
|
||||
<el-table-column label="日志记录内容" align="center" prop="logContent" />
|
||||
<el-table-column label="操作状态" align="center" width="150" prop="status">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="sys_common_status" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作时间" align="center" prop="operTime" width="160"> </el-table-column>
|
||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<div class="ctrl-btn d-flex">
|
||||
<el-tooltip v-for="item in operateList" :key="item.id" class="item" effect="dark" :content="item.title" placement="top">
|
||||
<el-button :icon="item.icon" :v-hasPermi="item.hasPermi" circle @click="handleOperate(item.id,scope.row)"></el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
<el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- 添加或修改操作日志对话框 -->
|
||||
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
||||
<el-form ref="ilogRef" :model="form" :rules="rules" label-width="120px">
|
||||
<el-form-item label="日志记录内容">
|
||||
<editor v-model="form.logContent" :min-height="192" />
|
||||
</el-form-item>
|
||||
<el-form-item label="操作时间" prop="operTime">
|
||||
<el-date-picker clearable v-model="form.operTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择操作时间"> </el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template v-if="title !== '查看操作日志'" #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Ilog">
|
||||
import { listIlog, getIlog, delIlog, addIlog, updateIlog } from '@/api/invest/ilog'
|
||||
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
import { require } from '@/utils/require'
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { sys_common_status } = proxy.useDict('sys_common_status')
|
||||
const ilogList = ref([])
|
||||
const open = ref(false)
|
||||
const loading = ref(true)
|
||||
const showSearch = ref(true)
|
||||
const ids = ref([])
|
||||
const single = ref(true)
|
||||
const multiple = ref(true)
|
||||
const total = ref(0)
|
||||
const title = ref('')
|
||||
const operateList = ref([{ id: 'view', icon: 'View', title: '查看', hasPermi: ['invest:ilog:query'] }])
|
||||
const data = reactive({
|
||||
form: {},
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
mobile: null,
|
||||
logContent: null,
|
||||
status: null,
|
||||
operTime: null
|
||||
},
|
||||
rules: {}
|
||||
})
|
||||
|
||||
const handleOperate = (operate, row) => {
|
||||
switch (operate) {
|
||||
case 'view':
|
||||
handleView(row)
|
||||
break
|
||||
case 'edit':
|
||||
handleUpdate(row)
|
||||
break
|
||||
case 'delete':
|
||||
handleDelete(row)
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const { queryParams, form, rules } = toRefs(data)
|
||||
|
||||
/** 查询操作日志列表 */
|
||||
function getList() {
|
||||
loading.value = true
|
||||
listIlog(queryParams.value).then((response) => {
|
||||
ilogList.value = response.rows
|
||||
total.value = response.total
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
// 取消按钮
|
||||
function cancel() {
|
||||
open.value = false
|
||||
reset()
|
||||
}
|
||||
|
||||
// 表单重置
|
||||
function reset() {
|
||||
form.value = {
|
||||
logId: null,
|
||||
mobile: null,
|
||||
logContent: null,
|
||||
status: null,
|
||||
operTime: null,
|
||||
createUser: null,
|
||||
createBy: null
|
||||
}
|
||||
proxy.resetForm('ilogRef')
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
function handleQuery() {
|
||||
queryParams.value.pageNum = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
function resetQuery() {
|
||||
proxy.resetForm('queryRef')
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
// 分页
|
||||
const handleCurrentChange = (val) => {
|
||||
queryParams.value.pageNum = val
|
||||
getList()
|
||||
}
|
||||
|
||||
// 多选框选中数据
|
||||
function handleSelectionChange(selection) {
|
||||
ids.value = selection.map((item) => item.logId)
|
||||
single.value = selection.length !== 1
|
||||
multiple.value = !selection.length
|
||||
}
|
||||
|
||||
// 查看
|
||||
const handleView = (row) => {
|
||||
title.value = '查看操作日志'
|
||||
form.value = row
|
||||
open.value = true
|
||||
}
|
||||
|
||||
/** 新增按钮操作 */
|
||||
function handleAdd() {
|
||||
reset()
|
||||
open.value = true
|
||||
title.value = '添加操作日志'
|
||||
}
|
||||
|
||||
/** 修改按钮操作 */
|
||||
function handleUpdate(row) {
|
||||
reset()
|
||||
const _logId = row.logId || ids.value
|
||||
getIlog(_logId).then((response) => {
|
||||
form.value = response.data
|
||||
open.value = true
|
||||
title.value = '修改操作日志'
|
||||
})
|
||||
}
|
||||
|
||||
/** 提交按钮 */
|
||||
function submitForm() {
|
||||
proxy.$refs.ilogRef.validate((valid) => {
|
||||
if (valid) {
|
||||
if (form.value.logId != null) {
|
||||
updateIlog(form.value).then((response) => {
|
||||
proxy.$modal.msgSuccess('修改成功')
|
||||
open.value = false
|
||||
getList()
|
||||
})
|
||||
} else {
|
||||
addIlog(form.value).then((response) => {
|
||||
proxy.$modal.msgSuccess('新增成功')
|
||||
open.value = false
|
||||
getList()
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
function handleDelete(row) {
|
||||
const _logIds = row.logId || ids.value
|
||||
proxy.$modal
|
||||
.confirm('是否确认删除选中的数据项？')
|
||||
.then(function () {
|
||||
return delIlog(_logIds)
|
||||
})
|
||||
.then(() => {
|
||||
getList()
|
||||
proxy.$modal.msgSuccess('删除成功')
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
/** 导出按钮操作 */
|
||||
function handleExport() {
|
||||
proxy.download(
|
||||
'invest/ilog/export',
|
||||
{
|
||||
...queryParams.value
|
||||
},
|
||||
`ilog_${new Date().getTime()}.xlsx`
|
||||
)
|
||||
}
|
||||
|
||||
getList()
|
||||
</script>
|
||||
124
src/views/invest/ishop/index.vue
Normal file
124
src/views/invest/ishop/index.vue
Normal file
@@ -0,0 +1,124 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div class="search-con">
|
||||
<div class="title">查询条件</div>
|
||||
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item label="门店id" prop="iShopId">
|
||||
<el-input v-model="queryParams.iShopId" placeholder="请输入门店id" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="省份" prop="provinceName">
|
||||
<el-input v-model="queryParams.provinceName" placeholder="请输入省份" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="城市" prop="cityName">
|
||||
<el-input v-model="queryParams.cityName" placeholder="请输入城市" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="地区" prop="districtName">
|
||||
<el-input v-model="queryParams.districtName" placeholder="请输入地区" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="公司名称" prop="tenantName">
|
||||
<el-input v-model="queryParams.tenantName" placeholder="请输入公司名称" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="search-btn-con">
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-con">
|
||||
<div class="title-con">
|
||||
<div class="title">基本信息</div>
|
||||
<div class="operate-btn-con">
|
||||
<el-button @click="handleRefresh" icon="Refresh" v-hasPermi="['invest:ishop:add']">刷新门店列表</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-con" v-loading="loading">
|
||||
<el-table v-loading="loading" :data="ishopList" @selection-change="handleSelectionChange" height="calc(100% - 0.62rem)">
|
||||
<el-table-column label="门店id" width="150" align="center" prop="ishopId" />
|
||||
<el-table-column label="省份" width="150" align="center" prop="provinceName" />
|
||||
<el-table-column label="城市" width="100" align="center" prop="cityName" />
|
||||
<el-table-column label="地区" width="100" align="center" prop="districtName" />
|
||||
<el-table-column label="完整地址" align="center" prop="fullAddress" />
|
||||
<el-table-column label="经度" width="100" align="center" prop="lat" />
|
||||
<el-table-column label="纬度" width="100" align="center" prop="lng" />
|
||||
<el-table-column label="名称" align="center" prop="name" />
|
||||
<el-table-column label="公司名称" width="220" align="center" prop="tenantName" />
|
||||
<el-table-column label="创建时间" align="center" width="160" prop="createTime" />
|
||||
</el-table>
|
||||
<el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Ishop">
|
||||
import { listIshop, refreshShop } from '@/api/invest/ishop'
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
import { require } from '@/utils/require'
|
||||
const { proxy } = getCurrentInstance()
|
||||
|
||||
const ishopList = ref([])
|
||||
const loading = ref(true)
|
||||
const showSearch = ref(true)
|
||||
const ids = ref([])
|
||||
const single = ref(true)
|
||||
const multiple = ref(true)
|
||||
const total = ref(0)
|
||||
const data = reactive({
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
iShopId: null,
|
||||
provinceName: null,
|
||||
cityName: null,
|
||||
districtName: null,
|
||||
tenantName: null
|
||||
}
|
||||
})
|
||||
|
||||
const { queryParams } = toRefs(data)
|
||||
|
||||
/** 查询门店列表列表 */
|
||||
function getList() {
|
||||
loading.value = true
|
||||
listIshop(queryParams.value).then((response) => {
|
||||
ishopList.value = response.rows
|
||||
total.value = response.total
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
function handleQuery() {
|
||||
queryParams.value.pageNum = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
function resetQuery() {
|
||||
proxy.resetForm('queryRef')
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
// 分页
|
||||
const handleCurrentChange = (val) => {
|
||||
queryParams.value.pageNum = val
|
||||
getList()
|
||||
}
|
||||
|
||||
// 多选框选中数据
|
||||
function handleSelectionChange(selection) {
|
||||
ids.value = selection.map((item) => item.shopId)
|
||||
single.value = selection.length !== 1
|
||||
multiple.value = !selection.length
|
||||
}
|
||||
|
||||
/** 新增按钮操作 */
|
||||
function handleRefresh() {
|
||||
refreshShop().then(() => {
|
||||
getList()
|
||||
proxy.$modal.msgSuccess('刷新成功')
|
||||
})
|
||||
}
|
||||
|
||||
getList()
|
||||
</script>
|
||||
457
src/views/invest/iuser/index.vue
Normal file
457
src/views/invest/iuser/index.vue
Normal file
@@ -0,0 +1,457 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div class="search-con">
|
||||
<div class="title">查询条件</div>
|
||||
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="100px">
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input v-model="queryParams.mobile" placeholder="请输入手机号" clearable @keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="search-btn-con">
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button type="info" icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-con">
|
||||
<div class="title-con">
|
||||
<div class="title">基本信息</div>
|
||||
<div class="operate-btn-con">
|
||||
<el-button @click="handleAddIUser" icon="Plus" v-hasPermi="['invest:iuser:add']">添加账号</el-button>
|
||||
<el-button :disabled="multiple" icon="Delete" @click="handleDelete" v-hasPermi="['invest:iuser:remove']">删除</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-con" v-loading="loading">
|
||||
<el-table v-loading="loading" :data="iuserList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="手机号" align="center" prop="mobile" />
|
||||
<!-- <el-table-column label="用户id" align="center" prop="userId" /> -->
|
||||
<el-table-column label="预约项目code" align="center" prop="itemCode" />
|
||||
<el-table-column label="门店id" align="center" prop="ishopId" />
|
||||
<el-table-column label="省份" align="center" prop="provinceName" />
|
||||
<el-table-column label="城市" align="center" prop="cityName" />
|
||||
<el-table-column label="预约类型" align="center" prop="shopType">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="reservation_type" :value="scope.row.shopType" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="随机时间预约" align="center" prop="randomMinute">
|
||||
<template #default="scope">
|
||||
<dict-tag :options="open_close" :value="scope.row.randomMinute" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<el-table-column label="到期时间" align="center" prop="expireTime" width="180"> </el-table-column>
|
||||
<el-table-column label="操作" align="center" width="400" class-name="small-padding fixed-width">
|
||||
<template v-slot="scope">
|
||||
<div class="ctrl-btn d-flex">
|
||||
<el-tooltip v-for="item in operateList" :key="item.id" class="item" effect="dark" :content="item.title" placement="top">
|
||||
<el-button :v-hasPermi="item.hasPermi" @click="handleOperate(item.id, scope.row)">{{ item.name }}</el-button>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination small background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- 添加或修改账号管理对话框 -->
|
||||
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
||||
<el-form ref="iuserRef" :model="form" :rules="rules" label-width="120px">
|
||||
<el-form-item label="用户id" prop="userId">
|
||||
<el-input readonly v-model="form.userId" placeholder="请输入用户id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input readonly v-model="form.mobile" placeholder="请输入手机号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="预约项目code" prop="itemCode">
|
||||
<el-select v-model="itemSelect" multiple placeholder="请选择" @change="changeItem">
|
||||
<el-option v-for="item in itemList" :key="item.itemCode" :label="item.title" :value="item.itemCode"> </el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="门店id" prop="ishopId">
|
||||
<el-input v-model="form.ishopId" placeholder="请输入门店id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="随机时间预约" prop="randomMinute">
|
||||
<el-select v-model="form.randomMinute" placeholder="请选择随机时间预约">
|
||||
<el-option v-for="dict in open_close" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="预约类型" prop="shopType">
|
||||
<el-select v-model="form.shopType" placeholder="请选择预约类型">
|
||||
<el-option v-for="dict in reservation_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="预约执行分钟" prop="minute">
|
||||
<el-input v-model="form.minute" placeholder="请输入预约执行分钟" />
|
||||
</el-form-item>
|
||||
<el-form-item label="到期时间" readonly prop="expireTime">
|
||||
<el-date-picker clearable v-model="form.expireTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择到期时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template v-if="title !== '查看账号管理'" #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog title="添加账号" v-model="openUser" width="500px" append-to-body>
|
||||
<el-form ref="formIuser" :model="form">
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input v-model="form.mobile" placeholder="请输入I茅台用户手机号" />
|
||||
<div style="margin-top: 10px">
|
||||
<el-button type="primary" @click="sendMobileCode(form.mobile)"
|
||||
>发送验证码<span v-if="state">({{ stateNum }})</span>
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="验证码" prop="userId">
|
||||
<el-input v-model="form.code" placeholder="请输入验证码" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button type="primary" @click="loginIuser(form.mobile, form.code)">登录 </el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog :title="tokenTitle" v-model="refreshToken" width="500px" append-to-body>
|
||||
<el-form ref="formToken" :model="form">
|
||||
<el-form-item label="手机号" prop="mobile">
|
||||
<el-input v-model="form.mobile" placeholder="请输入I茅台用户手机号" />
|
||||
<div style="margin-top: 10px">
|
||||
<el-button type="primary" @click="sendMobileCode(form.mobile)"
|
||||
>发送验证码<span v-if="state">({{ stateNum }})</span>
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="验证码" prop="userId">
|
||||
<el-input v-model="form.code" placeholder="请输入验证码" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button type="primary" @click="refresh(form.mobile, form.code, form.deviceId, 1)">刷新 </el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="Iuser">
|
||||
import { listIuser, getIuser, delIuser, addIuser, updateIuser, sendCode, login, reservation, travelReward } from '@/api/invest/iuser'
|
||||
import { listIitem } from '@/api/invest/iitem'
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
import { require } from '@/utils/require'
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { open_close, reservation_type } = proxy.useDict('open_close', 'reservation_type')
|
||||
const iuserList = ref([])
|
||||
const open = ref(false)
|
||||
const loading = ref(true)
|
||||
const showSearch = ref(true)
|
||||
const ids = ref([])
|
||||
const single = ref(true)
|
||||
const multiple = ref(true)
|
||||
const total = ref(0)
|
||||
const title = ref('')
|
||||
const tokenTitle = ref('')
|
||||
const openUser = ref(false)
|
||||
const refreshToken = ref(false)
|
||||
|
||||
// 发送短信按钮倒计时
|
||||
const state = ref(false)
|
||||
const stateNum = ref(60)
|
||||
|
||||
const itemSelect = ref([])
|
||||
const itemList = ref([])
|
||||
|
||||
const operateList = ref([
|
||||
{ id: 'reservation', icon: 'View', name: '预约', title: '预约', hasPermi: ['invest:iuser:query'] },
|
||||
{ id: 'travel', icon: 'View', name: '旅行', title: '旅行', hasPermi: ['invest:iuser:query'] },
|
||||
{ id: 'token', icon: 'View', name: '刷新token', title: '刷新token', hasPermi: ['invest:iuser:query'] },
|
||||
{ id: 'edit', icon: 'Edit', name: '修改', title: '修改', hasPermi: ['invest:iuser:edit'] },
|
||||
{ id: 'delete', icon: 'Delete', name: '删除', title: '删除', hasPermi: ['invest:iuser:remove'] }
|
||||
])
|
||||
const data = reactive({
|
||||
form: {},
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
mobile: null,
|
||||
token: null,
|
||||
cookie: null,
|
||||
deviceId: null,
|
||||
itemCode: null,
|
||||
ishopId: null,
|
||||
provinceName: null,
|
||||
cityName: null,
|
||||
address: null,
|
||||
lat: null,
|
||||
lng: null,
|
||||
minute: null,
|
||||
shopType: null,
|
||||
randomMinute: null,
|
||||
pushPlusToken: null,
|
||||
jsonResult: null,
|
||||
expireTime: null,
|
||||
createUser: null,
|
||||
updateUser: null
|
||||
},
|
||||
rules: {
|
||||
mobile: [{ required: true, message: '手机号不能为空', trigger: 'blur' }],
|
||||
userId: [{ required: true, message: '用户id不能为空', trigger: 'blur' }],
|
||||
ishopId: [{ required: true, message: '门店id不能为空', trigger: 'blur' }],
|
||||
itemCode: [{ required: true, message: '预约商品code不能为空', trigger: 'blur' }]
|
||||
}
|
||||
})
|
||||
|
||||
const handleOperate = (operate, row) => {
|
||||
switch (operate) {
|
||||
case 'token':
|
||||
handleUpdateToken(row)
|
||||
break
|
||||
case 'edit':
|
||||
handleUpdate(row)
|
||||
break
|
||||
case 'delete':
|
||||
handleDelete(row)
|
||||
break
|
||||
case 'reservation':
|
||||
reservationImaotai(row)
|
||||
break
|
||||
case 'travel':
|
||||
travelRewardImaotai(row)
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const { queryParams, form, rules } = toRefs(data)
|
||||
|
||||
/** 查询账号管理列表 */
|
||||
function getList() {
|
||||
listIitem().then((response) => {
|
||||
itemList.value = response.rows
|
||||
})
|
||||
loading.value = true
|
||||
listIuser(queryParams.value).then((response) => {
|
||||
iuserList.value = response.rows
|
||||
total.value = response.total
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
//item下拉框选择
|
||||
function changeItem(e) {
|
||||
form.value.itemCode = ''
|
||||
itemSelect.value.forEach((e) => {
|
||||
form.value.itemCode += e + '@'
|
||||
})
|
||||
}
|
||||
|
||||
// 取消按钮
|
||||
function cancel() {
|
||||
open.value = false
|
||||
openUser.value = false
|
||||
refreshToken.value = false
|
||||
reset()
|
||||
}
|
||||
|
||||
// 表单重置
|
||||
function reset() {
|
||||
form.value = {
|
||||
mobile: null,
|
||||
userId: null,
|
||||
token: null,
|
||||
cookie: null,
|
||||
deviceId: null,
|
||||
itemCode: null,
|
||||
ishopId: null,
|
||||
provinceName: null,
|
||||
cityName: null,
|
||||
address: null,
|
||||
lat: null,
|
||||
lng: null,
|
||||
minute: null,
|
||||
shopType: null,
|
||||
randomMinute: null,
|
||||
pushPlusToken: null,
|
||||
jsonResult: null,
|
||||
remark: null,
|
||||
expireTime: null,
|
||||
delFlag: null,
|
||||
createTime: null,
|
||||
createUser: null,
|
||||
updateTime: null,
|
||||
updateUser: null,
|
||||
createBy: null
|
||||
}
|
||||
proxy.resetForm('iuserRef')
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
function handleQuery() {
|
||||
queryParams.value.pageNum = 1
|
||||
getList()
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
function resetQuery() {
|
||||
proxy.resetForm('queryRef')
|
||||
handleQuery()
|
||||
}
|
||||
|
||||
// 分页
|
||||
const handleCurrentChange = (val) => {
|
||||
queryParams.value.pageNum = val
|
||||
getList()
|
||||
}
|
||||
|
||||
// 多选框选中数据
|
||||
function handleSelectionChange(selection) {
|
||||
ids.value = selection.map((item) => item.mobile)
|
||||
single.value = selection.length !== 1
|
||||
multiple.value = !selection.length
|
||||
}
|
||||
|
||||
// 查看
|
||||
const handleView = (row) => {
|
||||
title.value = '查看账号管理'
|
||||
form.value = row
|
||||
open.value = true
|
||||
}
|
||||
|
||||
/** 修改按钮操作 */
|
||||
function handleUpdate(row) {
|
||||
reset()
|
||||
const _mobile = row.mobile || ids.value
|
||||
getIuser(_mobile).then((response) => {
|
||||
form.value = response.data
|
||||
open.value = true
|
||||
itemSelect.value = []
|
||||
if (form.value.itemCode.indexOf('@') == -1 && form.value.itemCode !== '') {
|
||||
itemSelect.value.push(this.form.itemCode)
|
||||
} else {
|
||||
const arr = form.value.itemCode.split('@')
|
||||
arr.forEach((e) => {
|
||||
if (e !== '') {
|
||||
itemSelect.value.push(e)
|
||||
}
|
||||
})
|
||||
}
|
||||
title.value = '修改账号管理'
|
||||
})
|
||||
}
|
||||
|
||||
/** 提交按钮 */
|
||||
function submitForm() {
|
||||
proxy.$refs.iuserRef.validate((valid) => {
|
||||
if (valid) {
|
||||
if (form.value.mobile != null) {
|
||||
updateIuser(form.value).then((response) => {
|
||||
proxy.$modal.msgSuccess('修改成功')
|
||||
open.value = false
|
||||
getList()
|
||||
})
|
||||
} else {
|
||||
addIuser(form.value).then((response) => {
|
||||
proxy.$modal.msgSuccess('新增成功')
|
||||
open.value = false
|
||||
getList()
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
function handleDelete(row) {
|
||||
const _mobiles = row.mobile || ids.value
|
||||
proxy.$modal
|
||||
.confirm('是否确认删除选中的数据项？')
|
||||
.then(function () {
|
||||
return delIuser(_mobiles)
|
||||
})
|
||||
.then(() => {
|
||||
getList()
|
||||
proxy.$modal.msgSuccess('删除成功')
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
|
||||
//发送验证码
|
||||
function sendMobileCode(mobile, deviceId) {
|
||||
if (deviceId == undefined || deviceId == '') {
|
||||
form.value.deviceId = guid()
|
||||
} else {
|
||||
form.value.deviceId = deviceId
|
||||
}
|
||||
sendCode(mobile, form.value.deviceId).then((response) => {
|
||||
proxy.$modal.msgSuccess('发送成功')
|
||||
state.value = true
|
||||
const timer = setInterval(() => {
|
||||
stateNum.value--
|
||||
if (stateNum.value === 0) {
|
||||
clearInterval(timer)
|
||||
state.value = false
|
||||
stateNum.value = 60
|
||||
}
|
||||
}, 1000)
|
||||
})
|
||||
}
|
||||
//登录
|
||||
function loginIuser(mobile, code) {
|
||||
refresh(mobile, code, form.value.deviceId, 0)
|
||||
}
|
||||
|
||||
function refresh(mobile, code, deviceId, status) {
|
||||
const msg = status ? '刷新成功' : '登录成功'
|
||||
login(mobile, code, deviceId).then((response) => {
|
||||
proxy.$modal.msgSuccess(msg)
|
||||
open.value = false
|
||||
openUser.value = false
|
||||
refreshToken.value = false
|
||||
getList()
|
||||
})
|
||||
}
|
||||
function handleUpdateToken(row) {
|
||||
refreshToken.value = true
|
||||
form.value = {
|
||||
mobile: row.mobile,
|
||||
deviceId: row.deviceId
|
||||
}
|
||||
tokenTitle.value = '刷新用户:' + row.remark + '(' + row.mobile + ')登录信息'
|
||||
}
|
||||
//预约
|
||||
function reservationImaotai(row) {
|
||||
const mobile = row.mobile || ids.value
|
||||
reservation(mobile).then((response) => {
|
||||
proxy.$modal.msgSuccess('请求成功，结果看日志')
|
||||
})
|
||||
}
|
||||
//小茅运旅行活动
|
||||
function travelRewardImaotai(row) {
|
||||
const mobile = row.mobile || ids.value
|
||||
travelReward(mobile).then((response) => {
|
||||
proxy.$modal.msgSuccess('请求成功，结果看日志')
|
||||
})
|
||||
}
|
||||
function guid() {
|
||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
||||
const r = (Math.random() * 16) | 0
|
||||
const v = c == 'x' ? r : (r & 0x3) | 0x8
|
||||
return v.toString(16)
|
||||
})
|
||||
}
|
||||
function handleAddIUser() {
|
||||
reset()
|
||||
openUser.value = true
|
||||
}
|
||||
getList()
|
||||
</script>
|
||||
Reference in New Issue
Block a user