weipengfei
/
ERP-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

This commit is contained in:
weipengfei 2024-04-27 14:40:02 +08:00
parent 6dbc59cbe3
commit ede29e638b
22 changed files with 2065 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/api/goods_label.ts Normal file
View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 商品标签列表
export function apiGoodsLabelLists(params: any) {
return request.get({ url: '/goods/goodslabel/lists', params })
}
// 添加商品标签
export function apiGoodsLabelAdd(params: any) {
return request.post({ url: '/goods/goodslabel/add', params })
}
// 编辑商品标签
export function apiGoodsLabelEdit(params: any) {
return request.post({ url: '/goods/goodslabel/edit', params })
}
// 删除商品标签
export function apiGoodsLabelDelete(params: any) {
return request.post({ url: '/goods/goodslabel/delete', params })
}
// 商品标签详情
export function apiGoodsLabelDetail(params: any) {
return request.get({ url: '/goods/goodslabel/detail', params })
}

26
src/api/opurchaseclass.ts Normal file
View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 采购订单列表
export function apiOpurchaseclassLists(params: any) {
return request.get({ url: '/operation/opurchaseclass/lists', params })
}
// 添加采购订单
export function apiOpurchaseclassAdd(params: any) {
return request.post({ url: '/operation/opurchaseclass/add', params })
}
// 编辑采购订单
export function apiOpurchaseclassEdit(params: any) {
return request.post({ url: '/operation/opurchaseclass/edit', params })
}
// 删除采购订单
export function apiOpurchaseclassDelete(params: any) {
return request.post({ url: '/operation/opurchaseclass/delete', params })
}
// 采购订单详情
export function apiOpurchaseclassDetail(params: any) {
return request.get({ url: '/operation/opurchaseclass/detail', params })
}

26
src/api/setting/pay.ts Normal file
View File

@ -0,0 +1,26 @@
import request from '@/utils/request'
// 获取支付方式
export function getPayWay() {
return request.get({ url: '/setting/pay/payWay/getPayWay' })
}
// 设置支付方式
export function setPayWay(params: any) {
return request.post({ url: '/setting/pay/payWay/setPayWay', params })
}
// 获取支付方式
export function getPayConfigLists() {
return request.get({ url: '/setting/pay/payConfig/lists' })
}
// 设置支付方式
export function setPayConfig(params: any) {
return request.post({ url: '/setting/pay/payConfig/setConfig', params })
}
// 设置支付方式
export function getPayConfig(params: any) {
return request.get({ url: '/setting/pay/payConfig/getConfig', params })
}

25
src/api/user.ts
View File

@ -20,3 +20,28 @@ export function getUserInfo() {
export function setUserInfo(params: any) {
return request.post({ url: '/auth/admin/editSelf', params })
}
// 用户表列表
export function apiUserLists(params: any) {
return request.get({ url: '/user/user/lists', params })
}
// 添加用户表
export function apiUserAdd(params: any) {
return request.post({ url: '/user/user/add', params })
}
// 编辑用户表
export function apiUserEdit(params: any) {
return request.post({ url: '/user/user/edit', params })
}
// 删除用户表
export function apiUserDelete(params: any) {
return request.post({ url: '/user/user/delete', params })
}
// 用户表详情
export function apiUserDetail(params: any) {
return request.get({ url: '/user/user/detail', params })
}

4
src/components/material/index.vue
View File

@ -112,7 +112,7 @@
<div>
<span class="mr-5">移动文件至</span>
<el-select v-model="moveId" placeholder="请选择">
<el-select class="w-[280px]" v-model="moveId" placeholder="请选择">
<template v-for="item in cateLists" :key="item.id">
<el-option
v-if="item.id !== ''"
@ -312,7 +312,7 @@
<div>
<span class="mr-5">移动文件至</span>
<el-select v-model="moveId" placeholder="请选择">
<el-select class="w-[280px]" v-model="moveId" placeholder="请选择">
<template v-for="item in cateLists" :key="item.id">
<el-option
v-if="item.id !== ''"

8
src/views/data/merchant/merchant/index.vue
View File

@ -7,7 +7,7 @@
inline
>
<el-form-item label="商户分类" prop="category_id">
<el-select
<el-select class="w-[280px]"
v-model="queryParams.category_id" clearable placeholder="请选择商户分类">
<el-option label="全部" value=""></el-option>
<el-option
@ -19,7 +19,7 @@
</el-select>
</el-form-item>
<el-form-item label="店铺类型" prop="type_id">
<el-select
<el-select class="w-[280px]"
v-model="queryParams.type_id" clearable placeholder="请选择店铺类型">
<el-option label="全部" value=""></el-option>
<el-option
@ -34,7 +34,7 @@
<el-input class="w-[280px]" v-model="queryParams.mer_name" clearable placeholder="请输入商户名称" />
</el-form-item>
<el-form-item label="是否支持先货后款" prop="credit_buy">
<el-select
<el-select class="w-[280px]"
v-model="queryParams.credit_buy" clearable placeholder="请选择是否支持先货后款">
<el-option label="全部" value=""></el-option>
<el-option
@ -46,7 +46,7 @@
</el-select>
</el-form-item>
<el-form-item label="商户是否禁用0锁定,1正常" prop="status">
<el-select
<el-select class="w-[280px]"
v-model="queryParams.status" clearable placeholder="请选择商户是否禁用0锁定,1正常">
<el-option label="全部" value=""></el-option>
<el-option

191
src/views/data/supplier/supplier/details.vue Normal file
View File

@ -0,0 +1,191 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
title="详情"
:async="true"
width="550px"
:cancelButtonText="false"
:confirmButtonText="false"
>
<el-form ref="formRef" :model="formData" label-width="90px">
<el-form-item label="商户分类 id" prop="category_id">
<el-input v-model="formData.category_id" clearable placeholder="请输入商户分类 id" :readonly="true"/>
</el-form-item>
<el-form-item label="店铺类型 id" prop="type_id">
<el-input v-model="formData.type_id" clearable placeholder="请输入店铺类型 id" :readonly="true"/>
</el-form-item>
<el-form-item label="商户名称" prop="mer_name">
<el-input v-model="formData.mer_name" clearable placeholder="请输入商户名称" :readonly="true"/>
</el-form-item>
<el-form-item label="结算周期，单位天" prop="settle_cycle">
<el-input v-model="formData.settle_cycle" clearable placeholder="请输入结算周期，单位天" :readonly="true"/>
</el-form-item>
<el-form-item label="利率" prop="interest_rate">
<el-input v-model="formData.interest_rate" clearable placeholder="请输入利率" :readonly="true"/>
</el-form-item>
<el-form-item label="标签" prop="sys_labels">
<el-input v-model="formData.sys_labels" clearable placeholder="请输入标签" :readonly="true"/>
</el-form-item>
<el-form-item label="城市code" prop="city_id">
<el-input v-model="formData.city_id" clearable placeholder="请输入城市code" :readonly="true"/>
</el-form-item>
<el-form-item label="区县code" prop="area_id">
<el-input v-model="formData.area_id" clearable placeholder="请输入区县code" :readonly="true"/>
</el-form-item>
<el-form-item label="镇街表code" prop="street_id">
<el-input v-model="formData.street_id" clearable placeholder="请输入镇街表code" :readonly="true"/>
</el-form-item>
<el-form-item label="村code" prop="village_id">
<el-input v-model="formData.village_id" clearable placeholder="请输入村code" :readonly="true"/>
</el-form-item>
<el-form-item label="商户地址" prop="mer_address">
<el-input v-model="formData.mer_address" clearable placeholder="请输入商户地址" :readonly="true"/>
</el-form-item>
<el-form-item label="商户头像" prop="mer_avatar">
<el-input v-model="formData.mer_avatar" clearable placeholder="请输入商户头像" :readonly="true"/>
</el-form-item>
<el-form-item label="商户备注" prop="mark">
<el-input v-model="formData.mark" clearable placeholder="请输入商户备注" :readonly="true"/>
</el-form-item>
<el-form-item label="商户是否禁用0锁定,1正常" prop="status">
<el-radio-group v-model="formData.status" placeholder="请选择商户是否禁用0锁定,1正常" :disabled="true">
<el-radio
v-for="(item, index) in dictData.show_status"
:key="index"
:label="parseInt(item.value)"
>
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="提成比例" prop="commission_rate">
<el-input v-model="formData.commission_rate" clearable placeholder="请输入提成比例" :readonly="true"/>
</el-form-item>
<el-form-item label="商户手续费单独设置 0 关闭 1 开启" prop="commission_switch">
<el-radio-group v-model="formData.commission_switch" placeholder="请选择商户手续费单独设置 0 关闭 1 开启" :disabled="true">
<el-radio
v-for="(item, index) in dictData.show_status"
:key="index"
:label="parseInt(item.value)"
>
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="经度" prop="long">
<el-input v-model="formData.long" clearable placeholder="请输入经度" :readonly="true"/>
</el-form-item>
<el-form-item label="纬度" prop="lat">
<el-input v-model="formData.lat" clearable placeholder="请输入纬度" :readonly="true"/>
</el-form-item>
<el-form-item label="店铺电话" prop="service_phone">
<el-input v-model="formData.service_phone" clearable placeholder="请输入店铺电话" :readonly="true"/>
</el-form-item>
<el-form-item label="商户余额" prop="mer_money">
<el-input v-model="formData.mer_money" clearable placeholder="请输入商户余额" :readonly="true"/>
</el-form-item>
<el-form-item label="银行卡转账信息" prop="financial_bank">
<el-input v-model="formData.financial_bank" clearable placeholder="请输入银行卡转账信息" :readonly="true"/>
</el-form-item>
<el-form-item label="微信转账信息" prop="financial_wechat">
<el-input v-model="formData.financial_wechat" clearable placeholder="请输入微信转账信息" :readonly="true"/>
</el-form-item>
<el-form-item label="支付宝转账信息" prop="financial_alipay">
<el-input v-model="formData.financial_alipay" clearable placeholder="请输入支付宝转账信息" :readonly="true"/>
</el-form-item>
<el-form-item label="默认使用类型" prop="financial_type">
<el-input v-model="formData.financial_type" clearable placeholder="请输入默认使用类型" :readonly="true"/>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="supplierDETAILS">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiSupplierAdd, apiSupplierEdit, apiSupplierDetail } from '@/api/supplier'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
// 表单数据
const formData = reactive({
id: '',
category_id: '',
type_id: '',
mer_name: '',
settle_cycle: '',
interest_rate: '',
sys_labels: '',
city_id: '',
area_id: '',
street_id: '',
village_id: '',
mer_address: '',
mer_avatar: '',
mark: '',
status: '',
commission_rate: '',
commission_switch: '',
long: '',
lat: '',
service_phone: '',
mer_money: '',
financial_bank: '',
financial_wechat: '',
financial_alipay: '',
financial_type: '',
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiSupplierDetail({
id: row.id
})
setFormData(data)
}
//打开弹窗
const open = () => {
popupRef.value?.open()
}
// 关闭回调
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

208
src/views/data/supplier/supplier/edit.vue
View File

@ -9,76 +9,93 @@
@close="handleClose"
>
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入名称" />
<el-form-item label="商户分类 id" prop="category_id">
<el-input v-model="formData.category_id" clearable placeholder="请输入商户分类 id" :readonly="false"/>
</el-form-item>
<el-form-item label="首拼信息" prop="py">
<el-input v-model="formData.py" clearable placeholder="请输入首拼信息" />
<el-form-item label="店铺类型 id" prop="type_id">
<el-input v-model="formData.type_id" clearable placeholder="请输入店铺类型 id" :readonly="false"/>
</el-form-item>
<el-form-item label="编号" prop="number">
<el-input v-model="formData.number" clearable placeholder="请输入编号" />
<el-form-item label="商户名称" prop="mer_name">
<el-input v-model="formData.mer_name" clearable placeholder="请输入商户名称" :readonly="false"/>
</el-form-item>
<el-form-item label="所属用户" prop="uid">
<el-input v-model="formData.uid" clearable placeholder="请输入所属用户" />
<el-form-item label="结算周期，单位天" prop="settle_cycle">
<el-input v-model="formData.settle_cycle" clearable placeholder="请输入结算周期，单位天" :readonly="false"/>
</el-form-item>
<el-form-item label="联系人" prop="contacts">
<el-input v-model="formData.contacts" clearable placeholder="请输入联系人" />
<el-form-item label="利率" prop="interest_rate">
<el-input v-model="formData.interest_rate" clearable placeholder="请输入利率" :readonly="false"/>
</el-form-item>
<el-form-item label="联系电话" prop="tel">
<el-input v-model="formData.tel" clearable placeholder="请输入联系电话" />
<el-form-item label="标签" prop="sys_labels">
<el-input v-model="formData.sys_labels" clearable placeholder="请输入标签" :readonly="false"/>
</el-form-item>
<el-form-item label="地址" prop="add">
<el-input v-model="formData.add" clearable placeholder="请输入地址" />
<el-form-item label="城市code" prop="city_id">
<el-input v-model="formData.city_id" clearable placeholder="请输入城市code" :readonly="false"/>
</el-form-item>
<el-form-item label="开户行" prop="bank">
<el-input v-model="formData.bank" clearable placeholder="请输入开户行" />
<el-form-item label="区县code" prop="area_id">
<el-input v-model="formData.area_id" clearable placeholder="请输入区县code" :readonly="false"/>
</el-form-item>
<el-form-item label="银行账号" prop="account">
<el-input v-model="formData.account" clearable placeholder="请输入银行账号" />
<el-form-item label="镇街表code" prop="street_id">
<el-input v-model="formData.street_id" clearable placeholder="请输入镇街表code" :readonly="false"/>
</el-form-item>
<el-form-item label="税号" prop="tax">
<el-input v-model="formData.tax" clearable placeholder="请输入税号" />
<el-form-item label="村code" prop="village_id">
<el-input v-model="formData.village_id" clearable placeholder="请输入村code" :readonly="false"/>
</el-form-item>
<el-form-item label="社交账号" prop="other">
<el-input v-model="formData.other" clearable placeholder="请输入社交账号" />
<el-form-item label="商户地址" prop="mer_address">
<el-input v-model="formData.mer_address" clearable placeholder="请输入商户地址" :readonly="false"/>
</el-form-item>
<el-form-item label="邮箱" prop="email">
<el-input v-model="formData.email" clearable placeholder="请输入邮箱" />
<el-form-item label="商户头像" prop="mer_avatar">
<el-input v-model="formData.mer_avatar" clearable placeholder="请输入商户头像" :readonly="false"/>
</el-form-item>
<el-form-item label="备注信息" prop="data">
<el-input v-model="formData.data" clearable placeholder="请输入备注信息" />
<el-form-item label="商户备注" prop="mark">
<el-input v-model="formData.mark" clearable placeholder="请输入商户备注" :readonly="false"/>
</el-form-item>
<el-form-item label="扩展信息" prop="more">
<el-input v-model="formData.more" clearable placeholder="请输入扩展信息" />
<el-form-item label="商户是否禁用0锁定,1正常" prop="status">
<el-radio-group v-model="formData.status" placeholder="请选择商户是否禁用0锁定,1正常" :disabled="false">
<el-radio
v-for="(item, index) in dictData.show_status"
:key="index"
:label="parseInt(item.value)"
>
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="供应商类型" prop="supplier_type">
<el-select class="flex-1" v-model="formData.supplier_type" clearable placeholder="请选择供应商类型">
<el-option
v-for="(item, index) in dictData.supplier_type"
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/>
</el-select>
<el-form-item label="提成比例" prop="commission_rate">
<el-input v-model="formData.commission_rate" clearable placeholder="请输入提成比例" :readonly="false"/>
</el-form-item>
<el-form-item label="税率" prop="tax_rate">
<el-input v-model="formData.tax_rate" clearable placeholder="请输入税率" />
<el-form-item label="商户手续费单独设置 0 关闭 1 开启" prop="commission_switch">
<el-radio-group v-model="formData.commission_switch" placeholder="请选择商户手续费单独设置 0 关闭 1 开启" :disabled="false">
<el-radio
v-for="(item, index) in dictData.show_status"
:key="index"
:label="parseInt(item.value)"
>
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="发票类型" prop="invoice_type">
<el-select class="flex-1" v-model="formData.invoice_type" clearable placeholder="请选择发票类型">
<el-option
v-for="(item, index) in dictData.invoice_type"
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/>
</el-select>
<el-form-item label="经度" prop="long">
<el-input v-model="formData.long" clearable placeholder="请输入经度" :readonly="false"/>
</el-form-item>
<el-form-item label="组织架构" prop="dept_type">
<el-input v-model="formData.dept_type" clearable placeholder="请输入组织架构" />
<el-form-item label="纬度" prop="lat">
<el-input v-model="formData.lat" clearable placeholder="请输入纬度" :readonly="false"/>
</el-form-item>
<el-form-item label="排序" prop="sort">
<el-input v-model="formData.sort" clearable placeholder="请输入排序" />
<el-form-item label="店铺电话" prop="service_phone">
<el-input v-model="formData.service_phone" clearable placeholder="请输入店铺电话" :readonly="false"/>
</el-form-item>
<el-form-item label="商户余额" prop="mer_money">
<el-input v-model="formData.mer_money" clearable placeholder="请输入商户余额" :readonly="false"/>
</el-form-item>
<el-form-item label="银行卡转账信息" prop="financial_bank">
<el-input v-model="formData.financial_bank" clearable placeholder="请输入银行卡转账信息" :readonly="false"/>
</el-form-item>
<el-form-item label="微信转账信息" prop="financial_wechat">
<el-input v-model="formData.financial_wechat" clearable placeholder="请输入微信转账信息" :readonly="false"/>
</el-form-item>
<el-form-item label="支付宝转账信息" prop="financial_alipay">
<el-input v-model="formData.financial_alipay" clearable placeholder="请输入支付宝转账信息" :readonly="false"/>
</el-form-item>
<el-form-item label="默认使用类型" prop="financial_type">
<el-input v-model="formData.financial_type" clearable placeholder="请输入默认使用类型" :readonly="false"/>
</el-form-item>
</el-form>
</popup>
@ -111,33 +128,78 @@ const popupTitle = computed(() => {
// 表单数据
const formData = reactive({
id: '',
name: '',
py: '',
number: '',
uid: '',
contacts: '',
tel: '',
add: '',
bank: '',
account: '',
tax: '',
other: '',
email: '',
data: '',
more: '',
supplier_type: '',
tax_rate: '',
invoice_type: '',
dept_type: '',
sort: '',
category_id: '',
type_id: '',
mer_name: '',
settle_cycle: '',
interest_rate: '',
sys_labels: '',
city_id: '',
area_id: '',
street_id: '',
village_id: '',
mer_address: '',
mer_avatar: '',
mark: '',
status: '',
commission_rate: '',
commission_switch: '',
long: '',
lat: '',
service_phone: '',
mer_money: '',
financial_bank: '',
financial_wechat: '',
financial_alipay: '',
financial_type: '',
})
// 表单验证
const formRules = reactive<any>({
name: [{
category_id: [{
required: true,
message: '请输入名称',
message: '请输入商户分类 id',
trigger: ['blur']
}],
mer_name: [{
required: true,
message: '请输入商户名称',
trigger: ['blur']
}],
settle_cycle: [{
required: true,
message: '请输入结算周期，单位天',
trigger: ['blur']
}],
interest_rate: [{
required: true,
message: '请输入利率',
trigger: ['blur']
}],
mer_address: [{
required: true,
message: '请输入商户地址',
trigger: ['blur']
}],
mark: [{
required: true,
message: '请输入商户备注',
trigger: ['blur']
}],
status: [{
required: true,
message: '请选择商户是否禁用0锁定,1正常',
trigger: ['blur']
}],
service_phone: [{
required: true,
message: '请输入店铺电话',
trigger: ['blur']
}],
mer_money: [{
required: true,
message: '请输入商户余额',
trigger: ['blur']
}]
})

69
src/views/data/supplier/supplier/index.vue
View File

@ -6,33 +6,14 @@
:model="queryParams"
inline
>
<el-form-item label="名称" prop="name">
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入名称" />
<el-form-item label="商户分类 id" prop="category_id">
<el-input class="w-[280px]" v-model="queryParams.category_id" clearable placeholder="请输入商户分类 id" />
</el-form-item>
<el-form-item label="联系电话" prop="tel">
<el-input class="w-[280px]" v-model="queryParams.tel" clearable placeholder="请输入联系电话" />
<el-form-item label="店铺类型 id" prop="type_id">
<el-input class="w-[280px]" v-model="queryParams.type_id" clearable placeholder="请输入店铺类型 id" />
</el-form-item>
<el-form-item label="供应商类型" prop="supplier_type">
<el-select class="w-[280px]" v-model="queryParams.supplier_type" clearable placeholder="请选择供应商类型">
<el-option label="全部" value=""></el-option>
<el-option
v-for="(item, index) in dictData.supplier_type"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="发票类型" prop="invoice_type">
<el-select class="w-[280px]" v-model="queryParams.invoice_type" clearable placeholder="请选择发票类型">
<el-option label="全部" value=""></el-option>
<el-option
v-for="(item, index) in dictData.invoice_type"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
<el-form-item label="商户名称" prop="mer_name">
<el-input class="w-[280px]" v-model="queryParams.mer_name" clearable placeholder="请输入商户名称" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
@ -57,28 +38,25 @@
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="" prop="id" show-overflow-tooltip />
<el-table-column label="名称" prop="name" show-overflow-tooltip />
<el-table-column label="首拼信息" prop="py" show-overflow-tooltip />
<el-table-column label="编号" prop="number" show-overflow-tooltip />
<el-table-column label="所属用户" prop="uid" show-overflow-tooltip />
<el-table-column label="联系人" prop="contacts" show-overflow-tooltip />
<el-table-column label="联系电话" prop="tel" show-overflow-tooltip />
<el-table-column label="开户行" prop="bank" show-overflow-tooltip />
<el-table-column label="银行账号" prop="account" show-overflow-tooltip />
<el-table-column label="税号" prop="tax" show-overflow-tooltip />
<el-table-column label="供应商类型" prop="supplier_type">
<el-table-column label="商户分类 id" prop="category_id" show-overflow-tooltip />
<el-table-column label="店铺类型 id" prop="type_id" show-overflow-tooltip />
<el-table-column label="商户名称" prop="mer_name" show-overflow-tooltip />
<el-table-column label="结算周期，单位天" prop="settle_cycle" show-overflow-tooltip />
<el-table-column label="利率" prop="interest_rate" show-overflow-tooltip />
<el-table-column label="标签" prop="sys_labels" show-overflow-tooltip />
<el-table-column label="商户地址" prop="mer_address" show-overflow-tooltip />
<el-table-column label="商户是否禁用0锁定,1正常" prop="status">
<template #default="{ row }">
<dict-value :options="dictData.supplier_type" :value="row.supplier_type" />
<dict-value :options="dictData.show_status" :value="row.status" />
</template>
</el-table-column>
<el-table-column label="税率" prop="tax_rate" show-overflow-tooltip />
<el-table-column label="发票类型" prop="invoice_type">
<el-table-column label="提成比例" prop="commission_rate" show-overflow-tooltip />
<el-table-column label="商户手续费单独设置 0 关闭 1 开启" prop="commission_switch">
<template #default="{ row }">
<dict-value :options="dictData.invoice_type" :value="row.invoice_type" />
<dict-value :options="dictData.show_status" :value="row.commission_switch" />
</template>
</el-table-column>
<el-table-column label="组织架构" prop="dept_type" show-overflow-tooltip />
<el-table-column label="商户余额" prop="mer_money" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button
@ -124,10 +102,9 @@ const showEdit = ref(false)
// 查询条件
const queryParams = reactive({
name: '',
tel: '',
supplier_type: '',
invoice_type: ''
category_id: '',
type_id: '',
mer_name: ''
})
// 选中数据
@ -139,7 +116,7 @@ const handleSelectionChange = (val: any[]) => {
}
// 获取字典数据
const { dictData } = useDictData('supplier_type,invoice_type')
const { dictData } = useDictData('show_status')
// 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({

131
src/views/data/user/user/details.vue Normal file
View File

@ -0,0 +1,131 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
title="详情"
:async="true"
width="550px"
:cancelButtonText="false"
:confirmButtonText="false"
>
<el-form ref="formRef" :model="formData" label-width="90px">
<el-form-item label="头像" prop="avatar">
<el-input v-model="formData.avatar" clearable placeholder="请输入头像" :readonly="true"/>
</el-form-item>
<el-form-item label="真实姓名" prop="real_name">
<el-input v-model="formData.real_name" clearable placeholder="请输入真实姓名" :readonly="true"/>
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="formData.nickname" clearable placeholder="请输入用户昵称" :readonly="true"/>
</el-form-item>
<el-form-item label="用户账号" prop="account">
<el-input v-model="formData.account" clearable placeholder="请输入用户账号" :readonly="true"/>
</el-form-item>
<el-form-item label="用户密码" prop="password">
<el-input v-model="formData.password" clearable placeholder="请输入用户密码" :readonly="true"/>
</el-form-item>
<el-form-item label="用户电话" prop="mobile">
<el-input v-model="formData.mobile" clearable placeholder="请输入用户电话" :readonly="true"/>
</el-form-item>
<el-form-item label="用户性别: [1=男, 2=女]" prop="sex">
<el-radio-group v-model="formData.sex" placeholder="请选择用户性别: [1=男, 2=女]" :disabled="true">
<el-radio
v-for="(item, index) in dictData.sex_type"
:key="index"
:label="parseInt(item.value)"
>
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否禁用: [0=否, 1=是]" prop="is_disable">
<el-radio-group v-model="formData.is_disable" placeholder="请选择是否禁用: [0=否, 1=是]" :disabled="true">
<el-radio
v-for="(item, index) in dictData.system_disable"
:key="index"
:label="parseInt(item.value)"
>
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="用户余额" prop="user_money">
<el-input v-model="formData.user_money" clearable placeholder="请输入用户余额" :readonly="true"/>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="userDETAILS">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiUserAdd, apiUserEdit, apiUserDetail } from '@/api/user'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
// 表单数据
const formData = reactive({
id: '',
avatar: '',
real_name: '',
nickname: '',
account: '',
password: '',
mobile: '',
sex: '',
is_disable: '',
user_money: '',
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiUserDetail({
id: row.id
})
setFormData(data)
}
//打开弹窗
const open = () => {
popupRef.value?.open()
}
// 关闭回调
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

177
src/views/data/user/user/edit.vue Normal file
View File

@ -0,0 +1,177 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="550px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="头像" prop="avatar">
<el-input v-model="formData.avatar" clearable placeholder="请输入头像" :readonly="false"/>
</el-form-item>
<el-form-item label="真实姓名" prop="real_name">
<el-input v-model="formData.real_name" clearable placeholder="请输入真实姓名" :readonly="false"/>
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="formData.nickname" clearable placeholder="请输入用户昵称" :readonly="false"/>
</el-form-item>
<el-form-item label="用户账号" prop="account">
<el-input v-model="formData.account" clearable placeholder="请输入用户账号" :readonly="false"/>
</el-form-item>
<el-form-item label="用户密码" prop="password">
<el-input v-model="formData.password" clearable placeholder="请输入用户密码" :readonly="false"/>
</el-form-item>
<el-form-item label="用户电话" prop="mobile">
<el-input v-model="formData.mobile" clearable placeholder="请输入用户电话" :readonly="false"/>
</el-form-item>
<el-form-item label="用户性别: [1=男, 2=女]" prop="sex">
<el-radio-group v-model="formData.sex" placeholder="请选择用户性别: [1=男, 2=女]" :disabled="false">
<el-radio
v-for="(item, index) in dictData.sex_type"
:key="index"
:label="parseInt(item.value)"
>
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否禁用: [0=否, 1=是]" prop="is_disable">
<el-radio-group v-model="formData.is_disable" placeholder="请选择是否禁用: [0=否, 1=是]" :disabled="false">
<el-radio
v-for="(item, index) in dictData.system_disable"
:key="index"
:label="parseInt(item.value)"
>
{{ item.name }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="用户余额" prop="user_money">
<el-input v-model="formData.user_money" clearable placeholder="请输入用户余额" :readonly="false"/>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="userEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiUserAdd, apiUserEdit, apiUserDetail } from '@/api/user'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
// 弹窗标题
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑用户表' : '新增用户表'
})
// 表单数据
const formData = reactive({
id: '',
avatar: '',
real_name: '',
nickname: '',
account: '',
password: '',
mobile: '',
sex: '',
is_disable: '',
user_money: '',
})
// 表单验证
const formRules = reactive<any>({
real_name: [{
required: true,
message: '请输入真实姓名',
trigger: ['blur']
}],
nickname: [{
required: true,
message: '请输入用户昵称',
trigger: ['blur']
}],
account: [{
required: true,
message: '请输入用户账号',
trigger: ['blur']
}],
password: [{
required: true,
message: '请输入用户密码',
trigger: ['blur']
}],
mobile: [{
required: true,
message: '请输入用户电话',
trigger: ['blur']
}]
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiUserDetail({
id: row.id
})
setFormData(data)
}
// 提交按钮
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiUserEdit(data)
: await apiUserAdd(data)
popupRef.value?.close()
emit('success')
}
//打开弹窗
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
// 关闭回调
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

156
src/views/data/user/user/index.vue Normal file
View File

@ -0,0 +1,156 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form
class="mb-[-16px]"
:model="queryParams"
inline
>
<el-form-item label="用户昵称" prop="nickname">
<el-input class="w-[280px]" v-model="queryParams.nickname" clearable placeholder="请输入用户昵称" />
</el-form-item>
<el-form-item label="用户账号" prop="account">
<el-input class="w-[280px]" v-model="queryParams.account" clearable placeholder="请输入用户账号" />
</el-form-item>
<el-form-item label="用户电话" prop="mobile">
<el-input class="w-[280px]" v-model="queryParams.mobile" clearable placeholder="请输入用户电话" />
</el-form-item>
<el-form-item label="是否禁用: [0=否, 1=是]" prop="is_disable">
<el-select class="w-[280px]"
v-model="queryParams.is_disable" clearable placeholder="请选择是否禁用: [0=否, 1=是]">
<el-option label="全部" value=""></el-option>
<el-option
v-for="(item, index) in dictData.system_disable"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['user.user/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button
v-perms="['user.user/delete']"
:disabled="!selectData.length"
@click="handleDelete(selectData)"
>
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="主键" prop="id" show-overflow-tooltip />
<el-table-column label="头像" prop="avatar" show-overflow-tooltip />
<el-table-column label="真实姓名" prop="real_name" show-overflow-tooltip />
<el-table-column label="用户昵称" prop="nickname" show-overflow-tooltip />
<el-table-column label="用户账号" prop="account" show-overflow-tooltip />
<el-table-column label="用户电话" prop="mobile" show-overflow-tooltip />
<el-table-column label="用户性别: [1=男, 2=女]" prop="sex">
<template #default="{ row }">
<dict-value :options="dictData.sex_type" :value="row.sex" />
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button
v-perms="['user.user/edit']"
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['user.user/delete']"
type="danger"
link
@click="handleDelete(row.id)"
>
删除
</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>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="userLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiUserLists, apiUserDelete } from '@/api/user'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
// 是否显示编辑框
const showEdit = ref(false)
// 查询条件
const queryParams = reactive({
nickname: '',
account: '',
mobile: '',
is_disable: ''
})
// 选中数据
const selectData = ref<any[]>([])
// 表格选择后回调事件
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
// 获取字典数据
const { dictData } = useDictData('sex_type,system_disable')
// 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiUserLists,
params: queryParams
})
// 添加
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
// 编辑
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
// 删除
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除？')
await apiUserDelete({ id })
getLists()
}
getLists()
</script>

4
src/views/dev_tools/code/edit.vue
View File

@ -152,7 +152,7 @@
</el-table-column>
<el-table-column label="查询方式">
<template v-slot="{ row }">
<el-select v-model="row.query_type">
<el-select class="w-[280px]" v-model="row.query_type">
<el-option label="=" value="=" />
<el-option label="!=" value="!=" />
<el-option label=">" value=">" />
@ -180,7 +180,7 @@
</el-table-column>
<el-table-column label="字典类型" min-width="120">
<template v-slot="{ row }">
<el-select
<el-select class="w-[280px]"
v-model="row.dict_type"
clearable
:disabled="

83
src/views/goods/goods_label/details.vue Normal file
View File

@ -0,0 +1,83 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
title="详情"
:async="true"
width="550px"
:cancelButtonText="false"
:confirmButtonText="false"
>
<el-form ref="formRef" :model="formData" label-width="90px">
<el-form-item label="标签名" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入" :readonly="true"/>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="goodsLabelDETAILS">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiGoodsLabelAdd, apiGoodsLabelEdit, apiGoodsLabelDetail } from '@/api/goods_label'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
// 表单数据
const formData = reactive({
id: '',
name: '',
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiGoodsLabelDetail({
id: row.id
})
setFormData(data)
}
//打开弹窗
const open = () => {
popupRef.value?.open()
}
// 关闭回调
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

109
src/views/goods/goods_label/edit.vue Normal file
View File

@ -0,0 +1,109 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="550px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
<el-form-item label="标签名" prop="name" required>
<el-input v-model="formData.name" clearable placeholder="请输入" :readonly="false"/>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="goodsLabelEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiGoodsLabelAdd, apiGoodsLabelEdit, apiGoodsLabelDetail } from '@/api/goods_label'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
// 弹窗标题
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑商品标签' : '新增商品标签'
})
// 表单数据
const formData = reactive({
id: '',
name: '',
})
// 表单验证
const formRules = reactive<any>({
name: [{
required: true,
message: '请输入标签名',
trigger: 'blur'
}]
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiGoodsLabelDetail({
id: row.id
})
setFormData(data)
}
// 提交按钮
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiGoodsLabelEdit(data)
: await apiGoodsLabelAdd(data)
popupRef.value?.close()
emit('success')
}
//打开弹窗
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
// 关闭回调
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

126
src/views/goods/goods_label/index.vue Normal file
View File

@ -0,0 +1,126 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form
class="mb-[-16px]"
:model="queryParams"
inline
>
<el-form-item label="" prop="name">
<el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['goods.goods_label/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button
v-perms="['goods.goods_label/delete']"
:disabled="!selectData.length"
@click="handleDelete(selectData)"
>
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="ID" prop="id" show-overflow-tooltip />
<el-table-column label="标签名" prop="name" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button
v-perms="['goods.goods_label/edit']"
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['goods.goods_label/delete']"
type="danger"
link
@click="handleDelete(row.id)"
>
删除
</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>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="goodsLabelLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiGoodsLabelLists, apiGoodsLabelDelete } from '@/api/goods_label'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
// 是否显示编辑框
const showEdit = ref(false)
// 查询条件
const queryParams = reactive({
name: ''
})
// 选中数据
const selectData = ref<any[]>([])
// 表格选择后回调事件
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
// 获取字典数据
const { dictData } = useDictData('')
// 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiGoodsLabelLists,
params: queryParams
})
// 添加
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
// 编辑
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
// 删除
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除？')
await apiGoodsLabelDelete({ id })
getLists()
}
getLists()
</script>

81
src/views/opurchase/opurchaseclass/details.vue Normal file
View File

@ -0,0 +1,81 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
title="详情"
:async="true"
width="550px"
:cancelButtonText="false"
:confirmButtonText="false"
>
<el-form ref="formRef" :model="formData" label-width="90px">
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="opurchaseclassDETAILS">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiOpurchaseclassAdd, apiOpurchaseclassEdit, apiOpurchaseclassDetail } from '@/api/opurchaseclass'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
// 表单数据
const formData = reactive({
id: '',
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiOpurchaseclassDetail({
id: row.id
})
setFormData(data)
}
//打开弹窗
const open = () => {
popupRef.value?.open()
}
// 关闭回调
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

103
src/views/opurchase/opurchaseclass/edit.vue Normal file
View File

@ -0,0 +1,103 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="550px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup name="opurchaseclassEdit">
import type { FormInstance } from 'element-plus'
import Popup from '@/components/popup/index.vue'
import { apiOpurchaseclassAdd, apiOpurchaseclassEdit, apiOpurchaseclassDetail } from '@/api/opurchaseclass'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue'
defineProps({
dictData: {
type: Object as PropType<Record<string, any[]>>,
default: () => ({})
}
})
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add')
// 弹窗标题
const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑采购订单' : '新增采购订单'
})
// 表单数据
const formData = reactive({
id: '',
})
// 表单验证
const formRules = reactive<any>({
})
// 获取详情
const setFormData = async (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await apiOpurchaseclassDetail({
id: row.id
})
setFormData(data)
}
// 提交按钮
const handleSubmit = async () => {
await formRef.value?.validate()
const data = { ...formData, }
mode.value == 'edit'
? await apiOpurchaseclassEdit(data)
: await apiOpurchaseclassAdd(data)
popupRef.value?.close()
emit('success')
}
//打开弹窗
const open = (type = 'add') => {
mode.value = type
popupRef.value?.open()
}
// 关闭回调
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

142
src/views/opurchase/opurchaseclass/index.vue Normal file
View File

@ -0,0 +1,142 @@
<template>
<div>
<el-card class="!border-none mb-4" shadow="never">
<el-form
class="mb-[-16px]"
:model="queryParams"
inline
>
<el-form-item label="所属商户" prop="merchant">
<el-input class="w-[280px]" v-model="queryParams.merchant" clearable placeholder="请输入所属商户" />
</el-form-item>
<el-form-item label="零售订单id" prop="order_arr">
<el-input class="w-[280px]" v-model="queryParams.order_arr" clearable placeholder="请输入零售订单id" />
</el-form-item>
<el-form-item label="单据编号" prop="number">
<el-input class="w-[280px]" v-model="queryParams.number" clearable placeholder="请输入单据编号" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button>
<el-button @click="resetParams">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
<el-button v-perms="['operation.opurchaseclass/add']" type="primary" @click="handleAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
新增
</el-button>
<el-button
v-perms="['operation.opurchaseclass/delete']"
:disabled="!selectData.length"
@click="handleDelete(selectData)"
>
删除
</el-button>
<div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="id" prop="id" show-overflow-tooltip />
<el-table-column label="所属商户" prop="merchant" show-overflow-tooltip />
<el-table-column label="零售订单id" prop="order_arr" show-overflow-tooltip />
<el-table-column label="购物车id" prop="cart_id" show-overflow-tooltip />
<el-table-column label="单据编号" prop="number" show-overflow-tooltip />
<el-table-column label="单据金额" prop="total" show-overflow-tooltip />
<el-table-column label="抵扣金额" prop="deduction_price" show-overflow-tooltip />
<el-table-column label="实际金额" prop="actual" show-overflow-tooltip />
<el-table-column label="实收金额" prop="money" show-overflow-tooltip />
<el-table-column label="是否支付" prop="paid" show-overflow-tooltip />
<el-table-column label="操作" width="120" fixed="right">
<template #default="{ row }">
<el-button
v-perms="['operation.opurchaseclass/edit']"
type="primary"
link
@click="handleEdit(row)"
>
编辑
</el-button>
<el-button
v-perms="['operation.opurchaseclass/delete']"
type="danger"
link
@click="handleDelete(row.id)"
>
删除
</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>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup name="opurchaseclassLists">
import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions'
import { apiOpurchaseclassLists, apiOpurchaseclassDelete } from '@/api/opurchaseclass'
import { timeFormat } from '@/utils/util'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue'
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
// 是否显示编辑框
const showEdit = ref(false)
// 查询条件
const queryParams = reactive({
merchant: '',
order_arr: '',
number: ''
})
// 选中数据
const selectData = ref<any[]>([])
// 表格选择后回调事件
const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id)
}
// 获取字典数据
const { dictData } = useDictData('')
// 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiOpurchaseclassLists,
params: queryParams
})
// 添加
const handleAdd = async () => {
showEdit.value = true
await nextTick()
editRef.value?.open('add')
}
// 编辑
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open('edit')
editRef.value?.setFormData(data)
}
// 删除
const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除？')
await apiOpurchaseclassDelete({ id })
getLists()
}
getLists()
</script>

298
src/views/setting/pay/config/edit.vue Normal file
View File

@ -0,0 +1,298 @@
<template>
<div class="edit-popup">
<popup
ref="popupRef"
:title="popupTitle"
:async="true"
width="550px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form ref="formRef" :model="formData" label-width="84px" :rules="formRules">
<el-form-item label="支付方式">
<el-radio :label="popupTitle" :model-value="popupTitle" />
</el-form-item>
<el-form-item label="显示名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入显示名称" />
</el-form-item>
<el-form-item label="显示图标" prop="image">
<div>
<material-picker :limit="1" :disabled="false" v-model="formData.icon" />
<span class="form-tips">建议尺寸：200*200px</span>
</div>
</el-form-item>
<template v-if="formData.pay_way == PayWayEnum.WECHAT">
<el-form-item prop="config.interface_version" label="微信支付接口版本">
<div>
<el-radio-group v-model="formData.config.interface_version">
<el-radio label="v3"></el-radio>
</el-radio-group>
<div class="form-tips">暂时只支持V3版本</div>
</div>
</el-form-item>
<el-form-item label="商户类型" prop="config.merchant_type">
<div>
<el-radio-group v-model="formData.config.merchant_type">
<el-radio label="ordinary_merchant">普通商户</el-radio>
</el-radio-group>
<div class="form-tips">
暂时只支持普通商户类型，服务商户类型模式暂不支持
</div>
</div>
</el-form-item>
<el-form-item label="微信支付商户号" prop="config.mch_id">
<div class="flex-1">
<el-input
v-model="formData.config.mch_id"
placeholder="请输入微信支付商户号"
/>
<div class="form-tips">微信支付商户号（MCHID）</div>
</div>
</el-form-item>
<el-form-item label="商户API密钥" prop="config.pay_sign_key">
<el-input
v-model="formData.config.pay_sign_key"
placeholder="请输入微信支付商户API密钥"
/>
<span class="form-tips">微信支付商户API密钥（paySignKey）</span>
</el-form-item>
<el-form-item label="微信支付证书" prop="config.apiclient_cert">
<el-input
type="textarea"
rows="3"
v-model="formData.config.apiclient_cert"
placeholder="请输入微信支付证书"
/>
<span class="form-tips">
微信支付证书（apiclient_cert.pem），前往微信商家平台生成并黏贴至此处
</span>
</el-form-item>
<el-form-item label="微信支付证书密钥" prop="config.apiclient_key">
<el-input
type="textarea"
rows="3"
v-model="formData.config.apiclient_key"
placeholder="请输入微信支付证书密钥"
/>
<span class="form-tips">
微信支付证书密钥（apiclient_key.pem），前往微信商家平台生成并黏贴至此处
</span>
</el-form-item>
<el-form-item label="支付授权目录">
<div>
<div>
<span class="mr-[20px]">{{ formData.domain }}</span>
<el-button link type="primary" v-copy="formData.domain">
复制
</el-button>
</div>
<span class="form-tips">
支付授权目录仅用于参考，复制后前往微信商家平台填写
</span>
</div>
</el-form-item>
</template>
<template v-if="formData.pay_way == PayWayEnum.ALIPAY">
<el-form-item label="模式" prop="config.mode">
<div>
<el-radio-group v-model="formData.config.mode">
<el-radio label="normal_mode">普通模式</el-radio>
</el-radio-group>
<div class="form-tips">暂时仅支持支付宝普通模式</div>
</div>
</el-form-item>
<el-form-item label="商户类型" prop="config.merchant_type">
<div>
<el-radio-group v-model="formData.config.merchant_type">
<el-radio label="ordinary_merchant">普通商户</el-radio>
</el-radio-group>
<div class="form-tips">
暂时只支持普通商户类型，服务商户类型模式暂不支持
</div>
</div>
</el-form-item>
<el-form-item label="应用ID" prop="config.app_id">
<div class="flex-1">
<el-input
v-model="formData.config.app_id"
placeholder="请输入支付宝应用ID"
/>
<span class="form-tips"> 支付宝应用APP_ID </span>
</div>
</el-form-item>
<el-form-item label="应用私钥" prop="config.private_key">
<div class="flex-1">
<el-input
type="textarea"
rows="3"
v-model="formData.config.private_key"
placeholder="请输入支付宝应用私钥"
/>
<span class="form-tips">支付宝应用私钥（private_key） </span>
</div>
</el-form-item>
<el-form-item label="支付宝公钥" prop="config.ali_public_key">
<div class="flex-1">
<el-input
type="textarea"
rows="3"
v-model="formData.config.ali_public_key"
placeholder="请输入支付宝公钥"
/>
<span class="form-tips">支付宝公钥（ali_public_key） </span>
</div>
</el-form-item>
</template>
<el-form-item label="排序" prop="sort">
<div>
<el-input-number v-model="formData.sort" :min="0" :max="9999" />
<div class="form-tips">默认为0， 数值越大越排前</div>
</div>
</el-form-item>
</el-form>
</popup>
</div>
</template>
<script lang="ts" setup>
import type { FormInstance, FormRules } from 'element-plus'
import { getPayConfig, setPayConfig } from '@/api/setting/pay'
import Popup from '@/components/popup/index.vue'
const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>()
enum PayWayEnum {
BALANCE = 1,
WECHAT = 2,
ALIPAY = 3
}
const popupTitle = computed(() => {
switch (formData.pay_way) {
case PayWayEnum.BALANCE:
return '余额支付'
case PayWayEnum.WECHAT:
return '微信支付'
case PayWayEnum.ALIPAY:
return '支付宝支付'
}
})
const formData = reactive({
id: '',
pay_way: 0,
name: '',
icon: '',
sort: 0,
remark: '',
domain: '',
config: {
interface_version: '',
merchant_type: '',
mch_id: '',
pay_sign_key: '',
apiclient_cert: '',
apiclient_key: '',
mode: '',
app_id: '',
private_key: '',
ali_public_key: ''
}
})
const formRules: FormRules = {
name: [
{
required: true,
message: '请输入显示名称'
}
],
'config.mch_id': [
{
required: true,
message: '请输入微信支付商户号'
}
],
'config.pay_sign_key': [
{
required: true,
message: '请输入微信支付商户API密钥'
}
],
'config.apiclient_cert': [
{
required: true,
message: '请输入微信支付证书'
}
],
'config.apiclient_key': [
{
required: true,
message: '请输入微信支付证书密钥'
}
],
'config.app_id': [
{
required: true,
message: '请输入支付宝应用ID'
}
],
'config.private_key': [
{
required: true,
message: '请输入支付宝应用私钥'
}
],
'config.ali_public_key': [
{
required: true,
message: '请输入支付宝公钥'
}
]
}
const handleSubmit = async () => {
await formRef.value?.validate()
await setPayConfig(formData)
popupRef.value?.close()
emit('success')
}
const open = () => {
popupRef.value?.open()
}
const setFormData = (data: Record<any, any>) => {
for (const key in formData) {
if (data[key] != null && data[key] != undefined) {
//@ts-ignore
formData[key] = data[key]
}
}
}
const getDetail = async (row: Record<string, any>) => {
const data = await getPayConfig({
id: row.id
})
setFormData(data)
}
const handleClose = () => {
emit('close')
}
defineExpose({
open,
setFormData,
getDetail
})
</script>

63
src/views/setting/pay/config/index.vue Normal file
View File

@ -0,0 +1,63 @@
<template>
<div>
<el-card class="!border-none" shadow="never">
<el-alert
type="warning"
title="温馨提示：设置系统支持的支付方式"
:closable="false"
show-icon
/>
</el-card>
<el-card shadow="never" class="mt-4 !border-none">
<div>
<el-table :data="payConfigList">
<el-table-column prop="pay_way_name" label="支付方式" min-width="150" />
<el-table-column prop="name" label="显示名称" min-width="150" />
<el-table-column label="图标" min-width="150">
<template #default="{ row }">
<el-image
:src="row.icon"
alt="图标"
style="width: 34px; height: 34px"
/>
</template>
</el-table-column>
<el-table-column prop="sort" label="排序" min-width="150" />
<el-table-column label="操作" min-width="80" fixed="right">
<!-- 操作 -->
<template #default="{ row }">
<el-button
v-perms="['setting.pay.pay_config/setConfig']"
link
type="primary"
@click="handleEdit(row)"
>
配置
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-card>
<edit-popup v-if="showEdit" ref="editRef" @success="getConfig" @close="showEdit = false" />
</div>
</template>
<script lang="ts" setup>
import { getPayConfigLists } from '@/api/setting/pay'
import EditPopup from './edit.vue'
const payConfigList = ref<any[]>([])
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
const showEdit = ref(false)
const getConfig = async () => {
const { lists } = await getPayConfigLists()
payConfigList.value = lists
}
const handleEdit = async (data: any) => {
showEdit.value = true
await nextTick()
editRef.value?.open()
editRef.value?.getDetail(data)
}
getConfig()
</script>

136
src/views/setting/pay/method/index.vue Normal file
View File

@ -0,0 +1,136 @@
<template>
<div>
<div>
<el-button
type="primary"
v-perms="['setting.pay.pay_way/setPayWay']"
@click="handelSetupPayWay"
>
设置支付方式
</el-button>
</div>
<el-card
shadow="never"
class="mt-4 !border-none"
v-for="(value, scene) in payWay"
:key="scene"
>
<div>
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.MP_WEIXIN">
微信小程序
<span class="form-tips ml-[10px]">在微信小程序中付款的场景</span>
</div>
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.OA">
微信公众号
<span class="form-tips ml-[10px]">
在微信公众号H5页面中付款的场景，公众号类型一般为服务号
</span>
</div>
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.H5">
H5支付
<span class="form-tips ml-[10px]">在浏览器H5页面中付款的场景</span>
</div>
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.PC">
PC支付
<span class="form-tips ml-[10px]">在浏览器PC页面中付款的场景</span>
</div>
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.APP">
APP支付
<span class="form-tips ml-[10px]">在APP付款的场景</span>
</div>
<el-table v-if="value.length" :data="value" style="width: 100%">
<el-table-column label="图标" min-width="150">
<template #default="{ row }">
<el-image
:src="row.icon"
alt="图标"
style="width: 34px; height: 34px"
/>
</template>
</el-table-column>
<el-table-column prop="pay_way_name" label="支付方式" min-width="150" />
<el-table-column label="默认支付" min-width="150">
<template #default="{ row, $index }">
<div>
<template v-if="setupPayWay">
<el-radio
v-model="row.is_default"
:label="1"
@change="changePayDefault($index, scene)"
>
设为默认
</el-radio>
</template>
<template v-else>
<el-tag v-if="row.is_default == 1">默认</el-tag>
<span v-else>-</span>
</template>
</div>
</template>
</el-table-column>
<el-table-column label="开启状态" min-width="150">
<template #default="{ row }">
<el-switch
v-if="setupPayWay"
v-model="row.status"
:active-value="1"
:inactive-value="0"
/>
<span v-else>
{{ row.status == 1 ? '开启' : '关闭' }}
</span>
</template>
</el-table-column>
</el-table>
</div>
</el-card>
<footer-btns v-if="setupPayWay">
<el-button @click="handleCancel">取消</el-button>
<el-button type="primary" @click="handleSubmit">保存</el-button>
</footer-btns>
</div>
</template>
<script lang="ts" setup>
import { getPayWay, setPayWay } from '@/api/setting/pay'
import { cloneDeep } from 'lodash'
enum PaySceneEnum {
MP_WEIXIN = 1,
OA = 2,
H5 = 3,
PC = 4,
APP = 5
}
const payWay = ref<Record<number, any[]>>({})
const setupPayWay = ref(false)
let defaultPayWay = {}
const getConfig = async () => {
payWay.value = await getPayWay()
defaultPayWay = cloneDeep(payWay.value)
}
const handelSetupPayWay = () => {
setupPayWay.value = true
}
const changePayDefault = (index: number, scene: number) => {
payWay.value[scene].forEach((item: any) => {
item.is_default = 0
})
payWay.value[scene][index].is_default = 1
}
const handleCancel = () => {
payWay.value = cloneDeep(defaultPayWay)
setupPayWay.value = false
}
const handleSubmit = async () => {
await setPayWay(payWay.value)
setupPayWay.value = false
getConfig()
}
getConfig()
</script>