zianxin/pj_admin_cloud
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

11

Browse Source
This commit is contained in:
dzc committed 2026-06-18 09:30:40 +08:00
1 parent 984718565e
commit 4d2b5cb12d
1 file changed
+168 -147
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mch/mch-manage/index.vue
+168 -147
View File
@@ -1,158 +1,171 @@
<template> <template>
<div class="layout-padding"> <div class="layout-padding">
<div class="layout-padding-auto layout-padding-view"> <div class="layout-padding-auto layout-padding-view">
<el-form v-if="showSearch" ref="queryRef" :inline="true" :model="state.queryForm" <DraggableDepTree ref="draggableDepTreeRef" placeholder="请输入部门名称" :show-expand="true"
@keyup.enter="getDataList"> @getSelectNode="handleGetSelectNode" switch-inactive-text="包含" switch-active-text="不包含"
<el-row> :defaultTreeWidth="20" :nodeClickable="false" :props="{
<el-form-item style="width: 250px" label="商户名" prop="name"> label: 'name',
<el-input v-model="state.queryForm.name" placeholder="商户名" /> children: 'children',
</el-form-item> value: 'id',
<el-form-item style="width: 250px" label="商户类型" prop="types"> disabled: 'isLockNone',
<dict-select v-model="state.queryForm.types" dict-code="merchant_type" /> }">
</el-form-item> <template #default>
<el-form-item style="width: 250px" label="是否显示在移动端" prop="visibleMobile"> <el-form v-if="showSearch" ref="queryRef" :inline="true" :model="state.queryForm"
<dict-select v-model="state.queryForm.visibleMobile" dict-code="yes_no_type" /> @keyup.enter="getDataList">
</el-form-item> <el-row>
<el-form-item style="width: 250px" label="是否同步正元" prop="isSyncZy"> <el-form-item style="width: 250px" label="商户名" prop="name">
<dict-select v-model="state.queryForm.isSyncZy" dict-code="yes_no_type" /> <el-input v-model="state.queryForm.name" placeholder="商户名" />
</el-form-item> </el-form-item>
<el-form-item style="width: 250px" label="是否对外开放" prop="canteenIsOpen"> <el-form-item style="width: 250px" label="商户类型" prop="types">
<dict-select v-model="state.queryForm.canteenIsOpen" dict-code="yes_no_type" /> <dict-select v-model="state.queryForm.types" dict-code="merchant_type" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item style="width: 250px" label="是否显示在移动端" prop="visibleMobile">
<el-button icon="Search" type="primary" @click="getDataList"> <dict-select v-model="state.queryForm.visibleMobile" dict-code="yes_no_type" />
{{ $t("common.queryBtn") }} </el-form-item>
</el-button> <el-form-item style="width: 250px" label="是否同步正元" prop="isSyncZy">
<el-button icon="Refresh" @click="resetQuery">{{ $t("common.resetBtn") }}</el-button> <dict-select v-model="state.queryForm.isSyncZy" dict-code="yes_no_type" />
</el-form-item> </el-form-item>
</el-row> <el-form-item style="width: 250px" label="是否对外开放" prop="canteenIsOpen">
</el-form> <dict-select v-model="state.queryForm.canteenIsOpen" dict-code="yes_no_type" />
<el-row> </el-form-item>
<div class="mb8" style="width: 100%"> <el-form-item>
<el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()" <el-button icon="Search" type="primary" @click="getDataList">
v-auth="'wallet_mchManage_add'"> {{ $t("common.queryBtn") }}
新 增 </el-button>
</el-button> <el-button icon="Refresh" @click="resetQuery">{{ $t("common.resetBtn") }}</el-button>
<el-button plain :disabled="multiple" icon="Delete" type="primary" v-auth="'wallet_mchManage_del'" </el-form-item>
@click="handleDelete(selectObjs)"> </el-row>
删 除 </el-form>
</el-button> <el-row>
<right-toolbar v-model:showSearch="showSearch" :export="'wallet_mchManage_export'" <div class="mb8" style="width: 100%">
@exportExcel="exportExcel" class="ml10 mr20" style="float: right" @queryTable="getDataList" /> <el-button icon="folder-add" type="primary" class="ml10" @click="formDialogRef.openDialog()"
</div> v-auth="'wallet_mchManage_add'">
</el-row> 新 增
<el-table :data="state.dataList" v-loading="state.loading" :header-cell-style="tableStyle.headerCellStyle" </el-button>
:row-class-name="tableRowClassName" @selection-change="selectionChangHandle" <el-button plain :disabled="multiple" icon="Delete" type="primary"
@sort-change="sortChangeHandle" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" v-auth="'wallet_mchManage_del'" @click="handleDelete(selectObjs)">
:default-expand-all="false" :indent="30" row-key="id"> 删 除
<el-table-column type="selection" width="40" align="center" /> </el-button>
<el-table-column type="index" label="#" width="50" align="center" /> <right-toolbar v-model:showSearch="showSearch" :export="'wallet_mchManage_export'"
<el-table-column prop="id" label="商户id" align="left" min-width="180" /> @exportExcel="exportExcel" class="ml10 mr20" style="float: right"
<el-table-column prop="name" label="商户名" align="left" min-width="160" /> @queryTable="getDataList" />
<el-table-column prop="logoPic" label="logo" align="center">
<template #default="{ row }">
<preview-image :src="row.logoPic" />
</template>
</el-table-column>
<el-table-column prop="collectionCode" width="150" align="center" label="商户收款二维码">
<template #default="{ row }">
<div class="flex flex-col justify-center items-center">
<preview-image :src="row.collectionCode" download :downloadName="`${row.name} 收款二维码`" />
</div> </div>
</template> </el-row>
</el-table-column> <el-table :data="state.dataList" v-loading="state.loading"
<el-table-column prop="collectionUrlCode" width="150" align="center" label="商户url收款码"> :header-cell-style="tableStyle.headerCellStyle" :row-class-name="tableRowClassName"
<template #default="{ row }"> @selection-change="selectionChangHandle" @sort-change="sortChangeHandle"
<div class="flex flex-col justify-center items-center"> :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" :default-expand-all="false"
<preview-image :src="row.collectionUrlCode" download :indent="30" row-key="id">
:downloadName="`${row.name} 商户url收款码`" /> <el-table-column type="selection" width="40" align="center" />
</div> <el-table-column type="index" label="#" width="50" align="center" />
</template> <el-table-column prop="id" label="商户id" align="left" min-width="180" />
</el-table-column> <el-table-column prop="name" label="商户名" align="left" min-width="160" />
<el-table-column prop="merchantType" label="商户类型" align="center" :min-width="160"> <el-table-column prop="logoPic" label="logo" align="center">
<template #default="{ row }"> <template #default="{ row }">
<div class="flex"> <preview-image :src="row.logoPic" />
<div class="flex justify-center items-center"> </template>
<div v-for="(v, i) in row.types?.split(',')" :key="i" class="mr-1"> </el-table-column>
<dict-tag :options="merchant_type" :value="v" /> <el-table-column prop="collectionCode" width="150" align="center" label="商户收款二维码">
<template #default="{ row }">
<div class="flex flex-col justify-center items-center">
<preview-image :src="row.collectionCode" download
:downloadName="`${row.name} 收款二维码`" />
</div> </div>
</div> </template>
<el-tag v-if="row.catgoryName" type="primary">{{ row.catgoryName }}</el-tag> </el-table-column>
</div> <el-table-column prop="collectionUrlCode" width="150" align="center" label="商户url收款码">
</template> <template #default="{ row }">
</el-table-column> <div class="flex flex-col justify-center items-center">
<el-table-column prop="isSyncZy" label="是否同步正元" min-width="120" align="center"> <preview-image :src="row.collectionUrlCode" download
<template #default="{ row }"> :downloadName="`${row.name} 商户url收款码`" />
<el-switch :disabled="!useUserInfo().userInfos.roleCodes.includes('ROLE_ADMIN')" </div>
active-value="1" inactive-value="0" v-model="row.isSyncZy" @change="isSyncZyChange(row)" /> </template>
</template> </el-table-column>
</el-table-column> <el-table-column prop="merchantType" label="商户类型" align="center" :min-width="160">
<el-table-column label="是否在移动端展示" min-width="150" align="center"> <template #default="{ row }">
<template #default="{ row }"> <div class="flex">
<el-switch :disabled="!useUserInfo().userInfos.roleCodes.includes('ROLE_ADMIN')" <div class="flex justify-center items-center">
active-value="1" inactive-value="0" v-model="row.visibleMobile" <div v-for="(v, i) in row.types?.split(',')" :key="i" class="mr-1">
@change="visibleMobileChange(row)" /> <dict-tag :options="merchant_type" :value="v" />
</template> </div>
</el-table-column> </div>
<el-table-column width="200" label="支付默认钱包" align="center"> <el-tag v-if="row.catgoryName" type="primary">{{ row.catgoryName }}</el-tag>
<template #default="{ row }"> </div>
<div class="flex items-center justify-center"> </template>
<div class="color-primary">{{ row.walletTypeName }}</div> </el-table-column>
<div class="flex items-center just ml5"> <el-table-column prop="isSyncZy" label="是否同步正元" min-width="120" align="center">
<dict-tag :options="wallet_type" :value="row.walletTypeUniqueCode" /> <template #default="{ row }">
</div> <el-switch :disabled="!useUserInfo().userInfos.roleCodes.includes('ROLE_ADMIN')"
</div> active-value="1" inactive-value="0" v-model="row.isSyncZy"
</template> @change="isSyncZyChange(row)" />
</el-table-column> </template>
<el-table-column prop="deptName" label="部门" align="center" min-width="100" /> </el-table-column>
<el-table-column prop="phone" label="联系电话" :min-width="120" align="center" /> <el-table-column label="是否在移动端展示" min-width="150" align="center">
<el-table-column prop="sort" label="排序" :min-width="100" align="center"> <template #default="{ row }">
<template #default="{ row }"> <el-switch :disabled="!useUserInfo().userInfos.roleCodes.includes('ROLE_ADMIN')"
<span class="color-success">{{ row.sort }}</span> active-value="1" inactive-value="0" v-model="row.visibleMobile"
</template> @change="visibleMobileChange(row)" />
</el-table-column> </template>
<el-table-column prop="mchCount" label="分店数量" :min-width="100" align="center"> </el-table-column>
<template #default="{ row }"> <el-table-column width="200" label="支付默认钱包" align="center">
<span class="color-primary">{{ row.mchCount || 0 }}</span> <template #default="{ row }">
</template> <div class="flex items-center justify-center">
</el-table-column> <div class="color-primary">{{ row.walletTypeName }}</div>
<el-table-column prop="businessTime" label="营业时间" :min-width="160" align="center"> <div class="flex items-center just ml5">
<template #default="{ row }"> <dict-tag :options="wallet_type" :value="row.walletTypeUniqueCode" />
<div>{{ row.jobTime?.split(",")[0] ? "早上：" + row.jobTime?.split(",")[0] : "" }}</div> </div>
<div>{{ row.jobTime?.split(",")[1] ? "中午：" + row.jobTime?.split(",")[1] : "" }}</div> </div>
<div>{{ row.jobTime?.split(",")[2] ? "晚上：" + row.jobTime?.split(",")[2] : "" }}</div> </template>
</template> </el-table-column>
</el-table-column> <el-table-column prop="deptName" label="部门" align="center" min-width="100" />
<el-table-column prop="addressDes" label="地址" :min-width="160" align="center" /> <el-table-column prop="phone" label="联系电话" :min-width="120" align="center" />
<el-table-column prop="createTime" label="创建时间" :min-width="160" align="center" /> <el-table-column prop="sort" label="排序" :min-width="100" align="center">
<el-table-column label="操作" fixed="right" <template #default="{ row }">
v-auths="['wallet_mchManage_refresh_qrcode', 'wallet_mchManage_setting', 'wallet_mchManage_edit', 'wallet_mchManage_del']" <span class="color-success">{{ row.sort }}</span>
min-width="300" align="center"> </template>
<template #default="{ row }"> </el-table-column>
<el-button icon="RefreshRight" text type="primary" v-auth="'wallet_mchManage_refresh_qrcode'" <el-table-column prop="mchCount" label="分店数量" :min-width="100" align="center">
@click="refreshQrcode(row)"> <template #default="{ row }">
刷新二维码 <span class="color-primary">{{ row.mchCount || 0 }}</span>
</el-button> </template>
<el-button icon="setting" text type="primary" v-auth="'wallet_mchManage_setting'" </el-table-column>
@click="settingDialogRef.openDialog(row.id)"> <el-table-column prop="businessTime" label="营业时间" :min-width="160" align="center">
配置 <template #default="{ row }">
</el-button> <div>{{ row.jobTime?.split(",")[0] ? "早上：" + row.jobTime?.split(",")[0] : "" }}</div>
<el-button icon="edit-pen" text type="primary" v-auth="'wallet_mchManage_edit'" <div>{{ row.jobTime?.split(",")[1] ? "中午：" + row.jobTime?.split(",")[1] : "" }}</div>
@click="formDialogRef.openDialog(row.id)"> <div>{{ row.jobTime?.split(",")[2] ? "晚上：" + row.jobTime?.split(",")[2] : "" }}</div>
编辑 </template>
</el-button> </el-table-column>
<el-button icon="delete" text type="primary" v-auth="'wallet_mchManage_del'" <el-table-column prop="addressDes" label="地址" :min-width="160" align="center" />
@click="handleDelete([row.id])"> 删除 </el-button> <el-table-column prop="createTime" label="创建时间" :min-width="160" align="center" />
</template> <el-table-column label="操作" fixed="right"
</el-table-column> v-auths="['wallet_mchManage_refresh_qrcode', 'wallet_mchManage_setting', 'wallet_mchManage_edit', 'wallet_mchManage_del']"
</el-table> min-width="300" align="center">
<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" <template #default="{ row }">
v-bind="state.pagination" /> <el-button icon="RefreshRight" text type="primary"
v-auth="'wallet_mchManage_refresh_qrcode'" @click="refreshQrcode(row)">
刷新二维码
</el-button>
<el-button icon="setting" text type="primary" v-auth="'wallet_mchManage_setting'"
@click="settingDialogRef.openDialog(row.id)">
配置
</el-button>
<el-button icon="edit-pen" text type="primary" v-auth="'wallet_mchManage_edit'"
@click="formDialogRef.openDialog(row.id)">
编辑
</el-button>
<el-button icon="delete" text type="primary" v-auth="'wallet_mchManage_del'"
@click="handleDelete([row.id])"> 删除 </el-button>
</template>
</el-table-column>
</el-table>
<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
v-bind="state.pagination" />
</template>
</DraggableDepTree>
</div> </div>
<!-- 编辑、新增 --> <!-- 编辑、新增 -->
<form-dialog ref="formDialogRef" @refresh="getDataList(false)" /> <form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
<!-- 商户配置 --> <!-- 商户配置 -->
<Setting ref="settingDialogRef" @refresh="getDataList(false)" /> <Setting ref="settingDialogRef" @refresh="getDataList(false)" />
</div> </div>
@@ -198,6 +211,14 @@ const resetQuery = () => {
queryRef.value?.resetFields() queryRef.value?.resetFields()
// 清空多选 // 清空多选
selectObjs.value = [] selectObjs.value = []
state.queryForm.deptIds = []
getDataList()
}
const handleGetSelectNode = (curClickedNode: any, checkedTreeNodes: any, isDeepTree: any) => {
// state.queryForm.deptId = curClickedNode.id
state.queryForm.deptIds = checkedTreeNodes.map((item: any) => item.id)
state.queryForm.isInclude = !isDeepTree
getDataList() getDataList()
} }