更新接口路径,调整配置,优化用户及订单管理功能,并修复部分bug
This commit is contained in:
parent
c43b561d6c
commit
0a737b7b4b
11
src/App.vue
11
src/App.vue
|
@ -43,4 +43,13 @@ watch(
|
||||||
</el-config-provider>
|
</el-config-provider>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style></style>
|
<style>
|
||||||
|
.el-table th.el-table__cell>.cell {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-table td.el-table__cell div {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
@ -49,3 +49,10 @@ export function apiStaffDetail(params:any) {
|
||||||
export function apiStaffStatus(params:any) {
|
export function apiStaffStatus(params:any) {
|
||||||
return request.post({ url: '/staff/status',params })
|
return request.post({ url: '/staff/status',params })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 修改密码
|
||||||
|
export function apiStaffPwd(params: any) {
|
||||||
|
return request.post({ url: "/auth.admin/pwd", params });
|
||||||
|
}
|
||||||
|
|
|
@ -9,3 +9,18 @@ export function apiStorFinanceFlowLists(params: any) {
|
||||||
export function apiStorFinanceFlowRemarks(params: any) {
|
export function apiStorFinanceFlowRemarks(params: any) {
|
||||||
return request.post({ url: '/finance/finance/remark', params })
|
return request.post({ url: '/finance/finance/remark', params })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export function apiStoreBillLists(params: any) {
|
||||||
|
return request.get({ url: '/finance/storeBill/lists', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
export function apiStoreBillDetail(params: any) {
|
||||||
|
return request.get({ url: '/finance/storeBill/detail', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
export function apiStoreBillDownload(params: any) {
|
||||||
|
return request.get({ url: '/finance/storeBill/download', params })
|
||||||
|
}
|
||||||
|
|
|
@ -94,8 +94,6 @@ const handleDetail = async (data: any) => {
|
||||||
|
|
||||||
// 下载
|
// 下载
|
||||||
const handleDown = async (row) => {
|
const handleDown = async (row) => {
|
||||||
|
|
||||||
|
|
||||||
const a = document.createElement('a')
|
const a = document.createElement('a')
|
||||||
// a.href = import.meta.env.VITE_APP_BASE_URL + res.url
|
// a.href = import.meta.env.VITE_APP_BASE_URL + res.url
|
||||||
a.click()
|
a.click()
|
||||||
|
|
|
@ -11,19 +11,19 @@
|
||||||
<el-form-item label="店员账号" prop="account">
|
<el-form-item label="店员账号" prop="account">
|
||||||
<el-input v-model="formData.account" clearable placeholder="请输入店员账号" />
|
<el-input v-model="formData.account" clearable placeholder="请输入店员账号" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="店员密码" prop="pwd">
|
<el-form-item label="店员密码">
|
||||||
<el-input v-model="formData.pwd" clearable placeholder="请输入店员账号" type="password" />
|
<el-input v-model="formData.pwd" clearable placeholder="请输入店员账号" type="password" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="确认密码" prop="rePwd">
|
<el-form-item label="确认密码">
|
||||||
<el-input v-model="formData.rePwd" clearable placeholder="请确认账号密码" type="password" />
|
<el-input v-model="formData.rePwd" clearable placeholder="请确认账号密码" type="password" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="核销开关" prop="rePwd">
|
<el-form-item label="核销开关">
|
||||||
<el-switch v-model="formData.verify_status" :active-value="1" :inactive-value="0"></el-switch>
|
<el-switch v-model="formData.verify_status" :active-value="1" :inactive-value="0"></el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="订单状态" prop="rePwd">
|
<el-form-item label="订单状态">
|
||||||
<el-switch v-model="formData.order_status" :active-value="1" :inactive-value="0"></el-switch>
|
<el-switch v-model="formData.order_status" :active-value="1" :inactive-value="0"></el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="是否是店长" prop="rePwd">
|
<el-form-item label="是否是店长">
|
||||||
<el-switch v-model="formData.is_manager" :active-value="1" :inactive-value="0"></el-switch>
|
<el-switch v-model="formData.is_manager" :active-value="1" :inactive-value="0"></el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="手机号码" prop="phone">
|
<el-form-item label="手机号码" prop="phone">
|
||||||
|
@ -61,7 +61,7 @@ const popupTitle = computed(() => {
|
||||||
const formData = reactive({
|
const formData = reactive({
|
||||||
id: '',
|
id: '',
|
||||||
staff_name: '',
|
staff_name: '',
|
||||||
avatar: 'https://lihaiim.oss-cn-chengdu.aliyuncs.com/public/uploads/images/20240606/20240606162227e3e005096.jpg',
|
avatar: '',
|
||||||
account: '',
|
account: '',
|
||||||
pwd: '',
|
pwd: '',
|
||||||
rePwd: '',
|
rePwd: '',
|
||||||
|
|
|
@ -48,7 +48,7 @@
|
||||||
@change="changeStatus(row)"></el-switch>
|
@change="changeStatus(row)"></el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" width="170" fixed="right">
|
<el-table-column label="操作" width="230" fixed="right">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-button type="primary" link @click="handleEdit(row)">
|
<el-button type="primary" link @click="handleEdit(row)">
|
||||||
编辑
|
编辑
|
||||||
|
@ -67,6 +67,26 @@
|
||||||
<edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
|
<edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
|
||||||
<DetailPopup v-if="showDetail" ref="detailRef" @close="showEdit = false" />
|
<DetailPopup v-if="showDetail" ref="detailRef" @close="showEdit = false" />
|
||||||
|
|
||||||
|
<!-- 修改密码 -->
|
||||||
|
<el-dialog v-model="showDialog" v-if="showDialog" width="550px" title="修改密码">
|
||||||
|
<el-form class="mb-[-16px]" :model="form" label-width="100px">
|
||||||
|
<el-form-item label="账号">
|
||||||
|
<el-input v-model="form.account" readonly class="w-[280px]" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="密码">
|
||||||
|
<el-input v-model="form.password" class="w-[280px]" clearable type="password" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="确认密码">
|
||||||
|
<el-input v-model="form.password_confirm" class="w-[280px]" clearable type="password" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handlePwd">修改</el-button>
|
||||||
|
<el-button @click="showDialog = false, resetForm()">取消</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -75,7 +95,7 @@ import { ref, reactive } from "vue"
|
||||||
import { usePaging } from '@/hooks/usePaging'
|
import { usePaging } from '@/hooks/usePaging'
|
||||||
import EditPopup from './edit.vue'
|
import EditPopup from './edit.vue'
|
||||||
import DetailPopup from './detail.vue'
|
import DetailPopup from './detail.vue'
|
||||||
import { apiStaffLists, apiStaffDetail, apiStaffStatus } from '@/api/goodsList.ts'
|
import { apiStaffLists, apiStaffDetail, apiStaffStatus, apiStaffPwd } from '@/api/goodsList.ts'
|
||||||
|
|
||||||
const detailRef = ref(null)
|
const detailRef = ref(null)
|
||||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||||
|
@ -138,5 +158,26 @@ const handleDetail = async (data: any) => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const showDialog = ref(false)
|
||||||
|
const form = reactive({
|
||||||
|
id: '',
|
||||||
|
password: '',
|
||||||
|
password_confirm: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
const resetForm = () => {
|
||||||
|
form.id = ''
|
||||||
|
form.password = ''
|
||||||
|
form.password_confirm = ''
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const handlePwd = async () => {
|
||||||
|
await adminPwd({ ...form })
|
||||||
|
showDialog.value = false
|
||||||
|
resetForm()
|
||||||
|
}
|
||||||
getLists()
|
getLists()
|
||||||
</script>
|
</script>
|
|
@ -39,14 +39,14 @@ const mode = ref('add')
|
||||||
|
|
||||||
// 弹窗标题
|
// 弹窗标题
|
||||||
const popupTitle = computed(() => {
|
const popupTitle = computed(() => {
|
||||||
return mode.value == 'edit' ? '编辑日程安排' : '新增日程安排'
|
return mode.value == 'edit' ? '编辑配送员' : '新增配送员'
|
||||||
})
|
})
|
||||||
|
|
||||||
// 表单数据
|
// 表单数据
|
||||||
const formData = reactive({
|
const formData = reactive({
|
||||||
id: '',
|
id: '',
|
||||||
nickname: '',
|
nickname: '',
|
||||||
avatar: 'https://lihaiim.oss-cn-chengdu.aliyuncs.com/public/uploads/images/20240606/20240606162227e3e005096.jpg',
|
avatar: '',
|
||||||
phone: '',
|
phone: '',
|
||||||
status: 0
|
status: 0
|
||||||
})
|
})
|
||||||
|
|
|
@ -45,6 +45,9 @@
|
||||||
<el-button type="primary" link @click="handleEdit(row)">
|
<el-button type="primary" link @click="handleEdit(row)">
|
||||||
编辑
|
编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
|
<el-button link type="danger" @click="handleDelete(row.id)">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
<el-button type="primary" link @click="handleDetail(row)">
|
<el-button type="primary" link @click="handleDetail(row)">
|
||||||
详情
|
详情
|
||||||
</el-button>
|
</el-button>
|
||||||
|
@ -67,7 +70,8 @@ import { ref, reactive } from "vue"
|
||||||
import { usePaging } from '@/hooks/usePaging'
|
import { usePaging } from '@/hooks/usePaging'
|
||||||
import EditPopup from './edit.vue'
|
import EditPopup from './edit.vue'
|
||||||
import DetailPopup from './detail.vue'
|
import DetailPopup from './detail.vue'
|
||||||
import { apiDeliveryLists, apiDeliveryDetail, apiDeliveryStatus } from '@/api/delivery.ts'
|
import { apiDeliveryLists, apiDeliveryDetail, apiDeliveryStatus, apiDeliveryDelete } from '@/api/delivery.ts'
|
||||||
|
import feedback from '@/utils/feedback'
|
||||||
|
|
||||||
const detailRef = ref(null)
|
const detailRef = ref(null)
|
||||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||||
|
@ -129,5 +133,12 @@ const handleDetail = async (data: any) => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 删除角色
|
||||||
|
const handleDelete = async (id: any[] | number) => {
|
||||||
|
await feedback.confirm('确定要删除?')
|
||||||
|
await apiDeliveryDelete({ id })
|
||||||
|
getLists()
|
||||||
|
}
|
||||||
|
|
||||||
getLists()
|
getLists()
|
||||||
</script>
|
</script>
|
|
@ -3,20 +3,10 @@
|
||||||
<el-card class="!border-none" shadow="never">
|
<el-card class="!border-none" shadow="never">
|
||||||
<el-form ref="formRef" class="mb-[-16px]" :model="queryParams" inline>
|
<el-form ref="formRef" class="mb-[-16px]" :model="queryParams" inline>
|
||||||
<el-form-item label="字典名称">
|
<el-form-item label="字典名称">
|
||||||
<el-input
|
<el-input class="w-[280px]" v-model="queryParams.name" clearable @keyup.enter="resetPage" />
|
||||||
class="w-[280px]"
|
|
||||||
v-model="queryParams.name"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="resetPage"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="字典类型">
|
<el-form-item label="字典类型">
|
||||||
<el-input
|
<el-input class="w-[280px]" v-model="queryParams.type" clearable @keyup.enter="resetPage" />
|
||||||
class="w-[280px]"
|
|
||||||
v-model="queryParams.type"
|
|
||||||
clearable
|
|
||||||
@keyup.enter="resetPage"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="状态">
|
<el-form-item label="状态">
|
||||||
<el-select class="w-[280px]" v-model="queryParams.status">
|
<el-select class="w-[280px]" v-model="queryParams.status">
|
||||||
|
@ -33,22 +23,14 @@
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card class="!border-none mt-4" shadow="never">
|
<el-card class="!border-none mt-4" shadow="never">
|
||||||
<div>
|
<div>
|
||||||
<el-button
|
<el-button v-perms="['setting.dict.dict_type/add']" type="primary" @click="handleAdd">
|
||||||
v-perms="['setting.dict.dict_type/add']"
|
|
||||||
type="primary"
|
|
||||||
@click="handleAdd"
|
|
||||||
>
|
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<icon name="el-icon-Plus" />
|
<icon name="el-icon-Plus" />
|
||||||
</template>
|
</template>
|
||||||
新增
|
新增
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button v-perms="['setting.dict.dict_type/delete']" :disabled="!selectData.length" type="danger"
|
||||||
v-perms="['setting.dict.dict_type/delete']"
|
@click="handleDelete(selectData)">
|
||||||
:disabled="!selectData.length"
|
|
||||||
type="danger"
|
|
||||||
@click="handleDelete(selectData)"
|
|
||||||
>
|
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<icon name="el-icon-Delete" />
|
<icon name="el-icon-Delete" />
|
||||||
</template>
|
</template>
|
||||||
|
@ -57,11 +39,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-4" v-loading="pager.loading">
|
<div class="mt-4" v-loading="pager.loading">
|
||||||
<div>
|
<div>
|
||||||
<el-table
|
<el-table :data="pager.lists" size="large" @selection-change="handleSelectionChange">
|
||||||
:data="pager.lists"
|
|
||||||
size="large"
|
|
||||||
@selection-change="handleSelectionChange"
|
|
||||||
>
|
|
||||||
<el-table-column type="selection" width="55" />
|
<el-table-column type="selection" width="55" />
|
||||||
<el-table-column label="ID" prop="id" />
|
<el-table-column label="ID" prop="id" />
|
||||||
<el-table-column label="字典名称" prop="name" min-width="120" />
|
<el-table-column label="字典名称" prop="name" min-width="120" />
|
||||||
|
@ -76,36 +54,22 @@
|
||||||
<el-table-column label="创建时间" prop="create_time" min-width="180" />
|
<el-table-column label="创建时间" prop="create_time" min-width="180" />
|
||||||
<el-table-column label="操作" width="190" fixed="right">
|
<el-table-column label="操作" width="190" fixed="right">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-button
|
<el-button v-perms="['setting.dict.dict_type/edit']" link type="primary"
|
||||||
v-perms="['setting.dict.dict_type/edit']"
|
@click="handleEdit(row)">
|
||||||
link
|
|
||||||
type="primary"
|
|
||||||
@click="handleEdit(row)"
|
|
||||||
>
|
|
||||||
编辑
|
编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button v-perms="['setting.dict.dict_data/lists']" type="primary" link>
|
||||||
v-perms="['setting.dict.dict_data/lists']"
|
<router-link :to="{
|
||||||
type="primary"
|
|
||||||
link
|
|
||||||
>
|
|
||||||
<router-link
|
|
||||||
:to="{
|
|
||||||
path: getRoutePath('setting.dict.dict_data/lists'),
|
path: getRoutePath('setting.dict.dict_data/lists'),
|
||||||
query: {
|
query: {
|
||||||
id: row.id
|
id: row.id
|
||||||
}
|
}
|
||||||
}"
|
}">
|
||||||
>
|
|
||||||
数据管理
|
数据管理
|
||||||
</router-link>
|
</router-link>
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button v-perms="['setting.dict.dict_type/delete']" link type="danger"
|
||||||
v-perms="['setting.dict.dict_type/delete']"
|
@click="handleDelete(row.id)">
|
||||||
link
|
|
||||||
type="danger"
|
|
||||||
@click="handleDelete(row.id)"
|
|
||||||
>
|
|
||||||
删除
|
删除
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -1,7 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="edit-popup">
|
<div class="edit-popup">
|
||||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="60vw" @confirm="handleSubmit"
|
<popup ref="popupRef" :title="popupTitle" :async="true" width="60vw" @confirm="handleSubmit" @close="handleClose">
|
||||||
@close="handleClose">
|
|
||||||
<el-table :data="pager.lists">
|
<el-table :data="pager.lists">
|
||||||
<el-table-column label="图片" prop="build_area_text" show-overflow-tooltip>
|
<el-table-column label="图片" prop="build_area_text" show-overflow-tooltip>
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
|
|
|
@ -0,0 +1,101 @@
|
||||||
|
<template>
|
||||||
|
<div class="edit-popup">
|
||||||
|
<popup ref="popupRef" :title="popupTitle" :async="true" width="60vw" @confirm="handleSubmit" @close="handleClose">
|
||||||
|
<el-card class="!border-none mb-4" shadow="never">
|
||||||
|
<el-form class="mb-[-16px]" :model="queryParams" label-width="80px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="订单搜索">
|
||||||
|
<el-input v-model="queryParams.keyword" clearable placeholder="请输入店员名称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||||
|
<el-button @click="resetParams">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-table :data="pager.lists">
|
||||||
|
<el-table-column label="交易单号" prop="order_sn" show-overflow-tooltip />
|
||||||
|
<el-table-column label="关联订单" prop="financial_record_sn" show-overflow-tooltip />
|
||||||
|
<el-table-column label="交易时间" prop="create_time" show-overflow-tooltip />
|
||||||
|
<el-table-column label="交易金额" prop="number" show-overflow-tooltip />
|
||||||
|
<el-table-column label="交易人" prop="nickname" show-overflow-tooltip />
|
||||||
|
<el-table-column label="关联店员" prop="staff_name" show-overflow-tooltip />
|
||||||
|
<el-table-column label="交易类型" prop="financial_type_name" show-overflow-tooltip />
|
||||||
|
<el-table-column label="支付方式" prop="pay_type_name" show-overflow-tooltip />
|
||||||
|
<el-table-column label="备注" prop="remark" show-overflow-tooltip />
|
||||||
|
</el-table>
|
||||||
|
<div class="flex mt-4 justify-end">
|
||||||
|
<pagination v-model="pager" @change="getLists" />
|
||||||
|
</div>
|
||||||
|
</popup>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup name="manageProjectEdit">
|
||||||
|
import Popup from '@/components/popup/index.vue'
|
||||||
|
import { usePaging } from '@/hooks/usePaging'
|
||||||
|
import { apiStoreBillDetail } from '@/api/store_finance_flow.ts'
|
||||||
|
|
||||||
|
|
||||||
|
const emit = defineEmits(['success', 'close'])
|
||||||
|
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||||
|
|
||||||
|
|
||||||
|
// 弹窗标题
|
||||||
|
const popupTitle = computed(() => {
|
||||||
|
return '账单详情'
|
||||||
|
})
|
||||||
|
|
||||||
|
let queryParams = {
|
||||||
|
id: "",
|
||||||
|
keyword: "",
|
||||||
|
date_type: "",
|
||||||
|
date: "",
|
||||||
|
staff_id: "",
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||||
|
fetchFun: apiStoreBillDetail,
|
||||||
|
params: queryParams
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 提交按钮
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
emit('close')
|
||||||
|
}
|
||||||
|
|
||||||
|
//打开弹窗
|
||||||
|
const open = (data: any) => {
|
||||||
|
queryParams.id = data.id
|
||||||
|
queryParams.date_type = data.type
|
||||||
|
queryParams.date = data.type == 2 ?
|
||||||
|
data.year + '-W' + data.week
|
||||||
|
:
|
||||||
|
data.time
|
||||||
|
|
||||||
|
console.log(queryParams)
|
||||||
|
// queryParams.id = id
|
||||||
|
popupRef.value?.open()
|
||||||
|
getLists()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关闭回调
|
||||||
|
const handleClose = () => {
|
||||||
|
emit('close')
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
open,
|
||||||
|
})
|
||||||
|
</script>
|
|
@ -0,0 +1,129 @@
|
||||||
|
<!-- 门店流水 -->
|
||||||
|
<!-- 门店流水 -->
|
||||||
|
<!-- 门店流水 -->
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-card class="!border-none mb-4" shadow="never">
|
||||||
|
<el-form class="mb-[-16px]" :model="queryParams" label-width="80px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="时间筛选">
|
||||||
|
<el-date-picker v-model="date" type="daterange" range-separator="-" start-placeholder="开始时间"
|
||||||
|
end-placeholder="结束时间" value-format="YYYY-MM-DD" :clearable="false" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handleResetPage">查询</el-button>
|
||||||
|
<el-button @click="handleResetParams">重置</el-button>
|
||||||
|
<!-- <el-button @click="showDialog = true">重置</el-button> -->
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||||
|
|
||||||
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
|
||||||
|
<el-tab-pane label="日账单" :name="1"></el-tab-pane>
|
||||||
|
<el-tab-pane label="周账单" :name="2"></el-tab-pane>
|
||||||
|
<el-tab-pane label="月账单" :name="3"></el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
<div class="mt-4">
|
||||||
|
<el-table :data="pager.lists">
|
||||||
|
<el-table-column label="标题" prop="financial_record_sn" show-overflow-tooltip>
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ queryParams.type == 1 ? '日账单' : queryParams.type == 2 ? '周账单' : "月账单" }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="日期" prop="time" show-overflow-tooltip>
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ row.time ? row.time : `第${row.year}-${row.week}周(${row.month}月) ` }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="收入金额" prop="income" show-overflow-tooltip />
|
||||||
|
<el-table-column label="支出金额" prop="expense" show-overflow-tooltip />
|
||||||
|
<el-table-column label="门店入账金额" prop="expense" show-overflow-tooltip>
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ ((+row.income) - (+row.expense)).toFixed(2) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="170" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button @click="handleDetail(row)" link type="primary">详情</el-button>
|
||||||
|
<el-button @click="handleDownlon(row)" link type="primary">下载</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="flex mt-4 justify-end">
|
||||||
|
<pagination v-model="pager" @change="getLists" />
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<DetailPop v-if="showDetail" ref="detailRef" @close="showDetail = false" />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup name="manageProjectLists">
|
||||||
|
import { ref, reactive } from "vue"
|
||||||
|
import { usePaging } from '@/hooks/usePaging'
|
||||||
|
import { apiStoreBillLists, apiStoreBillDownload } from '@/api/store_finance_flow.ts'
|
||||||
|
import DetailPop from './detail.vue'
|
||||||
|
|
||||||
|
const activeName = ref(1)
|
||||||
|
const date = ref(null)
|
||||||
|
const showDetail = ref(false)
|
||||||
|
const detailRef = ref(null)
|
||||||
|
// 查询条件
|
||||||
|
const queryParams = reactive({
|
||||||
|
type: 1,
|
||||||
|
start_time: "",
|
||||||
|
end_time: "",
|
||||||
|
})
|
||||||
|
// 分页相关
|
||||||
|
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||||
|
fetchFun: apiStoreBillLists,
|
||||||
|
params: queryParams
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
const handleResetPage = () => {
|
||||||
|
if (date.value.length) {
|
||||||
|
queryParams.start_time = date.value[0]
|
||||||
|
queryParams.end_time = date.value[1]
|
||||||
|
}
|
||||||
|
resetPage()
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleResetParams = () => {
|
||||||
|
date.value = []
|
||||||
|
resetParams()
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleClick = (e) => {
|
||||||
|
queryParams.type = activeName.value
|
||||||
|
getLists()
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleDetail = async (row) => {
|
||||||
|
row.type = queryParams.type
|
||||||
|
showDetail.value = true
|
||||||
|
await nextTick()
|
||||||
|
detailRef.value.open(row)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const handleDownlon = (row) => {
|
||||||
|
const a = document.createElement('a')
|
||||||
|
a.href = 'https://multi-store.crmeb.net/store/bill/index'
|
||||||
|
a.click()
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
getLists()
|
||||||
|
</script>
|
Loading…
Reference in New Issue