更新供销页面
This commit is contained in:
parent
c3d68cb450
commit
ec3385d2ff
@ -4,7 +4,7 @@ ENV = 'development'
|
||||
# http://mer.crmeb.net/admin
|
||||
# base api
|
||||
# VUE_APP_BASE_API = 'http://192.168.31.106:8324'
|
||||
VUE_APP_BASE_API = 'https://mer1.crmeb.net'
|
||||
VUE_APP_BASE_API = 'http://127.0.0.1:8324'
|
||||
|
||||
# socket 连接地址
|
||||
# VUE_APP_WS_URL = 'ws://0.0.0.0:8324'
|
||||
|
||||
380
src/api/supply.js
Normal file
380
src/api/supply.js
Normal file
@ -0,0 +1,380 @@
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import request from './request'
|
||||
|
||||
/**
|
||||
* @description 商户权限管理 -- 列表
|
||||
*/
|
||||
export function supplyMenuListApi(data) {
|
||||
return request.get('supply/menu/lst', data)
|
||||
}
|
||||
/**
|
||||
* @description 商户权限管理 -- 新增表单
|
||||
*/
|
||||
export function supplyMenuCreateApi() {
|
||||
return request.get('supply/menu/create/form')
|
||||
}
|
||||
/**
|
||||
* @description 商户权限管理 -- 编辑表单
|
||||
*/
|
||||
export function supplyMenuUpdateApi(id) {
|
||||
return request.get(`supply/menu/update/form/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 商户权限管理 -- 删除
|
||||
*/
|
||||
export function supplyMenuDeleteApi(id) {
|
||||
return request.delete(`supply/menu/delete/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 列表
|
||||
*/
|
||||
export function supplyListApi(data) {
|
||||
return request.get('system/supply/lst', data)
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 详情
|
||||
*/
|
||||
export function supplyDetail(id) {
|
||||
return request.get(`system/supply/detail/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 新增表单
|
||||
*/
|
||||
export function supplyCreateApi() {
|
||||
return request.get('system/supply/create/form')
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 新增
|
||||
*/
|
||||
export function supplyCreate(data) {
|
||||
return request.post('system/supply/create', data)
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 编辑表单
|
||||
*/
|
||||
export function supplyUpdateApi(id) {
|
||||
return request.get(`system/supply/update/form/${id}`)
|
||||
}
|
||||
|
||||
/**
|
||||
* @description 商户列表 -- 编辑
|
||||
*/
|
||||
export function supplyUpdate(id,data) {
|
||||
return request.post(`system/supply/update/${id}`,data)
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 删除
|
||||
*/
|
||||
export function supplyDeleteApi(id) {
|
||||
return request.delete(`system/supply/delete/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 删除(表单)
|
||||
*/
|
||||
export function supplyDeleteForm(id) {
|
||||
return request.get(`system/supply/delete/${id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 修改开启状态
|
||||
*/
|
||||
export function supplyStatuseApi(id, status) {
|
||||
return request.post(`system/supply/status/${id}`, { status })
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 修改密码
|
||||
*/
|
||||
export function supplyPasswordApi(id) {
|
||||
return request.get(`system/supply/password/form/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 商户分类 -- 列表
|
||||
*/
|
||||
export function categoryListApi(data) {
|
||||
return request.get('system/supply/category/lst', data)
|
||||
}
|
||||
/**
|
||||
* @description 商户分类 -- 新增表单
|
||||
*/
|
||||
export function categoryCreateApi() {
|
||||
return request.get('system/supply/category/form')
|
||||
}
|
||||
/**
|
||||
* @description 商户分类 -- 编辑表单
|
||||
*/
|
||||
export function categoryUpdateApi(id) {
|
||||
return request.get(`system/supply/category/form/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 商户分类 -- 删除
|
||||
*/
|
||||
export function categoryDeleteApi(id) {
|
||||
return request.delete(`system/supply/category/${id}`)
|
||||
}
|
||||
|
||||
/**
|
||||
* @description 商户对账 -- 订单列表
|
||||
*/
|
||||
export function merOrderListApi(id, data) {
|
||||
return request.get(`supply/order/lst/${id}`, data)
|
||||
}
|
||||
/**
|
||||
* @description 商户对账 -- 订单备注
|
||||
*/
|
||||
export function orderMarkApi(id) {
|
||||
return request.get(`supply/order/mark/${id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 商户对账 -- 退款订单列表
|
||||
*/
|
||||
export function refundOrderListApi(id, data) {
|
||||
return request.get(`supply/order/refund/lst/${id}`, data)
|
||||
}
|
||||
/**
|
||||
* @description 退款订单 -- 订单备注
|
||||
*/
|
||||
export function refundMarkApi(id) {
|
||||
return request.get(`supply/order/refund/mark/${id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 对账订单 -- 发起对账单
|
||||
*/
|
||||
export function reconciliationApi(id, data) {
|
||||
return request.post(`supply/order/reconciliation/create/${id}`, data)
|
||||
}
|
||||
/**
|
||||
* @description 对账订单 -- 发起对账单
|
||||
*/
|
||||
export function supplyLoginApi(mer_id) {
|
||||
return request.post(`system/supply/login/${mer_id}`)
|
||||
}
|
||||
/**
|
||||
* @description 申请管理 -- 列表
|
||||
*/
|
||||
export function intentionLstApi(data) {
|
||||
return request.get('supply/intention/lst', data)
|
||||
}
|
||||
/**
|
||||
* @description 申请管理 -- 备注
|
||||
*/
|
||||
export function auditApi(mer_id) {
|
||||
return request.get(`supply/intention/mark/${mer_id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 申请管理 -- 删除
|
||||
*/
|
||||
export function intentionDelte(mer_id) {
|
||||
return request.delete(`supply/intention/delete/${mer_id}`)
|
||||
}
|
||||
/**
|
||||
* @description 申请管理 -- 修改状态
|
||||
*/
|
||||
export function intentionStatusApi(mer_id) {
|
||||
return request.get(`supply/intention/status/${mer_id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 申请管理 -- 编辑复制次数
|
||||
*/
|
||||
export function changeCopyApi(mer_id) {
|
||||
return request.get(`system/supply/changecopy/${mer_id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 申请管理 -- 入驻协议详情
|
||||
*/
|
||||
export function intentionAgreeInfo() {
|
||||
return request.get(`agreement/sys_intention_agree`)
|
||||
}
|
||||
/**
|
||||
* @description 申请管理 -- 入驻协议保存
|
||||
*/
|
||||
export function intentionAgreeUpdate(data) {
|
||||
return request.post(`agreement/sys_intention_agree`,data)
|
||||
}
|
||||
/**
|
||||
* @description 店铺类型 -- 获取说明
|
||||
*/
|
||||
export function getStoreTypeApi(key) {
|
||||
return request.get(`agreement/${key}`)
|
||||
}
|
||||
/**
|
||||
* @description 店铺类型 -- 编辑说明
|
||||
*/
|
||||
export function updateStoreTypeApi(type, data) {
|
||||
return request.post(`agreement/${type}`, data)
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 开启关闭
|
||||
*/
|
||||
export function supplyIsCloseApi(id, status) {
|
||||
return request.post(`system/supply/close/${id}`, { status })
|
||||
}
|
||||
/**
|
||||
* @description 商户列表 -- 开启商户数
|
||||
*/
|
||||
export function supplyCountApi() {
|
||||
return request.get(`system/supply/count`)
|
||||
}
|
||||
|
||||
/**
|
||||
* @description 店铺类型 -- 创建店铺类型
|
||||
*/
|
||||
export function storeTypeCreateApi(data) {
|
||||
return request.post(`supply/type/create`, data)
|
||||
}
|
||||
/**
|
||||
* @description 店铺类型 -- 列表
|
||||
*/
|
||||
export function storeTypeLstApi(data) {
|
||||
return request.get(`supply/type/lst`, data)
|
||||
}
|
||||
/**
|
||||
* @description 店铺类型 -- 店铺权限
|
||||
*/
|
||||
export function storeJurisdictionApi() {
|
||||
return request.get(`supply/type/mer_auth`)
|
||||
}
|
||||
/**
|
||||
* @description 店铺类型 -- 创建店铺类型
|
||||
*/
|
||||
export function storeTypeUpdateApi(id, data) {
|
||||
return request.post(`supply/type/update/${id}`, data)
|
||||
}
|
||||
/**
|
||||
* @description 店铺类型列表 -- 删除
|
||||
*/
|
||||
export function storeTypeDeleteApi(id) {
|
||||
return request.delete(`supply/type/delete/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 店铺类型列表 -- 备注
|
||||
*/
|
||||
export function supplyTypeMarkForm(id) {
|
||||
return request.get(`supply/type/mark/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 店铺类型列表 -- 详情
|
||||
*/
|
||||
export function supplyTypeDetailApi(id) {
|
||||
return request.get(`/supply/type/detail/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 店铺类型 -- 获取选择项
|
||||
*/
|
||||
export function getstoreTypeApi() {
|
||||
return request.get(`supply/type/options`)
|
||||
}
|
||||
/**
|
||||
* @description 商户分类 -- 获取选择项
|
||||
*/
|
||||
export function getMerCateApi() {
|
||||
return request.get(`system/supply/category/options`)
|
||||
}
|
||||
/**
|
||||
* @description 服务申请 -- 列表
|
||||
*/
|
||||
export function getApplymentLst(data) {
|
||||
return request.get(`system/applyments/lst`, data)
|
||||
}
|
||||
/**
|
||||
* @description 服务申请 -- 审核
|
||||
*/
|
||||
export function applymentStatusApi(id, data) {
|
||||
return request.post(`system/applyments/status/${id}`, data)
|
||||
}
|
||||
/**
|
||||
* @description 服务申请 -- 详情
|
||||
*/
|
||||
export function applymentDetailApi(id) {
|
||||
return request.get(`system/applyments/detail/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 商户 -- 分账列表
|
||||
*/
|
||||
export function applymentLstApi(data) {
|
||||
return request.get(`profitsharing/lst`, data)
|
||||
}
|
||||
/**
|
||||
* @description 商户 -- 分账（立即分账）
|
||||
*/
|
||||
export function splitAccountApi(id) {
|
||||
return request.post(`profitsharing/again/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 分账申请 -- 备注
|
||||
*/
|
||||
export function splitAccountMark(id) {
|
||||
return request.get(`system/applyments/mark/${id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 分账管理 -- 导出
|
||||
*/
|
||||
export function ledgerManageExportApi(data) {
|
||||
return request.get(`profitsharing/export`, data)
|
||||
}
|
||||
/**
|
||||
* @description 缴存保证金 -- 列表
|
||||
*/
|
||||
export function marginLstApi(data) {
|
||||
return request.get(`margin/lst`, data)
|
||||
}
|
||||
/**
|
||||
* @description 待缴保证金 -- 列表
|
||||
*/
|
||||
export function marginDepositLstApi(data) {
|
||||
return request.get(`margin/make_up`, data)
|
||||
}
|
||||
/**
|
||||
* @description 待缴保证金 -- 线下付款
|
||||
*/
|
||||
export function marginPaymentApi(id) {
|
||||
return request.get(`margin/local/${id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 退回保证金 -- 列表
|
||||
*/
|
||||
export function marginRefundLstApi(data) {
|
||||
return request.get(`margin/refund/lst`, data)
|
||||
}
|
||||
/**
|
||||
* @description 退回保证金 -- 审核
|
||||
*/
|
||||
export function marginRefundStatus(id) {
|
||||
return request.get(`margin/refund/status/${id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 退回保证金 -- 备注
|
||||
*/
|
||||
export function marginRefundMark(id) {
|
||||
return request.get(`margin/refund/mark/${id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 退回保证金 -- 退回信息
|
||||
*/
|
||||
export function marginRefundInfo(id) {
|
||||
return request.get(`margin/refund/show/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 退回保证金 -- 扣费记录
|
||||
*/
|
||||
export function marginDeductionRecord(id, data) {
|
||||
return request.get(`margin/list/${id}`, data)
|
||||
}
|
||||
/**
|
||||
* @description 退回保证金 -- 保证金扣费
|
||||
*/
|
||||
export function marginDeductionForm(id) {
|
||||
return request.get(`margin/set/${id}/form`)
|
||||
}
|
||||
/**
|
||||
* @description 商户详情 -- 操作记录
|
||||
*/
|
||||
export function supplyOperateLog(id, data) {
|
||||
return request.get(`system/supply/get_operate_list/${id}`, data)
|
||||
}
|
||||
@ -39,6 +39,7 @@ import stationRouter from "./modules/station";
|
||||
import serviceRouter from "./modules/service";
|
||||
import communityRouter from "./modules/community";
|
||||
import deliveryRouter from "./modules/delivery";
|
||||
import supplyRouter from "./modules/supply";
|
||||
|
||||
export const constantRoutes = [
|
||||
configRouter,
|
||||
@ -64,6 +65,7 @@ export const constantRoutes = [
|
||||
serviceRouter,
|
||||
communityRouter,
|
||||
deliveryRouter,
|
||||
supplyRouter,
|
||||
{
|
||||
path: roterPre,
|
||||
component: Layout,
|
||||
|
||||
135
src/router/modules/supply.js
Normal file
135
src/router/modules/supply.js
Normal file
@ -0,0 +1,135 @@
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import Layout from '@/layout'
|
||||
import { roterPre } from '@/settings'
|
||||
const supplyRouter =
|
||||
{
|
||||
path: `${roterPre}/supply`,
|
||||
name: 'supply',
|
||||
meta: {
|
||||
icon: 'dashboard',
|
||||
title: '商户管理'
|
||||
},
|
||||
alwaysShow: true,
|
||||
component: Layout,
|
||||
children: [
|
||||
{
|
||||
path: 'system',
|
||||
name: 'SupplySystem',
|
||||
meta: {
|
||||
title: '商户权限管理',
|
||||
noCache: true
|
||||
},
|
||||
component: () => import('@/views/supply/system/index')
|
||||
},
|
||||
{
|
||||
path: 'list',
|
||||
name: 'SupplyList',
|
||||
meta: {
|
||||
title: '商户列表',
|
||||
noCache: true
|
||||
},
|
||||
component: () => import('@/views/supply/list/index')
|
||||
},
|
||||
{
|
||||
path: 'list/reconciliation/:id/:type?',
|
||||
name: 'SupplyRecord',
|
||||
component: () => import('@/views/supply/list/record'),
|
||||
meta: {
|
||||
title: '商户对账',
|
||||
noCache: true,
|
||||
activeMenu: `${roterPre}/supply/list`
|
||||
},
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: 'classify',
|
||||
name: 'SupplyClassify',
|
||||
meta: {
|
||||
title: '商户分类',
|
||||
noCache: true
|
||||
},
|
||||
component: () => import('@/views/supply/classify')
|
||||
},
|
||||
{
|
||||
path: 'application',
|
||||
name: 'SupplyApplication',
|
||||
meta: {
|
||||
title: '商户申请',
|
||||
noCache: true
|
||||
},
|
||||
component: () => import('@/views/supply/application')
|
||||
},
|
||||
{
|
||||
path: 'agree',
|
||||
name: 'SupplyAgreement',
|
||||
meta: {
|
||||
title: '入驻协议',
|
||||
noCache: true
|
||||
},
|
||||
component: () => import('@/views/supply/agreement')
|
||||
},
|
||||
{
|
||||
path: 'type',
|
||||
name: 'storeType',
|
||||
meta: {
|
||||
title: '店铺类型',
|
||||
noCache: true
|
||||
},
|
||||
component: () => import('@/views/supply/type/index')
|
||||
},
|
||||
{
|
||||
path: 'applyMents',
|
||||
name: 'SupplyApplyMents',
|
||||
meta: {
|
||||
title: '服务申请',
|
||||
noCache: true
|
||||
},
|
||||
component: () => import('@/views/supply/applyments/index')
|
||||
},
|
||||
{
|
||||
path: 'applyList',
|
||||
name: 'ApplyList',
|
||||
meta: {
|
||||
title: '分账商户列表'
|
||||
},
|
||||
component: () => import('@/views/supply/applyments/list')
|
||||
},
|
||||
{
|
||||
path: 'type/description',
|
||||
name: 'MerTypeDesc',
|
||||
meta: {
|
||||
title: '店铺类型说明',
|
||||
noCache: true,
|
||||
},
|
||||
component: () => import('@/views/supply/type/description')
|
||||
},
|
||||
{
|
||||
path: 'deposit_list',
|
||||
name: 'DepositList',
|
||||
meta: {
|
||||
title: '店铺保证金管理',
|
||||
noCache: true
|
||||
},
|
||||
component: () => import('@/views/supply/deposit/index')
|
||||
},
|
||||
{
|
||||
path: 'recharge_record',
|
||||
name: 'RechargeRecord',
|
||||
meta: {
|
||||
title: '商户充值记录',
|
||||
noCache: true
|
||||
},
|
||||
component: () => import('@/views/supply/rechargeRecord/index')
|
||||
},
|
||||
]
|
||||
}
|
||||
|
||||
export default supplyRouter
|
||||
171
src/views/supply/agreement/index.vue
Normal file
171
src/views/supply/agreement/index.vue
Normal file
@ -0,0 +1,171 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<el-card class="box-card">
|
||||
<el-form ref="formValidate" v-loading="fullscreenLoading" class="formValidate mt20" :model="formValidate" label-width="100px" @submit.native.prevent>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
<h3 class="title">商户入驻协议</h3>
|
||||
<ueditor-from v-model="formValidate.agree" :content="formValidate.agree" style="width: 100%"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-form-item style="margin-top:30px;">
|
||||
<el-button type="primary" class="submission" size="small" @click="previewProtol">预览</el-button>
|
||||
<el-button type="primary" class="submission" size="small" @click="handleSubmit('formValidate')">提交</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<div class="Box">
|
||||
<el-dialog
|
||||
v-if="modals"
|
||||
:visible.sync="modals"
|
||||
title=""
|
||||
height="30%"
|
||||
custom-class="dialog-scustom"
|
||||
class="addDia"
|
||||
>
|
||||
<div class="agreement">
|
||||
<h3>商户入驻协议</h3>
|
||||
<div class="content">
|
||||
<div v-html="formValidate.agree"></div>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import ueditorFrom from '@/components/ueditorFrom'
|
||||
|
||||
import {
|
||||
intentionAgreeInfo,
|
||||
intentionAgreeUpdate
|
||||
} from '@/api/supply'
|
||||
export default {
|
||||
name: 'ProductExamine1',
|
||||
components: { ueditorFrom },
|
||||
data() {
|
||||
return {
|
||||
modals: false,
|
||||
props: {
|
||||
emitPath: false
|
||||
},
|
||||
formValidate: {
|
||||
agree: '',
|
||||
},
|
||||
content: '',
|
||||
fullscreenLoading: false,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getInfo();
|
||||
},
|
||||
methods: {
|
||||
getInfo() {
|
||||
this.fullscreenLoading = true
|
||||
intentionAgreeInfo().then(res => {
|
||||
const info = res.data
|
||||
this.formValidate = {
|
||||
agree: info.sys_intention_agree,
|
||||
}
|
||||
this.fullscreenLoading = false
|
||||
}).catch(res => {
|
||||
this.$message.error(res.message)
|
||||
this.fullscreenLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 提交
|
||||
handleSubmit(name) {
|
||||
if(this.formValidate.agree === '' || !this.formValidate.agree){
|
||||
this.$message.warning("请输入协议信息！");
|
||||
return
|
||||
}else{
|
||||
intentionAgreeUpdate(this.formValidate).then(async res => {
|
||||
this.fullscreenLoading = false
|
||||
this.$message.success(res.message)
|
||||
}).catch(res => {
|
||||
this.fullscreenLoading = false
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
previewProtol(){
|
||||
this.modals = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.dialog-scustom,.addDia{
|
||||
min-width: 400px;
|
||||
height: 900px;
|
||||
.el-dialog{
|
||||
width: 400px;
|
||||
}
|
||||
h3{
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.title{
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
}
|
||||
.agreement{
|
||||
width: 350px;
|
||||
margin: 0 auto;
|
||||
box-shadow: 1px 5px 5px 2px rgba(0,0,0,.2);
|
||||
padding: 26px;
|
||||
border-radius: 15px;
|
||||
.content{
|
||||
height: 600px;
|
||||
overflow-y:scroll;
|
||||
/deep/ p{
|
||||
font-size: 13px;
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
/deep/ img{
|
||||
max-width: 100%;
|
||||
}
|
||||
p{
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
/*css主要部分的样式*/
|
||||
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px; /*对垂直流动条有效*/
|
||||
height: 10px; /*对水平流动条有效*/
|
||||
}
|
||||
|
||||
/*定义滚动条的轨道颜色、内阴影及圆角*/
|
||||
::-webkit-scrollbar-track{
|
||||
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
|
||||
background-color: transparent;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
310
src/views/supply/application/index.vue
Normal file
310
src/views/supply/application/index.vue
Normal file
@ -0,0 +1,310 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<div class="selCard">
|
||||
<el-form :model="tableFrom" ref="searchForm" size="small" label-width="85px" :inline="true">
|
||||
<el-form-item label="状态：" prop="status">
|
||||
<el-select
|
||||
v-model="tableFrom.status"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option label="全部" value=""/>
|
||||
<el-option label="待审核" value="0"/>
|
||||
<el-option label="审核通过" value="1"/>
|
||||
<el-option label="审核未通过" value="-1"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="选择时间：">
|
||||
<el-date-picker
|
||||
v-model="timeVal"
|
||||
type="daterange"
|
||||
placeholder="选择日期"
|
||||
format="yyyy/MM/dd"
|
||||
value-format="yyyy/MM/dd"
|
||||
:picker-options="pickerOptions"
|
||||
@change="onchangeTime"
|
||||
style="width: 280px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="商户分类：" prop="category_id">
|
||||
<el-select
|
||||
v-model="tableFrom.category_id"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in merCateList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="店铺类型：" prop="type_id">
|
||||
<el-select
|
||||
v-model="tableFrom.type_id"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in storeType"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="关键字：" prop="keyword">
|
||||
<el-input
|
||||
v-model="tableFrom.keyword"
|
||||
@keyup.enter.native="getList(1)"
|
||||
placeholder="请输入商户名称关键字/联系电话"
|
||||
class="selWidth"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
|
||||
<el-button size="small" @click="searchReset()">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-card class="mt14">
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="tableData.data"
|
||||
size="small"
|
||||
highlight-current-row
|
||||
class="switchTable"
|
||||
>
|
||||
<el-table-column prop="mer_intention_id" label="ID" min-width="60" />
|
||||
<el-table-column prop="mer_name" label="商户名称" min-width="150" />
|
||||
<el-table-column prop="category_name" label="商户分类" min-width="150" />
|
||||
<el-table-column prop="type_name" label="店铺类型" min-width="150" />
|
||||
<el-table-column prop="name" label="商户姓名" min-width="100" />
|
||||
<el-table-column prop="phone" label="联系方式" min-width="100" />
|
||||
<el-table-column prop="create_time" label="申请时间" min-width="150" />
|
||||
<el-table-column prop="create_time" label="资质图片" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<div class="demo-image__preview">
|
||||
<el-image
|
||||
v-for="(item, index) in scope.row.images"
|
||||
:key="index"
|
||||
:src="item"
|
||||
class="mr5"
|
||||
:preview-src-list="[item]"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.status == 1" type="success">通过</el-tag>
|
||||
<el-tag v-if="scope.row.status == 0" type="info">未处理</el-tag>
|
||||
<el-tag v-if="scope.row.status == 2" type="warning">未通过</el-tag>
|
||||
<div v-if="scope.row.status == 2">原因：{{ scope.row.fail_msg }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="mark" label="备注" min-width="150" />
|
||||
<el-table-column label="操作" min-width="150" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
v-if="scope.row.status == 0"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="onchangeIsShow(scope.row.mer_intention_id)"
|
||||
>审核</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="onEdit(scope.row.mer_intention_id)"
|
||||
>备注</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleDelete(scope.row.mer_intention_id)"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
background
|
||||
:page-size="tableFrom.limit"
|
||||
:current-page="tableFrom.page"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="tableData.total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="pageChange"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
intentionLstApi,
|
||||
auditApi,
|
||||
intentionDelte,
|
||||
intentionStatusApi,
|
||||
getstoreTypeApi,
|
||||
getMerCateApi
|
||||
} from "@/api/supply";
|
||||
import { fromList, statusList } from "@/libs/constants.js";
|
||||
import { roterPre } from "@/settings";
|
||||
import timeOptions from '@/utils/timeOptions';
|
||||
export default {
|
||||
name: "MerchantApplication",
|
||||
data() {
|
||||
return {
|
||||
props: {
|
||||
emitPath: false
|
||||
},
|
||||
pickerOptions: timeOptions,
|
||||
fromList: fromList,
|
||||
statusList: statusList, //筛选状态列表
|
||||
roterPre: roterPre,
|
||||
isChecked: false,
|
||||
listLoading: true,
|
||||
merCateList: [],
|
||||
storeType: [],
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0,
|
||||
},
|
||||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 20,
|
||||
date: "",
|
||||
status: this.$route.query.status ? this.$route.query.status : "",
|
||||
keyword: "",
|
||||
mer_intention_id: this.$route.query.id ? this.$route.query.id : "",
|
||||
category_id: "",
|
||||
type_id: ""
|
||||
},
|
||||
mer_id: this.$route.query.id ? this.$route.query.id : "",
|
||||
autoUpdate: true,
|
||||
timeVal: [],
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mer_id(newName, oldName) {
|
||||
this.getList("");
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getMerCategory();
|
||||
this.getStoreType();
|
||||
this.getList("");
|
||||
},
|
||||
methods: {
|
||||
/**重置 */
|
||||
searchReset(){
|
||||
this.timeVal = []
|
||||
this.tableFrom.date = ""
|
||||
this.$refs.searchForm.resetFields()
|
||||
this.getList(1)
|
||||
},
|
||||
statusChange(tab) {
|
||||
this.tableFrom.status = tab;
|
||||
this.tableFrom.page = 1;
|
||||
this.getList("");
|
||||
},
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e;
|
||||
this.tableFrom.date = this.timeVal ? this.timeVal.join("-") : "";
|
||||
this.tableFrom.page = 1;
|
||||
this.getList("");
|
||||
},
|
||||
// 商户分类；
|
||||
getMerCategory() {
|
||||
getMerCateApi().then(res => {
|
||||
this.merCateList = res.data
|
||||
}).catch(res => {
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
/**获取店铺类型 */
|
||||
getStoreType(){
|
||||
getstoreTypeApi().then(res => {
|
||||
this.storeType = res.data
|
||||
}).catch(res => {
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
// 列表
|
||||
getList(num) {
|
||||
this.listLoading = true;
|
||||
this.tableFrom.page = num ? num : this.tableFrom.page;
|
||||
intentionLstApi(this.tableFrom)
|
||||
.then((res) => {
|
||||
this.tableData.data = res.data.list;
|
||||
this.tableData.total = res.data.count;
|
||||
this.listLoading = false;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.listLoading = false;
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page;
|
||||
this.getList("");
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val;
|
||||
this.getList(1);
|
||||
},
|
||||
// 修改状态
|
||||
onchangeIsShow(id) {
|
||||
this.$modalForm(intentionStatusApi(id)).then(() => this.getList(""));
|
||||
},
|
||||
// 添加
|
||||
|
||||
// 编辑
|
||||
onEdit(id) {
|
||||
this.$modalForm(auditApi(id)).then(() => this.getList(""));
|
||||
},
|
||||
// 删除
|
||||
handleDelete(id) {
|
||||
this.$deleteSure().then(() => {
|
||||
intentionDelte(id)
|
||||
.then(({ message }) => {
|
||||
this.$message.success(message);
|
||||
this.getList("");
|
||||
})
|
||||
.catch(({ message }) => {
|
||||
this.$message.error(message);
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/deep/ table .el-image {
|
||||
display: inline-block !important;
|
||||
}
|
||||
@import '@/styles/form.scss';
|
||||
</style>
|
||||
488
src/views/supply/applyments/index.vue
Normal file
488
src/views/supply/applyments/index.vue
Normal file
@ -0,0 +1,488 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<div class="selCard">
|
||||
<el-form :model="tableFrom" ref="searchForm" size="small" label-width="85px" :inline="true">
|
||||
<el-form-item label="状态：" class="width100" prop="status">
|
||||
<el-radio-group v-model="tableFrom.status" size="small" @change="statusChange(tableFrom.status)">
|
||||
<el-radio-button v-for="(itemn, indexn) in statusList" :key="indexn" :label="itemn.val">{{ itemn.text }}</el-radio-button>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="选择时间：">
|
||||
<el-date-picker v-model="timeVal" type="daterange" placeholder="选择日期" format="yyyy/MM/dd" value-format="yyyy/MM/dd" :picker-options="pickerOptions" @change="onchangeTime" style="width:280px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商户名称：" prop="mer_id">
|
||||
<el-select v-model="tableFrom.mer_id" clearable filterable placeholder="请选择" class="selWidth" @change="getList(1)">
|
||||
<el-option v-for="item in merSelect" :key="item.mer_id" :label="item.mer_name" :value="item.mer_id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
|
||||
<el-button size="small" @click="searchReset()">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-card class="mt14">
|
||||
<el-table v-loading="listLoading" :data="tableData.data" size="small" highlight-current-row>
|
||||
<el-table-column prop="mer_applyments_id" label="ID" min-width="60" />
|
||||
<el-table-column prop="applyment_id" label="微信支付申请单号" min-width="150" />
|
||||
<el-table-column prop="out_request_no" label="业务申请编号" min-width="260" />
|
||||
<el-table-column prop="merchant.mer_name" label="商户名" min-width="100" />
|
||||
<el-table-column prop="sub_mchid" label="分账商户ID" min-width="90" />
|
||||
<el-table-column prop="message" label="审核结果" min-width="100" />
|
||||
<el-table-column prop="create_time" label="申请时间" min-width="150" />
|
||||
<el-table-column label="状态" min-width="120">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.status == 0">待审核</div>
|
||||
<div v-if="scope.row.status == -1">平台驳回</div>
|
||||
<div v-if="scope.row.status == 10">平台提交审核中</div>
|
||||
<div v-if="scope.row.status == 1">商户验证</div>
|
||||
<div v-if="scope.row.status == 20">已完成</div>
|
||||
<div v-if="scope.row.status == 30">已冻结</div>
|
||||
<div v-if="scope.row.status == 40">微信驳回</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="mark" label="备注" min-width="150" />
|
||||
<el-table-column label="操作" min-width="120" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="handleMark(scope.row.mer_applyments_id)">备注</el-button>
|
||||
<el-button v-if="scope.row.status == 0" type="text" size="small" @click="handleDetail(scope.row.mer_id)">审核</el-button>
|
||||
<el-button type="text" size="small" @click="handleDetail(scope.row.mer_id)">详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination background :page-size="tableFrom.limit" :current-page="tableFrom.page" layout="total, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange" @current-change="pageChange" />
|
||||
</div>
|
||||
</el-card>
|
||||
<!-- 详情 -->
|
||||
<el-drawer title="商户分账详情" :visible.sync="visible" size="800px" :before-close="handleClose" class="dia">
|
||||
<div v-loading="loading">
|
||||
<div class="box-container">
|
||||
<div>
|
||||
<div class="title" style="margin-top: 20px;">基本信息</div>
|
||||
<div class="acea-row">
|
||||
<div class="list sp"><label class="name">业务申请编号：</label>{{ formValidate.out_request_no }}</div>
|
||||
<div class="list sp"><label class="name">主体类型：</label>{{formValidate.organization_type | organizationType }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="formValidate.organization_type != 2401 && formValidate.organization_type != 2500" class="section">
|
||||
<div class="title" style="margin-top: 20px;">{{(formValidate.organization_type == 2 || formValidate.organization_type == 4) ? '营业执照信息' : '登记证书信息'}}</div>
|
||||
<div class="acea-row">
|
||||
<div class="list sp100 image">
|
||||
<label class="name">证件扫描件：</label>
|
||||
<span class="img">
|
||||
<img style="max-width: 150px; height: 80px;" :src="formValidate.business_license_copy && formValidate.business_license_copy['dir']" @click="getPicture(formValidate.business_license_copy['dir'])" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="list sp100"><label class="name">证件注册号：</label>{{ formValidate.business_license_number }}</div>
|
||||
<div class="list sp100"><label class="name">商户名称：</label>{{ formValidate.merchant_name }}</div>
|
||||
<div class="list sp"><label class="name">经营者/法定代表人姓名：</label>{{ formValidate.legal_person }}</div>
|
||||
<div class="list sp" v-if="formValidate.company_address"><label class="name">注册地址：</label>{{ formValidate.company_address }}</div>
|
||||
<div class="list sp" v-if="formValidate.business_time"><label class="name">营业期限：</label>{{ formValidate.business_start +'-'+ formValidate.business_end }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="formValidate.organization_cert_info" class="section">
|
||||
<div class="title" style="margin-top: 20px;">组织机构代码证信息：</div>
|
||||
<div class="acea-row">
|
||||
<div class="list sp100 image">
|
||||
<label class="name">组织机构代码证照片：</label>
|
||||
<span class="img">
|
||||
<img style="max-width: 150px; height: 80px;" :src="formValidate.organization_copy && formValidate.organization_copy['dir']" @click="getPicture(formValidate.organization_copy['dir'])" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="list sp"><label class="name">组织机构代码：</label>{{ formValidate.organization_number }}</div>
|
||||
<div class="list sp"><label class="name">组织机构代码有效期限：</label>{{ formValidate.start_time+'-'+formValidate.end_time }}</div>
|
||||
<div class="list sp"><label class="name">经营者/法人证件类型：</label>{{ formValidate.id_doc_type | id_docType}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="formValidate.id_doc_type == 1" class="section">
|
||||
<div class="title" style="margin-top: 20px;">经营者/法人身份证信息：</div>
|
||||
<div class="acea-row">
|
||||
<div class="list sp100 image">
|
||||
<label class="name">身份证人像面照片：</label>
|
||||
<span class="img">
|
||||
<img style="max-width: 150px; height: 80px;" :src="formValidate.id_card_copy && formValidate.id_card_copy['dir']" @click="getPicture(formValidate.id_card_copy['dir'])" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="list sp100 image">
|
||||
<label class="name">身份证国徽面照片：</label>
|
||||
<span class="img">
|
||||
<img style="max-width: 150px; height: 80px;" :src="formValidate.id_card_national && formValidate.id_card_national['dir']" @click="getPicture(formValidate.id_card_national['dir'])" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="list sp"><label class="name">身份证姓名：</label>{{formValidate.id_card_name}}</div>
|
||||
<div class="list sp"><label class="name">身份证号码：</label>{{formValidate.id_card_number}}</div>
|
||||
<div class="list sp"><label class="name">身份证有效期限：</label>{{formValidate.id_card_valid_time}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="section">
|
||||
<div class="title" style="margin-top: 20px;">经营者/法人其他类型证件信息：</div>
|
||||
<div class="acea-row">
|
||||
<div class="list sp"><label class="name">证件姓名：</label>{{formValidate.id_doc_name}}</div>
|
||||
<div class="list sp"><label class="name">证件号码：</label>{{formValidate.id_doc_number }}</div>
|
||||
<div class="list sp100 image">
|
||||
<label class="name">证件照片：</label>
|
||||
<span class="img">
|
||||
<img style="max-width: 150px; height: 80px;" :src="formValidate.id_doc_copy && formValidate.id_doc_copy['dir']" @click="getPicture(formValidate.id_doc_copy['dir'])" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="list sp"><label class="name">证件结束日期：</label>{{formValidate.doc_period_end}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title" style="margin-top: 20px;">结算银行账户：</div>
|
||||
<div class="acea-row">
|
||||
<div class="list sp"><label class="name">账户类型：</label>{{formValidate.bank_account_type == 74 ? '对公账户' : '对私账户'}}</div>
|
||||
<div class="list sp"><label class="name">开户银行：</label>{{formValidate.account_bank}}</div>
|
||||
<div class="list sp"><label class="name">开户名称：</label>{{formValidate.account_name}}</div>
|
||||
<div class="list sp"><label class="name">开户银行省市编码：</label>{{formValidate.bank_address_code}}</div>
|
||||
<div v-if="formValidate.bank_branch_id" class="list sp"><label class="name">开户银行联行号：</label>{{formValidate.bank_branch_id}}</div>
|
||||
<div v-if="formValidate.bank_name" class="list sp"><label class="name">开户银行全称 （含支行）：</label>{{formValidate.bank_name}}</div>
|
||||
<div class="list sp"><label class="name">银行帐号：</label>{{formValidate.account_number}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title" style="margin-top: 20px;">超级管理员信息：</div>
|
||||
<div class="acea-row">
|
||||
<div class="list sp"><label class="name">超级管理员类型：</label>{{formValidate.contact_type == 65 ? '经营者/法人' : '负责人'}}</div>
|
||||
<div class="list sp"><label class="name">超级管理员姓名：</label>{{formValidate.contact_name}}</div>
|
||||
<div class="list sp"><label class="name">超级管理员身份证件号码：</label>{{formValidate.contact_id_card_number}}</div>
|
||||
<div class="list sp"><label class="name">超级管理员手机：</label>{{formValidate.mobile_phone}}</div>
|
||||
<div v-if="formValidate.contact_email" class="list sp"><label class="name">超级管理员邮箱：</label>{{formValidate.contact_email}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title" style="margin-top: 20px;">店铺信息：</div>
|
||||
<div class="acea-row">
|
||||
<div class="list sp"><label class="name">店铺名称：</label>{{formValidate.store_name}}</div>
|
||||
<div v-if="formValidate.store_url" class="list sp"><label class="name">店铺链接：</label>{{formValidate.store_url}}</div>
|
||||
<div v-if="formValidate.store_qr_code" class="list sp100 image">
|
||||
<label class="name">店铺二维码：</label>
|
||||
<span class="img">
|
||||
<img style="max-width: 150px; height: 80px;" :src="formValidate.store_qr_code && formValidate.store_qr_code['dir']" @click="getPicture(formValidate.store_qr_code['dir'])" />
|
||||
</span>
|
||||
</div>
|
||||
<div v-if="formValidate.mini_program_sub_appid" class="list sp"><label class="name">小程序AppID：</label>{{formValidate.mini_program_sub_appid}}</div>
|
||||
<div class="list sp"><label class="name">商户简称：</label>{{formValidate.merchant_shortname}}</div>
|
||||
<div class="list sp100 image" v-if="formValidate.qualifications && formValidate.qualifications.length > 0">
|
||||
<label class="name">特殊资质：</label>
|
||||
<span class="img">
|
||||
<img v-for="(item, index) in formValidate.qualifications" :key="index" @click="getPicture(item.dir)" style="max-width: 150px; height: 80px;" :src="item['dir']" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="list sp100 image" v-if="formValidate.business_addition_pics && formValidate.business_addition_pics.length > 0">
|
||||
<label class="name">补充材料：</label>
|
||||
<span class="img">
|
||||
<img v-for="(item, index) in formValidate.business_addition_pics" :key="index" @click="getPicture(item.dir)" style="max-width: 150px; height: 80px;" :src="item['dir']" />
|
||||
</span>
|
||||
</div>
|
||||
<div v-if="formValidate.business_addition_desc" class="list sp"><label class="name">补充说明：</label>{{formValidate.business_addition_desc}}</div>
|
||||
<div v-if="formValidate.message" class="list sp"><label class="name">{{ (formValidate.status == -1 || formValidate.status == 40) ? '驳回原因' : formValidate.status == 11 ? '需验证操作' : '审核结果' }}：</label>{{formValidate.message}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-form v-if="formValidate.status == 0" ref="ruleForm" :model="ruleForm" :rules="rules" label-width="80px" class="demo-ruleForm">
|
||||
<el-form-item label="审核状态" prop="status">
|
||||
<el-radio-group v-model="ruleForm.status">
|
||||
<el-radio :label="10">通过</el-radio>
|
||||
<el-radio :label="-1">拒绝</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="ruleForm.status===-1" label="原因" prop="refusal">
|
||||
<el-input v-model="ruleForm.message" type="textarea" placeholder="请输入原因" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">提交</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<!--查看图片-->
|
||||
<el-dialog v-if="pictureVisible" :visible.sync="pictureVisible" width="700px">
|
||||
<img :src="pictureUrl" class="pictures">
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
getApplymentLst,
|
||||
applymentDetailApi,
|
||||
applymentStatusApi, splitAccountMark
|
||||
} from "@/api/supply";
|
||||
import { merSelectApi } from "@/api/product";
|
||||
import { fromList } from "@/libs/constants.js";
|
||||
import { roterPre } from "@/settings";
|
||||
import timeOptions from '@/utils/timeOptions';
|
||||
export default {
|
||||
name: "MerchantApplyMents",
|
||||
data() {
|
||||
return {
|
||||
props: {
|
||||
emitPath: false
|
||||
},
|
||||
pickerOptions: timeOptions,
|
||||
fromList: fromList,
|
||||
merSelect: [],
|
||||
statusList: [
|
||||
{ text: '全部', val: '' },
|
||||
{ text: '待审核', val: '0' },
|
||||
{ text: '平台驳回', val: '-1' },
|
||||
{ text: '审核中', val: '10' },
|
||||
{ text: '商户验证', val: '11' },
|
||||
{ text: '已完成', val: '20' },
|
||||
{ text: '已冻结', val: '30' },
|
||||
{ text: '微信驳回', val: '40' }
|
||||
], //筛选状态列表
|
||||
roterPre: roterPre,
|
||||
listLoading: true,
|
||||
loading: true,
|
||||
storeType: [],
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0,
|
||||
},
|
||||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 20,
|
||||
date: "",
|
||||
status: "",
|
||||
mer_id: "",
|
||||
},
|
||||
timeVal: [],
|
||||
visible: false,
|
||||
formValidate: {},
|
||||
ruleForm: {
|
||||
message: '',
|
||||
status: 10,
|
||||
},
|
||||
rules: {
|
||||
status: [
|
||||
{ required: true, message: '请选择审核状态', trigger: 'change' }
|
||||
],
|
||||
message: [
|
||||
{ required: true, message: '请填写拒绝原因', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
pictureVisible: false,
|
||||
pictureUrl: ''
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
},
|
||||
mounted() {
|
||||
this.getMerSelect()
|
||||
this.getList("");
|
||||
},
|
||||
methods: {
|
||||
/**重置 */
|
||||
searchReset(){
|
||||
this.timeVal = []
|
||||
this.tableFrom.date = ""
|
||||
this.$refs.searchForm.resetFields()
|
||||
this.getList(1)
|
||||
},
|
||||
// 商户列表；
|
||||
getMerSelect() {
|
||||
merSelectApi().then(res => {
|
||||
this.merSelect = res.data
|
||||
}).catch(res => {
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
// 查看图片
|
||||
getPicture(url) {
|
||||
this.pictureVisible = true
|
||||
this.pictureUrl = url
|
||||
},
|
||||
statusChange(tab) {
|
||||
this.tableFrom.status = tab;
|
||||
this.tableFrom.page = 1;
|
||||
this.getList("");
|
||||
},
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e;
|
||||
this.tableFrom.date = this.timeVal ? this.timeVal.join("-") : "";
|
||||
this.tableFrom.page = 1;
|
||||
this.getList("");
|
||||
},
|
||||
handleClose() {
|
||||
this.visible = false
|
||||
},
|
||||
// 列表
|
||||
getList(num) {
|
||||
this.listLoading = true;
|
||||
this.tableFrom.page = num ? num : this.tableFrom.page;
|
||||
getApplymentLst(this.tableFrom)
|
||||
.then((res) => {
|
||||
this.tableData.data = res.data.list;
|
||||
this.tableData.total = res.data.count;
|
||||
this.listLoading = false;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.listLoading = false;
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page;
|
||||
this.getList("");
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val;
|
||||
this.getList(1);
|
||||
},
|
||||
// 审核
|
||||
onSubmit() {
|
||||
applymentStatusApi(this.formValidate.mer_applyments_id, this.ruleForm).then((res) => {
|
||||
this.$message.success(res.message)
|
||||
this.visible = false
|
||||
this.getList('')
|
||||
}).catch((res) => {
|
||||
this.$message.error(res.message)
|
||||
});
|
||||
},
|
||||
// 备注
|
||||
handleMark(id) {
|
||||
this.$modalForm(splitAccountMark(id)).then(() => this.getList(''))
|
||||
},
|
||||
// 详情
|
||||
handleDetail(id) {
|
||||
this.loading = true
|
||||
this.formValidate = {}
|
||||
applymentDetailApi(id).then((res) => {
|
||||
this.visible = true;
|
||||
this.loading = false;
|
||||
let info = res.data.info;
|
||||
this.formValidate = {
|
||||
mer_applyments_id: res.data.mer_applyments_id,
|
||||
status: res.data.status,
|
||||
message: res.data.message,
|
||||
id_doc_type: info.id_doc_type,
|
||||
out_request_no: info.out_request_no,
|
||||
organization_type: info.organization_type,
|
||||
business_license_copy: info.business_license_info ? info.business_license_info.business_license_copy : '',
|
||||
business_license_number: info.business_license_info ? info.business_license_info.business_license_number : '',
|
||||
merchant_name: info.business_license_info ? info.business_license_info.merchant_name : '',
|
||||
legal_person: info.business_license_info ? info.business_license_info.legal_person : '',
|
||||
company_address: info.business_license_info ? info.business_license_info.company_address : '',
|
||||
organization_cert_info: info.organization_cert_info,
|
||||
organization_copy: info.organization_cert_info ? info.organization_cert_info.organization_copy : '',
|
||||
organization_number: info.organization_cert_info ? info.organization_cert_info.organization_number : '',
|
||||
need_account_info: info.need_account_info,
|
||||
contact_type: info.contact_info ? info.contact_info.contact_type : 65,
|
||||
contact_name: info.contact_info ? info.contact_info.contact_name : '',
|
||||
contact_id_card_number: info.contact_info ? info.contact_info.contact_id_card_number : '',
|
||||
mobile_phone: info.contact_info ? info.contact_info.mobile_phone : '',
|
||||
contact_email: info.contact_info ? info.contact_info.contact_email : '',
|
||||
store_name: info.sales_scene_info ? info.sales_scene_info.store_name : '',
|
||||
store_url: info.sales_scene_info ? info.sales_scene_info.store_url : '',
|
||||
store_qr_code: info.sales_scene_info ? info.sales_scene_info.store_qr_code : '',
|
||||
mini_program_sub_appid: info.sales_scene_info ? info.sales_scene_info.mini_program_sub_appid : '',
|
||||
merchant_shortname: info.merchant_shortname,
|
||||
qualifications: info.qualifications ? info.qualifications : [],
|
||||
business_addition_pics: info.business_addition_pics ? info.business_addition_pics : [],
|
||||
business_addition_desc: info.business_addition_desc,
|
||||
business_time: info.business_license_info ? info.business_license_info.business_time : '',
|
||||
business_start: info.business_license_info && info.business_license_info.business_time ? info.business_license_info.business_time[0] : '',
|
||||
business_end: info.business_license_info && info.business_license_info.business_time ? info.business_license_info.business_time[1] : '',
|
||||
start_time: info.organization_cert_info && info.organization_cert_info.organization_time ? info.organization_cert_info.organization_time[0] : '',
|
||||
end_time: info.organization_cert_info && info.organization_cert_info.organization_time ? info.organization_cert_info.organization_time[1] : '',
|
||||
bank_account_type: (info.account_info && info.account_info.bank_account_type) || 74,
|
||||
account_bank: info.account_info ? info.account_info.account_bank : '',
|
||||
account_name: info.account_info ? info.account_info.account_name : '',
|
||||
bank_address_code: info.account_info ? info.account_info.bank_address_code : '',
|
||||
bank_branch_id: info.account_info ? info.account_info.bank_branch_id : '',
|
||||
bank_name: info.account_info ? info.account_info.bank_name : '',
|
||||
account_number: info.account_info ? info.account_info.account_number : ''
|
||||
};
|
||||
if(info.id_doc_type == 1) {
|
||||
this.formValidate.id_card_copy = (info.id_card_info && info.id_card_info.id_card_copy) || []
|
||||
this.formValidate.id_card_national = (info.id_card_info && info.id_card_info.id_card_national) || ''
|
||||
this.formValidate.id_card_name = (info.id_card_info && info.id_card_info.id_card_name) || ''
|
||||
this.formValidate.id_card_number = (info.id_card_info && info.id_card_info.id_card_number) || ''
|
||||
this.formValidate.id_card_valid_time = (info.id_card_info && info.id_card_info.id_card_valid_time) || ''
|
||||
} else {
|
||||
this.formValidate.id_doc_name = (info.id_doc_info && info.id_doc_info.id_doc_name) || ''
|
||||
this.formValidate.id_doc_number = (info.id_doc_info && info.id_doc_info.id_doc_number) || ''
|
||||
this.formValidate.id_doc_copy = (info.id_doc_info && info.id_doc_info.id_doc_copy) || ''
|
||||
this.formValidate.doc_period_end = (info.id_doc_info && info.id_doc_info.doc_period_end) || ''
|
||||
}
|
||||
}).catch((res) => {
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.pictures {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
/deep/ table .el-image {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.box-container {
|
||||
overflow: hidden;
|
||||
padding: 0 35px;
|
||||
}
|
||||
.box-container .list {
|
||||
float: left;
|
||||
font-size: 13px;
|
||||
margin-top: 16px;
|
||||
color: #606266;
|
||||
}
|
||||
.box-container .sp {
|
||||
width: 50%;
|
||||
}
|
||||
.box-container .sp3 {
|
||||
width: 33.3333%;
|
||||
}
|
||||
.box-container .sp100 {
|
||||
width: 100%;
|
||||
}
|
||||
.box-container .list .blue {
|
||||
color: var(--prev-color-primary);
|
||||
}
|
||||
.box-container .list.image {
|
||||
margin: 20px 0;
|
||||
position: relative;
|
||||
}
|
||||
.box-container .list.image .img {
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.labeltop {
|
||||
max-height: 280px;
|
||||
min-height: 120px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.title {
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid var(--prev-color-primary);
|
||||
font-size: 14px;
|
||||
line-height: 15px;
|
||||
color: #303133;
|
||||
font-weight: bold;
|
||||
}
|
||||
.section{
|
||||
padding: 20px 0 8px;
|
||||
border-bottom: 1px dashed #eeeeee;
|
||||
|
||||
}
|
||||
</style>
|
||||
339
src/views/supply/applyments/list.vue
Normal file
339
src/views/supply/applyments/list.vue
Normal file
@ -0,0 +1,339 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<div class="selCard">
|
||||
<el-form :model="tableFrom" ref="searchForm" size="small" inline label-width="85px">
|
||||
<el-form-item label="创建时间：">
|
||||
<el-date-picker
|
||||
v-model="timeVal"
|
||||
value-format="yyyy/MM/dd"
|
||||
format="yyyy/MM/dd"
|
||||
type="daterange"
|
||||
placement="bottom-end"
|
||||
placeholder="自定义时间"
|
||||
style="width: 280px;"
|
||||
:picker-options="pickerOptions"
|
||||
clearable
|
||||
@change="onchangeTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="分账时间：">
|
||||
<el-date-picker
|
||||
v-model="timeVal2"
|
||||
value-format="yyyy/MM/dd"
|
||||
format="yyyy/MM/dd"
|
||||
size="small"
|
||||
type="daterange"
|
||||
placement="bottom-end"
|
||||
placeholder="自定义时间"
|
||||
style="width: 280px;"
|
||||
:picker-options="pickerOptions"
|
||||
clearable
|
||||
@change="onchangeTime2"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态：" prop="status">
|
||||
<el-select
|
||||
v-model="tableFrom.status"
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
clearable
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option v-for="item in applyStatus" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="账单类型：" prop="type">
|
||||
<el-select
|
||||
v-model="tableFrom.type"
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
clearable
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option label="订单支付" value="order" />
|
||||
<el-option label="尾款支付" value="presell" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="商户名称：" prop="mer_id">
|
||||
<el-select
|
||||
v-model="tableFrom.mer_id"
|
||||
clearable
|
||||
filterable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in merSelect"
|
||||
:key="item.mer_id"
|
||||
:label="item.mer_name"
|
||||
:value="item.mer_id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
|
||||
<el-button size="small" @click="searchReset()">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-card class="mt14">
|
||||
<div class="mb20">
|
||||
<el-button size="small" type="primary" @click="exportRecord">导出列表</el-button>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="tableData.data" size="small">
|
||||
<el-table-column prop="profitsharing_id" label="分账ID" min-width="60" />
|
||||
<el-table-column prop="order.order_sn" label="订单编号" min-width="100" />
|
||||
<el-table-column prop="merchant.mer_name" label="商户名称" min-width="100" />
|
||||
<el-table-column label="订单金额" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<div>分账金额： {{ scope.row.profitsharing_price }}</div>
|
||||
<div v-if="scope.row.profitsharing_refund > 0" style="color:#82e493;">退款金额： {{ scope.row.profitsharing_refund }}</div>
|
||||
<div>分账给商户金额： {{ scope.row.profitsharing_mer_price }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label=" 账单类型" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.type == 'order' ? '订单支付' : '尾款支付' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" min-width="120">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.status == 0">未分账</div>
|
||||
<div v-else-if="scope.row.status == 1">已分账<br>分账时间： {{ scope.row.profitsharing_time }}</div>
|
||||
<div v-else-if="scope.row.status == -1">已退款</div>
|
||||
<div v-else-if="scope.row.status == -2">分账失败<br> <span style="color: red; font-size: 12px;"> 失败原因： {{ scope.row.error_msg }}</span></div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="create_time" label="创建时间" min-width="120" />
|
||||
<el-table-column label="操作" min-width="100" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
v-if="scope.row.status == -2"
|
||||
type="text"
|
||||
size="small"
|
||||
class="mr10"
|
||||
@click="splitAccount(scope.row.profitsharing_id)"
|
||||
>立即分账</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
background
|
||||
:page-size="tableFrom.limit"
|
||||
:current-page="tableFrom.page"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="tableData.total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="pageChange"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
<!--导出订单列表-->
|
||||
<file-list ref="exportList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import { applymentLstApi, splitAccountApi, ledgerManageExportApi } from '@/api/supply'
|
||||
import { merSelectApi } from "@/api/product";
|
||||
import fileList from '@/components/exportFile/fileList'
|
||||
import timeOptions from '@/utils/timeOptions';
|
||||
export default {
|
||||
components: { fileList },
|
||||
data() {
|
||||
return {
|
||||
pickerOptions: timeOptions,
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
merSelect: [],
|
||||
listLoading: true,
|
||||
tableFrom: {
|
||||
type: '',
|
||||
mer_id: '',
|
||||
keyword: '',
|
||||
status: '',
|
||||
date: '',
|
||||
profit_date: '',
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
timeVal: [],
|
||||
timeVal2: [],
|
||||
fromList: {
|
||||
title: '选择时间',
|
||||
custom: true,
|
||||
fromTxt: [
|
||||
{ text: '全部', val: '' },
|
||||
{ text: '今天', val: 'today' },
|
||||
{ text: '昨天', val: 'yesterday' },
|
||||
{ text: '最近7天', val: 'lately7' },
|
||||
{ text: '最近30天', val: 'lately30' },
|
||||
{ text: '本月', val: 'month' },
|
||||
{ text: '本年', val: 'year' }
|
||||
]
|
||||
},
|
||||
selectionList: [],
|
||||
ids: '',
|
||||
LogLoading: false,
|
||||
applyStatus: [
|
||||
{ value: 0, label: '待分账' },
|
||||
{ value: 1, label: '已分账' },
|
||||
{ value: -1, label: '已退款' },
|
||||
{ value: -2, label: '分账失败' }
|
||||
],
|
||||
orderDatalist: null
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getList('')
|
||||
this.getMerSelect();
|
||||
},
|
||||
methods: {
|
||||
/**重置 */
|
||||
searchReset(){
|
||||
this.timeVal = []
|
||||
this.timeVal2 = []
|
||||
this.tableFrom.date = ""
|
||||
this.tableFrom.profit_date = ""
|
||||
this.$refs.searchForm.resetFields()
|
||||
this.getList(1)
|
||||
},
|
||||
// 商户列表；
|
||||
getMerSelect() {
|
||||
merSelectApi()
|
||||
.then(res => {
|
||||
this.merSelect = res.data;
|
||||
})
|
||||
.catch(res => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
// 立即分账
|
||||
splitAccount(id){
|
||||
this.$confirm('是否确认分账?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
splitAccountApi(id).then(res => {
|
||||
this.$message.success(res.message);
|
||||
this.getList('')
|
||||
}).catch(res => {
|
||||
this.$message.error(res.message);
|
||||
this.getList('')
|
||||
});
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消'
|
||||
});
|
||||
});
|
||||
},
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e
|
||||
this.tableFrom.date = e ? this.timeVal.join('-') : ''
|
||||
this.getList(1)
|
||||
},
|
||||
onchangeTime2(e) {
|
||||
this.timeVal2 = e
|
||||
this.tableFrom.profit_date = e ? this.timeVal2.join('-') : ''
|
||||
this.getList(1)
|
||||
},
|
||||
// 导出
|
||||
exportRecord() {
|
||||
ledgerManageExportApi(this.tableFrom)
|
||||
.then((res) => {
|
||||
const h = this.$createElement;
|
||||
this.$msgbox({
|
||||
title: '提示',
|
||||
message: h('p', null, [
|
||||
h('span', null, '文件正在生成中，请稍后点击"'),
|
||||
h('span', { style: 'color: teal' }, '导出记录'),
|
||||
h('span', null, '"查看~ '),
|
||||
]),
|
||||
confirmButtonText: '我知道了',
|
||||
}).then(action => {
|
||||
|
||||
});
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
// 导出列表
|
||||
getExportFileList() {
|
||||
this.$refs.exportList.exportFileList()
|
||||
},
|
||||
// 列表
|
||||
getList(num) {
|
||||
this.listLoading = true
|
||||
this.tableFrom.page = num || this.tableFrom.page
|
||||
applymentLstApi(this.tableFrom)
|
||||
.then(res => {
|
||||
this.tableData.data = res.data.list
|
||||
this.tableData.total = res.data.count
|
||||
this.listLoading = false
|
||||
})
|
||||
.catch(res => {
|
||||
this.$message.error(res.message)
|
||||
this.listLoading = false
|
||||
})
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page
|
||||
this.getList('')
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val
|
||||
this.getList('')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
table .el-image{
|
||||
display: inline-block;
|
||||
}
|
||||
.el-dropdown-link {
|
||||
cursor: pointer;
|
||||
color: var(--prev-color-primary);
|
||||
font-size: 12px;
|
||||
}
|
||||
.el-icon-arrow-down {
|
||||
font-size: 12px;
|
||||
}
|
||||
.tabBox_tit {
|
||||
width: 60%;
|
||||
font-size: 12px !important;
|
||||
margin: 0 2px 0 10px;
|
||||
letter-spacing: 1px;
|
||||
padding: 5px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mt20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.demo-image__preview{
|
||||
position: relative;
|
||||
}
|
||||
.maxw180{
|
||||
display: inline-block;
|
||||
max-width: 180px;
|
||||
}
|
||||
|
||||
</style>
|
||||
135
src/views/supply/classify/index.vue
Normal file
135
src/views/supply/classify/index.vue
Normal file
@ -0,0 +1,135 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<el-card>
|
||||
<div class="mb20">
|
||||
<el-button size="small" type="primary" @click="onAdd">添加商户分类</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="tableData.data"
|
||||
size="small"
|
||||
highlight-current-row
|
||||
>
|
||||
<el-table-column
|
||||
prop="merchant_category_id"
|
||||
label="ID"
|
||||
min-width="60"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="category_name"
|
||||
label="分类名称"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="commission_rate"
|
||||
label="手续费"
|
||||
min-width="130"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="create_time"
|
||||
label="创建时间"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column label="操作" min-width="100" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="onEdit(scope.row.merchant_category_id)">编辑</el-button>
|
||||
<el-button type="text" size="small" @click="handleDelete(scope.row.merchant_category_id, scope.$index)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
background
|
||||
:page-size="tableFrom.limit"
|
||||
:current-page="tableFrom.page"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="tableData.total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="pageChange"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
categoryListApi,
|
||||
categoryCreateApi,
|
||||
categoryUpdateApi,
|
||||
categoryDeleteApi
|
||||
} from '@/api/supply'
|
||||
export default {
|
||||
name: 'MerchantClassify',
|
||||
data() {
|
||||
return {
|
||||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
listLoading: true
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
// 列表
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
categoryListApi(this.tableFrom).then(res => {
|
||||
this.tableData.data = res.data.list
|
||||
this.tableData.total = res.data.count
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page
|
||||
this.getList()
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val
|
||||
this.getList()
|
||||
},
|
||||
// 添加
|
||||
onAdd() {
|
||||
this.$modalForm(categoryCreateApi()).then(() => this.getList())
|
||||
},
|
||||
// 编辑
|
||||
onEdit(id) {
|
||||
this.$modalForm(categoryUpdateApi(id)).then(() => this.getList())
|
||||
},
|
||||
// 删除
|
||||
handleDelete(id, idx) {
|
||||
this.$modalSure().then(() => {
|
||||
categoryDeleteApi(id).then(({ message }) => {
|
||||
this.$message.success(message)
|
||||
this.tableData.data.splice(idx, 1)
|
||||
}).catch(({ message }) => {
|
||||
this.$message.error(message)
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
</style>
|
||||
720
src/views/supply/deposit/index.vue
Normal file
720
src/views/supply/deposit/index.vue
Normal file
@ -0,0 +1,720 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<div class="selCard">
|
||||
<el-form :model="tableFrom" ref="searchForm" size="small" label-width="85px" :inline="true">
|
||||
<el-form-item label="选择时间：">
|
||||
<el-date-picker
|
||||
v-model="timeVal"
|
||||
type="daterange"
|
||||
placeholder="选择日期"
|
||||
format="yyyy/MM/dd"
|
||||
value-format="yyyy/MM/dd"
|
||||
@change="onchangeTime"
|
||||
clearable
|
||||
:picker-options="pickerOptions"
|
||||
style="width: 280px;"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="type == 0" label="审核状态：" prop="status">
|
||||
<el-select
|
||||
v-model="tableFrom.status"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option label="全部" value="" />
|
||||
<el-option label="待审核" value="0" />
|
||||
<el-option label="已审核" value="1" />
|
||||
<el-option label="审核失败" value="1" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="商户类别：" prop="is_trader">
|
||||
<el-select
|
||||
v-model="tableFrom.is_trader"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option label="自营" value="1" />
|
||||
<el-option label="非自营" value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="商户分类：" prop="category_id">
|
||||
<el-select
|
||||
v-model="tableFrom.category_id"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in merCateList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="店铺类型：" prop="type_id">
|
||||
<el-select
|
||||
v-model="tableFrom.type_id"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in storeType"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="type == 0" label="退回状态：" prop="status">
|
||||
<el-select
|
||||
v-model="tableFrom.status"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option label="待审核" value="0" />
|
||||
<el-option label="未退回" value="-1" />
|
||||
<el-option label="已退回" value="1" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="关键字：" prop="keyword">
|
||||
<el-input
|
||||
v-model="tableFrom.keyword"
|
||||
@keyup.enter.native="getList(1)"
|
||||
placeholder="请输入店铺关键字/店铺名/联系电话"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
|
||||
<el-button size="small" @click="searchReset()">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-card class="mt14">
|
||||
<div class="mb5">
|
||||
<el-tabs
|
||||
v-if="headeNum.length > 0"
|
||||
v-model="type"
|
||||
@tab-click="getList(1)"
|
||||
>
|
||||
<el-tab-pane
|
||||
v-for="(item, index) in headeNum"
|
||||
:key="index"
|
||||
:name="item.type.toString()"
|
||||
:label="item.title"
|
||||
/>
|
||||
</el-tabs>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="tableData.data"
|
||||
size="small"
|
||||
highlight-current-row
|
||||
>
|
||||
<el-table-column
|
||||
:prop="type != 0 ? 'mer_id' : 'financial_id'"
|
||||
label="ID"
|
||||
min-width="60"
|
||||
/>
|
||||
<el-table-column
|
||||
label="商户名称"
|
||||
min-width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{(scope.row.merchant&&scope.row.merchant.mer_name) || scope.row.mer_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="type!=0" key="10" label="店铺类型" min-width="120">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="type != 2" class="spBlock">{{
|
||||
scope.row.merchantType &&
|
||||
scope.row.merchantType.type_name
|
||||
? scope.row.merchantType.type_name
|
||||
: ""
|
||||
}}</span>
|
||||
<span v-else class="spBlock">{{
|
||||
scope.row.merchantType &&
|
||||
scope.row.merchantType.type_name
|
||||
? scope.row.merchantType.type_name
|
||||
: ""
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="商户姓名"
|
||||
min-width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{(scope.row.merchant&&scope.row.merchant.real_name) || scope.row.real_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-if="type != 2"
|
||||
key="1"
|
||||
:prop="type == 0 ? 'merchant.ot_margin' : 'ot_margin'"
|
||||
label="保证金额度"
|
||||
min-width="80"
|
||||
/>
|
||||
<el-table-column
|
||||
v-if="type == 0"
|
||||
key="3"
|
||||
label="申请状态"
|
||||
min-width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
scope.row.status == 0
|
||||
? "待审核"
|
||||
: scope.row.status == 1
|
||||
? "审核通过"
|
||||
: "审核未通过"
|
||||
}}</span>
|
||||
<span
|
||||
v-if="scope.row.status == -1"
|
||||
style="display: block; font-size: 12px; color: red"
|
||||
>原因： {{ scope.row.refusal }}</span
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-if="type == 0"
|
||||
prop="merchant.margin"
|
||||
key="7"
|
||||
label="结余保证金"
|
||||
min-width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
v-if="type == 0"
|
||||
prop="extract_money"
|
||||
key="9"
|
||||
label="退款金额"
|
||||
min-width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
v-if="type == 0"
|
||||
prop="extract_money"
|
||||
key="11"
|
||||
label="退回方式"
|
||||
min-width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.financial_type == 3 ? "线下" : "线上" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-if="type == 0"
|
||||
key="4"
|
||||
prop="create_time"
|
||||
label="申请时间"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column
|
||||
v-if="type == 1"
|
||||
key="14"
|
||||
label="支付时间"
|
||||
min-width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.marginOrder && scope.row.marginOrder[0] && scope.row.marginOrder[0]['create_time'] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-if="type == 2"
|
||||
key="15"
|
||||
label="待缴金额"
|
||||
min-width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.is_margin == 1 ? scope.row.margin : (scope.row.ot_margin-scope.row.margin).toFixed(2) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-if="type == 2"
|
||||
key="18"
|
||||
label="保证金额度"
|
||||
min-width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.ot_margin }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" min-width="120">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ type == 0 ? scope.row.admin_mark : scope.row.mark }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
min-width="150"
|
||||
fixed="right"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
v-if="type == 0"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleRemark(scope.row.financial_id)"
|
||||
>备注</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="scope.row.status == 0 && type == 0"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleAudit(scope.row.financial_id)"
|
||||
>审核</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="type == 1"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleDeduction(scope.row.mer_id)"
|
||||
>保证金扣费</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="
|
||||
scope.row.status == 1 &&
|
||||
scope.row.financial_status == 1 &&
|
||||
type == 0
|
||||
"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleInfo(scope.row.financial_id)"
|
||||
>退回信息</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="type != 2"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleRecord(scope.row.mer_id)"
|
||||
>操作记录</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="type == 2"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="offline(scope.row.mer_id)"
|
||||
>线下付款</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
background
|
||||
:page-size="tableFrom.limit"
|
||||
:current-page="tableFrom.page"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="tableData.total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="pageChange"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
<!--退回保证金-->
|
||||
<el-dialog
|
||||
:title="isReturn ? '退回保证金' : '退回信息'"
|
||||
:visible.sync="dialogVisible"
|
||||
width="650px"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="section">
|
||||
<div class="title">商户信息</div>
|
||||
<div class="label_list">
|
||||
<div class="label_item">
|
||||
<span class="label_title">商户名称：</span>
|
||||
{{ marginData.merchant.mer_name }}
|
||||
</div>
|
||||
<div class="label_item">
|
||||
<span class="label_title">商户ID：</span>
|
||||
{{ marginData.merchant.mer_id }}
|
||||
</div>
|
||||
<div class="label_item">
|
||||
<span class="label_title">店铺类型：</span>
|
||||
{{
|
||||
marginData.merchant.merchantType &&
|
||||
marginData.merchant.merchantType.type_name
|
||||
}}
|
||||
</div>
|
||||
<div class="label_item">
|
||||
<span class="label_title">保证金额度：</span>
|
||||
{{ marginData.merchant.ot_margin }}元
|
||||
</div>
|
||||
<div class="label_item">
|
||||
<span class="label_title">扣费金额：</span>
|
||||
{{
|
||||
(marginData.financial_account.pay_price -
|
||||
marginData.merchant.margin).toFixed(2)
|
||||
}}元
|
||||
</div>
|
||||
<div class="label_item">
|
||||
<span class="label_title">审核状态：</span>
|
||||
{{ marginData.financial_status == 1 ? "已审核" : "待审核" }}
|
||||
</div>
|
||||
<div class="label_item">
|
||||
<span class="label_title">退回方式：</span>
|
||||
{{ marginData.financial_type == 3 ? "线下退回" : "线上退回" }}
|
||||
</div>
|
||||
<div class="label_item">
|
||||
<span class="label_title" >应退回保证金金额：</span>
|
||||
{{ marginData.extract_money }}元
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="title">收款信息</div>
|
||||
<div class="label_list">
|
||||
<template v-if="marginData.financial_account && marginData.financial_account.account">
|
||||
<div class="label_item" v-if="marginData.financial_account.account.name">
|
||||
<span class="label_title">收款人姓名：</span>
|
||||
{{ marginData.financial_account.account.name }}
|
||||
</div>
|
||||
<div class="label_item" v-if="marginData.financial_account.account.code">
|
||||
<span class="label_title">开户银行：</span>
|
||||
{{ marginData.financial_account.account.code }}
|
||||
</div>
|
||||
<div class="label_item" v-if="marginData.financial_account.account.pic">
|
||||
<template v-if="marginData.financial_account.account.type == 1">
|
||||
<span class="label_title">银行账号：</span>
|
||||
{{ marginData.financial_account.account.pic }}
|
||||
</template>
|
||||
|
||||
<img v-else-if="marginData.financial_account.account.type == 2" :src="marginData.financial_account.account.pic" style="width:120px;height:120px;" alt="">
|
||||
</div>
|
||||
</template>
|
||||
<div class="label_item">
|
||||
<span class="label_title"
|
||||
>审核时间：{{ marginData.status_time }}</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--扣费记录-->
|
||||
<el-dialog
|
||||
v-if="modalRecord"
|
||||
:visible.sync="modalRecord"
|
||||
title="操作记录"
|
||||
width="800px"
|
||||
close-on-click-modal
|
||||
class="mapBox"
|
||||
custom-class="dialog-scustom"
|
||||
>
|
||||
<el-table :data="recordData.data" :loading="recordLoading" size="small">
|
||||
<el-table-column label="序号" min-width="50">
|
||||
<template scope="scope">
|
||||
<span>{{
|
||||
scope.$index + (recordFrom.page - 1) * recordFrom.limit + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="标题" min-width="90" prop="title" />
|
||||
<el-table-column prop="number" label="金额" min-width="60">
|
||||
<template scope="scope">
|
||||
<span v-if="scope.row.pm == 1" style="color:#13ce66">+{{scope.row.number}}</span>
|
||||
<span v-else style="color:rgb(237, 64, 20)">-{{scope.row.number}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="balance" label="保证金结余" min-width="90" />
|
||||
<el-table-column label="备注" min-width="120" prop="mark" />
|
||||
<el-table-column prop="create_time" label="操作时间" min-width="120" />
|
||||
</el-table>
|
||||
<div class="row-right page">
|
||||
<el-pagination
|
||||
:page-size="recordFrom.limit"
|
||||
:current-page="recordFrom.page"
|
||||
layout="prev, pager, next, jumper"
|
||||
:total="recordData.total"
|
||||
@size-change="handleSizeChanges"
|
||||
@current-change="pageChanges"
|
||||
/>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
marginLstApi,
|
||||
marginRefundLstApi,
|
||||
marginRefundStatus,
|
||||
marginRefundMark,
|
||||
marginDepositLstApi,
|
||||
marginPaymentApi,
|
||||
getstoreTypeApi,
|
||||
marginDeductionForm,
|
||||
getMerCateApi,
|
||||
marginRefundInfo,
|
||||
marginDeductionRecord,
|
||||
} from "@/api/supply";
|
||||
import timeOptions from '@/utils/timeOptions';
|
||||
import { fromList } from "@/libs/constants.js";
|
||||
import { roterPre } from "@/settings";
|
||||
export default {
|
||||
name: "MerchantList",
|
||||
data() {
|
||||
return {
|
||||
pickerOptions: timeOptions,
|
||||
fromList: fromList,
|
||||
roterPre: roterPre,
|
||||
isChecked: false,
|
||||
listLoading: true,
|
||||
recordLoading: true,
|
||||
merCateList: [],
|
||||
storeType: [],
|
||||
dialogVisible: false,
|
||||
modalRecord: false,
|
||||
formValidate: {},
|
||||
isReturn: false,
|
||||
type: "1",
|
||||
headeNum: [
|
||||
{
|
||||
count: "",
|
||||
type: "2",
|
||||
title: "待缴保证金",
|
||||
},
|
||||
{
|
||||
count: "",
|
||||
type: "1",
|
||||
title: "缴存保证金",
|
||||
},
|
||||
{
|
||||
count: "",
|
||||
type: "0",
|
||||
title: "退回保证金",
|
||||
},
|
||||
],
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0,
|
||||
},
|
||||
recordData: {
|
||||
data: [],
|
||||
total: 0,
|
||||
},
|
||||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 20,
|
||||
date: "",
|
||||
status: "",
|
||||
keyword: "",
|
||||
is_trader: "",
|
||||
category_id: "",
|
||||
type_id: "",
|
||||
},
|
||||
recordFrom: {
|
||||
page: 1,
|
||||
limit: 20,
|
||||
},
|
||||
autoUpdate: true,
|
||||
timeVal: [],
|
||||
recordId: "",
|
||||
marginData: {
|
||||
merchant: {},
|
||||
financial_account: {},
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getMerCategory();
|
||||
this.getStoreType();
|
||||
this.getList("");
|
||||
},
|
||||
methods: {
|
||||
/**重置 */
|
||||
searchReset(){
|
||||
this.timeVal = []
|
||||
this.tableFrom.date = ""
|
||||
this.$refs.searchForm.resetFields()
|
||||
this.getList(1)
|
||||
},
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e;
|
||||
this.tableFrom.date = this.timeVal ? this.timeVal.join("-") : "";
|
||||
this.tableFrom.page = 1;
|
||||
this.getList("");
|
||||
},
|
||||
// 商户分类；
|
||||
getMerCategory() {
|
||||
getMerCateApi()
|
||||
.then((res) => {
|
||||
this.merCateList = res.data;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
getStoreType() {
|
||||
getstoreTypeApi()
|
||||
.then((res) => {
|
||||
this.storeType = res.data;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
// 列表
|
||||
getList(num) {
|
||||
this.listLoading = true;
|
||||
this.tableFrom.page = num ? num : this.tableFrom.page;
|
||||
this.type == 1
|
||||
? marginLstApi(this.tableFrom) //缴存
|
||||
.then((res) => {
|
||||
this.tableData.data = res.data.list;
|
||||
this.tableData.total = res.data.count;
|
||||
this.listLoading = false;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.listLoading = false;
|
||||
this.$message.error(res.message);
|
||||
})
|
||||
: this.type == 2 ? marginDepositLstApi(this.tableFrom) //待缴
|
||||
.then((res) => {
|
||||
this.tableData.data = res.data.list;
|
||||
this.tableData.total = res.data.count;
|
||||
this.listLoading = false;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.listLoading = false;
|
||||
this.$message.error(res.message);
|
||||
})
|
||||
: marginRefundLstApi(this.tableFrom) //退回
|
||||
.then((res) => {
|
||||
this.tableData.data = res.data.list;
|
||||
this.tableData.total = res.data.count;
|
||||
this.listLoading = false;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.listLoading = false;
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page;
|
||||
this.getList("");
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val;
|
||||
this.getList(1);
|
||||
},
|
||||
pageChanges(page) {
|
||||
this.recordFrom.page = page;
|
||||
this.getRecordList(this.recordId);
|
||||
},
|
||||
handleSizeChanges(val) {
|
||||
this.recordFrom.limit = val;
|
||||
this.getRecordList(this.recordId);
|
||||
},
|
||||
// 列表
|
||||
getRecordList(id) {
|
||||
this.recordLoading = true;
|
||||
this.recordId = id;
|
||||
marginDeductionRecord(id, this.recordFrom)
|
||||
.then((res) => {
|
||||
this.recordData.data = res.data.list;
|
||||
this.recordData.total = res.data.count;
|
||||
this.recordLoading = false;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.recordLoading = false;
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
// 审核
|
||||
handleAudit(id) {
|
||||
this.$modalForm(marginRefundStatus(id)).then(() => this.getList(""));
|
||||
},
|
||||
// 备注
|
||||
handleRemark(id) {
|
||||
this.$modalForm(marginRefundMark(id)).then(() => this.getList(""));
|
||||
},
|
||||
// 保证金扣费
|
||||
handleDeduction(id) {
|
||||
this.$modalForm(marginDeductionForm(id)).then(() => this.getList(""));
|
||||
},
|
||||
// 退回信息
|
||||
handleInfo(id) {
|
||||
this.dialogVisible = true;
|
||||
marginRefundInfo(id)
|
||||
.then((res) => {
|
||||
this.marginData = res.data;
|
||||
this.marginData.merchant = res.data.merchant;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
// 线下付款
|
||||
offline(id) {
|
||||
this.$modalForm(marginPaymentApi(id)).then(() => this.getList(""));
|
||||
},
|
||||
// 退回记录
|
||||
handleRecord(id) {
|
||||
this.modalRecord = true;
|
||||
this.recordFrom.page = 1;
|
||||
this.getRecordList(id);
|
||||
},
|
||||
handleClose() {
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.section {
|
||||
padding: 15px 0 30px;
|
||||
border-bottom: 1px dashed #eeeeee;
|
||||
&:last-child{
|
||||
padding-top: 30px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.title{
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid var(--prev-color-primary);
|
||||
font-size: 14px;
|
||||
line-height: 15px;
|
||||
color: #303133;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.label_list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.label_item {
|
||||
margin-top: 16px;
|
||||
font-size: 13px;
|
||||
display: flex;
|
||||
flex: 0 0 calc(100% / 2);
|
||||
color: #606266;
|
||||
.label_title{
|
||||
color: #909399;
|
||||
}
|
||||
}
|
||||
/deep/.el-card__header{
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
336
src/views/supply/list/handle/merDetails.vue
Normal file
336
src/views/supply/list/handle/merDetails.vue
Normal file
@ -0,0 +1,336 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-drawer
|
||||
:with-header="false"
|
||||
:size="1000"
|
||||
:visible.sync="drawer"
|
||||
:direction="direction"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<div v-loading="loading">
|
||||
<div v-if="!isAdd" class="head">
|
||||
<div class="full">
|
||||
<img class="order_icon" :src="orderImg" alt="" />
|
||||
<div class="text">
|
||||
<div class="title">
|
||||
<span class="bold">{{ merData.mer_name }}</span>
|
||||
<el-tag v-if="merData.is_trader" type="danger" class="tags_name" effect="dark" size="mini">自营</el-tag>
|
||||
<el-tag v-if="merData.merchantType" type="warning" class="tags_name" effect="dark" size="mini">{{merData.merchantType.type_name}}</el-tag>
|
||||
</div>
|
||||
<div>
|
||||
<span class="mr20">{{ merData.mer_address }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<el-button
|
||||
v-if="isEdit"
|
||||
size="small"
|
||||
@click="cancelEdit"
|
||||
>取消</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="!isEdit"
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="merEdit"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="isEdit"
|
||||
type="success"
|
||||
size="small"
|
||||
@click="saveInfo"
|
||||
>完成</el-button
|
||||
>
|
||||
<el-dropdown @command="handleCommand" class="ml10">
|
||||
<el-button icon="el-icon-more" size="small"></el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="password">修改管理员密码</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div class="title">联系人</div>
|
||||
<div>{{merData.real_name}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="title">联系电话</div>
|
||||
<div>{{ merData.mer_phone }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="title">状态</div>
|
||||
<div>{{ merData.status==1 ? '开启' : '关闭' }}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div class="title">入驻时间</div>
|
||||
<div>{{ merData.create_time }}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-else class="head">
|
||||
<div class="text">
|
||||
<div class="title">
|
||||
<span class="bold">添加商户</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--详情-->
|
||||
<merEditForm
|
||||
ref="editForm"
|
||||
:merId="merId"
|
||||
:merCateList="merCateList"
|
||||
:storeType="storeType"
|
||||
:isAdd="isAdd"
|
||||
:merData="merData"
|
||||
@modifyCopy="modifyCopy"
|
||||
@success="editSuccess"
|
||||
v-if="isEdit || isAdd">
|
||||
</merEditForm>
|
||||
<mer-info ref="merInfo" :merData="merData" v-else-if="!isEdit && !isAdd"></mer-info>
|
||||
</div>
|
||||
<div v-if="isAdd" class="footer">
|
||||
<el-button size="small" @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" size="small" @click="submitInfo">提交</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
supplyDetail,
|
||||
} from '@/api/supply';
|
||||
import merInfo from './merInfo';
|
||||
import merEditForm from './merEditForm';
|
||||
export default {
|
||||
props: {
|
||||
drawer: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
merCateList: {
|
||||
type: Array,
|
||||
default: [],
|
||||
},
|
||||
storeType: {
|
||||
type: Array,
|
||||
default: [],
|
||||
}
|
||||
},
|
||||
components: { merInfo, merEditForm },
|
||||
data() {
|
||||
return {
|
||||
loading: true,
|
||||
merId: '',
|
||||
isEdit: false,
|
||||
isAdd: false,
|
||||
direction: 'rtl',
|
||||
activeName: 'detail',
|
||||
merData: {},
|
||||
orderImg: require('@/assets/images/store_icon.png'),
|
||||
|
||||
};
|
||||
},
|
||||
filters: {
|
||||
},
|
||||
methods: {
|
||||
handleClose() {
|
||||
if(this.isEdit || this.isAdd) {
|
||||
this.$refs.editForm.resetData();
|
||||
this.$refs.editForm.activeName = 'detail';
|
||||
}else{
|
||||
this.$refs.merInfo.activeName = 'detail';
|
||||
}
|
||||
this.$emit('closeDrawer');
|
||||
},
|
||||
getInfo(id) {
|
||||
this.merId = id
|
||||
this.isAdd = false;
|
||||
supplyDetail(id)
|
||||
.then((res) => {
|
||||
this.loading = false;
|
||||
this.drawer = true;
|
||||
this.merData = res.data;
|
||||
if(!this.isEdit)this.$refs.merInfo.onOperateLog(this.merId);
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
initData(){
|
||||
this.merData = {
|
||||
is_trader:0
|
||||
}
|
||||
this.isEdit = false;
|
||||
this.isAdd = true;
|
||||
this.loading = false;
|
||||
},
|
||||
merEdit(){
|
||||
this.isEdit = true;
|
||||
this.$nextTick(()=>{
|
||||
this.getInfo(this.merId);
|
||||
})
|
||||
},
|
||||
cancelEdit() {
|
||||
this.isEdit = false
|
||||
},
|
||||
// 编辑成功回调
|
||||
editSuccess(){
|
||||
if(this.isAdd){
|
||||
this.handleClose();
|
||||
}else{
|
||||
this.isEdit = false;
|
||||
}
|
||||
this.$emit('getList')
|
||||
},
|
||||
// 修改采集商品次数
|
||||
modifyCopy(){
|
||||
this.$emit('handleTimes',this.merId);
|
||||
},
|
||||
//下拉
|
||||
handleCommand() {
|
||||
this.$emit('onPassword',this.merId);
|
||||
},
|
||||
saveInfo(){
|
||||
this.$refs.editForm.onSubmit(this.merId);
|
||||
setTimeout(()=>{
|
||||
this.getInfo(this.merId);
|
||||
},500)
|
||||
},
|
||||
submitInfo(){
|
||||
this.$refs.editForm.handleCreate();
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.head {
|
||||
padding: 20px 35px;
|
||||
.full {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.order_icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
.text {
|
||||
align-self: center;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding-left: 12px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
.title {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
color: #282828;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bold{
|
||||
font-weight: bold;
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
.item {
|
||||
flex: none;
|
||||
width: 200px;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
.title {
|
||||
margin-bottom: 12px;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-tabs--border-card {
|
||||
box-shadow: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.section {
|
||||
padding: 20px 0 8px;
|
||||
border-bottom: 1px dashed #eeeeee;
|
||||
.title {
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid var(--prev-color-primary);
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
color: #303133;
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
.item {
|
||||
flex: 0 0 calc(100% / 2);
|
||||
display: flex;
|
||||
margin-top: 16px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
&:nth-child(2n) {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
.value {
|
||||
flex: 1;
|
||||
image {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 12px 12px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.el-image {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
/deep/.el-drawer__body {
|
||||
overflow: auto;
|
||||
}
|
||||
.gary {
|
||||
color: #aaa;
|
||||
}
|
||||
.footer{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 17px;
|
||||
padding-top: 17px;
|
||||
border-top: 1px dashed #eeeeee;
|
||||
}
|
||||
</style>
|
||||
510
src/views/supply/list/handle/merEditForm.vue
Normal file
510
src/views/supply/list/handle/merEditForm.vue
Normal file
@ -0,0 +1,510 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="merDataField"
|
||||
size="small"
|
||||
:rules="ruleValidate"
|
||||
:model="merData"
|
||||
label-width="120px"
|
||||
@submit.native.prevent
|
||||
>
|
||||
<el-tabs v-loading="loading" type="border-card" v-model="activeName">
|
||||
<el-tab-pane label="基本信息" name="detail">
|
||||
<div class="section">
|
||||
<div class="title">基础信息</div>
|
||||
<el-row :gutter="24" class="mt20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="商户名称：" prop="mer_name">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="merData.mer_name"
|
||||
placeholder="请填写商户名称"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="商户地址：" prop="mer_address">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="merData.mer_address"
|
||||
placeholder="请填写详细地址"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="商户分类：" prop="category_id">
|
||||
<el-select
|
||||
size="small"
|
||||
v-model="merData.category_id"
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in merCateList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="商户类型：" prop="is_trader">
|
||||
<el-radio-group
|
||||
v-model="merData.is_trader"
|
||||
>
|
||||
<el-radio :label="1" class="radio">自营</el-radio>
|
||||
<el-radio :label="0">非自营</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="店铺类型：" prop="type_id">
|
||||
<el-select
|
||||
size="small"
|
||||
v-model="merData.type_id"
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in storeType"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="推荐商户：" prop="is_best">
|
||||
<el-switch
|
||||
v-model="merData.is_best"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
:width="50"
|
||||
active-text="是"
|
||||
inactive-text="否"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="排序：" prop="sort">
|
||||
<el-input-number
|
||||
size="small"
|
||||
v-model="merData.sort"
|
||||
controls-position="right"
|
||||
placeholder="请输入排序"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="商户状态：" prop="status">
|
||||
<el-switch
|
||||
v-model="merData.status"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
:width="55"
|
||||
active-text="开启"
|
||||
inactive-text="关闭"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="备注：" prop="mark">
|
||||
<el-input
|
||||
type="textarea"
|
||||
size="small"
|
||||
v-model="merData.mark"
|
||||
placeholder="请填写备注"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="经营信息" name="operate">
|
||||
<div class="section">
|
||||
<div class="title">费用信息</div>
|
||||
<el-row :gutter="24" class="mt20">
|
||||
<el-col v-if="!isAdd" :span="24">
|
||||
<el-form-item label="店铺保证金：" prop="ot_margin">
|
||||
<span>{{merData.is_margin == 0 ? '无' : merData.ot_margin+'元'}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="!isAdd && merData.is_margin != 0" :span="24">
|
||||
<el-form-item label="保证金支付状态：">
|
||||
<span>{{merData.is_margin == 1 ? '待缴' : merData.is_margin == 0 ? '无' : '已缴' }}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="!isAdd && merData.is_margin != 0" :span="24">
|
||||
<el-form-item label="保证金余额：">
|
||||
<span>{{merData.margin}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="手续费设置：" prop="commission_rate">
|
||||
<el-switch
|
||||
v-model="merData.commission_switch"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
:width="55"
|
||||
active-text="开启"
|
||||
inactive-text="关闭"
|
||||
/>
|
||||
<span v-if="merData.commission_switch">
|
||||
<el-input-number
|
||||
:min="0"
|
||||
v-model="merData.commission_rate"
|
||||
size="small"
|
||||
controls-position="right"
|
||||
placeholder="请输入手续费"
|
||||
/>%
|
||||
</span>
|
||||
<div class="info info-red">(注：此处如未设置手续费，系统会自动读取商户分类下对应手续费；此处已设置，则优先以此处设置为准)</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title">审核信息</div>
|
||||
<el-row :gutter="24" class="mt20">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="商品审核：" prop="is_audit">
|
||||
<el-switch
|
||||
v-model="merData.is_audit"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
:width="50"
|
||||
active-text="是"
|
||||
inactive-text="否"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="直播间审核：" prop="is_bro_room">
|
||||
<el-switch
|
||||
v-model="merData.is_bro_room"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
:width="50"
|
||||
active-text="是"
|
||||
inactive-text="否"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="直播商品：" prop="is_bro_goods">
|
||||
<el-switch
|
||||
v-model="merData.is_bro_goods"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
:width="50"
|
||||
active-text="是"
|
||||
inactive-text="否"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title">其他信息</div>
|
||||
<div class="mt20">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="商户关键字：" prop="mer_keyword">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="merData.mer_keyword"
|
||||
placeholder="请填写商户关键字"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-if="!isAdd" :gutter="24">
|
||||
<el-col :span="12" style="position: relative;">
|
||||
<el-form-item label="商品采集数：">
|
||||
<el-input v-model="merData.copy_product_num" size="small" disabled ></el-input>
|
||||
<el-button type="text" @click="modifyCopy" style="margin-left: 10px;position:absolute;right: -30px;">修改</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="账号信息" name="account">
|
||||
<div class="section">
|
||||
<div class="title">登录账号</div>
|
||||
<el-row :gutter="24" class="mt20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="商户账号：" prop="mer_account">
|
||||
<el-input
|
||||
type="text"
|
||||
size="small"
|
||||
v-model="merData.mer_account"
|
||||
:disabled="!isAdd"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="登陆密码：" prop="mer_password">
|
||||
<el-input
|
||||
type="password"
|
||||
size="small"
|
||||
v-model="merData.mer_password"
|
||||
:disabled="!isAdd"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="!isAdd" :span="12">
|
||||
<el-form-item label="联系人：" prop="real_name">
|
||||
<el-input
|
||||
type="text"
|
||||
size="small"
|
||||
placeholder="请填写联系人"
|
||||
v-model="merData.real_name"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系电话：" prop="mer_phone">
|
||||
<el-input
|
||||
size="small"
|
||||
placeholder="请填写联系电话"
|
||||
v-model="merData.mer_phone"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title">财务帐号</div>
|
||||
<el-row :gutter="24" class="mt20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="分账商户号：" prop="sub_mchid">
|
||||
<el-input
|
||||
placeholder="请填写分账商户号"
|
||||
size="small"
|
||||
v-model="merData.sub_mchid"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div class="info-red" style="margin-left: 120px;">当开启自动分账时，每个子商户在微信后台的分账商户号，即特约子商户号</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-form>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import { supplyUpdate, supplyCreate } from "@/api/supply";
|
||||
export default {
|
||||
props: {
|
||||
merData: {
|
||||
type: Object,
|
||||
default: {},
|
||||
},
|
||||
isAdd: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
merCateList: {
|
||||
type: Array,
|
||||
default: [],
|
||||
},
|
||||
storeType: {
|
||||
type: Array,
|
||||
default: [],
|
||||
}
|
||||
},
|
||||
data() {
|
||||
const validatePhone = (rule, value, callback) => {
|
||||
if (!value) {
|
||||
return callback(new Error('请填写联系方式'))
|
||||
} else if (!/^1[3456789]\d{9}$/.test(value)) {
|
||||
callback(new Error('格式不正确!'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
loading: false,
|
||||
merId: '',
|
||||
direction: 'rtl',
|
||||
activeName: 'detail',
|
||||
ruleValidate: {
|
||||
mer_name: [
|
||||
{ required: true, message: '请输入商户名称', trigger: 'blur' }
|
||||
],
|
||||
mer_account: [
|
||||
{ required: true, message: '请输入商户账号', trigger: 'blur' }
|
||||
],
|
||||
category_id: [
|
||||
{ required: true, message: '请选择商户分类', trigger: 'change' }
|
||||
],
|
||||
type_id: [
|
||||
{ required: true, message: '请选择店铺类型', trigger: 'change' }
|
||||
],
|
||||
mer_phone: [{ required: true, validator: validatePhone, trigger: 'blur' }],
|
||||
},
|
||||
};
|
||||
},
|
||||
filters: {
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
/**修改采集次数 */
|
||||
modifyCopy() {
|
||||
this.$emit('modifyCopy')
|
||||
},
|
||||
/**重置表单数据 */
|
||||
resetData(){
|
||||
this.$refs.merDataField.resetFields();
|
||||
},
|
||||
/*提交信息*/
|
||||
onSubmit(id){
|
||||
this.$refs['merDataField'].validate(valid => {
|
||||
if (valid) {
|
||||
this.loading = true;
|
||||
supplyUpdate(id,this.merData)
|
||||
.then(async res => {
|
||||
this.$message.success(res.message);
|
||||
this.loading = false;
|
||||
this.$emit('success');
|
||||
})
|
||||
.catch(res => {
|
||||
this.loading = false;
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
/**创建商户 */
|
||||
handleCreate(){
|
||||
this.$refs['merDataField'].validate((valid) => {
|
||||
if (valid) {
|
||||
supplyCreate(this.merData)
|
||||
.then(async (res) => {
|
||||
this.$message.success(res.message);
|
||||
this.$emit('success');
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
} else {
|
||||
if(!this.merData.mer_name)return this.$message.error('请填写基本信息-商户名称');
|
||||
if(!this.merData.category_id)return this.$message.error('请选择基本信息-商户分类');
|
||||
if(!this.merData.type_id)return this.$message.error('请选择基本信息-店铺类型');
|
||||
if(!this.merData.mer_account)return this.$message.error('请填写账号信息-商户账号');
|
||||
if(!this.merData.mer_phone)return this.$message.error('请填写账号信息-联系电话');
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-tabs--border-card {
|
||||
box-shadow: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.section {
|
||||
padding: 20px 0 8px;
|
||||
border-bottom: 1px dashed #eeeeee;
|
||||
.title {
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid var(--prev-color-primary);
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
color: #303133;
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
.item {
|
||||
flex: 0 0 calc(100% / 2);
|
||||
display: flex;
|
||||
margin-top: 16px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
&:nth-child(2n) {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
.value {
|
||||
flex: 1;
|
||||
image {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 12px 12px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
.info-red{
|
||||
color: red;
|
||||
font-size: 12px;
|
||||
}
|
||||
/deep/.el-input-number.is-controls-right .el-input__inner{
|
||||
padding: 0 40px 0 10px;
|
||||
}
|
||||
/deep/.el-form-item__label{
|
||||
font-weight: normal;
|
||||
color: #282828;
|
||||
}
|
||||
.tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.el-image {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
/deep/.el-drawer__body {
|
||||
overflow: auto;
|
||||
}
|
||||
.gary {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
</style>
|
||||
420
src/views/supply/list/handle/merInfo.vue
Normal file
420
src/views/supply/list/handle/merInfo.vue
Normal file
@ -0,0 +1,420 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-tabs type="border-card" v-model="activeName">
|
||||
<el-tab-pane label="基本信息" name="detail">
|
||||
<div class="section">
|
||||
<div class="title">基础信息</div>
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div>商户名称：</div>
|
||||
<div class="value">
|
||||
{{merData.mer_name}}
|
||||
</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>商户类型：</div>
|
||||
<div class="value">{{merData.is_trader == 1 ? "自营" : "非自营"}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>商户分类：</div>
|
||||
<div v-if="merData.merchantCategory" class="value">
|
||||
{{merData.merchantCategory.category_name}}
|
||||
<span class="info info-red">(该分类下的商户手续费是{{merData.merchantCategory.commission_rate*100}}%)</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>推荐商户：</div>
|
||||
<div class="value">{{merData.is_best == 1 ? "是" : "否"}}</div>
|
||||
</li>
|
||||
<li v-if="merData.merchantType" class="item">
|
||||
<div>店铺类型：</div>
|
||||
<div class="value">{{merData.merchantType.type_name}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>商户状态：</div>
|
||||
<div class="value">{{merData.status == 1 ? "开启" : "关闭"}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>排序：</div>
|
||||
<div class="value">{{merData.sort}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>更新时间：</div>
|
||||
<div class="value">{{merData.update_time}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>备注：</div>
|
||||
<div class="value">{{merData.mark}}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="经营信息" name="business">
|
||||
<div class="section">
|
||||
<div class="title">费用信息</div>
|
||||
<ul class="list">
|
||||
<li class="item item100">
|
||||
<div>手续费单独设置：</div>
|
||||
<div class="value">
|
||||
{{merData.commission_switch ? "开启" : "关闭"}}
|
||||
</div>
|
||||
</li>
|
||||
<li v-if="merData.commission_switch" class="item item100">
|
||||
<div>手续费：</div>
|
||||
<div class="value">
|
||||
{{ merData.commission_rate}}%
|
||||
<span class="info info-red">(注：此处如未设置手续费，系统会自动读取商户分类下对应手续费；此处已设置，则优先以此处设置为准)</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>店铺保证金：</div>
|
||||
<div class="value">
|
||||
{{merData.is_margin == 0 ? '无' : merData.ot_margin}}
|
||||
</div>
|
||||
</li>
|
||||
<li v-if="merData.is_margin != 0" class="item">
|
||||
<div>保证金支付状态：</div>
|
||||
<div class="value">{{merData.is_margin == 1 ? '待缴' : merData.is_margin == 0 ? '无' : '已缴' }}
|
||||
<span v-if="(merData.is_margin==10 && merData.margin-merData.ot_margin<0)" class="info-red">(需补缴)</span>
|
||||
</div>
|
||||
</li>
|
||||
<li v-if="merData.is_margin != 0" class="item">
|
||||
<div>保证金余额：</div>
|
||||
<div class="value">{{merData.margin}}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title">审核信息</div>
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div>商品审核：</div>
|
||||
<div class="value">{{merData.is_audit == 1 ? '需审核' : '免审核'}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>直播间审核：</div>
|
||||
<div class="value">{{merData.is_bro_room == 1 ? '需审核' : '免审核'}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>直播商品：</div>
|
||||
<div class="value">{{merData.is_bro_goods == 1 ? '需审核' : '免审核'}}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section">
|
||||
<div class="title">其他信息</div>
|
||||
<ul class="list">
|
||||
<li class="item item100">
|
||||
<div>搜索商户关键字：</div>
|
||||
<div class="value">{{merData.mer_keyword}}</div>
|
||||
</li>
|
||||
<li class="item item100">
|
||||
<div>剩余商品采集数：</div>
|
||||
<div class="value">{{merData.copy_product_num}}次</div>
|
||||
</li>
|
||||
<li class="item item100">
|
||||
<div>商户资质：</div>
|
||||
<div class="value">
|
||||
<el-image
|
||||
v-for="(item, index) in merData.mer_certificate"
|
||||
:key="index"
|
||||
:src="item"
|
||||
@click="lookImg(item)"
|
||||
style="width: 36px;height: 36px;margin-right: 5px;"
|
||||
/>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="账号信息" name="account">
|
||||
<div class="section">
|
||||
<div class="title">登录账号</div>
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div>商户账号：</div>
|
||||
<div class="value">
|
||||
{{merData.mer_account}}
|
||||
</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>登录密码：</div>
|
||||
<div class="value">{{merData.mer_password}}</div>
|
||||
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>联系人：</div>
|
||||
<div class="value">{{merData.real_name}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>联系电话：</div>
|
||||
<div class="value">{{merData.mer_phone}}</div>
|
||||
</li>
|
||||
<!-- <li class="item">
|
||||
<div>绑定手机号：</div>
|
||||
<div class="value">{{merData.real_name}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>绑定微信用户昵称/ID：</div>
|
||||
<div class="value">{{merData.real_name}}</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<div v-if="merData.sub_mchid" class="section">
|
||||
<div class="title">财务帐号</div>
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div>微信分账商户号：</div>
|
||||
<div class="value">{{merData.sub_mchid}}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="操作记录" name="operate">
|
||||
<div class="section">
|
||||
<el-form size="small" label-width="80px">
|
||||
<div class="acea-row">
|
||||
<el-form-item label="操作端：">
|
||||
<el-select
|
||||
v-model="tableFromLog.type"
|
||||
placeholder="请选择"
|
||||
style="width: 140px; margin-right: 20px"
|
||||
clearable
|
||||
filterable
|
||||
@change="onOperateLog(merId)"
|
||||
>
|
||||
<el-option label="平台端" value="1" />
|
||||
<el-option label="商户端" value="2" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="操作时间：">
|
||||
<el-date-picker
|
||||
style="width: 380px; margin-right: 20px"
|
||||
v-model="timeVal"
|
||||
type="datetimerange"
|
||||
placeholder="选择日期"
|
||||
value-format="yyyy/MM/dd HH:mm:ss"
|
||||
clearable
|
||||
@change="onchangeTime"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<!-- <div>
|
||||
<el-button type="primary" size="small" @click="onOrderLog(orderId)">查询</el-button>
|
||||
</div> -->
|
||||
</div>
|
||||
</el-form>
|
||||
<el-table :data="tableDataLog.data" size="small">
|
||||
<el-table-column prop="order_id" label="序号" min-width="80">
|
||||
<template scope="scope">
|
||||
<span>{{ scope.$index+(tableFromLog.page - 1) * tableFromLog.limit + 1 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作记录" min-width="200">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.category_name }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作端" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<div class="tab">
|
||||
<div>{{ scope.row.type }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作角色" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<div class="tab">
|
||||
<div>{{ scope.row.operator_role_nickname }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作人" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<div class="tab">
|
||||
<div>{{ scope.row.operator_nickname }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作时间" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<div class="tab">
|
||||
<div class="line1">{{ scope.row.create_time }}</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination background :page-size="tableFromLog.limit" :current-page="tableFromLog.page" layout="total, prev, pager, next, jumper" :total="tableDataLog.total" @size-change="handleSizeChangeLog" @current-change="pageChangeLog" />
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<div class="images" v-show="false" v-viewer="{ movable: false }">
|
||||
<img v-for="(src,index) in merData.mer_certificate" :src="src" :key="index" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import { supplyOperateLog } from "@/api/supply";
|
||||
export default {
|
||||
props: {
|
||||
merData: {
|
||||
type: Object,
|
||||
default: {},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: true,
|
||||
merId: '',
|
||||
direction: 'rtl',
|
||||
activeName: 'detail',
|
||||
timeVal: [],
|
||||
tableDataLog: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
tableFromLog: {
|
||||
user_type: '',
|
||||
date: [],
|
||||
page: 1,
|
||||
limit: 10
|
||||
},
|
||||
};
|
||||
},
|
||||
filters: {
|
||||
},
|
||||
methods: {
|
||||
lookImg(item) {
|
||||
this.imageUrl = item;
|
||||
const viewer = this.$el.querySelector('.images').$viewer;
|
||||
viewer.show();
|
||||
this.$nextTick(() => {
|
||||
let i = this.merData.mer_certificate.findIndex((e) => e === item);
|
||||
viewer.update().view(i);
|
||||
});
|
||||
},
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e
|
||||
this.tableFromLog.date = e ? this.timeVal.join('-') : ''
|
||||
this.onOperateLog(this.merId)
|
||||
},
|
||||
onOperateLog(id){
|
||||
this.merId = id;
|
||||
supplyOperateLog(id, this.tableFromLog).then((res) => {
|
||||
this.tableDataLog.data = res.data.list
|
||||
this.tableDataLog.total = res.data.count
|
||||
});
|
||||
},
|
||||
pageChangeLog(page) {
|
||||
this.tableFromLog.page = page
|
||||
this.onOperateLog(this.merId)
|
||||
},
|
||||
handleSizeChangeLog(val) {
|
||||
this.tableFromLog.limit = val
|
||||
this.onOperateLog(this.merId)
|
||||
},
|
||||
operationType(type) {
|
||||
if (type == 0) {
|
||||
return '系统';
|
||||
} else if (type == 1) {
|
||||
return '用户';
|
||||
} else if (type == 2) {
|
||||
return '平台';
|
||||
} else if (type == 3) {
|
||||
return '商户';
|
||||
} else if (type == 4) {
|
||||
return '商家客服';
|
||||
} else {
|
||||
return '未知';
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-tabs--border-card {
|
||||
box-shadow: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.section {
|
||||
padding: 20px 0 8px;
|
||||
border-bottom: 1px dashed #eeeeee;
|
||||
.title {
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid var(--prev-color-primary);
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
color: #303133;
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.item {
|
||||
flex: 0 0 calc(100% / 2);
|
||||
display: flex;
|
||||
margin-top: 16px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
&.item100{
|
||||
flex: 0 0 calc(100% / 1);
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
&:nth-child(2n + 1) {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
// &:nth-child(2n) {
|
||||
// padding-right: 20px;
|
||||
// }
|
||||
}
|
||||
.value {
|
||||
flex: 1;
|
||||
image {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 12px 12px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
.info-red{
|
||||
color: red;
|
||||
font-size: 12px;
|
||||
}
|
||||
.tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.el-image {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
/deep/.el-drawer__body {
|
||||
overflow: auto;
|
||||
}
|
||||
.gary {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
</style>
|
||||
419
src/views/supply/list/index.vue
Normal file
419
src/views/supply/list/index.vue
Normal file
@ -0,0 +1,419 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<div class="selCard">
|
||||
<el-form :model="tableFrom" ref="searchForm" size="small" label-width="85px" :inline="true">
|
||||
<el-form-item label="选择时间：">
|
||||
<el-date-picker
|
||||
v-model="timeVal"
|
||||
type="daterange"
|
||||
placeholder="选择日期"
|
||||
format="yyyy/MM/dd"
|
||||
value-format="yyyy/MM/dd"
|
||||
range-separator="-"
|
||||
style="width:280px;"
|
||||
:picker-options="pickerOptions"
|
||||
@change="onchangeTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="商户类别：" prop="is_trader">
|
||||
<el-select
|
||||
v-model="tableFrom.is_trader"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option label="自营" value="1" />
|
||||
<el-option label="非自营" value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="商户分类：" prop="category_id">
|
||||
<el-select
|
||||
v-model="tableFrom.category_id"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in merCateList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="店铺类型：" prop="type_id">
|
||||
<el-select
|
||||
v-model="tableFrom.type_id"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in storeType"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否推荐：" prop="is_best">
|
||||
<el-select
|
||||
v-model="tableFrom.is_best"
|
||||
clearable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1)"
|
||||
>
|
||||
<el-option key="1" label="是" value="1"/>
|
||||
<el-option key="0" label="否" value="0"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="关键字：" prop="keyword">
|
||||
<el-input
|
||||
v-model="tableFrom.keyword"
|
||||
@keyup.enter.native="getList(1)"
|
||||
placeholder="请输入店铺关键字/店铺名/联系电话"
|
||||
class="selWidth"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
|
||||
<el-button size="small" @click="searchReset()">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-card class="mt14">
|
||||
<div class="mb20">
|
||||
<el-tabs v-if="headeNum.length > 0" v-model="tableFrom.status" @tab-click="getList(1),getHeadNum()">
|
||||
<el-tab-pane
|
||||
v-for="(item,index) in headeNum"
|
||||
:key="index"
|
||||
:name="item.type.toString()"
|
||||
:label="item.title +'('+item.count +')' "
|
||||
/>
|
||||
</el-tabs>
|
||||
<el-button size="small" type="primary" class="mt5" @click="onAdd">添加商户</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="tableData.data"
|
||||
size="small"
|
||||
highlight-current-row
|
||||
>
|
||||
<el-table-column prop="mer_id" label="ID" min-width="60" />
|
||||
<el-table-column prop="mer_name" label="商户名称" min-width="150" />
|
||||
<el-table-column prop="real_name" label="商户姓名" min-width="150" />
|
||||
<el-table-column prop="status" label="推荐" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.is_best"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
active-text="是"
|
||||
inactive-text="否"
|
||||
:width="40"
|
||||
@click.native="onchangeIsShow(scope.row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="status" label="开启/关闭" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-switch
|
||||
v-model="scope.row.status"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
active-text="开启"
|
||||
inactive-text="关闭"
|
||||
:width="55"
|
||||
@click.native="onchangeIsClose(scope.row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="create_time" label="创建时间" min-width="150" />
|
||||
<el-table-column prop="margin" label="保证金" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.is_margin == 1 ? '未支付' : scope.row.is_margin == 0 ? '无' : '已支付'}}</span>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sort" label="排序" min-width="100" />
|
||||
<el-table-column prop="mark" label="备注" min-width="200" />
|
||||
|
||||
<el-table-column label="操作" min-width="150" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
v-if="tableFrom.status === '1'"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="onLogo(scope.row.mer_id)"
|
||||
>登录</el-button>
|
||||
<el-button type="text" size="small" @click="onEdit(scope.row.mer_id)">编辑</el-button>
|
||||
<el-button type="text" size="small" @click="onDetails(scope.row.mer_id)">详情</el-button>
|
||||
<el-button
|
||||
v-if="tableFrom.status === '0'"
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleDelete(scope.row.mer_id, scope.$index)"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
background
|
||||
:page-size="tableFrom.limit"
|
||||
:current-page="tableFrom.page"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="tableData.total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="pageChange"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
<!--商户详情-->
|
||||
<mer-detail
|
||||
ref="merDetail"
|
||||
:merId="merId"
|
||||
:merCateList="merCateList"
|
||||
:storeType="storeType"
|
||||
@closeDrawer="closeDrawer"
|
||||
@changeDrawer="changeDrawer"
|
||||
@onPassword="onPassword"
|
||||
@handleTimes="handleTimes"
|
||||
@getList="getList"
|
||||
:drawer="drawer"
|
||||
></mer-detail>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
supplyListApi,
|
||||
supplyDeleteForm,
|
||||
supplyStatuseApi,
|
||||
supplyPasswordApi,
|
||||
supplyLoginApi,
|
||||
changeCopyApi,
|
||||
supplyCountApi,
|
||||
supplyIsCloseApi,
|
||||
getstoreTypeApi,
|
||||
getMerCateApi, marginDeductionForm
|
||||
} from "@/api/supply";
|
||||
import merDetail from './handle/merDetails.vue';
|
||||
import { fromList } from "@/libs/constants.js";
|
||||
import { roterPre } from "@/settings";
|
||||
import SettingMer from "@/libs/settingMer";
|
||||
import Cookies from "js-cookie";
|
||||
import timeOptions from '@/utils/timeOptions';
|
||||
export default {
|
||||
name: "SupplyList",
|
||||
components: { merDetail },
|
||||
data() {
|
||||
return {
|
||||
fromList: fromList,
|
||||
pickerOptions: timeOptions,
|
||||
roterPre: roterPre,
|
||||
isChecked: false,
|
||||
listLoading: true,
|
||||
merCateList: [],
|
||||
storeType: [],
|
||||
headeNum: [
|
||||
{
|
||||
count: '',
|
||||
type: "1",
|
||||
title: "正常开启的商户"
|
||||
},
|
||||
{
|
||||
count: '',
|
||||
type: "0",
|
||||
title: "已关闭商户"
|
||||
}
|
||||
],
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 20,
|
||||
date: "",
|
||||
status: "1",
|
||||
keyword: "",
|
||||
is_trader: "",
|
||||
is_best: "",
|
||||
category_id: '',
|
||||
type_id: ""
|
||||
},
|
||||
autoUpdate: true,
|
||||
merId: "",
|
||||
drawer: false,
|
||||
timeVal: []
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getHeadNum();
|
||||
this.getMerCategory();
|
||||
this.getStoreType();
|
||||
this.getList("");
|
||||
},
|
||||
methods: {
|
||||
/**重置 */
|
||||
searchReset(){
|
||||
this.timeVal = []
|
||||
this.tableFrom.date = ""
|
||||
this.$refs.searchForm.resetFields()
|
||||
this.getList(1)
|
||||
},
|
||||
onLogo(id) {
|
||||
supplyLoginApi(id)
|
||||
.then(res => {
|
||||
Cookies.set("merchantToken", res.data.token);
|
||||
window.open(SettingMer.httpUrl + res.data.url);
|
||||
})
|
||||
.catch(res => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e;
|
||||
this.tableFrom.date = this.timeVal ? this.timeVal.join("-") : "";
|
||||
this.tableFrom.page = 1;
|
||||
this.getList("");
|
||||
},
|
||||
// 获取开启商户数
|
||||
getHeadNum() {
|
||||
supplyCountApi()
|
||||
.then(res => {
|
||||
this.headeNum[0]["count"] = res.data.valid;
|
||||
this.headeNum[1]["count"] = res.data.invalid;
|
||||
})
|
||||
.catch(res => {});
|
||||
},
|
||||
// 商户分类；
|
||||
getMerCategory() {
|
||||
getMerCateApi().then(res => {
|
||||
this.merCateList = res.data
|
||||
}).catch(res => {
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
getStoreType(){
|
||||
getstoreTypeApi().then(res => {
|
||||
this.storeType = res.data
|
||||
}).catch(res => {
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
// 列表
|
||||
getList(num) {
|
||||
this.listLoading = true;
|
||||
this.tableFrom.page = num ? num : this.tableFrom.page;
|
||||
supplyListApi(this.tableFrom)
|
||||
.then(res => {
|
||||
this.tableData.data = res.data.list;
|
||||
this.tableData.total = res.data.count;
|
||||
this.listLoading = false;
|
||||
})
|
||||
.catch(res => {
|
||||
this.listLoading = false;
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page;
|
||||
this.getList("");
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val;
|
||||
this.getList(1);
|
||||
},
|
||||
// 修改状态
|
||||
onchangeIsShow(row) {
|
||||
const title = row.is_best === 1 ? "是否开启推荐商户" : "是否关闭推荐商户";
|
||||
this.$modalSure(title).then(() => {
|
||||
supplyStatuseApi(row.mer_id, row.is_best)
|
||||
.then(({ message }) => {
|
||||
this.$message.success(message);
|
||||
this.getList("");
|
||||
})
|
||||
.catch(({ message }) => {
|
||||
this.getList("");
|
||||
this.$message.error(message);
|
||||
});
|
||||
});
|
||||
},
|
||||
// 开启关闭
|
||||
onchangeIsClose(row) {
|
||||
supplyIsCloseApi(row.mer_id, row.status)
|
||||
.then(({ message }) => {
|
||||
this.$message.success(message);
|
||||
this.getList("");
|
||||
this.getHeadNum();
|
||||
})
|
||||
.catch(({ message }) => {
|
||||
this.$message.error(message);
|
||||
});
|
||||
},
|
||||
// 添加
|
||||
onAdd() {
|
||||
// this.$modalForm(merchantCreateApi()).then(() => this.getList(""));
|
||||
this.drawer = true;
|
||||
this.$refs.merDetail.initData();
|
||||
},
|
||||
// 编辑
|
||||
onEdit(id) {
|
||||
this.merId = id;
|
||||
this.$refs.merDetail.isEdit = true;
|
||||
this.$refs.merDetail.getInfo(id);
|
||||
this.drawer = true;
|
||||
|
||||
},
|
||||
// 详情
|
||||
onDetails(id) {
|
||||
this.merId = id;
|
||||
this.$refs.merDetail.isEdit = false;
|
||||
this.$refs.merDetail.getInfo(id);
|
||||
this.drawer = true;
|
||||
},
|
||||
changeDrawer(v) {
|
||||
this.drawer = v;
|
||||
},
|
||||
closeDrawer() {
|
||||
this.drawer = false;
|
||||
},
|
||||
// 删除
|
||||
handleDelete(id) {
|
||||
this.$modalForm(supplyDeleteForm(id)).then(() => this.getList(""));
|
||||
},
|
||||
// 扣除保证金
|
||||
onDeduct(id) {
|
||||
this.$modalForm(marginDeductionForm(id)).then(() => this.getList(""));
|
||||
},
|
||||
// 设置复制次数
|
||||
handleTimes(id) {
|
||||
this.$modalForm(changeCopyApi(id)).then(() => this.getList(""));
|
||||
},
|
||||
|
||||
// 修改密码表单
|
||||
onPassword(id) {
|
||||
this.$modalForm(supplyPasswordApi(id));
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
632
src/views/supply/list/record.vue
Normal file
632
src/views/supply/list/record.vue
Normal file
@ -0,0 +1,632 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<el-card class="box-card mb20">
|
||||
<div slot="header" class="clearfix">
|
||||
<router-link v-if="$route.params.type === '1'" :to="{path:roterPre+'/merchant/list'}">
|
||||
<el-button size="mini" class="mr20 mb20" icon="el-icon-back">返回</el-button>
|
||||
</router-link>
|
||||
<router-link v-else :to="{path:roterPre+'/accounts/reconciliation'}">
|
||||
<el-button size="mini" class="mr20 mb20" icon="el-icon-back">返回</el-button>
|
||||
</router-link>
|
||||
<div v-if="$route.params.type === '1'" class="filter-container">
|
||||
<el-form :inline="true">
|
||||
<el-form-item label="使用状态：" class="mr20">
|
||||
<el-select v-model="tableFrom.status" placeholder="请选择评价状态" @change="init">
|
||||
<el-option label="全部" value="" />
|
||||
<el-option label="未对账" value="0" />
|
||||
<el-option label="已对账" value="1" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间选择：" class="mr10">
|
||||
<el-date-picker v-model="timeVal" type="daterange" align="right" unlink-panels format="yyyy/MM/dd" value-format="yyyy/MM/dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" @change="onchangeTime" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-button v-if="$route.params.type === '1'" size="small" type="primary" @click="onAdd(0)">商户对账</el-button>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="mini" class="table" highlight-current-row>
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="props">
|
||||
<el-form label-position="left" inline class="demo-table-expand demo-table-expands">
|
||||
<el-form-item label="收货人：">
|
||||
<span>{{ props.row.real_name | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="电话：">
|
||||
<span>{{ props.row.user_phone | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="地址：">
|
||||
<span>{{ props.row.user_address | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品总数：">
|
||||
<span>{{ props.row.total_num | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="支付状态：">
|
||||
<span>{{ props.row.pay_type | payTypeFilter }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="支付时间：">
|
||||
<span>{{ props.row.pay_time | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="对账备注：">
|
||||
<span>{{ props.row.admin_mark }}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="$route.params.type === '1'" width="50">
|
||||
<template slot="header" slot-scope="scope">
|
||||
<el-popover placement="top-start" width="100" trigger="hover" class="tabPop">
|
||||
<div>
|
||||
<span class="spBlock onHand" :class="{'check': chkName === 'dan'}" @click="onHandle('dan',scope.$index)">选中本页</span>
|
||||
<span class="spBlock onHand" :class="{'check': chkName === 'duo'}" @click="onHandle('duo')">选中全部</span>
|
||||
</div>
|
||||
<el-checkbox slot="reference" :value="(chkName === 'dan' && checkedPage.indexOf(tableFrom.page) > -1) || chkName === 'duo'" @change="changeType" />
|
||||
</el-popover>
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-checkbox :value="checkedIds.indexOf(scope.row.order_id) > -1 || (chkName === 'duo' && noChecked.indexOf(scope.row.order_id) === -1)" @change="(v)=>changeOne(v,scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="order_id" label="ID" width="60" />
|
||||
<el-table-column label="是否对账" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.reconciliation_id | reconciliationFilter }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="order_sn" label="订单编号" min-width="190" />
|
||||
<el-table-column label="商品信息" min-width="330">
|
||||
<template slot-scope="scope">
|
||||
<div v-for="(val, i ) in scope.row.orderProduct" :key="i" class="tabBox acea-row row-middle">
|
||||
<div class="demo-image__preview">
|
||||
<el-image :src="val.cart_info.product.image" :preview-src-list="[val.cart_info.product.image]" />
|
||||
</div>
|
||||
<span class="tabBox_tit">{{ val.cart_info.product.store_name + ' | ' }}{{ val.cart_info.productAttr.sku }}</span>
|
||||
<span class="tabBox_pice">{{ '￥'+ val.cart_info.productAttr.price + ' x '+ val.product_num }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品总价" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ getTotal(scope.row.orderProduct) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="pay_price" label="实际支付" min-width="100" />
|
||||
<el-table-column label="佣金金额" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{Number(scope.row.extension_one)+Number(scope.row.extension_two)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="total_postage" label="邮费" min-width="100" />
|
||||
<el-table-column prop="order_rate" label="手续费" min-width="100" />
|
||||
<el-table-column prop="create_time" label="下单时间" min-width="150" />
|
||||
<el-table-column v-if="$route.params.type === '1'" label="操作" min-width="80" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="addMark(scope.row.order_id)">添加备注</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block mb20">
|
||||
<el-pagination background :page-size="tableFrom.limit" :current-page="tableFrom.page" layout="total, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange" @current-change="pageChange" />
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="box-card">
|
||||
<el-table v-loading="listLoading" :data="tableDataRefund.data" style="width: 100%" size="mini" class="table" highlight-current-row>
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="props">
|
||||
<el-form label-position="left" inline class="demo-table-expand">
|
||||
<el-form-item label="订单号：">
|
||||
<span>{{ props.row.order.order_sn }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="退款商品总价：">
|
||||
<span>{{ getTotalRefund(props.row.refundProduct) }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="退款商品总数：">
|
||||
<span>{{ props.row.refund_num }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请退款时间：">
|
||||
<span>{{ props.row.create_time | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="对账备注：">
|
||||
<span>{{ props.row.admin_mark }}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="$route.params.type === '1'" width="50">
|
||||
<template slot="header" slot-scope="scope">
|
||||
<el-popover placement="top-start" width="100" trigger="hover" class="tabPop">
|
||||
<div>
|
||||
<span class="spBlock onHand" :class="{'check': chkNameRefund === 'dan'}" @click="onHandleRefund('dan',scope.$index)">选中本页</span>
|
||||
<span class="spBlock onHand" :class="{'check': chkNameRefund === 'duo'}" @click="onHandleRefund('duo')">选中全部</span>
|
||||
</div>
|
||||
<el-checkbox slot="reference" :value="(chkNameRefund === 'dan' && checkedPage.indexOf(tableFrom.page) > -1) || chkNameRefund === 'duo'" @change="changeTypeRefund" />
|
||||
</el-popover>
|
||||
</template>
|
||||
<!--:disabled="isDisabled"-->
|
||||
<template slot-scope="scope">
|
||||
<el-checkbox :value="refundCheckedIds.indexOf(scope.row.refund_order_id) > -1 || (chkNameRefund === 'duo' && refundNoChecked.indexOf(scope.row.refund_order_id) === -1)" @change="(v)=>changeOneRefund(v,scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="refund_order_id" label="ID" width="60" />
|
||||
<el-table-column label="退款单号" min-width="170">
|
||||
<template slot-scope="scope">
|
||||
<span style="display: block;" v-text="scope.row.refund_order_sn" />
|
||||
<span v-show="scope.row.is_del > 0" style="color: #ED4014;display: block;">用户已删除</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否对账" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.reconciliation_id | reconciliationFilter }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="user.nickname" label="用户信息" min-width="130" />
|
||||
<el-table-column prop="refund_price" label="退款金额" min-width="130" />
|
||||
<el-table-column prop="nickname" label="商品信息" min-width="330">
|
||||
<template slot-scope="scope">
|
||||
<div v-for="(val, i ) in scope.row.refundProduct" :key="i" class="tabBox acea-row row-middle">
|
||||
<div class="demo-image__preview">
|
||||
<el-image :src="val.product.cart_info.product.image" :preview-src-list="[val.product.cart_info.product.image]" />
|
||||
</div>
|
||||
<span class="tabBox_tit">{{ val.product.cart_info.product.store_name + ' | ' }}{{ val.product.cart_info.productAttr.sku }}</span>
|
||||
<span class="tabBox_pice">{{ '￥'+ val.product.cart_info.productAttr.price + ' x '+ val.product.product_num }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="serviceScore" label="订单状态" min-width="250">
|
||||
<template slot-scope="scope">
|
||||
<span style="display: block">{{ scope.row.status | orderRefundFilter }}</span>
|
||||
<span style="display: block">退款原因：{{ scope.row.refund_message }}</span>
|
||||
<!--<p>备注说明：{{scope.row.mark}}</p>-->
|
||||
<span style="display: block">状态变更时间：{{ scope.row.status_time }}</span>
|
||||
<!--<p>备注凭证：{{}}</p>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="$route.params.type === '1'" key="10" label="操作" min-width="80" fixed="right">
|
||||
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="onOrderMark(scope.row.refund_order_id)">订单备注</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination background :page-size="tableFrom.limit" :current-page="tableFrom.page" layout="total, prev, pager, next, jumper" :total="tableDataRefund.total" @size-change="handleSizeChangeRefund" @current-change="pageChangeRefund" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
merOrderListApi,
|
||||
refundOrderListApi,
|
||||
orderMarkApi,
|
||||
refundMarkApi,
|
||||
reconciliationApi
|
||||
} from '@/api/supply'
|
||||
import {
|
||||
reconciliationOrderApi,
|
||||
reconciliationRefundApi
|
||||
} from '@/api/accounts'
|
||||
import {
|
||||
roterPre
|
||||
} from '@/settings'
|
||||
export default {
|
||||
name: 'Record',
|
||||
data() {
|
||||
return {
|
||||
roterPre: roterPre,
|
||||
chkName: '',
|
||||
chkNameRefund: '',
|
||||
isIndeterminate: true,
|
||||
resource: [],
|
||||
visible: false,
|
||||
timeVal: [],
|
||||
pickerOptions: {
|
||||
shortcuts: [{
|
||||
text: '最近一周',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '最近一个月',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '最近三个月',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}]
|
||||
},
|
||||
listLoading: true,
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
tableDataRefund: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
date: '',
|
||||
status: ''
|
||||
},
|
||||
ids: [],
|
||||
idsRefund: [],
|
||||
checkedPage: [],
|
||||
checkedIds: [], // 订单当前页选中的数据
|
||||
noChecked: [], // 订单全选状态下当前页不选中的数据
|
||||
refundCheckedIds: [], // 退款单当前页选中的数据
|
||||
refundNoChecked: [] // 退款单全选状态下当前页不选中的数据
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.init()
|
||||
},
|
||||
created() {
|
||||
this.tempRoute = Object.assign({}, this.$route)
|
||||
},
|
||||
methods: {
|
||||
isDisabled(row) {
|
||||
if (row.status !== 3) {
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
init() {
|
||||
this.tableFrom.page = 1
|
||||
this.getList()
|
||||
this.getRefundList()
|
||||
if (this.$route.params.type === 0) {
|
||||
this.setTagsViewTitle()
|
||||
}
|
||||
},
|
||||
// 订单
|
||||
onHandle(name) {
|
||||
this.chkName = this.chkName === name ? '' : name
|
||||
this.changeType(!(this.chkName === ''))
|
||||
},
|
||||
changeOne(v, order) {
|
||||
if (v) {
|
||||
if (this.chkName === 'duo') {
|
||||
const index = this.noChecked.indexOf(order.order_id)
|
||||
if (index > -1) this.noChecked.splice(index, 1)
|
||||
} else {
|
||||
const index = this.checkedIds.indexOf(order.order_id)
|
||||
if (index === -1) this.checkedIds.push(order.order_id)
|
||||
}
|
||||
} else {
|
||||
if (this.chkName === 'duo') {
|
||||
const index = this.noChecked.indexOf(order.order_id)
|
||||
if (index === -1) this.noChecked.push(order.order_id)
|
||||
} else {
|
||||
const index = this.checkedIds.indexOf(order.order_id)
|
||||
if (index > -1) this.checkedIds.splice(index, 1)
|
||||
}
|
||||
}
|
||||
},
|
||||
changeType(v) {
|
||||
if (v) {
|
||||
if (!this.chkName) {
|
||||
this.chkName = 'dan'
|
||||
}
|
||||
} else {
|
||||
this.chkName = ''
|
||||
}
|
||||
const index = this.checkedPage.indexOf(this.tableFrom.page)
|
||||
if (this.chkName === 'dan') {
|
||||
this.checkedPage.push(this.tableFrom.page)
|
||||
} else if (index > -1) {
|
||||
this.checkedPage.splice(index, 1)
|
||||
}
|
||||
this.syncCheckedId()
|
||||
},
|
||||
syncCheckedId() {
|
||||
const ids = this.tableData.data.map(v => v.order_id)
|
||||
if (this.chkName === 'duo') {
|
||||
this.checkedIds = []
|
||||
} else if (this.chkName === 'dan') {
|
||||
ids.forEach(id => {
|
||||
const index = this.checkedIds.indexOf(id)
|
||||
if (index === -1) {
|
||||
this.checkedIds.push(id)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
ids.forEach(id => {
|
||||
const index = this.checkedIds.indexOf(id)
|
||||
if (index > -1) {
|
||||
this.checkedIds.splice(index, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
// 退款订单
|
||||
onHandleRefund(name) {
|
||||
this.chkNameRefund = this.chkNameRefund === name ? '' : name
|
||||
this.changeTypeRefund(!(this.chkNameRefund === ''))
|
||||
},
|
||||
changeOneRefund(v, order) {
|
||||
if (v) {
|
||||
if (this.chkNameRefund === 'duo') {
|
||||
const index = this.refundNoChecked.indexOf(order.refund_order_id)
|
||||
if (index > -1) this.refundNoChecked.splice(index, 1)
|
||||
} else {
|
||||
const index = this.refundCheckedIds.indexOf(order.refund_order_id)
|
||||
if (index === -1) this.refundCheckedIds.push(order.refund_order_id)
|
||||
}
|
||||
} else {
|
||||
if (this.chkNameRefund === 'duo') {
|
||||
const index = this.refundNoChecked.indexOf(order.refund_order_id)
|
||||
if (index === -1) this.refundNoChecked.push(order.refund_order_id)
|
||||
} else {
|
||||
const index = this.refundCheckedIds.indexOf(order.refund_order_id)
|
||||
if (index > -1) this.refundCheckedIds.splice(index, 1)
|
||||
}
|
||||
}
|
||||
},
|
||||
changeTypeRefund(v) {
|
||||
if (v) {
|
||||
if (!this.chkNameRefund) {
|
||||
this.chkNameRefund = 'dan'
|
||||
}
|
||||
} else {
|
||||
this.chkNameRefund = ''
|
||||
}
|
||||
const index = this.checkedPage.indexOf(this.tableFrom.page)
|
||||
if (this.chkNameRefund === 'dan') {
|
||||
this.checkedPage.push(this.tableFrom.page)
|
||||
} else if (index > -1) {
|
||||
this.checkedPage.splice(index, 1)
|
||||
}
|
||||
this.syncCheckedIdRefund()
|
||||
},
|
||||
syncCheckedIdRefund() {
|
||||
const ids = this.tableDataRefund.data.map(v => v.refund_order_id)
|
||||
if (this.chkNameRefund === 'duo') {
|
||||
this.refundCheckedIds = []
|
||||
} else if (this.chkNameRefund === 'dan') {
|
||||
ids.forEach(id => {
|
||||
const index = this.refundCheckedIds.indexOf(id)
|
||||
if (index === -1) {
|
||||
this.refundCheckedIds.push(id)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
ids.forEach(id => {
|
||||
const index = this.refundCheckedIds.indexOf(id)
|
||||
if (index > -1) {
|
||||
this.refundCheckedIds.splice(index, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
onAdd() {
|
||||
// if (this.ids.length === 0 || this.idsRefund.length === 0) return this.$message.warning('请先选择对账单')
|
||||
const datas = {
|
||||
order_ids: this.checkedIds,
|
||||
order_out_ids: this.noChecked,
|
||||
order_type: this.chkName === 'duo' ? 1 : 0,
|
||||
refund_order_ids: this.refundCheckedIds,
|
||||
refund_out_ids: this.refundNoChecked,
|
||||
refund_type: this.chkNameRefund === 'duo' ? 1 : 0,
|
||||
date: this.tableFrom.date
|
||||
}
|
||||
this.$modalSure('发起商户对账吗').then(() => {
|
||||
reconciliationApi(this.$route.params.id, datas, ).then(({
|
||||
message
|
||||
}) => {
|
||||
this.$message.success(message)
|
||||
this.tableFrom.page = 1
|
||||
this.getList()
|
||||
this.getRefundList()
|
||||
this.chkName = ''
|
||||
this.chkNameRefund = ''
|
||||
this.refundCheckedIds = []
|
||||
this.checkedIds = []
|
||||
this.noChecked = []
|
||||
this.refundNoChecked = []
|
||||
}).catch(({
|
||||
message
|
||||
}) => {
|
||||
this.$message.error(message)
|
||||
})
|
||||
})
|
||||
},
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e
|
||||
this.tableFrom.date = this.timeVal ? this.timeVal.join('-') : ''
|
||||
this.tableFrom.page = 1
|
||||
this.getList()
|
||||
this.getRefundList()
|
||||
},
|
||||
// 退款备注
|
||||
onOrderMark(id) {
|
||||
this.$modalForm(refundMarkApi(id)).then(() => this.getRefundList())
|
||||
},
|
||||
// 订单备注
|
||||
addMark(id) {
|
||||
this.$modalForm(orderMarkApi(id)).then(() => this.getList())
|
||||
},
|
||||
getTotalRefund(row) {
|
||||
let sum = 0
|
||||
for (let i = 0; i < row.length; i++) {
|
||||
sum += row[i].product.cart_info.productAttr.price * row[i].refund_num
|
||||
}
|
||||
return sum
|
||||
},
|
||||
getTotal(row) {
|
||||
let sum = 0
|
||||
for (let i = 0; i < row.length; i++) {
|
||||
sum += row[i].cart_info.productAttr.price * row[i].product_num
|
||||
}
|
||||
return sum
|
||||
},
|
||||
// 列表
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
this.$route.params.type === '1' ? merOrderListApi(this.$route.params.id, this.tableFrom).then(res => {
|
||||
this.tableData.data = res.data.list
|
||||
this.tableData.total = res.data.count
|
||||
this.tableData.data.map((item) => {
|
||||
this.$set(item, {
|
||||
checked: false
|
||||
})
|
||||
})
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
}) : reconciliationOrderApi(this.$route.params.id, this.tableFrom).then(res => {
|
||||
this.tableData.data = res.data.list
|
||||
this.tableData.total = res.data.count
|
||||
this.tableData.data.map((item) => {
|
||||
this.$set(item, {
|
||||
checked: false
|
||||
})
|
||||
})
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page
|
||||
this.getList()
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val
|
||||
this.chkName = ''
|
||||
this.getList()
|
||||
},
|
||||
// 退款列表
|
||||
getRefundList() {
|
||||
this.listLoading = true
|
||||
this.$route.params.type === '1' ? refundOrderListApi(this.$route.params.id, this.tableFrom).then(res => {
|
||||
this.tableDataRefund.data = res.data.list
|
||||
this.tableDataRefund.total = res.data.count
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
}) : reconciliationRefundApi(this.$route.params.id, this.tableFrom).then(res => {
|
||||
this.tableDataRefund.data = res.data.list
|
||||
this.tableDataRefund.total = res.data.count
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
pageChangeRefund(page) {
|
||||
this.tableFrom.page = page
|
||||
this.getRefundList()
|
||||
},
|
||||
handleSizeChangeRefund(val) {
|
||||
this.tableFrom.limit = val
|
||||
this.getRefundList()
|
||||
},
|
||||
setTagsViewTitle() {
|
||||
const title = '查看订单'
|
||||
const route = Object.assign({}, this.tempRoute, {
|
||||
title: `${title}-${this.$route.params.id}`
|
||||
})
|
||||
this.$store.dispatch('tagsView/updateVisitedView', route)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.spBlock {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.check {
|
||||
color: #00a2d4;
|
||||
}
|
||||
|
||||
.tabPop {
|
||||
/deep/ .el-popover {
|
||||
width: 100px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.fang {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 2px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #fff;
|
||||
z-index: 1;
|
||||
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
||||
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
||||
}
|
||||
|
||||
.el-table /deep/.DisabledSelection .cell .el-checkbox__inner {
|
||||
margin-left: -30px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.el-table /deep/.DisabledSelection .cell:before {
|
||||
content: "全选";
|
||||
position: absolute;
|
||||
right: 11px;
|
||||
}
|
||||
|
||||
.demo-table-expands {
|
||||
/deep/ label {
|
||||
width: 84px !important;
|
||||
color: #99a9bf;
|
||||
}
|
||||
}
|
||||
|
||||
.selWidth {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.el-dropdown-link {
|
||||
cursor: pointer;
|
||||
color: var(--prev-color-primary);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.el-icon-arrow-down {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.tabBox_tit {
|
||||
width: 60%;
|
||||
font-size: 12px !important;
|
||||
margin: 0 2px 0 10px;
|
||||
letter-spacing: 1px;
|
||||
padding: 5px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
203
src/views/supply/rechargeRecord/index.vue
Normal file
203
src/views/supply/rechargeRecord/index.vue
Normal file
@ -0,0 +1,203 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<div class="container">
|
||||
<el-form size="small" label-width="100px">
|
||||
<el-form-item label="时间选择：" class="width100">
|
||||
<el-radio-group
|
||||
v-model="tableFrom.date"
|
||||
type="button"
|
||||
class="mr20"
|
||||
size="small"
|
||||
@change="selectChange(tableFrom.date)"
|
||||
>
|
||||
<el-radio-button
|
||||
v-for="(item,i) in fromList.fromTxt"
|
||||
:key="i"
|
||||
:label="item.val"
|
||||
>{{ item.text }}</el-radio-button>
|
||||
</el-radio-group>
|
||||
<el-date-picker
|
||||
v-model="timeVal"
|
||||
value-format="yyyy/MM/dd"
|
||||
format="yyyy/MM/dd"
|
||||
size="small"
|
||||
type="daterange"
|
||||
placement="bottom-end"
|
||||
placeholder="自定义时间"
|
||||
style="width: 250px;"
|
||||
@change="onchangeTime"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="商户名称：" style="display: inline-block;">
|
||||
<el-select
|
||||
v-model="tableFrom.mer_id"
|
||||
clearable
|
||||
filterable
|
||||
placeholder="请选择"
|
||||
class="selWidth"
|
||||
@change="getList(1),getStatisticalData()"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in merSelect"
|
||||
:key="item.mer_id"
|
||||
:label="item.mer_name"
|
||||
:value="item.mer_id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<cards-data :card-lists="cardLists" />
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="tableData.data"
|
||||
style="width: 100%"
|
||||
size="mini"
|
||||
class="table"
|
||||
highlight-current-row
|
||||
>
|
||||
<el-table-column label="序号" min-width="60">
|
||||
<template scope="scope">
|
||||
<span>{{ scope.$index+(tableFrom.page - 1) * tableFrom.limit + 1 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商户名称" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.merchant ? scope.row.merchant.mer_name :'' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="充值金额（元）" min-width="100" >
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.financial_pm === 1 ? scope.row.number : -scope.row.number }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="create_time" label="支付时间" min-width="130" />
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
background
|
||||
:page-size="tableFrom.limit"
|
||||
:current-page="tableFrom.page"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="tableData.total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="pageChange"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import { capitalFlowLstApi, getStatisticsApi } from '@/api/accounts'
|
||||
import { merSelectApi } from "@/api/product";
|
||||
import { fromList } from '@/libs/constants.js'
|
||||
import { roterPre } from '@/settings'
|
||||
import cardsData from "@/components/cards/index";
|
||||
export default {
|
||||
name: 'AccountsCapitalFlow',
|
||||
components: { cardsData },
|
||||
data() {
|
||||
return {
|
||||
timeVal: [],
|
||||
merSelect: [],
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
roterPre: roterPre,
|
||||
listLoading: true,
|
||||
tableFrom: {
|
||||
date: '',
|
||||
keyword: '',
|
||||
mer_id: '',
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
fromList: fromList,
|
||||
options: [],
|
||||
cardLists: [],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getList()
|
||||
this.getStatisticalData()
|
||||
this.getMerSelect()
|
||||
},
|
||||
methods: {
|
||||
// 时间选择
|
||||
selectChange(tab) {
|
||||
this.tableFrom.date = tab
|
||||
this.timeVal = []
|
||||
this.tableFrom.page = 1;
|
||||
this.getList()
|
||||
this.getStatisticalData()
|
||||
},
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e
|
||||
this.tableFrom.date = e ? this.timeVal.join('-') : ''
|
||||
this.tableFrom.page = 1;
|
||||
this.getList()
|
||||
this.getStatisticalData()
|
||||
},
|
||||
//获取统计数据
|
||||
getStatisticalData(){
|
||||
getStatisticsApi({date:this.tableFrom.date}).then((res) => {
|
||||
this.cardLists = res.data;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
// 商户列表；
|
||||
getMerSelect() {
|
||||
merSelectApi()
|
||||
.then((res) => {
|
||||
this.merSelect = res.data;
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
// 列表
|
||||
getList(num) {
|
||||
this.listLoading = true
|
||||
this.tableFrom.page = num ? num : this.tableFrom.page;
|
||||
capitalFlowLstApi(this.tableFrom)
|
||||
.then((res) => {
|
||||
this.tableData.data = res.data.list
|
||||
this.tableData.total = res.data.count
|
||||
this.listLoading = false
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message)
|
||||
this.listLoading = false
|
||||
})
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page
|
||||
this.getList()
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
146
src/views/supply/system/index.vue
Normal file
146
src/views/supply/system/index.vue
Normal file
@ -0,0 +1,146 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<el-card>
|
||||
<div class="mb20">
|
||||
<el-button size="small" type="primary" @click="onAdd(0)">添加菜单</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="tableData.data"
|
||||
size="small"
|
||||
row-key="menu_id"
|
||||
:default-expand-all="false"
|
||||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
|
||||
>
|
||||
<el-table-column
|
||||
label="菜单名称"
|
||||
min-width="200"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.menu_name + ' [ ' + scope.row.menu_id + ' ]'}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="route"
|
||||
label="菜单地址"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column label="菜单图标" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<div class="listPic">
|
||||
<i :class="'el-icon-' + scope.row.icon" style="font-size: 20px;" />
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--<el-table-column-->
|
||||
<!--prop="status"-->
|
||||
<!--label="是否显示"-->
|
||||
<!--min-width="100"-->
|
||||
<!-->-->
|
||||
<!--<template slot-scope="scope">-->
|
||||
<!--<el-switch-->
|
||||
<!--v-model="scope.row.status"-->
|
||||
<!--:active-value="1"-->
|
||||
<!--:inactive-value="0"-->
|
||||
<!--@change="onchangeIsShow(scope.row)"-->
|
||||
<!--/>-->
|
||||
<!--</template>-->
|
||||
<!--</el-table-column>-->
|
||||
<el-table-column
|
||||
prop="create_time"
|
||||
label="创建时间"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column label="操作" min-width="150" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" :disabled="isChecked" @click="onAdd(scope.row.menu_id)">添加子菜单</el-button>
|
||||
<el-button type="text" size="small" @click="onEdit(scope.row.menu_id)">编辑</el-button>
|
||||
<el-button type="text" size="small" @click="handleDelete(scope.row.menu_id, scope.$index)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
supplyMenuListApi, supplyMenuCreateApi, supplyMenuUpdateApi, supplyMenuDeleteApi
|
||||
} from '@/api/supply'
|
||||
export default {
|
||||
name: 'supplySystem',
|
||||
data() {
|
||||
return {
|
||||
isChecked: false,
|
||||
listLoading: true,
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 20
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
// 列表
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
supplyMenuListApi(this.tableFrom).then(res => {
|
||||
this.tableData.data = res.data.list
|
||||
this.tableData.total = res.data.count
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableData.page = page
|
||||
this.getList()
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableData.limit = val
|
||||
this.getList()
|
||||
},
|
||||
// 添加
|
||||
onAdd(id) {
|
||||
const config = {}
|
||||
if (Number(id) > 0) config.formData = { pid: id }
|
||||
this.$modalForm(supplyMenuCreateApi(), config).then(() => this.getList())
|
||||
},
|
||||
// 编辑
|
||||
onEdit(id) {
|
||||
this.$modalForm(supplyMenuUpdateApi(id)).then(() => this.getList())
|
||||
},
|
||||
// 删除
|
||||
handleDelete(id) {
|
||||
this.$modalSure().then(() => {
|
||||
supplyMenuDeleteApi(id).then(({ message }) => {
|
||||
this.$message.success(message)
|
||||
this.getList()
|
||||
}).catch(({ message }) => {
|
||||
this.$message.error(message)
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '@/styles/form.scss';
|
||||
</style>
|
||||
171
src/views/supply/type/description.vue
Normal file
171
src/views/supply/type/description.vue
Normal file
@ -0,0 +1,171 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<el-card class="box-card">
|
||||
<el-form ref="formValidate" v-loading="fullscreenLoading" class="formValidate mt20" :model="formValidate" label-width="100px" @submit.native.prevent>
|
||||
<el-col :span="24">
|
||||
<el-form-item>
|
||||
<h3 class="title">店铺类型说明</h3>
|
||||
<ueditor-from v-model="formValidate.agree" :content="formValidate.agree" style="width: 100%"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-form-item style="margin-top:30px;">
|
||||
<el-button type="primary" class="submission" size="small" @click="previewProtol">预览</el-button>
|
||||
<el-button type="primary" class="submission" size="small" @click="handleSubmit('formValidate')">提交</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<div class="Box">
|
||||
<el-dialog
|
||||
v-if="modals"
|
||||
:visible.sync="modals"
|
||||
title=""
|
||||
height="30%"
|
||||
custom-class="dialog-scustom"
|
||||
class="addDia"
|
||||
>
|
||||
<div class="agreement">
|
||||
<h3>店铺类型说明</h3>
|
||||
<div class="content">
|
||||
<div v-html="formValidate.agree"></div>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import ueditorFrom from '@/components/ueditorFrom'
|
||||
|
||||
import {
|
||||
getStoreTypeApi,
|
||||
updateStoreTypeApi
|
||||
} from '@/api/supply'
|
||||
export default {
|
||||
name: 'storeTypeDesc',
|
||||
components: { ueditorFrom },
|
||||
data() {
|
||||
return {
|
||||
modals: false,
|
||||
props: {
|
||||
emitPath: false
|
||||
},
|
||||
formValidate: {
|
||||
agree: '',
|
||||
},
|
||||
content: '',
|
||||
fullscreenLoading: false,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getInfo();
|
||||
},
|
||||
methods: {
|
||||
getInfo() {
|
||||
this.fullscreenLoading = true
|
||||
getStoreTypeApi('sys_merchant_type').then(res => {
|
||||
const info = res.data
|
||||
this.formValidate = {
|
||||
agree: info.sys_merchant_type,
|
||||
}
|
||||
this.fullscreenLoading = false
|
||||
}).catch(res => {
|
||||
this.$message.error(res.message)
|
||||
this.fullscreenLoading = false
|
||||
})
|
||||
},
|
||||
|
||||
// 提交
|
||||
handleSubmit(name) {
|
||||
if(this.formValidate.agree === '' || !this.formValidate.agree){
|
||||
this.$message.warning("请输入协议信息！");
|
||||
return
|
||||
}else{
|
||||
updateStoreTypeApi('sys_merchant_type',this.formValidate).then(async res => {
|
||||
this.fullscreenLoading = false
|
||||
this.$message.success(res.message)
|
||||
}).catch(res => {
|
||||
this.fullscreenLoading = false
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
previewProtol(){
|
||||
this.modals = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.dialog-scustom,.addDia{
|
||||
min-width: 400px;
|
||||
height: 900px;
|
||||
.el-dialog{
|
||||
width: 400px;
|
||||
}
|
||||
h3{
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.title{
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
}
|
||||
.agreement{
|
||||
width: 350px;
|
||||
margin: 0 auto;
|
||||
box-shadow: 1px 5px 5px 2px rgba(0,0,0,.2);
|
||||
padding: 26px;
|
||||
border-radius: 15px;
|
||||
.content{
|
||||
height: 600px;
|
||||
overflow-y:scroll;
|
||||
/deep/ p{
|
||||
font-size: 13px;
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
/deep/ img{
|
||||
max-width: 100%;
|
||||
}
|
||||
p{
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
/*css主要部分的样式*/
|
||||
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px; /*对垂直流动条有效*/
|
||||
height: 10px; /*对水平流动条有效*/
|
||||
}
|
||||
|
||||
/*定义滚动条的轨道颜色、内阴影及圆角*/
|
||||
::-webkit-scrollbar-track{
|
||||
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
|
||||
background-color: transparent;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
252
src/views/supply/type/index.vue
Normal file
252
src/views/supply/type/index.vue
Normal file
@ -0,0 +1,252 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<el-card>
|
||||
<div class="mb20">
|
||||
<el-button size="small" type="primary" @click="onAdd"
|
||||
>添加店铺类型
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
:data="tableData.data"
|
||||
size="small"
|
||||
highlight-current-row
|
||||
class="switchTable"
|
||||
>
|
||||
<el-table-column prop="mer_type_id" label="ID" min-width="60" />
|
||||
<el-table-column
|
||||
prop="type_name"
|
||||
label="店铺类型名称"
|
||||
min-width="120"
|
||||
/>
|
||||
<el-table-column
|
||||
label="店铺数量（个）"
|
||||
prop="merchant_count"
|
||||
min-width="120"
|
||||
/>
|
||||
<el-table-column prop="type_name" label="店铺保证金" min-width="120">
|
||||
<template slot-scope="scope">
|
||||
<span class="spBlock">{{
|
||||
scope.row.is_margin ? scope.row.margin + "元" : "无"
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="type_info"
|
||||
label="店铺类型要求"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="create_time"
|
||||
label="创建时间"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="update_time"
|
||||
label="最新修改时间"
|
||||
min-width="150"
|
||||
/>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
min-width="180"
|
||||
fixed="right"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleDetail(scope.row,false)"
|
||||
>详情
|
||||
</el-button>
|
||||
<el-button type="text" size="small" @click="handleDetail(scope.row,true)"
|
||||
>编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleDelete(scope.row.mer_type_id, scope.$index)"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
background
|
||||
:page-size="tableFrom.limit"
|
||||
:current-page="tableFrom.page"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="tableData.total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="pageChange"
|
||||
/>
|
||||
</div>
|
||||
</el-card>
|
||||
<!-- 详情抽屉弹窗 -->
|
||||
<type-detail
|
||||
ref="typeDetail"
|
||||
:typeId="typeId"
|
||||
:isCreate="isCreate"
|
||||
:permissions="permissions"
|
||||
@getList="getList"
|
||||
@closeDrawer="closeDrawer"
|
||||
@changeDrawer="changeDrawer"
|
||||
:drawer="drawer"
|
||||
></type-detail>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
storeTypeLstApi,
|
||||
storeTypeDeleteApi,
|
||||
storeJurisdictionApi,
|
||||
supplyTypeMarkForm,
|
||||
} from "@/api/supply";
|
||||
import typeDetail from './typeDetails.vue';
|
||||
import { fromList } from "@/libs/constants.js";
|
||||
import { roterPre } from "@/settings";
|
||||
|
||||
export default {
|
||||
name: "MerchantList",
|
||||
components: { typeDetail },
|
||||
data() {
|
||||
return {
|
||||
fromList: fromList,
|
||||
roterPre: roterPre,
|
||||
listLoading: true,
|
||||
append: true,
|
||||
permissions: [], //店铺类型
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0,
|
||||
},
|
||||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 20,
|
||||
},
|
||||
formValidate: {
|
||||
type_name: "",
|
||||
type_info: "",
|
||||
is_margin: 1,
|
||||
margin: 0,
|
||||
auth: [],
|
||||
description: "",
|
||||
},
|
||||
isEdit: false,
|
||||
isCreate: false,
|
||||
typeId: "",
|
||||
drawer: false
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.getList("");
|
||||
},
|
||||
methods: {
|
||||
// 列表
|
||||
getList(num) {
|
||||
this.listLoading = true;
|
||||
this.tableFrom.page = num ? num : this.tableFrom.page;
|
||||
storeTypeLstApi(this.tableFrom)
|
||||
.then((res) => {
|
||||
this.tableData.data = res.data.list;
|
||||
this.tableData.total = res.data.count;
|
||||
this.listLoading = false;
|
||||
this.jurisdiction();
|
||||
})
|
||||
.catch((res) => {
|
||||
this.listLoading = false;
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page;
|
||||
this.getList("");
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val;
|
||||
this.getList(1);
|
||||
},
|
||||
// 添加
|
||||
onAdd() {
|
||||
this.drawer = true;
|
||||
this.$refs.typeDetail.isEdit = true;
|
||||
this.isCreate = true;
|
||||
this.$refs.typeDetail.addType();
|
||||
this.$refs.tree && this.$refs.tree.setCheckedKeys([]);
|
||||
|
||||
},
|
||||
//获取权限
|
||||
jurisdiction() {
|
||||
storeJurisdictionApi().then((res) => {
|
||||
function loadData(lst) {
|
||||
lst.forEach((v) => {
|
||||
v.value = v.id;
|
||||
v.label = v.title;
|
||||
delete v.id;
|
||||
delete v.title;
|
||||
if (v.children) {
|
||||
if (!v.children.length) {
|
||||
delete v.children;
|
||||
} else {
|
||||
loadData(v.children);
|
||||
}
|
||||
}
|
||||
});
|
||||
return lst;
|
||||
}
|
||||
this.permissions = loadData(res.data);
|
||||
});
|
||||
},
|
||||
// 详情
|
||||
handleDetail(row,edit) {
|
||||
this.typeId = row.mer_type_id;
|
||||
this.drawer = true;
|
||||
this.isEdit = edit;
|
||||
this.isCreate = false;
|
||||
this.$refs.typeDetail.getInfo(this.typeId,edit)
|
||||
},
|
||||
changeDrawer(v) {
|
||||
this.drawer = v;
|
||||
},
|
||||
closeDrawer() {
|
||||
this.drawer = false;
|
||||
},
|
||||
// 删除
|
||||
handleDelete(id) {
|
||||
this.$modalSure("确定删除该店铺类型吗").then(() => {
|
||||
storeTypeDeleteApi(id)
|
||||
.then(({ message }) => {
|
||||
this.$message.success(message);
|
||||
this.getList("");
|
||||
})
|
||||
.catch(({ message }) => {
|
||||
this.$message.error(message);
|
||||
});
|
||||
});
|
||||
},
|
||||
// 备注
|
||||
handleMark(id) {
|
||||
this.$modalForm(supplyTypeMarkForm(id)).then(() => this.getList());
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.input_inline {
|
||||
/deep/ .el-input {
|
||||
width: 200px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
632
src/views/supply/type/record.vue
Normal file
632
src/views/supply/type/record.vue
Normal file
@ -0,0 +1,632 @@
|
||||
<template>
|
||||
<div class="divBox">
|
||||
<el-card class="box-card mb20">
|
||||
<div slot="header" class="clearfix">
|
||||
<router-link v-if="$route.params.type === '1'" :to="{path:roterPre+'/merchant/list'}">
|
||||
<el-button size="mini" class="mr20 mb20" icon="el-icon-back">返回</el-button>
|
||||
</router-link>
|
||||
<router-link v-else :to="{path:roterPre+'/accounts/reconciliation'}">
|
||||
<el-button size="mini" class="mr20 mb20" icon="el-icon-back">返回</el-button>
|
||||
</router-link>
|
||||
<div v-if="$route.params.type === '1'" class="filter-container">
|
||||
<el-form :inline="true">
|
||||
<el-form-item label="使用状态：" class="mr20">
|
||||
<el-select v-model="tableFrom.status" placeholder="请选择评价状态" @change="init">
|
||||
<el-option label="全部" value="" />
|
||||
<el-option label="未对账" value="0" />
|
||||
<el-option label="已对账" value="1" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间选择：" class="mr10">
|
||||
<el-date-picker v-model="timeVal" type="daterange" align="right" unlink-panels format="yyyy/MM/dd" value-format="yyyy/MM/dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" @change="onchangeTime" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-button v-if="$route.params.type === '1'" size="small" type="primary" @click="onAdd(0)">商户对账</el-button>
|
||||
</div>
|
||||
<el-table v-loading="listLoading" :data="tableData.data" size="small" class="table" highlight-current-row>
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="props">
|
||||
<el-form label-position="left" inline class="demo-table-expand demo-table-expands">
|
||||
<el-form-item label="收货人：">
|
||||
<span>{{ props.row.real_name | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="电话：">
|
||||
<span>{{ props.row.user_phone | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="地址：">
|
||||
<span>{{ props.row.user_address | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="商品总数：">
|
||||
<span>{{ props.row.total_num | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="支付状态：">
|
||||
<span>{{ props.row.pay_type | payTypeFilter }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="支付时间：">
|
||||
<span>{{ props.row.pay_time | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="对账备注：">
|
||||
<span>{{ props.row.admin_mark }}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="$route.params.type === '1'" width="50">
|
||||
<template slot="header" slot-scope="scope">
|
||||
<el-popover placement="top-start" width="100" trigger="hover" class="tabPop">
|
||||
<div>
|
||||
<span class="spBlock onHand" :class="{'check': chkName === 'dan'}" @click="onHandle('dan',scope.$index)">选中本页</span>
|
||||
<span class="spBlock onHand" :class="{'check': chkName === 'duo'}" @click="onHandle('duo')">选中全部</span>
|
||||
</div>
|
||||
<el-checkbox slot="reference" :value="(chkName === 'dan' && checkedPage.indexOf(tableFrom.page) > -1) || chkName === 'duo'" @change="changeType" />
|
||||
</el-popover>
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
<el-checkbox :value="checkedIds.indexOf(scope.row.order_id) > -1 || (chkName === 'duo' && noChecked.indexOf(scope.row.order_id) === -1)" @change="(v)=>changeOne(v,scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="order_id" label="ID" width="60" />
|
||||
<el-table-column label="是否对账" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.reconciliation_id | reconciliationFilter }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="order_sn" label="订单编号" min-width="190" />
|
||||
<el-table-column label="商品信息" min-width="330">
|
||||
<template slot-scope="scope">
|
||||
<div v-for="(val, i ) in scope.row.orderProduct" :key="i" class="tabBox acea-row row-middle">
|
||||
<div class="demo-image__preview">
|
||||
<el-image :src="val.cart_info.product.image" :preview-src-list="[val.cart_info.product.image]" />
|
||||
</div>
|
||||
<span class="tabBox_tit">{{ val.cart_info.product.store_name + ' | ' }}{{ val.cart_info.productAttr.sku }}</span>
|
||||
<span class="tabBox_pice">{{ '￥'+ val.cart_info.productAttr.price + ' x '+ val.product_num }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商品总价" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ getTotal(scope.row.orderProduct) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="pay_price" label="实际支付" min-width="100" />
|
||||
<el-table-column label="佣金金额" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{Number(scope.row.extension_one)+Number(scope.row.extension_two)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="total_postage" label="邮费" min-width="100" />
|
||||
<el-table-column prop="order_rate" label="手续费" min-width="100" />
|
||||
<el-table-column prop="create_time" label="下单时间" min-width="150" />
|
||||
<el-table-column v-if="$route.params.type === '1'" label="操作" min-width="80" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="addMark(scope.row.order_id)">添加备注</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block mb20">
|
||||
<el-pagination background :page-size="tableFrom.limit" :current-page="tableFrom.page" layout="total, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange" @current-change="pageChange" />
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="box-card">
|
||||
<el-table v-loading="listLoading" :data="tableDataRefund.data" size="small" class="table" highlight-current-row>
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="props">
|
||||
<el-form label-position="left" inline class="demo-table-expand">
|
||||
<el-form-item label="订单号：">
|
||||
<span>{{ props.row.order.order_sn }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="退款商品总价：">
|
||||
<span>{{ getTotalRefund(props.row.refundProduct) }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="退款商品总数：">
|
||||
<span>{{ props.row.refund_num }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请退款时间：">
|
||||
<span>{{ props.row.create_time | filterEmpty }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="对账备注：">
|
||||
<span>{{ props.row.admin_mark }}</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="$route.params.type === '1'" width="50">
|
||||
<template slot="header" slot-scope="scope">
|
||||
<el-popover placement="top-start" width="100" trigger="hover" class="tabPop">
|
||||
<div>
|
||||
<span class="spBlock onHand" :class="{'check': chkNameRefund === 'dan'}" @click="onHandleRefund('dan',scope.$index)">选中本页</span>
|
||||
<span class="spBlock onHand" :class="{'check': chkNameRefund === 'duo'}" @click="onHandleRefund('duo')">选中全部</span>
|
||||
</div>
|
||||
<el-checkbox slot="reference" :value="(chkNameRefund === 'dan' && checkedPage.indexOf(tableFrom.page) > -1) || chkNameRefund === 'duo'" @change="changeTypeRefund" />
|
||||
</el-popover>
|
||||
</template>
|
||||
<!--:disabled="isDisabled"-->
|
||||
<template slot-scope="scope">
|
||||
<el-checkbox :value="refundCheckedIds.indexOf(scope.row.refund_order_id) > -1 || (chkNameRefund === 'duo' && refundNoChecked.indexOf(scope.row.refund_order_id) === -1)" @change="(v)=>changeOneRefund(v,scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="refund_order_id" label="ID" width="60" />
|
||||
<el-table-column label="退款单号" min-width="170">
|
||||
<template slot-scope="scope">
|
||||
<span style="display: block;" v-text="scope.row.refund_order_sn" />
|
||||
<span v-show="scope.row.is_del > 0" style="color: #ED4014;display: block;">用户已删除</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否对账" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.reconciliation_id | reconciliationFilter }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="user.nickname" label="用户信息" min-width="130" />
|
||||
<el-table-column prop="refund_price" label="退款金额" min-width="130" />
|
||||
<el-table-column prop="nickname" label="商品信息" min-width="330">
|
||||
<template slot-scope="scope">
|
||||
<div v-for="(val, i ) in scope.row.refundProduct" :key="i" class="tabBox acea-row row-middle">
|
||||
<div class="demo-image__preview">
|
||||
<el-image :src="val.product.cart_info.product.image" :preview-src-list="[val.product.cart_info.product.image]" />
|
||||
</div>
|
||||
<span class="tabBox_tit">{{ val.product.cart_info.product.store_name + ' | ' }}{{ val.product.cart_info.productAttr.sku }}</span>
|
||||
<span class="tabBox_pice">{{ '￥'+ val.product.cart_info.productAttr.price + ' x '+ val.product.product_num }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="serviceScore" label="订单状态" min-width="250">
|
||||
<template slot-scope="scope">
|
||||
<span style="display: block">{{ scope.row.status | orderRefundFilter }}</span>
|
||||
<span style="display: block">退款原因：{{ scope.row.refund_message }}</span>
|
||||
<!--<p>备注说明：{{scope.row.mark}}</p>-->
|
||||
<span style="display: block">状态变更时间：{{ scope.row.status_time }}</span>
|
||||
<!--<p>备注凭证：{{}}</p>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="$route.params.type === '1'" key="10" label="操作" min-width="80" fixed="right">
|
||||
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="onOrderMark(scope.row.refund_order_id)">订单备注</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination background :page-size="tableFrom.limit" :current-page="tableFrom.page" layout="total, prev, pager, next, jumper" :total="tableDataRefund.total" @size-change="handleSizeChangeRefund" @current-change="pageChangeRefund" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
merOrderListApi,
|
||||
refundOrderListApi,
|
||||
orderMarkApi,
|
||||
refundMarkApi,
|
||||
reconciliationApi
|
||||
} from '@/api/supply'
|
||||
import {
|
||||
reconciliationOrderApi,
|
||||
reconciliationRefundApi
|
||||
} from '@/api/accounts'
|
||||
import {
|
||||
roterPre
|
||||
} from '@/settings'
|
||||
export default {
|
||||
name: 'Record',
|
||||
data() {
|
||||
return {
|
||||
roterPre: roterPre,
|
||||
chkName: '',
|
||||
chkNameRefund: '',
|
||||
isIndeterminate: true,
|
||||
resource: [],
|
||||
visible: false,
|
||||
timeVal: [],
|
||||
pickerOptions: {
|
||||
shortcuts: [{
|
||||
text: '最近一周',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '最近一个月',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '最近三个月',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}]
|
||||
},
|
||||
listLoading: true,
|
||||
tableData: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
tableDataRefund: {
|
||||
data: [],
|
||||
total: 0
|
||||
},
|
||||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
date: '',
|
||||
status: ''
|
||||
},
|
||||
ids: [],
|
||||
idsRefund: [],
|
||||
checkedPage: [],
|
||||
checkedIds: [], // 订单当前页选中的数据
|
||||
noChecked: [], // 订单全选状态下当前页不选中的数据
|
||||
refundCheckedIds: [], // 退款单当前页选中的数据
|
||||
refundNoChecked: [] // 退款单全选状态下当前页不选中的数据
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.init()
|
||||
},
|
||||
created() {
|
||||
this.tempRoute = Object.assign({}, this.$route)
|
||||
},
|
||||
methods: {
|
||||
isDisabled(row) {
|
||||
if (row.status !== 3) {
|
||||
return false
|
||||
}
|
||||
return true
|
||||
},
|
||||
init() {
|
||||
this.tableFrom.page = 1
|
||||
this.getList()
|
||||
this.getRefundList()
|
||||
if (this.$route.params.type === 0) {
|
||||
this.setTagsViewTitle()
|
||||
}
|
||||
},
|
||||
// 订单
|
||||
onHandle(name) {
|
||||
this.chkName = this.chkName === name ? '' : name
|
||||
this.changeType(!(this.chkName === ''))
|
||||
},
|
||||
changeOne(v, order) {
|
||||
if (v) {
|
||||
if (this.chkName === 'duo') {
|
||||
const index = this.noChecked.indexOf(order.order_id)
|
||||
if (index > -1) this.noChecked.splice(index, 1)
|
||||
} else {
|
||||
const index = this.checkedIds.indexOf(order.order_id)
|
||||
if (index === -1) this.checkedIds.push(order.order_id)
|
||||
}
|
||||
} else {
|
||||
if (this.chkName === 'duo') {
|
||||
const index = this.noChecked.indexOf(order.order_id)
|
||||
if (index === -1) this.noChecked.push(order.order_id)
|
||||
} else {
|
||||
const index = this.checkedIds.indexOf(order.order_id)
|
||||
if (index > -1) this.checkedIds.splice(index, 1)
|
||||
}
|
||||
}
|
||||
},
|
||||
changeType(v) {
|
||||
if (v) {
|
||||
if (!this.chkName) {
|
||||
this.chkName = 'dan'
|
||||
}
|
||||
} else {
|
||||
this.chkName = ''
|
||||
}
|
||||
const index = this.checkedPage.indexOf(this.tableFrom.page)
|
||||
if (this.chkName === 'dan') {
|
||||
this.checkedPage.push(this.tableFrom.page)
|
||||
} else if (index > -1) {
|
||||
this.checkedPage.splice(index, 1)
|
||||
}
|
||||
this.syncCheckedId()
|
||||
},
|
||||
syncCheckedId() {
|
||||
const ids = this.tableData.data.map(v => v.order_id)
|
||||
if (this.chkName === 'duo') {
|
||||
this.checkedIds = []
|
||||
} else if (this.chkName === 'dan') {
|
||||
ids.forEach(id => {
|
||||
const index = this.checkedIds.indexOf(id)
|
||||
if (index === -1) {
|
||||
this.checkedIds.push(id)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
ids.forEach(id => {
|
||||
const index = this.checkedIds.indexOf(id)
|
||||
if (index > -1) {
|
||||
this.checkedIds.splice(index, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
// 退款订单
|
||||
onHandleRefund(name) {
|
||||
this.chkNameRefund = this.chkNameRefund === name ? '' : name
|
||||
this.changeTypeRefund(!(this.chkNameRefund === ''))
|
||||
},
|
||||
changeOneRefund(v, order) {
|
||||
if (v) {
|
||||
if (this.chkNameRefund === 'duo') {
|
||||
const index = this.refundNoChecked.indexOf(order.refund_order_id)
|
||||
if (index > -1) this.refundNoChecked.splice(index, 1)
|
||||
} else {
|
||||
const index = this.refundCheckedIds.indexOf(order.refund_order_id)
|
||||
if (index === -1) this.refundCheckedIds.push(order.refund_order_id)
|
||||
}
|
||||
} else {
|
||||
if (this.chkNameRefund === 'duo') {
|
||||
const index = this.refundNoChecked.indexOf(order.refund_order_id)
|
||||
if (index === -1) this.refundNoChecked.push(order.refund_order_id)
|
||||
} else {
|
||||
const index = this.refundCheckedIds.indexOf(order.refund_order_id)
|
||||
if (index > -1) this.refundCheckedIds.splice(index, 1)
|
||||
}
|
||||
}
|
||||
},
|
||||
changeTypeRefund(v) {
|
||||
if (v) {
|
||||
if (!this.chkNameRefund) {
|
||||
this.chkNameRefund = 'dan'
|
||||
}
|
||||
} else {
|
||||
this.chkNameRefund = ''
|
||||
}
|
||||
const index = this.checkedPage.indexOf(this.tableFrom.page)
|
||||
if (this.chkNameRefund === 'dan') {
|
||||
this.checkedPage.push(this.tableFrom.page)
|
||||
} else if (index > -1) {
|
||||
this.checkedPage.splice(index, 1)
|
||||
}
|
||||
this.syncCheckedIdRefund()
|
||||
},
|
||||
syncCheckedIdRefund() {
|
||||
const ids = this.tableDataRefund.data.map(v => v.refund_order_id)
|
||||
if (this.chkNameRefund === 'duo') {
|
||||
this.refundCheckedIds = []
|
||||
} else if (this.chkNameRefund === 'dan') {
|
||||
ids.forEach(id => {
|
||||
const index = this.refundCheckedIds.indexOf(id)
|
||||
if (index === -1) {
|
||||
this.refundCheckedIds.push(id)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
ids.forEach(id => {
|
||||
const index = this.refundCheckedIds.indexOf(id)
|
||||
if (index > -1) {
|
||||
this.refundCheckedIds.splice(index, 1)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
onAdd() {
|
||||
// if (this.ids.length === 0 || this.idsRefund.length === 0) return this.$message.warning('请先选择对账单')
|
||||
const datas = {
|
||||
order_ids: this.checkedIds,
|
||||
order_out_ids: this.noChecked,
|
||||
order_type: this.chkName === 'duo' ? 1 : 0,
|
||||
refund_order_ids: this.refundCheckedIds,
|
||||
refund_out_ids: this.refundNoChecked,
|
||||
refund_type: this.chkNameRefund === 'duo' ? 1 : 0,
|
||||
date: this.tableFrom.date
|
||||
}
|
||||
this.$modalSure('发起商户对账吗').then(() => {
|
||||
reconciliationApi(this.$route.params.id, datas, ).then(({
|
||||
message
|
||||
}) => {
|
||||
this.$message.success(message)
|
||||
this.tableFrom.page = 1
|
||||
this.getList()
|
||||
this.getRefundList()
|
||||
this.chkName = ''
|
||||
this.chkNameRefund = ''
|
||||
this.refundCheckedIds = []
|
||||
this.checkedIds = []
|
||||
this.noChecked = []
|
||||
this.refundNoChecked = []
|
||||
}).catch(({
|
||||
message
|
||||
}) => {
|
||||
this.$message.error(message)
|
||||
})
|
||||
})
|
||||
},
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e
|
||||
this.tableFrom.date = this.timeVal ? this.timeVal.join('-') : ''
|
||||
this.tableFrom.page = 1
|
||||
this.getList()
|
||||
this.getRefundList()
|
||||
},
|
||||
// 退款备注
|
||||
onOrderMark(id) {
|
||||
this.$modalForm(refundMarkApi(id)).then(() => this.getRefundList())
|
||||
},
|
||||
// 订单备注
|
||||
addMark(id) {
|
||||
this.$modalForm(orderMarkApi(id)).then(() => this.getList())
|
||||
},
|
||||
getTotalRefund(row) {
|
||||
let sum = 0
|
||||
for (let i = 0; i < row.length; i++) {
|
||||
sum += row[i].product.cart_info.productAttr.price * row[i].refund_num
|
||||
}
|
||||
return sum
|
||||
},
|
||||
getTotal(row) {
|
||||
let sum = 0
|
||||
for (let i = 0; i < row.length; i++) {
|
||||
sum += row[i].cart_info.productAttr.price * row[i].product_num
|
||||
}
|
||||
return sum
|
||||
},
|
||||
// 列表
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
this.$route.params.type === '1' ? merOrderListApi(this.$route.params.id, this.tableFrom).then(res => {
|
||||
this.tableData.data = res.data.list
|
||||
this.tableData.total = res.data.count
|
||||
this.tableData.data.map((item) => {
|
||||
this.$set(item, {
|
||||
checked: false
|
||||
})
|
||||
})
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
}) : reconciliationOrderApi(this.$route.params.id, this.tableFrom).then(res => {
|
||||
this.tableData.data = res.data.list
|
||||
this.tableData.total = res.data.count
|
||||
this.tableData.data.map((item) => {
|
||||
this.$set(item, {
|
||||
checked: false
|
||||
})
|
||||
})
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
pageChange(page) {
|
||||
this.tableFrom.page = page
|
||||
this.getList()
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.tableFrom.limit = val
|
||||
this.chkName = ''
|
||||
this.getList()
|
||||
},
|
||||
// 退款列表
|
||||
getRefundList() {
|
||||
this.listLoading = true
|
||||
this.$route.params.type === '1' ? refundOrderListApi(this.$route.params.id, this.tableFrom).then(res => {
|
||||
this.tableDataRefund.data = res.data.list
|
||||
this.tableDataRefund.total = res.data.count
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
}) : reconciliationRefundApi(this.$route.params.id, this.tableFrom).then(res => {
|
||||
this.tableDataRefund.data = res.data.list
|
||||
this.tableDataRefund.total = res.data.count
|
||||
this.listLoading = false
|
||||
}).catch(res => {
|
||||
this.listLoading = false
|
||||
this.$message.error(res.message)
|
||||
})
|
||||
},
|
||||
pageChangeRefund(page) {
|
||||
this.tableFrom.page = page
|
||||
this.getRefundList()
|
||||
},
|
||||
handleSizeChangeRefund(val) {
|
||||
this.tableFrom.limit = val
|
||||
this.getRefundList()
|
||||
},
|
||||
setTagsViewTitle() {
|
||||
const title = '查看订单'
|
||||
const route = Object.assign({}, this.tempRoute, {
|
||||
title: `${title}-${this.$route.params.id}`
|
||||
})
|
||||
this.$store.dispatch('tagsView/updateVisitedView', route)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.spBlock {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.check {
|
||||
color: #00a2d4;
|
||||
}
|
||||
|
||||
.tabPop {
|
||||
/deep/ .el-popover {
|
||||
width: 100px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.fang {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 2px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-color: #fff;
|
||||
z-index: 1;
|
||||
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
||||
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
|
||||
}
|
||||
|
||||
.el-table /deep/.DisabledSelection .cell .el-checkbox__inner {
|
||||
margin-left: -30px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.el-table /deep/.DisabledSelection .cell:before {
|
||||
content: "全选";
|
||||
position: absolute;
|
||||
right: 11px;
|
||||
}
|
||||
|
||||
.demo-table-expands {
|
||||
/deep/ label {
|
||||
width: 84px !important;
|
||||
color: #99a9bf;
|
||||
}
|
||||
}
|
||||
|
||||
.selWidth {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.el-dropdown-link {
|
||||
cursor: pointer;
|
||||
color: var(--prev-color-primary);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.el-icon-arrow-down {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.tabBox_tit {
|
||||
width: 60%;
|
||||
font-size: 12px !important;
|
||||
margin: 0 2px 0 10px;
|
||||
letter-spacing: 1px;
|
||||
padding: 5px 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
324
src/views/supply/type/typeDetails.vue
Normal file
324
src/views/supply/type/typeDetails.vue
Normal file
@ -0,0 +1,324 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-drawer
|
||||
:with-header="false"
|
||||
:size="1000"
|
||||
:visible.sync="drawer"
|
||||
:direction="direction"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<div v-loading="loading">
|
||||
<div v-if="create" class="head" style="padding: 20px 10px 15px;">
|
||||
<div class="full">
|
||||
<div class="text">
|
||||
<div class="title">
|
||||
<span class="bold">添加店铺类型</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="head">
|
||||
<div class="full">
|
||||
<img class="order_icon" :src="orderImg" alt="" />
|
||||
<div class="text">
|
||||
<div class="title">
|
||||
<span class="bold">{{ typeData.type_name }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="mr20">保证金：{{ typeData.is_margin ? typeData.margin+'元' : '无' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<el-button
|
||||
v-if="isEdit"
|
||||
size="small"
|
||||
@click="cancel"
|
||||
>取消</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="!isEdit && !create"
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="typeEdit"
|
||||
>编辑</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="isEdit && !create"
|
||||
type="success"
|
||||
size="small"
|
||||
@click="saveInfo"
|
||||
>完成</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--编辑-->
|
||||
<typeEditForm ref="editForm" :typeId="typeId" :isCreate="create" :activeName="activeName" :permissions="permissions" :formValidate="formValidate" @success="saveSuccess" @handleClose="handleClose" v-if="isEdit || create"></typeEditForm>
|
||||
<!--详情-->
|
||||
<type-info ref="typeInfo" :typeData="typeData" :activeName="activeName" v-else></type-info>
|
||||
</div>
|
||||
<div v-if="create" class="footer">
|
||||
<el-button type="primary" size="small" @click="submitInfo">提交</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
supplyTypeDetailApi,
|
||||
} from '@/api/supply';
|
||||
import typeInfo from './typeInfo';
|
||||
import typeEditForm from './typeEditForm';
|
||||
export default {
|
||||
props: {
|
||||
drawer: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
isCreate: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
permissions: {
|
||||
type: Array,
|
||||
default: [false],
|
||||
}
|
||||
},
|
||||
components: {typeInfo, typeEditForm},
|
||||
data() {
|
||||
return {
|
||||
loading: true,
|
||||
typeId: '',
|
||||
direction: 'rtl',
|
||||
activeName: "basic",
|
||||
isEdit: false,
|
||||
typeData: {},
|
||||
create: this.isCreate,
|
||||
orderImg: require('@/assets/images/type_icon.png'),
|
||||
formValidate: {
|
||||
type_name: "",
|
||||
type_info: "",
|
||||
is_margin: 1,
|
||||
margin: 0,
|
||||
auth: [],
|
||||
description: "",
|
||||
update_time: "",
|
||||
create_time: "",
|
||||
},
|
||||
};
|
||||
},
|
||||
filters: {
|
||||
},
|
||||
methods: {
|
||||
handleClose() {
|
||||
this.$emit('closeDrawer');
|
||||
},
|
||||
saveSuccess(){
|
||||
this.activeName = 'basic';
|
||||
this.$emit('closeDrawer');
|
||||
setTimeout(() =>{
|
||||
this.$emit('getList')
|
||||
},100)
|
||||
},
|
||||
getInfo(id,edit) {
|
||||
this.typeId = id
|
||||
this.isEdit = edit;
|
||||
this.create = false;
|
||||
this.loading = true;
|
||||
supplyTypeDetailApi(id)
|
||||
.then((res) => {
|
||||
this.loading = false;
|
||||
if(this.isEdit)this.$refs.editForm.resetForm();
|
||||
this.typeData = res.data;
|
||||
let info = res.data;
|
||||
this.formValidate = {
|
||||
type_name: info.type_name,
|
||||
type_info: info.type_info,
|
||||
mark: info.mark,
|
||||
is_margin: info.is_margin || 0,
|
||||
margin: info.margin || 0,
|
||||
auth: info.auth_ids,
|
||||
description: info.description,
|
||||
update_time: info.update_time,
|
||||
create_time: info.create_time,
|
||||
merchant_count: info.merchant_count || 0
|
||||
};
|
||||
this.$nextTick(()=>{
|
||||
this.$refs.editForm.name = 'basic';
|
||||
this.$refs.editForm.setChecked();
|
||||
})
|
||||
|
||||
})
|
||||
.catch((res) => {
|
||||
this.loading = false;
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
},
|
||||
//编辑
|
||||
typeEdit(){
|
||||
this.isEdit = true;
|
||||
this.$refs.editForm.editInit()
|
||||
},
|
||||
/**添加类型初始化 */
|
||||
addType(){
|
||||
this.loading = false;
|
||||
this.create = true;
|
||||
// this.formValidate = {
|
||||
// type_name: "",
|
||||
// type_info: "",
|
||||
// is_margin: 0,
|
||||
// margin: 0,
|
||||
// auth: [],
|
||||
// description: "",
|
||||
// update_time: "",
|
||||
// create_time: "",
|
||||
// };
|
||||
this.$nextTick(()=>{
|
||||
this.$refs.editForm.name = 'basic';
|
||||
this.$refs.editForm.resetForm();
|
||||
this.$refs.editForm.editInit()
|
||||
})
|
||||
},
|
||||
// 取消
|
||||
cancel(){
|
||||
if(this.create){
|
||||
this.drawer = false;
|
||||
}else{
|
||||
this.isEdit = false;
|
||||
}
|
||||
},
|
||||
// 保存
|
||||
saveInfo(){
|
||||
this.$refs.editForm.onSubmit(this.typeId);
|
||||
},
|
||||
submitInfo(){
|
||||
this.$refs.editForm.handleCreateType('formValidate');
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.head {
|
||||
padding: 30px 20px;
|
||||
.full {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.order_icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
.text {
|
||||
align-self: center;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding-left: 12px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
.title {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
color: #282828;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bold{
|
||||
font-weight: bold;
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
.item {
|
||||
flex: none;
|
||||
width: 200px;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
.title {
|
||||
margin-bottom: 12px;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-tabs--border-card {
|
||||
box-shadow: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.section {
|
||||
padding: 20px 0 8px;
|
||||
.title {
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid var(--prev-color-primary);
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
color: #303133;
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
.item {
|
||||
flex: 0 0 calc(100% / 2);
|
||||
display: flex;
|
||||
margin-top: 16px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
&:nth-child(2n) {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
.value {
|
||||
flex: 1;
|
||||
image {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 12px 12px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.el-image {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
/deep/.el-drawer__body {
|
||||
overflow: auto;
|
||||
}
|
||||
.footer{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 17px;
|
||||
padding-top: 17px;
|
||||
border-top: 1px dashed #eeeeee;
|
||||
}
|
||||
</style>
|
||||
307
src/views/supply/type/typeEditForm.vue
Normal file
307
src/views/supply/type/typeEditForm.vue
Normal file
@ -0,0 +1,307 @@
|
||||
<template>
|
||||
<el-form
|
||||
ref="formValidate"
|
||||
size="small"
|
||||
:rules="ruleValidate"
|
||||
:model="formValidate"
|
||||
label-width="120px"
|
||||
@submit.native.prevent
|
||||
>
|
||||
<el-tabs v-loading="loading" type="border-card" v-model="name">
|
||||
<el-tab-pane label="基本信息" name="basic">
|
||||
<div class="section">
|
||||
<div class="title">店铺类型详情</div>
|
||||
<el-row class="mt20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="店铺类型名称：" prop="type_name">
|
||||
<el-input
|
||||
v-model="formValidate.type_name"
|
||||
placeholder="请填写店铺类型名称"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="店铺保证金：">
|
||||
<el-radio-group v-model="formValidate.is_margin">
|
||||
<el-radio :label="0" class="radio">无</el-radio>
|
||||
<el-radio :label="1">有</el-radio>
|
||||
</el-radio-group>
|
||||
<span v-if="formValidate.is_margin == 1">
|
||||
<el-input
|
||||
v-model="formValidate.margin"
|
||||
placeholder="请填写保证金"
|
||||
style="width:120px;margin-left: 8px;"
|
||||
/> 元
|
||||
</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="店铺类型要求：">
|
||||
<el-input
|
||||
v-model="formValidate.type_info"
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
placeholder="请填写店铺类型要求"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="其他说明：">
|
||||
<el-input
|
||||
v-model="formValidate.description"
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
placeholder="请填写其他说明"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="备注：">
|
||||
<el-input
|
||||
v-model="formValidate.mark"
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
placeholder="请填写备注"
|
||||
class="selWidth"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col v-if="!create" :span="24">
|
||||
<el-form-item label="已有店铺数量：">
|
||||
<span>{{formValidate.merchant_count}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col v-if="!create" :span="24">
|
||||
<el-form-item label="创建时间：">
|
||||
<span>{{formValidate.create_time}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col v-if="!create" :span="24">
|
||||
<el-form-item label="最新修改时间：">
|
||||
<span>{{formValidate.update_time}}</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="权限信息" name="permission">
|
||||
<div class="section">
|
||||
<div class="title">权限管理</div>
|
||||
<el-form-item prop="auth">
|
||||
<el-tree
|
||||
ref="tree"
|
||||
:data="permissions"
|
||||
show-checkbox
|
||||
node-key="value"
|
||||
:default-checked-keys="formValidate.auth || []"
|
||||
@hook:mounted="$refs.tree.setCheckedKeys(formValidate.auth || [])"
|
||||
@check="
|
||||
[
|
||||
(formValidate.auth = $refs.tree.getCheckedKeys()),
|
||||
$refs.formValidate.validateField('auth'),
|
||||
]
|
||||
"
|
||||
></el-tree>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-form>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import { storeTypeUpdateApi, storeTypeCreateApi } from "@/api/supply";
|
||||
export default {
|
||||
props: {
|
||||
formValidate: {
|
||||
type: Object,
|
||||
default: {},
|
||||
},
|
||||
permissions: {
|
||||
type: Array,
|
||||
default: [false],
|
||||
},
|
||||
activeName: {
|
||||
type: String,
|
||||
default: "basic",
|
||||
},
|
||||
isCreate: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
merId: '',
|
||||
direction: 'rtl',
|
||||
name: 'basic',
|
||||
create: this.isCreate,
|
||||
ruleValidate: {
|
||||
type_name: [
|
||||
{ required: true, message: '请输入店铺类型', trigger: 'blur' }
|
||||
],
|
||||
auth: [
|
||||
{ required: true, message: "请选择店铺权限", trigger: "change" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
|
||||
filters: {
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
/*提交信息*/
|
||||
onSubmit(id){
|
||||
this.$refs['formValidate'].validate(valid => {
|
||||
if (valid) {
|
||||
this.loading = true;
|
||||
storeTypeUpdateApi(id, this.formValidate)
|
||||
.then(async (res) => {
|
||||
this.$message.success(res.message);
|
||||
this.loading = false;
|
||||
this.$emit('success');
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message);
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
/**重置表单验证 */
|
||||
resetForm(){
|
||||
this.$refs.formValidate.resetFields();
|
||||
},
|
||||
/**添加类型初始化 */
|
||||
addType(){
|
||||
this.loading = false;
|
||||
},
|
||||
/**编辑初始化 */
|
||||
editInit() {
|
||||
this.name = 'basic'
|
||||
this.setChecked();
|
||||
},
|
||||
/**根据返回数据选中权限 */
|
||||
setChecked(){
|
||||
this.$refs.tree && this.$refs.tree.setCheckedKeys(this.formValidate.auth);
|
||||
},
|
||||
handleCreateType(name){
|
||||
this.$refs[name].validate((valid) => {
|
||||
if (valid) {
|
||||
storeTypeCreateApi(this.formValidate)
|
||||
.then(async (res) => {
|
||||
this.$message.success(res.message);
|
||||
this.$emit('success');
|
||||
})
|
||||
.catch((res) => {
|
||||
this.$message.error(res.message);
|
||||
});
|
||||
} else {
|
||||
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-tabs--border-card {
|
||||
box-shadow: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.section {
|
||||
padding: 20px 0 8px;
|
||||
border-bottom: 1px dashed #eeeeee;
|
||||
.title {
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid var(--prev-color-primary);
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
color: #303133;
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
.item {
|
||||
flex: 0 0 calc(100% / 2);
|
||||
display: flex;
|
||||
margin-top: 16px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
|
||||
&:nth-child(2n + 1) {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
&:nth-child(2n) {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
.value {
|
||||
flex: 1;
|
||||
image {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 12px 12px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
.info-red{
|
||||
color: red;
|
||||
font-size: 12px;
|
||||
}
|
||||
/deep/.el-input-number.is-controls-right .el-input__inner{
|
||||
padding: 0 40px 0 10px;
|
||||
}
|
||||
/deep/.el-form-item__label{
|
||||
font-weight: normal;
|
||||
color: #282828;
|
||||
}
|
||||
.tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.el-image {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
/deep/.el-drawer__body {
|
||||
overflow: auto;
|
||||
}
|
||||
.gary {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
</style>
|
||||
151
src/views/supply/type/typeInfo.vue
Normal file
151
src/views/supply/type/typeInfo.vue
Normal file
@ -0,0 +1,151 @@
|
||||
<template>
|
||||
<el-tabs type="border-card" v-model="name">
|
||||
<el-tab-pane label="基本信息" name="basic">
|
||||
<div class="section">
|
||||
<div class="title">店铺类型详情</div>
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div>店铺类型名称：</div>
|
||||
<div class="value">
|
||||
{{typeData.type_name}}
|
||||
</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>店铺保证金：</div>
|
||||
<div class="value">{{typeData.is_margin ? typeData.margin+'元' : '无'}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>店铺类型要求：</div>
|
||||
<div class="value">{{typeData.type_info}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>已有店铺数量：</div>
|
||||
<div class="value">{{typeData.merchant_count}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>其他说明：</div>
|
||||
<div class="value">{{typeData.description || "无"}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>创建时间：</div>
|
||||
<div class="value">{{typeData.create_time}}</div>
|
||||
</li>
|
||||
<li class="item">
|
||||
<div>最新修改时间：</div>
|
||||
<div class="value">{{typeData.update_time}}</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="权限信息" name="permission">
|
||||
<div class="section">
|
||||
<div class="title">权限管理</div>
|
||||
<ul class="list">
|
||||
<li class="item">
|
||||
<div>权限范围：</div>
|
||||
<div class="value">
|
||||
<el-tree
|
||||
ref="treeDetail"
|
||||
:data="typeData.options"
|
||||
:props="{ label: 'title' }"
|
||||
></el-tree>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
|
||||
</el-tabs>
|
||||
</template>
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
export default {
|
||||
props: {
|
||||
typeData: {
|
||||
type: Object,
|
||||
default: {},
|
||||
},
|
||||
activeName: {
|
||||
type: String,
|
||||
default: "basic",
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: true,
|
||||
typeId: '',
|
||||
direction: 'rtl',
|
||||
name: this.activeName
|
||||
};
|
||||
},
|
||||
filters: {
|
||||
},
|
||||
methods: {
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-tabs--border-card {
|
||||
box-shadow: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.section {
|
||||
padding: 20px 0 8px;
|
||||
border-bottom: 1px dashed #eeeeee;
|
||||
.title {
|
||||
padding-left: 10px;
|
||||
border-left: 3px solid var(--prev-color-primary);
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
color: #303133;
|
||||
}
|
||||
.list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.item {
|
||||
flex: 0 0 calc(100% / 2);
|
||||
display: flex;
|
||||
margin-top: 16px;
|
||||
font-size: 13px;
|
||||
color: #606266;
|
||||
&.item100{
|
||||
flex: 0 0 calc(100% / 1);
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
&:nth-child(2n + 1) {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
&:nth-child(2n) {
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
.value {
|
||||
flex: 1;
|
||||
image {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 12px 12px 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
/deep/.el-drawer__body {
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
Loading…
x
Reference in New Issue
Block a user